i, em { font-style: normal; }
.wrap { width: 72.92%; margin: 0 auto; }
body { line-height: 1.7; font-size: 1rem; }
a:hover{ color:#006629;}
img{ max-width:100%;}
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.header{ border-top:0.625rem #19a250 solid; position:relative; z-index:999;}
.logo{ position:absolute; width:20%;}
.header_right{ width:80%;margin-left: 20%;}
.header_r1{ padding:1.5rem 0 .5rem; float:left;}
.header_r2{ padding:.8rem 1.3rem; float:right; background-color:#19a250;}
.nav{ overflow:hidden; height:4.375rem; line-height:4.375rem;}
.nav li{ width:14.28%; float:left; font-size:1.125rem; position:relative; text-align:left;}
.nav li:after{ content:"|"; font-size:1rem; position:absolute; right:25%;}
.nav li:last-child:after{ display:none;}
.bannerSwiper { clear: both; position: relative;}
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block;width: 100%; }
.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ff3c30; opacity: 1; }
.section_hot{ background:url(../images/s1.jpg) repeat-y center center; padding: 30px 0; overflow: hidden;background-size: contain; }
.s_hot1 { width: 100%; float: left; font-size: 1rem; line-height:3.125rem;}
.s_hot1 b{ width:23%; float:left; text-align:center; margin-right:3%;} 
.s_hot1 a{ padding: 0 0.5rem; }

 

.section2{ padding:3rem 0 3.5rem; background:url(../images/pro-bg.jpg) no-repeat right bottom #f9f9f9; }
.sec2tit{ text-align:center; background:url(../images/sec21.png) no-repeat center top; margin-bottom:.5rem}
.sec2tit h2{ font-size:2.125rem; font-weight:bold; padding:2rem 0 1.2rem;}
.sec2tit h2 span{ color:#0b823b;}
.sec2tit p a{ display:inline-block; margin:0 .5rem; border:1px #ccc solid; padding:.5rem 1rem; border-radius:10px}
.sec2tit p a:before{ content:""; width:0.625rem; height:0.625rem; background:url(../images/sec22.png) no-repeat center center; display:inline-block; margin-right:0.3rem;background-size: contain;}
.sec2{ overflow:hidden; margin:0 -1%;}
.sec2 li{ width:23%; float:left; margin:1.5rem 1% 0;  background:url(../images/pro-bg.png) no-repeat center bottom;}
.sec2 li a{ display:block; padding-bottom:1rem}
.sec2 li .imgZoom{ border-top-right-radius:1.875rem; border-bottom-left-radius:1.875rem; max-width:100%; margin-bottom:2.2rem;}
.sec2txt{ line-height:1.5; text-align:center; position:relative}
.sec2 li h3{  font-size:1.2rem; color:#fff;}
.sec2 li:hover h3{ font-weight:bold; }
.sec2txt:before{ position:absolute; content:""; background:url(../images/pro-dot.png) no-repeat;width:24px; height:75px; float:left; bottom:0; left:20px; }
.sec2txt:after{ position:absolute; content:""; background:url(../images/pro-dot.png) no-repeat;width:24px; height:75px; float:left; bottom:0; right:20px; }
 
 
.sec2 li:hover h3,.sec2 li:hover p{ color:#ffffff;}

.sec31{ background:url(../images/sec31.jpg) no-repeat center bottom #fff; padding-top:4rem;  background-size:cover;}
.sec3t{ text-align:center;}
.sec31 ul{ overflow:hidden; padding:6rem 0 2.5rem;}
.sec31 li{ width:33.333%; text-align:center; float:left;}
.sec31 li:hover{transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.sec32{ background:url(../images/sec36.jpg) no-repeat center top; padding:4rem 0 2rem; overflow:hidden; background-size:cover;}
.sec32 dt{ width:55%; float:left; text-align: center; }
.sec32 .sec5tit{ display:none;}
.sec32 dd{ width:35%; float:left; color:#ffffff; padding-top:4rem; }
.sec321{ margin-bottom:3rem; overflow:hidden;}
.sec321 h3{ font-size:2.125rem; font-weight:bold;}
.sec321 span{ display:block; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:0.75rem;}
.sec321 em{ display:block; float:left; width:20%; height:6.8125rem;}
.sec321txt{ float:left; width:80%; }
.sec321 p{ margin-top:1.5rem;}
.section4{ overflow:hidden;}
.sec41{ width: 46.6%; float:left;background-color:#ecf0f3;}
.sec411{background-color:#06913e; height:13.75rem; line-height:13.75rem; vertical-align:middle;}
.sec41t{ background-color:#19a250; text-align:right; padding-right:2rem; width:80%; float:left;}
.sec411 span{ display:block; text-align:center; width:20%; float:left; }
.sec412{ width:78%; float:right; padding:6rem 2rem 4rem 0; line-height:2rem;}
.sec412 h3{ margin-bottom:2rem; font-size:2rem; font-weight:600; position:relative ; padding-bottom:2rem;}
.sec412 h3:before{ content:""; position:absolute; width:100px; height:5px; border-radius:3px; left:0; bottom:0; background:#0b823b}

.sec412 p{ margin-bottom:1.2rem;}
.sec412 p span{ color:#06913e; font-weight:bold;}
.sec42{ width: 53.4%; float:left;}
.sec421{ overflow:hidden;}
.sec4a{ margin-top:1.5rem; float:left}
.sec421 li{ width:33.333%; float:left; text-align:center; padding:2rem;}
.sec421 li i,.sec421 li span{ display:block;}
.sec421 li span{ font-size:3rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.sec421 li p{ font-size:1.125rem;}
.sec421 li p:before{ content:""; display:block; width:18px; height:3px; background-color:#19a250; margin:0 auto 0.5rem;}
.section5{ background:url(../images/sec5bg.jpg) no-repeat center center; padding:4rem 0;background-size: cover;}
.sec5tit{ text-align:center; color:#ffffff; margin-bottom:2rem;}
.sec5tit h2{ font-size:2.125rem; font-weight:bold;}
.sec5tit h2 span{ color:#0b823b;}
.sec5tit h2:after{ content:""; display:inline-block; width:0.625rem; height:0.625rem; border:2px #199d4d solid; border-radius:50%; position:relative;top:-10px; margin-left:5px;}
.sec5tit p{font-size:1.125rem;}
.sec5c{ text-align:center;}

.section6{ padding:4rem 0 2rem;}
.sec6tit{ text-align:center; background:url(../images/sec21.png) no-repeat center top; line-height:1.5; padding-top:2rem; margin-bottom:2rem;}
.sec6tit h2{font-size:2.125rem; font-weight:bold;}
.sec6tit h2 span{ color:#0b823b;}
.sec6tit p{font-size:1.125rem;}
.section4 .sec6tit{ margin:3rem 0;}
.sec6txt{ padding:1.5rem;}
.sec6txt h3{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sec6list{ overflow:hidden; margin:0 -1%;}
.sec6list li{ width:23%; float:left; margin:0 1% 2rem; background-color:#ecf0f3;}
.sec6list li:hover{ background-color:#19a250;}
.sec6list li:hover a{ color:#ffffff;}
.sec6list li em{ font-size:0.5rem; text-transform:uppercase;}
.sec6list li em i{ color:#19a250; font-weight:bold;}
.sec6list li:hover em i{ color:#ffffff;}
.sec6list li span{ display:block; float:right; width:4.875rem; height:1.75rem; background:url(../images/sec61.png) #19a250 no-repeat center center; border-radius:1rem; margin-top:0.5rem;}
.sec6list li:hover span{ background:url(../images/sec61.png) #ffc056  no-repeat center center;}

.section7{ background:url(../images/sec7bg.jpg) no-repeat center bottom; overflow:hidden;background-size: cover;}
.sec7tit{ width:20%; float:right;}
.sec7tit h2{font-size:2.125rem; font-weight:bold;}
.sec7tit h2 span{ color:#0b823b;}
.sec7tit p{font-size:1.125rem;}
.sec7{ background-color:#ffffff; padding:3rem 2rem; width:75%; float:left; margin:7.375rem 0 3rem;-moz-box-shadow:2px 2px 10px #EEF1F4; -webkit-box-shadow:2px 2px 10px #EEF1F4; box-shadow:2px 2px 10px #EEF1F4; overflow:hidden;}
.sec71{ width:29%; float:left; margin-right:5%;}
.sec72{ width:66%; float:left; overflow:hidden;}
.sec71 h3{ font-size:1.125rem; line-height:1.2; margin:1.5rem 0;}
.sec71 p{ font-size:0.875rem; color:#666666;}
.sec71 .date{ background-color:#e7f8f2; padding:0.5rem; font-size:0.875rem; color:#999999; margin:3rem 0; }
.sec71 .date i{ display:inline-block; width:1.3125rem; height:1.3125rem; background:url(../images/sec71.png) no-repeat center center; margin-right:0.5rem;}
.sec71 .date em{ float:right; color:#19a250;}
.sec7a{ display:block; background-color:#19a250; text-align:center; color:#ffffff; line-height:3.1875rem;}
.sec72 li{ border-bottom:1px #cccccc solid; font-size:1.125rem; margin-bottom:1rem; padding-bottom:1rem;}
.sec72 li .time{ font-family:"Arial Black", Gadget, sans-serif;}
.sec72 li h3{ font-size:1rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sec72 li h3 span{ float:right; text-transform:uppercase; font-size:0.875rem; color:#666666;}
.sec72 li a{ display:block; background:url(../images/sec72.png) no-repeat left 0.5rem; padding-left:2rem;}
.sec72 li a:hover{ color:#19a250; background:url(../images/sec73.png) no-repeat left 0.5rem;}
.sec72 li:last-child{ border:0;}
.sec72 li a:hover h3 span{ color:#19a250;}

.sec7slide{ width:100%;}
.sec7slide .hd{ position:relative; width:80%; }
.sec7slide .hd ul{ width:100%; margin-top:2.3125rem;}
.sec7slide .hd ul li{ height:3.625rem; line-height:3.625rem; cursor:pointer; text-align:center; border:1px solid #333333; margin-bottom:1.25rem; font-size:1.125rem; border-radius:2rem;  }
.sec7slide .hd ul li.on{ background:#19a250; border:1px solid #19a250; color:#ffffff;}

.section8{ background:url(../images/sec8bg.jpg) no-repeat center top; padding-top:4rem; overflow:hidden;background-size: cover;}
.sec81{ width:60%; float:left; margin-right:5%; position:relative; height:28.125rem;}
.sec82{ width:35%; float:left;}
.section8 h3{ font-size:2.125rem; font-weight:bold; margin-bottom:2rem;}
.section8 h3 span{ color:#0b823b;}
.sec81 p{ font-size:1.125rem; line-height:2.5rem; padding-left:2.8rem; margin-bottom:1rem;position: relative;}
.sec81 .p1{ background:url(../images/sec8-2.png) no-repeat left center;background-size: contain;}
.sec81 .p2{ background:url(../images/sec8-3.png) no-repeat left center;background-size: contain;}
.sec81 .p3{ background:url(../images/sec8-4.png) no-repeat left center;background-size: contain;}
.sec81 .p4{ background:url(../images/sec8-5.png) no-repeat left center;background-size: contain;}
.sec81 .p3 b{ color:#19a250; font-weight:bold;}
.sec8pic{ float:right; position:absolute; right:0; bottom:0;z-index: 0; }
.contact_form { }
.contact_form .lyk {width: 48%; float:left; margin: 0 1% 10px; position: relative; border:1px #c7c9cb solid; }
.contact_form .lyk1 { width: 98%; margin: 0 1% 10px; }
.contact_form .lyk input { height: 58px; line-height: 58px; position: relative; color: #ababab; border-radius: 0.3125rem; }
.contact_form .name { text-align: left; line-height: 58px; z-index: 0; cursor: text; display: block; color: #666666; text-transform: capitalize; position: absolute; top: 0; left: 10px; z-index: 3; font-size: 1rem; }
.contact_form .name:before { content: ""; display: inline-block; width: 1.25rem; height: 1.1rem; background: url(../images/sec81.png) no-repeat center center; margin-right: 0.5rem; }
.contact_form .name2:before { background: url(../images/sec82.png) no-repeat center center; }
.contact_form .name3:before { background: url(../images/sec83.png) no-repeat center center; }
.contact_form .lyk input { border: 0; line-height: 58px; display: block; width: 100%; background-color:transparent; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
.contact_form .lyk1 textarea { border: 0; line-height: 50px; display: block; padding: 0; width: 100%; background-color:transparent; clear: both; position: relative; z-index: 2; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
textarea { resize: none; outline: none; }
.ny_lykff { clear: both; width: 98%; margin: 0 auto; }
.contact_form .btn1 { text-align: center; background-color: #1fb462; display: block; width: 17.75rem; height: 3.1875rem; line-height: 3.1875rem;color: #ffffff; position: relative; border: none; }
.footer{ background:url(../images/footbg.jpg) no-repeat center top; overflow:hidden; color:#ffffff;background-size: cover;}
.footer a{ color:#ffffff;}
.f1{ width:30%; float:left; margin-right:2%;}
.f2{ width:18%; float:left;}
.fwx{width:14%; float:left;}
.ftel{ margin:2rem 0;}
.f2 dt { font-size: 1.125rem; font-weight:bold; margin-bottom: 2rem; color: #ffffff; }
.f2 dt:after{ content:""; display: block; width:16px; height:3px; background-color:#19a250; margin:1rem 0;}
.footer1{ padding:7rem 0 8rem; overflow:hidden; line-height:2;}
.copyright { padding:1rem 0; text-align: center; clear: both; text-align: left; color: #ffffff; }
.copyright span { float: right; }

.flink{position:relative;white-space:nowrap;margin-left: 0;width: 80%;cursor:pointer;}
.flink dt{line-height: 45px;font-size: 14px;color: rgba(255,255,255,.4);display: flex;justify-content: space-between;align-items: center; border:1px #c2c4c6 solid; padding:0 0 0 1rem;}
.flink dt .ll svg{width: 16px;height: 16px;fill:#fff;vertical-align:middle;margin: 0 .5rem 0 0;}
.flink dt .rr svg{width: 14px;height: 14px;fill:#fff;vertical-align:middle;margin: 0;transform: rotate(180deg);}
.flink dt .ll{ display:flex; justify-content:space-between; align-items:center}
.flink dt .ll a{display:inline-block;width: 10rem;padding: 0 0 0 1rem;text-align: left;}
.flink .con{position:absolute;left:0;bottom: 45px;background:#fff;padding:.5rem .875rem;min-width: 100%;display: none;}
.flink .con dd,.flink .con dd a{ font-size:13px; color:#333; line-height:24px; transition:.5s}
.flink dt .rr{ background-color:#19a250;width: 4.25rem; text-align:center; float:right;}

@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 15px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 13px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px !important; }
}
@media (max-width:328px) {
html { font-size: 12px !important; }
}
@media(max-width: 1800px) {
.wrap{ width: 80%; }
}
@media(max-width: 1600px) {
.wrap{ width:94%;}
.copyright{ background-color:#19a250;}
.section_hot{ background:url(../images/s1.jpg) repeat-y center -5% ; padding: 30px 0; overflow: hidden;background-size:!important; }
}
@media (max-width: 1440px) {
.a2{display:none}
}
@media (max-width: 1400px) {
img { max-width: 100%; }
}
@media (max-width: 1280px) {
.section_hot{ display:none;}
.sec81{ width:50%;}
.sec82{ width:45%;}
.logo{ display:none;}
.header_right{ width:100%; margin:0 auto;}
.sec41,.sec42{ width:100%; margin:0 auto; float:none;}
.sec41t{ text-align:left; padding-left:2rem;}
.sec412{ width:94%; margin:0 auto; padding:2rem 0; float:none;}
.sec412 p{ margin-bottom:2rem;}
.sec42 .video img{ width:100%;}
.sec7tit{ width:100%; float:none; text-align:center;}
.section7{ background-image:none;}
.sec7slide .hd{ width:50%; margin:0 auto;}
.sec7slide .hd ul li{ width:48%; float:left; margin:0 1%;}
.sec7{ width:100%;margin:2rem auto auto; padding:0;-moz-box-shadow:none; -webkit-box-shadow:none;   box-shadow: none; }
.sec8pic{ width:70%;}
}
@media (max-width: 800px) {
.header_r2,.section5{ display:none;}	
.header_r1{ width:100%; text-align:center; padding:1rem 0;}
.header .wrap{ width:100%;}
.nav{ background-color:#19a250; color:#ffffff;}
.nav li,.nav li a{ color:#ffffff; text-align:center;}
.nav li:after{ right:0;}
.sec11 li{ width:49%;}
.sec2 li,.sec6list li{ width:48%;}
.sec31{ display:none;}
.sec32 dt,.sec32 dd{ width:96%; margin:0 auto; float:none;}
.sec32{ background-size:cover;}
.sec32 dd{ padding:0;}
.sec32 dt{ text-align:center;}
.sec32 .sec5tit{ display:block;}
.sec71,.sec72{ width:100%; margin:0 auto;}
.sec71 .imgZoom{ display:none;}
.sec71 .date{ margin:1.5rem 0;}
.sec7a{ margin-bottom:2rem;}
.sec81,.sec82{ width:100%; margin:0 auto; float:none;}
.section8{ padding:4rem 0; overflow:hidden; background-size:cover;}
.f2,.fwx{ display:none;}
.footer1{ padding:2rem 0;}
.f1{ text-align:center; width:100%; margin:0 auto;}
.flink{ margin:0 auto;}
.fwx{ width:100%; text-align:center;}
.f2 dt:after{ margin:0 auto;}
.f2 dt{ margin-bottom:1rem;}
.copyright span{ float:none; display:block;}
.copyright{ text-align:center;}
.flink .con dd{ text-align:left;}
.nav{ height:6rem; line-height:3rem;}
.nav li{ width:33.3333%; border-bottom:1px rgba(255,255,255,0.5) solid; border-left:1px rgba(255,255,255,0.5) solid;}
.nav li:first-child{ display:none;}
.nav li:after{ display:none;}
.sec6tit{ background-size: contain;}
.sec411{ height:10rem;line-height: 10rem;}
.sec421 li{ padding:2rem 0;}
.sec6list li em,.sec6list li span{ display:none;}
.sec6txt{ padding:1rem 0; text-align:center;}
.sec6list li{ margin-bottom:1rem;}
.sec321 h3{ font-size: 1.75rem; }
.contact_form .lyk{ width: 98%; }
.cont-way{ width:94%; margin-left:3%; margin-top:2rem;;} 
}
@media (max-width: 640px) {
.sec2 li a{ padding:0.5rem;}
.sec2txt,.sec2 li:hover .sec2txt{ background-image:none; text-align:center;}
.sec7slide .hd{ width:100%;}
.sec421{ display:none;}
.header_r1 img{ height:35px;}
.sec11 li p,.sec11 li i{ display: none; }
.way-info p{ margin-bottom:6px;}


.sec2tit p,.sec6tit,.sec2txt:before,.sec2txt:after,.section6,.sec82{ display:none}
.sec2 li .imgZoom{border-top-right-radius:0;border-bottom-left-radius:0; margin-bottom:.8rem;}

.sec2 li h3{ height:22px; overflow:hidden}
.section7{ padding-top:2rem;}
.section8{ padding-bottom:0}


}
@media (max-width: 400px) {
.sec11 li h3 em{ display:block; margin:0;}
}