@charset "utf-8";

/*@font-face{
    font-family: D-DIN-Bold;
    src:url('../fonts/d-dinexp-bold.ttf'); 
}
@font-face{
    font-family: D-DIN;
    src:url('../fonts/d-din.ttf'); 
}*/

/* @font-face{
    font-family: SourceHanSansCN-Regular;
    src:url('../fonts/regular.woff'); 
}
 

@font-face{
    font-family: SourceHanSansCN-Medium;
    src:url('../fonts/medium.woff'); 
}
@font-face{
    font-family: SourceHanSansCN-Bold;
    src:url('../fonts/bold.woff'); 
} */

/*@font-face{
    font-family: title-font;
    src:url('../fonts/庞门正道标题体2.0增强版.ttf'); 
}*/

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

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



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

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

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

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

 /* 动画 */

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

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

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

 

body{padding-top: .9rem;} 
.header{position: fixed;top: 0;left: 0;z-index: 288; width: 100%;background-color: #fff;}
.h-main{width: 14.4rem;margin: 0 auto;}
.h-cont{width: 100%;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left;}
.h-logo{display: block;cursor: pointer;height: .9rem;line-height: .9rem;}
.h-logo img{height: .66rem;max-width: none;}

.h-right{float: right;font-size: 0;}
.h-h{display: inline-block;vertical-align: middle; font-size: 0;}
.h-i{display: inline-block;cursor: pointer;position: relative;padding:  0 .2rem;}
.h-j{font-family: SourceHanSansCN-Regular;display: inline-block; color: #333333;  line-height: .9rem;position: relative;}  
.h-j:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);transition: all ease .5s; width: 0;height: 2px;background-color: #ff3333;}
.h-i.active .h-j{color: #ff3333;}

.h-sub {display: none;min-width: 100%;white-space: nowrap;position: absolute;left: 50%;top:.9rem;transform: translate(-50% ,0); z-index: 1000; }
.h-sub>li{display: inline-block;vertical-align: middle;position: relative;padding: 0 .3rem;}
.h-sub>li>a {font-family: SourceHanSansCN-Regular;display: block;cursor: pointer;line-height: .7rem;color: #343434; }
.h-sub>li:hover>a { color: #ff3333;  } 

 
.h-twobox{display: none;min-width: 100%;position: absolute;top: .7rem;left: 50%;transform: translate(-50%,0);background-color: #fff;padding: .15rem 0; }
.h-two{font-family: SourceHanSansCN-Regular;display: block;cursor: pointer;white-space: nowrap;  width: 100%; padding: .15rem 0; text-align: center; color: #343434;transition: background-color .3s;}
.h-sub:hover{overflow: visible !important;}
.h-sub>li:hover .h-twobox{display: block;}
.h-code{display: block; padding: 0 .1rem; }
.h-code img{max-width: none; width: 140px; }

.h-k{display: inline-block;vertical-align: top;}
.h-language{display: inline-block;vertical-align: middle;margin-left: 1.2rem;position: relative;} 
.hl-tip{display: block;font-size: 0;cursor: pointer;}
.hl-icon{display: inline-block;vertical-align: middle;margin-right: .1rem; height: .9rem; line-height: .9rem; }
.hl-icon img{height: 1.25em;max-width: none;}
.hl-text{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle; line-height: .9rem;color: #333333;}

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

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

.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{font-family: SourceHanSansCN-Regular;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: #ff3333;background-image: url('../images/a3-b.png');background-size: 20px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;} 

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

  
@media(max-width: 1450px) {
    .h-language{margin-left: .4rem;}
}

@media(min-width: 1200px) {
    .h-i:hover .h-j{color: #ff3333;}
    .h-i:hover .h-j:before{width: 100%;} 
    .h-i.active .h-j:before{width: 100%;}

    .h-two:hover { color: #ff3333; }  
    
    .h-h:after{content: '';opacity: 0;height: 0; transition: all ease .3s; position: fixed;top: .9rem;left: 0;width: 100%;background-color:  #fff;}
    .header.show .h-h:after{opacity: 1;height: .7rem;}
}

@media(max-width: 1200px) {  
    .h-main{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('../images/a-right.png');background-size: 16px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-nav.show:after {background-size: 18px auto;background-image: url('../images/a-down.png');}
    .h-sub {white-space: normal; position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li{width: 100%;padding: 0;}
    .h-sub>li>a {text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 

    .h-twobox{display: block;position: relative;top: 0;left: 0;transform: translate(0,0);padding: .15rem .15rem .15rem 60px;}
    .h-two{white-space: normal;text-align: left;}

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

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

.footer{background-color: #993300;overflow: hidden;}
.f-main{width: 14.4rem;margin: 0 auto;}
.f-top{width: 100%;padding: .3rem 0 .4rem;border-bottom: 1px solid rgba(255,255,255,.1); display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.f-logo{display: block;cursor: pointer;width: 2.34rem;min-width: 120px;}
.f-logo img{width: 100%;}
.f-a{display: block;text-align: right;}
.f-phone{font-family: D-DIN-Bold;margin-bottom: .17rem; display: block;color: #ffffff;}
.f-tip{font-family: SourceHanSansCN-Regular;color: #7498bf;}
.f-middle{ width: 100%;padding: .7rem 0 .8rem; display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-left{display: flex;justify-content: space-between;width: 9.5rem;}
.f-item{display: block;padding-right: .15rem;}
.f-item:last-child{padding-right: 0;}
.f-one{font-family: SourceHanSansCN-Regular;display: block;color: #ffffff;margin-bottom: .2rem;}
.f-list{display: inline-block;}
.f-two{font-family: SourceHanSansCN-Regular;position: relative; display: block;cursor: pointer;padding: .05rem 0;line-height: 1.7; color: #7498bf;}
.f-two:hover{color: #fff;}

.f-e{display: none; position: absolute;top: 100%;left: 50%;width: 1.8rem;min-width: 120px; transform: translate(-50%,0);}
.f-eimg{width: 100%;padding: .1rem ; background-color: #fff;}
.f-eimg img{width: 100%;}
.f-two:hover .f-e{display: block;}

.f-right{width: 4.3rem;text-align: right;}
.f-b{font-family: SourceHanSansCN-Regular;color: #7498bf;line-height: 1.6;margin-bottom: .1rem;}
.f-address{font-family: SourceHanSansCN-Regular;color: #7498bf;line-height: 1.6;margin-bottom: .35rem;}
.f-tr{width: 100%;font-size: 0;}
.f-td{display: inline-block;vertical-align: top;text-align: center; margin-right: .4rem;}
.f-td:last-child{margin-right: 0;}
.f-td .f-code{display: inline-block; width: .95rem;margin-bottom: .2rem;}
.f-td .f-code img{width: 100%;}
.f-name{color: #7498bf;}

.f-bottom{width: 100%;padding: .25rem 0;border-top: 1px solid rgba(255,255,255,.1); display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.f-c{color: #7498bf;line-height: 1.66;}
.f-rt{display: none !important;}
.f-link{color: #7498bf;line-height: 1.66;cursor: pointer;}
.f-link:hover{color: #fff;}

.f-textbox{width: 100%;color: rgba(165,192,222,.7);line-height: 1.37;}
.f-textbox *{line-height: inherit;}
.f-textbox p{margin-bottom: .2rem;}

.f-share{width: 100%;}
.f-d{display: inline-block;vertical-align: top;cursor: pointer; position: relative;margin-right: .25rem;}
.f-d:last-child{margin-right: 0;}
.f-icon{display: block;opacity: .5; width: 1.15em;height: 1em;text-align: center;line-height: 1em;}
.f-icon img{width: 100%;}
.f-sub{display: none; position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);padding-bottom: 23px;}
.f-code{position: relative; display: flex;align-items: center;justify-content: center;min-width: 80px;min-height: 80px; width: .95rem;height: .95rem;  background-color: #fff;}
.f-code img{max-width: 100%;max-height: 100%;}
.f-code:after{content: '';position: absolute;left: 50%;bottom: -7px;transform: translate(-50%,0);  width: 0; height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #fff;}

.f-d.show .f-icon{opacity: 1;}

.fl-linkbox{width: 100%;  display: flex;flex-wrap: wrap;align-items: flex-start; padding-bottom:  .2rem;}
.fl-tip{margin-bottom: .2rem;margin-right: .2rem; color: #ffffff;line-height: 1.5;}
.fl-list{flex: 1;}
.fl-link{display: inline-block;vertical-align: top;cursor: pointer; margin-bottom: .2rem;margin-right:  .2rem; color: #7498bf;line-height: 1.5;}
.fl-link:hover{color: #fff;}

@media(min-width:750px) { 
    .f-item:nth-child(2){transition-delay: .2s;}
    .f-item:nth-child(3){transition-delay: .4s;}
    .f-item:nth-child(4){transition-delay: .6s;}
    .f-item:nth-child(5){transition-delay: .8s;}
    .f-item:nth-child(6){transition-delay: 1s;}
    .f-item:nth-child(7){transition-delay: 1.2s;}
    .f-item:nth-child(8){transition-delay: 1.4s;}
}

@media(max-width:750px) {
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{display: none; width: 100%;flex-wrap: wrap;justify-content: flex-start; margin-bottom: .3rem;}
    .f-item{width: 33.33%;margin-bottom: .3rem;}
    .f-list{width: 100%;} 
    .f-right{width: 100%;text-align: center;}
    .f-code{width: 80px;}
    .f-lt{width: 100%;text-align: center;}
    .f-rt{width: 100%;text-align: center;}
    .f-d{margin-right: .5rem;}

    .fl-tip{width: 100%;margin-right: 0;}
    .fl-list{flex: none;width: 100%;}
}


.sidebar{position: fixed; top: 50%; right: 10px;transition: right ease .5s; transform: translate(0,-50%);text-align: right; z-index: 98;} 
.sidebar-list{display: block; opacity: 1;transition: all ease .5s;}
.sidebar-item{display: block; cursor: pointer;position: relative;margin: .2rem 0;}
.sidebar-a{display: inline-block; transition: all ease .5s;border-radius: .35rem;background-color: #ff3333;}
.sidebar-icon{display: inline-block;vertical-align: middle;  width: .7rem;line-height: .7rem;text-align: center;  }
.sidebar-icon img{max-width: 55%;max-height: 55%;}
.sidebar-text{font-family: SourceHanSansCN-Regular; display: inline-block;vertical-align: middle; color: #f9fafb;padding-right: .3rem; }

.sidebar-sub{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);  transition: all .5s;  width: 0; overflow: hidden;}
.sidebar-code{display: inline-block;margin-right: 15px;  width:150px;padding: 10px ;text-align: center;background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.sidebar-code:after{content: ''; position: absolute;top: 50%;right: -8px;margin-top: -4px; border-left: 8px solid #fff;border-bottom: 8px solid transparent;border-top: 8px solid transparent; }
.sidebar-img{width: 100%;margin-bottom: 5px;}
.sidebar-img img{width: 100%;}
.sidebar-tip{font-family: SourceHanSansCN-Regular; width: 100%;color: #666;line-height: 1.5;} 
 
.sidebar-phone{display: inline-block;margin-right:15px; text-align: left; width:230px;padding: 10px; background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.sidebar-phone:after{content: ''; position: absolute;top: 50%;right: -8px;margin-top: -4px; border-left: 8px solid #fff;border-bottom: 8px solid transparent;border-top: 8px solid transparent;}
.sidebar-one{font-family: SourceHanSansCN-Regular; display: block;cursor: pointer;font-size: 16px; color: #666;line-height: 1.5;margin-bottom: .05rem;} 

.sidebar-b{position: absolute;top: 0;left: 0;width: .7rem;border-radius: .35rem;opacity: 0;transition: transform ease .5s; background-color: #e50012; white-space: nowrap;overflow: hidden;}
.sidebar-bicon{display: inline-block;vertical-align: middle;  width: .7rem;line-height: .7rem;text-align: center;  }
.sidebar-bicon img{max-width: 55%;max-height: 55%;}
.sidebar-btext{font-family: SourceHanSansCN-Regular; display: inline-block;vertical-align: middle; color: #f9fafb;padding-right: .3rem; }

 
.sidebar-item.active  .sidebar-sub{width: 250px;left: -250px; } 
.sidebar-item.active .sidebar-b{width: auto;opacity: 1; transform: translate(calc(-100% + .7rem));} 
.sidebar-item:hover .sidebar-a{background-color: #e50012;}

.sidebar-bottom{position: absolute;top: 0;left: 2rem;opacity: 0; }
.sidebar-service{display: block;width: .7rem;height: .7rem;background-image: url('../images/d2.png');background-size: contain;background-position: center center;background-repeat: no-repeat;}

/* body.fixed .sidebar{right: 10px;} */
.sidebar.hide{right: 5px;}
.sidebar.hide .sidebar-list{position: absolute;top: 0;left: 2rem;opacity: 0;}
.sidebar.hide .sidebar-bottom{position: relative;top: 0;left: 0;opacity: 1;transition: all ease .5s;}


.banner{width: 100%; overflow: hidden;position: relative;}
.banner-link{width: 100%; display: block;cursor: pointer;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 35.33%;left: 50%;transform: translate(-50%,0);width: 14.4rem;}
.banner-titles{font-family: SourceHanSansCN-Medium;display: inline-block;position: relative; margin-bottom: .4rem; padding-right: .3rem; color: #ffffff;}
.banner-titles:after{content: '';position: absolute;top: 0;right: 0;width: .15rem;height: .15rem;background-color: #e50012;}
.banner-intro{font-family: SourceHanSansCN-Regular;line-height: 1.5; color: #ffffff;}

.banner-titles  {transition-delay: .6s;}
.banner-intro  {transition-delay: 1.2s;}

.banner-a{position: absolute;top: 13.33%;left: 50%;transform: translate(-50%,0);width: 14.4rem;text-align: center;}
.banner-b{font-family: SourceHanSansCN-Medium;margin-bottom: .33rem; color: #1e7aac;line-height: 1.2;}
.banner-c{font-family: SourceHanSansCN-Regular;color: #fcfcfc;display: inline-block;padding: .16rem .42rem;background-color: #1e7aac;}

.banner-d{position: absolute;top: 25.85%;left: 50%;transform: translate(-50%,0);width: 14.4rem;text-align: center}
.banner-e{font-family: SourceHanSansCN-Medium;line-height: 1.125; color: #ffffff;}

.banner-iframe{width: 100%;height: 7.5rem;} 

body.serve .banner-d{top: 13.33%;}
body.news .banner-titles:after{display: none;}
@media(max-width:750px) { 
    .banner-text{width: 100%;padding-left: 10px;padding-right: 10px;top: 50%;transform: translate(-50%,-50%);}
    .banner-titles{margin-bottom: .35rem;font-size: 22px;}
    .banner-img img{min-height: 180px;object-fit: cover;}

    .banner-a{width: 100%;padding-left: 10px;padding-right: 10px; }
    .banner-b{margin-bottom: .25rem;font-size: 22px;}
    .banner-e{font-size: 22px;}
}

.nav{width: 100%; border-bottom: 1px solid #f7f7f7;}
.nav-main{width: 14.4rem;margin: 0 auto;}
.nav-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;font-size: 0;}
.nav-item{display: inline-block;vertical-align: middle;position: relative;margin-right: .6rem;cursor: pointer;}
.nav-item:last-child{margin-right: 0;}
.nav-one{font-family: SourceHanSansCN-Regular; display: inline-block;vertical-align: top; position: relative;color: #666666;line-height: .6rem;}
.nav-one:before{content: '';position: absolute;bottom: 0; left: 0;width: 0;transition: all ease .5s;height: 2px;background-color: #ff3333;}
.nav-item:hover .nav-one{color: #ff3333;}
.nav-item:hover .nav-one:before{width: 100%;}
.nav-item.active .nav-one{color: #ff3333;}
.nav-item.active .nav-one:before{width: 100%;}
.nav-twobox{display: none;min-width: 100%;position: absolute;top: .6rem;left: 50%;z-index: 88; transform: translate(-50%,0);background-color: #fff;padding: .15rem 0; }
.nav-two{font-family: SourceHanSansCN-Regular;display: block;cursor: pointer;white-space: nowrap;  width: 100%; padding: .15rem .5rem; text-align: center; color: #343434;transition: background-color .3s;}
.nav-two:hover { color: #ff3333; }  

.nav-right{float: right;font-size: 0;}
.nav-link{font-family: SourceHanSansCN-Regular; display: inline-block;vertical-align: middle;color: #666666;line-height: .6rem;}
.nav-link:after{content: '-';display: inline-block;vertical-align: middle;margin: 0 .08rem;}
.nav-link:last-child:after{display: none;}
.nav-link:first-child:before{content: '';display: inline-block;vertical-align: middle;margin-right: .2rem;width: 1.125em;height: .6rem;background-image: url('../images/a11.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

body.news_details .nav{background-color: #f7f7f7;border-bottom: 1px solid #f7f7f7;}
body.product_details .nav{background-color: #e5edf6;border-bottom: 1px solid #e5edf6;}
body.product_details2 .nav{background-color: #e5edf6;border-bottom: 1px solid #e5edf6;}
@media(max-width:750px) { 
    .nav-main{width: 100%;padding-left: 10px;padding-right: 10px;}
    .nav-left{width: 100%;text-align: center; }
    .nav-right{display: none;}
    .nav-item{margin: 0 .3rem ;}
}

@media(max-width:450px) {  
    .nav-item{margin: 0 .1rem ;}
    .nav-one{font-size: 12px;}
    .nav-two{font-size: 12px;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-home{font-family: SourceHanSansCN-Regular;transition: all ease .5s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .05rem;padding: 0 .05rem;min-width: .8rem;line-height: .46rem; color: #666666;background-color: #eeeeee;}
.paging-home:hover{background-color: #ff3333 !important;color: #fff;}
.paging-buttom{font-family: SourceHanSansCN-Regular;transition: all ease .5s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .05rem;padding: 0 .05rem;min-width: .9rem;line-height: .46rem; color: #666666;background-color: #eeeeee;}
.paging-buttom:hover{background-color: #ff3333 !important;color: #fff;}
.paging-item{font-family: SourceHanSansCN-Regular;transition: all ease .5s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .05rem;padding: 0 .05rem;min-width: .46rem;line-height: .46rem; color: #666666;background-color: #eeeeee;}
.paging-item:hover{background-color: #ff3333 !important;color: #fff;}
.paging-item.active{background-color: #ff3333 !important;color: #fff;}

@media(max-width:1200px) { 
    .paging-home{line-height: 30px;min-width: 50px;}
    .paging-buttom{line-height: 30px;min-width:60px;}
    .paging-item{line-height: 30px;min-width:30px;}
}

.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{width: 100%;}
.a-link{display: block;cursor: pointer; width: 100%;overflow: hidden;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.a-text{position: absolute;top: 20.98%;left: 50%;transform: translate(-50%,0);width: 14.4rem;}
.a-video{width: 100%;position: relative; background-color: #000; padding-top: calc(900/1920*100%);}
.a-video video{position: absolute;top: 0;left: 0; width: 100%;height: 100%; }

.a-titles{max-width: 70%; font-family: SourceHanSansCN-Medium;color: #ffffff;line-height: 1.38; margin-bottom: .9rem; }
.a-more{display: inline-block;padding: .18rem .3rem;background-color: #ffffff;color: #ff3333;}
.a-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .3rem;width: 1.125em;height: 1em;background-image: url('../images/a4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-more:hover{background-color: #ff3333;color: #fff;}
.a-more:hover:after{background-image: url('../images/a4-b.png');}

.a-bottom{position: absolute;bottom: 1.08rem;left: 50%;z-index: 88; transform: translate(-50%,0);width: 14.4rem;font-size: 0;}
.a-prev{position: static;top: 0;left: 0; margin-top: 0;display: inline-block;vertical-align: middle;width: .8em;height: 1em;background-image: url('../images/a5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-next{transform: rotate(-180deg); position: static;top: 0;right: 0; margin-top: 0;display: inline-block;vertical-align: middle;width: .8em;height: 1em;background-image: url('../images/a5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-tip{display: inline-block;vertical-align: middle;margin: 0 .2rem;}
.a-nub{font-family: D-DIN;color: #e50012;}
.a-line{font-family: D-DIN;color: #ffffff;margin: 0 .05rem;}
.a-sum{font-family: D-DIN;color: #ffffff;}
.a-buttom{display: inline-block;vertical-align: middle;cursor: pointer; margin-left: .24rem;}
.a-pause{display: block;width: .5em;height: 1em;background-image: url('../images/a6.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-paly{display: none;width: .5em;height: 1em;background-image: url('../images/a6-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.a-a.pause .a-pause{display: none;}
.a-a.pause .a-paly{display: block;}

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

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

.a-more{opacity:0;transform:translate3d(80px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.a-item.swiper-slide-active .a-more {opacity:1;transform:translate3d(0,0,0);} 
.a-more{transition-delay: .8s;}
 
@media(max-width:750px) { 
    .a-text{width: 100%;padding-left: 10px;padding-right: 10px;top: 50%;transform: translate(-50%,-50%);}
    .a-titles{max-width: 60%; margin-bottom: .35rem;font-size: 14px;} 
    .a-img img{min-height: 180px;object-fit: cover;}
    .a-bottom{bottom: 10px; width: 100%;text-align: center;}
    .a-buttom{display: none;}

    .a-video{min-height: 180px;} 
    .a-a.hide .a-bottom{display: none;}
}


.b-a{width: 100%;padding-top: .74rem;padding-bottom: 1.65rem;}
.b-main{width: 14.8rem;margin: 0 auto;}
.my-titles{font-family: SourceHanSansCN-Medium;margin-bottom: .7rem; position: relative;text-align: center;width: 100%;padding-bottom: .34rem;}
.my-titles:before{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -.175rem;	width: .35rem;height: .03rem;background-color: #ff3333;}
.b-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .6rem;}
.b-item{display: block;position: relative; width: 30.73%;cursor: pointer; margin: 0 1.3% .6rem;background-color: #f7f7f7;}
.b-img{width: 100%;padding-top: calc(290/452*100%); position: relative;overflow: hidden;}
.b-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.b-text{width: 100%;padding: .6rem .3rem .4rem;position: relative;}
.b-text:before{content: '';position: absolute;left: .3rem ;top: .3rem;width: .24rem;height: .03rem;background-color: #ff3333;}
.b-name{margin-bottom: .1rem; font-family: SourceHanSansCN-Regular;width: 100%;line-height: 1.41; color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-intro{margin-bottom: .4rem; color: #888888;line-height: 2;height: 4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.b-time{font-family: D-DIN;width: 100%;position: relative;  color: #888888;}
.b-time:after{content: '';opacity: 0; position: absolute;top: 0;right: 0;width: .2rem;height: 100%; background-image: url('../images/a4-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.b-item:hover  {background-color: #ff3333;}
.b-item:hover .b-img img{transform: scale(1.05);}
.b-item:hover .b-text:before{background-color: #fff;}
.b-item:hover .b-name{color: #ffffff;}
.b-item:hover .b-intro{color: rgba(255,255,255,.5);}
.b-item:hover .b-time{color: rgba(255,255,255,.5);}
.b-item:hover .b-time:after{opacity: 1;}

.b-item:first-child{width: 64.07%;min-height: 5.5rem;}
.b-item:first-child .b-img{width: 100%;height: 100%;padding-top: 0;}
.b-item:first-child .b-text{position: absolute;bottom: 0;left: 0;padding: 0 .4rem; background-color: rgba(0,0,0,.5);}
.b-item:first-child .b-text:before{display: none;}
.b-item:first-child .b-name{color: #ffffff;line-height: .7rem;}
.b-item:first-child .b-intro{display: none;}
.b-item:first-child .b-time{display: none;}

.b-item:first-child .b-name{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .b-item:first-child .b-name{font-size: 14.4px;}
}

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

    .b-item:first-child{min-height: 1rem;width: 100%;}
    .b-item:first-child .b-img{height: auto;padding-top: calc(552/945*100%);}
}

.c-a{width: 100%;padding-top: .2rem;padding-bottom: 1.78rem; background-color: #f7f7f7;}
.c-main{width: 14.4rem;margin: 0 auto;}
.c-cont{width: 100%;background-color: #ffffff;padding: .7rem .5rem 1.5rem;}
.c-top{width: 100%;text-align: center;margin-bottom: .5rem;}
.c-titles{font-family: SourceHanSansCN-Medium;color: #000000;line-height: 1.35;margin-bottom: .3rem;}
.c-tr{width: 100%;font-size: 0;padding-bottom: .3rem;}
.c-td{font-family: D-DIN;display: inline-block;vertical-align: middle;margin: 0 .25rem .3rem; color: #737373;line-height: 1.5;}

.c-b{width: 100%;position: relative;}
.c-b:before{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;}
.c-share{display: inline-block;position: relative;z-index: 28;background-color: #fff;padding: 0 .7rem;}
.c-icon{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem;}
.c-icon1{display: block;width: .5rem;height: .5rem;line-height: .5rem;border-radius: 50%; background-color: #f7f7f7;}
.c-icon1>img{max-width: 50%;max-height: 50%;}
.c-icon2{display: none;width: .5rem;height: .5rem;line-height: .5rem;border-radius: 50%; background-color: #ff3333;}
.c-icon2>img{max-width: 50%;max-height: 50%;}
.c-icon:hover .c-icon1{display: none;}
.c-icon:hover .c-icon2{display: block;}

.c-textbox{width: 100%;color: #555555;line-height: 2;font-family: SourceHanSansCN-Regular;padding-bottom: 1.2rem;}
.c-textbox *{line-height: inherit;max-width: 100%;} 
.c-buttom{width: 100%;padding: 0 1.55rem; display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.c-item{width: 4.5rem;}
.c-tip{font-family: SourceHanSansCN-Regular; color: #999999;margin-bottom: .32rem;}
.c-link{font-family: SourceHanSansCN-Regular;width: 100%;line-height: 1.5;color: #333333; cursor: pointer;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-link:hover{color: #ff3333;}

@media(max-width:750px) { 
    .c-a{padding-top: .8rem;padding-bottom: .8rem;}
    .c-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .c-cont{padding: .5rem 10px .8rem;}
    .c-textbox{padding-bottom: .6rem;}
    .c-buttom{width: 100%;padding: 0 0;}
    .c-item{width: 100%;margin-bottom: .35rem;}
    .c-titles br{display: none;}
}

.d-a{width: 100%;}
.d-top{width: 100%;padding: .95rem 10px .75rem;text-align: center;margin: 0 auto;}
.d-a .my-titles{margin-bottom: .25rem;}
.d-titles:before{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.175rem; width: .35rem;height: .03rem;background-color: #ff3333;}
.d-textbox{font-family: SourceHanSansCN-Regular;line-height: 2;width: 100%;max-width: 46em;margin: 0 auto; color: #555555;}
.d-textbox *{line-height: inherit;}

.d-bottom{width: 100%;padding-top: .3rem;padding-bottom: .6rem; background-color: #f4f7fc;}
.d-cont{width: 14.4rem;margin: 0 auto;}
.d-item{padding: .5rem 0; display: flex;font-size: 0;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.d-img{width: 7.2rem;height: 4.6rem;overflow: hidden;position: relative;}
.d-img img{transform: scale(1.00);transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.d-text{width: 5.7rem;font-size: 1.2rem;}
.d-b{width: 100%;position: relative;margin-bottom: .3rem;}
.d-nub{font-family: D-DIN-Bold;position: absolute;bottom: 0;left: -.61em;color: #ff3333;font-size: 1.2rem;}
.d-name{font-family: SourceHanSansCN-Heavy;position: relative;z-index: 28; color: #333333;background-color: #f4f7fc;padding: .1rem 0;}
.d-intro{font-family: SourceHanSansCN-Medium;color: #555555;line-height: 1.8;}
.d-intro *{line-height: inherit;}



@media(min-width:750px) {  
    .d-item:nth-child(2n){flex-direction: row-reverse;}
    .d-item:nth-child(2n) .d-text{margin-left: .61em;}
}

@media(max-width:750px) {  
    .d-top{ max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .d-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .d-item{width: 100%;padding: .3rem 0;}
    .d-img{width: 100%; height: auto;padding-top: calc(460/720*100%);}
    .d-text{width: 100%;padding: .8rem 0 .2rem .61em ;}

}

.e-a{width: 100%;padding-top: .8rem;padding-bottom: 1.6rem;}
.e-a .my-titles{margin-bottom: .5rem;}
.e-main{width: 14.4rem;margin: 0 auto;}

.e-cont{width: 100%;position: relative;}
.e-b{width: 100%;}
.e-item{width: 4.52rem;margin-right: .4rem;}
.e-item:last-child{margin-right: 0;}
.e-link{display: block;width: 100%;cursor: pointer;}
.e-img{width: 100%;padding-top: calc(290/452*100%);overflow: hidden;position: relative;}
.e-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.e-text{width: 100%;padding: .3rem 0 .2rem;}
.e-time{font-family: D-DIN; color: #888888;margin-bottom: .25rem;}
.e-name{ font-family: SourceHanSansCN-Regular; margin-bottom: .1rem;color: #333333;line-height: 1.25;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-intro{font-family: SourceHanSansCN-Regular; color: #888888;line-height: 2.1;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e-link:hover .e-img img{transform: scale(1.05);}
.e-link:hover .e-name{color: #ff3333;}

.e-pagination{display: none; position: absolute;bottom: -.8rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.e-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.e-pagination .swiper-pagination-bullet-active{opacity: 1;}

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

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

.g-a{width: 100%;padding-top: .82rem;padding-bottom: 1.8rem;}
.g-main{width: 14.4rem;margin: 0 auto;}
.g-cont{width: 100%;}
.g-top{width: 100%;font-size: 0;margin-bottom: .7rem;}
.g-left{display: inline-block;vertical-align: middle;width: 45%;padding-right: .65rem;}
.g-right{display: inline-block;vertical-align: middle;padding-right: .1rem; width: 55%;position: relative;}
.g-right:after{content: '';position: absolute;right: 0;bottom: -.1rem;display: block; width: 32.28%;height: 66.6%; background-color: #ff3333;}
.g-img{width: 100%;position: relative;z-index: 28;}
.g-img img{width: 100%;}
.g-name{font-family: SourceHanSansCN-Medium;margin-bottom: .2rem; padding-bottom: .33rem;position: relative; color: #333333;}
.g-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .35rem;height: .03rem;background-color: #ff3333;}
.g-intro{font-family: SourceHanSansCN-Regular;line-height: 1.8;max-height: 4.4rem; text-indent: 2em; color: #555555;}
.g-intro *{line-height: inherit;}
.g-intro .mCSB_container{padding-right: .1rem;}

.g-middle{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .3rem;}
.g-item{display: block;width: 22.97%; padding: .5rem .35rem 3.88em;margin-right: 2.7%; background-color: #f3f6fa;margin-bottom: .3rem;position: relative;}
.g-item:before{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-bottom: 3.88em solid #ff3333;border-left: 3.88em solid transparent;}
.g-item:nth-child(4n){margin-right: 0;}
.g-nub{position: absolute;bottom: .13rem;right: .1rem;z-index: 18; font-family: D-DIN; color: #ffffff;} 

.g-icon{position: relative;top: 0;transition: all ease .5s; width: 100%;text-align: center;height: .42rem;margin-bottom: .25rem;}
.g-icon img{height: 100%;}
.g-text{width: 100%;}
.g-tip{margin-bottom: .3rem; font-family: SourceHanSansCN-Bold;color: #ff3333;line-height: 1.27;text-align: center;}
.g-tr{width: 100%;}
.g-td{font-family: SourceHanSansCN-Regular;position: relative; color: #555555;line-height: 2;}
.g-td:before{content: '·';position: absolute;top: 0;left: -.05rem;height: 2em;line-height: 2em; transform: translate(-100%,0);}
.g-tr p{font-family: SourceHanSansCN-Regular;position: relative; color: #555555;line-height: 2;}
.g-tr p:before{content: '·';position: absolute;top: 0;left: -.05rem;height: 2em;line-height: 2em; transform: translate(-100%,0);}
.g-item:hover .g-icon{top: -5px;}

.g-bottom{width: 100%;}
.g-textbox{font-family: SourceHanSansCN-Regular;color: #555555;  line-height: 2;}
.g-textbox *{line-height: inherit;max-width: 100%;}

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

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

@media(max-width:450px) {  
    .g-item{width: 100%;margin-right: 0;}
}

.i-a{width: 100%;padding-top: .85rem;padding-bottom: 1.77rem;background-color: #f6fafd;background-image: url('../images/b37.jpg'); background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.i-main{width: 14.4rem;margin: 0 auto;}
.i-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.i-item{display: inline-block;vertical-align: top;position: relative;cursor: pointer; width: 31.53%; margin-right: 2.7%;margin-bottom: .6rem;background-color: #ffffff;}
.i-item:before{content: '';position: absolute;bottom: .3rem;left: .3rem;width: .24rem;height: .03rem;background-color: #ff3333;}
.i-item:nth-child(3n){margin-right: 0;}
.i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/453*100%);}
.i-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.i-text{width: 100%;padding: .3rem .3rem .55rem; }
.i-name{font-family: SourceHanSansCN-Regular; color: #333333;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-item:hover .i-img img{transform: scale(1.05);}

.i-bottom{font-family: SourceHanSansCN-Regular;padding: .15rem;text-align: center;  line-height: 1.5; color: #333333;width: 100%;background-color: #ffffff;}

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

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

.j-a{width: 100%;padding-top: .84rem;padding-bottom: 1.78rem;}
.j-a .my-titles{margin-bottom: .6rem;}
.j-main{width: 14.4rem;margin: 0 auto;}
.j-img{width: 100%;margin-bottom: .8rem;}
.j-img img{width: 100%;}
.j-cont{width: 100%;}
.j-top{width: 100%;font-size: 0;padding:  .25rem 0 .25rem .9rem;background-color: #ff3333;}
.j-tip{font-family: SourceHanSansCN-Regular; color: #ffffff;display: inline-block;vertical-align: middle;text-align: center;}

.j-tip:nth-child(1){width: 22.5%;text-align: left;}
.j-tip:nth-child(2){width: 18.7%;}
.j-tip:nth-child(3){width: 26.3%;}
.j-tip:nth-child(4){width: 18.7%;}

.j-bottom{width: 100%;}
.j-item{width: 100%;}
.j-b{width: 100%;font-size: 0;cursor: pointer; padding:  .25rem 0 .25rem .9rem;border-bottom: 1px solid #f0f0f0;}
.j-name{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: 22.5%; color: #333333;line-height: 1.55;}
.j-number{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: 18.7%;text-align: center; color: #333333;line-height: 1.55;}
.j-branch{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: 26.3%;text-align: center; color: #333333;line-height: 1.55;}
.j-time{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: 18.7%;text-align: center; color: #333333;line-height: 1.55;}
.j-more{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: 13.8%;text-align: center; color: #ff3333;line-height: 1.55;}

.j-sub{display: none;padding: .45rem .9rem .1rem; background-color: #f6f7f9;width: 100%;border-bottom: 1px solid #f0f0f0;}
.j-tr{width: 100%;padding-bottom: .3rem;}
.j-td{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;margin-right: .8rem;margin-bottom: .2rem;line-height: 1.55; color: #666666;}
.j-list{width: 100%;font-size: 0;margin-bottom: .3rem;}
.j-one{display: inline-block;vertical-align: top;width: 47.5%;margin-right: 5%;margin-bottom: .3rem;}
.j-one:nth-child(2n){margin-right: 0;}
.j-c{font-family: SourceHanSansCN-Medium; color: #ff3333;margin-bottom: .2rem;}
.j-textbox{color: #666666;line-height: 2;}
.j-textbox *{line-height: inherit;}
.j-d{width: 100%;padding: .35rem 0; border-top: 1px solid #e5e5e5;}
.j-e{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.6;}
.j-span{color: #ff3333;}

.j-buttom{width: 100%;font-size: 0;padding-bottom: .15rem;}
.j-apply{margin-right: .2rem; font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem 0;color: #ff3333;text-align: center; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.j-apply:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;} 

.j-share{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem 0;color: #ff3333;text-align: center; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.j-share:before{content: '';display: inline-block;vertical-align: middle;margin-right: .2rem; width: 1.44em;height: 1.5em;background-image: url('../images/a92.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.j-share:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;} 
.j-share:hover:before{background-image: url('../images/a92-b.png');}

@media(max-width:750px) {   
    .j-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .j-top{padding: .25rem .15rem;}
    .j-b{padding: .25rem .15rem;}
    .j-sub{ padding: .5rem .3rem;}
    .j-td{margin-right: .25rem;}
    .j-one{width: 100%;margin-right: 0;}
}

.k-a{width: 100%;padding-top: .85rem;padding-bottom: 1.7rem;background-color: #fff;background-image: url('../images/b40.jpg'); background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.k-main{width: 14.4rem;margin: 0 auto;}
.k-cont{width: 100%;}
.k-top{width: 100%; position: relative;background-color: #ffffff;margin-bottom: .8rem;}
.k-picture{display: block;width: 47.9%;}
.k-picture img{width: 100%;}

.k-rt{position: absolute;top: 0;right: 0;padding: .3rem 0  ; width: 52.1%;height: 100%;overflow: auto;}
.k-td{width: 100%;padding: 0 .5rem 0 .25rem; font-size: 0;display: flex;flex-wrap: wrap;align-items: flex-start; margin-bottom: .3rem;}
.k-tip{display: flex;align-items: center;justify-content: center; width: 5.6em;min-height: 1.8em;}
.k-time{font-family: D-DIN; color: #ff3333;line-height: 1.2;}
/* .k-time{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .k-time{font-size: 14.4px;}
} */
.k-textbox{ width: calc(100% - 6em); font-family: SourceHanSansCN-Regular;color: #333333;line-height: 1.8;}
.k-textbox *{line-height: inherit;font-size: inherit !important;}

.k-bottom{width: 100%;font-size: 0;padding-bottom: .35rem;display: flex;flex-wrap: wrap;}
.k-item{display: inline-block;vertical-align: top;background-color: #ebf0f5; position: relative; margin-right: 2.7%; margin-bottom: .5rem;width: 22.97%; text-align: center; background-color: #ffffff;border: solid 1px #ebf0f5;}
.k-item:nth-child(4n){margin-right: 0;}
.k-item:before{content: '';opacity: 0;transition: all ease .5s; position: absolute;top: 0;left: 0; width: 0;height: 0;border-top: .15rem solid #ff3333;border-right: .15rem solid transparent;}
.k-b{width: 100%;position: relative;}
.k-icon{opacity: 0;transition: all ease .5s;position: absolute;bottom: .15rem;right: .15rem;cursor: pointer; width: .2rem;min-width: 15px;}
.k-icon img{width: 100%;}
.k-img{width: 100%;height: 2.5rem;line-height: 2.5rem;background-color: #fff; }
.k-img img{max-width: 82%;max-height: 86%;}
.k-text{display: block;width: 100%;padding:  .15rem .15rem; cursor: pointer;transition: all ease .5s;}
.k-name{font-family: SourceHanSansCN-Regular; color: #555555;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.k-item:hover{border: solid 1px #ff3333;}
.k-item:hover:before{opacity: 1;}
.k-item:hover .k-icon{opacity: 1;}
.k-item:hover  {background-color: #ff3333;}
.k-item:hover .k-name{ color: #fff;}

.k-more{width: 100%;text-align: center;position: relative;}
.k-more:before{content: '';position: absolute;top: .34rem;left: 0;width: 100%; height: 1px;background-color: #f6f7f9;}
.k-c{display: inline-block;position: relative;text-align: center;cursor: pointer;}
.k-cimg{display: inline-block;margin-bottom: .2rem; height: .68rem;padding: 0 .15rem;background-color: #fff;}
.k-cimg img{height: 100%;max-width: none;}
.k-ctext{font-family: SourceHanSansCN-Regular; color: #999999;}
.k-c:hover .k-ctext{color: #ff3333;}

@media(max-width:750px) {   
    .k-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .k-picture{width: 100%;}
    .k-rt{width: 100%;position: relative;height: 380px;background-color: #f6fafd;}
    .k-td{padding: 0 .3rem;}
    .k-tip{width: 100%; }
    .k-textbox{width: 100%;}

    .k-item{width: calc(50% - 5px);margin-right: 10px;}
    .k-item:nth-child(2n){margin-right: 0;}
}

.l-a{width: 100%;padding-top: .84rem;position: relative; overflow: hidden;background-image: url('../images/a20.png'); background-size: 1.6rem auto;background-position: top left;background-repeat: no-repeat;}
.l-a .my-titles{margin-bottom: .43rem;}
.l-a:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: 1.97rem;height: 3.04rem;background-image: url('../images/a21.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.l-main{width: 14.4rem;margin: 0 auto;}
.l-cont{width: 100%;position: relative;padding-bottom: 1rem;}
.l-cont:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background-color: #dcdcdc;}
.l-one{width: 100%;margin-bottom: .73rem;position: relative;z-index: 18;}
.l-top{width: 100%;text-align: center;margin-bottom: .6rem;position: relative;z-index: 18;}
.l-name{transform: scale(1.00);transition: all ease .5s; font-family: SourceHanSansCN-Medium;display: inline-block;position: relative; width: 3.8em;height: 3.8em;text-align: center;line-height: 3.8em; border-radius: 50%; color: #ffffff;background-color: #ff3333; }
.l-name:after{content: '';position: absolute;bottom: -4px;left: 50%;margin-left: -5px;border-top: 5px solid #ff3333;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.l-one.show .l-name{transform: scale(1.2);}

.l-bottom{width: 100%;font-size: 0;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.l-left{width: 50%;text-align: center;}
.l-b{display: inline-block; width: 5.2rem;}
.l-item{width: 100%;}
.l-link{width: 100%;display: block;cursor: pointer;}
.l-img{width: 100%;}
.l-img img{width: 100%;}

.l-pagination{position: absolute;bottom: .3rem;left: 0;padding: 0 .25rem; width: 100%;text-align: left;font-size: 0;} 
.l-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; margin: 0 5px;opacity: 1; width: 8px;height: 8px;background-color: #ffffff;}
.l-pagination .swiper-pagination-bullet-active{background-color: #ff3333;}

.l-right{width: 50%;padding-left: 1.05rem;}
.l-tr{width: 100%;}
.l-td{display: block;width: 100%;padding: .2rem 0;}
.l-c{width: 100%;position: relative;margin-bottom: .1rem;}
.l-icon{position: absolute;top: 50%;left: -1.15rem;margin-top: -.1rem;cursor: pointer; width: .2rem;height: .2rem;background-image: url('../images/a22.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}
.l-year{font-family: D-DIN; color: #ff3333;}
.l-textbox{font-family: SourceHanSansCN-Regular; color: #555555;line-height: 1.5;}
.l-textbox *{line-height: inherit;}

.l-td.active .l-icon{background-image: url('../images/a22-b.png');}

@media(min-width:750px) {  
    .l-one:nth-child(2n) .l-bottom{flex-direction: row-reverse;}
    .l-one:nth-child(2n) .l-right{text-align: right;padding-left: 0;padding-right: 1.05rem;}
    .l-one:nth-child(2n) .l-icon{left: auto;right: -1.15rem;}
}

@media(max-width:750px) {   
    .l-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .l-cont{padding-left: 1.9em;}
    .l-cont:before{left: 1.9em;}
    .l-top{text-align: left;}
    .l-left{width: 100%;padding-left: .6rem;}
    .l-name{position: relative;left: -1.9em;}
    .l-b{width: 100%; }
    .l-right{width: 100%;padding-left: .6rem;}
    .l-icon{left: -.8rem;width: .4rem;height: .4rem;margin-top: -.2rem;}
}

.m-a{width: 100%;padding-top: .82rem;padding-bottom: .32rem;background-color: #f5f7fb;}
.m-a .my-titles{margin-bottom: .5rem;}
.m-main{width: 14.4rem;margin: 0 auto;}
.m-navbox{width: 100%;font-size: 0;text-align: center;margin-bottom: .35rem;}
.m-nav{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem;color: #ff3333; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.m-nav:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.m-nav.active{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}

.m-top{display: block;margin-bottom: .55rem;width: 100%;}
.m-container{width: 100%;}
.m-slide{width: 100%;}
.m-goods{display: flex;align-items: center;justify-content: flex-end; cursor: pointer; width: 100%; position: relative; cursor: pointer;min-height: 4.4rem; background-color: #ffffff;}
.m-left{position: absolute;top: 0;left: 0;height: 100%; width: 9.3rem;}
.m-b{width: 100%;height: 100%;}
.m-one{width: 100%;height: 100%;}
.m-c{width: 100%;height: 100%;}
.m-one .m-img{position: absolute;top: 0;left: 0; z-index: 18; width: 100%;height: 100%;}
.m-one .m-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.m-product{position: absolute;top: 0;left: 0; z-index: 88; width: 100%;height: 100%;}
.m-product img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.m-right{display: inline-block; width: 3.9rem;padding: .3rem 0; margin-right: .6rem;text-align: left;}
.m-d{width: 100%;position: relative;padding-bottom: .35rem;margin-bottom: .3rem;}
.m-d:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.m-d:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.m-series{font-family: SourceHanSansCN-Medium;margin-bottom: .1rem; line-height: 1.28; color: #ff3333;}
.m-right .m-name{font-family: SourceHanSansCN-Bold; color: #333333;line-height: 1.33;}
.m-textbox{font-family: SourceHanSansCN-Regular;  color: #666666;line-height: 1.7;}
.m-textbox *{line-height: inherit;}
.m-right .m-more{margin-top: .3rem; font-family: SourceHanSansCN-Regular;position: relative;z-index: 0; color: #ffffff;display: inline-block;padding: .14rem .23rem;background-color: #ff3333; }
.m-right .m-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.m-right .m-more:before{content: ''; position: absolute;top: 0;left: 0;z-index: -1;transition: all ease .5s; width: 0;height: 100%;background-color: #0264cc;}
.m-right .m-more:hover:before{width: 100%;}

.m-cont{width: 100%;position: relative;margin-bottom: .75rem;}
.m-e{width: 100%;padding: 6px 0;}
.m-item{width: 4.53rem;margin-right: .4rem;}
.m-item:last-child{margin-right: 0;}
.m-link{width: 100%;display: block;cursor: pointer;position: relative; background-color: #ffffff;}
.m-f{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.m-icon{position: absolute;top: -.06rem; left:  .1rem;z-index: 18;width: .55rem;}
.m-icon img{width: 100%;}
.m-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.m-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.m-link .m-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.m-link .m-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.m-link .m-text{width: 100%;padding: .35rem .35rem   .7rem .35rem;}
.m-g{width: 100%;position: relative;padding-bottom: .25rem;margin-bottom: .3rem;}
.m-g:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.m-g:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.m-link .m-name{font-family: SourceHanSansCN-Medium;  color: #333333;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-tr{width: 100%;position: relative;height: 7.2em;overflow: auto;  }
.m-td{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.8;}
.m-link .m-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .56rem;text-align: center;}
.m-link .m-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .35rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.m-pagination{display: none; position: absolute;bottom: -.4rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.m-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.m-pagination .swiper-pagination-bullet-active{opacity: 1;}

.m-prev{left: -1.3rem;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.m-prev:hover{background-color: #ff3333;}
.m-next{right: -1.3rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.m-next:hover{background-color: #ff3333;}

.m-link:hover  .m-img img{transform: scale(1.05);}
.m-link:hover .m-more{color: #ffffff;	background-color: #ff3333;}
.m-link:hover .m-more:after{background-image: url('../images/a4-b.png');}

/* body.kitchen .m-d{padding-bottom: .5rem;margin-bottom: .6rem;} */
@media(max-width:1200px) {   
    .m-prev{left: -.7rem;}
    .m-next{right: -.7rem;}
}

@media(min-width:750px) {   
    .m-slide{margin-right: 2px;}
}

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

    .m-goods{display: block;}
    .m-left{position: relative; width: 100%;height: auto;}
    .m-b{height: auto;}
    .m-one{height: auto;}
    .m-c{position: relative; height: auto;padding-top: calc(440/930*100%);} 
    .m-right{width: 100%;margin-right: 0;padding: .35rem .3rem;}

    .m-item{width: calc(50% - 5px);margin-right: 10px;}
    .m-link .m-text{padding: .3rem 10px .6rem;}

    .m-prev{display: none;}
    .m-next{display: none;}
    .m-pagination{display: block;}
}

.n-a{width: 100%;padding-top: .9rem;padding-bottom: 1rem; background-color: #ffffff;}
.n-main{width: 14.4rem;margin: 0 auto;}
.n-cont{display: block; width: 100%;font-size: 0;}
.n-left{display: inline-block;vertical-align: middle;width: 51.39%;padding-right: 1.1rem;}
.n-right{display: inline-block;vertical-align: middle;width: 48.61%;}
.n-img{width: 100%;}
.n-img img{width: 100%;}
.n-titles{margin-bottom: .3rem;font-family: SourceHanSansCN-Medium;padding-bottom: .33rem; color: #333333;position: relative;}
.n-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .35rem;height: .03rem;background-color: #ff3333;}
.n-textbox{ line-height: 1.8; font-family: SourceHanSansCN-Regular; color: #333333;}
.n-textbox *{line-height: inherit;}


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

.o-a{width: 100%;padding-top: .8rem;padding-bottom: 1.8rem; background-color: #f5f7fb;}
.o-a .my-titles{margin-bottom: .5rem;}
.o-main{width: 14.4rem;margin: 0 auto;}
.o-cont{width: 100%;position: relative;}
.o-b{width: 100%;}
.o-item{width: 4.53rem;margin-right: .4rem;}
.o-item:last-child{margin-right: 0;}
.o-link{display: block;width: 100%;cursor: pointer;transition: all ease .5s; background-color: #ffffff;}
.o-img{width: 100%;position: relative;padding-top: calc(300/453*100%);overflow: hidden;}
.o-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.o-text{width: 100%;padding: .35rem .3rem;}
.o-name{font-family: SourceHanSansCN-Regular;margin-bottom: .15rem;padding-right: .9em;position: relative; color: #333333;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* .o-name:after{content: '';position: absolute;top: 0;right: 0;width: .833em;height: 100%;background-image: url('../images/a4-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} */
.o-tr{width: 100%;min-height: 3.6em;}
.o-td{font-family: SourceHanSansCN-Regular; color: #666666;line-height: 1.8;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

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

.o-pagination{display: none; position: absolute;bottom: -.8rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.o-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.o-pagination .swiper-pagination-bullet-active{opacity: 1;}

.o-prev{display: none;}
.o-next{display: none;}

@media(max-width:750px) {   
    .o-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .o-item{width: calc(50% - 5px);margin-right: 10px;}
    .o-text{padding: .3rem 10px;}
    .o-tr{font-size: 12px;}
    .o-td{font-size: 12px;}

    .o-pagination{display: block;}
}

.p-a{width: 100%; background-color: #e5edf6;}  
.p-top{width: 14.4rem;margin: 0 auto;padding-top: .46rem;padding-bottom: .85rem; }
.p-cont{width: 100%;font-size: 0;}
.p-left{display: inline-block;vertical-align: top;width: 54%;position: relative;}
.p-b{width: 100%;margin-bottom: .35rem;}
.p-item{width: 100%;}
.p-img{width: 100%;cursor: pointer;}
.p-img img{width: 100%;}

.p-pagination{ position: static;font-size: 0; width: 100%;text-align: center;}
.p-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem;opacity: .2; width: .14rem;height: .14rem;background-color: #ff3333;}
.p-pagination .swiper-pagination-bullet-active{opacity: 1;}

.p-prev{display: none;}
.p-next{display: none;}

.p-right{display: inline-block;vertical-align: top;padding-top: .2rem; width: 46%;padding-left: 1rem;}
.p-name{font-family: SourceHanSansCN-Bold;line-height: 1.5;margin-bottom: .3rem; color: #ff3333;}
.p-intro{font-family: D-DIN;line-height: 1.33;min-height: 1.1rem;padding-bottom: .3rem; color: #333333;}
.p-intro *{line-height: inherit;}
.p-list{width: 100%;padding-bottom: .65rem;}
.p-one{display: inline-block;vertical-align: middle; transition: all ease .5s;margin: 0 .2rem .2rem 0; cursor: pointer;min-width: 1.5rem;padding: 0 .15rem;text-align: center; border: solid 1px #ff3333;}
.p-one:last-child{margin-right: 0;}
.p-icon{display: inline-block;vertical-align: middle;}
.p-icon1{display: block;height: 1.125em;}
.p-icon1 img{max-width: none;height: 100%;}
.p-icon2{display: none;height: 1.125em;}
.p-icon2 img{max-width: none;height: 100%;}
.p-text{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;margin-left: .1rem; line-height: .46rem; color: #ff3333;}
.p-one:hover  {background-color: #ff3333;}
.p-one:hover .p-icon1{display: none;}
.p-one:hover .p-icon2{display: block;}
.p-one:hover .p-text{color: #ffffff;}
.p-tip{font-family: SourceHanSansCN-Regular;margin-bottom: .15rem; color: #333333;}
.p-phone{font-family: D-DIN-Bold;color: #e50012;display: inline-block;cursor: pointer;}

.p-bottom{width: 100%;padding-top: .8rem;padding-bottom: .9rem; background-color: #f5f7fb;} 
.p-c{width: 14.4rem;margin: 0 auto;}
.p-d{width: 100%;margin-bottom: .8rem;padding-bottom: .6rem; display: flex;justify-content: space-between;flex-wrap: wrap; border-bottom: 1px solid #e4e4e4;}
.p-d:last-child{border-bottom:none;margin-bottom: 0;}
.p-lt{display: block;flex: 1;}
.p-titles{font-family: SourceHanSansCN-Medium;color: #333333;position: relative;padding-bottom: .33rem;margin-bottom: .3rem;}
.p-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .03rem;background-color: #ff3333;}
.p-rt{width: 12.5rem;}
.p-textbox{font-family: SourceHanSansCN-Regular;color: #555555;line-height: 2.4;}
.p-textbox *{line-height: inherit;}

.p-table{width: 100%;}
.p-e{ font-family: SourceHanSansCN-Regular;padding: .15rem .4rem;line-height: 1.41; color: #f5f7fb;background-color: #ff3333;}

.p-table *{word-break: break-all;}
.p-table table{border: none;width: 100%;}
.p-table tr{border: none;width: 100%;background-color: #d9e0ed;}
.p-table tr:nth-child(2n){width: 100%;background-color: #ebeff6;}
.p-table td{font-family: SourceHanSansCN-Regular;border: none; border-right :  .02rem solid #f5f7fb; padding: .12rem .1rem;line-height: 2.25; text-align: center !important;  color: #333333;}
/* .p-table td:first-child{padding-left: .4rem; text-align: left;} */
.p-table td *{line-height: inherit;}

.p-table table tr:first-child{background-color: #ff3333;}
.p-table table tr:first-child td{font-family: SourceHanSansCN-Regular;padding: 0.15rem 0.4rem;line-height: 1.41;color: #f5f7fb;font-size: calc(24 * 100vw / 1920);}

.p-series{font-family: SourceHanSansCN-Medium; color: #ff3333;}

.p-f{width: 100%;font-size: 0;}
.p-g{display: inline-block;vertical-align: top;margin-top:  .6rem;padding: 0 .1rem; width: 33.33%;text-align: center;}
.p-gimg{width: 100%;margin-bottom: .3rem;position: relative;top: 0;transition: all ease .5s;}
.p-gimg img{width: 1.1rem;}
.p-gtext{color: #333333;line-height: 1.8;}
.p-g:hover .p-gimg{top: -5px;}


.p-g:nth-child(1){margin-top: 0;}
.p-g:nth-child(2){margin-top: 0;}
@media(min-width:750px) {   
    .p-g:nth-child(3){margin-top: 0;}
    body.kitchen_details .p-right{padding-top: .95rem;}
}

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

    .p-c{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .p-lt{width: 100%;flex: none;}
    .p-g{width: 50%;}
    .p-rt{flex: none; width: 100%;}
    .p-textbox{line-height: 1.8;}
    .p-table td{padding: .15rem .05rem;line-height: 1.8;}
}

.q-a{width: 100%;padding-top: .82rem;padding-bottom: 1.62rem; background-color: #f5f7fb;}
.q-a .my-titles{margin-bottom: .5rem;}
.q-main{width: 14.4rem;margin: 0 auto;}
.q-top{width: 100%;padding-bottom: .4rem;}
.q-textbox{font-family: SourceHanSansCN-Regular;line-height: 1.8; color: #333333;width: 100%;}
.q-textbox *{line-height: inherit;max-width: 100%;}

.q-bottom{width: 100%;}
.q-list{width: 100%;font-size: 0;display: flex; flex-wrap: wrap;}
.q-item{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;width: 29%;width: 48.55%; margin-right: 2.9%; padding: .45rem .4rem; margin-bottom: .2rem; background-color: #ffffff;}
.q-item:nth-child(2n){margin-right: 0;}
.q-icon{display: block;width: .87rem;}
.q-icon img{width: 100%;}
.q-text{display: block;width: calc(100% - 1.2rem);}
.q-name{font-family: SourceHanSansCN-Medium;line-height: 1.41;margin-bottom: .08rem; color: #333333;}
.q-intro{font-family: SourceHanSansCN-Regular;line-height: 1.66; color: #555555;}

.q-item:hover .q-name{color: #ff3333;}
@media(min-width:750px) {   
    body.system .q-item{width: 31.4%;}
    body.system .q-item:nth-child(2n){margin-right: 2.9%;}
    body.system .q-item:nth-child(3n){margin-right: 0;}
    body.system .q-intro{line-height: 1.8;}
}
@media(max-width:750px) {   
    .q-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .q-item{width: 100%;margin-right: 0;}
    .q-icon{width: 50px;}
    .q-text{width: calc(100% - 80px);}
}

.r-main{width: 100%;max-width: 14.4rem;margin: 0 auto; padding-bottom: .6rem; }
.r-cont{width: 100%;background-color: #ffffff;padding: 0 .5rem .48rem ;}
.r-form{width: 100%;}
.r-top{width: 100%;text-align: center;margin-bottom: .3rem; border-bottom: 1px solid #f4f4f4;padding: .2rem 0;}
.r-titles{font-family: SourceHanSansCN-Bold;line-height: 1.26;color: #ff3333;}
.r-middle{width: 100%; margin-bottom: .4rem;}
.r-buttom{width: 100%;text-align: center;padding-top: .05rem;}
.r-submit{font-family: SourceHanSansCN-Regular; color: #ffffff;display: inline-block;border: none;cursor: pointer;padding:  .17rem  .48rem;	background-color: #ff3333;border: solid 1px #ff3333;}
.r-list{width: 100%;font-size: 0;}
.r-item{display: inline-block;vertical-align: middle;width: 27.8%;margin-bottom: .3rem; margin-right: 3%;}
.r-item:nth-child(3n){margin-right: 0;}
.r-tip{font-family: SourceHanSansCN-Regular; color: #555555;display: inline-block;vertical-align: middle;line-height: 1.3;width: 5em;}
.r-b{display: inline-block;vertical-align: middle;width: calc(100% - 5em);position: relative;}
.r-c{font-family: SourceHanSansCN-Regular; color: #555555;border: none; width: 100%;padding: 0 .2rem; height: .5rem;background-color: #f5f7fb;}
.r-d{font-family: SourceHanSansCN-Regular; color: #999999;position: absolute;top: 50%;right: .2rem;transform: translate(0,-50%);}
.r-e{width: 100%;font-size: 0;}
.r-f{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.r-g{display: block;width: 1.1rem;position: relative;}
.r-h{font-family: SourceHanSansCN-Regular; color: #555555;border: none; width: 100%;padding: 0 .2rem; height: .5rem;background-color: #f5f7fb;}
.r-i{font-family: SourceHanSansCN-Regular; color: #999999;position: absolute;top: 50%;right: .2rem;transform: translate(0,-50%);}
.r-line{font-family: SourceHanSansCN-Regular;color: #bbbbbb;}
.r-add{font-family: SourceHanSansCN-Regular;color: #555555;}

.r-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%;	background-color: #f5f7fb;position: relative;padding-right: .55rem;padding-left: .2rem;white-space:nowrap}
.r-form .select-w .cur{font-family: SourceHanSansCN-Regular;width: 100%;display: inline-block;vertical-align: top;height: .5rem;line-height: .5rem; color: #555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.r-form .select-w select{position: absolute;width: 100%;height: 100%;cursor: pointer; padding-left: .2rem;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.r-form .select-w:after{content: ''; position: absolute;top: 0;right: .2rem;width: .15rem;height: 100%;background-image: url('../images/a47.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.r-form .lb-label{display: inline-block;vertical-align: top;cursor: pointer;padding: .05rem 0;margin-right: .4rem; font-size: 0;position: relative;}
.r-form .lb-label:last-child{margin-right: 0;}
.r-form .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;width: .88em;height: 1em; margin-right: .1rem;background-image: url('../images/a48.png');background-size: 96% auto;background-position: center center;background-repeat: no-repeat;}
.r-form .lb-text{font-family: SourceHanSansCN-Regular;color: #555555;display: inline-block;vertical-align: middle;user-select:none;}
.r-form .lb-label.selected .lb-icon{ background-image: url('../images/a48-b.png');}
.r-form .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.r-goods{width: 100%;background-color: #f5f7fb;padding: .4rem;margin-bottom: .35rem;}
.r-k{font-family: SourceHanSansCN-Regular;margin-bottom: .3rem;line-height: 1.45; color: #555555;}
.r-goods .paging-home{background-color: #ffffff;}
.r-goods .paging-buttom{background-color: #ffffff;}
.r-goods .paging-item{background-color: #ffffff;}

.r-tr{width: 100%;display: flex;flex-wrap: wrap;font-size: 0;padding-bottom: .2rem;}
.r-td{display: block;cursor: pointer;position: relative; background-color: #ffffff;width: 31.46%;margin-bottom: .3rem; margin-right: 2.8%;}
.r-td:nth-child(3n){margin-right: 0;}
.r-l{width: 100%;overflow: hidden;position: relative;padding-top: calc(251/391*100%);}
.r-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.r-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.r-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.r-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.r-text{width: 100%;padding: .3rem .35rem .72rem .35rem;}
.r-m{width: 100%;position: relative;padding-bottom: .22rem; margin-bottom: .22rem;}
.r-m:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.r-m:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.r-name{font-family: SourceHanSansCN-Medium;  color: #333333;line-height: 1.45;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.r-n{width: 100%;position: relative;height: 7.2em;overflow: auto; margin-bottom: .15rem;}
.r-o{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.8;}
.r-o span{color: #ff3333;margin: 0 .15rem;}
.r-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .5rem;text-align: center;}
.r-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.r-td:hover  .r-img img{transform: scale(1.05);}
.r-td:hover .r-more{color: #ffffff;	background-color: #ff3333;}
.r-td:hover .r-more:after{background-image: url('../images/a4-b.png');}

.r-bottom{width: 100%;}
.r-j{font-family: SourceHanSansCN-Regular;color: #333333;line-height: 1.55;}
.r-j span{color: #ff0000;}
.r-textbox{font-family: SourceHanSansCN-Regular;line-height: 1.55; color: #888888;}
.r-textbox *{line-height: inherit;}

.layui-laydate-header *{line-height: inherit;}
.r-layui{padding: 0;text-align: center;}

.r-layui{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .r-layui{font-size: 13.2px;}
}
@media(min-width:750px) { 
    .r-item:nth-child(3n + 1){width: 38.4%;}
    .r-item:nth-child(3n + 3) .r-tip{width: 6.3em;}
    .r-item:nth-child(3n + 3) .r-b{width: calc(100% - 6.3em);}
}

@media(max-width:1200px) {   
    .r-g{width: 1rem;}
}
@media(max-width:750px) {    
    .r-cont{padding: 0 10px .5rem;}
    .r-item{width: 100%;}
    .r-tip{width: 100%;margin-bottom: .1rem;}
    .r-b{width: 100%;}
    .r-c{height: 30px;}
    .r-form .select-w .cur{height: 30px;line-height: 30px;}
    .r-g{width: 28%;}
    .r-h{height: 30px;}

    .r-goods{padding: .3rem 10px;}
    .r-td{width: calc(50% - 5px);margin-right: 10px;}
    .r-td:nth-child(3n){margin-right: 10px;}
    .r-td:nth-child(2n){margin-right: 0;}
    .r-text{padding: .3rem 10px .72rem 10px ;}

}

.s-a{width: 100%;padding-top: .83rem;padding-bottom:  .6rem;}
.s-main{width: 14.4rem;margin: 0 auto;}
.s-cont{width: 100%;font-size: 0;}
.s-item{display: inline-block;vertical-align: top;cursor: pointer; width: 48.6%;margin-right: 2.8%;margin-bottom: .4rem;}
.s-item:nth-child(2n){margin-right: 0;}
.s-name{font-family: SourceHanSansCN-Medium;position: relative; padding-bottom: .33rem;margin-bottom: .37rem; color: #333333;}
.s-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .35rem;height: .03rem;background-color: #ff3333;}

.s-b{width: 100%;position: relative;}
.s-img{width: 100%;overflow: hidden;}
.s-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
/* .s-sub{z-index: -1;opacity: 0;transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; background-color: rgba(1,69,142,.22);} */
/* .s-more{display: inline-block;padding: .15rem .23rem;color: #ffffff;background-color: #ff3333;} */
/* .s-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;width: 1.28em;height: 1em;background-image: url('../images/a4-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} */
/* .s-item:hover .s-sub{opacity: 1;z-index: 18;} */
.s-sub{width: 100%;} 
.s-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333; width: 100%;line-height: .5rem;text-align: center;}
.s-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.s-item:hover .s-more{color: #ffffff;	background-color: #ff3333;}
.s-item:hover .s-more:after{background-image: url('../images/a4-b.png');}
@media(max-width:750px) {   
    .s-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .s-item{width: 100%;margin-right: 0;}
}

.t-a{width: 100%;padding-top: .84rem;padding-bottom: .89rem; background-color: #f5f7fb;}
.t-a .my-titles{margin-bottom:  .5rem;}
.t-main{width: 14.4rem;margin: 0 auto;}
.t-cont{width: 100%;position: relative;}
.t-b{width: 100%;}
.t-item{width: 4.53rem;margin-right: .4rem;}
.t-item:last-child{margin-right: 0;}
.t-link{width: 100%;transition: all ease .5s;display: block;cursor: pointer;text-align: center;	background-color: #ffffff;}
.t-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/453*100%);}
.t-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.t-text{width: 100%;padding: .35rem .3rem;}
.t-name {font-family: SourceHanSansCN-Regular;line-height: 1.41;margin-bottom: .1rem; color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.t-intro {font-family: SourceHanSansCN-Regular; color: #666666;line-height: 1.5; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.t-link:hover{background-color: #ff3333;}
.t-link:hover .t-img img{transform: scale(1.05);}
.t-link:hover .t-name{color: #ffffff;}
.t-link:hover .t-intro{color: #ffffff;}

.t-pagination{display: none; position: absolute;bottom: -.6rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.t-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.t-pagination .swiper-pagination-bullet-active{opacity: 1;}

 
.t-prev{display: none; z-index: 98; left: -.8rem;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.t-prev:hover{background-color: #ff3333;}
.t-next{display: none; z-index: 98; right:  -.8rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.t-next:hover{background-color: #ff3333;}

.t-a.show .t-prev{display: block;}
.t-a.show .t-next{display: block;}
@media(max-width:750px) {   
    .t-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .t-item{width: calc(50% - 5px);margin-right: 10px;}
    .t-text{padding: .3rem 10px;}
    .t-a.show .t-pagination{display: block;}
    .t-a.show .t-prev{display: none;}
    .t-a.show .t-next{display: none;}
}

.u-a{width: 100%;padding-top: .82rem;padding-bottom: 1.4rem;overflow: hidden;}
.u-a .my-titles{margin-bottom:  .5rem;}
.u-main{width: 17rem;margin: 0 auto; position: relative;}
.u-navbox{width: 100%;font-size: 0;text-align: center;margin-bottom: .35rem;}
.u-nav{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem;color: #ff3333; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.u-nav:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.u-nav.active{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.u-cont{width: 100%;position: relative;padding: 0 1.3rem;}
.u-b{ width: 100%;}
.u-item{width: 4.53rem;margin-right: .4rem;}
.u-item:last-child{margin-right: 0;}
.u-link{width: 100%;transition: all ease .5s;display: block;cursor: pointer; 	background-color: #ffffff;}
.u-link .u-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.u-link .u-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.u-link .u-text{width: 100%;padding: .3rem 0;}
.u-c{width: 100%;position: relative;padding-bottom: .25rem;margin-bottom: .2rem;}
.u-c:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.u-c:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.u-link .u-name{font-family: SourceHanSansCN-Medium; line-height: 1.38; color: #333333;width: 100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.u-textbox{font-family: SourceHanSansCN-Regular;max-height: 5.4em;overflow: auto; color: #666666;line-height: 1.8;}
.u-textbox *{line-height: inherit;}

.u-link:hover .u-img img{transform: scale(1.05);}
.u-link:hover .u-name{color: #ff3333;}

.u-pagination{display: none; position: absolute;bottom: -.8rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.u-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.u-pagination .swiper-pagination-bullet-active{opacity: 1;}

.u-prev{left: 0;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.u-prev:hover{background-color: #ff3333;}
.u-next{right: 0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.u-next:hover{background-color: #ff3333;}


.u-list{position: relative; width: 100%;}
.u-one{position: absolute;top: 0;left: -29rem;width: 100%;}
.u-one.show{position: relative;left: 0;}

.u-d{width: 100%;}
.u-d:before{content: '';position: absolute;top: -1%;left: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #fff;}
.u-d:after{content: '';position: absolute;top: -1%;right: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #fff;}
.u-slide{width: 100%;padding: 0 1.3rem;} 
.u-goods{display: flex;align-items: center;justify-content: flex-end; cursor: pointer; width: 100%; position: relative; cursor: pointer;min-height: 4.4rem; background-color: #f5f7fb;}

.u-left{position: absolute;top: 0;left: 0;height: 100%; width: 9.3rem;}
.u-left .u-img{width: 100%;height: 100%;}
.u-left .u-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.u-right{display: inline-block; width: 3.9rem;padding: .3rem 0; margin-right: .6rem;text-align: left;}
.u-g{width: 100%;position: relative;padding-bottom: .35rem;margin-bottom: .3rem;}
.u-g:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.u-g:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.u-series{font-family: SourceHanSansCN-Medium;margin-bottom: .1rem; line-height: 1.28; color: #ff3333;}
.u-right .u-name{font-family: SourceHanSansCN-Bold; color: #333333;line-height: 1.33;}
.u-textbox{font-family: SourceHanSansCN-Regular;margin-bottom: .3rem; color: #666666;line-height: 1.7;}
.u-textbox *{line-height: inherit;}
.u-right .u-more{font-family: SourceHanSansCN-Regular;position: relative;z-index: 0; color: #ffffff;display: inline-block;padding: .14rem .23rem;background-color: #ff3333; }
.u-right .u-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.u-right .u-more:before{content: ''; position: absolute;top: 0;left: 0;z-index: -1;transition: all ease .5s; width: 0;height: 100%;background-color: #0264cc;}
.u-right .u-more:hover:before{width: 100%;}

.u-a.hide .u-cont{position: absolute;left: -29rem;} 

.u-d .u-pagination2{display: none; position: absolute;bottom:0;left: 0;width: 100%;font-size: 0; text-align: center;}
.u-d .u-pagination2 .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.u-d .u-pagination2 .swiper-pagination-bullet-active{opacity: 1;}

.u-d .u-prev2{z-index: 98; left: 0;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.u-d .u-prev2:hover{background-color: #ff3333;}
.u-d .u-next2{z-index: 98; right: 0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.u-d .u-next2:hover{background-color: #ff3333;}

@media(max-width:1200px) {   
    .u-main{width: 15.8rem;}
    .u-cont{padding: 0 .7rem;}
    .u-slide{padding: 0 .7rem;}
    .u-d:before{width: .7rem;}
    .u-d:after{width: .7rem;}
}
@media(max-width:750px) {   
    .u-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .u-item{width: calc(50% - 5px);margin-right: 10px;} 
    .u-prev{display: none;}
    .u-next{display: none;}
    .u-pagination{display: block;}
    .u-nav{margin: 0 .15rem .15rem;}

    .u-cont{padding: 0;}
    .u-slide{padding: 0;}
    .u-d{padding-bottom: .8rem;}
    .u-d:before{display: none;}
    .u-d:after{display: none;}

    .u-left{position: relative; width: 100%;height: auto;} 
    .u-left .u-img{height: auto;padding-top: calc(440/930*100%);}
    .u-right{width: 100%;margin-right: 0;padding: .35rem .3rem;}
 
    .u-goods{display: block;}

    .u-d .u-prev2{display: none;}
    .u-d .u-next2{display: none;}
    .u-d .u-pagination2{display: block;}
}

.v-a{width: 100%;padding-top: .82rem;padding-bottom: .88rem;}
.v-main{width: 14.4rem;margin: 0 auto;}
.v-top{width: 100%;margin-bottom: 1rem;}
.v-top .my-titles{margin-bottom: .22rem;}
.v-textbox{font-family: SourceHanSansCN-Regular;width: 100%;margin: 0 auto .5rem;max-width: 70em;text-align: center; line-height: 1.77; color: #555555;}
.v-img{width: 100%;}
.v-img img{width: 100%;}

.v-cont{width: 100%;position: relative;min-height: 5.04rem;}
.v-cont .my-titles{margin-bottom: .55rem;}
.v-b{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 5.04rem;}
.v-bg{width: 100%;}
.v-bg img{width: 100%;}
.v-c{position: absolute;top: 5.36%;left: 5.36%; width: 89.28%;}
.v-c img{width: 100%;}

.v-list{width: 100%;font-size: 0;} 
.v-item{display: inline-block;vertical-align: top;margin-top: 1.2rem; width: 50%;text-align: right;padding-right: 2.9rem;}
.v-name{font-family: SourceHanSansCN-Bold;margin-bottom: .2rem; color: #333333;line-height: 1.28;}
.v-intro{font-family: SourceHanSansCN-Medium;line-height: 1.66; color: #555555;}

@media(min-width:750px) {   
    .v-item:nth-child(1){margin-top: 0;}
    .v-item:nth-child(2){margin-top: 0;} 
    
   .v-item:nth-child(2n){ padding-left: 2.9rem;padding-right: 0; text-align: left; }
}
@media(max-width:750px) {   
    .v-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .v-b{max-width: 320px;margin: 0 auto .35rem; position: relative;width: 100%;left: 0;top: 0;transform: translate(0,0);}
    .v-item{width: 100%;padding-left: 0;text-align: left;padding-right: 0;margin-top: .35rem;}
}

.w-a{width: 100%;padding-top: .82rem;padding-bottom: .95rem;background-image: url('../images/b78.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-a .my-titles{margin-bottom: .22rem;}
.w-main{width: 14.4rem;margin:  0 auto;}
.w-top{width: 100%;padding-bottom: 1.23rem;}
.w-textbox{ font-family: SourceHanSansCN-Regular;width: 100%;margin: 0 auto .5rem;max-width: 70em;text-align: center; line-height: 1.77; color: #555555;}

.w-cont{width: 100%;position: relative;}
.w-cont:before{content: '';position: absolute;top: .7rem;left: 0;width: 100%;height: 1px;background-color: #6b94c1;}
.w-b{width: 100%;}
.w-item{width: 26.5%;}
.w-item:last-child{width: 20.5%;}
.w-item:before{content: '';position: absolute;top: .6rem;left: 0;width: .17rem;height: .2rem;background-image: url('../images/a51.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.w-link{display: block;width: 100%;}
.w-year{font-family: D-DIN-Bold;height: .7rem; color: #ff3333;}
.w-text{width: 100%;padding-top: .35rem;}
.w-name{font-family: SourceHanSansCN-Bold;line-height: 1.37;margin-bottom: .1rem; color: #333333;}
.w-intro{width: 88%; font-family: SourceHanSansCN-Regular;line-height: 1.5; color: #555555;}

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


@media(max-width:750px) {   
    .w-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .w-item{width: 80% !important;}
}

.x-a{width: 100%;padding-top: .82rem;padding-bottom: .2rem;}
.x-a .my-titles{margin-bottom: .23rem;}
.x-main{width: 14.4rem;margin: 0 auto;}
.x-top{width: 100%;margin-bottom: 1rem;}
.x-textbox{font-family: SourceHanSansCN-Regular;width: 100%;margin: 0 auto .5rem;max-width: 65em;text-align: center; line-height: 1.77; color: #555555;}

.x-cont{width: 100%;font-size: 0; display: flex;flex-wrap: wrap;}
.x-item{display: block;cursor: pointer;position: relative; width: 17.75%;text-align: center;padding: .75rem .25rem ; margin-right: 2.8%; margin-bottom: .8rem;background-color: #f6f8fb;}
.x-item:nth-child(5n){margin-right: 0;}
.x-icon{position: absolute;top: -.5rem;left: 0;width: 100%;transition: all ease .5s;}
.x-icon img{height: 1rem;}
.x-text{width: 100%;}
.x-name{font-family: SourceHanSansCN-Regular;line-height: 1.41;margin-bottom: .2rem; color: #333333;}
.x-intro{font-family: SourceHanSansCN-Regular;line-height: 1.7; color: #666666;}
.x-nub{font-family: D-DIN; color: #bbbbbb;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .75rem;}

.x-item:hover .x-icon{top: -.6rem;}
.x-item:hover .x-name{color: #ff3333;}

@media(min-width:750px) {    
    .x-item:nth-child(5n + 2)  {transition-delay: .3s;}
    .x-item:nth-child(5n + 3)  {transition-delay: .6s;}
    .x-item:nth-child(5n + 4)  {transition-delay: .9s;}
    .x-item:nth-child(5n + 5)  {transition-delay: 1.2s;}
}
@media(max-width:750px) {   
    .x-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .x-item{width: calc(50% - 5px);margin-right: 10px;}
    .x-item:nth-child(5n){margin-right: 10px;}
    .x-item:nth-child(2n){margin-right: 0;}
}


.y-a{width: 100%;padding-top: .84rem;padding-bottom: 1.52rem;background-image: url('../images/b79.jpg'); background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.y-a .my-titles{margin-bottom: .23rem;}
.y-main{width: 14.4rem;margin: 0 auto;}
.y-top{width: 100%;margin-bottom: .5rem;}
.y-textbox{font-family: SourceHanSansCN-Regular;width: 100%;margin: 0 auto .5rem;max-width: 63em;text-align: center; line-height: 1.77; color: #555555;}

.y-cont{width: 100%;}
.y-item{width: 100%;display: block;font-size: 0;padding: .25rem 0; border-top: 1px solid #e5e5e5;}
.y-year{font-family: D-DIN-Bold;line-height: 1.3; color: #ff3333;display: inline-block;vertical-align: middle;width: 11.8%;}
.y-text{display: inline-block;vertical-align: middle;width: 88.2%;}
.y-intro{font-family: SourceHanSansCN-Regular;line-height: 1.66; color: #555555;}
.y-intro *{line-height: inherit;font-size: inherit !important;}

@media(max-width:750px) {   
    .y-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .y-year{width: 100%;margin-bottom: .15rem;}
    .y-text{width: 100%;}
}

.z-a{width: 100%;position: relative;overflow: hidden; padding-top: .95rem;padding-bottom: .6rem; background-image: url('../images/c13.jpg'); background-size: 1.28rem auto;background-position: top left;background-repeat: no-repeat;}
.z-a:after{content: '';position: absolute;top: 40%;right: 0;width: 1.39rem;height: 3.01rem;background-image: url('../images/c13-b.jpg');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.z-main{width: 14.4rem;margin: 0 auto;position: relative;z-index: 8;}
.z-top{width: 100%;text-align: center;margin-bottom: .9rem;}
.z-titles{font-family: SourceHanSansCN-Bold;margin-bottom: .2rem; color: #333333;}
.z-titles1{font-family: title-font;}
.z-textbox{font-family: SourceHanSansCN-Regular;display: inline-block;width: 100%;max-width: 60em; line-height: 1.88; color: #666666;}
.z-textbox *{line-height: inherit;}

.z-bottom{width: 100%;text-align: center;}
.z-list{width: 100%;font-size: 0;margin-top: .45rem;}
.z-item{display: inline-block;vertical-align: top;transition: all ease .5s; margin-bottom: .2rem; cursor: pointer;position: relative; width: 25%; margin-right: 1.38%;}
.z-item:nth-child(3n){margin-right: 0;}
.z-bg{width: 100%;height: 5rem;background-size: cover;background-position: top right;background-repeat: no-repeat;}
.z-bg:after{opacity: 0;transition: all ease .5s; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a64.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.z-name{font-family: SourceHanSansCN-Bold;line-height: 1.37; color: #ffffff;position: absolute;bottom: .3rem;left: 0;width: 100%;text-align: center;}
.z-text{display: none; position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0,-50%);text-align: left;padding: .3rem .45rem;}
.z-headline{font-family: SourceHanSansCN-Bold;line-height: 1.28;margin-bottom: .2rem; color: #ffffff;}
.z-intro{font-family: SourceHanSansCN-Bold;line-height: 1.5;min-height: 1.4rem;padding-bottom: .2rem; color: #ffffff;}
.z-more{font-family: SourceHanSansCN-Regular;display: inline-block;color: #ff3333;min-width: 1.4rem;line-height: .42rem;padding: 0 .15rem;text-align: center;background-color: #ffffff;border: solid 1px #ffffff;}
.z-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;width: 1em;height: 1em;background-image: url('../images/a4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.z-tip{font-family: SourceHanSansCN-Regular;width: 100%;text-align: right; color: #666666;}


@media(min-width:750px) {   
    .z-item.active{width: 47.24%;}
    .z-item.active .z-name{display: none;}
    .z-item.active .z-bg:after{opacity: 1;}
    .z-item.active .z-text{display: block;}
}
@media(max-width:750px) {   
    .z-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .z-item{width: 100%;} 
    .z-name{display: none;}
    .z-bg:after{opacity: 1;}
    .z-text{display: block;}
    .z-bg{height: auto;padding-top: calc(500/680*100%);}
    .z-textbox {text-align: left;}
}


.wa-a{width: 100%;padding-top: .76rem;padding-bottom: .4rem;background-image: url('../images/c7.jpg'); background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.wa-main{width: 14.4rem;margin: 0 auto;}
.wa-top{width: 100%;text-align: center;margin-bottom: .46rem;}
.wa-titles{font-family: SourceHanSansCN-Bold;margin-bottom: .2rem; color: #333333;}
.wa-synopsis{font-family: SourceHanSansCN-Regular;display: inline-block;width: 100%;  color: #666666;line-height: 1.88;}
.wa-bottom{width: 100%;position: relative;text-align: right;min-height: 4.88rem; margin-bottom: .4rem;background-color: #ff3333;}
.wa-img{position: absolute;top: 0;left: 0;width: 75%;height: 100%;}
.wa-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wa-rt{display: inline-block;text-align: center;width: 25%;padding: .85rem .15rem .3rem;}
.wa-b{font-family: SourceHanSansCN-Regular;line-height: 1.41;margin-bottom: .3rem; letter-spacing: .07rem;color: #ffffff;}
.wa-c{font-family: SourceHanSansCN-Medium; color: #ffffff;font-size: .90rem;margin-bottom: .75rem;}
.wa-c span{font-family: D-DIN-Bold;font-size: .95rem;}
.wa-d{font-family: SourceHanSansCN-Regular;line-height: 2.4;padding-bottom: .25rem; color: #ffffff;position: relative;}
.wa-d:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.24rem;width: .48rem;height: .03rem;background-color: #ffffff;}


.wa-cont{width: 100%;font-size: 0;}
.wa-item{display: inline-block;vertical-align: top;position: relative; cursor: pointer;width: 48.6%;margin-bottom: .4rem; margin-right: 2.8%;}
.wa-item:nth-child(2n){margin-right: 0;}
.wa-bg{width: 100%;position: relative;overflow: hidden;padding-top: calc(363/700*100%);}
.wa-bg img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover;}
.wa-bg:before{ transition: all ease .5s; content: '';position: absolute;top: 0;left: 0;z-index: 8; width: 100%; height: 100%; background-image: url('../images/d3.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wa-text{position: absolute;bottom: 0;left: 0;z-index: 18; width: 100%;max-height: 100%; padding:.35rem .4rem;}
.wa-text .mCSB_container{padding-right: .1rem;}
.wa-name{font-family: SourceHanSansCN-Bold;position: relative;width: 100%;  line-height: 1.28; color: #ffffff; }
.wa-intro{font-family: SourceHanSansCN-Regular;line-height: 1.77; color: #ffffff;}
.wa-textbox{display: none; font-family: SourceHanSansCN-Regular;line-height: 2; color: rgba(255,255,255,.8);}
.wa-textbox *{line-height: initial; color: inherit !important;} 



.wa-e{display: flex; align-items: center;position: relative;padding-bottom: .15rem;}
.wa-e:before{opacity: 0; content: '';position: absolute;bottom: 0;left: 0;; width: .34rem;height: .02rem;background-color: #ffffff;}

.wa-vr{position: absolute;top: 0;right: 0;z-index: 18; opacity: 0;font-family: SourceHanSansCN-Regular;color: #ffffff;white-space: nowrap;padding: .13rem .18rem;background-color: rgba(79,93,108,.8);}
.wa-vr:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 2em;height: 1em;background-image: url('../images/d6.png');background-size:contain;background-position: center center;background-repeat: no-repeat;}
.wa-vr1{display: block;}
.wa-vr2{display: none;}

@media(min-width:750px) {   
    .wa-item:hover .wa-bg:before{background-size: 0 0;background-color: rgba(86,104,124,.9);}
    .wa-item:hover .wa-text{ height: 100%;overflow: auto;padding: .3rem .3rem .15rem .35rem;}
    .wa-item:hover .wa-e{padding-bottom: .25rem;margin-bottom: .1rem;}
    .wa-item:hover .wa-e:before{opacity: 1;}
    .wa-item:hover .wa-intro{ color: rgba(255,255,255,.8);}
    .wa-item:hover .wa-textbox{ display: block;}
    .wa-item:hover .wa-vr{opacity: 1;}

}
@media(max-width:1300px) {   
    .wa-vr{font-size: 12px;}
    .wa-vr:after{margin-left: .1rem;}
}
@media(max-width:750px) {   
    .wa-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wa-img{position: relative;height: auto;width: 100%;padding-top: calc(488/1080*100%);}
    .wa-rt{width: 100%;}
    .wa-item{width: 100%;margin-right: 0;}
    .wa-intro br{display: none;}
    .wa-text{padding: .15rem 10px;max-height: 100%;overflow: auto;}
    .wa-vr{opacity: 1;}
    .wa-vr1{display: none;}
    .wa-vr2{display: block;}
}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 5%;top: 5%; width: 90%;height: 90%;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #ff3333;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:750px) {   
    .xv-b{height: 60%;top: 20%;}
}

.wb-a{width: 100%;padding-top: .77rem;padding-bottom: .65rem;background-image: url('../images/c6.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wb-main{width: 14.4rem;margin: 0 auto;}
.wb-top{width: 100%;margin-bottom: .6rem;text-align: center;}
.wb-titles{font-family: SourceHanSansCN-Bold;width: 100%;padding-bottom: .35rem; color: #333333;position: relative;}
.wb-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.35rem; width: .7rem;height: .05rem;background-color: #ff3333;}
.wb-cont{width: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: center; font-size: 0;}
.wb-item{display: block;position: relative;cursor: pointer;margin-bottom: .3rem; transition: all ease .5s;border-bottom: .05rem solid #b4c4dd; flex: 1; margin-right: 1px;padding: .95rem .15rem .85rem;text-align: center; background-color: #ffffff;}
.wb-item:before{opacity: 0;transition: all ease .5s; content: '';position: absolute;top: -.08rem;left: 0;width: 100%;height:.08rem;background-color: #ff3333;}
.wb-item:after{opacity: 0;transition: all ease .5s;content: '';position: absolute;bottom:  -.13rem;left: 0;width: 100%;height:.08rem;background-color: #ff3333;border-bottom: .05rem solid #e50012;}
.wb-nub{font-family: D-DIN; color: #bbbbbb; position: absolute;bottom: 0;left: 0;width: 100%;height: .6rem;}
.wb-icon{width: 100%;margin-bottom: .45rem;}
.wb-icon1{display: block; width: 100%;height: .6rem;line-height: .6rem;}
.wb-icon1 img{max-width: 100%;max-height: 100%;}
.wb-icon2{display: none; width: 100%;height: .6rem;line-height: .6rem;}
.wb-icon2 img{max-width: 100%;max-height: 100%;}
.wb-text{width: 100%;}
.wb-name{font-family: SourceHanSansCN-Regular;line-height: 1.41;margin-bottom: .05rem; color: #333333;}
.wb-intro{font-family: SourceHanSansCN-Regular;line-height: 1.66; color: #909090;}

.wb-item:hover{background-color: #ff3333; }
.wb-item:hover:before {opacity: 1;}
.wb-item:hover:after {opacity: 1;}
.wb-item:hover .wb-icon1{display: none;}
.wb-item:hover .wb-icon2{display: block;}
.wb-item:hover .wb-name{color: #ffffff;}
.wb-item:hover .wb-intro{color: #ffffff;}
.wb-item:hover .wb-nub{color: #ffffff;}


@media(max-width:750px) {   
    .wb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wb-cont{display: block; white-space: nowrap; overflow: auto;}
    .wb-item{width: auto;flex: none; min-width: calc(50% - 1px);display: inline-block;vertical-align: top;}
}

.wc-a{width: 100%;padding-top: .65rem;padding-bottom: .83rem;position: relative; background-image: url('../images/a58.png'); background-size: 1.15rem auto;background-position: top right;background-repeat: no-repeat;}
.wc-a:after{content: '';position: absolute;bottom: 0;left: 0;width: 1.19rem;height: 2.44rem;background-image: url('../images/a58-b.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wc-main{width: 14.4rem;margin: 0 auto;position: relative;z-index: 18;}
.wc-top{width: 100%;text-align: center;margin-bottom: .6rem;}
.wc-titles{font-family: SourceHanSansCN-Bold;width: 100%;padding-bottom: .35rem; color: #333333;position: relative;}
.wc-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.35rem; width: .7rem;height: .05rem;background-color: #ff3333;}
.wc-cont{width: 100%;position: relative;}
.wc-b{width: 100%;}
.wc-item{width: 4.53rem;margin-right: .4rem;}
.wc-item:last-child{margin-right: 0;}
.wc-link{display: block;width: 100%;cursor: pointer;border-bottom: .02rem solid #f6f6f6;}
.wc-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.wc-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wc-text{width: 100%;padding: .3rem 0 .9rem;}
.wc-time{font-family: D-DIN; color: #888888;margin-bottom: .2rem;}
.wc-name{margin-bottom: .04rem; font-family: SourceHanSansCN-Regular;line-height: 1.41; color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wc-intro{font-family: SourceHanSansCN-Regular;line-height: 2.1;height: 4.2em; color: #888888;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wc-more{width: 100%;position: absolute;bottom: 0;left: 0;width: 100%;}
.wc-more span{display: none;vertical-align: middle;font-family: SourceHanSansCN-Regular;color: #ffffff;margin-right: .35rem;}
.wc-more:after{content: '';display: inline-block;vertical-align: middle;height: .56rem;width: 1.25em;background-image: url('../images/a4-e.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wc-link:hover .wc-img img{transform: scale(1.05);}
.wc-link:hover .wc-name{color: #ff3333;}
.wc-link:hover .wc-more{background-color: #ff3333; text-align: center;transition: all ease .5s;}
.wc-link:hover .wc-more span{display: inline-block;}
.wc-link:hover .wc-more:after{background-image: url('../images/a4-b.png');}

.wc-pagination{display: none; position: absolute;bottom: -.5rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.wc-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.wc-pagination .swiper-pagination-bullet-active{opacity: 1;}

.wc-prev{display: none;}
.wc-next{display: none;}

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

.wd-a{width: 100%;padding-top: .73rem;padding-bottom: .8rem;background-color: #f0f3f8;}
.wd-main{width: 14.4rem;margin: 0 auto;}
.wd-top{width: 100%;text-align: center;margin-bottom: .6rem;}
.wd-titles{font-family: SourceHanSansCN-Bold;margin-bottom: .12rem; color: #333333;}
.wd-synopsis{font-family: SourceHanSansCN-Regular; color: #666666;line-height: 1.88;}

.wd-cont{width: 100%;font-size: 0;}
.wd-item{display: inline-block;vertical-align: middle;position: relative;cursor: pointer;width: 15%; min-height: 1.2rem;text-align: center; margin-right: 2%;margin-bottom: .3rem;}
.wd-item:nth-child(6n){margin-right: 0;}
.wd-img{width: 100%;height: 1.2rem;line-height: 1.2rem; overflow: hidden;transition: all ease .5s; background-color: #fff;border: 1px solid #f0f3f8;}
.wd-img img{ max-width: 100%;max-height: 100%; }
.wd-img:hover{border: solid 1px #ff3333;} 

.wd-b{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;flex-wrap: wrap; align-content: center;background-color: #ff3333;}
.wd-icon{width: 100%; height: .42rem;margin-bottom: .1rem;}
.wd-icon img{height: 100%;}
.wd-text{font-family: SourceHanSansCN-Regular;line-height: 1.55; color: #ffffff;}

.wd-item.hide{display: none;}
.wd-item.wd-more{display: inline-block;margin-right: 0;}
.wd-a.show .wd-item.hide{display: inline-block;} 
.wd-a.show .wd-item.wd-more{display: none;} 

@media(min-width:750px) {  
    .wd-item:nth-child(6n + 1) {transition-delay: .2s;}
    .wd-item:nth-child(6n + 2) {transition-delay: .4s;}
    .wd-item:nth-child(6n + 3) {transition-delay: .6s;}
    .wd-item:nth-child(6n + 4) {transition-delay: .8s;}
    .wd-item:nth-child(6n + 5) {transition-delay: 1s;}
    .wd-item:nth-child(6n + 6) {transition-delay: 1.2s;}
} 
@media(max-width:750px) {   
    .wd-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wd-item{width: calc(33.33% - 6.7px);margin-right: 10px;}
    .wd-item:nth-child(3n){margin-right: 0;}
}

.we-a{width: 100%;position: relative;padding-top: .82rem;padding-bottom:  .28rem;}
.my-id{position: absolute;left: 0;top: -.9rem;} 
.we-main{width: 14.4rem;margin: 0 auto;}
.we-top{width: 100%;text-align: center;margin-bottom: .45rem;}
.we-top .my-titles{margin-bottom: .25rem;}
.we-synopsis{font-family: SourceHanSansCN-Regular;display: inline-block;width: 100%;max-width: 63em; line-height: 1.77; color: #555555;}
.we-img{width: 100%;max-width: 12rem;margin: 0 auto; cursor: pointer;}
.we-img img{width: 100%;}

.we-bottom{width: 100%;margin-top: .75rem;}
.we-bottom .my-titles{margin-bottom: .5rem;}
.we-cont{width: 100%;position: relative;padding-top: calc(1025/1676*100%);border: solid .03rem #e6e6e6;}
.we-map{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-color: #f6f7fa;background-size: cover;background-position: top right;background-repeat: no-repeat;}
.we-b{position: absolute;top: .8rem;right: .8rem;z-index: 88; width: 3.6rem;background-color: #fff;}
.we-c{width: 100%;position: relative; padding: .2rem .23rem;border-bottom: 1px solid #f3f3f3;}
.we-c:before{content: '';position: absolute;bottom: 0;left: .23rem; width: .3rem;height: .03rem;background-color: #ff3333;}
.we-name{font-family: SourceHanSansCN-Regular;line-height: 1.5; color: #333333;}

.we-d{width: 100%;padding:.17rem .23rem .23rem;}
.we-form{width: 100%;}
.we-tr{width: 100%;}
.we-td{width: 100%;position: relative;margin-top: 7px;padding: 0 .4rem 0  .35rem; background-color: #f3f3f3;border: solid 1px #e5e5e5;}
.we-td:before{content: '';position: absolute;top: 50%;left: .13rem;margin-top: -.035rem; width: .07rem;height: .07rem;border-radius: 50%;background-color: #ff3333;}
.we-td:nth-child(2):before{background-color: #ff1508;}
.we-input{font-family: SourceHanSansCN-Regular; color: #555555;border: none;background-color: transparent; width: 100%;height: .4rem;}
.wf-submit{position: absolute;top: 0;right: 0;border: none;cursor: pointer;background-color: #ff3333; width: .4rem;height: .4rem;background-image: url('../images/a3-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;}
.we-sub{width: 100%;}
.we-list{display: none; width: 100%;border: solid 1px #e5e5e5;max-height: 260px;overflow: auto;}
.we-list.show{display: block;}
.we-item{width: 100%;padding: .1rem .1rem .1rem .35rem;font-size: 12px; cursor: pointer;position: relative;}
.we-item:before{content: '';position: absolute; top: .1rem;left: 0;width: .35rem;height: 1.66em; background-image: url('../images/a3-c.png');background-size: 37% auto;background-position: center center;background-repeat: no-repeat;}
.we-span1{display: inline-block;vertical-align: middle; font-family: SourceHanSansCN-Regular;font-size: 12px;line-height: 1.66; color: #555555;}
.we-span2{display: inline-block;vertical-align: middle; font-family: SourceHanSansCN-Regular;font-size: 12px;line-height: 1.66; color: #bbbbbb;}
.we-item:hover{background-color: #f3f3f3;}
 

@media(max-width:750px) {   
    .we-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .we-cont{padding-top: 0;}
    .we-map{position: relative;height: calc(100vh - .9rem);}
    .we-b{position: relative;width: 100%;top: 0;right: 0;}
    .we-td{padding-right: 35px;}
    .we-input{height: 35px;}
    .wf-submit{width: 35px;height: 35px;}
}

.wf-a{width: 100%;position: relative;padding-top: .8rem;padding-bottom: .6rem;}
.wf-main{width: 14.4rem;margin: 0 auto;}
.wf-top{width: 100%;text-align: center;margin-bottom: .25rem;}
.wf-top .my-titles{margin-bottom: .25rem;}
.wf-synopsis{font-family: SourceHanSansCN-Regular;display: inline-block;width: 100%;max-width: 63em; line-height: 1.77; color: #555555;}

.wf-cont{width: 100%;font-size: 0;position: relative;}
.wf-b{width: 100%;}
.wf-item{display: inline-block;vertical-align: top;width: 31.46%; margin-right: 2.8%; padding: .3rem 0;}
.wf-item:nth-child(3n){margin-right: 0;}
.wf-link{display: block;width: 100%;cursor: pointer;transition: all ease .5s; background-color: #f9f9f9;}
.wf-img{width: 100%;position: relative;padding-top: calc(300/453*100%);overflow: hidden;}
.wf-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wf-text{width: 100%;padding: .35rem .3rem .3rem;}
.wf-name{font-family: SourceHanSansCN-Regular;margin-bottom: .15rem;padding-right: 1.1em;position: relative; color: #333333;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wf-name:after{opacity: 0; content: '';position: absolute;top: 0;right: 0;width: 1em;height: 100%;background-image: url('../images/a4-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wf-tr{width: 100%;min-height: 4.4em;}
.wf-td{font-family: SourceHanSansCN-Regular; color: #666666;line-height: 2.2;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wf-td p{font-family: SourceHanSansCN-Regular; color: #666666;line-height: 2.2;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.wf-link:hover  {background-color: #ff3333;}
.wf-link:hover .wf-img img{transform: scale(1.05);}
.wf-link:hover .wf-name{color: #fff;}
.wf-link:hover .wf-td{color: #fff;}
.wf-link:hover .wf-td p{color: #fff;}
/* .wf-link:hover .wf-name:after{opacity: 1;} */

.wf-pagination{display: none; position: absolute;bottom: -.3rem;left: 0;width: 100%;font-size: 0; text-align: center;}
.wf-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.wf-pagination .swiper-pagination-bullet-active{opacity: 1;}

.wf-prev{left: -1.3rem;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wf-prev:hover{background-color: #ff3333;}
.wf-next{right: -1.3rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wf-next:hover{background-color: #ff3333;}

@media(max-width:1200px) {   
    .wf-prev{left: -.7rem;}
    .wf-next{right: -.7rem;}
}

@media(max-width:750px) {   
    .wf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wf-item{width: calc(50% - 5px);margin-right: 10px;}
    .wf-item:nth-child(3n){margin-right: 10px;}
    .wf-item:nth-child(2n){margin-right: 0;}
    .wf-text{padding: 0.3rem 10px;}
    .wf-tr{font-size: 12px;}
    .wf-td{font-size: 12px; }

    .wf-pagination{display: block;}
    .wf-prev{display: none;}
    .wf-next{display: none;}
}


.wg-a{width: 100%;padding-top: .75rem;padding-bottom: 1.34rem;overflow: hidden; position: relative;background-image: url('../images/c26.jpg'); background-color: #f7f7f7;background-size: cover;background-position: bottom center;background-repeat: no-repeat;}
.wg-main{width: 100%;margin: 0 auto;}
.wg-top{width: 100%;max-width: 14.4rem;margin: 0 auto 1.03rem; text-align: center; }
.wg-top .my-titles{margin-bottom: .25rem;}
.wg-synopsis{font-family: SourceHanSansCN-Regular;display: inline-block;  width: 100%;max-width: 45em; line-height: 1.77; color: #555555;}
.wg-bottom{width: 100%;max-width: 14.4rem;margin: 0 auto ; text-align: center;}
.wg-textbox{font-family: SourceHanSansCN-Medium;line-height: 1.33; color: #ff3333;display: inline-block;padding: .2rem .45rem; border-radius: .2rem;border: solid 2px #ff3333;}

.wg-middle{width: 100%;height: 9.3rem;position: relative;margin-bottom: .9rem;}
.wg-b{position: absolute;top: 0;left: 50%;margin-top: calc(274/1920*100%); transform: translate(-50%,0);padding-top: 1.1rem;text-align: center; height: 3.16rem; width: 3.27rem;}
.wg-bg{position: absolute;top: 0;left: 0; width: 100%; animation: ratate 5s linear infinite;}
.wg-bg img{width: 100%;}
.wg-titles{font-family: SourceHanSansCN-Bold;position: relative;z-index: 18;line-height: 1.22; color: #eef4fe;}

.wg-item{font-family: SourceHanSansCN-Medium;max-width: 11em;cursor: pointer; line-height: 1.13;color: #ff3333;position: absolute;top: 0;text-align: center;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 

@keyframes move1 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(-.3rem,-.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(-.3rem,-.3rem); 
    }

}
@keyframes move2 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(-.3rem,.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(-.3rem,.3rem); 
    }

}
@keyframes move3 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(.3rem,.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(.3rem,.3rem); 
    }

}
@keyframes move4 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(.3rem,-.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(.3rem,-.3rem); 
    }

}

@keyframes move5 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(-.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(-.3rem); 
    }

}
@keyframes move6 {
    0%{
        opacity: 0; 
        transform: scale(1) translate(0,0);
        }
    95%{
        opacity: 1; 
        transform: scale(1.3)  translate(.3rem);
    }
    100%{
        opacity: 0;
        transform: scale(1.3)  translate(.3rem); 
    }

}

@keyframes scale1 {
    0%{
        opacity: 0; 
        transform: scale(1) ;
        }
    95%{
        opacity: 1; 
        transform: scale(1.3) ;
    }
    100%{
        opacity: 0;
        transform: scale(1.3) ; 
    }

}

@keyframes ratate {
     0%{transform: rotate(0deg);}
     100%{transform: rotate(360deg);}
}

@media(max-width:1350px) {  
    .wg-item{font-size: 14px;}
} 
@media(max-width:1200px) {  
    .wg-item{font-size: 12px;}
} 

@media(min-width:900px) {   
    .wg-item:nth-child(1){left: calc(896/1920*100%);margin-top: calc(26/1920*100%);animation: move1 5s  infinite;}
    .wg-item:nth-child(2){left: calc(605/1920*100%);margin-top: calc(153/1920*100%);animation: move1 5s 2.5s infinite;}
    .wg-item:nth-child(3){left: calc(527/1920*100%);margin-top: calc(364/1920*100%);animation: move5 5s  infinite;}
    .wg-item:nth-child(4){left: calc(421/1920*100%);margin-top: calc(550/1920*100%);animation: move5 5s 2.5s infinite;}
    .wg-item:nth-child(5){left: calc(418/1920*100%);margin-top: calc(741/1920*100%);animation: move2 5s  infinite;}
    .wg-item:nth-child(6){left: calc(726/1920*100%);margin-top: calc(647/1920*100%);animation: move2 5s 2.5s infinite;}
    .wg-item:nth-child(7){left: calc(1077/1920*100%);margin-top: calc(678/1920*100%);animation: move3 5s  infinite;}
    .wg-item:nth-child(8){left: calc(1184/1920*100%);margin-top: calc(531/1920*100%);animation: move3 5s 2.5s infinite;}
    .wg-item:nth-child(9){left: calc(1239/1920*100%);margin-top: calc(374/1920*100%);animation: move6 5s  infinite;}
    .wg-item:nth-child(10){left: calc(1117/1920*100%);margin-top: calc(212/1920*100%);animation: move4 5s 2.5s  infinite;}
    .wg-item:nth-child(11){left: calc(412/1920*100%);margin-top: calc(0/1920*100%);animation: move1 5s 3.5s infinite;}
    .wg-item:nth-child(12){left: calc(321/1920*100%);margin-top: calc(288/1920*100%);animation: move5 5s 5s infinite;}
    .wg-item:nth-child(13){left: calc(119/1920*100%);margin-top: calc(427/1920*100%);animation: move5 5s 3.5s infinite;}
    .wg-item:nth-child(14){left: calc(100/1920*100%);margin-top: calc(685/1920*100%);animation: move2 5s 5s infinite;}
    .wg-item:nth-child(15){left: calc(312/1920*100%);margin-top: calc(881/1920*100%);animation: move2 5s 3.5s infinite;}
    .wg-item:nth-child(16){left: calc(687/1920*100%);margin-top: calc(876/1920*100%);animation: move3 5s 5s infinite;}
    .wg-item:nth-child(17){left: calc(1109/1920*100%);margin-top: calc(862/1920*100%);animation: move3 5s 3.5s  infinite;}
    .wg-item:nth-child(18){left: calc(1402/1920*100%);margin-top: calc(760/1920*100%);animation: move3 5s 5s infinite;}
    .wg-item:nth-child(19){left: calc(1510/1920*100%);margin-top: calc(543/1920*100%);animation: move3 5s 3.5s infinite;}
    .wg-item:nth-child(20){left: calc(1652/1920*100%);margin-top: calc(383/1920*100%);animation: move3 5s 5s infinite;}
    .wg-item:nth-child(21){left: calc(1497/1920*100%);margin-top: calc(234/1920*100%);animation: move4 5s 3.5s infinite;}
    .wg-item:nth-child(22){left: calc(1603/1920*100%);margin-top: calc(62/1920*100%);animation: move4 5s 5s infinite;}
    .wg-item:nth-child(23){left: calc(1319/1920*100%);margin-top: calc(13/1920*100%);animation: move4 5s 3.5s infinite;}
    .wg-item:nth-child(24){left: calc(166/1920*100%);margin-top: calc(114/1920*100%);animation: move1 5s 5s infinite;}
    .wg-item:nth-child(25){left: calc(1518/1920*100%);margin-top: calc(895/1920*100%);animation: move3 5s 3.5s infinite;}
    .wg-item:nth-child(26){left: calc(1646/1920*100%);margin-top: calc(703/1920*100%);animation: move3 5s 5s infinite;}

}
@media(max-width:900px) {   
    .wg-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wg-middle{height: auto;}
    .wg-b{position: relative;margin: 0 auto 1rem; left: 0;transform: translate(0,0);}
    .wg-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; }
    .wg-item{ max-width: 50%;line-height: 1.5; width: 50%;position: relative;font-size: 14px;padding: 0  10% ;margin-bottom: .8rem;}
    .wg-item br{display: none;}

    .wg-item:nth-child(6n + 1) {animation: scale1 5s .5s infinite;}
    .wg-item:nth-child(6n + 2) {animation: scale1 5s  2s infinite;}
    .wg-item:nth-child(6n + 3) {animation: scale1 5s  2.5s infinite;}
    .wg-item:nth-child(6n + 4) {animation: scale1 5s  1s infinite;}
    .wg-item:nth-child(6n + 5) {animation: scale1 5s  1.5s infinite;}
    .wg-item:nth-child(6n + 6) {animation: scale1 5s  3s infinite;}
} 

.wh-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wh-a.show{display: block;}
.wh-form{width: 100%;}
.wh-b{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 11rem;}
.wh-close{display: none; position: absolute;cursor: pointer; top: .2rem;right: .2rem;width: .3rem;height: .3rem;background-image: url('../images/a18.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wh-cont{width: 100%;background-color: #ffffff;padding: .4rem .6rem;text-align: center; max-height: 90vh;overflow: auto;}
.wh-titles{font-family: SourceHanSansCN-Bold;text-align: center;color: #000000;padding-bottom: .3rem;margin-bottom: .3rem; position: relative;}
.wh-titles:before{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.2rem;width: .4rem;height: .05rem;background-color: #ff3333;}
.wh-list{width: 100%;text-align: left; font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wh-item{ display: inline-block;margin-bottom: .3rem;}
.wh-tip{font-family: SourceHanSansCN-Medium;display: inline-block;vertical-align: middle; width: .8rem;line-height: 1.5; color: #000000;}
.wh-c{display: inline-block;vertical-align: middle;width: 2.2rem;}
.wh-d{font-family: SourceHanSansCN-Regular; width: 100%;color: #333; height: .56rem;padding: 0 .15rem;background-color: #ffffff;border: solid 1px #dcdcdc;}
.wh-e{width: 100%;font-size: 0;text-align: left;margin-bottom: .3rem;}
.wh-f{font-family: SourceHanSansCN-Medium;display: inline-block;vertical-align: top;width: .8rem;line-height: .56rem;color: #000000;}
.wh-g{display: inline-block;vertical-align: top;width: calc(100% - .8rem);}
.picture-a{width: 100%;position: relative;min-height: 1.4rem; border: solid 1px #dcdcdc;padding: .3rem    ;position: relative;}
.picture-icon{display: none; width: .5rem;}
.picture-icon img{width: 100%;}
.picture-b{position: absolute;cursor: pointer;  bottom: .2rem;right: .2rem;}
.picture-c{display: block;}
.picture-text{font-family: SourceHanSansCN-Regular; color: #ff3333; line-height: 1.625;cursor: pointer;}
.get-file{display: none;}
.picture-a.show .picture-icon{display: inline-block;position: relative;}
.picture-del{position: absolute;top: -.15rem;right: -.15rem;cursor: pointer; width: .3rem;height: .3rem;border-radius: 50%;background-color: #ff3333; background-image: url('../images/a68.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.picture-intro{font-family: SourceHanSansCN-Regular; width: 100%;margin-top: .15rem;  line-height: 1.5;  color: #666666;}

.wh-h{width: 100%;font-size: 0;text-align: left;margin-bottom: .3rem;}
.wh-i{display: inline-block;vertical-align: top;width: calc(100% - .8rem);}
.wh-textarea{font-family: SourceHanSansCN-Regular; width: 100%;color: #333;line-height: 1.5; height: 1.4rem;padding: .1rem .15rem;background-color: #ffffff;border: solid 1px #dcdcdc;}


.wh-button{display: inline-block;position: relative;background-color: #ff3333;border: 1px solid #ff3333;}
.wh-button:after{content: '';position: absolute;top: 0;right: .3rem;width: .22rem;height: 100%;background-image: url('../images/a4-b.png');background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;}
.wh-submit{font-family: SourceHanSansCN-Regular; display: inline-block;position: relative;z-index: 18;cursor: pointer; border: none;background-color: transparent; padding: 0 .88rem 0 .3rem;height: .54rem;line-height: .54rem;color: #ffffff;}
.wh-button:hover{background-color: #fff;}
.wh-button:hover:after{background-image: url('../images/a4.png');}
.wh-button:hover .wh-submit{color: #ff3333;}

.wh-j{width: 100%;font-size: 0;text-align: left;margin-bottom: .3rem;}
.wh-k{font-family: SourceHanSansCN-Medium;display: inline-block;vertical-align: middle; width:  1.2rem;line-height: 1.5; color: #000000;}
.wh-k span{color: #e50012;}
.wh-l{display: inline-block;vertical-align: middle; width: calc(100% - 1.2rem);position: relative;}
.wh-m{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: middle;width: calc(100% - 1.5rem); color: #333; height: .56rem;padding: 0 .15rem;background-color: #ffffff;border: solid 1px #dcdcdc;}
.wh-code{position: absolute;top: 0;right: 0;cursor: pointer; width: 1.3rem;height: 100%;display: flex;align-items: center;justify-content: center;}
.wh-code img{max-width: 100%;max-height: 100%;}
 

 
@media(max-width:1200px) {  
    .wh-b{width:90%;max-width: 500px;}
    .wh-cont{padding: .5rem .3rem;}
    .wh-item{width: 100%;}
    .wh-tip{width: 100%;margin-bottom: .15rem;}
    .wh-c{width: 100%;}
    .wh-d{height: 35px;}
    .wh-f{width: 100%;margin-bottom: .15rem;line-height: 1.5;}
    .wh-g{width: 100%;}
    .picture-a{min-height: 90px;}
    .wh-i{width: 100%;}
    .wh-textarea{height: 90px;}

    
    .wh-k{width: 100%;margin-bottom: .15rem;}
    .wh-l{width: 100%;} 
    .wh-m{height: 35px;}
}

.wi-a{width: 100%;position: relative;overflow: hidden;}
.wi-cont{width: 100%;position: relative;}
.wi-img{width: 100%;}
.wi-img img{width: 100%;}
.wi-text{position: absolute;top: 32%;left: 50%; width: 14.4rem;transform: translate(-50%,0);}
.wi-titles{font-family: SourceHanSansCN-Medium;display: inline-block;position: relative; margin-bottom: .35rem; padding-right: .3rem; color: #333333;}
.wi-titles:after{content: '';position: absolute;top: 0;right: 0;width: .15rem;height: .15rem;background-color: #e50012;}
.wi-intro{font-family: SourceHanSansCN-Medium;line-height: 1.2; color: #ff3333;}

.wi-titles  {transition-delay: .6s;}
.wi-intro  {transition-delay: 1.2s;}

.wi-mist{overflow: hidden; position: absolute;top: 0;left: calc(1236/1920*100%);margin-top: calc(275/1920*100%);width: calc(500/1920*100%);height: calc(280/810*100%); }
.wi-mist img{height:  100%;animation:hot-wind-bg infinite  3s;} 

@keyframes hot-wind-bg{
    0%{transform: scale(1.00);}
    100%{transform: scale(1.2);} 
}

@media(max-width:750px) {  
    .wi-text{width: 100%;padding-left: 10px;padding-right: 10px; top: 50%;transform: translate(-50%,-50%);}
    .wi-titles{font-size: 22px;margin-bottom: .2rem;}
    .wi-intro{font-size: 16px;}
}

.wj-a{width: 100%;overflow: hidden;}
.wj-a *{font-family: SourceHanSansCN-Regular; }
.wj-cont{width: 100%;position: relative;margin: 0 auto;}
.wj-left{width: 72.14%;position: relative;}
.wj-left:before{transition: all .5s linear;opacity: 0;z-index: 38; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.wj-img{width: 100%;}
.wj-img img{width: 100%;}
.wj-goods{position: absolute;top: 0;left: calc(234/1385*100%);margin-top: calc(49/1385*100%);width: calc(102/1385*100%);}
.wj-gooods_img{width: 100%;}
.wj-gooods_img img{width: 100%;}
.wj-gooods_text{position: absolute;bottom: 13.5%;left: 0;width: 100%;text-align: center; font-size: 12px;color: #fff;}
.wj-gooods_text1{opacity: 1;}
.wj-gooods_text2{opacity: 0;}
.wj-line{position: absolute;bottom: 0; left: 0;opacity: .5; width: 100%;}
.wj-line img{width: 100%;}
.wj-man{position: absolute;top: 0;left: calc(175/1385*100%);margin-top: calc(229/1385*100%);width: calc(1003/1385*100%);}
.wj-man img{width: 100%;}
.wj-right{width: 100%;position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center; width: 27.86%;height: 100%;background-image: url('../images/c32.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wj-b{display: block; position: relative; text-align: center; width:2.52rem;min-width: 160px;}
.wj-inner{width: 100%; padding-top: calc(541/250*100%); position: relative;}
.wj-box{width: 250px;height: 541px;position: absolute;left: 0;top: 0;transform-origin: left top;}
.wj-luminance{opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.5);}

.wj-opa{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;}
.wj-phone{position: absolute;top: 50%;left: 50%;z-index: 38;transform: translate(-50%,-50%); height: calc(100%  + 26px); width:calc(100%  + 26px);}
.wj-phone img{width: 100%;height: 100%;}
.wj-mian{display: inline-block;width: 250px;text-align: left; position: relative;z-index: 28;}
.wj-bg1{display: none; width: 100%;}
.wj-bg1 img{width: 100%;}
.wj-bg2{display: block; width: 100%;}
.wj-bg2 img{width: 100%;}
.wj-bg3{display: none; width: 100%;}
.wj-bg3 img{width: 100%;}
.wj-bg4{display: none; width: 100%;}
.wj-bg4 img{width: 100%;}
.wj-buttom{cursor: url('../images/a75.png'),auto; z-index: 98; position: absolute;top: 0;  margin-top: calc(445/250*100%);width: calc(50/250*100%);height: calc(50/541*100%);}
.wj-buttom1{left: calc(100/250*100%);}
.wj-buttom2{left: calc(20/250*100%);}
.wj-heating{position: absolute;top: 0;left: 0;z-index: 88; margin-top: calc(168/250*100%);width: 100%;text-align: center;font-size: 24px;color: #fff;}
.wj-bathroom{position: absolute;top: 0;left:10px;z-index: 88; margin-top: calc(83/250*100%);width: 100%;text-align: left;font-size: 12px;color: #fff;}
.wj-bathroom span{font-size: 16px;}
.wj-tip{display: none; animation: top1 infinite 1.2s; position: absolute;top: 0;left: calc(135/250*100%);z-index: 98; margin-top: calc(490/250*100%); width: calc(80/250*100%);}
.wj-tip img{width: 100%;}

 

.wj-text{font-size: 12px;color: #0d0d0d; z-index: 88; position: absolute;top: 0;  white-space: nowrap;}
.wj-text1{left: calc(35/250*100%);margin-top: calc(322/250*100%); }

.wj-slider{z-index: 88;cursor: url('../images/a75.png'),auto !important; position: absolute !important;top: 0;width: calc(120/250*100%);height: 8px !important;border-radius: 4px ; background-color: #f5f6f8; }
.wj-slider *{cursor: url('../images/a75.png'),auto !important;}
.wj-slider.ui-slider{margin-bottom: 0;} 
.wj-slider1{left: calc(35/250*100%);margin-top: calc(355/250*100%); }
.wj-active{display: block;width: 50%;height: 8px;border-radius: 4px ;background-color: #f38560;}
.wj-hotspot1{position: absolute;left: 0;top: 0;z-index: 78; margin-top: calc(347/250*100%);width: 100%;height: calc(22/541*100%); cursor: url('../images/a75.png'),auto !important;}

.wj-plus{cursor: url('../images/a75.png'),auto; z-index: 88; position: absolute;top: 0; width: calc(15/250*100%);height: calc(15/541*100%);}
.wj-plus1{left: calc(163/250*100%);margin-top: calc(350/250*100%);}
.wj-minus{cursor: url('../images/a75.png'),auto; z-index: 88; position: absolute;top: 0; width: calc(15/250*100%);height: calc(15/541*100%);}
.wj-minus1{left: calc(7/250*100%);margin-top: calc(350/250*100%);}

.wj-affirm{cursor: url('../images/a75.png'),auto; z-index: 88; position: absolute;top: 0;background-color: #df863d;font-size: 12px;border-radius: 5px;display: flex;align-items: center;justify-content: center;color:#fff;  width: calc(57/250*100%);height: calc(22/541*100%);}
.wj-affirm1 {left: calc(188/250*100%);margin-top: calc(347/250*100%);}


.wj-text2{z-index: 88; left: calc(35/250*100%);margin-top: calc(382/250*100%); }
.wj-slider2{z-index: 88;left: calc(35/250*100%);margin-top: calc(413/250*100%); }
.wj-slider2 .wj-active{width: 0;}
.wj-plus2{z-index: 88;left: calc(163/250*100%);margin-top: calc(407/250*100%);}
.wj-minus2{z-index: 88;left: calc(7/250*100%);margin-top: calc(407/250*100%);}
.wj-affirm2{z-index: 88;left: calc(188/250*100%);margin-top: calc(405/250*100%);}

.wj-a.hot .wj-bg1{display: none;}
.wj-a.hot .wj-bg2{display: none;}
.wj-a.hot .wj-bg3{display: block;}

.wj-a.bathroom .wj-bg1{display: none;}
.wj-a.bathroom .wj-bg2{display: none;}
.wj-a.bathroom .wj-bg3{display: none;}
.wj-a.bathroom .wj-bg4{display: block;}
.wj-a.bathroom .wj-gooods_text1{opacity: 0;}
.wj-a.bathroom .wj-gooods_text2{opacity: 1;}


.wj-a.shutdown .wj-left:before{opacity: .5;}
.wj-a.shutdown .wj-bg1{display: block;}
.wj-a.shutdown .wj-bg2{display: none;}
.wj-a.shutdown .wj-bg3{display: none;}
.wj-a.shutdown .wj-bg4{display: none;}
.wj-a.shutdown .wj-opa{display: block;}
.wj-a.shutdown .wj-tip{display: block;}
.wj-a.shutdown .wj-buttom2{z-index: 22;}

.wj-b:hover .wj-tip{display: none;}
@keyframes top1{
    0%{top: -5px;}
    50%{top: 0;}
    100%{top: -5px;}
}

@media(max-width:1000px) { 
    .wj-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wj-left{width: 100%;}
    .wj-right{position: relative;padding: .5rem 0; width: 100%;}
    .wj-b{width: 50%;}
    .wj-gooods_text{font-size: 8px;} 
}


.wk-a{width: 100%;padding-top: .84rem;padding-bottom: .18rem;}
.wk-a .my-titles{margin-bottom: .6rem;}
.wk-main{width: 14.4rem;margin: 0 auto;}
.wk-cont{width: 100%;}
.wk-item{display: block;cursor: pointer;background-color: #f3f6fa;margin-bottom: .8rem;position: relative;}
.wk-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wk-img{position: absolute;top: 0;left: 0;width: 8rem;height: 100%;overflow: hidden;}
.wk-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wk-text{float: right;display: flex;align-content: center;justify-content: flex-start;flex-wrap: wrap;position: relative; width: 6.4rem;min-height: 4.6rem;padding: .3rem 1rem .7rem;}
.wk-name{width: 100%; font-family: SourceHanSansCN-Bold;line-height: 1.28;margin-bottom: .18rem; color: #ff3333;}
.wk-textbox{width: 100%;font-family: SourceHanSansCN-Regular;line-height: 1.8; color: #555555;}
.wk-textbox *{line-height: inherit;}
.wk-nub{font-family: D-DIN-Bold;position: absolute;bottom: .5rem;right: .5rem;color: #dae5f1;font-size: 1.2rem;}

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

@media(max-width:1000px) { 
    .wk-text{padding: .3rem .5rem .7rem;}
    .wk-nub{right: .3rem;bottom: .3rem ;}
}

@media(min-width:750px) {   
    .wk-item:nth-child(2n) .wk-img{left: auto;right: 0;}
    .wk-item:nth-child(2n) .wk-text{float: left;}
}
@media(max-width:750px) {   
    .wk-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wk-item{width: 100%;}
    .wk-img{position: relative;width: 100%;padding-top: calc(460/800*100%);height: auto;}
    .wk-text{width: 100%; min-height: 1rem;padding: .3rem .5rem .6rem;}
    .wk-nub{bottom: .15rem;right: .15rem;font-size: 28px;}
}

.wl-a{width: 100%;position: relative; padding-top: .84rem;padding-bottom: 1.8rem; background-color: #f3f6fa;}
.wl-a .my-titles{margin-bottom: .6rem;}
.wl-main{width: 14.4rem;margin: 0 auto;}
.wl-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wl-left{width: 3.8rem;display: flex;align-content: center;justify-content: center; flex-wrap: wrap; background-color: #fff;padding: .4rem .4rem;text-align: center;}
.wl-tip{font-family: SourceHanSansCN-Regular;line-height: 1.8; color: #333333;margin-bottom: .4rem;}
.wl-code{width: 100%;margin-bottom: .4rem;}
.wl-code img{width: 100%;max-width: 2.58rem;}
.wl-intro{font-family: SourceHanSansCN-Regular;line-height: 1.55; color: #555555;}

.wl-right{width: 10.2rem;display: flex;align-content: center;justify-content: center; flex-wrap: wrap; background-color: #fff;font-size: 0;text-align: center;padding: .4rem 0;}
.wl-item{display: inline-block;vertical-align: top;position: relative;width: 2.1rem;margin-right: 1.26rem;}
.wl-item:after{content: '';position: absolute;top: 0;height: 4.2rem;right: -1.26rem;width: 1.26rem;background-image: url('../images/a80.png');background-size: .28rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-item:last-child{margin-right: 0;}
.wl-item:last-child:after{display: none;}
.wl-img{width: 100%;margin-bottom: .3rem;}
.wl-img img{width: 100%;max-width: 180px;}
.wl-text{width: 100%;}
.wl-nub{font-family: SourceHanSansCN-Regular;line-height: 1.625; color: #888888;}
.wl-name{font-family: SourceHanSansCN-Regular;line-height: 1.5; color: #333333;}

@media(max-width:750px) {   
    .wl-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wl-left{width: 100%;margin-bottom: .8rem;} 
    .wl-item{width: 100%;margin-right: 0;padding: .2rem .4rem;} 
    .wl-item:after{display: none;}
}

.wm-main{width: 100%;position: relative; margin-top: .25rem;}
.wm-inner{width: 100%;position: relative;padding-top: calc(940/1920*100%);}
.wm-cont{width: 1920px;height: 940px;position: absolute;left: 0;top: 0;transform-origin: left top;}
.wm-img{width: 100%;}
.wm-img img{width: 100%;}
 
.wm-list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;}
.wm-item{position: absolute;top: 0;cursor: pointer; width: 14px;height: 14px;background-color:#2dc6ff;border-radius: 50%;}
.wm-item:before{content: "";display: block;width: 28px;height: 28px;background-color:#2dc6ff;opacity: .5; position: absolute;left: -7px;top: -7px;border-radius: 50%;animation: jump 2s linear infinite;}
.wm-name{font-family: SourceHanSansCN-Medium; font-weight: bold; font-size: 14px; color: #000000;white-space: nowrap;position: absolute;}
.wm-link{position: absolute;top: 50%;transform: translate(0,-50%); height: 60px;} 
 
.wm-item1{left: calc(896/1920*100%);margin-top: calc(220/1920*100%);}
.wm-item1 .wm-link{left: -15px; width: 80px;}
.wm-item1 .wm-name{top: 50%;left: 25px;transform: translate(0,-50%);} 
.wm-item2{left: calc(1493/1920*100%);margin-top: calc(192/1920*100%);}
.wm-item2 .wm-link{right: -15px; width: 110px;}
.wm-item2 .wm-name{top: 50%;right: 25px;transform: translate(0,-50%);} 
.wm-item3{left: calc(800/1920*100%);margin-top: calc(385/1920*100%);}
.wm-item3 .wm-link{left: -15px; width: 110px;}
.wm-item3 .wm-name{top: 50%;left: 25px;transform: translate(0,-50%);} 
.wm-item4{left: calc(540/1920*100%);margin-top: calc(430/1920*100%);}
.wm-item4 .wm-link{right: -15px; width: 110px;}
.wm-item4 .wm-name{top: 50%;right: 25px;transform: translate(0,-50%);} 
.wm-item5{left: calc(575/1920*100%);margin-top: calc(722/1920*100%);}
.wm-item5 .wm-link{left: -15px; width: 110px;}
.wm-item5 .wm-name{top: 50%;left: 25px;transform: translate(0,-50%);} 
.wm-item6{left: calc(838/1920*100%);margin-top: calc(744/1920*100%);}
.wm-item6 .wm-link{right: -15px; width: 110px;}
.wm-item6 .wm-name{top: 50%;right: 25px;transform: translate(0,-50%);} 
.wm-item7{left: calc(1498/1920*100%);margin-top: calc(622/1920*100%);}
.wm-item7 .wm-link{right: -15px; width: 110px;}
.wm-item7 .wm-name{top: 50%;right: 25px;transform: translate(0,-50%);} 

.wm-tr{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wm-td{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

.wm-td1  .wm-line1{position: absolute;bottom: 102px;left: 188px;width: 0;height:5px;background: url('../images/d8-x.png') repeat-x;}
.wm-td1.show .wm-line1{width: 9px; transition-duration: .07s;transition-property: width;} 
.wm-td1  .wm-line2{position: absolute;top: 838px;left: 192px;height: 0;width:5px;background: url('../images/d8-y.png') repeat-y;}
.wm-td1.show .wm-line2{height: 28px;transition-delay: .07s; transition-duration: .1s;transition-property: height;} 
.wm-td1  .wm-line3{position: absolute;bottom: 74px;left: 192px;width: 0;height:5px;background: url('../images/d8-x.png') repeat-x;}
.wm-td1.show .wm-line3{width: 93px;transition-delay: .17s; transition-duration: .3s;transition-property: width;} 
.wm-td1  .wm-line4{position: absolute;bottom: 74px;left: 280px;height: 0;width:5px;background: url('../images/d8-y.png') repeat-y;}
.wm-td1.show .wm-line4{height: 367px;transition-delay: .47s; transition-duration: .5s;transition-property: height;} 
.wm-td1  .wm-line5{position: absolute;bottom: 436px;left: 280px;width: 0;height:5px;background: url('../images/d8-x.png') repeat-x;}
.wm-td1.show .wm-line5{width: 93px;transition-delay: .97s; transition-duration: .27s;transition-property: width;} 
.wm-td1  .wm-line6{position: absolute;bottom: 436px;left: 368px;height: 0;width:5px;background: url('../images/d8-y.png') repeat-y;}
.wm-td1.show .wm-line6{height: 286px;transition-delay: 1.24s; transition-duration: .5s;transition-property: height;} 
.wm-td1  .wm-line7{position: absolute;bottom: 717px;left: 373px;width: 0;height:5px;background: url('../images/d8-x.png') repeat-x;}
.wm-td1.show .wm-line7{width: 276px;transition-delay: 1.74s; transition-duration: .5s;transition-property: width;} 

.wm-td1  .wm-line8{position: absolute;top: 207px;right: 1271px;width: 0;height:5px;background: url('../images/d7-x.png') repeat-x;}
.wm-td1.show .wm-line8{width: 288px;transition-delay: 2.24s; transition-duration: .5s;transition-property: width;} 
.wm-td1  .wm-line9{position: absolute;top: 207px;right: 1559px;height: 0;width:5px;background: url('../images/d7-y.png') repeat-y;}
.wm-td1.show .wm-line9{height: 288px;transition-delay: 2.74s; transition-duration: .5s;transition-property: height;} 
.wm-td1  .wm-line10{position: absolute;top: 490px;right: 1559px;width: 0;height:5px;background: url('../images/d7-x.png') repeat-x;}
.wm-td1.show .wm-line10{width: 90px;transition-delay: 3.24s; transition-duration: .27s;transition-property: width;} 
.wm-td1  .wm-line11{position: absolute;top: 490px;right: 1644px;height: 0;width:5px;background: url('../images/d7-y.png') repeat-y;}
.wm-td1.show .wm-line11{height: 207px;transition-delay: 3.51s; transition-duration: .21s;transition-property: height;}
.wm-td1  .wm-line12{position: absolute;top: 693px;right: 1649px;width: 0;height:5px;background: url('../images/d7-x.png') repeat-x;}
.wm-td1.show .wm-line12{width: 7px;transition-delay: 3.72s; transition-duration: .02s;transition-property: width;}  
.wm-td1  .wm-line13{position: absolute;top: 823px;right: 1720px;width: 0;height:5px;background: url('../images/d7-x.png') repeat-x;}
.wm-td1.show .wm-line13{width: 12px;transition-delay: 3.74s; transition-duration: .03s;transition-property: width;} 
 

.wm-cool{position: absolute;top: 169px; left: 465px;	width: 610px;height: 0;background-image: url('../images/a89.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wm-td1.show .wm-cool{transition-delay: 3.77s;height: 188px;transition-duration: .5s;transition-property: height; }

.wm-td2  .wm-line1{position: absolute;top: 175px;left: 349px;width: 0;height:5px;background: url('../images/d9-x.png') repeat-x;}
.wm-td2.show .wm-line1{width: 77px; transition-duration: .16s;transition-property: width;} 
.wm-td2  .wm-line2{position: absolute;top: 175px;left: 492px;width: 0;height:5px;background: url('../images/d9-x.png') repeat-x;}
.wm-td2.show .wm-line2{width: 1051px;transition-delay:  .16s; transition-duration: .8s;transition-property: width;} 
.wm-td2  .wm-line3{position: absolute;top: 175px;left: 1543px;height: 0;width:5px;background: url('../images/d9-y.png') repeat-y;}
.wm-td2.show .wm-line3{height: 12px;transition-delay:  .96s; transition-duration: .03s;transition-property: height;}
.wm-td2  .wm-line4{position: absolute;top: 189px;right: 687px;width: 0;height:5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td2.show .wm-line4{width: 741px;transition-delay:  .99s; transition-duration: .71s;transition-property: width;}  
.wm-td2  .wm-line5{position: absolute;top: 189px;right: 1494px;width: 0;height:5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td2.show .wm-line5{width: 77px;transition-delay:  1.7s; transition-duration: .16s;transition-property: width;}  
 
.wm-leaf{position: absolute;top: 230px;right: 306px;	width: 441px;height: 0;background-image: url('../images/a88.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wm-td2.show .wm-leaf{transition-delay: 1.86s;height: 183px;transition-duration: .5s;transition-property: height; }


.wm-td3 .wm-line1{position: absolute;top:656px;left: 329px;width: 5px;height:0;  background: url('../images/d7-y.png') repeat-y;}
.wm-td3.show .wm-line1{height: 81px;  transition-duration: .16s;transition-property: height;}
.wm-td3 .wm-line2{position: absolute;top:732px;left: 334px;width: 0;height: 5px;  background: url('../images/d7-x.png') repeat-x;}
.wm-td3.show .wm-line2{width:90px; transition-delay: .16s; transition-duration: .18s;transition-property: width;}
.wm-td3 .wm-line3{position: absolute;top:740px;left: 433px;height: 0;width: 5px;  background: url('../images/d7-y.png') repeat-y;}
.wm-td3.show .wm-line3{height:86px; transition-delay: .34s; transition-duration: .18s;transition-property: height;}
.wm-td3 .wm-line4{position: absolute;top:821px;left: 433px;width: 0;height: 5px;  background: url('../images/d7-x.png') repeat-x;}
.wm-td3.show .wm-line4{width:286px; transition-delay: .52s; transition-duration: .57s;transition-property: width;}
.wm-td3 .wm-line5{position: absolute;bottom: 115px;left: 714px;height: 0;width: 5px;  background: url('../images/d7-y.png') repeat-y;}
.wm-td3.show .wm-line5{height:407px; transition-delay: 1.09s; transition-duration: .61s;transition-property: height;}
.wm-td3 .wm-line6{position: absolute;top:418px;left: 718px;width: 0;height: 5px;  background: url('../images/d7-x.png') repeat-x;}
.wm-td3.show .wm-line6{width: 71px; transition-delay: 1.7s; transition-duration: .14s;transition-property: width;}

.wm-td3 .wm-line7{position: absolute;top:453px;left: 901px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td3.show .wm-line7{width: 15px; transition-delay: 1.84s; transition-duration: .03s;transition-property: width;}
.wm-td3 .wm-line8{position: absolute;top:453px;left: 911px;height: 0;width: 5px;  background: url('../images/d8-y.png') repeat-y;}
.wm-td3.show .wm-line8{height: 41px; transition-delay: 1.87s; transition-duration: .08s;transition-property: height;}
.wm-td3 .wm-line9{position: absolute;top:494px;right: 1004px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td3.show .wm-line9{width: 189px; transition-delay: 1.95s; transition-duration: .35s;transition-property: width;}
.wm-td3 .wm-line10{position: absolute;top:494px;right: 1190px;height: 0;width: 5px;  background: url('../images/d8-y.png') repeat-y;}
.wm-td3.show .wm-line10{height:337px; transition-delay: 2.3s; transition-duration: .6s;transition-property: height;}
.wm-td3 .wm-line11{position: absolute;top:829px;right: 1190px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td3.show .wm-line11{width: 286px; transition-delay: 2.9s; transition-duration: .5s;transition-property: width;}
.wm-td3 .wm-line12{position: absolute;bottom:  106px;right: 1475px;height: 0;width: 5px;  background: url('../images/d8-y.png') repeat-y;}
.wm-td3.show .wm-line12{height:71px; transition-delay: 3.4s; transition-duration: .14s;transition-property: height;}
.wm-td3 .wm-line13{position: absolute;bottom:180px;right: 1497px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td3.show .wm-line13{width: 80px; transition-delay: 3.54s; transition-duration: .16s;transition-property: width;}
.wm-td3 .wm-line14{position: absolute;bottom:  180px;right: 1574px;height: 0;width: 5px;  background: url('../images/d8-y.png') repeat-y;}
.wm-td3.show .wm-line14{height:104px; transition-delay: 3.7s; transition-duration: .2s;transition-property: height;}
 
.wm-heating{ opacity: 0;   position: absolute;top: 0;margin-top: calc(387/1920*100%);left: calc(889/1920*100%);width: calc(34/1920*100%);height: calc(41/940*100%);background-image: url('../images/a86.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wm-td3.show .wm-heating{opacity: 1; transition-delay: 3.9s;transition-property: opacity;}
.wm-td3.show .wm-heating {animation: magnify ease infinite 1.5s;}


.wm-td4 .wm-line1{position: absolute;bottom:194px;left: 338px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td4.show .wm-line1{height: 90px;  transition-duration: .18s;transition-property: height;}
.wm-td4 .wm-line2{position: absolute;top:656px;left: 327px;width: 5px;height:0;  background: url('../images/d7-y.png') repeat-y;}
.wm-td4.show .wm-line2{height:151px; transition-delay: .18s;transition-duration: .3s;transition-property: height;}
.wm-td4 .wm-line3{position: absolute;top:802px;left: 331px;width: 0;height: 5px; background: url('../images/d7-x.png') repeat-x;}
.wm-td4.show .wm-line3{width:164px; transition-delay: .48s;transition-duration: .32s;transition-property: width;}
.wm-td4 .wm-line4{position: absolute;bottom:136px;left: 491px;width: 5px;height: 0; background: url('../images/d7-y.png') repeat-y;}
.wm-td4.show .wm-line4{height:99px; transition-delay: .8s;transition-duration: .2s;transition-property: height;}
.wm-td4 .wm-line5{position: absolute;top:802px;left: 495px;width: 0;height: 5px; background: url('../images/d7-x.png') repeat-x;}
.wm-td4.show .wm-line5{width:219px; transition-delay: .8s;transition-duration: .44s;transition-property: width;}
.wm-td4 .wm-line6{position: absolute;bottom:136px;left: 709px;width: 5px;height: 0; background: url('../images/d7-y.png') repeat-y;}
.wm-td4.show .wm-line6{height:300px; transition-delay: 1.24s;transition-duration: .56s;transition-property: height;}
.wm-td4 .wm-line7{position: absolute;bottom:436px;left: 709px;width: 5px;height: 0; background: url('../images/d7-y.png') repeat-y;}
.wm-td4.show .wm-line7{height:135px; transition-delay: 1.8s;transition-duration: .26s;transition-property: height;}
.wm-td4 .wm-line8{position: absolute;bottom:431px;right: 1207px;width: 0;height: 5px;  background: url('../images/d7-x.png') repeat-x;}
.wm-td4.show .wm-line8{width:86px; transition-delay: 1.8s;transition-duration: .18s;transition-property: width;}
.wm-td4 .wm-line9{position: absolute;bottom:433px;right: 1288px;width: 5px;height: 0; background: url('../images/d7-y.png') repeat-y;}
.wm-td4.show .wm-line9{height:19px; transition-delay: 1.98s;transition-duration: .04s;transition-property: height;}
.wm-fog{background-image: url(../images/a87.png);width: 287px;height: 280px;position: absolute;left: 470px;top:205px;opacity: 0;}
.wm-td4.show .wm-fog{  opacity: 1;transition: opacity 0.5s 2.02s;animation: hot-fog-bg infinite 500s 2.02s;}


.wm-td5 .wm-line1{position: absolute;top: 684px;right: 343px;width: 0;height: 5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td5.show .wm-line1{width: 43px;transition-duration: .06s;transition-property: width;} 
.wm-td5 .wm-line2{position: absolute;top: 684px;right: 415px;width: 0;height: 5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td5.show .wm-line2{width: 31px;transition-delay: .06s;transition-duration: .08s;transition-property: width;}
.wm-td5 .wm-line3{position: absolute;top: 684px;right: 476px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td5.show .wm-line3{width: 21px;transition-delay: .14s;transition-duration: .04s;transition-property: width;}
.wm-td5 .wm-line4{position: absolute;top: 684px;right: 494px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td5.show .wm-line4{height: 175px; transition-delay: .18s;transition-duration: .28s;transition-property: height;}
.wm-td5 .wm-line5{position: absolute;top: 855px;right: 498px;width: 0;height:5px; background: url('../images/d8-x.png') repeat-x;}
.wm-td5.show .wm-line5{width: 864px; transition-delay: .46s;transition-duration: .64s;transition-property: width;}
.wm-td5 .wm-line6{position: absolute;bottom:85px;right: 1357px;width: 5px;height:0;background: url('../images/d8-y.png') repeat-y;}
.wm-td5.show .wm-line6{height: 93px; transition-delay: 1.1s;transition-duration: .2s;transition-property: height;}
.wm-td5 .wm-line7{position: absolute;top: 737px;right: 1382px;width: 0;height:5px; background: url('../images/d11-x.png') repeat-x;}
.wm-td5.show .wm-line7{width: 48px; transition-delay: 1.3s;transition-duration: .1s;transition-property: width;}
.wm-td5 .wm-line8{position: absolute;bottom:203px;right: 1425px;width: 5px;height:0;background: url('../images/d11-y.png') repeat-y;}
.wm-td5.show .wm-line8{height: 32px;transition-delay: 1.4s;transition-duration: .09s;transition-property: height;}


.wm-td6 .wm-line1{position: absolute;top:833px;left: 188px;height: 5px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line1{width: 9px; transition-duration: .02s;transition-property: width;}
.wm-td6 .wm-line2{position: absolute;top:838px;left: 192px;width: 5px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line2{height: 28px;transition-delay: .02s; transition-duration: .06s;transition-property: height;}
.wm-td6 .wm-line3{position: absolute;top:861px;left: 192px;height: 5px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line3{width: 95px;transition-delay: .08s; transition-duration: .19s;transition-property: width;}
.wm-td6 .wm-line4{position: absolute;bottom:78px;left: 282px;width: 5px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line4{height: 125px;transition-delay: .27s; transition-duration: .25s;transition-property: height;}
.wm-td6 .wm-line5{position: absolute;bottom:203px;left: 282px;height: 5px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line5{width: 142px;transition-delay: .52s; transition-duration: .28s;transition-property: width;}
.wm-td6 .wm-line6{position: absolute;top:740px;left: 434px;width: 5px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line6{height: 85px;transition-delay: .8s; transition-duration: .17s;transition-property: height;}
.wm-td6 .wm-line7{position: absolute;bottom:115px;left: 434px;height: 5px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line7{width: 356px;transition-delay: .97s; transition-duration: .63s;transition-property: width;}

.wm-td6 .wm-line8{transform: rotate(32deg);transform-origin: left bottom; position: absolute;bottom:116px;left: 785px;width: 4px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line8{height: 64px;transition-delay: 1.6s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line9{position: absolute;bottom:167px;left:820px;height: 4px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line9{width: 331px;transition-delay: 1.7s; transition-duration: .3s;transition-property: width;}

.wm-td6 .wm-line10{transform: rotate(-29deg);transform-origin: right top; position: absolute;top:769px;left:1148px;width: 4px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line10{height: 64px;transition-delay: 2s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line11{position: absolute;bottom:110px;right:736px;height: 4px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line11{width: 354px;transition-delay: 2.1s; transition-duration: .3s;transition-property: width;}

.wm-td6 .wm-line12{transform: rotate(32deg);transform-origin: left bottom; position: absolute;bottom:110px;left: 828px;width: 4px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line12{height: 51px;transition-delay: 2.4s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line13{position: absolute;bottom:150px;left:854px;height: 4px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line13{width: 263px;transition-delay: 2.5s; transition-duration: .3s;transition-property: width;}

.wm-td6 .wm-line14{transform: rotate(-29deg);transform-origin: right top; position: absolute;top:787px;left:1115px;width: 4px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line14{height: 25px;transition-delay: 2.8s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line15{position: absolute;bottom:128px;right:793px;height: 4px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line15{width: 246px;transition-delay: 2.9s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line16{transform: rotate(32deg);transform-origin: left bottom; position: absolute;bottom:130px;left: 881px;width: 4px;height:0; background: url('../images/d7-y.png') repeat-y;}
.wm-td6.show .wm-line16{height: 10px;transition-delay: 3.1s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line17{position: absolute;bottom:135px;left:884px;height: 4px;width:0; background: url('../images/d7-x.png') repeat-x;}
.wm-td6.show .wm-line17{width: 108px;transition-delay: 3.2s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line18{position: absolute;bottom:135px;left:992px;height: 4px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line18{width: 112px;transition-delay: 3.4s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line19{transform: rotate(-32deg);transform-origin: left bottom; position: absolute;bottom:135px;right: 812px;width: 4px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line19{height: 10px;transition-delay: 3.6s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line20{position: absolute;bottom:142px;right:819px;height: 4px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line20{width: 235px;transition-delay: 3.7s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line21{transform: rotate(29deg);transform-origin: right top; position: absolute;top:796px;left:866px;width: 4px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line21{height: 26px;transition-delay: 3.9s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line22{position: absolute;bottom:119px;left:855px;height: 4px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line22{width: 301px;transition-delay: 4s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line23{transform: rotate(-32deg);transform-origin: left bottom; position: absolute;bottom:120px;right: 760px;width: 4px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line23{height: 49px;transition-delay: 4.2s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line24{position: absolute;bottom:158px;right:785px;height: 4px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line24{width: 301px;transition-delay: 4.3s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line25{transform: rotate(29deg);transform-origin: right top; position: absolute;top:780px;right:1081px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line25{height: 62px;transition-delay: 4.5s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line26{position: absolute;bottom:106px;right:1110px;height: 5px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line26{width: 369px;transition-delay: 4.6s; transition-duration: .2s;transition-property: width;}

.wm-td6 .wm-line27{ position: absolute;bottom: 107px;left:441px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line27{height: 70px;transition-delay: 4.8s; transition-duration: .1s;transition-property: height;}
.wm-td6 .wm-line28{position: absolute;bottom:180px;right:1497px;height: 5px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line28{width: 150px;transition-delay: 4.9s; transition-duration: .2s;transition-property: width;}
.wm-td6 .wm-line29{ position: absolute;bottom: 180px;left:273px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td6.show .wm-line29{height: 62px;transition-delay: 5.1s; transition-duration: .05s;transition-property: height;}
.wm-td6 .wm-line30{position: absolute;bottom:242px;right:1642px;height: 5px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line30{width: 14px;transition-delay: 5.15s; transition-duration: .05s;transition-property: width;}
.wm-td6 .wm-line31{position: absolute;bottom:112px;right:1720px;height: 5px;width:0; background: url('../images/d8-x.png') repeat-x;}
.wm-td6.show .wm-line31{width: 12px;transition-delay: 5.2s; transition-duration: .05s;transition-property: width;}
 
.wm-arrows{ width: 89px;height: 75px;position: absolute;left: 965px;top: 751px;opacity: 0;}
.wm-arrows1 {position: absolute;left: 0;bottom: .35rem;animation: hotBox ease infinite 1.5s; width: 100%;background-image: url(../images/a91-b.png);}
.wm-arrows2 {position: absolute;left: .18rem;bottom: 0;animation: hotBox ease infinite 1.5s; width: 55px;background-image: url(../images/a91-c.png);}
.wm-td6.show .wm-arrows{opacity: 1;transition-delay: 5.25s; transition-duration: 1s;}


.wm-td7 .wm-line1{position: absolute;top: 684px;right: 343px;width: 0;height: 5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td7.show .wm-line1{width: 43px;transition-duration: .06s;transition-property: width;} 
.wm-td7 .wm-line2{position: absolute;top: 684px;right: 415px;width: 0;height: 5px;background: url('../images/d10-x.png') repeat-x;}
.wm-td7.show .wm-line2{width: 31px;transition-delay: .06s;transition-duration: .08s;transition-property: width;}
.wm-td7 .wm-line3{position: absolute;top: 684px;right: 476px;width: 0;height: 5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td7.show .wm-line3{width: 21px;transition-delay: .14s;transition-duration: .04s;transition-property: width;}
.wm-td7 .wm-line4{position: absolute;top: 684px;right: 494px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td7.show .wm-line4{height: 175px; transition-delay: .18s;transition-duration: .28s;transition-property: height;}
.wm-td7 .wm-line5{position: absolute;top: 855px;right: 498px;width: 0;height:5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td7.show .wm-line5{width: 863px; transition-delay: .46s;transition-duration: .74s;transition-property: width;}
.wm-td7 .wm-line6{position: absolute;bottom:82px;right: 1357px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td7.show .wm-line6{height: 96px; transition-delay: 1.2s;transition-duration: .2s;transition-property: height;}
.wm-td7 .wm-line7{position: absolute;bottom: 80px;right: 1357px;width: 0;height:5px;  background: url('../images/d8-x.png') repeat-x;}
.wm-td7.show .wm-line7{width:67px; transition-delay: 1.2s;transition-duration: .13s;transition-property: width;}
.wm-td7 .wm-line8{position: absolute;bottom:80px;right: 1423px;width: 5px;height:0; background: url('../images/d8-y.png') repeat-y;}
.wm-td7.show .wm-line8{height: 153px; transition-delay: 1.33s;transition-duration: .3s;transition-property: height;}

.wm-td7 .wm-line9{position: absolute;top:684px;right: 493px;width: 0;height:5px;background: url('../images/d8-x.png') repeat-x;}
.wm-td7.show .wm-line9{width: 30px; transition-delay: .18s;transition-duration: .02s;transition-property: width;}
.wm-td7 .wm-line10{position: absolute;top:684px;right: 557px;width: 0;height:5px; background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line10{width: 88px; transition-delay: .2s;transition-duration: .16s;transition-property: width;}
.wm-td7 .wm-line11{position: absolute;bottom: 250px;right: 645px;width: 5px;height:0;  background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line11{height: 198px; transition-delay: .36s;transition-duration: .44s;transition-property: height;}
.wm-td7 .wm-line12{position: absolute;top:492px;right: 649px;width: 0;height:5px;   background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line12{width: 561px; transition-delay: .8s;transition-duration: .8s;transition-property: width;}
.wm-td7 .wm-line13{position: absolute;bottom: 448px;right: 1206px;width: 5px;height:0; background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line13{height: 125px; transition-delay: 1.6s;transition-duration: .36s;transition-property: height;}
.wm-td7 .wm-line14{position: absolute;top:492px;right: 1210px;width: 0;height:5px;  background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line14{width: 77px; transition-delay: 1.6s;transition-duration: .21s;transition-property: width;}
.wm-td7 .wm-line15{position: absolute;bottom: 448px;right: 1287px;width: 5px;height:0;  background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line15{height: 6px; transition-delay: 1.81s;transition-duration: .03s;transition-property: height;}
.wm-td7 .wm-line16{position: absolute;top:492px;right: 1287px;width: 0;height:5px; background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line16{width: 356px; transition-delay: 1.81s;transition-duration: .69s;transition-property: width;}
.wm-td7 .wm-line17{position: absolute;top:496px;right: 1638px;width: 5px;height:0; background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line17{height: 215px; transition-delay: 2.5s;transition-duration: .42s;transition-property: height;}
.wm-td7 .wm-line18{position: absolute;top:706px;left: 283px;width: 0;height:5px; background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line18{width: 58px; transition-delay:2.92s;transition-duration: .11s;transition-property: width;}
.wm-td7 .wm-line19{position: absolute;bottom: 229px;left: 336px;width: 5px;height:0; background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line19{height: 55px; transition-delay: 3.03s;transition-duration: .11s;transition-property: height;}
.wm-td7 .wm-line20{position: absolute;top:711px;right: 1638px;width: 5px;height:0; background: url('../images/d11-y.png') repeat-y;}
.wm-td7.show .wm-line20{height: 115px; transition-delay: 2.92s;transition-duration: .23s;transition-property: height;}
.wm-td7 .wm-line21{position: absolute;top:821px;right: 1641px;width: 0;height:5px; background: url('../images/d11-x.png') repeat-x;}
.wm-td7.show .wm-line21{width: 12px; transition-delay: 3.15s;transition-duration: .03s;transition-property: width;}
 
.wm-refrigeration{opacity: 0;transition-duration: .5s;transition-property: opacity; position: absolute;top: 0;left: 0;width: 100%;}
.wm-cont.refrigeration .wm-refrigeration{opacity: 1;transition-delay: 4.36s;} 
.wm-wind{opacity: 0;transition-duration: .5s;transition-property: opacity; position: absolute;top: 0;left: 0;width: 100%;}

.wm-cont.wind .wm-wind{opacity: 1;transition-delay: 2.34s; } 


@keyframes hot-fog-bg{
    0%{ background-position:0 0;}
    50%{ background-position:0 -10000px;}
    100%{background-position:0 0;}
}

@keyframes hotBox{
    0%{ height:26px;}
    50%{height:39px;}
    100%{height:26px;}
}

@keyframes jump{
    0%{
        transform: scale(0.5);
    }
    25%{
        transform: scale(0.7);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(0.5);
    }
}

@keyframes magnify{
    0%{
        transform: scale(0);
    } 
    100%{
        transform: scale(1);
    }
}

.wo-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem; background-color: #f3f6fa;}
.wo-a .my-titles{margin-bottom: .5rem;}
.wo-main{width: 14.4rem;margin: 0 auto;}
.wo-cont{width: 100%;}
.wo-item{display: block;width: 100%;margin-bottom: .2rem;}
.wo-top{width: 100%;position: relative;cursor: pointer; padding: .15rem .7rem .15rem .3rem;background-color: #ffffff;}
.wo-top:after{content: '';position: absolute;top: 0;right: .3rem;width: .18rem;height: 100%;background-image: url('../images/a96.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wo-name{font-family: SourceHanSansCN-Regular;color: #333333;line-height: 1.66;}

.wo-bottom{display: none;width: 100%;padding: .3rem .3rem;}
.wo-one{width: 100%;margin-bottom: .3rem;}
.wo-one:last-child{margin-bottom: 0;}
.wo-tip{font-family: SourceHanSansCN-Regular;width: 100%;line-height: 2; color: #333333;}
.wo-textbox{font-family: SourceHanSansCN-Regular;width: 100%;line-height: 2; color: #333333;}
.wo-textbox *{line-height: inherit;}

.wo-item.show .wo-top{background-color: #ff3333;}
.wo-item.show .wo-top:after{background-image: url('../images/a96-b.png');}
.wo-item.show .wo-name{color: #ffffff;}

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

.wp-a{width: 100%;padding-top: .7rem;padding-bottom: 1.8rem;  }
.wp-a .my-titles{margin-bottom: .4rem;padding-bottom: 0;}
.wp-a .my-titles:before{display: none;}
.wp-main{width: 14.4rem;margin: 0 auto;}
.wp-cont{width: 100%;background-color: #f3f6fa;border: solid 1px #c1cedf;}
.wp-tip{font-family: SourceHanSansCN-Regular;line-height: 1.66;padding: .15rem ; color: #ffffff;width: 100%;text-align: center; background-color: #ff3333;}
.wp-table{width: 100%;}
.wp-table table{width: 100%;border: none;}
.wp-table tr{width: 100%;border: none;}
.wp-table td{font-family: SourceHanSansCN-Regular;border: none;text-align: center; border-right: solid 1px #c1cedf;border-bottom: solid 1px #c1cedf;line-height: 1.33;padding: .2rem .3rem; color: #333333;}
.wp-table td *{line-height: inherit;}
.wp-table td:last-child{border-right: none;}
.wp-table td:first-child {width: 4.3rem; text-align: left;padding-left: .6rem;}
.wp-table  td:last-child{text-align: left;padding-left: .45rem;}

.wp-table tr:first-child  td{font-family: SourceHanSansCN-Medium;}
.wp-table tr:first-child td:last-child{text-align: center;}

.wq-bottom{width: 100%;padding: .3rem .6rem;}
.wq-explain{font-family: SourceHanSansCN-Medium;margin-bottom: .15rem; color: #333333;}
.wq-textbox{width: 100%;line-height: 1.5; font-family: SourceHanSansCN-Regular; color: #555555;}
.wq-textbox *{line-height: inherit;}

.wp-table tr:first-child  td{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .wp-table tr:first-child   td{font-size: 14.4px;}
}

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

    .wq-bottom .wp-table td{padding: .15rem .05rem;}
    .wp-table td:first-child{width: auto; padding-left: .2rem;}
    .wp-table td:last-child{padding: .15rem .05rem;text-align: center;}
    .wq-bottom{padding: .2rem ;}
}

.wq-a{width: 100%;padding-top: .82rem;padding-bottom: .8rem;overflow: hidden;}
.wq-a .my-titles{margin-bottom:  .5rem;}
.wq-main{width: 17.4rem;margin: 0 auto; position: relative;}
.wq-navbox{width: 100%;font-size: 0;text-align: center;margin-bottom: .35rem;}
.wq-nav{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem;color: #ff3333; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.wq-nav:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.wq-nav.active{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;} 

.wq-cont{position: relative; width: 100%;}
.wq-one{width: 100%;}
.wq-one{position: absolute;top: 0;left: -29rem;width: 100%;}
.wq-one.show{position: relative;left: 0;}

.wq-b{width: 100%;padding: 0 1.28rem;}
.wq-b:before{content: '';position: absolute;top: -1%;left: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #fff;}
.wq-b:after{content: '';position: absolute;top: -1%;right: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #fff;}
.wq-item{padding:  .2rem;} 

.wq-link{width: 100%;transition: all ease .5s;display: block;cursor: pointer;position: relative; 	background-color: #ffffff;}
.wq-link .wq-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.wq-link .wq-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wq-link .wq-text{width: 100%;padding: .3rem 0 .5rem;}
.wq-c{width: 100%;position: relative;padding-bottom: .25rem;margin-bottom: .2rem;}
.wq-c:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.wq-c:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.wq-link .wq-name{font-family: SourceHanSansCN-Medium; line-height: 1.38; color: #333333;width: 100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wq-tr{width: 100%;position: relative;height: 7.2em;overflow: auto; margin-bottom: .15rem;}
.wq-td{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.8;}
.wq-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .5rem;text-align: center;}
.wq-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}


.wq-link:hover .wq-img img{transform: scale(1.05);}
.wq-link:hover .wq-name{color: #ff3333;}
.wq-link:hover .wq-more{color: #ffffff;background-color: #ff3333;}
.wq-link:hover .wq-more:after{background-image: url('../images/a4-b.png');}

.wq-b .wq-pagination{display: none; position: absolute;bottom:0;left: 0;width: 100%;font-size: 0; text-align: center;}
.wq-b .wq-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.wq-b .wq-pagination .swiper-pagination-bullet-active{opacity: 1;}

.wq-b .wq-prev{z-index: 98; left: 0;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wq-b .wq-prev:hover{background-color: #ff3333;}
.wq-b .wq-next{z-index: 98; right: 0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wq-b .wq-next:hover{background-color: #ff3333;}

 
 
@media(max-width:1200px) {   
    .wq-main{width: 15.8rem;} 
    .wq-b{padding: 0 .5rem;}
    .wq-b:before{width: .7rem;}
    .wq-b:after{width: .7rem;}
}

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

    .wq-b{padding: 0 0 .8rem;}
    .wq-b:before{display: none;}
    .wq-b:after{display: none;}
    .wq-item{padding: 0  5px;}
    .wq-b .wq-prev{display: none;}
    .wq-b .wq-next{display: none;}
    .wq-b .wq-pagination{display: block;}
}


.wr-a{width: 100%;padding-top: .82rem;padding-bottom: .32rem;background-color: #f5f7fb;}
.wr-a .my-titles{margin-bottom: .5rem;}
.wr-main{width: 17rem;margin: 0 auto;}
.wr-navbox{width: 100%;font-size: 0;text-align: center;margin-bottom: .35rem;}
.wr-nav{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem;color: #ff3333; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.wr-nav:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.wr-nav.active{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}

.wr-listbox{width: 100%;position: relative;}
.wr-list{width: 100%;position: absolute;left: -29rem;top: 0;}
.wr-list.show{position: relative; left: 0;}


.wr-top{display: block;margin-bottom: .55rem;width: 100%;padding: 0 1.3rem;}
.wr-container{width: 100%;}
.wr-slide{width: 100%; }
.wr-goods{display: flex;align-items: center;justify-content: flex-end; cursor: pointer; width: 100%; position: relative; cursor: pointer;min-height: 4.4rem; background-color: #ffffff;}
.wr-left{position: absolute;top: 0;left: 0;height: 100%; width: 9.3rem;}
.wr-b{width: 100%;height: 100%;font-size: 0;}
.wr-one{width: 100%;height: 100%;}
.wr-c{width: 100%;height: 100%;}
.wr-one .wr-img{position: absolute;top: 0;left: 0; z-index: 18; width: 100%;height: 100%;}
.wr-one .wr-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wr-product{position: absolute;top: 0;left: 0; z-index: 88; width: 100%;height: 100%;}
.wr-product img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.wr-right{display: inline-block; width: 3.9rem;padding: .3rem 0; margin-right: .6rem;text-align: left;}
.wr-d{width: 100%;position: relative;padding-bottom: .35rem;margin-bottom: .3rem;}
.wr-d:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.wr-d:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.wr-series{font-family: SourceHanSansCN-Medium;margin-bottom: .1rem; line-height: 1.28; color: #ff3333;}
.wr-right .wr-name{font-family: SourceHanSansCN-Bold; color: #333333;line-height: 1.33;}
.wr-textbox{font-family: SourceHanSansCN-Regular;  color: #666666;line-height: 1.7;}
.wr-textbox *{line-height: inherit;}
.wr-right .wr-more{margin-top: .3rem; font-family: SourceHanSansCN-Regular;position: relative;z-index: 0; color: #ffffff;display: inline-block;padding: .14rem .23rem;background-color: #ff3333; }
.wr-right .wr-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wr-right .wr-more:before{content: ''; position: absolute;top: 0;left: 0;z-index: -1;transition: all ease .5s; width: 0;height: 100%;background-color: #0264cc;}
.wr-right .wr-more:hover:before{width: 100%;}

.wr-cont{width: 100%;position: relative;margin-bottom: .75rem;}
.wr-e{width: 100%;padding: 6px 1.3rem;position: relative;}
.wr-e:before{content: '';position: absolute;top: -1%;left: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #f5f7fb;}
.wr-e:after{content: '';position: absolute;top: -1%;right: 0;z-index: 88; width: 1.3rem;height: 102%;background-color: #f5f7fb;}
.wr-item{width: 4.53rem;margin-right: .4rem;}
.wr-item:last-child{margin-right: 0;}
.wr-link{width: 100%;display: block;cursor: pointer;position: relative; background-color: #ffffff;}
.wr-f{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.wr-icon{position: absolute;top: -.06rem; left:  .1rem;z-index: 18;width: .55rem;}
.wr-icon img{width: 100%;}
.wr-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.wr-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wr-link .wr-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.wr-link .wr-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.wr-link .wr-text{width: 100%;padding: .35rem .35rem   .7rem .35rem;}
.wr-g{width: 100%;position: relative;padding-bottom: .25rem;margin-bottom: .3rem;}
.wr-g:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.wr-g:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.wr-link .wr-name{font-family: SourceHanSansCN-Medium;  color: #333333;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wr-tr{width: 100%;position: relative;height: 7.2em;overflow: auto;  }
.wr-td{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.8;}
.wr-link .wr-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .56rem;text-align: center;}
.wr-link .wr-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .35rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wr-e .wr-pagination{z-index: 98;display: none; position: absolute;bottom: 0;left: 0;width: 100%;font-size: 0; text-align: center;}
.wr-e .wr-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.wr-e .wr-pagination .swiper-pagination-bullet-active{opacity: 1;}

.wr-e .wr-prev{z-index: 98;left: 0;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wr-e .wr-prev:hover{background-color: #ff3333;}
.wr-e .wr-next{z-index: 98;right: 0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wr-e .wr-next:hover{background-color: #ff3333;}

.wr-link:hover  .wr-img img{transform: scale(1.05);}
.wr-link:hover .wr-more{color: #ffffff;	background-color: #ff3333;}
.wr-link:hover .wr-more:after{background-image: url('../images/a4-b.png');}
 
@media(max-width:1200px) {   
    .wr-main{width: 15.8rem;} 
    .wr-top{padding: 0 .7rem;}
    .wr-e{padding: 0 .7rem;}
    .wr-e:before{width: .7rem;}
    .wr-e:after{width: .7rem;}
}


@media(min-width:750px) {   
    .wr-slide{margin-right: 2px;}
}

@media(max-width:750px) {   
    .wr-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wr-goods{display: block;}
    .wr-left{position: relative; width: 100%;height: auto;}
    .wr-b{height: auto;}
    .wr-one{height: auto;}
    .wr-c{position: relative; height: auto;padding-top: calc(440/930*100%);} 
    .wr-right{width: 100%;margin-right: 0;padding: .35rem .3rem;}

    .wr-item{width: calc(50% - 5px);margin-right: 10px;}
    .wr-link .wr-text{padding: .3rem 10px .6rem;}

    .wr-top{padding: 0  ;}
    .wr-cont{margin-bottom: .5rem;}
    .wr-e{padding: 0  0 .8rem;}
    .wr-e:before{display: none;}
    .wr-e:after{display: none;} 
    .wr-e .wr-prev{display: none;}
    .wr-e .wr-next{display: none;}
    .wr-e .wr-pagination{display: block;}

    .wr-navbox{width: 100%;overflow: auto;white-space: nowrap;}
    .wr-nav{margin: 0 .1rem;}
}

.about-cont{width: 100%;position: relative;overflow: hidden;}
.about-one{width: 100%;position: absolute;top: 0;left: -120vw;}
.about-one.show{left: 0;position: relative;}

.ws-a{width: 100%;padding-top: .85rem;padding-bottom: 1.7rem; background-image: url('../images/c54.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.ws-a .my-titles{margin-bottom: 1.1rem;}
.ws-main{width: 14.6rem;margin: 0 auto;}
.ws-cont{width: 100%;position: relative;}
.ws-cont:before{content: ''; position: absolute;top: 3.2rem;left: 50%;transform: translate(-50%,0);display: block; width: 15.78rem;height: 1px;border-bottom: 1px dashed #ff3333;}
.ws-box{width: 100%;position: relative;}
.ws-box:before{content: '';position: absolute;top: 0;left: calc(50% - .1rem);display: block;width: 1px;height: 100%;border-left: 1px dashed #ff3333;}
.ws-box:after{content: '';position: absolute;top: 0;right: .1rem;display: block;width: 1px;height: 100%;border-left: 1px dashed #ff3333;}
.ws-b{width: 100%;}
.ws-item{display: block; padding: 0 .1rem; position: relative;}
.ws-item:after{content: '';position: absolute;top: 3.1rem;right:0;width: .2rem;height: .2rem;background-image: url('../images/d4.png');background-size: .11rem auto;background-position: center center;background-repeat: no-repeat;}
.ws-item:nth-child(2n):after{display: none;}
.ws-link{display: flex;flex-direction: row-reverse;justify-content: space-between;flex-wrap: wrap; padding: 0 .25rem}  
.ws-text{width: 3.2rem;height: 3.2rem; padding-top: .35rem;overflow: auto;}
.ws-stage{font-family: SourceHanSansCN-Bold;line-height: 1.25;margin-bottom:  .3rem; color: #ff3333;}
.ws-list{width: 100%;}
.ws-one{width: 100%;margin-bottom: .2rem;}
.ws-year{font-family: SourceHanSansCN-Medium; color: #555555;margin-bottom: .1rem;}
.ws-intro{font-family: SourceHanSansCN-Normal;line-height: 1.8;min-height: 5.4em;  color: #555555;}

.ws-item:nth-child(2n) .ws-link{flex-direction: row;}
.ws-item:nth-child(2n) .ws-text{height: auto;}
.ws-item:nth-child(2n) .ws-one:last-child{margin-bottom: 0;}
.ws-item:nth-child(2n) .ws-one:last-child .ws-intro{ min-height: 1.8em;}

.ws-img{position: relative; width: 3.25rem;padding-top: .35rem;} 
.ws-c{width: 100%;}
.ws-d{display: block;width: 100%;}
.ws-e{display: block; width: 100%;height: 2.46rem;line-height: 2.46rem;text-align: center;}
.ws-e img{max-width: 100%;max-height: 100%;}

.ws-img .ws-pagination{display: none; position: absolute;bottom: .2rem;left: 0;padding: 0 .25rem; width: 100%;text-align: center;font-size: 0;} 
.ws-img .ws-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; margin: 0 5px;opacity: 1; width: 8px;height: 8px;background-color: #ffffff;}
.ws-img .ws-pagination .swiper-pagination-bullet-active{background-color: #ff3333;}
.ws-item.show .ws-pagination{display: block;}

.ws-prev{position: absolute;left: -1rem; top: 3.2rem;margin-top: -.2rem;  width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ff3333;background-color: #fff; background-image: url('../images/d5.png');background-size: 35% auto;background-position: center center;background-repeat: no-repeat;}
.ws-prev:hover{background-color: #ff3333;background-image: url('../images/d5-b.png');}
.ws-next{transform: rotate(-180deg); position: absolute; right: -1rem; top: 3.2rem;margin-top: -.2rem;  width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ff3333;background-color: #fff; background-image: url('../images/d5.png');background-size: 35% auto;background-position: center center;background-repeat: no-repeat;}
.ws-next:hover{background-color: #ff3333;background-image: url('../images/d5-b.png');}


@media(max-width:1150px) {   
    .ws-cont:before{width: 15.6rem;}
    .ws-prev{left: -.5rem;}
    .ws-next{right: -.5rem;}
}
@media(max-width:750px) {   
    .ws-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .ws-cont:before{width: 100%;} 
    .ws-cont{padding: 0 .3rem;}
    .ws-stage{margin-bottom: .15rem;}
    .ws-img{width: 45%;} 
    .ws-text{width: 50%;}
    .ws-intro{font-size: 12px;line-height: 1.5;min-height: 4.5em;}

    .ws-prev{left: -.3rem;}
    .ws-next{right: -.3rem;}
    .ws-box:before{display: none;}
    .ws-box:after{display: none;}
    .ws-item:after{display: none;}
}

.wt-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.wt-a.show{display: block;}
.wt-main{position: absolute;top: 50%;left: 50%;width: 14.4rem;margin-top: .5rem; transform: translate(-50%,-50%);}
.wt-close{position: absolute;top: -1rem;right: 0;cursor: pointer; width: .48rem;height: 1rem;background-image: url('../images/d12.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.wt-cont{width: 100%;background-color: #fff;padding: .4rem 10px;max-height: calc(100vh - 1.2rem);overflow: auto; text-align: center;}
.wt-titles{width: 100%;position: relative;font-family: SourceHanSansCN-Bold;padding-bottom: .33rem;margin-bottom: .6rem; color: #333333;}
.wt-titles:before{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.18rem; width: .36rem;height: .03rem;background-color: #ff3333;}
.wt-bottom{display: inline-block;  padding-right: 5.8rem;position: relative;}
.wt-left{display: block;}
.wt-item{display: block;margin-bottom: .2rem;font-size: 0;}
.wt-tip{font-family: SourceHanSansCN-Regular;display: inline-block;vertical-align: top;text-align: right; width: 6em;padding-right: 1.25em;color: #333333;line-height: .5rem;}
.wt-tip span{color: #ff0000;}
.wt-b{display: inline-block;vertical-align: top;width: 5rem;position: relative;}
.wt-input{width: 100%;border: solid 1px #e5e5e5;height: .5rem;padding: 0 .2rem;color: #333;}
.wt-code{position: absolute;top: 14%;right: .1rem;display: block;cursor: pointer; width: .95rem;height: 72%;}
.wt-code img{width: 100%;height: 100%;object-fit: contain;}
.wt-textarea{width: 100%;border: solid 1px #e5e5e5;height: 1rem;line-height: .3rem; padding: .1rem .2rem;color: #333;}

.wt-c{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;text-align: left;}
.wt-box{font-size: 0;display: flex;align-items: center;}
.wt-icon{display: none;align-items: center;justify-content: center;position: relative; width: 1.2rem;height: 1.2rem;position: relative;margin-right:  .2rem;border: solid 1px #e5e5e5;}
.wt-icon img{max-width: 80%;max-height: 80%;}
.wt-del{position: absolute;top: -.15rem;right: -.15rem;cursor: pointer; width: .3rem;height: .3rem;border-radius: 50%;background-color: #ff3333; background-image: url('../images/a68.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}

.wt-d{display: flex;justify-content: center;align-items: center;cursor: pointer;margin-right: .2rem;  width: 1.2rem;height: 1.2rem;border: solid 1px #e5e5e5;}
.wt-e{display: block;width: 100%;text-align: center;}
.wt-eicon{width: 100%;margin-bottom: .2rem;}
.wt-eicon img{height: .27rem;}
.wt-etext{font-family: SourceHanSansCN-Regular; color: #888888;}
.wt-file{display: none;}
.wt-box.show .wt-d{display: none;}
.wt-box.show .wt-icon{display: flex;}

.wt-intro{flex: 1;padding-top: .12rem;max-width: 16em; font-family: SourceHanSansCN-Regular;color: #888888;line-height: 1.71;}


.wt-buttom{display: block;padding-left: 6em;}
.wt-submit{	font-family: SourceHanSansCN-Regular; color: #ffffff;display: block;cursor: pointer;	width: 1.4rem;height: .42rem;line-height: .42rem; text-align: center;background-color: #ff3333;border: solid 1px #ff3333;}

.wt-right{position: absolute;top: 0;right: 0; width: 5.12rem;height: 100%;}
.wt-right:before{content: '';position: absolute;top: -.1rem;right: -.1rem;width: 1.54rem;height: 1.82rem;background-color: #ff3333;}
.wt-img{position: absolute;top: 0;width: 0; z-index: 18; width: 100%;height: 100%;}
.wt-img img{width: 100%;height: 100%;object-fit: cover;}

@media(max-width:750px) {  
    .wt-main{width: 94%;} 
    .wt-bottom{width: 100%;max-width: 500px;margin: 0 auto; padding-right: 0;}
    .wt-right{display: none;}
    .wt-item{margin-bottom: 15px;}
    .wt-tip{width: 100%;text-align: left;margin-bottom: .15rem;}
    .wt-b{width: 100%;}
    .wt-input{height: 35px;}
    .wt-d{width: 80px;height: 80px;}
    .wt-icon{width: 80px;height: 80px;}
    .wt-textarea{height: 80px;line-height: 1.5;}
    .wt-buttom{text-align: center;padding-left: 0;}
    .wt-submit{width: 50%;height: 35px;line-height: 35px;}
}

.wu-a{width: 100%;padding-top: .85rem;padding-bottom: 2.6rem; background-image: url('../images/c54.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wu-a .my-titles{margin-bottom: .88rem;}
.wu-main{width: 17.2rem;margin: 0 auto;}
.wu-cont{width: 100%;position: relative;}
.wu-cont:before{content: '';position: absolute;top: 2.85rem;left: 0;width: 100%;height: .12rem;background-image: url('../images/d14.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wu-b{width: 100%;}
.wu-item{width: 3.05rem;}
.wu-item:before{content: '';position: absolute;top: 2.87rem;left: .3rem;z-index: 18; width: .1rem;height: .1rem;border-radius: 50%;background-color: #fff;  border: solid .02rem #cc4aec;}
.wu-link{display: block;width: 100%; }
.wu-c{position: absolute;top: 3.2rem;left: 0;}
.wu-year{font-family: SourceHanSansCN-Medium; display: inline-block;vertical-align: middle;color: #555555;}
.wu-span{font-family: SourceHanSansCN-Bold;display: inline-block;vertical-align: middle;margin-left: .1rem;	 color: #555555;}
/* .wu-c:hover .wu-span{display: inline-block;} */
.wu-top{width: 100%;display: flex;align-items: center;flex-wrap: wrap;position: relative; height: 2.25rem; width: 6rem; padding-left: .55rem;}
.wu-top:before{content: '';position: absolute;top: 0;left: .35rem;width: 1px;height: calc(100% + .72rem);background-color: #dddddd;}
.wu-top:after{content: '';position: absolute;top: 0;left: .3rem;z-index: 18; width: .1rem;height: .1rem;border-radius: 50%;background-color: #fff;  border: solid .02rem #cc4aec;}
.wu-box{width: 100%;font-size: 0;}
.wu-text{display: inline-block;vertical-align: top;  width: 2.5rem;max-height: 2.25rem; padding-right: .25rem;overflow: auto; }
.wu-text .mCSB_container{padding-right: .1rem;}
.wu-intro{width: 100%;color: #555555;line-height: 2;}
.wu-intro *{line-height: inherit;}
.wu-img{display: inline-block;vertical-align: top; width: 2.23rem;max-height: 2.25rem;}

.wu-prev{position: absolute;left: -.5rem; top: 2.7rem;margin-top:0;  width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ff3333;background-color: #fff; background-image: url('../images/d5.png');background-size: 35% auto;background-position: center center;background-repeat: no-repeat;}
.wu-prev:hover{background-color: #ff3333;background-image: url('../images/d5-b.png');}
.wu-next{transform: rotate(-180deg); position: absolute; right: -.5rem; top: 2.7rem;margin-top:0;  width: .4rem;height: .4rem;border-radius: 50%;border: solid 1px #ff3333;background-color: #fff; background-image: url('../images/d5.png');background-size: 35% auto;background-position: center center;background-repeat: no-repeat;}
.wu-next:hover{background-color: #ff3333;background-image: url('../images/d5-b.png');}

.wu-item:nth-child(2n)  {padding-top: 3.56rem;}
.wu-item:nth-child(2n) .wu-c{top: 2.45rem;} 
.wu-item:nth-child(2n) .wu-top:before{top: -.55rem;height: calc(100%  + .55rem);} 
.wu-item:nth-child(2n) .wu-top:after{top:auto;bottom: 0;} 

.wu-item:last-child:before{display: none;}
.wu-item:nth-last-child(2) .wu-top{position: relative; opacity: 0;z-index: -1;}
.wu-item:nth-last-child(2)  .wu-c { top: 2.45rem;}
.wu-item:nth-last-child(2)  .wu-year {color: #ff3333;}


@media(max-width:900px) {   
    .wu-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wu-cont{padding: 0 .5rem;}
    .wu-prev{left: 0;}
    .wu-next{right: 0;}
}

.wv-a{width: 100%;padding-top: .82rem;padding-bottom: .32rem;background-color: #f5f7fb;}
.wv-a .my-titles{margin-bottom: .5rem;}
.wv-main{width: 17rem;margin: 0 auto;}
.wv-navbox{width: 100%;font-size: 0;text-align: center;margin-bottom: .35rem;}
.wv-nav{font-family: SourceHanSansCN-Regular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .25rem .25rem;color: #ff3333; min-width: 1.9rem;line-height: .6rem;padding: 0 .15rem;border: solid 1px #ff3333;}
.wv-nav:hover{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}
.wv-nav.active{background-color: #ff3333;border: solid 1px #ff3333;color: #ffffff;}

.wv-listbox{width: 100%;position: relative;overflow: hidden;}
.wv-list{width: 100%;position: absolute;left: -29rem;top: 0;}
.wv-list.show{position: relative; left: 0;}


.wv-top{display: block;margin-bottom: .55rem;width: 100%;padding: 0 1.3rem;}
.wv-container{width: 100%;}
.wv-slide{width: 100%; }
.wv-goods{display: flex;align-items: center;justify-content: flex-end; cursor: pointer; width: 100%; position: relative; cursor: pointer;min-height: 4.4rem; background-color: #ffffff;}
.wv-left{position: absolute;top: 0;left: 0;height: 100%; width: 9.3rem;}
.wv-b{width: 100%;height: 100%;font-size: 0;}
.wv-one{width: 100%;height: 100%;}
.wv-c{width: 100%;height: 100%;}
.wv-one .wv-img{position: absolute;top: 0;left: 0; z-index: 18; width: 100%;height: 100%;}
.wv-one .wv-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wv-product{position: absolute;top: 0;left: 0; z-index: 88; width: 100%;height: 100%;}
.wv-product img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.wv-right{display: inline-block; width: 3.9rem;padding: .3rem 0; margin-right: .6rem;text-align: left;}
.wv-d{width: 100%;position: relative;padding-bottom: .35rem;margin-bottom: .3rem;}
.wv-d:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.wv-d:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.wv-series{font-family: SourceHanSansCN-Medium;margin-bottom: .1rem; line-height: 1.28; color: #ff3333;}
.wv-right .wv-name{font-family: SourceHanSansCN-Bold; color: #333333;line-height: 1.33;}
.wv-textbox{font-family: SourceHanSansCN-Regular;  color: #666666;line-height: 1.7;}
.wv-textbox *{line-height: inherit;}
.wv-right .wv-more{margin-top: .3rem; font-family: SourceHanSansCN-Regular;position: relative;z-index: 0; color: #ffffff;display: inline-block;padding: .14rem .23rem;background-color: #ff3333; }
.wv-right .wv-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .22rem;width: 1.28em;height: 1em;background-image: url('../images/a4-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wv-right .wv-more:before{content: ''; position: absolute;top: 0;left: 0;z-index: -1;transition: all ease .5s; width: 0;height: 100%;background-color: #0264cc;}
.wv-right .wv-more:hover:before{width: 100%;}

.wv-cont{width: 100%;position: relative;margin-bottom: .75rem;}
.wv-e{width: 100%;padding: 6px 1.3rem;position: relative;}
.wv-e:before{content: '';position: absolute;top: -2%;left: 0;z-index: 97; width: 1.3rem;height: 104%;background-color: #f5f7fb;}
.wv-e:after{content: '';position: absolute;top: -2%;right: 0;z-index: 97; width: 1.3rem;height: 104%;background-color: #f5f7fb;}
.wv-item{width: 4.53rem;margin-right: .4rem;}
.wv-item:last-child{margin-right: 0;}
.wv-link{width: 100%;display: block;cursor: pointer;position: relative; background-color: #ffffff;}
.wv-f{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/453*100%);}
.wv-icon{position: absolute;top: -.06rem; left:  .1rem;z-index: 18;width: .55rem;}
.wv-icon img{width: 100%;}
.wv-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.wv-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wv-link .wv-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.wv-link .wv-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.wv-link .wv-text{width: 100%;padding: .35rem .35rem   .7rem .35rem;}
.wv-g{width: 100%;position: relative;padding-bottom: .25rem;margin-bottom: .3rem;}
.wv-g:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e0e4e9;}
.wv-g:after{content: '';position: absolute;bottom: 0;left: 0;width: .43rem;height: 3px;background-color: #ff3333;}
.wv-link .wv-name{font-family: SourceHanSansCN-Medium;  color: #333333;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wv-tr{width: 100%;position: relative;height: 7.2em;overflow: auto;  }
.wv-td{font-family: SourceHanSansCN-Regular;color: #666666;line-height: 1.8;}
.wv-link .wv-more{font-family: SourceHanSansCN-Regular; transition: all ease .5s;background-color: #e0e9f3; color: #ff3333;position: absolute;bottom: 0;left: 0;width: 100%;line-height: .56rem;text-align: center;}
.wv-link .wv-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .35rem;width: 1.28em;height: 1em;background-image: url('../images/a4.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wv-e .wv-pagination{z-index: 98;display: none; position: absolute;bottom: 0;left: 0;width: 100%;font-size: 0; text-align: center;}
.wv-e .wv-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 5px;opacity: .5; width: 8px;height: 8px;background-color: #ff3333;}
.wv-e .wv-pagination .swiper-pagination-bullet-active{opacity: 1;}

.wv-e .wv-prev{z-index: 98;left: 0;width: .5rem;height: .5rem;border-radius: 50%; background-color: #a8a8a8;background-image: url('../images/a4-d.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wv-e .wv-prev:hover{background-color: #ff3333;}
.wv-e .wv-next{z-index: 98;right: 0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #a8a8a8;background-image: url('../images/a4-b.png');background-size: 40% auto;background-position: center center;background-repeat: no-repeat;} 
.wv-e .wv-next:hover{background-color: #ff3333;}

.wv-link:hover  .wv-img img{transform: scale(1.05);}
.wv-link:hover .wv-more{color: #ffffff;	background-color: #ff3333;}
.wv-link:hover .wv-more:after{background-image: url('../images/a4-b.png');}
 
@media(max-width:1200px) {   
    .wv-main{width: 15.8rem;} 
    .wv-top{padding: 0 .7rem;}
    .wv-e{padding: 0 .7rem;}
    .wv-e:before{width: .7rem;}
    .wv-e:after{width: .7rem;}
}


@media(min-width:750px) {   
    .wv-slide{margin-right: 2px;}
}

@media(max-width:750px) {   
    .wv-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .wv-goods{display: block;}
    .wv-left{position: relative; width: 100%;height: auto;}
    .wv-b{height: auto;}
    .wv-one{height: auto;}
    .wv-c{position: relative; height: auto;padding-top: calc(440/930*100%);} 
    .wv-right{width: 100%;margin-right: 0;padding: .35rem .3rem;}

    .wv-item{width: calc(50% - 5px);margin-right: 10px;}
    .wv-link .wv-text{padding: .3rem 10px .6rem;}

    .wv-top{padding: 0  ;}
    .wv-cont{margin-bottom: .5rem;}
    .wv-e{padding: 0  0 .8rem;}
    .wv-e:before{display: none;}
    .wv-e:after{display: none;} 
    .wv-e .wv-prev{display: none;}
    .wv-e .wv-next{display: none;}
    .wv-e .wv-pagination{display: block;}
}



/*  

f5f7fb 

teaser  lter  rter  scale  reduce
<div class="my-titles s38 teaser">热泵</div>

font-family: SourceHanSansCN-Regular; 
font-family: SourceHanSansCN-Medium;
font-family: SourceHanSansCN-Bold;
background-color: #ff3333;

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

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

background-size: 100% auto;background-position: center center;background-repeat: no-repeat;


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

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

*/