@media screen and ( max-width:800px ){
html{font-size:56px;}
.wal{max-width:450px;}
.pcshow{display:none;}
.phoneshow{display:block;}
.head .logo2{width: 3.3rem; height: .86rem;}
.headd,
.head .wal,
.head .logo canvas{height:.88rem;}
.head a.tel{right:1rem; font-size:.35rem; z-index:10;}
.head a.tel.on{color:#fff; right:1.85rem;}
.nava{display:block; width:1.1rem; height:.88rem; position:absolute; top:0px; right:-.3rem; background: center no-repeat; background-size:.48rem; z-index:10;}
.nava.on{background-image:url(/uploads/image/p/image/close31.png); background-size:.31rem;}
.nav{position:fixed; left:auto; right:-5rem; width:5rem; height:100%; padding-top:.88rem; background:rgba(0,0,0,0.9);}
.nav.on{right:0px;}
.nav ul{border-top:#8c8c8c solid 1px; position:relative; top:-1px; height:90vh; overflow:hidden; overflow-y:auto;}
.nav li{float:none; padding:.24rem 0 0 0; position:relative;}
.nav li em{display:block; position:absolute; left:0px; top:.24rem; width:100%; height:.88rem; background:rgba(255,255,255,0);}
.nav a.name{width:100%; height:.88rem; line-height:.88rem; font-size:.38rem; color:#fff;}
.nav a.name i{display:none;}
.nav li:hover a.name, .nav a.name.on{padding-top:0; background:#00b0ec;}
/**/
.nav li.on a.name{padding-top:0; background:#00b0ec;}
.nav li.on .list{height:3.8rem;}
.nav li:nth-child(2).on .list,
.nav li:nth-child(6).on .list{height:4.4rem;}
.nav li:nth-child(3).on .list{height:5.25rem;}
.nav .list{position:relative; top:0; text-align:left; min-height:0; height:0px; overflow:hidden; opacity:1; visibility:visible;}
.nav dl{padding-top:.05rem;}
.nav dd{display:block; border-bottom:#373737 solid 1px;}
.nav dd a{height:.86rem; line-height:.86rem; font-size:.26rem; padding:0 0 0 2.25rem;}
.nav dd a:before{display:none;}
.nav dl img{left:1.62rem; top:.15rem; margin-left:0;}
/**/
.head.on{background:rgba(255,255,255,0.8);}
.head.on .wal{height:.88rem;}
.head.on .logo2{ height:.8rem; }
.head.on .logo canvas{height:.8rem;}
.head.on .nav a.name{height:.88rem; line-height:.88rem;}
.head.on .nav .list{top:0;}

.foot{padding-bottom:.78rem;}
.foot .img{padding:.5rem 0 .18rem 0;}
.foot .msg{font-size:.18rem; line-height:.3rem; min-height:1.25rem;}
.foot .msg .list{padding-left:.9rem; line-height:.39rem;}
.foot .msg dl{flex-wrap:wrap;}
.foot .msg dd{padding-right:.17rem; margin-right:.15rem;}
.foot .ewma{display:block; position:absolute; top:.4rem; right:0px; background:url(/uploads/image/p/image/img66_1.png) center no-repeat; background-size:cover; width:.66rem; height:.66rem;}
.foot .ewm{position:fixed; z-index:100; top:50%; right:50%; width:6.2rem; height:7.4rem; font-size:.28rem; color:#666; background:#fff; text-align:center; margin-right:-3.1rem; margin-top:-3.7rem; display:none;
-moz-border-radius:.1rem;
-webkit-border-radius:.1rem;
border-radius:.1rem;
}
.foot .ewm .img{width:3.57rem; margin:0 auto; padding:1.25rem 0 .5rem 0;}
.foot .ewm .name{font-size:.32rem; font-weight:bold; padding:0 0 .2rem 0;}
.foot .ewm .close{display:block; background:url(/uploads/image/p/image/close42.png) center no-repeat; background-size:.42rem; width:.9rem; height:.9rem; position:absolute; top:0px; right:0px;}
.foot .link{display:none;}
.foot .tips{position:relative; line-height:.67rem; font-size:.18rem; border-top:#4b4c4e solid 1px;}
 
.pagebanner{height:2.5rem;}
.pagebanner h2{font-size:.38rem;}
.pagebanner p{font-size:.24rem; padding-top:.2rem;}

.pagenum{height:2.4rem; line-height:.48rem;}
.pagenum a{width:.48rem; height:.48rem; font-size:.24rem; margin:0 .09rem;}
.pagenum .arrow{background-size:.11rem; position: relative; top:-.08rem;}
.pagenum div{display:block; padding-top:.2rem;}
.pagenum span{font-size:.24rem; padding:0 .2rem;}
.pagenum .input1{width:.83rem; height:.48rem; line-height:.46rem; font-size:.22rem;}
.pagenum .btn1{width:.8rem; height:.48rem; font-size:.22rem; text-align: center;}
.indexbrand{padding-top: 1.5rem;}
#layer1{
	position:fixed;
	width:100%; height:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

.pagenav li{padding-right:.26rem;}
.pagenav a{font-size:.26rem; padding-top:.2rem;}

.sidebar{top:100%; width:100%; height:.78rem; margin-top:-.78rem; background:#282929;}
.sidebar li{height:.78rem; float:left; width:33.333%;}
.sidebar a{height:.78rem; width:100%; background-color:rgba(0,0,0,0); background-position:14% center;}
.sidebar a i{left:36%; top:0; background:none; font-size:.22rem; color:#fff; line-height:.78rem; height:.78rem; padding:0; opacity:1; letter-spacing:0px;}
.sidebar a i span{display:none;}
.sidebar a i em{display:block;}
.sidebar a:hover,
.sidebar .li_02 a:hover{width:100%;}
.sidebar .li_02 a{background-color:#00b0ec;}

/*main--end*/

.page404{background:url(/uploads/image/p/image/img837.png) center top no-repeat; background-size:auto 4.77rem;}
.page404 .tips{font-size:.22rem; padding-bottom:.5rem; text-align:center;}
.page404 .tips h2{padding:4.5rem 0 .1rem 0;}
.page404 .imglist{position:relative; margin:0 auto; left:-.5rem; padding:1rem 1.1rem 0 1.2rem;}
.page404 .case{padding:0px; margin-left:-.08rem; margin-right:-.08rem;}
.page404 .case li{padding:0 .1rem; margin-bottom:.2rem;}
.page404 .case a.name2{display:none;}
.page404 .case li:nth-child(5),
.page404 .case li:nth-child(6),
.page404 .case li:nth-child(7),
.page404 .case li:nth-child(8),
.page404 .case li:nth-child(9){display:none;}

.pingmian{display: block;}
.caseclassdiv{min-height:1.2rem; position:relative; margin-left:-.3rem; margin-right:-.3rem;}
.caseclass{border-bottom:#999 dashed 1px;}
.caseclass.on.show{opacity:1; visibility:visible;}
.caseclass li{min-height:.7rem; padding-left:1.8rem;}
.caseclass img{width:.3rem; left:.28rem; top:.04rem;}
.caseclass em{left:.72rem; font-size:.26rem; line-height:.38rem;}
.caseclass dl{flex-wrap:nowrap; width:100%; overflow-x:auto;}
.caseclass dd{padding-left:2px;}
.caseclass dd a{font-size:.26rem; line-height:.65rem; white-space:nowrap; padding:0 .35rem; margin-left:.05rem;}
/**/
.caseclass .msg{color:#00b0ec; min-height:.8rem; line-height:.8rem; position:absolute; left:0px; top:80%; width:100%; background:#fff; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; opacity:0; visibility:hidden;}
.caseclass .msg span{background:url(/uploads/image/p/image/img4.png) left center no-repeat; background-size:.04rem; padding:0 .1rem 0 .14rem; height:.8rem; line-height:.8rem; font-size:.26rem;}
.caseclass .msg span:first-child{background:none; padding-left:0px;}
.caseclass .msg i{width:.4rem; height:.8rem; background:url(/uploads/image/p/image/img20.png) center no-repeat; background-size:.2rem;}
/**/
.caseclass.on{position:fixed; z-index:20; left:0; top:0; width:100%; padding:.8rem 0 0 0;}
.caseclass.on ul{border-top:#ccc solid 1px; padding-top:.3rem; display:none;}
.caseclass.on .msg{opacity:0; visibility:visible; top:100%;}
.caseclass.on.show{padding-top:.88rem;}
.caseclass.on.show ul{display:block;}

.case{margin-left:-.3rem; margin-right:-.3rem;}
.case .list{width:100%; overflow:hidden; position:relative;}
.case ul{margin-left:-.15rem; margin-right:-.15rem;}
.case li{width:50%; padding:0 .15rem;}
.case .layer{display:none;}
.case li.on img{opacity:1;}
.case a.name2{display:block; font-size:.22rem; height:.5rem; line-height:.5rem; overflow:hidden; text-align:center; color:#666;}

.footstandard li{width:50%; padding-top:.4rem;}
.footstandard .name{font-size:.26rem; height:.8rem;}
.footstandard p{font-size:.22rem; line-height:.32rem;}
.footstandard li.on{padding-top:.3rem;}
.footstandard li.on .name{height:.98rem;}

.caseshow{width:100%; padding-left:0;}
.caseshow .title{font-size:.38rem; padding-bottom:.2rem;}
.caseshow .tag a{margin-right:.1rem; height:.36rem; line-height:.36rem; margin-bottom:.1rem; font-size:.22rem; padding:0 .2rem;}
.caseshow .content{font-size:.22rem; line-height:.36rem; padding:0 .5rem 1em 0;}
.casebar{position:fixed; z-index:20; top:50%; right:.3rem; width:.8rem; text-align:center;}
.casebar a{display:block; height:.8rem; margin-bottom:.2rem; background:rgba(0,0,0,0.8); color:#fff; font-size:.22rem; line-height:.26rem; padding-top:.15rem;}
.casebar a:hover{background:#008ece;}
/**/
.caseimg{width:100%; border-top:#999 solid 1px; padding-top: .45rem;}
.caseimg .share{bottom:auto; top:-.7rem;}
/*.caseimg .share ul{justify-content:flex-end;}*/
.caseimg .share li{font-size:.22rem;}
.caseimg .share a{width:.38rem; height:.38rem; background:#1cb7ec;}

.sidecasephone{clear:both; background:#fff; min-height:2rem; margin-left:-.3rem; margin-right:-.3rem;}
.sidecasephone .title{font-size:.26rem; line-height:.84rem; padding:0 .3rem;}
.sidecasephone .bg{width:100%; overflow:hidden; position:relative;}
.sidecasephone .list{margin-right:-10%; padding:0 0 .3rem .1rem;}
.sidecasephone .imgdiv{padding-left:.2rem;}
.sidecasephone a.name{display:block; padding-left:.2rem; font-size:.22rem; height:.5rem; line-height:.5rem; overflow:hidden; text-align:center; color:#666;}

.about_01 .title h2{padding:.1rem 0 .2rem 0;}
.about_01 .title p{font-size:.24rem; line-height:.3rem; max-width:4.35rem; margin:0 auto; letter-spacing:1px;}
.about_01 .content{font-size:.24rem; line-height:.36rem;}
.about_01 .imglist li{width:50%;}
/**/
.about_01 .info{padding-bottom:.3rem;}
.about_01 .info dd{padding:0 .3rem; height:1.2rem; font-size:.22rem;}

.about_02 li{width:100%; padding:0 .5rem 0 2.2rem;}
.about_02 li:nth-child(odd){background:#fff;}
.about_02 li:nth-child(even){background:#f2f2f2;}
.about_02 p{font-size:.26rem; line-height:.32rem;}
.about_02 li:nth-child(6){display:none;}

.about_03{height:4.4rem; margin-bottom:.7rem;}
.about_03 .tel{display:none;}
.about_03 .layer{top:0px; padding-top:.9rem;}
.about_03 p{font-size:.22rem;}
.about_03 a.tel2{display:block; color:#18c4ff; font-weight:bold; font-size:.36rem; padding-bottom:.7rem;}
.about_03 dl{max-width:100%;}
.about_03 dd{padding:0 .45rem;}
.about_03 dd a{font-size:.26rem;}
.about_03 dd a span{padding-left:.5rem;}

.about_04{padding-top:.6rem;}
.about_04 ul{margin-right:-.35rem;}
.about_04 li{width:50%; padding:0 .35rem .3rem 0;}
.about_04 .title{top:.1rem; font-size:.26rem;}
.about_04 a{height:1rem; padding:0px;}
.about_04 a .name{border:0px; line-height:1rem; padding-left:.8rem;}
.about_04 a .name img{left:.24rem; top:.3rem;}
.about_04 a p{display:none;}
/**/
.about_04 a:hover{background:#008ebf; padding-top:0;}
.about_04 a:hover .name{font-size:.28rem; line-height:1rem; padding-left:.8rem;}
.about_04 a:hover .name .img2{width:.42rem; top:.3rem;}

.passwordlayer{width:5rem; padding:.5rem;}
.passwordlayer .name{font-size:.26rem; padding:0 0 .3rem 0;}
.passwordlayer .input{margin-bottom:.3rem;}
.passwordlayer .input input{height:.6rem; line-height:.6rem; font-size:.24rem;}
.passwordlayer .btn{width:2rem;}
.passwordlayer .btn1{height:.6rem;}

.page_01 .content .bg{padding:0 .2rem;}
.page_01 .content .bg span{display:block;}
/**/
.page_01 .content,
.page_02 .content,
.page_03 .content,
.page_04 .content{font-size:.22rem; line-height:.39rem;}

.recommendation li .bg{padding:.35rem .3rem .35rem 2rem; font-size:.22rem; line-height:.32rem;}
.recommendation .imgdiv{left:.3rem;}

.service li{background-size:0; background-position:500rem 500rem;}
.service .wal{min-height:1rem;}
.service .layer{left:0; top:0; width:100%; text-align:center; padding:.9rem 0 0 0;
transform: translate(0px, 0%);
-webkit-transform: translate(0px, 0%);
-moz-transform: translate(0px, 0%);
-o-transform: translate(0px, 0%);
-ms-transform: translate(0px, 0%);
}
.service .name a{font-size:.36rem; height:1.55rem;}
.service .name div{margin:0 auto;}
.service .name a:before{left:50%; margin-left:-.4rem;}
.service .msg{font-size:.22rem; line-height:.32rem; padding:.15rem 0 .5rem 0;}
.service .msg span{display:block;}
.service .btn a{font-size:.26rem; width:2.6rem; line-height:.6rem; position:absolute; top:6.6rem; right:.3rem;}
.service li:nth-child(even) .layer{left:0;}
.service li:nth-child(even) .btn a{background:#fff; color:#008ece;}

.partner li{padding:.3rem .3rem .3rem 1.5rem;
-moz-border-radius:.3rem;
-webkit-border-radius:.3rem;
border-radius:.3rem;
}
.partner .imgdiv{left:.2rem; top:.2rem;}
.partner .name a{display:block; font-size:.3rem; padding-bottom:.2rem;}
.partner p{font-size:.22rem; line-height:.32rem; padding-top:.2rem;}

.advantage{padding:.2rem 0 .6rem 0; width:100%; overflow:hidden; position:relative;}
.advantage .imgdiv{width:100%; height:auto; position:relative;}
.advantage .imgdiv img{display:block;}
.advantage div.list{min-height:1rem; padding:.25rem .5rem;}
.advantage div.list p{font-size:.22rem; line-height:.4rem;}
.advantage li:nth-child(odd) .wal{padding-left:0;}
.advantage li:nth-child(odd) .imgdiv{left:0; margin-left:0;}
.advantage li:nth-child(even) .wal{padding-right:0;}
.advantage li:nth-child(even) .imgdiv{right:0; margin-right:0;}
.advantage li:nth-child(1) .wal{padding:0;}
.advantage li:nth-child(1) div.list{background:none; padding:.25rem .5rem; margin-left:0;}

.job_01{min-height:9.2rem;}
.job_01 li{width:2.6rem; height:2.26rem;}
.job_01 li h2{padding:.8rem 0 .05rem 0;}
.job_01 li:nth-child(3){left:2.21rem;}
.job_01 li:nth-child(4){left:4.39rem;}
.job_01 li:nth-child(5){left:4.39rem;}
.job_01 li:nth-child(6){left:2.21rem; top:3.9rem;}
.job_01 li:nth-child(7){left:0; top:5.2rem;}
.job_01 li:nth-child(8){left:4.39rem; top:5.2rem;}
.job_01 li:hover h2{padding:.65rem 0 .3rem 0;}

.job li{width:100%;}
.job li:nth-child(odd){background:#fff;}
.job li:nth-child(even){background:#f2f2f2;}
.job .name a{font-size:.3rem;}
.job p{font-size:.22rem; line-height:.32rem; padding-bottom:.3rem;}

.law .title{font-size:.32rem;}
.law .content{padding:.15rem .5rem .5rem .5rem; font-size:.22rem; line-height:.42rem;}
.law .content h5{font-size:.26rem;}

.contact .list .line{display:none;}
.contact .list ul{margin-right:0;}
.contact .list li{padding-right:0; width:100%; padding-bottom:.3rem;}
.contact .list li:nth-child(1),
.contact .list li:nth-child(2),
.contact .list li:nth-child(3),
.contact .list li:nth-child(5){width:100%; order:0; padding-left:0px;}
.contact .list li:nth-child(2){border-bottom:#bcbcbd solid 1px; margin-bottom:.5rem;}
.contact .list h2{font-size:.32rem;}
.contact .list p{font-size:.24rem; line-height:.4rem; padding:.2rem 0;}

.sidemap ul{margin-left:-.25rem; margin-right:-.25rem;}
.sidemap li{width:33.333%; padding:0 .25rem .4rem .25rem;}
.sidemap h5{font-size:.3rem; height:.6rem;}
.sidemap dd a{font-size:.22rem; height:.43rem; line-height:.43rem;}
.sidemap .imgdiv{display:none;}

.payment{background-position:center bottom;}
.payment .msg{font-size:.26rem;}
.payment ul{padding:0 0 1.5rem .5rem;}
.payment li{width:100%; float:none; min-height:1rem; padding-bottom:.3rem;}
.payment li h2{font-size:.28rem;}
.payment li .content{font-size:.22rem; line-height:.36rem; color:#666;}
.payment li .content p{padding-bottom:.3rem;}
.payment li:nth-child(1),
.payment li:nth-child(3){width:100%;}

.faqtag ul{flex-wrap:wrap; padding-top:.15rem;}
.faqtag li{padding:.15rem .05rem 0 .05rem;}
.faqtag a{line-height:.32rem; font-size:.18rem; padding:0 .2rem;}
.faqtag li:nth-child(3) a,
.faqtag li:nth-child(7) a,
.faqtag li:nth-child(9) a{line-height:.5rem; font-size:.24rem;}

.faq .close{font-size:.2rem;}
.faq .name{font-size:.24rem; padding:.2rem .3rem .2rem .37rem;}
.faq .content{font-size:.2rem; line-height:.3rem;}

.pagetitle{font-size:.32rem;}

.evaluation .info{position:relative; left:0; top:0; padding:.3rem; border-left:0; font-size:.2rem; line-height:.36rem; text-align:center;}
.evaluation .list{padding:.3rem 0 0 0;}
.evaluation li{padding-left:1.6rem; padding-bottom:.05rem;}
.evaluation li em{left:.3rem; font-size:.24rem; line-height:.36rem;}
.evaluation dl{font-size:.2rem;}
/**/
.evaluation .dl_01 dd{width:1.3rem;}
.evaluation .dl_01 img{top:.17rem;}
/**/
.evaluation .dl_02{padding-right:.4rem;}
.evaluation .dl_02 dd{line-height:.34rem; margin-right:.1rem; margin-bottom:.2rem;}
/**/
.evaluation .btn{height:1.8rem; padding:.2rem 0 0 1.6rem;}
.evaluation .btn a{font-size:.28rem; width:3rem; line-height:.7rem;}
.evaluation .btn span{height:.7rem;}

.evaluationlayer{width:5.6rem; background:#fff; padding:0 .25rem;}
.evaluationlayer .msg{font-size:.26rem; line-height:.4rem; padding:.35rem 0 .25rem 0;}
.evaluationlayer .msg h2{font-size:.26rem;}
.evaluationlayer .msg p{font-size:.2rem;}
/**/
.evaluationlayer .form li{min-height:.7rem; padding-left:1.3rem;}
.evaluationlayer .form em{line-height:.55rem; font-size:.24rem;}
.evaluationlayer .form .input1{line-height:.53rem; height:.55rem; font-size:.2rem;}
.evaluationlayer .form .btn{width:1.9rem;}
.evaluationlayer .form .btn1{height:.6rem; font-size:.3rem;}
.evaluationlayer .info{text-align:center; font-size:.2rem;}
/**/
.evaluationlayer .btndiv{position:relative; top:0; left:0; width:auto; margin-left:-.25rem; margin-right:-.25rem; height:1.5rem; padding-top:.5rem;}
.evaluationlayer .btndiv .li_02 a{position:absolute; top:.5rem; right:0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-moz-border-bottom-left-radius:.5rem;
-webkit-border-bottom-left-radius:.5rem;
border-bottom-left-radius:.5rem;
-moz-border-top-left-radius:.5rem;
-webkit-border-top-left-radius:.5rem;
border-top-left-radius:.5rem;
}
/**/
.evaluationing{text-align:center; font-size:.17rem;}
.evaluationing .img{width:1.41rem; margin:0 auto; padding:1.85rem 0 .42rem 0;}

.process .list{padding:0;}
.process li{width:100%; height:3rem; border-right:0px;}
.process .imgdiv{left:0; top:0;}
.process .msg,
.process li:nth-child(even) .msg{flex-direction:column; align-items:flex-start; justify-content:center; font-size:.22rem; line-height:.4rem; padding-left:3.2rem; bottom:0; height:100%;}
.process .msg img{margin-bottom:.2rem;}
.process .box{padding:.6rem 0 0 0;}
.process .img{width:4.14rem;}
.process .info{right:.2rem; width:2.5rem; background-size:2.5rem; padding:.75rem 0 0 .3rem; font-size:.2rem; line-height:.36rem;}
.process .info b{display:block;}

.customized li{width:100%;}
.customized .name a{font-size:.32rem;}
.customized a.btn{right:.2rem; font-size:.2rem;}

.customizedform1{padding:0 .3rem .5rem 1rem;}
.customizedform1 .msg{font-size:.2rem; line-height:.35rem;}
.customizedform1 li{min-height:.7rem;}
.customizedform1 .li_01{padding-left:2.2rem;}
.customizedform1 .li_02{padding-left:1.2rem;}
.customizedform1 .li_03{padding-left:0;}
.customizedform1 .li_03 em.name{position:relative; display:block;}
.customizedform1 b{left:-.7rem; line-height:.51rem; font-size:.22rem;}
.customizedform1 .name{font-size:.22rem; line-height:.51rem;}
.customizedform1 .input1{height:.51rem; line-height:.5rem; font-size:.2rem;}
/**/
.customizedform1 .radiodl dd{min-height:.51rem; font-size:.22rem;}
.customizedform1 .radiodl .dd_01{padding-bottom:.3rem;}
.customizedform1 .radiodl label{height:.51rem; line-height:.51rem;}
/**/
.customizedform1 .radiodl-1 label,
.customizedform1 .radiodl-2 label{height:.51rem; line-height:.51rem;}
/**/
.customizedform1 .radiodl-2 .input1,
.customizedform1 .radiodl-2 .input1-2,
.customizedform1 .radiodl-2 .input1-3{position:relative; width:100%;}
.customizedform1 .radiodl-2 span.red{line-height:.51rem;}
.customizedform1 .file{position:relative; left:0; top:.6rem; width:2rem; height:.55rem; line-height:.55rem; font-size:.2rem; margin-bottom:.5rem;}

.customizedform2{padding:.5rem 0;}
.customizedform2 li{padding:0 .3rem .2rem 1.75rem;}
.customizedform2 em{width:1.6rem; line-height:.6rem; font-size:.22rem;}
.customizedform2 .input{min-height:.6rem;}
.customizedform2 .input b{line-height:.6rem;}
.customizedform2 .input1{height:.58rem; line-height:.58rem; font-size:.2rem; padding:0 .2rem;}
.customizedform2 textarea.input1{padding:.1rem .2rem;}
.customizedform2 dl{flex-wrap:wrap;}
.customizedform2 dd{width:33.333%;}
.customizedform2 .dd_01{width:100%;}
.customizedform2 .select{line-height:.58rem; padding:0 .2rem; font-size:.2rem; margin-bottom:.2rem;}
.customizedform2 .libtn div{width:1.6rem;}
.customizedform2 .libtn .btn1{font-size:.26rem; height:.55rem;}

.pageback a{line-height:.38rem; width:1.9rem; font-size:.2rem;}
.pageback a span{height:.38rem; background-size:.22rem;}

.newsclass{height:1.2rem; max-width:4.9rem;}
.newsclass li{min-height:.63rem;}
.newsclass .name{font-size:.26rem; line-height:.63rem;}
.newsclass .list{width:7rem;}
.newsclass li:nth-child(1) .list{left:-1.05rem;}
.newsclass li:nth-child(2) .list{left:-2.3rem;}
.newsclass li:nth-child(3) .list{left:-3.5rem;}
.newsclass li:nth-child(4) .list{left:-4.7rem;}
.newsclass dd{line-height:.45rem;}
.newsclass dd a{font-size:.22rem;}

.customer{background:none;}
.customer .tips2{background:#00b0ec; color:#e2e2e2; font-size:.22rem; padding:.3rem;}
.customer .tips2 a{font-size:.32rem; color:#e2e2e2;}
.customer .tips2 a.back{display:none;}
.customer .tips2 h2{font-weight:400; font-size:.42rem; padding:.12rem 0; color:#fff;}
.customerfoot{position:fixed; z-index:20; left:0px; bottom:0px; width:100%; background:#fff; height:1.77rem; border-top:#ccc solid 1px;}
.customerfoot dl{height:.87rem; padding:.17rem 0 0 .3rem; border-bottom:#ccc solid 1px;}
.customerfoot dd{float:left; padding-right:.18rem;}
.customerfoot dd a{display:block; font-size:.26rem; background:#fff; line-height:.5rem; border:#ccc solid 1px; padding:0 .32rem;}
.customerfoot textarea{width:100%; height:.86rem; line-height:.86rem; padding:0 .4rem; font-size:.26rem; color:#97999a;}
.customerfoot .btn{position:absolute; right:0px; bottom:0px; width:1.12rem; height:.86rem; background:url(/uploads/image/p/image/img50.png) center no-repeat; background-size:.5rem;}
.customerfoot .btn1{width:100%; height:.86rem;}
/**/
.customer .container{display:block;}
.customer .container-1{background:none; border:0px; position:absolute; z-index:15; left:0px; top:3rem; background:url(/uploads/image/p/image/bg1.jpg); background-size:.82rem; min-height:65vh; float:none; width:100%; opacity:0; visibility:hidden;}
.customer .container-1.on{opacity:1; visibility:visible;}
.customer .srcoll{height:65vh; margin-right:0;}
.customer .listd{padding-bottom:1rem;}
/**/
.customer .listd .content{font-size:.22rem; line-height:.34rem;}
.customer .listd .msg{display:none;}
.customer .listd .btn a{height:.5rem; font-size:0px; color:rgba(0,0,0,0); padding-top:0; background-position:center;}
/**/
.customer .container-2{width:100%; background:none; border:0px;}
.customer .container-2 .title{font-size:.32rem; color:#333; line-height:.88rem; background:#fff;}
.customer .container-2 .list2{height:60vh; overflow-y:auto; padding-bottom:.3rem;}
.customer .container-2 .list2 a{line-height:.75rem; font-size:.3rem;}

.news li{width:50%;}
.news .name{font-size:.22rem; height:.6rem; line-height:.6rem;}
.news .time{height:.4rem; font-size:.18rem;}

.encyclopedias{width:100%;}
.encyclopedias dl{padding:.4rem 0 .35rem 3.5rem; min-height:2.7rem;}
.encyclopedias dt{width:3.2rem;}
.encyclopedias dd .name a{font-size:.28rem; min-height:1.2rem;}
.encyclopedias dd .time{font-size:.2rem; font-size:.18rem;}
.encyclopedias dd p{display:none;}
.encyclopedias .btn a{line-height:.38rem; width:1.9rem; font-size:.18rem;}
.encyclopedias li .name a{font-size:.28rem; line-height:.45rem; height:.45rem;}
.encyclopedias li p{font-size:.22rem; line-height:.26rem; height:.26rem;}
.encyclopedias li .name a,
.encyclopedias li p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.newside{width:100%;}
.newside .title{height:.8rem; font-size:.26rem; padding:.35rem 0 0 .38rem; margin-bottom:.2rem;}
.newside li a{height:.5rem; line-height:.5rem; font-size:.22rem;}
.newside .pageback{top:0px; text-align:left; padding:.45rem 0;}

.newshow{width:100%;}
.newshow .title{font-size:.36rem;}
.newshow .time{font-size:.2rem; padding:.2rem 0 .3rem 0;}
.newshow .share{top:1.1rem;}
.newshow .share li{font-size:.22rem;}
.newshow .share a{width:.36rem; height:.36rem;}
.newshow .content{font-size:.24rem; line-height:.4rem; padding:.4rem 0;}

.pagenum2{font-size:.24rem; line-height:.5rem;}


/*首页*/
/*.indexflash{height:auto;}
.indexflash .phoneimg{display:block;}
.indexflash .bg, .indexflash .wal{display:none;}*/
.indexflash,
.indexflash .bg, .indexflash .wal{height:22.5vh; min-height:3rem;}
/**/
.indexflash .slick-1 .img-1{left:.66rem; top:.1rem; width:.56rem;}
.indexflash .slick-1 .img-2{left:1.32rem; top:.3rem; width:.3rem;}
.indexflash .slick-1 .img-3{left:1.65rem; top:.3rem; width:.22rem;}
.indexflash .slick-1 .img-4{left:2.05rem; top:.3rem; width:.19rem;}
/**/
.indexflash .slick-2 .img-1{left:15.333%; top:.5rem; width:5.25rem;}
.indexflash .slick-2 .img-2{left:11.733%; top:1.89rem; width:6.36rem;}
.indexflash .slick-2 .img-3{left:5.6%; top:1.5rem; width:2.22rem;}
.indexflash .slick-2 .img-4{left:44.133%; top:2.15rem; width:1.84rem;}
/**/
.indexflash .slick-3 .img-1{width:4.98rem; height:4.98rem;}
.indexflash .slick-3 .img-2{left:22.666%; top:.06rem; width:4.11rem;}
.indexflash .slick-3 .img-3{left:5.6%; top:0; width:6.11rem;}
/**/
.indexflash .slick-4 .img-1{left:18%; top:.28rem; width:4.6rem;}
.indexflash .slick-4 .img-2{left:-.5rem; width:1.8rem;}
.indexflash .slick-4 .img-3{left:67.333%; width:2.3rem;}
.indexflash .slick-4 .img-4{left:22.666%; top:1rem; width:3.37rem;}
/**/
.indexflash .slick-arrow{opacity:0; visibility:hidden;}

.indexservicephone{text-align:center; min-height:1rem; position:relative; padding:.65rem 0 1.25rem 0;}
.indexservicephone .slick a{display:block;}
.indexservicephone .img{width:1.6rem; margin:0 auto;}
.indexservicephone a h2{font-weight:400; font-size:.26rem; color:#008ece; position:relative; padding:.15rem 0 .35rem 0;}
.indexservicephone a h2:before{content:""; display:block; position:absolute; left:50%; bottom:0; width:1px; height:.25rem; background:#008ece;}
.indexservicephone a p{color:#666; font-size:.22rem; line-height:.32rem; padding-top:.1rem;}
/**/
.indexservicephone .slick-dots{position:absolute; z-index:10; left:0px; bottom:.4rem; font-size:0px; text-align:center; width:100%;}
.indexservicephone .slick-dots li{display:inline-block; width:.48rem; height:.48rem; line-height:.4rem; background:#f5f5f5; border:#bcbcbc solid .04rem; margin:0 .08rem; font-size:.22rem;}
.indexservicephone .slick-dots .slick-active{color:#fff; background:#008ece; border-color:#008ece;}

.indextitle .title{margin-left:-.3rem; margin-right:-.3rem;}
.indextitle .msg{font-size:.22rem; line-height:.32rem;}
.indextitle .bg{padding:0 .55rem;}

.indextab{height:1.3rem; padding-top:.5rem;}
.indextab li{display:block; float:left; width:25%; font-size:.26rem; height:1rem; position:relative; padding:.45rem 0 0 0;}
.indextab2 li{width:33.33%;}
.indextab2 li:nth-child(4){width:34%; margin-left: 1rem;}
.indextab2 li:nth-child(5){width:37%;}
.indextab img{width:.46rem; right:50%; margin-right:-.23rem; position:absolute;}

.pagemore{padding-top:.2rem; background-image:url(/uploads/image/p/image/img672.png);}
.pagemore a{font-size:.22rem; width:1.66rem; line-height:.44rem;}

.indextitle2{height:1rem;}
.indextitle2 h2{bottom:.1rem;}
.indextitle2 ul li{margin-left:.78rem; font-size:.38rem; height:.8rem; line-height:.8rem;}
.indextitle2 a{bottom:.13rem; font-size:.22rem;}

.indexabout{width:100%;}
.indexabout .slick-dots{right:.1rem;}
.indexabout .fl.imglist{width:100%;}
.indexabout .box .fr{width:100%; min-height:1rem; top:0; padding-top:2rem;}
.indexabout .box p{font-size:.24rem; line-height:.32rem;}
.indexabout .content{padding-top:.24rem;}
.indexabout .pagemore{height:1rem; padding-top:.3rem;}

.indexnews{width:100%;}
.indexnews .phonelist{margin-left:-.3rem; margin-right:-.3rem;}
.indexnews .encyclopedias{padding:0 .3rem;}
.indexnews .slick-dots{font-size:0px; text-align:center; padding-top:.3rem;}
.indexnews .slick-dots li{display:inline-block; width:.05rem; height:.05rem; background:#008ece; margin:0 .03rem;}
.indexnews .slick-dots .slick-active{width:.36rem;}

.indexh5{background-image:url(/uploads/image/p/image/img750.jpg);}
.indexh5 .wal{padding-top:1rem;}

.indexcustomer .info{padding-bottom:.2rem;}
.indexcustomer dd{height:1.2rem; font-size:.22rem; padding:0 .3rem;}
.indexcustomer dd:before{display:none;}
/**/
.indexcustomer li{width:16.666%;}
/*.indexcustomer li:nth-child(6){border-top:#999 dashed 1px;}*/
.indexcustomer li:nth-child(6n 1){border-left:#999 dashed 1px;}
.indexcustomer li:nth-child(6n 1){border-left:0px;}
.indexcustomer li:nth-child(19),
.indexcustomer li:nth-child(20){display:block;}

.indexcontact{padding-top:0;}
.indexcontact li{width:50%; min-height:1.7rem; font-size:.18rem; line-height:.28rem; top:.45rem;}
.indexcontact li:before{display:none;}
.indexcontact li h2{font-size:.24rem; padding-bottom:.1rem;}
.indexcustomer li a{width:100%;}
.time_view{font-size:13px; color:#999;}
.time_view span{position: relative;width: 24px;
height: 15px;}
/*20180608-------------------*/
	.indexbrand .fl, .indexbrand .fr{width: 100%;}
	.indexbrand .fr ul{margin-left: -.2rem;}
	.indexbrand .fr li{padding: .2rem 0 .2rem .2rem; float: left; width: 50%;}

	.brand_01{
		margin-left: -.3rem; margin-right: -.3rem; padding: 0 .3rem;
	}
	.brand_01 .list{
		position: relative; top:-1rem; min-height: 3.3rem;
	}
	.brand_01 li{
		width: 33.333%; padding: .63rem .3rem 0 .3rem;
	}
	.brand_01 p{
		font-size: .2rem; text-align: justify;
	}
	.brand_01 h2{
		font-size: .28rem; height: .6rem;
	}

	.brand_02{margin-top: -.5rem;}
	.brand_02 .img{padding-bottom: .15rem;}
	.brand_02 ul{margin-right: -.15rem;}
	.brand_02 li{padding: 0 .15rem .15rem 0;}

	.brandflash{
		height: 360px;
	}
	#slider{width:896px; height:360px; margin-left: -448px;}

/*2019-3-14*/
	.marketingtitle{font-size: .18rem}
	.marketingtitle h2{font-size: .36rem}
	.marketingmsg{font-size: .24rem; line-height: .4rem; text-align: left}
	.marketingmsg-2{padding-left: .3rem; padding-right: .3rem}

	.marketing_01 .list{min-height: 1.64rem}
	.marketing_01 li a{height: 1.64rem; padding-top: .2rem}
	.marketing_01 li a:before{display: none}
	.marketing_01 li .img{width: 1rem}
	.marketing_01 li h2{font-size: .18rem}

	.marketing_02 .list{min-height: 7.45rem}
	.marketing_02 .list:before{height: 5.7rem; width: 3.44rem; margin-left: -1.72rem}
	.marketing_02 .list h2.title{display: block; position: absolute; left: 50%; top: 1.06rem; width: 2rem; margin-left: -1rem; opacity: .5}
	.marketing_02 .container{width: 3.44rem; height: 3.44rem}
	.marketing_02 .container .title{display: none}
	.marketing_02 .container li{width: 1.5rem; letter-spacing: 0}
	.marketing_02 .container li .name{font-size: .3rem}
	.marketing_02 .container dd{font-size: .2rem; line-height: .28rem; top: 0}
	.marketing_02 .container-1{margin-left: -1.72rem; top: 0}
	.marketing_02 .container-1:before{background-image: }
	.marketing_02 .container-1 li.li_01{top: .38rem; right: 3.33rem}
	.marketing_02 .container-1 li.li_02{top: 1.61rem; right: 3.78rem}
	.marketing_02 .container-1 li.li_03, .marketing_02 .container-1 li.li_04{right: auto; text-align: left}
	.marketing_02 .container-1 li.li_03 .img, .marketing_02 .container-1 li.li_04 .img{right: auto; left: -.56rem}
	.marketing_02 .container-1 li.li_03 dd, .marketing_02 .container-1 li.li_04 dd{padding: 0 0 0 .18rem; background-position: left center}
	.marketing_02 .container-1 li.li_04{top: .38rem; left: 3.33rem}
	.marketing_02 .container-1 li.li_03{top: 1.61rem; left: 3.78rem}
	.marketing_02 .list .container-2 h2.title{top: 1.95rem}
	.marketing_02 .container-2{margin-right: -1.72rem; top: 2.26rem}
	.marketing_02 .container-2:before{background-image: }
	.marketing_02 .container-2 li.li_01, .marketing_02 .container-2 li.li_02{text-align: right; left: auto}
	.marketing_02 .container-2 li.li_01 .img, .marketing_02 .container-2 li.li_02 .img{left: auto; right: -.56rem}
	.marketing_02 .container-2 li.li_01 dd, .marketing_02 .container-2 li.li_02 dd{padding: 0 .18rem 0 0; background-position: right center}
	.marketing_02 .container-2 li.li_02{top: 1.4rem; right: 3.78rem}
	.marketing_02 .container-2 li.li_01{top: 2.87rem; right: 3.06rem}
	.marketing_02 .container-2 li.li_03{top: 1.4rem; left: 3.78rem}
	.marketing_02 .container-2 li.li_04{top: 2.87rem; left: 3.06rem}
	.marketing_02 .ico{width: .8rem; top: 2.5rem; margin-left: -.4rem}
	.marketing_02 .btn a{top: 6.12rem}

	.marketing_03, .marketing_03 .wal{min-height: 7rem}
	.marketing_03:before{height: 5.74rem; bottom: -1.6rem; background-image: }
	.marketing_03 .btn a{bottom: -1.9rem}
	.marketing_03 .list li{width: 1.56rem; background-size: 100%; position: absolute; background-image: ; height: 4.24rem}
	.marketing_03 .list li:nth-child(1){left: 50%; top: .37rem; margin-left: -3.55rem}
	.marketing_03 .list li:nth-child(2){left: 50%; top: 3.6rem; margin-left: -2.24rem}
	.marketing_03 .list li:nth-child(3){left: 50%; top: 0; margin-left: -.78rem}
	.marketing_03 .list li:nth-child(4){right: 50%; top: .37rem; margin-right: -3.55rem}
	.marketing_03 .list li:nth-child(5){right: 50%; top: 3.6rem; margin-right: -2.24rem}
	.marketing_03 .list li:after{width: 1.93rem; background-image: ; margin-left: -.96rem; opacity: 1; top: -.17rem}
	.marketing_03 .list .img{width: 1.56rem; padding: 0}
	.marketing_03 .list .name{padding: .1rem .24rem 0 .24rem; font-size: .24rem; letter-spacing: 0; line-height: .3rem}
	.marketing_03 .list p{font-size: .18rem; width: 1.3rem}
	.marketing_03 .list2{background-image: ; height: 4.43rem; top: 3.75rem; width: 7.4rem; left: 50%; margin-left: -3.7rem}
	.marketing_03 .list2 li.li_01{margin-left: -2.7rem}
	.marketing_03 .list2 li.li_03{width: .6rem; margin-left: -3.3rem}
	.marketing_03 .list2 li.li_04{top: 0; margin-left: -1.95rem}
	.marketing_03 .list2 li.li_05{width: .4rem; margin-left: -.2rem}
	.marketing_03 .list2 li.li_06{width: .6rem; top: 3.4rem; margin-left: -.3rem}
	.marketing_03 .list2 li.li_07{margin-left: .3rem}
	.marketing_03 .list2 li.li_08{margin-left: 2.3rem}
	.marketing_03 .list2 li.li_09{width: .6rem; top: 2.4rem}
	.marketing_03 .list2 li.li_11{margin-left: 3.2rem}

	.marketing_04{min-height: 15.4rem; padding: 2rem 0 .9rem 0}
	.marketing_04 .wal{margin: 0}
	.marketing_04 .marketingmsg{padding: .45rem .3rem .65rem .3rem}
	.marketing_04 .map{width: 100%; overflow: hidden; position: relative}
	.marketing_04 canvas{width: 130%; position: relative; left: -20%}
	.marketing_04 .swiper-slide{height: 4.2rem}
	.marketing_04 .swiper-slide .name{font-size: .24rem; padding-top: .8rem}
	.marketing_04 .swiper-slide .name img{top: .3rem}
	.marketing_04 .swiper-slide p{font-size: .18rem; line-height: .28rem; padding: .25rem}
	.marketing_04 .arrow{margin-top: -.1rem}
	.marketing_04 .arrow.prev{left: .15rem}
	.marketing_04 .arrow.next{right: .15rem}

	.marketing_05.wal{margin: 0}
	.marketing_05 .marketingtitle{padding-bottom: .4rem}
	.marketing_05 .list{min-height: 7.8rem}
	.marketing_05 .list:before{top: 3.2rem; height: 2.96rem; background-image: }
	.marketing_05 .list .img{width: 3.06rem; margin-left: -1.53rem; top: 2.5rem}
	.marketing_05 .list .ico .ico-1{top: 3.9rem; margin-left: -3.5rem}
	.marketing_05 .list .ico .ico-2{top: 5.5rem; margin-left: -3rem}
	.marketing_05 .list .ico .ico-3{top: 3.52rem; margin-left: -2.72rem}
	.marketing_05 .list .ico .ico-4{top: 3.44rem; margin-left: 1.4rem}
	.marketing_05 .list .ico .ico-5{top: 5rem; margin-left: 2.4rem}
	.marketing_05 .list .ico .ico-6{top: 5.5rem; margin-left: 1.48rem}

	.marketing_05 .list li{width: 1.5rem}
	.marketing_05 .list li.li_01{margin-left: -3.6rem; top: 0}
	.marketing_05 .list li.li_02{margin-left: -.75rem; top: 0}
	.marketing_05 .list li.li_03{margin-left: 2.1rem; top: 0}
	.marketing_05 .list .name{height: 1.5rem; font-size: .24rem}
	.marketing_05 .list dl{top: .75rem; height: 3.82rem; background-image: ; padding: .9rem .16rem 0 .16rem; opacity: 1; visibility: visible}
	.marketing_05 .list dd{font-size: .18rem; height: auto; line-height: .22rem; padding: 0 0 .1rem .24rem; background-position: left .06rem}

	.marketing_06 .title{width: 4rem; height: 1.22rem; margin-left: -2rem; margin-top: -.61rem; font-size: .18rem; background-image: ; background-size: 100% 100%}
	.marketing_06 .title h2{padding: .2rem 0 .06rem 0}
	.marketing_06 ul{width: 100%; left: 0; margin-left: 0}
	.marketing_06 li{width: 11.111%}
	.marketing_06 ul:nth-child(4) li:nth-child(3),
	.marketing_06 ul:nth-child(4) li:nth-child(4),
	.marketing_06 ul:nth-child(4) li:nth-child(5),
	.marketing_06 ul:nth-child(4) li:nth-child(6),
	.marketing_06 ul:nth-child(4) li:nth-child(7),
	.marketing_06 ul:nth-child(5) li:nth-child(3),
	.marketing_06 ul:nth-child(5) li:nth-child(4),
	.marketing_06 ul:nth-child(5) li:nth-child(5),
	.marketing_06 ul:nth-child(5) li:nth-child(6),
	.marketing_06 ul:nth-child(5) li:nth-child(7),
	.marketing_06 ul:nth-child(6) li:nth-child(3),
	.marketing_06 ul:nth-child(6) li:nth-child(4),
	.marketing_06 ul:nth-child(6) li:nth-child(5),
	.marketing_06 ul:nth-child(6) li:nth-child(6),
	.marketing_06 ul:nth-child(6) li:nth-child(7),
	.marketing_06 ul:nth-child(7) li:nth-child(3),
	.marketing_06 ul:nth-child(7) li:nth-child(4),
	.marketing_06 ul:nth-child(7) li:nth-child(5),
	.marketing_06 ul:nth-child(7) li:nth-child(6),
	.marketing_06 ul:nth-child(7) li:nth-child(7){opacity: 0}

	.marketing_07 .encyclopedias{width: 100%}

/*2019-3-14end*/


}
@media screen and ( max-width:400px ){
html{font-size:50px;}
}
@media screen and ( max-width:550px ){
.wal{margin:0 .3rem;}
.wal2{margin:0 .3rem;}
.service .wal,
.advantage .wal,
.customer .wal{margin:0px;}
}
@media screen and ( max-width:350px ){
html{font-size:43px;}
}