@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #333;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip{width: 526px;height: 90px;padding: 83px 0 0 84px;overflow:hidden;background: url(../css/ietip/browser.png) no-repeat center center;margin: 200px auto 0;}
#web-ietip a{display: block;width: 65px;height: 80px;float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 800px){
    html{font-size: calc(800px / 1920 * 100);}
}

body{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1464px){
    body{font-size: 12.2px;}
}

.s12{font-size: calc(12 * 100vw / 1920);}
.s13{font-size: calc(13 * 100vw / 1920);}
.s14{font-size: calc(14 * 100vw / 1920);}
.s15{font-size: calc(15 * 100vw / 1920);}
.s16{font-size: calc(16 * 100vw / 1920);}
.s17{font-size: calc(17 * 100vw / 1920);}
.s18{font-size: calc(18 * 100vw / 1920);}
.s19{font-size: calc(19 * 100vw / 1920);}
.s20{font-size: calc(20 * 100vw / 1920);}
.s21{font-size: calc(21 * 100vw / 1920);}
.s22{font-size: calc(22 * 100vw / 1920);}
.s23{font-size: calc(23 * 100vw / 1920);}
.s24{font-size: calc(24 * 100vw / 1920);}
.s25{font-size: calc(25 * 100vw / 1920);}
.s26{font-size: calc(26 * 100vw / 1920);}
.s27{font-size: calc(27 * 100vw / 1920);}
.s28{font-size: calc(28 * 100vw / 1920);}
.s29{font-size: calc(29 * 100vw / 1920);}
.s30{font-size: calc(30 * 100vw / 1920);}
.s31{font-size: calc(31 * 100vw / 1920);}
.s32{font-size: calc(32 * 100vw / 1920);}
.s33{font-size: calc(33 * 100vw / 1920);}
.s34{font-size: calc(34 * 100vw / 1920);}
.s35{font-size: calc(35 * 100vw / 1920);}
.s36{font-size: calc(36 * 100vw / 1920);}
.s37{font-size: calc(37 * 100vw / 1920);}
.s38{font-size: calc(38 * 100vw / 1920);}
.s39{font-size: calc(39 * 100vw / 1920);}
.s40{font-size: calc(40 * 100vw / 1920);}
.s41{font-size: calc(41 * 100vw / 1920);}
.s42{font-size: calc(42 * 100vw / 1920);}
.s43{font-size: calc(43 * 100vw / 1920);}
.s44{font-size: calc(44 * 100vw / 1920);}
.s45{font-size: calc(45 * 100vw / 1920);}
.s46{font-size: calc(46 * 100vw / 1920);}
.s47{font-size: calc(47 * 100vw / 1920);}
.s48{font-size: calc(48 * 100vw / 1920);}
.s49{font-size: calc(49 * 100vw / 1920);}
.s50{font-size: calc(50 * 100vw / 1920);}
.s51{font-size: calc(51 * 100vw / 1920);}
.s52{font-size: calc(52 * 100vw / 1920);}
.s53{font-size: calc(53 * 100vw / 1920);}
.s54{font-size: calc(54 * 100vw / 1920);}
.s55{font-size: calc(55 * 100vw / 1920);}
.s56{font-size: calc(56 * 100vw / 1920);}
.s57{font-size: calc(57 * 100vw / 1920);}
.s58{font-size: calc(58 * 100vw / 1920);}
.s59{font-size: calc(59 * 100vw / 1920);}
.s60{font-size: calc(60 * 100vw / 1920);}
.s61{font-size: calc(61 * 100vw / 1920);}
.s62{font-size: calc(62 * 100vw / 1920);}
.s63{font-size: calc(63 * 100vw / 1920);}
.s64{font-size: calc(64 * 100vw / 1920);}
.s65{font-size: calc(65 * 100vw / 1920);}
@media(max-width: 1824px){.s12{font-size: 11.4px;}}
@media(max-width: 1713px){.s13{font-size: 11.6px;}}
@media(max-width: 1618px){.s14{font-size: 11.8px;}}
@media(max-width: 1536px){.s15{font-size: 12px;}}
@media(max-width: 1464px){.s16{font-size: 12.2px;}}
@media(max-width: 1400px){.s17{font-size: 12.4px;}}
@media(max-width: 1344px){.s18{font-size: 12.6px;}}
@media(max-width: 1293px){.s19{font-size: 12.8px;}}
@media(max-width: 1248px){.s20{font-size: 13px;}}
@media(max-width: 1207px){.s21{font-size: 13.2px;}}
@media(max-width: 1169px){.s22{font-size: 13.4px;}}
@media(max-width: 1135px){.s23{font-size: 13.6px;}}
@media(max-width: 1104px){.s24{font-size: 13.8px;}}
@media(max-width: 1075px){.s25{font-size: 14px;}}
@media(max-width: 1049px){.s26{font-size: 14.2px;}}
@media(max-width: 1024px){.s27{font-size: 14.4px;}}
@media(max-width: 1001px){.s28{font-size: 14.6px;}}
@media(max-width: 980px){.s29{font-size: 14.8px;}}
@media(max-width: 960px){
    .s30{font-size: 15px;}
    .s31{font-size: 15.5px;}
    .s32{font-size: 16px;}
    .s33{font-size: 16.5px;}
    .s34{font-size: 17px;}
    .s35{font-size: 17.5px;}
    .s36{font-size: 18px;}
    .s37{font-size: 18.5px;}
    .s38{font-size: 19px;}
    .s39{font-size: 19.5px;}
    .s40{font-size: 20px;}
    .s41{font-size: 20.5px;}
    .s42{font-size: 21px;}
    .s43{font-size: 21.5px;}
    .s44{font-size: 22px;}
    .s45{font-size: 22.5px;}
    .s46{font-size: 23px;}
    .s47{font-size: 23.5px;}
    .s48{font-size: 24px;}
    .s49{font-size: 24.5px;}
    .s50{font-size: 25px;}
    .s51{font-size: 25.5px;}
    .s52{font-size: 26px;}
    .s53{font-size: 26.5px;}
    .s54{font-size: 27px;}
    .s55{font-size: 27.5px;}
    .s56{font-size: 28px;}
    .s57{font-size: 28.5px;}
    .s58{font-size: 29px;}
    .s59{font-size: 29.5px;}
    .s60{font-size: 30px;}
    .s61{font-size: 30.5px;}
    .s62{font-size: 31px;}
    .s63{font-size: 31.5px;}
    .s64{font-size: 32px;}
    .s65{font-size: 32.5px;}
}

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}

