img.logo{width:65px;}
.loading .loadingimg {width: 500px; height: 500px;}
.headerbox .slogan{margin-left:20px;height:60px;color:#fff;line-height:60px;}
.seciton-tilte .titlebg,
h2.bigt .tbg{position:relative;padding:20px;color:#fff;text-shadow:0 0 6px #0ac4ef,0 0 6px #30c7f5,0 0 13px #68ddfe,0 0 10px #2188d8;font-size:30px;}
h2.bigt .tbg:after{position:absolute;left:0;display:inline-block;width:100%;height:100%;background-size:contain;content:" ";top:15px;background:url(../image/tit41.png) 0 no-repeat;background-size:contain;}
h2.bigt{margin-bottom:40px;}
h2.bigt .tbg{padding:20px ;}
h2.bigtitle{margin-bottom:40px;}
.titlebg:after,.titlebg:before{position:absolute;display:inline-block;width:100%;height:100%;content:" ";left:50%;transform:translateX(-50%);}
.titlebg:before{top:-27px;background:url(../image/title-bg-top.png) 0 no-repeat;background-size:contain;}
.titlebg:after{ bottom:-30px;  background:url(../image/title-bg-bottom.png) 0 no-repeat;background-size:contain; }


.index-banner  .swiper-button-next{background:url(../image/next1.png) no-repeat; background-size:cover;width: 65px;}
.index-banner  .swiper-button-prev{background:url(../image/prev1.png) no-repeat; background-size:cover;width: 65px;}

#p4-slide{padding:0 5%;margin-top: 40px;}
#p4-slide .p4-box{   padding:20px 0; position:relative;}
#p4-slide .swiper-container{margin:55px 0; }
#p4-slide .swiper-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(.7);transform:scale(.7);-ms-transition:transform 1s;   border-radius: 20px;}
#p4-slide .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
#p4-slide .none-effect{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
#p4-slide .swiper-slide>a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;width:100%;height:100%; border-radius:20px;background:url(../image/top_slick_cover_bg01.png) 0 0 repeat;content:"";}
#p4-slide .swiper-slide>a{display:block; border-radius:14px; box-sizing:border-box;}
#p4-slide .swiper-slide-active a:after{background:0 0;}
#p4-slide .swiper-slide img{display:block;width:100%;border-radius:14px;}
#p4-slide .swiper-pagination{position:relative;margin-bottom:10px;}
#p4-slide .swiper-pagination-bullet{margin-right:4px;margin-bottom:4px;margin-left:4px;width:17px;height:17px;background:#ffdb14;opacity:1;}
#p4-slide .swiper-pagination-bullet-active{margin-bottom:0;width:13px;height:13px;border:6px solid #ffdb14;background:#fff;}
#p4-slide .button{    position: absolute;  bottom: 50%;  margin: 0 auto;   width: 100%;}
#p4-slide .button div:hover{    background-color: #ffdb14;}
#p4-slide .swiper-button-prev ,
.about-us .swiper-button-prev{ width:50px; height:50px; border-radius: 50%; left:-60px; background: url(../image/prev2.png) no-repeat;
   background-size: contain;}
#p4-slide .swiper-button-prev:hover,
.about-us .swiper-button-prev:hover{background: url(../image/prev-actives.png) no-repeat;  background-size: contain;}
#p4-slide .swiper-button-next,
.about-us .swiper-button-next{ width:50px; height:50px; border-radius: 50%; right:-60px;background: url(../image/next2.png) no-repeat;
   background-size: contain;}
#p4-slide .swiper-button-next:hover,
.about-us .swiper-button-next:hover{background: url(../image/next-actives.png) no-repeat;  background-size: contain;}
  #p4-slide #p4-nav{display:none;}

.outbox{position:absolute;top:0;left:0;overflow:hidden;margin:0 auto;width:inherit;height:inherit;border-radius:15px;transform-origin:center center;}
.play{position:absolute;top:50%;left:50%;z-index:2;display:block;display:flex;width:100%;height:100%;background:rgb(0 0 0 / 30%);background-size:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;transform:translate(-50%,-50%);-ms-transition:all .3s;justify-content:center;align-items:center;}
.play .vio-click{display:inline-block;width:18px;height:28px;background:url(../image/nav-start.png) 50% no-repeat;background-size:contain;}
.play .vio-bg {position:absolute;    margin-left: -5px; display:inline-block; width:70px ; height:70px;background:url(../image/nav-ring.png) 50% no-repeat;background-size:100%;animation: load-ring 3s linear infinite;}
.pop{position:absolute;top:50%;left:50%;z-index:-1;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-opacity:0;-moz-opacity:0;}
.pop .close{position:absolute;top:-25px;right:-30px;display:block;width:24px;height:24px;background:url(../image/close.png);background-size:auto 100%;-webkit-transition:.4s all;-moz-transition:.4s all;-o-transition:.4s all;transition:.4s all;-ms-transition:.4s all;}
.video-pop #video-box{    margin: 0 auto;
    width: 800px;
    height: 450px;
    background: url(../image/cn1.png) no-repeat;
    background-size: contain;
    padding: 11px 30px 12px 13px;}
.video-pop #video-box video{width:100%;}
.transparentB{position:fixed;top:0;left:0;left:auto;z-index:-1;width:100%;height:100%;max-width:100%;max-height:100%;background-color:#000;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-webkit-opacity:0;-moz-opacity:0;}
.transparentB.on{z-index:9998;opacity:.98;-webkit-opacity:.98;-moz-opacity:.98;}
.pop.on{z-index:9999;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.video-pop.on{z-index:9999;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.pop .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}

 
@keyframes load-ring {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}


 
    
 
#listtab  .data-content{margin:-10px 0 20px;padding:20px 0; color:#fff;}
#listtab {margin-top:20px;}
#listtab  .data-title h4{font-size: 20px;display: flex; justify-content: space-between;padding:10px;color: #dadada;background: #313030;  margin-bottom: 10px;}
#listtab  .data-title h4:after{display: inline-block;content: " ";width: 20px; height: 20px;  opacity: 0.7;  transform: rotate(90deg);background:url(../image/prev.png) 8px 0 no-repeat;background-size:contain;  }
#listtab .listbox.active .data-title h4:after{    transform: rotate(270deg);opacity: 1;background-position-x: 0px; transition:all 0.5s;}
#listtab  .data-content{display: none;}
#listtab .listbox.active .data-content{font-size: 16px;display: block; margin-bottom: 5px; padding: 40px 20px 55px;}
#listtab .listbox.active .data-title h4{    border-radius: 5px; background: -webkit-linear-gradient(top,#b4d3e1,#009dfe 50%,#31a0c4 100%);color: #fff;}
    
.welfare{margin-bottom:40px;}
.welfare .wboxs{display:flex;justify-content:space-between;}
.wbox{box-sizing:border-box;padding:15px;border:1px solid #858181;border-radius:10px;color:#ffff;text-align:center;}
.address{display:flex;margin:20px auto  40px;justify-content:center;}
.address img{width:100%;}

 
.coopers{display:flex;flex-wrap:nowrap;justify-content: flex-start;}
.coopers li{margin-bottom:30px; }

 #marketings{display:flex;flex-wrap:wrap;justify-content:space-between;}
.markets-box{    margin: 0 2% 20px;width:calc(25%);color:#fff;}
.markets-box .mboxs{display:flex;padding:30px;height:450px;background:url(../image/front.png) no-repeat;background-size:contain;flex-direction:column;align-items:center;justify-content:center;}
.backbox{display:none;}
.markets-box .backbox{font-size: 18px;padding:40px;height:450px;background:url(../image/back.png) no-repeat;background-size:contain;color:#000;justify-content:center;align-items: center;}
.markets-box:hover .mboxs,.markets-box.on  .mboxs{display:none;}
.markets-box:hover div.backbox,.markets-box.on  div.backbox{display:flex;}
.data-title{margin:20px 0;font-size:20px;}
.data-title:after{position:relative;top:-5px;left:50%;display:inline-block;margin:0 auto;width:80px;height:3px;background:#fff;content:" ";text-align:center;transform:translateX(-50%);}
@media screen and (max-width:768px) {.coopers li{width: calc(100%/2);}}

@media screen and (min-width:769px) and (max-width:800px) {
   
div.markets-box .backbox,div.markets-box .mboxs{height:300px;}
div.markets-box{margin:0 0 20px;width:calc(32%);}
.markets-box .backbox{padding:20px;font-size:16px;align-items:flex-start;}

    
}
@media screen and (min-width:801px) and (max-width:1040px) {
div.markets-box .mboxs{justify-content:flex-start;}
div.markets-box{margin:0 0 20px;width:calc(30%);}
.markets-box .backbox{font-size:16px;align-items:flex-start;}
div.markets-box .backbox,div.markets-box .mboxs{height:370px;}
.coopers li{width: calc(100%/3);}

}

@media screen and (min-width:1039px) and (max-width:1800px) {.coopers li{width: calc(100%/4);}}
@media screen and (max-width:1400px){
    .markets-box .backbox{align-items:flex-start;}
    }
    
@media screen and (min-width:768px) and (max-width:1200px) {

.markets-box div.backbox p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:8;}

}
@media screen and (min-width:1801px){.coopers li{width: calc(100%/8);}}