blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body{font:14px/1.5 宋体,Arial,sans-serif;color:#333;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;border:none}
input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
.wp{margin:0 auto;width:95%;max-width:1000px}
.header{height:76px;position:fixed;box-shadow:0 2px 18px rgba(0,0,0,.12);transition:all .3s ease;-webkit-transition:all .3s ease;background:#fff;left:0;top:0;width:100%;z-index:101;color:#333}
.header-nofixed{position:absolute!important}
.header .header-wrap{display:flex;justify-content:space-between;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;position:relative;height:100%}
.header .hh-logo{float:left}
.header .hh-logo a{display:block;position:relative}
.header .hh-logo img{position:relative;z-index:1;display:block;height:36px;transition:all .3s ease;-webkit-transition:all .3s ease}
.header .hh-menus{height:100%;flex:1;display:flex;justify-content:flex-end;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;margin-left:50px}
.header .hh-menus dl{position:relative;text-align:center;height:100%;margin:0 8px}
.header .hh-menus dt{display:block;position:relative;z-index:1;height:100%}
.header .hh-menus dt a{font-size:15px;height:100%;position:relative;color:inherit;display:block;padding:0 15px;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;transition:all .3s ease;-webkit-transition:all .3s ease}
.header .hh-menus dl.on dt a{color:#005bff}
.header .hh-menus dd{position:absolute;top:100%;left:0;box-sizing:border-box;width:200px;background-color:#fff;text-align:left;opacity:0;box-shadow:0 2px 5px rgba(0,0,0,.3);pointer-events:none;transition:all .3s ease;-webkit-transition:all .3s ease}
.header .hh-menus dd a{display:block;padding:8px 15px;font-size:13px;color:#333;line-height:30px;transition:all .3s ease;-webkit-transition:all .3s ease;position:relative}
.header .hh-menus dd a:hover{color:#005bff;background:#f6f8f7}
.header .hh-menus dl:hover dt a{color:#005bff}
.header .hh-menus dl:hover dd{pointer-events:auto;opacity:1}
.header .lucky-lang{position:relative;font-size:15px;display:flex;justify-content:flex-start;align-items:center}
.header .lucky-lang a{padding:0 8px;font-size:15px;transition:all .3s ease;-webkit-transition:all .3s ease}
.header .lucky-lang a:hover{color:#005bff}
.m-toper{display:none;height:60px;position:fixed;left:0;background:#fff;width:100%;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.3)}
.m-toper .wrap{display:flex;justify-content:space-between;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;height:100%}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.m-toper .hh-logo{flex:1}
.m-toper .hh-logo img{display:block;height:40px}
.m-toper .hh-lang{float:right;position:relative;margin-right:50px;color:#005bff;font-size:24px}
.menuBtn{padding:15px;cursor:pointer;position:absolute;right:0}
.menuBtn .burger-in{width:30px;margin:0 auto}
.menuBtn [class^=line]{background:#005bff;height:3px;margin-bottom:5px;opacity:1;transition:all .3s ease;-webkit-transition:all .3s ease}
.menuBtn .line1{width:30px}
.menuBtn .line2{width:25px}
.menuBtn .line3{width:20px}
.menuBtn .line3:last-of-type{margin-bottom:0}
.menuBtn.on .line1{-webkit-transform:matrix(.7071,.7071,-.7071,.7071,0,6);transform:matrix(.7071,.7071,-.7071,.7071,0,6)}
.menuBtn.on .line2{visibility:hidden;opacity:0;-webkit-transform:matrix(1,0,0,1,-40,0);transform:matrix(1,0,0,1,-40,0)}
.menuBtn.on .line3{width:30px;-webkit-transform:matrix(.7071,-.7071,.7071,.7071,0,-10);transform:matrix(.7071,-.7071,.7071,.7071,0,-10)}
.m-header{position:fixed;display:none;pointer-events:none;top:60px;bottom:0;left:0;z-index:100;width:100%}
.m-header-layer{position:absolute;top:0;left:0;width:100%;opacity:0;height:100%;background:rgba(0,0,0,.3);transition:all .3s ease;-webkit-transition:all .3s ease;pointer-events:none}
.m-header.over{pointer-events:auto}
.m-header.over .m-header-layer{opacity:1;pointer-events:auto}
.m-header.over .m-header-box{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
.pageBox{transition:all .3s ease;-webkit-transition:all .3s ease}
.pageBox.out{-webkit-transform:translate(-80%,0);transform:translate(-80%,0)}
.m-header-box{margin-left:100%;width:80%;background:#fff;position:relative;z-index:1;height:100%;overflow:hidden;overflow-y:auto;transition:all .3s ease;-webkit-transition:all .3s ease}
.m-header .hh-menus dl{position:relative;border-bottom:1px solid #ddd}
.m-header .hh-menus dl dt a{display:block;background:#fff;height:45px;line-height:45px;padding:0 15px;font-size:14px;color:#333}
.m-header .hh-menus dl.on dt a,.m-header .hh-menus dl:hover dt a{background:#005bff;color:#fff}
.m-header .hh-menus dl dd{padding:8px 0;width:auto!important;background:#fff;display:none}
.m-header .hh-menus dl dd a{display:block;color:#005bff;display:flex;justify-content:flex-start;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;line-height:20px;padding:6px 10px;margin-left:10px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-header .hh-menus dl.on dd,.m-header .hh-menus dl:hover dd{display:block}
.backTop{width:58px;z-index:100;opacity:0;box-shadow:0 2px 4px rgba(0,0,0,.25);pointer-events:none;-webkit-transition:all .3s;transition:all .3s;height:58px;position:fixed;bottom:70px;right:20px;background-color:#fff;border-radius:50%;text-align:center;color:#000;box-sizing:border-box;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.backTop .icon{width:45px;height:45px}
.backTop .icon path{fill:#000;-webkit-transition:all .3s;transition:all .3s}
.backTop.over{opacity:1;pointer-events:auto}
.backTop:hover{background-color:#222;color:#fff}
.backTop:hover .icon path{fill:#fff}
.wrap3{width:86%;margin:0 auto;position:relative;box-sizing:border-box}
.footer{line-height:1.8}
.f-tips{padding:45px 0;position:relative;min-height:160px;display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center;z-index:10;background:linear-gradient(90deg,#0ec692,#045aff);color:#fff}
.f-top{background:#272727;padding:60px 0;color:#fff}
.ftc-wrap{display:flex;justify-content:space-between;align-items:stretch;align-content:center;flex-direction:row;flex-wrap:nowrap}
.ft-helps{text-align:left;flex:1;box-sizing:border-box;flex:1;display:flex;justify-content:center;align-items:flex-start;align-content:center;flex-direction:row;flex-wrap:nowrap}
.f-dl{padding-right:20px;box-sizing:border-box;flex:1}
.f-dl dt{font-size:16px;line-height:1.4;height:40px}
.f-dl dt a{color:inherit;font-size:inherit}
.f-dl dd{line-height:26px;font-size:14px}
.f-dl dd a{display:block;padding:5px 0;line-height:20px;color:#afafaf;transition:all .3s ease;-webkit-transition:all .3s ease}
.f-dl dd a:hover{text-decoration:underline}
.f-qr{width:150px;margin-left:8%}
.f-qr>img{display:block;width:120px}
.f-qr p{font-size:20px;color:#fff;display:block;margin-top:10px}
.f-copy{font-size:14px;padding:20px 0;color:#bababa;background:#000}
.f-copy a{color:inherit;margin-left:8px}
.f-copy a:hover{color:#fff}
.cur,.cur a{font-size:12px;color:#5e5e5e;line-height:20px}
.cur{margin:18px 0 10px 9px;padding-left:26px;background:url(../images/cur.png) left center no-repeat}
.cur a:hover{color:#ca1318}
.pages{text-align:center;margin:21px 0 38px}
.pages ul{display:inline-block}
.pages ul li{float:left;margin:0 5px}
.pages ul li a{display:block;width:35px;height:35px;line-height:35px;text-align:center;color:#555;border:1px solid #555;border-radius:50%}
.pages ul a:hover,.pages ul li.on a{background-color:#ea3032;border:1px solid #ea3032;color:#fff}
.pages ul li.next,.pages ul li.prev{font-weight:700;font-family:"宋体";font-size:20px;margin:0 15px}
.pages ul li span{display:inline-block;margin-top:5px;font-weight:700;font-family:Arial;color:#dadada}
@media screen and (max-width:1000px){
.wrap,.wrap2,.wrap3,.wrap4{width:100%;margin:0;box-sizing:border-box;padding:0 15px}
.wrap{width:100%;padding:0 10px}
.header{display:none}
.burger,.m-header,.m-toper{display:block}
.f-tips{font-size:18px;padding:20px 0}
.ftc-wrap{display:block}
.ft-helps{margin-left:0;display:block}
.f-dl{float:none;width:100%;padding-right:0;margin-top:15px}
.f-dl dt a{display:flex;justify-content:space-between;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}
.f-dl dt a:after{content:"+";margin-right:20px;font-size:18px}
.f-dl dd{margin-top:8px;display:none}
.f-dl.open dd{display:block}
.f-dl.open dt a:after{content:"-"}
.f-qr{margin-left:0;margin-top:20px}
.f-copy .name{display:block}
.f-copy a{margin-left:0}
}
.ban_in img{display:block;width:100%}
.row-p1{padding:80px 0 67px;overflow:hidden}
.m-titb1{font-size:32px;color:#727272}
.ul-txtb1{padding-top:20px}
.ul-txtb1 .con{border-bottom:1px solid #d6d6d6;padding:20px 0;margin-bottom:20px}
.ul-txtb1 .tit{display:inline-block;max-width:100%;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;color:#727272;margin-bottom:3px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-txtb1 .tit:hover{color:#27ab71}
.ul-txtb1 .date{font-size:16px;color:#b0b0b0}
.row-b1{padding:80px 0;overflow:hidden}
.row-b1 .m-titb1{margin-bottom:50px}
.ul-listb1{overflow:hidden;text-align:center;font-size:0}
.ul-listb1 li{display:inline-block;vertical-align:top;width:40%}
.ul-listb1 .con{padding:0 10px;margin-bottom:20px}
.ul-listb1 .pic{height:330px;overflow:hidden;line-height:330px}
.ul-listb1 .pic img{display:inline-block;vertical-align:middle;max-height:330px}
.ul-listb1 .txt{font-size:18px;color:#727272}
.ul-listb1 .txt .name{-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:26px 0 17px}
.ul-listb1 .txt .down{text-align:center}
.ul-listb1 .txt .down .a{display:inline-block;vertical-align:middle;padding:0 10px;color:#727272;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-listb1 .txt .down .a:hover{color:#27ab71}
@media screen and (max-width:1300px){
.row-b1{padding:6.15vw;overflow:hidden}
.row-b1 .m-titb1{margin-bottom:2.85vw}
.ul-listb1 .pic{height:23.57vw;line-height:23.57vw}
.ul-listb1 .pic img{max-height:23.57vw}
}
@media screen and (max-width:1000px){
.row-b1,.row-p1{padding:50px 0}
.row-b1 .m-titb1{margin-bottom:20px}
.ul-listb1 li{display:block;width:auto}
.ul-listb1 .txt{font-size:14px}
.ul-listb1 .txt .name{margin:10px 0 0}
.ul-listb1 .pic{height:40vw;line-height:40vw}
.ul-listb1 .pic img{max-height:40vw}
.m-titb1{font-size:18px}
.ul-txtb1{padding-top:20px}
.ul-txtb1 .con{padding:12px 0;margin-bottom:5px}
.ul-txtb1 .tit{font-size:16px}
.ul-txtb1 .date{font-size:14px}
}
@media only screen and (max-width:1199px){
.wp{width:96%}
}
.m-detail .box{position:relative;left:-10%}
.g-table1{box-shadow:0 2px 18px rgb(0 0 0 / 12%);background-color:#fff;height:82px}
.g-table1.fixed .m-hum1{position:fixed;top:0;left:0;right:0;z-index:3;box-shadow:0 2px 18px rgb(0 0 0 / 12%);background-color:#fff}
.ul-table1{overflow:hidden;padding:15px 0}
.ul-table1 li{width:16.666%;float:left;overflow:hidden;text-align:center}
.ul-table1 a{font-size:15px;color:#8c8c8c;line-height:1.6;display:block;position:relative}
.ul-table1 .e{margin-bottom:4px}
.ul-table1 a::after{content:"";display:block;width:0;height:1px;background-color:#8c8c8c;position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.ul-table1 .on a::after,.ul-table1 a:hover::after{width:70%}
.m-detail{overflow:hidden;padding:88px 0}
.m-detail .col-l{width:19%;float:left;margin-right:2%;margin-top:3px;position:relative;word-break:break-all}
.m-detail .fixed{position:fixed;height:auto;top:100px;width:190px;word-break:break-all}
.ul-snv-dl a{font-size:16px;line-height:2em;color:#8c8c8c;padding-left:25px}
.ul-snv-dl .con{position:relative}
.ul-snv-dl .con::after{content:"";display:block;width:15px;height:1px;background-color:#8c8c8c;opacity:0;position:absolute;left:0;top:1.1em;transition:.3;-webkit-transition:.3;-moz-transition:.3;-ms-transition:.3;-o-transition:.3}
.ul-snv-dl .con:hover::after,.ul-snv-dl .on::after{opacity:1}
.m-content{overflow:hidden}
.m-content h3,.m-content p{font-size:16px;line-height:1.8;color:#8c8c8c;text-align:justify;word-break:break-word}
.m-content h2{font-size:20px;height:40px;line-height:40px;color:#8c8c8c;width:100%;position:relative}
.m-content h2 span{display:inline-block;background-color:#fff;padding-right:40px;position:relative;z-index:2}
.m-content h2::after{content:"";display:block;height:1px;width:100%;background-color:#000;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.m-detail .more{display:block;background-color:#f8f8f8;color:#8c8c8c;font-size:14px;line-height:1.7em;height:auto;overflow:hidden;position:relative;padding-right:44px}
.m-detail .txt{overflow:hidden;padding:10px 5px 10px 15px}
.m-detail .btn{float:right;background-color:#e6e6e6;width:44px;height:100%;color:#666;font-size:22px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;-webkit-transition:all .3s ease;position:absolute;top:0;right:0}
.icon-rightarrow:before{content:"\e61e"}
.m-detail a:hover .btn{background:#27ab71;color:#fff;border-color:#27ab71}
@media screen and (max-width:1366px){
.m-detail .box{left:0}
}
@media screen and (max-width:1000px){
.g-table1{height:auto}
.g-table1.fixed .m-hum1{position:relative}
.m-detail{padding:40px 0}
.m-detail .fixed{position:static}
.m-detail .col-l{width:100%;margin-bottom:20px}
.m-content{width:100%}
.m-content p{font-size:16px}
.m-content h2{font-size:18px}
.m-detail .more{font-size:13px}
.ul-table1 li{width:50%;margin-bottom:10px}
.ul-table1 li:hover::after{width:50%}
}
.wp1{margin:0 auto;width:95%;max-width:1200px}
.m-tab1.fixed .m-tabes1{position:fixed;top:0;background-color:#fff;left:0;right:0;z-index:20;box-shadow:0 2px 15px rgb(0 0 0 / 15%)}
.m-tab1{height:64px}
.g-bane1{padding-top:32.65%;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}
.g-bane1 .txt{left:0;right:0;top:50%;transform:translateY(-58%);-webkit-transform:translateY(-58%);-moz-transform:translateY(-58%);-ms-transform:translateY(-58%);-o-transform:translateY(-58%);position:absolute}
.g-bane1 .txt .en{color:#69ec6d;font-size:120px;line-height:1.1;font-family:Bebas}
.g-bane1 .txt .ch{color:#fff;font-size:72px}
.g-snves1{height:64px;background:#fff;box-shadow:0 2px 15px rgb(0 0 0 / 15%)}
.g-snves1 .ul-snves1{display:block;height:100%;display:flex;justify-content:center;align-items:stretch}
.ul-snves1 .con{flex:1;transition:all .3s ease;-webkit-transition:all .3s ease;display:flex;justify-content:center;align-items:center;font-size:15px;position:relative;text-transform:uppercase;cursor:pointer}
.g-snves1 .wp{height:64px}
.ul-snves1 .con.on{background:#27ab71;color:#fff}
.ul-snves1 .con a{font-weight:700;text-transform:uppercase;font-size:16px;display:block;width:100%;height:64px;line-height:64px;text-align:center}
.ul-snves1 .con:hover a{color:#27ab71}
.ul-snves1 .con.on a{color:#fff}
.row-esg1{padding:130px 0 100px}
.m-esg1{font-size:16px;color:#666;line-height:1.6}
.m-esg2 .info{text-align:right}
.m-esg2 .txt{margin-bottom:50px}
.m-esg2{position:relative;padding:0 15%}
.m-esg2::after{position:absolute;content:"";left:0;top:0;width:68px;height:54px;background-image:url(../images/a4.png);background-position:center;background-repeat:no-repeat;background-size:contain}
.m-esg2::before{position:absolute;content:"";right:0;bottom:0;width:68px;height:54px;background-image:url(../images/a5.png);background-position:center;background-repeat:no-repeat;background-size:contain}
.row-esg2{padding-bottom:130px}
.m-esg3 .tit{font-weight:400;margin-bottom:20px}
.row-esg3{padding-bottom:80px}
.g-tit{font-size:33px;position:relative;color:#727272;overflow:hidden;font-weight:700}
.g-tit span{display:inline-block;padding-right:40px;position:relative;z-index:2;background-color:#fff}
.g-tit::after{position:absolute;content:"";left:0;background-color:#bcbcbc;height:1px;width:100%;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.ul-listesg4{display:block;overflow:hidden;margin:0 -25px;padding:30px 0}
.ul-listesg4 li{width:33.3%;float:left;padding:0 25px;margin-bottom:50px}
.ul-listesg4 .con{display:block;box-shadow:0 2px 12px rgb(0 0 0 / 15%);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;overflow:hidden}
.ul-listesg4 .pic{padding-top:64%;overflow:hidden;position:relative}
.ul-listesg4 .pic .img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.ul-listesg4 .con:hover .pic .img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.ul-listesg4 .txt{padding:20px}
.ul-listesg4 .tit{font-size:18px;color:#999;font-weight:400;margin-bottom:10px;height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-listesg4 .desc{height:3em;overflow:hidden;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ul-listesg4 .tit span{float:right;color:#4b8150;font-size:18px;text-transform:uppercase}
.g-tites2{font-size:32px;color:#4b814f;margin-bottom:100px}
.row-esg5{background-color:#f9f9f9;padding:70px 0 80px}
.m-banes5{position:relative;padding:0 75px}
.m-banes5 .slick-arrow{font-size:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;width:48px;height:48px;border:none;background-color:#f9f9f9;cursor:pointer}
.m-banes5 .item{padding:0 60px;text-align:center;color:#4b814f}
.m-banes5 .slick-prev{background-image:url(../images/a2.png);left:0}
.m-banes5 .slick-next{background-image:url(../images/a3.png);right:0}
.m-banes5 .num{font-size:56px;margin-bottom:10px}
.m-banes5 .desc{font-size:18px}
.row-esg6{padding-top:80px}
.m-esg6{overflow:hidden;padding:70px 0 80px}
.m-esg6 .pic{width:47%;float:left;padding-top:30%;position:relative;overflow:hidden}
.m-esg6 .pic img{display:block;position:absolute;left:0;right:0;top:0;width:100%;height:auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-esg6 .pic img:hover{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.m-esg6 .txt{overflow:hidden;font-size:18px;color:#666;padding-left:6%;padding-top:50px;line-height:1.7}
.m-esg6 .txt .desc{margin-bottom:46px}
.g-morees{display:block;font-size:14px;color:#fff;width:146px;height:36px;background-color:#a3a3a3;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;line-height:36px;text-align:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-morees:hover{opacity:.8;color:#fff}
.m-esg7 .pic{float:right}
.m-esg7 .txt{padding-right:6%;padding-left:0}
.m-esg8{overflow:hidden;padding:70px 0 100px;max-width:1000px;margin:0 auto}
.m-esg8 .g-morees{float:right}
.m-esg8 .col-l{width:40%;float:left;overflow:hidden;margin-right:2%}
.m-esg8 .pic{position:relative;display:block;overflow:hidden;padding-top:105%;margin-bottom:12px}
.m-esg8 .pic img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;position:absolute;left:0;right:0;top:0;width:100%;object-fit:cover;height:100%}
.m-esg8 .pic img:hover{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.m-esg8 .col-l .txt .tit{font-size:16px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .3s ease;-webkit-transition:all .3s ease;margin-bottom:15px}
.m-esg8 .txt .more{font-size:15px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center;transition:all .3s ease;-webkit-transition:all .3s ease;height:22px;line-height:22px}
.m-esg8 .txt .more .right{background-image:url(../images/right.png);background-position:left center;background-repeat:no-repeat;width:18px;height:20px;background-size:contain;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;margin-left:6px}
.m-esg8 .more:hover .right{background-image:url(../images/right-1.png)}
.m-esg8 .txt .more i{margin-left:6px;font-size:18px}
.m-rightesg8{overflow:hidden}
.ul-esg8{overflow:hidden;display:block;margin:0 -12px}
.ul-esg8 li{width:50%;float:left;padding:0 12px;margin-bottom:16px}
.ul-esg8 .pic1{padding-top:55%;position:relative;margin-bottom:10px;overflow:hidden}
.ul-esg8 .img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.ul-esg8 .con{display:block;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-esg8 .con{display:block;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;padding-bottom:12px}
.m-esg8 .con:hover{background:#e2effa}
.m-esg8 .tit:hover{color:#005bff}
.ul-esg8 .con:hover .pic1 .img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.ul-esg8 .tit{font-size:16px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .3s ease;-webkit-transition:all .3s ease;margin-bottom:15px;font-weight:400}
.ul-esg8 .more{font-size:15px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center;transition:all .3s ease;-webkit-transition:all .3s ease}
.m-esg8 .more:hover{color:#005bff}
.g-morees8{margin:20px auto 0;display:block;width:160px;height:42px;border:1px solid #27ab71;background:0 0;color:#27ab71;text-align:center;cursor:pointer;font-size:16px;box-sizing:border-box;line-height:40px;transition:all .3s ease;-webkit-transition:all .3s ease;overflow:hidden;border-radius:24px;position:relative}
.g-morel1{margin:0}
.g-morees8::before{content:"";transition:all .3s ease;-webkit-transition:all .3s ease;opacity:0;position:absolute;right:0;bottom:0;border-color:#27ab71;background-color:#27ab71;top:0;left:0}
.g-morees8:hover::before{opacity:1}
.g-morees8::after{content:"\e61e";color:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-webkit-transform:translate(-100%,0);transform:translate(-100%,0);font-size:18px;position:absolute;right:0;bottom:0;top:0;left:0;display:flex;justify-content:center;align-items:center;font-family:iconfont}
.g-morees8:hover{border-color:#27ab71}
.g-morees8:hover:after{-webkit-transform:translate(0,0);transform:translate(0,0)}
@media only screen and (min-width:1199px) and (max-width:1600px){
.wp1{margin:0 auto;width:95%;max-width:68vw}
.ul-listesg4 li{margin-bottom:20px}
}
@media only screen and (max-width:1199px){
.m-banes5{padding:0 30px}
.m-banes5 .item{padding:0 50px}
.row-esg1{padding:50px 0}
.m-esg2::before{width:48px;height:34px}
.m-esg2::after{width:48px;height:34px}
.m-esg2{padding:0 10%}
.row-esg2{padding-bottom:50px}
.m-esg3 .tit{margin-bottom:15px;font-size:25px}
.g-tit,.g-tites2{font-size:25px}
.m-banes5 .num{font-size:30px;margin-bottom:5px}
.m-banes5 .desc{font-size:18px}
.m-esg6{padding:50px 0}
.m-esg6 .txt{font-size:18px;padding-left:50px}
.m-esg7 .txt{padding-left:0;padding-right:50px}
.m-esg8 .col-l{margin-right:20px}
.ul-esg8 li{padding:0 15px;margin-bottom:15px}
.ul-esg8 .tit{font-size:14px;height:40px;margin-bottom:5px}
.m-esg8{padding:50px 0}
.ul-listesg4 li{width:50%}
.ul-listesg4 .tit{margin-bottom:6px}
.ul-listesg4 .tit span{font-size:18px}
.ul-listesg4 .desc{font-size:16px}
.row-esg5{padding:50px 0}
.m-banes5 .slick-arrow{width:40px;height:40px}
}
@media screen and (max-width:1000px){
.g-bane1 .txt .en{font-size:24px}
.g-bane1 .txt .ch{font-size:18px}
}
@media only screen and (max-width:959px){
.ul-snves1 .con a{height:34px;line-height:34px}
.m-esg8 .col-l .txt .tit{font-size:14px;margin-bottom:0;height:40px}
.m-esg8 .txt .more{margin-top:8px;font-size:15px}
.g-morees8{margin-top:30px}
.ul-esg8{margin:0}
.ul-esg8 li{padding:0;width:100%;float:none}
.m-esg8 .col-l{width:100%;float:none;margin-right:0}
.m-esg8 .pic{padding-top:55%}
.m-esg6 .txt{padding-top:0;padding-left:30px}
.m-esg7 .txt{padding-top:0;padding-left:0;padding-right:30px}
.m-tab1.fixed .m-tabes1{position:relative}
.ul-snves1 .con{flex:none;padding:10px 12px;font-size:14px;width:50%;margin-right:0;box-sizing:border-box}
.g-snves1,.g-snves1 .wp{height:auto}
.g-snves1 .ul-snves1{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap}
.ul-listesg4{margin:0}
.row-esg3{padding-bottom:50px}
}
@media only screen and (max-width:767px){
.ul-listesg4 .txt{padding:10px}
.ul-listesg4 .tit,.ul-listesg4 .tit span{font-size:16px}
.ul-listesg4 .desc{font-size:14px}
.m-esg2 .info{font-size:13px}
.m-esg1{font-size:14px;line-height:1.5}
.m-esg2::after{width:25px;height:14px}
.m-esg2::before{width:25px;height:14px}
.m-esg3 .tit{font-size:18px}
.g-tit{font-size:20px}
.g-tit::after{left:80px}
.ul-listesg4{padding:30px 0}
.ul-listesg4 li{float:none;width:100%;padding:0}
.g-tites2{font-size:18px;margin-bottom:30px}
.m-banes5 .num{font-size:25px}
.m-banes5 .desc{font-size:16px}
.m-banes5 .slick-arrow{width:25px;height:25px}
.row-esg6{padding-top:40px}
.m-esg6 .pic{float:none;width:100%;margin-bottom:20px}
.m-esg6 .txt{padding:0;font-size:16px}
.m-esg6 .txt .desc{margin-bottom:15px;font-size:15px}
.m-esg8 .col-l{float:none;width:100%;margin-bottom:20px}
}