.bg-2 {
    width: .38em; height: .38em;
    background: url('../images/css_sprites.png') -2.69em -4.67em;
    background-size: 6.26em 5.65em;
}
.bg-4 {
    width: .28em; height: .15em;
    background: url('../images/css_sprites.png') -1.93em -5.30em;
    background-size: 6.26em 5.65em;
}
.bg-6 {
    width: 1.07em; height: 1.07em;
    background: url('../images/css_sprites.png') -2.72em -2.70em;
    background-size: 6.26em 5.65em;
}
.bg-7 {
    width: 1.07em; height: 1.07em;
    background: url('../images/css_sprites.png') -4.01em -2.70em;
    background-size: 6.26em 5.65em;
}
.bg-10 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -3.27em -4.67em;
    background-size: 6.26em 5.65em;
}
.bg-11 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -3.88em -4.67em;
    background-size: 6.26em 5.65em;
}
.bg-12 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -4.49em -4.67em;
    background-size: 6.26em 5.65em;
}
.bg-13 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -.10em -5.30em;
    background-size: 6.26em 5.65em;
}
.bg-20 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -.71em -5.30em;
    background-size: 6.26em 5.65em;
}
.bg-24 {
    width: .41em; height: .25em;
    background: url('../images/css_sprites.png') -1.32em -5.30em;
    background-size: 6.26em 5.65em;
}
.bg-26 {
    width: .16em; height: .25em;
    background: url('../images/css_sprites.png') -6.00em -.58em;
    background-size: 6.26em 5.65em;
}
.bg-27 {
    width: .16em; height: .25em;
    background: url('../images/css_sprites.png') -6.00em -1.03em;
    background-size: 6.26em 5.65em;
}
.bg-28 {
    width: .16em; height: .25em;
    background: url('../images/css_sprites.png') -6.00em -1.48em;
    background-size: 6.26em 5.65em;
}
.bg-29 {
    width: .16em; height: .25em;
    background: url('../images/css_sprites.png') -6.00em -1.93em;
    background-size: 6.26em 5.65em;
}
.bg-49 {
    width: .16em; height: .28em;
    background: url('../images/css_sprites.png') -4.79em -3.97em;
    background-size: 6.26em 5.65em;
}
.bg-50 {
    width: .16em; height: .28em;
    background: url('../images/css_sprites.png') -6.00em -.10em;
    background-size: 6.26em 5.65em;
}
.bg-52 {
    width: 2.40em; height: 2.40em;
    background: url('../images/css_sprites.png') -.10em -.10em;
    background-size: 6.26em 5.65em;
}
.bg-53 {
    width: 2.39em; height: 2.40em;
    background: url('../images/css_sprites.png') -.10em -2.70em;
    background-size: 6.26em 5.65em;
}
.bg-54 {
    width: 2.40em; height: 2.40em;
    background: url('../images/css_sprites.png') -2.70em -.10em;
    background-size: 6.26em 5.65em;
}
.bg-63 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -2.69em -3.97em;
    background-size: 6.26em 5.65em;
}
.bg-64 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -3.39em -3.97em;
    background-size: 6.26em 5.65em;
}
.bg-65 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -4.09em -3.97em;
    background-size: 6.26em 5.65em;
}
.bg-79 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -.10em;
    background-size: 6.26em 5.65em;
}
.bg-80 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -.80em;
    background-size: 6.26em 5.65em;
}
.bg-81 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -1.50em;
    background-size: 6.26em 5.65em;
}
.bg-82 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -2.20em;
    background-size: 6.26em 5.65em;
}
.bg-83 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -2.90em;
    background-size: 6.26em 5.65em;
}
.bg-84 {
    width: .50em; height: .50em;
    background: url('../images/css_sprites.png') -5.30em -3.60em;
    background-size: 6.26em 5.65em;
}
.bg-85 {
    width: .46em; height: .46em;
    background: url('../images/css_sprites.png') -5.30em -4.30em;
    background-size: 6.26em 5.65em;
}


