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

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

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

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

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

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}

.a-a{width: 100%;}
.a-b{width: 100%;}
.a-c{position: relative;}
.a-d{display: block;width: 100%;padding-top: 41.67%;background-size: cover;background-position: center center;}
.a-b .swiper-button-prev,
.a-b .swiper-button-next{width: .6rem;height: .6rem;margin-top: -0.3;background-size: .13rem .24rem;background-color: rgba(255,255,255,0.2);transition: all .3s;}
.a-b .swiper-button-prev{background-image: url(../images/11.png);left: 1rem;}
.a-b .swiper-button-next{background-image: url(../images/12.png);right: 1rem;}
.a-b .swiper-button-prev:hover,
.a-b .swiper-button-next:hover{background-color: #3a783c;}
@media(max-width: 750px){
    .a-b .swiper-button-prev{left: 0;}
    .a-b .swiper-button-next{right: 0;}
}
@media(max-width: 500px){
    .a-d{padding-top: 200px;}
}

div.pswp{position: relative;z-index: 12345678;}

body{padding-top: .9rem;}
header{width: 100%;height: .9rem;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 123456;transition: all .3s;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.h-a{width: 14rem;margin: 0 auto;}
.h-b{width: 2.15rem;float: left;margin-top: .14rem;}
.h-c{width: 100%;}
.h-c2{display: none;}
.h-right{float: right;font-size: 0;}
.h-nav{display: inline-block;vertical-align: top;font-size: 0;transition: all .3s;padding-right: .4rem;}
.h-d{display: inline-block;vertical-align: top;position: relative;}
.h-e{display: block;height: .9rem;line-height: .9rem;margin: 0 .3rem;color: #333;position: relative;}
.h-d.active .h-e{border-bottom: 0.03rem solid #3a783c;color: #3a783c;}
.h-sch{display: inline-block;vertical-align: top;width: 2rem;}
.h-form{width: 100%;background-color: #efefef;position: relative;padding-right: 2.64em;border-radius: 1.32em;overflow: hidden;margin-top: calc(.45rem - 1.32em);}
.h-m{width: 100%;height: 2.64em;padding-left: 1.32em;border: none;background-color: transparent;color: #333;}
.h-n{width: 2.64em;height: 2.64em;position: absolute;right: 0;top: 0;background-image: url(../images/2.png);background-repeat: no-repeat;background-position: center center;color: transparent;cursor: pointer;border: none;}
.h-opa{left: -100vw;opacity: 0;transition: opacity .3s;width: 100%;height: 100vh;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 122;}
.h-sub{display: none;width: 150px;background-color: #fff;position: absolute;left: 50%;margin-left: -75px;top: .9rem;z-index: 1000;padding: 5px 0;}
.h-sub>li>a{display: block;width: 100%;line-height: 20px;padding: 10px 3px;text-align: center;font-size: 14px;color: #666;transition: background-color .3s;}
header.show-search .h-sch{display:block;}
header.show-search .h-opa{left: 0;opacity: 1;}

.h-lang{display: inline-block;vertical-align: middle;margin-left: .4rem;padding: .1rem 0;position: relative;z-index: 123;top: 0.45rem;transform: translate(0,-50%);}
.h-cur{color: #666;line-height: 1.25;}
.h-cur:before{content: "";display: inline-block;vertical-align: top;width: 1.25em;height: 1.25em;background-image: url(../images/lang.png);background-size: 100% 100%;margin-right: .5em;}
.h-items{width: 100%;background-color: #fff;position: absolute;left: 0;top: 100%;width: 6em;visibility: hidden;opacity: 0;transition: all .3s;padding: .05rem 0;box-shadow: 0 0 4px rgba(0,0,0,0.1);border-radius: .05rem;}
.h-item{display: block;color: #666;line-height: 2;padding-left: 1.75em;padding-right: 1em;cursor: pointer;}
.h-lang.show .h-items{visibility: visible;opacity: 1;}
@media(min-width: 1201px){
    .h-e:hover{color: #3a783c;}
    .h-sub>li>a:hover{color: #3a783c;}
    .h-item:hover{color: #3a783c;}
}
@media(max-width: 1500px){
    .h-nav{padding-right: .2rem;}
}
@media(max-width: 1400px){
    .h-e{margin: 0 .2rem;}
}
@media(max-width: 1200px){
    body{padding-top: 40px;}
    header{height: 40px;padding-left: 10px;background-color: #fff;}
    .h-a{width: 100%;padding-left: 0;}
    .h-b{width: 90px;margin-top: 8px;}
    .h-c1{display: none;}
    .h-c2{display: inline-block;}
    .h-menu{display: inline-block;vertical-align: top;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-size: 30px 30px;background-image: url(../images/84.png);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
    .h-search{width: 40px;height: 40px;border: none;margin-top: 0;position: absolute;right: 40px;top: 0;background-size: 19px 19px;background-color: transparent;background-image: url(../images/85.png);background-repeat: no-repeat;background-position: center center;}
    .h-nav{width: 260px;height: 100vh;overflow: auto;padding-right: 0;position: fixed;right: -260px;top: 0;background-color: #fff;z-index: 125;padding-top: 10px;padding-bottom: 10px;}
    header.show-menu .h-opa{left: 0;opacity: 1;}
    header.show-menu .h-nav{right: 0;}
    .h-d{display: block;width: 100%;}
    .h-e{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;color: #666;margin: 0;}
    .h-d:first-child .h-e{padding-left: 20px;}
    .h-sch{margin-right: -130px;top: 40px;right: 50%;}
    .h-d.active .h-e:after{display: none;}
    .h-d.active .h-e{border-bottom: none;}
    header.show-lang .h-opa{left: 0;opacity: 1;}
    header.show-lang .h-box{display: block;}
    .h-lang{width: 40px;height: 40px;color: #666;margin-left: 0;padding: 0;position: absolute;top: 0;right: 80px;margin-top: 0;transform: translate(0,0);border: none;}
    .h-cur{font-size: 0;height: 40px;padding: 10px 0 0 0;text-align: center;}
    .h-cur:before{width: 20px;height: 20px;}
    .h-d.has-nav:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-d.has-nav.show:after{content: "-";}
    .h-d.has-nav.active:after{color: #fff;}
    .h-sub{position: relative;left: 0;top: 0;width: 100%;margin-left: 0;}
    .h-sub>li>a{text-align: left;padding-left: 40px;}
    .h-sch{display:none;width:260px;height:80px;padding:25px;position:fixed;right: 50%;margin-right: -130px;top: 40px;z-index:127;background-color:#fff;}
    .h-form{width:100%;font-size:0;margin-top: 0;background-color: transparent;}
    .h-m{width:180px;height:30px;line-height:30px;border:1px solid #ccc;border-right: none;vertical-align:top;background-color:transparent;font-size:14px;color:#333;padding:0 10px;}
    .h-n{width:30px;height:30px;border:1px solid #ccc;background-color: transparent;}
}

footer{width: 100%;}
.f-a{width: 100%;background-color: #191a1b;padding-top: .54rem;padding-bottom: .63rem;}
.f-b{width: 14rem;margin: 0 auto;}
.f-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-c{float: left;width: 1.5rem;padding-top: .1rem;}
.f-d{color: #fff;margin-bottom: .26rem;font-weight: bold;opacity: 0.8;display: inline-block;vertical-align: top;}
.f-e{width: 100%;}
.f-f{display: block;width: 100%;margin-bottom: .11rem;}
.f-f:last-child{margin-bottom: 0;}
.f-g{color: #fff;opacity: 0.5;line-height: 1.43;display: inline-block;vertical-align: top;}
.f-h{float: left;width: 4rem;padding-top: .1rem;}
.f-i{color: #fff;margin-bottom: .2rem;font-weight: bold;opacity: 0.8;}
.f-j{color: #fff;opacity: .5;line-height: 2.14;}
.f-k{float: right;text-align: center;}
.f-l{width: 1.66rem;margin-bottom: .22rem;}
.f-m{text-align: center;font-size: 0;}
.f-n{display: inline-block;vertical-align: top;width: 2em;height: 2em;border-radius: 1em;background-color: rgba(229,229,228,0.2);background-size: 100% 100%;cursor: pointer;margin: 0 .24em;transition: all .3s;}
.f-n:hover{background-color: #3a783c;}
.f-n1{background-image: url(../images/4.png);}
.f-n2{background-image: url(../images/5.png);}
.f-n3{background-image: url(../images/6.png);}
.f-o{width: 100%;background-color: #202223;padding: .2rem 0;}
.f-p{width: 14rem;margin: 0 auto;overflow: hidden;font-size: 0;}
.f-q{float: left;color: #fff;opacity: 0.5;line-height: 1.43;width: 50%;}
.f-q a{color: #fff;display: inline-block;vertical-align: top;line-height: 1.43;}
.f-r{float: right;color: #fff;opacity: 0.5;line-height: 1.43;width: 50%;text-align: right;}
@media(min-width: 1201px){
    .f-d:hover{opacity: 1;}
    .f-g:hover{opacity: 1;}
}
@media(max-width: 1200px){
    .f-c{width: 2rem;}
    .f-b{padding-left: 10px;padding-right: 10px;width: 100%;}
    .f-p{width: 100%;padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 1200px){
    .f-a{padding-bottom: 20px;}
    .f-c{width: 1.8rem;}
    .f-d{margin-bottom: 8px;}
    .f-q{text-align: center;}
    .f-r{text-align: center;}
    .f-e{width: calc(100% + 20px);font-size: 0;}
    .f-f{display: inline-block;vertical-align: top;margin-right: 20px;width: auto;}
    .f-i{margin-bottom: 7px;}
}

.g-a{width: 100%;padding-top: 23.96%;position: relative;background-color: #000;}
.g-bg{background-size: cover;background-position: center center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;opacity: 0.9;}
.g-inner{position: absolute;left: 50%;margin-left: -7rem;top: 50%;transform: translate(0,-50%);z-index: 123;}
.g-zh{color: #fff;margin-bottom: .25rem;}
.g-en{color: #fff;font-weight: normal;text-transform: uppercase;}
@media(max-width: 750px){
    .g-a{padding-top: 30%;}
    .g-inner{width: 100%;left: 0;padding: 0 10px;margin-left: 0;}
}


.b-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem;}
.b-title{text-align: center;}
.b-zh{color: #3a783c;margin-bottom: .15rem;}
.b-intro{color: #555;line-height: 1.625;font-weight: normal;}
.b-list{width: 14rem;margin: 0 auto;font-size: 0;padding-top: .57rem;}
.b-item{display: inline-block;vertical-align: top;background-color: #f5f5f5;position: relative;}
.b-item1{width: 35.71%;padding-top: 24.285%;margin-right: 1.44%;margin-bottom: 1.44%;}
.b-item2{width: 62.85%;padding-top: 24.285%;margin-bottom: 1.44%;}
.b-item3{width: 62.85%;padding-top: 24.285%;margin-right: 1.44%;}
.b-item4{width: 35.71%;padding-top: 24.285%;}
.b-box{position: absolute;height: 100%;top: 0;display: block;}
.b-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}
.b-text{position: absolute;top: 50%;transform: translate(0,-50%);padding: 0 5px;text-align: center;}
.b-item1 .b-box{left: 0;width: 60%;}
.b-item2 .b-box{left: 0;width: 60%;}
.b-item3 .b-box{right: 0;width: 60%;}
.b-item4 .b-box{right: 0;width: 60%;}
.b-item1 .b-text{width: 40%;right: 0;}
.b-item2 .b-text{width: 40%;right: 0;}
.b-item3 .b-text{width: 40%;left: 0;}
.b-item4 .b-text{width: 40%;left: 0;}
.b-t{color: #333;line-height: 1.384;transition: all .3s;font-size: 1.354vw;}
.b-more{width: 8.75em;height: 0;line-height: 3.125;font-size: 0.83vw;margin-top: 0;overflow: hidden;text-align: center;background-color: #3a783c;color: #fff;cursor: pointer;display: block;margin-left: auto;margin-right: auto;transition: all .3s;}
.b-item:hover .b-t{font-weight: bold;color: #3a783c;}
.b-item:hover .b-more{height: 3.125em;margin-top: .45rem;}
.b-more:hover{transform: translate(0,-6px);}
@media(max-width: 900px){
    .b-t{font-size: 12px;}
    .b-more{height: 3.125em;margin-top: .45rem;font-size: 10px;width: 80px;height: 28px;line-height: 28px;}
}
@media(max-width: 750px){
    .b-item{padding-top: 0;}
    .b-item .b-box{position: relative;width: 100%;padding-top: 64.15%;margin-bottom: 10px;}
    .b-item .b-text{position: relative;width: 100%;transform: translate(0,0);top: 0;}
    .b-more{margin-top: 15px;}
}

.c-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;padding-left: calc(50% - 7rem);background-image: url(../images/24.jpg);background-size: cover;background-position: center bottom;}
.c-left{width: 4.35rem;height: 4rem;float: left;position: relative;}
.c-title{color: #333;margin-bottom: .15rem;}
.c-intro{color: #555;line-height: 1.75;min-height: 5.25em;margin-bottom: .42rem;}
.c-tabs{width: 100%;font-size: 0;}
.c-tab{display: inline-block;vertical-align: top;width: 8.75em;line-height: 3.125;margin-right: .26rem;text-align: center;background-color: #fff;color: #888;cursor: pointer;}
.c-tab.active{color: #fff;background-color: #3a783c;}
.c-tab:last-child{margin-right: 0;}
.c-right{width: 11.45rem;float: right;position: relative;}
.c-b{width: 10.5rem;margin-left: 0;position: absolute;left: -10000px;top: 0;}
.c-b.show{position: relative;left: 0;}
.c-c{position: relative;transition: all .3s;}
.c-item{width: 3.2rem;margin: 0 auto;background-color: #fff;}
.c-d{width: 100%;padding-top: 106.25%;position: relative;}
.c-e{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 88%;max-height: 88%;cursor: pointer;}
.c-f{width: 100%;color: #888;background-color: #e5e5e5;line-height: 1.625;padding: .17rem .1rem;text-align: center;transition: all .3s;}
.c-item:hover .c-f{background-color: #3a783c;color: #fff;}
.c-g{width: 100%;position: absolute;left: 0;bottom: 0;}
.c-h{display: none;font-size: 0;}
.c-h.show{display: block;}
.c-arrow{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.c-arrow.swiper-button-disabled{opacity: 0.3;}
.c-prev{background-image: url(../images/17.png);}
.c-next{background-image: url(../images/18.png);}
.c-num{width: 1.56rem;display: inline-block;vertical-align: middle;text-align: center;user-select: none;}
.c-cur{color: #3a783c;font-weight: bold;}
.c-line{color: #666;font-weight: bold;}
.c-total{color: #666;font-weight: bold;}
@media(min-width: 1201px){
    .c-prev:hover{background-image: url(../images/19.png);}
    .c-next:hover{background-image: url(../images/20.png);}
}
@media(max-width: 1200px){
    .c-tab{width: 80px;line-height: 32px;margin-right: 12px;}
    .c-left{height: auto;}
    .c-tabs{margin-bottom: 30px;}
    .c-g{position: relative;}
    .c-f{font-size: 12px;}
}
@media(max-width: 900px){
    .c-left{float: none;width: 100%;margin-bottom: 20px;max-width: 300px;}
    .c-right{width: 100%;float: none;}
    .c-b{width: 14rem;}
}
@media(max-width: 750px){
    .c-b{width: 100%;}
    .c-intro{min-height: 0;}
}
@media(max-width: 500px){
    .c-item{position: relative;left: 50%;margin-left: -75px;}
    .c-c{transform: scale(0.7) !important;}
    .c-c.swiper-slide-active{transform: scale(1) !important;z-index: 123;}
}

.d-a{width: 100%;padding-top: .68rem;padding-bottom: .8rem;}
.d-wrap{width: 14.25rem;margin: 0 auto;padding-top: .55rem;}
.d-b{width: 100%;}
.d-c{position: relative;}
.d-item{width: 4.45rem;margin: 0 auto;padding: .2rem .2rem 0;background-color: #f9f9f9;}
.d-box{width: 100%;padding-top: 67.48%;position: relative;display: block;overflow: hidden;}
.d-img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
.d-text{width: 100%;padding-top: .28rem;}
.d-row{width: 100%;overflow: hidden;}
.d-left{width: 3.1rem;float: left;}
.d-date{width: auto;height: auto;display: inline-block;vertical-align: top;float: right;border: 1px solid #a0a0a0;text-align: center;padding: .06rem .08rem;}
.d-ym{color: #888;margin-bottom: 0.05rem;display: block;}
.d-day{color: #888;font-weight: bold;display: block;}
.d-t{line-height: 1.66;color: #333;height: 3.32em;margin-bottom: .18rem;display: block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.d-intro{color: #888;line-height: 1.73;height: 3.46em;margin-bottom: .07rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.d-link{display: inline-block;vertical-align: top;line-height: .7rem;color: #888;}
.d-b .swiper-button-prev,
.d-b .swiper-button-next{display: none;width: 32px;height: 32px;margin-top: -16px;background-size: 11px 16px;}
.d-b .swiper-button-prev{background-image: url(../images/17.png);left: 0px;}
.d-b .swiper-button-next{background-image: url(../images/18.png);right: 0px;}
@media(min-width: 1201px){
    .d-t:hover{color: #3a783c;font-weight: bold;}
    .d-link:hover{color: #3a783c;font-weight: bold}
    .d-box:hover .d-img{transform: scale(1.1);}
}
@media(max-width: 1250px){
    .d-ym{font-size: 12px;}
    .d-day{font-size: 18px;}
    .d-date{width: 52px;padding-left: 0;padding-right: 0;text-align: center;}
    .d-left{width: calc(100% - 57px);}
    .d-t{font-size: 14px;}
    .d-intro{font-size: 12px;}
    .d-link{font-size: 12px;}
    .d-item{padding: 10px 10px 0 10px;}
}
@media(max-width: 750px){
    .d-item{width: 260px;}
    .d-b .swiper-button-prev,
    .d-b .swiper-button-next{display: block;}
}

.e-a{width: 100%;padding-top: .6rem;padding-bottom: .5rem;background-image: url(../images/28.jpg);background-size: cover;background-position: center bottom;}
.e-b{width: 14rem;margin: 0 auto;font-size: 0;}
.e-left{display: inline-block;vertical-align: middle;width: 36.79%;}
.e-right{display: inline-block;vertical-align: middle;width: 63.21%;}
.e-title{color: #3a783c;font-weight: bold;margin-bottom: .43rem;}
.e-intro{color: #555;line-height: 1.75;}
.e-row{width: 100%;}
.e-row2{margin-bottom: .32rem;}
.e-col{float: left;width: 48.3%;margin-bottom: 3.3%;}
.e-col:nth-child(2n){float: right;}
.e-c{width: 100%;background-color: #fff;border: none;height: 3.57em;padding: 0 .17rem;}
.e-d{width: 100%;height: 7.5em;padding: 1em .17rem;border: none;line-height: 1.71;}
.e-submit{width: 4.26rem;background-color: #3a783c;color: #fff;cursor: pointer;border: none;height: 3.57em;line-height: 3.57em;text-align: center;}
@media(max-width: 1350px){
    .e-left{width: 50%;}
    .e-right{width: 50%;}
}
@media(max-width: 1000px){
    .e-left{width: 55%;}
    .e-right{width: 45%;}
}

aside{width: 1rem;position: fixed;right: .3rem;top: 50%;transform: translate(0,-50%);z-index: 1234;}
.as-a{width: 100%;padding-top: .17rem;padding-bottom: .17rem;position: relative;text-align: center;background-color: #3a783c;border-bottom: 1px solid #4a7b4b;transition: all .3s;cursor: pointer;}
.as-a:first-child{border-radius: .08rem .08rem 0 0;}
.as-a:last-child{border-radius: 0 0 .08rem .08rem;border-bottom: none;}
.as-icon{width: .3rem;height: .3rem;margin-bottom: .12rem;}
.as-text{color: #fff;}
.as-box{width: 150px;position: absolute;right: 100%;bottom: 0;border: 1px solid #ccc;transform-origin: right bottom;transform: scale(0);transition: transform .3s;}
.as-a:hover .as-box{transform: scale(1);}
.as-tbox{width: 200px;background-color: #fff;font-size: 16px;padding: 20px;border: 1px solid #ccc;position: absolute;right: 100%;bottom: 0;cursor: default;transform-origin: right bottom;transform: scale(0);transition: transform .3s;}
.as-a:hover .as-tbox{transform: scale(1);}
@media(min-width: 1201px){
    .as-a:hover{background-color: #559d57;}
}
@media(max-width: 1200px){
    .as-text{font-size: 10px;}
    .as-a{background-color: rgba(58,120,60,0.8);}
}
@media(max-width: 750px){
    aside{right: 0;width: 40px;}
    .as-text{display: none;}
    .as-a{padding: 12px 0;}
    .as-icon{width: 16px;height: 16px;margin-bottom: 0;}
}

.i-a{width: 100%;padding-top: .5rem;padding-bottom: .9rem;}
.i-b{width: 14rem;margin: 0 auto;}
.i-c{width: 100%;}
.i-left{float: left;font-size: 0;position: relative;}
.i-d{width: 7.3rem;display: inline-block;vertical-align: top;}
.i-e{width: auto;padding-right: .3rem;}
.i-f{display: inline-block;vertical-align: top;min-width: 1.6rem;padding: 0 .1rem;color: #555;text-align: center;background-color: #f6f6f6;line-height: .5rem;}
.i-e.active .i-f{background-color: #478a49;color: #fff;}
.i-arrow{display: inline-block;vertical-align: top;width: .5rem;height: .5rem;margin-left: .3rem;background-color: #f6f6f6;background-size: .1rem .18rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;transition: all .3s;}
.i-prev{background-image: url(../images/68.png);}
.i-next{background-image: url(../images/69.png);}
.i-arrow:hover{background-color: #478a49;}
.i-prev:hover{background-image: url(../images/86.png);}
.i-next:hover{background-image: url(../images/87.png);}
.i-right{float: right;width: 3.5rem;font-size: 0;}
.i-g{width: 3rem;height: .5rem;border: none;background-color: #f6f6f6;vertical-align: top;padding: 0 .2rem;color: #555;}
.i-h{width: .5rem;height: .5rem;border: none;background-color: #f6f6f6;background-image: url(../images/70.png);background-size: .18rem .18rem;background-repeat: no-repeat;background-position: center center;}
.i-list{width: 100%;font-size: 0;padding-top: .7rem;padding-bottom: .4rem;}
.i-item{display: inline-block;vertical-align: top;width: 31.85%;margin-right: 2.225%;margin-bottom: 2.85%;cursor: pointer;}
.i-item:nth-child(3n){margin-right: 0;}
.i-box{width: 100%;padding-top: 67.26%;background-size: cover;background-position: center center;position: relative;background-color: #000;}
.i-play{display: block;width: .48rem;height: .48rem;opacity: 0;transition: all .3s;background-image: url(../images/41.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;z-index: 12;transform: translate(-50%,-50%);}
.i-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background-size: cover;background-position: center center;}
.i-t{width: 100%;padding: .17rem .1rem;background-color: #f7f7f7;transition: all .3s;text-align: center;line-height: 1.625;}
@media(min-width: 1201px){
    .i-item:hover .i-bg{opacity: 0.9;}
    .i-item:hover .i-t{color: #fff;background-color: #478a49;}
    .i-item:hover .i-play{opacity: 1;}
}
@media(max-width: 1200px){
    .i-f{line-height: 32px;padding: 0 10px;}
    .i-arrow{height: 32px;width: 32px;}
    .i-g{height: 32px;width: calc(100% - 32px);}
    .i-h{height: 32px;width: 32px;background-size: 12px 12px;}
    .l-dt{width: 55px;line-height: 32px;}
    .l-dd{height: 32px;}
    .l-r .l-dd{width: calc(100% - 55px);}
    .l-area{width: calc(100% - 55px);}
    .l-submit{width: 80px;height: 32px;line-height: 32px;}
    .l-left{width: calc(100% - 80px);}
}
@media(max-width: 750px){
    .i-d{width: 100%;}
    .i-left{padding-left: 35px !important;padding-right: 35px !important;}
    .i-arrow{position: absolute;top: 0;margin-left: 0;}
    .i-prev{left: 0;}
    .i-next{right: 0;}
    .i-f{font-size: 12px;}
    .i-e{padding-right: 10px;}
    .i-t{font-size: 12px;}
    .i-bg{opacity: 0.9;}
    .i-play{opacity: 1;}
    .l-col{width: 100%;margin-bottom: 10px;}
    .l-dd{width: calc(100% - 55px);}
    .l-row{margin-bottom: 0;}
}

.j-a{width: 100%;font-size: 0;text-align: center;}
.j-page{display: inline-block;vertical-align: top;color: #777;min-width: .48rem;height: .48rem;line-height: .46rem;text-align: center;margin: 0 0.05rem 0.1rem;border: 1px solid #dbdbdb;transition: all .3s;}
.j-first{min-width: .8rem;}
.j-last{min-width: .8rem;}
.j-prev{min-width: .9rem;}
.j-next{min-width: .9rem;}
.j-page:hover,
.j-page.active{background-color: #478a49;color: #fff;border-color: #478a49;}
@media(max-width: 750px){
    .j-page{height: 32px;line-height: 30px;padding: 0 5px;}
}

.k-a{width: 100%;background-color: #f9f9f9;padding-top: .54rem;padding-bottom: .8rem;}
.k-b{width: 14rem;margin: 0 auto;}
.k-c{width: 100%;background-color: #fff;padding: .2rem;margin-bottom: .4rem;}
.k-map{width: 100%;height: 4.6rem;background-size: cover;background-position: center center;}
.k-d{width: 100%;background-color: #fff;font-size: 0;padding-top: .32rem;padding-bottom: .32rem;}
.k-e{display: inline-block;vertical-align: top;width: 28.78%;padding-left: .3rem;border-right: 1px solid #efefef;padding-right: 10px;}
.k-f{width: 100%;font-size: 0;padding-left: .4rem;position: relative;}
.k-g{width: 1.25em;height: 1.25em;position: absolute;left: 0;top: .625em;}
.k-h{width: 100%;color: #333;line-height: 2.5;display: inline-block;vertical-align: top;}
.k-i{display: inline-block;vertical-align: top;width: 52.92%;padding-left: .55rem;border-right: 1px solid #efefef;padding-right: 10px;}
.k-j{width: 18.3%;text-align: center;display: inline-block;vertical-align: top;}
.k-k{vertical-align: top;width: 1.66rem;min-width: 90px;}

.l-a{width: 100%;background-color: #fff;padding-top: .66rem;padding-bottom: .9rem;}
.l-b{width: 14rem;margin: 0 auto;}
.l-c{width: 100%;overflow: hidden;position: relative;}
.l-left{float: left;}
.l-d{color: #3a783c;padding-left: .2rem;border-left: .05rem solid #3a783c;line-height: 1.1;margin-bottom: .13rem;}
.l-e{color: #555;line-height: 1.625;padding-left: .25rem;}
.l-submit{width: 1.7rem;height: .5rem;line-height: .5rem;text-align: center;color: #fff;background-color: #478a49;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.l-form{width: 100%;padding-top: .57rem;}
.l-row{width: 100%;font-size: 0;margin-bottom: .3rem;text-align: justify;text-align-last: justify;}
.l-col{display: inline-block;vertical-align: top;font-size: 0;}
.l-dt{color: #555;display: inline-block;vertical-align: top;line-height: .5rem;width: 60px;text-align: left;text-align-last: left;}
.l-red{color: #f00;vertical-align: middle;}
.l-dd{width: 3.12rem;height: .5rem;border: 1px solid #dcdcdc;padding: 0 .1rem;color: #555;}
.l-r{width: 100%;font-size: 0;margin-bottom: .3rem;}
.l-r .l-dd{width: calc(100% - 60px);}
.l-t{width: 100%;font-size: 0;}
.l-area{width: calc(100% - 60px);height: 1.8rem;border: 1px solid #dcdcdc;padding: 0 .1rem;color: #555;line-height: 1.625;padding: .12rem .1rem;}
@media(max-width: 1200px){
    .l-dt{width: 55px;line-height: 32px;}
    .l-dd{height: 32px;}
    .l-r .l-dd{width: calc(100% - 55px);}
    .l-area{width: calc(100% - 55px);}
    .l-submit{width: 80px;height: 32px;line-height: 32px;}
    .l-left{width: calc(100% - 80px);}
    .l-e{padding-right: 10px;}
}
@media(max-width: 750px){
    .l-col{width: 100%;margin-bottom: 10px;}
    .l-dd{width: calc(100% - 55px);}
    .l-row{margin-bottom: 0;}
}



.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: #000;z-index: 10000000;transition: top .5s ease-in-out;}
.v-a.show{top: 0;}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 40px;height: 40px;background-color: #be0000;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.v-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.v-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;max-width: 800px;max-height: calc(100% - 80px);transform: translate(-50%,-50%);}


.xma-a{width: 100%;padding-top: .6rem;padding-bottom: .7rem;}
.xma-b{width: 14rem;margin: 0 auto;}  
.xma-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xma-c{float: left;width: 3rem;}
.xma-d{width: 100%;background-color: #478a49;padding: .28rem;margin-bottom: 10px;}
.xma-e{color: #fff;margin-bottom: .25rem;}
.xma-f{color: #fff;line-height: 1.3;}
.xma-g{width: 100%;}
.xma-h {display: block;cursor: pointer;background-color: #f8f8f8;color: #666666;position: relative;padding: .21rem .3rem;margin-bottom: 2px;line-height: 1.44;transition: all .3s;}
.xma-h.active{background-color: #478a49;color: #fff;}
.xma-h:after{content: "";display: block;border-left: .1rem solid #dcdcdc;border-top: .07rem solid transparent;border-bottom: .07rem solid transparent;position: absolute;right: .2rem;top: 50%;margin-top: -0.07rem;}
.xma-h.active:after{border-left-color: #fff;}
.xma-i{float: right;width: 10.5rem;}
.xma-j{width: 100%;font-size: 0;padding-bottom: .3rem;}
.xma-item{display: inline-block;vertical-align: top;border: solid 1px #eeeeee; text-align: center; width: 3.3rem;position: relative;background-color: #eaeaea;cursor: pointer;margin-right: .3rem;margin-bottom: .4rem;}
.xma-item:nth-child(3n){margin-right: 0;}
.xma-k{width: 100%;}
.xma-l{width: 100%;}
.xma-l img{width: 100%;}
.xma-m{padding: .15rem .1rem;line-height: 1.5;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xma-n{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(71,138,73,.95);opacity: 0;transition: all .3s;}
.xma-o{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0,-50%);padding: 0 .1rem; }
.xma-p{color: #ffffff;line-height: 1.3;margin-bottom: .5rem;}
.xma-q{color: #ffffff;line-height: .3rem;}
.xma-q *{color: #ffffff;line-height: .3rem;}
.xma-r{display: inline-block;margin-top: .4rem;color: #4a894c; min-width: 1.4rem;height: .46rem;line-height: .46rem;padding: 0 .1rem; background-color: #ffffff;}
.xma-item:hover .xma-n{opacity: 1;}


@media(min-width: 1201px){
    .xma-h:hover:after{border-left-color: #fff;}
    .xma-h:hover{background-color: #478a49;color: #fff;} 
}
@media(max-width: 1200px){
    .xma-q{font-size: 12px;}
    .xma-p{font-size: 14px;margin-bottom: 20px;}
}
@media(max-width: 750px){
    .xma-q{line-height: 1.3;}
    .xma-q *{line-height: 1.3;}
    .xma-r{margin-top: .2rem;}
    .xma-p{margin-bottom: .3rem;}
}
@media(max-width: 750px){
    .xma-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xma-c{width: 100%;}
    .xma-g{width: 100%;text-align: center;font-size: 0;}
    .xma-h{display: inline-block; padding: 5px 10px;font-size: 12px;  margin: 0 .1rem;margin-bottom: .2rem;}
    .xma-h:after{display: none !important;}
    .xma-i{width: 100%;}
    .xma-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .xma-item:nth-child(3n){margin-right: .3rem;}
    .xma-item:nth-child(2n){margin-right: 0;}
}

.xmb-a{width: 100%;background-color: #f8f8f8;}
.xmb-b{width: 14rem;margin: 0 auto;}  
.xmb-cont{width: 100%;padding: .3rem 0;}
.xmb-c{display: inline-block;vertical-align: middle;width: .72em;}
.xmb-c img{width: 100%;}
.xmb-d{display: inline-block;vertical-align: middle;color: #555555;line-height: 1.3;cursor: pointer;margin: 0 .05rem;}
.xmb-e{display: inline-block;vertical-align: middle;color: #555555;line-height: 1.3;}
.xmb-d:hover{color: #478a49;}


@media(max-width: 750px){
    .xmb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xmb-cont{overflow: auto;white-space: nowrap;}
}


.xmc-a{width: 100%;background-color: #f8f8f8;}
.xmc-b{width: 14rem;margin: 0 auto;}  
.xmc-c{width: 100%; background-color: #ffffff;padding: .45rem .7rem .45rem .4rem;}
.xmc-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmc-cont{float: left;width: 6.2rem;}
.xmc-d{width: 100%;margin-bottom: .2rem;}
.xmc-e{width: 100%;}
.xmc-g{width: 100%;}
.xmc-h{display: block;border: solid 1px #eeeeee; width: 100%;height: 4.8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.xmc-i{width: 100%;position: relative;}
.xmc-j{width: 5.5rem;margin: 0 auto;}
.xmc-l{width: 100%;text-align: center; cursor: pointer;}
.xmc-m{display: inline-block;width: .9rem; height: .9rem;background-color: #ffffff;border: solid 1px #eeeeee;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmc-l.swiper-slide-active .xmc-m{border: solid 1px #478a49;}

.xmc-p{left: 0; margin-top:-8px;width: 11px;height: 16px;background-image: url(../images/17.png);background-size: 11px 16px;background-position: center center;background-repeat: no-repeat;}
.xmc-q{right: 0; margin-top:-8px;width: 11px;height: 16px;background-image: url(../images/18.png);background-size: 11px 16px;background-position: center center;background-repeat: no-repeat;}
.xmc-p:hover{background-image: url(../images/19.png);}
.xmc-q:hover{background-image: url(../images/20.png);}

.xmc-r{float: right;width: 6rem;}
.xmc-titles{width: 100%;border-bottom: 1px solid #dfdadd;color: #478a49;line-height: 1.3;padding-bottom: .3rem;margin-bottom: .35rem;}
.xmc-t{color: #555555;line-height: .48rem;margin-bottom: .65rem;}
.xmc-t *{color: #555555;line-height: .48rem ;}
.xmc-u{width: 100%;font-size: 0;}
.xmc-v{display: inline-block;vertical-align: middle;margin-bottom: .3rem;margin-right: .4rem; min-width: 1.42rem;padding: .15rem;color: #ffffff;text-align: center;top: 0;position: relative;transition: all .3s; background-color: #478a49;cursor: pointer;}
.xmc-v:hover {top: -.05rem;}
.xmc-x{display: inline-block;vertical-align: middle;margin-bottom: .3rem;}
.xmc-y{display: inline-block;vertical-align: middle;margin: 0 .1rem;cursor: pointer;}
.xmc-yimg1{display: block;width: 24px;height: 19px;text-align: center;line-height: 19px;}
.xmc-yimg1 img{max-width: 100%;max-height: 100%;}
.xmc-yimg2{display: none;width: 24px;height: 19px;text-align: center;line-height: 19px;}
.xmc-yimg2 img{max-width: 100%;max-height: 100%;}
.xmc-y:hover .xmc-yimg1{display: none;}
.xmc-y:hover .xmc-yimg2{display: block;}


@media(max-width: 750px){
    .xmc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xmc-c{padding: .4rem .3rem;}
    .xmc-cont{width: 100%;text-align: center;}
    .xmc-d{display: inline-block; width: 6.2rem;max-width: 100%;}
    .xmc-i{display: inline-block; width: 6.2rem;max-width: 100%;padding: 0 calc(10px + .3rem);} 
    .xmc-j{width: 100%;}
    .xmc-r{width: 100%;margin-top: .5rem;}
    .xmc-t {line-height: 1.8;}
    .xmc-t *{line-height: 1.8;}
}

.xmd-a{width: 100%;background-color: #f8f8f8;padding-top: .4rem;padding-bottom: .8rem;}
.xmd-b{width: 14rem;margin: 0 auto;}  
.xmd-c{width: 100%;}
.xmd-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xmd-cont{float: right;width: 10.20rem;background-color: #fff;}
.xmd-d{padding: .2rem .4rem;background-color: #478a49;color: #ffffff;}
.xmd-e{padding: .4rem;}
.xmd-item{width: 100%;}
.xmd-titles{color: #478a49;margin-bottom: .2rem;line-height: 1.3;}
.xmd-f{color: #555555;line-height: 2;text-indent: 2em;margin-bottom: .4rem;}
.xmd-f *{color: #555555;line-height: 2;text-indent: 2em;}
.xmd-g{width: 100%;margin-bottom: .6rem;}
.xmd-g table{width: 100%;margin-bottom: .3rem;}
.xmd-g table td{width: 50%;padding: .15rem .25rem;line-height: 1.3; border: solid 1px #eeeeee;color: #555555;} 
.xmd-h{width: 100%;text-align: center;margin-bottom: .3rem;}
.xmd-i{display: inline-block;max-width: 100%;min-width: 80%;}
.xmd-i video{width: 100%;}

.xmd-j{float: left;width: 3.4rem;background-color: #fff;}
.xmd-k{padding: .2rem .25rem ;background-color: #478a49;color: #ffffff;}
.xmd-l{width: 100%;padding: .2rem .2rem 0 ;font-size: 0;white-space: nowrap;overflow: auto;}
.xmd-m{display: inline-block;vertical-align: top; width: 100%;text-align: center;padding-bottom: .1rem;cursor: pointer;}
.xmd-n{width: 100%;overflow: hidden;}
.xmd-n img{width: 100%;transform: scale(1.00);transition: all .3s;}
.xmd-o{color: #666666;line-height: 1.3;padding: .1rem 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xmd-m:hover .xmd-n img{transform: scale(1.05);}
.xmd-m:hover .xmd-o{color: #478a49;}

@media(max-width: 750px){
    .xmd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xmd-cont{float: none; width: 100%;}
    .xmd-j{float: none;width: 100%;margin-top: .5rem;}
    .xmd-m{width: calc(50% - .1rem);margin-right: .2rem;}
}

div .green{color: #478a49;}
.xme-a{width: 100%;background-color: #ffffff;}
.xme-b{width: 14rem;margin: 0 auto;}
.xme-c{ display: inline-block; font-size: 0;padding: .25rem 30px .05rem 0;position: relative;}
.xme-d{display: inline-block;vertical-align: middle;color: #555555;line-height: 1.3;margin-bottom: .2rem;}
.xme-e{display: inline-block;vertical-align: middle;color: #555555;line-height: 1.3;margin-bottom: .2rem} 
.xme-close{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); cursor: pointer;width: 17px;}
.xme-close img{width: 100%;}
.xme-a.hide{display: none;}

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

.xmf-a{width: 100%;background-color: #fbfbfb;padding-top: .5rem;padding-bottom: .5rem;}
.xmf-b{width: 14rem;margin: 0 auto;}
.xmf-cont{width: 100%;}
.xmf-titles{width: 100%;background-color: #ffffff;margin-bottom: .3rem;}
.xmf-c{display: inline-block;min-width: 1.8rem;text-align: center;color: #ffffff;padding: .15rem; background-color: #478a49;}

.xmf-d{width: 100%;font-size: 0;}
.xmf-e{display: inline-block;cursor: pointer;width: 3.27rem;margin-right: .3rem;margin-bottom: .3rem;text-align: center; border: solid 1px #eeeeee;background-color: #eaeaea;}
.xmf-e:nth-child(4n){margin-right: 0;}
.xmf-f{width: 100%;overflow: hidden;}
.xmf-f img{width: 100%;transform: scale(1.00);transition: all .3s;}
.xmf-g{ width: 100%;padding: .15rem .1rem;line-height: 1.5;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xmf-e:hover .xmf-f img{transform: scale(1.05);}
.xmf-e:hover  {background-color: #478a49;}
.xmf-e:hover .xmf-g{color: #fff;}

.xmf-h{width: 100%;background-color: #fff;padding: .05rem .35rem;margin-bottom: .6rem;}
.xmf-i{display: block;cursor: pointer;padding-right: 80px;position: relative;border-bottom: 1px dashed #e5e5e5;}
.xmf-j{width: 100%;color: #333333; line-height: .6rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.xmf-k{position: absolute;top: 50%;right: 0;color: #666666;transform: translate(0 ,-50%);}
.xmf-i:hover .xmf-j{color: #478a49;}

.xmf-l{width: 100%;font-size: 0; }
.xmf-m{display: inline-block;vertical-align: top;width: 31.85%;margin-right: 2.225%;margin-bottom: .3rem;cursor: pointer;}
.xmf-m:nth-child(3n){margin-right: 0;}
.xmf-n{width: 100%;padding-top: 67.26%;background-size: cover;background-position: center center;position: relative;background-color: #000;}
.xmf-play{display: block;width: .48rem;height: .48rem;opacity: 0;transition: all .3s;background-image: url(../images/41.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;z-index: 12;transform: translate(-50%,-50%);}
.xmf-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background-size: cover;background-position: center center;}
.xmf-o{width: 100%;padding: .17rem .1rem;background-color: #f7f7f7;transition: all .3s;text-align: center;line-height: 1.625;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media(min-width: 1201px){
    .xmf-m:hover .xmf-bg{opacity: 0.9;}
    .xmf-m:hover .xmf-o{color: #fff;background-color: #478a49;}
    .xmf-m:hover .xmf-play{opacity: 1;}
}

@media(max-width:750px) {
    .xmf-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xmf-e{width: calc(50% - .15rem);margin-right: .3rem;}
    .xmf-e:nth-child(2n){margin-right: 0;}
    .xmf-j{-webkit-line-clamp: 2;line-height: 1.8;padding: .1rem 0;}
    .xmf-m{width: calc(50% - .15rem);margin-right: .3rem;}
    .xmf-m:nth-child(2n){margin-right: 0;}
}

main {
  width: 100%;
}

main .main-company-profile {
  width: 100%;
}

main .main-company-profile .profile-content-container {
  width: 100%;
  background-color: #ffffff;
  padding-top: .8rem;
  padding-bottom: .95rem;
}

main .main-company-profile .profile-content-container .profile-content-wrap {
  width: 14rem;
  margin: 0 auto;
}

main .main-company-profile .profile-content-container .profile-content-wrap .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

main .main-company-profile .profile-content-container .profile-content-wrap .title-box .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #3a783c;
  margin-bottom: .5rem;
}

main .main-company-profile .profile-content-container .profile-content-wrap .title-box .title-text {
  width: 100%;
}

main .main-company-profile .profile-content-container .profile-content-wrap .title-box .title-text p {
  font-family: SourceHanSansCN-Regular;
  font-size: calc(12px - .12rem + .15rem);
  line-height: 2.7;
  color: #555555;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item {
  width: 24%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-content {
  width: calc(100% - 1.2rem);
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-content .content-num {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  margin-bottom: .2rem;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-content .content-num span {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #3a783c;
  margin-right: .14rem;
}

main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-content .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  line-height: 1.2;
}

main .main-company-profile .development-path-container {
  width: 100%;
  background-color: #f7f7f7;
  padding-top: .6rem;
  padding-bottom: .9rem;
}

main .main-company-profile .development-path-container .development-path-wrap {
  width: 14rem;
  margin: 0 auto;
}

main .main-company-profile .development-path-container .development-path-wrap .title-box {
  width: 100%;
  margin-bottom: .51rem;
}

main .main-company-profile .development-path-container .development-path-wrap .title-box .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

main .main-company-profile .development-path-container .development-path-wrap .title-box .title:after {
  content: '';
  display: block;
  width: .36rem;
  height: 5px;
  background-color: #3a783c;
  margin: 0 auto;
  margin-top: .2rem;
}

main .main-company-profile .development-path-container .development-path-wrap .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  line-height: 1.5;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-img {
  width: 6.3rem;
  height: 4.2rem;
  overflow: hidden;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-img img {
  width: 100%;
  min-height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content {
  width: calc(100% - 6.3rem);
  height: 4.2rem;
  background-color: #fff;
  padding-top: .45rem;
  padding-left: .7rem;
  padding-right: .4rem;
  padding-bottom: .45rem;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .item {
  width: 100%;
  margin-bottom: .3rem;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .item .item-year {
  width: 100%;
  font-family: Arial;
  color: #3a783c;
  margin-bottom: .1rem;
  position: relative;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .item .item-year:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #3a783c;
  position: absolute;
  top: .08rem;
  left: -.15rem;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .item .item-text {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  line-height: 1.5;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools {
  opacity: 1;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  background-color: #e4e4e4;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background-color: #3a783c;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #3a783c;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #3a783c;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .main-company-profile .award-winning-display-container {
  width: 100%;
  background-color: #fff;
  padding-top: 1.1rem;
  padding-bottom: .8rem;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap {
  width: 14rem;
  margin: 0 auto;
  position: relative;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .title-box {
  width: 10rem;
  margin-bottom: .7rem;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .title-box .title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  margin-bottom: .2rem;
  padding-left: .24rem;
  position: relative;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .title-box .title:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 1em;
  background-color: #3a783c;
  position: absolute;
  top: 0;
  left: 0;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .title-box .title-text {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  padding-left: .24rem;
  line-height: 1.5;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap {
  width: 100%;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container .nav-item {
  cursor: pointer;
  width: 1.4rem;
  height: .5rem;
  background-color: #e7e7e7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansCN-Regular;
  color: #888888;
  margin-left: .25rem;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container .nav-item:hover {
  background-color: #3a783c;
  color: #fff;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container .nav-item.active {
  background-color: #3a783c;
  color: #fff;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper {
  width: 100%;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper {
  width: 100%;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item {
  width: 3.2rem;
  margin-right: .4rem;
  margin-bottom: .5rem;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item .item-img {
  width: 100%;
  height: 3.4rem;
  padding-top: .2rem;
  padding-bottom: .2rem;
  background-color: #f7f7f7;
  padding-left: .4rem;
  padding-right: .4rem;
  text-align: center;
  overflow: hidden;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item .item-img img {
  max-height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item .item-text {
  width: 100%;
  text-align: center;
  padding: .2rem .1rem;
  background-color: #e5e5e5;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item:hover .item-text {
  background-color: #3a783c;
  color: #fff;
  transition: all .3s;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .swiper-pagination {
  position: static;
  width: 100%;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: 10px;
  background-color: #d4d4d4;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3a783c;
}

main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper.hide {
  position: absolute;
  top: 0;
  left: -100000px;
}

@media (max-width: 900px) {
  main .main-company-profile .profile-content-container .profile-content-wrap {
    width: 100%;
    padding: 0 10px;
  }
  main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item .item-content .content-text {
    line-height: 1.5;
  }
  main .main-company-profile .development-path-container .development-path-wrap {
    width: 100%;
    padding: 0 10px;
  }
  main .main-company-profile .award-winning-display-container .award-winning-display-wrap {
    width: 100%;
    padding: 0 10px;
  }
  main .main-company-profile .award-winning-display-container .award-winning-display-wrap .title-box {
    width: 100%;
  }
  main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container {
    position: static;
  }
  main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .nav-container .nav-item {
    margin-left: 0;
    margin-right: .25rem;
    margin-bottom: 15px;
  }
  main .main-company-profile .award-winning-display-container .award-winning-display-wrap .wrap .award-winning-display-swiper .awdc-swiper .item {
    margin-right: 0;
  }
}

@media (max-width: 650px) {
  main .main-company-profile .profile-content-container .profile-content-wrap .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item {
    width: 49%;
    margin-bottom: 25px;
  }
  main .main-company-profile .development-path-container .development-path-wrap .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-img {
    width: 100%;
  }
  main .main-company-profile .development-path-container .development-path-wrap .wrap .wrap-content {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 400px) {
  main .main-company-profile .profile-content-container .profile-content-wrap .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main .main-company-profile .profile-content-container .profile-content-wrap .wrap .item {
    margin-bottom: 25px;
  }
}

main .news-nav {
  width: 100%;
  background-color: #fff;
}

main .news-nav .news-nav-container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-nav .news-nav-container .item {
  width: 50%;
  height: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-family: SourceHanSansCN-Regular;
  color: #333333;
}

main .news-nav .news-nav-container .item:hover {
  background-color: #478a49;
  color: #fff;
}

main .news-nav .news-nav-container .item.active {
  background-color: #478a49;
  color: #fff;
}

@media (max-width: 900px) {
  main .main-news .news-nav .news-nav-container {
    width: 100%;
  }
  main .main-news .news-nav .news-nav-container .item {
    height: 30px;
  }
}

main .main-news {
  width: 100%;
}

main .main-news .news-container {
  width: 100%;
  background-color: #f9f9f9;
  padding-top: .6rem;
  padding-bottom: .75rem;
}

main .main-news .news-container .news-wrap {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .main-news .news-container .news-wrap .news-list {
  width: 10.45rem;
  background-color: #fff;
  padding-top: .3rem;
  padding-left: .3rem;
  padding-right: .3rem;
  padding-bottom: .65rem;
}

main .main-news .news-container .news-wrap .news-list .item {
  width: 100%;
  padding-bottom: .2rem;
  border-bottom: solid 1px #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .2rem;
}

main .main-news .news-container .news-wrap .news-list .item .item-img {
  width: 3rem;
  overflow: hidden;
  cursor: pointer;
}

main .main-news .news-container .news-wrap .news-list .item .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-news .news-container .news-wrap .news-list .item .item-content {
  width: calc(100% - 3.3rem);
  padding-top: .24rem;
}

main .main-news .news-container .news-wrap .news-list .item .item-content .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  margin-bottom: .22rem;
  line-height: 1.5;
  display: block;
  cursor: pointer;
}

main .main-news .news-container .news-wrap .news-list .item .item-content .content-date {
  width: 100%;
  font-family: Arial;
  color: #666666;
  margin-bottom: .13rem;
}

main .main-news .news-container .news-wrap .news-list .item .item-content .content-text {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 2;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-news .news-container .news-wrap .news-list .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .main-news .news-container .news-wrap .news-dynamic {
  width: 3.35rem;
  background-color: #fff;
  padding-top: .2rem;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: .2rem;
  padding-right: .2rem;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-title .title {
  font-family: SourceHanSansCN-Regular;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-title .title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1em;
  background-color: #3a783c;
  margin-right: .1rem;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-title .more {
  font-family: SourceHanSansCN-Regular;
  color: #999999;
  cursor: pointer;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-title .more:hover {
  color: #478a49;
  font-weight: bold;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap {
  width: 100%;
  padding: 0 .2rem;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .2rem 0;
  border-bottom: 1px dashed #e5e5e5;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-img {
  width: 1.3rem;
  cursor: pointer;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-img img {
  width: 100%;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-content {
  width: calc(100% - 1.45rem);
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-content .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.3;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: .1rem;
}

main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item:last-child {
  border-bottom: 0;
}

@media (max-width: 1280px) {
  main .main-news .news-container .news-wrap {
    width: 100%;
    padding: 0 10px;
    max-width: 900px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .main-news .news-container .news-wrap .news-list {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main .main-news .news-container .news-wrap .news-list .item {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .main-news .news-container .news-wrap .news-list .item .item-img {
    width: 100%;
  }
  main .main-news .news-container .news-wrap .news-list .item .item-content {
    width: 100%;
  }
  main .main-news .news-container .news-wrap .news-dynamic {
    width: 100%;
    padding-bottom: .2rem;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-img {
    width: 100%;
    margin-bottom: 15px;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-content {
    width: 100%;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item:last-child {
    border-bottom: 1px dashed #e5e5e5;
  }
}

@media (max-width: 900px) {
  main .main-news .news-nav .news-nav-container {
    width: 100%;
  }
  main .main-news .news-nav .news-nav-container .item {
    height: 30px;
  }
}
@media(max-width: 750px){
    main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item .item-content .content-title{
        padding-top: 6px;
    }
}

@media (max-width: 500px) {
  main .main-news .news-container .news-wrap .news-list .item {
    width: 100%;
  }
  main .main-news .news-container .news-wrap .news-dynamic .dynamic-wrap .item {
    width: 100%;
  }
}

main .main-news-details {
  width: 100%;
  background-color: #f7f7f7;
  padding-bottom: .9rem;
}

main .main-news-details .news-details-container {
  width: 14rem;
  margin: 0 auto;
  background-color: #fff;
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: .4rem;
  padding-right: .4rem;
  margin-top: .5rem;
}

main .main-news-details .news-details-container .wrap {
  width: 100%;
  padding-bottom: .4rem;
  border-bottom: 1px solid #ededed;
}

main .main-news-details .news-details-container .wrap .wrap-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  margin-bottom: .25rem;
  line-height: 1.5;
}

main .main-news-details .news-details-container .wrap .date-source {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .main-news-details .news-details-container .wrap .date-source .date {
  font-family: SourceHanSansCN-Regular;
  color: #666666;
  margin: 0 .15rem;
}

main .main-news-details .news-details-container .wrap .date-source .source {
  font-family: SourceHanSansCN-Regular;
  color: #666666;
  margin: 0 .15rem;
}

main .main-news-details .news-details-container .content {
  width: 100%;
  padding-top: .4rem;
  padding-bottom: .4rem;
}

main .main-news-details .news-details-container .content p {
  font-family: SourceHanSansCN-Regular;
  color: #555555;
  font-size: inherit;
  line-height: 1.5;
}

main .main-news-details .news-details-container .content p img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

main .main-news-details .news-details-container .link-list {
  width: 100%;
  border-top: 1px solid #ededed;
  padding-top: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .main-news-details .news-details-container .link-list .link {
  width: 70%;
}

main .main-news-details .news-details-container .link-list .link .item {
  cursor: pointer;
  display: block;
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  color: #444444;
  line-height: 2.5;
  font-weight: bold;
}

main .main-news-details .news-details-container .link-list .link .item:hover {
  color: #3a783c;
}

main .main-news-details .news-details-container .link-list .return-list {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

main .main-news-details .news-details-container .link-list .return-list .list {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6rem;
  height: .46rem;
  background-color: #478a49;
  font-family: SourceHanSansCN-Regular;
  color: #ffffff;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

main .main-news-details .news-details-container .link-list .return-list .list:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (max-width: 900px) {
  main .main-news-details {
    padding-left: 10px;
    padding-right: 10px;
  }
  main .main-news-details .news-details-container {
    width: 100%;
  }
}

@media (max-width: 600px) {
  main .main-news-details .news-details-container .link-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .main-news-details .news-details-container .link-list .link {
    margin-bottom: 20px;
  }
  main .main-news-details .news-details-container .link-list .return-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.zz-a{width: 100%;text-align: center;font-size: 0;}
.zz-b{display: inline-block;vertical-align: top;color: #fff;}
.zz-c{display: inline-block;vertical-align: top;}
.zz-d{color: #fff;text-align: left;}