/* CSS Document */
/*公共样式*/
@charset "utf-8";
html{font-size:100px;}
body{font-size:0.24rem;line-height:1;height: 100%; }
html,body{-webkit-font-smoothing:antialiased;font-family:"微软雅黑" ;font-family: Arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{ vertical-align:top; width:100%;}
address,caption,cite,code,dfn,em,strong,th,var,i,b{font-style:normal;font-weight:normal}
ul,ol,dl,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
area,a,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;outline:0;blr:expression(this.onFocus=this.blur())}
a{ text-decoration:none}
a:hover{text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0)}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea { resize:none} 
input,button,textarea {-webkit-appearance: none;border-radius:0; vertical-align: middle}
#page{  width:100%;margin:0 auto;    position: relative;}
.clear{ clear: both; }
/*初始结束*/


/*头部开始*/
#header{width: 100%;}
.header{width: 93%; margin: 0 auto;overflow: hidden; height: .95rem;}
.header .logo{float: left; width: 70%;}
.header .lau{float: right; width:20%;height: .75rem;}
.lau .cn,.lau .en{width: .5rem; height: .5rem;margin-top: .2rem;float: left;}
.lau .en{margin-left: .14rem;}

/*菜单*/
#menuBox{ width: 3.3rem; height: 100%; background: #fff; position: absolute;top:0 ;left:-4rem; z-index: 99;display: block; }
#menuBox ul{ float: right; width: 92%; }
#menuBox ul li{ height: .75rem;line-height: .75rem;border-bottom: 1px solid #efefef; }
#menuBox ul li a{color: #0d8944;height: .75rem;width: 100%;display: block;}
#menuBox ul li a.on{color: #0d8944;}
/*菜单和搜索框*/
#fide{width: 100%; height: 100%; background: #000; opacity: .6; position: absolute;display: none;z-index: 10;}
.warp_head{overflow: hidden;}
.menu{width:14%;float: left; cursor: pointer;height: .82rem;}

