/*

★★★ 服务行业各专题公用样式 ★★★

*/

.boxbody{min-width:1500px; background-color:#fff;}
.anmt3,.about ul li:after,.about ul li span,.swiperboxzz .swiper-slide span,.swiperci .swiper-slide div,.swiperci .swiper-slide:after,.imga i img，.swiper-slide.xf:after,.boxlto .info b{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.banner{background:#18222e no-repeat center center}
.banner.gk{background-image: }
.banner.xf{background-image: }
.banner.xf .box{padding-top:100px}
.banner.car{background-image: }
.banner.af{background-image: }
.banner.yl{background-color:#19a3a7; background-image: }
.banner.yl .box>b{font-size:2.2em}
.banner.dy{background-color:#195ba7; background-image: }
.banner.tx{background-color:#195ba7; background-image: }
.banner.tx .box{padding-top:100px}
.banner.tx .box>p{padding-top:.5em}
.banner .box{height:500px; position:relative; box-sizing: border-box; padding-top:120px;}
.banner .box>b{font-size:2.4em; color:#fff; max-width:686px; display: block;}
.banner .box>p{font-size:.8em; padding-top:30px; line-height:2em; color:#fff; max-width:716px}

.banner .login-register-rs{font-size:14px; top:30px; padding:0 40px; height:380px}
.banner.m .login-register-rs{width:360px; padding:0 30px}
.banner.m .input_box{display: flex;}
.banner.m .input_box input{width:100%; border-radius:5px}
.banner.m .input_box.clearfix:after{display: none}
.banner.m .login_tel{min-width:14px;}
.banner.m .login_yz{min-width:18px;}
.banner.m .yanzheng_box{width:150px}
.banner.m .msgs{width:100px}
.banner.m .box>b,.banner.m .box>p{max-width: 800px}
.banner .login-register-rs h2{margin:25px 0 15px; font-size:24px}
.banner .login-register-rs h2 span{font-weight: bold!important}
.banner .form-group{margin-bottom:10px}

.boxgoquote{position: absolute; left:0; right:0; bottom:-2.5em;}

.bkb3{background-color:#fff; padding:3em 0;}

.boxtopic{font-size:20px; font-family: "microsoft yahei", "微软雅黑", tahoma, arial, helvetica, stheiti}
.boxtopic .box{max-width:1200px; margin:0 auto}
.boxtopic .pamous{position:relative; top:0; height:0; overflow: hidden;}
.boxtopic .tit{padding:3em 0 1.5em; text-align: center}
.boxtopic .tit b{color:#000; font-size:1.8em; display: block; margin-bottom:.3em}
.boxtopic .tit b:before{content:''; width:16px; height:16px; background-color:#f90; display: inline-block; vertical-align:top; position: relative; top:.5em; margin-right:.6em}
.boxtopic .tit p{font-size:.8em; color:#777}
.boxtopic .tit.ti2 p{text-indent:2em; text-align: left; margin-bottom:0; line-height:1.8em;}
.boxtopic .tit.c p{text-align: center; text-indent:0}
.boxtopic .tit.l{padding:0 0 1em; text-align: left}
.boxtopic .tit.l b{position:relative;}
.boxtopic .tit.l b:before{position:absolute; top:-.15em; left:-.4em; background-color: transparent; border:10px solid transparent; border-top-color:#f90; border-left-color:#f90; width:0; height:0;}

.fxmenu{position:sticky; top:2em; left:6%; height:0; z-index:6}
.fxmenu .box{width:6.7em; margin-top:2em; position: absolute; left: 6%;}
.fxmenu li{background-color:#fff; box-shadow: rgba(0,0,0,.1) 0 5px 1em; line-height:3em; text-align: center;}
.fxmenu li a{font-size:.8em; display: block; color:#777;}
.fxmenu li a:hover,.fxmenu li a.on{color:#f90}
.fxmenu li.bnbacktop{background-color:#f90; color:#fff; line-height:4em;}
.fxmenu li.bnbacktop a{color:#fff;}

div[boxpage="p1"]{background: no-repeat center top / cover; padding:2.5em 0 3em;}
div[boxpage="p2"]{padding-bottom:3em}
div[boxpage="p3"]{background: no-repeat center top / cover; }
div[boxpage="p4"]{background:#f9f9f9; padding:4em 0;}
div[boxpage="p8"]{background:#f9f9f9; padding-bottom:4em;}
div[boxpage="p4"] .box{display: flex; justify-content: space-between; align-items:flex-end}
div[boxpage="p4"] .box ul{display: flex; flex-wrap: wrap}
div[boxpage="p4"] .box ul li{width:33.333%; padding-top:1.5em;}
div[boxpage="p4"] .box li span{display: block; color:#777; font-size:.8em; margin-bottom:.3em}
div[boxpage="p4"] .box li b{display: block; color:#333; font-size:.9em;}
div[boxpage="p4"] .box .right{background:  no-repeat center center / cover; width: 559px; min-width: 559px; height: 363px;}
div[boxpage="p4"] .box.xf .right{background-image: ;}
div[boxpage="p5"]{padding-bottom:3em;}
div[boxpage="p6"]{background-color:#f9f9f9; padding:0 0 2em}
div[boxpage="p7"]{background: no-repeat center top / cover; padding-bottom:3em;}

.products{display: flex; justify-content: space-between;}
.products dt{width:33%; background-color:#fff; box-shadow: rgba(0,0,0,.1) 0 0 1em; padding:2.5em 0 0}
.products dt i{height:220px; text-align: center; display: flex; justify-items: center; flex-wrap: wrap; align-content: center; justify-content: center;}
.products dt i img{display: block; max-width:100%;}
.products dt b,.products dt div{width:70%; margin:0 auto;}
.products dt b{display: block; font-size:1.5em; margin-top:2em}
.products dt div{font-size:.8em; line-height:1.8em; color:#777; padding-top:1em;}
.products dd{width:calc(67% - 10px); display: flex; justify-content: space-between; flex-wrap: wrap; gap:10px;}
.products dd div{background-color:#fff; text-align: center; flex:1; min-width:calc(33.333% - 20px); padding:2em 0; cursor:pointer}
.products dd div.on{box-shadow: rgba(0,0,0,.1) 0 0 1em}
.products dd b{font-weight: normal; font-size:.8em; margin-top:1em; display: block}
.products i{display: block; width:70%; height:150px; margin:0 auto;}
.products dd i img{display: block; width:100%; height:100%; object-fit:contain;}
.products dd div div{display: none;}

.about .n{justify-content: space-between; display: none; background-color:#fbfbfb}
.about .n div{padding:6em 2.5em 0;}
.about .n div:before{content:''; display: block; width:2.5em; height:4px; background-color:#f90; margin-bottom:1.5em;}
.about .n div b{display: block; font-size:1.5em; margin-bottom:1em;}
.about .n div p{font-size:.8em; color:#777; line-height:1.8em;}
.about .n.on{display:flex;}
.about .n i{min-width:797px; height: 480px; display: block}
.about ul{display: flex; justify-content: space-between; gap:10px; margin-top:10px; user-select:none;}
.about ul li{flex:1; font-weight: bold; color:#fff; text-align: center; line-height:120px; background: no-repeat center center / cover; position: relative; cursor:pointer}
.about ul li span{position: relative; z-index:1; opacity:1;}
.about ul li:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:0; opacity:1}
.about ul li.on:after{opacity:0}
.about ul li.on span{opacity:0}

.swiperboxzz{ position: relative; z-index:0; background-color:#fff; padding:2em; user-select: none}
.swiperboxzz .swiper{overflow: hidden; padding:1em;}
/*.swiperboxzz .swiper-slide{width: 262px!important;}*/
.swiperboxzz .swiper-slide span{display: block; text-align: center; opacity:0; padding-top:1em; font-size:.8em; color:#777}
.swiperboxzz .swiper-slide:hover span{color:#f90}
.swiperboxzz .swiper-slide.swiper-slide-active span{opacity:1}
.swiperboxzz .swiper-slide img{box-shadow: rgba(0,0,0,.2) 0 0 1em; display: block;}
.swiperboxzz .swiper-button-next,.swiperboxzz .swiper-button-prev{width:39%; height:100%; margin:0; top:0}
.swiperboxzz .swiper-button-next{right:0}
.swiperboxzz .swiper-button-prev{left:0}
.swiperboxzz .swiper-button-next:after,.swiperboxzz .swiper-button-prev:after{display: none}
.swiper-slide{width: 262px; text-align:center; font-size:18px; background:#fff; display:flex; justify-content:center; align-items:center;flex-direction: column;}
.swiper-slide img{display:block; width:100%; height:100%; object-fit:cover}

.hotc{display:flex; justify-content: space-between; align-items: center; padding:.7em 0;}
.hotc li{display:flex; gap:1em;}
.hotc li.i{border-right:1px solid #a2a3a5; height:2.3em;}
.hotc li i{width:3.2em; height:3em; float: left; background: no-repeat center center;}
.hotc li b{display:block; font-size:1.5em; line-height:1em; margin-bottom:.1em;}
.hotc li span{display:block; font-size:.8em; color:#777}
.hotc li.i1 i{background-image:}
.hotc li.i2 i{background-image:}
.hotc li.i3 i{background-image:}
.hotc li.i4 i{background-image:}
.imga{display: flex; justify-content: space-between; gap:.5em;}
.imga i{display: block; height:200px; overflow: hidden;}
.imga i img{display: block; width:100%; height:100%; object-fit:cover}
.imga span{display: block; text-align: center; font-size:.8em; color:#777; line-height:2em; padding-top:.3em;}
.imga a:hover span{color:#f90}
.imga a:hover img{transform: scale(1.05)}



/* 视频 */
.btn_video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:112px; height:112px; background: no-repeat center; cursor:pointer}
.vedio{position:relative; width:100%; margin:1em 0; height:346px; background:#333  no-repeat center center / cover}
video{width:100%}
.layer{width:800px}
.layer video{width:100%}
.showvedio{cursor:pointer}
.circle{width:112px; height:112px; display:block; background: no-repeat center; animation:dx 2s linear 0s infinite}
@-webkit-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/*视屏弹层*/
.video_model{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; z-index:1000}
.video-tc{width:800px; height:450px; left:50%; margin-left:-400px; margin-top:-225px; position:absolute; top:50%}
.close{width:38px; height:38px; background: no-repeat center; display:block; position:absolute; right:-50px; top:-30px; opacity:0.5; cursor:pointer}
.close:hover{opacity:1}

.swipercompanys{text-align: center; overflow: hidden; user-select: none; position: relative; padding-bottom:1em}
/*.swipercompanys .swiper-wrapper{transition:all 3s linear!important;}*/
.swipercompanys:after,.swipercompanys:before{position: absolute; top:0; bottom:0; z-index:2; content:''; width:30%;}
.swipercompanys:before{left:0;
    background: -moz-linear-gradient(left,  #f9f9f9, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  #f9f9f9,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  #f9f9f9,rgba(255,255,255,0) 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f9f9f9', endcolorstr='#00f9f9f9',gradienttype=1 );
}
.swipercompanys:after{right:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, #f9f9f9);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,#f9f9f9);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,#f9f9f9);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00f9f9f9', endcolorstr='#f9f9f9',gradienttype=1 );
}
.swipercompanys .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swipercompanys img{display: block; max-width:100%; margin:0 auto 1em;}
.swipercompanys .swiper-slide{width:264px; height:563px; background-color:transparent; position: relative; overflow: visible; display: block}
.swipercompanys .swiper-slide div{width:264px}
.swipercompanys .swiper-slide div div{margin-top:1em}
.swipercompanys .swiper-slide span{display: block; font-size:.8em; color:#777}
.swipercompanys .swiper-slide div:nth-child(2){margin-left:4em}
/*.swipercompanys .swiper-slide img{position: absolute; top:0; bottom:0; left:50%; width:2688px; object-fit:none; max-width:2688px; transform: translatex(-50%);}*/
.swipercompanys .swiper-slide:after{content:''; position: absolute; left:0; top:0; right:0; bottom:0; z-index:1}
.swiperci{overflow: hidden; position: relative}
.swiperci .swiper-slide{width:1000px; height:460px; background:no-repeat center center / cover; position: relative}
.swiperci .swiper-slide.img1{background-image: }
.swiperci .swiper-slide.img2{background-image: }
.swiperci .swiper-slide.img3{background-image: }
.swiperci .swiper-slide.img4{background-image: }
.swiperci .swiper-slide.img5{background-image: }
.swiperci .swiper-slide.img6{background-image: }
.swiperci .swiper-slide.imgxf1{background-image: }
.swiperci .swiper-slide.imgxf2{background-image: }
.swiperci .swiper-slide.imgxf3{background-image: }
.swiperci .swiper-slide.imgxf4{background-image: }
.swiperci .swiper-slide.imgxf5{background-image: }
.swiperci .swiper-slide.imgcar1{background-image: }
.swiperci .swiper-slide.imgcar2{background-image: }
.swiperci .swiper-slide.imgcar3{background-image: }
.swiperci .swiper-slide.imgcar4{background-image: }
.swiperci .swiper-slide.imgcar5{background-image: }
.swiperci .swiper-slide.imgcar6{background-image: }
.swiperci .swiper-slide.imgcar7{background-image: }
.swiperci .swiper-slide.imgcar8{background-image: }
.swiperci .swiper-slide.imgcar9{background-image: }
.swiperci .swiper-slide.imgyl1{background-image: }
.swiperci .swiper-slide.imgyl2{background-image: }
.swiperci .swiper-slide.imgyl3{background-image: }
.swiperci .swiper-slide.imgyl4{background-image: }
.swiperci .swiper-slide.imgyl5{background-image: }
.swiperci .swiper-slide.imgyl6{background-image: }
.swiperci .swiper-slide.imgyl7{background-image: }
.swiperci .swiper-slide.imgyl8{background-image: }
.swiperci .swiper-slide.imgyl9{background-image: }
.swiperci .swiper-slide.imgyl10{background-image: }
.swiperci .swiper-slide.imgaf1{background-image: }
.swiperci .swiper-slide.imgaf2{background-image: }
.swiperci .swiper-slide.imgaf3{background-image: }
.swiperci .swiper-slide.imgaf4{background-image: }
.swiperci .swiper-slide.imgaf5{background-image: }
.swiperci .swiper-slide.imgaf6{background-image: }
.swiperci .swiper-slide.imgaf7{background-image: }
.swiperci .swiper-slide.imgaf8{background-image: }
.swiperci .swiper-slide.imgaf9{background-image: }
.swiperci .swiper-slide.imgaf10{background-image: }
.swiperci .swiper-slide div{position: absolute; top:50%; left:50%; z-index:1; transform: translate(-50%,-50%);  max-width:90%; opacity:0; visibility:hidden; color:#fff}
.swiperci .swiper-slide div b{display: block; font-size:1.2em; margin-bottom:1em}
.swiperci .swiper-slide div p{font-size:.8em; max-width:600px}
.swiperci.sl .swiper-slide div{width:90%}
.swiperci.sl .swiper-slide div p{display: inline-block; text-align: left}
.swiperci .swiper-slide.swiper-slide-active div{opacity:1; visibility:visible}
.swiperci .swiper-slide:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 0; background-color:rgba(255,255,255,.5)}
.swiperci .swiper-slide.xf:after{opacity:0}
.swiperci .swiper-slide.xf.swiper-slide-active:after{opacity:1;
    background:-moz-linear-gradient(top,rgba(58,92,187,0) 0%, rgba(58,92,187,0.7) 100%);
    background:-webkit-linear-gradient(top,rgba(58,92,187,0) 0%,rgba(58,92,187,0.7) 100%);
    background:linear-gradient(to bottom,rgba(58,92,187,0) 0%,rgba(58,92,187,0.7) 100%);
    filter:progid:dximagetransform.microsoft.gradient( startcolorstr='#003a5cbb', endcolorstr='#b33a5cbb',gradienttype=0 );
}
.swiperci .swiper-slide.swiper-slide-active:after{background-color:rgba(0,0,0,.5)}
.swiperci .sun{width:1000px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:1}
.swiperci .sun>*{color:#fff}
.swiperci .sun>*:hover{opacity:.7}
    /*.swiperci .swiper-slide.swiper-slide-prev,.swiperci .swiper-slide.swiper-slide-next{width:460px}*/
/*.swiperci .swiper-slide.swiper-slide-active{width:1000px}*/

.boxlto{display: flex; justify-content: space-between; flex-wrap: wrap}
.boxlto .n{width:49%; position: relative; background-color:#fff; padding:2em 1em 2em 2em; border-radius:.4em; display: flex; justify-content: space-between}
.boxlto .n i.it{background:  no-repeat center center / contain; width: 77px; height: 78px; position: absolute; top:-7px; left:-7px}
.boxlto .n i.t2{background-image: }
.boxlto .info{padding-bottom:1.5em}
.boxlto .info p{color:#777}
.boxlto .info p em{color:#f90; margin-left:.3em;}
.boxlto .info b{font-size:1.5em; display: block; margin-bottom:.3em}
.boxlto .info span{color:#a2a3a5; font-size:.7em; display: block}
.boxlto .info span:before{content:''; display:inline-block; background-color:#a2a3a5; width:.6em; height:.6em; border-radius:50%; margin-right:.5em; vertical-align: middle}
.boxlto .ph{background:no-repeat center center; width:240px; max-height:200px}
.boxlto .ph.img1{background-image: ;}
.boxlto .ph.img2{background-image: ;}
.boxlto .bnsa{position: absolute; left:0; right:0; bottom:0; border-radius:0; text-align: center; opacity:0; font-weight: bold}
.boxlto .n:hover .bnsa{opacity:1}
.boxlto .n:hover .info b{color:#f90}

.boxtopicfooter{background:  no-repeat center center / cover; min-height:80px; padding:.7em 0; color:#fff; font-size:20px;}
.boxtopicfooter .box{max-width:1280px; margin:0 auto}
.boxtopicfooter .text{float: left}
.boxtopicfooter .text b{display: block; line-height:1em; font-size:1.5em; font-weight:normal; margin-top:.3em}
.boxtopicfooter .text span{font-size:.7em}
.boxtopicfooter .quote{float: right; padding-top:.3em}
.boxtopicfooter .quote>*{vertical-align: middle}
.boxtopicfooter .quote .ipt{width:6em; font-size:14px; height:40px; line-height:40px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxtopicfooter .quote .ipt#num{width:10em;}
.boxtopicfooter .topicquotenum{display: inline-block; position: relative;}
.boxtopicfooter .bntopicgoquote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:34px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxtopicfooter .bntopicgoquote:hover{opacity:.7; background-color:#f90;}
.boxtopicfooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxtopicfooter .boardnumber #txtselnum{width:100px}
.boxtopicfooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}


@media screen and (max-width:1730px){
    .fxmenu .box{left:1%}
}