.page404{background:url(/uploads/image/p/image/page404.png) center top no-repeat; background-size:19.2rem; width:100%; overflow:hidden; position:relative;}
.page404 .wal{min-height:7.9rem; position:relative;}
.page404 .tips{font-size:.16rem; color:#505050; line-height:.38rem;}
.page404 .tips h2{font-weight:400; font-size:.38rem; padding:5.5rem 0 .05rem 0;}
.page404 .imglist{position:absolute; right:0px; bottom:0px; background:url(/uploads/image/p/image/img779.png) center no-repeat; background-size:cover; width:7.79rem; height:7.75rem; padding:.8rem .72rem 0 .85rem;}
.page404 .imglist a.btn{display:block; text-align:center; color:#fff; width:100%; font-size:.25rem; line-height:.62rem; position:absolute; left:0px; bottom:1.56rem;}
.page404 .case{padding:0px; margin-left:-.05rem; margin-right:-.05rem;}
.page404 .case li{padding:0 .05rem; margin-bottom:.1rem;}
.page404 .case a.name{font-size:.18rem; margin-bottom:.15rem;}
.caseclass{padding:.4rem 0 .1rem 0; border-bottom:#999 dashed 1px;}
.caseclass li{min-height:.48rem; position:relative; padding-left:.98rem;}
.caseclass img{width:.23rem; position:absolute; left:0px; top:0px;}
.caseclass em{position:absolute; left:.32rem; top:0px; font-size:.16rem; line-height:.23rem;}
.caseclass dl{display:flex; flex-wrap:wrap;}
.caseclass dd{padding:0 20px .15rem 0; float: left;}
.caseclass dd a{display:block; font-size:.14rem; line-height:.4rem; padding:0 .35rem;color: #ffffff;background: #c6c6c6;}
.caseclass dd a:hover, .caseclass dd a.on{background:#00b0ec; color:#fff;}
.caseclass .msg{display:none;}
.case{padding-top:.38rem; margin-left:-.1rem; margin-right:-.1rem;}
.case li{width:33.333%; padding:0 .1rem; position:relative; margin-bottom:.2rem; float:left;}
.case .imgdiv{position: relative}
.case .imgdiv:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .7); opacity: 0}
.case .layer{position:absolute; left:0px; top:60%; width:100%; text-align:center; color:#fff; opacity:0;}
.case .layer a{color:#fff;}
.case a.name{display:block; font-size:.24rem; position:relative; padding-bottom:.36rem;}
.case a.name:before{content:""; display:block; position:absolute; left:50%; bottom:0px; width:1px; height:.24rem; background:#fff;}
.case p{padding:.1rem .48rem .27rem .48rem; font-size:.14rem; line-height:.21rem;}
.case a.more{display:inline-block; width:1.17rem; line-height:.3rem; background:#00b0ec; letter-spacing:.02rem;}
.case li.on .layer{opacity:1; top:50%}
.case li.on .imgdiv:before{opacity: 1}
.sidecase li{width:100%;}
.footstandard{min-height:2rem; background:#fff; margin-bottom:.5rem;}
.footstandard .title{text-align:center; line-height:1.12rem; font-size:.36rem; background:#00b0ec; color:#fff; letter-spacing:.02rem;
-moz-border-top-left-radius:.1rem;
-webkit-border-top-left-radius:.1rem;
border-top-left-radius:.1rem;
-moz-border-top-right-radius:.1rem;
-webkit-border-top-right-radius:.1rem;
border-top-right-radius:.1rem;
}
.footstandard .list{width:100%; overflow:hidden; position:relative;}
.footstandard ul{margin-right:-1px;}
.footstandard li{float:left; width:25%; position:relative; top:-1px; border-top:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; height:2.82rem; text-align:center; padding-top:.6rem;}
.footstandard .name{font-weight:600; font-size:.22rem; height:.7rem; padding-top:.18rem; position:relative;}
.footstandard .name:before{content:""; display:block; position:absolute; left:50%; bottom:.12rem; width:.18rem; height:1px; background:#00b0ec; margin-left:-.09rem;}
.footstandard img{width:.65rem;}
.footstandard p{font-size:.14rem; line-height:.21rem; color:#666;}
.footstandard li.on{padding-top:.5rem;}
.footstandard li.on .name{height:.88rem;}
.footstandard li.on .name:before{width:.28rem; margin-left:-.14rem; bottom:.2rem;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
.caseshow{width:28.5%; padding-left:.36rem;}
.caseshow .title{font-size:.28rem; padding:.4rem 0 .1rem 0;}
.caseshow .tag{min-height:.5rem; padding-bottom:.1rem; font-size:0px;}
.caseshow .tag a{display:inline-block; margin-right:.07rem; height:.22rem; line-height:.22rem; background:#c6c6c6; padding:0 .15rem; color:#fff; margin-bottom:.07rem; font-size:.12rem;}
.caseshow .tag a:hover{background:#1cb7ec;}
.caseshow .content{line-height:.18rem; color:#666; padding-bottom:1em; font-size:.13rem;}
.caseshow .content p{padding-bottom:1.5em;}
.caseshow .btn{height:.5rem; position:relative; border-bottom:#999 solid 1px;}
.caseshow .btn a{display:block; border:#727272 solid 1px; color:#666; line-height:.28rem; width:1.2rem; text-align:center; letter-spacing:.02rem;}
.caseshow .btn a span{display:inline-block; height:.28rem; background:url(/uploads/image/p/image/img16.png) right center no-repeat; background-size:.16rem; padding-right:.22rem;}
.caseshow .btn a.home1{background:#00b0ec; border-color:#00b0ec; color:#fff;}
.caseshow .btn a.home2:hover{background:#00b0ec; border-color:#00b0ec; color:#fff;}
.caseshow .btn a:hover span{background-image:url(/uploads/image/p/image/img16on.png);}
.caseshow .btn .back{position:absolute; top:0px; right:0px;}
/**/
.caseimg{width:71.5%; padding:.1rem 0 .6rem 0; position:relative;background-color: #f3f3f3; margin-top: .45rem;}
.caseimg .share{position:absolute; left:0px; bottom:.1rem; width:100%;}
.caseimg .share ul{display:flex; align-items:center;}
.caseimg .share li{font-size:.16rem; padding-right:.09rem;}
.caseimg .share a{display:block; width:.22rem; height:.22rem; background:#c6c6c6;}
.caseimg .share a:hover{background:#1cb7ec;}
.about_01 .title{text-align:center; padding:.55rem 0 .45rem 0;}
.about_01 .title img{width:.7rem;}
.about_01 .title h2{font-weight:400; font-size:.38rem; padding:.07rem 0 .1rem 0;}
.about_01 .title p{font-size:.16rem; color:#666;}
.about_01 .content{clear:both; text-align:center; font-size:.16rem; line-height:.3rem; color:#666; padding:0 0 .6rem 0;}
.about_01 .imglist{margin-right:-.1rem;}
.about_01 .imglist li{float:left; width:25%; padding:0 .1rem .08rem 0;}
.about_01 .h50{height:.8rem;}
.about_01 .info{min-height:1.5rem; font-size:0px; text-align:center;}
.about_01 .info dd{height:.9rem; position:relative; font-size:.16rem; letter-spacing:.03rem; display:inline-block; text-align:left; white-space:nowrap; padding:0 .5rem;}
.about_01 .info dd .name{color:#00b0ec;}
.about_01 .info dd b{font-size:.52rem; font-weight:400; display:inline-block; position:relative; top:.02rem; padding-right:.06rem;}
.about_01 .info dd b i{font-size:.36rem; display:inline-block; position:relative; top:-.2rem;}
.about_01 .info dd p{color:#666; position:relative; top:-.03rem;}
.about_02{padding-bottom:.9rem;}
.about_02 ul{display:flex; flex-wrap:wrap;}
.about_02 li{width:50%; height:2.78rem; position:relative; background:#fff; padding:0 .7rem 0 2.2rem;}
.about_02 li:nth-child(2), .about_02 li:nth-child(3){background:#f2f2f2;}
.about_02 li:nth-child(6){background:none; padding:0px;}
.about_02 .imgdiv{width:1.29rem; position:absolute; left:.5rem; top:50%;}
.about_02 .name{font-size:.38rem; color:#00b0ec; height:1.38rem; padding-top:.7rem; border-bottom:#ccc solid 1px;}
.about_02 p{font-size:.18rem; line-height:.24rem; padding-top:.18rem; color:#666;}
.about_02 li:hover{z-index:5;
-moz-box-shadow:0 0 .1rem rgba(0,0,0,0.25);
-webkit-box-shadow:0 0 .1rem rgba(0,0,0,0.25);
box-shadow:0 0 .1rem rgba(0,0,0,0.25);
}
.about_02 li:nth-child(6):hover{
-moz-box-shadow:0 0 0 rgba(0,0,0,0.25);
-webkit-box-shadow:0 0 0 rgba(0,0,0,0.25);
box-shadow:0 0 0 rgba(0,0,0,0.25);
}
.about_03{height:2.6rem; overflow:hidden; background:#000; text-align:center; color:#fff; position:relative; margin-bottom:.43rem;}
.about_03 .tel{display:block; position:absolute; z-index:5; top:0px; right:.32rem; border:#18c4ff solid .02rem; border-top:0px; width:2.6rem; line-height:.57rem; color:#18c4ff; font-size:.25rem; font-weight:bold;
-moz-border-bottom-left-radius:.1rem;
-webkit-border-bottom-left-radius:.1rem;
border-bottom-left-radius:.1rem;
-moz-border-bottom-right-radius:.1rem;
-webkit-border-bottom-right-radius:.1rem;
border-bottom-right-radius:.1rem;
}
.about_03 .tel span{display:inline-block; padding-left:.43rem; background:url(/uploads/image/p/image/img30.png) left center no-repeat; background-size:.3rem;}
.about_03 .layer{position:absolute; z-index:5; left:0px; top:0px; width:100%; padding-top:.4rem;}
.about_03 h2{font-weight:400; font-size:.38rem;}
.about_03 p{font-size:.14rem; padding:.1rem 0 .4rem 0;}
.about_03 dl{display:flex; max-width:9.6rem; margin:0 auto;}
.about_03 dd{width:50%; padding:0 .85rem; border-right:rgba(255,255,255,0.5) solid 1px;}
.about_03 dd a{display:block; height:.6rem; line-height:.6rem; background:#00b0ec; font-size:.22rem; color:#fff;}
.about_03 dd a span{display:inline-block; height:.6rem; background:url(/uploads/image/p/image/img36_1.png) left center no-repeat; background-size:.36rem; padding-left:.6rem;}
.about_03 dd a:hover{
-moz-box-shadow:0 0 .2rem #00b0ec;
-webkit-box-shadow:0 0 .2rem #00b0ec;
box-shadow:0 0 .2rem #00b0ec;
}
.about_03 dd:nth-child(2){border:0px;}
.about_03 dd:nth-child(2) a{background-color:#ff4200;}
.about_03 dd:nth-child(2) a span{background-image:url(/uploads/image/p/image/img36_2.png);}
.about_03 dd:nth-child(2) a:hover{
-moz-box-shadow:0 0 .2rem #ff4200;
-webkit-box-shadow:0 0 .2rem #ff4200;
box-shadow:0 0 .2rem #ff4200;
}
.about_03 video{width:100%; opacity:.5;}
.about_04{padding-top:.43rem; border-top:#ccc solid 1px; width:100%; overflow:hidden; position:relative;}
.about_04 ul{margin-right:-.19rem;}
.about_04 li{float:left; width:33.333%; position:relative; min-height:1rem; padding:0 .19rem .19rem 0;}
.about_04 .title{position:absolute; left:0px; top:.38rem; padding-left:.2rem; font-size:.18rem; line-height:.3rem; background:url(/uploads/image/p/image/img6.png) left center no-repeat; background-size:.06rem;}
.about_04 a{display:block; position:relative; background:#fff; height:1.4rem; padding:.12rem .78rem 0 .28rem; color:#999;}
.about_04 a i{display:block; position:absolute; top:0px; right:0px; width:.58rem; height:100%; background:rgba(0,0,0,0.16) url(/uploads/image/p/image/img19.png) center no-repeat; background-size:.19rem;}
.about_04 a .name{color:#00b0ec; font-size:.28rem; border-top:rgba(0,0,0,0) solid 1px; border-bottom:#ccc solid 1px; position:relative; line-height:.62rem; padding-left:.58rem;}
.about_04 a .name img{width:.42rem; position:absolute; left:0px; top:.1rem;}
.about_04 a .name .img2{opacity:0;}
.about_04 a p{font-size:.14rem; line-height:.22rem; position:absolute; left:0px; top:.84rem; padding:0 .7rem 0 .28rem;}
/**/
.about_04 a:hover{background:#008ebf; color:#fff; padding-top:.86rem;}
.about_04 a:hover .name{color:#fff; border-top-color:#ccc; border-bottom-color:rgba(0,0,0,0); font-size:.16rem; line-height:.53rem; padding-left:.35rem;}
.about_04 a:hover .name img{opacity:0;}
.about_04 a:hover .name .img2{opacity:1; width:.23rem; top:.15rem;}
.about_04 a:hover p{top:.2rem; font-size:.18rem;}
.about_04 a{
transition:color 0s ease;
-webkit-transition:color 0s ease;
-moz-transition:color 0s ease;
-o-transition:color 0s ease;
}
.passwordlayer{width:3.74rem; min-height:1.87rem; position:fixed; z-index:100; left:50%; top:50%; background:#fff; padding:.2rem .4rem; display:none;}
.passwordlayer .close{display:block; background:url(/uploads/image/p/image/img53.png) center no-repeat; background-size:cover; width:.53rem; height:.43rem; position:absolute; top:.15rem; right:-.53rem;}
.passwordlayer .name{font-size:.16rem; color:#666; padding:.05rem 0 .15rem 0;}
.passwordlayer .input{background:#ccc; margin-bottom:.15rem;}
.passwordlayer .input input{height:.46rem; line-height:.46rem; width:100%; padding:0 .24rem; font-size:.16rem;}
.passwordlayer .btn{width:1.36rem; margin-left:auto; background:#00b0ec;}
.passwordlayer .btn1{width:100%; height:.43rem; font-size:.24rem; color:#fff;}
.page_01{padding-bottom:.8rem; text-align:center;}
.page_01 .title{font-size:.38rem; padding:.5rem 0 .4rem 0; letter-spacing:.02rem;}
.page_01 .title div{width:.83rem; margin:0 auto; padding-bottom:.15rem;}
.page_01 .title2{font-size:.28rem; line-height:.42rem; padding:.2rem 0 .4rem 0; letter-spacing:.02rem;}
.page_01 .title2 h2{font-weight:400; font-size:.72rem; padding-bottom:.55rem; position:relative; letter-spacing:.05rem;}
.page_01 .title2 h2:before{content:""; display:block; position:absolute; left:50%; bottom:.03rem; width:1px; height:.38rem; background:#00b0ec;}
.page_01 .content{font-size:.14rem; line-height:.22rem; color:#666; max-width:9.55rem; margin:0 auto; background:url(/uploads/image/p/image/img22.png) left top no-repeat; background-size:.22rem;}
.page_01 .content .bg{background:url(/uploads/image/p/image/img22_5.png) right bottom no-repeat; background-size:.22rem;}
/**/
.page_02 .title div{width:1.14rem;}
.page_02 .content{font-size:.16rem;}
/**/
.page_03 .title div{width:.74rem;}
.page_03 .content{font-size:.18rem; line-height:.25rem;}
/**/
.page_04 .title div{width:.82rem;}
.page_04 .content{font-size:.18rem; line-height:.25rem;}
.recommendation li{padding-bottom:.4rem; background:url(/uploads/image/p/image/img40.png) center bottom no-repeat; background-size:100% .4rem;}
.recommendation li .bg{min-height:1.48rem; position:relative; background:#fff; padding:.95rem .6rem .35rem 2.25rem; font-size:.14rem; line-height:.24rem; color:#666;}
.recommendation .num{position:absolute; left:-.05rem; top:.15rem; font-size:.16rem; font-weight:bold; color:#fff; background:url(/uploads/image/p/image/img119.png) center no-repeat; background-size:cover; width:1.19rem; height:.42rem; padding-top:.12rem; text-align:center; text-transform:uppercase;}
.recommendation .imgdiv{position:absolute; left:.4rem; top:.9rem;}
.recommendation .imgdiv img{width:1.4rem; border:#7fd7f5 solid .06rem;}
.recommendation .msg{text-align:justify; padding-bottom:.3rem;}
.recommendation .info{text-align:right;}
.service li{background:center no-repeat; background-size:cover;}
.service .wal{min-height:5.5rem; position:relative;}
.service .layer{position:absolute; left:.9rem; top:50%; width:3.3rem; color:#666;}
.service .name a{color:#008ebf; font-size:.28rem; height:1.55rem; position:relative; display:block;}
.service .name div{padding-bottom:.18rem; width:.82rem;}
.service .name a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:.8rem; height:1px; background:#c3c6c5;}
.service .msg{font-size:.16rem; line-height:.24rem; padding:.15rem 0 .5rem 0;}
.service .btn a{display:block; font-size:.14rem; color:#fff; background:#008ebf; width:1.25rem; line-height:.28rem; text-align:center;}
.service li:nth-child(even) .layer{left:8.7rem; color:#fff;}
.service li:nth-child(even) .name a{color:#fff;}
.partner li{margin-bottom:.34rem; background:#fff; min-height:1.28rem; position:relative; padding:.17rem .62rem .15rem 1.35rem;
-moz-box-shadow:0 0 .17rem rgba(231,231,231,0.79);
-webkit-box-shadow:0 0 .17rem rgba(231,231,231,0.79);
box-shadow:0 0 .17rem rgba(231,231,231,0.79);
-moz-border-radius:.7rem;
-webkit-border-radius:.7rem;
border-radius:.7rem;
}
.partner .imgdiv{position:absolute; left:.12rem; top:.12rem; width:1.05rem;}
.partner .imgdiv img{border:#999 solid 1px;}
.partner .name a{display:block; font-size:.24rem; color:#00b0ec; position:relative; padding-bottom:.1rem;}
.partner .name a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:.28rem; height:1px; background:#999;}
.partner p{font-size:.14rem; line-height:.22rem; color:#666; padding-top:.1rem;}
.advantage{padding:.2rem 0 .6rem 0; width:100%; overflow:hidden; position:relative;}
.advantage .wal{min-height:2rem; position:relative;}
.advantage .imgdiv{width:9.6rem; height:100%; position:absolute; top:0px; background:center no-repeat; background-size:cover;}
.advantage .imgdiv img{display:none;}
/*.advantage dl{min-height:4.13rem; display:flex; flex-direction:column; justify-content:center;}
.advantage dd{font-size:.18rem; line-height:.32rem; color:#666; margin-top:.25rem; margin-bottom:.25rem; background:url(/uploads/image/p/image/img11.png) left center no-repeat; background-size:.11rem 87%; padding-left:.36rem; text-align:justify;}*/
.advantage div.list{min-height:4.13rem; display:flex; flex-direction:column; justify-content:center;}
.advantage div.list p{font-size:.18rem; line-height:.32rem; color:#666; margin-top:.25rem; margin-bottom:.25rem; background:url(/uploads/image/p/image/img11.png) left center no-repeat; background-size:.11rem 87%; padding-left:.36rem; text-align:justify;}
.advantage li:nth-child(odd) .wal{padding-left:6.58rem;}
.advantage li:nth-child(odd) .imgdiv{left:50%; margin-left:-9.6rem;}
.advantage li:nth-child(even) .wal{padding-right:6.3rem;}
.advantage li:nth-child(even) .imgdiv{right:50%; margin-right:-9.6rem;}
.advantage li:nth-child(1) .wal{padding-top:.75rem; padding-bottom:.75rem;}
.advantage li:nth-child(1) div.list{background:#fff; padding:.25rem 1.1rem .25rem .8rem; position:relative; z-index:2; margin-left:-2.2rem;}
.advantage li:nth-child(2) div.list p:nth-child(1){padding-right:.6rem;}
.advantage li.on .imgdiv{
-moz-box-shadow:0 0 .17rem rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 .17rem rgba(0,0,0,0.2);
box-shadow:0 0 .17rem rgba(0,0,0,0.2);
}
.job_01{min-height:6.2rem; position:relative;}
.job_01 li{position:absolute; width:2.81rem; height:2.44rem; background:url(/uploads/image/p/image/img281.png) center no-repeat; background-size:cover; font-size:.18rem; color:#fff; text-align:center;}
.job_01 li:before{content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(/uploads/image/p/image/img281on.png) center no-repeat; background-size:cover; opacity:0;}
.job_01 li div{position:relative; z-index:2;}
.job_01 li h2{font-size:.28rem; font-weight:400; padding:.9rem 0 .05rem 0; position:relative;}
.job_01 li h2:before{content:""; display:block; position:absolute; left:50%; bottom:.05rem; width:1px; height:0; background:#fff;}
.job_01 li:nth-child(1){left:0; top:0;}
.job_01 li:nth-child(2){left:0; top:2.61rem;}
.job_01 li:nth-child(3){left:2.31rem; top:1.3rem;}
.job_01 li:nth-child(4){left:4.59rem; top:0;}
.job_01 li:nth-child(5){left:4.59rem; top:2.61rem;}
.job_01 li:nth-child(6){left:6.89rem; top:1.3rem;}
.job_01 li:nth-child(7){left:9.18rem; top:0;}
.job_01 li:nth-child(8){left:9.18rem; top:2.61rem;}
.job_01 li:hover:before{opacity:1;}
.job_01 li:hover h2{padding:.75rem 0 .3rem 0;}
.job_01 li:hover h2:before{height:.2rem;}
.job .h50{height:1rem;}
.job ul{display:flex; flex-wrap:wrap;}
.job li{width:50%; min-height:2.06rem; position:relative; background:#fff; padding:0 .4rem 0 1.3rem;
-moz-border-radius:.03rem;
-webkit-border-radius:.03rem;
border-radius:.03rem;
}
.job li:nth-child(2),
.job li:nth-child(3),
.job li:nth-child(6),
.job li:nth-child(7){background:#f2f2f2;}
.job .imgdiv{width:.7rem; position:absolute; left:.25rem; top:.45rem;}
.job .name a{display:block; font-size:.22rem; color:#00b0ec; padding:.38rem 0 .18rem 0; border-bottom:#ccc solid 1px;}
.job p{font-size:.16rem; line-height:.22rem; padding:.2rem 0; color:#666;}
.job li:hover{z-index:2;
-moz-box-shadow:0 0 .17rem rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 .17rem rgba(0,0,0,0.2);
box-shadow:0 0 .17rem rgba(0,0,0,0.2);
}
.law{min-height:5rem; position:relative; z-index:10; /*top:-1.06rem;*/top:-0.71rem; background:#fff;
-moz-box-shadow:0 0 .27rem rgba(0,0,0,0.17);
-webkit-box-shadow:0 0 .27rem rgba(0,0,0,0.17);
box-shadow:0 0 .27rem rgba(0,0,0,0.17);
}
.law .title{height:0.71rem; line-height:0.71rem; position:relative; background:#ececec; font-size:.23rem; color:#00b0ec; padding-left:1rem;}
.law .title img{width:.55rem; position:absolute; left:.2rem; /*top:.3rem;*/top:.11rem;}
.law .content{padding:.25rem 1rem 1rem 1rem; font-size:.14rem; line-height:.3rem; color:#666; text-align:justify;}
.law .content h5{font-size:.18rem; padding-top:.3rem; color:#00b0ec;}
.contact .msg{text-align:center; position:relative; font-size:.24rem; padding:.55rem 0 .3rem 0;}
.contact .msg:before{content:""; display:block; position:absolute; left:50%; bottom:0; width:1.26rem; height:1px; background:#00b0ec;}
.contact .tel{text-align:center; padding:.2rem 0 .8rem 0;}
.contact .tel img{width:4.26rem;}
.contact .list{min-height:1rem; position:relative;}
.contact .list .line{position:absolute; left:50%; top:.05rem; width:1px; height:2.21rem; background:#bcbcbd;}
.contact .list ul{display:flex; flex-wrap:wrap; /*margin-right:-.7rem;*/}
.contact .list li{/*padding-right:.7rem; */width:23%; min-height:1.45rem;}
.contact .list li:nth-child(1){width:50%;}
.contact .list li:nth-child(2){width:50%; order:4;}
.contact .list li:nth-child(5){order:5;}
.contact .list li:nth-child(3),
.contact .list li:nth-child(5){width:27%; padding-left:.45rem;}
.contact .list h2{font-size:.24rem; letter-spacing:.02rem;}
.contact .list p{font-size:.14rem; line-height:.2rem; padding:.1rem 0;}
.sidemap{padding:.65rem 0; min-height:50px; position:relative;}
.sidemap ul{display:flex; flex-wrap:wrap; margin-left:-.35rem; margin-right:-.35rem;}
.sidemap li{width:25%; padding:0 .35rem .4rem .35rem;}
.sidemap h5{font-weight:400; color:#00b0ec; font-size:.24rem; border-bottom:#999 solid 1px; height:.5rem; position:relative; letter-spacing:.03rem; margin-bottom:.15rem;}
.sidemap h5:before{content:""; display:block; position:absolute; left:0; bottom:-2px; width:1.1rem; height:.05rem; background:#00b0ec;}
.sidemap dd a{display:block; font-size:.16rem; color:#666; height:.33rem; line-height:.33rem; padding-left:.19rem; background:url(/uploads/image/p/image/img6_1.png) .03rem center no-repeat; background-size:.06rem;}
.sidemap dd a:hover{background-image:url(/uploads/image/p/image/img6_1on.png); color:#00b0ec;}
.sidemap .imgdiv{position:absolute; right:0px; bottom:.65rem; width:4.58rem;}
.payment{background:url(/uploads/image/p/image/nimg535.png) 6rem bottom no-repeat; background-size:5.35rem; margin-bottom:.4rem; min-height:1rem;}
.payment .msg{font-size:.24rem; line-height:.37rem; padding:.85rem 0 .75rem 0; position:relative; text-align:center;}
.payment .msg:before{content:""; display:block; position:absolute; left:50%; top:.6rem; width:1.26rem; margin-left:-.63rem; height:1px; background:#00b0ec;}
.payment li{width:3.85rem; padding-left:.4rem; min-height:4.6rem; position:relative; float:left;}
.payment li .img{width:.29rem; position:absolute; left:0px; top:.04rem;}
.payment li h2{font-weight:400; font-size:.24rem; padding-bottom:.22rem; color:#00b0ec;}
.payment li .content{font-size:.16rem; line-height:.26rem;}
.payment li .content p{padding-bottom:.5rem;}
.payment li:nth-child(1){width:4.8rem;}
.payment li:nth-child(3){width:3.35rem;}
.faqtag{padding-bottom:.3rem;}
.faqtag ul{min-height:.9rem; display:flex; justify-content:space-between; align-items:flex-end;}
.faqtag a{display:block; line-height:.24rem; background:#c6c6c6; font-size:.14rem; color:#fff; padding:0 .18rem;}
.faqtag li:nth-child(3) a,
.faqtag li:nth-child(7) a,
.faqtag li:nth-child(9) a{line-height:.39rem; font-size:.22rem; background:#b2b2b2;}
.faqtag li a.on,
.faqtag li a:hover{background:#00b0ec;}
.faq li{min-height:.5rem; position:relative;}
.faq .close{position:absolute; right:.18rem; bottom:.18rem; padding-right:.26rem; font-size:.14rem; color:#00b0ec; background:url(/uploads/image/p/image/img17_1.png) right center no-repeat; background-size:.17rem; opacity:0; cursor:pointer;}
.faq .name{font-size:.18rem; line-height:.3rem; min-height:.65rem; border-bottom:#999 dashed 1px; position:relative; padding:.2rem 0 0 .37rem; background:url(/uploads/image/p/image/img24.png) left .2rem no-repeat; background-size:.24rem; cursor:pointer;}
.faq .name:before{content:""; display:block; position:absolute; right:0; bottom:0; width:.5rem; height:.6rem; background:url(/uploads/image/p/image/img17.png) center no-repeat; background-size:.17rem;}
.faq .content{font-size:.14rem; color:#666; line-height:.24rem; background:rgba(255,255,255,0.4) url(/uploads/image/p/image/img24_1.png) .38rem .22rem no-repeat; background-size:.24rem; padding:.22rem .9rem .4rem .78rem; display:none;}
.faq .content img{width:auto; max-width:100%;}
.faq .content a{color:#117da2;}
.faq li.on .close{opacity:1;}
.faq li.on .name{background-image:url(/uploads/image/p/image/img24on.png); border:0px;}
.faq li.on .name:before{opacity:0;}
.pagebox{min-height:2rem; background:#fff; margin-top:.45rem; margin-bottom:.65rem; position:relative;
-moz-box-shadow:0 0 .27rem rgba(0,0,0,0.17);
-webkit-box-shadow:0 0 .27rem rgba(0,0,0,0.17);
box-shadow:0 0 .27rem rgba(0,0,0,0.17);
}
.pagetitle{height:1.06rem; line-height:1.06rem; position:relative; background:#ececec; font-size:.28rem; padding-left:1rem;}
.pagetitle img{position:absolute; width:.5rem; left:.28rem; top:50%; line-height:0;}
.evaluation .info{position:absolute; left:4.05rem; top:.3rem; padding-left:.26rem; border-left:#666 solid 1px; font-size:.14rem; line-height:.22rem; color:#666;}
.evaluation .list{padding:1rem 0 0 0;}
.evaluation li{min-height:.65rem; position:relative; padding-left:2.1rem;}
.evaluation li em{position:absolute; left:.96rem; top:0px; font-size:.18rem; line-height:.28rem;}
.evaluation dl{display:flex; flex-wrap:wrap; font-size:.14rem; color:#666;}
.evaluation dd{cursor:pointer;}
/**/
.evaluation .dl_01 dd{height:1.2rem; width:1.15rem; line-height:.2rem; padding-top:.62rem; white-space:nowrap; margin-right:.4rem; text-align:center; position:relative; background:center top no-repeat; background-size:1.1rem; top:-.3rem;}
.evaluation .dl_01 dd:nth-child(1){font-size:.12rem; line-height:.16rem;}
.evaluation .dl_01 img{width:.41rem; position:absolute; left:50%; top:.17rem;}
.evaluation .dl_01 .img2{display:none;}
.evaluation .dl_01 dd.on{background-image:url(/uploads/image/p/image/img110.png); color:#fff;}
.evaluation .dl_01 dd.on img{display:none;}
.evaluation .dl_01 dd.on .img2{display:block;}
/**/
.evaluation .dl_02{padding-right:.8rem;}
.evaluation .dl_02 dd{line-height:.26rem; border:#fff solid 1px; padding:0 .13rem; margin-right:.24rem; margin-bottom:.29rem;}
.evaluation .dl_02 dd.on{border-color:#00b0ec; background:url(/uploads/image/p/image/mg17.png) right bottom no-repeat; background-size:.17rem;}
/**/
.evaluation .btn{height:1.25rem; padding:.2rem 0 0 2.1rem;}
.evaluation .btn a{display:block; font-size:.24rem; color:#fff; width:2.26rem; line-height:.43rem; background:#00b0ec; letter-spacing:.02rem; text-align:center;}
.evaluation .btn span{display:inline-block; padding-left:.3rem; height:.43rem; background:url(/uploads/image/p/image/nimg20.png) left center no-repeat; background-size:.2rem;}
.evaluationlayer{position:fixed; z-index:100; left:50%; top:50%; display:none; width:10.66rem; min-height:6.3rem; background:#fff url(/uploads/image/p/image/img341.png) right top no-repeat; background-size:3.41rem 100%; padding:0 5.15rem 0 1.65rem;}
.evaluationlayer .close{display:block; background:url(/uploads/image/p/image/img53.png) center no-repeat; background-size:cover; width:.53rem; height:.43rem; position:absolute; top:.15rem; right:-.53rem;}
.evaluationlayer .msg{font-size:.24rem; line-height:.35rem; padding:.85rem 0 .55rem 0;}
.evaluationlayer .msg h2{font-size:.24rem;}
.evaluationlayer .msg p{font-size:.14rem; color:#666;}
/**/
.evaluationlayer .form li{min-height:.48rem; position:relative; padding-left:.95rem;}
.evaluationlayer .form em{position:absolute; left:0px; top:0px; line-height:.36rem; font-size:.16rem;}
.evaluationlayer .form em span{padding:0 .5em;}
.evaluationlayer .form .input1{width:100%; border:#999 solid 1px; line-height:.34rem; height:.36rem; padding:0 .2rem; font-size:.14rem;}
.evaluationlayer .form .li_01{padding-top:.35rem;}
.evaluationlayer .form .btn{width:1.36rem; background:#00b0ec;}
.evaluationlayer .form .btn1{height:.43rem; color:#fff; width:100%; font-size:.24rem;}
.evaluationlayer .info{text-align:right; padding-top:.4rem; font-size:.17rem;}
/**/
.evaluationlayer .btndiv{position:absolute; top:2.45rem; right:0px; width:3.41rem;}
.evaluationlayer .btndiv li{padding-bottom:.2rem;}
.evaluationlayer .btndiv a{display:block; width:2.83rem; height:.6rem; line-height:.6rem; background:#ff4200; color:#fff; font-weight:bold; font-size:.24rem; position:relative; padding-left:.75rem;
-moz-border-bottom-right-radius:.5rem;
-webkit-border-bottom-right-radius:.5rem;
border-bottom-right-radius:.5rem;
-moz-border-top-right-radius:.5rem;
-webkit-border-top-right-radius:.5rem;
border-top-right-radius:.5rem;
}
.evaluationlayer .btndiv img{width:.36rem; position:absolute; left:.28rem; top:.15rem;}
.evaluationlayer .btndiv .li_02 a{font-size:.22rem; font-weight:400; background:#00b0ec; width:2.13rem;}
/**/
.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 1rem;}
.process ul{display:flex; flex-wrap:wrap;}
.process li{width:50%; height:3rem; overflow:hidden; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px; position:relative;}
.process .imgdiv{width:3rem; position:relative; left:.7rem; top:-.1rem;}
.process .msg{display:flex; font-size:.18rem; color:#00b0ec; align-items:flex-end; position:absolute; left:0px; bottom:.16rem; width:100%;}
.process .msg img{height:.33rem; width:auto; margin-right:.1rem;}
.process li:nth-child(even){border-right:0px;}
.process li:nth-child(even) .msg{padding-left:.5rem;}
.process .box{min-height:4.7rem; position:relative; padding:.6rem 0 0 1.65rem;}
.process .img{width:4.14rem;}
.process .info{position:absolute; right:0; top:1.55rem; width:5.45rem; background:url(/uploads/image/p/image/img307.png) left top no-repeat; background-size:3.07rem; padding:.95rem 0 0 .2rem; font-size:.18rem; line-height:.3rem;}
.process .info b{font-size:.3rem;}
.customized li,
.customized .imgdiv{
-moz-border-radius:.8rem;
-webkit-border-radius:.8rem;
border-radius:.8rem;
}
.customized{padding-top:.55rem;}
.customized ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.customized li{height:1.28rem; width:5.52rem; margin-bottom:.44rem; position:relative; background:#fff;}
.customized .imgdiv{width:1.04rem; height:1.04rem; position:absolute; left:.12rem; top:.12rem; background:#00b0ec;}
.customized .imgdiv img{position:absolute; left:0; top:0;}
.customized .imgdiv img:nth-child(2){opacity:0;}
.customized .name a{display:block; line-height:1.28rem; padding-left:1.38rem; font-size:.28rem;}
.customized a.btn{display:block; position:absolute; top:.29rem; right:0px; text-align:center; border-left:#999 solid 1px; width:1.52rem; height:.7rem; font-size:.18rem; color:#666; padding-top:.47rem; background:url(/uploads/image/p/image/nimg40_1.png) center top no-repeat; background-size:.4rem;}
.customized li:hover{background:#00b0ec;}
.customized li:hover .imgdiv{background:#fff;}
.customized li:hover .imgdiv img:nth-child(1){opacity:0;}
.customized li:hover .imgdiv img:nth-child(2){opacity:1;}
.customized li:hover .name a{color:#fff;}
.customized li:hover a.btn{background-image:url(/uploads/image/p/image/nimg40_1_1.png); color:#fff; border-color:#80d8f6;}
.customizedform1{padding:0 1rem .5rem 1rem;}
.customizedform1 .msg{padding:.2rem 0 .3rem 0; font-size:.14rem; line-height:.23rem;}
.customizedform1 img{width:auto;}
.customizedform1 li{min-height:.41rem; position:relative; padding-bottom:.1rem;}
.customizedform1 .li_01{padding-left:1.83rem;}
.customizedform1 .li_02{padding-left:1rem;}
.customizedform1 .li_03{padding-left:2.2rem;}
.customizedform1 b{position:absolute; left:-.55rem; top:0px; line-height:.31rem; color:#00b0ec; font-size:.18rem;}
.customizedform1 .name{font-size:.18rem; line-height:.31rem;}
.customizedform1 em.name{position:absolute; left:0px; top:0px;}
.customizedform1 .input1{width:100%; height:.31rem; line-height:.3rem; border-bottom:#999 solid 1px; font-size:.14rem;}
/**/
.customizedform1 .radiodl{font-size:0px;}
.customizedform1 .radiodl dd{min-height:.31rem; font-size:.14rem; position:relative; display:inline-block; color:#666;}
.customizedform1 .radiodl label{height:.31rem; line-height:.31rem; position:relative; background:url(/uploads/image/p/image/img14_1.png) left center no-repeat; background-size:.14rem; padding:.1rem .25rem .1rem .2rem;}
.customizedform1 .radiodl label input{opacity:0; position:absolute; left:0px; top:0px;}
.customizedform1 .radiodl label.on{background-image:url(/uploads/image/p/image/img14_1on.png); color:#00b0ec;}
.customizedform1 .radiodl img{height:.35rem; position:relative; top:-.02rem;}
/**/
.customizedform1 .radiodl-1,
.customizedform1 .radiodl-2{padding:.05rem 0;}
.customizedform1 .radiodl-1 label,
.customizedform1 .radiodl-2 label{height:.35rem; line-height:.35rem;}
/**/
.customizedform1 .radiodl-2 dd{display:block; margin-bottom:1px;}
.customizedform1 .radiodl-2 img{margin-left:.1rem;}
.customizedform1 .radiodl-2 .input1{position:absolute; top:0px; right:0px; width:7.32rem;}
.customizedform1 .radiodl-2 .input1-2{width:6.6rem;}
.customizedform1 .radiodl-2 .input1-3{width:6.45rem;}
.customizedform1 .radiodl-2 span.red{color:#f00; padding-left:.2rem; line-height:.35rem;}
.customizedform1 .file{position:absolute; left:3.82rem; top:-.03rem; width:1.38rem; height:.36rem; line-height:.36rem; text-align:center; background:#26b6ed; color:#fff; font-size:.18rem;}
.customizedform1 .file input{position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0;}
.customizedform2{padding:.5rem 0;}
.customizedform2 li{padding:0 1rem .2rem 2rem; min-height:.7rem; position:relative;}
.customizedform2 em{display:block; width:1.92rem; text-align:right; line-height:.5rem; font-size:.16rem; color:#666; position:absolute; left:0px; top:0px;}
.customizedform2 .input{max-width:3.98rem; border:#999 solid 1px; min-height:.5rem; position:relative;}
.customizedform2 .input-1{max-width:100%;}
.customizedform2 .input b{position:absolute; top:0px; right:-.25rem; color:#f00; font-size:.24rem; line-height:.5rem;}
.customizedform2 .input1{width:100%; height:.48rem; line-height:.48rem; font-size:.14rem; color:#666; padding:0 .15rem;}
.customizedform2 textarea.input1{height:1.6rem; padding:.1rem .15rem; line-height:.28rem;}
.customizedform2 dl{margin-right:-.1rem; display:flex;}
.customizedform2 dd{width:17%; padding-right:.1rem;}
.customizedform2 .dd_01{width:49%;}
.customizedform2 .select{background:url(/uploads/image/p/image/select27.png) right center no-repeat; background-size:.27rem; line-height:.48rem; padding:0 .15rem; font-size:.14rem; color:#666;}
.customizedform2 .select select{position:absolute; left:0px; top:0px; width:100%; height:100%; border:0px; opacity:0;}
.customizedform2 .libtn div{background:#00b0ec; width:1.36rem; margin-top:.2rem;}
.customizedform2 .libtn .btn1{font-size:.24rem; color:#fff; height:.43rem; width:100%;}
.pageback{text-align:right; position:relative; top:-.3rem;}
.pageback a{display:inline-block; border:#727272 solid 1px; color:#666; line-height:.28rem; width:1.2rem; text-align:center; letter-spacing:.02rem;}
.pageback a span{display:inline-block; height:.28rem; background:url(/uploads/image/p/image/img16.png) right center no-repeat; background-size:.16rem; padding-right:.22rem;}
.pageback a:hover{background:#00b0ec; border-color:#00b0ec; color:#fff;}
.pageback a:hover span{background-image:url(/uploads/image/p/image/img16on.png);}
.newsclass{height:1rem; max-width:4.2rem; margin:0 auto; padding-top:.25rem; position:relative; z-index:20;}
.newsclass li{float:left; min-height:.53rem; position:relative; width:25%;}
.newsclass .name{padding-left:.25rem; font-size:.18rem; line-height:.53rem; background:url(/uploads/image/p/image/img30_1.png) right center no-repeat; background-size:.3rem; cursor:pointer;}
.newsclass .list{position:absolute; z-index:20; left:0px; top:100%; width:5.68rem; min-height:1rem; padding:0 0 0 .25rem; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden;}
.newsclass li:nth-child(4) .list{left:-.73rem;}
.newsclass dl{display:flex; flex-wrap:wrap;}
.newsclass dd{line-height:.39rem; padding-right:.22rem;}
.newsclass dd a{font-size:.18rem; color:#fff;}
.newsclass dd a.on, .newsclass dd a:hover{color:#00b0ec;}
.newsclass li.on .name{background-color:rgba(0,0,0,0.8); background-image:url(/uploads/image/p/image/img30on.png); color:#00b0ec;}
.newsclass li.on .list{opacity:1; visibility:visible; padding:.2rem 0 .2rem .25rem;}
.customer{background:url(/uploads/image/p/image/nimg1920_12.jpg) center no-repeat; background-size:cover; height:90vh;}
.customer .h50{height:.3rem;}
.customer .tips{background:rgba(0,0,0,0.5); font-size:.14rem; color:#fff;}
.customer .tips .wal{height:.4rem; line-height:.4rem; background:url(/uploads/image/p/image/nimg47.png) left center no-repeat; background-size:.3rem;}
.customer .tips em{font-size:.2rem; padding:0 .1rem 0 .6rem;}
.customer .tips span{display:inline-block; position:relative; top:-.02rem;}
/**/
.customer .container{display:flex; justify-content:space-between;padding-top: 10px;}
.customer .container-1{width:8.58rem; min-height:1rem; background:#fff; border:#ccc solid 1px; border-top:0px; position:relative;}
.customer .srcoll{height:5.7rem; position:relative; overflow:hidden; margin-right:-1px;}
.customer .form{height:1.25rem; background:#fff; position:relative;}
.customer .form textarea{border:none;border-top:#ccc solid 1px;width:100%; height:.84rem; color:#97999a; line-height:.24rem; padding:.1rem .20rem; position: relative;}
/* .customer .form textarea:focus {
transition: all linear .15s;
border-top:rgba(82, 168, 236, 0.8) solid 1px;
outline: 0;
box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.075), 0 0 0px rgba(82, 168, 236, 0.6);
} */
.customer .input-tips {
list-style: none;
position: absolute;
bottom: 0px;
border-top: 1px solid rgba(152, 149, 149, 0.4);
margin-bottom: 1.26rem ;
left: 0;
right: 13px;
background: #fff;
z-index: 300;
display: none;
}
.customer .input-tips li{ padding-left:.10rem; margin-left: .10rem;line-height: .33rem;font-size: .12rem; letter-spacing: 1px;color: #666;}
.customer .input-tips li:hover{ color: #00b0ec; background: rgba(239,239,239,0.7); }
.customer .form .btn{position:absolute; top:.84rem; right:.37rem; width:.83rem; background:#97999a;}
.customer .form .btn:hover{background-color:#00b0ec;}
.customer .form .btn1{height:.28rem; color:#fff; width:100%; font-size:.14rem;}
/**/
.customer .listd{padding:.35rem .4rem 0 .25rem;}
.customer .listd li{min-height:.8rem; position:relative; padding:0 1rem .4rem .65rem;}
.customer .listd .img{width:.4rem; position:absolute; left:0px; top:0px;}
.customer .listd .box{background:#f7f9fa; border:#ccc solid 1px; min-height:.5rem; position:relative; padding:0 .25rem; color:#666;}
.customer .listd .box i{display:block; background:url(/uploads/image/p/image/img9.png) center no-repeat; background-size:cover; width:.09rem; height:.1rem; position:absolute; top:.17rem; left:-.08rem;}
.customer .listd .content{font-size:.14rem; line-height:.24rem; padding:.2rem 0;}
.customer .listd .msg{min-height:.55rem; line-height:.55rem; border-top:#ccc solid 1px; font-size:.14rem; position:relative;}
.customer .listd .msg a{display:block; position:absolute; top:.11rem; right:0px; width:1.3rem; line-height:.34rem; text-align:center; background:#00b0ec; color:#fff;}
.customer .listd .btn{position:absolute; top:-1px; right:-.75rem; background:#f7f9fa; border:#ccc solid 1px; width:.68rem; text-align:center; padding:.03rem .07rem;}
.customer .listd .btn dd{padding:.05rem 0;}
.customer .listd .btn a{display:block; height:.55rem; border:#ccc solid 1px; color:#999; padding-top:.28rem; background:url(/uploads/image/p/image/nimg19_2.png) center .07rem no-repeat; background-size:.19rem;}
.customer .listd .btn dd:nth-child(1) a{background-color:#00b0ec; border-color:#00b0ec; color:#fff; background-image:url(/uploads/image/p/image/nimg19_1.png);}
.customer .listd .lireply{text-align:right; padding:0 .65rem .4rem 1rem;}
.customer .listd .lireply a{display: block; width:100px; height: 20px;}
.customer .listd .lireply .img{width:.5rem; left:auto; right:0px;}
.customer .listd .lireply .box{background:#00b0ec; color:#fff; display:inline-block;}
.customer .listd .lireply .box i{background-image:url(/uploads/image/p/image/img9on.png); left:auto; right:-.08rem;}
.customer .listd .lireply .box .content{padding:.12rem 0;}
/**/
.customer .container-2{width:3.05rem; min-height:1rem; background:#fff; border:#ccc solid 1px; border-top:0px;}
.customer .container-2 .title{font-size:.20rem; color:#00b0ec; letter-spacing:.02rem; line-height:.55rem; background:#e5e5e5; padding-left:.3rem;}
.customer .container-2 a{color:#666; display:block;}
.customer .container-2 a:hover{color:#008ece;}
.customer .container-2 .list{padding:.15rem .3rem .3rem .3rem;}
.customer .container-2 .list a{font-size:.16rem; height:.37rem; line-height:.37rem; position:relative; padding-left:.32rem;}
.customer .container-2 .list img{width:.18rem; position:absolute; left:0px; top:.1rem;}
.customer .container-2 .list img:nth-child(2){opacity:0;}
.customer .container-2 .list a:hover img:nth-child(1){opacity:0;}
.customer .container-2 .list a:hover img:nth-child(2){opacity:1;}
.customer .container-2 .list2{padding:.17rem .3rem;}
.customer .container-2 .list2 a{line-height:.26rem; font-size: .13rem}
.news{margin-right:-.2rem;}
.news li{float:left; width:33.333%; padding:0 .2rem .2rem 0;}
.news .box{background:#fff; padding:0 .25rem;}
.news .imgdiv{margin-left:-.25rem; margin-right:-.25rem;}
.news .name{font-size:.16rem; height:.48rem; line-height:.48rem;}
.news .time{height:.33rem; position:relative; color:#999; line-height:.18rem;}
.news .time span{position:absolute; top:0px; right:0px; background:url(/uploads/image/p/image/nimg24.png) left center no-repeat; background-size:.24rem; padding-left:.3rem; height:.18rem; display:block;}
.news li.on .box{
-moz-box-shadow:0 .03rem .18rem rgba(149,149,149,0.75);
-webkit-box-shadow:0 .03rem .18rem rgba(149,149,149,0.75);
box-shadow:0 .03rem .18rem rgba(149,149,149,0.75);
}
.encyclopedias{width:8.5rem;}
.encyclopedias dl{border-bottom:#a0a0a0 dashed 1px; min-height:3.35rem; position:relative; padding:.78rem 0 .35rem 4.28rem; margin-bottom:.15rem;}
.encyclopedias dt{position:absolute; left:0px; top:.45rem; width:3.97rem;}
.encyclopedias dd .name a{display:block; color:#008ece; font-size:.18rem; letter-spacing:.02rem; font-weight:600;}
.encyclopedias dd .time{font-size:.14rem; color:#999; padding:.07rem 0 .15rem 0;}
.encyclopedias dd p{min-height:1.2rem; font-size:.14rem; line-height:.23rem; color:#666;}
.encyclopedias .btn a{display:block; border:#727272 solid 1px; color:#666; line-height:.28rem; width:1.2rem; text-align:center; letter-spacing:.02rem;}
.encyclopedias .btn a:hover{background:#00b0ec; border-color:#00b0ec; color:#fff;}
.encyclopedias li{border-bottom:#a0a0a0 dashed 1px; min-height:1.22rem; position:relative; padding:.2rem 0 .25rem .8rem;}
.encyclopedias li .time{position:absolute; left:0px; top:.22rem; text-align:center; background:url(/uploads/image/p/image/img66.png) center no-repeat; background-size:cover; width:.66rem; height:.7rem;}
.encyclopedias li:first-child{padding-top:0px; min-height: 1.02rem;}
.encyclopedias li:first-child .time{top:.02rem;}
.encyclopedias li .time div{color:#fff; height:.28rem; padding-top:.09rem;}
.encyclopedias li .time b{font-weight:400; font-size:.32rem; color:#008ece;}
.encyclopedias li .name a{display:block; font-size:.17rem; line-height:.35rem; font-weight:600; letter-spacing:.01rem; color:#666;/*height: .35rem;*/width: 93%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;}
.encyclopedias_index li{border-bottom:#a0a0a0 dashed 1px; min-height:1.22rem; position:relative; padding:.2rem 0 .25rem .75rem;}
.encyclopedias_index li .name a{display:block; font-size:.17rem; line-height:.35rem; font-weight:600; letter-spacing:.01rem; color:#666;/*height: .35rem;*/width: 4.8rem;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;}
.encyclopedias_index .mcsb_scrolltools .mcsb_draggercontainer{left:-.12rem;}
.encyclopedias li p{font-size:.13rem; line-height:.2rem; color:#666;height: .4rem;overflow: hidden;}
.encyclopedias li.on .name a{color:#008ece;}
.newside{width:3.05rem;}
.newside .title{height:.8rem; position:relative; border-bottom:#999 solid 1px; margin-bottom:.07rem; font-size:.16rem; padding:.48rem 0 0 .38rem;}
.newside .title img{width:.31rem; position:absolute; left:0px; bottom:.09rem;}
.newside li a{display:block; height:.32rem; line-height:.32rem; color:#666;font-size: .13rem;}
.newside li a:hover{color:#008ece;}
.newside .pageback{top:0px; text-align:left; padding:.45rem 0;}
.newshow{width:8.5rem; min-height:5rem; position:relative;}
.newshow .title{letter-spacing:.01rem; font-size:.28rem; font-weight:bold; padding-top:.45rem;}
.newshow .time{border-bottom:#a0a0a0 dashed 1px; font-size:.14rem; color:#999; padding:.15rem 0 .2rem 0;}
.newshow .share{position:absolute; top:.97rem; right:0px;}
.newshow .share ul{display:flex;}
.newshow .share li{font-size:.16rem; padding-right:.09rem;}
.newshow .share a{display:block; width:.22rem; height:.22rem; background:#c6c6c6;}
.newshow .share a:hover{background:#1cb7ec;}
.newshow .content{font-size:.14rem; line-height:.23rem; color:#666; text-align:justify; padding:.2rem 0 .3rem 0;}
.newshow .content p{padding-bottom:.2rem;}
.newshow .content .imgdiv{padding-bottom:.2rem;}
.newshow .content img{max-width: 100%; width: auto;}
.pagenum2{padding:.2rem 0; border-top:#727272 solid 1px; font-size:.16rem; line-height:.3rem;}
.pagenum2 a{color:#666;}
.pagenum2 a:hover{color:#008ece;}
/*首页*/
.indexflash{height:5.5rem; overflow:hidden; position:relative;}
.indexflash .phoneimg{display:none;}
.indexflash .bg, .indexflash .wal{min-height:5.5rem; background:center no-repeat; background-size:cover; position:relative;}
.indexflash .img{position:absolute; opacity:0;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.indexflash .img img{position:relative; left:0; top:0;}
.indexflash .img img.on{
transition:all 0s ease;
-webkit-transition:all 0s ease;
-moz-transition:all 0s ease;
-o-transition:all 0s ease;
}
.indexflash.on .slick-active .img{opacity:1;
transition:all 2s ease;
-webkit-transition:all 2s ease;
-moz-transition:all 2s ease;
-o-transition:all 2s ease;
}
.indexflash.on .slick-active .img-2{
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
}
.indexflash.on .slick-active .img-3{
transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
}
.indexflash.on .slick-active .img-4{
transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
}
.indexflash.on .slick.slick-active .img{margin:0;}
/**/
.indexflash .slick-1 .img-1{left:.43rem; top:.46rem; width:.8rem;}
.indexflash .slick-1 .img-2{left:1.35rem; top:.75rem; width:.42rem;}
.indexflash .slick-1 .img-3{left:1.85rem; top:.75rem; width:.3rem;}
.indexflash .slick-1 .img-4{left:2.45rem; top:.75rem; width:.2rem;}
.indexflash .slick-1 .img{margin-left:2rem;}
.indexflash.on .slick-1.slick-active .img-2{
transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
}
.indexflash.on .slick-1.slick-active .img-3{
transition-delay: .6s;
-moz-transition-delay: .6s;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
}
.indexflash.on .slick-1.slick-active .img-4{
transition-delay: .9s;
-moz-transition-delay: .9s;
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
}
/**/
.indexflash .slick-2 .img-1{left:6.7rem; top:.96rem; width:5.25rem; margin-left:-2rem;}
.indexflash .slick-2 .img-2{left:0px; top:2.01rem; width:12rem; margin-top:-.2rem;}
.indexflash .slick-2 .img-3{left:-.18rem; top:.75rem; width:7.07rem; margin-left:2rem;}
.indexflash .slick-2 .img-4{left:6.7rem; top:3.6rem; width:1.5rem; margin-left:-2rem;}
.indexflash.on .slick-2.slick-active .img-1,
.indexflash.on .slick-3.slick-active .img-1 img{
transition-duration:1s;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
/**/
.indexflash .slick-3 .img-1{left:50%; top:50%; width:8.11rem; height:8.11rem;}
.indexflash .slick-3 .img-2{left:2.78rem; top:.45rem; width:6.54rem;
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1);
}
.indexflash .slick-3 .img-3{left:.6rem; top:.25rem; width:9.94rem; margin-top:1rem;}
.indexflash.on .slick-3.slick-active .img-1 img{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.indexflash.on .slick-3.slick-active .img-2{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
/**/
.indexflash .slick-4 .img-1{left:1.8rem; top:.6rem; width:5.64rem; margin-top:2rem; z-index:5;}
.indexflash .slick-4 .img-2{left:-1.43rem; top:0px; width:3.57rem; margin-left:2rem;}
.indexflash .slick-4 .img-3{left:7.68rem; top:0px; width:4.09rem; margin-left:-1rem;}
.indexflash .slick-4 .img-4{left:1.6rem; top:1.9rem; width:6.07rem; margin-top:-2rem;}
/**/
.indexflash .slick-arrow{display:block; position:absolute; z-index:10; top:50%; width:.29rem; height:.6rem; margin-top:-.3rem; background:rgba(0,0,0,0.2) center no-repeat; background-size:.11rem;}
.indexflash .slick-arrow:hover{background-color:#00b0ec;}
.indexflash .slick-prev{background-image:url(/uploads/image/p/image/prev11.png); left:50%; margin-left:-6rem;}
.indexflash .slick-next{background-image:url(/uploads/image/p/image/next11.png); right:50%; margin-right:-6rem;}
.indexflash .slick-dots{position:absolute; z-index:10; left:0px; bottom:.16rem; font-size:0px; text-align:center; width:100%;}
.indexflash .slick-dots li{display:inline-block; width:.05rem; height:.05rem; background:#008ece; margin:0 .03rem;}
.indexflash .slick-dots .slick-active{width:.36rem;}
.indexservice{min-height:3.5rem; margin-right:-.16rem; padding-top:0.75rem;}
.indexservice li{float:left; width:20%; padding-right:.16rem; text-align:center;}
.indexservice .box{background:rgba(0,0,0,0.2); padding:.12rem; position:relative;}
.indexservice .bg{background:#f5f5f5; height:2.02rem;}
.indexservice .img{width:1.6rem; margin:0 auto; padding-top:.05rem; height:.44rem;}
.indexservice .name{font-size:.18rem; line-height:.21rem; color:#008ece; letter-spacing:.03rem; padding-top:.2rem;}
.indexservice .msg{font-size:.14rem; line-height:.18rem; color:#666;}
.indexservice a.layer{display:block; position:absolute; z-index:10; left:0px; top:0px; width:2.26rem; height:2.26rem; background:#fff; opacity:0;
-moz-box-shadow:0 0 .27rem rgba(0,142,206,0.37);
-webkit-box-shadow:0 0 .27rem rgba(0,142,206,0.37);
box-shadow:0 0 .27rem rgba(0,142,206,0.37);
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
}
.indexservice a.layer p{font-size:.14rem; line-height:.24rem; color:#666; position:absolute; left:0; top:50%; width:100%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.indexservice li.on a.layer{opacity:1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.indextitle{text-align:center; clear:both;}
.indextitle .title{font-size:.24rem; letter-spacing:.02rem; background: center no-repeat; background-size:12rem; line-height:.9rem;}
.indextitle-2 .title{background-image:;}
.indextitle .title span{font-size:.38rem; color:#008ece;}
.indextitle .title em{display:inline-block; position:relative; top:-.02rem;}
.indextitle .msg{max-width:7.72rem; background:url(/uploads/image/p/image/img22.png) left top no-repeat; background-size:.22rem; margin:0 auto; font-size:.14rem; line-height:.22rem; color:#666;}
.indextitle .bg{background:url(/uploads/image/p/image/img22_5.png) right bottom no-repeat; background-size:.22rem;}
.indextab{text-align:center; font-size:0px; height:.9rem; padding-top:.2rem;}
.indextab li{display:inline-block; font-size:.16rem; padding:.3rem .33rem;}
.indextab img{width:.27rem; margin-right:.03rem; position:relative; top:-.02rem;}
.indextab li img:nth-child(2){display:none;}
@media screen and ( min-width:767px ){/*手机--ç«–å±*/
.indextab li:hover{color:#00b0ec;}
.indextab li:hover img:nth-child(2){display:inline-block;}
}
.indextab li.on{color:#00b0ec;}
.indextab li:hover img:nth-child(1){display:none;}
.indextab li.on img:nth-child(1){display:none;}
.indextab li.on img:nth-child(2){display:inline-block;}
.pagemore{clear:both; text-align:center; height:.9rem; padding-top:.31rem; background:url(/uploads/image/p/image/line.png) center no-repeat; background-size:6.72rem;}
.pagemore a{display:inline-block; width:1.17rem; line-height:.27rem; border:#727272 solid 1px; letter-spacing:.02rem; color:#666;}
.pagemore a:hover{background-color:#00b0ec; border-color:#00b0ec; color:#fff;}
.indextitle2{height:.88rem; position:relative; border-bottom:#333 solid 1px;}
.indextitle2 h2{position:absolute; left:0px; bottom:.05rem; font-weight:400; font-size:.24rem; letter-spacing:.02rem;}
.indextitle2 h2 span{font-size:.38rem; display:inline-block; position:relative; top:.04rem;}
.indextitle2 ul{position:absolute; right:0px; bottom:-1px;}
.indextitle2 ul li{float:left; margin-left:.38rem; font-size:.18rem; height:.4rem; line-height:.4rem; cursor:pointer;}
.indextitle2 ul li:hover{color:#008ece;}
.indextitle2 ul li.on{color:#008ece; border-bottom:#008ece solid 3px;}
.indextitle2 a{position:absolute; right:0px; bottom:.1rem; font-size:.14rem; letter-spacing:.02rem;}
.indexabout{width:5.75rem; min-height:1rem; position:relative;}
.indexabout .box{padding-top:.22rem; position:absolute; left:0px; top:0px; width:100%; opacity:0; visibility:hidden;}
.indexabout .box.on{position:relative; opacity:1; visibility:visible;}
.indexabout .imglist{position:relative; min-height:.1rem;}
.indexabout .slick-dots{position:absolute; z-index:10; right:.03rem; bottom:.1rem; font-size:0px;}
.indexabout .slick-dots li{display:inline-block; width:.05rem; height:.05rem; background:#008ece; margin:0 .03rem;}
.indexabout .slick-dots .slick-active{width:.36rem;}
.indexabout .fl.imglist{width:2.54rem; }
.indexabout .box .fr{width:2.97rem; min-height:2.07rem; position:relative; top:-.03rem;}
.indexabout .box p{clear:both; font-size:.14rem; line-height:.22rem; letter-spacing:1px; color:#666; text-align:justify;}
.indexabout .content{padding-top:.13rem;}
.indexabout .pagemore{height:.5rem; padding-top:.2rem;}
.indexnews{width:5.75rem;}
.indexnews .scroll{height:3.6rem; overflow:hidden; position:relative;}
.indexnews .encyclopedias{padding-right:.15rem; width:auto;}
.indexnews .indextitle2{margin-bottom: .18rem}
.indexh5{background:url(/uploads/image/p/image/img1920_1.jpg) center no-repeat; background-size:cover; position:relative; z-index:10; margin-bottom:.55rem; width:100%; position:relative; overflow:hidden;}
.indexh5 .wal{height:6rem; position:relative; padding-top:.7rem;}
.indexh5 .title{position:absolute; left:0px; top:.3rem; font-size:.24rem; letter-spacing:.02rem;}
.indexh5 .title span{font-size:.38rem; color:#008ece; display:inline-block; position:relative; top:0.03rem;}
.indexh5 .btndiv{position:absolute; z-index:10; left:0px; bottom:.4rem; text-align:center; width:100%; font-size:0px;}
.indexh5 .btndiv a{width:.51rem; height:.51rem; display:inline-block; background:center no-repeat; background-size:cover; margin:0 .07rem;}
.indexh5 .btndiv #nav-prev{background-image:url(/uploads/image/p/image/img51_1.png); margin-right:.2rem;}
.indexh5 .btndiv #nav-prev:hover{background-image:url(/uploads/image/p/image/img51_1on.png);}
.indexh5 .btndiv #nav-open{background-image:url(/uploads/image/p/image/img51_2.png);}
.indexh5 .btndiv #nav-open:hover{background-image:url(/uploads/image/p/image/img51_2on.png);}
.indexh5 .btndiv #nav-close{background-image:url(/uploads/image/p/image/img51_3.png);}
.indexh5 .btndiv #nav-close:hover{background-image:url(/uploads/image/p/image/img51_3on.png);}
.indexh5 .btndiv #nav-next{background-image:url(/uploads/image/p/image/img51_4.png);}
.indexh5 .btndiv #nav-next:hover{background-image:url(/uploads/image/p/image/img51_4on.png);}
.indexcustomer .info{min-height:1.6rem; padding-top:.3rem; font-size:0px; text-align:center;}
.indexcustomer dd{height:.9rem; position:relative; font-size:.16rem; letter-spacing:.03rem; display:inline-block; text-align:left; white-space:nowrap; padding:0 .4rem;}
.indexcustomer dd .name{color:#00b0ec;}
.indexcustomer dd b{font-size:.52rem; font-weight:400; display:inline-block; position:relative; top:.02rem; padding-right:.06rem;}
.indexcustomer dd b i{font-size:.36rem; display:inline-block; position:relative; top:-.2rem;}
.indexcustomer dd p{color:#666; position:relative; top:-.03rem;}
.indexcustomer dd:before{content:""; display:block; position:absolute; left:-.19rem; top:.2rem; width:.38rem; height:.51rem; background:url(/uploads/image/p/image/img38.png) center no-repeat; background-size:cover;}
.indexcustomer dd:nth-child(1):before{display:none;}
/**/
.indexcustomer ul{display:flex; flex-wrap:wrap;}
.indexcustomer li{width:16.666%; border-top:#999 dashed 1px; border-left:#999 dashed 1px;}
.indexcustomer li:nth-child(1),
.indexcustomer li:nth-child(2),
.indexcustomer li:nth-child(3),
.indexcustomer li:nth-child(4),
.indexcustomer li:nth-child(5),
.indexcustomer li:nth-child(6){border-top:0px;}
.indexcustomer li:nth-child(19),
.indexcustomer li:nth-child(20){display:none;}
.indexcustomer li a{display:block;width: 80%;text-align: center;margin: 0 auto;}
/*.indexcustomer li img{opacity:1;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}*/
/*.indexcustomer li a:hover img{opacity:1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}*/
.indexcontact{min-height:1rem; background:url(/uploads/image/p/image/line2.png) center top no-repeat; background-size:6.72rem; padding-top:.57rem;}
.indexcontact ul{margin-left:-.3rem; margin-right:-.3rem;}
.indexcontact li{width:25%; min-height:1rem; position:relative; font-size:.14rem; line-height:.2rem; padding:0 .3rem; float:left;}
.indexcontact li:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:.81rem; background:#bcbdbd;}
.indexcontact li:nth-child(1):before{display:none;}
.indexcontact li h2{font-size:.16rem; padding-bottom:.03rem;}
/*2018.6.6*/
body.caseimglayershow{overflow: hidden;}
body.caseimglayershow .caseimglayer{opacity: 1; visibility: visible;}
.caseimglayer{position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #000; opacity: 0; visibility: hidden;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.caseimglayer .swiper-slide{
height: 100vh; background: #000; padding: 0 1rem;
display: flex;
justify-content: center;
align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
}
.caseimglayer .swiper-slide img{max-width: 100%; max-height: 96vh; width: auto; cursor: zoom-in;}
.caseimglayer a.close{display: block; position: absolute; z-index: 20; top: .2rem; right: .4rem; background: center no-repeat; background-size: cover; width: .47rem; height: .47rem;}
.caseimglayer a.close:hover{background-image: ;}
.caseimglayer a.arrow{display: block; position: absolute; z-index: 20; top: 50%; background: center no-repeat; background-size: cover; width: .47rem; height: .47rem; margin-top: -23px;}
.caseimglayer a.arrow.prev{background-image: ; left: .4rem;}
.caseimglayer a.arrow.prev:hover{background-image: ;}
.caseimglayer a.arrow.next{background-image: ; right: .4rem;}
.caseimglayer a.arrow.next:hover{background-image: ;}
.casebigimglayer{position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background: #000; text-align: center; display: none;}
.casebigimglayer.on{display: block; cursor: zoom-out;}
.casebigimglayer img{width: auto;}
/*2018.6.6*/
.time_view{color:#999;position: relative;}
.time_view span{
position: absolute;
top: 0px;
right: 0px;
background: url(/uploads/image/p/image/nimg24.png) left center no-repeat;
background-size: auto auto;
background-size: .24rem;
padding-left: .3rem;
height: .18rem;
display: block;
}
.share .bdsharebuttonbox .li_01 a {background:#c6c6c6 url(/uploads/image/p/image/img22_1.png);background-size: 100% 100%;padding-left:0;margin:0px;}
.share .bdsharebuttonbox .li_02 a {background:#c6c6c6 url(/uploads/image/p/image/img22_2.png);background-size: 100% 100%;padding-left:0;margin:0px;}
.share .bdsharebuttonbox .li_03 a {background:#c6c6c6 url(/uploads/image/p/image/img22_3.png);background-size: 100% 100%;padding-left:0;margin:0px;}
.share .bdsharebuttonbox .li_04 a {background:#c6c6c6 url(/uploads/image/p/image/img22_4.png);background-size: 100% 100%;padding-left:0;margin:0px;}
.bd_weixin_popup{min-height: 300px;}
.phone_img{
position: absolute;
bottom: 50px;
left: .8rem;
margin-left:.3rem;
display: none;
}
.phone_img img{border-radius: 10px;position: relative;/*box-shadow: 2px 2px 2px #ccc*/;}
.logo_hidden{display: none;}
.caseimg .imgdiv{margin-bottom: 30px; background-color: #f3f3f3; cursor:pointer;}
/*20180608-------------------*/
.indexbrand{padding-top: .3rem;}
.indexbrand .fl{width: 7.91rem; overflow: hidden; position: relative;}
.indexbrand .fr{width: 3.88rem;}
.indexbrand .fr li{padding-bottom: .2rem;}
.indexbrand .fr .img{width: 100%; overflow: hidden; position: relative;}
.indexbrand a:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
/*.indexbrand a:hover img{
opacity:.3;
}*/
.brand_01{
min-height: 1.72rem; position: relative;
}
.brand_01:before{
content: ""; display: block; width: 14.05rem; height: 2.68rem; background: center top no-repeat; background-size: cover; position: absolute; left: 50%; top: 0; margin-left: -7.02rem;
}
.brand_01 .list{
position: absolute; z-index: 20; left: 0; top:-1.26rem; width: 100%; min-height: 2.28rem; background: #fff;
}
.brand_01 li{
float: left; width: 33.333%; min-height: 2rem; position: relative; padding: .63rem 0 0 .84rem;
}
.brand_01 li:before{
content: ""; display: block; width: .1rem; height: .9rem; border-right: #e5e5e5 dashed 1px; position: absolute; right: 0; top: .66rem;
}
.brand_01 li:nth-child(3):before{display: none;}
.brand_01 p{
font-size: .14rem; line-height: 1.57em; color: #666;
}
.brand_01 h2{
font-weight: 400; font-size: .24rem; height: .52rem; line-height: .4rem; position: relative; padding-left: .4rem;
}
.brand_01 h2 img{
width: .4rem; position: absolute; left: -.05rem; top: 0;
}
@media screen and ( max-width:1450px ){
.brand_01:before{
width: 100%; left: 0; margin-left: 0;
}
}
.brand_02 .img{padding-bottom: .3rem;}
.brand_02 ul{margin-right: -.3rem;}
.brand_02 li{width: 33.333%; padding: 0 .3rem .3rem 0;}
.brand_02 li.li_07{width: 66.666%;}
.brand_02 a{display: block; width: 100%; overflow: hidden; position: relative;}
.brand_02 a:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.brandflash{
width: 100%; height: 772px; overflow: hidden; position: relative;
}
.brandflash a{
content: ""; display: block; width: .25rem; height: .64rem; background: center no-repeat; background-size: cover; position: absolute; z-index: 20; bottom: 1.5rem; left: 50%; margin-left: .12rem;
}
@media screen and ( min-width:1366px ){
#slider{width:1920px; height:772px; position: relative; left: 50%; margin-left: -683px;}
}
@media screen and ( min-width:1920px ){
#slider{width:1920px; height:772px; position: relative; left: 50%; margin-left: -980px;}
}
.nivoslider{position:relative;}
.nivoslider img{left:0px;top:0px;position:absolute;}
.nivoslider a.nivo-imagelink{margin:0px;padding:0px;border:0px currentcolor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionnav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevnav{left:0px;}
.nivo-nextnav{right:0px;}
.nivo-controlnav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlnav a.active{font-weight:bold;}
@media screen and ( min-width:800px ){/*手机--ç«–å±*/
.nivoslider a.nivo-imagelink{display: none!important;}
}
/*2019-3-14*/
.marketingbanner{background: center no-repeat; background-size: cover; height: 5.5rem; text-align: center; color: #fff; font-size: .22rem; letter-spacing: 1px}
.marketingbanner h2{font-size: .7rem; padding: 1.95rem 0 .25rem 0}
.marketingtitle{text-align: center; position: relative; font-size: .16rem; color: #00b0ec}
.marketingtitle img{width: 1.1rem; position: absolute; left: 50%; top: .4rem; margin-left: -.55rem}
.marketingtitle h2{font-size: .36rem; letter-spacing: 1px; padding: .95rem 0 .15rem 0; position: relative}
.marketingmsg{font-size: .16rem; line-height: .27rem; color: #666; padding: .32rem 0 .5rem 0; text-align: center}
.marketing_01{text-align: center; padding-bottom: .5rem}
.marketing_01 .list{min-height: 2.28rem; background: #fff; border-radius: 2rem; -webkit-border-radius: 2rem;
box-shadow: 0 .05rem .4rem rgba(31, 173, 247, .08);
-webkit-box-shadow: 0 .05rem .4rem rgba(31, 173, 247, .08);
-moz-box-shadow: 0 .05rem .4rem rgba(31, 173, 247, .08);
}
.marketing_01 ul{display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.marketing_01 li{width: 25%}
.marketing_01 li a{display: block; height: 2.28rem; padding-top: .4rem; position: relative}
/*.marketing_01 li a:before{content: ""; display: block; width: 3.91rem; height: 100%; background: center .22rem no-repeat; background-size: 100%; position: absolute; left: 50%; top: 0; margin-left: -1.95rem; opacity: 0}*/
.marketing_01 li .img{width: 1.35rem; margin: 0 auto; position: relative}
.marketing_01 li h2{font-size: .22rem; letter-spacing: 1px; color: #00b0ec; position: relative; top: -.15rem}
.marketing_01 li a:hover{z-index: 10}
.marketing_01 li a:hover:before{opacity: 1}
.marketing_01 li a:hover .img{
animation:updown .7s infinite alternate;
-webkit-animation:updown .7s infinite alternate;
}
@keyframes updown {
from {transform: translatey(0)}
to {transform: translatey(-.1rem)}
}
@-webkit-keyframes updown{
from {-webkit-transform: translatey(0)}
to {-webkit-transform: translatey(-.1rem)}
}
.marketing_02 .marketingmsg{padding: .5rem 0 .7rem 0}
.marketing_02 .list{position: relative; min-height: 6.1rem}
.marketing_02 .list h2.title{display: none}
.marketing_02 .list:before{content: ""; display: block; height: 5.48rem; width: 9.1rem; background: #1eb3f6; border-radius: 3rem; -webkit-border-radius: 3rem; position: absolute; left: 50%; top: 0; margin-left: -4.55rem; opacity: .1}
.marketing_02 .container{width: 5.48rem; height: 5.48rem; position: absolute; top: 0}
.marketing_02 .container:before{border-radius: 50%; -webkit-border-radius: 50%; opacity: .5; content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: center no-repeat; background-size: cover}
.marketing_02 .container:hover:before{opacity: 1}
.marketing_02 .container .title{width: .6rem; position: absolute; top: 1.2rem}
.marketing_02 .container li{position: absolute; width: 1.3rem; letter-spacing: 1px}
.marketing_02 .container li .img{width: .44rem; position: absolute; top: 0; left: -.56rem}
.marketing_02 .container li .name{line-height: .44rem; font-size: .2rem; color: #2778f0}
.marketing_02 .container dd{font-size: .14rem; line-height: .26rem; color: #666; padding-left: .18rem; background: left center no-repeat; background-size: .1rem; position: relative; top: -.05rem}
.marketing_02 .container-1{left: 50%; margin-left: -4.55rem}
.marketing_02 .container-1:before{background-image: }
.marketing_02 .container-1 .title{left: 1.85rem}
.marketing_02 .container-1 li{text-align: right}
.marketing_02 .container-1 li .img{left: auto; right: -.56rem}
.marketing_02 .container-1 li .name{color: #00b0ec}
.marketing_02 .container-1 li.li_01{top: .51rem; right: 4.98rem}
.marketing_02 .container-1 li.li_02{top: 1.69rem; right: 5.7rem}
.marketing_02 .container-1 li.li_03{top: 3.18rem; right: 5.75rem}
.marketing_02 .container-1 li.li_04{top: 4.68rem; right: 4.74rem}
.marketing_02 .container-1 dd{padding: 0 .18rem 0 0; background: right center no-repeat; background-size: .1rem}
.marketing_02 .container-2{right: 50%; margin-right: -4.55rem}
.marketing_02 .container-2 .title{right: 1.85rem}
.marketing_02 .container-2 li.li_01{top: .75rem; left: 5.15rem}
.marketing_02 .container-2 li.li_02{top: 2.28rem; left: 5.78rem}
.marketing_02 .container-2 li.li_03{top: 3.59rem; left: 5.58rem}
.marketing_02 .container-2 li.li_04{top: 4.85rem; left: 4.47rem}
.marketing_02 .ico{width: 1.2rem; position: absolute; left: 50%; top: 2.25rem; margin-left: -.6rem}
.marketing_02 .btn a{width: 2rem; height: .52rem; line-height: .52rem; position: absolute; left: 50%; top: 4.5rem; margin-left: -1rem; display: block; background: center no-repeat; background-size: cover; font-size: .18rem; padding-left: .85rem; color: #fff}
.marketing_03, .marketing_03 .wal{min-height: 4.35rem; position: relative}
.marketing_03:before{content: ""; display: block; width: 100%; height: 6.66rem; background: center no-repeat; background-size: auto 100%; position: absolute; left: 0; bottom: -3.13rem}
.marketing_03 .btn a{width: 2rem; height: .52rem; line-height: .52rem; position: absolute; left: 50%; bottom: -3.3rem; margin-left: -1rem; display: block; background: center no-repeat; background-size: cover; font-size: .18rem; padding-left: .85rem; color: #fff}
.marketing_03 .list{width: 100%; position: absolute; left: 0; top: 0; z-index: 10}
.marketing_03 .list ul{display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.marketing_03 .list li{width: 20%; min-height: 4.42rem; background: center top no-repeat; background-size: 2.03rem; position: relative; color: #fff}
.marketing_03 .list li:nth-child(odd){top: 1.1rem}
.marketing_03 .list li:after{content: ""; display: block; width: 2.03rem; height: 100%; position: absolute; left: 50%; top: 0; background: center top no-repeat; background-size: 100%; opacity: .3; margin-left: -1.015rem}
.marketing_03 .list .img{width: 1.67rem; margin: 0 auto; padding: .17rem 0 0 0; opacity: 0}
.marketing_03 .list .name{position: absolute; left: 0; top: 0; width: 100%; text-align: center; padding-top: .5rem; font-size: .18rem; letter-spacing: 1px}
.marketing_03 .list .name img{width: .7rem}
.marketing_03 .list p{font-size: .14rem; line-height: .24rem; text-align: justify; padding-top: .13rem; width: 1.35rem; margin: 0 auto}
.marketing_03 .list li:hover{
animation:updown .7s infinite alternate;
-webkit-animation:updown .7s infinite alternate;
}
.marketing_03 .list li:hover:before{opacity: 1}
.marketing_03 .list li:hover .img{opacity: 1}
.marketing_03 .list2{background: center no-repeat; background-size: auto 100%; width: 100%; height: 3.6rem; position: absolute; left: 0; top: 3.12rem}
.marketing_03 .list2 li{position: absolute; left: 50%; width: .42rem}
.marketing_03 .list2 li.on{
animation:updown 2s infinite alternate linear;
-webkit-animation:updown 2s infinite alternate linear;
}
.marketing_03 .list2 li.li_01{top: 1.26rem; margin-left: -4.8rem}
.marketing_03 .list2 li.li_02{top: .85rem; margin-left: -3.36rem}
.marketing_03 .list2 li.li_03{width: .7rem; top: 2.22rem; margin-left: -3.2rem}
.marketing_03 .list2 li.li_04{top: 0; margin-left: -1.95rem}
.marketing_03 .list2 li.li_05{width: .56rem; top: 1.32rem; margin-left: -1.85rem}
.marketing_03 .list2 li.li_06{width: .7rem; top: 2.58rem; margin-left: -.32rem}
.marketing_03 .list2 li.li_07{top: -.22rem; margin-left: 1.34rem}
.marketing_03 .list2 li.li_08{top: 1.17rem; margin-left: 1.97rem}
.marketing_03 .list2 li.li_09{width: .7rem; top: 1.97rem; margin-left: 2.42rem}
.marketing_03 .list2 li.li_10{top: .46rem; margin-left: 2.69rem}
.marketing_03 .list2 li.li_11{top: 1.03rem; margin-left: 4.13rem}
.marketing_04{min-height: 17.6rem; background: center no-repeat; background-size: cover; padding: 3.8rem 0 .9rem 0}
.marketing_04 .marketingmsg{padding: .45rem 0 .65rem 0}
.marketing_04 canvas{width: 100%}
.marketing_04 .list{width: 100%; overflow: hidden; position: relative; padding: .85rem 0 .4rem 0}
.marketing_04 .swiper-slide{width: 3.5rem; height: 3.5rem; overflow: hidden; position: relative; background: #fff; border-radius: .1rem; -webkit-border-radius: .1rem;
box-shadow: 0 .05rem .24rem rgba(31, 173, 247, .3);
-webkit-box-shadow: 0 .05rem .24rem rgba(31, 173, 247, .3);
-moz-box-shadow: 0 .05rem .24rem rgba(31, 173, 247, .3);
}
.marketing_04 .swiper-slide:before{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: center bottom repeat-x; background-size: .2rem}
.marketing_04 .swiper-slide .name{height: 1.41rem; position: relative; font-size: .18rem; color: #00b0ec; font-weight: bold; letter-spacing: 1px; text-align: center; border-bottom: #cceffb solid 1px; padding-top: .9rem}
.marketing_04 .swiper-slide .name:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; opacity: 0}
.marketing_04 .swiper-slide .name div{position: relative}
.marketing_04 .swiper-slide .name img{width: .42rem; position: absolute; left: 50%; top: .33rem; margin-left: -.21rem}
.marketing_04 .swiper-slide .name img:nth-child(2){opacity: 0}
.marketing_04 .swiper-slide p{font-size: .14rem; line-height: .24rem; color: #666; text-align: justify; padding: .25rem .35rem}
.marketing_04 .swiper-slide-active:before{opacity: 0}
.marketing_04 .swiper-slide-active .name{color: #fff}
.marketing_04 .swiper-slide-active .name img:nth-child(1){opacity: 0}
.marketing_04 .swiper-slide-active .name img:nth-child(2){opacity: 1}
.marketing_04 .swiper-slide-active .name:before{opacity: 1}
.marketing_04 .arrow{display: block; width: .24rem; height: .45rem; background: center no-repeat; background-size: cover; position: absolute; z-index: 10; top: 50%; margin-top: -.3rem}
.marketing_04 .arrow.prev{left: 0; background-image: }
.marketing_04 .arrow.next{right: 0; background-image: }
.marketing_04 .btn a{width: 2rem; height: .52rem; line-height: .52rem; display: block; background: center no-repeat; background-size: cover; font-size: .18rem; padding-left: .85rem; color: #fff; margin: 0 auto}
.marketing_05{padding: .3rem 0 1rem 0; width: 100%; overflow: hidden; position: relative}
.marketing_05 .list{position: relative; min-height: 7.3rem}
.marketing_05 .list:before{content: ""; display: block; position: absolute; z-index: 2; left: 0; top: 1.95rem; width: 100%; height: 3.55rem; background: center no-repeat; background-size: auto 100%}
.marketing_05 .list .img{width: 4.02rem; position: absolute; left: 50%; margin-left: -2.01rem; top: 0}
.marketing_05 .list .ico div{position: absolute; left: 50%; background: center no-repeat; background-size: cover; width: .72rem; height: .72rem}
.marketing_05 .list .ico div.on{
animation:updown 2s infinite alternate linear;
-webkit-animation:updown 2s infinite alternate linear;
}
.marketing_05 .list .ico .ico-1{width: .48rem; height: .48rem; top: 3rem; margin-left: -4.8rem}
.marketing_05 .list .ico .ico-2{top: 4.72rem; margin-left: -3.76rem}
.marketing_05 .list .ico .ico-3{width: .25rem; height: .25rem; top: 2.52rem; margin-left: -2.72rem}
.marketing_05 .list .ico .ico-4{width: .48rem; height: .48rem; top: 1.44rem; margin-left: 2.4rem}
.marketing_05 .list .ico .ico-5{width: .54rem; height: .54rem; top: 5rem; margin-left: 2.4rem}
.marketing_05 .list .ico .ico-6{width: .32rem; height: .32rem; top: 2rem; margin-left: 4.48rem}
.marketing_05 .list li{position: absolute; z-index: 5; width: 1.22rem; left: 50%}
.marketing_05 .list li.li_01{margin-left: -4.36rem; top: 1.75rem}
.marketing_05 .list li.li_02{margin-left: -3.11rem; top: 3.7rem}
.marketing_05 .list li.li_03{margin-left: 3.06rem; top: 1.75rem}
.marketing_05 .list .name{position: relative; z-index: 2; height: 1.22rem; background: center no-repeat; background-size: cover; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; color: #fff; font-size: .18rem; font-weight: bold; letter-spacing: 1px}
.marketing_05 .list .name img{width: .4rem; margin-bottom: .04rem}
.marketing_05 .list dl{position: absolute; left: 0; top: .6rem; width: 100%; height: 2.54rem; background: center top no-repeat; background-size: 100%; padding-top: .75rem; opacity: 0; visibility: hidden;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.marketing_05 .list dd{color: #fff; font-size: .14rem; height: .27rem; line-height: .27rem; padding-left: .34rem; background: .15rem center no-repeat; background-size: .1rem}
.marketing_05 .list li:hover{z-index: 6}
.marketing_05 .list li:hover dl{opacity: 1; visibility: visible}
.marketing_05 .btn a{width: 2rem; height: .52rem; line-height: .52rem; display: block; background: center no-repeat; background-size: cover; font-size: .18rem; padding-left: .85rem; color: #fff; margin: 0 auto}
.marketing_06{position: relative; width: 100%; overflow: hidden}
.marketing_06 .title{position: absolute; left: 50%; top: 50%; background: center no-repeat; background-size: cover; width: 6.1rem; height: 1.45rem; margin-left: -3.05rem; margin-top: -.725rem; text-align: center; font-size: .16rem; color: #00b0ec}
.marketing_06 .title h2{font-size: .36rem; padding: .32rem 0 .12rem 0}
.marketing_06 ul{display: flex; display: -webkit-flex; width: 19.2rem; position: relative; left: 50%; margin-left: -9.6rem}
.marketing_06 li{width: 8.333%; background: center no-repeat; background-size: cover}
.marketing_06 ul:nth-child(odd) li:nth-child(even){background-image: }
.marketing_06 ul:nth-child(even) li:nth-child(odd){background-image: }
@media screen and ( min-width:800px ){
.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(4) li:nth-child(8),
.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(5) li:nth-child(8){opacity: 0}
}
.marketing_07{padding: .4rem 0 .7rem 0}
.marketing_07 .list{display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; padding-top: .15rem}
.marketing_07 .encyclopedias{width: 5.7rem}
.indexservice2{padding: .9rem 0 .7rem 0}
.indexservice2 ul{display: flex; display: -webkit-flex}
.indexservice2 li{width: 25%; min-height: 3.8rem; background: #f9f9f9; position: relative; text-align: center; padding: 0 .2rem}
.indexservice2 li:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: .05rem; background: #00b0ec; opacity: 0}
.indexservice2 li:nth-child(even){background: #e7e7e7}
.indexservice2 .name{font-size: .18rem; color: #00b0ec; position: relative; z-index: 11; height: 1.1rem; padding-top: .4rem}
.indexservice2 .img{width: .8rem; margin: 0 auto; height: 1.17rem}
.indexservice2 .msg{padding: .25rem 0; border-top: #c9c9c9 dashed 1px; font-size: .14rem; line-height: .21rem; color: #666}
.indexservice2 .layer{position: absolute; left: 0; top: 1.7rem; width: 100%; padding: 0 .2rem; opacity: 0; visibility: hidden}
.indexservice2 .layer dl{border-top: #c9c9c9 dashed 1px;position: relative;top: -0.2rem;}
.indexservice2 .layer dd{border-bottom: #c9c9c9 dashed 1px}
.indexservice2 .layer a{display: block; height: .4rem; line-height: .4rem; overflow: hidden; font-size: .14rem; color: #666}
.indexservice2 li:hover{background: #fff; z-index: 2;
box-shadow: 0 .04rem .18rem rgba(0, 176, 236, .18);
-webkit-box-shadow: 0 .04rem .18rem rgba(0, 176, 236, .18);
-moz-box-shadow: 0 .04rem .18rem rgba(0, 176, 236, .18);
}
.indexservice2 li:hover:before{opacity: 1}
.indexservice2 li:hover .img img, .indexservice2 li:hover .msg{opacity: 0}
.indexservice2 li:hover .layer{opacity: 1; visibility: visible; top: 1.4rem}
.indexservice2 li, .indexservice2 .msg, .indexservice2 .layer, .indexservice2phone .layer dd, .indexservice2phone li, .marketing_03 .list .img{
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.indexservice2phone{padding: .3rem}
.indexservice2phone ul{display: flex; display: -webkit-flex}
.indexservice2phone li{width: 50%; height: 2.2rem; text-align: center; background: #fff; color: #4bc6f0; position: relative; overflow: hidden}
.indexservice2phone li:before{content: ""; display: block; position: absolute; z-index: 10; left: 0; bottom: -.21rem; width: 100%; height: .21rem; background: center no-repeat; background-size: .25rem}
.indexservice2phone li.li_02{background: #e7e7e7}
.indexservice2phone li.li_03{background: #e7e7e7}
.indexservice2phone li.li_04{background: #dcdcdc}
.indexservice2phone li.li_03:before, .indexservice2phone li.li_04:before, .indexservice2phone li.li_05:before{bottom: auto; top: -.21rem; background-image: }
.indexservice2phone li .img{width: .8rem; margin: 0 auto; padding: .4rem 0 .06rem 0; position: relative}
.indexservice2phone li .img img:nth-child(2){position: absolute; left: 0; top: .4rem; opacity: 0}
.indexservice2phone li .name{font-size: .24rem}
.indexservice2phone li.on{background: #4bc6f0; color: #fff}
.indexservice2phone li.on:before{bottom: -.01rem}
.indexservice2phone li.li_03.on:before, .indexservice2phone li.li_04.on:before, .indexservice2phone li.li_05.on:before{bottom: auto; top: -.01rem}
.indexservice2phone li.on .img img:nth-child(1){opacity: 0}
.indexservice2phone li.on .img img:nth-child(2){opacity: 1}
.indexservice2phone .layer{height: 2.4rem; background: #39b1da; font-size: .22rem; line-height: .38rem; color: #fff; text-align: center; position: relative}
.indexservice2phone .layer dd{position: absolute; left: 0; top: .3rem; width: 100%; opacity: 0; visibility: hidden}
.indexservice2phone .layer dd.on{opacity: 1; visibility: visible}
/*2019-3-14end*/
/*2020-11-4*/
.indexflash2{width: 100%; overflow: hidden; position: relative}
.indexflash2 .arrow a{display: block; width: .34rem; height: .88rem; position: absolute; z-index: 10; top: 50%; margin-top: -.44rem; background: rgba(0, 0, 0, .3) center no-repeat; background-size: 100%; border-radius: .07rem; -webkit-border-radius: .07rem}
.indexflash2 .arrow a:hover{background-color: #00b0ec}
.indexflash2 .arrow a.prev{left: 5%; background-image: }
.indexflash2 .arrow a.next{right: 5%; background-image: }
.indexflash2 .dots{position: absolute; z-index: 10; left: 50%; bottom: .3rem; margin-left: -6rem; display: flex; display: -webkit-flex}
.indexflash2 .dots span{display: block; width: .07rem; height: .07rem; border-radius: .07rem; -webkit-border-radius: .07rem; background: #00b0ec; margin-right: .1rem;
transition:all .5s ease;
-webkit-transition:all .5s ease;
}
.indexflash2 .dots span.swiper-pagination-bullet-active{width: .45rem}
.indexflash2 li{height: 5.5rem; position: relative}
.indexflash2 .video,
.indexflash2 .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden}
.indexflash2 .video video{position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.indexflash2 .img{background: center no-repeat; background-size: cover}
.indexflash2 .layer{position: absolute; z-index: 5; left: 50%; margin-left: -6rem; width: 12rem; top: 0; bottom: 0}
.indexflash2 .btn{padding: .4rem 0 .5rem 0}
.indexflash2 .btn a{display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: .18rem; color: #506b69; letter-spacing: .02rem; width: 2rem}
.indexflash2 .btn a em{flex-shrink: 0; padding-right: .06rem; font-weight: 600}
.indexflash2 .btn a:after{content: ""; display: block; width: .33rem; height: .2rem; flex-shrink: 1; background: right center no-repeat; background-size: auto .07rem;
transition:all .5s ease;
-webkit-transition:all .5s ease;
}
.indexflash2 .btn a:hover:after{width: .48rem}
/**/
.indexflash2 .layer div{opacity: 0;
transform: translatex(3rem);
-webkit-transform: translatex(3rem);
}
.indexflash2 li.li_01 .layer{padding-top: 1.64rem}
.indexflash2 li.li_01 .img-1{width: 2.93rem}
.indexflash2 li.li_01 .img-2{width: 4.76rem; padding: .15rem 0 .25rem 0}
.indexflash2 li.li_01 .img-3{width: 4.79rem}
.indexflash2 li.li_02 .layer{padding: 2.03rem 0 0 .4rem}
.indexflash2 li.li_02 .img-1{width: 2.54rem; position: absolute; left: -.05rem; top: 1.7rem}
.indexflash2 li.li_02 .img-2{width: 4.81rem; padding: 0 0 .15rem 0; position: relative}
.indexflash2 li.li_02 .img-3{width: 4.83rem; position: relative}
.indexflash2 li.li_03 .layer{padding: 1.38rem 0 0 0}
.indexflash2 li.li_03 .img-1{width: 4.44rem}
.indexflash2 li.li_03 .logo{width: 3.22rem}
.indexflash2 li.li_04 .layer{padding: 1.3rem 0 0 0; color: #fff; font-weight: bold; letter-spacing: .02rem}
.indexflash2 li.li_04 .title h2{font-size: .61rem}
.indexflash2 li.li_04 .title em{color: #d80c18}
.indexflash2 li.li_04 .msg h3{font-size: .22rem; line-height: .33rem; padding: .2rem 0 .1rem 0}
.indexflash2 li.li_04 .btn a{color: #fff}
.indexflash2 li.li_04 .btn a:after{background-image: }
.indexflash2 li.li_04 .logo{width: 2.62rem}
.indexflash2 .move{position:relative; left:0; top:0;
transition:all .5s ease;
-webkit-transition:all .5s ease
}
.indexflash2 .move.on{
transition-duration: 0s;
-webkit-transition-duration: 0s;
}
@media screen and ( max-width:800px ){
.indexflash2 .arrow a.prev{left: 0; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0}
.indexflash2 .arrow a.next{right: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0}
.indexflash2 .dots{margin-left: -2.67rem}
.indexflash2 .layer{margin-left: -2.67rem; width: 5.34rem}
.indexflash2 .btn{padding: .3rem 0}
.indexflash2 li{height: 4rem}
.indexflash2 li.li_01 .layer{padding-top: 1rem}
.indexflash2 li.li_01 .img-1{width: 2.3rem}
.indexflash2 li.li_01 .img-2{width: 3.7rem}
.indexflash2 li.li_01 .img-3{width: 3.7rem}
.indexflash2 li.li_02 .layer{padding: 1.4rem 0 0 .3rem}
.indexflash2 li.li_02 .img-1{width: 2.04rem; top: 1.15rem}
.indexflash2 li.li_02 .img-2{width: 3.8rem}
.indexflash2 li.li_02 .img-3{width: 3.4rem}
.indexflash2 li.li_03 .layer{padding: .8rem 0 0 0}
.indexflash2 li.li_03 .img-1{width: 3.43rem}
.indexflash2 li.li_03 .logo{width: 3.2rem}
.indexflash2 li.li_04 .layer{padding: .5rem 0 0 0}
.indexflash2 li.li_04 .title h2{font-size: .57rem}
.indexflash2 li.li_04 .msg h3{font-size: .2rem; line-height: .3rem; padding: .2rem 0 0 0}
.indexflash2 li.li_04 .logo{width: 2.6rem}
}