@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%; min-width:320px; margin:0 auto; overflow-x:hidden; font-size:12px; background:#fff; padding-bottom:55px; font-family:"微软雅黑"}
a{text-decoration:none;}

.clr{clear:both;}
.index{width:100%; position:fixed; top:0px; height:100%; z-index:9999;}
.index img{width:100%; display:block;}
.header{width:100%; height:45px; line-height:30px; padding:10px 0px; color:#fff; font-size:1.4em; background:#00872b; position:relative; text-align:center; clear:both;}
.back{position:absolute; left:5%; top:15px;}
.back img{height:15px; float:left}
.menu{position:absolute; right:5%; top:15px;}
.menu img{height:15px; float:left;}
.lang{position:absolute; right:13%; top:6px;}
.lang a{color:#fff; font-size:12px; border:#fff 1px solid; padding:0px 2px;}
.menu_icon{width:100%; height:195px; padding:12px 1% 0px; position:relative; clear:both;}
.menu_icon li{width:25%; padding:0px 2%; float:left;}
.menu_icon li img{height:60px; display:block; margin:0 auto;}
.menu_icon li p{height:28px; line-height:28px; text-align:center; color:#00953a; font-weight:normal; clear:both;}
.copy{width:100%; padding:8px 0px; text-align:center; line-height:20px; clear:both}
.footer{width:100%; background:#007f24; padding:8px 0px; position:fixed; bottom:0px; left:0px; clear:both}
.footer li{width:20%; text-align:center; float:left}
.footer li img{height:20px;}
.footer li p{color:#fff; font-size:0.8em; line-height:15px;}
.h_hp1{left:-35%; position:absolute;}
.h_hp2{left:-35%; position:absolute;}
.h_hp3{left:-35%; position:absolute;}
.h_hp4{left:-35%; position:absolute;}
.h_hp5{left:-35%; margin-top:90px; position:absolute;}
.h_hp6{left:-35%; margin-top:90px; position:absolute;}
.h_hp7{left:-35%; margin-top:90px; position:absolute;}
.h_hp8{left:-35%; margin-top:90px; position:absolute;}
.title{width:100%; height:45px; line-height:45px; text-indent:1.8em; color:#161616; font-size:1.3em; font-weight:bold; border-bottom:#d6d6d6 2px solid; background:url(../images/bule.jpg) no-repeat 15px center; clear:both;}


.news{width:100%; clear:both}
.news li{width:100%; padding:10px 3%; border-bottom:#f4f4f4 1px solid; background:url(../images/news_jt.jpg) no-repeat right center; clear:both;}
.news li img{height:60px; margin-right:6px; float:left;}
.news li h3{height:25px; line-height:25px; overflow:hidden; font-weight:normal;}
.news li h3 a{color:#00953a;}
.news li p{height:36px; line-height:18px; color:#333; overflow:hidden;}

/*about*/
.ny_banner{width:100%; clear:both;}
.ny_banner img{width:100%; display:block;}
.ny_bt{width:100%; height:40px; line-height:40px; padding:0px 3%; border-bottom:#ddd 1px solid; clear:both;}
.ny_bt h3{float:left; font-weight:normal;}
.pos{float:right;}
.pos a{color:#666;}
.ny_nr{width:100%; padding:10px 3%; min-height:300px; line-height:24px; border-bottom:#ddd 1px solid; clear:both;}
.ny_nr img{width:100%; display:block;}

.pro_list{width:100%; padding:10px 1%; border-bottom:#ddd 1px solid; clear:both}
.pro_list li{width:33.3%; padding:0px 2%; text-align:center; float:left;}
.pro_list li img{width:100%; display:block; /*outline:#ddd 1px solid;*/}
.pro_list li p{height:30px; line-height:30px; color:#666; overflow:hidden; clear:both;}

/*book*/
#bbg{background:url(../images/book_bg.jpg) no-repeat top center; background-size:100% 100%;}
.book{width:90%; background:rgba(0,146,55,0.8); padding:8% 5%; color:#fff; margin:18% auto;}
.book p{text-align:center; line-height:60px; font-size:12px; clear:both}
.book_in{width:100%; line-height:40px; border:#fff 1px solid; margin-bottom:10px; background:none; text-indent:1em; color:#fff;}
.book_area{width:100%; min-height:100px; background:none; border:#fff 1px solid; color:#fff; text-indent:1em; margin-bottom:10px; line-height:24px;}
.book_btn{width:100%; line-height:40px; background:#fff; margin-bottom:20px; border:none; border-radius:5px; color:#009237;}

.home-device{position:relative; overflow:hidden;}
.swiper-wrapper{position: relative;}
.arrow-left{background: url(../images/h_l.png) no-repeat 0% 0% / 100%; left: 0px; top: 45%; width: 25px; height: 25px; display: block; position: absolute; z-index: 2;}
.arrow-right{background: url(../images/h_r.png) no-repeat 0% 0% / 100%; top: 45%; width: 25px; height: 25px; right: 0px; display: block; position: absolute; z-index: 2;}
.swiper-slide{width:100%; overflow:hidden; color:#313438; line-height:20px; float: left;}
.sf_m{width:100%; padding:10px 5% 0px; display:block;}
.sf_m li{width:44%; margin:0px 3%; position:relative; float:left}
.sf_m li img{width:100%; /*outline:#ddd 1px solid;*/ display:block;}
.sf_m li p{width:100%; height:30px; line-height:30px; text-align:center; color:#666; clear:both}


@media screen and (min-width:360px){body{font-size:14px}}
@media screen and (min-width:480px){body{font-size:16px}}
@media screen and (min-width:520px){body{font-size:18px}}
@media screen and (min-width:640px){body{font-size:20px}}