@charset "GB2312";
/* CSS Document */
body,td,th {font-size:14px; color:#333; font-family:"Microsoft Yahei";}
body{margin:0;}
form,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,img {list-style:none; margin:0px; padding:0px; border:0px;}
a,input,select,textarea {outline: none;}
img{vertical-align: top; border:none}
a {color: #333333; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
.fl{float:left;}
.fr{float:right;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
#menu {margin: 0 auto; width: 100%; background: #063190; height: 52px;}
#menu #nav {margin: auto; width: 1200px; height: 52px;}
#menu #nav ul {list-style: none;}
#menu #nav ul li {float: left; width: 171px; line-height: 52px; text-align: center; position: relative;}
#menu #nav div {width: 100%; position: absolute; z-index: 9999; left: 0px; padding-bottom: 0px; float: left; height: 0; overflow: hidden; background-color: #063190;}
#menu #nav li .a {text-decoration: none; font-size: 18px; color: #FFFFFF; line-height: 52px; display: block;}
#menu #nav li:hover .a {background-color: #bf0f23;}
#menu #nav div a {text-decoration: none; color: #FFFFFF; line-height: 40px; display: block;}
#menu #nav div a:hover {background-color: #bf0f23;}

/** banner **/
.banner {background:url("../img/loading.gif") no-repeat scroll center center;  display: inline-block;  position: relative;  width: 100%; height:460px;}
.banner .margin {z-index: 49;}
.banner img {display: block; height:460px; left: -960px; margin-left: 50%; position: relative; top: 0; width: 1920px; vertical-align: top;}
.banner ul {position: absolute; top: 0; left: 0; width: 100%;  }
.banner li {display: none;  position: absolute;  left: 0;  top: 0; width: 100%; min-width:1190px;overflow: hidden !important }
.banner .btnbox {bottom: 15px;  left: 50%;  position: absolute;  }
.banner .btnbox span {background: url("../images/item01.png") no-repeat scroll center center; cursor: pointer; display: block; float: left; height: 13px; margin-left: 11px; width: 13px;  }
.banner .btnbox span.on {background: url("../images/item02.png") no-repeat scroll center center;}

.ss {height: 85px;border-bottom: 1px solid #e5e5e5;}
.wh{width: 1200px;margin: 0 auto;}
#formsearch{float:right;margin-top: 15px;}
.hotSearch{float:left;height:85px;line-height:85px;font-weight:normal;color: #6a6a6a;font-size: 16px;}

.hotSearch a{margin-right:6px;color: #6a6a6a;}
#formsearch input{height:50px;background:#fff;border:none;line-height:50px;}
#formsearch input#keyword{float: left; height:48px;line-height:48px;padding-left:25px;color:#666;width: 345px;background: #e2e2e3;color: #333333;font-size: 14px;}
#formsearch input#s_btn{float: left; margin-left: -4px; width:71px;height:50px;line-height:50px;text-align:center;background:url(../images/magnifier.png) no-repeat top center;color:#fff;border:none;cursor:pointer;}

.pbox{margin:30px 0; width: 100%; height: 100; overflow: hidden;}
.psort2{width: 225px;}
.product_list{width:914px;}
.psort2 h3{height: 64px; background: #c30d24; text-align: center; line-height: 64px; font-size: 22px; color: #fff; font-weight: normal;}
.psort2 .sub-sort{display:none;}
.psort2 li:first-child .sub-sort{display:block;}
.psort2 .fen li .list_item2{line-height:40px;}
.psort2 .fen li .list_item11{display: block; line-height:50px;height:50px;}
.sort li.on .list_item11{background:#868686 url(../images/jt.png) no-repeat 187px center;}
.fen li .list_item11{height:38px;line-height:38px;background:#868686 url(../images/jt2.png) no-repeat 187px center;padding-left:39px;font-size:14px;color:#fff;}
.fen li .list_item11:hover{background:#868686 url(../images/jt2.png) no-repeat 187px center;color:#fff;}
.sub-sort{background:#f6f6f6;padding:10px 0;}
.fen li .list_item2{padding-left:55px;background: url(../images/jt3.png) no-repeat 31px center;color:#666666;border-bottom:none;}
.fen li .list_item2:hover{background: url(../images/jt33.png) no-repeat 31px center;}
.sort li.on .list_item11{background:#868686 url(../images/jt.png) no-repeat 187px center;}

.product_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:1px;border:1px solid #e0e1dc;}
.product_list li a.img img{width:264px;height:198px;}
.product_list li h3{width:264px; height: 30px; line-height: 30px; overflow: hidden; text-align:center;padding-top:5px;}
.product_list li h3 a{font-weight:normal;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}

.honor{background: #f7f6f1;padding-bottom: 57px;}
.honor .wh{background: #fff;box-shadow: 0 5px 10px #ebe9e5;}
.wz1{width: 114px;height: 271px;background: #073190;font-size: 24px;font-weight: bold;text-align: center;}
.wz1 p{width: 24px;color: #fff;margin: 0 auto;padding-top: 82px;line-height: 27px;}
.gengduozl{float:right;font-size: 14px;margin-top: 16px; font-weight: bold; margin-right: 28px;}
.gd{width: 1010px;margin-left: 46px;}
.scroll {width: 1010px; overflow: hidden;}
.scroll ul {white-space: nowrap;}
.scroll ul li {display: inline-block; margin-right: 35px;}
.scroll ul li h3 {font-weight: normal;color: #5d5d5d;font-size: 13px;display: block;text-align: center;margin-top: 5px;}
.scroll ul img {vertical-align: top; width: 139px; height: 191px;}


.x-news {background: url(../images/c6.png) no-repeat 50% 100%; padding: 54px 0 16px; margin-bottom: 8px;}
.x-news h2.bt {font-weight: 600; text-align: center; font-size: 36px; color: #333333;}
.x-news h2.bt span {color: #d30000;}
.x-news h2.bt b {color: #000;}
.x-news h2.bt p {font-size: 16px; color: #666666; font-weight: 500; margin-top: 18px;}

.tabbox {width:1200px;height:100%;margin:30px auto;}
.tabbox .tab{margin: auto; width: 520px; height: 100%; overflow:hidden;}
.tabbox .tab a{display:block;width: 160px; height: 46px; line-height: 46px; background: #e5e5e5; float:left;text-decoration:none; font-size: 16px; color:#333; margin-right: 20px;}
.tabbox .tab a:hover{background:#d50002;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#d50002;color:#fff;text-decoration:none;}
.tabbox .content{width:1200px; height: 100%; overflow:hidden; padding-top:45px;}
.tabbox .content li {display:none; text-align: left;}
.tabbox .content li:first-child {display:block;}
.tabbox .content li .newsPic {float: left; width: 440px; height: 540px; overflow: hidden; background: url("../images/newsPic.jpg") center top no-repeat; border: #d5d5d5 solid 1px;}
.tabbox .content li .newsPic .width387 {margin: auto; width: 387px; height: 100%; overflow: hidden;}
.tabbox .content li .newsPic .width387 .bt {width: 100%; height: 77px; line-height: 77px; text-align: left; font-size: 24px; color: #FFFFFF; font-weight: bold;}
.tabbox .content li .newsPic .width387 .bt a {color: #FFFFFF;}
.tabbox .content li .newsPic .width387 img {width: 386px; height: 258px; border: 0px;}
.tabbox .content li .newsPic .width387 dl {margin: auto; width: 100%; height: 100%; overflow: hidden; padding-top: 25px;}
.tabbox .content li .newsPic .width387 dl dt {width: 100%; height: auto; overflow: hidden;font-size: 16px; font-weight: bold; border: 0px;}
.tabbox .content li .newsPic .width387 dl dd {padding-top: 15px; font-size: 14px; line-height: 24px; color: #666666;}
.tabbox .content li dl {float: right; width: 700px; height: 100%; margin-bottom: 20px;}
.tabbox .content li dl dt {border-bottom: #c9c9c9 solid 1px; height: 44px; line-height: 44px;}
.tabbox .content li dl dt a {font-size: 20px;}
.tabbox .content li dl dt span {float: right; font-size: 16px; color: #666666;}
.tabbox .content li dl dd {padding-top: 10px; line-height: 28px; font-size: 16px; color: #9b9b9b;}


.hzkh h3{color: #333333;font-size: 33px;font-weight: normal;text-align: center;margin: 50px 0 38px 0;}
.kul li{border:1px solid #dbdbdb;margin-bottom: 30px;margin-right: 25px;}
.kul li:nth-child(5n){margin-right: 0;}
.kul li img {width: 218px; height: 108px;}

.ulPro {width: 100%; height: 100%; margin: auto; overflow: hidden;}
.ulPro ul {width: 100%; height: 100%; overflow: hidden;}
.ulPro ul li {width: 288px; height: 244px; overflow: hidden; float: left; margin-right: 22px; border: #e6e6e6 solid 1px; margin-bottom: 20px;}
.ulPro ul li:nth-child(3n+0) {margin-right: 0px;}
.ulPro ul li img {width: 288px; height: 204px; vertical-align: top;}
.ulPro ul li h3 {display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-weight: normal; font-size: 14px;}
.ulPro2 {width: 100%; height: 100%; margin: auto; overflow: hidden;}
.ulPro2 ul {width: 100%; height: 100%; overflow: hidden;}
.ulPro2 ul li {width: 210px; height: 329px; overflow: hidden; float: left; margin-right: 22px; border: #e6e6e6 solid 1px; margin-bottom: 20px;}
.ulPro2 ul li:nth-child(4n+0) {margin-right: 0px;}
.ulPro2 ul li img {width: 210px; height: 289px; vertical-align: top;}
.ulPro2 ul li h3 {display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-weight: normal; font-size: 14px;}
.ulPro3 {width: 100%; height: 100%; margin: auto; overflow: hidden;}
.ulPro3 ul {width: 100%; height: 100%; overflow: hidden;}
.ulPro3 ul li {width: 288px; height: 183px; overflow: hidden; float: left; margin-right: 22px; border: #e6e6e6 solid 1px; margin-bottom: 20px;}
.ulPro3 ul li:nth-child(3n+0) {margin-right: 0px;}
.ulPro3 ul li img {width: 288px; height: 143px; vertical-align: top;}
.ulPro3 ul li h3 {display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-weight: normal; font-size: 14px;}
.ulNews {width: 100%; height: 100%; overflow: hidden;}
.ulNews ul {width:100%; height:100%; margin-top:0px; overflow:hidden;}
.ulNews ul li {width:100%; height:50px; overflow:hidden; border-bottom:#b8b8b8 dotted 1px; margin-bottom:15px;}
.ulNews ul li p {width:100%; height:30px; overflow:hidden; color:#696661; line-height:20px;}
.ulNews ul li p b {display:block; font-size:17px; padding-bottom:10px; color: #262626; font-weight:normal; padding-top:10px;}
.Cont20 {line-height: 2.5em;font-size: 16px;}
.textCon {line-height: 2.5em;font-size: 16px;}
.textCon p {font-size: 16px; line-height: 28px;}
.textCon a {font-size: 16px; color:#035cac;}
.textCon h1 {display: block; width: 100%; height: 100%; line-height: 50px; text-align: center; font-size: 28px; padding-bottom: 8px;}
.textCon .ninfo {font-size: 14px; color: #999999; width: 100%; height: 38px; line-height: 38px; text-align: center; border: #cccccc dotted 1px; border-left: 0; border-right: 0px;}
.textCon .ninfo a {font-size: 14px; color: #999999;}
.textCon .nConter {padding-top: 15px; font-size: 16px; line-height:2.5em;}
.textCon .nConter a {font-size: 16px;}
.pagei {width: 100%; height: 40px; line-height: 40px; overflow: hidden; border-top: #e8e8e8 solid 1px;}
.pagei .flp {float: left;}
.pagei .frp {float: right;}
#telback{ background:url("../images/lxs.png") no-repeat 0 -30px; min-height:380px; padding:50px 0 0 380px; width:400px; font-size:15px; line-height:35px}
#telback b{font-size:18px; color:#c30d24; line-height:35px; font-weight:bold}
#telback strong{font-size:15px; line-height:35px; font-weight:bold}

.x-link {
    background: #fff;
    padding: 15px 0 13px;
    border-top: 1px solid #d5d5d5;
}

.h-link {
    width: 108px;
    height: 54px;
	overflow: hidden;
    padding-top: 7px;
    text-align: center;
    border: 1px solid #f3f3f3;
    display: inline-block;
    color: #080926;
    font-size: 14px;
    margin-right: 19px;
}

.h-link span {
    display: block;
    color: #9e9fa4;
    font-size: 14px;
}

.h-link span b {
    font-weight: 500;
    color: #080926;
}

.x-link a {
    font-size: 12px;
    color: #8a8a8a;
    float: left;
    line-height: 54px;
	padding-right: 5px;
}

.x-link a:hover {
    color: #ab001a;
}

.footer {margin: auto; width: 100%; height: 100%; overflow: hidden; background: #1b1b1b;}
.footer .logo {float: left; padding: 35px 0;}
.footer .logo img {height: 132px;}
.footer .atm_icon {float: left; padding: 35px 0 35px 50px; width: 360px; line-height: 44px;}
.footer .atm_icon p {background: url("../images/icon_add.png") left no-repeat; text-indent: 40px; color: #FFFFFF;}
.footer .atm_icon p:nth-child(2) {background: url("../images/icon_email.png") left no-repeat; text-indent: 40px; color: #FFFFFF;}
.footer .atm_icon p:nth-child(3) {background: url("../images/icon_tel.png") left no-repeat; text-indent: 40px; color: #FFFFFF;}
.footer .dhMenu {float: right; width: 540px; padding: 35px 0;}
.footer .dhMenu dl {float: left; width: 102px; height: 100%; overflow: hidden; margin-left: 30px;}
.footer .dhMenu dl dt {width: 80px; font-size: 18px; color: #FFFFFF; border-bottom: 3px solid #c30d24; margin-bottom: 8px; padding-bottom: 5px;}
.footer .dhMenu dl dd {line-height: 24px; color: #FFFFFF;}
.footer .dhMenu dl dt a {color: #ffffff;}
.footer .dhMenu dl dd a {color: #ffffff;}


.left .box {margin-bottom:10px;}
.left .box h3 {line-height:31px;padding-left:15px;font-weight:bold;;
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content {padding:5px 0px;}
.left .sort_menu h3 {height:64px;background:#c30d24;text-align:center;line-height:64px;font-size:22px;color:#fff;font-weight:normal;}


.left {width:225px; height: auto; overflow: hidden; float:left;}
.sort_menu h3 {background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right {width:914px; height: auto; overflow: hidden; float:right; padding-bottom:10px;}

.fen li .list_item11{display: block; height:38px;line-height:38px;background:#868686 url(../images/jt2.png) no-repeat 187px center;border-bottom: #f6f6f6 solid 1px; padding-left:18px;font-size:14px;color:#fff;}
.fen li .list_item11:hover{background:#868686 url(../images/jt2.png) no-repeat 187px center;color:#fff;}
.sub-sort{background:#f6f6f6;padding:10px 0;}
.fen li .list_item2{line-height: 26px; padding-left:42px;background: url(../images/jt3.png) no-repeat 18px center;color:#666666;border-bottom:none;}
.fen li .list_item2:hover{background: url(../images/jt33.png) no-repeat 18px center;}
.sort li.on .list_item11{background:#868686 url(../images/jt.png) no-repeat 187px center;}

.icon-font {position: relative;}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}
#toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}
#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    background: #292e39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}
#toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
}
#toolbar li .icon-qq:after {
    background-position: 0 -150px;
}
#toolbar li .icon-phone:after {
    background-position: 0 -90px;
}
#toolbar li .icon-ewm:after {
    background-position: 0 -30px;
}
#toolbar li .icon-message:after {
    background-position: 0 -120px;
}
#toolbar li .icon-top:after {
    background-position: 0 -60px;
}
#toolbar li .icon-wangwang:after {
    background-position: 0 0;
}
#toolbar li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}
#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #292e39;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
}
#toolbar li.ewm .ewm-box p {
    margin-bottom: 0;
}
#toolbar li.ewm .ewm-box img {
    max-width: 100%;
}
#toolbar li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #292e39;
    border-right: none;
}
#toolbar li.ewm:hover .icon {
    background-position: -57px -180px;
}
#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
#toolbar li.backtop {
    cursor: pointer;
}
#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #292e39;
}
#toolbar li:hover a {
    width: 220px;
}
#toolbar li:hover .icon-font {
    background-color: #292e39;
}
#toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
}
#toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
}
#toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
}
#toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
}
#toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
}
#toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
}