@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;}
img{vertical-align:middle;max-width: 100%;height: auto;}
@media(min-width: 1201px){
    img{image-rendering: -webkit-optimize-contrast;image-rendering: -o-crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
}
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;}
body *{box-sizing: border-box;}

#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;}

@font-face { font-family: 'AlibabaPuHuiTi-Regular'; src: url(../fonts/Alibaba-PuHuiTi-Regular.woff)}
.f-Regular{ font-family: 'AlibabaPuHuiTi-Regular', sans-serif; font-weight: normal; }
.f-Medium,
.f-Bold{ font-weight: bold; }
body{ font-family: 'AlibabaPuHuiTi-Regular', sans-serif; }

img[img-src]{opacity: 0;}
img[done]{opacity: 1;transition: opacity .01s;}
@media(max-width: 1200px){
    img{image-rendering: auto;}
} 

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

body{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 1rem / 100);}
@media(max-width: 1920px){
    .s12{font-size: 12px;}
}
.s13{font-size: calc(13 * 1rem / 100);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 1rem / 100);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 1rem / 100);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 1rem / 100);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 1rem / 100);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 1rem / 100);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 1rem / 100);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 1rem / 100);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 1rem / 100);}
@media(max-width: 1309px){
    .s22{font-size: 15px;}
}
.s23{font-size: calc(23 * 1rem / 100);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 1rem / 100);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 1rem / 100);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 1rem / 100);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 1rem / 100);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 1rem / 100);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 1rem / 100);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 1rem / 100);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 1rem / 100);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 1rem / 100);}
@media(max-width: 1080px){
    .s32{font-size: 18px;}
}
.s33{font-size: calc(33 * 1rem / 100);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 1rem / 100);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 1rem / 100);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 1rem / 100);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 1rem / 100);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 1rem / 100);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 1rem / 100);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 1rem / 100);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 1rem / 100);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 1rem / 100);}
@media(max-width: 960px){
    .s42{font-size: 21px;}
}
.s43{font-size: calc(43 * 1rem / 100);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 1rem / 100);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 1rem / 100);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 1rem / 100);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 1rem / 100);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 1rem / 100);}
@media(max-width: 912px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 1rem / 100);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 1rem / 100);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 1rem / 100);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 1rem / 100);}
@media(max-width: 886px){
    .s52{font-size: 24px;}
}
.s53{font-size: calc(53 * 1rem / 100);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 1rem / 100);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 1rem / 100);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 1rem / 100);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 1rem / 100);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 1rem / 100);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 1rem / 100);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 1rem / 100);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 1rem / 100);}
@media(max-width: 840px){
    .s61{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 1rem / 100);}
@media(max-width: 836px){
    .s62{font-size: 27px;}
}
.s63{font-size: calc(63 * 1rem / 100);}
@media(max-width: 832px){
    .s63{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 1rem / 100);}
@media(max-width: 828px){
    .s64{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 1rem / 100);}
@media(max-width: 824px){
    .s65{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 1rem / 100);}
@media(max-width: 820px){
    .s66{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 1rem / 100);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 1rem / 100);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 1rem / 100);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 1rem / 100);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s71{font-size: calc(71 * 1rem / 100);}
@media(max-width: 803px){
    .s71{font-size: 29.7px;}
}
.s72{font-size: calc(72 * 1rem / 100);}
@media(max-width: 800px){
    .s72{font-size: 30px;}
}
.s73{font-size: calc(73 * 1rem / 100);}
@media(max-width: 796px){
    .s73{font-size: 30.3px;}
}
.s74{font-size: calc(74 * 1rem / 100);}
@media(max-width: 793px){
    .s74{font-size: 30.6px;}
}
.s75{font-size: calc(75 * 1rem / 100);}
@media(max-width: 791px){
    .s75{font-size: 30.9px;}
}
.s76{font-size: calc(76 * 1rem / 100);}
@media(max-width: 788px){
    .s76{font-size: 31.2px;}
}
.s77{font-size: calc(77 * 1rem / 100);}
@media(max-width: 785px){
    .s77{font-size: 31.5px;}
}
.s78{font-size: calc(78 * 1rem / 100);}
@media(max-width: 782px){
    .s78{font-size: 31.8px;}
}
.s79{font-size: calc(79 * 1rem / 100);}
@media(max-width: 780px){
    .s79{font-size: 32.1px;}
}
.s80{font-size: calc(80 * 1rem / 100);}
@media(max-width: 777px){
    .s80{font-size: 32.4px;}
}



@media(max-width: 750px){
    html{font-size: calc(100vw / 750 * 100);}
}
@media(max-width: 750px){
    .s12{font-size: 0.22rem;}
    .s13{font-size: 0.23rem;}
    .s14{font-size: 0.24rem;}
    .s15{font-size: 0.25rem;}
    .s16{font-size: 0.26rem;}
    .s17{font-size: 0.27rem;}
    .s18{font-size: 0.28rem;}
    .s19{font-size: 0.29rem;}
    .s20{font-size: 0.30rem;}
    .s21{font-size: 0.31rem;}
    .s22{font-size: 0.32rem;}
    .s23{font-size: 0.33rem;}
    .s24{font-size: 0.34rem;}
    .s25{font-size: 0.35rem;}
    .s26{font-size: 0.36rem;}
    .s27{font-size: 0.37rem;}
    .s28{font-size: 0.38rem;}
    .s29{font-size: 0.38rem;}
    .s30{font-size: 0.38rem;}
    .s31{font-size: 0.38rem;}
    .s32{font-size: 0.38rem;}
    .s33{font-size: 0.38rem;}
    .s34{font-size: 0.38rem;}
    .s35{font-size: 0.38rem;}
    .s36{font-size: 0.38rem;}
    .s37{font-size: 0.38rem;}
    .s38{font-size: 0.38rem;}
    .s39{font-size: 0.38rem;}
    .s40{font-size: 0.38rem;}
    .s41{font-size: 0.38rem;}
    .s42{font-size: 0.38rem;}
    .s43{font-size: 0.38rem;}
    .s44{font-size: 0.38rem;}
    .s45{font-size: 0.38rem;}
    .s46{font-size: 0.38rem;}
    .s47{font-size: 0.38rem;}
    .s48{font-size: 0.38rem;}
    .s49{font-size: 0.38rem;}
    .s50{font-size: 0.38rem;}
    .s51{font-size: 0.38rem;}
    .s52{font-size: 0.38rem;}
    .s53{font-size: 0.38rem;}
    .s54{font-size: 0.38rem;}
    .s55{font-size: 0.38rem;}
    .s56{font-size: 0.38rem;}
    .s57{font-size: 0.38rem;}
    .s58{font-size: 0.38rem;}
    .s59{font-size: 0.38rem;}
    .s60{font-size: 0.38rem;}
    .s61{font-size: 0.38rem;}
    .s62{font-size: 0.38rem;}
    .s63{font-size: 0.38rem;}
    .s64{font-size: 0.38rem;}
    .s65{font-size: 0.38rem;}
    .s66{font-size: 0.38rem;}
    .s67{font-size: 0.38rem;}
    .s68{font-size: 0.38rem;}
    .s69{font-size: 0.38rem;}
    .s70{font-size: 0.38rem;}
    .s71{font-size: 0.38rem;}
    .s72{font-size: 0.38rem;}
    .s73{font-size: 0.38rem;}
    .s74{font-size: 0.38rem;}
    .s75{font-size: 0.38rem;}
    .s76{font-size: 0.38rem;}
    .s77{font-size: 0.38rem;}
    .s78{font-size: 0.38rem;}
    .s79{font-size: 0.38rem;}
    .s80{font-size: 0.38rem;}
}
 