footer{width: 100%;background-color: #376d8d;}
.f-a{width: 100%;max-width: 15.60rem;margin: 0 auto;}
.f-b{width: 100%;padding-top: .7rem;padding-bottom: 0.95rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.f-bottom{width: 100%;padding: .211rem 0;}
.f-left{float: left;width: 50%;color: #fff;line-height: 1.5;opacity: 0.7;}
.f-left a{color: #fff;display: inline-block;vertical-align: top;line-height: 1.5;}
.f-right{float: right;width: 50%;color: #fff;line-height: 1.5;text-align: right;opacity: 0.7;}
.f-c{float: left;}
.f-d{display: block;width: 2.06rem;margin-bottom: .36rem;}
.f-e{width: 100%;}
.f-f{width: 100%;font-size: 0;}
.f-g{display: inline-block;vertical-align: top;border: 1px solid #fff;border-radius: 50%;opacity: 0.7;cursor: pointer;margin-right: .2rem;position: relative;}
.f-g:hover{opacity: 1;}
.f-g:last-child{margin-right: 0;}
.f-h{float: right;}
.f-i{width: 1.87rem;float: left;}
.f-i.auto{width: auto;}
.f-j{display: inline-block;vertical-align: top;color: #fff;padding-bottom: .56rem;position: relative;}
.f-j:after{content: "";display: block;position: absolute;left: 5px;bottom: .21rem;opacity: 0.3;width: 1px;height: .14rem;background-color: #fff;transform: rotate(-45deg);}
.f-k{width: 100%;}
.f-l{width: 100%;margin-bottom: .1rem;}
.f-l:last-child{margin-bottom: 0;}
.f-m{display: inline-block;vertical-align: top;color: #fff;line-height: 1.43;opacity: 0.7;}
.f-m:hover{opacity: 1;}
.f-n{color: #fff;margin-bottom: .3rem;}
.f-o{display: inline-block;vertical-align: top;width: 10.7em;height: 3.14em;line-height: 3.14em;text-align: center;background-color: #22d5e6;color: #fff;cursor: pointer;}
.f-code-box{width: 1.1rem;position: absolute;left: 50%;margin-left: -0.55rem;bottom: 120%;transform: scale(0);transition: all .3s;transform-origin: center bottom;}
.f-code-img{width: 100%;}
.f-g:hover .f-code-box{transform: scale(1);}
@media(max-width: 1920px){
    .f-code-box{width: 110px;margin-left: -55px;}
}
@media(max-width: 750px){
    footer{padding-left: 10px;padding-right: 10px;}
    .f-right{text-align: left;}
    .f-h{overflow: hidden;padding-top: 1px !important;}
    .f-j{padding-bottom: 0;}
    .f-j:after{display: none;}
    .f-k{font-size: 0;width: calc(100% + 20px);}
    .f-l{width: auto;display: inline-block;vertical-align: top;}
    .f-m{line-height: 30px;margin-right: 20px;}
    .f-n{margin-top: 6px;}
    .f-code-box{left: 0;margin-left: 0;transform-origin: left bottom;}
}



body{padding-top: 1rem;}
header{width: 100%;height: 1rem;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 123456;box-shadow: 0 0 0.04rem rgba(0,0,0,0.1);}
.h-a{width: 17.2rem;margin: 0 auto;position: relative;}
.h-b{float: left;width: 2.06rem;margin-top: .3rem;}
.h-c{width: 100%;}
.h-right{float: right;font-size: 0;}
.h-nav{display: inline-block;vertical-align: middle;font-size: 0;transition: all .3s;margin-right: 2.33rem;}
.h-d{display: inline-block;vertical-align: top;position: relative;margin: 0 .4rem;position: relative;}
.h-e{display: block;height: 1rem;line-height: 1rem;color: rgb(112, 112, 114);position: relative;}
.h-d.active .h-e:after{content: "";display: block;width: 2em;height: 0.03rem;background-color: #22d5e6;position: absolute;left: 0;top: 50%;margin-top: 1em;}
.h-sch{display: none;width:2.6rem;height:.8rem;padding: .25rem;position:fixed;right: 50%;margin-right: -8.6rem;top: 1rem;z-index:127;background-color:#fff;}
.h-form{width: 100%;font-size:0;background-color: transparent;position: relative;padding-right: 2.64em;border-radius: 1.32em;overflow: hidden;}
.h-m{width:1.8rem;height:.3rem;line-height:.3rem;border:1px solid #ccc;border-right: none;vertical-align:top;background-color:transparent;color:#333;padding:0 .1rem;}
.h-n{position: absolute;right: 0;top: 0;color: transparent;cursor: pointer;border: none;width:.3rem;height:.3rem;border:1px solid #ccc;background-color: transparent;}
.h-n .bg-2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.h-opa{left: -100vw;opacity: 0;transition: opacity .3s;width: 100%;height: 100vh;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 122;}
.h-sub{width: 160px;background-color: #fff;position: absolute;left: 50%;margin-left: -80px;top: 1rem;z-index: 1000;font-size: 0;display: none;padding: 5px 0;}
.h-sub>li{width: 100%;}
.h-sub>li>a{display: block;width: 100%;line-height: 1.43;padding: 1em 0;text-align: center;color: rgb(112, 112, 114);transition: background-color .3s;}
.h-search{display: inline-block;vertical-align: middle;width: 1em;height: 1em;cursor: pointer;position: relative;}
.h-search .bg-2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.h-lang{display: inline-block;vertical-align: middle;width: .46rem;position: relative;margin-left: .5rem;}
.h-cur{display: inline-block;vertical-align: top;position: relative;width: 100%;}
.h-cur:after{content: "";display: inline-block;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);width: .14rem;height: .075rem;background-image: url(../images/4.png);background-size: 100% 100%;}
.h-flag{width: .23rem;}
.h-list{width: 100%;position: absolute;left: 0;top: .23rem;padding-top: .05rem;display: none;}
.h-one{display: block;width: 100%;margin-bottom: .05rem;cursor: pointer;}
.h-lang.active .h-list{display: block;}
header.show-search .h-sch{display:block;}
header.show-search .h-opa{left: 0;opacity: 1;}
@media(max-width: 1920px){
    .h-sch{width:260px;height:80px;padding:25px;}
    .h-m{width:180px;height:30px;line-height:30px;font-size:14px;padding:0 10px;}
    .h-n{width:30px;height:30px;}
}
@media(min-width: 1201px){
    .h-e:hover:after{content: "";display: block;width: 2em;height: 0.03rem;background-color: #22d5e6;position: absolute;left: 0;top: 50%;margin-top: 1em;}
    .h-d:hover .h-sub{opacity: 1;visibility: visible;}
    .h-sub>li>a:hover{color: #22d5e6;}
}
@media(max-width: 1200px){
    body{padding-top: 46px;}
    header{height: 46px;padding-left: 10px;background-color: #fff;}
    .h-a{width: 100%;padding-left: 0;}
    .h-b{width: 90px;margin-top: 15px;margin-left: 0;}
    .h-c1{display: none;}
    .h-c2{display: inline-block;}
    .h-menu{display: inline-block;vertical-align: top;position: absolute;width: 46px;height: 46px;right: 0;top: 0;cursor: pointer;}
    .h-menu .bg-85{font-size: 65px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .h-search{position: absolute;right: 46px;top: 0;;width: 46px;height: 46px;}
    .h-nav{width: 260px;height: 100vh;overflow: auto;padding-right: 0;margin-right: 0;position: fixed;right: -260px;top: 0;background-color: #fff;z-index: 125;padding-top: 10px;padding-bottom: 10px;}
    header.show-menu .h-opa{left: 0;opacity: 1;}
    header.show-menu .h-nav{right: 0;}
    .h-d{display: block;width: 100%;margin-left: 0;}
    .h-e{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;color: #666;margin: 0;}
    .h-d:first-child .h-e{padding-left: 20px;}
    .h-sch{margin-right: -130px;top: 46px;right: 50%;}
    .h-d.active .h-e:after{display: none;}
    .h-d.active .h-e{border-bottom: none;}
    header.show-lang .h-opa{left: 0;opacity: 1;}
    header.show-lang .h-box{display: block;}
    .h-d.has-nav:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-d.has-nav.show:after{content: "-";}
    .h-d.has-nav.active:after{color: #fff;}
    .h-sub{display: none;position: relative;left: 0;top: 0;width: 100%;margin-left: 0;opacity: 1;visibility: visible;background-color: transparent;transition: all 0s;}
    .h-sub>li{display: block;margin-right: 0;}
    .h-sub>li>a{text-align: left;color: #666;opacity: 1;padding: 10px 0;padding-left: 40px;font-size: 14px;}
    .bg-2{font-size: 50px;}
    .h-lang{width: 46px;height: 46px;line-height: 46px;padding-top: 14px;color: #666;margin-left: 0;position: absolute;top: 0;right: 92px;margin-top: 0;border: none;text-align: center;}
    .h-flag{width: 18px;}
    .h-cur{text-align: left;padding-left: 10px;}
    .h-list{top: 32px;padding-top: 5px;}
    .h-one{text-align: left;padding-left: 10px;margin-bottom: 5px;}
    .h-cur:after{width: 8px;height: 4px;right: 3px;}
}

.target{width: 100%;height: 1px;position: absolute;left: 0;top: -1rem;}
@media(max-width: 1200px){
    .target{top: -46px;}
}

.a-a{width: 100%;}
.a-b{position: relative;}
.a-c{display: block;width: 100%;}
.a-d{width: 100%;height: 42.7vw;object-fit: cover;}
.a-play{width: 1.8rem;height: 1.8rem;background-image: url(../images/8.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}
.a-b.play .a-play{display: none;}

.b-a{width: 100%;padding: 1rem 0;overflow: hidden;}
.b-left{float: left;width: 29.166%;padding-left: 1.78rem;padding-top: 0.68rem;}
.b-en{color: rgb(112, 112, 114);line-height: 1.1;margin-bottom: .25rem;}
.b-zh{color: rgb(112, 112, 114);margin-bottom: .53rem;}
.b-more{display: inline-block;vertical-align: top;color: #666;margin-bottom: .95rem;}
.b-more:after{content: "";display: inline-block;vertical-align: middle;width: 1.428em;height: .857em;background-image: url(../images/11.png);background-size: 100% 100%;margin-left: .2rem;}
.b-right{float: right;width: 70.834%;}
.b-b{position: relative;width: 3.7rem;margin-right: 0.35rem;}
.b-c{display: block;width: 100%;position: relative;overflow: hidden;}
.b-box{width: 100%;padding-top: 143.16%;position: relative;overflow: hidden;}
.b-d{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;z-index: 1;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.b-text{width: 100%;/* position: absolute; */left: 0;bottom: 0;z-index: 2;/* padding: 0 .3rem 0; */padding-top: .2rem;padding-bottom: 1px;}
.b-e{color: rgb(112, 112, 114);margin-bottom: .13rem;}
.b-f{color: #333;line-height: 1.71;height: 3.42em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: none;}
.b-arrows{width: 100%;font-size: 0;}
.b-arrow{display: inline-block;vertical-align: top;width: .56rem;height: .56rem;border: 0.02rem solid #ccc;border-radius: 50%;background-repeat: no-repeat;background-position: center center;transition: all .3s;background-size: .2rem .12rem;cursor: pointer;margin-right: .2rem;}
.b-prev{background-image: url(../images/10.png);}
.b-next{background-image: url(../images/11.png);margin-right: 0;}
.b-arrow:hover{background-color: #22d5e6;border-color: #22d5e6;}
.b-prev:hover{background-image: url(../images/12.png);}
.b-next:hover{background-image: url(../images/13.png);}
.b-arrow.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
@media(min-width: 1201px){
    .b-c:hover .b-d{transform: scale(1.1);}
    .b-c:hover .b-e{color: #22d5e6;}
    .b-more:hover{color: #22d5e6;}
}
@media(max-width: 1200px){
    .b-f br{display: none;}
    .b-f{height: 5.13em;-webkit-line-clamp: 3;}
}
@media(max-width: 900px){
    .b-f br{display: none;}
    .b-left{padding-left: 30px;}
}
@media(max-width: 750px){
    .b-a{padding: 20px 0 20px 10px;}
    .b-b{width: 150px;margin-right: 10px;}
    .b-left{width: 100%;float: none;padding-left: 0;padding-top: 0;position: relative;}
    .b-right{width: 100%;float: none;}
    .b-text{/* padding: 5px; */padding-top: 10px;}
    .b-en br{display: none;}
    .b-more{position: absolute;right: 10px;top: 3px;}
    .b-en{font-size: 18px;margin-bottom: 5px;}
    .b-zh{font-size: 16px;margin-bottom: 20px;}
    .b-arrows{padding-bottom: 20px;display: none;}
}

.c-a{width: 100%;overflow: hidden;}
.c-b{position: relative;}
.c-c{display: block;width: 100%;}
.c-d{width: 100%;}
.c-a .swiper-pagination-bullet{width: .103rem;height: .103rem;background-color: rgba(255,255,255,0.5);opacity: 1;position: relative;}
.c-a .swiper-pagination-bullet-active{background-color: #fff;}
.c-a .swiper-pagination-bullet-active:after{content: "";display: block;width: .2rem;height: .2rem;border-radius: 50%;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;}
.c-a.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .07rem;}
.c-a.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .3rem;font-size: 0;}
.c-e{position: absolute;left: 50%;top: 50%;margin-left: -5.5rem;transform: translate(0,-50%);width: 7.3rem;}
.c-f{color: #fff;padding-bottom: .4rem;position: relative;font-style: italic;font-weight: bold;margin-bottom: .4rem;}
.c-f:after{content: "";display: block;width: .8rem;height: 0.03rem;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.c-g{color: #fff;line-height: 1.5;padding-left: .2rem;position: relative;margin-bottom: .1rem;}
.c-g:last-child{margin-bottom: 0;}
.c-g:before{content: "";display: block;width: .08rem;height: .08rem;background-color: #22d5e6;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -0.04rem;}
@media(max-width: 750px){
    .c-b{overflow: hidden;}
    .c-d{height: 56vw;width: auto;position: relative;left: 50%;transform: translate(-50%,0);max-width: none;}
    .c-e{width: 100%;left: 0;margin-left: 0;padding: 0 10px;}
    .c-f{font-size: 18px;padding-bottom: 13px;margin-bottom: 13px;}
}

.d-a{width: 100%;background-color: #fff;padding: .8rem 0;}
.d-b{width: 15.6rem;margin: 0 auto;position: relative;overflow: hidden;}
.d-c{width: 11.3rem;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.d-text{min-width: 6rem;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);padding: .54rem 0 .54rem .6rem;background-color: #fff;}
.d-en{color: rgb(112, 112, 114);line-height: 1.1;margin-bottom: .45rem;text-transform: uppercase;}
.d-zh{color: rgb(112, 112, 114);line-height: 1.56;margin-bottom: .48rem;}
.d-more{display: inline-block;vertical-align: top;color: #666;}
.d-more:after{content: "";display: inline-block;vertical-align: middle;width: 1.428em;height: .857em;background-image: url(../images/11.png);background-size: 100% 100%;margin-left: .2rem;}
.d-green{color: #22d5e6;}
@media(min-width: 1201px){
    .d-b:hover .d-c{transform: scale(1.1);}
    .d-more:hover{color: #22d5e6;}
}
@media(max-width: 750px){
    .d-a{padding: 20px 10px;}
    .d-c{width: 100%;}
    .d-text{position: relative;top: 0;transform: translate(0,0);width: 100%;min-width: 0;padding: 20px 0 0;}
    .d-more{position: absolute;right: 10px;top: 25px;}
    .d-zh{margin-bottom: 0;}
}

.e-a{width: 100%;background-color: #fff;padding-top: .7rem;position: relative;}
.e-a:before{content: "";display: block;width: 100%;padding-top: 25.78%;background-color: #f2fafc;position: absolute;left: 0;top: 0;z-index: 1;}
.e-b{width: 15.6rem;margin: 0 auto;position: relative;z-index: 2;}
.e-c{color: rgb(112, 112, 114);margin-bottom: .4rem;}
.e-list{width: 100%;font-size: 0;}
.e-item{display: inline-block;vertical-align: top;width: 48.91%;padding-top: 33.97%;position: relative;margin-right: 2.18%;overflow: hidden;}
.e-item:nth-child(2n){margin-right: 0;}
.e-img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.e-text{width: 100%;position: absolute;left: 0;top: 0;padding: .47rem;}
.e-d{color: #fff;margin-bottom: .16rem;}
.e-e{color: #fff;line-height: 1.5;padding-bottom: .35rem;position: relative;}
.e-e:after{content: "";display: block;width: 2.5em;height: 0.02rem;background-color: #fff;position: absolute;left: 0;bottom: 0;}
@media(min-width: 1201px){
    .e-item:hover .e-img{transform: scale(1.1);}
}
@media(max-width: 750px){
    .e-a{padding-top: 20px;padding-left: 10px;padding-right: 10px;}
    .e-c{margin-bottom: 15px;}
    .e-item{width: 100%;padding-top: 69.47%;margin-right: 0;margin-bottom: 10px;}
    .e-item:last-child{margin-bottom: 0;}
}

.g-a{width: 100%;padding: .8rem 0;}
.g-b{width: 15.6rem;margin: 0 auto;background-color: #f2fafc;overflow: hidden;}
.g-left{width: 73%;height: 4.7rem;padding: .6rem;float: left;}
.g-title{height: .6rem;color: rgb(112, 112, 114);}
.g-list{width: 100%;}
.g-item{display: block;width: 100%;border-top: 1px solid #e1e9ee;font-size: 0;padding-top: .29rem;padding-bottom: .29rem;}
.g-date{width: 12.55%;display: inline-block;vertical-align: top;color: #999;line-height: .38rem;}
.g-text{width: 87.45%;display: inline-block;vertical-align: top;}
.g-c{color: rgb(112, 112, 114);line-height: .38rem;margin-bottom: .1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.g-d{color: #999;line-height: .35rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.g-item:hover .g-c{color: #22d5e6;}
.g-box{text-align: right;padding-top: .1rem;}
.g-more{display: inline-block;vertical-align: top;color: rgb(112, 112, 114);}
.g-more:after{content: "";display: inline-block;vertical-align: middle;width: 1.428em;height: .857em;background-image: url(../images/24.png);background-size: 100% 100%;margin-left: .2rem;}
.g-right{width: 27%;height: 4.7rem;float: right;position: relative;display: block;overflow: hidden;}
.g-img{width: 100%;min-height: 100%;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.g-h{width: 100%;position: absolute;left: 0;bottom: 0;padding: .28rem .2rem;z-index: 2;}
.g-i{color: #fff;line-height: 1.44;margin-bottom: .15rem;}
.g-j{color: #fff;opacity: 0.7;}
@media(min-width: 1201px){
    .g-right:hover .g-img{transform: scale(1.1);}
    .g-more:hover{color: #22d5e6;}
}
@media(max-width: 1200px){
    .g-date{width: 70px;}
    .g-text{width: calc(100% - 70px);}
}
@media(max-width: 750px){
    .g-a{padding: 20px 10px;}
    .g-left{width: 100%;float: none;padding: 20px 10px;height: auto;}
    .g-right{display: none;}
}

.i-a{width: 100%;position: relative;}
.i-img{width: 100%;}
.i-title{position: absolute;left: 50%;margin-left: -7.8rem;top: 50%;transform: translate(0,-50%);color: #333;display: none;}
@media(max-width: 750px){
    .i-title{width: 100%;padding: 0 10px;left: 0;margin-left: 0;font-size: 20px;}
}

.j-a{width: 100%;}
.j-b{width: 15.6rem;margin: 0 auto;background-color: #fff;font-size: 0;}
.j-c{display: inline-block;vertical-align: top;line-height: .7rem;line-height: .7rem;color: rgb(112, 112, 114);padding: 0 .1rem;margin-right: .9rem;}
.j-c.active{border-bottom: 0.03rem solid #22d5e6;}
.j-c:last-child{margin-right: 0;}
@media(max-width: 750px){
    .j-b{width: 100%;padding: 0 10px;text-align: center;}
    .j-c{margin-right: 10px;margin-left: 10px;}
}

.k-a{width: 100%;background-color: #e3eff3;padding-top: .8rem;padding-bottom: .5rem;overflow: hidden;}
.k-b{width: 15.6rem;margin: 0 auto;}
.k-tabs{width: 100%;font-size: 0;text-align: center;}
.k-tab{display: inline-block;vertical-align: top;min-width: 1.5rem;line-height: 3em;border: 1px solid #cee6f4;background-color: #fff;padding: 0 .1rem;color: #666;margin: 0 .1rem .1rem;}
.k-list{width: 100%;font-size: 0;padding-top: .46rem;padding-bottom: .15rem;text-align: justify;text-align-last: justify;}
.k-big{display: inline-block;vertical-align: top;width: 48.846%;margin-bottom: 2.3%;text-align: left;text-align-last: left;}
.k-big-link{display: inline-block;vertical-align: top;width: 100%;position: relative;}
.k-big-box{width:100%;padding-top: 68.2%;position: relative;z-index: 1;overflow: hidden;}
.k-big-img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.k-big-text{width: 100%;/* position: absolute; */left: 0;top: 0;z-index: 2;padding-top: .2rem;/* padding-left: .5rem; *//* padding-right: .5rem; */}
.k-c{color: #333;/* margin-bottom: .18rem; *//* text-shadow: 0 0 1px #000; */}
.k-d{color: #fff;margin-bottom: .36rem;text-shadow: 0 0 1px #000;display: none;}
.k-e{color: #fff;display: inline-block;vertical-align: top;min-width: 1.3rem;line-height: 2.857;background-color: #22d5e6;color: #fff;text-align: center;text-align-last: center;display: none;padding: 0 10px;}
.k-tab.active{background-color: #22d5e6;border-color: #22d5e6;color: #fff;}
.k-big .swiper-pagination-bullet{width: .103rem;height: .103rem;background-color: #376d8d;opacity: 0.5;position: relative;}
.k-big .swiper-pagination-bullet-active{background-color: #376d8d;opacity: 1;}
.k-big .swiper-pagination-bullet-active:after{content: "";display: block;width: .2rem;height: .2rem;border-radius: 50%;border: 1px solid #376d8d;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;}
.k-big.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .07rem;}
.k-big.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0.06rem;font-size: 0;text-align: right;text-align-last: right;}
.k-small{display: inline-block;vertical-align: top;width: 23.27%;/* margin-right: 2.3%; */margin-bottom: 2.3%;position: relative;text-align: left;text-align-last: left;}
.k-small:nth-of-type(4n+4){margin-right: 0;}
.k-box{width: 100%;padding-top: 143%;position: relative;z-index: 1;overflow: hidden;}
.k-img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.k-text{width: 100%;/* position: absolute; */left: 0;bottom: 0;z-index: 2;padding: .2rem 0 0;min-height: 0 !important;}
.k-text p{font-size: calc(14 * 100vw / 1920);color: #fff;line-height: 1.71;display: none;text-shadow: 0 0 1px #000;}
.k-h{color: rgb(112, 112, 114);/* margin-bottom: .14rem; *//* text-shadow: 0 0 1px #000; */}
.k-i{color: #fff;line-height: 1.71;text-shadow: 0 0 1px #000;}
.k-labels{width: 100%;position: absolute;left: 0;top: 0;padding: .3rem;z-index: 2;}
.k-label{display: inline-block;vertical-align: top;min-width: 4.28em;line-height: 1.86;border: 1px solid #fff;text-align: center;padding: 0 10px;color: #fff;margin-right: 10px;}

.k-list.sp{text-align-last: left;}
.k-list.sp .k-small{margin-right: 2.3%;}
.k-list.sp .k-big{margin-right: 2.3%;}

.k-list.sp .k-small:nth-of-type(4n+4){margin-right: 0;}
.k-list.sp2 .k-small:nth-of-type(2){margin-right: 0;}
.k-list.sp2 .k-small:nth-of-type(4n+4){margin-right: 2.3%;}
@media(min-width: 1201px){
    .k-big-box:hover .k-big-img{transform: scale(1.1);}
    .k-box:hover .k-img{transform: scale(1.1);}

    .k-big-link:hover .k-c{color: #22d5e6;}
    .k-small:hover .k-h{color: #22d5e6;}
}
@media(max-width: 1618px){.k-text p{font-size: 11.8px;}}
@media(max-width: 750px){
    .k-a{padding-left: 10px;padding-right: 10px;}
    .k-tabs{width: 100vw;position: relative;left: -10px;}
    .k-tab{line-height: 26px;margin: 0 2px 4px;padding: 0 4px;min-width: 0;font-size: 12px;}
    .k-big{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .k-small{width: 49%;/* margin-right: 2%; */margin-bottom: 20px;}
    .k-small:nth-of-type(2n+2){margin-right: 0;}
    .k-text{padding-top: 10px;}
    .k-h{font-size: 14px;}
    .k-big-text{padding-top: 10px;}
    .k-big.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}

    .k-list.sp .k-small{margin-right: 2%;}
    .k-list.sp .k-small:nth-of-type(2n+2){margin-right: 0;}
    .k-list.sp .k-big{margin-right: 0;}

    .k-list.sp2 .k-small:nth-of-type(4n+4){margin-right: 0;}
}

.page{width: 100%;text-align: center;font-size: 0;}
.p-arrow{display: inline-block;vertical-align: top;width: .56rem;height: .56rem;border-radius: 50%;background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size: .2rem .12rem;transition: all .3s;cursor: pointer;}
.p-arrow:hover{background-color: #22d5e6;}
.p-prev{background-image: url(../images/10.png);margin-right: .35rem;}
.p-next{background-image: url(../images/11.png);margin-left: .35rem;}
.p-prev:hover{background-image: url(../images/12.png);}
.p-next:hover{background-image: url(../images/13.png);}
.p-num{display: inline-block;vertical-align: top;min-width: .56rem;height: .56rem;line-height: .56rem;text-align: center;border-radius: .28rem;color: #999;cursor: pointer;margin: 0 .05rem;}
.p-num.active{color: #22d5e6;}
.p-num:hover{color: #22d5e6;}
@media(max-width: 750px){
    .p-arrow{width: 30px;height: 30px;}
    .p-num{min-width: 30px;height: 30px;line-height: 30px;}
}

.l-a{width: 100%;}
.l-b{width: 14rem;margin: 0 auto;font-size: 0;}
.l-c{display: inline-block;vertical-align: middle;width: 5.36%;}
.l-d{width: 100%;height: 4.4rem;margin-top: .3rem;margin-bottom: .26rem;}
.l-e{position: relative;cursor: pointer;}
.l-f{width: 100%;padding-top: 133.33%;border: 1px solid #ececec;margin-bottom: .1rem;position: relative;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.l-arrow{width: .5em;height: .5em;border: 1px solid #c4d8e1;border-radius: 50%;background-color: #fff;background-size: .148em .23em;transition: all .3s;background-repeat: no-repeat;background-position: center center;cursor: pointer;margin: 0 auto;}
.l-arrow:hover{background-color: #22d5e6;}
.l-arrow.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.l-prev{background-image: url(../images/26.png);}
.l-next{background-image: url(../images/27.png);}
.l-prev:hover{background-image: url(../images/28.png);}
.l-next:hover{background-image: url(../images/29.png);}
.l-g{display: inline-block;vertical-align: middle;width: 48.786%;margin-left: 5%;margin-right: 5%;}
.l-e.active .l-f{border-color: #56dfec;}
.l-text{width: 35.854%;min-height: 4.38rem;padding: .7rem .55rem .53rem .5rem;display: inline-block;vertical-align: middle;background-image: url(../images/30.png);background-size: 100% 100%;}
.l-title{color: rgb(112, 112, 114);height: .7rem;position: relative;margin-bottom: .2rem;}
.l-title:after{content: "";display: block;width: 1em;height: 0.04rem;background-color: #22d5e6;position: absolute;left: 0;bottom: 0;}
.l-intro{color: #666;line-height: 2;margin-bottom: .4rem;}
.l-intro *{font-size: calc(16 * 100vw / 1920);line-height: 2;}
.l-text p{font-size: calc(16 * 100vw / 1920);color: #666;line-height: 2;}
.l-share{width: 100%;font-size: 0;}
.l-o{color: rgb(112, 112, 114);display: inline-block;vertical-align: middle;}
.l-link{display: inline-block;vertical-align: middle;width: .5rem;height: .5rem;border: 1px solid #5bddea;border-radius: 50%;margin-left: .2rem;cursor: pointer;background-size: 100% 100%;transition: all .3s;}
.l-link:hover{background-color: #5bddea;}
.l-link1{background-image: url(../images/31.png);}
.l-link2{background-image: url(../images/32.png);}
.l-link1:hover{background-image: url(../images/87.png);}
.l-link2:hover{background-image: url(../images/88.png);}
.l-u{width: 100%;box-shadow: 0 0.02rem 0.04rem rgba(0,0,0,0.1);border-top: 1px solid #f3f3f3;position: relative;z-index: 2;}
.l-v{width: 15.6rem;margin: 0 auto;overflow: hidden;}
.l-w{float: left;color: rgb(112, 112, 114);line-height: .7rem;}
.l-tabs{float: right;font-size: 0;}
.l-tab{display: inline-block;vertical-align: top;color: rgb(112, 112, 114);line-height: .7rem;height: .7rem;border-bottom: 0.03rem solid transparent;padding: 0 0.05rem;}
.l-tab.active{border-color: #22d5e6;}
.l-cont{width: 100%;padding-top: .55rem;padding-bottom: .6rem;}
.l-center{text-align: center;width: 100%;}
@media(max-width: 1464px){
    .l-intro *{font-size: 12.2px;line-height: 2;}
    .l-text p{font-size: 12.2px;line-height: 2;}
}
@media(max-width: 750px){
    .l-a{padding-left: 10px;padding-right: 10px;}
    .l-c{width: 32px;}
    .l-d{height: 193px;}
    .l-g{width: calc(100% - 42px);margin-left: 10px;margin-right: 0;}
    .l-text{width: 100%;margin-top: 10px;}
    .l-arrow{width: 22px;height: 22px;background-size: 6px 10px;}
    .l-u{padding-left: 10px;padding-right: 10px;margin-top: 30px;}
    .l-w{line-height: 40px;}
    .l-tab{height: 40px;line-height: 40px;}
    .l-cont{padding: 20px 0;}
    .l-link{width: 32px;height: 32px;}
}

.m-a{width: 100%;text-align: center;}
.m-en{color: #999;padding-bottom: .25rem;position: relative;margin-bottom: .3rem;text-transform: uppercase;}
.m-en:after{content: "";display: block;width: .37rem;height: 0.02rem;background-color: #22d5e6;position: absolute;left: 50%;margin-left: -0.185rem;bottom: 0;}
.m-zh{color: rgb(112, 112, 114);}

.n-a{width: 100%;padding-top: .74rem;}
.n-list{width: 15.6rem;margin: 0 auto;font-size: 0;padding-top: .57rem;padding-bottom: .6rem;}
.n-item{width: 33.333%;display: inline-block;vertical-align: top;padding-left: .94rem;font-size: 0;position: relative;}
.n-item:after{content: "";display: block;width: 1px;height: .64rem;background-color: #dce8ef;position: absolute;right: 0;top: .25rem;}
.n-item:last-child:after{display: none;}
.n-icon{display: inline-block;vertical-align: middle;width: 1.12rem;margin-right: .14rem;}
.n-text{display: inline-block;vertical-align: middle;width: calc(100% - 1.4rem);}
.n-b{color: rgb(112, 112, 114);margin-bottom: .2rem;}
.n-c{color: rgb(112, 112, 114);line-height: 1.5;}
.n-map{width: 100%;height: 7.2rem;background-size: cover;background-position: center center;}
@media(max-width: 750px){
    .n-a{padding-top: 20px;}
    .n-item{width: 100%;padding-left: 0;margin-bottom: 10px;}
    .n-item:after{display: none;}
    .n-item:last-child{margin-bottom: 0;}
}

.o-a{width: 100%;padding-top: .75rem;position: relative;}
.o-b{width: 100%;position: relative;margin-top: .8rem;overflow: hidden;}
.o-img{width: 100%;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.o-text{color: #666;line-height: 1.8;width: 30.3em;min-height: 3.41rem;padding: .66rem .75rem .53rem .55rem;background-image: url(../images/42.png);background-size: 100% 100%;position: absolute;left: 50%;margin-left: -7.8rem;top: 1.44rem;}
.o-text *{font-size: calc(16 * 100vw / 1920);line-height: 1.8;}
@media(max-width: 1464px){
    .o-text *{font-size: 12.2px;line-height: 1.8;}
}

@media(max-width: 750px){
    .o-a{padding-left: 10px;padding-right: 10px;}
    .o-text{position: relative;left: 0;margin-left: 0;top: 0;width: 100%;background-image: none;padding: 20px 0;}
}

.p-a{width: 100%;background-color: #f2fafc;padding-top: .75rem;padding-bottom: .85rem;position: relative;}
.p-list{width: 15.6rem;margin: 0 auto;font-size: 0;margin-top: .6rem;}
.p-item{display: inline-block;vertical-align: top;width: 31.8%;margin-right: 2.3%;padding-bottom: .7rem;position: relative;}
.p-item:nth-child(3n){margin-right: 0;}
.p-box{width: 100%;padding-top: 108.88%;background-size: 100% 100%;background-position: center center;transition: background-size 12s cubic-bezier(.23, 1, .32, 1);}
.p-text{width: 86%;min-height: 1.8rem;background-color: #fff;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);text-align: center;padding-top: .42rem;padding-bottom: .2rem;z-index: 1;}
.p-text:before{content: "";display: block;width: 100%;height: 100%;background-color: #7ca9c4;position: absolute;right: -0.05rem;bottom: -0.05rem;z-index: -1;}
.p-text:after{content: "";display: block;width: 100%;height: 100%;background-color: #fff;position: absolute;right: 0;bottom: 0;z-index: 0;}
.p-b{color: rgb(112, 112, 114);padding-bottom: .26rem;position: relative;margin-bottom: .2rem;z-index: 2;}
.p-b:after{content: "";display: block;width: 1.08em;height: 0.02rem;background-color: #22d5e6;position: absolute;left: 50%;margin-left: -0.54em;bottom: 0;}
.p-c{color: #666;line-height: 1.5;width: 100%;padding: 0 .1rem;position: relative;z-index: 2;}
@media(min-width: 1201px){
    .p-box:hover{background-size: 110% 110%;}
}
@media(max-width: 750px){
    .p-a{padding-left: 10px;padding-right: 10px;}
    .p-item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .p-item:last-child{margin-bottom: 0;}
    .p-list{max-width: 260px !important;}
    .p-text{padding-bottom: 15px;padding-top: 20px;}
}

.q-a{width: 100%;padding-top: .73rem;position: relative;}
.q-b{width: 15.6rem;margin: 0 auto;position: relative;}
.q-c{width: 12.8rem;margin: 0 auto;padding-top: .6rem;padding-bottom: .8rem;}
.q-box{width: 3.9rem;border: 1px solid #c3d7e0;margin: 0 auto;background-color: #fff;box-shadow: 0 .1rem .1rem rgba(167,198,212,0.2);}
.q-e{width: 100%;padding-top: 100%;position: relative;overflow: hidden;}
.q-f{max-width: 80%;max-height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.q-g{width: 100%;color: rgb(112, 112, 114);line-height: 1.5;padding: .18rem .1rem;text-align: center;border-top: 1px solid #c3d7e0;}
.q-arrow{display: block;width: .56rem;height: .56rem;border-radius: 50%;border: 0.02rem solid #ccc;position: absolute;top: 2.62rem;z-index: 10000;background-size: .2rem .12rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.q-arrow:hover{background-color: #22d5e6;border-color: #22d5e6;}
.q-arrow.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.q-prev{background-image: url(../images/10.png);left: 0;}
.q-next{background-image: url(../images/11.png);right: 0;}
.q-prev:hover{background-image: url(../images/12.png);}
.q-next:hover{background-image: url(../images/13.png);}
@media(max-width: 750px){
    .q-a{padding-left: 10px;padding-right: 10px;}
    .q-c{width: 100%;}
    .q-arrow{width: 30px;height: 30px;background-size: 15px 9px;}
    .q-g{font-size: 12px;}
    .q-f{max-width: 90%;max-height: 90%;}
    .q-box{width: 180px;}
}

div.pswp{z-index: 987654321;}

.r-a{width: 100%;padding-top: .75rem;background-color: #f2fafc;position: relative;}
.r-list{width: 15.6rem;margin: 0 auto;font-size: 0;padding-top: .6rem;padding-bottom: .8rem;}
.r-item{display: inline-block;vertical-align: top;width: 23.27%;margin-right: 2.3%;position: relative;}
.r-item:nth-child(4n){margin-right: 0;}
.r-box{width: 100%;padding-top: 154.4%;background-size: 100% 100%;background-position: center center;position: relative;transition: background-size 12s cubic-bezier(.23, 1, .32, 1);}
.r-text{position: absolute;left: 0;top: 0;color: #fff;line-height: 1.5;padding-bottom: .35rem;padding-top: .42rem;padding-left: .48rem;padding-right: .48rem;z-index: 10;}
.r-text:after{content: "";display: block;width: 1.43em;height: 0.02rem;background-color: #fff;position: absolute;left: .48rem;bottom: 0;}
.r-text.black{color: rgb(112, 112, 114);}
.r-text.black:after{background-color: rgb(112, 112, 114);}
@media(min-width: 1201px){
    .r-box:hover{background-size: 110% 110%;}
}
@media(max-width: 750px){
    .r-a{padding-left: 10px;padding-right: 10px;}
}

.s-a{width: 100%;padding-top: .73rem;}
.s-b{width: 15.6rem;margin: 0 auto;overflow: hidden;padding-top: .6rem;padding-bottom: .8rem;}
.s-left{float: left;width: 12.2rem;height: 6.86rem;position: relative;}
.s-play{width: 1.8rem;height: 1.8rem;background-image: url(../images/8.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}
.s-left.play .s-play{display: none;}
.s-item{display: block;width: 100%;background-size: cover;background-position: center center;}
.s-video{width: 100%;height: 6.86rem;object-fit: cover;}
.s-right{float: right;width: 3.2rem;height: 6.86rem;overflow: auto;}
.s-item{width: 100%;height: 1.6rem;margin-bottom: .15rem;background-size: cover;background-position: center center;position: relative;cursor: pointer;overflow: hidden;}
.s-item:last-child{margin-bottom: 0;}
.s-title{color: #fff;line-height: 1.5;padding-bottom: 0.05rem;padding-left: .1rem;padding-right: .1rem;position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;}
.s-item.active{border: 0.05rem solid #35d8e8;}
.s-img{width: 100%;min-height: 100%;}
.s-right .mCSB_scrollTools{opacity: 1;width: 0.05rem;}
.s-right .mCSB_scrollTools .mCSB_draggerRail{width: 0.05rem;background-color: #e3eff3;filter: none;-ms-filter: none;}
.s-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 0.05rem;background-color: #22d5e6;border-radius: 0.03rem;filter: none;-ms-filter: none;}
.s-right .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.s-right .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #22d5e6;filter: none;-ms-filter: none;}
.s-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #22d5e6;filter: none;-ms-filter: none;}
.s-right .mCSB_inside>.mCSB_container{margin-right: .35rem;}
@media(max-width: 750px){
    .s-left{width: 100%;float: none;height: auto;margin-bottom: 10px;}
    .s-video{height: auto;}
    .s-right{float: none;width: 100%;overflow: auto;white-space: nowrap;height: auto;}
    .s-item{display: inline-block;vertical-align: top;width: 100px;height: 56px;margin-bottom: 0;margin-right: 10px;}
    .s-item.active{border-width: 3px;}
    .s-title{font-size: 10px;white-space: normal;}
    .s-right .mCSB_inside>.mCSB_container{white-space: nowrap;overflow: auto;font-size: 0;}
}

.t-a{width: 100%;background-color: #f2fafc;padding-top: .5rem;padding-bottom: .8rem;}
.t-list{width: 15.6rem;margin: 0 auto;font-size: 0;padding-bottom: .5rem;}
.t-item{width: 47.43%;margin-right: 5.14%;padding-right: .37rem;padding-left: .16rem;display: inline-block;vertical-align: top;position: relative;line-height: .76rem;color: rgb(112, 112, 114);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #d0e0e8;}
.t-item:nth-child(2n){margin-right: 0;}
.t-item:before{content: "";display: block;width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: #666;position: absolute;left: 0;top: 50%;margin-top: -0.03rem;}
.t-item:after{content: "";display: block;width: 0.09rem;height: 0.14rem;position: absolute;right: .28rem;top: 50%;margin-top: -0.07rem;background-image: url(../images/49.png);background-size: 100% 100%;}
.t-item:hover{color: #22d5e6;}
.t-item:hover:before{background-color: #22d5e6;}
.t-item:hover:after{background-image: url(../images/50.png);}
@media(max-width: 750px){
    .t-a{padding-left: 10px;padding-right: 10px;}
    .t-item{width: 100%;margin-right: 0;}
}

.u-a{width: 100%;background-color: #e3eff3;padding-top: .8rem;padding-bottom: .8rem;}
.u-b{width: 15.6rem;margin: 0 auto;}
.u-c{width: 100%;overflow: hidden;margin-bottom: .35rem;}
.u-left{width: 66%;height: 5.8rem;float: left;display: block;overflow: hidden;}
.u-img{width: 100%;min-height: 100%;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.u-right{width: 34%;height: 5.8rem;float: right;background-color: #fff;padding: .77rem .7rem 0;overflow: auto;}
.u-text{width: 100%;border-bottom: 1px solid #e1e9ee;min-height: 3.3rem;padding-bottom: .3rem;margin-bottom: .6rem;}
.u-title{color: rgb(112, 112, 114);line-height: 1.4;margin-bottom: .4rem;display: block;height: 2.8em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u-title:hover{color: #22d5e6;}
.u-intro{color: rgb(112, 112, 114);line-height: 1.7;margin-bottom: .45rem;height: 3.4em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u-date{color: #999;}
.u-d{color: #999;margin-bottom: .17rem;}
.u-e{width: 100%;font-size: 0;}
.u-f{display: inline-block;vertical-align: top;width: .24rem;height: .24rem;margin-right: .2rem;cursor: pointer;background-size: 100% 100%;}
.u-f1{background-image: url(../images/79.png);}
.u-f2{background-image: url(../images/80.png);}
.u-f3{background-image: url(../images/81.png);}
.u-f1:hover{background-image: url(../images/82.png);}
.u-f2:hover{background-image: url(../images/83.png);}
.u-f3:hover{background-image: url(../images/84.png);}
.u-list{width: 100%;font-size: 0;padding-bottom: .15rem;}
.u-item{width: 31.8%;margin-right: 2.3%;margin-bottom: 2.3%;display: inline-block;vertical-align: top;}
.u-item:nth-child(3n){margin-right: 0;}
.u-box{width: 100%;padding-top: 56.23%;position: relative;overflow: hidden;}
.u-g{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.u-h{width: 100%;padding: .27rem .3rem .48rem;background-color: #fff;}
.u-i{width: 100%;color: rgb(112, 112, 114);margin-bottom: .5rem;height: 3.16em;line-height: 1.58;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u-j{color: #999;}
@media(min-width: 1201px){
    .u-item:hover .u-i{color: #22d5e6;}
    .u-left:hover .u-img{transform: scale(1.1);}
    .u-box:hover .u-g{transform: scale(1.1);}
}
@media(max-width: 1200px){
    .u-f{width: 20px;height: 20px;margin-right: 16px;}
    .u-right{padding: 20px;}
}
@media(max-width: 750px){
    .u-a{padding-left: 50px;padding-right: 50px;}
    .u-left{float: none;width: 100%;height: auto;}
    .u-img{min-height: 0;}
    .u-right{float: none;width: 100%;height: auto;padding: 20px 10px;}
    .u-text{min-height: 0;padding-bottom: 20px;}
    .u-title{height: auto;}
    .u-intro{height: auto;}
}
@media(max-width: 520px){
    .u-a{padding-top: 20px;padding-bottom: 20px;}
    .u-c{margin-bottom: 10px;}
    .u-list{padding-bottom: 10px;}
    .u-item{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .u-i{height: auto;}
}

.v-a{width: 100%;padding-top: .72rem;padding-bottom: .75rem;}
.v-b{width: 11rem;margin: 0 auto;}
.v-top{width: 100%;padding-bottom: .38rem;border-bottom: 1px solid #e7edf1;}
.v-title{color: #333;line-height: 1.4;margin-bottom: .42rem;}
.v-info{width: 100%;font-size: 0;}
.v-c{display: inline-block;vertical-align: middle;color: #999;padding: 0 .37rem;border-right: 1px solid #e0e0e0;cursor: pointer;}
.v-c:first-child{padding-left: 0;}
.v-share{padding-right: 0;border-right: none;line-height: .24rem;}
.v-d{display: inline-block;vertical-align: middle;width: .24rem;height: .24rem;background-size: 100% 100%;margin-right: .2rem;position: relative;top: -1px;}
.v-d1{background-image: url(../images/63.png);}
.v-d2{background-image: url(../images/64.png);}
.v-d3{background-image: url(../images/65.png);}
.v-d1:hover{background-image: url(../images/82.png);}
.v-d2:hover{background-image: url(../images/83.png);}
.v-d3:hover{background-image: url(../images/84.png);}
.v-cont{width: 100%;border-bottom: 1px solid #e1e9ee;padding-top: .53rem;padding-bottom: .53rem;}
.v-cont *{font-size: calc(16 * 100vw / 1920);line-height: 1.75;}
.v-bot{width: 100%;font-size: 0;padding-top: .56rem;}
.v-links{display: inline-block;vertical-align: middle;width: 86.36%;padding-right: 3rem;}
.v-back{display: inline-block;vertical-align: middle;width: 13.64%;line-height: .44rem;color: #fff;background-color: #22d5e6;cursor: pointer;text-align: center;}
.v-link{display: block;color: #666;line-height: 1.5;margin-bottom: .16rem;}
.v-link:last-child{margin-bottom: 0;}
@media(max-width: 1464px){
    .v-cont *{font-size: 12.2px;}
}
@media(min-width: 1201px){
    .v-link:hover{color: #000;}
}
@media(max-width: 1200px){
    .v-share{line-height: 20px;}
    .v-d{width: 20px;height: 20px;margin-right: 16px;}
    .v-back{line-height: 30px;}
    .v-links{padding-right: 30px;}
}
@media(max-width: 750px){
    .v-a{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 520px){
    .v-a{padding-left: 10px;padding-right: 10px;}
    .v-title{text-align: center;}
    .v-info{text-align: center;}
    .v-share{display: block;padding-left: 0;margin-top: 10px;text-align: center;}
    .v-date{border-right: none;padding-right: 0;}
    .v-back{width: 100px;}
    .v-links{width: 100%;padding-right: 0;margin-bottom: 20px;}
}