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

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

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



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

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

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

@font-face{
    font-family: D-DIN-Bold;
    src:url('../fonts/D-DINExp-Bold.ttf'); 
}
@font-face{
    font-family: D-DIN;
    src:url('../fonts/D-DIN.ttf'); 
}
 
div.mCSB_scrollTools{opacity: 1;width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #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 ;}

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

/* 动画 */ 
.teaser{opacity:0;transform:translate3d(0,100px,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(-100px,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(100px,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.3);}
.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(.7);}
.reduce.is-visible{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
 
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 288; }
.h-main{width: 100%;padding: 0 .3rem; margin: 0 auto;}
.h-cont{width: 100%;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left;}
.h-logo{display: inline-block;vertical-align: middle;height: 1rem;line-height: 1rem; cursor: pointer;}
.h-logo{max-width: none;max-height: 80%;}
/* .h-img1{display: block;height: 1rem;line-height: 1rem;}
.h-img1{max-width: none;max-height: 80%;}
.h-img2{display: none;height: 1rem;line-height: 1rem;}
.h-img2 img{max-width: none;max-height: 80%;} */
.h-right{float: right;font-size: 0;}

.h-h{display: inline-block;vertical-align: middle;padding-left:  .4rem;}
.h-i{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;}
.h-j{display: inline-block;font-weight: bold; color: #fff;line-height: 1rem;position: relative;}
/* .h-j:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 0;transition: all ease .5s; height: .03rem;background-color: #00b0f0;} */
.h-i.active .h-j {color: #00b0f0;}
.h-sub{display: none;position: fixed;top: 1rem;left: 0;width: 100%;padding: .25rem 0  ;text-align: center; border-top: 1px solid #ececec;background-color: #fff;}
.hs-cont{display: inline-block;vertical-align: top; max-width: 8rem;text-align: left; }
.hs-list{width: 100%;font-size: 0;}
.hs-tip{font-weight: bold; color: #333333;line-height: 1.5;text-align: center;margin-bottom: .1rem;}
.hs-item{display: inline-block;vertical-align: top;padding: .25rem .15rem; width: 1.6rem;text-align: center;}
.hs-icon{display: block;width: 100%;margin-bottom: .15rem;}
.hs-icon1{display: block;width: 100%;height: .4rem; }
.hs-icon1 img{height: 100%;}
.hs-icon2{display: none;width: 100%;height: .4rem; }
.hs-icon2 img{height: 100%;}
.hs-text{color: #555555;line-height: 1.6;}
.hs-item:hover .hs-icon1{display: none;}
.hs-item:hover .hs-icon2{display: block;}
.hs-item:hover .hs-text{color: #00b0f0;}

.h-language{display: inline-block;vertical-align: middle;margin-left: .5rem;position: relative;}
.hl-tip{display: block;font-size: 0;cursor: pointer;}
.hl-text{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle; line-height: 1rem;color: #fff;}
.hl-text:before{content: ''; display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1.1em;height: 1.1em;background-image: url('../images/a2.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;  } 

.hl-list{display: none; min-width: 100px;width: 100%; background-color: #fff; position: absolute;left: 50%;top:1rem;transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item{font-family: SourceHanSansCN-Regular;display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover {background-color: #00b0f0; color: #fff;}

/* 搜索 */ 
.h-k{display: inline-block;vertical-align: middle; margin-left: .6rem;}
.h-search{display: block;cursor: pointer;position: relative;  width: 1.05em; height: .9rem;background-image: url('../images/a3-b.png');background-size:99% auto;background-position: center center;background-repeat: no-repeat;}
.h-search:hover{background-image: url('../images/a3-c.png');}
.h-search:before{content: '';position: absolute;top: 50%;left: -.3rem;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #fff;}

.hk-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);border-radius: 10px;overflow: hidden;}
.hk-form{font-size: 0;display: inline-block;}
.hk-text{font-family: SourceHanSansCN-Regular;border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hk-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #00b0f0;background-image: url('../images/a3-b.png');background-size: 20px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hk-a {display: block;}
.header.search-state .h-opa {display: block;} 
.h-contact{display: inline-block;vertical-align: middle;cursor: pointer;z-index: 1;position: relative;overflow: hidden; margin-left: .5rem;  color: #00b0f0; line-height: 1.8em ; }
 

.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 10;cursor: pointer;}
.h-menu {display: none; position: absolute;cursor: pointer; top: 0;left:0; width: 1rem;height: 1rem;background-image: url('../images/a-menu.png');background-size: 60% auto;background-position: center center;background-repeat: no-repeat;}
 
.header:hover {background-color: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.15);}
.header:hover .h-img1{display: none;}
.header:hover .h-img2{display: block;}
.header:hover .h-j{color: #333;}
.header:hover .hl-text{color: #333;}
.header:hover .hl-text:before{background-image: url('../images/a2-b.png');}
.header:hover .h-search:before{background-color: #333;}
.header:hover .h-search{background-image: url('../images/a3.png');}

body.color .header{background-color: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.15);}
body.color .h-img1{display: none;}
body.color .h-img2{display: block;}
body.color .h-j{color: #333;}
body.color .hl-text{color: #333;}
body.color .hl-text:before{background-image: url('../images/a2-b.png');}
body.color .h-search:before{background-color: #333;}
body.color .h-search{background-image: url('../images/a3.png');}

.no-banner {padding-top: 1rem;}
.no-banner .header{background-color: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.15);}
.no-banner .h-img1{display: none;}
.no-banner .h-img2{display: block;}
.no-banner .h-j{color: #333;}
.no-banner .hl-text{color: #333;}
.no-banner .hl-text:before{background-image: url('../images/a2-b.png');}
.no-banner .h-search:before{background-color: #333;}
.no-banner .h-search{background-image: url('../images/a3.png');}

@media(min-width: 1200px){   
    .h-i:hover .h-j {color: #00b0f0;}
    .h-i:nth-child(1) .hs-cont:nth-child(1){max-width: 7.2rem;position: relative;}
    .h-i:nth-child(1) .hs-cont:nth-child(1):after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #e5e5e5;}
    .h-i:nth-child(1) .hs-cont:nth-child(2){max-width: 4.8rem;}
} 
 


@media(max-width: 1200px){ 
    body {padding-top: 1rem;}
    .header{background-color: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.15);}
    .h-img1{display: none;}
    .h-img2{display: block;}
    .h-j{color: #333;}
    .hl-text{color: #333;}
    .hl-text:before{background-image: url('../images/a2-b.png');}
    .h-search:before{background-color: #333;}
    .h-search{background-image: url('../images/a3.png');}

    .h-main{width: 100%;padding-left: 10px;padding-right: 10px;}
    .h-h {width: 260px;position: fixed;text-align: left; left: 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;position: relative;}
    .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 {padding: .25rem 0; position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .hs-item{width: 50%;padding: 0 .15rem;margin-bottom: .25rem;}
    .hs-cont{width: 100%;}
    .h-i:nth-child(1) .hs-cont{border-bottom: 1px solid #e5e5e5;margin-bottom: .25rem;}

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

    .h-logo img{max-height: 70%;}
}


@media(max-width:750px){ 
    .h-menu{width: .8rem;}
    .h-left{margin-left: .7rem;}
    .h-contact{font-size: 12px;}
    .hl-text{font-size: 12px;}
    .hl-icon{font-size: 12px;}
    .hk-text{width: 210px;height: 35px; }
    .hk-submit{height: 35px;}

    .h-logo img{max-height: 60%;}
    
}

@media(max-width:500px){ 
    .h-logo img{max-height: 42%;}
}
  
 
.footer{width: 100%; background-color: #333333;position: relative;}
.footer:before{content: '';position: absolute;top: 0;left: 0;width: 20%;height: .05rem;background-color: #fbc800;}
.footer:after{content: '';position: absolute;top: 0;left: 20%;width: 30%;height: .05rem;background-color: #ff1f1f;}
.f-a{width: 100%;padding-top: .88rem;padding-bottom: .84rem;position: relative;}
.f-a:before{content: '';position: absolute;top: 0;right: 0;width: 50%;height: .05rem;background-color: #00b0f0;}

.f-main{width: 14.4rem;margin: 0 auto;}
.f-cont{width: 100%;}
.f-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;width: 9rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-item{display: inline-block;vertical-align: top; }
.f-one{display: block;  color: #ffffff;margin-bottom: .45rem;}
.f-list{display: inline-block;vertical-align: top; font-size: 0;}
.f-two{display:  block; cursor: pointer;line-height: 1.73;color: rgba(255,255,255,.4); margin-bottom: .1rem;}
.f-two:hover{color: #00b0f0;} 
 
.f-right{float: right;text-align: right;width: 4.5rem;}
.f-phone{display: inline-block;cursor: pointer;font-family: D-DIN-Bold; color: #00b0f0;margin-bottom: .34rem;}
.f-textbox{color: rgba(255,255,255,.4);line-height: 2.4;}
.f-textbox *{line-height: inherit;}
.f-textbox a{ cursor: pointer;}
.f-textbox a:hover{color: #00b0f0;}

.f-address{display: block; color: rgba(255,255,255,.4);line-height: 2.4;}
.f-copyright{display: block;color: rgba(255,255,255,.4);line-height:2.57;}
.f-link{display: inline-block;cursor: pointer;line-height: 2.57;color: rgba(255,255,255,.4);}
.f-link:hover{color: #fff;}
.f-share{width: 100%;font-size: 0;padding-top: .5rem;}
.f-icon{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .4rem;}
.f-icon:last-child{margin-right: 0;}
.f-icon1{display: block; height: 1.73em;}
.f-icon1 img{max-width: none;height: 100%; } 
.f-icon2{display: none; height: 1.73em;}
.f-icon2 img{max-width: none;height: 100%; } 
.f-icon:hover .f-icon1{display: none;}
.f-icon:hover .f-icon2{display: block;}
 

@media(max-width:1500px){  
    .f-address{font-size: 12px;}
    .f-copyright{font-size: 12px;}
    .f-link{font-size: 12px;}
}

@media(max-width:1350px){  
    .f-left{width: 8.3rem;}
    .f-two{font-size: 12px;}
    .f-right{width: 5.5rem;}
}
@media(min-width:1150px){  
   .f-item:nth-child(1) .f-list:nth-child(1){min-width: 1.2rem;}
}
@media(max-width:1150px){ 
    .f-left{width: 100%;}
    .f-item{width: 100%;margin-right: 0 !important;margin-bottom: .2rem;}
    .f-list{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .2rem;}
    .f-right{width: 100%;text-align: center;}
}


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

.sidebar{position: fixed;bottom: 5%;right: .7rem;z-index: 188;}
.sidebar-item{display: block;width: .4rem;}
.sidebar-icon{display: block;cursor: pointer;width: 100%;height: .4rem;border-radius: 50%; text-align: center;line-height: .4rem;	background-color: #00b0f0;}
.sidebar-icon img{max-width: 50%;max-height: 50% ;}

#backTop{display: none;}
body.fixed #backTop{display: block;}

@media(max-width:750px){  
    .sidebar{right: 10px;}
}

.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{width: 100%;}
.a-link{display: block;cursor: pointer;width: 100%;overflow: hidden;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.a-text{position: absolute;top: 31.78%;left: 50%;transform: translate(-50%,0);width: 14.4rem;text-align: center;}
.a-titles{font-weight: bold;letter-spacing: .04rem;color: #ffffff;margin-bottom: .35rem;line-height: 1.13;}
.a-en{font-family: D-DIN;line-height: 1.5; letter-spacing: .02rem;color: #ffffff;}

.a-img{transform: scale(1.1);transition: ease 2s;opacity: .8;}
.a-item.swiper-slide-active .a-img{transform: scale(1);opacity: 1;}

.a-titles{opacity:0;transform:translate3d(0,150px,0);}
.a-item.swiper-slide-active .a-titles {opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-titles{transition-delay: .8s;}

.a-en{opacity:0;transform:translate3d(0,150px,0);}
.a-item.swiper-slide-active .a-en{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-en{transition-delay: 1.6s;}

.a-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: 1.2rem;left: .4rem;z-index: 88; text-align: center;}
.a-tip{display: block;width: 1em;color: #ffffff;line-height: 1.25;}
.a-icon{display: block;width: 1em;margin-top: .3rem;}
.a-icon img{width: .875em;}
 
.a-bottom{position: absolute;bottom: 1.05rem;left: 50%;z-index: 88; transform: translate(-50%,0); white-space: nowrap;font-size: 0;}
.a-buttom{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .45rem;}
.a-pause{display: block;width: .56em;height: 1em;background-image: url('../images/a5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-paly{display: none;width: .56em;height: 1em;background-image: url('../images/a5-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.a-nub{display: inline-block;vertical-align: middle;}
.a-cur{display: inline-block;vertical-align: middle;font-family: D-DIN; color: #ffffff;}
.a-total{display: inline-block;vertical-align: middle;font-family: D-DIN; color: #ffffff;}
.a-bar{display: inline-block;vertical-align: middle;margin: 0 .3rem; width: 1.8rem;height: 3px; background-color: rgba(255,255,255,.3) ;}
.a-inner{display: inline-block;height: 3px; background-color: #ffffff;}

.a-a.pause .a-pause{display: none;}
.a-a.pause .a-paly{display: block;}
.a-a.pause .a-inner{display: none;}

.a-video{width: 100%;position: relative;height: 8.4rem;}
.a-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.a-a.hide .a-buttom{display: none;} 
.a-a.hide .a-inner{display: none;}

@keyframes AnRotate{
    0%{
        transform: translatey(5px);
    }
    50%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    } 
}

@media(min-width:900px){   
    .a-img img{height: 100vh;object-fit: cover;}
    .a-video{height: 100vh;}
}

@media(max-width:750px){ 
    .a-img img{min-height: 180px;object-fit: cover;}
    .a-text{width: 100%;padding-left: 10px;padding-right: 10px;}
    .a-titles{font-size: 18px;margin-bottom: .2rem;}
    .a-en{font-size: 13px;}
    .a-mouse{display: none;}
    .a-bottom{bottom: 10px;}
    .a-video{min-height: 180px;padding-top: calc(840/1920*100%);height: auto;}
}

.b-a{width: 100%;padding-top: .87rem;padding-bottom: 1rem; background-image: url('../images/b2.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-main{width: 14.4rem;margin: 0 auto;}
.b-top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: .5rem;}
.b-lt{flex: 1;}
.b-en{display: inline-block;position: relative;margin-bottom: .2rem;}
.b-en:after{content: '';position: absolute;top: 50%;right: -.62rem;margin-top: -.06rem; width: .67rem;height: .12rem;background-image: url('../images/a11.png'); background-size: 100% auto;background-position: left center;background-repeat: no-repeat;}
.b-en span{display: inline-block; font-family: D-DIN-Bold; color: #00b0f0;position: relative;z-index: 18;}
.b-titles{color: #333333;}
.my-more{transition: all ease .5s;z-index: 0;display: inline-block;cursor: pointer;position: relative;text-align: center;color: #ffffff;line-height: .44rem;min-width: 1.4rem;padding: 0  .1rem;overflow: hidden;background-color: #00b0f0;border-radius: .22rem;}
.my-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem; width: .533em;height: 1.2em;background-image: url('../images/a12.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.my-more:before{content: "";display: block;width: 0;height: 100%;background-color: #00bafd;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.my-more:hover:before{width: 100%;}

.b-cont{width: 100%;position: relative;margin-bottom: .63rem;}
.b-b{width: 100%;}
.b-item{width: 4.5rem;margin-right: .45rem;}
.b-item:last-child{margin-right: 0;}
.b-link{display: block;width: 100%;position: relative;cursor: pointer;}
.b-c{width: 100%;border-radius: .1rem;overflow: hidden;position: relative;margin-bottom: .25rem;}
.b-img{width: 100%;position: relative;padding-top: calc(250/450*100%);}
.b-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.b-time{position: absolute;top: 0;left: 0;border-radius: .1rem 0 .1rem 0;transition: all ease .5s;  display: inline-block; font-family: D-DIN;padding: .15rem .18rem; color: #ffffff;background-color: rgba(0,0,0,.6);}
.b-text{width: 100%;}
.b-name{color: #333333;line-height: 1.45;margin-bottom: .1rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-intro{color: #888888;line-height: 1.6; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.b-link:hover .b-img img{transform: scale(1.05);}
.b-link:hover .b-time{background-color: #00b0f0;}
.b-link:hover .b-name{ color: #00b0f0;}

.b-pagination{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.b-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.b-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

.b-bottom{display: block;width: 100%;cursor: pointer;position: relative;min-height: 3.8rem;overflow: hidden;border-radius: .1rem;background-color: #00b0f0;}
.b-right{position: absolute;top: 0;right: 0;width: 9.45rem;height: 100%;overflow: hidden; }
.b-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.b-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.b-icon{position: absolute;top: 0;right: .4rem;width: 1.22rem;}
.b-icon img{width: 100%;}
.b-left{width: 4.55rem;padding: .48rem .4rem;}
.b-hotspot{width: 100%;margin-bottom: .85rem;}
.b-d{display: inline-block;position: relative;margin-bottom: .2rem;}
.b-d:after{content: '';position: absolute;top: 50%;right: -.62rem;margin-top: -.06rem; width: .67rem;height: .12rem;background-image: url('../images/a11-b.png'); background-size: 100% auto;background-position: left center;background-repeat: no-repeat;}
.b-d span{display: inline-block;font-family: D-DIN-Bold; color: #ffffff;position: relative;z-index: 18;}
.b-e{color: #ffffff;} 
.b-f{width: 100%;}
.b-g{color: #ffffff;line-height: 1.45;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-h{color: rgba(255,255,255,.5);line-height: 1.5; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(max-width:750px){ 
    .b-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .b-item{width: calc(50% - 5px);margin-right: 10px;}
    .b-right{width: 100%;position: relative;height: auto;}
    .b-bg{position: relative;height: auto;padding-top: calc(380/945*100%);}
    .b-left{width: 100%;}
    .b-hotspot{margin-bottom: .5rem;}
    .b-en:after{display: none;}
    .b-d:after{display: none;}
    .b-pagination{display: block;}

    .my-more{height: 22px;line-height: 22px;border-radius: 11px;padding: 0 .15rem;}
    .my-more:after{margin-left: .1rem;}
}

.c-a{width: 100%;}
.c-main{width: 100%;margin: 0 auto;}
.c-cont{width: 100%;font-size: 0;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer; position: relative;transition: all ease .5s; width: 13.28%;}
.c-bg{width: 100%;height: 8.13rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.c-bg:after{content: '';transition: all ease .5s;opacity: 1; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.c-item>.c-nub{ position: absolute;bottom: 1.5rem;left: 0;width: 100%;text-align: center;font-family: D-DIN; color: #ffffff;}
.c-top{ position: absolute;top: 2rem;left: 0;width: 100%;text-align: center;}
.c-icon{width: 100%;height: .42rem;margin-bottom: .35rem;}
.c-icon img{ height: 100%;}
.c-top .c-name{color: #ffffff;font-weight: bold;line-height: 1.41;}

.c-bottom{display: none;position: absolute;bottom: 0;left: 0;width: 100%;min-height: 3.09rem; padding: 1.2rem 2.3rem .3rem 1.05rem; background-image: url('../images/a21.png');background-size:cover; }
.c-bottom:after{content: '';position: absolute;bottom: .9rem;right: .7rem;width: .5rem;height: .5rem;background-image: url('../images/a27.png');background-size: 99% auto; background-position: center center;background-repeat: no-repeat;}
.c-bottom .c-nub{position: absolute;top: -.4rem;left: 1rem;font-family: D-DIN-Bold;font-size: 1.3rem;color: #ffffff;}
.c-roll{width: 100%;}
.c-bottom .c-name{margin-bottom: .2rem; color: #ffffff;line-height: 1.33;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-bottom .c-intro{color: #ffffff;line-height: 1.875;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
 

@media(min-width:750px){  
    .c-item.active{width: 46.88%;}
    .c-item.active .c-bg:after{opacity: 0;}
    .c-item.active .c-top{display: none;}
    .c-item.active>.c-nub{display: none;}
    .c-item.active .c-bottom{display: block;}
}
@media(max-width:750px){  
    .c-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .c-item{width: 100%;}
    .c-bg{height: auto;padding-top: calc(813/900*100%);}

    .c-bottom{padding: 1.2rem 1.2rem .3rem .3rem;}
    .c-bottom:after{right: .3rem;bottom: .5rem;}
 
    .c-item .c-bg:after{opacity: 0;}
    .c-item .c-top{display: none;}
    .c-item>.c-nub{display: none;}
    .c-item .c-bottom{display: block;}
}

.d-a{width: 100%;padding-top: .87rem;padding-bottom: .47rem; background-image: url('../images/b7.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-main{width: 14.4rem;margin: 0 auto;}
.d-top{width: 100%;text-align: center;margin-bottom: .5rem;}
.d-en{display: inline-block;position: relative;margin-bottom: .2rem;}
.d-en:before{content: '';position: absolute;top: 50%;left: -.62rem;margin-top: -.06rem; width: .67rem;height: .12rem;background-image: url('../images/a11-c.png'); background-size: 100% auto;background-position: left center;background-repeat: no-repeat;}
.d-en:after{content: '';position: absolute;top: 50%;right: -.62rem;margin-top: -.06rem; width: .67rem;height: .12rem;background-image: url('../images/a11-c.png'); background-size: 100% auto;background-position: left center;background-repeat: no-repeat;}
.d-en span{font-family: D-DIN-Bold; position: relative;z-index: 18; color: #00b0f0;}
.d-titles{color: #333333;}

.d-cont{width: 100%;display: flex;flex-wrap: wrap;}
.d-item{display: block;position: relative;overflow: hidden;cursor: pointer;transition: all ease .5s;margin-bottom: .4rem; padding: 2.13rem .4rem .57rem; width: 31.26%;margin-right: 3.1%; background-color: #ffffff;border-radius: .1rem;border: solid 1px #fff;}
.d-item:nth-child(3n){margin-right: 0;}
.d-icon{position: absolute;top: -.6rem;right:  -.2rem; transition: all ease .5s;}
.d-icon img{ max-width: none; height: 2.96rem;}
.d-text{position: relative;z-index: 18; width: 100%;}
.d-name{color: #333333;line-height: 1.38;margin-bottom: .1rem;}
.d-intro{color: #888888;line-height: 1.6;}

.d-item:hover{ border: solid 1px #ff1f1f;}
.d-item:nth-child(3n + 2):hover{border: solid 1px #fbc800;}
.d-item:nth-child(3n + 3):hover{border: solid 1px #00b0f0;}
.d-item:hover .d-icon{left: 0;right: auto;width: 100%;text-align: center;}

@media(max-width:750px){ 
    .d-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .d-item{width: 100%;margin-right: 0;}
    .d-en:before{display: none;}
    .d-en:after{display: none;}
}

.e-a{width: 100%;padding-top: .9rem;padding-bottom: 1.15rem; background-image: url('../images/b8.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.e-main{width: 100%;margin: 0 auto;}
.e-cont{width: 100%;font-size: 0;}
.e-left{display: inline-block;vertical-align: bottom;width: 44.3%;padding-right: .8rem;}
.e-right{display: inline-block;vertical-align: bottom;padding-right: 2.4rem; width: 55.7%;}
.e-top{width: 100%;min-height: 3.86rem;padding: 0 0 .3rem 2.4rem; }
.e-en{display: inline-block;position: relative;margin-bottom: .2rem;}
.e-en:after{content: '';position: absolute;top: 50%;right: -.62rem;margin-top: -.06rem; width: .67rem;height: .12rem;background-image: url('../images/a11.png'); background-size: 100% auto;background-position: left center;background-repeat: no-repeat;}
.e-en span{font-family: D-DIN-Bold; position: relative;z-index: 18; color: #00b0f0;}
.e-titles{color: #333333;margin-bottom: .55rem;}

.e-list{width: 100%;}
.e-goods{display: none;width: 100%;}
.e-goods.show{display: block;}
.e-name{margin-bottom: .12rem; color: #333333;line-height: 1.33;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-intro{margin-bottom: .35rem; color: #888888;line-height: 1.5;height: 3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.e-bottom{width: 100%;position: relative;}
.e-b{width: 100%;padding-left: 2.4rem;}
.e-nav{width: calc(50% - .15rem);cursor: pointer; margin-right: .3rem;} 
.e-nav .e-img{display: block;width: 100%;height: 1.78rem;line-height: 1.72rem;text-align: center; border: solid 3px #f1f5fd;background-color: #fff;}
.e-nav .e-img img{max-width: 68%;max-height: 71%;}
.e-nav.active .e-img{border: solid 3px #00b0f0;}

.e-scrollbar{position: absolute;bottom: -.3rem;left: 2.4rem;width: calc(100% - 2.4rem);height: 5px;}
.e-scrollbar .swiper-scrollbar-drag{background-color: #00b0f0;}

.e-tr{width: 100%;overflow: hidden;position: relative;}
.e-td{width: 100%;position: absolute;left: -100vw;top: 0;width: 100%;border-radius: .1rem;overflow: hidden;}
.e-td.show{left: 0;position: relative;}
.e-item{width: 100%;cursor: pointer;display: block;}
.e-item .e-img{width: 100%;}
.e-item .e-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.e-item:hover .e-img img{transform: scale(1.05);}

.e-td .e-prev{left: 0;margin-top: -.22rem; width: .34rem;height: .44rem;border-radius:0 .22rem .22rem 0;	background-color: #00b0f0; background-image: url('../images/a12.png');background-size: 23.5% auto;background-position: center center;background-repeat: no-repeat;}
.e-td .e-prev:hover{background-color: #ff1f1f;}
.e-td .e-next{right: 0;margin-top: -.22rem; width: .34rem;height: .44rem;border-radius:  .22rem 0 0 .22rem  ;	background-color: #00b0f0; background-image: url('../images/a12-b.png');background-size: 23.5% auto;background-position: center center;background-repeat: no-repeat;}
.e-td .e-next:hover{background-color: #ff1f1f;}


@media(max-width:750px){ 
    .e-a{padding-top: .6rem;padding-bottom: .8rem;}
    .e-en:after{display: none;}
    .e-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .e-left{width: 100%;padding-right: 0;margin-bottom: .6rem;}
    .e-top{padding: 0 ;margin-bottom: .3rem;}
    .e-b{padding-left: 0;}
    .e-right{width: 100%;padding-right: 0;}

    .e-scrollbar{width: 100%;left: 0;}
}

.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 35.12%;left: 50%;transform: translate(-50%,0); width: 14.4rem;}
.banner-titles{letter-spacing: .04rem;line-height: 1.2; color: #ffffff;font-weight: bold;}
.banner-titles span{margin-left: .1rem;}
.banner-intro{color: #ffffff;line-height: 1.5;margin-top: .3rem;}

 

@media(max-width:750px){   
    .banner-text{width: 100%;top: 50%;transform: translate(-50%,-50%);  padding-left: 10px;padding-right: 10px;}
    .banner-img img{min-height: 180px; object-fit: cover;}
    .banner-titles{font-size: 28px;}
}

.nav{width: 100%;}
.nav-main{width: 14.4rem;margin: 0 auto;}
.nav-cont{width: 100%;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-right{float: right;font-size: 0;}
.nav-one{display: inline-block;vertical-align: middle; color: #666666;line-height: .56rem;}
.nav-one:after{content: '-';display: inline-block;vertical-align: middle;margin: 0 .08rem;}
.nav-one:last-child:after{display: none;}
.nav-one:first-child:before{content: '';display: inline-block;vertical-align: middle;margin-right: .2rem; width: 1.125em;height: 1.2em;background-image: url('../images/a29.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

body.solution-classify .nav {background-color: #f9f9f9;}
body.download-center .nav {background-color: #f9f9f9;}
body.answer .nav {background-color: #f8f8f8;}
@media(max-width:750px){  
    .nav-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .nav-right{width: 100%;overflow: auto;white-space: nowrap;}
    .nav-one{line-height: 35px;}
}

.classify{width: 100%;box-shadow: 1px 1px 0px 0px rgba(151, 151, 151, 0.2);}
.classify-main{width: 14.4rem;margin: 0 auto;}
.classify-b{width: 100%;}
.classify-item{width: auto;text-align: center; min-width: 10%;padding: 0 .1rem;}
.classify-link{display: inline-block;cursor: pointer; color: #555555;line-height: .7rem; position: relative;}
.classify-link:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 0;transition: all .5s; height: .03rem;background-color: #00b0f0;}
.classify-item.active .classify-link{color: #00b0f0;}
.classify-item.active .classify-link:before{width: 100%;}

.classify-item:hover .classify-link{color: #00b0f0;}
.classify-item:hover .classify-link:before{width: 100%;}

@media(max-width:750px){  
    .classify-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .classify-item{min-width: 25%;}
}

.i-a{width: 100%;padding-top: .45rem;padding-bottom: .9rem;}
.i-main{width: 14.4rem;margin: 0 auto;}
.i-top{width: 100%;margin-bottom: .7rem;}
.i-b{width: 100%;background-color: #f8f8f8;border-radius: .1rem;overflow: hidden;}
.i-one{display: block; width: 100%;}
.i-link{display: block;cursor: pointer;font-size: 0; width: 100%;position: relative;}
.i-link .i-img{display: inline-block;vertical-align: middle; width: 7.55rem;height: 4.2rem;overflow: hidden;  border-radius: .1rem;position: relative;}
.i-link .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.i-link .i-text{display: inline-block;vertical-align: middle;width: 5.45rem; margin-left: .7rem;}
.i-link .i-time{font-family: D-DIN;margin-bottom: .45rem; color: #888888;}
.i-link .i-name{margin-bottom: .2rem; width: 100%;line-height: 1.33; color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-link .i-intro{margin-bottom: .45rem; width: 100%;line-height: 1.8;height: 5.4em; color: #888888;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.i-link:hover  .i-img img{transform: scale(1.05);}
.i-link:hover .i-name{color: #02b1f0;}

.i-bottom{width: 100%;}
.i-list{width: 100%;font-size: 0;padding-bottom: .2rem;}
.i-item{display: inline-block;vertical-align: top;cursor: pointer;width: 31.26%;margin-bottom: .5rem; margin-right: 3.1%;}
.i-item:nth-child(3n){margin-right: 0;}
.i-item .i-img{width: 100%;padding-top: calc(250/450*100%); border-radius: .1rem;position: relative;overflow: hidden;}
.i-item .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s}
.i-item .i-text{width: 100%;padding-top: .25rem;}
.i-item .i-name{margin-bottom: .15rem; color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-item .i-time{font-family: D-DIN; color: #888888;}

.i-item:hover  .i-img img{transform: scale(1.05);}
.i-item:hover .i-name{color: #02b1f0;}

.my-buttom{width: 100%;text-align: center;overflow: hidden;position: relative;}
.my-buttom:before{content: '';position: absolute;top: .22rem;left: 50%;transform: translate(-50%,0);width: 14.4rem;height: 1px;background-color: #e9e9e9; }
.my-click{display: inline-block;cursor: pointer;position: relative;}
.my-icon {display: inline-block;position: relative;z-index: 8; background-color: #fff;padding: 0 .25rem;}
.my-icon img{height: .44rem;}
.my-tip{margin-top: .2rem;color: #999999;}
.my-click:hover .my-tip{color: #02b1f0;}

@media(max-width:1150px){  
    .i-link .i-time{margin-bottom: .25rem;} 
    .i-link .i-intro{margin-bottom: .2rem;}
}

@media(max-width:750px){  
    .i-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .i-link .i-img{width: 100%;height: auto;padding-top: calc(420/755*100%);}
    .i-link .i-text{width: 100%;margin-left: 0;padding: .3rem;}
    .i-item{width: calc(50% - 5px);margin-right: 10px;}
    .i-item:nth-child(3n){margin-right: 10px;}
    .i-item:nth-child(2n){margin-right: 0;}
}

.j-a{width: 100%;padding-top: .7rem;padding-bottom: .97rem; background-color: #f1f8fb;}
.j-main{width: 14.4rem;margin: 0 auto;}
.my-titles{width: 100%;color: #333333;padding-bottom: .33rem;margin-bottom: .6rem; text-align: center;font-weight: bold; position: relative;}
.my-titles:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);display: block;width: .4rem;height: .03rem;background-color: #00b0f0;}
.j-cont{width: 100%;}
.j-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.j-left{float: left;width: 7rem;position: relative;}
.j-b{width: 100%; border-radius: .1rem;overflow: hidden}
.j-one{display: block;width: 100%;}
.j-one .j-link{display: block;cursor: pointer; width: 100%;position: relative;}
.j-one .j-img{width: 100%;padding-top: calc(390/700*100%); position: relative;;}
.j-one .j-img:after{content: '';position: absolute;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;background-image: url('../images/a31.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.j-one .j-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.j-one .j-text{position: absolute;bottom: 0;left: 0;z-index: 18; width: 100%;padding: .25rem .4rem; }
.j-one .j-name{width: 100%;margin-bottom: .1rem; color: #ffffff;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-one .j-intro{width: 100%;color: rgba(255,255,255,.5);line-height:1.8;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.j-one:hover .j-img img{transform: scale(1.05);}

.j-right{float: right;width: 7rem;}
.j-c{width: 100%;height: 3.9rem;}
.j-item{width: 100%;height: auto;margin-bottom: .3rem;}
.j-item:last-child{margin-bottom: 0;}
.j-item .j-link{width: 100%;cursor: pointer;display: block;transition: all ease .5s; background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.j-item .j-img{display: inline-block;vertical-align: middle; width: 3.25rem;height: 1.8rem;overflow: hidden;position: relative;}
.j-item .j-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.j-item .j-text{display: inline-block;vertical-align: middle;width: 3.05rem;margin-left: .3rem;}
.j-item .j-name{margin-bottom: .15rem; color: #333333;line-height: 1.3;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.j-item .j-intro{color: #888888;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.j-item:hover .j-link{background-color: #00b0f0;}
.j-item:hover .j-img img{transform: scale(1.05);}
.j-item:hover .j-name{color: #ffffff;}
.j-item:hover .j-intro{color: #ffffff;}

@media(max-width:1150px){  
    .j-item .j-name{margin-bottom: .15rem;line-height: 1.3;-webkit-line-clamp: 1;} 
    .j-item .j-intro{ line-height: 1.5;}
}

@media(max-width:750px){  
    .j-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .j-left{width: 100%;margin-bottom:  .5rem;}
    .j-right{width: 100%;margin-left: 0;}
    .j-item .j-text{width: calc(100% - 3.8rem);}
}

.k-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem;}
.k-main{width: 14.4rem;margin: 0 auto;text-align: center;}
.k-top{width: 100%;text-align: center;padding-bottom: .55rem;}
.k-titles{width: 100%;color: #333333;padding-bottom: .33rem;margin-bottom: .25rem; text-align: center;font-weight: bold; position: relative;}
.k-titles:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);display: block;width: .4rem;height: .03rem;background-color: #00b0f0;}
.k-intro{color: #333333;line-height: 1.41;} 

.k-bottom{display: inline-block;background-color: #f2f7f9;border-radius: .26rem;overflow: hidden;}
.k-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent;color: #333333;height: .52rem; width: 3.2rem; color: #333333;padding: 0 .23rem;}
.k-submit{display: inline-block;vertical-align: middle;border: none;background-color: transparent;cursor: pointer; width: .75rem;height: .52rem;background-image: url('../images/a32.png');background-size: 33.33% auto;background-position: center center;background-repeat: no-repeat;}


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

.l-a{width: 100%;padding-top: .45rem;padding-bottom: 1.2rem;}
.l-main{width: 14.4rem;margin: 0 auto;}
.l-cont{width: 100%;position: relative;padding-bottom: .37rem;}
.l-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.l-cont:before{content: '';position: absolute;top: 0;left: 9.77rem;top: 0;width: 1px;height: 100%;background-color: #f3f3f3;}
.l-left{float: left;width: 9.1rem;}
.l-top{width: 100%; border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .5rem;}
.l-titles{font-weight: bold;color: #222222;line-height: 1.23;margin-bottom: .23rem;}
.l-b{width: 100%;font-size: 0;}
.l-one{display: inline-block;vertical-align: middle;color: #555555;padding-right: .5rem;margin-bottom: .2rem;}
.l-one img{display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1.125em;}

.l-bottom{width: 100%;}
.l-textbox{color: #555555;line-height: 1.6;padding-bottom: .5rem;margin-bottom: .35rem; border-bottom: 1px solid #ebebeb;}
.l-textbox *{line-height: inherit;max-width: 100%;}

.l-tuttom{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.l-lt{flex: 1;}
.l-link{display: block;width: 100%; cursor: pointer; line-height: 1.6;padding: .05rem 0; color: #555555;  }
.l-link:hover{color: #00b0f0;}

.l-back{ transition: all ease .5s;z-index: 0;display: inline-block;cursor: pointer;position: relative;text-align: center;color: #ffffff;line-height: .44rem;min-width: 1.4rem;padding: 0  .1rem;overflow: hidden;background-color: #00b0f0;border-radius: .22rem;}
.l-back:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1em;height: 1.2em;background-image: url('../images/a34.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.l-back:after{content: "";display: block;width: 0;height: 100%;background-color: #00bafd;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.l-back:hover:after{width: 100%;}

.l-right{float: right; width: 4rem;}
.l-tip{width: 100%;color: #333333;padding-bottom: .4rem;margin-bottom: .3rem; border-bottom: 1px solid #e8e8e8; position: relative;}
.l-tip:before{content: '';position: absolute;bottom: -1px;left: 0;width: .4rem;height: 3px;background-color: #00b0f0;}
.l-list{width: 100%;}
.l-item{display: inline-block;vertical-align: top;width: 100%;cursor: pointer;margin-bottom: .55rem;}
.l-img {width: 100%;position: relative;padding-top: calc(222/400*100%); border-radius: .1rem;overflow: hidden;margin-bottom: .25rem;}
.l-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.l-text{width: 100%;}
.l-name{margin-bottom: .1rem; color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l-intro{color: #888888;line-height: 1.5; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.l-item:hover .l-img img{transform: scale(1.05);}
.l-item:hover .l-name{color: #02b1f0;}

@media(max-width:750px){  
    .l-a{padding-bottom: .8rem;}
    .l-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .l-cont:before{display: none;}
    .l-left{width: 100%;margin-bottom: .5rem;}
    .l-right{width: 100%;}
}

.m-a{width: 100%;padding-top: .45rem;padding-bottom: .9rem;}
.m-a .my-titles{margin-bottom: .5rem;}
.m-main{width: 14.4rem;margin: 0 auto;}
.m-cont{width: 100%;font-size: 0;padding-bottom: .3rem;}
.m-item{display: inline-block;vertical-align: top;cursor: pointer; width: 31.26%;margin-bottom: .65rem; margin-right: 3.1%;}
.m-item:nth-child(3n){margin-right: 0;}
.m-img{width: 100%;padding-top: calc(250/450*100%); border-radius: .1rem;position: relative;overflow: hidden;}
.m-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s}
.m-text{width: 100%;padding-top: .25rem;}
.m-name{margin-bottom: .1rem; color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-intro{color: #888888;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m-item:hover .m-img img{transform: scale(1.05);}
.m-item:hover .m-name{color: #02b1f0;}

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

.n-a{width: 100%;padding-top: .45rem;padding-bottom: .58rem; background-color: #f9f9f9;}
.n-a .my-tiltes{margin-bottom:  .3rem;}
.n-main{width: 14.4rem;margin: 0 auto;}
.n-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .38rem;}
.n-nav{transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem .2rem;color: #555555; min-width: 1.6rem;height: .5rem;text-align: center;line-height: .5rem;padding: 0 .1rem;background-color: #ffffff;border-radius: .25rem;}
.n-nav:hover{background-color: #00b0f0;	color: #ffffff;}
.n-nav.active{background-color: #00b0f0;	color: #ffffff;}

.n-cont{width: 100%;font-size: 0;}
.n-item{display: inline-block;vertical-align: top;cursor: pointer; width: 48.6%;margin-bottom: .5rem; margin-right: 2.8%; position: relative;}
.n-item:nth-child(2n){margin-right: 0;}
.n-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(388/700*100%); border-radius: .1rem;}
.n-img:after{content: '';position: absolute;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;background-image: url('../images/a31-b.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.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-text{position: absolute;bottom: 0;left: 0;z-index: 18; padding:  .35rem .4rem;}
.n-name{width: 100%;color: #ffffff;line-height: 1.41; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n-item:hover .n-img img{transform: scale(1.05);}


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

.o-a{width: 100%;padding-top: .8rem;padding-bottom: 1.28rem;}
.o-a .my-more{min-width: 1.6rem;}
.o-main{width: 14.4rem;margin: 0 auto;}
.o-top{width: 100%;padding-bottom: .65rem ;margin-bottom: .8rem; border-bottom: 1px solid #f0f0f0;}
.o-b{width: 100%;margin-bottom: .5rem; display: flex;justify-content: space-between;align-items: flex-start;justify-content: space-between;}
.o-titles{color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;}
.o-titles:before{content: '';position: absolute;left: 0;bottom: 0;width: .4rem;height: .03rem;background-color: #00b0f0;}

.o-c{width: 100%;position: relative;}
.o-d{width: 100%;}
.o-item{display: inline-block;vertical-align: top;position: relative; width: 23.2%;margin-right: 2.5%;}
.o-item:last-child{margin-right: 0;}
.o-item .o-link{display: block;width: 100%;height: 3.9rem;cursor: pointer; background-color: #f8f8f8;border-radius: .1rem;}
.o-item .o-img{width: 100%; height: 1.86rem;position: relative;overflow: hidden;border-radius: .1rem;}
.o-item .o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.o-item .o-text{width: 100%;padding: .4rem .25rem .2rem;}
.o-item .o-name{margin-bottom: .2rem; color: #333333;line-height: 1.2;height: 2.4em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.o-item .o-intro{color: #888888;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.o-link:hover .o-img img{transform: scale(1.05);}
.o-link:hover .o-name{color: #00b0f0;}

.o-pagination{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.o-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.o-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

.o-c.show .o-pagination{display: block;}

.o-middle{width: 100%;margin-bottom: 1.28rem;}
.o-e{width: 100%;position: relative;}
.o-f{width: 100%;}
.o-one{width: 4.53rem;margin-right: .4rem;}
.o-one:last-child{margin-right: 0;}
.o-one .o-link{width: 100%;display: block;cursor: pointer;transition: all ease .5s; background-color: #f2f2f2;border-radius: .1rem;}
.o-one .o-img{width: 100%;padding-top: calc(280/453*100%); position: relative;overflow: hidden;}
.o-one .o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.o-one .o-text{width: 100%;padding: 0 .1rem;text-align: center;}
.o-one .o-name{width: 100%;color: #333333;line-height: .6rem;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.o-one:hover .o-link{background-color: #00b0f0;}
.o-one:hover .o-img img{transform: scale(1.05);}
.o-one:hover .o-name{color: #fff;}

.o-pagination2{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.o-pagination2 .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.o-pagination2 .swiper-pagination-bullet-active{background-color: #00b0f0;}

.o-bottom{width: 100%;display: block; border-radius: .1rem;overflow: hidden;position: relative;}
.o-bg{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.o-g{position: relative;width: 100%;text-align: center;min-height: 4.9rem;padding: 1.2rem .3rem;}
.o-tip{font-weight: bold;letter-spacing: .02rem;color: #ffffff;position: relative;padding-bottom: .33rem;margin-bottom: .23rem;}
.o-tip:before{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -.2rem; width: .4rem;height: .03rem;background-color: #fff;}
.o-textbox{color: #ffffff;line-height: 1.5;margin-bottom: .75rem;}
.o-textbox *{line-height: inherit;}
 
.o-mailbox{display: inline-block;background-color: #f2f7f9;border-radius: .26rem;overflow: hidden;}
.o-form{display: inline-block;}
.o-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent;color: #333333;height: .52rem; width: 3.2rem; color: #333333;padding: 0 .23rem;}
.o-submit{display: inline-block;vertical-align: middle;border: none;background-color: transparent;cursor: pointer; width: .75rem;height: .52rem;background-image: url('../images/a32.png');background-size: 33.33% auto;background-position: center center;background-repeat: no-repeat;}


.o-bottom:hover .o-bg{transform: scale(1.03);}

@media(max-width:1200px){  
    .o-item .o-text{padding: .25rem .4rem;}
    .o-item .o-name{margin-bottom: .15rem;  height: auto;-webkit-line-clamp: 1;}  
}

@media(min-width:750px){  
    .o-item:nth-child(1){width: 48.6%;}
    .o-item:nth-child(1) .o-img{height: 3.9rem;}
    .o-item:nth-child(1) .o-img:after{content: '';position: absolute;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;background-image: url('../images/a31.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
    .o-item:nth-child(1) .o-text{position: absolute;bottom: 0;left: 0;z-index: 18; padding: .25rem .4rem;}
    .o-item:nth-child(1) .o-name{margin-bottom: .15rem; color: #ffffff;height: auto;-webkit-line-clamp: 1;}
    .o-item:nth-child(1) .o-intro{color: rgba(255,255,255,.5);height: auto;-webkit-line-clamp: 1;}
    
}
@media(max-width:750px){  
    .o-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .o-item{width: calc(50% - 5px);margin-right: 10px;} 
    .o-item .o-img{height: auto;padding-top: calc(186/335*100%);}
    .o-item .o-link{height: auto;}
    .o-one{width: calc(50% - 5px);margin-right: 10px;} 

    .o-pagination{display: block;}
    .o-pagination2{display: block;}
}

.p-a{width: 100%;background-color: #f9f9f9;}
.p-a .nav{position: absolute;top: 0;left: 0;width: 100%;}
.p-main{width: 100%;margin: 0 auto;position: relative;} 
.p-cont{width: 100%;display: flex;flex-wrap: wrap;}
.p-left{width: 29.1%;padding: 1rem .4rem .6rem 2.4rem;}
.p-right{width: 70.9%;padding: 1rem 2.4rem .8rem .4rem; background-color: #fff;}
.p-item{width: 100%;border-bottom: 1px solid #f1f1f1;padding-bottom: .1rem;margin-bottom: .5rem;}
.p-item:last-child{ border-bottom: none;margin-bottom: 0;}
.p-tip{color: #333333;font-weight: bold;margin-bottom: .33rem;}
.p-navbox{width: 100%;}
.p-nav{width: 100%;display: block;cursor: pointer;color: #333333;line-height: 1.55;margin-bottom:  .3rem;}
.p-nav:hover{color: #00b0f0;}
.p-nav.active{color: #00b0f0;}
.p-top{width: 100%;border-bottom: 1px solid #e5e5e5;padding-bottom: .2rem;margin-bottom: .45rem;}
.p-titles{color: #333333;font-weight: bold;line-height: 1.23;margin-bottom: .35rem;}
.p-tr{width: 100%;font-size: 0;}
.p-td{transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer;margin:0 .3rem .2rem 0;color: #666666;  }
.p-td:before{content: '#';font-size:.8em;margin-right: .05rem;}
.p-td:hover{color: #00b0f0;}

.p-bottom{width: 100%;}
.p-textbox{width: 100%;color: #555555;line-height: 1.87;padding-bottom: .4rem;}
.p-textbox *{line-height: inherit;max-width: 100%;}

.p-trait{width: 100%;}
.p-one{width: 100%;margin-bottom: .6rem;}
.p-name{width: 100%;color: #00b0f0;line-height: 1.87;font-weight: bold;}
.p-intro{width: 100%;color: #555555;line-height: 1.87;}
.p-intro *{line-height: inherit;max-width: 100%;}

@media(max-width:750px){  
    .p-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .p-left{width: 100%;padding: 50px 0 .5rem;}
    .p-nav{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-bottom: .2rem;width: auto;}
    .p-right{width: 100%;padding: .5rem .3rem;}
}

.paging{width: 100%;font-size: 0;text-align: center;}
.paging-buttom{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; margin: .05rem;padding: 0 .1rem;min-width: 4.92em;height: 2.86em;line-height: 2.86em; border-radius: 1.43em;color: #888888; border: solid 1px #dcdcdc;}
.paging-buttom:hover{background-color: #00b0f0;color: #ffffff;border: solid 1px #00b0f0; }
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; margin: .05rem;padding: 0 .1rem;min-width:2.86em;height: 2.86em;line-height: 2.86em; border-radius: 1.43em;color: #888888; border: solid 1px #dcdcdc;}
.paging-item:hover{background-color: #00b0f0;color: #ffffff;border: solid 1px #00b0f0; }
.paging-item.active{background-color: #00b0f0;color: #ffffff;border: solid 1px #00b0f0; }
.paging-up{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; margin: .05rem; min-width:2.86em;height: 2.86em;  border-radius: 1.43em;  border: solid 1px #dcdcdc;background-image: url('../images/a44.png');background-size: 20% auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: #00b0f0;background-image: url('../images/a44-b.png'); }
.paging-next{transform: rotate(-180deg); display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; margin: .05rem; min-width:2.86em;height: 2.86em;  border-radius: 1.43em;  border: solid 1px #dcdcdc;background-image: url('../images/a44.png');background-size: 20% auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: #00b0f0;background-image: url('../images/a44-b.png'); }

@media(max-width:750px){ 
    .paging-buttom{min-width: 3.4em;height: 2.4em;line-height: 2.4em;border-radius: 1.2em;}
    .paging-item{min-width: 2.4em;height: 2.4em;line-height: 2.4em;border-radius: 1.2em;}
    .paging-next{min-width: 2.4em;height: 2.4em;line-height: 2.4em;border-radius: 1.2em;}
    .paging-up{min-width: 2.4em;height: 2.4em;line-height: 2.4em;border-radius: 1.2em;}
}

.q-a{width: 100%;padding-top: .3rem;padding-bottom: 1.4rem; background-color: #f9f9f9;}
.q-main{width: 14.4rem;margin: 0 auto;}
.q-cont{width: 100%;font-size: 0;}
.q-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.q-left{float: left;width: 3.1rem;	border-radius: .1rem;overflow: hidden; background-color: #ffffff;}
.q-titles{padding: .25rem .23rem ;line-height: 1.41; color: #ffffff;background-color: #00b0f0;}
.q-navbox{width: 100%;} 
.q-nav{width: 100%;}
.q-b{width: 100%;padding: 0 .6rem 0  .3rem;position: relative;border-bottom: 1px solid #f9f9f9;}
.q-c{display: block;cursor: pointer; width: 100%;padding-left: .4rem;position: relative;}
.q-cimg{position: absolute;top: 50% ;left: 0;transform: translate(0,-50%); width: .4rem;}
.q-cimg1{display: block;width: .2rem;}
.q-cimg1 img{width: 100%;}
.q-cimg2{display: none;width: .2rem;}
.q-cimg2 img{width: 100%;}
.q-ctext{width: 100%;line-height: .76rem;color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.q-buttom{position: absolute;top: 0;right: .2rem;display: block;cursor: pointer; width: .4rem;height: 100%;background-image: url('../images/a43.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.q-sub{display: none; width: 100%;padding: .15rem 0;}
.q-two{display: block;cursor: pointer;position: relative;padding: 0 .3rem 0 .7rem; width: 100%;color: #555555;line-height: .45rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.q-two:before{content: ''; position: absolute;left: .35rem ;top: 50%;transform: translate(0,-50%); width: .08rem;height: .08rem;border-radius: 50%;background-color: #d0d0d0;}

.q-two:hover{color: #00b0f0;}
.q-two:hover:before{background-color: #00b0f0;}
.q-two.active{color: #00b0f0;}
.q-two.active:before{background-color: #00b0f0;}

.q-nav.active .q-ctext{color: #00b0f0;}
.q-nav.show .q-ctext{color: #00b0f0;}
.q-nav.show .q-buttom{background-image: url('../images/a43-b.png');}

.q-right{float: right;padding-bottom: .65rem; width: 10.9rem;background-color: #ffffff;border-radius: .1rem;}
.q-form{width: 100%;}
.q-top{width: 100%;display: flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #f3f3f3;}
.q-tip{padding: .2rem .4rem;color: #333333;line-height: 1.66;}
.q-rt{display: inline-block;position: relative;padding:0 .3rem ;}
.q-rt:before{content: '';position: absolute;top: 50%;left: 0;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #bbbbbb;}
.q-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent;height: .6rem;width: 1.95rem;color: #333;}
.q-submit{display: inline-block;vertical-align: middle;border: none;background-color: transparent;cursor: pointer; width: .36rem;height: .6rem;background-image: url('../images/a40.png'); background-size: 72.2% auto;background-position: center center;background-repeat: no-repeat;}

.q-bottom{width: 100%;}
.q-tr{width: 100%;font-size: 0;background-color: #00b0f0;padding: .15rem 0 .15rem .4rem;}
.q-td{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.5;}
.q-td:nth-child(1){width: 57%;}
.q-td:nth-child(2){width: 15.5%;}
.q-td:nth-child(3){width: 13.7%;padding-left: .05rem;}
.q-td:nth-child(4){width: 13.7%;padding-left: .4rem;}

.q-list{width: 100%;padding-bottom: .6rem;}
.q-item{width: 100%;font-size: 0;border-bottom: 1px solid #f3f3f3;padding-left: .4rem;}
.q-item *{word-break: break-all;}
.q-details{display: inline-block;vertical-align: middle;cursor: pointer;width: 86.3%; padding: .2rem 0;}
.q-name{display: inline-block;vertical-align: middle;width: 66.04%;}
.q-d{display: inline-block;vertical-align: middle;width: .2rem;}
.q-d img{width: 100%;}
.q-e{display: inline-block;vertical-align: middle;width: calc(100% - .3rem);color: #333333;line-height: 1.66;padding-left: .15rem;}
.q-size{display: inline-block;vertical-align: middle;width: 17.96%; color: #888888;line-height: 1.6;}
.q-time{display: inline-block;vertical-align: middle;width: 16%;color: #888888;line-height: 1.6;}

.q-f{display: inline-block;vertical-align: middle;width: 13.7%;padding: .15rem 0;}
.q-download{display: inline-block;cursor: pointer;max-width: 95%; position: relative;border-radius: .2rem;color: #888888;line-height: 1.6; padding: .05rem .2rem .05rem .4rem;}
.q-download:before{content: ''; position: absolute;top: 0;left: 0;width: .4rem;height: 100%;background-image: url('../images/a42.png'); background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}

.q-details:hover .q-e{color: #00b0f0;}
.q-download:hover{	background-color: #00b0f0;color: #ffffff;}
.q-download:hover:before{background-image: url('../images/a42-b.png');}
.q-details:visited .q-e{color: #00b0f0;}

.q-textbox{width: 100%;padding: .4rem .45rem ;color: #333333; line-height: 1.8;}
.q-textbox *{line-height: inherit;max-width: 100%;}

@media(max-width:750px){  
    .q-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .q-left{width: 100%;margin-bottom: .35rem;}
    .q-two{line-height: 35px;}
    .q-right{width: 100%;}
    .q-tip{padding: .2rem 10px;}
    .q-input{width: 3rem;height: 35px;}
    .q-submit{width: 30px;height: 35px;background-size: 50% auto;}
    .q-tr{padding-left: 10px;}
    .q-item{padding-left: 10px;}
    .q-td{font-size: 12px;}
    .q-td:nth-child(4){padding-left: 0;}
    .q-d{display: none;}
    .q-e{width: 95%;font-size: 11px;padding-left: 0;}
    .q-size{font-size: 11px;}
    .q-time{font-size: 11px;}
    .q-download{padding:.05rem .1rem  ;font-size: 11px;text-align: center;}
    .q-download:before{display: none;}

    .q-textbox{padding: .3rem 10px;}
}

.r-a{width: 100%;padding-top: .7rem;padding-bottom: .88rem;background-color: #f8f8f8;}
.r-a .my-titles{margin-bottom: .4rem;}
.r-a .my-more{min-width: 1.6rem;}
.r-main{width: 14.4rem;margin: 0 auto;}
.r-top{width: 100%;border-bottom: 1px solid #dcdcdc;margin-bottom: .4rem;}
.r-b{width: 100%;}
.r-nav{width: auto; min-width: 10%;text-align: center;padding: 0 .1rem;}
.r-c{display: inline-block;cursor: pointer;position: relative; padding: .15rem  0;color: #888888;line-height: 1.55;}
.r-c:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); width: 0;transition: all ease .5s; height: .03rem;background-color: #00b0f0;}

.r-nav.active .r-c{color: #00b0f0;}
.r-nav.active .r-c:after{width: 100%;}

.r-bottom{width: 100%;position: relative;}
.r-d{width: 100%;}
.r-item{width: 100%;}
.r-link{display: block;width: 100%;cursor: pointer;}
.r-img{width: 100%;position: relative;padding-top: calc(560/1440*100%);overflow: hidden;}
.r-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.r-text{position: absolute;bottom: 0;left: 0;width: 100%; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; padding: .45rem .5rem;}
.r-lt{width: 9.5rem;}
.r-name{margin-bottom: .2rem; color: #ffffff;font-weight: bold;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.r-intro{color: rgba(255,255,255,.5);line-height: 1.8; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


@media(min-width:750px){  
    .r-c:hover{color: #00b0f0;}
    .r-c:hover:after{width: 100%;}
}
@media(max-width:750px){  
    .r-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-nav{min-width: 25%;}
    .r-text{position: relative;padding: .3rem 0;}
    .r-name{color: #333;}
    .r-intro{color: #666;}
    .r-lt{width: 100%;margin-bottom: .3rem;}
}

.s-a{width: 100%;padding-top: .68rem;padding-bottom: .7rem; background-image: url('../images/b60.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.s-a .my-titles{color: #ffffff;margin-bottom: .5rem;}
.s-a .my-titles:before{background-color: #ffffff;}
.s-main{width: 14.4rem;margin: 0 auto;}
.s-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.s-item{display: block;cursor: pointer;position: relative; width: 31.46%;padding: .4rem;text-align: center; background-color: #ffffff;border-radius: .1rem;overflow: hidden;margin-right: 2.8%;margin-bottom: .3rem; background-image: url('../images/b61.jpg'); background-size: cover;background-position: bottom right;background-repeat: no-repeat;}
.s-item:nth-child(3n){margin-right: 0;}
.s-icon{display: inline-block;margin-bottom: .5rem; width: 1rem;height: 1rem;line-height: 1rem; border-radius: 50%;background-color: #ff1f1f;box-shadow: .07rem .07rem .16rem 0px rgba(255, 31, 31, 0.2);}
.s-icon img{max-width: 100%;max-height: 100%;}
.s-text{width: 100%;}
.s-name{color: #333333;line-height: 1.23;}

.s-item:nth-child(3n + 2)  {background-image: url('../images/b61-b.jpg');}
.s-item:nth-child(3n + 2) .s-icon{background-color: #00b0f0;box-shadow: .07rem .07rem .16rem 0px rgba(0, 176, 240, 0.2);}
.s-item:nth-child(3n + 3)  {background-image: url('../images/b61-c.jpg');}
.s-item:nth-child(3n + 3) .s-icon{background-color: #fbc800;box-shadow: .07rem .07rem .16rem 0px rgba(251, 200, 0, 0.2);}

.s-sub{position: relative;z-index: -1;opacity: 0;transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,176,240,.9); display: flex;align-items: center;justify-content: center;}
.s-phone{width: 100%;text-align: center;color: #fff;line-height: 1.5;}
.s-wechat{width: 100%;}
.s-code{width: 100%;height: 1.8rem;margin-bottom: .1rem;}
.s-code img{max-width: 100%;max-height: 100%;}
.s-tip{color: #fff;line-height: 1.5;}
.s-item:hover .s-sub{z-index: 18;opacity: 1;}

@media(max-width:750px){  
    .s-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .s-item{width: 100%; padding: .6rem 10px;}

}

.t-a{width: 100%;padding-top: .8rem;padding-bottom: 1.1rem;}
.t-main{width: 14.4rem;margin: 0 auto;}
.t-top{width: 100%;text-align: center;margin-bottom: .45rem;}
.t-top .my-titles{margin-bottom: .25rem;}
.t-intro{color: #555555;line-height: 1.5;}
.t-bottom{width: 100%;cursor: pointer; font-size: 0;background-color: #f8f8f8; display: flex;align-items: center; flex-wrap: wrap;flex-direction: row-reverse;margin-top: .9rem;}
.t-img{width: 50%;}
.t-img img{width:100%;}
.t-text{width: 50%;text-align: center;}
.t-text .my-titles{margin-bottom: .35rem;}
.t-text .t-intro{margin-bottom: .85rem;}
.t-text .my-more{min-width: 1.6rem;}

@media(max-width:750px){  
    .t-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .t-img{width: 100%;}
    .t-text{width: 100%;padding:.5rem .3rem ;}
    .t-text .t-intro{margin-bottom: .25rem;}
}

.u-a{width: 100%;padding-top: .7rem;padding-bottom: 1.4rem;background-color: #f8f8f8;position: relative;}
.my-id{position: absolute;top: -1rem;}
.u-a .my-titles{margin-bottom: .5rem;}
.u-main{width: 14.4rem;margin: 0 auto;}
.u-top{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .45rem;}
.u-one{display: block;width: 22.3%; margin-bottom: .3rem;margin-right: 3.6%; padding: .4rem ; text-align: center;	background-color: #ffffff;border-radius: .1rem;}
.u-one:nth-child(4n){margin-right: 0;}
.u-icon{display: inline-block;margin-bottom: .48rem; width: .72rem;height: .72rem;line-height: .72rem;border-radius: 50%; background-color: #ff1f1f;box-shadow: .07rem .07rem .16rem 0px rgba(255, 31, 31, 0.2);}
.u-icon img{max-width: 100%;max-height: 100%;}
.u-text{width: 100%;}
.u-name{color: #999999;margin-bottom: .15rem;}
.u-textbox{color: #333333;line-height: 1.33;}

.u-one:nth-child(4n + 2) .u-icon{background-color: #00b0f0;box-shadow: .07rem .07rem .16rem 0px rgba(0, 176, 240, 0.2);}
.u-one:nth-child(4n + 3) .u-icon{background-color: #fbc800;box-shadow: .07rem .07rem .16rem 0px rgba(251, 200, 0, 0.2);}
.u-one:nth-child(4n + 4) .u-icon{background-color: #00b0f0;box-shadow: .07rem .07rem .16rem 0px rgba(0, 176, 240, 0.2);}

.u-form{width: 100%;}
.u-bottom{width: 100%;position: relative;}
.u-left{width: 5.4rem;}
.u-item{width: 100%;padding: .1rem 0;}
.u-input{width: 100%;border: none;padding: 0 .3rem;height: .6rem;color: #333; background-color: #ffffff;border-radius: .1rem;}
.u-textarea{width: 100%;border: none;padding: .12rem .3rem;line-height: 1.6; height: 1.9rem;background-color: #ffffff;border-radius: .1rem;}
.u-buttom{display: inline-block;position: relative; z-index: 0;overflow: hidden; margin-top: .3rem;margin-bottom: .1rem;background-color: #00b0f0;border-radius: .22rem;}
.u-buttom:after{ content: '';position: absolute;top: 0;right: .2rem; width: 0.533em;height: 100%;background-image: url(../images/a12.png);background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.u-buttom:before{content: "";display: block;width: 0; height: 100%; background-color: #00bafd;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-submit{display: inline-block;border: none;background-color: transparent;cursor: pointer;position: relative;z-index: 18;line-height: .44rem; padding: 0 .56rem 0 .25rem; color: #ffffff;}
.u-buttom:hover:before{width: 100%;}
.u-map{position: absolute;top: 0;right: 0;width: 8.4rem;height: 100%;border-radius: .1rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.u-a.cont2{background-color: #fff;}
.u-a.cont2 .u-one{background-color: #f8f8f8;}
.u-a.cont2 .u-input{background-color: #f8f8f8;}
.u-a.cont2 .u-textarea{background-color: #f8f8f8;}

.abouts .u-input{background-color: #f8f8f8;text-align: left !important;}
.abouts .u-buttom{margin-top: .1rem;margin-bottom: 0;margin-left: .2rem;border-radius: .3rem;}
.abouts  .u-submit{line-height: .6rem;padding: 0 .85rem 0 .55rem;}

@media(max-width:750px){  
    .u-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .u-one{width: calc(50% - 5px);margin-right: 10px;padding: .4rem 10px;}
    .u-one:nth-child(2n){margin-right: 0;}
    .u-left{width: 100%;margin-bottom: .35rem;}
    .u-input{height: 35px;}
    .u-map{width: 100%; position: relative;height: 4.5rem;}

    .abouts form{width: 90% !important;}
    .abouts  .u-buttom{margin-top: .1rem;border-radius: 17px;}
    .abouts  .u-submit{line-height: 35px;}
}

.v-a{width: 100%;position: relative;padding-top: .45rem;padding-bottom: .89rem;}
.v-a .my-titles{margin-bottom: .53rem;}
.v-a .my-more{min-width: 1.6rem;}
.v-main{width: 14.4rem;margin: 0 auto;}
.v-cont{width: 100%;font-size: 0;}
.v-img{display: inline-block;vertical-align: middle;width: 55.5%;border-radius: .1rem;overflow: hidden;}
.v-img img{width: 100%;}
.v-text{display: inline-block;vertical-align: middle;width: 44.5%;padding-left: .45rem;text-align: center;}
.v-textbox{width: 100%;color: #555555;line-height: 1.8;padding-bottom: .3rem;text-align: left;}
.v-textbox *{line-height: inherit;max-width: 100%;}
.v-textbox p{margin-bottom: .3rem;}

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

.w-a{width: 100%;position: relative; padding-top: .7rem;padding-bottom: 1.07rem; background-color: #f8f8f8;}
.w-a .my-titles{margin-bottom: .3rem;}
.w-main{width: 14.4rem;margin: 0 auto;}
.w-cont{width: 100%;}
.w-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.w-right{float: right;width: 7rem;position: relative;}
.w-b{width: 100%; border-radius: .1rem;overflow: hidden}
.w-one{display: block;width: 100%;}
.w-one .w-link{display: block;cursor: pointer; width: 100%;position: relative;}
.w-one .w-img{width: 100%;padding-top: calc(390/700*100%); position: relative;;}
.w-one .w-img:after{content: '';position: absolute;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;background-image: url('../images/a31.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-one .w-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.w-one .w-text{position: absolute;bottom: 0;left: 0;z-index: 18; width: 100%;padding: .25rem .4rem; }
.w-one .w-name{width: 100%;margin-bottom: .1rem; color: #ffffff;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w-one .w-intro{width: 100%;color: rgba(255,255,255,.5);line-height:1.8;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.w-one:hover .w-img img{transform: scale(1.05);}

.w-left{float: left;width: 7rem;}
.w-c{width: 100%;height: 3.9rem;}
.w-item{display: block;height: auto;margin-bottom: .3rem;}
.w-item:last-child{margin-bottom: 0;}
.w-item .w-link{transition: all ease .5s;position: relative; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding: .1rem; min-height: 1.1rem;cursor: pointer;width: 100%; background-color: #ffffff;border-radius: .1rem;}
.w-item .w-link:before{content: '';position: absolute;top: 50%;left: 1.2rem;margin-top: -.3rem;width: 1px; height: .6rem;background-color: #eaeaea;}
.w-time{width: 1.1rem;text-align: center;}
.w-day{	font-family: D-DIN-Bold; color: #00b0f0;margin-bottom: .15rem;}
.w-year{font-family: D-DIN; color: #888888;}
.w-item .w-text{width: calc(100% - 1.5rem);padding-right: .2rem;}
.w-item .w-name{margin-bottom: .1rem; line-height: 1.5;color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w-item .w-intro{line-height: 1.6;	color: #888888;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.w-item:hover .w-link{background-color: #00b0f0;}
.w-item:hover .w-link:before{background-color: rgba(255,255,255,.2);}
.w-item:hover .w-day{ color: #fff;}
.w-item:hover .w-year{ color: #fff;}
.w-item:hover .w-name{ color: #fff;}
.w-item:hover .w-intro{ color: #fff;}

@media(min-width:750px){  
    .w-item.active .w-link{background-color: #00b0f0;}
    .w-item.active .w-link:before{background-color: rgba(255,255,255,.2);}
    .w-item.active .w-day{ color: #fff;}
    .w-item.active .w-year{ color: #fff;}
    .w-item.active .w-name{ color: #fff;}
    .w-item.active .w-intro{ color: #fff;}
}
@media(max-width:750px){  
    .w-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .w-right{display: none; width: 100%;margin-bottom: .35rem;}
    .w-left{width: 100%;}
    .w-c{height: calc(180px + .6rem);}
    .w-item .w-link{min-height: 60px;}
}

.x-a{width: 100%;padding-top: .45rem;overflow: hidden;}
.x-main{width: 14.4rem;margin: 0 auto;}
.x-top{width: 100%;margin-bottom: .55rem;}
.x-titles{color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;margin-bottom: .33rem;}
.x-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .03rem;background-color: #00b0f0;}
.x-intro{color: #555555;line-height: 1.87;}
.x-intro *{line-height: inherit;}

.x-bottom{width: 100%;position: relative;padding-bottom: .7rem;}
.x-bottom:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 19.2rem;height: calc(100% - .5rem); background-color: #f8f8f8;}
.x-b{width: 100%;position: relative;z-index: 18;margin-bottom: .45rem;}
.x-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.x-left{float: left; width: 6.6rem;border-radius: .1rem;}
.x-left img{width: 100%;}
.x-right{float: right;width: 7rem;padding-top: 1rem;}
.x-img{width: 100%;overflow: hidden; border-radius: .1rem;}
.x-img img{width: 100%;}
.x-textbox{position: relative;z-index: 18;width: 100%;padding-bottom: .15rem; color: #555555;line-height: 1.87;}
.x-textbox *{line-height: inherit;}

@media(max-width:750px){  
    .x-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .x-left{width: 100%;text-align: center;}
    .x-left img{max-width: 300px;}
    .x-right{width: 100%;padding-top: .5rem;}
}

.y-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem;}
.y-a .my-titles{margin-bottom: .6rem;}
.y-main{width: 14.4rem;margin: 0 auto;}
.y-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.y-item{display: block;cursor: pointer;position: relative; width: 22.9%;background-color: #f8f8f8;border-radius: .1rem;overflow: hidden; margin-right: 2.8%; margin-bottom: .4rem;}
.y-item:nth-child(4n){margin-right: 0;}
.y-img{width: 100%;padding-top: calc(210/330*100%);position: relative;overflow: hidden;}
.y-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.y-text{width: 100%;padding:.35rem .45rem .3rem ;}
.y-intro{color: #555555;line-height: 1.8;position: relative;z-index: 18;}
.y-nub{position: absolute;bottom: -.285em;right: 0;	font-family: D-DIN-Bold;font-size: 1rem; color: #f1f1f1;}
.y-item:hover .y-img img{transform: scale(1.05);}

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

.z-a{width: 100%;position: relative;background-color: #f8f8f8;}
.z-a .nav{position: absolute;top: 0;left: 0;width: 100%;}
.z-main{width: 100%;margin: 0 auto;}
.z-cont{width: 100%;display: flex;flex-wrap: wrap;}
.z-left{display: block;width: 29.16%;padding: 1rem .4rem .6rem 2.4rem;background-color: #fcfcfc;box-shadow: 0px 0px .24rem 0px rgba(134, 134, 134, 0.14);}
.z-right{display: block; width: 70.84%;padding: 1rem 2.4rem .8rem .4rem;}
.z-b{width: 100%;border-bottom: 1px solid #f1f1f1;padding-bottom: .1rem;margin-bottom: .4rem;}
.z-tip{width: 100%;color: #333333;font-weight: bold;line-height: 1.33;}
.z-navbox{width: 100%;padding: .2rem 0;}
.z-nav{width: 100%;cursor: pointer;color: #555555;line-height: .5rem;padding-left: 2.1em;position: relative;  display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.z-nav:before{content: '';position: absolute;top: 0;left: 0;width: 1em;height: 100%;background-image: url('../images/a52.png');background-size: 98% auto;background-position: left center;background-repeat: no-repeat;}
.z-nav:hover{color: #00b0f0;}
.z-nav:hover:before{background-image: url('../images/a52-b.png');}
.z-nav.active{color: #00b0f0;}
.z-nav.active:before{background-image: url('../images/a52-b.png');}

.z-c{width: 100%;}
.z-tr{width: 100%;}
.z-td{width: 100%;border-bottom: 1px solid #f1f1f1;}
.z-d{width: 100%;position: relative;padding-right: 1em;}
.z-one{display: block;cursor: pointer;	color: #555555;font-weight: bold;line-height: .75rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.z-buttom{position: absolute;top: 0;right: 0;cursor: pointer; width: 1em;height: 100%;background-image: url('../images/a43.png');background-size: 88% auto;background-position: center center;background-repeat: no-repeat;}
.z-sub{display: none; padding-bottom: .2rem;width: 100%;}
.z-two{display: block;width: 100%;cursor: pointer;color: #888888;line-height: 2;margin-bottom: .1rem;}
.z-two:hover{color: #00b0f0;}
.z-two.active{color: #00b0f0;} 
.z-td.active .z-one{color: #00b0f0;}
.z-td.show .z-one{color: #00b0f0;}
.z-td.show .z-buttom{ background-image: url('../images/a43-c.png');}
 
.z-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: .5rem; }
.z-titles{flex: 1;padding-right: .1rem; color: #333333;font-weight: bold;position: relative;padding-bottom: .27rem;}
.z-titles:before{content: '';position: absolute;bottom: 0;left: 0;	width: .4rem;height: .03rem;background-color: #00b0f0;}
.z-rt{display: inline-block;position: relative;background-color: #ffffff;border-radius: .1rem;}
.z-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent;height: .5rem;width: 2.8rem;color: #333;padding: 0 0 0 .38rem;}
.z-submit{display: inline-block;vertical-align: middle;border: none;background-color: transparent;cursor: pointer; width: .8rem;height: .5rem;background-image: url('../images/a40.png'); background-size: 1.12em auto;background-position: center center;background-repeat: no-repeat;}

.z-bottom{width: 100%;}
.z-list{width: 100%; font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .05rem;}
/* .z-item{display: block;cursor: pointer;position: relative; width: 30.86%;padding: .3rem ; margin-bottom: .6rem;margin-right: 3.7%; background-color: #ffffff;border-radius: .1rem;} */
.z-item{display: block;cursor: pointer;position: relative; width: 24%;padding: .3rem .15rem; margin-bottom: .6rem;margin-right: 1.33%; background-color: #ffffff;border-radius: .1rem;}
.z-item:nth-child(4n){margin-right: 0;}
.z-img{position: relative; width: 100%;padding-top: calc(200 /273*100%);position: relative;border-radius: .1rem;margin-bottom: .3rem;}
.z-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.z-text{width: 100%;text-align: center;}
.z-e{width: 100%;border-bottom: 1px solid #e5e5e5;padding-bottom: .25rem;margin-bottom: .15rem;}
.z-f{letter-spacing: 2px;color: #333333;margin-bottom: .1rem;}
.z-name{letter-spacing: .5px; width: 100%;font-weight: bold; color: #333333;line-height: 1.3; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.z-name *{line-height: inherit;}
.z-label{position: absolute;top: -.15rem;left: 0;  width: 100%;text-align: right; color: #02b1f0;}
.z-g{width: 100%;position: relative;display: flex;justify-content: space-between;flex-wrap:wrap;}
.z-g:before{content: '';position: absolute;top: .1rem;left: 50%;width: 1px;height: calc(100% - .2rem); background-color: #e5e5e5;}
.z-h{display: block;width: 42%; padding: .1rem 0;}
.z-hspan1{color: #666;line-height: 1.7;}
.z-hspan2{color: #666;line-height: 1.7;}

.z-i{opacity: 0;transition: all ease .5s; position: absolute;bottom: -.22rem;left: 0;text-align: center; width: 100%;text-align: center;}
.z-i .my-more{min-width: 1.6rem;}

.z-item:hover .z-img img{transform: scale(1.05);}
.z-item:hover .z-name{color: #02b1f0;}
.z-item:hover .z-i{opacity: 1;}

@media(max-width:1200px){ 
    .z-left{ padding: 1rem .4rem .6rem 1.4rem; }
    .z-right{ padding: 1rem 1.4rem .8rem .4rem;}
}

@media(max-width:900px){ 
    .z-left{ padding: 1rem .4rem .6rem .6rem; }
    .z-right{ padding: 1rem .6rem .8rem .4rem;}
}

@media(max-width:750px){  
    .z-a{padding-top: 50px;}
    .z-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .z-left{width: 100%;padding: .5rem 10px;}
    .z-right{width: 100%;padding: .8rem 0 .6rem;}
    .z-input{width: 3rem;height: 35px;}
    .z-submit{width: 30px;height: 35px;background-size: 50% auto;}
    .z-item{width: calc(50% - 5px);margin-right: 10px;}
    .z-item:nth-child(3n){margin-right: 10px;}
    .z-item:nth-child(2n){margin-right: 0;}

    .z-name{font-size: 14px;height: 2.9em;}
    .z-hspan1{font-size: 11px;}
    .z-hspan2{font-size: 11px;}
}

.wa-a{width: 100%;padding-top: .8rem;padding-bottom: 1.1rem;}
.wa-main{width: 14.4rem;margin: 0 auto;}
.wa-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: .5rem; }
.wa-titles{flex: 1;padding-right: .1rem; color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;}
.wa-titles:before{content: '';position: absolute;bottom: 0;left: 0;	width: .4rem;height: .03rem;background-color: #00b0f0;}
.wa-top .my-more{margin-top: .15rem;}

.wa-bottom{width: 100%;}
.wa-b{width: 100%;}
.wa-item{display: block; width: 4.5rem;margin-right: .45rem;}
.wa-item:last-child{margin-right: 0;}
.wa-link{display: block;cursor: pointer; width: 100%;}
.wa-img{width: 100%;position: relative;padding-top: calc(250/450*100%); overflow: hidden;border-radius: .1rem;}
.wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wa-text{width: 100%;padding: .25rem 0;}
.wa-name{margin-bottom: .1rem; color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wa-intro{line-height: 1.5;height: 3em; color: #888888;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wa-link:hover .wa-img img{transform: scale(1.05);}
.wa-link:hover .wa-name{color: #02b1f0;}

.wa-pagination{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.wa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.wa-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

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

.wb-a{width: 100%;padding-top: .5rem;padding-bottom: .5rem; background-color: #f7f7f7;}
.wb-main{width: 14.4rem;margin: 0 auto;}
.wb-cont{width: 100%;font-size: 0;}
.wb-left{display: inline-block;vertical-align: middle; width: 50%;}
.wb-b{width: 100%;}
.wb-item{width: 100%;}
.wb-link{display: block;width: 100%;}
.wb-img{width: 100%;height: 4.35rem;line-height: 4.35rem;text-align: center;background-color: #fff;}
.wb-img img{max-width: 90%;max-height: 90%;}

.wb-right{display: inline-block;vertical-align: middle;width: 50%;padding-left: .6rem;}
.wb-sort{width: 100%;color: #333333;margin-bottom: .33rem;}
.wb-name{width: 100%;position: relative; color: #00b0f0;font-weight: bold;padding-bottom: .25rem;margin-bottom: .32rem; line-height: 1.27; border-bottom: 1px solid #dcdcdc;}
.wb-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .48rem;height: .03rem;background-color: #00b0f0;}
.wb-intro{color: #666666;line-height: 2;min-height: 1.1rem;}
.wb-intro *{line-height: inherit;}
.wb-buttom{width: 100%;font-size: 0;}
.wb-one{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease .5s; margin-top: .3rem;margin-right: .2rem;min-width: 1.6rem;padding: 0 .15rem;text-align: center;	 background-color: #e7e7e7;border-radius: .25rem;}
.wb-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}
.wb-icon1{display: block;width: 1.25em;}
.wb-icon1 img{width: 100%;}
.wb-icon2{display: none;width: 1.25em;}
.wb-icon2 img{width: 100%;}
.wb-text{display: inline-block;vertical-align: middle;color: #555555;line-height: .5rem;}

.wb-one:hover{background-color: #00b0f0;}
.wb-one:hover .wb-icon1{display: none;}
.wb-one:hover .wb-icon2{display: block;}
.wb-one:hover .wb-text{color: #ffffff;}

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

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -500px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #02b1f0;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%;height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}

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

.wc-a{width: 100%;padding-top: .72rem; padding-bottom: .65rem;}
.wc-main{width: 14.4rem;margin: 0 auto;}
.wc-top{width: 100%;padding-bottom: .3rem;}
.wc-titles{width: 100%;position: relative;margin-bottom: .45rem;}
.wc-titles:before{content: '';position: absolute;top: 50%;left: 0;height: 1px; width: 100%;background-color: #eeeeee;}
.wc-titles span{display: inline-block;position: relative;z-index: 18;padding-right: .8rem; background-color: #fff; color: #333333;font-weight: bold;}
.wc-textbox{width: 100%;color: #555555;line-height: 2;padding-bottom: .5rem;}
.wc-textbox *{line-height: inherit;}
.wc-cont{width: 100%;font-size: 0;}
.wc-td:before{content: '';display: inline-block;vertical-align: middle;margin-right: .2rem; width: 5px;height: 5px;background-color: #00b0f0;}
.wc-cont ul li::marker {color: #00b0f0;}
.wc-cont ul li{margin-left: 16px;list-style-type: square;}
.wc-cont ul li p{color: #555555;line-height: 1.8;margin-bottom: 0.15rem;}
.wc-item{display: inline-block;vertical-align: top;width: 50%;padding-right: .3rem;margin-bottom: .3rem;}
.wc-name{color: #00b0f0;font-weight: bold;margin-bottom: .45rem;}
.wc-tr{width: 100%;}
.wc-td{width: 100%;color: #555555;line-height: 1.8;margin-bottom: .15rem;}

.wc-middle{width: 100%;padding-bottom: 1.15rem;}
.wc-table{width: 100%;padding-top: .3rem;}
.wc-table *{word-break: break-all;}
.wc-table table{width: 100%;border: solid 1px #e2edf7;}
.wc-table tr{width: 100%;border: none;background-color: #f9fcfe;}
.wc-table tr:nth-child(2n){background-color: #edf4fa;}
.wc-table td{ color: #555555;padding: .1rem .2rem .1rem 1rem;line-height: 1.8; border: none;border-bottom: solid 1px #e2edf7;border-right: solid 1px #e2edf7;}
.wc-table td:nth-child(2){padding-left: 1.8rem;}

.wc-bottom{width: 100%;cursor: pointer; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;flex-direction: row-reverse; background-color: #f5f5f5;border-radius: .1rem;}
.wc-bottom .my-more{min-width: 1.6rem;}
.wc-img{width: 62%;}
.wc-text{width: 38%;padding: .2rem .75rem;}
.wc-tip{color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;margin-bottom: .25rem;}
.wc-tip:before{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: .03rem;background-color: #00b0f0;}
.wc-intro{color: #555555;line-height: 1.5;margin-bottom: .85rem;}

@media(max-width:750px){   
    .wc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wc-item{width: 100%;}
    .wc-table td{padding: .1rem .2rem;}
    .wc-table td:nth-child(2){padding: .1rem .2rem;}

    .wc-img{width: 100%;}
    .wc-text{width: 100%;padding: .5rem .3rem;}
    .wc-intro{margin-bottom: .35rem;}
}

.wd-a{width: 100%;padding-top: .8rem;padding-bottom: .7rem;background-color: #f9f9f9;}
.wd-main{width: 14.4rem;margin: 0 auto;}
.wd-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: .5rem; }
.wd-titles{flex: 1;padding-right: .1rem; color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;}
.wd-titles:before{content: '';position: absolute;bottom: 0;left: 0;	width: .4rem;height: .03rem;background-color: #00b0f0;}
.wd-top .my-more{margin-top: .15rem;}

.wd-bottom{width: 100%;}
.wd-b{width: 100%;}
.wd-item{display: block; width: 18.7%;margin-right: 2%;}
.wd-item:last-child{margin-right: 0;}
.wd-link{display: block;cursor: pointer; width: 100%;}
.wd-img{width: 100%;position: relative;padding-top: calc(330/450*100%); overflow: hidden;border-radius: .1rem;}
.wd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wd-text{width: 100%;padding: .25rem 0;text-align: center;}
.wd-sort{color: #333333;line-height: 1.6;}
.wd-name{margin-bottom: .1rem; color: #333333;line-height: 1.45;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wd-name *{line-height: inherit;}
.wd-link:hover .wd-img img{transform: scale(1.05);}
.wd-link:hover .wd-name{color: #02b1f0;}


.wd-pagination{display: block;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.wd-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.wd-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

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


.home-cate{ padding: .2rem .1rem;}

.we-a{width: 100%;padding-top: .45rem;padding-bottom: 1.45rem;background-color: #f8f8f8;}
.we-form{width: 100%;}
.we-main{width: 14.4rem;margin: 0 auto;}
.we-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: .6rem; }
.we-titles{flex: 1;padding-right: .1rem;line-height: 1.3; color: #333333;font-weight: bold;position: relative;padding-bottom: .33rem;}
.we-titles:before{content: '';position: absolute;bottom: 0;left: 0;	width: .4rem;height: .03rem;background-color: #00b0f0;}
.we-rt{display: inline-block;position: relative;background-color: #ffffff;border-radius: .1rem;}
.we-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent;height: .6rem;width:6.2rem;color: #333;padding: 0 0 0 .3rem;}
.we-submit{display: inline-block;vertical-align: middle;border: none;background-color: transparent;cursor: pointer; width: .8rem;height: .6rem;background-image: url('../images/a40.png'); background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}

.we-bottom{width: 100%;padding-bottom: .5rem;}
.we-item{width: 100%;margin-bottom: .3rem;}
.we-b{width: 100%;display: block;cursor: pointer;font-size: 0; position: relative;padding: .2rem   .3rem; background-color: #ffffff;border-radius: .06rem;}
.we-b:after{content: '';position: absolute;top: 0;right: .3rem;width: .16rem;height: 100%;background-image: url('../images/a59.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.we-b .we-icon{display: inline-block;vertical-align: middle;width: .22rem;}
.we-b .we-icon1{display: block; width: 100%;line-height: 1.55em;}
.we-b .we-icon1 img{width: 100%;}
.we-b .we-icon2{display: none; width: 100%;line-height: 1.55em;}   
.we-b .we-icon2 img{width: 100%;}
.we-name{display: inline-block;vertical-align: middle;width: calc(100% - .8rem);padding-left: .4rem; color: #333333;line-height: 1.55;}

.we-sub{display: none;width: 100%;padding:.25rem .3rem .1rem;}
.we-cont{width: 100%;font-size: 0;}
.we-cont .we-icon{display: inline-block;vertical-align: middle;width: .22rem;line-height: 2.25em;}
.we-cont .we-icon img{width: 100%;}
.we-textbox{display: inline-block;vertical-align: top;width: calc(100% - .8rem);padding-left: .4rem;line-height: 2.25;color: #666666;}
.we-textbox *{line-height: inherit;}

.we-item.show  .we-b  {background-color: #00b0f0;}
.we-item.show  .we-b .we-icon1{display: none;}
.we-item.show  .we-b .we-icon2{display: block;}
.we-item.show  .we-name{color: #ffffff;}
.we-item.show  .we-b:after{background-image: url('../images/a59-b.png');}

@media(max-width:750px){   
    .we-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .we-input{width: 3rem;}
    .we-titles{font-size: 18px;}
}

.wf-a{width: 100%;padding-top: .45rem;padding-bottom: .8rem;}
.wf-a .my-titles{margin-bottom: .5rem;}
.wf-main{width: 14.4rem;margin: 0 auto;}
.wf-cont{width: 100%;position: relative;font-size: 0;}
.wf-b{width: 100%;}
.wf-item{display: inline-block;vertical-align: top; width: 14.28%;position: relative;}
.wf-link{display: block;width: 100%;padding: 0 .15rem ;text-align: center;}
.wf-link:after{content: '';position: absolute;top: 0;right: -.1rem;width: .2rem;height: .9rem;background-image: url('../images/a60.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wf-item:last-child .wf-link:after{display: none;}
.wf-icon{width: 100%;margin-bottom: .3rem;}
.wf-icon1{display: inline-block;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%; text-align: center;border: solid 1px #dcdcdc;}
.wf-icon1 img{max-width: 40%;max-height: 40%;}
.wf-icon2{display: none;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%;text-align: center;border: solid 1px #00b0f0;background-color: #00b0f0;}
.wf-icon2 img{max-width: 40%;max-height: 40%;}

.wf-text{width: 100%;}
.wf-name{color: #555555;line-height: 1.55;}

.wf-item:hover .wf-link:after{background-image: url('../images/a60-b.png');}
.wf-item:hover .wf-icon1{display: none;}
.wf-item:hover .wf-icon2{display: inline-block;}
.wf-item:hover .wf-name{color: #00b0f0;}

.wf-pagination{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.wf-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.wf-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

@media(max-width:750px){   
    .wf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wf-item{width: 25%;margin-bottom: .3rem;}
    .wf-item:nth-child(4n) .wf-link:after{display: none;}
    .wf-name{font-size: 12px;}
    .wf-pagination{display: block;}
}

.wg-a{width: 100%;padding-top: .98rem;padding-bottom: .1rem;}
.wg-main{width: 14.4rem;margin: 0 auto;}
.wg-cont{width: 100%;font-size: 0;}
.wg-item{display: inline-block;vertical-align: top;margin-bottom: .9rem; width: 47.22%;margin-right: 5.56%;}
.wg-item:nth-child(2n){margin-right: 0;}
.wg-titles{width: 100%;position: relative;margin-bottom: .5rem;}
.wg-titles:before{content: '';position: absolute;top: 50%;left: 0;height: 1px; width: 100%;background-color: #eeeeee;}
.wg-titles span{display: inline-block;position: relative;z-index: 18;padding-right: .23rem; background-color: #fff; color: #333333;font-weight: bold;}
.wg-one{width: 100%;}
.wg-two{width: 100%;}
.wg-three{width: 100%;}
.wg-four{width: 100%;background-color: #f7f7f7;border-radius: .1rem;overflow: hidden;}
.wg-textbox{color: #555555;line-height: 2;padding-bottom: .3rem;}
.wg-textbox *{line-height: inherit;}
.wg-textbox2{color: #555555;line-height: 2;padding-bottom: .3rem;}
.wg-textbox2 *{line-height: inherit;}
.wg-textbox2 p{position: relative;margin-bottom: .15rem;}
.wg-textbox2 p:before{content: '';display: inline-block;vertical-align: middle;margin-right: .25rem; width: 5px;height: 5px;background-color: #00b0f0;}
.wg-img{width: 100%; }
.wg-img img{width: 100%;border-radius: .1rem;}

.wg-table{width: 100%;padding: .35rem .1rem .35rem  .3rem;}
.wg-table table{width: 100%; border: none; }
.wg-table tr{width: 100%;border: none;color: #555555;background-color: #e9e9e9;border-radius: .05rem;}
.wg-table td{width: auto !important;border: none;padding: .15rem .2rem; line-height: 1.8; }
.wg-table tr:nth-child(2n){background-color: transparent;}
.wg-table td *{line-height: inherit;}

.wg-a .mCSB_scrollTools{opacity: 1;width: .1rem;}
.wg-a .mCSB_scrollTools .mCSB_draggerRail{width: .1rem;background-color: #efefef;filter: none;-ms-filter: none;}
.wg-a .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: .1rem;background-color: #e0e0e0;border-radius: .05rem;filter: none;-ms-filter: none;}
.wg-a .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.wg-a .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #e0e0e0;filter: none;-ms-filter: none;}
.wg-a .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #e0e0e0;filter: none;-ms-filter: none;}
.wg-a .mCSB_inside>.mCSB_container{margin-right:  .2rem;}

@media(min-width:750px){
    .wg-one{max-height: 6.8rem;}
    /* .wg-one .wg-textbox{min-height: 2.9rem;} */
    .wg-two{max-height: 6.8rem;}
    /* .wg-two .wg-textbox2{min-height: 2.9rem;} */
    .wg-three{max-height: 6.8rem;}
    /* .wg-three .wg-textbox2{min-height: 2.9rem;} */
    .wg-four{max-height: 6.8rem;}
}

@media(max-width:750px){   
    .wg-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wg-item{width: 100%;margin-right: 0;}
    .wg-table{padding: .3rem 10px;}
}

.wh-a{display: none; position: fixed;top: 0;left: 0;z-index: 288; width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
.wh-a.show{display: block;}
.wh-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 1000px;}
.wh-cont{width: 100%;background-color: #fff;}
.wh-iframe{width: 100%;height: 80vh;}
.wh-close{display: block;width: 40px;height: 40px;background-color: #02b1f0;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.wh-span{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}

@media(max-width:1200px){  
    .wh-main{width: 90vw;}
}


/* 

.b-pagination{display: none;position: relative; margin-top: .5rem; width: 100%;font-size: 0;}
.b-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 8px;height: 8px;opacity: 1;background-color: #ccc;}
.b-pagination .swiper-pagination-bullet-active{background-color: #00b0f0;}

pagination: '.b-pagination',
color: #02b1f0;
background-color: rgba(0,176,240,.95);

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

position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;
transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;

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

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

*/