
/*

★★★ 服务行业各专题公用样式 ★★★

*/

.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: url("bk_banner.png")}
.banner.xf{background-image: url("bk_banner_xf.png")}
.banner.xf .box,.banner.tx .box,.banner.zm .box{padding-top:100px}
.banner.car{background-image: url("bk_banner_car.png")}
.banner.af{background-image: url("bk_banner_af.png")}
.banner.yl{background-color:#19A3A7; background-image: url("bk_banner_yl.png")}
.banner.yl .box>b{font-size:2.2em}
.banner.dy{background-color:#195BA7; background-image: url("bk_banner_dy.png")}
.banner.tx{background-color:#195BA7; background-image: url("bk_banner_tx.png")}
.banner.tx .box>p{padding-top:.5em}
.banner.zm{background-color:#195BA7; background-image: url("bk_banner_zm.png")}
.banner.xny{background-color:#195BA7; background-image: url("bk_banner_xny.png")}
.banner.xny .box{padding-top:140px;}
.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; background-color:#fff; 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:#008C95; 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:#008C95; border-left-color:#008C95; 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:#008C95}
.fxMenu li.bnBackTop{background-color:#008C95; color:#fff; line-height:4em;}
.fxMenu li.bnBackTop a{color:#fff;}

div[boxPage="p1"]{background:url('/Content/img/Topic/gkpcb/bk1.png') no-repeat center top / cover; padding:2.5em 0 3em;}
div[boxPage="p2"]{padding-bottom:3em}
div[boxPage="p3"]{background:url('/Content/img/Topic/gkpcb/bk2.png') 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: url("/Content/img/Topic/gkpcb/img_ns.png") no-repeat center center / cover; width: 559px; min-width: 559px; height: 363px;}
div[boxPage="p4"] .box.xf .right{background-image: url("img_ns_xf.png");}
div[boxPage="p5"]{padding-bottom:3em;}
div[boxPage="p6"]{background-color:#f9f9f9; padding:0 0 2em}
div[boxPage="p7"]{background:url('/Content/img/Topic/gkpcb/bk3.png') 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:#008C95; 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:#008C95}
.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:url("/Content/img/Topic/gkpcb/icon_01.png")}
.hotC li.i2 i{background-image:url("/Content/img/Topic/gkpcb/icon_02.png")}
.hotC li.i3 i{background-image:url("/Content/img/Topic/gkpcb/icon_03.png")}
.hotC li.i4 i{background-image:url("/Content/img/Topic/gkpcb/icon_04.png")}
.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:#008C95}
.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:url('/Content/img/Topic/lvjiban/shipin_btn.png') no-repeat center; cursor:pointer}
.vedio{position:relative; width:100%; margin:1em 0; height:346px; background:#333 url('/Content/img/newAbout/videoImg.png') 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:url('/Content/img/Topic/lvjiban/circle.png') 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:url('/Content/img/newAbout/close.jpg') 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: url("img_s01.png")}
.swiperCI .swiper-slide.img2{background-image: url("img_s02.png")}
.swiperCI .swiper-slide.img3{background-image: url("img_s03.png")}
.swiperCI .swiper-slide.img4{background-image: url("img_s04.png")}
.swiperCI .swiper-slide.img5{background-image: url("img_s05.png")}
.swiperCI .swiper-slide.img6{background-image: url("img_s06.png")}
.swiperCI .swiper-slide.imgXF1{background-image: url("img_xf_s01.png")}
.swiperCI .swiper-slide.imgXF2{background-image: url("img_xf_s02.png")}
.swiperCI .swiper-slide.imgXF3{background-image: url("img_xf_s03.png")}
.swiperCI .swiper-slide.imgXF4{background-image: url("img_xf_s04.png")}
.swiperCI .swiper-slide.imgXF5{background-image: url("img_xf_s05.png")}
.swiperCI .swiper-slide.imgCar1{background-image: url("img_car_s01.png")}
.swiperCI .swiper-slide.imgCar2{background-image: url("img_car_s02.png")}
.swiperCI .swiper-slide.imgCar3{background-image: url("img_car_s03.png")}
.swiperCI .swiper-slide.imgCar4{background-image: url("img_car_s04.png")}
.swiperCI .swiper-slide.imgCar5{background-image: url("img_car_s05.png")}
.swiperCI .swiper-slide.imgCar6{background-image: url("img_car_s06.png")}
.swiperCI .swiper-slide.imgCar7{background-image: url("img_car_s07.png")}
.swiperCI .swiper-slide.imgCar8{background-image: url("img_car_s08.png")}
.swiperCI .swiper-slide.imgCar9{background-image: url("img_car_s09.png")}
.swiperCI .swiper-slide.imgYL1{background-image: url("img_yl_s01.png")}
.swiperCI .swiper-slide.imgYL2{background-image: url("img_yl_s02.png")}
.swiperCI .swiper-slide.imgYL3{background-image: url("img_yl_s03.png")}
.swiperCI .swiper-slide.imgYL4{background-image: url("img_yl_s04.png")}
.swiperCI .swiper-slide.imgYL5{background-image: url("img_yl_s05.png")}
.swiperCI .swiper-slide.imgYL6{background-image: url("img_yl_s06.png")}
.swiperCI .swiper-slide.imgYL7{background-image: url("img_yl_s07.png")}
.swiperCI .swiper-slide.imgYL8{background-image: url("img_yl_s08.png")}
.swiperCI .swiper-slide.imgYL9{background-image: url("img_yl_s09.png")}
.swiperCI .swiper-slide.imgYL10{background-image: url("img_yl_s10.png")}
.swiperCI .swiper-slide.imgAF1{background-image: url("img_af_s01.png")}
.swiperCI .swiper-slide.imgAF2{background-image: url("img_af_s02.png")}
.swiperCI .swiper-slide.imgAF3{background-image: url("img_af_s03.png")}
.swiperCI .swiper-slide.imgAF4{background-image: url("img_af_s04.png")}
.swiperCI .swiper-slide.imgAF5{background-image: url("img_af_s05.png")}
.swiperCI .swiper-slide.imgAF6{background-image: url("img_af_s06.png")}
.swiperCI .swiper-slide.imgAF7{background-image: url("img_af_s07.png")}
.swiperCI .swiper-slide.imgAF8{background-image: url("img_af_s08.png")}
.swiperCI .swiper-slide.imgAF9{background-image: url("img_af_s09.png")}
.swiperCI .swiper-slide.imgAF10{background-image: url("img_af_s10.png")}
.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: url("icon_t1.png") no-repeat center center / contain; width: 77px; height: 78px; position: absolute; top:-7px; left:-7px}
.boxLTO .n i.t2{background-image: url("icon_t2.png")}
.boxLTO .info{padding-bottom:1.5em}
.boxLTO .info p{color:#777}
.boxLTO .info p em{color:#008C95; 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: url("pcbH01.png");}
.boxLTO .ph.img2{background-image: url("pcbH02.png");}
.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:#008C95}

.boxTopicFooter{background: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") 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:#008C95;}
.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%}
}
@media screen and (max-width:1580px){
    .fxMenu{display: none}
}