@media screen and ( max-width:800px ){
html{font-size:56px;}
.wal{max-width:450px;}
.pcShow{display:none;}
.phoneShow{display:block;}
.head{box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;background-image:url(../images/header.png);}
.head .logo2{width: 3.3rem; height: .86rem;}
.head .logo1{width: 3.5rem; 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:.87rem; position:absolute; top:0px; right:-.3rem;bottom: 2px; background: url(../images/nava.png) center no-repeat; background-size:.48rem; z-index:1000;}
.navA.on{background-image:url(../images/close31_black.png); background-size:.42rem;}
.nav{position:fixed; left:auto; right:-5rem; width:5rem; height:100%; padding-top:.88rem;}
.nav.on{right:0px;width: 100%;}
.nav ul{position:relative; top:0px; height:100vh; overflow:hidden; overflow-y:auto;box-sizing: border-box; background:rgba(0,0,0,0.85);}
.nav ul .ul1{height: auto;background:rgba(255,255,255,1);padding: 10px 0px 25px 0;}
.nav .list{;border-bottom: none;width: 99%;margin: 0px auto;}
.nav li{float:none; position:relative;min-height: .78rem;padding: 0px;background: #f6f6f6;background-color:none;margin: 5px 10px 0px 10px;}
.nav li em{display:block; position:absolute; left:0px; top:.24rem; width:100%; height:.78rem; background:none;}
.nav a.name{width:100%; height:.78rem; line-height:.78rem; font-size:.38rem; color:#666;padding-left:.6em;text-align: left; background:#eee url(../images/menu+.png) right no-repeat; background-size:.78rem; background-position: right 0% bottom 50%;width: 100%;border-radius: 3px;margin: 5px auto 0px;}
.nav a.name i{display:none;}
.nav li:hover a.name, .nav a.name.on{padding-top:0;  background:#eee url(../images/menu+.png) right no-repeat; background-size:.78rem; background-position: right 0% bottom 50%;}
	
/**/
.nav li.on a.name{padding-top:0;  background:#aaa url(../images/menu-.png) right no-repeat; background-size:.78rem; background-position: right 0% bottom 50%;}
.nav li.on{background:none}
.nav li.on .list{height:auto;background:none;padding:0px; width: 96%;margin: 0px auto;}
/*
.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 li .list{position:relative; top:0; text-align:left; min-height:0; height:0px; overflow:hidden; opacity:1; visibility:visible;background: none;margin: 0;}
.nav dl{padding:5px 0 10px 0;background: #f8f8f8;height: auto;border-radius:0px 0px 3px 3px;border: 1px solid #ddd;border-top: none; margin: 0;}
.nav dd{display:inline-block; width: auto;margin-left: 0px; position: inherit;}
.nav dd a{height:.6rem; line-height:.6rem; font-size:.3rem; padding:0px 10px 0px 0px ; margin-left: .520rem; color: #444;border-bottom: 1px dotted #ccc;}
.nav dd a:before{display:none;}
.nav dl img{left:1.92rem; top:.10rem; margin-left:0;display: none;}
/**/
.head.on{background:rgba(255,255,255,0.99);}
.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;margin:0 10px}

.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(../images/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(../images/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;display: none}
.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(../images/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(../images/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(../images/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(../images/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(../images/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:14px; 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(../images/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(../images/bg_01.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: url("../images/img344_1.png")}
	.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: url("../images/img344_2.png")}
	.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: url("../images/img574.png")}
	.marketing_03 .btn a{bottom: -1.9rem}
	.marketing_03 .list li{width: 1.56rem; background-size: 100%; position: absolute; background-image: url("../images/img156.png"); 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: url("../images/img193.png"); 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: url("../images/img743.png"); 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: url("../images/img731.png")}
	.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: url("../images/img150.png"); 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: url("../images/img419.png"); 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;}
}