@charset "utf-8";
/* CSS Document */
/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; border:0}
body{font-size: 14px;font-family:"microsoft yahei"; color: #232f3e }
input{padding: 0}
h1,h2,h3,h4,h5,h6{font-weight: normal}
ul,ol,li{ list-style-type:none}
img{border:0;vertical-align:middle}
select,input,select{vertical-align:middle;outline: none}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none}
a:link{color:#666666;text-decoration:none}
a:visited{color:#666666;text-decoration:none}
a:hover{text-decoration:none;color: #ff9900}
a:active{color:#666666;text-decoration:none}
.h{display:none;visibility:visible}
.wrap{width:1200px;margin:0 auto}
.wrap:after{clear: both;content:"";display: table}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible}
.fix{*zoom:1}
.fix:after{clear: both;content:"";display: table}

.fl{float: left}
.fr{float: right}

@media only screen and (max-width: 960px) {
.top{display: none}
.wrap{width:100%;float: left}
.navcd{display: none}
.top2{ width:96%; float:left;  padding:3% 2%;position:relative;}
.top2 .logo2{ width:40%; float:left}
.top2 .logo2 img{ width:153px}
.mfzc{width:30%; float: left; margin: 6px 0 0 15%; background: #FFA003; border-radius: 50px; text-align: center; line-height: 35px;}
.mfzc a{ color: #fff}
	
.m-header-tool-key{width:30px;height:100%;background:url(../img/m_nav-2016.png) no-repeat center center;background-size:30px 20px;cursor:pointer;position:absolute;right:10px;top:0;}
.m-header-tool-key:active{background-color:rgba(0,0,0,.1);}
.m-header-tool-box{display:none;width:260px;height:100%;background:rgba(231,240,242,.95);box-shadow:0 2px 2px #333;position:fixed;right:-260px;top:0;z-index:1000;}

.m-header-tool{display:none;width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:10001;}
.m-header-tool .shadow{width:100%;height:100%;overflow:hidden;background:#000;opacity:0;cursor:pointer;position:relative;z-index:1;}
.m-header-tool .t-box-min{padding:0 10px;}
.m-header-tool .t-box-min dl{ width:100%; float:left; margin:1% 0}
.m-header-tool .t-box-min dl dt{ width:90%; float:left; padding-left:10%; margin-bottom:5%; line-height:35px; font-weight:bold; background:url(../img/dh.png) no-repeat left center; border-bottom:solid 1px #ddd}
.m-header-tool .t-box-min dl dd{ width:48%; float:left; margin:1%; line-height:30px} 

.m-header-tool .t-box-min dl.login dd{ width:45%; margin-top: 80px; text-align: center; border: 1px solid #FF9802; line-height: 38px;border-radius: 25px;}
.m-header-tool .t-box-min dl.login dd a{ color: #FF9802}
	
.m-header-tool .t-box{width:80%; height:100%;overflow:hidden;background:#fff;position:absolute;right:-260px;top:0;z-index:22222;}
.m-header-tool .t-box .m-header-nav{height:40px;line-height:40px;margin:0 15px;border-bottom:1px solid #F2F2F2;font-size:18px;color:#000;position:relative; padding:3% 0}
.m-header-tool .t-box .m-header-nav i{display:block;width:30px;height:30px;overflow:hidden;margin-top:-10px;border-radius:20px;background:#FE9902 url(../img/2016-nav-xx.png) no-repeat center center;position:absolute;right:0;top:50%;cursor:pointer}
.m-header-tool ul{ width:100%; float:left; padding-top:8px;overflow:hidden;line-height:30px}
.m-header-tool ul li{ line-height:55px; text-align:center}
.footer{display: none}
.footer2{width: 96%;float: left; padding: 10% 2%; background: #232f3f}
.footer2 dl{width: 100%; float: left; border-bottom: solid 1px #a0a3a8; padding-bottom: 50px}
.footer2 dl dt{width: 65%;float: left}
.footer2 dl dt img{width: 120px}
.footer2 dl dt span{width: 100%; color: #fff;font-weight: bold; margin: 15px 0;float: left;font-size: 18px}
.footer2 dl dt p{width: 100%; float: left; line-height: 25px; color: #a0a3a8}
.footer2 dl dd{width: 30%;float: right; margin-top: 20%; text-align: center}
.footer2 dl dd img{width: 100%}
.footer2 dl dd p{width: 100%; float: left; margin-top: 10px;  color: #a0a3a8}
.footer2 .bq{width: 100%;float: left; padding: 15px 0; text-align: center;}
.footer2 .bq p{width: 100%; float: left; line-height: 30px; color: #a0a3a8}
	.suspension{display: none}
}
@media all and (min-width:961px) {
.top2 {display: none;}
.top{width: 100%; min-width:1200px; float: left; background: #fff; height: 70px; position:absolute;top: 0; z-index: 100;}
.top .logo{width:153px; float: left; margin-top: 10px}
.top .nav{line-height: 70px; float: left; margin-left: 100px}
.top .nav ul li{float:left; margin-right: 48px; font-size: 16px; height: 65px; line-height: 65px}
.top .nav ul li a{ color: #000; display: block}
.top .nav ul li a:hover{ color: #FF9900; border-bottom: 3px solid #ffa30a}
.top .nav ul li a.focus{ color: #FF9900; border-bottom: 3px solid #ffa30a}
.top .nav .nav-up-selected a{
	/* background:#fff;  */
	color:#FF9900}
.top .nav .nav-up-selected-inpage{background:#000}

.top .login{ float:right; margin-top: 20px}
.top .login a{margin-left: 18px}
.top .login a.yy{width: 23px; float: left; height: 23px; line-height: 23px;font-size: 12px; text-align: center;  border: solid 1px #595656; border-radius:50px;}
.top .login a.dr{width: 75px; float: left; line-height: 36px; text-align: center; border:#FF9900 solid 1px; border-radius:25px;color: #FF9900; font-size: 16px;font-weight: bold;margin-top: -6px;}
.top .login a.zc{width: 110px; float: left; line-height: 40px; text-align: center;  background:#FF9900; border-radius:25px; display: block; color: #fff; font-size: 14px; margin-top: -8px}


.navcd{width: 1200px; position:absolute; top:70px; border-radius:0 0 35px 35px; text-align: center;box-shadow: 0px 20px 20px -20px #333; background: url("../img/line.jpg") repeat-x top #fff}
.navcd #product{width: 920px; float: left; padding:50px 140px}
.navcd ul li{  float: left; margin-right: 40px; margin-bottom: 15px; border:solid 1px #ddd;   height:80px}
.navcd ul li:nth-child(4n){ margin-right: 0px; }
.navcd ul li a{width: 168px; padding-left: 30px;color:#333; line-height: 80px; display: block}


.navcd ul li:nth-child(1){ background:url("../img/tb1a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(1) a:hover{ background:url("../img/tb1b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(2){ background:url("../img/tb2a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(2) a:hover{ background:url("../img/tb2b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(3){ background:url("../img/tb3a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(3) a:hover{ background:url("../img/tb3b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(4){ background:url("../img/tb4a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(4) a:hover{ background:url("../img/tb4b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(5){ background:url("../img/tb5a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(5) a:hover{ background:url("../img/tb5b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(6){ background:url("../img/tb6a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(6) a:hover{ background:url("../img/tb6b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(7){ background:url("../img/tb7a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(7) a:hover{ background:url("../img/tb7b.png") #FFA003 no-repeat 30px 25px;color:#fff;}
.navcd ul li:nth-child(8){ background:url("../img/tb8a.png") no-repeat 30px 25px}
.navcd ul li:nth-child(8) a:hover{ background:url("../img/tb8b.png") #FFA003 no-repeat 30px 25px;color:#fff;}

.fixed {position: fixed;top: 0;box-shadow: 0 0 15px 0 #eee;z-index: 2000}


/*底部*/
.footer2{display: none}
.footer{width:100%; min-width:1200px; float: left; padding: 120px 0 50px 0;  background: #262F40; position: relative}
.zcx{width:1200px; position: absolute;top:-60px; height: 136px;}


.dibu{width:1200px; min-width:1200px;float: left;  padding-bottom: 50px; border-bottom: solid 1px #a0a3a869}
.dibu dl.gnjs{width: 200px; float: left;}
.dibu dl.gnjs dt{font-size: 20px;font-weight: bold; margin-bottom: 25px}
.dibu dl.gnjs dd{width: 100px;float: left; font-size: 14px; line-height: 28px}
.dibu dl.gnjs dd a{ color: #a0a3a8}
.dibu dl.gnjs dd a:hover{ color: #FF9900}

.dibu dl{ float: left; margin-right: 50px; color: #fff}
.dibu dl:last-child{margin-right: 0}
.dibu dl dt{font-size: 20px;font-weight: bold; margin-bottom: 25px}
.dibu dl dd{font-size: 14px; line-height: 28px}
.dibu dl dd a{ color: #a0a3a8}
.dibu dl dd a:hover{ color: #FF9900}

.dibu dl.wx{width: 115px;float: left; text-align: center; margin-top: 30px}
.dibu dl.wx dt{ margin-bottom: 0}
.dibu dl.wx dd{font-size: 14px; margin-top: 15px; color: #a0a3a8}

.link{width:1200px; float: left; margin: 30px 0 0 0}
.link dl{width:1200px; float: left;}
.link dl dt{ float: left; color: #fff; margin-bottom: 15px; }
.link dl dd{ float: left;  color: #a0a3a8;line-height: 25px}
.link dl dd a{color: #a0a3a8; margin-right: 15px;word-break: keep-all; }

.bq{width:1200px; padding: 50px 0 0 0; float: left;  }
.bq p{width:1200px; color: #a0a3a8; float: left;text-align: center;font-size: 14px;}
.bq span{color: #a0a3a8; float: right}
.bq span a{color: #a0a3a8}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:60px;width:70px;height:240px;}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none}
.suspension .a.active,
.suspension .a:hover{background:#FF9900}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat}
/* .suspension .a-service .i{background-position:0 0} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0}
.suspension .a-qrcode .i{background-position:-44px 0}
.suspension .a-cart .i{background-position:-88px 0}
.suspension .a-top .i{background-position:-132px 0}
.suspension .a-top{background:#FF9900;display:none}
.suspension .a-top:hover{background:#fe8903}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png.html) no-repeat;right:-8px;top:31px}
.suspension .d-service{top:-12px}
.suspension .d-service-phone{top:34px}
.suspension .d-qrcode{top:78px}
.suspension .d .inner-box{padding:8px 22px 12px}
.suspension .d-service-item{float: left;border-bottom:1px solid #eee;padding:14px 0}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden}
.suspension .d-service-item:hover .i-qq{background-position:center 3px}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text{float:left;width:122px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
.suspension .d-service-intro{float: left;padding:20px 0}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png.html) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:20px 0}
.suspension .d-qrcode p{font-size:16px;color:#93959c}
}