@charset "utf-8";

@font-face {
font-family: "pop"; src: url("../fonts/Poppins-Regular.woff") format("woff");
font-display: swap;
}
.pop{font-family: 'pop'}


* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;border: 0;}
h4,h5,h6{font-weight: normal;}
:focus{outline:0}
a {text-decoration: none;color: #333333;}

button {user-select: none;}
img:not([src]),img[src=""] {opacity: 0;}
img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align: middle;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, button, textarea {font-size: 100%; font: inherit;}
hr{height:0;border: none; border-top: 1px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
body{color: #333;position: relative;overflow-x:hidden;font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,"PingFang SC",Arial,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
textarea::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
select::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
::-webkit-input-placeholder{color:#999;font-size:inherit}
input:-ms-input-placeholder{color:#999;font-size:inherit}
::-webkit-scrollbar{width:10px;height:4px}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#aaa;}

.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: block\0;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: block\0;}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display: block\0;}
.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;display: block\0;}
.line6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;display: block\0;}
.line8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;display: block\0;}
.zi2{position: relative;z-index: 2}
.zi5{position: relative;z-index: 5}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;height:16px;cursor:pointer;padding-left:24px;line-height:18px}
.check+label:after{position:absolute;width:8px;height:8px;border-radius:3px;top:5px;left:5px;content:""}
.check+label:before{position:absolute;top:0;left:0;z-index:0;width:16px;height:16px;border-radius:3px;content:"";background:#fff;border:1px solid #888}
.check:checked+label:after{background:#0075c1}
.check:checked+label:before{border-color:#0075c1}
.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;line-height:16px;cursor:pointer;padding-left:24px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:""}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #0075c1}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#0075c1;top:4px;left:5px}
.imgBox,.zoomImg{position:relative;overflow:hidden;isolation:isolate}
.imgBox .img{padding-bottom:60%;transition:.5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background: #eee}
.imgBox img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}
/*.imgBox img{display: none\0;}*/
.none{display: none;}
.overhide{overflow: hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.scbox{overflow-y:auto }
.scbox::-webkit-scrollbar{width:4px;display:block;}
.scbox::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.scbox::-webkit-scrollbar-thumb{border-radius:5px;background:#0075c1;}

.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}

.compensate-for-scrollbar{margin-right: 0!important}

.aline_r{position:relative;background-image:linear-gradient(#f4c493,#f4c493);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}

@keyframes sca{
0%{transform: scale(1);}50%{transform:  scale(1.1)}100%{transform:  scale(1)}
}
@keyframes go{
0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}
}
@keyframes up{
0%{transform: translateY(0);}50%{transform: translateY(-8px);}100%{transform: translateY(0);}
}
@keyframes roted{
0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}
@keyframes roteds{
0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}
}
.zoomImg,.loadimg{width:100%;overflow:hidden;position:relative;display:block;background: url(data:image/gif;base64,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) #f2f2f2 no-repeat center;}
.zoomImg:before{position:absolute;top:0;left:-90%;z-index:2;display:block;content:"";width:50%;height:100%;opacity:.25;pointer-events:none;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index: 3}
.zoomImg img{width:100%;transition: .5s;height: 100%;object-fit: cover;position: relative;z-index: 1}
.slideImg{width:100%;overflow:hidden;position:relative;display:block;}
.slideImg img{width:100%;transition: .5s;height: 100%;object-fit: cover;position: relative;z-index: 1}
.zoomImg.noms:before{display: none}
.zoomImg.mask:after{content: '';position: absolute;left: -1px;right: -1px;bottom: 0;height: 30%;z-index: 2;pointer-events: none;background:url(../imgx/bamss.png) repeat-x top center;background-size:auto 100%;opacity: .9}
.imgfix img{display: none\0}
@-webkit-keyframes shine{100%{left:125%}
}
@keyframes shine{100%{left:125%}
}

@media (min-width: 992px){
.zoomImg:hover:before{-webkit-animation:shine .75s;animation:shine .75s}
.zoomImg:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
a:hover .zoomImg:before{-webkit-animation:shine .75s;animation:shine .75s}
a:hover .zoomImg img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 
}
.block{position: relative;display: block;}
.transImg{display: block;overflow: hidden;}
.transImg img{transition: .5s}
@media screen and (min-width: 992px){
.imgBox.trans:hover .img{ transform: scale(1.05)}
.imgBox.trans:hover img{ transform: scale(1.05)}
.a:hover .imgBox.trans .img{ transform: scale(1.05)}
.a:hover .imgBox.trans img{ transform: scale(1.05)}
.transImg:hover img{transform: scale(1.05)}
.a:hover .transImg img{transform: scale(1.05)}
.alin_w:hover .aline_w{background-size:100% 1px;color: #fff}
.aline_w:hover{background-size:100% 1px}
.alin_r:hover .aline_r{background-size:100% 1px;color: #f4c493}
.aline_r:hover{background-size:100% 1px}

}

@media (max-width: 1440px) {

}
@media (max-width:992px){

}

@media (max-width:597px){

.eclips{display: inline-block;overflow: visible;text-overflow: inherit;white-space: normal;}
}
@media (max-width:360px){

}

.popCode{position: relative;z-index: 10;display: block;}
.popCode span{width: 1.2rem;position: absolute;bottom: calc(100% + 15px);left:50%;z-index: 5;background: #fff;transform: translateX(-50%);box-shadow: 0 0 8px rgba(0,0,0,.15);padding: 5px;border-radius: 5px;visibility: hidden;opacity: 0;transition: .5s;z-index: 10;display: flex;text-align: center;font-size: .14rem;color: #444}
.popCode span:before{content: '';border: 10px solid transparent;border-top-color: #fff;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);}
.popCode span img{width: 100%}
.popCode:hover span{opacity: 1;visibility: visible;}
.popCode.sp span{width: 2.2rem;padding-bottom: 8px}
.popCode em{width: 1.1rem;position: absolute;top: calc(100% + 15px);left:50%;z-index: 5;background: #fff;transform: translateX(-50%);box-shadow: 0 0 8px rgba(0,0,0,.15);padding: 2px;border-radius: 5px;visibility: hidden;opacity: 0;transition: .5s;z-index: 10}
.popCode em:before{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%);}
.popCode em img{width: 100%}
.popCode:hover em{opacity: 1;visibility: visible;}

 


@keyframes icoMove
{
0%   {transform: translate(2px);}
25%  {transform: translate(-2px);}
50%  {transform: translate(1px);}
100% {transform: translate(0px);}
}
@keyframes beat{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
.suTab .mores .more+.more{display: none;}
.suTab .bd .tabCon+.tabCon{display: none;}
.swiTab .mores .more+.more{display: none;}
.icoCo{position: relative;display: block;}
.icoCo img{height: 100%;transition:.3s;}
.icoCo img:last-child{position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;z-index: 0;}
.on .icoCo img:first-child{opacity: 0;visibility: hidden;}
.on .icoCo img:last-child{opacity: 1;visibility: visible;}
@media (min-width:1025px){
.icoCop:hover .icoCo img:first-child{opacity: 0;visibility: hidden;}
.icoCop:hover .icoCo img:last-child{opacity: 1;visibility: visible;}
.aniI:hover .aniIco{animation: beat 0.5s 1;}
}


/**/
.intit{margin-bottom: 30px}
.intit h3{font-size: 30px;position: relative;color: #024189}
.intit h3:after{content: '';width: 30px;height: 4px;background:#024189;display: block;margin-top: 12px  }
.intit.w h3{color: #fff}
.intit.w h3:after{background:#fff;margin: 0 auto;margin-top: 12px}
.intit .more a{color: #024189;font-family: 'pop';font-size: 18px}
.intit .more a img{height: 20px; }
.box1-2{background: url(../imgx/bg1.png) no-repeat bottom center;background-size:cover}

.box1 .ulist{margin-top: -70px;position: relative;z-index: 6}
.box1 .ulist li{width: 12.5%;height: 150px}
.box1 .ulist li a{display: flex;align-items: center;flex-direction: column;justify-content: center;box-shadow: 0 0 15px rgba(0,0,0,.1);height: 100%;background: #fff;transition: .3s}
.box1 .ulist li p{font-size: 20px;margin-top: 10px}
.box1 .ulist li .icoCo{width: 44px;height:44px;}

.box2{padding: 60px 0 80px}
.box2 .box{align-items: flex-start;}
.box2 .slide-2{width: 48.5%;margin: 0}
.box2 .slide-2 .img{height: 382px}
.box2 .slide-2 .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;color: #fff;padding: 16px 100px 16px 16px;display: flex;align-items: center;}
.box2 .slide-2 .txt h4{flex:1;}
.box2 .slide-2 .txt time{font-size: 18px;padding-right: 10px;margin-right: 10px;position: relative; }
.box2 .slide-2 .txt time:after{content: '';width: 1px;height: 16px;background: rgba(255,255,255,.3);position: absolute;right: 0;top: 50%;margin-top: -8px}

.box2 .slide-2 .swiDots{position: absolute;left: auto;width: auto;right: 15px;bottom: 20px;z-index: 5}
.box2 .slide-2 .swiDots span{background: #fff;margin-left: 8px;width: 10px;height: 10px}
.box2 .slide-2 .swiDots span.active{opacity: 1;}
.box2 .ulist{width: 47.5%;position: relative;}
.box2 .ulist:before{content: '';position: absolute;top: 30px;bottom: 30px;width: 0;border-left: 1px dashed #ddd;left: 115px}
.box2 .ulist li{position: relative;}
.box2 .ulist li:before{content: '';position: absolute;width: 20px;height: 20px;background:url(../imgx/125.png) no-repeat center;left: 105px;top: 50%;margin-top: -10px;animation: roted 10s linear infinite;animation-play-state: paused;  }
.box2 .ulist li:hover:before{background:url(../imgx/4355.png) no-repeat center;animation-play-state: running; }
.box2 .ulist li a{display: flex;align-items: center;position: relative;padding: 19px 0}
.box2 .ulist li time{font-size: 18px}
.box2 .ulist li h4{margin-left:50px}
.box3 .intit{margin-bottom: 40px}
.box3 .slide-3p{background: #fff;padding: 20px}
.box3 .slide-3 .swiper-slide{width: calc(25% - 20px);margin-right: 26px}
.box3 .slide-3 .swiper-slide:last-child{margin-right: 0}
.box3 .slide-3 .swiper-slide .txt{height: 95px;background-repeat: no-repeat;background-position: bottom center;background-size: 100% 100%;margin-top: -25px;position: relative;;padding: 45px 20px 0;text-align: center;color: #fff}
.box3 .slide-3 .swiper-slide:nth-child(2n+1) .txt{background-image: url(../imgx/m1.png);}
.box3 .slide-3 .swiper-slide:nth-child(2n) .txt{background-image: url(../imgx/m2.png);}
.box3 .slide-3 .swiper-slide:nth-child(3n) .txt{background-image: url(../imgx/m3.png);}
.box3 .slide-3 .swiper-slide:nth-child(4n) .txt{background-image: url(../imgx/m4.png);}

.box3 .slide-3 .swiDots{margin-top: 20px;text-align: center;}
.box3 .slide-3 .swiDots span{background: #02428a;margin:0 4px;width: 10px;height: 10px}
.box3 .slide-3 .swiDots span.active{opacity: 1;}


.box3{padding: 70px 0 40px;background: url(../imgx/bg2.png) no-repeat top center;background-size: 100% auto}
.box4{padding: 40px 0 75px;background: url(../imgx/bg3.png) no-repeat bottom center;background-size: 100% auto}
.box4 .ulist li{float: left;width: calc(25.5% - 15px);margin-left: 15px;margin-bottom: 15px}
.box4 .ulist li a{display: block;position: relative;}
.box4 .ulist li a:before{content: '';position: absolute;width: 60px;height: 60px;background-size: 100% 100%;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;z-index: 5}
.box4 .ulist li .img{height: 220px}
.box4 .ulist li .img img{display: block;}
.box4 .ulist li:nth-child(1){width: 49%;margin-left: 0;}
.box4 .ulist li:nth-child(1) .img{height: 455px}
.box4 .ulist li:nth-child(1) a:before{width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;}
@media (min-width: 993px){
.box1 .ulist li:hover a{background: #E59A3B;color: #fff}

}
@media (max-width: 991px){
.box2 .slide-2{width: 100%;margin: 0;margin-bottom: 30px} 
.box2 .ulist{width: 100%;margin: 0} 
.box4 .ulist:after{display: none}
.box4 .ulist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.box4 .ulist li:nth-child(1){width: 100%;margin-left: 0;}
.box4 .ulist li{float:inherit;width: calc(50% - 10px);margin-left: 0;margin-bottom: 20px}
.box4 .ulist li .img{height: 26vw}
.box4 .ulist li:nth-child(1) .img{height: 50vw}
.box3 .slide-3 .swiper-slide{width: calc(33.333% - 14px);margin-right: 20px}
.box2 .slide-2 .img{height: 50vw}
.box1 .ulist{display: block;white-space: nowrap;overflow: auto;padding-bottom: 10px;font-size: 0}
.box1 .ulist li{display: inline-block;width: 20%}
.box3{background-size: auto 200px}
}
@media (max-width: 597px){
.box4 .ulist li a:before{width: 10vw;height: 10vw;margin-left: -5vw;margin-top: -5vw;}
.box4 .ulist li:nth-child(1) a:before{width: 14vw;height: 14vw;margin-left: -7vw;margin-top: -7vw;}
.box1 .ulist li p{font-size: 16px;margin-top: 10px}
.box1 .ulist li{display: inline-block;width: 25%}
.box1 .ulist li .icoCo{width: 40px;height: 40px}
.box1 .ulist li{height: 120px}
.box1{padding-top: 30px}
.box1 .ulist{margin-top: 0}
.box2 .ulist li a{padding: 15px 0}
.box2 .ulist li time{font-size: 16px}
.box2 .ulist li h4{font-size: 16px}
.box3 .slide-3 .swiper-slide{width: calc(50% - 10px);margin-right: 20px}
.box3 .slide-3p{padding: 10px}
.box3 .slide-3 .swiper-slide .txt h4{font-size: 16px}
}