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(../image/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

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

html {font-size: 100px;}

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

/* 入场动画 */
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}  


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



.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 288;border-bottom: 1px solid rgba(255,255,255,.2); width: 100%;height: 1.1rem;}
.h-a{width: 100%;}
.h-cont{width: 18rem;margin: 0 auto;}
.h-left{float: left;}
.h-logo{display: block;cursor: pointer;}
.h-img1{display: block; line-height: 1.1rem;height: 1.1rem;}
.h-img1 img{max-width: none;height: 33.7%;}
.h-img2{display: none; line-height: 1.1rem;height: 0.5rem;}
.h-img2 img{max-width: none;height: 90%;}
.h-right{float: right;}
.h-h{display: inline-block;vertical-align: middle; font-size: 0;}
.h-i{display: inline-block;cursor: pointer;position: relative; padding:  0 .3rem; }
.h-j{display: inline-block;  color: #f5f7f7;line-height: 1.1rem;position: relative;}  
.h-sub {display: none;width: 120px; background-color: #fff; position: absolute;left: 50%;top:1.1rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center;font-size: 14px;color: #666;transition: background-color .3s;}
.h-sub>li>a:hover {background-color: #0066ef; color: #fff;}

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

.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;} 

.h-sub2{display: none;position: absolute;left: 50%;top:1.1rem;padding-top: 14px; transform: translate(-50% ,0); width: 6.8rem;  z-index: 1000;}
.h-sub2:before{content: '';position: absolute;top: 7px;left: 50%;margin-left: -8px; width: 16px;height: 7px;background-image: url('../image/c1.png');background-size: auto 7px;background-position: center center;background-repeat: no-repeat;}

.hb-cont{width: 100%;padding: .6rem .9rem ; background-color: #fff; }
.hb-item{display: inline-block;vertical-align: top;width: calc(50% - .77rem);margin-right: 1.15rem;}
.hb-item:nth-child(2n){margin-right: 0;}
.hb-one{display: inline-block; width: 100%;color: #333333;padding-bottom: .18rem;margin-bottom:  .2rem; border-bottom: 1px solid #cccccc;}
.hb-list{display: inline-block;}
.hb-two{display: block;cursor: pointer;color: #666666;line-height: 2.12;}   
.hb-two:hover{color: #0066ef;}

 
@media(min-width: 1200px) { 
    .hb-two.active{color: #0066ef;}
    .hb-item.active .hb-one{color: #0066ef;border-bottom: 1px solid #0066ef;}
}
@media(max-width: 1200px) { 
    .h-sub2:before{display: none;}
    .h-i.has-nav2:after {content: "";background-image: url('../image/a-right.png');background-size: 18px 18px;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-nav2.show:after {background-image: url('../image/a-down.png');}
    .h-sub2 {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .hb-cont{padding: .25rem 20px  ;}
    .hb-item{width: 100%;margin-right: 0;margin-bottom: .3rem;}
    .hb-item:last-child{margin-bottom: 0;}
    .hb-two{width: 100%;display: block;padding: 0 15px;line-height: 30px;}
}

/* .header.fixed{background-color: #0066ef;} */

.h-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: 1.1rem;height: 1.1rem;background-image: url('../image/a-menu.png');background-size: .6rem auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 10;cursor: pointer;}
 
.header.fixed  {border-bottom: 1px solid #bfc1c8;background-color: #fff;}
.header.fixed .h-img1{display: none;}
.header.fixed .h-img2{display: block;}
.header.fixed .h-j{color: #222222;}
.header.fixed .h-search {background-image: url('../image/a2-b.png');}
.header.fixed .h-menu{background-image: url('../image/a-menu-b.png');}


/* body.solution{padding-top: 1.1rem;} */
body.solution .h-search {background-image: url('../image/a2-b.png');}
body.solution .h-menu{background-image: url('../image/a-menu-b.png');}

body.solution .header{background-color: rgba(255,255,255,.2);}
body.solution .header.fixed{background-color: rgba(255,255,255,.2);}
body.solution .header{border-bottom: 1px solid transparent;}
body.solution .h-img1{display: none;}
body.solution .h-img2{display: block;}
body.solution .h-j{color: #222222;}

body.solution .h-search {background-image: url('../image/a2-b.png');}
body.solution .h-menu{background-image: url('../image/a-menu-b.png');}

@media(min-width: 1200px) {  
    body.solution .h-i.active .h-j {color: #0066ef;}
    body.solution .h-i:hover .h-j {color: #0066ef;} 

   .header.fixed .h-i.active .h-j {color: #0066ef;}
   .header.fixed .h-i:hover .h-j {color: #0066ef;}  
}
@media(max-width: 1200px) {  
    .h-cont{width: 100%;padding-left: 10px;padding-right: 10px;}

    .h-h {width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0 !important;margin: 0 !important;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
    .h-i.has-nav:after {content: "";background-image: url('../image/a-right.png');background-size: 18px 18px;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-image: url('../image/a-down.png');}
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li>a {text-align: left;padding-left: 40px;color: #666;} 

    .h-right{margin-right: 1.1rem;} 
    .h-k{margin-left: 0;}

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

@media(max-width:750px) {  
    .hs-text{width: 5rem;height: 35px;}
    .hs-submit{height: 35px;}

     
    body.solution{padding-top: 1.1rem;} 
    body{padding-top: 1.1rem;}
    .header  {border-bottom: 1px solid #bfc1c8;background-color: #fff;}
    .header .h-img1{display: none;}
    .header .h-img2{display: block;}
    .header .h-j{color: #222222;}
    .header .h-search {background-image: url('../image/a2-b.png');}
    .header .h-menu{background-image: url('../image/a-menu-b.png');}
}


.f-a{width: 100%;background-image: url('../image/b2.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.f-list{width: 16rem;margin: 0 auto;}
.f-cont{width: 100%;padding: 1.2rem 0 1.25rem; border-bottom: 1px solid rgba(255,255,255,.1);}
.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;}
.f-item{display: inline-block;vertical-align: top;padding-right: .65rem;}
.f-item:last-child{margin-right: 0;}
.f-b{display: block;color: #ffffff;line-height: 1.3;margin-bottom: .3rem;}
.f-c{display: inline-block;}
.f-link{display: block;cursor: pointer;line-height: 2.4;color:rgba(255,255,255,.65);}
.f-link:hover{color: #fff;}

.f-right{float: right;}
.f-tip{display: block;color: rgba(255,255,255,.65);line-height: 1.3;margin-bottom: .3rem;}
.f-phone{display: block; color: #00b5ff;font-weight: bold;margin-bottom: .3rem;}
.f-share{display: block;}
.f-d{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem;margin-bottom: .2rem;	width: .52rem;height: .52rem;border-radius: 50%;text-align: center;line-height: .52rem;background-color: rgba(255,255,255,.1); }
.f-d img{max-width: 50%;max-height: 50%;}
.f-d:hover{background-color: #0066ef;}

.f-bottom{width: 100%;padding: .35rem 0;}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-e{float: left;color:rgba(255,255,255,.65);line-height: 1.7;}
.f-f{float: right;display: block;cursor: pointer; color:rgba(255,255,255,.65);line-height: 1.7;}
.f-codes{width: 100%;font-size: 0;padding-top: .1rem;}
.f-code{display: inline-block;text-align: center;margin-right: .15rem;}
.f-code:last-child{margin-right: 0;}
.f-img{display: inline-block; width: 1rem;min-width: 80px;margin-bottom: .15rem;}
.f-img img{width: 100%;}
.f-text{color: rgba(255,255,255,.65);}

@media(max-width:1200px){
    .f-item{padding-right: .35rem;}
}

@media(max-width:900px){
    .f-list{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .f-cont{padding: .6rem 0;}
    .f-left{width: 100%;margin-bottom: .25rem;}
    .f-item{width: 100%;padding-right: 0;}
    .f-c{width: 100%;}
    .f-link{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .15rem;} 
    .f-right{width: 100%;}
    .f-code{margin-right: 15px;}
}

.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin-top: .55rem; width: 16rem;}
.banner-titles{	color: #ffffff;margin-bottom: .35rem;}
.banner-intro{color: #ffffff;line-height: 1.7;max-width: 30em;}
.banner-textbox{width: 100%;color: #ffffff;line-height: 1.5;margin-top: .7rem;}
.banner-textbox *{line-height: inherit;}

.banner-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: .3rem;left: 50%;z-index: 98; margin-left: -.15rem; width: .3rem;height: .4rem;background-image: url('../image/a5.png'); background-size: auto .3rem ;background-position: center center;background-repeat: no-repeat;}
.banner-video{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); display: block;cursor: pointer; width: .67rem ;height: .68rem;background-image: url('../image/a34.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}

.banner.color .banner-titles{color: #333333;}
.banner.color .banner-intro{color: #333333;}
@media(max-width:900px) { 
    .banner-text{width: 100%;padding: 0 10px;padding-right: .7rem;}
    .banner-mouse{display: none;}
    
}

@media(max-width:500px) {  
    .banner-img img{height: 200px;object-fit: cover;}

    body.product .banner-text{padding: 1.5rem 10px .4rem;margin-top: 0; position: static;z-index: 18;transform: translate(0,0);}
    body.product .banner-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    body.product .banner-img img{height: 100%;} 
    body.product .banner-textbox{margin-top: .35rem;} 
}


.nav{width: 100%;overflow: hidden; background-color: #fff;position: relative; border-bottom: 1px solid #eeeeee;} 
.nav-cont{width: 16rem;margin: 0 auto;background-color: #fff;z-index: 188;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;font-size: 0;}
.nav-index{display: inline-block;vertical-align: middle;margin-right: .35rem; width: .18rem;height: .7rem;background-image: url('../image/a15.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.nav-link {display: inline-block;vertical-align: middle;cursor: pointer; color: #222222;line-height: .7rem;}
.nav-a {display: inline-block;vertical-align: middle;color: #222222;margin: 0 .1rem;}
.nav-right{float: right;font-size: 0;}
.nav-item{display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 1.4rem;}
.nav-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}
.nav-icon1{display: block;width: .24rem;height: .24rem;text-align: center;line-height: .24rem;}
.nav-icon1 img{max-width: 100%;max-height: 100%;}
.nav-icon2{display: none;width: .24rem;height: .24rem;text-align: center;line-height: .24rem;}
.nav-icon2 img{max-width: 100%;max-height: 100%;}
.nav-text{display: inline-block;vertical-align: middle;line-height: .7rem;color: #222222;}

/* .nav-item:hover .nav-icon1{display: none;}
.nav-item:hover .nav-icon2{display: block;} */
.nav-item:hover .nav-text{color: #0066ef;}
/* .nav-item.active .nav-icon1{display: none;}
.nav-item.active .nav-icon2{display: block;} */
.nav-item.active .nav-text{color: #0066ef;}

.nav-cont.fixed{position: fixed;top: 1.1rem;left: 50%;transform: translate(-50%,0);}

body.product .nav-right{width: 100%;text-align: center;}
body.product .nav-icon1{width:.4rem;height: .3rem;line-height: .3rem;}
body.product .nav-icon2{width:.4rem;height: .3rem;line-height: .3rem;}
body.product .nav-item{width: 16.66%;margin-left: 0;text-align: center;}

@media(max-width:1100px) { 
    .nav-text{font-size: 12px;}
}
@media(min-width:900px) { 
    .nav-cont.fixed:before{content: '';position: absolute; top: 0;left: 50%;transform: translate(-50%,0);  width: 1990rem;height: calc(100% + 1px );background-color: #fff;border-bottom: 1px solid #eeeeee;}

}
@media(max-width:900px) { 
    .nav-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .nav-left{width: 100%;}
    .nav-right{width: 100%;text-align: center;}
    .nav-item{width: auto !important; margin: 0 .25rem .15rem;}
    .nav-text{font-size: 12px;}

    .nav-cont{white-space: nowrap;overflow: auto;} 
    body.product .nav-item{width: auto !important;margin: 0 .25rem .15rem;text-align: center;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;min-width: 3em;height: 3em;line-height: 3em; border-radius: 50%; margin: 0 .05rem .1rem;color: #cccccc;font-weight: bold; }
.paging-link{display: inline-block;vertical-align: middle;cursor: pointer;min-width: 3em;height: 3em;line-height: 3em;border-radius: 50%; margin: 0 .05rem .1rem;color: #666666;  }
.paging-b{display: inline-block;vertical-align: middle; min-width: 3em;height: 3em;line-height: 3em;border-radius: 50%; margin: 0 .05rem .1rem;color: #666666;  }
.paging-a:hover{color: #0066ef;}
.paging-link:hover{background-color: #0066ef;color: #ffffff;}
.paging-link.active{background-color: #0066ef;color: #ffffff;}

.paging-a,.paging-link,.paging-b{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-link,.paging-b{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-link,.paging-b{font-size: 12px;}
}

.a-a{width: 100%;position: relative;overflow: hidden;}
.a-b{width: 100%;}
.a-item{width: 100%;}
.a-c{display: block;cursor: pointer; width: 100%;}
.a-c img{width: 100%;}
.a-video{width: 100%;}
.a-pagination{ position: absolute;top: 50%;right: .28rem;padding: 2.7rem 0;margin-top: .55rem;  transform: translate(0,-50%); width: .66rem;text-align: center;}
.a-pagination:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 2.4rem;background-color: #f5f7f7;}
.a-pagination:after{content: '';position: absolute;bottom:  0;left: 50%;width: 1px;height: 2.4rem;background-color: #f5f7f7;}

.a-pagination .swiper-pagination-bullet{display: block;opacity: 1;margin: .2rem 0;background-color: transparent;border-radius: 50%; width: 100%;height: 4px;position: relative;}
.a-pagination .swiper-pagination-bullet:before{content: '';transition: all .3s; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .16rem;height: 2px;background-color: #f5f7f7;}
.a-pagination .swiper-pagination-bullet-active:before{width: 100%;height: 4px;}


.a-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: .3rem;left: 50%;z-index: 98; margin-left: -.15rem; width: .3rem;height: .4rem;background-image: url('../image/a5.png'); background-size: auto .3rem ;background-position: center center;background-repeat: no-repeat;}
  

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

}

@media(max-width:1200px){
    .a-pagination{padding: 0;margin-top: .55rem;}
    .a-pagination:before{display: none;}
    .a-pagination:after{display: none;} 
}

@media(max-width:900px) { 
    .a-mouse{display: none;}
} 
@media(max-width:450px) {  
    .a-c img{height: 200px;object-fit: cover;}
}

.b-a{width: 100%;}
.b-top{width: 16rem;margin: 0 auto;padding: 1.5rem 0 .7rem;}
.b-titles{color: #000000;margin-bottom: .4rem;}
.b-intro{color: #666666;line-height: 1.3;}
.b-cont{width: 100%;position: relative;}
.b-imgs{width: 100%;}
.b-img{display: none; width: 100%;padding-top: 39%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-img.show{display: block;}
.b-list{position: absolute;bottom: 0;left: 0;width: 100%;}
.b-navs{width: 16rem;margin: 0 auto;font-size: 0; }
.b-nav{z-index: 8; position: relative;display: inline-block;vertical-align: bottom;cursor: pointer;padding: .35rem .15rem .85rem; text-align: center; border-right: 1px solid rgba(255,255,255,.2);   width: 25%;}
.b-nav:after{content: '';position: absolute;bottom: .2rem;left: 0;width: 100%;height: .4rem;background-image: url('../image/a6.png');background-size: auto .4rem;background-position: center center;background-repeat: no-repeat;}
.b-nav:before{content: '';display: none; position: absolute;left: 0;top: -.5rem; width: 100%;height: .55rem;background-image: url('../image/a8.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.b-icon{display: none;width: 100%;}
.b-icon img{max-width: none;height: .4rem;}
.b-b{width: 100%;color: #ffffff;margin-bottom: .1rem;}
.b-c{color: #ffffff;line-height: .28rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.b-nav.active { background-image: url('../image/a9.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-nav.active .b-icon{display: block;margin-bottom: .4rem;}
.b-nav.active .b-b{font-size: calc(32 * 100vw / 1920);}
.b-nav.active .b-c{-webkit-line-clamp: 2;margin-top: .2rem;}   
.b-nav.active:after{background-image: url('../image/a7.png');}
@media(max-width:1200px){
    .b-c{line-height: 1.3;}
}

@media(min-width:900px) { 
   .b-nav.active:before{display: block;}
   .b-list:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1.9rem; background-color: rgba(0,0,0,.5);}
}
@media(max-width:900px) {
    .b-top{width: 100%;padding-left: 10px;padding-right: 10px;padding-top: .6rem;padding-bottom: .6rem;} 
    .b-navs{width: 100%;min-width: 500px;  } 
    .b-nav{border: none;white-space: normal;}
    .b-b{font-size: 14px;}
    .b-c{font-size: 12px;}
    .b-nav.active .b-b{font-size: 16px;}
    .b-list{position: relative;width: 100%;white-space: nowrap;overflow: auto; background-color: rgba(0,0,0,.8);}
}


.c-a{width: 100%;padding-top: 1.5rem;padding-bottom: .88rem;}
.c-b{width: 16rem;margin: 0 auto;}
.c-top{width: 100%;margin-bottom: .7rem;}
.c-titles{color: #000000;margin-bottom: .4rem;}
.c-intro{color: #666666;line-height: 1.3;}
.c-cont{width: 100%;font-size: 0;position: relative;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;margin-bottom: .5rem; width: 4.93rem;margin-right: .6rem;}
.c-item:nth-child(3n){margin-right: 0;}
.c-img{width: 100%;}
.c-img img{width: 100%;}
.wxy-item {width: 7.7rem;height: 6.2rem;margin-right: .6rem;margin-bottom: .6rem;}
.wxy-item:nth-child(2n){margin-right: 0 !important;}
.wxy-item:nth-child(2n - 1){margin-right: .6rem !important;}
.wxy-item .c-img {height: 6.2rem;}
.wxy-item .c-img img{height: 6.2rem;}
/* .c-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;margin-bottom: .5rem; width: 7.7rem;height: 6.2rem;margin-right: .6rem;margin-bottom: .6rem;} */
/* .c-item:nth-child(2n){margin-right: 0;} */
/* .c-img{width: 100%; height: 6.2rem;} */
/* .c-img img{width: 100%; height: 6.2rem;} */
.c-nub{position: absolute;top: .6rem;left: .5rem;letter-spacing: .08rem;color: #ffffff;}
.c-nub:before{content: '';position: absolute;bottom: -.3rem;left: 0;width: .2rem;height: .05rem;background-color: #ffffff;}
.c-text{position: absolute;bottom: 0;right: 0;transition: all .5s; width: 83.7%;padding: .4rem;background-color: #f8f8f8;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.c-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.c-name{color: #000000;line-height: 1.3; padding-bottom: .3rem;position: relative;}
.c-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
.c-c{ color: #ffffff;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.c-container{width: 100%;}
.c-container .c-item{ margin-right: .6rem !important;}
.c-container .c-item:last-child{margin-right: 0 !important;} 
.c-pagination{position: absolute; bottom: -.3rem;left: 0; width: 100%;text-align: center; font-size: 0;}
.c-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: .8rem;border-radius: 0; opacity: .3;height: 3px;background-color: #0066ef;}
.c-pagination .swiper-pagination-bullet-active{opacity: 1;}

.c-a .c-item:hover .c-text{background-image: url('../image/b7.jpg');}
.c-a .c-item:hover .c-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.c-a .c-item:hover .c-name{color: #ffffff;margin-bottom: .35rem;}
.c-a .c-item:hover .c-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.c-a .c-item:hover .c-c{display: -webkit-box;}

.k-a .c-item:hover .c-text{background-image: url('../image/b7.jpg');}
.k-a .c-item:hover .c-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.k-a .c-item:hover .c-name{color: #ffffff;margin-bottom: .35rem;}
.k-a .c-item:hover .c-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.k-a .c-item:hover .c-c{display: -webkit-box;}

@media(max-width:900px){
    .c-a{padding-top: .6rem;padding-bottom: .3rem;}
    .c-top{margin-bottom: .3rem;}
    .c-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .c-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .c-item:nth-child(3n){margin-right: .3rem;}
    .c-item:nth-child(2n){margin-right: 0;}
    .c-nub{top: .25rem;left: .25rem;}
    .c-text{width: 90%;}
    .c-name{font-size: 14px;}
    .c-c{-webkit-line-clamp: 2;}

    .c-pagination{bottom: 0;}
}

.d-a{width: 100%;padding-top: 1.2rem;padding-bottom: .98rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-b{width: 100%;margin: 0 auto;}
.d-cont{width: 100%;font-size: 0;}
.d-left{display: inline-block;vertical-align: top;width: 55%;padding-left: 1.6rem;padding-right: 1.28rem;}
.d-titles{color: #ffffff;margin-bottom: .4rem;}
.d-intro{color: #ffffff;line-height: 1.3;margin-bottom: 1rem;}
.d-list{width: 100%;}
.d-item{display: none;width: 100%;}
.d-item.show{display: block;}
.d-name{color: #ffffff;position: relative;padding-bottom: .33rem;margin-bottom: .35rem;}
.d-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ffffff;}
.d-textbox{width: 100%;color: #ffffff;line-height: 1.75;min-height: 2.5rem;padding-bottom: .3rem;}
.d-textbox *{line-height: inherit;}
.d-textbox p{margin-bottom: .35rem;}
.d-more{display: inline-block;cursor: pointer;padding: .22rem .5rem;background-color: #0066ef;color: #ffffff;}

.d-right{display: inline-block;vertical-align: top;position: relative; width: 45%;padding-bottom: .6rem;}
.d-c{width: 100%;}
.d-nav{width: 4.93rem;margin-right: .6rem;}
.d-d{display: block;cursor: pointer;padding: 6% 0; overflow: hidden; width: 88%;position: relative;}
.d-img{width: 100%; }
.d-img img{width: 100%;}
.d-text{position: absolute;bottom: 0;right: 0;  width: 83.7%;padding: .4rem;background-color: #f8f8f8;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.d-e{color: #000000;padding-bottom: .3rem;position: relative;}
.d-e:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
.d-f{ color: #ffffff;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.d-d:hover .d-text{background-image: url('../image/b7.jpg');}
.d-d:hover .d-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.d-d:hover .d-e{color: #ffffff;margin-bottom: .35rem;}
.d-d:hover .d-e:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.d-d:hover .d-f{display: -webkit-box;}


.d-nav.swiper-slide-active .d-d{width: 100%;padding:0;}

.d-pagination{position: absolute; bottom: 0;left: 0; width: 80%; font-size: 0;}
.d-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: 1.4rem;border-radius: 0; opacity: .3;height: 3px;background-color: #ffffff;}
.d-pagination .swiper-pagination-bullet-active{opacity: 1;}
.d-pagination.hide{display: none;}
@media(max-width:900px){
    .d-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .d-intro{margin-bottom: .45rem;}
    .d-left{width: 100%;padding: 0 0 .3rem;}
    .d-right{width: 100%;}
    .d-nav {width: calc(70% - .15rem);margin-right: .3rem;}
    .d-nav  .d-d{width: 100%;padding:0;}
    .d-text{width: 90%;}
}

.e-a{width: 100%;position: relative;padding: 1.5rem 0;background-color: #fcf6f8; }
.e-b{width: 100%;margin: 0 auto;}
.e-img{position: absolute;top: 0;right: 0;z-index: 8; width: auto;height: 100%;}
.e-img img{height: 100%;max-width: none;}
.e-cont{width: 100%;padding-left: 1.6rem;position: relative;z-index: 18;}
.e-titles{color: #000000;margin-bottom: .4rem;}
.e-textbox{width: 100%;max-width: 44em;color: #666666;line-height: 2;padding-bottom: .4rem;}
.e-textbox *{line-height: inherit;}
.e-textbox P{margin-bottom: .2rem;}
.e-list{width: 100%;font-size: 0;padding-bottom: .6rem;}
.e-item{display: inline-block;vertical-align: bottom;position: relative; padding-right: .4rem;margin-right: .4rem;margin-bottom: .4rem;}
.e-item:after{content: '';position: absolute;bottom: .4rem;right: 0;	width: 1px;height: .4rem;background-color: #e5e5e5;}
.e-item:last-child:after{display: none;}
.e-tip{color: #062369;margin-bottom: .1rem;}
.e-nub{margin-bottom: .15rem;}
.e-nub1{color: #062369;margin-right: .1rem;font-weight: bold;}
.e-nub2{color: #062369; font-weight: bold;}
.e-b{color: #666666;line-height: 1.3;}
.e-more{display: inline-block;cursor: pointer;padding: .22rem .5rem;background-color: #0066ef;color: #ffffff;}


@media(max-width:900px){
    .e-a{padding: .6rem 0;}
    .e-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .e-img{position: static;width: 100%;height: auto;margin-bottom: .35rem;}
    .e-img img{width: 100%;height: auto;}
    .e-cont{padding-left: 0;}
    .e-item{width: 50%;padding-right: 0;margin-right: 0;}
    .e-item:after{display: none;}

}


.g-a{width: 100%;padding: 1.2rem 0  ;}
.g-b{width: 16rem;margin: 0 auto;}
.g-top{width: 100%;position: relative;margin-bottom: .7rem;}
.g-tiles{color: #000000;margin-bottom: .4rem;}
.g-intro{line-height: 1.3;color: #666666;}
.g-navs{position: absolute;top: 50%;right: 0;font-size: 0;}
.g-nav{display: inline-block;vertical-align: top;margin-left: .8rem;cursor: pointer;color: #666666;padding-bottom: .35rem;border-bottom: .04rem solid transparent;}
.g-nav.active{color: #000000; border-bottom: .04rem solid #0066ef;}
.g-cont{width: 100%;}
.g-item{display: none;width: 100%;font-size: 0;}
.g-item.show{display: block;}
.g-one{display: inline-block;vertical-align: top; cursor: pointer;position: relative;overflow: hidden; padding-bottom: .5rem;border-bottom: .03rem solid #dcdcdc; width: 3.7rem;margin-right: .4rem;margin-bottom: .3rem;}
.g-one:nth-child(4n){margin-right: 0;}
.g-img{width: 100%;margin-bottom: .35rem;}
.g-img img{width: 100%;}
.g-text{width: 100%;}
.g-c{margin-bottom: .2rem; color: #000000;line-height: 1.4;height: 2.8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.g-d{color: #666666;line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.g-more{display: block;margin-top: .55rem;color: #666666;}
.g-sub{position: absolute;bottom: -110%;left: 0;transition: all .5s; width: 100%;height: 100%;padding: .4rem ; background-image: url('../image/b11.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-time1{color: #ffffff;font-weight: bold;margin-bottom: .2rem;}
.g-time2{color: #ffffff;margin-bottom: .5rem;}
.g-e{margin-bottom: .2rem; color: #fff;line-height: 1.4;height: 2.8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.g-f{ color: #fff;line-height: 1.6;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.g-g{position: absolute;bottom: .5rem;left: 0;padding: 0 .4rem; color: #ffffff;}

.g-one:hover{border-bottom: .03rem solid transparent;}
.g-one:hover .g-sub{bottom: 0;}


@media(max-width:900px){
    .g-a{padding: .6rem 0;}
    .g-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .g-nav{margin-left: .25rem;}
    .g-one{width: calc(50% - .15rem);margin-right: .3rem;}
    .g-one:nth-child(2n){margin-right: 0;}
    .g-sub{padding: .2rem .25rem;}
    .g-g{padding: 0 .25rem;}
}


 

.i-a{width: 100%;padding-top: 1.4rem;padding-bottom: .97rem; background-image: url('../image/b16.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.i-b{width: 16rem ; margin: 0 auto;}
.i-top{width: 100%;position: relative;}
.i-top:after{content: '';position: absolute;top: -.58rem;left: -.4rem; width: 1.94rem;height: 1.94rem;background-image: url('../image/a13.png'); background-size: 1.92rem auto;background-position: center center;background-repeat: no-repeat;}
.i-titles{display: inline-block;position: relative;z-index: 18; color: #000000;margin-bottom: .4rem;}
.i-titles:after{content: '';position: absolute;top: -.27rem;right: -.54rem; width: .54rem;height: .54rem;background-image: url('../image/a14.png'); background-size: .52rem auto;background-position: center center;background-repeat: no-repeat;}
.i-intro{position: relative;z-index: 18;color: #666666;line-height: 1.3;}

.i-cont{width: 100%;margin-top: .7rem;margin-bottom: .8rem;}
.i-item{display: block;cursor: pointer;width: 100%;font-size: 0; padding: .27rem .4rem; background-color: #fff;margin-bottom: .02rem;}
.i-left{display: inline-block;vertical-align: middle;width: 60%;}
.i-name{width: 100%;color: #666666;line-height: 1.3;}
.i-right{display: inline-block;vertical-align: middle;width: 40%;text-align: right;}
.i-c{display: inline-block;vertical-align: middle;border-right: 1px solid #cccccc;padding-right: .5rem;margin-right: .5rem;}
.i-icon{display: inline-block;vertical-align: middle;width: .18rem;margin-right: .15rem;}
.i-icon img{width: 100%;}
.i-text{display: inline-block;vertical-align: middle;color: #666666;line-height: 2.25;}
.i-time{display: inline-block;vertical-align: middle;color: #888888;line-height: 2.25;}
.i-item:hover{background-color: #0066ef;}
.i-item:hover .i-name{ color: #fff;}
.i-item:hover .i-text{ color: #fff;}
.i-item:hover .i-time{ color: #fff;}

@media(max-width:900px){ 
    .i-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .i-left{width: 100%;margin-bottom: .15rem;}
    .i-right{width: 100%;text-align: left;}
    .i-text{line-height: 1.5;}
    .i-time{line-height: 1.5;}
}

.j-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;  }
.j-b{width: 16rem ; margin: 0 auto;}
.j-top{width: 100%;position: relative;}
.j-a .i-top:after{display: none;}
.j-a .i-titles:after{display: none;} 
.j-cont{width: 100%;padding-top: .7rem;}
.j-form{width: 100%;}
.j-list{width: 100%;}
.j-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.j-left{float: left;}
.j-item{display: block;font-size: 0;margin-bottom: .2rem;}
.j-tip{display: inline-block;vertical-align: top;width: 1.3rem;line-height: .6rem;color: #333333;}
.j-tip span{color: #ff0000;}
.j-c{display: inline-block;vertical-align: top;width: 6.3rem;}
.j-d{width: 100%;height: .6rem;padding: 0 .2rem;color: #333333; background-color: #f6f6f6;border: solid 1px #dddddd;}
.j-d:hover{	background-color: #ffffff;box-shadow: 2px 2px 7px 0px rgba(0, 102, 239, 0.32);border: solid 1px #0066ef;}
.j-right{float: right;}
.j-textarea{width: 100%;height: 2.2rem;padding: .1rem .2rem;line-height: 1.6; color: #333333; background-color: #f6f6f6;border: solid 1px #dddddd;}
.j-textarea:hover{	background-color: #ffffff;box-shadow: 2px 2px 7px 0px rgba(0, 102, 239, 0.32);border: solid 1px #0066ef;}
.j-buttom{width: 100%;padding-left: 1.3rem;padding-top: .35rem;}
.j-submit{display: inline-block;border: none;cursor: pointer;color: #ffffff;padding: .22rem .65rem;background-color: #0066ef;}

.j-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; background-color: #f6f6f6;border: solid 1px #dddddd;  position: relative;padding-right: .3rem;padding-left: .2rem;white-space:nowrap}
.j-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;color: #333333;height: .6rem;line-height: .6rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.j-form .select-w select{position: absolute;cursor: pointer; width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.j-form .select-w:after{ content: "";position: absolute;top: 0;right: .2rem;height: 100%;width: .1rem;background-image: url('../image/a19.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat; }

@media(max-width:900px){ 
    .j-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .j-left{width: 100%;}
    .j-right{width: 100%;}
    .j-tip{width: 100%;}
    .j-c{width: 100%;}
    .j-d{ height: 35px;}
    .j-form .select-w .cur{height: 35px;line-height: 35px;}
    .j-textarea{ height: 120px;}
    .j-buttom{padding-left: 0;}
}

.k-a{width: 100%;padding-top: 1.4rem;padding-bottom: 1.1rem;  }
.k-b{width: 16rem ; margin: 0 auto;}
.k-cont{width: 100%;font-size: 0;padding-bottom: .2rem;padding-top: 1rem;}

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

.l-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.4rem;}
.l-b{width:16rem;margin: 0 auto;}
.l-top{width: 100%;position: relative;margin-bottom: 1.3rem;}
.l-c{width: 100%;}
.l-item{width: 100%;}
.l-d{display: block;cursor: pointer; width: 100%;position: relative;text-align: right;background-color: #f6f6f6;}
.l-img{position: absolute;top: 0;left: 0;width: 8rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-text{display: inline-block;padding: .76rem 1.5rem .66rem .8rem;text-align: left;width: 8rem; }
.l-time{color: #999999;margin-bottom: .4rem;}
.l-time img{width: .15rem;margin-right: .13rem;}
.l-name{color: #000000;line-height: 1.3;margin-bottom: .3rem;}
.l-e{color: #666666;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-more{color: #666666;margin-top: 1.3rem;}
.l-d:hover .l-name{color: #0066ef;}
.l-d:hover .l-more{color: #0066ef;} 
.l-prev{left: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.l-prev:hover{ background-image: url('../image/a26-b.png');  }
.l-next{transform: rotate(-180deg); right: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.l-next:hover{ background-image: url('../image/a26-b.png');  }

.l-cont{width: 100%;font-size: 0;padding-bottom: .3rem;}
.l-one{width: 5.05rem;margin-right: .4rem;margin-bottom: .4rem;padding-bottom: .5rem;border-bottom: .03rem solid #dcdcdc;display: inline-block;vertical-align: top; cursor: pointer;position: relative;overflow: hidden;}
.l-one:nth-child(3n){margin-right: 0;}   
.l-f{width: 100%;margin-bottom: .5rem;}
.l-f img{width: 100%;}
.l-g{width: 100%;} 
.l-h{margin-bottom: .25rem;line-height: 1.3; color: #000000; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.l-i{color: #666666;line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-one .l-more{ margin-top: .45rem; }
.l-one .l-time{ margin-bottom: .15rem; } 
.l-sub{position: absolute;bottom: -110%;left: 0;transition: all .5s; width: 100%;height: 100%;padding: .4rem ; background-image: url('../image/b11.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-time1{color: #ffffff;font-weight: bold;margin-bottom: .2rem;}
.l-time2{color: #ffffff;margin-bottom: .5rem;}
.l-j{margin-bottom: .2rem; color: #fff;line-height: 1.4;height: 2.8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-k { color: #fff;line-height: 1.6;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.l-m{position: absolute;bottom: .5rem;left: 0;padding: 0 .4rem; color: #ffffff;}

.l-one:hover{border-bottom: .03rem solid transparent;}
.l-one:hover .l-sub{bottom: 0;}


@media(max-width:900px){ 
    .l-a{padding: .6rem 0;}
    .l-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .l-img{width: 100%;position: static;height: auto;padding-top: 56%;}
    .l-text{width: 100%;padding: .25rem ;}
    .l-more{margin-top: .35rem;}
    .l-prev{display: none;}
    .l-next{display: none;}

    .l-one{width: calc(50% - .15rem);margin-right: .3rem;}
    .l-one:nth-child(3n){margin-right: .3rem;}  
    .l-one:nth-child(2n){margin-right: 0;}  
    .l-sub{padding: .3rem .15rem;}
}

.m-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1rem;}
.m-b{width: 16rem ;margin: 0 auto;}
.m-a .i-top:after{display: none;}
.m-a .i-titles:after{display: none;} 
.m-cont{width: 100%;margin-top: .7rem;padding-bottom: .53rem;position: relative;}
.m-c{width: 100%;font-size: 0;}
.m-item{display: inline-block;vertical-align: top; width: 7.7rem;margin-right: .55rem;margin-bottom: .5rem;}
.m-item:nth-child(2n){margin-right: 0;}
.m-d{display: block;cursor: pointer;width: 100%;position: relative;}
.m-img{width: 100%;}
.m-img img{width: 100%;} 
.m-nub{position: absolute;top: .6rem;left: .5rem;letter-spacing: .08rem;color: #ffffff;}
.m-nub:before{content: '';position: absolute;bottom: -.3rem;left: 0;width: .2rem;height: .05rem;background-color: #ffffff;}
.m-text{position: absolute;bottom: 0;right: 0;transition: all .5s; width: 83.7%;padding: .4rem;background-color: #f8f8f8;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.m-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.m-name{color: #000000;line-height: 1.3; padding-bottom: .3rem;position: relative;}
.m-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
.m-e{ color: #ffffff;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.m-item:hover .m-text{background-image: url('../image/b7.jpg');}
.m-item:hover .m-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.m-item:hover .m-name{color: #ffffff;margin-bottom: .35rem;}
.m-item:hover .m-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.m-item:hover .m-e{display: -webkit-box;}

.m-pagination{position: absolute; bottom: 0;left: 3%; width: 94%;text-align: center;font-size: 0;}
.m-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: 1.4rem;margin-top: .1rem; border-radius: 0; opacity: 1;height: 3px;background-color: #dddddd;}
.m-pagination .swiper-pagination-bullet-active{background-color: #0066ef;}
.m-pagination.hide{display: none;}

@media(max-width:900px){ 
    .m-a{padding: .6rem 0;}
    .m-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .m-item{width: 100%;margin-right:0;}
    .m-nub{top: .25rem;left: .25rem;}
}

.n-a{width: 100%;} 
.n-a .i-top:after{display: none;}
.n-a .i-titles:after{display: none;} 
.n-cont{padding-top: 1.5rem;padding-bottom: 1.5rem;}
.n-b{width: 16rem;margin: 0 auto;}
.n-more{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); display: inline-block;cursor: pointer;padding: .22rem .5rem;background-color: #0066ef;color: #ffffff;}
.n-list{width: 100%;margin-top: .88rem;}
.n-c{width: 100%;padding-bottom: .8rem;position: relative;}
.n-item{width: 4.9rem;margin-right: .6rem;}
.n-d{width: 100%;display: block;cursor: pointer;}
.n-img{width: 100%;overflow: hidden;}
.n-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.n-text{position: relative; width:100%;padding: .4rem;background-color: #f8f8f8; }
.n-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.n-name{color: #000000;line-height: 1.3; padding-bottom: .3rem;position: relative;}
.n-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
 
.n-d:hover .n-text{background-image: url('../image/b7.jpg');}
.n-d:hover .n-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.n-d:hover .n-name{color: #ffffff; }
.n-d:hover .n-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.n-d:hover .n-img img{transform: scale(1.05);}

.n-c .n-pagination{position: absolute; bottom: 0;left: 3%; width: 94%;text-align: center;font-size: 0;}
.n-c .n-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: 1.4rem; margin: 0 ; border-radius: 0; opacity: 1;height: 3px;background-color: #dddddd;}
.n-c .n-pagination .swiper-pagination-bullet-active{background-color: #0066ef;}
.n-c .n-pagination.hide{display: none;}

.n-cont:nth-child(2n){background-color: #f6f6f6;}
.n-cont:nth-child(2n) .n-text{background-color: #ffffff;}

@media(max-width:900px){ 
    .n-cont{padding: .6rem 0;}
    .n-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .n-more{position: static;margin-top: .3rem;transform: translate(0,0);}
}

.o-a{width: 100%;padding-top: 1.6rem;padding-bottom: 1rem;}
.o-b{width: 16rem;margin: 0 auto;}
.o-titles{color: #000000;margin-bottom: .3rem;}
.o-textbox{color: #666666;line-height: 1.7;padding-bottom: .5rem;}
.o-textbox *{line-height: inherit;}
.o-c{width: 100%;position: relative;border-bottom: 1px solid #7a7a7a;margin-bottom: .5rem;}
.o-d{width: 100%;}
.o-item{width: 100%;}
.o-videobox{width: 100%;}
.o-video{width: 100%;position: relative;cursor: pointer;margin-bottom: .1rem;}
.o-bg{width: 100%;}
.o-bg img{width: 100%;}
.o-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: .72rem;}
.o-play img{width: 100%;}
.o-videoname{width: 100%;position: relative;color: #333333;line-height: .7rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.o-videoname:before{content: '';display: inline-block;vertical-align: middle;width: .12rem;height: .12rem;background-color: #e62129;margin-right: .17rem;}

.o-prev{left: 0;margin-top: -.72rem; width: .64rem;height: .64rem;background-image: url('../image/a26-c.png');background-color: rgba(0,0,0,.5); background-size: 8px auto;background-position: center center;background-repeat: no-repeat;}
.o-prev:hover{ background-color: #0066ef;  }
.o-next{transform: rotate(-180deg); right: 0;margin-top: -.72rem; width: .64rem;height: .64rem;background-image: url('../image/a26-c.png');background-color: rgba(0,0,0,.5); background-size: 8px auto;background-position: center center;background-repeat: no-repeat;}
.o-next:hover{ background-color: #0066ef;  }


.o-e{width: 100%;font-size: 0;}
.o-f{display: inline-block;vertical-align: middle;width: 3.7rem;margin-right: .4rem;margin-bottom: .3rem;}
.o-f:last-child{margin-right: 0 ;}
.o-fimg{width: 100%;margin-bottom: .45rem;}
.o-fimg img{width: 100%;}
.o-ftext{color: #000000;line-height: 1.4;}
.o-g{width: 100%;padding-top: 1.2rem;}

.o-container{width: 100%;}
.o-pagination{position: absolute; bottom: -.3rem;left: 0; width: 100%;text-align: center; font-size: 0;}
.o-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: .8rem;border-radius: 0; opacity: .3;height: 3px;background-color: #0066ef;}
.o-pagination .swiper-pagination-bullet-active{opacity: 1;}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 288; 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: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #0066ef;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;}
}

@media(max-width:900px){ 
    .o-a{padding: .6rem 0;}
    .o-cont{padding-top: .6rem;}
    .o-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .o-f {width: calc(50% - .15rem);margin-right: .3rem;}
    /* .o-f:nth-child(2n){margin-right: 0;} */
}

.p-a{width: 100%;padding-bottom: 1.5rem;}
.p-b{width: 16rem;margin: 0 auto;}
.p-cont{width: 100%;font-size: 0;}
.p-left{display: inline-block;vertical-align: middle; width:6.2rem;}
.p-top{width: 100%;max-width: 5.1rem; border-bottom: 1px solid #cccccc;margin-bottom: .4rem;padding-bottom: .4rem;}
.p-titles{color: #000000;margin-bottom: .3rem;}
.p-intro{color: #666666;line-height: 1.3;}
.p-name{color: #0066ef;}
.p-list{width: 100%;padding-top: 1rem;}
.p-item{display: block;font-size: 0;width: 100%;margin-top: .3rem;}
.p-icon{display: inline-block;vertical-align: middle;width: .4rem;height: .3rem;line-height: .3rem;}
.p-icon img{max-width: .25rem;max-height: .3rem;}
.p-text{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);padding-left: .2rem; border-left: 1px solid #f2f2f2;}
.p-c{color: #666666;line-height: 1.6;}
.p-d{color: #333333;line-height: 1.6;}

.p-right{display: inline-block;vertical-align: middle;width: 9.8rem;}
.p-map{display: inline-block;vertical-align: middle;width: 100%;height: 6.4rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}

@media(max-width:900px){ 
    .p-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .p-left{width: 100%;}
    .p-top{max-width: 100%;}
    .p-list{padding: .35rem 0;}
    .p-right{width: 100%;}
}

.q-a{width: 100%;padding: 1.5rem 0;}
.q-b{width: 16rem;margin: 0 auto;}
.q-cont{width: 100%;font-size: 0;}
.q-left{display: inline-block;vertical-align: middle; width:6.2rem;}
.q-top{width: 100%;max-width: 5.1rem; border-bottom: 1px solid #cccccc;margin-bottom: .4rem;padding-bottom: .4rem;}
.q-titles{color: #000000;margin-bottom: .3rem;}
.q-intro{color: #666666;line-height: 1.3;}
.q-name{color: #000000;margin-bottom: .2rem;}
.q-e{color: #0066ef;}
.q-list{width: 100%;padding-top: 1.2rem;}
.q-item{display: block;font-size: 0;width: 100%;margin-top: .3rem;}
.q-icon{display: inline-block;vertical-align: middle;width: .4rem;height: .3rem;line-height: .3rem;}
.q-icon img{max-width: .25rem;max-height: .3rem;}
.q-text{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);padding-left: .2rem; border-left: 1px solid #f2f2f2;}
.q-c{color: #666666;line-height: 1.6;}
.q-d{color: #333333;line-height: 1.6;}

.q-right{display: inline-block;vertical-align: middle;width: 9.8rem;}
.q-map{display: inline-block;vertical-align: middle;width: 100%;height: 7.2rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}

@media(max-width:900px){ 
    .q-a{padding: .6rem 0;}
    .q-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .q-left{width: 100%;}
    .q-top{max-width: 100%;}
    .q-list{padding: .35rem 0;}
    .q-right{width: 100%;}
}

.r-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.5rem;background-image: url('../image/b16.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.r-b{width: 16rem;margin: 0 auto;}
.r-a .i-top:after{display: none;}
.r-a .i-titles:after{display: none;} 
.r-cont{width:100%;padding-top: .85rem;font-size: 0;}
.r-item{display: inline-block;vertical-align: top;cursor: pointer; width: 7.6rem;padding: .5rem 0 .4rem;margin-right: .8rem; border-bottom: 1px solid #cccccc;}
.r-item:nth-child(2n){margin-right: 0;}
.r-item:nth-child(1){border-top: 1px solid #ccc;}
.r-item:nth-child(2){border-top: 1px solid #ccc;}
.r-name{color: #000000;line-height: 1.3;margin-bottom: .4rem;}
.r-c{color: #0066ef;margin-bottom: .2rem;}
.r-textbox{color: #666666;line-height: 2;}
.r-textbox *{line-height: inherit;}

@media(max-width:900px){ 
    .r-a{padding: .6rem 0;}
    .r-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .r-item{width: 100%;margin-right: 0;} 
}

.s-a{width: 100%;padding-top: 1.5rem;padding-bottom: .8rem;}
.s-b{width:16rem;margin: 0 auto;}
.s-top{width: 100%;position: relative;margin-bottom: 1.5rem;}
.s-c{width: 100%;}
.s-one{width: 100%;}
.s-d{display: block;cursor: pointer; width: 100%;position: relative;text-align: right;background-color: #f6f6f6;}
.s-img{position: absolute;top: 0;left: 0;width: 8rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.s-text{display: inline-block;padding: 1rem .7rem .7rem;text-align: left;width: 8rem; }
.s-time{color: #999999;margin-bottom: .4rem;}
.s-time img{width: .15rem;margin-right: .13rem;}
.s-e{color: #000000;line-height: 1.3;margin-bottom: .3rem;}
.s-textbox{color: #333333;line-height: 2;}
.s-textbox *{line-height: inherit;padding-left: 1.6em;}
.s-textbox p{margin-bottom: .3rem;position: relative;}
.s-textbox p:before{content: ''; position: absolute;top: .7em;left: 0;	width: .3em;height: .3em;background-color: #00b5ff;}

.s-prev{left: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.s-prev:hover{ background-image: url('../image/a26-b.png');  }
.s-next{transform: rotate(-180deg); right: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.s-next:hover{ background-image: url('../image/a26-b.png');  }

.s-cont{width: 100%;padding-bottom: .8rem;}
.s-navs{position: absolute;bottom:0;right: 0; font-size: 0;}
.s-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-left: .2rem; padding: .22rem .5rem;color: #ffffff;background-color: #06163b;}
.s-nav:hover{background-color: #0066ef;}
.s-nav.active{background-color: #0066ef;color: #fff !important;}
.s-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding: .7rem 0 .2rem;}
.s-item{display: inline-block;vertical-align: top;cursor: pointer;margin-right: .4rem;margin-bottom: .4rem; padding: .6rem .3rem .5rem;border-bottom: .03rem solid #dcdcdc; width: 3.7rem;background-color: #f6f6f6;}
.s-item:nth-child(4n){margin-right: 0;}
.s-name{color: #000000;line-height: 1.4;margin-bottom: .3rem;}
.s-f{color: #666666;line-height: 1.5;min-height: 1.65rem;padding-bottom: .25rem;}
.s-f *{line-height: inherit;}
.s-more{color: #666666;}

.s-item:hover {background-color: #0066ef;border-bottom: .03rem solid #0066ef;}
.s-item:hover .s-name{color: #fff;}
.s-item:hover .s-f{color: #fff;}
.s-item:hover .s-more{color: #fff;}

.s-bottom{width: 100%;padding-top: .8rem;padding-bottom: .8rem;}
.s-bottom .i-top:after{display: none;}
.s-bottom .i-titles:after{display: none;} 

.s-g{width: 100%;font-size: 0;padding-top: .3rem;}
.s-h{display: inline-block;vertical-align: middle;cursor: pointer; margin-top: .7rem;padding-top: .5rem;margin-right: 1.6rem; text-align: center; border-radius: 50%;position: relative;width: 1.9rem;height: 1.9rem;background-color: #ffffff;border: solid 1px #dddddd;}
.s-h:after{content: '';position: absolute;top: 0;right: -1.3rem; width: 1.1rem;height: 100%;background-image: url('../image/a40.png');background-size: 1.1rem auto;background-position: center center;background-repeat: no-repeat;}
.s-h:last-child {margin-right: 0;}
.s-h:last-child:after{display: none;}
.s-i{width: 100%; color: #333333;font-weight: bold;margin-bottom: .25rem;}
.s-j{width: 100%; color: #333333;line-height: 1.3;}
.s-h:hover{background-color: #0066ef;border: solid 1px #0066ef;}
.s-h:hover .s-i{ 	color: #ffffff;}
.s-h:hover .s-j{ 	color: #ffffff;}


@media(max-width:1200px){ 
    .s-navs{position: static;text-align: center;padding-top: .5rem;}
    .s-nav{margin: 0 .15rem .15rem;}
}
@media(max-width:900px){ 
    .s-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .s-top{width: 100%;}
    .s-prev{display: none;}
    .s-next{display: none;}
    .s-img{position: static;height: auto;width: 100%;padding-top: 76%;}
    .s-text{width: 100%;padding: .35rem .25rem;}
    .s-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .s-item:nth-child(2n){margin-right: 0;}

    .s-g{ display: flex; flex-wrap: wrap;justify-content: space-around;}
    .s-h:after{display: none;}
    .s-h{width: 120px;height:120px;margin: .35rem 5px !important;padding-top: 0; display: flex;flex-wrap: wrap;justify-content: center;  align-content: center; }
}

@media(max-width:450px){
    .s-h{width: 90px;height: 90px;}
    .s-j{font-size: 12px;}
}

.t-a{width: 100%;}
.t-cont{width: 100%;display: flex;flex-wrap: wrap;}
.t-item{display: inline-block;vertical-align: text-bottom;cursor: pointer;text-align: center; width: 50%;padding-top: 1rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.t-name{margin-bottom: .2rem; letter-spacing: .03rem;color: #ffffff;}
.t-textbox{color: #ffffff;line-height: 2;}
.t-textbox *{line-height: inherit;}

@media(max-width:900px){ 
    .t-item{width: 100%;padding: .8rem .25rem;}
}

.u-a{width: 100%;padding-top: 1.6rem;padding-bottom: .5rem;}
.u-b{width: 16rem ;margin: 0 auto;}
.u-titles{color: #000000;margin-bottom: .3rem;}
.u-textbox{color: #666666;line-height: 1.7;padding-bottom: .3rem;}
.u-textbox *{line-height: inherit;} 
.u-list{width: 100%;font-size: 0;padding-bottom: .3rem;}
.u-item{display: inline-block;vertical-align: bottom;position: relative;  padding-right: 1.5rem;margin-right: 1.5rem;margin-bottom: .4rem;}
.u-item:after{content: '';position: absolute;bottom: .4rem;right: 0;	width: 1px;height: .4rem;background-color: #e5e5e5;}
.u-item:last-child:after{display: none;}
.u-tip{color: #062369;margin-bottom: .1rem;}
.u-nub{margin-bottom: .15rem;}
.u-nub1{color: #062369;margin-right: .1rem;font-weight: bold;}
.u-nub2{color: #062369; font-weight: bold;}
.u-c{color: #666666;line-height: 1.3;}

@media(max-width:1200px){ 
    .u-item{padding-right: .8rem;margin-right: .8rem;}
}
@media(max-width:900px){ 
    .u-a{padding-top: .6rem;padding-bottom: .2rem;}
    .u-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .u-item{width: 50%;padding-right: .15rem;margin-right: 0;}
    .u-item:after{display: none;}
}

.v-a{width: 100%;padding-top: .5rem;padding-bottom: 1.15rem;}
.v-b{width: 16rem;margin: 0 auto;}
.v-top{width: 100%;padding-bottom: .7rem;}
.v-titles{color: #000000;margin-bottom: .4rem;}
.v-intro{color: #666666;line-height: 1.3;}
.v-cont{width: 100%;position: relative;text-align: right;}
.v-item{display: inline-block;vertical-align: top;text-align: left;width: 10.5rem;position: relative;margin-bottom: .35rem;}
.v-bg{width: 100%;height: 4.1rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.v-text{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%; padding: 0 .5rem;}
.v-c{color: #ffffff;margin-bottom: .2rem;}
.v-d{color: #ffffff;line-height: 1.3;}

@media(min-width:900px){ 
    .v-item:nth-child(1){position: absolute;top: 0;left: 0;width: 5.1rem;text-align: center;}
    .v-item:nth-child(1) .v-bg{height: 8.55rem;}
    .v-item:nth-child(1) .v-text{top: 1rem;transform: translate(0,0); padding: .1rem;}
}

@media(max-width:900px){  
    .v-a{padding-bottom: .6rem;}
    .v-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .v-item{width: 100%;}
    .v-bg{height: auto;padding-top: 38.8%;}
}

.w-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.18rem; background-image: url('../image/honor.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-b{width: 16rem;margin: 0 auto;}
.w-top{width: 100%;position: relative;margin-bottom:  .8rem;}
.w-titles{color: #ffffff;margin-bottom: .4rem;}
.w-intro{	color: #ffffff;line-height: 1.3;}
.w-cont{width: 100%;}
.w-c{width: 100%;}
.w-item{width: 3.56rem;margin-right: .59rem;}
.w-item:last-child{margin-right: 0;}
.w-d{width: 100%;text-align: center;}
.w-img{display: inline-block;overflow: hidden; width: 3.56rem;height: 3.56rem;line-height: 3.56rem;margin-bottom: .3rem; background-image: url('../image/b61.jpg'); text-align: center;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-img img{display: inline-block;cursor: pointer; max-width: 78%;max-height: 78%;transform: scale(1.00);transition: all .5s;}
.w-text{width: 100%;}
.w-e{color: #ffffff;line-height: 1.3;}
.w-f{color: #ffffff;line-height: 1.3;}
.w-d:hover .w-img img{transform: scale(1.05);}

.w-buttom{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);} 
.w-prev{display: inline-block;vertical-align: middle;position: static;margin-left: .4rem; left: 0;margin-top: 0; width: .64rem;height: .64rem;background-image: url('../image/a26-b.png');background-color: #ffffff;border-radius: 50%; background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.w-prev:hover{background-color: #0066ef;background-image: url('../image/a26-c.png');}
.w-next{transform: rotate(-180deg); display: inline-block;vertical-align: middle;position: static;margin-left: .4rem; left: 0;margin-top: 0; width: .64rem;height: .64rem;background-image: url('../image/a26-b.png');background-color: #ffffff;border-radius: 50%; background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.w-next:hover{background-color: #0066ef;background-image: url('../image/a26-c.png');}

@media(max-width:900px){  
    .w-a{padding-bottom: .6rem;}
    .w-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .w-item{width: auto; min-width: calc(50% - .15rem);margin-right: .3rem;}
}

.x-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.5rem; background-image: url('../image/b16.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.x-b{width: 16rem;margin: 0 auto;}
.x-top{width: 100%;position: relative;margin-bottom:  .8rem;}
.x-titles{color: #333333;margin-bottom: .4rem;}
.x-intro{	color: #333333;line-height: 1.3;}
.x-cont{width: 100%;position: relative;}
.x-cont:before{content: '';position: absolute; top: 2rem;left: 0;width: 100%;height: 1px; background-color: #7f7f7f;}
.x-c{width: 100%;}
.x-item{width: 3.2rem;height: 4rem;position: relative;}
.x-item:before{content: '';position: absolute;top: 0;left: .1rem;width: 1px;height: 2rem;background-color: #767676;}
.x-item:after{content: '';position: absolute;top: 1.9rem;left: 0;width: .2rem;height: .2rem; background-image: url('../image/a39.png'); background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.x-d{display: block;cursor: pointer; width: 100%;height: 2rem;padding: 0 .35rem; overflow: auto;} 
.x-year{color: #0066ef; margin-bottom: .2rem;font-weight: bold;}
.x-e{color: #333333;line-height: 1.3;margin-bottom: .1rem;}
.x-f{color: #333333;line-height: 1.3;}

.x-item:nth-child(2n) .x-d{position: absolute;top: 2rem;padding: .4rem .35rem 0;}
.x-item:nth-child(2n):before{ top: 2rem; }
.x-item:hover:after{background-image: url('../image/a39-b.png');}

.x-buttom{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);} 
.x-prev{display: inline-block;vertical-align: middle;position: static;margin-left: .4rem; left: 0;margin-top: 0; width: .64rem;height: .64rem;background-image: url('../image/a26-c.png');background-color: #06163b;border-radius: 50%; background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.x-prev:hover{background-color: #0066ef; }
.x-next{transform: rotate(-180deg);display: inline-block;vertical-align: middle;position: static;margin-left: .4rem; left: 0;margin-top: 0; width: .64rem;height: .64rem;background-image: url('../image/a26-c.png');background-color: #06163b;border-radius: 50%; background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.x-next:hover{background-color: #0066ef; }

@media(max-width:900px){  
    .x-a{padding-bottom: .6rem;}
    .x-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .x-item{   width: calc(50% - .15rem);margin-right: .3rem;}
}
@media(max-width:450px){
    .x-item{   width: calc(80% - .15rem);margin-right: .3rem;}
}

.y-a{width: 100%;padding-top: 1.5rem;padding-bottom: 2.45rem;/* background-image: url('../image/b70.jpg');*/ background-size: cover;background-position: center center;background-repeat: no-repeat;}
.y-b{width: 16rem;margin: 0 auto;}
.y-cont{width: 100%;font-size: 0;} 
.y-left{display: inline-block;vertical-align: middle;width: 8rem;padding-right: 1.6rem;}
.y-titltes{color: #000000;padding-bottom: .7rem;}
.y-c{width: 100%;color: #222222;padding-bottom: .12rem; border-bottom: 1px solid #cccccc;}
.y-textbox{width: 100%;color: #666666;line-height: 2;padding: .55rem 0;}
.y-textbox *{line-height: inherit;} 
.y-right{display: inline-block;vertical-align: middle;width: 8rem;}
.y-big{width: 100%;position: relative;margin-bottom: .2rem;}
.y-d{width: 100%; }
.y-item{width: 100%; }
.y-e{display: block; width: 100%; }
.y-e img{width: 100%;}

.y-small{width: 100%;position: relative;}
.y-f{width: 100%; }
.y-nav{width: 1.93rem;margin-right: .1rem; }
.y-nav:last-child{margin-right: 0;}
.y-g{display: block;cursor: pointer; width: 100%;border: 1px solid #fff; }
.y-g img{width: 100%;}
.y-nav.active .y-g{border: 1px solid #0066ef;}

.y-prev{z-index: 288; left: 0;margin-top: -.24rem; width: .48rem;height: .48rem;background-image: url('../image/a26-c.png'); background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.y-prev:hover{background-color: rgba(74,147,235,.5);}
.y-next{z-index: 288;transform: rotate(-180deg); right: 0;margin-top: -.24rem; width: .48rem;height: .48rem;background-image: url('../image/a26-c.png'); background-size: 7px auto;background-position: center center;background-repeat: no-repeat;}
.y-next:hover{background-color: rgba(74,147,235,.5);}

.y-more{display: inline-block;cursor: pointer;padding: .22rem .4rem;background-color: #0066ef;color: #ffffff;}
body.product .y-textbox{padding: .3rem 0;min-height: 3.6rem;}
.y-img{width: 100%;}
.y-img img{width: 100%;}
@media(max-width:900px){ 
    .y-a{padding: .6rem 0;}
    .y-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .y-left{width: 100%;padding-right: 0;}
    .y-right{width: 100%;}
    .y-nav{width: calc(33.33% - .1rem);margin-right: .15rem;}

    body.product .y-textbox{min-height: 1rem;}
    .y-more{margin-bottom: .3rem;}
}

.z-a{width: 100%;padding-top: 1.2rem;padding-bottom: .98rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.z-b{width: 100%;margin: 0 auto;}
.z-cont{width: 100%;font-size: 0;}
.z-left{display: inline-block;vertical-align: top;width: 55%;padding-left: 1.6rem;padding-right: 1.4rem;}
.z-top{width: 100%;padding-bottom: .9rem;}
.z-titles{color: #ffffff;margin-bottom: .4rem;}
.z-intro{color: #ffffff;line-height: 1.3;margin-bottom: .3rem;}
.z-textbox{width: 100%;color: #ffffff;line-height: 1.75;}
.z-textbox *{line-height: inherit;}
.z-list{width: 100%;}
.z-item{display: block;cursor: pointer;margin-bottom: .2rem; color: #ffffff;width: 100%;line-height: 1.6;}
.z-item img{width: .17rem;margin-right: .15rem;}
 
.z-right{display: inline-block;vertical-align: top;position: relative; width: 45%;padding-bottom: .6rem;}
.z-c{width: 100%;}
.z-one{width: 4.93rem;margin-right: .6rem;padding: 6% 0;}
.z-d{display: block;cursor: pointer; overflow: hidden; width: 88%;position: relative;}
.z-img{width: 100%; }
.z-img img{width: 100%;}
.z-text{position: absolute;bottom: 0;right: 0;  width: 83.7%;padding: .4rem;background-color: #f8f8f8;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.z-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.z-e{color: #000000;padding-bottom: .3rem;position: relative;}
.z-e:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
.z-f{ color: #ffffff;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.z-d:hover .z-text{background-image: url('../image/b7.jpg');}
.z-d:hover .z-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.z-d:hover .z-e{color: #ffffff;margin-bottom: .35rem;}
.z-d:hover .z-e:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.z-d:hover .z-f{display: -webkit-box;}


.z-one.swiper-slide-active  { padding:0;}
.z-one.swiper-slide-active .z-d {width: 100%; }

.z-pagination{position: absolute; bottom: 0;left: 0; width: 80%; font-size: 0;}
.z-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: 1.4rem;border-radius: 0; opacity: .3;height: 3px;background-color: #ffffff;}
.z-pagination .swiper-pagination-bullet-active{opacity: 1;}
.z-pagination.hide{display: none;}
@media(max-width:900px){
    .z-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .z-top{padding-bottom: .45rem;}
    .z-left{width: 100%;padding: 0 0 .3rem;}
    .z-right{width: 100%;}
    .z-one {width: calc(70% - .15rem);margin-right: .3rem;}
    .z-one  .d-d{width: 100%;padding:0;}
    .z-text{width: 90%;}
}


.xa-a{width: 100%;padding-top: 1.57rem;padding-bottom: 1.5rem;background-image: url('../image/b73.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xa-b{width: 16rem;margin: 0 auto;}
.xa-top{width: 100%;padding-bottom: .7rem;}
.xa-titles{color: #000000;margin-bottom: .4rem;}
.xa-intro{color: #666666;line-height: 1.3;}
.xa-cont{width: 100%;position: relative;} 
.xa-c{width: 100%;}
.xa-item{width: 100%;}
.xa-d{display: block;cursor: pointer; width: 100%;font-size: 0;background-color: #ffffff;}
.xa-left{display: inline-block;vertical-align: top;width: 50%;height: 5.35rem;line-height: 5.35rem;text-align: center;}
.xa-left img{max-width: 95%;max-height: 95%;}
.xa-right{display: inline-block;vertical-align: top;padding: .8rem .3rem .8rem .8rem; width: 50%;height: 5.35rem;background-color: #1753a8;}
.xa-e{width: 100%;padding-right: .5rem;color: #ffffff;line-height: 1.7;margin-bottom: .7rem;}
.xa-textbox{color: #ffffff;line-height: 1.5;padding-right: .5rem;}
.xa-textbox *{line-height: inherit;}
.xa-textbox P{margin-bottom: .15rem;}

.xa-prev{left: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.xa-prev:hover{background-image: url('../image/a26-b.png');}
.xa-next{transform: rotate(-180deg); right: -.5rem;margin-top: -.2rem; width: .2rem;height: .4rem;background-image: url('../image/a26.png'); background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.xa-next:hover{background-image: url('../image/a26-b.png');}

@media(max-width:900px){ 
    .xa-a{padding: .6rem 0;}
    .xa-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .xa-cont{padding: 0 .35rem;}
    .xa-left{width: 100%;}
    .xa-right{width: 100%;padding: .35rem .2rem .35rem .4rem;}
    .xa-prev{left: 0;}
    .xa-next{right: 0;}
}

.xb-a{width: 100%;padding-top: 1.48rem;padding-bottom: 1.5rem;}
.xb-b{width: 16rem;margin: 0 auto;}
.xb-top{width: 100%;padding-bottom: .7rem;}
.xb-titles{color: #000000;margin-bottom: .4rem;}
.xb-intro{color: #666666;line-height: 1.3;}
.xb-cont{width: 100%;position: relative;}
.xb-c{width: 100%;font-size: 0;}
.xb-item{display: inline-block;vertical-align: top;padding:  0 1px; width: 20%;transition: all .3s;}
.xb-d{display: block;cursor: pointer;padding: .6rem .3rem .8rem; width: 100%;position: relative;background-color: #f6f6f6;background-size: 0 0;background-position: center center;background-repeat: no-repeat;}
.xb-d:before{content: '';position: absolute;bottom:.34rem;left:  .3rem; width: .4rem;height: .4rem;background-color: #0066ef;background-image: url(../image/a11.png);background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.xb-d:after{content: '';position: absolute;top: 0;right: .25rem;z-index: 8; width: 1.47rem;height: 1.47rem;background-image: url('../image/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xb-icon{position: relative;z-index: 18;margin-bottom: .7rem;}
.xb-icon1{display: block;height: .5rem;line-height: .5rem;}
.xb-icon1 img{max-height: 100%;max-width: none;}
.xb-icon2 {display: none;height: .5rem;line-height: .5rem;}
.xb-icon2 img{max-height: 100%;max-width: none;} 
.xb-name{position: relative;z-index: 18;color: #000000;left: 1.3;margin-bottom: .15rem;}
.xb-e{position: relative;z-index: 18;color: #000000;line-height: 1.5;min-height: 7.5em;max-width: 11em;}
.xb-e *{line-height: inherit;} 
.xb-nub{position: absolute;z-index: 18;bottom: .4rem;left: .35rem;color: #fff;opacity: 0;}

.xb-item.active{width: 40%; }
.xb-item.active .xb-d{ background-size: cover;}
.xb-item.active .xb-d:before{ bottom: 0;left: 0;background-size: 0 0; width: 100%;height: 100%; background-color: rgba(0,102,239,.7);}
.xb-item.active .xb-d:after{opacity: 0;}
.xb-item.active .xb-icon1{display: none;}
.xb-item.active .xb-icon2{display: block;}
.xb-item.active .xb-e{color: #ffffff;}
.xb-item.active .xb-name{color: #ffffff;}
.xb-item.active .xb-nub{opacity: 1;}

body.product .xb-a{background-image: url('../image/b73.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
body.product .xb-d{background-color: #fff;}
body.product .xb-e{max-width: 14em;height: 6em;line-height: 1.6;}
@media(max-width:900px){ 
    .xb-a{padding: .6rem 0;}
    .xb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .xb-item{width: 40%;}
    .xb-item.active{width: 60%;}
}

.xc-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1rem;}
.xc-b{width: 16rem;margin: 0 auto;}
.xc-cont{width: 100%;}
.xc-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xc-left{float: left;width: 10.8rem;}
.xc-top{width: 100%;border-bottom: 1px solid #cccccc;}
.xc-titles{width: 100%;color: #000000;line-height: 1.3; margin-bottom: .3rem;}
.xc-c{width: 100%;font-size: 0;}
.xc-d{display: inline-block;vertical-align: middle;margin-bottom: .25rem;}
.xc-e{display: inline-block;vertical-align: middle;color: #666666;line-height: 1.3;margin-right: .68rem;}
.xc-e img{width: auto;height: 15px;margin-right: .08rem;}
.xc-share{display: inline-block;vertical-align: middle;margin-bottom: .25rem;}
.xc-f{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .3rem;}
.xc-fimg1{display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.xc-fimg1 img{max-width: 100%;max-height: 100%;}
.xc-fimg2{display: none;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.xc-fimg2 img{max-width: 100%;max-height: 100%;}
.xc-f:hover .xc-fimg1{display: none;}
.xc-f:hover .xc-fimg2{display: block;}

.xc-textbox{width: 100%;color: #333333;line-height: 2;padding-top: .4rem;padding-bottom: .2rem;border-bottom: 1px solid #e8e8e8;}
.xc-textbox *{line-height: inherit;}

.xc-textbox{width: 100%;color: #666666;line-height: 1.88;padding: .35rem 0 .6rem;border-bottom: 1px solid #e8e8e8;}
.xc-textbox *{line-height: inherit;}

.xc-buttom{width: 100%;position: relative; padding: .5rem 200px .5rem 0;}
.xc-links{display: inline-block;}
.xc-link{width: 100%;cursor: pointer;display: block; color: #333333;line-height: 1.5; padding: .05rem 0;}
.xc-link:hover{color: #0066ef;}
.xc-back{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); color: #ffffff;display: inline-block; cursor: pointer;padding: .2rem .45rem; background-color: #0066ef;}
.xc-back:before{content: ''; display: inline-block;vertical-align: middle;margin-right: .2rem;width: .2rem;height: .2rem;background-image: url('../image/a55.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}

.xc-right{width: 3.7rem ;float: right;}
.xc-g{color: #0066ef;line-height: 1.3;margin-bottom: .75rem;}
.xc-h{width: 100%;display: block;cursor: pointer;padding-bottom: .5rem;border-bottom: .03rem solid #0066ef;}
.xc-i{width: 100%;margin-bottom: .45rem;}
.xc-i img{width: 100%;}
.xc-j{color: #000000;line-height: 1.4;margin-bottom: .2rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xc-k{color: #000000;line-height: 1.4;margin-bottom: .5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xc-more{color: #0066ef;}
.xc-h:hover .xc-j{color: #0066ef;}
.xc-list{width: 100%;padding-top: .55rem;}
.xc-one{display: block;position: relative; color: #333333;line-height: 2.6em;padding-left: .25rem; cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xc-one:before{content: '';position: absolute;top: 1.15em;left: 0;width: .3em;height: .3em;background-color: #00b5ff;}
.xc-one:hover{color: #0066ef;}

@media(max-width:900px){ 
    .xc-a{padding: .6rem 0;}
    .xc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .xc-left{width: 100%;margin-bottom: .55rem;}
    .xc-e{margin-right: .3rem;}
    .xc-buttom{padding: .5rem 0 50px 0;}
    .xc-links{width: 100%;}
    .xc-back{right: auto;top: auto;left: 50%;bottom: 0;transform: translate(-50%,0);}
    .xc-right{width: 100%;}
    .xc-g{margin-bottom: .35rem;}
}

.xd-a{width: 100%;padding-top: 1.5rem;padding-bottom: .6rem;}
.xd-b{width: 16rem;margin: 0 auto;}
.xd-top{width: 100%;margin-bottom: .7rem;}
.xd-titles{color: #000000;margin-bottom: .4rem;}
.xd-intro{color: #666666;line-height: 1.3;}
.xd-cont{width: 100%;font-size: 0;}
.xd-item{display: inline-block;vertical-align: top;cursor: pointer;width: 4.93rem;margin-bottom: .5rem; margin-right: .6rem; background-color: #ffffff;box-shadow: 0px .06rem .3rem 0px rgba(0, 0, 0, 0.1); position: relative;}
.xd-item:nth-child(3n){margin-right: 0;}
.xd-text{position: absolute;bottom: 0;right: 0;transition: all .5s; width: 83.7%;padding: .4rem;background-color: #f8f8f8;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xd-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.xd-name{color: #000000;line-height: 1.3; padding-bottom: .3rem;position: relative;}
.xd-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
.xd-c{ color: #ffffff;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.xd-item:hover .xd-text{background-image: url('../image/b7.jpg');}
.xd-item:hover .xd-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.xd-item:hover .xd-name{color: #ffffff;margin-bottom: .35rem;}
.xd-item:hover .xd-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.xd-item:hover .xd-c{display: -webkit-box;}

.xd-list{width: 100%;}
.xd-img{width: 100%;margin-bottom: .3rem;}
.xd-img img{width: 100%;}

@media(max-width:900px){
    .xd-a{padding-top: .6rem;padding-bottom: .3rem;} 
    .xd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xd-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .xd-item:nth-child(3n){margin-right: .3rem;}
    .xd-item:nth-child(2n){margin-right: 0;} 
    .xd-text{width: 90%;}
    .xd-name{font-size: 14px;}
    .xd-c{-webkit-line-clamp: 2;}
}

.xe-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.4rem;}
.xe-b{width: 16rem;margin: 0 auto;}
.xe-top{width: 100%;margin-bottom: .7rem;}
.xe-titles{color: #000000;margin-bottom: .4rem;}
.xe-intro{color: #666666;line-height: 1.3;}
.xe-cont{width: 100%;font-size: 0;padding-bottom: .1rem;}

.xe-item{display: inline-block;vertical-align: top;border: solid 1px #dddddd;width: 4.9rem;margin-right: .6rem;margin-bottom: .6rem; cursor: pointer;}
.xe-item:nth-child(3n){margin-right: 0;}
.xe-img{width: 100%;overflow: hidden;}
.xe-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.xe-text{position: relative; width:100%;padding: .4rem;background-color: #f8f8f8; }
.xe-text:after{content: '';position: absolute;bottom: 0;right: 0;width: .4rem;height: .4rem;background-color: #0066ef;background-image: url('../image/a11.png'); background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.xe-name{color: #000000;line-height: 1.3; padding-bottom: .3rem;position: relative;}
.xe-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .05rem;height: .05rem;background-color: #00b5ff;}
 
.xe-item:hover .xe-text{background-image: url('../image/b7.jpg');}
.xe-item:hover .xe-text:after{background-color: #f8f8f8;background-image: url('../image/a11-b.png');}
.xe-item:hover .xe-name{color: #ffffff; }
.xe-item:hover .xe-name:after{width: .4rem;height: .05rem;background-color: #ffffff;}
.xe-item:hover .xe-img img{transform: scale(1.05);}

@media(max-width:900px){
    .xe-a{padding-top: .6rem;padding-bottom: .3rem;} 
    .xe-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xe-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .xe-item:nth-child(3n){margin-right: .3rem;}
    .xe-item:nth-child(2n){margin-right: 0;} 
}

.xf-a{width: 100%;padding-top: 1.5rem;padding-bottom: .3rem; background-image: url('../image/b73.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-b{width: 16rem;margin: 0 auto;}
.xf-cont{width: 100%;}
.xf-item{width: 100%;margin-bottom: 1.1rem;}
.xf-titles{width: 100%;color: #222222;margin-bottom: .2rem;}
.xf-intro{width: 100%;color: #666666;line-height: 2;}
.xf-intro *{line-height: inherit;}
.xf-textbox{width: 100%;color: #666666;line-height: 2;}
.xf-textbox *{line-height: inherit;}
.xf-textbox span{color: #0066ef;}

@media(max-width:900px){
    .xf-a{padding-top: .6rem;padding-bottom: .3rem;} 
    .xf-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xf-item{margin-bottom: .5rem;}
}

.xg-a{width: 100%;}
.xg-cont{width: 100%;}
.xg-scale{width: 100%;}
.xg-pc{display: block;position: relative;}
.xg-video{width: 100%;}
.xg-mobile{display: none;position: relative;}
.xg-img{width: 100%;}

.xg-navs{width: 100%; }
.xg-nav{position: absolute;top: 0;cursor: pointer;}
.xg-dot{display: block;position: relative; width: 6px;height: 6px; border-radius: 50%; background-color: #ff6202;} 
.xg-dot:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%); width: .5rem;height: .5rem;background-color: transparent;}
.xg-immobilization  {position: absolute;bottom: 6px;width: 35px;left: 50%;transform: translate(-50%,0);}
.xg-immobilization img{width: 100%;}

.xg-text{ transition: bottom 1s ease	; position: absolute;bottom: 25px;width:  0;overflow: hidden; left: 50%;z-index: 388; transform: translate(-50%,0); white-space: nowrap;padding-bottom:2.1em;}
.xg-nav.active .xg-text{width: auto;bottom: 5px;}
.xg-text:before{content: '';position: absolute;bottom: 0;left: 50%;width: 9.16em; transform: translate(-50%,0);height: 2.4em;background-image: url('../image/a62.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.xg-nub{position: relative;z-index: 18; min-width: 10em; border-radius: 22px; padding: 4px ;background-color: #ff6202;}
.xg-span{display: block; width: 100%;color: #333333;  height: 36px;line-height: 36px;text-align: center;padding: 0 .15rem; background-color: #ffffff;border-radius: 18px;}


.xg-nav.color2 .xg-nub{background-color: #0065ef;}
.xg-nav.color2 .xg-dot{background-color: #0065ef;}
.xg-nav.color2 .xg-text:before{background-image: url('../image/a62-b.png');} 
.xg-nav.color3 .xg-nub{background-color: #002061;}
.xg-nav.color3 .xg-dot{background-color: #002061;}
.xg-nav.color3 .xg-text:before{background-image: url('../image/a62-c.png');} 
.xg-nav.color4 .xg-nub{background-color: #04a6e9;}
.xg-nav.color4 .xg-dot{background-color: #04a6e9;}
.xg-nav.color4 .xg-text:before{background-image: url('../image/a62-d.png');}  
.xg-nav.color5 .xg-nub{background-color: #0065ef;}
.xg-nav.color5 .xg-dot{background-color: #0065ef;}
.xg-nav.color5 .xg-text:before{background-image: url('../image/a62-b.png');} 


.xg-pop{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100vh; background-color: rgba(0,0,0,.2);}
.xg-pop.show{display: block;}
.xg-b{width: 9.6rem;background-color: #fff;height: 100vh;}
.xg-top{width: calc(100% - .6rem);padding-left: .6rem;position: relative; height: 1.1rem;border-bottom: 1px solid #bfc1c8;}
.xg-logo{display: inline-block;cursor: pointer;height: 1.1rem;line-height: 1.1rem;}
.xg-logo img{max-width: none;height: 33.7%;}
.xg-close{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); height: 0.5rem;line-height: .5rem;cursor: pointer; color: #cccccc;}
.xg-close:after{content: '';display: inline-block;vertical-align: top;width: .16rem;height: .5rem; margin-left: .15rem;background-image: url('../image/a61.png'); background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-list{width: 100%;height: calc(100vh - 1.1rem);position: relative;}
.xg-item{display: none;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%; padding-left: .6rem;  font-size: 0;}
.xg-item.show{display: block;}
.xg-left{display: inline-block;vertical-align: middle;width: 3.38rem;}
.xg-left img{width: 100%;}
.xg-right{display: inline-block;vertical-align: middle;width: calc(100%  - 3.4rem);padding-left: 1rem;}

.xg-titles{color: #222222;line-height: 1.3;margin-bottom: .45rem;}
.xg-scroll{width: 100%;height: 3.3rem;padding-right: .2rem;}
.xg-textbox{color: #666666;line-height: 1.6;padding-right: .4rem; }
.xg-textbox *{line-height: inherit;}
.xg-textbox p{margin-bottom: .2rem;}

.xg-more{display: inline-block;cursor: pointer;margin-top: .3rem; padding: .22rem .52rem;color: #ffffff; background-color: #0066ef;}


@media(max-width:900px){  
    .xg-pc{display: none; } 
    .xg-mobile{display: block; } 

    .xg-span{height: 20px;line-height: 20px;border-radius: 10px;}
    .xg-b{width: 300px;} 
    .xg-item{padding: 0 .3rem;max-height: 90%; overflow: auto;}
    .xg-left{width: 100%;height: 120px;line-height: 1.2px;text-align: center;margin-bottom: .3rem;}
    .xg-left img{width: auto; max-width: 100%;max-height: 100%;}
    .xg-right{width: 100%;padding: 0;}
    .xg-scroll{height: auto;padding-right: 0;}
    .xg-textbox{padding-right: 0;}

   .xg-dot{width: 4px;height: 4px;} 
   .xg-dot:after{width: .3rem;height: .3rem;}
}



/* 

teaser 
color: #0066ef;
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{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;} 

*/