@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: 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{font-size: 14px;color: #000;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{display: block;width: 100%;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;}


@media(min-width: 1251px){
    html{font-size: 100px}
}

@media(max-width: 1250px) and (min-width: 751px){
    html{font-size: calc( 100vw / 1250 * 100);}
}

@media(max-width: 750px){
    html{font-size: calc(750px / 1250 * 100);}
}
 

@media(min-width: 1901px){
    .s0{font-size: 0;}
    .s12{font-size: 12px;}
    .s13{font-size: 13px;}
    .s14{font-size: 14px;}
    .s15{font-size: 15px;}
    .s16{font-size: 16px;}
    .s17{font-size: 17px;}
    .s18{font-size: 18px;}
    .s19{font-size: 19px;}
    .s20{font-size: 20px;}
    .s21{font-size: 21px;}
    .s22{font-size: 22px;}
    .s23{font-size: 23px;}
    .s24{font-size: 24px;}
    .s25{font-size: 25px;}
    .s26{font-size: 26px;}
    .s27{font-size: 27px;}
    .s28{font-size: 28px;}
    .s29{font-size: 29px;}
    .s30{font-size: 30px;}
    .s31{font-size: 31px;}
    .s32{font-size: 32px;}
    .s33{font-size: 33px;}
    .s34{font-size: 34px;}
    .s35{font-size: 35px;}
    .s36{font-size: 36px;}
    .s37{font-size: 37px;}
    .s38{font-size: 38px;}
    .s39{font-size: 39px;}
    .s40{font-size: 40px;}
    .s41{font-size: 41px;}
    .s42{font-size: 42px;}
    .s43{font-size: 43px;}
    .s44{font-size: 44px;}
    .s45{font-size: 45px;}
    .s46{font-size: 46px;}
    .s47{font-size: 47px;}
    .s48{font-size: 48px;}
    .s49{font-size: 49px;}
    .s50{font-size: 50px;}
    .s51{font-size: 41px;}
    .s52{font-size: 42px;}
    .s53{font-size: 43px;}
    .s54{font-size: 44px;}
    .s55{font-size: 45px;}
    .s56{font-size: 46px;}
    .s57{font-size: 47px;}
    .s58{font-size: 48px;}
    .s59{font-size: 49px;}
    .s60{font-size: 50px;}
}
@media(max-width: 1900px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

 
div.mCSB_scrollTools{opacity: 1;width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #124996;border-radius: 2px;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #124996;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #124996;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: #7d766c;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: #7d766c;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: #7d766c;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: #7d766c;}

 /* 动画 */

.teaser{opacity:0;transform:translate3d(0,50px,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} 
.lter{opacity:0;transform:translate3d(-50px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(50px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}

.scale{opacity:0;transform:scale(1.3);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.scale.is-visible{opacity:1;transform:scale(1);}

.reduce{opacity:0;transform:scale(.7);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce.is-visible{opacity:1;transform:scale(1);}

@media(min-width: 750px) {

    .teaser.delay2  {transition-delay: .2s;}
    .teaser.delay4  {transition-delay: 0.4s;}
    .teaser.delay6  {transition-delay: 0.6s;}
    .teaser.delay8  {transition-delay: 0.8s;}
 
    .lter.delay2  {transition-delay: 0.2s;}
    .lter.delay4  {transition-delay: 0.4s;}
    .lter.delay6  {transition-delay: 0.6s;}
    .lter.delay8  {transition-delay: 0.8s;}
 
    .rter.delay2  {transition-delay: 0.2s;}
    .rter.delay4  {transition-delay: 0.4s;}
    .rter.delay6  {transition-delay: 0.6s;}
    .rter.delay8  {transition-delay: 0.8s;} 
    
    .scale.delay2  {transition-delay: 0.2s;}
    .scale.delay4  {transition-delay: 0.4s;}
    .scale.delay6  {transition-delay: 0.6s;}
    .scale.delay8  {transition-delay: 0.8s;} 
    .scale.delay2  {transition-delay: 0.2s;}
    
    .reduce.delay4  {transition-delay: 0.4s;}
    .reduce.delay6  {transition-delay: 0.6s;}
    .reduce.delay8  {transition-delay: 0.8s;} 

}

body{padding-top: .27rem;}
.header{position: fixed;top: 0;left: 0;z-index: 288; width: 100%;background-color: rgba(191,191,191,.41);}
.h-top{width: 100%; background-color: #434343;}
.h-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-b{width: 10.8rem;margin: 0 auto;}
.h-lt{float: left;color: #ffffff;line-height: .27rem;}
.h-rt{float: right;}
.h-one{display: inline-block;vertical-align: middle;margin-right: .48rem;}
.h-one:last-child{margin-right: 0;}
.h-icon{display: inline-block;vertical-align: middle;margin-right: .05rem; height: .27rem;line-height: .27rem;}
.h-icon img{height: 55.5%;}
.h-text{display: inline-block;vertical-align: middle;color: #ffffff;line-height: .27rem;}

.h-a{width: 100%;}
.h-cont{width: 10.8rem;margin: 0 auto;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left;font-size: 0;}
.h-logo{display: block;cursor: pointer;}
.h-logo1{display: block;height: .33rem;line-height: .33rem;}
.h-logo1 img{ height:76.74%;} 
.h-logo2{display: none;height: .33rem;line-height: .33rem;}
.h-logo2 img{ height:76.74%;} 

.h-right{float: right;font-size: 0;} 
.h-nav{display: inline-block;vertical-align: middle;}
.h-nav .h-top{display: none;}
.h-h{display: inline-block;vertical-align: middle; font-size: 0;}
.h-i{display: inline-block;cursor: pointer;position: relative;}
.h-j{display: inline-block; color: #ffffff; height: .33rem; line-height: .33rem;padding:  0 .13rem;position: relative;}  

.h-sub {display: none; min-width: 100%; background-color: #fff; position: absolute;left: 50%;top:.32rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 10px;font-size: 12px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.h-sub>li>a:hover {background-color: #124996; color: #fff;} 


/* 搜索 */ 
.h-k{display: inline-block;vertical-align: middle; margin-left: .13rem;}
.h-search{display: block;cursor: pointer;  height: .33rem;width: 1.22em;    background-image: url('../images/a4.png');background-size:   auto 39.53% ;background-position: center center;background-repeat: no-repeat;}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #0077c0;background-image: url('../images/a4.png');background-size: 20px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;} 

.h-language{display: inline-block;vertical-align: middle;position: relative; margin-left: .26rem; }
.hl-tip{display: block;cursor: pointer;color: #ffffff; height: .33rem;line-height: .3rem;}
.hl-tip:before{content: '';display: inline-block;vertical-align: middle;width: .33rem;height: .33rem;background-image: url('../images/icon.png');background-size: auto 60%;background-position: center center;background-repeat: no-repeat;}  
 
.hl-list{display: none;min-width: 1rem; background-color: #fff; position: absolute;left: 50%;top:.33rem;z-index: 88; transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item{display: block;cursor: pointer;white-space: nowrap; width: 100%;padding:   5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover {background-color: #124996; color: #fff;}

.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 10;cursor: pointer;}
.h-menu {display: none; position: absolute;cursor: pointer; top: .27rem;right:0; width: .33rem;height: .33rem;background-image: url('../images/a-menu.png');background-size: 70% auto;background-position: center center;background-repeat: no-repeat;}

.header.fixed{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.2);}
.header.fixed .h-logo1{display: none;}
.header.fixed .h-logo2{display: block;}
.header.fixed .h-j{color: #1f1f1f;}
.header.fixed .h-search{background-image: url('../images/a4-b.png');}

.header.fixed .hl-tip{color: #1f1f1f;}
.header.fixed .hl-tip:before{background-image: url('../images/icon2.png');}

body.no-banner{padding-top: .7rem;}
body.no-banner .header{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.2);}
body.no-banner .h-logo1{display: none;}
body.no-banner .h-logo2{display: block;}
body.no-banner .h-j{color: #1f1f1f;}
body.no-banner .h-search{background-image: url('../images/a4-b.png');}

body.no-banner .hl-tip{color: #1f1f1f;}
body.no-banner .hl-tip:before{background-image: url('../images/icon2.png');}

@media(min-width: 1201px) {
    .h-i.active .h-j{color: #ffffff ;  background-color: #124996 ;  }   
    .h-h:hover .h-i.active .h-j{color: #ffffff ; background-color: transparent;}
    .header.fixed .h-h:hover .h-i.active .h-j{color: #1f1f1f ; background-color: transparent;}
    body.no-banner .h-h:hover .h-i.active .h-j{color: #1f1f1f ; background-color: transparent;}
    
    .h-i:hover .h-j{ color: #ffffff !important; background-color: #124996 !important;}  

}

@media(max-width: 1200px) {  
    .h-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .h-cont{width: 100%;padding-left: 10px;padding-right: 10px;}

    body{padding-top: .6rem;}
    .header{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.2);}
    .h-logo1{display: none;}
    .h-logo2{display: block;} 
    .h-search{background-image: url('../images/a4-b.png');}
    .hl-tip{color: #1f1f1f;}
    .hl-tip:before{background-image: url('../images/icon2.png');}

    .h-nav {width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-h{width: 100%;}
    .h-i {width: 100%;padding: 0 !important;margin: 0 !important;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 14px;}
    .h-i.has-nav:after {content: "";background-image: url('../images/a-right.png');background-size: 16px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-nav.show:after {background-size: 18px auto;background-image: url('../images/a-down.png');}
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li>a {text-align: left;padding-left: 40px;color: #666 ;} 
    .h-i.active .h-j{color: #124996;}
     
    .h-right{margin-right: .5rem;}

    /* 菜单 */
    .h-menu {display: block; }
    .header.menu-state  .h-nav{transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}

} 

@media(max-width:750px) {   
    .h-top{display: none;}
    .h-nav .h-top{display: block;background-color: #fff;}
    .h-lt{width: 100%;color: #666 ;text-align: center;}
    .h-rt{width: 100%; text-align: center;}
    .h-one{width: 100%; margin: 5px 0;}
    .h-text{color: #666 }
    .h-menu{top: 0; width: .6rem;height: .6rem; }
    .h-logo1{height: .6rem;line-height: .6rem;}
    .h-logo2{height: .6rem;line-height: .6rem;}
    .h-right{margin-right: .6rem;}
    .h-search{width: 15px;height: .6rem;background-size: 100% auto;}
    .hs-text{width: 250px;height: 35px;font-size: 12px;}
    .hs-submit{height: 35px;} 

    .hl-tip{height: .6rem;line-height: .6rem;}
    .hl-tip:before{height: .5rem;}
    .hl-list{top: .6rem;}
}

.footer{width: 100%;padding-top: .78rem;    background-color: #434343;}
.f-form{width: 100%;}
.f-main{width: 10.8rem;margin: 0 auto;}
.f-top{width: 100%;padding-bottom: .7rem; border-bottom: 1px solid #f5f9f8;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;}
.f-item{display: inline-block;vertical-align: top;margin-right: .28rem;}
.f-item:last-child{margin-right: 0;}
.f-tip{letter-spacing: -1px;color: #ffffff;display: block; font-weight: bold;margin-bottom: .25rem;}
.f-tr{display: inline-block;}
.f-td{letter-spacing: -1px;color: #ffffff;line-height: 2; display: block;cursor: pointer;margin-bottom: .12rem;}
.f-td:hover{color: rgba(255,255,255,.8);}
.f-right{float: right;width: 3.86rem; padding-top: .32rem;font-size: 0;}
.f-a{letter-spacing: -1px;color: #ffffff;font-weight: bold;margin-bottom: .35rem;}
.f-b{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-end; border-bottom: 1px solid #f5f9f8;padding-bottom: .1rem;}
.f-icon{width: 12px;display: inline-block;vertical-align: bottom;}
.f-icon img{width: 100%;}
.f-input{flex: 1;padding: 0 .07rem; border: none;background-color: transparent;height: 1.2em;   color: #ffffff;}
.f-c{display: inline-block;vertical-align: bottom;background-image: url('../images/a9.png');background-size: auto .1rem;background-position: right center;background-repeat: no-repeat;}
.f-submit{display: inline-block;cursor: pointer;border: none;background-color: transparent;height: 1.2em; padding-right: .17rem;color: #ffffff;}

.f-code{width: 100%;font-size: 0;padding-top: .3rem;}
.f-one{display: inline-block;vertical-align: top;text-align: center;margin-right: .1rem;margin-top: .3rem;}
.f-one:last-child{margin-right: 0;}
.f-img{display: inline-block;width:1rem;min-width: 80px;margin-bottom: .06rem;}
.f-img img{width: 100%;}
.f-text{color: #ffffff;}

.f-bottom{width: 100%;padding-top: .3rem;padding-bottom: .3rem;}
.f-d{width: 100%;}
.f-e{letter-spacing: -1px;color: #ffffff;cursor: pointer; margin-bottom: .25rem; display: inline-block;vertical-align: middle;}
.f-e:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .09rem; width: 1px;height: .16rem;background-color: #ffffff;}
.f-e:last-child:after{display: none;}
.f-e:hover{color: rgba(255,255,255,.8);}
.f-g{width: 100%;}
.f-h{display: inline-block;vertical-align: top;position: relative; line-height: 17px; width: 60px;text-align: center; letter-spacing: -1px;color: #ffffff; border: solid 1px #ffffff;}
.f-h:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(100%,-50%);display: inline-block;width: 4px;height: 7px;background-image: url('../images/a10.png');background-size: cover;background-position: right center ; background-repeat: no-repeat;}
.f-linkbox{display: inline-block;vertical-align: top;width: calc(100% - 70px);}
.f-link{display: inline-block;vertical-align: middle;cursor: pointer; color: #ffffff;line-height: 19px; margin-left: .15rem;margin-bottom: .1rem;}
.f-link:hover{color: rgba(255,255,255,.8);}

.f-form input::-webkit-input-placeholder,
.f-form textarea::-webkit-input-placeholder{color: #fff;}
.f-form input:-moz-placeholder,
.f-form textarea:-moz-placeholder{color: #fff;}
.f-form input::-moz-placeholder,
.f-form textarea::-moz-placeholder{color: #fff;}
.f-form input:-ms-input-placeholder,
.f-form textarea:-ms-input-placeholder{color: #fff;}

@media(max-width: 1100px) {
    .f-item{margin-right: .2rem;}
}
@media(max-width: 750px) {
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;}
    .f-item{width: 100%;  margin-right: 0;margin-bottom: .15rem;position: relative;}
    .f-item:after{content: '+';font-size: 20px;line-height: 30px;text-align: center; color: #fff; position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
    .f-tip{display: inline-block;width: auto;margin-bottom: 0;height: 30px;line-height: 30px;}
    .f-tr{width: 100%;display: none;font-size: 0;}
    .f-item.show:after{content: '-';}
    .f-item.show .f-tr{display: block;}
    .f-td{ margin: 5px 0;padding: .1rem .15rem; background-color: rgba(0,0,0,.1);}
    .f-right{width: 100%;}
    /* .f-b{max-width: 320px;} */
    .f-code{text-align: center;}
    .f-one{margin-right: .25rem;}
    .f-img{margin-bottom: .1rem;}
}


.a-a{width: 100%;position: relative;   } 
.a-cont{width: 100%; padding-top: calc(954/1920*100%);  position: relative;overflow: hidden;}
.a-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1; }
.a-img img{ width: 100%; height: 100%;object-fit: cover;} 
.a-img .fixed{position: absolute;left: -200vw;top: 0;} 
 
.a-link{position: absolute;left: 50%; top: 50%;opacity: 0;z-index: -1; transform: translate(-50%,-50%);width: 10.8rem;} 
.a-video{opacity: 0;z-index: -1; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.a-video video{width: 100%;height: 100%;background-color: #000;}
.a-titles{position: relative;display: inline-block;margin-bottom: .14rem;}
.a-titles:before{content: '';position: absolute;bottom: -.06rem;left: 0;width: 100%;height: .19rem;background-color: #124996;}
.a-titles span{position: relative;z-index: 18; color: #ffffff;font-weight: bold;}
.a-intro{color: #ffffff;margin-bottom: .27rem;}
.a-more{display: inline-block;padding: .15rem .22rem;color: #ffffff; background-color: #124996;}
.a-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .13rem;width: .25rem;height: 1em;background-image: url('../images/a11.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-more:hover{background-color: rgba(17,73,150,.9);}

.a-bottom{position: absolute;bottom: .3rem;left: 0; width: 100%;z-index: 38;text-align: center;font-size: 0;} 
.a-bottom{z-index: -1;opacity: 0;}
.a-nav{display: inline-block;vertical-align: middle;border-radius: 50%; margin: 0 .1rem; width: .2rem;height: .2rem;background-color: rgba(0,0,0,.8);}
.a-nav.active{background-color: #124996;}
 

.a-titles,.a-intro,.a-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.a-item.show .a-titles{opacity:1;transform:translate3d(0,0,0);} 
.a-titles {transition-delay: .6s;} 
.a-item.show .a-intro{opacity:1;transform:translate3d(0,0,0);} 
.a-intro {transition-delay: .8s;} 
.a-item.show .a-more{opacity:1;transform:translate3d(0,0,0);} 
.a-more {transition-delay: 1s;}  
 

.a-item.show .a-link{opacity: 1;z-index: 28;} 
.a-item.show .a-video{opacity: 1;z-index: 18;} 

.a-buttom{position: absolute;top: 50%;right: 5%;z-index: 28;transform: translate(0,-50%);}
.a-line{display: inline-block;vertical-align: middle;margin: 0 .1rem; height: .3rem;width: 1px;background-color: #fff;}
.a-prev{display: inline-block;vertical-align: middle;cursor: pointer; width: .6rem;height: .6rem;border-radius: 50%;transition: all ease .5s;border: 1px solid #fff; background-image: url('../images/a19.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.a-prev:hover{background-color: #124996;border: 1px solid #124996;}
.a-next{display: inline-block;vertical-align: middle;cursor: pointer; width: .6rem;height: .6rem;border-radius: 50%;transition: all ease .5s;border: 1px solid #fff; background-image: url('../images/a20.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.a-next:hover{background-color: #124996;border: 1px solid #124996;}

@media(max-width: 1200px) {
    .a-bottom{bottom: 10px;}
}

@media(max-width: 750px) { 
    .a-link{width: 100%;padding-left: 10px;padding-right: 10px;}
    

    .a-titles span{font-size: 18px;}
    .a-link{top: 40%;}
    .a-more{font-size: 12px;padding: .1rem .15rem;}

    .a-buttom{z-index: 58; top: auto; bottom: 10px;right: 10px;transform: translate(0,0);}
    .a-prev{width: 30px;height: 30px;background-size: 5px auto;}
    .a-next{width: 30px;height: 30px;background-size: 5px auto;}

    .a-item.show .a-video{opacity: 1;z-index: 38;} 
}

.b-a{width: 100%;padding-top: .8rem;}
.b-main{width: 10.8rem;margin: 0 auto;}
.b-titles{width: 100%; text-align: center;color: #333333;margin-bottom: .6rem;}
.b-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: .5rem;}
.b-item{display: block;text-align: center;margin-bottom: .45rem;}
.b-icon{display: inline-block;width: 1.23rem;height: 1.23rem;line-height: 1.23rem;margin-bottom: .53rem;}
.b-icon img{max-width: 100%;max-height: 100%;}
.b-text{width: 100%;}
.b-b{color: #333333;margin-bottom: .4rem;transform: scale(1.00);transition: all ease .5s;}
.b-item:hover .b-b{transform: scale(1.1);}
.b-c{color: #333333;line-height: 1.28;}
.b-cont{width: 100%;position: relative;z-index: 28; background-color: #fff;}
.b-left{display: block;padding-top: .15rem;padding-bottom: .15rem;padding-left: .24rem; width: 5.25rem;}
.b-name{letter-spacing: .03rem;color: #343434;line-height: 1.35;margin-bottom:  .25rem;}
.b-intro{color: #9e999b;line-height: 1.7;margin-bottom: .43rem;}
.b-more{display: inline-block;cursor: pointer;padding: .11rem .36rem;color: #ffffff;background-color: #124996;}
.b-more:hover{background-color: rgba(17,73,150,.9);}
.b-right{position: absolute;top: 0;right: -.4rem;width: 5.25rem;}
.b-img{width: 100%;}
.b-img img{width: 100%;}

.b-tr{width: 100%;padding-top: .9rem;padding-bottom: .1rem; font-size: 0;z-index: 18; position: relative;background-color: #fff; box-shadow: 0px .08rem .38rem 0px rgba(111, 111, 111, 0.18);}
.b-td{display: inline-block;vertical-align: top;width: 25%;text-align: center;padding: 0 .1rem .3rem;}
.b-d{width: 100%;margin-bottom: .2rem;transform: scale(1.00);transition: all ease .5s;}
.b-nub{display: inline-block;color: #595959; }
.b-e{display: inline-block;color: #595959; }
.b-f{color: #595959;line-height: 1.7;}
.b-td:hover  .b-d{transform: scale(1.1);} 

.b-a .u-bg{height: 4rem;}
.b-a .u-text{top: 50% !important;transform: translate(0,-50%);text-align: center;}
.b-a .u-name{opacity: 0;transition: all ease .5s; }
.b-a .u-item.show .u-name{opacity: 1;text-align: center !important;}
.b-a .u-bg:before{display: none;}
.b-a .u-textbox{display: none;}
.b-a .u-item{margin-bottom: .25rem;}
@media(max-width: 750px) {
    .b-main{width: 100%;max-width: 500px;padding-left: 20px;padding-right: 20px;}
    .b-item{width: 33.33%;padding: 0 .05rem;}
    .b-left{width: 100%;margin-bottom: .35rem;padding-left: 0;}
    .b-right{width: 100%;position: relative;right: 0;}
    .b-tr{padding: .3rem 0;}
    .b-td{padding: .3rem .15rem;width: 50%;}
    .b-c{font-size: 13px;}

}

@media(max-width: 374px) {
    .b-c{font-size: 12px;}
}

.c-a{width: 100%; padding-bottom: .53rem; padding-top:  .3rem; background-color: #f7f8fa; }
.c-main{width: 10.8rem;margin: 0 auto;}
.c-intro{color: #666666;line-height: 1.55;margin-bottom: .45rem;}
.c-cont{width: 100%;position: relative;padding-top: .57rem;}
.c-b{width: 100%;}
.c-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
.c-item:last-child{margin-right: 0;}
.c-link{display: block;cursor: pointer;width: 100%;background-color: #ffffff;}
.c-img{width: 100%;overflow: hidden;}
.c-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.c-text{width: 100%;padding: .7rem .35rem .35rem ;}
.c-name{color: #666666;line-height: 1.33;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-item:hover .c-img img{transform: scale(1.05);}
.c-item:hover .c-name{color: #114996;}

.c-pagination{display: none;}
.c-prev{left: 0;top: 0; margin-top: 0;transition: all ease .5s;border: 1px solid transparent; width: .24rem;height: .24rem;background-color: #666666;border-radius: 50%; background-image: url('../images/a22.png');background-size: 30% auto;background-position: center center;background-repeat: no-repeat;}
.c-prev:hover{background-color: #124996; }
.c-next{left: .58rem;right: auto; top: 0; margin-top: 0;transition: all ease .5s;border: 1px solid transparent; width: .24rem;height: .24rem;background-color: #666666;border-radius: 50%; background-image: url('../images/a23.png');background-size: 30% auto;background-position: center center;background-repeat: no-repeat;}
.c-next:hover{background-color: #124996; }


@media(max-width: 750px) {
    .c-main{width: 100%;max-width: 500px;padding-left: 20px;padding-right: 20px;}
    .c-item{width: calc(50% - 5px);margin-right: 10px;}
}
 


.d-a{width: 100%; padding-bottom: .7rem; padding-top: .46rem; }
.d-main{width: 11.2rem;margin: 0 auto;}
.d-a .my-top{ width: calc(100%  - .4rem);margin: 0 auto .3rem;}
.d-intro{color: #666666;line-height: 1.55;padding: 0 .2rem; }
.d-cont{width: 100%;position: relative;}
.d-b{width: 100%;padding: .3rem .2rem;}
.d-item{width: auto;margin-right: .43rem;  text-align: center;}
.d-link{display: inline-block;cursor: pointer;}
.d-link:before{content: '';position: absolute;right: -.43rem;top: 0;display: block;width: .43rem; height: .97rem;background-image: url('../images/a56.png');background-size: .11rem auto;background-position: center center;background-repeat: no-repeat;}
.d-item:last-child{margin-right: 0;}
.d-item:last-child .d-link:before{display: none;}
.d-icon{display: inline-block;width: .97rem;margin-bottom: .15rem;}
.d-icon img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.d-text{width: .97rem;}
.d-name{letter-spacing: .03rem;color: #202020;line-height: 1.33;}
.d-link:hover .d-icon img{transform: scale(1.05);}

.d-pagination{display: none;}
.d-prev{display: none;}
.d-next{display: none;}

@media(max-width: 750px) {
    .d-main{width: 100%;max-width: 500px;padding-left: 20px;padding-right: 20px;}
    .d-text{width: auto;}
}

.e-a{width: 100%; padding-bottom: .6rem; padding-top: .56rem; background-color: #f7f8fa; }
.e-main{width: 10.8rem;margin: 0 auto;}

.e-bottom{width: 100%;}
.e-tip{width: 100%;color: #000000;text-align: center;margin-bottom: .45rem;}
.e-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding: 0 .7rem;}
.e-one{display: inline-block;vertical-align: top;width: calc(20% - .24rem);margin: 0 .12rem;text-align: center;padding: .2rem .12rem; background-color: #f7f8fa;box-shadow: 0px .03rem .12rem 1px rgba(102, 102, 102, 0.27);}
.e-icon{width: 100%;height: .6rem;line-height: .6rem;margin-bottom: .4rem;transition: all ease .5s;}
.e-icon img{max-height: 100%;}
.e-text{width: 100%;}
.e-name{color: #000000;line-height: 1.5;margin-bottom: .4rem;}
.e-intro{line-height: 1.8;letter-spacing: 1px;color: #000000;text-align: center;}
.e-one:hover .e-icon{transform: translateY(-5px);}

.e-cont{width: 100%;padding-bottom: .5rem;}
.e-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.e-left{float: left;width: 3rem;margin-bottom: .5rem;position: relative;}
.e-b{width: 100%;height: 5.2rem;}
.e-nav{display: block;height: auto;cursor: pointer; margin-bottom: .12rem;}
.e-nav:last-child{margin-bottom: 0;}
.e-c{display: flex;justify-content: space-between;flex-direction: row-reverse;position: relative;flex-wrap: wrap; }
.e-c:before{content: '';position: absolute;bottom: 0;left: 0;width: 20px;height: 8px;background-image: url('../images/a29-b.png');background-size: auto 8px;background-position: center center;background-repeat: no-repeat;}
.e-img{display: block;width: 1.62rem;overflow: hidden;  box-shadow: 0px .05rem  1px 0px rgba(101, 101, 101, 0.3);}
.e-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.e-d{width: 1.2rem;padding-top: .1rem;}
.e-e{color: #75706d;line-height: 1.3;margin-bottom: .08rem;}
.e-f{color: #75706d;}
.e-nav.active .e-e{color: #114996;}
.e-nav:hover .e-e{color: #114996;}
.e-nav:hover .e-img img{transform: scale(1.05);}

.e-right{float: right; width: 6.8rem;margin-bottom: .5rem;}
.e-item{display: none;width: 100%;}
.e-item.show{display: block;}
.e-video{display: block;cursor: pointer;margin-bottom: .3rem; width: 100%;padding: .1rem;border-radius: .05rem;background-color: #dcdcdc;position: relative;}
.e-bg{width: 100%;height: 3.8rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.e-play{position: absolute;top: 50%;left: 50%;width: .77rem;transform: translate(-50%,-50%);}
.e-palay img{width: 100%;}
.e-g{width: 100%;text-align: center;}
.e-h{color: #75706d;font-weight: bold;line-height: 1.47;margin-bottom:  .15rem;}
.e-textbox{color: #75706d;line-height: 2;}
.e-textbox *{line-height: inherit;}

.e-pagination{display: none;}
.e-prev{display: none;}
.e-next{display: none;}


@media(max-width: 750px) {
    .e-main{width: 100%;max-width: 500px;padding-left: 20px;padding-right: 20px;}
    .e-list{padding: 0 5px;}
    .e-one{width: calc(33.33% - 10px);margin: 0 5px 5px;padding: .35rem 10px;}

    .e-left{width: 100%;margin-bottom: .1rem;}
    .e-b{height: auto;}
    .e-nav{width: 1.62rem;margin-right: .2rem;padding-bottom: 16px;}
    .e-img{width: 100%;}
    .e-d{width: 100%;padding-bottom: .3rem;}
 
    .e-right{width: 100%;}
    .e-bg{height: auto;padding-top: 56.34%;}
}


.g-a{width: 100%; padding-bottom: .5rem; padding-top: 1rem;  }
.g-main{width: 10.8rem;margin: 0 auto;}
.g-cont{width: 100%;padding-top: .2rem;padding-bottom: .5rem;}
.g-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.g-left{float: left;margin-top: .7rem;width: 1.9rem;}
.g-tr{display: block;width: 100%;}
.g-td{display: block;cursor: pointer; width: 100%; position: relative;margin-bottom: .3rem;}
.g-td .g-intro{line-height: 1.66;color: #75706d; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.g-td .g-time{ text-align: right; color: #75706d;}
.g-td:hover .g-intro{color: #114996;}

.g-right{float: right;width: 8.8rem;position: relative;}
.g-right:before{content: '';position: absolute;top: .5rem;width: 100%;height: 100%;background-color: #f7f8fa;}
.g-list{width: 100%;position: relative;z-index: 18;font-size: 0;padding: 0 .1rem;display: flex;flex-wrap: wrap;}
.g-item{display: inline-block;vertical-align: top;cursor: pointer; width: 50%;padding: 0 .35rem ; margin-bottom: .15rem;}
.g-top{width: calc(100% - .38rem);position: relative;margin-bottom: .4rem;}
.g-top:after{content: '';position: absolute;top: -.04rem;right: -.06rem; width: .8rem;height: 92%;background-color: #f37022;}
.g-img{width: 100%;position: relative;z-index: 18;overflow: hidden;}
.g-img img{width: 100%;transform: scale(1.00);transition: all ease .5s; }
.g-text{width: 100%;}
.g-b{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: .1rem;}
.g-name{flex: 1; color: #75706d;line-height: 1.55;padding-right: .1rem;} 
.g-item .g-time{  color: #75706d;}
.g-item .g-intro{line-height: 1.57;color: #75706d;margin-bottom: .5rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.g-more{display: inline-block;color: #ffffff;padding: .08rem .18rem;background-color: #114996;}

.g-item:hover .g-img img{transform: scale(1.05);}
.g-item:hover .g-name{color: #114996;}

@media(max-width: 750px) {
    .g-main{width: 100%;max-width: 500px;padding-left:20px;padding-right:20px;}
    .g-left{width: 100%;margin-bottom: .35rem;}
    .g-right{width: 100%;}
    .g-item{padding: 0 10px;}
    .g-top{width: 100%;}

    .g-name{margin-bottom: .15rem; width: 100%;flex: none;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    
}

.i-a{width: 100%; padding-bottom: 1rem; padding-top: .5rem;  }
.i-main{width: 10.8rem;margin: 0 auto;}
.i-cont{width: 100%;padding-top: .35rem;font-size: 0;}
.i-left{display: inline-block;vertical-align: middle;width: calc(100% - 5.1rem);padding: 0 .55rem;}
.i-one{display: block;font-size: 0;padding: .15rem 0;}
.i-icon{display: inline-block;vertical-align: top;width: 1.7em;height: 2em;line-height: 2em;}
.i-icon img{max-width: 100%;max-height: 100%;}
.i-text{display: inline-block;vertical-align: top;width: calc(100% - 2em);padding:0 .17rem;line-height: 2; letter-spacing: .02rem;color: #666666;word-break: break-all;}

.i-right{display: inline-block;vertical-align: middle;width: 5.07rem;}
.i-form{width: 100%;}
.i-list{width: 100%;font-size: 0;}
.i-item{width: 100%;position: relative;margin-bottom: .2rem;}
.i-b{width: 100%;background-color: #e8e8e8;box-shadow: 0px 0px .19rem 0px rgba(165, 165, 165, 0.08);}
.i-c{display: block;width: 100%;border: none;background-color: transparent;height: .37rem;color: #666666;padding: 0 .4rem 0 .15rem;letter-spacing: .02rem;}
.i-img{position: absolute;top: 0;right: 0;width: .35rem;height: .37rem;text-align: center;line-height: .37rem;  }
.i-img img{max-width: .22rem;max-height: .25rem;}
.i-img:before{content: '';position: absolute;top: 0;left: 0;margin-top:  .06rem;    width: .02rem;height: .25rem;background-color: #bfbfbf;}
.i-textarea{display: block;width: 100%;border: none;background-color: transparent;height: .92rem;padding: .07rem .4rem  .07rem .15rem; line-height: 1.5;letter-spacing: .02rem; color: #666666;}
.i-buttom{width: 100%;padding-top: .05rem;}
.i-submit{display: block;cursor: pointer;border: none;background-color: #114996;letter-spacing: .04rem;color: #ffffff;width: 100%;height: .5rem;text-align: center;line-height: .5rem; box-shadow: 0px 0px .19rem 0px rgba(165, 165, 165, 0.08);}
.i-submit:hover{background-color: rgba(17,73,150,.9);}


@media(min-width: 750px) {
    .i-list .i-item{display: inline-block;vertical-align: top;width: calc(50% - .17rem);margin-right: .33rem;}
    .i-list .i-item:nth-child(2n){margin-right: 0;}
}

@media(max-width: 750px) {
    .i-main{width: 100%;max-width: 500px;padding-left: 20px;padding-right: 20px;}
    .i-left{width: 100%;padding: 0 ;margin-bottom: .35rem;}
    .i-right{width: 100%;}
    .i-c{height: 30px;padding-right: 35px;}
    .i-img{height: 30px;width: 30px;line-height: 30px;}
    .i-img:before{height: 20px;margin-top: 5px;}
    .i-textarea{height: 80px;}
    .i-submit{height: 35px;line-height: 35px;}
}
 


.paging{width: 100%;font-size: 0;text-align: center;}
.paging-up{display: inline-block;vertical-align: middle;cursor: pointer;margin:.1rem .1rem;width: .3rem;height: 1em;background-image: url('../images/a13.png');background-size: 5px auto ;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('../images/a13-b.png');}
.paging-next{display: inline-block;vertical-align: middle;cursor: pointer;margin:.1rem .1rem;width: .3rem;height: 1em;background-image: url('../images/a14.png');background-size: 5px auto ;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('../images/a14-b.png');}
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer; margin:.1rem .1rem;padding: 0 .13rem;color: #000000;}
.paging-item:hover{color: #124996;}
.paging-item.active{color: #124996;}

.j-a{width: 100%;padding-top: 1.16rem;padding-bottom: .76rem;}
.j-main{width: 100%;max-width: 790px;margin: 0 auto;padding: 0 10px;}
.j-top{width: 100%;text-align: center;margin-bottom: .5rem;}
.j-titles{color: #333333;line-height: 1.41; margin-bottom: .2rem;font-weight: normal;}
.j-time{color: #666666;}
.j-textbox{width: 100%;color: #666666;line-height: 1.85;padding-bottom: 1rem;}
.j-textbox *{line-height: inherit;max-width: 100%;}
.j-bottom{width: 100%;background-color: #f7f8fa;box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.14);}
.j-linkbox{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; max-width: 790px;margin: 0 auto;padding: .35rem  .25rem .2rem;}
.j-link{display: block;margin: .1rem 0;text-align: center; cursor: pointer;width: 46%;color: #333333;line-height: 1.71; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-link:hover{color: #114996;}

.j-textbox a{color: #114996;}

@media(max-width: 750px) {
    .j-main{max-width: 500px;}
    .j-a{padding-top: .8rem;}
    .j-textbox{padding-bottom: .5rem;}
    .j-linkbox{padding: .3rem 10px;max-width: 500px;}
    .j-link{width: 100%;text-align: left;}
}

.k-a{width: 100%;padding-top: 1.03rem;padding-bottom: .86rem;}
.k-form{width: 100%;}
.k-main{width: 10.47rem;margin: 0 auto;}
.k-titles{width: 100%;text-align: center;font-weight: bold;margin-bottom: .67rem;}
.k-b{display: inline-block;font-size: 0; padding-left: .28rem;margin-bottom: .55rem; background-color: #f6f8ff;border-radius: .2rem;overflow: hidden;position: relative;}
.k-b:before{content: '';position: absolute;top: 50%;left: .28rem;margin-top: -.08rem; width:1px;height: .16rem;background-color: #124996;}
.k-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; letter-spacing: 1px;width: 2.5rem;height: .4rem;color: #333333;padding: 0 .15rem;}
.k-submit{display: inline-block;vertical-align: middle;border: none; cursor: pointer;letter-spacing: 1px;   color: #ffffff;width: 1.2rem;height: .4rem;background-color: #124996;border-radius: .2rem;}

.k-tip{width: 100%;margin-bottom: .15rem;letter-spacing: 1px;color: #333333;}
.k-cont{width: 100%;padding-bottom: .48rem;}
.k-item{display: block;padding: .15rem .2rem .15rem 0; width: 100%;cursor: pointer;position: relative;border-bottom: .02rem solid #eeeeee;}
.k-item:after{content: '';position: absolute;top: 0;right: 0;width: 8px;height: 100%;background-image: url('../images/a12.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-name{letter-spacing: 1px;color: #333333;line-height: 1.35; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.k-item:hover:after{background-image: url('../images/a12-b.png');}
.k-item:hover .k-name{color: #114996;}


@media(max-width: 750px) {
    .k-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .k-b{width: 100%;}
    .k-input{width: calc(100% - 1.5rem);}
    .k-submit{width: 1.5rem;}
}

.l-a{width: 100%;padding-top: .68rem;padding-bottom: .72rem;}
.l-main{width: 10.8rem;margin: 0 auto;}
.my-top{width: 100%;position: relative;margin-bottom: .3rem;}
.my-titles{position: absolute;top: 50%; left: .1rem;transform: translate(0,-50%); font-weight: bold; letter-spacing: 1px;color: #000000;}
.my-titles:hover{color: #124a97;}
.my-en{font-size: 1.3rem;color: #edecec;}

.l-navbox{width: 100%;font-size: 0;padding-bottom: .15rem;}
.l-nav{display: inline-block;vertical-align: middle;margin-bottom: .2rem; cursor: pointer;color: #000000;padding: .08rem 0;transition: all ease .5s; margin-right: .14rem; } 
.l-nav.active{background-color: #124a97;color: #fff; padding: .08rem .14rem;} 
.l-nav:hover{background-color: #124a97;color: #fff; padding: .08rem .14rem;} 

.l-cont{width: 100%;padding-bottom: .1rem;}
.l-item{width: 100%;display: block;cursor: pointer; position: relative;padding: .26rem 0; border-bottom: 1px solid #f4f4f4;}
.l-item:last-child{border-bottom: none;}
.l-item.after{transition: all ease .5s;}
.l-img{display: inline-block;vertical-align: middle;transition: all ease .5s; width: 3.15rem;overflow: hidden;margin:0 .4rem 0 0;}
.l-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.l-text{display: inline-block;vertical-align: middle;width: 5.6rem;}
.l-name{margin-bottom: .1rem; color: #303030;line-height: 1.6;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l-intro{color: #666666;line-height: 1.85;height: 3.7em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-time{position: absolute;top: .56rem;right: .28rem;color: #666666;}
.l-time:before{content: '';position: absolute;bottom: -.75rem;left: 0;width: 1px;height: .26rem;background-color: #666666;}
.l-time:after{content: '';position: absolute;bottom: -.75rem;left: .13rem;width: 1px;height: .26rem; width: .18rem;background-image: url('../images/a15.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.l-item:hover{ box-shadow: 0px .02rem .24rem .05rem rgba(102, 102, 102, 0.07);}
.l-item:hover .l-img{ margin: 0 .2rem;}
.l-item:hover .l-img img{transform: scale(1.05);}
.l-item:hover .l-name{color: #124a97;}

@media(max-width: 750px) {
    .my-en{font-size: .7rem;}
    .l-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .l-cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .l-item{width: calc(50% - 5px);padding: 0;margin-bottom: .3rem;}
    .l-item:last-child{border-bottom:  1px solid #f4f4f4;}
    .l-img{width: 100%;margin: 0  !important;}
    .l-text{width: 100%;padding: .25rem .1rem;}
    .l-time{position: relative;top: 0;right: 0;width: 100%;margin-top: .15rem;}
    .l-time:before{display: none;}
    .l-time:after{bottom: auto;top: 50%;left: auto; right: 0;top: 50%;margin-top: -.13rem;}
}

.m-a{width: 100%;padding-top: .58rem;padding-bottom: .38rem;}
.m-main{width: 10.8rem;margin: 0 auto;}
.m-top{width: 100%;padding-bottom: .6rem;}
.m-titles{display: inline-block; color: #000000;font-weight: bold;margin-bottom: .1rem;}
.m-titles:hover{color:#124996;}
.m-en{letter-spacing: 2px;color: #bfbfbf;font-weight: bold;}
.m-cont{width: 100%;font-size: 0;}
.m-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(25% - .136rem);margin-right: .18rem;margin-bottom: .3rem;}
.m-item:nth-child(4n){margin-right: 0;} 
.m-img{width: 100%;overflow: hidden;}
.m-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.m-text{display: block;text-align: center; width: 100%;padding: .1rem;}
.m-name{letter-spacing: 1px;line-height: 1.41;color: #1e1719;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.m-item:hover{background-color: #ffffff;box-shadow: 0px .03rem .12rem 1px rgba(102, 102, 102, 0.27);}
.m-item:hover .m-img img{transform: scale(1.05);;}

@media(min-width: 751px) {
    .m-item:nth-child(4n+2)  {transition-delay: .2s;} 
    .m-item:nth-child(4n+3)  {transition-delay: .4s;} 
    .m-item:nth-child(4n+4)  {transition-delay: .5s;} 
}

@media(max-width: 750px) {
    .m-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .m-item{width: calc(50% - 5px);margin-right: 10px;}
    .m-item:nth-child(2n){margin-right: 0;}
}

.n-a{width: 100%;padding-top: .54rem;padding-bottom: .38rem;}
.n-main{width: 10.8rem;margin: 0 auto;}
.n-top{width: 100%;padding-bottom: .5rem;}
.n-titles{display: inline-block; color: #000000;font-weight: bold;margin-bottom: .1rem;}
.n-titles:hover{color: #124996;}
.n-en{letter-spacing: 2px;color: #bfbfbf;font-weight: bold;}
.n-cont{width: 100%;font-size: 0;}
.n-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(25% - .136rem);margin-right: .18rem;margin-bottom: .18rem;}
.n-item:nth-child(4n){margin-right: 0;} 
.n-img{width: 100%;overflow: hidden;}
.n-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.n-text{display: block;text-align: center; width: 100%;padding:.2rem .1rem;}
.n-name{letter-spacing: 1px;line-height: 1.41;color: #1e1719;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.n-item:hover{background-color: #ffffff;box-shadow: 0px .03rem .12rem 1px rgba(102, 102, 102, 0.27);}
.n-item:hover .n-img img{transform: scale(1.05);;}

@media(min-width: 751px) {
    .n-item:nth-child(4n+2)  {transition-delay: .2s;} 
    .n-item:nth-child(4n+3)  {transition-delay: .4s;} 
    .n-item:nth-child(4n+4)  {transition-delay: .5s;} 
}

@media(max-width: 750px) {
    .n-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .n-item{width: calc(50% - 5px);margin-right: 10px;}
    .n-item:nth-child(2n){margin-right: 0;}
}

.o-a{width: 100%;padding-top: .9rem;padding-bottom: .16rem;}
.o-main{width: 10.8rem;margin: 0 auto;}

.o-b{width: 100%;position: relative;padding-top: .15rem;}
.my-id{position: absolute;top: -.6rem;left: 0;}
.o-top{width: 100%;margin-bottom: .42rem;}
.o-titles{color: #2b2b2b;margin-bottom: .15rem;font-weight: bold;}
.o-en{  color: #75706d;line-height: 1.55;}
.o-map{width: 100%;height: 5.16rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}

.o-c{width: 100%;position: relative;}
.o-list{width: 100%;font-size: 0;padding-top: .4rem;}
.o-item{display: inline-block;vertical-align: top;margin-top: .3rem; width: 33.33%;text-align: center;padding: 0 .1rem;}
.o-icon{width: 100%;height: .8rem;margin-bottom: .35rem;}
.o-icon img{height: 100%;}
.o-text{width: 100%;}
.o-tip{color: #666666;line-height: 1.55;margin-bottom: .15rem;}
.o-intro{color: #9e999b;line-height: 1.5;}

.o-d{width: 100%;max-width: 812px;margin: 0 auto; padding-top: 1.2rem;position: relative;}
.o-d .o-top{text-align: center;}
.o-one{width: 100%;margin-bottom: .65rem;}
.o-e{color: #666666;text-align: center;margin-bottom: .1rem;}
.o-textbox{line-height: 2;  color: #9e999b;}
.o-textbox *{line-height: inherit;}

@media(max-width: 750px) {
    .o-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .o-item{width: 25%;}
    .o-item:nth-child(3){width: 50%;}
    .o-e{text-align: left;}
}

.p-a{width: 100%;padding-top: .76rem;padding-bottom: .5rem;}
.p-main{width: 10.8rem;margin: 0 auto;}
.p-top{width: 100%;padding-bottom:  .57rem;}
.p-titles{display: inline-block; color: #161616;font-weight: bold;margin-bottom: .13rem;}
.p-titles:hover{color: #124996;}
.p-en{color: #666666;}
.p-cont{width: 100%;font-size: 0;margin-bottom: .3rem;}
.p-left{display: inline-block;vertical-align: middle;width: 7.2rem;position: relative;}
.p-video{display: block;width: 100%;cursor: pointer;}
.p-img{width: 100%;}
.p-img img{width: 100%;}
.p-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:  .77rem;}
.p-play img{width: 100%;}

.p-pagination{display: none;}
.p-prev{left: .14rem;margin-top: -.3rem; width: .6rem;height: .6rem;border-radius: 50%;transition: all ease .5s;border: 1px solid transparent; background-image: url('../images/a19.png');background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.p-prev:hover{background-color: #124996;border: 1px solid #124996;}
.p-next{right: .14rem;margin-top: -.3rem;width: .6rem;height: .6rem;border-radius: 50%;transition: all ease .5s;border: 1px solid transparent; background-image: url('../images/a20.png');background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.p-next:hover{background-color: #124996;border: 1px solid #124996;}

.p-right{display: inline-block;vertical-align: middle;width: calc(100% - 7.22rem);padding-left: .55rem;}
.p-name{color: #161616;margin-bottom: .3rem;line-height: 1.55;}
.p-intro{color: #161616;line-height: 1.36;margin-bottom: .25rem;}
.p-intro *{line-height: inherit;}
.p-tip{color: #161616;margin-bottom: .15rem;line-height: 1.55;}
.p-c{color: #161616;line-height: 1.36;margin-bottom: .25rem;}
.p-c *{line-height: inherit;}
.p-textbox{color: #161616;line-height: 1.7; }
.p-textbox *{line-height: inherit;}

.p-tr{width: 100%;font-size: 0;margin-bottom: .75rem;}
.p-td{display: inline-block;vertical-align: middle;cursor: pointer;overflow: hidden; width: calc(50% - .171rem);margin-right: .34rem;margin-bottom: .15rem;}
.p-td img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.p-td:nth-child(2n){margin-right: 0;}
.p-td:hover img{transform: scale(1.05);}

.p-bottom{width: 100%;padding-bottom: .4rem;}
.p-bottom .p-top{text-align: center;padding-bottom: .46rem;}
.p-list{width: 100%;font-size: 0;text-align: center;}
.p-input{display: inline-block;vertical-align: middle;border: none;margin: 0 .09rem .23rem;padding: 0 .16rem;   color: #666666; height: .44rem; background-color: #ffffff;box-shadow: -.1rem 0px .18rem 1px rgba(102, 102, 102, 0.19);border-radius: .22rem;}
.p-submit{display: inline-block;vertical-align: middle;cursor: pointer; width: 1.23rem;height: .44rem;line-height: .44rem;text-align: center; border: none;margin: 0 .09rem .23rem;color: #ffffff;background-color: #124996;box-shadow: -.1rem 0px .18rem 1px rgba(102, 102, 102, 0.19);border-radius: .22rem;}
.p-submit:hover{background-color: rgba(17,73,150,.9);}

@media(max-width: 750px) {
    .p-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .p-left{width: 100%;}
    .p-right{width: 100%;padding: .3rem ;}
    .p-input{width: calc(100% - .2rem);height: 36px;border-radius: 18px;}
    .p-submit{width: calc(100% - .2rem);height: 36px;line-height: 36px;border-radius: 18px;}
    .p-intro{line-height: 1.6;}
    .p-c{line-height: 1.6;}
}
 
/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -500px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #114996;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%;height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}

@media(max-width:1200px) {
    .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
    .xv-f { max-height: 90vh;}
    .xv-e { height: 60vh;}
}

.q-a{width: 100%;padding-bottom: .65rem;} 
.q-main{width: 12.12rem;margin: 0 auto;}
.q-top{width: 100%;padding-bottom: .1rem; text-align: center;}
.q-titles{display: inline-block; color: #161616;font-weight: bold;margin-bottom: .13rem;}
.q-titles:hover{color: #124996;}
.q-en{color: #666666;}
.q-cont{width: 100%; position: relative;-webkit-tap-highlight-color:rgba(0,0,0,0); user-select: none;   outline: none;} 
.q-cont *{-webkit-tap-highlight-color:rgba(0,0,0,0); user-select: none;   outline: none;}
.q-b{width: 100%;}
.q-item{width: 16.66%;padding: .3rem .1rem;}
.q-link{display: block;width: 100%;cursor: pointer;}
.q-img{width: 100%;overflow: hidden;position: relative; margin-bottom: .15rem;  box-shadow: -.02rem 0px .1rem 1px rgba(102, 102, 102, 0.3);}
.q-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.q-text{width: 100%;text-align: center;}
.q-state{color: #666666;line-height: 1.7;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.q-item:hover .q-img img{transform: scale(1.05);}
.q-item:hover .q-state{color: #114996;}


.q-pagination{display: none;}
.q-prev{left: .98rem; margin-top: -.37rem;  width: .36rem;height: .36rem;border-radius: 50%;transition: all ease .5s; background-color: rgba(17,73,150,.8);  background-image: url('../images/a22.png'); background-size: 30.5% auto;background-position: center center;background-repeat: no-repeat;}
.q-prev:hover{background-color: #124996; }
.q-next{right: .98rem; margin-top: -.37rem; width: .36rem;height: .36rem;border-radius: 50%; border-radius: 50%;transition: all ease .5s;background-color: rgba(17,73,150,.8);  background-image: url('../images/a23.png'); background-size: 30.5% auto;background-position: center center;background-repeat: no-repeat;}
.q-next:hover{background-color: #124996; }
 
@media(min-width: 751px) {
    .q-item.swiper-slide-active .q-state{display: none;}
    .q-item.swiper-slide-active .q-img:before{content: '';position: absolute;top: 0;left: 0;z-index: 8; width: 100%;height: 100%;background-color: rgba(255,255,255,.58);}
    .q-item.swiper-slide-active +.q-item+.q-item+.q-item+.q-item+.q-item .q-state{display: none;}
    .q-item.swiper-slide-active +.q-item+.q-item+.q-item+.q-item+.q-item .q-img:before{content: '';position: absolute;top: 0;left: 0;z-index: 8; width: 100%;height: 100%;background-color: rgba(255,255,255,.58);}    
}
@media(max-width: 750px) {
    .q-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .q-item{width: 50%;}
    .q-prev{left: 10px;}
    .q-next{right: 10px;}
}


.r-a{width: 100%;padding-top: .5rem;padding-bottom: .5rem;}
.r-main{width: 10.8rem;margin: 0 auto;}
.r-top{width: 100%;padding-bottom: .8rem;}
.r-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-left{float: left;font-size: 0;margin-bottom: .5rem;}
.r-big{display: inline-block;vertical-align: bottom;width: 5.37rem;position: relative;}
.r-b{width: 100%;}
.r-item{width: 100%;}
.r-link{display: block;cursor: pointer; width: 100%;}
.r-img{width: 100%;}
.r-img img{width: 100%;}
.r-small{display: inline-block;vertical-align: bottom;margin-left: .12rem;width: 1.2rem;}
.r-c{width: 100%;height: 2.55rem;}
.r-nav{width: 100%;height: auto;padding-top: 1px;cursor: pointer;}
.r-bg{width: 100%;position: relative; height: .85rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.r-bg:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.57);}
.r-nav.active .r-bg:before{display: none;} 

.r-pagination{display: none;}
.r-prev{display: none;}
.r-next{display: none;}

.r-right{float: right; width: 2.7rem;padding-top: 1.14rem;}
.r-en{color: #666666;font-weight: bold;margin-bottom: .2rem;}
.r-name{color: #000000;font-weight: bold;line-height: 1.21;margin-bottom: .25rem;}
.r-textbox{width: 100%;color: #000000;line-height: 1.7;}
.r-textbox *{line-height: inherit;}

@media(max-width: 750px) {
    .r-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-left{width: 100%;}
    .r-right{width: 100%;padding-top: 0;}
    .r-big{width: calc(100% - 1.35rem); }  
}

.s-a{width: 100%;padding-top: 1.17rem;padding-bottom: .27rem;}
.s-main{width: 10.8rem;margin: 0 auto;}
.s-navbox{width: 100%;position: relative;margin-top: .5rem;margin-bottom: .68rem;}
.s-b{width: 100%;}
.s-nav{width: auto;margin-right: .48rem;}
.s-nav:last-child{margin-right: 0;}
.s-link{display: block;cursor: pointer;line-height: 1.35; color: #666666;padding-bottom: .15rem;border-bottom: .03rem solid #fff;}
.s-nav:hover .s-link{color: #124996;border-bottom: .03rem solid #124996;}
.s-nav.active .s-link{color: #124996;border-bottom: .03rem solid #124996;}

.s-pagination{display: none;}
.s-prev{display: none;}
.s-next{display: none;}

.s-cont{width: 100%;display: flex;flex-wrap: wrap;}
.s-item{width: 25%;cursor: pointer; margin-bottom: .5rem;position: relative; overflow: hidden;background-color: #bfbfbf;box-shadow: -.07rem 0px .3rem .08rem rgba(102, 102, 102, 0.22);}
.s-img{width: 100%;height: 4.64rem; transform: scale(1.00);transition: all ease .5s;    }
.s-name{position: absolute;top: 18.31%;left: 0;width: 100%;text-align: center;padding: 0 .1rem;line-height: 1.5; color: #ffffff;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.s-middle{position: absolute;top: 50%;left: 0;width: 100%;text-align: center}
.s-c{width: 100%;color: #ffffff;line-height: 1.5;margin-bottom: .1rem;}
.s-d{width: 100%;color: #ffffff;line-height: 1.5;margin-bottom: .1rem;} 
.s-address{position: absolute;bottom: .3rem;left: 0;text-align: center; width: 100%;line-height: 1.35;color: #ffffff;}
.s-address img{height: 1.35em;margin-right: .07rem;}

.s-item:hover .s-img{transform: scale(1.05);}

@media(max-width: 750px) {
    .s-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .s-item{width: 50%;}
    .s-img{height: auto;padding-top: 169%;}
}

.t-a{width: 100%; padding-bottom: .5rem;}
.t-main{width: 10.8rem;margin: 0 auto;}
.t-top{width: 100%;margin-bottom: 1rem; background-color: #ffffff;box-shadow: 0px .06rem .1rem 1px rgba(102, 102, 102, 0.2);border-radius: 0px 0px .05rem .05rem;}
.t-b{width: 100%; }
.t-classify{width: auto;min-width: 20%;text-align: center;cursor: pointer;}
.t-link{display: block;padding: 0 .15rem;line-height: 1rem; letter-spacing: .03rem;color: #666666;}
.t-classify:hover .t-link{color: #000000;   box-shadow: 0px 0px .1rem 1px rgba(102, 102, 102, 0.2);}
.t-classify.active .t-link{color: #000000;  box-shadow: 0px 0px .1rem 1px rgba(102, 102, 102, 0.2);}

.t-list{width: 100%;text-align: center;font-size: 0;padding-top: .4rem;}
.t-one{display: inline-block;vertical-align: top;cursor: pointer; margin: 0 .32rem .3rem;}
.t-icon{margin: 0 auto .25rem; width: 1.15rem;height: .55rem;line-height: .55rem; }
.t-icon img{max-width: 100%;max-height: 100%;}
.t-name{display: inline-block; color: #75706d;padding-bottom: .05rem;border-bottom: .03rem solid #fff;}
.t-one:hover .t-name{border-bottom: .03rem solid #124996;   color: #124996;}
.t-one.active .t-name{border-bottom: .03rem solid #124996;  color: #124996;}
.t-cont{width: 100%;}
.t-c{width: 100%;padding-bottom: .1rem;}
.t-titles{display: inline-block; color: #000000;font-weight: bold;margin-bottom: .1rem;}
.t-titles:hover{color: #124996;}
.t-en{letter-spacing: .04rem;color: #666666;padding-bottom: .2rem;position: relative;margin-bottom: .1rem;}
.t-en:before{content: ''; position: absolute;bottom: 0;left: 0; width: .75rem;height: .05rem;background-color: #bfbfbf;}
.t-intro{letter-spacing: .03rem;color: #666666;line-height: 1.42;}
.t-intro *{line-height: inherit;}

.t-tr{width: 100%;padding-bottom: .38rem;}
.t-td{width: 100%;display: block;padding: .85rem 0;}
.t-td:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.t-left{float: left;width: 5.74rem;display: flex;justify-content: space-between;align-items: center;} 
.t-big{ width: 4.64rem;position: relative;}
.t-d{width: 100%;}
.t-item{width: 100%;}
.t-e{display: block;cursor: pointer; width: 100%;}
.t-img{width: 100%;}
.t-img img{width: 100%;}
.t-small{  width: 1rem;}
.t-f{width: 100%;height: 2.2rem;}
.t-nav{width: 100%;height: auto;cursor: pointer; padding-top: 1px;}
.t-bg{width: 100%;position: relative; height: .73rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.t-bg:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.57);}
.t-nav.swiper-slide-active .t-bg:before{display: none;} 

.t-right{float: right;width: 4.75rem;padding-top: .43rem;}
.t-g{color: #000000;font-weight: bold;margin-bottom: .1rem;}
.t-h{display: inline-block; color: #000000;font-weight: bold;margin-bottom: .35rem;}
.t-h:hover{color: #124996;}
.t-textbox{color: #000000;line-height: 1.7;min-height: 3.4em; padding-bottom: .12rem;}
.t-textbox *{line-height: inherit;}
.t-i{width: 100%; font-size: 0;display: flex;align-items: flex-end;justify-content: flex-end;  }
.t-tip{  color: #666666;margin-bottom: .12rem;margin-right:   .3rem;}
.t-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem; width: .21rem;height: 12px;background-image: url('../images/a29.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.t-j{display: flex;align-items: flex-end; height: 1.15rem;}
.t-j img{max-width: 1.15rem;max-height: 100%;vertical-align: bottom;}

@media(min-width: 750px) {
    .t-td:nth-child(2n) .t-left{float: right;flex-direction: row-reverse;}
    .t-td:nth-child(2n) .t-right{float: left;}
    .t-td:nth-child(2n) .t-i{justify-content: start;}
}

@media(max-width: 750px) {
    .t-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .t-list{width: 100%;white-space: nowrap;overflow: auto;}
    .t-left{width: 100%;}
    .t-td{padding: .3rem 0;}
    .t-big{width: calc(100% - 1.1rem);} 
    .t-right{width: 100%;}
    .t-one{width: 25%;margin: 0 0 .3rem;padding: 0 .1rem;}
}

.u-a{width: 100%;padding-top: .87rem;padding-bottom: .4rem;}
.u-main{width: 10.8rem;margin: 0 auto;}
.u-top{width: 100%;text-align: center;padding-top: .1rem;padding-bottom: .68rem;}
.u-intro{width: 100%;letter-spacing: 1px;color: #0e0e0e;line-height: 1.21;margin-bottom: .2rem;}
.u-intro *{line-height: inherit;}
.u-b{display: inline-block;background-color: #114996;padding: 0 .06rem;}
.u-c{display: inline-block;vertical-align: middle;padding: .1rem .06rem;}
.u-cimg{display: inline-block;vertical-align: middle;margin-right: .06rem;height: 1em;}
.u-cimg{height: 100%;}
.u-ctext{display: inline-block;vertical-align: middle;color: #ffffff;}

.u-bottom{width: 100%;font-size: 0;}
.u-item{display: inline-block;vertical-align:top;cursor: pointer; transition: all ease .3s; width: 33.33%; position: relative;margin-bottom: .35rem;}
.u-bg{width: 100%;height: 5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.u-bg:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.u-text{position: absolute;top: 42.6%;left: 0; width: 100%;z-index: 18;}
.u-name{line-height: 1.4; color: #ffffff;width: 100%;text-align: center;font-weight: bold;}
.u-textbox{opacity: 0;height: 0;transition: all ease .5s; padding: 0 .7rem;margin-top: .3rem; color: #ffffff;line-height: 1.7;    display: -webkit-box; overflow : hidden;text-overflow: ellipsis; -webkit-line-clamp: 6;-webkit-box-orient: vertical}
.u-textbox  {transition-delay: .3s;}
 

.u-middle{width: 100%;text-align: center;padding-bottom: .68rem;}
.u-cont{display: inline-block;text-align: left;position: relative;}
.u-img{width: 100%;}
.u-img img{width: 100%;}
.u-tr{width: 100%;}
.u-td{position: absolute;top: 0;}
.u-d{display: inline-block;padding: .07rem .14rem;margin-bottom: .08rem; background-color: #114996;color: #ffffff;}
.u-e{color: #808080;line-height: 1.66;transition: all .3s;}

.u-td:nth-child(1){left: 0;margin-top: calc(138/1029*100%); width: calc(203/1029*100%);text-align: right;}
.u-td:nth-child(2){right: 0;margin-top: calc(137/1029*100%);width: calc(206/1029*100%); }
.u-td:nth-child(3){right: calc(57/1029*100%);margin-top: calc(289/1029*100%);width: calc(200/1029*100%); }
.u-td:nth-child(4){right: calc(133/1029*100%);margin-top: calc(399/1029*100%);width: calc(196/1029*100%); }
.u-td:nth-child(5){left: calc(255/1029*100%);margin-top: calc(475/1029*100%);width: calc(197/1029*100%); text-align: right;}
.u-td:nth-child(6){left: 0;margin-top: calc(360/1029*100%); width: calc(203/1029*100%);text-align: right;}

.u-one{position: absolute;top: 0;cursor: pointer;} 
.u-publicity{position: absolute;top: 50%;transform: translate(0,-50%);}
.u-icon{display: block; width: .4rem;}
.u-icon img{width: 100%;}
.u-tip{position: absolute;top: -.25rem;left: 50%;transform: translate(-50%,0);white-space: nowrap; color: #17b4ae;}
.u-f{position: absolute;top: -.16rem; width: 2rem;}
.u-g{display: inline-block;padding: .07rem .14rem;margin-bottom: .08rem; background-color: #14adac;color: #ffffff;}
.u-h{color: #808080;line-height: 1.66;transition: all .3s;}

.u-one:nth-child(1){right: calc(777/1029*100%);margin-top: calc(38/1029*100%);}
.u-one:nth-child(1) .u-publicity{right: 0;}
.u-one:nth-child(1) .u-f{right: .5rem;text-align: right;}
.u-one:nth-child(2){right: calc(257/1029*100%);margin-top: calc(38/1029*100%);}
.u-one:nth-child(2) .u-publicity{left: 0;}
.u-one:nth-child(2) .u-f{left: .5rem;} 

.u-dot_one{position: absolute;top: 0; display: block;} 
.u-dot_one:before{content: '';position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);  width: 6px;height: 6px;border-radius: 50%;background-color: #b8e6e5;}
.u-dot_one:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);  width: 3px;height: 3px;border-radius: 50%; background-color: #fff;}
.u-dot_one  span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display: block;}
.u-dot_one  span:before{content: '';animation:am-fd 2.5s  1.5s  infinite ease-out; position: absolute;top: 50%;left: 50%;  border-radius: 50%;width: 26px;height: 26px;opacity: 1;transform: scale(0);  background-color: #b8e6e5;}
.u-dot_one  span:after{content: ''; animation:am-fd 2.5s  2.5s  infinite ease-out; position: absolute;top: 50%;left: 50%;  border-radius: 50%;width: 26px;height: 26px; opacity: 1;transform: scale(0); background-color: #b8e6e5;}

.u-dot1 .u-dot_one:nth-child(1){left: calc(334/1029*100%);margin-top: calc(208/1029*100%);}
.u-dot1 .u-dot_one:nth-child(2){right: calc(326/1029*100%);margin-top: calc(178/1029*100%);}

.u-dot2 .u-dot_one:before{background-color: #114996;}
.u-dot2 .u-dot_one  span:before{background-color: #114996;}
.u-dot2 .u-dot_one  span:after{background-color: #114996;}
.u-dot2 .u-dot_one:nth-child(1){left: calc(284/1029*100%);margin-top: calc(257/1029*100%);}
.u-dot2 .u-dot_one:nth-child(2){right: calc(276/1029*100%);margin-top: calc(226/1029*100%);}
.u-dot2 .u-dot_one:nth-child(3){right: calc(346/1029*100%);margin-top: calc(257/1029*100%);}
.u-dot2 .u-dot_one:nth-child(4){right: calc(457/1029*100%);margin-top: calc(344/1029*100%);}
.u-dot2 .u-dot_one:nth-child(5){left: calc(512/1029*100%);margin-top: calc(338/1029*100%);}
.u-dot2 .u-dot_one:nth-child(6){left: calc(330/1029*100%);margin-top: calc(295/1029*100%);}

@keyframes am-fd{
    0%{transform:translate(-50%,-50%) scale(0) ; opacity: 1; } 
    100%{transform: translate(-50%,-50%) scale(1) ; opacity: .2; }    
}

@media(min-width: 1921px) { 
    .u-item.show .u-name{font-size: 28px;}
}

@media(min-width: 751px) {
    .u-item.show{width: 40%;}
    .u-item.show .u-text{top: 29.6%;}
    .u-item.show .u-name{padding: 0 .7rem;text-align: left;}
    .u-item.show .u-name{font-size: calc(12px + 16 * 100vw / 1920);}
    .u-item.show .u-textbox{height: auto;opacity: 1; }
    .u-item.hide{width: 30%;}
 
    .u-one:hover .u-h{font-size: 13px;} 
    .u-td:hover .u-e{font-size: 13px;}


}

@media(max-width: 900px) {
    .u-middle{overflow: auto;}
    .u-img img{min-width: 900px;}
}
@media(max-width: 750px) {
    .u-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .u-item{width: 50%;}
    .u-bg{height: auto;padding-top: 119.6%;}
    .u-text{top: 50%;left: 0;padding: 0 .15rem;transform: translate(0,-50%);}
    /* .u-textbox{height: auto;opacity: 1; padding: 0;} */
 
    .u-item.show .u-name{ text-align: left;}
    .u-item.show .u-name{font-size: calc(12px + 16 * 100vw / 1920);}
    .u-item.show .u-textbox{height: auto;opacity: 1; padding: 0;}
}

.v-a{width: 100%;padding-top: 1.3rem;padding-bottom: 1.3rem; position: relative;background-color: #f8f8fa;}
.v-main{width: 10.8rem;margin: 0 auto;}
.v-cont{width: 100%;font-size: 0;}
.v-left{display: inline-block;vertical-align: middle;width: calc(100% - 4.71rem);padding-right: 1rem;}
.v-textbox{width: 100%;line-height: 1.75;color: #9e999b;}
.v-textbox *{line-height: inherit;max-width: 100%;}
.v-right{display: inline-block;vertical-align: middle;width: 4.7rem;}
.v-img{width: 100%;}
.v-img img{width: 100%;}

@media(max-width: 900px) {
    .v-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .v-left{width: 100%;padding-right: 0;margin-bottom: .5rem;}
    .v-right{width: 100%;}
}


.w-a{width: 100%;padding-top: .67rem;padding-bottom: .49rem; position: relative; }
.w-main{width: 10.8rem;margin: 0 auto;}
.w-top{width: 100%;padding-bottom: .52rem;}
.w-titles{display: inline-block; color: #000000;font-weight: bold;margin-bottom: .1rem;}
.w-titles:hover{color: #124996;}
.w-en{letter-spacing: .02rem;color: #bfbfbf;font-weight: bold;}

.w-cont{ display: inline-block; position: relative;margin-left: .16rem;}
.w-img{display: inline-block;vertical-align: middle; position: relative;width: 5.35rem;text-align: center;}
.w-bg{display:none; width: 5.35rem;}
.w-bg img{width: 100%;}
.w-logo{display: inline-block;text-align: center;margin-bottom: .1rem;}
.w-logo img{width: 2.07rem;max-width: 180px;}
.w-textbox{width: 100%;text-align: center;color: #666666;line-height: .43rem;  }
.w-textbox *{line-height: inherit;}

.w-list{display: inline-block;vertical-align: middle;width: 4.45rem;}
.w-item{ display: block;margin: .55rem 0; }
.w-text {display: block;position: relative;padding-left: .15rem;}
.w-text:before{content: '';position: absolute;top: 0;left: 0;width: .05rem;height: 100%; background-color: #9acfd1;}
.w-name{color: #666666; margin-bottom: .07rem;}
.w-intro{color: #9e999b;line-height: .25rem;}

.w-item:nth-child(2) .w-text:before{background-color: #14adac;}
.w-item:nth-child(3) .w-text:before{background-color: #217fbe;}
.w-item:nth-child(4) .w-text:before{background-color: #2662b5;}

@media(max-width: 900px) {
    .w-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .w-cont{width: 100%;margin-left: 0;}
    .w-img{width: 100%; } 
    .w-textbox{position: relative;margin-top: 20px;}
    .w-list{width: 100%;}
    .w-item{position: relative;width: 100%;margin: .35rem  0;}
    .w-text{position: relative;top: 0;width: 100%;}
    .w-name{margin-bottom: 10px;position: relative;padding-left: 0;line-height: 20px;}
    
    .w-intro{line-height: 1.5;}
}

.x-a{width: 100%;position: relative;overflow: hidden;padding-bottom: .5rem;}
.x-main{width: 10.8rem;margin: 0 auto;}
.x-cont{width: 100%;font-size: 0;}
.x-left{display: inline-block;vertical-align: top;width: 4.9rem;padding: .4rem .6rem .4rem 0;position: relative;}
.x-left:before{content: '';position: absolute;top: 0;right: 0;width: 19.2rem;height: 100%; background-color: #f9f9f9;}
.x-left .x-titles{display: inline-block; position: relative;z-index: 18;margin-bottom: .05rem; letter-spacing: .06rem;color: #000000;font-weight: bold;}
.x-left .x-titles:hover{color: #124996;}
.x-left .x-en{margin-bottom: .4rem; position: relative;z-index: 18;line-height: 1.55; letter-spacing: .02rem;color: #bfbfbf;font-weight: bold;}
.x-intro{position: relative;z-index: 18;color: #9e999b;line-height: 1.87;}
.x-intro *{line-height: inherit;}
.x-right{display: inline-block;vertical-align: top;text-align: center; width: calc(100% - 4.91rem);margin-top: 1.47rem;padding-left: .2rem;}
.x-right .x-titles{display: inline-block; text-align: center;letter-spacing: .04rem;color: #000000;margin-bottom: .1rem;font-weight: bold;}
 
.x-right .x-en{text-align: center;letter-spacing: .01rem;color: #bfbfbf;margin-bottom: .27rem;font-weight: bold;}

.x-b{width: 100%;position: relative;}
.x-c{width: 100%;font-size: 0;}
.x-item{display: inline-block;vertical-align: middle;padding: .08rem 2px;width: 16.66%;overflow: hidden;}
.x-img{display: block; width: 100%;height: .5rem;line-height: .5rem;text-align: center;cursor: pointer;}
.x-img img{display: inline-block;max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.x-item:hover .x-img img{transform: scale(1.05);}

.x-pagination{display: none;}
.x-prev{display: none;}
.x-next{display: none;}

@media(max-width: 900px) {
    .x-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .x-left:before{left: 50%;transform: translate(-50%,0);right: auto;}
    .x-left{width: 100%;padding-right: 0;}
    .x-right{width: 100%;padding-left: 0;margin-top: .5rem;}
    .x-item{width: 25%;}
}

.y-a{position: relative;padding-top: .5rem;padding-bottom: .6rem;}
.y-main{width: 11.8rem;margin: 0 auto;}
.y-top{width: 100%;padding: 0 .5rem;}
.y-titles{display: inline-block; letter-spacing: .06rem;font-weight: bold;margin-bottom: .1rem;color: #000000;}
.y-titles:hover{color: #124996;}
.y-en{letter-spacing: .02rem;color: #bfbfbf;margin-bottom: .25rem;}

.y-cont{width: 100%;position: relative;} 
.y-cont:before{content: '';position: absolute; top: 249px;left: .5rem;display: block; width: calc(100% - 1.1rem);height: 4px;background-image: url('../images/a45-c.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.y-b{width: 100%;padding: 30px .5rem;height: 500px; position: relative;}
.y-b:before{content: '';position: absolute;top: 249px;left: .5rem;margin-top: -6px; display: block; width: 12px;height: 12px;border-radius: 50%;background-color: #124996;}
.y-b:after{content: '';position: absolute;top: 249px;right: .5rem;margin-top: -6px; display: block; width: 12px;height: 12px;border-radius: 50%;background-color: #124996;}
.y-item{width: 10%;text-align: center;position: relative;}
.y-icon{position: absolute;top: 210px;left: 50%;margin-left: -10.5px; width: 21px;height: 21px;background-image: url('../images/a44.png'); background-size: 98% auto;background-position: center center;background-repeat: no-repeat;}
.y-link{display: block;width: 100%; margin-top: 164px;text-align: center;}
.y-year{display: inline-block;min-width: .72rem;padding: 0 .1rem;color: #ffffff; height: 20px;text-align: center;line-height: 20px;background-color: #124996;box-shadow: 0px .06rem .12rem 1px rgba(4, 28, 60, 0.28)  ; border-radius: 10px;}
.y-text{ position: absolute;top: 309px;left: 50%;transform: translate(-50%,0);z-index: 28; padding: .05rem 0;   width: 1.4rem;height: 132px;  background-color: #ffffff;box-shadow: 0px .06rem .24rem 0px rgba(0, 0, 0, 0.2), inset 0px .04rem .06rem 1px rgba(255, 255, 255, 0.68);border-radius: .15rem;}
.y-text:before{content: '';position: absolute;left: 0;top: -80px; width: 100%; height: 80px;background-image: url('../images/a45-b.png');background-size: 4px auto;background-position: top center;background-repeat: no-repeat;}
.y-box{display: block;width: 90%;margin: 0 auto; padding: .1rem 0;}
.y-name{letter-spacing: 1px;color: #666666;font-weight: bold; text-align: center;margin-bottom:10px; }
.y-intro{line-height: 1.3;color: #666666;text-align: left;}
.y-intro *{line-height: inherit;}
.y-img{position: absolute;top: 80px;left: -.3rem; width: 1.18rem;}
.y-img img{width: 100%;}

.y-item:nth-child(2n) .y-text{top: 0;}
.y-item:nth-child(2n) .y-text:before{top: auto;bottom: -80px;background-image: url('../images/a45.png');background-position: bottom center;}
.y-item:nth-child(2n) .y-link{margin-top: 250px;}

.y-item:nth-child(1) .y-text{top: 240px;}
.y-item:nth-child(1) .y-text:before{display: none;}

.y-item:hover .y-name{color: #124996;}

.y-pagination{display: none;}
.y-prev{display: none;left: 0;top: 50%; margin-top: -.2rem;transition: all ease .5s;border: 1px solid transparent; width: .4rem;height: .4rem;background-color: #666666;border-radius: 50%; background-image: url('../images/a22.png');background-size: 30% auto;background-position: center center;background-repeat: no-repeat;}
.y-prev:hover{background-color: #124996; }
.y-next{display: none; right: 0; top: 50%; margin-top: -.2rem;transition: all ease .5s;border: 1px solid transparent; width: .4rem;height: .4rem;background-color: #666666;border-radius: 50%; background-image: url('../images/a23.png');background-size: 30% auto;background-position: center center;background-repeat: no-repeat;}
.y-next:hover{background-color: #124996; }

@media(max-width: 1200px) {
    .y-b{padding: 30px 0;}
    .y-item{width: 20%;}
    .y-text{width: 150px;}
    .y-img {left: 50%;transform: translate(-50%,0);}
}

@media(min-width: 900px) {
    /* .y-text{opacity: 0;transition: all ease .5s;}
    .y-text:before{height: 0;transition: all ease .5s;}
    .y-text:before  {transition-delay: .3s;}
    .y-item.active .y-text{opacity: 1;}
    .y-item.active .y-text:before{height: 80px;} */
}

@media(max-width: 900px) {
    .y-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .y-b{padding-left: 10px;padding-right: 10px}
    .y-top{padding: 0;}
    .y-item{width: 33.35%;}
    .y-name{line-height: 1.3;}
    .y-prev{display: block;}
    .y-next{display: block;}
}

@media(max-width: 500px) {
    .y-text{width: 110px;}
    .y-text:before{background-size: 6px auto;}
}
 

.z-a{position: relative;padding-top: .3rem;padding-bottom: .45rem;}
.z-main{width: 10.8rem;margin: 0 auto;}
.z-top{width: 100%;margin-bottom: 1.15rem;}
.z-titles{display: inline-block; letter-spacing: .06rem;font-weight: bold;margin-bottom: .1rem;color: #000000;}
.z-titles:hover{color: #124996;}
.z-en{letter-spacing: .02rem;color: #bfbfbf;margin-bottom: .25rem;}
.z-cont{width: 100%;font-size: 0;}
.z-item{display: inline-block;vertical-align: middle;cursor: pointer; width: 50%;text-align: center;}
.z-img{ display: inline-block;vertical-align: middle;overflow: hidden; width: 1.25rem;height: 1.25rem;text-align: center;line-height: 1.25rem; background-color: #ffffff;box-shadow: 0px .03rem .09rem 1px rgba(102, 102, 102, 0.21);}
.z-img img{max-width: 75.2%;max-height: 75.2%;transform: scale(1.00);transition: all ease .5s;}
.z-text{display: inline-block;vertical-align: middle;padding-left: .66rem;max-width: calc(100% - 1.5rem);}
.z-name{font-weight: bold;margin-bottom: .1rem; letter-spacing: .04rem;color: #1e1719;}
.z-more{display: inline-block;padding: .07rem .21rem; letter-spacing: .02rem;color: #ffffff;background-color: #124996;}
.z-more:hover{background-color: rgba(17,73,150,.9);}
.z-item:hover .z-img img{transform: scale(1.05);}
 

@media(max-width: 900px) {
    .z-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .z-text{padding-left: 0;max-width: 100%;width: 100%;margin-top: .3rem;}
}

.wa-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wa-a.show{display: block;}
.wa-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6.3rem;min-width: 500px;background-color: #fff;}
.wa-cont{width: 100%;}
.wa-item{display: none;width: 100%;}
.wa-item.active{display: block;}
.wa-top{width: 100%;position: relative;padding: .2rem .6rem .2rem .4rem; background-color: #17b4ae;}
.wa-close{position: absolute;top: 0;right: 0;cursor: pointer; width: .5rem;height: 100%;background-image: url('../images/a71.png'); background-size:.25rem auto ;background-position: center center;background-repeat: no-repeat;}
.wa-titles{color: #ffffff;line-height: 1.7;}
.wa-bottom{width: 100%;height: 5.2rem;padding: .3rem  .4rem; overflow: auto;}
.wa-textbox{color: #616161;line-height: 1.47;}
.wa-textbox *{line-height: inherit;max-width: 100%;}

@media(max-width: 900px) {
    .wa-main{ width: 96%; max-width: 500px;min-width: 120px;}

}


/* 

width: 10.8rem;margin: 0 auto;
.teaser.delay2  {transition-delay: .2s;}

background-color: #114996;
background-color: rgba(17,73,150,.9);
transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;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;} 

.a-pagination{display: none;}
.a-prev{display: none;}
.a-next{display: none;}

*/