.boxbody{min-width:1200px; background-color:#fff;}
.boxtopic{font-size:20px; font-family: "microsoft yahei", "微软雅黑", tahoma, arial, helvetica, stheiti}
.boxtopic .box{max-width:1440px; margin:0 auto}

.banner{background: #fa5422 no-repeat center center;}
.banner .box{height:500px; position:relative; box-sizing: border-box; font-size:.8em;}
.banner .login-register-rs{font-size:14px; top:60px; padding:0 40px; height:380px}
.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}

.anmt3,.licg li,.listqc li:after,.li4 li:before,.lic li img,.lic li:after,.boximg img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.boximg{display: block; overflow: hidden;}
.boximg:hover img{transform: scale(1.05)}

div[boxpage="p1"],div[boxpage="p3"]{background:#f6f6f6}
div[boxpage="p2"],div[boxpage="p3"],div[boxpage="p4"],div[boxpage="p7"],div[boxpage="p9"]{padding-bottom:4em}
div[boxpage="p5"]{background:  no-repeat center bottom / cover;}
div[boxpage="p5"] img,div[boxpage="p7"] img{display: block; max-width:100%;}
div[boxpage="p8"]{background:#f9f9f9; padding-bottom:2em}

.boxtopic .tit{text-align: center; padding:4em 0 2em;}
.boxtopic .tit b{display: block; font-size:2em}
.boxtopic .tit b em{color:#f90}
.boxtopic .tit b p{margin-top:1em; color:#333; font-size:.8em;}
.boxtopic .tit.s2 p{font-size:2.8em; font-weight: bold;}

.licg{display: flex; justify-content: space-between; gap:1em; padding-bottom:4em;}
.licg li{border-radius:.4em; background-color:#fff; width:100%; padding:2em .5em}
.licg li:before{content:''; float: left; margin-left:1em; width:4.4em; height:4.4em; background:no-repeat center center / cover;}
.licg li:nth-child(1):before{background-image: }
.licg li:nth-child(2):before{background-image: }
.licg li:nth-child(3):before{background-image: }
.licg li:nth-child(4):before{background-image: }
.licg li div{margin-left:6em;}
.licg li div b{font-size:1.2em; display: block; margin-bottom:.4em; font-weight:normal;}
.licg li div p{font-size:.9em; margin-bottom:0}
.licg li:hover{box-shadow: rgba(255,173,51,1) 0 5px 0;}

.listqc{display:flex; justify-content: space-between; gap:1em; user-select: none}
.listqc li{position:relative; width:100%;background-color:#f6f6f6; overflow: hidden}
.listqc li:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; background:#f13d36; opacity:0;
    background: -moz-linear-gradient(-45deg,  #f13d36 1%, #fda069 100%);
    background: -webkit-linear-gradient(-45deg,  #f13d36 1%,#fda069 100%);
    background: linear-gradient(135deg,  #f13d36 1%,#fda069 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f13d36', endcolorstr='#fda069',gradienttype=1 );}
.listqc li:hover:after{opacity:1}
.listqc li>div{position: relative; z-index:1; padding:2em 0; max-width:250px; margin:0 auto;}
.listqc .t{display:flex; align-items: center; width:100%; margin-bottom:1em}
.listqc .t b,.listqc .m b{font-size:1.8em; line-height:1em;}
.listqc .t em{font-size:.8em; border:1px solid #333; border-radius:3em; padding:.3em 1em; line-height:1em; margin-left:1em}
.listqc .m{color:#fa721f; display: flex; align-items: flex-end; border-bottom:1px dashed #999; padding:.5em 0 1em; margin-bottom:.5em}
.listqc .m em{font-size:.8em; font-weight: bold;}
.listqc p{font-size:.8em; margin:0; padding-top:.7em}
.listqc p:before{content:'\e630'; font-family:iconfont_dg; color:#fa721f; margin-right:.5em}
.listqc .bn{border-radius:3em; color:#fff; font-size:.8em; text-align: center; margin-top:1.5em; padding:.5em 0; border:1px solid #fa711d; display: block;}
.bks1,.listqc .bn,.licf ul:hover .t,.tabhd li.on{background: #fa711d;
    background: -moz-linear-gradient(-45deg,  #fa711d 0%, #f99e54 100%);
    background: -webkit-linear-gradient(-45deg,  #fa711d 0%,#f99e54 100%);
    background: linear-gradient(135deg,  #fa711d 0%,#f99e54 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#fa711d', endcolorstr='#f99e54',gradienttype=1 )}
.listqc li:hover{box-shadow: rgba(0,0,0,.1) 0 0 1em}
.listqc li:hover,.listqc li:hover .m,.listqc li:hover p:before{color:#fff;}
.listqc li:hover .t em,.listqc li:hover .m{border-color:#fff}
.listqc li:hover .bn{border-color:#fff; background:none rgba(255,255,255,.2)}
.listqc li:hover .bn:hover{opacity:.8}

.licf{display: flex; justify-content: space-between; gap:1em;}
.licf ul{background-color:#fff; width:100%; text-align: center;}
.licf ul:hover{box-shadow: rgba(0,0,0,.1) 0 0 1em}
.licf ul:hover .t{color:#fff;}
.licf ul li.t{background-color:#e8e8e8; font-size:.9em; border:none; margin:0; font-weight:bold}
.licf ul li{font-size:.8em; padding:.8em 0; border-bottom:1px dashed #eee; margin:0 .5em;}
.licf ul li:last-of-type{border:none}
.licf i{min-width:32em; background:  no-repeat center center / cover;}

.tabhd{text-align: center; padding-bottom:1.5em}
.tabhd li{border-radius:2em; font-size:.8em; display: inline-block; padding:.7em 2em; line-height:1em; margin:0; cursor:pointer;}
.tabhd li.on{color:#fff;}
.tabdb li{display: none; border-radius:.8em; overflow: hidden; justify-content: space-between; background-color:#162132; color:#fff;}
.tabdb li .info{width:100%; display: flex; align-items: center; justify-content: center; padding:2em;}
.tabdb li .info b{font-size:1.6em; display: block; margin-bottom:1em}
.tabdb li .info p{opacity: .7}
.tabdb li i{min-width:62%; max-width:62%; min-height:24em;}
.tabdb li i img{display:block; width:100%; height:100%; object-fit: cover;}
.tabdb li.on{display:flex;}

.li4{display: flex; justify-content: space-between; padding:0 2em}
.li4 li{display: flex; justify-content: space-between; align-items: center; gap:1em;}
.li4 li:before{content:''; background:no-repeat center center / cover; width:4.1em; height:4.1em}
.li4 li:nth-child(1):before{background-image: }
.li4 li:nth-child(2):before{background-image: }
.li4 li:nth-child(3):before{background-image: }
.li4 li:nth-child(4):before{background-image: }
.li4 li:hover:before{transform: scale(1.05)}
.li4 li span{font-size:.9em; display: block; line-height:1em; margin-bottom:.3em}
.li4 li b{font-size:1.8em; color:#f90; display: block; line-height:1em}

.lic{display: flex; justify-content: space-between; flex-wrap: wrap; padding:2em 0 0;}
.lic li{position: relative; height:12em; color:#fff; width:24%; margin-bottom:1%; overflow: hidden;}
.lic li img{display: block; width:100%; height:100%; object-fit: cover}
.lic li:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.6; z-index:1}
.lic li:nth-child(1) div:before{background-image: }
.lic li:nth-child(2) div:before{background-image: }
.lic li:nth-child(3) div:before{background-image: }
.lic li:nth-child(4) div:before{background-image: }
.lic li:nth-child(5) div:before{background-image: }
.lic li:nth-child(6) div:before{background-image: }
.lic li:nth-child(7) div:before{background-image: }
.lic li:nth-child(8) div:before{background-image: }
.lic li div{position: absolute; top:50%; left:50%; z-index:2; transform: translate(-50%,-50%);}
.lic li div:before{content:''; display: block; margin:0 auto .5em; height:2.5em; background: no-repeat center center}
.lic li:hover img{transform: scale(1.05)}
.lic li:hover:after{opacity:.5}

.livr{overflow: hidden; display: flex; justify-content: space-between; padding-top:1em}
.livr li{width:24%;}
.livr span{display:block; font-size:.9em; color:#333; margin-top:.5em}
.livr li a:hover span{color:#f90}


.boxtopicfooter{background:  no-repeat center center / cover; font-size:20px; min-height:8em; padding:1em 0; color:#fff; text-align:center; display: flex; justify-content: center; align-items: center;}
.boxtopicfooter span{border:2px solid #fff; border-radius:.5em; color:#fff; font-size:1.5em; cursor:pointer; padding:.7em 2em; display:inline-block; line-height:1em}
.boxtopicfooter span:after{content:'\e629'; font-family:iconfont_dg; margin-left:.5em}
.boxtopicfooter span:hover{background-color:#fff; color:#f90}

.swipercompanys .lg{background-color:#fff; padding:1em;}
.swipercompanys .coop_icon{width:100px; height:28px; margin:0 auto; background:url(/uploads/image/cipcbrevision/partner.png) #fff no-repeat; text-align:center}
.swipercompanys p{color:#999999; font-size:14px; margin-top:8px; text-align:center}
.swipercompanys .coop_icon1{background-position:-5px -175px}
.swipercompanys .coop_icon2{background-position:-115px -175px}
.swipercompanys .coop_icon3{background-position:-225px -175px}
.swipercompanys .coop_icon4{background-position:-335px -175px}
.swipercompanys .coop_icon5{background-position:-445px -175px}
.swipercompanys .coop_icon6{background-position:-555px -175px}
.swipercompanys .coop_icon7{background-position:-665px -175px}
.swipercompanys .coop_icon8{background-position:-775px -175px}
.swipercompanys .coop_icon9{background-position:-5px -220px}
.swipercompanys .coop_icon10{background-position:-115px -220px}
.swipercompanys .coop_icon11{background-position:-225px -220px}
.swipercompanys .coop_icon12{background-position:-335px -220px}
.swipercompanys .coop_icon13{background-position:-445px -220px}
.swipercompanys .coop_icon14{background-position:-555px -220px}
.swipercompanys .coop_icon15{background-position:-665px -220px}
.swipercompanys .coop_icon16{background-position:-775px -220px}
.swipercompanys .coop_icon17{background-position:-5px -268px}
.swipercompanys .coop_icon18{background-position:-115px -268px}
.swipercompanys .coop_icon19{background-position:-225px -268px}
.swipercompanys .coop_icon20{background-position:-335px -268px}
.swipercompanys .coop_icon21{background-position:-445px -268px}
.swipercompanys .coop_icon22{background-position:-555px -268px}
.swipercompanys .coop_icon23{background-position:-665px -268px}
.swipercompanys .coop_icon24{background-position:-775px -268px}
.swipercompanys .coop_icon25{background-position:-5px -314px}
.swipercompanys .coop_icon26{background-position:-115px -314px}
.swipercompanys .coop_icon27{background-position:-225px -314px}
.swipercompanys .coop_icon28{background-position:-335px -314px}
.swipercompanys .coop_icon29{background-position:-445px -314px}
.swipercompanys .coop_icon30{background-position:-555px -314px}
.swipercompanys .coop_icon31{background-position:-665px -314px}
.swipercompanys .coop_icon32{background-position:-775px -314px}
.swipercompanys .coop_icon33{background-position:-5px -360px}
.swipercompanys .coop_icon34{background-position:-115px -360px}
.swipercompanys .coop_icon35{background-position:-225px -360px}
.swipercompanys .coop_icon36{background-position:-335px -360px}
.swipercompanys .coop_icon37{background-position:-445px -360px}
.swipercompanys .coop_icon38{background-position:-555px -360px}
.swipercompanys .coop_icon39{background-position:-665px -360px}
.swipercompanys .coop_icon40{background-position:-775px -360px}

/* 合作客户滚动 */
.swipercompanys{text-align: center; overflow: hidden; user-select: none; position: relative; padding-bottom:1em}
.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:200px; height:420px; background-color:transparent; position: relative; overflow: visible; display: block}
.swipercompanys .swiper-slide>div{width:200px}
.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:after{content:''; position: absolute; left:0; top:0; right:0; bottom:0; z-index:1}