div.mCSB_scrollTools{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: #0094d6;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: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}
 
.my-scrollbar{overflow: auto;scrollbar-color:#34a6df  #ededed;scrollbar-width: none;scrollbar-width: thin; }
.my-scrollbar::-webkit-scrollbar {width:  3px;height: 1px;}
.my-scrollbar::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #ededed;background: #34a6df;}
.my-scrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #ededed;border-radius: .05rem; background: #ededed;}


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;}

/* 动画 */

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

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

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

 
@keyframes fadeInRightSmall {
    0% {opacity: 0;transform: translate(2em,0);}
    100% {opacity: 1;transform: translate(0,0);}
}
.word-in{opacity: 0;}
.word-in.is-visible{opacity: 1;}
.word-in>span{display: inline-block;vertical-align: top;opacity: 0;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.word-in.is-visible>span{animation-name: fadeInRightSmall;}

 
.header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;}
.h-main{width: 16rem;margin: 0 auto;}
.h-main: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: inline-block;vertical-align: middle; font-size: 0;}
.h-link{display: block;cursor: pointer;}
.h-img1{display: block; height: .9rem;line-height: .9rem;}
.h-img1 img{ max-width: none; height: .58rem;}
.h-img2{display: none; height: .9rem;line-height: .9rem;}
.h-img2 img{ max-width: none; height: .58rem;}
.h-h{display: inline-block;vertical-align: middle;margin-left: 1.25rem;}
.h-i{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; padding: 0 .2rem;}
.h-j{display: inline-block;position: relative;color: #fff;height: .9rem;line-height: .9rem;}
.h-j:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;overflow: hidden; transition: all ease .5s;height: .03rem;background-color: #ffffff;}
.h-sub {display: none; min-width: 2rem;padding-top: 8px;position: absolute;left: 50%;top:100%;transform: translate(-50% ,0); z-index: 1000;	}
.hs-item{display: block;cursor: pointer;white-space: nowrap; padding:.17rem 0;line-height: 1.6;text-align: center; color: #333333;border-bottom: 1px solid #f5f5f5;}
.hs-item:hover{color: #0b7bd7;}

.h-right{float: right;font-size: 0;}
.h-try{display: inline-block;vertical-align: middle;cursor: pointer;color: #ffffff;padding: 0 .18rem;height: 2.33em;line-height: 2.33em;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%); border-radius: 1.165em;}
.h-try img{height: 1em;margin-right: .1rem;}
.h-language{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-left: .3rem;}
.hl-tip{display: block;color: #ffffff;height: .9rem;line-height: .9rem;}
.hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.11em;height: 1.5em;background-image: url('../images/a3.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .05rem;width: .66em;height: 1.5em;background-image: url('../images/a4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-list{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);min-width: 100%; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item {display: block;cursor: pointer;min-width: 5em; padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover{color: #fff;background-color: #0b7bd7;} 

.h-menu {display: none; position: absolute;top: 0;right: 0; cursor: pointer; width:.9rem;height:.9rem;background-image: url('../images/a-menu.png');background-size: 60% auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
  
@media(min-width:1201px){  
    .hs-cont{position: relative; width: 100%;padding: 0 .2rem; background-color: #fff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.2);} 
    .hs-cont:after{content: '';position: absolute;top: -5px;left: 50%;transform: translate(-50%,0);border-bottom: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
    .hs-item:last-child{border-bottom: none;}

    .h-i:hover .h-j{color: #0b7bd7 !important;}
    .h-i.active .h-j{color: #0b7bd7 !important;}

    .header.white{background-color: #ffffff !important;box-shadow: 0px 0px .3rem 0px rgba(0, 114, 209, 0.11);}
    .header.white .h-img1{display: none;}   
    .header.white .h-img2{display: block;}   
    .header.white .h-j{color: #333333;}  
    .header.white .hl-tip{color: #333333;}  
    .header.white .hl-tip:before{background-image: url('../images/a3-b.png');}  
    .header.white .hl-tip:after{background-image: url('../images/a4-b.png');}   

    body.no-banner{padding-top: .9rem;}
    body.no-banner .header{background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(0, 114, 209, 0.11);}
    body.no-banner .h-img1{display: none;}   
    body.no-banner .h-img2{display: block;}   
    body.no-banner .h-j{color: #333333;}  
    body.no-banner .hl-tip{color: #333333;}  
    body.no-banner .hl-tip:before{background-image: url('../images/a3-b.png');}  
    body.no-banner .hl-tip:after{background-image: url('../images/a4-b.png');}   

    body.index{padding-top: 0;}
    body.index .header{background-color: #fff;}
}

@media(max-width:1200px){  
    body{padding-top: .9rem;}
    .header{background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(0, 114, 209, 0.11);}
    .h-img1{display: none;}   
    .h-img2{display: block;}   
    .h-j{color: #333333;}  
    .hl-tip{color: #333333;}  
    .hl-tip:before{background-image: url('../images/a3-b.png');}  
    .hl-tip:after{background-image: url('../images/a4-b.png');}   

    .h-main{width: 100%;padding-left: .3rem;}
    .h-h {margin-left: 0; 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-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: 16px;}
    .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;left: 0;transform: translate(0,0);padding: 0 20px; background-color: #fff;box-shadow: none;width: 100% !important;}
    .h-cont{width: 100%;}
    .hs-item{white-space: normal;text-align: left;padding-left: 10px;color: #666 ;font-size: 14px;} 
    .h-i.active .h-j{color: #0b7bd7;} 

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


.footer{width: 100%;background-color: #222222;}
.f-top{width: 100%;padding: 0 .3rem;}
.f-main{width: 100%;max-width: 16rem;margin: 0 auto;}
.f-box{width: 100%;padding: .4rem 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,.2);}
.f-logo{display: block;cursor: pointer;}
.f-logo img{height: .58rem;max-width: none;}
.f-storebox{font-size: 0;}
.f-store{display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .2rem .1rem 0;min-width: 1.6rem;padding: 0 .15rem;text-align: center;background-color: rgba(255,255,255,.1);border-radius: .25rem;}
.f-store:last-child{margin-right: 0;}
.f-icon{display: inline-block;vertical-align: middle;height: 1em;}
.f-icon img{vertical-align: top;height: 100%;}
.f-text{display: inline-block;vertical-align: middle;padding-left: .12rem;color: #ffffff;line-height: .5rem;}
.f-store:hover{background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}

.f-cont{width: 100%;padding: .65rem 0 1.25rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-left{width: 5.5rem;}
.f-tip{width: 100%;margin-bottom: .3rem;color: #ffffff;line-height: 1.6;}
.f-textbox{width: 100%;margin-bottom: .22rem;color: rgba(255,255,255,.8);line-height: 2;}
.f-textbox *{line-height: inherit;}
.f-codebox{width: 100%;}
.f-code{display: inline-block;vertical-align: middle;width: 1.1rem;min-width: 100px;}
.f-code img{width: 100%;} 
.f-right{width: 9.25rem;display: flex;justify-content: space-between;}
.f-item{display: block;padding-right: .15rem;}
.f-item:last-child{padding-right: 0;}
.f-one{display: block;cursor: pointer;margin-bottom: .3rem;color: #ffffff;line-height: 1.6;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;color: rgba(255,255,255,.5);line-height: 2;}
.f-two:hover{color: #fff;}

.f-bottom{width: 100%;padding: .18rem .3rem;border-top: 1px solid rgba(255,255,255,.2);}
.f-inner{width: 100%;max-width: 16rem;margin: 0 auto; display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.f-lt{font-size: 0;}
.f-rt{font-size: 0;}
.f-link{display: inline-block;vertical-align: middle;padding-right: .05rem;line-height: 1.7;color: rgba(255,255,255,.5);}
.f-link:last-child{padding-right: 0;}
.f-bottom a:hover{color: #fff;cursor: pointer;}

@media(max-width: 750px){
    .f-logo{margin-bottom: .2rem;}
    .f-cont{padding: .5rem 0;}
    .f-left{width: 100%;margin-bottom: .3rem;}
    .f-right{display: none;width: 100%;flex-wrap: wrap;}
    .f-item{width: 100%;padding-right: 0;}
    .f-one{margin-bottom: .15rem;}
    .f-twobox{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-bottom: .15rem;}

    .f-lt{width: 100%;text-align: center;}
    .f-rt{width: 100%;text-align: center;}
    .f-link{padding: 0 .05rem !important;}
}

.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 26.05%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: calc(100% - .6rem);}
.banner-titles{width: 100%;margin-bottom: .3rem;color: #ffffff;font-weight: bold;line-height: 1.13;}
.banner-intro{width: 100%;color: #ffffff;line-height: 1.38;}
.banner-intro2{width: 100%;max-width:39em;text-align: justify; color: #ffffff;line-height: 1.45;}

@media(max-width: 750px){
    .banner-text{top: 50%;transform: translate(-50%,-50%);}
    .banner-titles{margin-bottom: .15rem;}
    .banner-intro{font-size: .3rem;}
    .banner-intro2{font-size: .22rem;}
}

.nav{overflow: hidden;width: 100%;padding: 0 .3rem;border-bottom: 1px solid #eeeeee; background-color: #f8fafc;}
.nav-main{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.nav-cont{width: 100%;display: flex;flex-wrap: wrap;font-size: 0;}
.nav-left{flex: 1;}
.nav-b{display: inline-block;max-width: 100%;text-align: left;}
.nav-item{display: block;cursor: pointer;width: auto;margin-right: .35rem;position: relative;height: .7rem;line-height: .7rem;color: #333333;}
.nav-item:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .5s;height: .03rem;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.nav-item:last-child{margin-right: 0;}
.nav-item:hover{color: #0b7bd7;}
.nav-item:hover:after{width: 100%;}
.nav-item.active{color: #0b7bd7;}
.nav-item.active:after{width: 100%;}

.nav-right{font-size: 0;}
.nav-one{display: inline-block;vertical-align: middle;color: #555555;height: .7rem;line-height: .7rem;}
.nav-one:after{content: '-';margin: 0 .05rem;}
.nav-one:last-child:after{display: none;}
.nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.25em;height: 1.5em;background-image: url('../images/a10.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 750px){
    .nav-left{flex: none;width: 100%;text-align: center;}
    .nav-right{display: none;}
}

.my-top{width: 100%;text-align: center;padding-bottom: .55rem;}
.my-titles{width: 100%;color: #333333;line-height: 1.2;font-weight: bold;}
.my-synopsis{display: inline-block;width: 100%;max-width: 59em;padding-top: .15rem;color: #666;line-height: 1.8;}
.my-id{position: absolute;top: -.9rem;}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{display: inline-block;vertical-align: middle;margin:.1rem;cursor: pointer;min-width: 2.66em;height: 2.66em;line-height: 2.66em;border-radius: 1.33em;color: #666666;background-color: #ffffff;border: solid 1px #ededed;}
.paging-item:hover{border: none;color: #ffffff;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.paging-item.active{border: none;color: #ffffff;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.paging-up{display: inline-block;vertical-align: middle;margin:.1rem;cursor: pointer;position: relative;width: 2.66em;height: 2.66em;line-height: 2.66em;border-radius: 1.33em;color: transparent;background-color: #ffffff;border: solid 1px #ededed;}
.paging-up:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a12.png'); background-size: .437em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{border: none;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.paging-up:hover:after{background-image: url('../images/a12-b.png');}
.paging-next{display: inline-block;vertical-align: middle;margin:.1rem;cursor: pointer;position: relative;width: 2.66em;height: 2.66em;line-height: 2.66em;border-radius: 1.33em;color: transparent;background-color: #ffffff;border: solid 1px #ededed;}
.paging-next:after{transform: rotate(-180deg); content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a12.png'); background-size: .437em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{border: none;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.paging-next:hover:after{background-image: url('../images/a12-b.png');}

.sidebar{position: fixed;top: 50%;right: .1rem;z-index: 38;transform: translate(0,-50%);border-radius: .1rem;box-shadow: 0 0 .13rem rgba(12,63,180,.43); background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.sidebar-item{display: block;position: relative;border-bottom: 1px solid rgba(246,246,246,.05);}
.sidebar-item:last-child{border-bottom:none;}
.sidebar-link{transition: all ease .5s;display: flex;align-items: center;align-content: center;flex-wrap: wrap;cursor: pointer;text-align: center; width: 5em;min-height: 5em; }
.sidebar-icon{width: 100%;height: 1.28em;line-height: 1.28em;}
.sidebar-icon img{max-width: 1.42em;max-height: 100%;}
.sidebar-name{width: 100%;margin-top: .1rem;color: #ffffff;line-height: 1;} 
 
.sidebar-sub{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s; position: absolute;top: 50%;right: 120%;transform: translate(0,-50%);padding-right: 20px;}
.sidebar-codebox{position: relative;padding: .15rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.sidebar-codebox:after{content: '';position: absolute;top: 50%;right: -9px;transform: translate(0,-50%);border-left: 10px solid #fff; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.sidebar-code {display: inline-block;width: 2rem;min-width: 150px;}
.sidebar-code img{width: 100%;}
.sidebar-tip{width: 100%; color: #333;line-height: 1.5;padding-top: .15rem;}

.sidebar-phonebox{display: block;cursor: pointer; position: relative;padding: .15rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.sidebar-phonebox:after{content: '';position: absolute;top: 50%;right: -9px;transform: translate(0,-50%);border-left: 10px solid #fff; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.sidebar-phone{white-space: nowrap;color: #333;line-height: 1.6;}

.sidebar-item.show .sidebar-sub{right: 100%;opacity: 1;visibility: visible;z-index: 38;}

@media(max-width: 750px){
    .sidebar-link{width: 30px;min-height: 30px;}
    .sidebar-icon{height: 18px;line-height: 18px;}
    .sidebar-icon img{max-width: 20px;}
    .sidebar-name{display: none;}
}


.a-main{width: 100%;padding: .55rem .3rem 1.1rem;background-color: #f8fafc;}
.a-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.a-cont{width: 100%;padding-bottom: .1rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.a-item{display: block;cursor: pointer;width: calc(50% - .3rem);margin-bottom: .55rem;}
.a-imgbox{width: 100%;position: relative;}
.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(385/690*100%);border-radius: .1rem;}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.a-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .82rem;}
.a-play img{width: 100%;}
.a-text{width: 100%;padding-top: .2rem;}
.a-name{width: 100%;color: #333333;line-height: 1.5;}
.a-item:hover .a-img img{transform: scale(1.05);}
.a-item:hover .a-name{color: #0b7bd7;}

@media(max-width: 750px){
    .a-item{width: calc(50% - .15rem);}
}

.b-main{width: 100%;padding: .55rem .3rem 1.2rem;background-color: #f8fafc;}
.b-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.b-top{width: 100%;display: flex;align-items: center;min-height: 5.2rem;margin-bottom: .8rem;position: relative;border-radius: .1rem;overflow: hidden;}
.b-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.b-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.b-cont{position: relative;z-index: 8;width: 100%;max-width: 7.2rem; padding: .3rem 1.2rem;}
.b-subtitle{width: 100%;margin-bottom: .13rem;color: #ffffff;font-weight: bold;line-height: 1.27;}
.b-synopsis{width: 100%;color: #ffffff;line-height: 1.4;}
.b-box{width: 100%;padding-top: .15rem;}
.b-one{display: flex;align-items: center;width: 100%;margin-top: .3rem;}
.b-one .b-icon{width: .82rem;height: .92rem;background-image: url('../images/a15.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.b-one .b-icon img{width: 100%;height: 100%;object-fit: contain;}
.b-one .b-text{flex: 1;padding-left: .3rem;}
.b-one .b-tip{width: 100%;margin-bottom: .05rem;color: #f8fafc;line-height: 1.5;}
.b-one .b-intro{width: 100%;color: #f8fafc;line-height: 1.45;}

.b-bottom{display: flex;align-items: center;flex-wrap: wrap;width: 100%;background-color: #e8f0f8;border-radius: .1rem;overflow: hidden;}
.b-left{width: 50%;}
.b-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(509/720*100%);}
.b-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.b-right{width: 50%;padding: .3rem .7rem .3rem 1rem;}
.b-titles{width: 100%;color: #333333;line-height: 1.27;font-weight: bold;}
.b-quantitybox{width: 100%;display: flex;flex-wrap: wrap;padding-top: .25rem;}
.b-quantity{display: block;width: 50%;padding-right: .1rem;margin-top: .2rem;}
.b-quantity .b-b{width: 100%;}
.b-quantity .b-nub{display: inline-block;vertical-align: text-top;color: #0b7bd7;line-height: 1;font-weight: bold;}
.b-quantity .b-add{display: inline-block;vertical-align: text-top;color: #0b7bd7;line-height: 1;font-weight: bold;}
.b-quantity .b-intro{width: 100%;padding-top: .1rem;color: #333333;line-height: 1.5;}

.b-list{width: 100%;display: flex;align-items: center;flex-wrap: wrap;padding-top: .25rem;}
.b-item{display: flex;align-items: center;width: 50%;padding-right: .1rem;margin-top: .2rem;}
.b-item .b-icon{width: .7rem;height: .62rem;background-image: url('../images/a16.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.b-item .b-icon img{width: 100%;height: 100%;object-fit: contain;}
.b-item .b-text{flex: 1;padding-left: .2rem;}
.b-item .b-name{width: 100%;color: #333333;line-height: 1.5;}

@media(max-width: 750px){
    .b-cont{width: 100%;padding: .3rem;}
    .b-left{width: 100%;}
    .b-nub{font-size: .6rem;}
    .b-right{width: 100%;padding: .3rem;}
}

.c-main{width: 100%;padding: .55rem .3rem 1.1rem;background-color: #f8fafc;}
.c-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.c-top{width: 100%;margin-bottom: .6rem;background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.c-nav{display: flex;flex-wrap: wrap; width: 100%;}
.c-lt{display: flex;align-items: center;min-width: 2rem;background-color: #0b7bd7;background-image: linear-gradient(-87deg, #0b7bd7 0%, #15a6e3 100%);}
.c-tip{width: 100%;text-align: center; padding: .1rem;color: #ffffff;line-height: 1.5;}
.c-tip img{height: .24rem;margin-right: .2rem;}

.c-rt{flex: 1;padding: .1rem .25rem;}
.c-one{display: inline-block;vertical-align: middle;cursor: pointer;margin: .15rem .25rem; color: #333333;line-height: 1.6;}
.c-one:hover{color: #0b7bd7;}
.c-one.active{color: #0b7bd7;}

.c-bottom{width: 100%;font-size: 0;padding-bottom: .2rem;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer;width: 30.97%;margin-right: 3.545%;margin-bottom: .45rem;}
.c-item:nth-child(3n){margin-right: 0;}
.c-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(262/446*100%);border-radius: .1rem;}
.c-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.c-text{width: 100%;padding-top: .15rem;}
.c-name{width: 100%;margin-bottom: .1rem;color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-time{width: 100%;color: #888888;line-height: 1.6;}
.c-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1em;height: 1.6em;background-image: url('../images/a21.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.c-item:hover .c-img img{transform: scale(1.05);}
.c-item:hover .c-name{color: #0b7bd7;}

@media(max-width: 750px){
    .c-lt{width: 100%;}
    .c-rt{width: 100%;padding: .1rem;}
    .c-item{width: calc(50% - .15rem);margin-right: .3rem !important;}
    .c-item:nth-child(2n){margin-right:  0 !important;}
}
 
.d-main{width: 100%;padding: .55rem .3rem .9rem;background-color: #f8fafc;}
.d-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.d-cont{width: 100%;font-size: 0;}
.d-item{display: inline-block;vertical-align: top;cursor: pointer;width: 14.93%;margin-right: 2.08%;margin-bottom: .3rem;}
.d-item:nth-child(6n){margin-right: 0;}
.d-logo{width: 100%;position: relative;overflow: hidden;padding-top: calc(120/215*100%); background-color: #ffffff;border-radius: .1rem;}
.d-logo img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.d-item:hover .d-logo img{transform: scale(1.05);}

@media(max-width: 750px){
    .d-item{width: calc(33.33% - .2rem);margin-right: .3rem;}
    .d-item:nth-child(3n){margin-right: 0;}
}

.e-main{width: 100%;padding: .65rem .3rem .62rem;background-color: #0b7bd7;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.e-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.e-top{width: 100%;padding-bottom: .5rem;}
.e-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.23;}
.e-intro{width: 100%;padding-top: .2rem;color: #ffffff;line-height: 1.5;}
.e-bototm{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.e-item{width: 21.25%;margin-bottom: .2rem;}
.e-input{display: block;width: 100%;border: none;padding: 0 .2rem;color: #ffffff;height: .5rem;background-color: rgba(255,255,255,.1);border-radius: .25rem;}
.e-buttom{width: 1.6rem;margin-bottom: .2rem;}
.e-submit{display: block;border: none;cursor: pointer;width: 100%;height: .5rem;color: #0b7bd7;text-align: center;line-height: .5rem;background-color: #ffffff;border-radius: .25rem;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: rgba(255,255,255,.5);}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: rgba(255,255,255,.5);}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: rgba(255,255,255,.5);}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: rgba(255,255,255,.5);}

@media(max-width: 750px){
    .e-item{width: 100%;}
    .e-input{height: .6rem;border-radius: .3rem;}
    .e-buttom{width: 100%;}
    .e-submit{width: 60%;margin: 0 auto;height: .6rem;line-height: .6rem;border-radius: .3rem;}
}

.g-main{overflow: hidden;width: 100%;padding: .75rem .3rem 1.2rem;position: relative;}
.g-bg{position: absolute;top: .8rem;right: 0;width: 1.24rem;}
.g-bg img{width: 100%;}
.g-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 1;}
.g-titles{width: 100%;text-align: center;margin-bottom: .55rem;color: #333333;line-height: 1.2;font-weight: bold;}
.g-cont{width: 100%;position: relative;}
.g-b{width: 100%;overflow: visible;min-height: 5.4rem;}
.g-item{display: block;width: 100%;height: auto;position: relative;}
.g-link{opacity: 0;z-index: -1;visibility: hidden;display: block;cursor: pointer;width: 7.4rem;box-shadow: 0px 0px .57rem 0px #a4b1cc;border-radius: .1rem;overflow: hidden;}
.g-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(540/920*100%);}
.g-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.00);transition: all .5s;}
.g-img:after{opacity: 0; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a23.png');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.g-text{opacity: 0; position: absolute;bottom: 0;left: 0;width: 100%;padding: .35rem .1rem;text-align: center;}
.g-name{width: 100%;color: #ffffff;line-height: 1.4; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g-link:hover .g-img img{transform: scale(1.05);}

 
.g-prev{left: calc(50% - 4.85rem);margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-size: 0 0;}
.g-prev:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #f3f9fe;}
.g-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/a24-c.png');background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.g-prev:hover:before{background-color: #447ae4; background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.g-prev:hover:after{background-image: url('../images/a24-b.png');}
.g-next{right: calc(50% - 4.85rem);margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-size: 0 0;}
.g-next:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #f3f9fe;}
.g-next:after{transform: rotate(-180deg); content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/a24-c.png');background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.g-next:hover:before{background-color: #447ae4; background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.g-next:hover:after{background-image: url('../images/a24-b.png');}

@media(min-width: 750px){ 
    .g-item.swiper-slide-active .g-link{opacity: 1;z-index: 8;visibility: visible;width: 9.2rem;position: relative;left: 50%;transform: translate(-50%,0);}
    .g-item.swiper-slide-active .g-img:after{opacity: 1;}
    .g-item.swiper-slide-active  .g-text{opacity: 1;}
    .g-item.swiper-slide-prev .g-link{opacity: 1;z-index: 2;visibility: visible;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
    .g-item.swiper-slide-next .g-link{opacity: 1;z-index: 2;visibility: visible;position: absolute;top: 50%;right: 0;transform: translate(0,-50%); }
}
@media(max-width: 750px){
    .g-b{min-height: 1rem;}
    .g-link{width: 100%;}
    .g-img:after{opacity: 1;}
    .g-text{opacity: 1;}
    .g-item.swiper-slide-active .g-link{width: 100%;opacity: 1;z-index: 8;visibility: visible;} 
    .g-prev{top: auto;margin-top: 0;bottom: -.8rem;left: calc(50% - .8rem);}
    .g-next{top: auto;margin-top: 0;bottom: -.8rem;right: calc(50% - .8rem);}
}

.i-main{position: relative;width: 100%;}
.i-img{width: 100%;}
.i-img img{width: 100%;}
.i-text{position: absolute;top: 25.85%;left: 50%;transform: translate(-50%,0);text-align: center;width: 14.4rem;max-width: calc(100% - .6rem);}
.i-titles{width: 100%;margin-bottom: .35rem;color: #ffffff;line-height: 1.13;font-weight: bold;}
.i-buttombox{width: 100%;font-size: 0;}
.i-buttom{display: inline-block;vertical-align: middle;padding: .19rem .5rem;color: #ffffff;line-height: 1.4;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%); border-radius: .36rem;}

@media(max-width: 750px){
    .i-buttom{padding: .16rem .2rem;font-size: .3rem;line-height: 1.33;}
}

.j-main{position: relative;width: 100%;}
.j-img{width: 100%;}
.j-img img{width: 100%;}
.j-text{position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: calc(100% - .6rem);height:  100%;display: flex;align-items: center;}
.j-scroll{width: 100%;max-height: 100%;min-height: 29.78%;overflow: auto;padding: .15rem 0;}
.j-titles{width: 100%;margin-bottom: .4rem;color: #ffffff;font-weight: bold;line-height: 1.16;}
.j-intro{width: 100%;max-width: 38em;color: #ffffff;line-height: 1.66;}

@media(max-width: 750px){
    .j-titles{margin-bottom: .3rem;}
}

.k-main{width: 100%;padding: .95rem .3rem .5rem; background-color: #084191;}
.k-main .my-titles{color: #fff;}
.k-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.k-cont{width: 100%;}
.k-item{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: .55rem;background-color: #ffffff;border-radius: .1rem;}
.k-item:nth-child(2n){flex-direction: row-reverse;}
.k-left{width: 50%;}
.k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(460/720*100%);border-radius: .1rem;}
.k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.k-right{width: 50%;display: flex;align-items: center;height: 4.6rem;}
.k-box{width: 100%;min-height: 3rem;text-align: center;padding: .15rem .85rem;max-height: 100%;overflow: auto;}
.k-icon{display: inline-block;margin-bottom: .35rem;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.k-icon img{width: .3rem;}
.k-name{width: 100%;margin-bottom: .17rem; color: #333333;font-weight: bold;line-height: 1.4;}
.k-intro{width: 100%;text-align: left;color: #666666;line-height: 1.66;}
.k-item:hover .k-img img{transform: scale(1.05);} 

@media(max-width: 750px){
    .k-left{width: 100%;}
    .k-right{width: 100%;height: auto;}
    .k-box{min-height: 10px;max-height: none;padding: .3rem;}
}

.l-main{width: 100%;padding: 1.3rem .3rem 1.2rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-main .my-titles{color: #fff;}
.l-main .my-synopsis{color: #fff;}
.l-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.l-img{width: 100%;overflow: hidden;border-radius: .1rem;}
.l-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.l-img:hover img{transform: scale(1.05);} 

.m-main{width: 100%;padding: .75rem .3rem .7rem;background-color: #f8fafc;}
.m-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.m-cont{width: 100%;position: relative;}
.m-top{position: absolute;top:.55rem;left: 50%;transform: translate(-50%,0);z-index: 18;}
.m-topbox{width: 2.36rem;height: 2.36rem;border-radius: 50%;position: relative;display: flex;align-items: center;}
.m-topbox:before{opacity: 0.2;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.m-topbox:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - .4rem);height: calc(100% - .4rem);border-radius: 50%;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.m-box{width: 100%;max-height: 1.9rem;overflow: auto;position: relative;z-index: 1;text-align: center;}
.m-img{width: 100%;margin-bottom: .15rem;}
.m-img img{height: .5rem;}
.m-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.36;}

.m-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-item{display: flex;width: calc(50% - .2rem);background-color: #ffffff;border-radius: .1rem;overflow: hidden;margin-bottom: .3rem;}
.m-lt{width: 1rem;display: flex;align-items: center;text-align: center;background-color: #75bd42;}
.m-icon{width: 100%;height: .58rem;line-height: .58rem;}
.m-icon img{max-width: .58rem;max-height: 100%;}
.m-rt{display: flex;align-items: center;align-content: center;flex-wrap: wrap; flex: 1;padding: .15rem 1.6rem .15rem .3rem;text-align: right;min-height: 1.6rem;}
.m-name{width: 100%;margin-bottom: .1rem;color: #333333;font-weight: bold;line-height: 1.4;}
.m-intro{width: 100%;color: #666666;line-height: 1.6;}

.m-item:nth-child(2n){flex-direction: row-reverse;}
.m-item:nth-child(2n) .m-rt{text-align: left;}
.m-item:nth-child(4n + 2) .m-lt{background-color: #ffac2a;}
.m-item:nth-child(4n + 3) .m-lt{background-color: #b28cfe;}
.m-item:nth-child(4n + 4) .m-lt{background-color: #0671dd;}
@media(min-width: 750px){
    .m-item:nth-child(2n) .m-rt{padding: .15rem .3rem .15rem 1.6rem;} 
}
@media(max-width: 750px){
    .m-top{position: relative;top: 0;left: 0;transform: translate(0,0);margin-bottom: .5rem;display: flex;justify-content: center;}
    .m-titles{font-size: .26rem;}
    .m-item{width: 100%;}
    .m-rt{padding: .3rem .5rem;}
}

.n-main{width: 100%;padding: .75rem .3rem  .96rem;background-color: #447ae4;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.n-main .my-titles{color: #fff;}
.n-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.n-swiper1{width: 100%;margin-bottom: .3rem;}
.n-b{width: 100%;}
.n-nav{cursor: pointer; width: auto;min-width: 14.93%;margin-right: 2.084%;padding: .15rem;text-align: center;color: #ffffff;line-height: 1.5;background-color: rgba(255,255,255,.2);border-radius: .1rem;}
.n-nav.active{background-color: #ffffff;color: #0b7bd7;}
.n-nav:last-child{margin-right: 0;}
.n-swiper2{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.n-c{width: 100%;}
.n-item{width: 100%;height: auto;}
.n-link{display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap; width: 100%;height: 100%; padding: .5rem .8rem;}
.n-lt{width: 6.2rem;}
.n-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(380/620*100%);border-radius: .1rem;}
.n-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.n-rt{width: calc(100% - 7rem);text-align: center;padding:.2rem  .1rem;}
.n-icon{width: 100%;margin-bottom: .25rem;}
.n-icon img{height: 1.38rem;}
.n-name{width: 100%;margin-bottom: .27rem;color: #333333;font-weight: bold;line-height: 1.3;}
.n-intro{width: 100%;color: #666666;line-height: 1.8;text-align: left;}

@media(max-width: 750px){
    .n-link{padding: .3rem;}
    .n-lt{width: 100%;}
    .n-rt{width: 100%;padding: .3rem 0 0;}
}

.o-main{width: 100%;padding: .75rem .3rem  .6rem;background-color: #f8fafc;}
.o-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.o-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.o-item{display: block;width: 31.25%;padding: .4rem .45rem .4rem;margin-bottom: .4rem;margin-right: 3.125%;background-color: #ffffff;border-radius: .1rem;}
.o-item:nth-child(3n){margin-right: 0;}
.o-iconbox{width: 100%;margin-bottom: .35rem; display: flex;align-items: center;justify-content: space-between;}
.o-icon{display: block;position: relative;width: .85rem;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.o-icon:before{content: '';position: absolute;top: 0;left: -.04rem;width: 1.13rem;height: 1.2rem;background-image: url('../images/a38.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.o-icon img{position: relative;z-index: 1;width: 100%;height: .94rem;object-fit: contain;filter: grayscale(100%) brightness(500%);}
.o-nub{opacity: 0.1;color: #0b7bd7;line-height: 1;font-weight: bold;}
.o-name{width: 100%;margin-bottom: .2rem;color: #333333;line-height: 1.45;font-weight: bold;}
.o-intro{width: 100%;color: #666666;line-height: 1.5;}

.o-item:hover{background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.o-item:hover .o-iconbox{justify-content: center;}
.o-item:hover .o-icon{background-image: url('../images/a38-b.png');}
.o-item:hover .o-icon img{filter: none;}
.o-item:hover .o-icon:before{display: none;}
.o-item:hover .o-nub{display: none;}
.o-item:hover .o-name{color: #fff;text-align: center;}
.o-item:hover .o-intro{color: #fff;}

@media(max-width: 750px){
    .o-item{width: calc(50% - .15rem);margin-right: .3rem;padding: .3rem;}
    .o-item:nth-child(3n){margin-right: .3rem;}
    .o-item:nth-child(2n){margin-right: 0;}
}

.p-main{width: 100%;padding: .75rem .3rem .85rem;}
.p-inner{width: 100%;max-width: 13.1rem;margin: 0 auto;}
.p-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.p-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: calc(50% - .1rem);margin-bottom: .2rem;}
.p-lt{width: 1.5rem;}
.p-icon{width: 100%;height: 1.5rem;background-color: #ffac2a;border-radius: .75rem  .75rem 0 .75rem ;}
.p-icon img{width: 100%;height: 100%;object-fit: contain;}
.p-rt{width: calc(100% - 2rem);}
.p-name{width: 100%;margin-bottom: .2rem;color: #333333;font-weight: bold;line-height: 1.3;}
.p-intro{width: 100%;color: #666666;line-height: 1.5;}


.p-item:nth-child(2n + 1){flex-direction: row-reverse;}
.p-item:nth-child(2n + 1) .p-rt{text-align: right;}
.p-item:nth-child(4n + 2) .p-icon{background-color: #b28cfe;border-radius: .75rem  .75rem  .75rem 0;}
.p-item:nth-child(4n + 3) .p-icon{background-color: #17aeef;border-radius:  .75rem 0 .75rem  .75rem;}
.p-item:nth-child(4n + 4) .p-icon{background-color: #75bd42;border-radius: 0 .75rem  .75rem  .75rem;}

@media(max-width: 750px){
    .p-item{width:100%;flex-direction: row !important;}
    .p-icon{border-radius:  .75rem 0 .75rem  .75rem !important;}
    .p-rt{width: calc(100% - 1.8rem);text-align: left !important;}
}

.pa-main{width: 100%;padding: .75rem .3rem .6rem;background-color: #f8fafc;}
.pa-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pa-cont{width: 100%;font-size: 0;}
.pa-item{display: inline-block;vertical-align: top;width: 18.33%;text-align: center; margin-right: 2.08%;margin-bottom: .35rem;}
.pa-item:nth-child(5n){margin-right: 0;}
.pa-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(264/264*100%);border-radius: .1rem;}
.pa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pa-text{width: 100%;padding-top: .2rem;}
.pa-name{width: 100%;color: #333333;line-height: 1.5;font-weight: bold;}
.pa-item:hover .pa-img img{transform: scale(1.05);}
.pa-item:hover .pa-name{color: #0b7bd7; }

@media(max-width: 750px){
    .pa-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .pa-item:nth-child(5n){margin-right: .3rem;}
    .pa-item:nth-child(2n){margin-right: 0;}
}

.pb-main{width: 100%;padding: .7rem .3rem .6rem;background-color: #0b7bd7;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.pb-main .my-titles{color: #fff;}
.pb-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pb-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pb-item{display: flex;align-items: center;justify-content: space-between;padding: .6rem .45rem;margin-bottom: .4rem;width: calc(50% - .2rem);background-color: #ffffff;border-radius: .1rem;}
.pb-lt{width: 2.8rem;}
.pb-img{width: 100%;height: 2.26rem;line-height: 2.26rem;}
.pb-img img{max-width: 100%;max-height: 100%;}
.pb-rt{width: calc(100% - 3.2rem);min-height: 1.8rem;}
.pb-name{position: relative;width: 100%;padding-bottom: .2rem;margin-bottom: .2rem;color: #333333;font-weight: bold;line-height: 1.45;}
.pb-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .28rem;height: .04rem;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%); border-radius: .02rem;}
.pb-textbox{width: 100%;color: #333333;line-height: 1.8;}
.pb-textbox *{line-height: inherit;}
.pb-textbox p{position: relative;padding-left: 15px;}
.pb-textbox p:before{content: '';position: absolute;top: .9em;left: 0;margin-top: -2.5px;width: 5px;height: 5px;background-color: #3590ec;border-radius: 3px;}

@media(max-width: 750px){
    .pb-item{width: 100%;padding: .3rem;}
    .pb-lt{width: 2.5rem;}
    .pb-rt{width: calc(100% - 2.8rem);}
}

.pd-main{width: 100%;padding: .75rem .3rem 1.2rem;background-color: #f8fafc;}
.pd-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pd-cont{width: 100%;padding: 0 .3rem;background-color: #ffffff;border-radius: .1rem;}
.pd-top{width: 100%;display: flex;align-items: center;flex-wrap: wrap; padding: .3rem 0;border-bottom: 1px solid #eeeeee;}
.pd-top .pd-left{width: calc(100% - 1.5rem);}
.pd-b{width: 100%;}
.pd-one{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.pd-one .pd-lt{width: .9rem;background-color: #ffffff;border-radius: .1rem;border: solid 1px #eeeeee;overflow: hidden;}
.pd-logo{display: block;width: 100%;height: .9rem;}
.pd-logo img{width: 100%;height: 100%;object-fit: contain;}
.pd-one .pd-rt{width: calc(100%  - 1.2rem);}
.pd-name{width: 100%;margin-bottom: .1rem;color: #333333;font-weight: bold;line-height: 1.38;}
.pd-intro{width: 100%;color: #666666;line-height: 1.6;} 
.pd-top .pd-right{width: 1.2rem;height: .5rem;position: relative;}
.pd-prev{left: 0;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-size: 0 0;}
.pd-prev:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #f3f9fe;}
.pd-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/a24-c.png');background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.pd-prev:hover:before{background-color: #447ae4; background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.pd-prev:hover:after{background-image: url('../images/a24-b.png');}
.pd-next{right: 0;margin-top: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background-size: 0 0;}
.pd-next:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #f3f9fe;}
.pd-next:after{transform: rotate(-180deg); content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/a24-c.png');background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.pd-next:hover:before{background-color: #447ae4; background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.pd-next:hover:after{background-image: url('../images/a24-b.png');}

.pd-bottom{width: 100%;padding: .3rem 0;}
.pd-details{width: 100%;margin-bottom: .2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pd-details .pd-left{width: calc(100% - 6.6rem);}
.pd-tip{display: inline-block;margin-bottom: .13rem;min-width: 1.4rem;padding: .1rem .15rem;text-align: center;line-height: 1.5;color: #ffffff;background-color: #ffac2a;border-radius: .23rem;}
.pd-textbox{width: 100%;color: #666666;line-height: 1.8;}
.pd-textbox *{line-height: inherit;}
.pd-details .pd-right{width: 6rem;}
.pd-box{display: flex;align-items: center;justify-content: space-between; width: 100%;background-color: #f3f9fe;border-radius: .1rem;overflow: hidden;}
.pd-box .pd-lt{width: 2.45rem;}
.pd-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(170/245*100%);border-radius: .1rem;}
.pd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pd-box .pd-rt{width: calc(100%  - 2.85rem);padding: .1rem .3rem .1rem 0;}
.pd-hint{width: 100%;color: #333333;line-height: 1.45;font-weight: bold;}
.pd-tr{width: 100%;}
.pd-td{width: 100%;color: #333333;line-height: 1.8;}
.pd-td span{font-size: 1.125em;color: #ff6c00;}

.pd-solve .pd-tip{background-color: #0671dd;}
.pd-solve .pd-td span{color: #0b7bd7;}

@media(max-width: 750px){
    .pd-top .pd-left{width: 100%;margin-bottom: .2rem;}
    .pd-details .pd-left{width: 100%;margin-bottom: .1rem;}
    .pd-details .pd-right{width: 100%;}
}

.pe-main{width: 100%;padding: .75rem .3rem 1rem;}
.pe-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pe-cont{width: 100%;}
.pe-b{width: 100%;}
.pe-item{width: 31.45%;height: auto;margin-right: 2.82%;}
.pe-item:last-child{margin-right: 0;}
.pe-link{display: block;width: 100%;height: 100%;background-color: #f0f8ff;border-radius: .1rem;overflow: hidden;}
.pe-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(303/453*100%);}
.pe-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pe-text{width: 100%;padding: 0 .35rem .4rem; text-align: center;position: relative;z-index: 1;margin-top: -.49rem;}
.pe-icon{position: relative;top: 0;transition: all .5s; display: inline-block;vertical-align: middle;margin-bottom: .25rem;background-image: url('../images/a49.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.pe-icon img{width: .98rem;height: .98rem;object-fit: contain;}
.pe-intro{width: 100%;color: #333333;line-height: 1.66;text-align: left;}
.pe-item:nth-child(3n + 2) .pe-icon{background-image: url('../images/a49-b.png');}
.pe-item:nth-child(3n + 3) .pe-icon{background-image: url('../images/a49-c.png');}
.pe-item:hover .pe-img img{transform: scale(1.05);}
.pe-item:hover .pe-icon{top: -5px;}

@media(max-width: 750px){
    .pe-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .pe-text{padding: 0 .3rem .3rem;}
}

.pf-main{width: 100%;padding: .75rem  0  1px;background-color: #e4f0fa;}
.pf-inner{width: 100%;}
.pf-cont{width: 100%;}
.pf-one{display: flex;align-items: center;flex-wrap: wrap;width: 100%;padding-bottom: 1rem;}
.pf-left{width: 50%;}
.pf-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(860/960*100%);border-radius: 0 .1rem .1rem 0;}
.pf-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pf-right{width: 50%;padding: 0 .6rem;}
.pf-top{width: 100%;padding-bottom: .2rem;}
.pf-titles{display: inline-block;color: #ffffff;min-width: 2.5rem;padding: 0 .15rem;text-align: center;line-height: .6rem;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%); border-radius: .1rem;}
.pf-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pf-item{width: calc(50% - .1rem);min-height: 3.7rem;margin-top: .2rem;display: flex;align-items: center;position: relative;background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.pf-box{width: 100%;padding: .2rem .3rem;}
.pf-b{width: 100%;margin-bottom: .15rem;display: flex;align-items: center;justify-content: space-between;}
.pf-img2{width: .9rem;border-radius: 50%;overflow: hidden;}
.pf-img2 img{width: 100%;height: .9rem;object-fit: cover;}
.pf-box .pf-name{width: calc(100% - 1.18rem);color: #333333;line-height: 1.3;} 
.pf-box .pf-intro{width: 100%;height: 6em;color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.pf-sub{transition: all .5s; position: absolute;top:110%;left: 0;width: 100%;height: 100%;padding: .25rem .35rem;text-align: center; overflow: auto;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.pf-sub .pf-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.3;}
.pf-sub .pf-intro{width: 100%;color: #ffffff;line-height: 1.5;text-align: left;}
.pf-item:hover .pf-sub{top: 0;}

.pf-one:nth-child(2n){flex-direction: row-reverse;}
.pf-one:nth-child(2n) .pf-img{border-radius:  .1rem 0 0 .1rem ;}

@media(min-width: 750px){
    .pf-one:nth-child(1) .pf-item{min-height: 2.4rem;}
}
@media(max-width: 750px){
    .pf-main{padding: .75rem .3rem .5rem;}
    .pf-one{padding-bottom: .5rem;}
    .pf-left{width: 100%;margin-bottom: .3rem;}
    .pf-img{border-radius:  .1rem  !important;}
    .pf-right{width: 100%;padding:  0 ;} 
    .pf-box .pf-name{font-size: .3rem;} 
}

.pg-main{width: 100%;padding: .75rem .3rem 1.2rem;}
.pg-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pg-cont{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.pg-left{width: 7.2rem;}
.pg-img{width: 100%;overflow: hidden;border-radius: .1rem;}
.pg-img img{width: 100%;}
.pg-right{width: calc(100% - 7.7rem);}
.pg-item{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: .13rem 0;}
.pg-nub{min-width: 2.33em;height: 2.33em;line-height: 2.33em;text-align: center;color: #ffffff;background-color: #447ae4;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%); border-radius: .1rem;}
.pg-intro{width: calc(100% - 2.33em - .28rem);color: #333333;line-height: 1.5;}

@media(max-width: 750px){
    .pg-left{width: 100%;margin-bottom: .3rem;}
    .pg-right{width: 100%;}
}

.ph-main{width: 100%;padding: .75rem .3rem 1rem;}
.ph-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.ph-cont{width: 100%;}
.ph-img{width: 100%;}
.ph-img img{width: 100%;}

.pj-main{width: 100%;padding: .75rem .3rem .6rem;background-color: #3294ee;background-size: cover;background-position: center center;background-repeat: no-repeat;} 
.pj-main .my-titles{color: #fff;}
.pj-main .my-synopsis{color: #fff;}
.pj-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pj-top{width: 100%;margin-bottom: .7rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pj-left{width: calc(100% - 9.1rem);}
.pj-titles{width: 100%;margin-bottom: .25rem; color: #ffffff;font-weight: bold;line-height: 1.33;}
.pj-textbox{width: 100%;color: #ffffff;line-height: 1.8;}
.pj-textbox *{line-height: inherit;}
.pj-right{width: 8.67rem;}
.pj-img{width: 100%;}
.pj-img img{width: 100%;}
.pj-bottom{display: flex;flex-wrap: wrap;width: 100%;}
.pj-item{display: block;width: 22.91%;padding: .46rem .3rem .32rem;text-align: center; margin-right: 2.78%;margin-bottom: .4rem;background-color: #ffffff;border-radius: .1rem;}
.pj-item:nth-child(4n){margin-right: 0;}
.pj-icon{position: relative;top: 0;transition: all .5s;width: 100%;margin-bottom: .33rem; height: .62rem;line-height: .62rem;}
.pj-icon img{max-width: .66rem;max-height: 100%;}
.pj-intro{width: 100%;max-width: 15em;margin: 0 auto; color: #333333;line-height: 1.87;}
.pj-item:hover .pj-icon{top: -.1rem;}

@media(max-width: 750px){
    .pj-left{width: 100%;margin-bottom: .3rem;}
    .pj-right{width: 100%;}
    .pj-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .pj-item:nth-child(2n){margin-right: 0;}
}

.pk-main{width: 100%;padding: .7rem .3rem .6rem; background-color: #e7f5ff;}
.pk-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pk-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pk-item{display: flex;align-items: center;justify-content: space-between; width: calc(50% - .2rem);padding: .6rem .5rem;margin-bottom: .4rem;background-color: #ffffff;border-radius: .1rem;}
.pk-lt{width: 2.8rem;}
.pk-img{width: 100%;height: 2.26rem;line-height: 2.26rem;}
.pk-img{max-width: 100%;max-height: 100%;}
.pk-rt{width: calc(100% - 3.2rem);min-height: 1.8rem;}
.pk-name{width: 100%;position: relative;padding-bottom: .2rem;margin-bottom: .23rem;color: #333333;font-weight: bold;line-height: 1.45;}
.pk-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .28rem;height: .04rem;background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%); border-radius: .02rem;}
.pk-intro{width: 100%;color: #333333;line-height: 1.87;}

@media(max-width: 750px){
    .pk-item{width: 100%;padding: .3rem;}
}

.pl-main{width: 100%;padding: .75rem .3rem .8rem;}
.pl-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pl-top{width: 100%;padding-bottom: .7rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pl-one{display: block;text-align: center;margin-bottom: .4rem;}
.pl-img{display: inline-block;height: 5rem;line-height: 5rem;}
.pl-img img{max-width: 7.2rem;max-height: 100%;}
.pl-name{width: 100%;padding-top: .25rem;color: #333333;font-weight: bold;line-height: 1.45;}

.pl-bottom{width: 100%;display: flex;flex-wrap: wrap;}
.pl-item{display: block;width: 15.48%;padding: .25rem .15rem .23rem;text-align: center;margin-right: 1.42%;margin-bottom: .2rem;background-color: #ffac2a;border-radius: .1rem;}
.pl-item:nth-child(6n){margin-right: 0;}
.pl-nub{width: 100%;margin-bottom: .12rem;color: #ffffff;font-style: italic;line-height: 1.27;font-weight: bold;}
.pl-intro{width: 100%;max-width: 11em;margin: 0 auto;color: #ffffff;line-height: 1.87;}

.pl-item:nth-child(6n + 2){background-color: #75bd42;}
.pl-item:nth-child(6n + 3){background-color: #b28cfe;}
.pl-item:nth-child(6n + 4){background-color: #17aeef;}
.pl-item:nth-child(6n + 5){background-color: #ffac2a;}
.pl-item:nth-child(6n + 6){background-color: #0671dd;}

@media(max-width: 750px){
    .pl-one{width: calc(50% - .15rem);}
    .pl-one:nth-child(1){width: 100%;}
    .pl-img img{max-width: 100%;}

    .pl-item{width: calc(50% - .1rem);margin-right:  .2rem;}
    .pl-item:nth-child(2n){margin-right: 0;}
}

.pm-main{width: 100%;padding: .8rem .3rem 1rem;background-color: #f0f7ff;}
.pm-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pm-text{width: 100%;max-width: 6rem;min-height: 3.6rem;padding-bottom: .3rem;}
.pm-titles{width: 100%;margin-bottom: .5rem;color: #333333;font-weight: bold;line-height: 1.2;}
.pm-list{width: 100%;}
.pm-item{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: .2rem;}
.pm-icon{width: .75em;height: 1.75em;line-height: 1.75em;}
.pm-icon img{width: 100%;height: 100%;object-fit: contain;}
.pm-intro{flex: 1;padding-left: .15rem;color: #666666;line-height: 1.75;}

.pm-img{width: 100%;position: relative;margin-top: -3.6rem;}
.pm-img img{width: 100%;}

@media(max-width: 750px){
    .pm-text{max-width: 100%;}
    .pm-img{margin-top: 0;}
}

.pn-main{width: 100%;padding: .8rem .3rem .9rem; background-color: #447ae4; background-image: linear-gradient(-87deg, #447ae4 0%, #12c4ff 100%);}
.pn-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pn-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.pn-lt{width: 8.4rem;}
.pn-img{width: 100%;}
.pn-img img{width: 100%;}
.pn-rt{width: calc(100% - 9.75rem);}
.pn-name{width: 100%;margin-bottom: .5rem;color: #ffffff;font-weight: bold;line-height: 1.2;}
.pn-intro{width: 100%;color: #ffffff;line-height: 1.87;}

@media(max-width: 750px){
    .pn-lt{width: 100%;margin-bottom: .3rem;}
    .pn-rt{width: 100%;}
}

.po-main{overflow: hidden;width: 100%;padding: .8rem .3rem .9rem;}
.po-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.po-item{display: flex;align-items: center;flex-wrap: wrap;width: 100%;min-height: 5.3rem;position: relative;}
.po-lt{position: absolute;top: 50%;left: 4.4rem;transform: translate(0,-50%);width: 11.75rem;}
.po-img{width: 100%;}
.po-img img{width: 100%;}
.po-rt{width: 4.5rem;position: relative;z-index: 1;}
.po-name{width: 100%;margin-bottom: .5rem;color: #333333;font-weight: bold;line-height: 1.2;}
.po-intro{width: 100%;color: #666666;line-height: 1.87;}

@media(max-width: 750px){
    .po-lt{position: relative;top: 0;left: 0;transform: translate(0,0); width: 100%;margin-bottom: .3rem;}
    .po-rt{width: 100%;}
}

.pp-main{width: 100%;padding: .75rem .3rem; min-height: 8.34rem;background-color: #3294ee;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.pp-main .my-titles{color: #ffffff;}
.pp-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pp-cont{width: 100%;position: relative;padding-top: .35rem; min-height: 5.5rem;}
.pp-top{width: 100%;text-align: center;}
.pp-img{display: inline-block;width: 100%;max-width: 4.72rem;}
.pp-img img{width: 100%;}
.pp-item{position: absolute;text-align: center;}
.pp-icon{display: inline-block;margin-bottom: .1rem;width: 100%;max-width: 1.43rem;}
.pp-icon img{max-width: 100%;max-height: 1.48rem;}
.pp-intro{width: 100%; margin: 0 auto;color: #ffffff;line-height: 1.87;}

@media(min-width: 750px){
    .pp-item:nth-child(1){left: 0;bottom: 1.2rem;width: 1.7rem;}
    .pp-item:nth-child(2){left: 1.9rem;bottom:  0;width: 2.6rem;}
    .pp-item:nth-child(3){right: 2.25rem;bottom:  0;width: 1.5rem;}
    .pp-item:nth-child(4){right:  0;bottom:  1.2rem;width: 1.6rem;}
}
@media(max-width: 750px){
    .pp-cont{padding-top: 0;min-height: 1rem;}
    .pp-top{margin-bottom: .3rem;}
    .pp-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .pp-icon{height: 1.48rem;line-height: 1.48rem;}
    .pp-item{position: relative;margin-bottom: .4rem; width: calc(50% - .3rem);}
}

.pq-main{width: 100%;padding: .75rem .3rem 1.2rem;}
.pq-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.pq-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between; width: 100%;}
.pq-lt{width: 8rem;}
.pq-img{width: 100%;border-radius: .1rem;}
.pq-img img{width: 100%;}
.pq-rt{width: calc(100% - 8.8rem);}
.pq-name{width: 100%;margin-bottom: .3rem; color: #333333;font-weight: bold;line-height: 1.27;}
.pq-textbox{width: 100%;color: #666666;line-height: 1.87;}
.pq-textbox *{line-height: inherit;}

@media(max-width: 750px){
    .pq-lt{width: 100%;margin-bottom: .3rem;}
    .pq-rt{width: 100%;}
}

.q-main{overflow: hidden;width: 100%;padding: .75rem .3rem 1.15rem;background-color: #0b7bd7;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.q-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.q-top{width: 100%;max-width: 6.5rem;padding-bottom: .4rem;}
.q-titles{width: 100%;margin-bottom: .37rem;color: #ffffff;line-height: 1.2;font-weight: bold;}
.q-intro{width: 100%;margin-bottom: .32rem;color: #ffffff;line-height: 2;}
.q-list{width: 100%;font-size: 0;}
.q-one{display: inline-block;vertical-align: top;min-width: 1.8rem;padding-right: .3rem;margin-bottom: .3rem;}
.q-box{width: 100%;}
.q-nub{display: inline-block;vertical-align: top;color: #ffffff;font-weight: bold;line-height: 1;}
.q-add{display: inline-block;vertical-align: top;color: #ffffff;font-weight: bold;line-height: 1;}
.q-tip{width: 100%;padding-top: .15rem;	color: #ffffff;line-height: 1.6;}
.q-bottom{width: 100%;}
.q-b{width: 100%;overflow: visible;}
.q-item{display: block;width: 100%;position: relative;height: auto;}
.q-link{display: block;text-align: center;width: 3.6rem; width: auto;}
.q-img{display: flex;align-items: center;justify-content: center;width: 100%;height: 2.42rem;background-color: #fdf5f0;border-radius: .1rem;}
.q-img img{cursor: pointer; max-width: calc(100% - .6rem);max-height: calc(100%  - .4rem);}
.q-text{width: 100%;padding-top: .15rem;}
.q-name{width: 100%;color: #ffffff;line-height: 1.5; min-height: 3em;}



@media(min-width: 900px){
    /* .q-item.swiper-slide-active .q-link{margin-left: .6rem;}
    .q-item.swiper-slide-active + .q-item .q-link{margin-left: -.83rem;}
    .q-item.swiper-slide-active + .q-item  + .q-item  .q-link{position: absolute;bottom: 0;right: .8rem;width: 6.8rem;}
    .q-item.swiper-slide-active + .q-item  + .q-item  .q-link .q-img{height: 4.56rem;}
    .q-item.swiper-slide-active + .q-item  + .q-item + .q-item .q-link{margin-left: -.5rem;}
    .q-item.swiper-slide-prev .q-link{position: absolute;bottom: 0;right: -.3rem;} */
    .q-b{ height: 5rem; }
    .q-item{ transition: all .5s; margin-right: .3rem; width: 3.6rem; }
    .q-item:last-child{margin-right: 0;}
    .q-img{ width: 3.6rem; transition: all .5s; }
    /* .swiper-slide-active + .q-item + .q-item{ width: 6.8rem; } */
    .swiper-slide-active + .q-item + .q-item { width: 6.8rem; }
    .swiper-slide-active + .q-item + .q-item .q-img{ width: 6.8rem; height: 4.56rem;}
    .q-b .swiper-wrapper{align-items: flex-end;}
}
@media(max-width: 900px){
    .q-top{max-width: 100%;}
    /* .q-item{padding: 0 .15rem;} */
    .q-link{width: 100%;}
}

.r-main{position: relative;width: 100%;padding: .75rem .2rem 1.2rem;}
.r-bg{position: absolute;top: 2.3rem;left: 0;width:  .71rem;}
.r-bg img{width: 100%;}
.r-inner{width: 100%;max-width: 16.2rem;margin: 0 auto;position: relative;}
.r-titles{width: 100%;margin-bottom: .55rem;text-align: center;color: #333333;line-height: 1.2;font-weight: bold;}
.r-cont{width: 100%;}
.r-b{width: 100%;}
.r-b .swiper-slide{width: 100%;display: flex;flex-wrap: wrap;}
.r-item{transition: all .5s; width: 18.51%;padding: 0 .1rem;}
.r-link{display: block;cursor: pointer;width: 100%;position: relative;border-radius: .1rem;overflow: hidden;}
.r-img{position: relative;width: 100%;height: 5.4rem;position: relative;overflow: hidden;}
.r-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.r-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a70.png');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.r-text{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;padding: 0 .4rem .55rem;}
.r-icon{display: inline-block;width: .9rem;height: .89rem;background-image: url('../images/a72.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.r-icon img{width: 100%;height: 100%;object-fit: contain;}
.r-name{width: 100%;margin-top: .25rem;color: #ffffff;font-weight: bold;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.r-intro{display: none;margin-top: .1rem;width: 100%;color: #ffffff;line-height: 1.5; overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


@media(min-width: 750px){  
    .r-item.active{width: 44.47%;}
    .r-item.active .r-img:after{background-image: url('../images/a70-b.png');}
    .r-item.active .r-text{text-align: left;}
    .r-item.active .r-intro{display: -webkit-box;}
}
@media(max-width: 750px){
    .r-item{width: 100%;}
    .r-img{height: auto;padding-top: calc(540/700*100%);}
    .r-img:after{background-image: url('../images/a70-b.png');}
    .r-text{text-align: left;}
    .r-intro{display: -webkit-box;}
}

.s-main{width: 100%;padding: .75rem .3rem .95rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.s-inner{width: 100%;max-width: 11.2rem;margin: 0 auto;}
.s-cont{width: 100%;}
.s-scalebox{position: relative;width: 100%;padding-top: calc(525/1120*100%);}
.s-scale{position: absolute;top: 0;left: 0;width: 1120px;height: 525px;transform-origin: left top;}
.s-scale:before{content: ''; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1030px;height: 400px;background-color: #cfddd3;border-radius: 200px;border: dashed 1px #059241;}
.s-top{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.s-box{position: relative;width: 270px;height: 270px;}
.s-box:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #059241;background-image: linear-gradient(-87deg, #059241 0%, #54c13b 100%) ; opacity: 0.2;}
.s-box:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 180px;height: 180px;border-radius: 50%;background-color: #059241;background-image: linear-gradient(-87deg, #059241 0%, #54c13b 100%);}
.s-icon{z-index: 1; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 130px;height: 130px;border-radius: 50%;background-color: #ffffff;}
.s-icon img{width: 100%;height: 100%;object-fit: contain;}
.s-td{opacity: 0;position: absolute;width: 180px;text-align: center;padding:16px 5px;height: 60px;color: #ffffff;font-size: 18px;line-height: 28px;background-color: #1da565;border-radius: 30px;}
.s-td:nth-child(1){opacity: 1;top: 40px;right: calc(100% - 30px);}
.s-td:nth-child(2){opacity: 1;top: 40px;left: calc(100% - 30px);}
.s-td:nth-child(3){opacity: 1;bottom: 40px;left: calc(100% - 30px);}
.s-td:nth-child(4){opacity: 1;bottom: 40px;right: calc(100% - 30px);}
.s-item{opacity: 0; position: absolute;width: 112px;height: 125px;overflow: auto;background-image: url('../images/a77.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.s-text{width: 100%;min-height: 125px;display: flex;align-items: center;align-content: center;justify-content: center;text-align: center;color: #f8fafc;font-size: 20px;line-height: 24px;}
.s-item:nth-child(1){opacity: 1;top: 0;left: 276px;}
.s-item:nth-child(2){opacity: 1;top: 0;right: 276px;}
.s-item:nth-child(3){opacity: 1;top:50%;left: 0;transform: translate(0,-50%);}
.s-item:nth-child(4){opacity: 1;top:50%;right: 0;transform: translate(0,-50%);}
.s-item:nth-child(5){opacity: 1;bottom: 0;left: 276px;}
.s-item:nth-child(6){opacity: 1;bottom: 0;right: 276px;}

.t-main{width: 100%;padding: .75rem .3rem .9rem;background-color: #007136;}
.t-main .my-titles{color: #fff;}
.t-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.t-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.t-left{width: 3.3rem;}
.t-nav{transition: all ease .5s;display: flex;align-items: center;cursor: pointer;width: 100%;margin-bottom: .2rem;min-height: 1.04rem;padding: .15rem .15rem .15rem .35rem; background-color: rgba(255,255,255,.2);border-radius: .1rem;}
.t-nav:last-child{margin-bottom: 0;}
.t-icon{width: .65rem;}
.t-icon img{max-width: .4rem;max-height: .36rem;filter: grayscale(100%) brightness(500%); }
.t-text{flex: 1;color: #ffffff;line-height: 1.5;font-weight: bold;}
.t-nav.active{background-color: #ffffff;}
.t-nav.active .t-icon img{filter:none;}
.t-nav.active .t-text{color: #333333;}

.t-right{width: calc(100% - 3.6rem);background-color: #ffffff;border-radius: .1rem;}
.t-one{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;padding: .4rem .5rem .3rem;}
.t-one.show{position: relative;opacity: 1;z-index: 1;visibility: visible;}
.t-top{width: 100%;margin-bottom: .38rem;display: flex;align-items: center;}
.t-img{width: .81rem;height: .9rem;text-align: center;line-height: .9rem;background-image: url('../images/a84.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.t-img img{max-width: .4rem;max-height: .36rem;filter: grayscale(100%) brightness(500%); }
.t-rt{flex: 1;padding-left: .22rem;}
.t-name{width: 100%;margin-bottom: .1rem;color: #333333;line-height: 1.4;font-weight: bold;}
.t-intro{width: 100%;color: #666666;line-height: 1.6;}

@media(max-width: 750px){
    .t-left{width: 100%;margin-bottom: .3rem;white-space: nowrap;overflow: auto;}
    .t-nav{display: inline-block;vertical-align: middle;width: auto;margin-right: .2rem; margin-bottom: 0;padding: .15rem;min-height: 10px;}
    .t-nav:last-child{margin-right: 0;}
    .t-icon{display: inline-block;vertical-align: middle;}
    .t-text{display: inline-block;vertical-align: middle;}  
    .t-right{width: 100%;}
    .t-one{padding: .3rem;}
}

.ta-main{width: 100%;min-height: 3.8rem;padding: .4rem .2rem .2rem; background-color: #f1f8f5;border-radius: .1rem;}
.ta-cont{width: 100%;display: flex;flex-wrap: wrap;}
.ta-item{width: 16.66%;text-align: center;position: relative;}
.ta-line{position: absolute;top: .35rem;left: 50%;width: 100%;border-top: dashed .01rem #1fa239;}
.ta-arrows{position: absolute;top: 0;left: 100%;margin-left: -.05rem;width: .1rem;height: .7rem;background-image: url('../images/d19.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.ta-icon{position: relative;z-index: 1;display: inline-block;width: .7rem;height: .7rem;text-align: center;line-height: .7rem;background-color: #e4f0eb;border-radius: .1rem;}
.ta-icon img{max-width: 72%;max-height: 60%;}
.ta-text{width: 100%;padding: .15rem .1rem 0;}
.ta-name{width: 100%;color: #333333;line-height: 1.6;font-weight: bold;}

.ta-item:nth-child(6) .ta-line{display: none;}
.ta-item:nth-child(6) .ta-arrows{display: none;}

.ta-item:nth-child(7) {padding-top: .8rem;margin-left: 16.66%;}
.ta-item:nth-child(7):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #1fa239;}
.ta-item:nth-child(7) .ta-line{top: .45rem;}
.ta-item:nth-child(7) .ta-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d19-b.png'); background-position: top center;}

.ta-item:nth-child(8) {padding-top: .8rem;}
.ta-item:nth-child(8):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #1fa239;}
.ta-item:nth-child(8) .ta-line{top: .45rem;}
.ta-item:nth-child(8) .ta-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d19-b.png'); background-position: top center;}

.ta-item:nth-child(9) {padding-top: .8rem;}
.ta-item:nth-child(9):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #1fa239;}
.ta-item:nth-child(9) .ta-line{top: .45rem;}
.ta-item:nth-child(9) .ta-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d19-b.png'); background-position: top center;}

.ta-item:nth-child(10) {padding-top: .8rem;}
.ta-item:nth-child(10):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #1fa239;}
.ta-item:nth-child(10):before{content: '';position: absolute;top: .08rem;left: 50%;margin-left: -.05rem;width: .1rem;height: .15rem;background-image: url('../images/d19-b.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}

.ta-item:nth-child(10) .ta-line{top:  0;left: 50%;height: .45rem;border-left: 1px dashed #1fa239;border-top:  none;}
.ta-item:nth-child(10) .ta-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d19-b.png'); background-position: top center;}

@media(max-width: 750px){
    .ta-main{min-height: 1rem;padding: .3rem .1rem;}
    .ta-arrows{height: .5rem;}
    .ta-icon{width:  .5rem;height: .5rem;line-height: .5rem;}
    .ta-line{top: .25rem;}
    .ta-name{font-size: .2rem;}
}

.tb-main{width: 100%;min-height: 3.8rem;padding: .4rem .2rem .2rem; background-color: #f1f5f8;border-radius: .1rem;}
.tb-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.tb-item{width: 20%;text-align: center;position: relative;}
.tb-line{position: absolute;top: .35rem;left: 50%;width: 100%;border-top: dashed .01rem #3191ff;}
.tb-arrows{position: absolute;top: 0;left: 100%;margin-left: -.05rem;width: .1rem;height: .7rem;background-image: url('../images/d29.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.tb-icon{position: relative;z-index: 1;display: inline-block;width: .7rem;height: .7rem;text-align: center;line-height: .7rem;background-color: #e3ebf1;border-radius: .35rem;}
.tb-icon img{max-width: 50%;max-height: 50%;}
.tb-text{width: 100%;padding: .15rem .1rem 0;}
.tb-name{width: 100%;color: #333333;line-height: 1.6;font-weight: bold;}

.tb-item:nth-child(4):after{content: ''; position: absolute;top: 100%;left: 50%;width: 100%;height: .45rem; border-left: dashed .01rem #3191ff;}
.tb-item:nth-child(4) .tb-arrows{transform: rotate(-180deg);}


.tb-item:nth-child(5) .tb-line{display: none;}
.tb-item:nth-child(5) .tb-arrows{display: none;}

.tb-item:nth-child(6) {padding-top: .8rem;}
.tb-item:nth-child(6):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #3191ff;}
.tb-item:nth-child(6) .tb-line{top: .45rem;}
.tb-item:nth-child(6) .tb-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d29-b.png'); background-position: top center;}

.tb-item:nth-child(7) {padding-top: .8rem;}
.tb-item:nth-child(7):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #3191ff;}
.tb-item:nth-child(7) .tb-line{top: .45rem;}
.tb-item:nth-child(7) .tb-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d29-b.png'); background-position: top center;}

.tb-item:nth-child(8) {padding-top: .8rem;}
.tb-item:nth-child(8):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #3191ff;}
.tb-item:nth-child(8) .tb-line{top: .45rem;}
.tb-item:nth-child(8) .tb-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d29-b.png'); background-position: top center;}

.tb-item:nth-child(9) {padding-top: .8rem;}
.tb-item:nth-child(9):after{content: '';position: absolute;left: 50%;top: .45rem;height: .15rem; border-left: 1px dashed #3191ff;}
.tb-item:nth-child(9) .tb-line{display: none;}
.tb-item:nth-child(9) .tb-arrows{top: .65rem;left: 50%;height: .15rem;background-image: url('../images/d29-b.png'); background-position: top center;}

@media(max-width: 750px){
    .tb-main{min-height: 1rem;padding: .3rem .1rem;}
    .tb-arrows{height: .5rem;}
    .tb-icon{width:  .5rem;height: .5rem;line-height: .5rem;}
    .tb-line{top: .25rem;}
    .tb-name{font-size: .2rem;}
}

.tc-main{width: 100%;min-height: 3.8rem;padding: .4rem .18rem .35rem; background-color: #f9f9f5;border-radius: .1rem;}
.tc-box{width: 100%;position: relative;}
.tc-cont{width: 100%;display: flex;flex-wrap: wrap;}
.tc-item{width: 14.28%;text-align: center;position: relative;}
.tc-line{position: absolute;top: .35rem;left: 50%;width: 100%;border-top: dashed .01rem #ffac2a;}
.tc-arrows{position: absolute;top: 0;left: 100%;margin-left: -.05rem;width: .1rem;height: .7rem;background-image: url('../images/d42.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.tc-icon{position: relative;z-index: 1;display: inline-block;width: .7rem;height: .7rem;text-align: center;line-height: .7rem;background-image: url('../images/d41.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.tc-icon img{max-width: 50%;max-height: 50%;}
.tc-text{width: 100%;padding: .2rem .03rem 0;}
.tc-name{width: 100%;color: #333333;line-height: 1.6;font-weight: bold;}
.tc-bottom{position: absolute;bottom: -.15rem;left: .3rem;width: 3.4rem;}
.tc-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(155/340*100%);border-radius: .1rem;}
.tc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}


.tc-item:nth-child(7):before{content: '';position: absolute;left: 50%;top: calc(100% + .05rem);height: .55rem; border-left: 1px dashed #ffac2a;}
.tc-item:nth-child(7):after{content: '';position: absolute;left: 50%;top: calc(100% + .2rem);margin-left: -.05rem;width: .1rem;height: .15rem;background-image: url('../images/d42-b.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.tc-item:nth-child(7) .tc-line{display: none;}
.tc-item:nth-child(7) .tc-arrows{display: none;}

.tc-item:nth-child(8){margin-left: 42.84%;margin-top: .55rem;} 
.tc-item:nth-child(8) .tc-arrows{transform: rotate(-180deg);}
 
.tc-item:nth-child(9){margin-top: .55rem;} 
.tc-item:nth-child(9) .tc-arrows{transform: rotate(-180deg);}

.tc-item:nth-child(10){margin-top: .55rem;} 
.tc-item:nth-child(10) .tc-arrows{transform: rotate(-180deg);}

.tc-item:nth-child(11){margin-top: .55rem;} 
.tc-item:nth-child(11) .tc-arrows{transform: rotate(-180deg);}
.tc-item:nth-child(11) .tc-line{display: none;}
.tc-item:nth-child(11) .tc-arrows{display: none;}

@media(max-width: 750px){
    .tc-main{min-height: 1rem;padding: .3rem .1rem;}
    .tc-arrows{height: .5rem;}
    .tc-icon{width:  .5rem;height: .5rem;line-height: .5rem;}
    .tc-line{top: .25rem;}
    .tc-name{font-size: .2rem;}
    .tc-bottom{left: .2rem;bottom: .15rem; width: 2.5rem;}
}

.td-main{width: 100%;display: flex;align-items: center;min-height: 3.8rem;background-color: #f1f8f5;border-radius: .1rem;}
.td-cont{width: 100%;padding: .3rem;display: flex;flex-wrap: wrap;}
.td-item{width: 33.33%;padding: .2rem;text-align: center;}
.td-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(200/266*100%);border-radius: .1rem;}
.td-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.td-text{width: 100%;padding-top: .15rem;}
.td-name{width: 100%;color: #333333;line-height: 1.5;font-weight: bold;}
.td-item:hover .td-img img{transform: scale(1.05);}
@media(max-width: 750px){
    .td-main{min-height: 1rem;}
    .td-cont{padding: .15rem .15rem;}
    .td-item{width: 50%;padding: .15rem;}
} 


.te-main{width: 100%;display: flex;align-items: center;min-height: 3.8rem;background-color: #1b6048;border-radius: .1rem;}
.te-cont{width: 100%;padding: .3rem .5rem;display: flex;flex-wrap: wrap;}
.te-item{width: 50%;padding: .2rem .25rem;text-align: center;}
.te-img{width: 100%;height: 2.35rem;line-height: 2.35rem;position: relative;overflow: hidden;background-color: #131313;border: 1px solid #8c8f95;border-radius: .1rem;}
.te-img img{max-width: calc(100% - .3rem);max-height:calc(100% - .3rem);transform: scale(1.00);transition: all ease .5s;}
.te-text{width: 100%;padding-top: .15rem;}
.te-name{width: 100%;color: #ffffff;line-height: 1.5;font-weight: bold;}
.te-item:hover .te-img img{transform: scale(1.05);}

@media(max-width: 750px){
    .te-main{min-height: 1rem;}
    .te-cont{padding: .15rem .15rem;}
    .te-item{width: 50%;padding: .15rem;}
    .te-img{height: 1.8rem;line-height: 1.8rem;}
}

.u-main{width: 100%;padding: .75rem .3rem .6rem;}
.u-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.u-cont{width: 100%;display: flex;flex-wrap: wrap;}
.u-item{display: block;position: relative; width: 31.25%;padding: .35rem .9rem 1.4rem .4rem;margin-right: 3.12%;margin-bottom: .4rem;background-color: #f5f9f7;border-radius: .1rem;}
.u-item:nth-child(3n){margin-right: 0;}
.u-text{width: 100%;}
.u-name{width: 100%;margin-bottom: .15rem;color: #333333;font-weight: bold;line-height: 1.45;}
.u-intro{width: 100%;color: #666666;line-height: 1.87;}
.u-icon{position: absolute;bottom: .47rem;right: .47rem;width: .8rem;height: .8rem;text-align: center;line-height: .8rem; background-color: #ffac2a;border-radius: .3rem;}
.u-icon img{max-width: .5rem;max-height: .4rem;filter: grayscale(100%) brightness(500%);}
.u-item:hover{background-color: #007136; background-image: linear-gradient(-87deg, #007136 0%, #20a937 100%);}
.u-item:hover .u-name{color: #ffffff;}
.u-item:hover .u-intro{color: #ffffff;}
.u-item:hover .u-icon{background-color: #ffffff;}
.u-item:hover .u-icon img{filter: none;}

@media(max-width: 750px){
    .u-item{width: calc(50% - .15rem);margin-right: .3rem;padding: .3rem;}
    .u-item:nth-child(3n){margin-right: .3rem;}
    .u-item:nth-child(2n){margin-right: 0;}
    .u-icon{position: relative;bottom: 0;right: 0;margin-bottom: .2rem;}
}

.v-main{width: 100%;padding: .85rem .3rem .55rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.v-inner{width: 100%;max-width: 12.41rem;margin: 0 auto;}
.v-cont{width: 100%;padding-top: .55rem;}
.v-list{width: 100%;margin-bottom: .65rem;}
.v-scalebox{position: relative;width: 100%;padding-top: calc(246/1241*100%);}
.v-scale{position: absolute;top: 0;left: 0;width: 1241px;height: 246px;transform-origin: left top;background-image: url('../images/a91.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.v-item{opacity: 0;position: absolute;text-align: center;}
.v-img{display: inline-block;position: relative;top: 0;transition: all .5s;}
.v-img img{max-width: 100%;max-height: 115px;}
.v-name{width: 100%;padding-top: 10px;color: #333333;line-height: 26px;font-size: 16px;}
.v-item:hover .v-img{top: -10px;}

.v-list1 .v-item:nth-child(1){opacity: 1;left: 70px;bottom: 88px; width: 135px;}
.v-list1 .v-item:nth-child(1) .v-img{width: 86px;}
.v-list1 .v-item:nth-child(2){opacity: 1;left: 275px;bottom: 45px; width: 128px;}
.v-list1 .v-item:nth-child(2) .v-img{width: 108px;}
.v-list1 .v-item:nth-child(3){opacity: 1;left: 437px;bottom: 145px; width: 98px;}
.v-list1 .v-item:nth-child(3) .v-img{width: 78px;}
.v-list1 .v-item:nth-child(4){opacity: 1;left: 580px;bottom: 28px; width: 100px;}
.v-list1 .v-item:nth-child(4) .v-img{width: 42px;}
.v-list1 .v-item:nth-child(5){opacity: 1;left: 710px;bottom: 145px; width: 115px;}
.v-list1 .v-item:nth-child(5) .v-img{width: 97px;}
.v-list1 .v-item:nth-child(6){opacity: 1;left: 838px;bottom:  45px; width: 123px;}
.v-list1 .v-item:nth-child(6) .v-img{width: 103px;}
.v-list1 .v-item:nth-child(7){opacity: 1;left: 1043px;bottom:  125px; width: 121px;}
.v-list1 .v-item:nth-child(7) .v-img{width: 103px;}

.v-list2 .v-item:nth-child(1){opacity: 1;left:  65px;bottom:  125px; width: 121px ;}
.v-list2 .v-item:nth-child(1) .v-img{width:  72px;}
.v-list2 .v-item:nth-child(2){opacity: 1;left: 215px ;bottom:  55px; width:  102px;}
.v-list2 .v-item:nth-child(2) .v-img{width:  37px;}
.v-list2 .v-item:nth-child(3){opacity: 1;left:  313px;bottom:  180px; width:  102px;}
.v-list2 .v-item:nth-child(3) .v-img{width:  82px;}
.v-list2 .v-item:nth-child(4){opacity: 1;left:  398px;bottom:  45px; width:  126px;}
.v-list2 .v-item:nth-child(4) .v-img{width:  106px;}
.v-list2 .v-item:nth-child(5){opacity: 1;left:  582px;bottom: 177px ; width:  102px;}
.v-list2 .v-item:nth-child(5) .v-img{width:  60px;}
.v-list2 .v-item:nth-child(6){opacity: 1;left: 579px ;bottom:  35px; width:  102px;}
.v-list2 .v-item:nth-child(6) .v-img{width:  79px;}
.v-list2 .v-item:nth-child(7){opacity: 1;left: 735px ;bottom:  45px; width:  130px;}
.v-list2 .v-item:nth-child(7) .v-img{width:  110px;}
.v-list2 .v-item:nth-child(8){opacity: 1;left:  790px;bottom:  180px; width:  120px;}
.v-list2 .v-item:nth-child(8) .v-img{width:  90px;}
.v-list2 .v-item:nth-child(9){opacity: 1;left: 904px ;bottom:  55px; width:  135px;}
.v-list2 .v-item:nth-child(9) .v-img{width:  115px;}
.v-list2 .v-item:nth-child(10){opacity: 1;left: 1062px ;bottom:  125px; width: 100px ;}
.v-list2 .v-item:nth-child(10) .v-img{width: 65px ;}

.v-item:nth-child(3n + 1){animation: v_move 1s infinite alternate;}
.v-item:nth-child(3n + 2){animation: v_move 1s 1s infinite alternate;}
.v-item:nth-child(3n + 3){animation: v_move 1s 2s infinite alternate;}

@-webkit-keyframes v_move { 
    0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  100% { -webkit-transform: translateY(5px); transform: translateY(5px); }
}

/* 
 
background-color: #0b7bd7; 
.a-main{width: 100%;padding: .75rem .3rem 1.1rem;background-color: #f8fafc;}
.a-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
filter: grayscale(100%) brightness(500%);  图片变白

.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.teaser.delay2  {transition-delay: .2s;}

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;} 
 

*/

/*视频容器样式*/
.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-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 800px;max-width: 94%;}
.xv-cont {width: 100%;} 
.xv-close {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #0b7bd7; position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;}
.xv-icon {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} 
.xv-iframe {width: 100%;height: 60vh;} 
.xv-video {width: 100%;height: auto;max-height: 90vh;} 
@media(max-width:1200px) {
    .xv-close {right: 0;top: -45px;}
}