@charset "utf-8";
*{border:0;padding:0;margin:0;}
body{font-size:12px;font-family:"微软雅黑";color:#000;}
li{list-style:none;}
.ov{overflow:hidden;}
.clear{clear:both;}
/*定义全局链接*/
A:link   {font-family:"微软雅黑";font-size:12px;color:#000;text-decoration: none;}
A:visited{font-family:"微软雅黑";font-size:12px;color:#000;text-decoration: none;}
A:hover  {font-family:"微软雅黑";font-size:12px;color:#F00;text-decoration: none;}
A:active {font-family:"微软雅黑";font-size:12px;color:#2c5403;text-decoration: none;}
a:link, a:visited {
text-decoration: none;
transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
-o-transition: all 0.2s ease-in-out 0s;
}
a:link, a:visited {
text-decoration: none;
transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
-o-transition: all 0.2s ease-in-out 0s;
}
a {
text-decoration: none;
blr: expression(this.onFocus=this.blur());
cursor: pointer;
}
#wrap{width:100%;margin:auto;overflow:hidden;}
#mainWrap{width:1200px;margin:auto;overflow:hidden;}
/*Top*/
#topWrap{width:100%;height:60px;margin:auto;background:#b01f24;box-shadow:0 3px 5px 0px rgba(0,0,0,.5);position:fixed;z-index:99;}
.logo{width:220px;height:60px;float:left;background:url(logo.jpg) no-repeat;}
.logo a{width:220px;height:60px;display:block;}
.topNav{width:780px;float:left;}
.topNav li{width:110px;height:60px;float:left;text-align:center;background:url(line-h.jpg) right center no-repeat;line-height:60px;}
.topNav li:last-child{background:none;}
.topNav li a{font-size:14px;color:#fff;display:block;}
.topNav li a:hover{text-decoration:none;background:url(line-r.jpg) center top 45px no-repeat;transition:none;}
.topNav li ul{width:100%;background:rgba(0,0,0,.5);overflow:hidden;display:none;}
.topNav li ul li{width:110px;height:40px;float:left;text-align:center;background:none;line-height:40px;}
.topNav li ul li a:hover{color:#F00;}
.nav-form{float:right;position:relative;margin-top:14px;}
.nav-form .form-group{display: inline-block;margin-bottom: 0;vertical-align: middle;}
.nav-form .form-control{border-radius: 16px;width: 160px;height: 29px;font-size: 12px;}
.btn-awy{background:url(search.png) no-repeat;width:27px;height:27px;position:absolute;top:1px;right:2px;}
.nav-form img{vertical-align:middle;}
.nav-form span{color:#fff;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif}
/*banner*/
.swiper-container{width:100%;margin:auto;top:60px;overflow:hidden;}
.swiper-slide li.banner01{height:450px;background:url(banner01.jpg) center top no-repeat;}
.swiper-slide li.banner02{height:450px;background:url(banner02.jpg) center top no-repeat;}
.swiper-slide li.banner03{height:450px;background:url(banner03.jpg) center top no-repeat;}
/**********************/
#business{width:100%;margin:auto;margin-top:60px;padding:50px 0;overflow:hidden;background:#f7f7f7;}
.butinessTitle{width:100%;float:left;text-align:center;background:url(btline.png) no-repeat center;font-size:22px;color:#333;}
.butinessTitle span{display:block;font-size:12px;color:#ccc;background:url(btline01.gif) no-repeat center bottom;padding-bottom:5px}
.butinessList{width:100%;float:left;margin-top:40px}
.butinessList li{width:20%;float:left}
.butinessList li a{display:block;height:305px;padding:0 10px;background:#fff;border-right:1px solid #ececec;text-align:center;line-height:22px}
.butinessList li span{display:block;font-family:Lucida Fax;border-bottom:1px dotted #d9d9d9;padding-bottom:15px;margin-bottom:15px}
.butinessList li h2{font-size:17px;font-weight:700}
.butinessList li p{text-align:left;}
.butinessList li.s1 a{background:url(icon01.png) no-repeat center 50px #fff;padding-top:120px;color:#666}
.butinessList li.s1 a:hover{background:url(icon01_1.png) no-repeat center 50px #b01f23;padding-top:120px;color:#FFF; text-decoration:none;}
.butinessList li.s2 a{background:url(icon02.png) no-repeat center 50px #fff;padding-top:120px;color:#666}
.butinessList li.s2 a:hover{background:url(icon02_1.png) no-repeat center 50px #b01f23;padding-top:120px;color:#FFF;text-decoration:none;}
.butinessList li.s3 a{background:url(icon03.png) no-repeat center 50px #fff;padding-top:120px;color:#666}
.butinessList li.s3 a:hover{background:url(icon03_1.png) no-repeat center 50px #b01f23;padding-top:120px;color:#FFF;text-decoration:none;}
.butinessList li.s4 a{background:url(icon04.png) no-repeat center 50px #fff;padding-top:120px;color:#666}
.butinessList li.s4 a:hover{background:url(icon04_1.png) no-repeat center 50px #b01f23;padding-top:120px;color:#FFF;text-decoration:none;}
.butinessList li.s5 a{background:url(icon05.png) no-repeat center 50px #fff;padding-top:120px;color:#666}
.butinessList li.s5 a:hover{background:url(icon05_1.png) no-repeat center 50px #b01f23;padding-top:120px;color:#FFF;text-decoration:none;}
#aboutus{width:100%;margin:auto;overflow:hidden;padding:40px 0;}
.aboutCon{width:90%;float:left;text-align:center;line-height:30px;margin-top:20px;padding-left:10%;}
.aboutCon a{color:#b89688;padding:10px 30px;border-radius:20px;border:#bbb 1px solid;}
.aboutCon a:hover{background:#bbb;color:#fff; text-decoration:none;}
#case{width:100%;margin:auto;overflow:hidden;background:#f7f7f7;padding:40px 0;}
.caseTitle{width:100%;float:left;text-align:center;}
.caseTitle span{color:#999;}
.caseContent{width:100%;float:left;position:relative;overflow:hidden;margin-top:30px;}
#ScollName{width:88%;margin:auto;}
.caseContent dl{width:310px;height:330px;float:left;background:#fff;padding:20px 0;margin-left:55px;}
.caseContent dl dt{text-align:center;}
.caseContent dl span{width:100%;float:left;font-size:14px;text-align:center;border-bottom:#e3e3e3 1px solid;line-height:50px;}
.caseContent dl dd{float:left;padding:10px 20px;line-height:20px;color:#999;}
#partner{width:100%;margin:auto;overflow:hidden;padding:40px 0;}
.partnerCon{width:100%;float:left;position:relative;overflow:hidden;margin-top:30px;}
.partnerCon ul{width:90%;margin:auto;}
.partnerCon li{width:198px;height:73px;float:left;margin-left:20px;}
#topBg{width:100%;height:440px;margin:auto;background:url(topBg.jpg) center top no-repeat;}
#mainCon{width:100%;margin:auto;overflow:hidden;padding:30px 0;}
.allContent{width:100%;float:left;margin:30px 0;line-height:30px;}
#foot{width:100%;margin:auto;background:#333;overflow:hidden;}
.MapList{border-left:1px solid #494949;padding-left:50px;height:150px;float:left;margin:25px 0;margin-right:50px}
.MapList h2{color:#fff;font-size:15px;padding-bottom:5px}
.MapList a{display:block;font-size:12px;color:#a5a5a5;line-height:25px}
.B_Lx{background:#2c2c2c;float:left;min-height:150px;padding:25px 20px;font-size:12px;color:#868686}
.B_Lx h2{color:#fff;font-size:15px;padding-bottom:5px}
.B_Lx span{width:160px;height:28px;border-radius:20px;border:1px solid #4f4f4f;display:block;line-height:28PX;padding-left:23px;font-size:16px;color:#fff;margin-top:15px}
.B_Lx a{color:#868686;}
.ewm{float:right;padding-top:30px}
.ewm span{display:block;color:#fff;line-height:36px;}
.arrLeft a{width:35px;height:34px;background:url(b1.png) no-repeat;position:absolute;top:130px;left:0}
.arrRight a{width:35px;height:34px;background:url(b2.png) no-repeat;position:absolute;top:130px;right:0}
.arrLeft2 a{width:18px;height:29px;background:url(leftArrow.png) no-repeat;position:absolute;top:30px;left:0}
.arrRight2 a{width:18px;height:29px;background:url(rightArrow.png) no-repeat;position:absolute;top:30px;right:0}
.newslist li{width:98%;float:left;line-height:50px;padding-left:2%;background:url(dot.png) left center no-repeat;border-bottom:#999 1px dashed}
.newslist li span{float:right}
.pages{width:100%;float:left;margin-top:20px}
DIV.black2{PADDING-RIGHT:7px;PADDING-LEFT:7px;PADDING-BOTTOM:7px;MARGIN:3px;PADDING-TOP:7px;TEXT-ALIGN:center}
DIV.black2 A{BORDER-RIGHT:#000 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#000 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#000 1px solid;COLOR:#000;PADDING-TOP:2px;BORDER-BOTTOM:#000 1px solid;TEXT-DECORATION:none}
DIV.black2 A:hover{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#000}
DIV.black2 A:active{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#000}
DIV.black2 SPAN.current{BORDER-RIGHT:#000 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#000 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#000 1px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#000}
DIV.black2 SPAN.disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
.allContent h3{width:100%;float:left;text-align:center}
.newsAdd{width:100%;float:left;text-align:center;border-bottom:1px solid #dfdfdf}
.allContent input{border:#999 1px solid;line-height:26px}
.allContent textarea{border:#999 1px solid}
.allContent .cartButton{padding:5px 30px;background:#DD2727;color:#fff;border:none}
.allContent #ppp{text-align:center}
.productList{width:100%;float:left}
.productList li{width:300px;float:left;margin-left:70px;text-align:center;margin-bottom:20px}
.productList li span{width:300px;line-height:36px;float:left;text-align:center;background:#DD2727;color:#fff}
.productList li p{width:300px;height:180px;overflow:hidden;padding:0;margin:0;}
.productList li img{width:300px;height:180px;display:block}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-90px;cursor:pointer;transition:all .3s ease}
.yb_bar ul li{width:140px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden}
.yb_bar .yb_top{background:#ff4a00 url(fixCont.png) no-repeat 0 0}
.yb_bar .yb_phone{background:#ff4a00 url(fixCont.png) no-repeat 0 -57px}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(fixCont.png) no-repeat 0 -113px}
.yb_bar .yb_ercode{background:#ff4a00 url(fixCont.png) no-repeat 0 -169px}
.hd_qr{padding:0 29px 25px 29px}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff}
.prevNext{width:100%;float:left;}
.shiyong{width:210px;height:92px;background:url(shiyong.png) no-repeat;position:fixed;left:0;top:70px;z-index:99999; cursor:pointer;}
.wapMenu{display:none;}
@media only screen and (max-width:767px){
.wapMenu{width:48px;height:48px;background:url(wapMenu.png) no-repeat;position:absolute;z-index:99;right:10px;top:6px;display:block;}
.wapMenu a{width:48px;height:48px;display:block;}
.topNav{width:100%;float:left;margin-top:60px;background:rgba(0,0,0,.8);position:absolute;left:0;display:none;}
.topNav li{width:100%;float:left;line-height:70px;text-align:center;border-bottom:#7c7c7c 1px solid;border-left:0;}
.topNav li a{display:block;font-size:14px;color:#fff;}
.topNav li a:hover{color:#fff;}
.topNav li.curr a{color:#fff;background:#fa5202;}
.topNav li ul{width:100%;background:rgba(0,0,0,.5);overflow:hidden;display:none;position:absolute;top:-1000px;}
.nav-form{display:none;}
/*banner*/
.swiper-container{width:100%;margin:auto;top:60px;overflow:hidden;}
.swiper-slide li.banner01{height:160px;background:url(banner01.jpg) center top no-repeat;background-size:683px 160px;}
.swiper-slide li.banner02{height:160px;background:url(banner02.jpg) center top no-repeat;background-size:683px 160px;}
.swiper-slide li.banner03{height:160px;background:url(banner03.jpg) center top no-repeat;background-size:683px 160px;}
#business{width:100%;margin:auto;margin-top:20px;padding:50px 0 0 0;overflow:hidden;background:#f7f7f7;}
.butinessList{width:100%;float:left;margin-top:20px}
.butinessList li{width:100%;float:left;margin-bottom:10px;}
#aboutus{width:100%;margin:auto;overflow:hidden;padding:20px 0;}
.aboutCon img{width:100%;}
#case{width:100%;margin:auto;overflow:hidden;background:#f7f7f7;padding:20px 0;}
#partner{width:100%;margin:auto;overflow:hidden;padding:20px 0;}
.MapList{border-left:1px solid #494949;padding-left:50px;height:auto;float:left;margin:10px 0;margin-right:50px}
.ewm{display:none;}
#topBg{width:100%;height:160px;margin:auto;background:url(topBg.jpg) center top 30px no-repeat;background-size:698px 160px;}
.allContent img{width:100%;}
.prevNext img{width:8px;height:7px;}
.yb_conct{display:none;}
}