*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;}
header,section,footer{display: block}
body{font-family:"PingFang SC","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";font-size:14px;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#282828;}html,body{width:100%;height:100%;}img{border:0;max-width:100%;}ul,li{list-style:none;}em,i{font-style:normal;}a,a:link{text-decoration:none;color:#333}a:active,a:hover{outline:0;color:#156E3B;text-decoration:none}.clear{clear:both;}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.trans,.trans *{transition:all 0.5s ease}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}.al{text-align:left!important}.ac{text-align:center!important}.ar{text-align:right!important}.aj{text-align:justify!important}.fl{float:left}.fr{float:right!important}.rel{position:relative}.abl{position:absolute}.ovh{overflow:hidden}.upp{text-transform:uppercase}input,button,textarea{border:0;outline:0;font-family:inherit;font-size:inherit;}.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ep3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.img-auto{display:inline-block;max-width:100%;height:auto}.container{margin-left:auto;margin-right:auto;padding-left:16px !important;padding-right:16px !important}.h100{height:100%}.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;align-items:center;}.flex-inline{display:inline-flex}.flex-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column .flex-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-bet{justify-content:space-between}.flex-items{align-items:center}.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-y{flex-direction:column;-webkit-flex-direction:column}.grid-small{padding:10px 0}.grid-small>.grid{margin:-10px}.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:10px}.grid-middle{padding:15px 0}.grid-middle>.grid{margin:-15px}.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:15px}.grid-big{padding:20px 0}.grid-big>.grid{margin:-20px}.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:20px}.grid-large{padding:35px 0}.grid-large>.grid{margin:35px}.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:35px}.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%}.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%}.x0{width:auto}.x1{width:8.33333333%}.x2{width:16.66666667%}.x20{width:20%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12{position:relative;max-height:100%}.y{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.y0{height:auto}.y1{height:8.33333333%}.y2{height:16.66666667%}.y20{height:20%}.y3{height:25%}.y4{height:33.33333333%}.y5{height:41.66666667%}.y6{height:50%}.y7{height:58.33333333%}.y8{height:66.66666667%}.y9{height:75%}.y10{height:83.33333333%}.y11{height:91.66666667%}.y12{height:100%}@media (min-width:572px){.container{max-width:540px}.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xl0{width:auto}.xl1{width:8.33333333%}.xl2{width:16.66666667%}.xl20{width:20%}.xl3{width:25%}.xl4{width:33.33333333%}.xl5{width:41.66666667%}.xl6{width:50%}.xl7{width:58.33333333%}.xl8{width:66.66666667%}.xl9{width:75%}.xl10{width:83.33333333%}.xl11{width:91.66666667%}.xl12{width:100%}}@media (min-width:762px){.container{max-width:730px}.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xs0{width:auto}.xs1{width:8.33333333%}.xs2{width:16.66666667%}.xs20{width:20%}.xs3{width:25%}.xs4{width:33.33333333%}.xs5{width:41.66666667%}.xs6{width:50%}.xs7{width:58.33333333%}.xs8{width:66.66666667%}.xs9{width:75%}.xs10{width:83.33333333%}.xs11{width:91.66666667%}.xs12{width:100%}}@media (min-width:992px){.container{max-width:960px}.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xm0{width:auto}.xm1{width:8.33333333%}.xm2{width:16.66666667%}.xm20{width:20%}.xm3{width:25%}.xm4{width:33.33333333%}.xm5{width:41.66666667%}.xm6{width:50%}.xm7{width:58.33333333%}.xm8{width:66.66666667%}.xm9{width:75%}.xm10{width:83.33333333%}.xm11{width:91.66666667%}.xm12{width:100%}}@media (min-width:1232px){.container{max-width:1200px;padding-left:0!important;padding-right:0!important}.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xb0{width:auto}.xb1{width:8.33333333%}.xb2{width:16.66666667%}.xb20{width:20%}.xb3{width:25%}.xb4{width:33.33333333%}.xb5{width:41.66666667%}.xb6{width:50%}.xb7{width:58.33333333%}.xb8{width:66.66666667%}.xb9{width:75%}.xb10{width:83.33333333%}.xb11{width:91.66666667%}.xb12{width:100%}}@media (min-width:1632px){.container{max-width:1400px}.xg0{width:auto}.xg1{width:8.33333333%}.xg2{width:16.66666667%}.xg20{width:20%}.xg3{width:25%}.xg4{width:33.33333333%}.xg5{width:41.66666667%}.xg6{width:50%}.xg7{width:58.33333333%}.xg8{width:66.66666667%}.xg9{width:75%}.xg10{width:83.33333333%}.xg11{width:91.66666667%}.xg12{width:100%}}.show,.show-xm{display:block!important}.hidden,.show-xs{display:none!important}@media screen and (max-width:980px){.show-xm{display:none!important;}.show-xs{display:block!important;}}
.flex-s{align-items: flex-start;}
.img_fit img{object-fit: cover;height:100%;}
/* animation */
@keyframes opacity{0%{opacity: 1;transform: scale(0.9);}
50%{opacity:.6;transform: scale(1);}
100%{opacity: 1;transform: scale(0.9);};}
@keyframes fadenum{0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);};}
@keyframes bounceDown{25%{transform: translateY(-3px);}
50%,100%{transform: translateY(0);}
75%{transform: translateY(3px);};}
@keyframes scale{0%{transform: scale(.9);}
50%{transform: scale(1);}
100%{transform: scale(.9);};}
@-webkit-keyframes progressIn{from{width:0;}to{width:100%;};}@-moz-keyframes progressIn{from{width:0;}to{width:100%;};}@-ms-keyframes progressIn{from{width:0;}to{width:100%;};}@-o-keyframes progressIn{from{width:0;}to{width:100%;};}@keyframes progressIn{from{width:0;}to{width:100%;};}
@keyframes mymove{0%{bottom:30px;}
100%{bottom:20px;};}
.wp{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;}
.lightbox{background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}
/*网站默认滚动条的样式*/
::-webkit-scrollbar {width:8px;height:5px;}
::-webkit-scrollbar-thumb {background:#333;}
.transy{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.transy:hover{transform:translateY(-5px)}
.pic{overflow: hidden;}
.biao img{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;cursor:pointer}
.biao:hover img{transform:scale(1.09)!important}
.bimg,.pimg{overflow:hidden}
.bimg img{display:inline-block;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;width:100%;height:100%;}
.bimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.pimg{height:100%;width:100%;transition:all 2.6s ease-in 0s}
.pimg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.shadow{background: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);}
/* fonts */
.fb{font-family: 'PingFang SC-Semibold', 'PingFang SC';font-weight: bold;}
.radius,.radius img,.radius2{border-radius:16px;}
.h100{height:100%}
.f90{font-size:90px}
.f71{font-size:71px;}
.f60{font-size:60px;}
.f46{font-size:46px;}
.f42{font-size:42px;}
.f40{font-size:40px;}
.f36{font-size:36px}
.f32{font-size:32px;}
.f30{font-size:30px;}
.f28{font-size:28px}
.f25{font-size:25px}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.f15{font-size:15px}
.p100{padding:100px 0;}
.pb100{padding-bottom:100px;}
@media screen and (max-width:1450px) {
.wp{padding:0 30px;}
.f90{font-size:55px}
.f71{font-size:36px;}
.f60{font-size:35px;}
.f46{font-size:35px;}
.f42{font-size:34px;}
.f40{font-size:34px;}
.f36{font-size:32px}
.f32{font-size:27px;}
.f30{font-size:26px;}
.f28{font-size:24px}
.f25{font-size:22px}
.f24{font-size:21px;}
.f22{font-size:18px;}
.f20{font-size:17px}
.f18{font-size:16px}
.f16{font-size:15px}
.f15{font-size:14px}
.p100{padding:50px 0;}
.pb100{padding-bottom:50px;}
}
@media screen and (max-width:980px) {
/* fonts */
.f90{font-size:35px}
.f71{font-size:26px;}
.f60{font-size:23px;}
.f46{font-size:22px;}
.f42{font-size:21px;}
.f40{font-size:21px;}
.f36{font-size:20px}
.f32{font-size:20px;}
.f30{font-size:19px;}
.f28{font-size:19px}
.f25{font-size:18px}
.f24{font-size:17px;}
.f22{font-size:16px;}
.f20{font-size:16px}
.f18{font-size:15px}
.f16{font-size:14px}
.f15{font-size:13px}
.p100{padding:35px 0;}
.pb100{padding-bottom:35px;}
img{max-width:100%;height:auto;}
.wp{padding:0 15px!important}
.mgrid{ flex-wrap: wrap!important;} 
.grid-middle{padding:8px 0}
.grid-middle>.grid{margin:-8px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:8px}
.grid-big{padding:10px 0}
.grid-big>.grid{margin:-10px}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:10px}
}
@media (max-width:1220px) {
.grid-middle{padding:10px 0}
.grid-middle>.grid{margin:-10px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:10px}   
}
@media (max-width:980px) {
body{font-size:13px;}
.fb{font-weight: bold;}
.wp,.wp2{padding:0 15px!important}
.radius,.radius img{border-radius:10px;}
}
@media (max-width:750px) {
.x12{width:100%!important}
}
@media(max-width:762px){.table-auto{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}}
/* common */
header{width: 100%;position: fixed;top:0;left:0;z-index: 99999;background:#fff;border-bottom: 1px solid #F0F0F0;}
header .logo{flex-shrink:0;width:204px;}
header .wp{ align-items: center;}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{margin-right:4vw;display: flex;}
header .nav ul li{margin-right:38px;height:100px;line-height:100px;position: relative;transition: all .3s;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;font-size: 16px;color: #666;}
header .nav ul li:hover a,header .nav ul li.on a{color:#156E3B!important;font-weight: bold;}
header .nav ul li .down{position: absolute;width: 155px;left:50%;transform: translateX(-50%);top:90px; display: none;text-align: center;background: #fff;
    box-shadow: 0px 0px 6px 1px rgba(21,110,59,0.2);
    border-radius:10px;padding-bottom:10px;}
header .nav ul li .down::before{content:"";width:44px;height:16px;position: absolute;top:-15px;left:50%;transform: translateX(-50%);background:url(../img/i_sjt.png) no-repeat top center;z-index:0;}
header .nav ul li .down a{display: block;font-size: 14px;padding: 0 14px;color: #333!important;background:rgba(255,255,255,.5);position: relative;line-height:30px;font-weight: normal!important;}
header .nav ul li .down a:nth-child(1){margin-top:5px;}
header .nav ul li .down a:hover {color: #156E3B!important;}
header .nav .lang{position: relative;transition: all .3s;width: 71px;height: 22px;background: #F4FBFB;border-radius: 4px;line-height:22px;text-align:center;}
header .nav .lang .icon_lanag{width:11px;}
header .nav .lang a{color: #666;font-size: 14px;transition: all .3s;text-align:center;}
header .nav .lang a span{margin:0 6px 0 3px;}
header .nav .lang .down{position: absolute;width:100%;right:0;top:30px;display: none;text-align: center;background: #fff;
box-shadow: 0px 0px 6px 1px rgba(21,110,59,0.2);
border-radius:5px;padding:5px 0 8px}
header .nav .lang .down a{display: block;font-size: 14px;padding: 0 14px;color: #333;background:rgba(255,255,255,.5);position: relative;line-height:25px;}
header .nav .lang .down a:hover{color:#156E3B;}
header .nav .lang .down::before{content:"";width:25px;height:13px;position: absolute;top:-12px;left:50%;transform: translateX(-50%);background:url(../img/i_sjt.png) no-repeat top center;z-index:0;}
.tkg{clear:both;height:100px;}
header .m_nav,header .m_nav.show{display: none!important;}
header.fix .nav ul li{height:80px;line-height:80px;}
header .nav ul li .down{top:75px}
header.fix .nav ul li .down a{background:#fff;}
header.fix .nav ul li .down{box-shadow: 0 1px 5px rgba(0,0,0,.115)!important;}
.lightbox{background:rgba(0,0,0,.5);position: fixed;left:0;top:0;width:100%;height:100%;z-index:2;display:none;}
/* footer */
.footer{background:#f4fbfb;padding:50px 0}
.footer .lxfs li{margin-bottom:25px;align-items: flex-start;}
.footer .lxfs li i{margin:3px 6px 0 0;}

.footer .copyright{margin-top:38px}
.footer .ft1 .logo img{max-width:260px}
.footer .ft1 .ft1_nav a{margin-left:50px}
.footer .ft2{padding-top:60px}
.footer .ft2 .qrcode{width:100%;max-width:425px;float:right;text-align:center}
.footer .ft2 .qrcode li .ewm{margin-bottom:12px}
.footer .ft2 .qrcode li .ewm img{max-height:140px}

@media (max-width:1260px) {
header .nav ul li{margin-right:25px;height:75px;line-height:75px;}
header .nav ul li .down{top:65px}
}
@media (max-width:1180px) {
header .nav ul li{margin-right:15px;}
header .logo,.footer .ft1 .logo{width:180px;}
.footer .ft1 .ft1_nav a{margin-left:25px;}
}

@media (max-width:980px) {
header{padding:12px 0;}
header .nav ul{display: none;}
header .logo img{height:35px;max-width:unset;vertical-align:middle;}
header .btn{position: absolute;right:15px;top:62%;transform: translateY(-50%);margin-right: 0;cursor: pointer;height:30px;}
header .btn span{display: block;width: 24px;height: 1px;background-color: #000;border-radius: 1px;transition: all 0.3s;}
header .btn span:nth-child(1){transform: translate(0,0);}
header .btn span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn span:nth-child(3){transform: translate(0,16px);}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .nav .lang{height:28px;line-height:28px;font-size:12px;position: absolute;right:55px;top:48%;transform: translateY(-50%);margin-left:0;}
header .m_nav{display: block!important;position: absolute;left: 110%;top: 0; width: 72vw;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:28vw;display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:18px; width:25px;height:25px;background: url(../img/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}

/* menu */
.m_center{padding:65px 16px 30px 16px;text-align: left;}
.m_center .li{border-bottom:1px solid #efefef}
.m_center .li>a{font-size: 16px;line-height:45px;position: relative;color: #333;}
.m_center .li>a.on{color:#156E3B;}
.m_center .li.on>a{color: #156E3B;}
.m_center .li.on>a:after{background-color: #156E3B;}
.m_center .li ul{text-indent:1em;display: none;padding:6px 0;}
.m_center .li ul a{line-height: 30px;font-size: 14px;}
.m_center .li ul a:hover{color: #156E3B;}
.m_center .li{position: relative;}
.m_center .li.v1:after{content: "";position: absolute;top:0;right:-5px;width:25px;height:45px;background: url(../img/pr_jt.png) no-repeat center;transition: all 0.3s;}
.m_center .li.on:after{transform: rotate(90deg);}
.m_center .li:nth-child(1):after{display:none;}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 8px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
/* footer */
.footer{padding:25px 0;}
.footer .ft1{flex-wrap: wrap;}
.footer .lxfs{margin-top:25px;}
.footer .lxfs li{margin-bottom:15px;}
.footer .ft1 .logo img{height:55px}
.footer .ft1 .logo{margin-bottom:25px;}
.footer .ft1 .ft1_nav a{margin:0 10px 6px 0;display:inline-block;}
.footer .ft2{padding-top:20px;flex-direction: column-reverse;}
.footer .copyright{margin:15px 0 0}
}
    