@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"微软雅黑";outline: none;}
a{ border:none\9;}
a img{border:none\9;}
html {overflow:-moz-scrollbars-vertical;}/*CSS强制让浏览器显示滚动条*/
html {min-height:101%;}
.mt10{margin-top:10px;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
.mainbox{max-width: 640px;height: auto;margin: 0 auto;overflow: hidden;width: 100%;}
@font-face{
	font-family: 'Bebas';
	src: url('../font/BEBAS.TTF');
}
@font-face{
	font-family: "futurabt";
	src:url('../font/futurabt-medium_.otf');
}

@font-face{
	font-family: 'din';
	src: url('../font/DIN.WOFF_0.TTF');
}
@font-face{
	font-family: 'sour';
	src: url('../font/SOURCEHANSANSSC-BOLD.OTF');
}

@font-face{
	font-family: 'siyuan';
	src: url('../font/思源黑体.TTF');
}

@font-face{
	font-family: 'cai';
	src: url('../font/066-CAI978.TTF');
}

.headerbox{width: auto;height: auto;padding: 3% 0;position: relative;background:#fff;z-index: 2}
.headerbox .logo{width: 24%;height: auto;display: block;text-align: center;float:left;margin-top: 1%;margin-left: 3%;}
.headerbox .logo img{width: 100%;display: block;}
.headerbox .nav{width: 26px;height: 22px;float:right;margin-top:2.5%;background: url(../images/mobile/navicon.png) no-repeat;background-size: 100%;position: relative;z-index: 2;margin-right: 2%;}
.headerbox .nav .navbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:-100%;top:0;z-index: 110}
.headerbox .nav a.navicon{width: 30px;height: 22px;display: block;}
.headerbox .nav .navlist{width:80%;height:auto;position: fixed;left:-100%;top:0;z-index: 120;background: #fff;min-height: 100%}
.headerbox .nav .navlist .navtop .nclose{width: 15px;height: 15px;position: absolute;right: 5px;top: 5px;/*background: url(../images/mobile/nclose.png) no-repeat;*/background-size: 100%;}
.headerbox .nav .navlist a.nlogo{padding: 10% 0;display: block;border-bottom: 1px solid #ddd;background: #fff;}
.headerbox .nav .navlist a.nlogo img{width: 50%;height: auto;display: block;margin: 0 auto;}
.headerbox .nav .navlist ul.first{width:100%;height:auto;background:#fff;}
.headerbox .nav .navlist ul.first li{width:100%;height:auto;position: relative;background: url(../images/mobile/icon-s-b.png) no-repeat scroll 95% 25px;border-bottom:1px solid #ddd;background-size: 5% 24%}
.headerbox .nav .navlist ul.first li a{padding:0 6%;font-size:14px;color:#333;line-height: 58px;display:block; text-align:left;text-indent: 10px;}
.headerbox .nav .navlist ul.first li ul.second{width: auto;height: auto;position: absolute;right: -100%;top: -30%;padding:6% 0;background: #4d4951;display: none;}
.headerbox .nav .navlist ul.first li ul.second li{width: 100px;height: auto;}
.headerbox .nav .navlist ul.first li ul.second li a{font-size: 12px;color:#333;line-height:30px;display: block;text-align: center; background: #4d4951;text-indent: 0;}
.headerbox .hphone{float:right;margin-right: 4.5%;margin-top: 3%;}
.headerbox .hphone p{font-size: 14px;color:#333;line-height: 22px;display: inline-block;vertical-align: top;}
.headerbox .hphone p a{font-size: 20px;color:#ff9000;font-weight: bold;font-family:"din";display: inline-block;vertical-align: top;}
.headerbox .bg{width: 10.5%;height: 100%;position: absolute;right:0;top: 0;background: #fecf02;z-index: 1}

.index01{width: auto;height: auto;padding: 4.5% 3%}
.index01 .it{margin-bottom: 5%}
.index01 .it ul{width: 105%}
.index01 .it ul li{width: 22.6%;height: auto;float:left;margin-right: 1.5%;margin-bottom: 1.5%;}
.index01 .it ul li a{font-size: 12px;color:#fff;display: block;text-align: center;background: #666;line-height: 40px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index01 .it ul li.h1 a{background: #fecf02;color:#222;}
.index01 .top{margin-bottom: 5%}
.index01 .top h2{font-size: 22px;color:#333;line-height: 22px;text-align: center;display: inline-block;vertical-align: bottom;width: 100%;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;padding-bottom: 5%;background-size: 67% 13%;}
.index01 .top h2 span{font-family: "din";font-size: 15px;color:#b2b2b2;font-weight: bold;display: inline-block;vertical-align: bottom;margin-left: 2%;line-height: 22px;}
.index01 .ib{width: auto;height: auto;}
.index01 .ib ul li{width: 100%;height: auto;margin-bottom: 4%;position:relative;}
.index01 .ib ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.index01 .ib ul li a.imgs img{width: 100%;display: block;}
.index01 .ib ul li .text{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;}
.index01 .ib ul li .text a.tits{width:58%;height: auto;float:left;background: rgba(0,0,0,0.6);text-indent: 10px;font-size: 14px;color:#fff;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 40px;display: block;}
.index01 .ib ul li .text a.online{width: 42%;height: auto;float:right;background: #fecf02;font-size: 14px;color:#222;line-height: 40px;text-align: center;display: block;}

.index02bar{width: 100%;height: auto;background: url(../images/mobile/casebg.jpg) no-repeat;background-size: 100% 100%;}
.index02bar .index02{width: auto;padding: 3.5% 3%;}
.index02bar .index02 .it{margin-bottom: 3%}
.index02bar .index02 .it h2{font-size: 22px;color:#333;line-height: 22px;text-align: center;display: inline-block;vertical-align: top;width: 100%;background: url(../images/mobile/top-bg2.png) no-repeat scroll bottom center;padding-bottom: 5%;background-size: 67% 9%;font-weight: bold;}
.index02bar .index02 .it h2 span{font-family: "din";font-size: 15px;color:rgba(51,51,51,0.5);font-weight: bold;margin-left: 2%;line-height: 22px;}
.index02bar .index02 .top{margin-bottom: 3.5%;}
.index02bar .index02 .top ul{text-align: center;}
.index02bar .index02 .top ul li{width: 25%;display: inline-block;}
.index02bar .index02 .top ul li a{font-size: 14px;color:#444;line-height: 32px;display: block;padding-right: 3%;background: url(../images/mobile/case-li-bg.png) no-repeat scroll right center;width: 97%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index02bar .index02 .top ul li.h1 a{font-weight: bold;}
.index02bar .index02 .ib{width: auto;height: auto;}
.index02bar .index02 .ib .caselist{position: relative;}
.index02bar .index02 .ib .caselist span{width: 27px;height: 44px;display: block;position: absolute;top: 39%;z-index: 5}
.index02bar .index02 .ib .caselist span.next{background: url(../images/mobile/slide-right.jpg) no-repeat;background-size: 100% 100%;right: 0;}
.index02bar .index02 .ib .caselist span.prev{background: url(../images/mobile/slide-left.jpg) no-repeat;background-size: 100% 100%;left: 0}
.index02bar .index02 .ib .bd ul li{width: 100%;height: auto;position: relative;}
.index02bar .index02 .ib .bd ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.index02bar .index02 .ib .bd ul li a.imgs img{width: 100%;display: block;}
.index02bar .index02 .ib .bd ul li .text{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.6);}
.index02bar .index02 .ib .bd ul li .text a.tits{font-size: 14px;color:#fff;line-height: 40px;text-indent: 1em;width: 65%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;text-align: left;}
.index02bar .index02 .ib .hd{position: absolute;width: auto;height: auto;right: 7px;bottom: 14px;z-index: 5}
.index02bar .index02 .ib .hd ul li{float:left;margin-left: 8px;width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.6);text-indent: -999px;overflow: hidden;}
.index02bar .index02 .ib .hd ul li.on{background: rgba(255,255,255,1);}

.index03{width: auto;padding: 4.5% 3%;}
.index03 .it{margin-bottom: 3%}
.index03 .it h2{font-size: 22px;color:#333;line-height: 22px;text-align: center;display: inline-block;vertical-align: bottom;width: 100%;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;padding-bottom: 5%;background-size: 67% 9%;font-weight: bold;}
.index03 .it h2 span{font-family: "din";font-size: 15px;color:rgba(51,51,51,0.5);font-weight: bold;margin-left: 2%;line-height: 22px;}
.index03 .ib{width: auto;height: auto;}
.index03 .ib .imgsbox{width: 100%;height: auto;position: relative;}
.index03 .ib .imgsbox .imgs{width: 100%;height: auto;overflow: hidden;}
.index03 .ib .imgsbox .imgs img{width: 100%;display: block;}
.index03 .ib .imgsbox .btns{width: 45px;height: 45px;display: block;position: absolute;left: 45%;top: 37%;background: url(../images/index/videobtn.png) no-repeat;background-size: 100% 100%;}
.index03 .ib .text{width: 40%;height: auto;padding-left: 10%;padding-top: 7%;background: url(../images/index/videobg.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0;bottom: 0;padding-bottom: 3%;}
.index03 .ib .text h3{font-size: 16px;color:#fff;line-height: 20px;font-weight: bold;font-family: "din";text-align:right;margin-right: 3.5%;}
.index03 .ib .text h2{font-size: 16px;color:#fff;line-height: 20px;font-weight: bold;text-align: right;margin-right: 3.5%;}
.index03 .ib2{width: auto;height: auto;padding-top: 3%;}
.index03 .ib2 p{font-size: 14px;color:#333;line-height: 20px;text-align: justify;text-indent: 2em}

.index03 .ib2 .banner_bar_bd{margin-top: 20px;}
.index03 .ib2 .banner_bar_bd .bd_l{width:100%;margin: 0 auto;}
/*.index03 .banner_bar_bd .bd_l_box{padding:16px 0px 15px 0px;}*/
.index03 .ib2 .banner_bar_bd .bd_l dl{text-align:center;width: auto;margin-right: 0;display: inline-block;border-right: 1px solid #dcdcdc;;width: 32%;}
.index03 .ib2 .banner_bar_bd .bd_l dl:last-child{border-right:none;}
.index03 .ib2 .banner_bar_bd .bd_l dl .num{font-size:32px;color:#555;font-weight:bold;margin-right: 6px;float:none;font-family: "din";height: 40px;text-align: left;text-align: center;}
.index03 .ib2 .banner_bar_bd .bd_l dl .num em{font-size:14px;color:#555;font-weight:normal;margin-left:1px; font-family:"微软雅黑";}
.index03 .ib2 .banner_bar_bd .bd_l dl .txt{color:#666;font-size: 14px;line-height: 24px;}
.index03 .ib2 a.more{width: 35%;height: auto;display: block;font-size: 15px;color:#333;line-height: 40px;border-radius: 30px;text-align: center;background: #ffc71c;margin: 0 auto;margin-top: 5%;}

.index04{width: auto;padding: 4.5% 3%;}
.index04 .it{margin-bottom: 3%}
.index04 .it h2{font-size: 22px;color:#333;line-height: 22px;text-align: center;display: inline-block;vertical-align: bottom;width: 100%;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;padding-bottom: 5%;background-size: 67% 9%;font-weight: bold;}
.index04 .it h2 span{font-family: "din";font-size: 15px;color:rgba(51,51,51,0.5);font-weight: bold;margin-left: 2%;line-height: 22px;}
.index04 .top{margin-bottom: 3%;}
.index04 .top ul{text-align: center;}
.index04 .top ul li{display: inline-block;width: 20%;}
.index04 .top ul li a{font-size: 14px;color:#444;line-height: 32px;display: block;padding-right: 3%;background: url(../images/mobile/case-li-bg.png) no-repeat scroll right center;width: 97%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index04 .top ul li.h1 a{font-weight: bold;}
.index04 .ib{width: auto;height: auto;}
.index04 .ib .newst{width: auto;height: auto;padding-bottom: 3%;border-bottom: 1px dotted #cccccc;margin-bottom: 2%;}
.index04 .ib .newst a.imgs{width: 45%;display: block;height: auto;float:left;}
.index04 .ib .newst a.imgs img{width: 100%;display: block;}
.index04 .ib .newst .text{width: 50%;float:right;}
.index04 .ib .newst .text a{font-size: 16px;color:#222;line-height: 28px;display: block;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 2%;}
.index04 .ib .newst .text p{font-size: 14px;color:#666;line-height: 24px;text-align: justify;}
.index04 .ib ul li{width: auto;height: auto;padding-left: 18px;background:url(../images/index/n-icon.png) no-repeat scroll left center;}
.index04 .ib ul li a{font-size: 14px;color:#333;line-height: 28px;display: block;width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.index04 .ib ul li span{font-size: 14px;color:#969696;line-height: 28px;display: block;float:right;}


.footerbar{width: auto;height: auto;background: #2f2f2f;padding: 0 3%;}
.footerbar .f-t{width: auto;height: auto;text-align: center;border-bottom: 1px solid #3e3e3e;}
.footerbar .f-t ul li{display: inline-block;width: 19%;}
.footerbar .f-t ul li a{font-size: 13px;color:#ccc;line-height: 40px;display: block;text-align: center;}
.footerbar .f-b{width: auto;height: auto;}
.footerbar .f-b p{font-size: 12px;color:#898989;line-height: 24px;text-align: center;padding:2% 0}
.footerbar .f-b p a{color:#898989;}

.footerfixed{width: 94%;height: auto;position: fixed;left: 0;bottom:0;padding: 2% 3%;background: #ffc71c;z-index: 6}
.footerfixed ul li{width: 25%;height: auto;float:left;}
.footerfixed ul li a.links{display: block;}
.footerfixed ul li a.links i{width: 30px;height: 30px;display: block;margin: 0 auto;margin-bottom: 2%;}
.footerfixed ul li a.links p{font-size: 15px;color:#222;line-height: 24px;text-align: center;}
.footerfixed ul li a.links i.ficon01{background: url(../images/mobile/f-home.png) no-repeat scroll center center;background-size: 100% 100%;}
.footerfixed ul li a.links i.ficon02{background: url(../images/mobile/f-phone2.png) no-repeat scroll center center;background-size: 100% 100%;}
.footerfixed ul li a.links i.ficon03{background: url(../images/mobile/f-phone4.png) no-repeat scroll center center;background-size: 90% 90%;}
.footerfixed ul li a.links i.ficon04{background: url(../images/mobile/f-phone3.png) no-repeat scroll center center;background-size: 100% 100%;}

/*顶部栏目导航-产品首页*/
.snavbox{padding: 3%;}
.snavbox .nav{width: auto;height: auto;}
.snavbox .nav ul{width: 105%;}
.snavbox .nav ul li{width: 20%;height: auto;margin-right: 3%;margin-bottom: 3%;float:left;}
.snavbox .nav ul li a{font-size: 12px;color:#fff;line-height: 40px;background: #666666;text-align: center;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*产品首页*/
.contbox .prodcenter{width: auto;padding: 3%}
.contbox .prodcenter .prods{width: auto;height: auto;}
.contbox .prodcenter .prods .pt{margin-bottom: 2%;}
.contbox .prodcenter .prods .pt h2{font-size: 20px;color:#333;line-height: 24px;float:left;}
.contbox .prodcenter .prods .pt a.more{font-size: 15px;color:#333;line-height: 24px;display: block;float:right;}
.contbox .prodcenter .prods .pb{width: auto;height: auto;}
.contbox .prodcenter .prods .pb ul li{border: 1px solid #d5d5d5;margin-bottom: 3.5%;padding-bottom: 5%}
.contbox .prodcenter .prods .pb ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;margin-bottom: 2%}
.contbox .prodcenter .prods .pb ul li a.imgs img{width: auto;display: block;max-width: 100%;margin: 0 auto;}
.contbox .prodcenter .prods .pb ul li a.tits{font-size: 16px;color:#333;line-height: 32px;display: block;text-align: center;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 5%}
.contbox .prodcenter .prods .pb ul li .else{width: auto;height: auto;margin-top: 3%;text-align: center;}
.contbox .prodcenter .prods .pb ul li .else a{display: inline-block;margin: 0 1.5%}
.contbox .prodcenter .prods .pb ul li .else a.morea{width: 23%;height: 35px;font-size: 14px;color:#333;line-height: 35px;text-align: center;border: 1px solid #5b5b5b}
.contbox .prodcenter .prods .pb ul li .else a.online{width: 23%;height: 35px;font-size: 14px;color:#333;line-height: 35px;text-align: center;background: #fecf02;border: 1px solid #fecf02;}

/*产品列表*/
.contbox .prodlist{padding: 5% 3%}
.contbox .prodlist .pt{margin-bottom: 2%;}
.contbox .prodlist .pt h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .prodlist .pt span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .prodlist .pb{width: auto;height: auto;}
.contbox .prodlist .pb ul li{border: 1px solid #d5d5d5;margin-bottom: 3.5%;padding-bottom: 5%}
.contbox .prodlist .pb ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;margin-bottom: 2%}
.contbox .prodlist .pb ul li a.imgs img{width: auto;display: block;max-width: 100%;margin: 0 auto;}
.contbox .prodlist .pb ul li a.tits{font-size: 16px;color:#333;line-height: 32px;display: block;text-align: center;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 5%}
.contbox .prodlist .pb ul li .else{width: auto;height: auto;margin-top: 3%;text-align: center;}
.contbox .prodlist .pb ul li .else a{display: inline-block;margin: 0 1.5%}
.contbox .prodlist .pb ul li .else a.morea{width: 23%;height: 35px;font-size: 14px;color:#333;line-height: 35px;text-align: center;border: 1px solid #5b5b5b}
.contbox .prodlist .pb ul li .else a.online{width: 23%;height: 35px;font-size: 14px;color:#333;line-height: 35px;text-align: center;background: #fecf02;border: 1px solid #fecf02;}

/*产品详情*/
.contbox .prodet{width: auto;height: auto;}
.contbox .prodet .top{padding: 4% 3%;background: #f3f3f3}
.contbox .prodet .top .swiper-container{border: 1px solid #d5d5d5}
.contbox .prodet .top ..swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;/* display: -webkit-flex; */display: -ms-flexbox;/* display: flex; */
/* -webkit-transition-property: -webkit-transform; *//* transition-property: -webkit-transform; */-o-transition-property: transform;/* transition-property: transform; *//* transition-property: transform,-webkit-transform; */
/* -webkit-box-sizing: content-box; *//* box-sizing: content-box*/}
.contbox .prodet .top .swiper-container .swiper-slide{width: 100% !important;height: auto;}
.contbox .prodet .top .swiper-container .swiper-slide img{width: 100%;display: block;height: auto;}
.contbox .prodet .top .swiper-button-next{background: url(../images/mobile/slide-right.jpg) no-repeat !important;background-size: 100% 100% !important;right: 0 !important}
.contbox .prodet .top .swiper-button-prev{background: url(../images/mobile/slide-left.jpg) no-repeat !important;background-size: 100% 100% !important;left: 0 !important}
.contbox .prodet .top .text{padding: 3%;}
.contbox .prodet .top .text h2{font-size: 18px;color:#333;line-height: 32px;font-weight: bold;margin-bottom: 3%;}
.contbox .prodet .top .text p{font-size: 13px;color:#333;line-height: 20px;text-align: justify;}
.contbox .prodet .top .text .else{margin-top: 3%;}
.contbox .prodet .top .text .else a.btn{width: 28%;height: 40px;display: block;float:left;font-size: 14px;color:#222;line-height: 40px;text-align: center;background: #fecf02;}
.contbox .prodet .top .text .else p{font-size: 14px;color:#222;line-height: 40px;float:left;margin-left: 2%;}
.contbox .prodet .top .text .else a.tel{font-size: 18px;color:#ff9000;line-height: 40px;display: block;font-family:"din";float:left;font-weight: bold;}

.contbox .prodet .top .text .txts {margin-top: 3%;}
.contbox .prodet .top .text .txts p {font-size: 12px;color: #333;line-height: 20px;margin-bottom: 2%;}
.contbox .prodet .top .text .txts p span {padding-left: 20px;line-height: 24px;margin-right: 1%;display: inline-block;}
.contbox .prodet .top .text .txts p span.t-icon01 {background: url(../images/index/t-icon01.jpg) no-repeat scroll left center;background-size: 30%}
.contbox .prodet .top .text .txts p span.t-icon02 {background: url(../images/index/t-icon02.jpg) no-repeat scroll left center;background-size: 30%}
.contbox .prodet .top .text .txts p span.t-icon03 {background: url(../images/index/t-icon03.jpg) no-repeat scroll left center;background-size: 30%}
.contbox .prodet .top .text .txts p span.t-icon04 {background: url(../images/index/t-icon04.jpg) no-repeat scroll left center;background-size: 30%}
.contbox .prodet .top .text .txts p b {font-size: 20px;font-weight: bold;color: #ffa111;}


.contbox .prodet .btm{background: #fff;padding: 4% 3%}
.contbox .prodet .btm .t{border-bottom: 3px solid #fecf02;}
.contbox .prodet .btm .t ul li{float:left;width: 17.5%;}
.contbox .prodet .btm .t ul li a{font-size: 14px;color:#444;line-height: 40px;display: block;text-align: center;padding: 0 3%;}
.contbox .prodet .btm .t ul li.hov a{background: #fecf02;color:#222;}
.contbox .prodet .btm .b{padding:3% 0;}
.contbox .prodet .btm .b img{width: auto;max-width: 100%;height: auto;margin: 0;}
.contbox .prodet .btm .b a.return{width: 23%;height: auto;background: #fecf02;font-size: 16px;color:#333;line-height: 40px;display: block;margin: 0 auto;text-align: center;margin-top: 5%}
.contbox .prodet .btm .b a{width: 50%;height: auto;display: inline-block;margin-bottom: 3%;}
.contbox .prodet .btm .b a img{width: 95%;display: block;}



/*新闻中心*/
.newsbox{width: auto;padding: 5% 3% 0}
.newsbox .it{margin-bottom: 4%;}
.newsbox .it h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.newsbox .it span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.newsbox .ib{width: auto;height: auto;}
.newsbox .ib .news01{width: auto;height: auto;margin-bottom: 3%}
.newsbox .ib .news01 span.title{font-size: 20px;color: #333;line-height: 24px;margin-bottom: 2%;display: block;}
.newsbox .ib .news01 .nl-list{width: auto;height: auto;}
.newsbox .ib .news01 .nl-list ul li{padding: 2.5% 0;border-bottom: 1px solid #d9d9d9}
.newsbox .ib .news01 .nl-list ul li a.imgs{width: 44%;height: auto;display: block;float:left;}
.newsbox .ib .news01 .nl-list ul li a.imgs img{width: 100%;display: block;}
.newsbox .ib .news01 .nl-list ul li .text{width: 50%;height: auto;float:right;padding-top: 1.5%;}
.newsbox .ib .news01 .nl-list ul li .text a.tits{font-size: 18px;color:#333;line-height: 24px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 3%;font-weight: bold;}
.newsbox .ib .news01 .nl-list ul li .text p{font-size: 13px;color:#555;line-height: 24px;text-align: justify;overflow: hidden;}
.newsbox .ib .news01 .nb{width: auto;height: auto;margin-bottom: 5%}
.newsbox .ib .news01 .nb ul li{padding: 1.5% 0;border-bottom: 1px solid #d9d9d9}
.newsbox .ib .news01 .nb ul li a.tit{font-size: 15px;color:#333;line-height: 30px;display: block;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.newsbox .ib .news01 .nb ul li p{font-size: 14px;color:#666;line-height: 30px;float:right;}
.notice{padding: 0 1.5%}
.notice .nt{margin-bottom: 3%;}
.notice .nt h2{font-size: 20px;color: #333;line-height: 24px;margin-bottom: 2%;display: block;padding-left: 1.5%}
.notice .nb{width: auto;height: auto;}
.notice .nb ul li{width: 47%;height: auto;float:left;margin: 0 1.5%;margin-bottom: 3%;}
.notice .nb ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.notice .nb ul li a.imgs img{width: 100%;display: block;}
.notice .nb ul li a.tits{font-size: 14px;color:#333;line-height: 36px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*工程案例*/
.casebox{width: auto;padding: 5% 3%}
.casebox .it{margin-bottom: 4%;}
.casebox .it h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.casebox .it span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.casebox .ib{width: auto;height: auto;}
.casebox .ib ul li{padding: 3% 0;border-bottom: 1px solid #d9d9d9;}
.casebox .ib ul li a.imgs{width: 45%;height: auto;float:left;display: block;}
.casebox .ib ul li a.imgs img{width: 100%;display: block;}
.casebox .ib ul li .text{width: 50%;float:right;}
.casebox .ib ul li .text a.txts{font-size: 15px;color:#333;line-height: 26px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 2%;font-weight: bold;}
.casebox .ib ul li .text p{font-size: 12px;color:#222;line-height: 20px;text-align: justify;}
.casebox .ib ul li .text a.online{width: 43%;height: auto;background: #fecf02;font-size: 14px;color:#333;display: block;text-align: center;line-height: 35px;margin-top: 2%;}

/*案例详情*/
.contbox-case{width: auto;height: auto;}
.contbox-case .newsdet{padding: 4% 3%}
.contbox-case .newsdet .ct{margin-bottom: 3%}
.contbox-case .newsdet .ct h2{font-size: 18px;color:#333;line-height: 24px;font-weight: bold;text-align: center;padding: 0 4%;margin-bottom: 3%}
.contbox-case .newsdet .ct .mess{border: 1px solid #d9d9d9;padding: 2% 0}
.contbox-case .newsdet .ct .mess table{width: 100%;}
.contbox-case .newsdet .ct .mess table td{font-size: 13px;color:#222;line-height: 24px;width: 50%;text-indent: 2em;}
.contbox-case .newsdet .casesb{width: auto;height: auto;}
.contbox-case .newsdet .casesb p{font-size: 14px;color:#444;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 2%;}
.contbox-case .newsdet .casesb p iframe{width: 100% !important;height: 300px !important;margin: 0 auto;margin-left: -2em !important;}
.contbox-case .newsdet .casesb img{width: auto;max-width: 100%;display: block;text-indent: -2em;margin: 0 auto;height: auto;}
.contbox-case .newsdet .casesb a.return{width: 23%;height: auto;background: #fecf02;font-size: 16px;color:#333;line-height: 40px;display: block;margin: 0 auto;text-align: center;margin-top: 5%}
.hotprod{width: auto;height: auto;margin-top: 5%;}
.hotprod .it{margin-bottom: 4%;}
.hotprod .it h2{font-size: 18px;color:#333;line-height: 40px;text-align: center;font-weight: bold;background: #fecf02;}
.hotprod .ib{padding: 0 1.5%}
.hotprod .ib ul li{width: 47%;margin: 0 1.5%;float:left;}
.hotprod .ib ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.hotprod .ib ul li a.imgs img{width: 100%;display: block;}
.hotprod .ib ul li a.tits{font-size: 14px;color:#222;line-height: 36px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hotcase{width: auto;height: auto;margin-top: 5%;}
.hotcase .it{margin-bottom: 4%;}
.hotcase .it h2{font-size: 18px;color:#333;line-height: 40px;text-align: center;font-weight: bold;background: #fecf02;}
.hotcase .ib{padding: 0 1.5%}
.hotcase .ib ul li{width: 47%;margin: 0 1.5%;float:left;}
.hotcase .ib ul li a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.hotcase .ib ul li a.imgs img{width: 100%;display: block;}
.hotcase .ib ul li a.tits{font-size: 14px;color:#222;line-height: 36px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hotnews{width: auto;height: auto;margin-top: 5%;}
.hotnews .it{margin-bottom: 4%;}
.hotnews .it h2{font-size: 18px;color:#333;line-height: 40px;text-align: center;font-weight: bold;background: #fecf02;}
.hotnews .ib{padding: 0 1.5%}
.hotnews .ib ul li{width: auto;height: auto;padding-left: 18px;background:url(../images/index/n-icon.png) no-repeat scroll left center;}
.hotnews .ib ul li a{font-size: 14px;color:#333;line-height: 28px;display: block;width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.hotnews .ib ul li span{font-size: 14px;color:#969696;line-height: 28px;display: block;float:right;}

/*施工视频*/
.contbox{width: auto;height: auto;}
.contbox .video{padding: 4% 1.5%}
.contbox .video{margin-bottom: 4%;}
.contbox .video .ct{margin-bottom: 3%;}
.contbox .video .ct h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .video .ct span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .video .cb ul li{width: 47%;height: auto;float:left;margin: 0 1.5%;}
.contbox .video .cb ul li .imgbox{position: relative;}
.contbox .video .cb ul li .imgbox a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.contbox .video .cb ul li .imgbox a.imgs img{width: 100%;display: block;}
.contbox .video .cb ul li .imgbox a.bfbtn{width: 30px;height: 30px;display: block;background: url(../images/mobile/bf-btn.png) no-repeat scroll top center;position: absolute;left: 5px;bottom: 5px;background-size: 100% 100%;}
.contbox .video .cb ul li a.tit{font-size: 14px;color:#222;line-height: 36px;display: block;text-align: justify;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*我要求购*/
.contbox .buy .top{padding: 5% 3% 0;}
.contbox .buy .top h2{font-size: 16px;color:#333;line-height: 24px;font-weight: bold;text-align: center;margin-bottom: 3%;}
.contbox .buy .top p img{width: 100%;display: block;}
.contbox .buy .btm{padding: 5% 3%;border-bottom: 1px solid #d9d9d9;}
.contbox .buy .btm table td{padding: 1.5% 0;padding-right: 4%;position: relative;}
.contbox .buy .btm table td p{font-size: 13px;color:#000;line-height: 36px;text-align: right;}
.contbox .buy .btm table td span.star{font-size: 13px;color:#f00;line-height: 36px;display: block;position: absolute;right: 5px;top: 6px;}
.contbox .buy .btm table td .insele{width: 100%;height: 36px;font-size: 13px;color:#333;line-height: 36px;border: 1px solid #ddd;background: #fafafa}
.contbox .buy .btm table td .intxt{width: 100%;height: 34px;font-size: 13px;color:#333;line-height: 34px;border: 1px solid #ddd;background: #fafafa;text-indent: 2%;}
.contbox .buy .btm table td .inarea{padding: 2%;border: 1px solid #ddd;background: #fafafa;resize: none;width: 96%;height: 80px;font-size: 13px;color:#333;line-height: 18px;}
.contbox .buy .btm table td .inbtn{width: 25%;float:left;height: 36px;font-size: 12px;color:#222;line-height: 36px;border: none;background: #fecf02;float:left;font-weight: normal;text-align: center;margin-left: 0;}
.contbox .buy .btm table td p.phone{float:right;font-size: 12px;color:#333;line-height: 36px;}
.contbox .buy .btm table td a{font-family: "din";font-size: 16px;font-weight: bold;color:#fecf02;margin-left: 2%;display: block;float:right;line-height: 36px;}
.contbox .buy .btma{padding: 5% 3%}
.contbox .buy .btma .at{margin-bottom: 3%}
.contbox .buy .btma .at h2{font-size: 15px;color:#333;line-height: 24px;font-weight: bold;text-align: left;}
.contbox .buy .btma .ab{width: auto;height: auto;}
.contbox .buy .btma .ab table{width: 100%;}
.contbox .buy .btma .ab table td{font-size: 13px;color:#333;line-height: 24px;text-align: center;padding: 2% 0}
.contbox .buy .btma .ab table th{text-align: center;font-weight: bold;}
.contbox .buy .btma .ab table .pd20{padding-left: 5%;background:url(../images/index/tj-icon01.png) no-repeat 5px center;text-align: left;}

/*售后服务*/
.contbox .service{width: auto;height: auto;padding: 5% 0}
.contbox .service .st{margin-bottom: 4%;padding: 0 3%}
.contbox .service .st h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .service .st span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .service .sb01{margin-bottom: 4%;padding: 0 3%}
.contbox .service .sb01 p{font-size: 14px;color:#333;line-height: 24px;text-align: justify;text-indent: 2em;}
.contbox .service .sb02{padding: 0 1.5%}
.contbox .service .sb02 ul li{float:left;width: 47%;height: auto;margin: 0 1.5%;margin-bottom: 3%;}
.contbox .service .sb02 ul li img{width: 100%;display: block;}
.contbox .service .sb03{padding: 0 3%;margin-bottom: 3%;}
.contbox .service .sb03 img{width: 100%;display: block;margin-bottom: 3%}
.contbox .service .sb03 h2{font-size: 16px;color:#222;line-height: 30px;font-weight: bold;margin-bottom: 1%;}
.contbox .service .sb03 p{font-size: 13px;color:#444;line-height: 20px;text-align: justify;padding: 0 1%;}
.contbox .service .sb04{padding: 0 3%;margin-bottom: 3%;}
.contbox .service .sb04 img{width: 100%;display: block;margin-bottom: 3%}
.contbox .service .sb04 h2{font-size: 16px;color:#222;line-height: 30px;font-weight: bold;margin-bottom: 1%;}
.contbox .service .sb04 p{font-size: 13px;color:#444;line-height: 20px;text-align: justify;padding: 0 1%;}
.contbox .service .sb05{padding: 0 3%;margin-bottom: 3%;}
.contbox .service .sb05 img{width: 100%;display: block;margin-bottom: 3%}
.contbox .service .sb05 h2{font-size: 16px;color:#222;line-height: 30px;font-weight: bold;margin-bottom: 1%;}
.contbox .service .sb05 p{font-size: 13px;color:#444;line-height: 20px;text-align: justify;padding: 0 1%;}
.contbox .service .sb06{padding: 0 3%;margin-bottom: 3%;}
.contbox .service .sb06 img{width: 100%;display: block;margin-bottom: 3%}
.contbox .service .sb06 h2{font-size: 16px;color:#222;line-height: 30px;font-weight: bold;margin-bottom: 1%;}
.contbox .service .sb06 p{font-size: 13px;color:#444;line-height: 20px;text-align: justify;padding: 0 1%;}

/*公司概况*/
.contbox .about{width: auto;height: auto;padding: 5% 3%}
.contbox .about .at{margin-bottom: 4%;}
.contbox .about .at h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .about .at span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .about .ab{width: auto;height: auto;min-height: 500px;}
.contbox .about .ab h3{font-size: 15px;color:#333;line-height: 26px;font-weight: bold;text-align: justify;margin-bottom: 3%;}
.contbox .about .ab p{font-size: 13px;color:#333;line-height: 26px;text-align: justify;text-indent: 2em;margin-bottom: 1%;}
.contbox .about .ab img{width: 80%;height: auto;display: block;margin: 3% auto;}

/*荣誉资质*/
.contbox .honor{width: auto;height: auto;padding: 5% 0%}
.contbox .honor .ht{margin-bottom: 4%;}
.contbox .honor .ht h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .honor .ht span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .honor .hb{padding: 0 1.5%}
.contbox .honor .hb ul li{width: 47%;height: auto;margin: 0 1.5%;float:left;margin-bottom: 1%;}
.contbox .honor .hb ul li .imgbg{padding: 4%;background:url(../images/index/zbg.jpg) no-repeat;background-size: 100% 100%;}
.contbox .honor .hb ul li .imgbg a.imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.contbox .honor .hb ul li .imgbg a.imgs img{width: 100%;display: block;}
.contbox .honor .hb ul li a.tits{font-size: 14px;color:#333;line-height: 35px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}

/*人才招聘*/
.contbox .talent{padding: 5% 3%}
.contbox .jobt{margin-bottom: 4%;}
.contbox .jobt h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .jobt span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
/*.contbox .jobt ul li{width: 34%;height: 30px;display: inline-block;margin: 0 -3.5%;}
.contbox .jobt ul li a{font-size: 15px;color:#666;line-height: 30px;display: block;text-align: center;border: 1px solid #c9c9c9;border-radius: 30px;overflow: hidden;}
.contbox .jobt ul li.hov a{background: #de2d0b;color:#fff;border-color:#de2d0b;position:relative;z-index: 1}*/
.contbox .joblist{width: auto;height: auto;padding: 4% 0%;margin: 0 auto;min-height: 470px;}
.contbox .joblist .lt{width: auto;height: 50px;overflow-x: scroll;}
.contbox .joblist .lt ul{min-width: 648px;width: 100%;}
.contbox .joblist .lt ul li{width: auto;height: auto;float:left;}
.contbox .joblist .lt ul li a{font-size: 15px;color:#333;line-height: 40px;padding: 0 15px;display: block;}
.contbox .joblist .lt ul li.hov a{background:#fecf02;color:#fff;}
.contbox .joblist table thead th{background: #fecf02;font-size: 14px;color:#333;line-height: 40px;text-align: center;}
.contbox .joblist table tbody td{font-size: 12px;color:#666;line-height: 40px;text-align: center;border-top: 1px solid #d4d4d4}
.contbox .joblist table tbody td p{font-size: 14px;color:#333;line-height: 40px;text-indent: 0}
/*.job-list table tbody tr:hover td p{color:#d43434;}*/
.contbox .joblist a.more{width:60%;height:auto;display:block;margin: 0 auto;text-align: center;font-size: 12px;color:#fff;line-height: 26px;margin: 0 auto;background: #888;padding: 0 4px;}
.contbox .joblist .job-text .job-body{padding: 10px 5%;position: relative;min-height: 150px;}
.contbox .joblist .job-text .job-body a.join{width: 30%;height: 30px;display: block;background: #fecf02;font-size: 14px;color:#333;line-height: 30px;margin-top: 3%}
.contbox .joblist .job-text .job-body h3{font-size: 15px;color:#222;line-height: 30px;font-weight: bold;text-align: left;}
.contbox .joblist .job-text p{font-size: 14px;color:#444;line-height: 28px;margin: 0;text-align:justify;}
.contbox .joblist .job-text p span{margin-right: 1.5%}

/*招聘弹窗*/
.joinbg{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;left: 0;top: 0;z-index: 1;display: none;}
.joinbox{width: 320px;height: auto;position: fixed;top: 50%;left: 50%;margin-left: -160px;border:1px solid #ccc;background: #fff;z-index: 2;display: none;margin-top: -150px;}
.joinbox .j-t{width: auto;height: auto;position: relative;background: #e7161b;}
.joinbox .j-t h2{font-size: 16px;color:#fff;line-height: 40px;text-align: center;font-weight: bold;}
.joinbox .j-t a.close{font-size: 12px;color:#fff;line-height: 40px;position: absolute;right: 10px;top: 0}
.joinbox .j-b{width: auto;height: auto;padding: 45px 10px;}
.joinbox .j-b p{font-size: 13px;color:#666;line-height: 26px;text-indent: 2em;}
.joinbox .j-b p span{color:#e7161b;font-weight: bold;}

/*在线留言*/
.contbox .messbox{padding: 5% 3%}
.contbox .messbox .ct{margin-bottom: 4%;}
.contbox .messbox .ct h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .messbox .ct span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .messbox .message{width: auto;height: auto;}
.contbox .messbox .message table td{padding: 1.5% 0;}
.contbox .messbox .message table td p{font-size: 14px;color:#444;line-height: 35px;text-indent: right;}
.contbox .messbox .message table td .intxt{width: 100%;height: 35px;border: 1px solid #ccc;text-indent: 5px;font-size: 14px;color:#444;line-height: 35px;}
.contbox .messbox .message table td .inarea{width: 94%;height: 80px;border: 1px solid #ccc;padding: 2%;font-size: 14px;color:#555;line-height: 20px;resize: none;}
.contbox .messbox .message table td .inbtn{width: 45%;height: 40px;background: #fecf02;;font-size: 14px;color:#333;line-height: 40px;text-align: center;border: none;}

/*联系我们*/
.contbox .contact{padding: 5% 3%}
.contbox .contact .ct{margin-bottom: 4%;}
.contbox .contact .ct h2{font-size: 16px;color:#333;line-height: 24px;text-align: center;font-weight: bold;}
.contbox .contact .ct span.titbg{width: 100%;height: 10px;background: url(../images/mobile/top-bg.png) no-repeat scroll bottom center;background-size: 53% 53%;display: block;}
.contbox .contact .cb{width: auto;height: auto;}
.contbox .contact .cb .maptxt{width: 90%;padding:4% 5%;background: #fecf02 url(../images/index/lx-logo.png) no-repeat scroll right bottom;border: 1px solid #fecf02;}
.contbox .contact .cb .maptxt h2{font-size: 26px;color:#222;line-height: 80px;font-weight: bold;border-bottom: 1px dashed #222;margin-bottom: 5px;}
.contbox .contact .cb .maptxt h3{font-size: 18px;color:#222;line-height: 40px;font-weight: bold;}
.contbox .contact .cb .maptxt p{font-size: 16px;color:#222;line-height: 30px;text-align: justify;}
.contbox .contact .cb .maptxt p span{font-weight: bold;font-family: "din"}
.contbox .contact .cb .maptxt p a{color:#222;}
.contbox .contact .cb .maptxt .wechat{width: 130px;height: auto;margin-top: 25px;}
.contbox .contact .cb .maptxt .wechat img{width: 130px;display: block;}
.contbox .contact .cb .maptxt .wechat p{font-size: 16px;color:#222;line-height: 28px;text-align: center;}

/*顶部栏目导航*/
#wrapper{z-index:1;height:auto;width:96%;/*background:url(../images/mobile/t_03.jpg) repeat-x left bottom;*/-ms-touch-action:none;background:#f6f6f6;position: relative;/*padding-left: 20px;*/box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);padding: 0 3%}
#scroller{z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0); height:40px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;background:#f8f8f8;min-width: 100%;}/*#wrapper .icon-left-bg{width: 20px;height: 42px;background: #e0dedc url(/m/assets/images/mobile/icon-right-bg.png) no-repeat;background-size: 30%;background-position:10px 15px;position: absolute;left: 0;top: 0;display: block;box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);}*/
/*#wrapper .icon-left-bg{width: 20px;height: 42px;background: #e0dedc url(../images/mobile/icon-left-bg.png) no-repeat;background-size:100%;position: absolute;right: 0;top: 0;display: block;box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);}*/
#scroller ul{list-style:none;width:auto;padding:0;margin:0;}
#scroller li{display:inline-block;height:40px;float:left;line-height:40px;font-size:18px;text-align:center;float:left;}
#scroller li a{font-size:14px;color:#333;display:block;height:40px;line-height:40px;padding:0px 10px;}
#scroller .hov a,#scroller .hov a:focus{position: relative;padding-top: 10px;background: #fecf02;margin-top: -10px;}

/*详情翻页*/
.prenext{width: 100%;height: auto;margin: 0 auto;margin-top: 3%;margin-bottom: 3%;padding-top: 3%;border-top: 1px dashed #e9e9e9;}
.prenext ul{width: 90%;}
.prenext ul li{font-size: 14px;color:#333;line-height: 30px;margin: 0 !important;padding: 0 !important;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;overflow: hidden;}
.prenext ul li a{color:#333;transition: all .3s;}
.prenext a.return{font-size: 13px;color:#fff;padding: 0 3%;background: #d1000f;line-height: 30px;float:right;margin-top: 3%}

/*专题*/
.header_topic{width: auto;padding: 4% 3%;background: #fff;}
.header_topic .top_logo{width: 30%;height: auto;float:left;border-right:1px solid #7f7f7f;padding: 1% 0;padding-right: 4%;}
.header_topic .top_logo a{display: block;}
.header_topic .top_logo a img{width: 100%;display: block;}
.header_topic .top_phone{float:right;width: 62%;font-size: 0;}
.header_topic .top_phone p{font-size: 14px;color:#090104;line-height: 24px;display: inline-block;vertical-align: top}
.header_topic .top_phone p a{font-size: 16px;font-weight: bold;color:#ff0000;display: inline-block;vertical-align: top;}

.topic{width: auto;height: auto;}
.topic .tc01{background: #f4f4f4;padding: 6% 3%;}
.topic .tc01 .timgs{padding: 0 3%;}
.topic .tc01 .timgs img{width: 100%;display: block;}
.topic .tc01 .tb01{width: auto;height: auto;}
.topic .tc01 .tb01 p{font-size: 13px;color:#333;line-height: 24px;margin-bottom: 10px;}
.topic .tc01 .tb01 table{width: 100%;}
.topic .tc01 .tb01 table td{padding: 7px 0;}
.topic .tc01 .tb01 table .intxt{width: 100%;height: 40px;border: 1px solid #e4e4e4;text-indent: 40px;font-size: 14px;color:#333;line-height: 40px;}
.topic .tc01 .tb01 table .name{background:#fff url(../images/mobile/topic_icon_01.png) no-repeat scroll 10px 10px;background-size: 4%}
.topic .tc01 .tb01 table .phone{background:#fff url(../images/mobile/topic_icon_02.png) no-repeat scroll 10px 10px;background-size: 5%;}
.topic .tc01 .tb01 table .inbtn{width: 100%;height: 40px;display: block;background: url(../images/mobile/input_bg.png) no-repeat;background-size: 100% 100%;font-size: 15px;color:#fff;text-align: center;font-weight: bold;line-height: 40px;box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.3);border-radius: 10px;}

.topic .tc02{width: auto;height: auto;background: #fff;}
.topic .tc02 .top{background: #2c2e2d;padding:4% 0; }
.topic .tc02 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold;}
.topic .tc02 .btm{padding: 4.5% 3%}
.topic .tc02 .btm p{font-size: 14px;color:#000;line-height: 20px;text-align: center;}
.topic .tc02 .btm img{width: auto;max-width: 100%;display: block;height: auto;}

.topic .tc03{width: auto;height: auto;background: #fff;}
.topic .tc03 .top{background: #2c2e2d;padding:4% 0; }
.topic .tc03 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold;}
.topic .tc03 .btm{padding: 0% 3% 4.5%}
.topic .tc03 .btm p{font-size: 14px;color:#000;line-height: 20px;text-align: center;}
.topic .tc03 .btm img{width: auto;max-width: 100%;display: block;height: auto;}
.topic .tc03 .btm .mb10{margin-bottom: 3%;margin-top: 1.5%;}

.topic .tc04{width: auto;height: auto;background: #fff;}
.topic .tc04 .top{background: #2c2e2d;padding:4% 0; }
.topic .tc04 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold;}
.topic .tc04 .btm{width: auto;height: auto;}
.topic .tc04 .btm ul li{padding:3%}
.topic .tc04 .btm ul li .imgs{width: 26%;height: auto;display: block;border-radius: 50%;border: 1px solid #fff;box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.2);margin-top: 1%}
.topic .tc04 .btm ul li .imgs img{width: 100%;display: block;}
.topic .tc04 .btm ul li .txts{width: 70%;height: auto;}
.topic .tc04 .btm ul li .txts h2{font-size: 14px;color:#d92f24;line-height: 20px;font-weight: bold;margin-bottom: 2%;}
.topic .tc04 .btm ul li .txts p{font-size: 12px;color:#090104;line-height: 20px;text-align: justify;}
.topic .tc04 .btm ul li.h1{background: #fff;}
.topic .tc04 .btm ul li.h1 .imgs{float:left;}
.topic .tc04 .btm ul li.h1 .txts{float:right;}
.topic .tc04 .btm ul li.h2{background: #f4f4f4;}
.topic .tc04 .btm ul li.h2 .imgs{float:right;}
.topic .tc04 .btm ul li.h2 .txts{float:left;}

.topic .tc05{width: auto;height: auto;background: #fff;padding: 6% 3%}
.topic .tc05 .top{margin-bottom: 2%;}
.topic .tc05 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold; }
.topic .tc05 .btm{width: auto;height: auto;}
.topic .tc05 .btm p{font-size: 13px;color:#666;line-height: 24px;text-align: justify;}
.topic .tc05 .btm table{width: 100%;}
.topic .tc05 .btm table td{padding: 7px 0;}
.topic .tc05 .btm table .intxt{width: 100%;height: 40px;border:none;text-indent: 40px;font-size: 14px;color:#333;line-height: 40px;}
.topic .tc05 .btm table .name{background:#f4f4f4 url(../images/mobile/topic_icon_01.png) no-repeat scroll 10px 10px;background-size: 4%}
.topic .tc05 .btm table .phone{background:#f4f4f4 url(../images/mobile/topic_icon_02.png) no-repeat scroll 10px 10px;background-size: 5%;}
.topic .tc05 .btm table .price{background: #f4f4f4 url(../images/mobile/topic_icon_03.png) no-repeat scroll 10px 10px;background-size: 5%;}
.topic .tc05 .btm table .inbtn{width: 100%;height: 40px;display: block;background: #fdd000;font-size: 15px;color:#000;text-align: center;font-weight: bold;line-height: 40px;}

.topic .tc06{width: auto;height: auto;background: #fff;}
.topic .tc06 .top{background: #2c2e2d;padding:4% 0; }
.topic .tc06 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold;}
.topic .tc06 .btm{padding: 4.5% 3%;background: #f4f4f4}
.topic .tc06 .btm p{font-size: 14px;color:#000;line-height: 20px;text-align: center;}
.topic .tc06 .btm img{width: auto;max-width: 100%;display: block;height: auto;}

.topic .tc07{background: url(../images/mobile/tc07_bg.jpg) no-repeat;background-size: 100% 100%;padding: 7% 3%;position: relative;}
.topic .tc07 .top{margin-bottom: 2%;}
.topic .tc07 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold; margin-bottom: 3%;}
.topic .tc07 .top h3{font-size: 13px;color:#555;line-height: 20px;text-align: center;font-weight: bold;}
.topic .tc07 .top span.imgs{width: 50px;height: 100px;display: block;position: absolute;left: 16%;top: 2%;background: url(../images/mobile/tc07_1.png) no-repeat;background-size: 100% 100%;}
.topic .tc07 .btm{width: auto;height: auto;}
.topic .tc07 .btm p{font-size: 13px;color:#666;line-height: 24px;text-align: justify;}
.topic .tc07 .btm table{width: 100%;}
.topic .tc07 .btm table td{padding: 7px 0;}
.topic .tc07 .btm table .intxt{width: 100%;height: 40px;border:none;text-indent: 40px;font-size: 14px;color:#333;line-height: 40px;}
.topic .tc07 .btm table .name{background:#f4f4f4 url(../images/mobile/topic_icon_01.png) no-repeat scroll 10px 10px;background-size: 4%}
.topic .tc07 .btm table .phone{background:#f4f4f4 url(../images/mobile/topic_icon_02.png) no-repeat scroll 10px 10px;background-size: 5%;}
.topic .tc07 .btm table .price{background: #f4f4f4 url(../images/mobile/topic_icon_03.png) no-repeat scroll 10px 10px;background-size: 5%;}
.topic .tc07 .btm table .inbtn{width: 100%;height: 40px;display: block;background: #fdd000;font-size: 15px;color:#000;text-align: center;font-weight: bold;line-height: 40px;}

.topic .tc08{width: auto;height: auto;background: #fff;}
.topic .tc08 .top{background: #2c2e2d;padding:4% 0; }
.topic .tc08 .top h2{width: 70%;height: 30px;font-size: 18px;color:#2c2e2d;line-height: 30px;text-align: center;margin: 0 auto;background: #fdd000;border-radius: 10px;font-weight: bold;}
.topic .tc08 .btm{padding: 0% 3% 4.5%}
.topic .tc08 .btm p{font-size: 14px;color:#000;line-height: 20px;text-align: center;}
.topic .tc08 .btm img{width: auto;max-width: 100%;display: block;height: auto;}
.topic .tc08 .btm .mb10{margin-bottom: 3%;margin-top: 1.5%;}

.topic .tc-footer{width: auto;padding: 5% 3%;background:#2c2e2d url(../images/mobile/tc-ft-bg.png) no-repeat scroll bottom center;background-size: 40%;}
.topic .tc-footer .top{margin-bottom: 4%}
.topic .tc-footer .top h2{font-size: 16px;color:#fff;line-height: 24px;font-weight: bold;margin-bottom: 2%;text-align: center;}
.topic .tc-footer .top p{font-size: 13px;color:#fff;line-height: 24px;text-align: center;font-weight: bold;}
.topic .tc-footer .btm{width: auto;height: auto;}
.topic .tc-footer .btm .bl{width: 55%;height: auto;float:left;font-size: 0;}
.topic .tc-footer .btm .bl p{font-size: 12px;color:#fff;line-height: 24px;display: inline-block;vertical-align: top}
.topic .tc-footer .btm .bl p a{font-size: 15px;color:#fdd000;line-height: 24px;font-weight: bold;vertical-align: top;display: inline-block;}
.topic .tc-footer .btm .br{width: 40%;float: right;}
.topic .tc-footer .btm .br img{width: auto;max-width: 100%;display: block;}

.topic .tc09{padding: 5% 3%;}
.topic .tc09 .incheck{width: 14px;height: 14px;display: block;margin-top: 7px;margin-right: 7px;}
.topic .tc09 p{font-size: 14px;color:#555;line-height: 28px;text-align: justify;}
.topic a.online{width: 100%;height: 40px;display: block;font-size: 18px;color:#fff;font-weight: bold;text-align: center;position: fixed;left: 0;bottom: 0;background: #ce021b;line-height: 40px;}

/*媒体查询*/
@media (max-width: 414px){
	.mainbox{padding-bottom: 72px;}
	.box_swipe{height: 249px;overflow: hidden;}
	.contbox .prodet .top .text .txts p span{padding-left: 25px;}
	.contbox .prodet .btm .t ul li{width: 19.5%}
	.contbox .prodet .btm .t ul li a{font-size: 14px;}
	.hotcase .ib ul li a.imgs{height: 118px;overflow: hidden;}
	.hotcase .ib ul li a.imgs img{height: 118px;}
}

@media (max-width:375px){
	.mainbox{padding-bottom: 71px;}
	.contbox .infob ul li a.tit{font-size: 14px;}
	.contbox .infob ul li span{font-size: 17px;}
	.contbox .inves .tzbtm table td{font-size: 12px;}
	.contbox .team .tt .dright .btm{height: 80px}
	.box_swipe{height: 226px;overflow: hidden;}	
	.contbox .buy .btm table td p.phone{float:right;font-size: 12px;color:#333;line-height: 36px;}
	.contbox .buy .btm table td a{font-family: "din";font-size: 14px;font-weight: bold;color:#fecf02;margin-left: 2%;display: block;float:right;line-height: 36px;}
	/*专题*/
	.header_topic .top_phone p{font-size: 13px;}
	.header_topic .top_phone p a{font-size: 14px;}
	.topic .tc-footer .btm .br{padding-top: 8%;}
	.topic .tc09 p{font-size: 13px;}
	.contbox .prodet .top .text .txts p span{margin-right: 2%;}
	.contbox .prodet .top .text .txts p span{padding-left: 25px;}
	.contbox .prodet .btm .t ul li{width: 19.5%}
	.contbox .prodet .btm .t ul li a{font-size: 12px;}
	.hotcase .ib ul li a.imgs{height: 107px;overflow: hidden;}
	.hotcase .ib ul li a.imgs img{height: 107px;}
}

@media (max-width: 360px){
	.mainbox{padding-bottom: 70px;}
	.contbox .infob ul li a.tit{width: 55%;font-size: 15px;}
	.contbox .infob ul li span{font-size: 17px;}
	.banner_bar_bd .bd_l dl dt{font-size: 22px;}
	.banner_bar_bd .bd_l dl dd{font-size: 13px;}
	.box_swipe{height: 217px;overflow: hidden;}
	.header_topic .top_phone{width: 64%}
	.contbox .prodet .btm .t ul li{width: 19.5%}
	.contbox .prodet .btm .t ul li a{font-size: 12px;}
	.hotcase .ib ul li a.imgs{height: 102px;overflow: hidden;}
	.hotcase .ib ul li a.imgs img{height: 102px;}

}
@media (max-width:320px){
	.box_swipe{height: 193px;overflow: hidden;}
	.mainbox{padding-bottom: 68px;}
	.contbox .infob ul li a.tit{width: 50%}
	.contbox .inves .tzbtm table .checks{margin-right: 5px;}
	.contbox .inves .tzbtm table .checkbg{margin-right: 5px;}
	.banner_bar_bd .bd_l dl dt{font-size: 20px;}
	.banner_bar_bd .bd_l dl dd{font-size: 12px;}
	.contbox .team .tt .dright .top span{font-size: 13px;margin-bottom: 0;height: 36px;overflow: hidden;display: block;line-height: 18px;}
	.headerbox .hphone p a{font-size: 15px;}
	.headerbox .hphone p{font-size: 13px;}
	.index03 .ib2 .banner_bar_bd .bd_l dl .txt{font-size: 12px;}
	.index04 .top ul li{width: 24%;}
	.index02bar .index02 .top ul li a{font-size: 13px;}
	.index01 .it ul li a{font-size: 12px;}
	.snavbox .nav ul li a{font-size: 12px;}
	.footerbar{padding: 0 1%;}
	.hotcase .ib ul li a.imgs{height: 91px;overflow: hidden;}
	.hotcase .ib ul li a.imgs img{height: 91px;}
	/*专题*/
	.header_topic .top_phone{width: 65%}
	.header_topic .top_logo{padding:2% 0;padding-right: 2%;}
	.header_topic .top_phone p{font-size: 12px;}
	.header_topic .top_phone p a{font-size: 12px;}
	.topic .tc02 .top h2{font-size: 14px;}
	.topic .tc03 .top h2{font-size: 14px;}
	.topic .tc04 .top h2{font-size: 14px;}
	.topic .tc05 .top h2{font-size: 14px;}
	.topic .tc06 .top h2{font-size: 14px;}
	.topic .tc07 .top h2{font-size: 14px;}
	.topic .tc08 .top h2{font-size: 14px;}
	.topic .tc07 .top span.imgs{width: 40px;height: 80px;left: 12%;top: 1.5%}
	.topic a.online{font-size: 15px;}
	.topic .tc01 .timgs{margin-bottom: 3%;}
	.contbox .prodet .top .text .else a.btn{width: 30%;font-size: 12px;}
	.contbox .prodet .top .text .else p{font-size: 12px;}
	.contbox .prodet .top .text .else a.tel{font-size: 16px;}
	.contbox .prodet .top .text{padding: 1%;}
	.contbox .prodet .top .text .txts p span{margin-right: 0}
	.contbox .prodet .btm .t ul li{width: 19.5%}
	.contbox .prodet .btm .t ul li a{font-size: 12px;}
}