@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#333; text-decoration:none}
.clear{width:100%; height:0px; clear:both;}
h2,h3,h4,b,strong {  }
em,i { font-style: normal; }
.top{ transition: 0.5s; width: 74%; height: 80px; border-radius:5px; background: rgba(255,255,255,0.9); position: fixed; top: 30px; left: 50%; transform: translateX(-50%); z-index: 99; padding: 0 5%; box-sizing: border-box;}
.top .topBox{ width: 100%;}
.top .topBox .logo{ float: left; height: 80px; position: relative;}
.top .topBox .logo img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.top .language{ float: right; height:38px; line-height:38px; margin-top:20px;color: #00923F; font-size:24px; font-weight:bold; }
.top .language img{ width:38px; float:left; padding-right:15px;}


.top .language ul li:hover .serachBox{ display: block;}
.top .nav{ float: right;}
.top .nav ul{ float: right; height:80px ;}
.top .nav ul li{position: relative; float: left; margin-right: 35px; height: 80px; line-height: 80px;}
/*.top .nav ul li dl { display: none; position: absolute; left:50%; margin-left: -70px; width:140px; text-align: center; top: 80px; background: #ffffff; border-radius: 0 0 4px 4px;
box-shadow: 0 3px 10px rgba(0,0,0,0.2); overflow: hidden;}
.top .nav ul li dt a { display: block; line-height: 40px; transition: all 0.5s;}
.top .nav ul li dt:hover a { background: #0778a7; color: #ffffff;}*/
.top .nav ul li .side{display: none; width: 190px; height:  auto; text-align:center; background: rgba(255,255,255,0.9); padding:10px;  box-sizing: border-box; position: absolute; left: -60px; top: 80px;}
.top .nav ul li .side dl{  width: 170px;}
.top .nav ul li .side dl dd a{ font-size: 14px; color: #333; display: block; width: 100%; height: 45px; border-bottom: 1px solid #bdbdbd;}
.top .nav ul li .side dl dd a:hover{ border-bottom: 1px solid #00923F;; color: #00923F;;}

.top .nav ul li a{line-height: 40px; display: inline-block; vertical-align: middle; height: 40px; border-bottom: 2px solid rgba(255,255,255,0); font-size: 16px; }
.top .nav ul li a:hover { color: #00923F;;font-weight:bold; border-bottom: 2px solid #00923F;;}
.top .nav ul li:hover .side{ display: block;}


.top.on{transform: translateX(0); width: 100%; top: 0; left: 0; background: #fff;}
.top.on .topBox{ max-width: 1350px; margin: 0 auto;}
.banner img{ width:100%; display: block;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px; opacity: 1;background: url(../images/a1.png) center no-repeat;;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: url(../images/a2.png) center no-repeat;}

.cont1z{ width:100%; height:auto; background:#F2F2F2; padding:70px 0px;}
.bt1{ width:1240px; height:auto; margin:0 auto; text-align:center;}
.bt1 h2{ font-size:32px; color:#333;  line-height:40px;}
.bt1 p{ color:#666; height:60px; padding-top:15px; font-size:16px; position: relative;}
.bt1 p span{ width:82px; height:3px; background:#00923F;; position:absolute; left:50%; margin-left:-41px; bottom:0px;}
/* 选项卡示例样式 */
.main2 {width: 1240px;;margin:40px auto 10px auto;}
.tab {overflow: hidden;width:1152px; margin:0 auto;height:54px;cursor: pointer;}
.tab li {float: left;width: 170px; margin:0px 10px;text-align: center; height:52px;border: 1px solid #00923F; line-height:52px;border-radius: 30px; background:#fff; overflow:hidden;}
.tab li.on {background:#00923F; color:#fff;}
.con {width: 100%; margin-top:40px;}
.con li{ width:32%; float:left; margin-right:2%; position:relative; margin-bottom:30px;}
.con li:nth-child(3n){ margin-right:0px;} 
.probxo{overflow: hidden; cursor: pointer;}
.probxo img{width: 100%; display:block;}
.probxo h2{ width:90%; height:80px; text-align:left; padding:0px 5%; font-size:16px; background:#fff; line-height:80px; font-size:14px; color:#333; border-top: 1px solid #F2F2F2;}
.probxo h2 img{ float:right; width:24px; padding-top:26px;}
.pro_text{position: absolute; top: 0;left: 0;width: 100%; height: 100%; background: rgba(0, 146, 63, 0.9);opacity:0;transition: All 0.4s ease-in-out;}
.pro_z{position: absolute; width: 100%; height:300px; top:20%; text-align:left;}
.pro_z h3{ width:80%; margin:0 auto;color: #fff; font-size: 20px;margin-bottom: 15px;}
.pro_z span{width:80%; margin:0 auto;color: #fff; display:block; }
.pro_z p{width:80%;color: #fff; line-height:30px; height:90px; font-size: 14px;margin:0 auto; padding-top:20px;}
.pro_rv{ width:80%; margin:0 auto; height:24px; color:#fff; line-height:24px; padding-top:50px;}
.pro_rv img{ width:24px; height:24px;float:left; padding-right:10px; }
.probxo:hover .pro_text{opacity: 1;}
.kkgd{width: 228px;height: 62px; border:1px solid #00923F; text-align:center; line-height:62px; margin:0 auto;}
.kkgd a{ color:#00923F; font-size:18px;}
.kkgd:hover{ background:#00923F;}
.kkgd:hover a{ color:#fff;}

.cont2{ width:100%; height:auto; background: url(../images/a5.png) center no-repeat; background-size:cover;}
.cnt2{ width:50%; float:left; padding:70px 0px; background:rgba(0, 0, 0, 0.5)}
.ct2{ width:520px; height:auto; padding-right:70px; float:right;}
.ct2 h2{ width:100%;color: #00923F; font-size:70px; line-height:90px;}
.ct2 span{ width:100%; height:60px; padding-top:14px; color:#fff; background:url(../images/a6.png) bottom left no-repeat; display:block; font-size:36px; font-weight:bold;}
.ct2 p{ width:100%; height:auto; margin-top:70px; color:#fff;}
.ct2 a{width: 212px;height: 62px;background: #00923F; display:block; text-align:center; line-height:62px; color:#fff; font-size:18px; margin-top:80px;}
.cont3{ width:1240px; height:auto; padding:70px 0px; margin:0 auto;}
.cont3 ul{ margin-top:40px;}
.cont3 li{ width:32%; float:left; margin-right:2%; margin-bottom:50px; position:relative;}
.cont3 li:nth-child(3n){ margin-right:0px;}
.cont3 li .t_img{ width:100%; height:auto; position:relative;}
.cont3 li .t_img img{ width:100%; height:auto; display:block;}
.cont3 li .t_img .timg_tex{ width:100%; height:100%;background: rgba(0, 146, 63, 0.9);opacity:0; top:0px; left:0px; position: absolute;transition: All 0.4s ease-in-out;}
.cont3 li .t_img .timg_tex h2{ width:100%; height:50px; font-size:20px; color:#fff; text-align:center; margin-top:140px;}
.cont3 li .t_img .timg_tex span{ width:24px; height:24px; display:block; margin:0 auto;}
.cont3 li .t_img .timg_tex span img{ width:24px;}
.cont3 li .t_img .timg_tex h3{ width:100%; height:40px; color:#fff; text-align:center; font-size:14px; padding-top:18px; font-weight:normal;}
.cont3 li p{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:left; padding-top:15px; }
.cont3 li:hover .t_img .timg_tex{opacity:1;}
.cont3 li .t_img .timg_tex h2:hover{ text-decoration:underline;}
.cont3 li .t_img .timg_tex h3:hover{text-decoration:underline;}
.cont3 li p i{ font-size:16px; color:#999; font-family:Impact;}


.cont31{ width:1240px; height:auto; padding:70px 0px; margin:0 auto;}
.cont31 ul{ margin-top:40px;}
.cont31 li{ width:48%; float:left; margin-right:4%; margin-bottom:50px; position:relative;}
.cont31 li:nth-child(2n){ margin-right:0px;}
.cont31 li .t_img{ width:100%; height:auto; position:relative;}
.cont31 li .t_img img{ width:100%; height:auto; display:block;}
.cont31 li p{ width:100%; height:50px; line-height:50px; font-size:20px; text-align:left; font-weight:bold; padding-top:15px; }
.cont31 li p i{ font-size:16px; color:#999; font-family:Impact; font-weight:normal;}

.cont4{ width:100%; height:850px; color:#fff; }
.cont4 li{ width:20%; background:url(../images/a8.png) center no-repeat; background-size:cover; height:850px; float:left;transition: all 0.5s linear;;}
.cont4 li .cnt4{ width:100%; padding-top:240px;transition: all 0.5s linear;}
.cont4 li .cnt4 .ct4{ width:80px; margin:0 auto;}
.cont4 li .cnt4 .ct4 img{width:100%;}
.cont4 li .cnt4 h2{font-size: 24px; width:100%; text-align:center; margin-top:50px; }
.cont4 li .cnt4 span{ width:100%; font-size:16px; font-weight:bold; text-align:center; display:block; margin-top:30px;}
.cont4 li .cnt4 a{ width:48px; height:48px; display:block; margin:100px auto 0px auto;opacity:0;transition: all 1s linear; }
.cont4 li:nth-child(2) { width:20%; background:url(../images/a9.png) center no-repeat;background-size:cover;}
.cont4 li:nth-child(3) { width:20%; background:url(../images/a10.png) center no-repeat;background-size:cover;}
.cont4 li:nth-child(4) { width:20%; background:url(../images/a11.png) center no-repeat;background-size:cover;}
.cont4 li:nth-child(5) { width:20%; background:url(../images/a12.png) center no-repeat;background-size:cover;}

.cont4 li:hover .cnt4{padding-top:220px;}
.cont4 li:hover .cnt4 a{opacity:1;}

.cont5{ width:1240px; height:auto; margin:70px auto;}
.cnt5{ width:100%; height:auto; padding-top:50px;}
.ct51{ width:550px; height:350px; float:left;}
.ct51 img{ width:550px;}
.ct52{ width:630px; float:right;}
.ct52 li{ background:url(../images/c2.png) center left no-repeat; padding-left:20px; width:100%; height:69px; line-height:69px; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.ct52 li span{ float:right; color:#666;}
.ct52 li:hover a{ color:#00923F; font-weight:bold;}
.ct52 li:hover {border-bottom: 1px solid #00923F;}



.footer{ width:100%; height:auto; background: url(../images/c3.png) center no-repeat; background-size:cover;; padding:35px 0px 0px 0px; }
.footer a{ color: rgba(255, 255, 255, 1);}
.footerbox{width:1200px; margin: 0 auto; overflow: hidden; padding:0px 0 55px;}
.foot_left{float: left; width:1000px;}
.foot_bottom{padding-top:55px;color:#fff;;}
.foot_bottom ul{overflow: hidden;}
.foot_bottom li{float: left; width:18%;}
.foot_bottom li:nth-child(5){ width:23%; float:right;}
.fta{width: 156px;height: 48px; border:1px solid #fff; text-align:center; line-height:48px; margin-top:20px; }
.fta a{ color:#fff; font-size:16px; }

.foot_bottom h2{color:#fff; font-size: 16px; margin-bottom: 10px; font-weight:normal;}
.foot_bottom p{ font-size:32px; padding-top:10px; font-family:Impact;}
.foot_bottom dt{line-height: 34px; font-size: 14px;}
.foot_bottom a{color:#fff;;transition: All 0.4s ease-in-out;}
.foot_bottom a:hover{ text-decoration:underline;;}
.foot_right{float: right; padding-top:55px;}
.foot_right ul{overflow: hidden;}
.foot_right li{float: left; padding-left: 60px;text-align: center;}

.foot_right p{font-size: 12px;color: rgba(255, 255, 255, 0.3);margin-top: 12px;}
.bqxx{padding: 20px 0;border-top: 1px solid rgba(255, 255, 255, 0.2); font-weight:normal;}
.bqxx p{width: 1200px; margin: 0 auto;overflow: hidden;font-size: 14px; line-height: 36px;color: rgba(255, 255, 255, 0.6);}

#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.nx_pg{width:100%; height: auto ; padding:10px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#00923F;;; color:#fff;border:1px solid #00923F;;;}
.nx_pg .on{ background:#00923F;;; color:#fff;border:1px solid #00923F;;;}

.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 50px 0px;;box-sizing: border-box; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #999999; text-align:center; line-height:52px; margin-top:50px;}
.fh:hover a{ text-decoration:underline; color:#00923F}

.main_p{ width:100%; height:auto; padding-bottom:80px;   background:#F2F2F2;}
.artile1{ max-width:1240px; height:auto; padding:75px 0px 15px 0px; margin:0 auto;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto;; height:355px; background:#fff;; transition:all 0.5s; overflow:hidden;}
.xman1{ width:100%;transition:all 0.8s; }
.art11{ width:560px; height:355px; float:left;  overflow:hidden; position:relative;}
.art11 img{ width:560px; height:355px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}

.art21{ height:355px;overflow: hidden;padding-left:60px; padding-right:40px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:20px; font-weight:normal; color:#333;transition:all 0.5s; height: auto;  line-height:30px; height:30px; margin-top:40px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art21 h3{ color:#999; font-size:14px; font-weight:normal;}
.art21 .art_p1{ width:100%; height:75px; line-height:25px; margin-top:25px;transition:all 0.5s; color:#666 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art21 .art2_11{ width:96%; height:50px; line-height:40px; padding-top:25px; color:#fff;}
.art21 .art2_11 span{ color:#00923F;; font-size:16px;display:block;width:170px;height: 50px;border:1px solid #00923F;; text-align:center; line-height:50px; ;transition:all 0.5s; }

.ct521{ width:1240px; margin:0 auto;;}
.ct521 li{ width:100%; height:80px; line-height:80px; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;transition: all 1.2s; }
.ct521 li span{ float:right; color:#666;}
.ct521 li:hover a{ color:#00923F; font-weight:bold;}
.ct521 li:hover {border-bottom: 1px solid #00923F; padding:0px 30px;box-sizing: border-box; background:#fff; }
.kuang{ width:100%; height:50px;}

.pdt{ width:1240px; height:auto; padding:60px ; margin:60px auto 0px auto; background:#F2F2F2;box-sizing: border-box;}
.pdt1{ width:520px; height: auto; float:left;}
.pdt1 img{ width:100%;}
.pdt1 .swiper-button-next {background: url(../images/ab2.png); width: 24px;height: 48px;margin-top: -24px;right: 2vw;}
.pdt1 .swiper-button-prev {background: url(../images/ab1.png); width: 24px;height: 48px;margin-top: -24px;left:2vw;}



.pdt2{ width:510px; height:auto; font-size:14px; float:right; color:#666;}
.pdt2 h2{ height:70px; border-bottom:1px solid #E0E0E0; font-size:24px; color:#333; background:url(../images/c4.png) left bottom no-repeat; margin-bottom:30px;}
/* 选项卡示例样式 */
.main3 {width:1240px;margin:60px auto; background:#FFF;}
.tab1 {overflow: hidden;width:1240px;height:60px;cursor: pointer;background: #F2F2F2;box-sizing: border-box;}
.tab1 li {float: left;width:145px;text-align: center; font-size:18px;line-height:60px; height:60px; color:#333;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.tab1 li.on {background:url(../images/c4.png) center bottom no-repeat;;;; color:#00923F;; font-weight:bold;}
.con1 {width:1240px;padding:30px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);;border-top: none;box-sizing: border-box;  }
.con1 img{width:100%;  }

@media(max-width:1280px){
.top{width: 100%;transform: translateX(0); width: 100%; top: 0; left: 0; background:#fff;
}

}


.xabout{ max-width:1240; height:auto; margin:0 auto; padding:70px 0px; text-align:center;}
 .xabout li{;margin: 0 6vw;vertical-align: top;display: inline-block;width: 222px;height: auto; text-align:center;}
 .xabout .xabut {transition: all 1s; box-sizing: border-box;border-radius: 50%; margin: 0 auto; position: relative; width: 147px; height: 147px;}
 .xabout li img {position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.xabout li:hover .xabut { transform: rotate(360deg);}
 .xabout li h2 {font-weight: bold;color: #333;font-size: 16px;line-height: 36px;margin: 15px auto; color:#666; font-weight:normal;}
 .xabout li p {line-height: 21px;font-size: 16px;color:#333;}
.map{ width:100%; height:auto;}
.map img{ width:100%;}
 .righth1{ width:100%; height:auto; padding:70px 0px;}
 .righth{ max-width:1240px; height: auto; margin:0px auto; box-sizing:border-box;   font-size:16px;}
.righth h2{ font-size:32px; text-align:left; line-height:44px; font-weight:normal; color:#333; margin-bottom:15px; padding:0px 5px;}
.righth p{ width:100%; margin-bottom:25px;padding:0px 5px;}
.righth p span{color: #00923F; font-size:24px; font-weight:bold;}
.righth table{padding:0; margin:0; border-collapse:collapse; border:none;}
.righth table td{padding:10px 5px;; color:#333; font-weight:bold;}
.sb1{width:100%; height:55px; line-height:55px; border:none; text-indent:15px; opacity:0.8; background:#F2F2F2;; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb2{width:520px; height:55px; line-height:55px; border:none; text-indent:15px; background:#F2F2F2;; opacity:0.8; font-size:15px;}
.sb3{width:100%; height:120px; line-height:25px; border:none; background:#F2F2F2;; box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb4{display:block; width:180px; height:45px; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#00923F;;;;;;;; margin-top:15px; transition:0.5s; border-radius:0px;}
.sb4:hover{opacity:0.9;}

.ab1{ width:1240px; height:auto; padding:70px 0px; font-size:14px; line-height:34px; color:#666; margin:0 auto;}
.bt2{ width:100%; text-align:center;}
.bt2 h2{font-size: 70px;color: #00923F; padding-bottom:26px;font-family: 'Arial';}
.bt2 p{ width:100%;font-size: 36px; color:#333; height:70px; margin-bottom:60px; background:url(../images/c4.png) center bottom no-repeat;}

.ab2{ width:100%; height:auto; background:url(../images/ab3.png) center no-repeat; background-size:cover; padding:75px 0px 80px 0px;; }
.bt1z{ width:100%; height:auto; text-align:center;}

.bt1z h2{font-weight: 700;font-size: 36px; color:#fff;; height: auto; background:url(../images/c4.png) center bottom no-repeat; padding-bottom:40px;}

.ab2 ul{ margin:0 auto; width:1240px; padding-top:60px;}
.ab2 ul li{ width:23.5%; float:left; margin-right:2%; height:350px; float:left; text-align:center;transition: all 1.2s;background: rgba(255, 255, 255, 0.1);
/* 0.4背景模糊 */

backdrop-filter: blur(12.5px);
/* Note: backdrop-filter has minimal browser support */ padding-bottom:20px;border-radius: 12px;}
.ab2 ul li img{ width:100px; height:100px; margin:60px auto 20px auto;}

.ab2 ul li:hover{ background: #00923F;
/* 0.4背景模糊 */

backdrop-filter: blur(12.5px);
/* Note: backdrop-filter has minimal browser support */}


.ab2 ul li h2{ font-size:20px; color:#fff;; margin-top:10px; margin-bottom:15px;transition: all 1.2s;}
.ab2 ul li p{ width:90%; color:#fff; margin:0 auto; padding-top:15px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;transition: all 1.2s;}
.ab2 ul li:hover h2{ color:#fff;}
.ab2 ul li:hover p{color:#fff;}
.ab2 ul li:nth-child(4n) { margin-right:0px;}

.pdt1zk{ width:100%; height: auto; margin:0 auto; padding:70px 0px 90px 0px;;background: url(../images/ab8.png) center no-repeat; background-size:cover; }
.pfdk{ width:1240px; margin:45px auto 0px auto;}
.pdt1zk img{ width:100%;}