<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*é¦–é¡µ*/

.header{width:100%;float:left;background-color:rgba(1,134,63,0.8); position:fixed;top:0px;left:0px;right:0px;height:120px;z-index:62;}
.header&gt;a.logo{position:absolute;left:2%;top:0px;z-index:7;}
.nav{width:60%;text-align:left; margin-left:25%;}
.nav li{display:inline-block; background:url(../image/nav-li.png) no-repeat right top; padding:36px 30px 0px 30px; height:84px; float:left;}
.nav li&gt;a{font-size:16px;color:#fff;}
.nav li:hover&gt;a{color:#b4d100;} .nav li a .qlvse{color:#b4d100; font-weight:200;}
.nav li.cur&gt;a {color:#dfed94; }


.nav_div{position:absolute;left:0px;right:0px;top:120px;z-index:6;background-color:rgba(255,255,255,0.8);display:none;}
.nav li .left{background-color:rgba(230,230,230,0.8);min-height:200px;float:left;}
.nav li .right{width:24%;float:left;}
.about_li .left{width:22%;padding:20px 5.5% 20px 22.5%;}
.about_li .left&gt;a,
.about_li2 .left dl dt a{display:block;position:relative;padding:0px 13.2% 0px 17%;margin:5px 0px;line-height:40px;text-align: left;font-size: 14px;color: #333;}
.about_li .left&gt;a&gt;img,
.about_li2 .left dl dt a img{position:absolute;left:7%;top:50%;transform:translateY(-50%);}
.lef_img2{display:none;}
.about_li .left&gt;a:hover,
.about_li2 .left dl dt a:hover{background:#3da262;color:#fff;}
.about_li .left&gt;a:hover .lef_img2,
.about_li2 .left dl dt a:hover .lef_img2{display:block;}
.about_li .left&gt;a:hover .lef_img1,
.about_li2 .left dl dt a:hover .lef_img1{display:none;}
.about_li .left&gt;a:hover:after,
.about_li2 .left dl dt a:hover:after{content:url(../image/ico3.png);position:absolute;right:6%;line-height:0px;top:50%;transform:translateY(-50%);}
.about_li .right{padding:20px 20% 0px 6%;}
.right a{width:90%; float:left;}
.right a:not(:first-child){ display: none;}
.right a p{width:100%; overflow:hidden;}  .right a p img{ width:80%;}
.right a span{text-align: left;display:none;font-size: 14px;color: #666;line-height: 4px;margin-top: 0px;height: 4px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right a i{width: 119px;height:32px;font-style:normal;line-height:32px;padding-left: 36px;font-size: 14px;
background: #3da262 url(../image/ico3.png) no-repeat 103px center;display: block;text-align: left;color: #fff;margin-top:5px;}
.nav li:hover .nav_div{display:block;}


.menu-handler {width:5%;height:120px;cursor: pointer; right:0px;top:0px;background:#b4d100;position:fixed;z-index:68;}
.menu-handler .burger {width: 21px;height: 3px;background: #fff;display: block;position: absolute;z-index: 5;
top:47px;left: 50%;margin: 0px 0px 0px -10px;transform-origin: center;-webkit-transform-origin: center;
-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler .burger-2 {top:56px;}
.menu-handler .burger-3 {top:65px;}
.menu-handler.active .burger-1 {top: 52px;-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);
transform: rotate(225deg);}
.menu-handler.active .burger-2 {ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);
opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;left: 100%;}
.menu-handler.active .burger-3 {top: 52px;moz-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);
-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}


.menuBox{position:fixed;top:120px;right:-100%;overflow:scroll;width:100%;bottom:0px;background-color:rgba(255,255,255,0.95);z-index:60;}
.menuBox .w1200{position:absolute;left:50%;top:20%;transform:translate(-50%,-50%); width:100%;}

.menuBox .w1200&gt;ul{width:100%;float:left;margin-top:8%; margin-left:6%;}
.menuBox .w1200&gt;ul li.hide{display:none;}
.menuBox .w1200&gt;ul li{float:left;margin:0 2%;}
.menuBox .w1200&gt;ul li&gt;p{display: block;font-size: 24px;line-height: 25px;margin-bottom: 40px;padding-left: 0;}
.menuBox .w1200&gt;ul li&gt;p a{color: #282828;}
.menuBox .w1200&gt;ul li&gt;p span {font-size: 18px;font-family: 'Century Gothic';}
.menu_list{display:block;overflow:hidden}
.menu_li_c&gt;div a{font-size:14px;color:#666;margin-left:44px;display:block;line-height:28px;}

.menu_li_c&gt;p a em {display: inline-block;width: 0px;height: 1px;background-color: #666666;
margin-right: 3px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.menu_li_c&gt;p a{display: block;font-size: 16px;line-height: 29px;color: #666666;padding-left: 28px;}
.menu_li_h&gt;div{display:none;}

.her_r{position:fixed;top:30px;z-index:8;right:6%;}

.en_r{cursor:default;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;cursor:pointer; -webkit-transition: -webkit-transform 0.4s ease;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;
border-radius:50%; border:1px solid #FFF; height:50px; width:50px; text-align:center;}
.en_r a{ font-size:18px; color:#FFF; line-height:50px; }

.sousuo{ background:url(../image/ico1.png) no-repeat center;cursor:default;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;cursor:pointer; -webkit-transition: -webkit-transform 0.4s ease;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;
border-radius:50%; border:1px solid #FFF; height:50px; width:50px; z-index:2;}

.sousuo.cur{width:3.2%;}
.search{width:40%;right:-50%;position:absolute;top:0px;bottom:0px;z-index:78;background-color:rgba(0,102,51,0.9);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.search .form{width:100%;float:left;height:100%;}
.search .form i{position:absolute;width:17px;left:3%;height:100%;background:url(../image/ico2.png) no-repeat center;cursor:pointer;}
.search .form i:hover{transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.search .form input[type='text']{width:80%;padding:0px 10%;font-size:18px;color:#fff;height:100%;background:none;border:none;}
.search.cur{right:1%;}
.search .form button{position:absolute;right:6%;top:42px;border:0;background:none;border:none;cursor:pointer; }

/*daohang*/
#slide .swiper-slide img{ display:block; }
#slide .swiper-pagination-bullets{width:auto;right:50px;bottom:20px;text-align:right; vertical-align:top;}
#slide .swiper-pagination-bullet{width:auto;padding:0 10px;height:42px;margin:0;border-right:2px solid #fff;background:none;border-radius:0;opacity: 1;cursor:pointer;}
#slide .swiper-pagination-bullet font{display:none;color:#ccff33;position:relative;top:-5px;}
#slide .swiper-pagination-bullet-active{height:50px;border-color:#ccff33;position:relative;top:-3px; font-size:24px; color:#ccff33;}
#slide .swiper-pagination-bullet-active font{display:block;}
#slide .video{ width:100%; height:auto;}

/*banner*/

.rconl{ width:50%;}
.rconl .pic1{width:70%; height:auto;  left:0; top:0; z-index:34; float:left;}
.rconl .pic2{width:85%; position:absolute; left:15%; top:28px; z-index:37; }
.rconl .tit{ position:absolute; left:6%; color:#FFF; top:32px; writing-mode: vertical-lr;writing-mode: tb-lr; letter-spacing:0px; }
.rconR{ width:45%; padding-left:5%; }
.rconR .youtubiao{ position:absolute; right:0; top:0; z-index:1;}
.anniu a{ padding:10px 26px;  background: #34a064 linear-gradient(#b8d638, #34a064); color:#FFF; font-size:16px;  text-align:center;border-radius:30px; cursor:pointer;}
.anniu:hover a{background: #34a064;}

/*1*/
.rcon2{ background:url(../image/tu-4.jpg) no-repeat left top;  width:100%;}
.rcon2 li{ width:25%; float:left;  overflow:hidden; text-align:center; }
.rcon2 .btit{ color:#339966; font-size:72px; font-weight:200; }
.rcon2 .btit2{ color:#339966; font-size:60px; font-weight:200; }
/*2*/

.rcon3{ background:url(../image/bj-1.jpg) no-repeat right top #efeff1; background-size: 100% auto;  padding-bottom:42px; position:relative;  }

.rcon3 .stit{width:60%; padding:30px;  
background: -webkit-linear-gradient(right,#339966,#bdd632);
background: -o-linear-gradient(right,#339966,#bdd632);
background: -moz-linear-gradient(right,#339966,#bdd632);
background: -mos-linear-gradient(right,#339966,#bdd632);
background: linear-gradient(right,#339966,#bdd632);  position:absolute; left:0; top:42px; z-index:24; height:110px;}
.daohang{ position:absolute; right:5%; top:30px;}

.rcon3 .stit li{float:left; border-right:1px solid #FFF; color:#FFF; padding:0 30px;cursor:pointer; color:#FFF; text-align:center; margin:0 auto;  } 
.rcon3 .stit .linh18{ line-height:12px;}  .rcon3 .stit  .ft16{ font-size:13px;}  .rcon3 .stit li img{text-align:center; margin:0 auto;  } 
.rcon3 .stit .on .bt i{ background:url(../image/tu-5.png) no-repeat center top; width:3px; height:42px; position:absolute; left:50%; bottom:-70px; z-index:20; }
.rcon3 .stit li a{color:#fff;} .rcon3 .stit li:hover a{color:#eaff6c;} .rcon3 .stit .on .bt{color:#eaff6c; font-weight:bold; position:relative;}
 
.rcon3 .stit .ybiaot{ color:#c7dc54; font-size:62px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-weight:100; text-transform: uppercase;}
.rcon3 .stit .tit{ position:absolute; left:0%; color:#FFF; top:52px;  letter-spacing:0px; }

.rcon3 .wconl{ width:50%; margin-top:20%;}
.rcon3 .wconl .biaoti{font-size: 37px;
    border-top: 1px solid #93c33b;
    border-width: 80%;
    line-height: 37PX;
    margin-top: 50px;
    padding-top: 20px;
    font-weight: 300;
}
.rcon3 .wconr{ width:50%;}
.rcon3 .wt50{ width:45%; padding-right:5%;}


.rcon3 .swiper-container{display:none; width:100%;}
.rcon3 .btn{position:absolute; bottom:0%;z-index:9;margin-top:-1.75rem;width:72px;height:48px;background:#b4d100;cursor:pointer;transition: 0.3s linear all; z-index:3;}
.rcon3  .prev{right:6%;}
.rcon3  .next{right:0.5%;}
.rcon3  .btn i{position:relative;top:10px;color:#333; font-size:28px; font-weight:200;}
.rcon3  .btn:hover{background:#34a064;}

/*3*/


.rcon4R{ width:38%; margin-right:2%;}
.rcon4R .pic1{width:100%; height:auto; right:0; top:0; z-index:34; float:right;}
.rcon4R .pic2{width:95%; position:absolute; right:5%; top:16%; z-index:37; }
.rcon4R .tit{ position:absolute; right:5%; color:#FFF; top:5%;  letter-spacing:5px; }

.rcon4L{ width:58%; margin-left:2%; margin-top:1%; } 
.rcon4L li{ width:31%; margin:0 1%; position:relative; text-align:center; float:left; background:#f5f5f5; border:1px solid #EAEAEA;height: 665px;}   .rcon4L li .tubiao{ position:absolute; margin:0 auto; left:25%;  top:40%; width:50%; } 
.rcon4L li .biaoti{ margin-top:50%;font-weight: bold;} 
.rcon4L li .zimoer{ padding:22px 10% 22% 10%; line-height:20px; text-align:left; }
.rcon4L li i{ background:url(../image/ico5.png) no-repeat top; width:36px; height:40px; text-align:center; font-style:normal;  line-height:36px; font-size:18px; color:#FFF;  position:absolute; top:0; left:5px;}
/*4*/
.rcon5T{ width:100%; background:url(../image/tu-81.jpg) no-repeat top #f3f2f2; padding-top:16%; background-size: 100% auto; padding-bottom:20px;}
.rcon5T .tit{ position:absolute; left:12%; color:#FFF; top:20%;  letter-spacing:5px; }

.rcon5B {width:88%; float:right; }
.rcon5B .swiper-slide .pic{ width:50%;}   .rcon5B .swiper-slide .zi{ width:39%; padding:5%; border:1px solid #EFEFEF; min-height:300px;}   .rcon5B .swiper-slide .zi .t{font-weight: bold;
    border-bottom: 1px solid #093;
    background-size: 60% auto;
    padding-bottom: 20px;
    margin: 10px 0;
    font-size: 14px; }
.rcon5B .swiper-slide i{ background:url(../image/ico6.png) no-repeat top; width:45px; height:45px; position:absolute; left:10%; top:85%; z-index:56;}

.rcon5B .btn{position:absolute; bottom:-2%;z-index:9;margin-top:-1.75rem;width:72px;height:48px;background:#b4d100;cursor:pointer;transition: 0.3s linear all; z-index:3;}
.rcon5B  .prev{right:10%;}
.rcon5B  .next{right:4.5%;}
.rcon5B  .btn i{position:relative;top:10px;color:#333; font-size:28px; font-weight:200;}
.rcon5B  .btn:hover{background:#34a064;}

.rcon5B .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

/*5*/
.rcon6a{ color:#288556;}
.rcon6a .tit{ margin-top:-46px;}
.rcon6a .ybiaot{ color:#e5e5e5; font-size:62px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-weight:100; text-transform: uppercase; }
.rcon6a .xian{ width:120px; height:1px; background-color:#89b540; margin:0 auto; }
.rcon6b li{ width:19%; margin:5px; border:1px solid #EBEBEB; background-color:#FFF; float:left;} .rcon6b li img{ background-size: 100% 100%;}

.rcon7a{ width:100%; background-color:#f3f2f2; }
.rcon7a .pic1{width:43%; height:auto;  left:0; top:0; z-index:34; float:left;}
.rcon7a .pic2{width:88%; position:absolute; left:12%; top:18px; z-index:37; }
.rcon7a .tit{ position:absolute; left:9%; color:#FFF; top:42px; writing-mode: vertical-lr;writing-mode: tb-lr; }
.rcon7b .neir{ width:30%; margin:0 1.5%; float:left; margin-top:-200px;}
.rcon7b .neir .biaot{ position:absolute; left:9%; top:42px; color:#033;} .rcon7b .neir i{ color:#093; position:absolute; right:5%; top:42px; font-style:normal; }
.rcon7b .neir :hover{ cursor:pointer; color:#0C6; }
.rcon7b .ft30{ font-size:24px;}

.rcon8a{ background:url(../image/tu-15.jpg) no-repeat top right; padding-bottom:30px; }
.rcon8a .tit{ position:absolute; right:3%; color:#FFF; top:42px; writing-mode: vertical-lr;writing-mode: tb-lr;  letter-spacing:0px;}
.rcon8b{ width:93%; margin-top:20px;}
.rcon8b img{ display:block; }.rcon8b .rizi{ font-size:36px; font-weight:200; color:#060;}
.rcon8b .wenzi{width:87.5%; padding:6%; border:1px solid #E8E8E8; background-color:#FFF; margin-bottom:5px; } .rcon8b .wenzi i{ background:url(../image/ico6.png) no-repeat top;  width:45px; height:45px; position:absolute; right:10%; top:10%;}
.rcon8b  .abit{ font-weight:200; color:#060;}
.rcon8b .wenzi :hover{ cursor:pointer; color:#0C6; }

.rcon8b .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.rcon9{ width:100%; background:url(../image/tu-17.jpg) no-repeat top #F0F0F0;}
.rcon9 .rcon9L .tit{ position:absolute; left:10%; color:#FFF; top:16px; }
.rcon9 .rcon9L{ width:50%; float:left; background:url(../image/tu-18.jpg) no-repeat top left; background-size: 60% auto; position:relative;}
.rcon9 .rcon9L .lianxi{ width:70%;  background:linear-gradient( to right, #fff, #f3f3f5); margin-left:10%; line-height:16px; padding:10%; margin-top:62px; }
.rcon9 .rcon9L .lianxi .zi{ line-height:50px;}
.rcon9 .rcon9R{ width:40%; float:left; background:#FFF; padding:4% 5%; margin-top:62px;}

.rcon9 .rcon9R .login-txt{ height: 49px; margin-bottom: 10px;}
.rcon9 .rcon9R .login-txt .tit{float: left; text-align:left;  width:25%;font-size: 18px; line-height:42px;height:42px;}
.rcon9 .rcon9R .login-txt .ipt input.txt{width:65%; height: 42px;  background: #fff;  font-size: 18px; border:1px solid #EBEBEB; color: #333;  text-indent: 10px;}
.rcon9 .rcon9R .login-txt .ipt input.sbm{border: none;height:42px;width: 70%; text-align:center;  margin:0 auto; color: #fff;font-size: 14px;cursor: pointer;font-weight: bold; background: #339966;  margin-left:20%;}
.rcon9 .rcon9R .login-txt .ipt input.sbm:hover{ background: #93c440; }

.rcon9 .rcon9R .login-txt .ipt button.b2{border: none;height:42px;width: 70%; text-align:center;  margin:0 auto; color: #fff;font-size: 14px;cursor: pointer;font-weight: bold; background: #339966;  margin-left:20%;}
.rcon9 .rcon9R .login-txt .ipt button.b2:hover{ background: #93c440; }

.foot{padding:1.5rem 0;color:#ccc;background:#666;}
.footl{width:80%;}
.footl dl{float:left; width:20%;}.footl .kuan{ width:23%;} .footl dt { line-height:36px;}
.footl dd a{display:block; font-size:14px; line-height:24px; color:#CCC;} .footl dd a:hover{ color:#CC0;}

.footr{width:20%;}
.footr dt li{display:inline-block;vertical-align:top;}
.footr dt li p{    display: block;
    /* width: 6px; */
    margin: 0 10px;
    font-size: 14px;
    line-height: 1.4em;
    text-align: center;}
.footr dt li:nth-child(1){margin-right:2rem;}
.foot .foot2{padding:1rem 0; font-size:14px; color:#CCC; border-top:1px solid #999;} 
.foot .foot2 a{ font-size:14px; color:#CCC;  } 
/*foot*/

.jiam{z-index:99;position:fixed;right:5px;bottom:70px;width:60px;}
.jiam li{float:left;margin-top:2px;width:60px;height:60px;background:#009933;cursor:pointer;}
.jiam li.gotop{display:none;}

.jiam  .dorp{position: relative; display: inline-block;}
.jiam  .dorp_con{display: none;  position: absolute; right:60px; top:0;background-color: #fff; padding:10px; border:1px solid #093;  font-size:18px; line-height:42px; color:#093; white-space: nowrap;}
.jiam  .dorp:hover .dorp_con{display:block;}



/*å…³äºŽ*/
.baner{ background-color:#399b51;} 
.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.page-grid{ border-bottom:1px solid #F0F0F0; background-color:#FFF; height:32px; line-height:32px; padding:12px 0; overflow:hidden;} .page-grid h1{ font-weight:200;}
.page-grid .cut{ color:#096;}

.manleft{ width:20%;}
.Lnav_menu{ border:1px solid #E8E8E8; }
.Lnav_menu li{ height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #E8E8E8; text-indent:24px; } 
.Lnav_menu li:hover,.Lnav_menu .cut,.Lnav_menu .on{ background:#096 url(../image/ico16.png) no-repeat right; cursor:pointer; font-weight:bold; color:#FFF;}
.Lnav_menu li:hover a,.Lnav_menu .cut a,.Lnav_menu .on a{ color:#fff; }
.Lnav_menu li a{display:block; height:60px; line-height:60px;font-size:14px }
.manright{ width:75%; margin-left:5%;}
.manright .ying{color:#e5e5e5; font-size:36px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-weight:100; text-transform: uppercase; }
.manright .man-bt{ width:100%; margin-bottom:20px; text-indent:16px;  }  .manright .biaoti{ font-size:30px; color:#38a064; height:46px;  line-height:46px; margin-top:-30px; font-weight:300;} .manright .man-bt i{ width:2px; height:48px; background-color:#096; position:absolute; left:0; top:16px;}


.about2 h1 {font-size:24px; font-weight:200;color: #359f65; position: relative;}
.about2 h1:after {content: "";padding-bottom: 10px; display: block; border-bottom: 1px solid # EFEFEF; width: 80%;}

.about2 .timeline { margin: 0; padding: 0; list-style: none; position: absolute;left:20%;top: 0%; width:2px; height:100%; background: #359f65;}
.about2  .img { max-width: 376px; }

.about2 .container {padding-left:0%;}  .about2 .zhengwen{ margin-left:20%; padding:30px 10%; border-left:2px solid #339966;}
.about2 section { border-top:1px solid #e8e8e8; font-size: 16px;font-weight: 200;font-family: "Montserrat";}

.about2 .node{position: absolute; left:-21%; white-space: nowrap; font-size:30px; font-weight: 200;  opacity: 1;width: 130px;
    text-align: right;}
.about2 .node:hover { color: #339966;   transition: all 0.4s ease-out; opacity:0.8; cursor:pointer;}

.about2 .zhengwen i{ position: absolute; width: 16px; height: 16px;  background: #339966; left: -8px; top:46px;  z-index: 1; cursor: pointer; border-radius:16px;}
.about2 .zhengwen i:hover {background: #99cc66; }
.about2 .zhengwen i:hover span {opacity: 0.8; color:#339966;}

.about3 ul{list-style: none;}
.about3 .thumb-box {width: 100%; margin-top:1%;}
.about3 .thumb-box .thumxiatu {overflow: hidden;*zoom: 1;}
.about3 .thumb-box .thumxiatu li {float: left;width: 24%;text-align: center;padding: 0 0.5%;}
.about3 .thumb-box .thumxiatu li img {width: 100%;opacity: .8;	-moz-transition: opacity 0.32s;	-o-transition: opacity 0.32s;
		-webkit-transition: opacity 0.32s;	transition: opacity 0.32s;border: 1px solid transparent;}
.about3 .thumb-box .thumxiatu li img.active {border-color: #339966;	opacity: 1;}
.about3 .thumb-box .thumxiatu li:hover img {opacity: 1;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}

/*æ–°é—»*/  

.NEWS1 ul{ width:48%; margin:0 1%; margin-bottom:20px; float:left; }
.NEWS1 img{ display:block; }.NEWS1 .rizi{ font-size:36px; font-weight:200; color:#060;}
.NEWS1 .wenzi{width:87.5%; padding:6%; border:1px solid #E8E8E8; background-color:#FFF; margin-bottom:5px; } .NEWS1 .wenzi i{ background:url(../image/ico6.png) no-repeat top;  width:45px; height:45px; position:absolute; right:10%; bottom:12%;}
.NEWS1  .abit{ font-weight:200; color:#060;}
.NEWS1  .abit .highlight{color:red;font-weight:bold}
.NEWS1 .wenzi :hover{ cursor:pointer; color:#0C6; }
.NEWS1 ul:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.maxpic img{max-width:100%;}
.newscon{width:90%; margin:0 5%; margin:0 auto;}   .newscon h3{ font-weight:200; line-height:32px;}
.newscon .time{line-height:18px;border-bottom:1px solid #E8E8E8; padding:20px 0; overflow:hidden;}
.newscon .time span{padding:0 20px;}   .newscon .fanhui{ background:url(../image/ico25.png) no-repeat center; padding-top:36px;}

/*è”ç³»*/ 
.contac1  .cont1 li{ background-color:#F2F2F2; width:49%; margin-right:1%; margin-bottom:10px; float:left;height:215px} 
.contac1  .cont1 li .img{ margin:0 auto;}
.contac1  .cont1 li .wzi{ padding:5% 10% 10% 10%;}

.contac1  .contR  { background-color:#F2F2F2; height:420px}
.contac1  .contR .login-txt{ height: 49px; margin-bottom: 10px; padding-left:10%; width:90%; }
.contac1  .contR .login-txt .tit{float: left; text-align:left;  width:25%;font-size: 18px; line-height:42px;height:42px;}
.contac1  .contR .login-txt .ipt input.txt{width:65%; height: 42px;  background: #fff;  font-size: 18px; border:1px solid #EBEBEB; color: #333;  text-indent: 10px;}
.contac1  .contR .login-txt .ipt input.sbm{border: none;height:42px;width: 70%; text-align:center;  margin:0 auto; color: #fff;font-size: 14px;cursor: pointer;font-weight: bold; background: #339966;  margin-left:20%;}
.contac1  .contR .login-txt .ipt input.sbm:hover{ background: #93c440; }

.contac1  .contR .login-txt .ipt button.b2{border: none;height:42px;width: 70%; text-align:center;  margin:0 auto; color: #fff;font-size: 14px;cursor: pointer;font-weight: bold; background: #339966;  margin-left:14%;}
.contac1  .contR .login-txt .ipt button.b2:hover{ background: #93c440; }

.contac1 .b{height:460px;/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;*/}
 
/*äº§å“*/  
.produc1 .produc_a{ background:  #F7F7F7 url(../image/tu-21.jpg) no-repeat bottom right; float:left; overflow:hidden; width:100%;}
.produc1  h2{ font-weight:200;}
.produc1 .produc_a .weenzi{ padding:5%; } .produc1 .produc_a .weenzi .xuehao{ width: 5%; height:auto; font-weight:bold; color:#090;}
.produc1 .produc_a .img{ width:95%; margin-right:5%; margin-bottom:1%;}

.produc1 .produc_a2{ background:  #F7F7F7 url(../image/tu-21a.jpg) no-repeat bottom left; float:left; overflow:hidden; width:100%;}
.produc1  h2{ font-weight:200;}
.produc1 .produc_a2 .weenzi{ padding:5%;} .produc1 .produc_a2 .weenzi .xuehao{ width: 5%; height:auto; font-weight:bold; color:#090;}
.produc1 .produc_a2 .img{ width:95%; margin-left:5%; margin-bottom:1%;}

.produc1 .produc_c li{ width:31.3%; margin:1%; float:left; }  .produc1 .produc_c .biaoti{ padding:15% 10%; background-color:#F7F7F7; text-align:center;  font-size:16px; line-height:16px; overflow:hidden;  }
.produc1 .produc_c .biaoti a{ color:#333;  line-height:18px; } .produc1 .produc_c .biaoti:hover{ cursor:pointer;  }  .produc1 .produc_c .biaoti a:hover{ color:#090;}
.produc1 .produc_c .pic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.produ2 .producm_a2 .img{  border-bottom:2px solid #090;}
.produ2 .producm_a2 :hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.produ2 .producm_a2 .nero{ padding:10% 5%; width:90%; background:#F8F8F8;  min-height:200px;} .produ2 .producm_a2 .nero h2{ font-weight:200; border-bottom:1px solid #E9E9E9; padding-bottom:20px; }

.produ2 .producm_b{border:1px solid #E5E5E5; min-height:768px;}
.produ2 .producm_b h2{ font-weight:200; border-bottom:1px solid #E9E9E9; padding:12px;  background-color:#F8F8F8; }
.produ2 .producm_b .centman{ padding:3%;}

/*fuwu*/ 
.seavr1 .seavr_a li{ width:42.3%; margin:5px 0.5%; padding:16px 3%; float:left; font-weight:200; border:1px solid #EFEFEF; min-height:76px;}
.seavr1 h2{ font-weight:200;}
.seavr1 .seavr_c .img{ border:1px solid #E6E6E6; }
.seavr1 .seavr_1{  overflow:hidden; min-height:510px; width:99.8%; border:1px solid #E6E6E6;}
.seavr1 .seavr_1 .seavr_1L{ position:absolute; left:3%; top:0%; width:28%; z-index:47;} .seavr1 .seavr_1 .seavr_1L dt{ margin-top:22%;}
.seavr1 .seavr_1 dd{ line-height:16px;text-align: left;}
.seavr1 .seavr_1 .seavr_1R{ position:absolute; right:3%; top:0%; width:28%; z-index:48;} .seavr1 .seavr_1 .seavr_1R dt{ margin-top:22%;}
.seavr1 .seavr_1  .seavr_1Z{ position:absolute; left:31%; top:15%; width:35%; z-index:45;}

.seavr1 .seavr_d  .seavr_d2{ border-top: 1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.seavr1 .seavr_d  .wenzt{ border-right: 1px solid #E6E6E6;  padding:5%; width:39%; min-height:190px;} 
.seavr1 .seavr_d  .wenzt2{ border-left:1px solid #E6E6E6;  padding:5%; width:39%; min-height:190px;} 
.seavr1 .seavr_d  i{ position:absolute; right:5%; top:8%; color:#090; font-style:normal; } 
.seavr1 .seavr_d  .biaotis{ border-bottom:1px solid #EEE; padding-bottom:20px;} 


.seavr1{  }  .seavr1 .swiper-slide img{}
.seavr1 .swiper-container{display:none;padding:7% 0% 8%  0%; }
.seavr1 .swiper-slide ul{display:none; top:50%; margin-top:-25%;height:60%; vertical-align:top; }
.seavr1 .swiper-slide ul .qiehuan{display:inline-block;   position:absolute; padding:0 5%; top:48%; font-size:12px; text-align:center; width:90%; vertical-align:top;}
.seavr1 .swiper-slide ul .qiehuan a{ color:#090;}

.seavr1 .swiper-slide-active{z-index:9999; transform: scale(1.6);}
.seavr1 .swiper-slide-active ul{display:block; }

.seavr1 .btn{position:absolute;top:40%;z-index:9;width:48px;height:48px; vertical-align:middle; padding-top:10px; line-height:48px; background: #090; color:#FFF; cursor:pointer;transition: 0.3s linear all;}
.seavr1 .prev{left:0%;}
.seavr1 .next{right:0%;}
.seavr1 .btn:hover{}

	
/*/*	*/
@media screen and (max-width:1681px) {
.rcon3 .stit li{padding:0 40px;}
.rcon3 .stit .ybiaot{ font-size:52px; }
.rcon5B {width:93%; float:right; }

.rcon7a .tit{ position:absolute; left:5%; color:#FFF; top:42px; }


.rcon4L li{ width:31%; margin:0 1%; position:relative; text-align:center; float:left; background:#f5f5f5; border:1px solid #EAEAEA;height: 580px;}   .rcon4L li .tubiao{ position:absolute; margin:0 auto; left:25%;  top:30%; width:50%; } 
.rcon4L li .biaoti{ margin-top:40%;font-weight: bold;} 


}

@media screen and (max-width:1441px) {
.nav li{padding:36px 20px 0px 20px; }

.rcon3 .stit li{padding:0 30px;}
.rcon3 .stit .ybiaot{ font-size:48px; }

.rcon4L li .ft24{ font-size:18px;} .rcon4L li .zimoer{ line-height:16px;}

.rcon5B {width:95%; float:right; margin-right:2.5%; } .rcon5B .swiper-slide .ft24{ font-size:18px;}

.rcon7a .pic2{width:100%; position:absolute; left:12%; top:78px; z-index:37; }
.rcon7a .tit{ position:absolute; left:2%; color:#FFF; top:22px; writing-mode:horizontal-tb ;}	
.rcon7b .neir{ width:30%; margin:0 1.5%; float:left; margin-top:-40px;}

.rcon4L li{ width:31%; margin:0 1%; position:relative; text-align:center; float:left; background:#f5f5f5; border:1px solid #EAEAEA;height: 480px;}   .rcon4L li .tubiao{ position:absolute; margin:0 auto; left:25%;  top:35%; width:50%; } 
.rcon4L li .biaoti{ margin-top:36%;font-weight: bold;} 

}
/* */
@media screen and (max-width:1281px) {
.header{width:100%;float:left;background-color:rgba(1,134,63,0.6); position:fixed;top:0px;left:0px;right:0px;height:80px;z-index:62;}
.header&gt;a.logo img{ width:62%; height:auto;}   .header  .logort{display:none;}
	.nav{display:none;}

.her_r{position:fixed;top:12px;z-index:8;right:16%;}
.search{width:60%; right:-60%;}
.search .form button{top:24px;}
	 
.menu-handler {width:15%; height:80px;}
.menu-handler .burger {width: 21px;height: 3px;background: #fff;display: block;position: absolute;z-index: 5;
top:30px;left: 50%;margin: 0px 0px 0px -10px;transform-origin: center;-webkit-transform-origin: center;
-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler .burger-2 {top:39px;}
.menu-handler .burger-3 {top:48px;}

.menu-handler.active .burger-1 {top: 40px;}
.menu-handler.active .burger-3 {top: 40px;}
.menuBox{ background-color:rgba(255,255,255,1); top:80px;}
	.menu_top,.menuBox .w1200&gt;ul li&gt;p span{display:none;}
	.menuBox .w1200{width:100%;position:static;transform:translate(0);}
	.menuBox .w1200&gt;ul{margin-top:20px; margin-left:0%;}
	.menuBox .w1200&gt;ul li{width:96%;margin-right:0px;}
	.menuBox .w1200&gt;ul li&gt;p{padding:0px 0%;margin-bottom:0px;height:62px;line-height:62px;font-size:0.8rem;background: url(../image/wapico1.png) no-repeat 96% center;border-bottom: 1px solid #eee;}
	.menuBox .w1200&gt;ul li&gt;p.cur{background: url(http://en.handian.cc/images/wapico01.png) no-repeat 96% center;}
	.menuBox .w1200&gt;ul li&gt;p.cur a{color:#339966;}
	.menu_li_c&gt;div{display:none;}
	.menu_li_c&gt;p a{font-size:0.6rem;}
	.menu_li_c&gt;div a{display:block;padding:0px 10%;line-height:38px;color:#666;margin-left:0px;}
	.menu_list{background:#f5f5f5;display:none;}
	.menuBox .w1200&gt;ul li.cur .menu_list{display:block;}
	.menu_li_c&gt;p{padding:0px 12%;line-height:42px;}
	.menu_li_c&gt;p a{display:inline-block;padding-left:0px}
	.menu_li_c&gt;p a.cur{color:#339966;}
	.menu_li_c&gt;p.on{background: url(../image/wapico1.png) no-repeat 96% center;}
	
	.menuBox .w1200&gt;ul li.hide{display:block;}
	.menuBox .w1200&gt;ul li.hide&gt;h2{background:none;}
	
.rcon3 .stit li{padding:0 20px;}
.rcon3 .stit .ybiaot{ font-size:42px; }
.rcon3 .wconl .biaoti{ font-size:42px;   line-height:42px; margin-top:40px; padding-top:10px;  }

 .rcon5B .swiper-slide .zi{  min-height:282px;}
 
.rcon6a .ybiaot{font-size:48px; }
.rcon6a .tit{ margin-top:-36px; font-size:24px;}
.rcon6b li{ width:18%; margin:5px 8px; border:1px solid #EBEBEB; background-color:#FFF; float:left;} .rcon6b li img{ background-size: 100% 100%;}
}

@media screen and (max-width:1025px) {

.search{width:60%; right:-60%;}
.search .form button{top:24px;}
.her_r{top:18px;z-index:8;right:16%;}
.en_r,.sousuo{height:42px; width:42px; }  .en_r a{line-height:42px; font-size:16px;}  

#slide{ padding-top:80px;  background:#399b51; }
#slide .swiper-pagination-bullets{display:none;	}
	
.rconl{ width:100%;}
.rconR{ width:90%; padding-left:5%; padding-right:5%; line-height:24px;}
.rconl .pic2{width:85%; position:absolute; left:12%; top:20px; z-index:37; }
.rconl .tit{left:3%; letter-spacing:6px; font-size:20px; } 
.anniu a{ padding:10px 20px;   font-size:12px; }

.rcon2 li{ width:50%; }
.rcon2 .btit{ color:#339966; font-size:42px; font-weight:200; }

.rcon3{ background:#efeff1;  padding-bottom:24px; }

.rcon3 .stit{ width:80%; top:16px;}  .rcon3 .stit li{padding:0 4px;} 
.rcon3 .wconl,.rcon3 .wconr{width:100%;  } .rcon3 .wconl{ padding-top:160px;}
.rcon3 .wconl .biaoti{ font-size:24px;   line-height:24px; margin-top:0px; padding-top:10px;  }
.rcon3 .ft24{font-size:16px; line-height:18px;} .rcon3  .stit .ft16{font-size:12px; line-height:14px;} 


.rcon4R{ width:100%;margin-right:0%;}
.rcon4R .pic1{width:100%; height:auto; right:5%; top:0; z-index:34; float:right;}
.rcon4R .pic2{width:95%; position:absolute; right:5%; top:16%; z-index:37; }
.rcon4R .tit{ position:absolute; right:5%; color:#FFF; top:4%;  letter-spacing:5px; font-size:20px; }

.rcon4L{ width:100%; margin-left:0%; margin-top:1%;  } 
.rcon4L li .ft24{ font-size:18px;}   .rcon4L li .ft16{ font-size:12px;}

.rcon4L li{ width:31.3%; margin:0 1%; position:relative; text-align:center; float:left; background:#f5f5f5;}   .rcon4L li .tubiao{ width:60%; height:auto; position:absolute; left:20%; top:20%;} 
.rcon4L li .biaoti{ margin-top:50%;} 
.rcon4L li .zimoer{ padding:22px 10% 22% 10%; line-height:18px; }
.rcon4L i{ display:none;}


.rcon5T .tit{ position:absolute; left:2%; color:#FFF; top:5%;  letter-spacing:5px; font-size:18px; }
.rcon3 .prev,.rcon5B  .prev{ left:0.5%;}  .rcon3 .next,.rcon5B  .next{right:0.5%;}
.rcon3 .btn,.rcon5B .btn{position:absolute; top:60%;z-index:9;  width:42px;height:48px;background:#b4d100;cursor:pointer;transition: 0.3s linear all; z-index:3;} .rcon3 .btn{top:90%;}

.rcon6a .ybiaot{font-size:30px; }
.rcon6a .tit{ margin-top:-26px; font-size:18px; margin-bottom:5px;}
.rcon6b li{ width:18%; margin:5px; border:1px solid #EBEBEB; background-color:#FFF; float:left;} .rcon6b li img{ background-size: 100% 100%;}

.rcon7b .neir{ width:30%; margin:0 1.5%; float:left; margin-top:-20px;}
.rcon9 .rcon9L{ width:100%;} .rcon9 .rcon9R{ width:80%; margin:5% 0% 0 5%;}
.rcon9 .rcon9L .tit{ position:absolute; left:5%; font-size:18px;top:6px; }
.rcon9 .rcon9L .lianxi{ width:80%;  margin-left:5%; padding:5%; margin-top:42px;}  .rcon9 .rcon9L .lianxi .ft18{ font-size:14px; }
.rcon9 .rcon9R .login-txt .tit{ font-size:14px;}

.footl{ display:none;} .footr{width:100%; text-align:center;} .foot .w1200 {width:100%; text-align:center;}

.baner{ padding-top:80px;  background:#399b51; }
.manleft, .page-grid{ display:none;} .manright{ width:100%; margin-left:0%;}

.manright .man-bt{ width:95%; margin-left:5%; }  
.manright .ying{font-size:26px; } .manright .biaoti{ font-size:20px; height:32px;  line-height:32px; margin-top:-20px; } .manright .man-bt i{ width:2px; height:32px;  left:0; top:16px;}

.manright .w50{width:90%; margin:5%; }  .manright .w45{width:90%; margin:5%; }

.about2 .node{ white-space: nowrap; writing-mode: vertical-lr;writing-mode: tb-lr;}
.NEWS1 ul{ width:90%; margin:0 5%; margin-bottom:20px; float:left; }

.contabit{ margin-left:5%;}  .contabit .ml20{ margin-left:0;}
.contac1 .w50{width:90%; margin:5%; } .contac1  .contR .login-txt .tit{float: left; text-align:left;  width:25%;font-size: 12px; line-height:42px;height:42px;}
.contac1  .contR .login-txt .ipt input.sbm{width:85%;  margin-left:6%;}  .contac1  .cont1 li{ min-height:200px;}

.produc1{width:90%; margin:5%;  } 
.produc1 .produc_a {background-size:86%; }  .produc1 .produc_a2{ background: #F5F5F5 url(../image/tu-21a.jpg) no-repeat top left; background-size:86%;} .produc1 .produc_a .img{ width:95%; margin-right:5%; margin-bottom:1%;}
.produc1 .w45, .produc1 .w55{width:100%;}

.produc1 .produc_c li{ width:48%; margin:1%; float:left; } .produc1 .produc_c .biaoti{ font-size:12px;}
.produ2 { width:92%; margin:0 4%;}
.produ2 .producm_a2 .w50{width:100%; padding:0; margin:0 auto;}

.produ2 .producm_a2 .nero{ padding:10% 5%; width:90%; background:#F8F8F8;  min-height:200px;} 
.seavr1{ width:92%; margin:0 4%;}
.seavr1 .seavr_a li{ width:93%; margin:5px 0%; padding:16px 3%; float:left; font-weight:200; border:1px solid #EFEFEF; min-height:76px;}

.seavr1 .seavr_d .w50{width:100%; padding:0; margin:0 auto;}
.seavr1 .seavr_d  .wenzt{  padding:5%; width:90%; min-height:100px; border-right: 0px solid #E6E6E6; border-left: 0px solid #E6E6E6;} 
.seavr1 .seavr_d  .wenzt2{ padding:5%; width:90%; min-height:100px; border-right: 0px solid #E6E6E6; border-left: 0px solid #E6E6E6;} 


.collapse-card__body{ display:none; text-align:left; margin-left:15%; margin-top:-10px;}


}

@media screen and (max-width:768px) {
.rcon3 .biaoti2{ display:none;}
.rcon6b li{ width:22%; margin:5px 1%; border:1px solid #EBEBEB; background-color:#FFF; float:left;} .rcon6b li img{ background-size: 100% 100%;}

.rcon7a .pic1{width:63%; height:auto;  left:0; top:0; z-index:34; float:left;}
.rcon7a .pic2{width:100%; position:absolute; left:12%; top:46px; z-index:37; }
.rcon7a .tit{ position:absolute; left:2%; color:#FFF; top:6px; writing-mode:horizontal-tb ; font-size:18px;}	
.rcon7b .neir{ width:30%; margin:0 1.5%; float:left; margin-top:-20px;}
.rcon7b .neir .biaot{ position:absolute; left:8%; top:8px; color:#033; font-size:14px;} .rcon7b .neir i{ display:none; }

.rcon8a{ background:url(../image/tu-15.jpg) no-repeat top right; background-size: 80% auto; padding-bottom:30px;  }
.rcon8a .tit{ position:absolute; right:3%; color:#FFF; top:8px; writing-mode:horizontal-tb ; font-size:18px;}
.rcon8b{ width:92%; margin:46px 4% 0px 4%;}

.jiam{width:46px;}
.jiam li{width:46px;height:46px;}

.jiam  .dorp_con{ right:46px; }
.seavr1 .seavr_1{overflow:hidden; min-height:310px; width:99%;}
.seavr1 .mt20{ margin-top:0px;}

.seavr1 .seavr_1 .seavr_1L dt{ margin-top:10%;}
.seavr1 .seavr_1 .seavr_1R dt{ margin-top:10%;}
.seavr1 .seavr_1  .seavr_1Z{ top:25%;}

.rcon3 .wconl { padding-bottom:12px;}
.rcon5B {width:95%; float:none; margin:0 auto; }
.rcon5B .swiper-slide .zi{ width:39%; padding:5%; border:1px solid #EFEFEF; min-height:250px;}   .rcon5B .swiper-slide .zi .t{ font-weight:200; border-bottom:1px solid #093; background-size: 60% auto; padding-bottom:20px;  margin:20px 0;font-weight: bold; }
.rcon5B .swiper-slide  .ft24{ font-size:18px;}  .rcon5B .swiper-slide  i {display:none;}

.seavr1 .swiper-container{display:none;padding:2% 0% 0%  0%; }

.seavr1 .seavr_1{ height:460px; margin-top:10px;}
.seavr1 .seavr_1 .seavr_1L{ position:absolute; left:1%; top:0%; width:32%; z-index:47;}
.seavr1 .seavr_1 .seavr_1R{ position:absolute; right:1%; top:0%; width:32%; z-index:48;} 


.rcon4L li{ width:30%; margin:0 1%; position:relative; text-align:center; float:left; background:#f5f5f5; border:1px solid #EAEAEA; height:360px;}   .rcon4L li .tubiao{ position:absolute; margin:0 auto; left:25%;  top:20%; width:50%; height:auto;} 
.rcon4L li .biaoti{ margin-top:42%;} 
.rcon4L li .zimoer{ padding:12px 10% 22% 10%; line-height:14px; text-align:left; }
.rcon5B .swiper-slide .zi{ width:39%; padding:5%; border:1px solid #EFEFEF; min-height:258px;}  .2h{line-height:16px;}
}	</pre></body></html>