/* CSS Document */ 
div, ul, ol, li, dl, dd, dt, table, form, h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
}
ul, ol, li {
    list-style: none;
    list-style-type: none;
}
body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #444;
    line-height: 24px;
    font-family: "微软雅黑";
    background-color: #fff;
}
navallbox /*table{ margin:0 auto;}*/
table {
    table-layout: fixed;
    word-wrap: break-word;
}
img {
    border: none;
}
a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #f00;
    text-decoration: none;
}
a.red {
    color: #f00;
}
a.red:hover {
    color: #009900;
}
img {
    border: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix {
    zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
} /* IE7 */
.clear {
    clear: both;
}
.fl_l {
    float: left;
}
.fl_r {
    float: right;
}
.margin0 {
    margin: 0 auto;
}
.margin5 {
    margin: 5px auto 0;
}
.margin10 {
    margin: 10px auto 0;
}
.margin15 {
    margin: 15px auto 0;
}
.margin20 {
    margin: 20px auto 0;
}
.blank20 {
    height: 20px;
    overflow: hidden;
}
.wrap {
    margin: auto;
}
.bannerquick {
    position: absolute;
    bottom: 20px;
    right: 150px;
    z-index: 1;
}
.bannerquick .left {
    float: left;
    width: 120px;
    margin-right: 10px;
}
.bannerquick .right {
    float: left;
    width: 120px;
}
.navwrap {
    height: 56px;
    border-bottom: 1px solid #fff;
    width: 100%;
    background: url(../images/topnav_bg.jpg) repeat-y center center;
}
.topright {
    width: 910px;
    float: right;
}
.telphone {
    width: 233px;
    height: 36px;
    float: right;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: url(../images/tel_bg.png) no-repeat;
}
.telphone span {
    font-size: 18px;
    font-family: arial;
}
.navbg {
}
.navallbox {
    width: 1200px;
    margin: 20px auto;
}
.navlogo {
    width: 600px;
    float: left;
}
.top_phone {
    float: left;
    width: 600px;
    text-align: right;
}
.navbox {
    width: 805px;
    float: right;
    color: #fff;
    height: 80px;
    margin: auto;
    margin-top: 20px;
}
.navbox ul {
    margin: auto;
}
.pSort {
    width: 115px;
    color: #fff;
    float: left;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: 300;
    font-family: "Microsoft Yahei";
    font-size: 16px;
}
.pSort:hover {
    color: #fff;
}
a.pSortLink {
    display: block;
    color: #fff;
    height: 80px;
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
a.pSortLink:hover {
    background: url(../images/nav_hover.png) no-repeat bottom center;
    color: #fff;
}
.pSorttxt {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    padding-top: 10px;
    height: 24px;
    line-height: 24px;
    text-indent: 12px;
}
.pSorttxt1 {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    height: 20px;
    line-height: 20px;
    color: #99C7DF;
    -webkit-text-size-adjust: none;
    text-indent: 12px;
}
.pSort:hover .submenu {
    display: block;
}
#CurrMenu {
    background: url(../images/nav_hover.jpg) no-repeat bottom center;
    color: #fff;
}
.navindex {
    height: 70px;
    border-bottom: 5px solid #DFDFDF;
    width: 1200px;
    margin: auto;
}
.navnei {
    height: 70px;
    border-top: 5px solid #414141;
    border-bottom: 1px solid #DFDFDF;
    margin: auto;
}
#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 840px;
    overflow: hidden;
}
.banneryy {
    position: relative;
    z-index: 999;
    background: url(../images/nav_bottom.png) repeat-x;
}
.topnavbottom {
    position: absolute;
    background: url(../images/nav_bottom.png) repeat-x;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 10px;
}
.banner {
    overflow: hidden;
    margin: 0px auto;
}
.indexprocort {
    border-bottom: 1px solid #eee;
    height: 351px;
    background-color: #fff;
}
.indexpromain {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.indexprolist {
    float: left;
    width: 967px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.indexprolist li {
    width: 160px;
    height: 350px;
    border-right: 1px solid #eee;
    float: left;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexprolist li.ico1 {
    background: url(../images/indexpro11.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico1:hover {
    background: url(../images/indexpro12.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico2 {
    background: url(../images/indexpro21.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico2:hover {
    background: url(../images/indexpro22.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico3 {
    background: url(../images/indexpro31.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico3:hover {
    background: url(../images/indexpro32.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico4 {
    background: url(../images/indexpro41.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico4:hover {
    background: url(../images/indexpro42.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico5 {
    background: url(../images/indexpro51.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico5:hover {
    background: url(../images/indexpro52.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico6 {
    background: url(../images/indexpro61.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li.ico6:hover {
    background: url(../images/indexpro62.jpg) no-repeat;
    width: 160px;
    height: 350px;
}
.indexprolist li a {
    width: 160px;
    height: 350px;
    display: block;
}
.indexproad {
    position: absolute;
    right: 0;
    top: -39px;
    z-index: 800;
}
.indexabout {
}
.indexabouttitle {
    height: 110px;
    text-align: center;
    margin-top: 60px;
}
.indexaboutbg {
    margin-top: 30px;
    height: 700px;
    background: url(../images/indexaboutbg.jpg) no-repeat top center;
}
.indexaboutcon {
    width: 580px;
    margin-top: 200px;
}
.indexaboutcon .title {
    height: 68px;
    line-height: 68px;
    font-size: 48px;
    color: #fff;
    font-weight: 300;
}
.indexaboutcon .ltitle {
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
}
.indexaboutcon .txt {
    margin-top: 44px;
    line-height: 32px;
    height: 128px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
}
.indexaboutcon .btn {
    margin-top: 10px;
    width: 136px;
    height: 42px;
    line-height: 42px;
    background-color: #B91010;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.indexaboutcon .btn a {
    display: block;
    color: #fff;
}
.indexnews {
}
.indexnewstitle {
    height: 110px;
    text-align: center;
}
.indexnewscon {
    margin-top: 50px;
}
.indexnewstop {
    width: 450px;
    padding: 20px 30px;
    padding-bottom: 0px;
    background-color: #F8F8F8;
    float: left;
}
.indexnewstop .time {
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 18px;
    font-weight: 300;
}
.indexnewstop .title {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.indexnewstop .pic {
    margin: 8px 0px;
    width: 450px;
    height: 240px;
}
.indexnewstop .pic img {
    width: 450px;
    height: 240px;
}
.indexnewstop .txt {
    height: 60px;
    line-height: 30px;
    font-size: 14px;
    color: #6B6B6B;
}
.indexnewstop .btn {
    width: 140px;
    height: 45px;
    margin: 8px auto;
}
.indexnewslist {
    margin: 20px 0px;
}
.indexnewslist li {
    width: 552px;
    float: left;
    margin: 20px 5px;
    height: 90px;
    padding: 10px 10px 10px 28px;
    background: url(../images/newsahover.jpg) no-repeat;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexnewslist li .title {
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}
.indexnewslist li .title span {
    float: right;
    color: #333;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}
.indexnewslist li .txt {
    margin-top: 8px;
    line-height: 24px;
    height: 48px;
    width: 480px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}
.indexnewslist li:hover {
    background: url(../images/newsabg.jpg) no-repeat;
}
.indexnewslist li:hover .title {
    color: #fff;
}
.indexnewslist li:hover .title span {
    color: #fff;
}
.indexnewslist li:hover .txt {
    color: #fff;
}
.indexproject {
    width: 358px;
    height: 288px;
    float: right;
    padding: 20px;
    padding-top: 10px;
    background-color: #fff;
}
.indexproject .title {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #E6E6E6;
    background: url(../images/title_bg1.png) no-repeat left bottom;
    font-size: 18px;
    color: #333;
    text-indent: 10px;
}
.indexproject .title span {
    float: right;
    height: 30px;
    margin-top: 12px;
    line-height: 30px;
    font-size: 14px;
}
.indexproject .title span a {
    color: #999;
}
.indexproject .con {
    margin-top: 10px;
}
.indexproject .img {
    text-align: center;
    height: 130px;
}
.indexproject .txt {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}
.mainindexbg {
    background: url(../images/indexmain_bg.jpg) repeat-x;
    overflow: hidden;
}
.mainaboutbg {
    background: url(../images/indexabout_bg.jpg) no-repeat center center;
    height: 196px;
    width: 1176px;
    margin: 0 auto;
    margin-top: 28px;
    padding: 16px;
}
.main {
    margin: auto;
    width: 1200px;
    overflow: hidden;
}
.brmain{   margin: auto;
    width: 1200px;}
.mainnei {
    margin: auto;
    width: 1000px;
    overflow: hidden;
}
.indexprobox {
    margin-top: 25px;
}
.indexprobox .left {
    width: 590px;
    float: left;
}
.indexprobox .mid {
    width: 290px;
    float: left;
    margin-left: 14px;
}
.indexprobox .right {
    width: 292px;
    float: right;
}
.indexprobox .img {
}
.indexprobox .txt {
    height: 34px;
    line-height: 34px;
    background-color: #22809C;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.indexmidpro {
    width: 250px;
    padding: 15px 20px;
    background-color: #22809C;
}
.indexmidprotitle {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.indexmidlist {
    margin-top: 15px;
    min-height: 130px;
}
.indexmidlist li {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.indexmidlist li a {
    color: #fff;
}
.indexmidbot {
    margin-top: 14px;
}
.mainboxindex {
    width: 576px;
    float: left;
    background: url(../images/indexline.jpg) no-repeat left center;
    height: 200px;
    padding-left: 24px;
}
.maintitle {
    height: 34px;
    line-height: 34px;
    margin-top: 15px;
}
.maintitle span {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}
.mainboxcon {
    margin-top: 20px;
}
.mainboxpic {
    float: left;
    width: 279px;
    margin-top: 20px;
}
.mainboxpic1 {
    float: left;
    width: 178px;
    height: 106px;
}
.mainnewslist {
    float: right;
    width: 440px;
    border-bottom: 1px solid #ddd;
    height: 165px;
    overflow: hidden;
    margin-top: 20px;
}
.mainnewslist li {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-bottom: 1px dotted #ddd;
    overflow: hidden;
}
.mainnewslist li a {
    color: #666;
}
.mainnewslist li a:hover {
    color: #DA251D;
}
.mainnewslist li span {
    float: left;
    width: 86px;
    color: #278067;
}
.mainanlilist {
    float: left;
    margin-left: 2px;
    width: 386px;
    overflow: hidden;
}
.mainanlilist li {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    overflow: hidden;
    background: url(../images/icon1.jpg) no-repeat left center;
    text-indent: 10px;
    width: 190px;
    float: left;
}
.mainanlilist li a {
    color: #666;
}
.mainanlilist li a:hover {
    color: #DA251D;
}
.mainbox2 {
    width: 630px;
    float: left;
    margin-top: 20px;
}
.mainboxtitle2 {
    height: 38px;
}
.mainboxtitle2 span {
    float: right;
    color: #E94A01;
    line-height: 38px;
    font-size: 12px;
    font-family: "song"
}
.mainbox3 {
    float: right;
    width: 340px;
    margin-top: 20px;
}
.maincon {
    height: 182px;
}
.maincon .pic {
    margin-top: 20px;
    height: 118px;
}
.maincon .title {
    height: 36px;
    line-height: 36px;
    color: #22809C;
    font-size: 14px;
    margin-top: 5px;
    font-family: "微软雅黑";
}
.maincon .txt {
    line-height: 30px;
    font-size: 14px;
    color: #222;
}
.topsearch {
    width: 500px;
    margin: 0px auto;
    color: #222;
}
.topsearch .input {
    width: 188px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    float: left;
    text-indent: 30px;
}
.topsearch .btn {
    width: 44px;
    float: left;
}
.schbtn {
    width: 44px;
    height: 28px;
    background-color: #333;
}
.copyright {
    background: url(../images/copy_bg.jpg) no-repeat;
    height: 240px;
    padding-top: 110px;
}
.copyrightbox {
    width: 1200px;
    margin: auto;
    text-align: left;
}
.copyrightbox .left {
    width: 150px;
    float: left;
}
.copyrightbox .bmid {
    width: 510px;
    float: left;
    margin-left: 60px;
}
.copyrightbox .right {
    width: 340px;
    float: right;
    font-weight: 300;
}
.copyrightbox .bnav {
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    font-size: 13px;
}
.copyrightbox .bnav a {
    display: inline-block;
}
.copyrightbox .cont {
    margin-top: 20px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}
.copyrightbox .conttitle {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
}
.copyrightbox .contnum {
    height: 48px;
    line-height: 48px;
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
.copyrightbox .conttxt {
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.copyrightbox .conttxt p {
    display: inline;
}
/* 效果CSS开始 */
.mkeFocus {
    height: 220px;
    width: 260px;
    border: 1px solid #C9CACB;
    border-radius: 8px;
    padding-top: 7px;
    margin: 0 auto
}
.mkeUl {
    margin: 0px auto;
    height: 220px;
    width: 260px;
    overflow: hidden;
    position: relative;
}
.mkeUl ul {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 220px;
}
.mkeUl ul li {
    float: left;
    width: 260px;
}
.mkeUl ul li img {
}
.mkeUl ul li .txt {
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-indent: 5px;
    font-size: 14px;
    background-color: #D9341E;
}
.mkeul ul li .txt a {
    color: #fff;
}
.mkeNum {
    background: #FFF url(../images/banNum.jpg);
    height: 35px;
    width: 37px;
    position: absolute;
    z-index: 1;
    left: 13px;
    bottom: 4px;
    font: 14px Arial;
}
.mke_ns1 {
    line-height: 16px;
    text-align: center;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.mke_ns2 {
    line-height: 16px;
    color: #9FA0A0;
    text-align: center;
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.mkeLbtn {
    background: url(../images/kelBtn.png) no-repeat;
    height: 98px;
    width: 36px;
    position: absolute;
    left: 6px;
    top: 165px;
    cursor: pointer;
    z-index: 10;
}
.mkeRbtn {
    position: absolute;
    top: 165px;
    right: 6px;
    background: url(../images/kerBtn.png) no-repeat;
    height: 98px;
    width: 36px;
    cursor: pointer;
    z-index: 10;
}
/* 效果CSS结束 */
 

/*内页样式*/
.mainbox {
    width: 1000px;
}
.neimain {
    width: 1200px;
    margin: 0px auto;
    margin-top: 20px;
}
.neibanner {
    height:300px;
}
.nowsite {
    height: 60px;
    line-height: 60px;
    background-color: #fff;
}
.neiabout {
}
.neiaboutleft {
    width: 395px;
    float: left;
}
.neiaboutright {
    width: 745px;
    float: right;
}
.neiabouttitle {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #222;
}
.neiaboutcon {
    line-height: 30px;
    font-size: 13px;
}
.nei_l {
    width: 1200px;
    overflow: hidden;/*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r {
    width: 1000px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f7f7f7;
}
.leftmenu {
    margin-top: 20px;
    margin-bottom: 30px;
}
.leftTit {
    height: 43px;
    line-height: 43px;
    background: url(../images/lefttit.jpg) no-repeat;
    color: #fff;
    text-indent: 20px;
    font-size: 14px;
}
.leftline {
    height: 8px;
    background-color: #CCCCCC;
}
.leftmenu ul {
    margin: 0 auto;
}
.leftmenu ul li {
    width: 120px;
    float: left;
    text-align: center;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
}
.leftmenu ul li a:link, .leftmenu ul li a:visited {
    display: block;
    line-height: 40px;
    color: #222;
}
.leftmenu ul li span {
    float: right;
    margin-right: 20px;
}
.leftcon {
    border: 1px solid #ccc;
    background: url(../images/contact_bg.jpg) no-repeat right bottom;
    padding: 5px;
    width: 238px;
    margin-top: 10px;
    height: 240px;
}
.leftcontitle {
    height: 27px;
    margin-top: 5px;
}
.lefttxt {
    font-size: 14px;
    line-height: 30px;
    color: #111;
    margin-top: 10px;
}
.leftphone {
    margin-top: 5px;
    width: 236px;
    background: url(../images/leftphone.jpg) no-repeat;
    height: 62px;
    font-size: 14px;
    text-indent: 80px;
    padding-top: 40px;
}
#currcol {
    color: #fff;
    background-color: #22809C;
}
.righttitle {
    width: 1200px;
    margin: 0px auto;
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #333;
    font-family: "微软雅黑";
}
.righttitle b {
    font-size: 20px;
    color: #999;
    font-weight: normal;
    margin-left: 20px;
}
.righttitle span {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    float: right;
    font-size: 12px;
    margin-right: 10px;
}
.btnbg {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #0270AB;
}
.mainleft {
    width: 220px;
    margin-top: 10px;
    background: url(../images/neititle.jpg) no-repeat;
    float: left;
    overflow: hidden;
    min-height: 271px;
}
.mainlefttitle {
    margin-left: 16px;
    margin-top: 18px;
}
.mainleftlist {
    padding: 20px 20px;
    overflow: hidden;
}
.mainleftlist li {
    height: 30px;
    line-height: 30px;
    background: url(../images/title_bg.jpg) no-repeat left center;
    text-indent: 20px;
}
.mainleftlist li a {
    font-size: 14px;
    font-family: "微软雅黑";
    border-bottom: 1px #ccc solid;
    display: block;
}
.mainright {
    width: 1200px;
    background-color: #fff;
}
.mainrighttitle {
    line-height: 62px;
    height: 62px;
    font-size: 12px;
    font-family: "song";
    text-indent: 10px;
    position: absolute;
    top: 200px;
    left: 0;
}
.mainneititle {
    width: 960px;
    height: 36px;
    margin-top: 15px;
    text-align: center;
}
.mainrighttitle span {
    float: right;
    font-size: 12px;
    font-family: "宋体";
    line-height: 30px;
    padding-right: 20px;
}
.main_content {
    padding: 20px;
    min-height: 500px;
}
.pro_content {
    background-color: #Ffffff;
    min-height: 500px;
}
.newstitle {
    line-height: 30px;
    margin: 10px auto;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.newsinfo {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #E1F4E8;
}
.newsdetail {
    font-size: 14px;
    line-height: 30px;
    min-height: 300px;
    overflow: hidden;
}
.newsdetail img {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 1180px;
 width: expression(this.width > 1180 && this.width > this.height ? 1180px : 'auto';
);
}
.newsdetail a:link, .newsdetail a:visited, .newsdetail a:hover {
    color: #333;
    text-decoration: none;
}
.productlist {
}
.productlist li {
    width: 210px;
    height: 200px;
    background: url(../images/pro_bg.jpg) no-repeat;
    float: left;
    padding: 15px;
}
.proneipic {
}
.proneititle {
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #22809C;
}
.proneititle a {
    color: #fff;
}
.artilelist {
}
.artilelist li {
    height: 36px;
    line-height: 36px;
    background: url(../images/dot3.jpg) no-repeat left center;
    text-indent: 15px;
    border-bottom: dashed 1px #ddd;
}
.artilelist li span {
    float: right;
    color: #666;
}
.resultlist {
    width: 500px;
    margin: 0px auto;
    border: 1px solid #ddd;
    padding: 8px;
    background-color: #f7f7f7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.resultlist li {
    height: 36px;
    line-height: 36px;
    background: url(../images/dot3.jpg) no-repeat left center;
    text-indent: 15px;
    border-bottom: dotted 1px #ddd;
    color: #222;
}
.resultlist li span {
    float: right;
    color: #222;
}
.page {
    font-size: 12px;
    font-family: microsoft yahei;
    text-align: center;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}
.page a {
    color: #333;
    text-decoration: none;
    margin: 0 3px;
    background: url(../images/pagebg0.gif) repeat-x;
    border: solid 1px #b4b4b4;
    padding: 0px 5px;
}
.page a:hover {
    color: #0C7DD7;
    background: url(../images/pagebg.gif) repeat-x;
    border: solid 1px #cbcbcb;
}
.page a.current {
    color: #0C7DD7;
    font-weight: bold;
    background: url(../images/pagebg.gif) repeat-x;
    border: solid 1px #cbcbcb;
}
.flinksort {
    width: 670px;
    overflow: hidden;
    margin: 10px auto 10px;
    font: bold 14px/28px "微软雅黑";
    border-bottom: 1px dashed #ccc;
}
.flinklist {
    width: 670px;
    overflow: hidden;
    margin: 10px auto;
}
.flinklist ul li {
    float: left;
    border: 1px #ccc dotted;
}
/*========fy========*/
.fy {
    width: 720px;
    height: 36px;
    overflow: hidden;
    margin: 15px auto;
}
.fy ul {
    text-align: center;
}
.fy ul li {
    display: inline-block;
*display:inline;
*zoom:1;
    color: #fff;
    margin: 0 5px 0 0;
}
.fy ul li a {
    font: normal 14px/32px "Microsoft Yahei";
    color: #333;
    text-align: center;
    text-decoration: none;
    height: 32px;
    border-radius: 5px;
}
.fy ul li a:hover {
    font: normal 14px/32px "Microsoft Yahei";
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 32px;
}
.fydd001 a {
    height: 24px;
    padding: 0 5px;
    _width: 15px;
    color: #333;
    display: block;
    color: #333;
    overflow: hidden;
    border: 1px solid #ddd;
}
.fydd001 a:hover {
    height: 24px;
    padding: 0 5px;
    _width: 15px;
    display: block;
    color: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #02906A;
}
#fydd002 a {
    height: 32px;
    padding: 0 5px;
    color: #fff;
    _width: 15px;
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #2A98CA;
}
.fypang a {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
}
.fypang a:hover {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    background: #02906A;
    overflow: hidden;
    display: block;
}
.fypang02 a {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
}
.fypang02 a:hover {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    background: #02906A;
    overflow: hidden;
    display: block;
}
.fypang03 a {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
}
.fypang03 a:hover {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    background: #02906A;
    overflow: hidden;
    display: block;
}
.fypang04 a {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
}
.fypang04 a:hover {
    width: 80px;
    height: 32px;
    border: 1px solid #ddd;
    background: #02906A;
    overflow: hidden;
    display: block;
}
.procont {
    padding: 10px;
    line-height: 24px;
    color: #333;
    width: 740px;
    overflow: hidden;
    margin: 10px auto;
    word-break: break-all;
    word-wrap : break-word;
}
.procont img {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 740px;
 width: expression(this.width > 740 && this.width > this.height ? 740px : 'auto';
);
}
.procont a:link, .procont a:visited, .procont a:hover {
    color: #333;
    text-decoration: none;
}
.joblist th {
    background: #eee;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.joblist td {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
}
.jobdet {
    border-collapse: collapse;
    margin: 0 auto;
    background: #eee;
}
.jobdet td {
    height: 28px;
}
.pager {
    color: #000;
    font-size: 12px;
    padding-top: 10px;
}
.pager a:link, .pager a:visited, .pager a:hover {
    color: #887747;
    text-decoration: none;
}
.footer {
    width: 1000px;
    line-height: 20px;
    color: #fff;
    margin: 10px auto 0;
    background: url(../images/foot_bg.gif) repeat-x;
    height: 51px;
    padding-top: 15px;
    overflow: hidden;
    text-align: center;
}
.footer a:link, .footer a:visited {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #f60;
    text-decoration: none;
}
.newsprenext {
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding: 5px 0;
    color: #585858;
}
.newsprenext a {
    color: #585858;
    text-decoration: none;
}
.newsprenext a:hover {
    color: #f00;
    text-decoration: none;
}
.newspre {
    background: url(../images/arr4.gif) no-repeat 0 center;
    text-indent: 12px;
}
.newsnext {
    background: url(../images/arr4.gif) no-repeat 0 center;
    text-indent: 12px;
}
.inputxt1 {
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px;
    color: #333;
}
.areatxt {
    border: 1px solid #ccc;
    line-height: 18px;
    color: #333;
    width: 450px;
}
.jobbtn {
    background-color: #22809C;
    width: 93px;
    height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: none;
}
.designer_name {
    display: block;
    width: 120px;
    background: #22809C;
    line-height: 30px;
    height: 30px;
    text-align: center;
    font: bold 14px/30px "";
}
.designer_name a:link, .designer_name a:visited {
    color: #fff;
    text-decoration: none;
}
.designer_name a:hover {
    color: #fff;
    text-decoration: none;
}
.qqbox {
    width: 98px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 200px;
    color: #000000;
    font-size: 12px;
    z-index: 999;
}
.qqbox a:hover, a:active {
    color: #f80000;
    text-decoration: underline;
}
.qqtop {
}
.qqend1 {
    height: 45px;
}
.qqend2 {
    height: 68px;
    display: block;
    cursor: pointer;
}
.qqkf {
    background: url(../images/qq_bg.gif) repeat-y;
    top: 0;
    z-index: 99px;
    padding-top: 10px;
    min-height: 120px;
    padding-right: 15px;
}
.qqkf ul li {
    text-align: center;
    line-height: 35px;
}
.qqkf ul li a {
    text-decoration: none;
}
.qqkf ul li a:hover {
    text-decoration: none;
}
.qqkf ul li img {
}
.weixin a:hover, a:active {
    color: #f80000;
    text-decoration: underline;
}
.weixin {
    width: 135px;
    text-align: center;
    height: auto;
    overflow: hidden;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0px;
}
.ViewPic {
    width: 730px;
    height: 555px;
    position: relative;
    margin: 10px auto;
}
.ViewPic #center {
    position: relative;
    clear: both;
    overflow: hidden
}
.ViewPic .bigpic {
    margin: 0 auto;
    color: #333;
    line-height: 18px
}
.ViewPic .bigpic .img {
    margin: 0 auto;
    text-align: center
}
.ViewPic .bigpic h2 {
    font-size: 14px;
    padding: 10px 0 5px
}
.ViewPic .sz {
    font-size: 24px;
    position: absolute;
    right: 15px;
    bottom: 10px
}
.ViewPic .sz span {
    font-size: 48px
}
#num {
    display: none
}
.ViewPic .picls {
    height: 60px;
    padding-top: 10px
}
.ViewPic .ls_cen {
    width: 728px;
    float: left
}
.ViewPic .smls {
    width: 694px;
    float: left;
    height: 60px;
    overflow: hidden
}
.ViewPic .smls ul {
    width: 710px
}
#nav, .ViewPic .smls ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.ViewPic .smls li {
    float: left;
    list-style: none
}
.ViewPic .js1_lf_bd {
    left: 0
}
.ViewPic .js1_rg_bd {
    right: 0
}
.ViewPic .js1_lf_bd, .ViewPic .js1_rg_bd {
    z-index: 10;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 206px;
    background: #60b029;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}
.ViewPic .js1_lf {
    background: url(../images/js_a.gif) no-repeat 0 0;
    left: 24px
}
.ViewPic .js1_rg {
    background: url(../images/js_a.gif) no-repeat -24px 0;
    right: 24px
}
.ViewPic .js1_lf, .ViewPic .js1_rg {
    z-index: 11;
    display: block;
    width: 24px;
    height: 42px;
    position: absolute;
    top: 221px
}
.ViewPic .an_left a {
    display: block;
    background: url(/images/js2_lf.gif) no-repeat;
    width: 15px;
    height: 60px;
    float: left;
    margin-right: 4px
}
.ViewPic .an_right a {
    display: block;
    background: url(/images/js2_rg.gif) no-repeat;
    width: 15px;
    height: 60px;
    float: right
}
.ViewPic li {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    width: 80px;
    height: 60px
}
.ViewPic li .li_pst_bd {
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
.ViewPic li .li_pst_nr {
    color: #fff;
    line-height: 20px;
    text-align: center;
    z-index: 3
}
.ViewPic li .li_pst_bd, .ViewPic li .li_pst_nr {
    width: 80px;
    height: 20px;
    position: absolute;
    top: 40px;
    left: 0
}
.ViewPic li .bor {
    border: #60b029 solid 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 54px;
    display: none
}
.menu_nav ul, .ViewPic .smls li.one .bor, .ViewPic li .li_pst_pho {
    display: block
}
.prodetail {
    line-height: 24px;
    color: #333;
    width: 730px;
    overflow: hidden;
    margin: 20px auto;
    word-break: break-all;
    word-wrap : break-word;
}
.prodetail img {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 730px;
 width: expression(this.width > 730 && this.width > this.height ? 730px : 'auto';
);
}
.projectnews {
}
.projectnews li {
    height: 57px;
    line-height: 57px;
    font-size: 15px;
    overflow:hidden;
    text-indent:25px;
    background:url(../images/left_pic.jpg) no-repeat 5px;
}

.projectnews1 {
    margin-top:10px;
}
.projectnews1 li{ width:100%; height: 57px; }
    .projectnews1 li .newsleft_pic {
     float:left; width:23%; background:url(../images/news_leftpic.png) no-repeat; height:40px; line-height:40px;overflow:hidden; background-size:100% 40px;
     margin-left:5%; margin-right:2%; text-align:center; color:#fff; font-size:14px;
     }
    .projectnews1 li .newsright_pic {
     float:left; width:63%; margin-right:5%; margin-left:2%; color:#fff;font-size:14px; text-align:center; background:url(../images/news_rightpic.png) no-repeat; height:40px;line-height:40px; background-size:100% 40px;
    }
.prodetail a:link, .prodetail a:visited, .prodetail a:hover {
    color: #333;
    text-decoration: none;
}
.column1_left {
    width: 590px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #CCC;
    padding: 2px
}
.container {
    min-height: 400px;
    overflow: hidden;
}
.container1{ width: 590px;
    height: 350px;
    overflow: hidden;
    position: relative;
 background-color: #000;
}
.slider li {
    list-style: none;
    display: inline;
}
.slider img {
    width: 590px;
    height: 350px;
    display: block;
    border: 0;
}
.slider2 li {
    float: left;
    position: relative
}
.num {
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 20px;
    _bottom: 1px;
    z-index: 88;
}
.num li {
    float: left;
    width: 21px;
    height: 20px;
    background: url(../images/ink0721hui.png) no-repeat center center;
    _background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink0721hui.png', sizingMethod='crop');
    cursor: pointer;
    overflow: hidden;
}
.num li.on {
    background: url(../images/ink0721hui1.png) no-repeat center center;
    _background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink0721hui1.png', sizingMethod='crop');
    width: 21px;
    height: 20px;
}
.idSiideer_pos {
    height: 40px;
    line-height: 40px;
    width: 590px;
    background-color: rgba(70,75,78,0.8);
    color: #FFF;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    text-align: center;num
}
.idSiideer_pos2 {
    height: 27px;
    background: #000;
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: 590px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.index_box {
    width: 1200px;
    margin:0px auto 20px auto;
}
.video_internalleft {
    width: 595px;
    float: left;
    margin-top: 20px;
    margin-right:5px;
}
.internalleft {
    width: 595px;
    float: left;
    margin-top: 20px;
    margin-right:5px;
}
.internalleft .title {
    width: 80px;
    margin: 0px 0px 15px 12px;
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #e8771a;
    color: #516983;
    font-size: 20px;
    font-weight: bold;
}
.internalleft span {
    float: right;
}
.internalright {
     background-color:#fff;
     border:1px solid #eaeaea;
    width: 595px;
    float: left;
    padding:0px 15px;
    box-sizing:border-box;
    margin-top: 20px;
    margin-left: 5px;
}
.internalrightname {
     background-color:#fff;
     border:1px solid #eaeaea;
    width: 595px;
    float: left;
    padding:0px 15px;
    box-sizing:border-box;
    margin-top: 20px;
    margin-right: 5px;
}
.internalrightname .title {
    background:url(../images/four_titlepic.png) no-repeat 5px; text-indent:30px;
    height: 61px;
    line-height: 61px;
    border-bottom:1px dashed #ddd;
    font-size: 20px;
    font-weight: bold;
}
.internalrightname .title a{
   color: #017af7; font-size: 20px; display:block;
}
.internalrightname .title span {
    float:right; color:#666; font-size:14px; font-weight:none;
}
.internalright .tz_title {
     background:url(../images/news_titleleftpic.jpg) no-repeat 5px; text-indent:20px;
    height: 61px;
    line-height: 61px;
    border-bottom:1px dashed #ddd;
    font-size: 20px;
    font-weight: bold;
}
    .internalright .tz_title a {
       color: #017af7; font-size: 20px;display:block;
    }
.internalright .tz_title span{
   float:right; color:#666; font-size:14px; font-weight:none;
}

.internalright .title {
    background:url(../images/four_titlepic.png) no-repeat 5px; text-indent:30px;
   height: 61px;
    line-height: 61px;
    border-bottom:1px dashed #ddd;
    font-size: 20px;
    font-weight: bold;
}
    .internalright .title a {color: #017af7; font-size: 20px; display:block;
    }
.internalright span {
    float:right; color:#666; font-size:14px; font-weight:none;
}
#div1 {
    width: 580px;
    height: 250px;
    position: relative;
    overflow: hidden;
}
#div1 ul {
    position: absolute;
    left: 0;
    top: 0;
}
#div1 ul li {
    float: left;
    width: 500px;
    height: 250px;
    list-style: none;
    margin-right: 10px;
    overflow: hidden;
}
.project .pic {
    position: relative;
}
.project .title1 {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(66,69,65,0.5);
    color: #fff;
    text-align: center;
    z-index: 888;
}
.aboutciecc{ background: url(../images/main_bg.jpg) no-repeat; height: 628px;}
.zzciess{text-align: center; padding-top:55px; }
.main_cieccbox{width:1200px; margin: auto; }
.main_cieccboxright{ width:55px; height:55px; margin-left:10px; margin-top: 47.5px;}
.floatciess{ margin-top:60px;}
.floatciess .main_m0{float:left; width:300px; margin-right: 10px; height: 300px; background-color:#fff;  }
.floatciess .main_m0 .title{ height: 40px; padding: 15px 0px 0px 0px; line-height: 20px; color:#656565; width:249px; margin: auto; font-size:12px; overflow: hidden; text-align: center;}
.floatciess .main_m0 .btn{text-align: center;  padding-top:15px;}
.floatciess .main_m0 .btn a{ color:#e87a0f; font-size:13px;}
.floatciess .main_m1{ float: left; width:199px; margin-top:50.5px; height: 199px; margin-right:10px; background-color:rgba(184,182,182,0.5); }
.floatciess .main_m1 a{display: block; width:199px; height: 199px;}
.floatciess .main_m1:nth-child(5){margin-right:0px;}
.floatciess .main_m1 .pic{ text-align:center; margin:20px 0px 10px 0px;}
.floatciess .main_m1 .title{text-align:center; font-size:16px; color:#fff;}
.floatciess .main_m2{float:left; width:55px; height:55px; margin-left:9px; margin-top:122.5px; }
.aboutbottom{position: relative;}
.aboutbottom .aboutusbox{width:1200px; margin:20px auto;}
.abouttitleleft{float:left; width:590px; margin-right: 20px; margin-top: 25px;}
.abouttitleleft .title{ color:#e87a0f; font-size:26px; line-height: 30px; font-weight: bold;}
.abouttitleleft .title1{ color:#dbdbdb; font-size:13px;}
.abouttitleleft .about_title{ margin: 20px 0px;}
.abouttitleleft .about_title .txt{ line-height: 29px; height: 380px; overflow: hidden;}
.abouttitleleft .about_title .btnname{ width:150px; height: 35px; margin-top: 20px; text-align: center; color:#fff; line-height: 35px; background-color:#e87a0f; }
.abouttitleleft .about_title .btnname a{color:#fff; font-size:14px; width:150px; height: 35px;line-height: 35px;  display: block;}
.abouttitleright{float:left; width:590px; margin-top:100px;}
.aboutbottombg{height:120px; width: 1000px; background-color:#516983; position: absolute; bottom:15px; z-index: 888; }
.aboutdree li{float:left; margin-top:25px;}
.addressleft{
    padding: 15px;
    box-sizing: border-box;
    display: box;
    display: -webkit-box;
    display: -moz-box;}
.addressleft .pic{height:40px;width: 40px;}
.addressleft .titlebox{margin-left: 15px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;}
.addressleft .titlebox .title1{font-size:15px; color:#fff;}
.addressleft .titlebox .title2{font-size:15px; color:#b2bac4;}
.linksbottom{ background-color:#1e1e1e; margin-top: 50px; height:55px; line-height:55px;}
.linksbox{width:1200px; margin: auto; }
.linksleft{float:left; width:170px; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size:15px; margin-top: 10px; margin-right:15px;  border:1px solid #525252;}
.linksright{ float:left; width:1000px; height: 55px; line-height: 55px; overflow: hidden;} 
.linksright li{float:left; width:142px; color:#a3a3a3; font-size:13px; height: 55px; line-height: 55px; overflow: hidden;}

.bottombox{ background-color:#006ddd;}
.bottommain{width:1200px; margin: auto;}
.bottomlogoleft1{float:left; width:130px; padding-top: 25px;}
.bottomlogoleft{float:left; width:800px; line-height:30px; padding: 25px 0px;}
.bottomlogoleft .phone1{color:#99c5f1; font-size:12px; background:url(../images/bottom_pic1.png) no-repeat 5px; background-size:25px 25px; text-indent:30px;}
.bottomlogoleft .phone2{color:#99c5f1; font-size:12px; background:url(../images/bottom_pic2.png) no-repeat 5px; background-size:25px 25px; text-indent:30px;}
.bottomlogoleft .phone3{color:#99c5f1; font-size:12px; background:url(../images/bottom_pic3.png) no-repeat 5px; background-size:25px 25px; text-indent:30px;}
.bottomlogoleft .phonetitle { height:30px; line-height:30px; font-size:16px; color:#fff;}
.bottomlogoleft2{float:left; width:400px; line-height:30px;}
.bottomlogoleft3{float:left; width:285px; line-height:30px;}
.bottomlogoright{ padding:25px 0px;}
.bottom_bq{ border-top:1px solid #338ae4; height:30px; line-height:30px; font-size:15px; color:#fff;}
    .bottom_bq .title{ width:1200px; margin:auto;  font-size:14px; color:#99c5f1;}
    .bottom_bq .title a{ width:1200px; margin:auto;  font-size:14px; color:#99c5f1;}
    .bottom_bq .title span{ float:right;}

.parent{
    display: flex; margin-top:150px;
}
.child{
    flex:1; text-align: center;
    height: 190px;background-color:rgba(184,182,182,0.5);
	-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.child + .child{
    margin-left: 20px;
}
	.main_m1{position: relative; height: 190px;}
.child:hover{ flex:2.5;}
	.main_m0{position: absolute; background-color:#fff; top:-50px;height:285px; display: none; z-index: 88; }
	.main_m1:hover .main_m0{ display: block; }
.main_m1_pic{ padding-top:15px;}
.main_m1_title{color:#fff; font-size:15px;}
.main_m0 .title{ height:35px; line-height: 35px; color:#fff; overflow: hidden;}

.indexbox6{ width:1200px; margin-top:20px;}
.indextitle6{ height:61px; line-height:61px; border-bottom:1px solid #eaeaea; background: -webkit-linear-gradient(top, #ebf5ff , #fefeff); font-weight:bold; text-indent:30px;font-family:"微软雅黑";}
    .indextitle6 a{  color:#017bf9; font-size:20px;}
.indextitle6 span{ float:right;  margin-right:5px; font-size:15px; color:#666;}
.indexcon6{ height:235px; border:1px solid #ddd; width:1200px;  background-color:#fff; border-top:none;}

.anliwrap { width:1200px; overflow:hidden; height:235px;}    
.effect{ width:1200px; margin:0 auto; overflow:hidden;}
.bd { margin:5px auto 0;}
.picList li{ width:200px; height:200px; background:url(../images/pro_bg.jpg) no-repeat;} 
.picList .title{ line-height:26px; text-align:center; font-weight:normal; color:#666; font-size:12px; }
.picList .title a{ color:#666; text-decoration:none;}  

.leftLoop{ overflow:hidden; position:relative; width:1200px; }  
.leftLoop .bd{ padding:0;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ text-align:center; float:left; height:235px; overflow:hidden;  } 
.probox{ margin-top:5px; overflow:hidden;} 
.protitlebox{ border-bottom:1px #147DE3 solid; height:28px;}
.protitle{  float:left;}
.promore{  float:right;}
.leftLoop .propic{ padding-top:5px; }
.leftLoop .propic img{width:190px; height:190px; }
.propictitle{ line-height:30px; height:30px; color:#7c7c7c;}
.propictitle a{ line-height:30px; height:30px; color:#7c7c7c;}
.yq_lefttitleone{ float:left; width:393px; background-color:#fff; box-sizing:border-box;padding:0px 10px;  border: 1px solid #eaeaea; margin-top:15px; margin-right:7px;}
    .yq_lefttitleone:nth-child(3){ margin-right:0px;}
    .yq_lefttitleone .title {  background: url(../images/foursmil_titlepic.png) no-repeat 5px;
    text-indent: 30px;
    height: 61px;
    line-height: 61px;
    font-size: 20px;
    font-weight: bold
    }
    .yq_lefttitleone .title a{
        color: #017af7;
    font-size: 20px;
    display: block;
    }
        .yq_lefttitleone .title span{ float: right;
    color: #666;
    font-size: 14px;}
.friendship_bg{ background-color:#005ebf; min-height:80px; padding:15px 0px; line-height:30px;}
.friendship_bg .friend_kd{ width:1200px; margin:auto;}
.friendleft{ width:150px; float:left; font-size:18px; color:#fff;}
.friendright{width:1050px; float:left; display:flex;}
.friendright li{ float:left; margin-right:15px; -webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
color:#fff; font-size:15px;
}
    .friendright li a{ color:#99c5f1;font-size:15px;}   

    /*切换*/
#slider{width:585px;overflow:hidden;padding:10px 0px;position:relative;margin:0 auto;}
.scroll{width:585px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:186px;height:262px;}
.scrollContainer .panel{width:170px;height:235px;float: left;margin-right:20px;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:186px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url("../images/qyleft_pic.png") no-repeat;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:125px; }
.btnMode a.prev{left:0;background-position:0 -61px;}
.btnMode a.prev:hover{background-position:0 -102px;}
.btnMode a.next{right:0;background-position:-50px -61px;}
.btnMode a.next:hover{background-position:-50px -102px;}

/*内页*/
.page_box{width:1200px; margin:20px auto; overflow:hidden; min-height:500px; border:1px solid #ececec; background-color:#fff;}
.page_left{ width:300px; float:left; border-right:1px solid #ececec;}
.page_left .title1{ height:55px; line-height:55px; text-align:center; border-bottom:1px solid #ececec;  font-size:18px; color:#222;} 
.page_left span{color:#6ca3f8; font-size:13px; }
.page_menu{ padding:10px;}
    .page_menu li {
        height:50px; line-height:50px; padding:0px 20px; background:url(../images/jt_pic.png) no-repeat 245px; background-size:15px; font-size:15px;   border-bottom:1px solid #ececec; overflow:hidden;
    }
    .page_menu li a{ display:block;}
    .page_menu .hover{ background:url(../images/menu_leftpic.png) no-repeat; height:50px; line-height:50px; background-size:100% 50px; }
        .page_menu .hover a{ color:#fff; font-size:15px; background-size:15px;background:url(../images/jt_pic1.png) no-repeat right; }
.page_right{ width:890px; margin-left:8px; float:left;}
    .page_right .title{ height:55px; line-height:55px; margin-left:25px; font-size:18px; border-bottom:1px solid #ececec;  }
.page_right .des{ line-height:25px; padding:10px;}
.qynews_list{ padding:10px;}
.qynews_list li{ height:40px; line-height:40px; background:url(../images/left_pic.jpg) no-repeat 5px; text-indent:20px; border-bottom:1px solid #ececec;}
.qynews_list li span{ float:right;}
.qynews_view{padding:10px;}
    .qynews_view .newstitle{line-height:30px; margin:10px auto;color:#045502; text-align:center;  font-size:16px; font-weight:bold;}
.newsinfo{height:24px; line-height:24px; text-align:center; background:#e3e3e3; }

.logincon{ margin:40px 15%;}
.loginline{ height:55px; line-height:55px; margin:20px auto; position:relative;}
.loginline .noticenews{ position:absolute; right:20px; top:0; color:#ff0; font-size:12px;}
.login_input{ background:none; border:none; background:url(../images/iusr_pic1.png) no-repeat 5px; width:100%; color:#000; border:1px solid #ddd; height:55px; line-height:55px; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-indent:30px;
    -webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
    outline: none;
}
.loginline1{ height:55px; line-height:55px; margin:20px auto; position:relative;}
.loginline1 .noticenews{ position:absolute; right:20px; top:0; color:#ff0; font-size:12px;}
.login_input1{ background:none; border:none; background:url(../images/iusr_pic2.png) no-repeat 5px; width:100%; color:#000; border:1px solid #ddd; height:55px; line-height:55px; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-indent:30px;
    -webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
    outline: none;
}
.loginline2{ height:55px; line-height:55px; margin:20px auto;border:1px solid #ddd; -webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
    outline: none; position:relative;}
.loginline2 .noticenews{ position:absolute; right:20px; top:0; color:#ff0; font-size:12px;}
.login_input2{ background:none; border:none; background:url(../images/iusr_pic3.png) no-repeat 5px; width:75%; color:#000;  height:55px; line-height:55px; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-indent:30px;   
}
.loginline3{ height:55px; line-height:55px; margin:20px auto; position:relative;}
.loginline3 .noticenews{ position:absolute; right:20px; top:0; color:#ff0; font-size:12px;}
.login_input3{ background:none; border:none;  width:100%; color:#000; border:1px solid #ddd; height:55px; line-height:55px; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-indent:30px;
    -webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
    outline: none;
}
.loginline4{ height:55px; line-height:55px; margin:20px auto;border:1px solid #ddd; -webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
    outline: none; position:relative;}
.loginline4 .noticenews{ position:absolute; right:20px; top:0; color:#ff0; font-size:12px;}
.login_input4{ background:none; border:none;  width:75%; color:#000;  height:55px; line-height:55px; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-indent:30px;   
}
.user_main{ margin-top:150px;}
.user_main_bg{ width:600px; margin:auto; box-shadow: #c9c9ca 10px 10px 30px 15px; background-color:#fff; border-radius:10px; padding:15px 0px;}
.logincon .title{ text-align:center; font-size:20px; color:#222; height:30px; line-height:30px; font-weight:bold;}
.zc_right{ float:right;}
    .zc_right a { color:#f60; font-size:14px;}
.now_botton{border:none; background:none; border-radius:15px; color:#fff; height:50px; line-height:50px; width:100%; margin-top:15px; background-color:#188fdb;}   

/* mallCategory */
.brmenu_left{ float:left; width:185px; margin-right:15px; margin-bottom:50px;}
.brmenu_right{ float:left; width:1000px;  margin:20px 0px 50px 0px;}
.itemtit1,.itemtit2,.itemtit3,.itemtit4,.itemtit5,.itemtit6,.itemtit7,.itemtit8,.itemtit9,.itemtit10,.itemtit11{background:url(../images/sprite-700.png) no-repeat scroll transparent;}
.itemtit1{background-position:0 0;}
.itemtit2{background-position:0 -45px;}
.itemtit3{background-position:0 -95px;}
.itemtit4{background-position:0 -144px;}
.itemtit5{background-position:0 -192px;}
.itemtit6{background-position:0 -241px;}
.itemtit7{background-position:0 -291px;}
.itemtit8{background-position:0 -339px;}
.itemtit9{background-position:0 -389px;}
.itemtit10{background-position:0 -438px;}
.itemtit11{background-position:0 -486px;}
.mallCategory{position:relative;width:185px;border:3px solid #798fcb;background:#fff;}
.mallCategory .border{width:181px;height:73px;border:2px solid #476BA3;position:absolute;top:370px;z-index:14;display:none;}
.mallCategory .border .mask-top{width:181px;height:39px;border-right:solid 2px #EBF0FE;}
.mallCategory .border .mask-bottom{width:181px;height:34px;border-right:solid 2px #FFF;}
.catList h2{height:29px;overflow:hidden;background-color:#a5b3da;}
.catList h2 a{display:block;padding:3px 0 0px 10px;font-size:12px;}
.catList h2 a:link,.catList h2 a:visited{color:#FFF;text-decoration:none;}
.catList h2 a:hover,.catList h2 a:active{color:#FFF;text-decoration:none;}
.catList h3{padding-left:42px;height:40px;background-color:#ebf0fe;}
.catList h3 span{float:right;display:block;margin:16px 10px 0 0;width:5px;height:7px;background:url(../images/sprite-700.png) no-repeat scroll 0 -621px transparent;}
.catList h3 a{overflow:hidden;height:40px;font-size:12px;line-height:40px;font-weight:bold;}
.catList li{overflow:hidden;padding-left:1px;border-color:#FFF #FFF #e5e5e5 #FFF;border-style:solid;border-width:1px 0 1px 0;border-bottom:1px solid #c3cde7;padding-bottom:3px;}
.catList .itemCol{padding:7px 0 0 8px;width:164px;_zoom:1;}
.catList p a{margin-right:3px;#margin-right:0;color:#666;}
.catList p a:hover{color:#666;}
.cat-subcategory{position:absolute;top:29px;left:183px;z-index:10;width:250px;border:2px solid #476ba3;background:#fff;display:none;}
.shadow{position:relative;}
.shadow a,.shadow a:hover{color:#666;}
.shadow-left{float:left;display:inline;width:232px;min-height:100px;_height:100px;}
.shadow-left li{float:left;margin-top:12px;padding-bottom:10px;width:220px;background:url(../img/listbg.gif) left bottom no-repeat;line-height:24px;}
.shadow-left li a{display:inline-block;margin-right:19px;white-space:nowrap;}
.shadow-right{float:right;display:inline;padding:12px 0 0 18px;width:164px;}
.shadow-right dt{background:0;height:30px;}
.shadow-right dt b{font-size:12px;font-weight:bold;color:#1D1D1E;}
.shadow-right a{float:left;margin:4px 9px 4px -9px;padding:0 8px;height:15px;border-left:1px solid #eee;white-space:nowrap;line-height:15px;}
.shadow-right dd{overflow:hidden;width:164px;}
.entity-main{overflow:hidden;padding:0 0 0 39px;height:100%;}

.brand_product{}
    .brand_product li{ width:230px; border: 1px solid #ededed; float:left; margin-bottom:12px; margin-right:12px;}
    .brand_product .pic{width:230px; height:230px;}
        .brand_product .pic img{ width:230px; height:230px;}
    .brand_product .table_box{ padding:0px 5px;}
    .brand_product .price{ font-size:18px; color:#f40; line-height:25px;}
    .brand_product .title{ height:50px; line-height:25px; overflow:hidden; color:#3d3d3d; font-size:13px;}
    .brand_product .name{ height:25px; line-height:25px; overflow:hidden;}
.brand_product .name .dsrs{
margin-top: 6px;
    width: 13px;
    float: left;
}    
    .brand_product .name .morethan {
            background: #f40;
        }
.brand_product .name .dsr {
    float: left;
    margin-top: 2px;
    height: 2px;
    width: 8px;
    overflow: hidden;
}
.brand_product .name .title1{ text-decoration: underline; color:#888;}      

/*品牌详情页*/
.innertitle{height:40px; line-height:40px; background:url(../images/sline1.gif) no-repeat 0 center; font-size:14px; font-weight:bold; color:#000; text-indent:12px; border-bottom:1px solid #ededed;}
.GoodsInfoBox{ float:left; width:550px;  box-sizing:border-box; padding:20px;}
.GoodsInfoBox .GoodsTit{ font-size:18px; font-weight:bold; color:#222;  }
.GoodsInfoBox .GoodsPrice{ font-size:15px; margin-top:25px; color:#AFA4BD; }
.GoodsPrice span{ font-size:18px; font-weight:bold; color:#f00;}
.br_detailleft{ float: left; width: 450px;}
.gs_goodsname{padding:10px; margin-top:15px; background: -webkit-linear-gradient(left, #E5E4E4, #F6F5F5); border-radius:5px; }
    .gs_goodsname .title{ color:#222; font-size:14px; font-weight:bold; height:30px; line-height:30px;}
    .gs_goodsname .title1{ line-height:25px; height:95px; overflow:hidden;}
.botton_brand{ width:60%; margin:25px auto;}
    .brand_botton{border:none; background:none; border-radius:15px; color:#fff; height:40px; line-height:40px; width:100%; margin-top:15px; background-color:#188fdb;}
.GoodsBox_detail{ margin-top:15px;}
.GoodsBox_detail .shop_detail{ height:35px; line-height:35px; color:#222; font-size:16px;}
.shop_detailbox{ width: 450px; border: solid 1px #ededed; border-top: none; height: 450px;}
    .shop_detailbox img{ width:450px; height:450px;}        
    
    
       .hc_lnav {
    z-index: 9999;
    position: relative;
    width: 190px;
}

.hc_lnav .allbtn {
    z-index: 99999;
    position: relative
}

.hc_lnav .allbtn h2 {
    font-size: 14px;
    box-shadow: 2px 0px 6px -3px #428000;
    -webkit-box-shadow: 2px 0px 6px -3px #428000;
    -moz-box-shadow: 2px 0px 6px -3px #428000
}

.hc_lnav .allbtn h2 a {
    line-height: 36px;
    background-color: #066DD6;
    padding-left: 10px;
    width: 180px;
    display: block;
    font-family: 微软雅黑, 黑体;
    height: 36px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal
}

.hc_lnav .allbtn h2 a:hover {
    background-color: #066DD6;
    text-decoration: none;
    }

.hc_lnav .allbtn h2 i {}

.hc_lnav .allbtn h2 strong {}

.hc_lnav .allbtn ul {
    z-index: 99999;
    background-color: #3a97f6;
    width: 190px;
    display: block;/*可以设置菜单是显示还是隐藏   display：none；为隐藏*/
    height: 486px;
    top: 36px;
    left: 0px
}

body.hc_home .hc_lnav .allbtn ul {
    display: block
}

body.hc_list .hc_lnav .allbtn ul {
    display: block
}

.hc_lnav .allbtn ul li {
    padding-bottom: 7px;
    zoom: 1;
    clear: both;
    cursor: default
}

.hc_lnav .allbtn ul li .tx {
    background-image: url(../images/header/header_bg1.png);
    line-height: 35px;
    background-color: #2089f4;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    height: 35px;
    _background-image: none
}

.hc_lnav .allbtn ul li .tx a {
    font-family: 微软雅黑, 黑体;
    color: #ffffff;
    font-size: 14px;
    -webkit-transition: color 0.1s ease-out 0s;
    -moz-transition: color 0.1s ease-out 0s;
    -ms-transition: color 0.1s ease-out 0s;
    -o-transition: color 0.1s ease-out 0s;
    transition: color 0.1s ease-out 0s
}

.hc_lnav .allbtn ul li .tx a i {
    line-height: 25px;
    margin-top: 5px;
    width: 25px;
    background-position: 0px 0px;
    float: left;
    height: 25px;
    margin-right: 10px;
    text-decoration: none
}

.hc_lnav .allbtn ul li.a1 .tx a i {
    background-image: url(../images/header_ico1.png)
}

.hc_lnav .allbtn ul li.a2 .tx a i {
    background-image: url(../images/header_ico2.png)
}

.hc_lnav .allbtn ul li.a3 .tx a i {
    background-image: url(../images/header_ico3.png)
}

.hc_lnav .allbtn ul li.a4 .tx a i {
    background-image: url(../images/header_ico4.png)
}

.hc_lnav .allbtn ul li dl {
    zoom: 1;
    color: #ffffff;
    clear: both;
    overflow: auto;
    padding-top: 4px
}

.hc_lnav .allbtn ul li dl a {
    line-height: 22px;
    white-space: nowrap;
    float: left;
    color: #d9e7ce;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-transition: color 0.1s ease-out 0s;
    -moz-transition: color 0.1s ease-out 0s;
    -ms-transition: color 0.1s ease-out 0s;
    -o-transition: color 0.1s ease-out 0s;
    transition: color 0.1s ease-out 0s
}

.hc_lnav .allbtn ul li dt {
    padding-left: 10px;
    width: 30px;
    float: left;
    padding-top: 1px
}

.hc_lnav .allbtn ul li dd {
    line-height: 22px;
    width: 190px;
    float: left;
    padding-top: 2px
}

.hc_lnav .allbtn ul li .pop {
    border-bottom: #599900 2px solid;
    position: absolute;
    border-left: medium none;
    padding-bottom: 10px;
    background-color: #fcfcfc;
    min-height: 466px;
    padding-left: 30px;
    width: 640px;
    padding-right: 30px;
    display: none;
    height: 464px;
    border-top: medium none;
    top: 0px;
    border-right: #599900 2px solid;
    padding-top: 10px;
    left: 190px;
    box-shadow: 4px 4px 5px -1px #999999;
    -webkit-box-shadow: 4px 4px 5px -1px #999999;
    -moz-box-shadow: 4px 4px 5px -1px #999999
}

.hc_lnav .allbtn ul li .pop h3 {
    display: none;
    font-size: 14px
}

.hc_lnav .allbtn ul li .pop dl {
    padding-bottom: 6px;
    color: #666666;
    padding-top: 6px
}

.hc_lnav .allbtn ul li .pop dl:hover {
    background-color: #f3f3f3
}

.hc_lnav .allbtn ul li .pop dl a {
    color: #666666;
    margin-left: 12px;
    margin-right: 12px
}

.hc_lnav .allbtn ul li .pop dl a.un {
    color: #a5a5a5
}

.hc_lnav .allbtn ul li .pop dt {
    padding-left: 0px;
    width: 72px
}

.hc_lnav .allbtn ul li .pop dd {
    width: 565px;
    margin-left: -12px
}

.hc_lnav .allbtn ul li .pop .act {
    width: 640px;
    height: 80px;
    overflow: hidden;
    padding-top: 10px
}

.hc_lnav .allbtn:hover ul {
    display: block
}

.hc_lnav .allbtn ul li:hover {
    background-color: #fcfcfc
}

.hc_lnav .allbtn ul li:hover .tx {
    background-color: #f5f5f5
}

.hc_lnav .allbtn ul li:hover .tx a {
    color: #333333
}

.hc_lnav .allbtn ul li:hover .tx a i {
    background-position: 0px -25px
}

.hc_lnav .allbtn ul li:hover .pop {
    display: block;
    top: 0px;
    left: 190px
}

.hc_lnav .allbtn ul li:hover .pop dl a.un {
    color: #a5a5a5;
    text-decoration: none
}

.hc_lnav .allbtn ul li:hover dl {
    color: #6e6e6e
}

.hc_lnav .allbtn ul li:hover a {
    color: #666666
}

.hc_lnav .allbtn ul li:hover a:hover {
    color: #cd0606
}
.qy_zazhipic {height:200px; margin:10px 0px; overflow:hidden;}
.qy_zazhipic li{ width:31%; float:left;  margin-right:2%; }