.form{width:86%; float: right; position: relative; }
form input{ width: 62%; float: left; padding-left: 15%;background: #f3f3f3;font-size: .3rem;color: #5f5f5f; height: .82rem; border: none;padding-right: 5%; }
form .submit{ width: 18%; background: #d6d6d6; text-align: center; float: left; padding: 0rem; font-size: .28rem; font-family: "微软雅黑"; }
.form .i{ width: .34rem; height: .33rem;background: url(../images/search_list.png) no-repeat;background-size: .34rem .33rem;  position: absolute; top: .23rem;    left: .25rem;display: block;z-index: 9;}
.formBox{width: 100%;}




/*index 产品*/
.Ipro{ width: 100%;min-height: 5rem;padding-top: .6rem; background-image: url('../images/ipro-bg.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;  }
.Ipro .title{text-align: center;font-size: .3rem;color: #ffffff;}
.Ipro .Ipro-swiper{padding-top: 0.4rem;padding-bottom: 0.6rem;}
.Ipro .Ipro-item{width: 30%;padding: 0 1.5%;}
.Ipro .Ipro-a{display: block;width: 100%; cursor: pointer;}
.Ipro .Ipro-img{width:1.78rem;height: 1.48rem; margin-bottom: .3rem;padding-top: .3rem; background-image: url('../images/ipros-bg.png');background-size:1.78rem 1.78rem ;background-position: center center;background-repeat: no-repeat;}
.Ipro .Ipro-img img{width: 1.15rem;display: inline-block;}
.Ipro-text p{color: #ffffff;font-size: .24rem;line-height: .36rem;}
.Ipro .swiper-container-horizontal > .swiper-pagination {bottom: 0;}
.Ipro-a:hover  .Ipro-img{background: #ffe807;border-radius: 50%;}
.Ipro-a:hover  .Ipro-text p{color: #ffe807;}
/*link*/

.link{width: 100%; }
.link .title{ line-height: 1.33rem;text-align: center;color: #0d8944; font-size: .3rem; position: relative;height: 1.33rem; }
.link .title em{position: absolute; height:1px; background: #e5e5e5; width: 19%; top: .65rem; left: .6rem;display: block;}
.link .title i{position: absolute; height:1px; background: #e5e5e5; width: 19%; top: .65rem; right: .6rem;display: block;}

.link .list{ width: 100%; overflow: hidden;}
.link .list li{ margin-left: 3%; border: 1px solid #eeeeee; width: 29%; float: left;  margin-bottom:6%;}
.link .more{width: 1.96rem; height: .45rem; background: #0d8944; border-radius: 1rem; margin: 0 auto;text-align: center;color: #fff; line-height: .45rem; font-weight: bold;font-size: .18rem;margin-top: .2rem;}
.link .more a{width: 1.96rem; height: .45rem; display: block;color: #fff;}

.Itact{width: 100%;  background: #f7f7f7;padding-bottom: .4rem;}
.Itact .title{ width: 93%; color: #00662d; font-size: .26rem; margin: 0 auto; padding-top: .36rem;line-height: .37rem;}
.Itact .title em{color: #5a6367;}
.Itact .txt{width: 93%;margin: .27rem auto 0 auto;}
.Itact .txt p{color: #959595; font-size: .21rem; margin-bottom: .12rem;}
.Itact .txt em{ line-height: .35rem;color: #959595; font-size: .2rem; }

/*FOOTER*/
#footer{width: 100%;  height: 1.16rem; background: #1daa39;overflow: hidden;}
#footer .logo{width: 1.82rem;margin: .18rem auto 0 auto;}
#footer p{color: #fff;font-size: .2rem; color: #fff;text-align: center; margin-top: .14rem;}


/*ABOUT US*/
.warp_head{ width: 100%; height: .83rem; background: #0d8944; text-align: center; font-size: .38rem;color: #fff; line-height: .83rem; position: relative;}
.warp_head i{position: absolute; width: .25rem; height: .43rem; top: .19rem; left: .28rem; }
.warp_head em{transition: all .3s; width: .31rem; height: .31rem; cursor: pointer;position: absolute; top: .26rem; right: .28rem;background: url(../images/search_list52.png) no-repeat;background-size: .31rem .31rem }
.warp_head .form2{position: absolute; width: 76%;  height: .6rem; left: .9rem;top: -.6rem;}
.warp_head .form2 .input2{width: 64%; float: left;height: .6rem;background: #00b550; padding-left:3%; padding-right: 3%;}
.warp_head .form2 .Search2{width: 15%;float: left;height: .6rem; padding: 0;background: #086d35;color: #fff;}
.warp_head em.close{width: .36rem; height: .36rem; background: url(../images/close.png) no-repeat;background-size: .36rem .35rem;transition: all .3s }

.warp_nav{width: 100%;height: .85rem;background: -webkit-linear-gradient(#f3f3f3,#f3f3f3,#f3f3f3,#f8f8f8,#fbfbfb,#fcfcfc,#f6f6f6); background:linear-gradient(#f3f3f3,#f3f3f3,#f3f3f3,#f8f8f8,#fbfbfb,#fcfcfc,#f6f6f6);}
.warp_nav ul li{width: 33.33%; float: left; line-height: .85rem;font-size: .28rem;color: #666666;text-align: center;}
.warp_nav ul li a{width: 100%; height: .82rem; color: #666666;display: block;}
.warp_nav ul li a:hover{color: #0d8944; border-bottom: 2px solid #0d8944;}
.warp_nav ul li a.on{color: #0d8944; border-bottom: 2px solid #0d8944;}


.about{width: 100%; margin: 0 auto;background: #fefefe;}
.about .about_box{width: 93%; margin: 0 auto;}
.about .pic{ margin-top: .32rem; }
.about p{font-size: .24rem; color: #666666; line-height: .3rem; margin-top: .44rem;padding-bottom: .4rem;}
.about p em{color: #0d8944;}

.about .list{ overflow: hidden; width: 93%; margin: .28rem auto 0 auto;}
.about .list li{ width: 46%;float: left; margin-right: 7%;}
.about .list li img{ width: 100%;border: 1px solid #eeeeee; display: block;}
.about .list li p{font-size: .24rem; color: #0d8944; height: .5rem; margin-top: .23rem ;padding: 0rem;}



.history{background: url(../images/histroy_line.png)  no-repeat;background-size: .22rem 34.78rem; width: 84%; margin: .67rem auto 0 auto; padding-left: 8%;}
.history span{font-size: .3rem; color: #0d8944; margin-bottom: .1rem;display: block; margin-top: .5rem;}
.history  p{font-size: .16rem;color: #666666; line-height: .25rem;display: block;}
.history em{font-size: .18rem; color: #666666;margin-bottom: .1rem;display: block;}
.history .photo{width: 100%;margin-top: .2rem;overflow: hidden;}
.history .photo .left{float: left;width: 39%;margin-right: 3%;}
.history .photo .right{float: left;width: 39%;}
.history .photo .right img{margin-bottom: 13%;}

/*CONTACT US*/


.contact{width: 93%; margin: 0 auto;}
.contact .title{font-size: .3rem; color: #0d8944; padding-top: .46rem; line-height: .4rem; text-align: left;}
.contact .map{margin-top: .38rem; margin-bottom: .53rem;}
.contact p{color: #000; font-size: .24rem; padding-left: .48rem; margin-bottom: .23rem;}
.contact .add{  background: url(../images/contact_tel.png) no-repeat; background-size: .23rem .22rem; padding-left: .48rem;}
.contact .phone{  background: url(../images/contact_phone.png) no-repeat; background-size: .24rem .2rem; padding-left: .48rem;}
.contact .email{  background: url(../images/contact_email.png) no-repeat; background-size: .24rem .18rem; padding-left: .48rem;}
.contact .add2{  background: url(../images/contact_add.png) no-repeat; background-size: .24rem .26rem; padding-left: .48rem; line-height: .3rem;margin-bottom: .3rem;}

/*NEWS_LIST*/
.news_list{background: #f8f8f8; padding-top: .25rem;}
.news_list ul{width: 98%; margin: 0 auto;}
.news_list ul li{overflow: hidden;background: #fff;margin-bottom: .21rem;}
.news_list ul li .pic{float: left; width: 48%; }
.news_list ul li .txt{float: right; width: 47%;}
.news_list ul li .txt p {font-size: .24rem; color: #3e4142; margin-top: .25rem; line-height: .35rem}
.news_list ul li .txt a{margin-top: .37rem; width: 2.03rem; height: .39rem;background: #4e5151;text-align: center; line-height: .39rem; color: #fff; -webkit-border-radius: .1rem;-moz-border-radius: .1rem;border-radius: .1rem;display: block;background:-webkit-linear-gradient(#57595a,#4b4d4e,#3f4243); }



/*PRO_LIST*/
/* .warp_nav-1{ background: -webkit-linear-gradient(#ffffff, #ffffff,#f5f5f5);background:linear-gradient(#ffffff, #ffffff,#f5f5f5); height: 1.49rem; }
.swiper-wrapper .pro1{background: url(../images/pronav1ed2-04.png ) center .3rem no-repeat; background-size: .6rem .5rem; }
.swiper-wrapper li p{height: .72rem; line-height: .72rem; margin-top:.7rem;color: #666666; font-size: .28rem; width: 100%;display: block; }
.swiper-wrapper li a:hover p{color: #0d8944;}
.swiper-wrapper li a.on p{color: #0d8944;border-bottom: 2px solid #0d8944;}
.swiper-wrapper .pro1:hover{background: url(../images/pronav1ed2.png ) center .3rem no-repeat;background-size: .6rem .5rem;}


.swiper-wrapper .pro2{background: url(../images/pronav2ed1.png ) center .3rem no-repeat; background-size: .64rem .47rem; }
.swiper-wrapper .pro2:hover{background: url(../images/pronav2ed2.png ) center .3rem no-repeat;background-size: .64rem .48rem;}

.swiper-wrapper .pro3{background: url(../images/pronav3ed2.png ) center .3rem no-repeat; background-size: .59rem .59rem; }
.swiper-wrapper .pro3:hover{background: url(../images/pronav3ed1.png ) center .3rem no-repeat;background-size: .59rem .59rem;} */
.warp_nav-1{font-size: 0; background: -webkit-linear-gradient(#ffffff, #ffffff,#f5f5f5);background:linear-gradient(#ffffff, #ffffff,#f5f5f5); height: auto; }
.pros a{display: inline-block;cursor: pointer;text-align: center;padding-top: .3rem;}
.pros1{display: inline-block;margin-bottom: 0.1rem;width: 100%;}
.pros1 .pros1-img1{display: block;width: 100%;height: .5rem;line-height: .5rem;}
.pros1 .pros1-img1 img{display: inline-block;vertical-align: middle; width: auto; max-width: 100%;max-height: 100%;}
.pros1 .pros1-img2{display: none;width:100%;height: .5rem;line-height: .5rem;}
.pros1 .pros1-img2 img{display: inline-block;vertical-align: middle; width: auto;max-width: 100%;max-height: 100%;}
.pros2{color: #666666;font-size: .28rem; width: 100%;display: block;padding-bottom: 0.3rem;position: relative;}
.pros2:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.44rem; width: .88rem;height: .02rem;background-color: transparent;}
.pros a.on .pros1-img1{display: none;}
.pros a.on .pros1-img2{display: block;}
.pros a.on .pros2{color: #0d8944;}
.pros a.on :after{background-color: #0d8944;}


.pro{background: #fefefe;}
.pro_list {width: 98%; margin: 0 auto; overflow: hidden;}
.pro_list li{width: 50%; height: 6.4rem; float: left;background: #fff; overflow:hidden;}
.pro_list li a{width: 100%; display: block;}
.pro_list li a.bg{background: url(../images/pro_list_bg.png) repeat-y; color: #1daa39;}
.pro_list li img{display: block;}
.pro_list li p{height: 1.1rem;background: -webkit-linear-gradient(left, #f8f8f8, #fdfdfd); background: linear-gradient(left, #f8f8f8, #fdfdfd);text-align: center; line-height: 1.1rem;font-size: .24rem;color: #000;}
.pro_list li a.bg p{ color: #1daa39;}

.pro_box{width: 93%; margin: 0 auto;}
.pro .pic{margin-top: .1rem;}
.pro em{font-size: .18rem;color: #585858;display: block;margin-bottom: .15rem;}
.pro span{font-size: .4rem; color: #1daa39;display: block;font-weight: bold;margin-bottom: .36rem;}

.pro .box2{}
.pro .box2 .title{color: #1daa39;font-size: .3rem;text-align: center; width: 100%; height: .88rem; line-height: .88rem; background: -webkit-linear-gradient(left, #f8f8f8 , #ffffff, #f8f8f8 ); border-bottom: 1px solid #f4f4f4;}
.pro .box2 .Pic-1{border-bottom: 1px solid #f4f4f4; }

.pro .box2 .download{width: 100%;height: 2.4rem; background:url(../images/contact_Bg.png) no-repeat;background-size:100% 2.4rem;overflow: hidden;}

.pro .box2 .download .button{width: 93%; margin: .42rem auto 0 auto; position: relative;overflow: hidden;}
.pro .box2 .download .button .down{float: left; width: 12%;}
.pro .box2 .download .button p{width: 82%;background: #f7f7f7;padding: 4.4% 3%;float: left;font-size: .24rem; color: #585858;}
.pro .box2 .download .button i{width: .2rem; height: .2rem;position: absolute;top: .3rem;right: .3rem}

.pro .box2 .download .tag{font-size: .28rem; color: #1daa39; text-align: center;margin-top: .28rem;}
.pro .box2 .download .tag-2{margin-top: .12rem; font-size: .24rem;color: #333333;background: url(../images/content_list.png) 1.7rem .01rem no-repeat;text-align: center;background-size: .31rem .36rem;height: .36rem;line-height: .36rem;}