/* CSS Document */
html{font-size:62.5%; font-family: "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; background:#FFF;}
*{margin:0;padding:0;}
body{margin:0 auto;min-width:320px;line-height:1.5rem;font-size:1.5rem;color:#404040;overflow-x:hidden;}
table{border-collapse:collapse;}
ul{list-style:none;}
li{ list-style-type:none;}
img{border:0;vertical-align:middle; width:100%}
img{ width:100%;}
a{text-decoration:none;color:#666;background-color: transparent;-webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0;text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: 1.5rem;}
em{ font-style:normal;}
button,input,textarea{margin:0;padding:0;list-style-type:none;background:none;outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clear10{clear:both;height:10px;background:#eeeeee;}
.clear30{clear:both;height:30px}
.clear70{height:70px;background:#fff}
.flex_1 {-webkit-flex:2;-moz-flex:2;flex:2 }
.flex_2 {-webkit-flex:3;-moz-flex:3;flex:3 }
.flex_3 {-webkit-flex:1;-moz-flex:1;flex:1 }
.layout{display: -webkit-flex;-webkit-flex-flow: row;-webkit-align-items: stretch;-webkit-justify-content:space-between;
  /*IE10还不支持*/display: -ms-flex;-ms-flex-flow: row wrap;-ms-align-items: stretch;-ms-justify-content:space-between;
  display: flex; flex-flow: row;align-items: stretch;justify-content:space-between;}
.clear50{height:50px;clear:both;}
.clear{clear:both}

.wb{          display: -webkit-flex;
  -webkit-flex-flow: row;
  -webkit-align-items: stretch;
  -webkit-justify-content:space-between;
  
  /*IE10还不支持*/
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  -ms-align-items: stretch;
  -ms-justify-content:space-between;
	
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content:space-between;
        }

/* index */
.header{ width:100%; height:70px; padding:0 3%; box-sizing:border-box;position: fixed;top:0;z-index: 99999;background:#fff}
.header .logo{ width:40%; height:30px; margin:20px auto; float:left;}
.header .logo img{ width:100%; display:block;}
.header .nav{ width:10%; height:30px; margin:20px auto; float:right;}

.banner{ width:100%; height:155px; background:#000;}
.banner1{ width:100%; height:154px; background:#000;}
.banner .keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.banner .keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.banner .kePublic{background:#FFF; padding:0px;}
.banner .keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.banner .keTxtP{font-size:16px; color:#ffffff;}
.banner .keUrl{color:#FFF; font-size:30px;}
.banner .keUrl:hover{ text-decoration: underline; color: #FFF; }
.banner .mKeBanner,.mKeBanner div{text-align:center;}
.banner .main_visual{height:155px;overflow:hidden;position:relative;}
.banner .main_image{height:155px;overflow:hidden;position:relative;}
.banner .main_image ul{width:9999px;height:155px;overflow:hidden;position:absolute;top:0;left:0}
.banner .main_image li{float:left;width:100%;height:155px;}
.banner .main_image li span{display:block;width:100%;height:155px}
.banner .main_image li a{display:block;width:100%;height:155px}
.banner div.flicking_con{position:absolute;top:210px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;}
.banner div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}
.banner div.flicking_con a:nth-child(0){ left:0;}
.banner div.flicking_con a:nth-child(1){ left:13px;}
.banner div.flicking_con a:nth-child(2){ left:26px;}
.banner div.flicking_con a:nth-child(3){ left:39px;}
.banner div.flicking_con a:nth-child(4){ left:52px;}
.banner div.flicking_con a.on{ background:#FFF;height:24px;}
.banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:54%;margin-top:-37px;display:none;}
.banner #btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:15px;}
.banner #btn_next{background:url(../images/hover_right.png) no-repeat right top;right:15px;}

/*title*/
.index_title{ width:100%; height:28px; overflow:hidden;}
.index_title .title_con{ float:left;}
.index_title .title_x{ float:left; margin-right:10px;}
.index_title h3{ float:left; font-size:2.2rem; height:28px; line-height:28px; color:#444;}
.index_title .more{ float:right;}
.index_title .more em{ display:block; float:left; height:28px; line-height:28px; color:#bbb; font-size:1.5rem;} 
.index_title .more .more_icon{ float:right; width:9px; margin:4px 0px 8px 5px;}
.com_honors h3{ float:left; font-size:2.2rem; height:28px; line-height:28px; color:#fff;}

.title_text{ margin-top:3rem}
.title_text h4{ text-align:center; font-size:2.2rem; font-weight:300; line-height:2.5rem;}
.title_text p{ width:36px; margin:5px auto;}

.indexAbout{ width:100%; padding:0 3%; box-sizing:border-box; margin-top:3rem;}
.about_info{ font-size:1.5rem; line-height:1.8rem; font-weight:300; margin-top:10px;}
.about_img{ width:100%; margin-top:20px;}
.about_img .about_img01{ width:46%; float:left; height:120px;}
.about_img .about_img02{ width:46%; float:right; height:120px;}
.indexPro{ width:100%; padding:0 3%; box-sizing:border-box; margin-top:4rem;}
.wrapper03 {position:relative;height:2rem;width: 100%;overflow: hidden;margin:15px auto;border-bottom:1px solid #eee}
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {height: 2rem;color:#333;float: left;line-height: 2rem;font-size:1.6rem;text-align: center;}
.wrapper03 .scroller li a{color:#333;display:block;margin:0 .8rem;padding:0 .2rem;}
.wrapper03 .scroller li.cur a{color:#1cbb9b;height:1.9rem;border-bottom:.2rem solid #1cbb9b}

.pro_con{ width:100%; padding:0 3%; box-sizing:border-box; margin-top:1rem; overflow:hidden;}
.pro_list{ width:100%; position:relative; height:415px;}
.pro_list>li{ width:100%; position:absolute; top:0; left:0; height:415px; background:#FFF;}
.pro_list>li>ul>li{ width:46%; float:left; height:16rem; box-sizing:border-box; border:2px solid #18563e; margin-right:8%; margin-bottom:15px; position:relative; overflow:hidden;}
.pro_list>li>ul>li:nth-child(even){ margin-right:0;}
.pro_list>li>ul>li .listimg{width:100%;height:100%}
.pro_list .grass{ width:100%;}
.addon{z-index:999; display:block;}
.pro_text{ position:absolute; bottom:0; left:0; width:100%; height:35px; background:rgba(24,86,62,0.5); color:#FFF; font-weight:300; line-height:35px; font-size:1.6rem; text-align:center;}

.indexHonors{ width:100%;padding:30px 3% 0 3%; box-sizing:border-box; margin-top:4rem; height:24rem; background:url(../images/honors_bg.png) center no-repeat; background-size:cover;}
#container {width:100%;padding:10px;margin:0 auto;position:relative;z-index:0;}
#example {width:100%;height:6rem;position:relative;}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;height:8rem;}
#slides {position:absolute;top:15px;left:4px;z-index:100;height:15rem; overflow:hidden; background:url(../images/honors_bg2.png) center no-repeat; background-size:cover; width:85%; }
#slides .next,#slides .prev {position:absolute;top:20px;left:230px;width:8px;height:16px;display:block;z-index:101;}
.slides_container {width:98%;height:9rem; padding:20px 0;overflow:hidden;position:relative; margin-left:10px;}
#slides .next {left:250px;}
.service_pro{ float:left; width:255px; margin-left:20px;}
.service_pro h3{ margin:5px 0; color:#FFF;}
.service_pro h4{ margin-top:10px; font-size:1.3rem; color:#fff; line-height:30px;}
.service_pro h3 em{ border-bottom:1px solid #2ea275; padding-bottom:5px;}

.indexcontact{width:100%; padding:0 3%; box-sizing:border-box; margin-top:4rem;}
.contact_con{ width:100%; margin-bottom:60px;}
.contact_text{ margin:8px 0; width:100%;}
.contact_text em{ display:block; width:20px; height:20px; overflow:hidden; margin-right:10px; float:left;margin-top:6px}
.contact_text p{ float:left; height:30px; line-height:30px; font-size:1.5rem; font-weight:300; width:80%;}
.indexBottom{ width:94%; margin:0 3%; border-top:1px solid #ccc; font-size:1.5rem; color:#CCC; text-align:left; line-height:2rem; padding-top:5px;}

/*about_us*/
.about_con{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}
.about_con p{ font-size:1.4rem; font-weight:300; line-height:2rem; margin:10px 0;}
/*products*/
.products{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}
.products>ul>li{ width:46%; float:left; height:16rem; box-sizing:border-box; border:2px solid #18563e; margin-right:8%; margin-bottom:15px; position:relative; overflow:hidden;}
.products>ul>li:nth-child(even){ margin-right:0;}
.products>ul>li a{ display: block;width:100%;height:100%}
.equipment{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}
.growth{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}
.research{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}

.honor_img{ width:100%; margin-top:20px; margin-bottom:10px;}
.honor_img .honor_img01{ width:35%; float:left; height:120px; margin-right:2%;}
.honor_img .honor_img02{ width:35%; float:left; height:120px; margin-right:2%;}
.honor_img .honor_img03{ width:25%; float:right; height:120px; }
.honor_img .honor_img04{ width:48%; float:left; height:140px;}
.honor_img .honor_img05{ width:48%; float:right; height:140px;}
.certificates_img{ width:100%; margin-top:20px; margin-bottom:20px;}
.certificates_img .certificates_img01{ width:48%; float:left; height:270px;}
.certificates_img .certificates_img02{ width:48%; float:right; height:270px;}


.pro_d{ width:100%; height:220px; }
.pro_d .keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.pro_d .keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.pro_d .kePublic{background:#FFF; padding:0px;border:1px solid #eee}
.pro_d .keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.pro_d .keTxtP{font-size:16px; color:#ffffff;}
.pro_d .keUrl{color:#FFF; font-size:30px;}
.pro_d .keUrl:hover{ text-decoration: underline; color: #FFF; }
.pro_d .mKebanner,.mKebanner div{text-align:center;}
.pro_d .main_visual{height:220px;overflow:hidden;position:relative;}
.pro_d .main_image{height:220px;overflow:hidden;position:relative;border:1px solid #eee}
.pro_d .main_image ul{width:9999px;height:220px;overflow:hidden;position:absolute;top:0;left:0}
.pro_d .main_image li{float:left;width:100%;height:220px;}
.pro_d .main_image li span{display:block;width:100%;height:220px}
.pro_d .main_image li a{display:block;width:100%;height:220px}
.pro_d div.flicking_con{position:absolute;top:180px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;display:none}
.pro_d div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}
.pro_d div.flicking_con a:nth-child(0){ left:0;}
.pro_d div.flicking_con a:nth-child(1){ left:13px;}
.pro_d div.flicking_con a:nth-child(2){ left:26px;}
.pro_d div.flicking_con a:nth-child(3){ left:39px;}
.pro_d div.flicking_con a:nth-child(4){ left:52px;}
.pro_d div.flicking_con a.off{ background:#FFF;height:24px;}
.pro_d #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:54%;margin-top:-37px;}
.pro_d #btn_prev{background:url(../images/hover_left.png) no-repeat center;left:15px;background-size:contain}
.pro_d #btn_next{background:url(../images/hover_right.png) no-repeat center;right:15px;background-size:contain }

.pro_con_d{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px;}
.spec{ width:100%; margin-bottom:20px;}
.spec p{ text-align:center; font-size:1.5rem; font-weight:300; line-height:2rem; color:#444; margin:5px auto;}
.spec p em{ color:#222; font-weight:400;}
.spec p b{ color:#444; font-weight:300; display:block; float:left;}
.cer{ display:block; width:50%; float:left; margin-left:5px}
.cert{ width:200px;}

.features{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px; margin-bottom:30px}
.feat_title{ margin-bottom:15px;}
.feat_title em{ padding-bottom:5px; border-bottom:1px solid #ccc; font-size:1.5rem; font-weight:300; color:#444; }

.feat_text{ padding:5px;}
.feat_text h4{ text-align:center; font-size:1.8rem; font-weight:400; line-height:2rem; color:#444; margin-top:2rem; margin-bottom:5px}
.feat_text p{ text-align:center; font-size:1.5rem; font-weight:300; line-height:1.8rem; color:#444;}
.feat_img{ padding:5px;}
.jq22-container{ width:100%;padding:0 3%; box-sizing:border-box; margin-top:20px; }

tr{display:flex}
td{flex:1}
@media screen and (max-width:380px){
    .banner1{ width:100%; height:119px; background:#000;}
    .banner{ width:100%; height:140px; background:#000;}
    .banner .main_visual{height:140px;overflow:hidden;position:relative;}
    .banner .main_image{height:140px;overflow:hidden;position:relative;}
    .banner .main_image ul{width:9999px;height:140px;overflow:hidden;position:absolute;top:0;left:0}
    .banner .main_image li{float:left;width:100%;height:140px;}
    .banner .main_image li span{display:block;width:100%;height:140px}
    .banner .main_image li a{display:block;width:100%;height:140px}
    .banner div.flicking_con{position:absolute;top:170px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;}
    .banner div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}

	.banner1{ width:100%; height:140px; background:#000;}
	.pro_d{ width:100%; height:200px; background:#000;}
	.pro_d .main_visual{height:200px;overflow:hidden;position:relative;}
	.pro_d .main_image{height:200px;overflow:hidden;position:relative;}
	.pro_d .main_image ul{width:9999px;height:200px;overflow:hidden;position:absolute;top:0;left:0}
	.pro_d .main_image li{float:left;width:100%;height:200px;}
	.pro_d .main_image li span{display:block;width:100%;height:200px}
	.pro_d .main_image li a{display:block;width:100%;height:200px}
	.pro_d div.flicking_con{position:absolute;top:160px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;}
	.pro_d div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}
	.pro_d #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:54%;margin-top:-37px;}
	.contact_con{ width:100%; margin-bottom:60px;}
}
@media screen and (max-width:350px){
	.banner1{ width:100%; height:119px; background:#000;}
	.banner{ width:100%; height:120px; background:#000;}
	.banner .main_visual{height:120px;overflow:hidden;position:relative;}
	.banner .main_image{height:120px;overflow:hidden;position:relative;}
	.banner .main_image ul{width:9999px;height:120px;overflow:hidden;position:absolute;top:0;left:0}
	.banner .main_image li{float:left;width:100%;height:120px;}
	.banner .main_image li span{display:block;width:100%;height:120px}
	.banner .main_image li a{display:block;width:100%;height:120px}
	.banner div.flicking_con{position:absolute;top:170px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;}
	.banner div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}
	.honor_img .honor_img01{ width:35%; float:left; height:90px; margin-right:2%;}
	.honor_img .honor_img02{ width:35%; float:left; height:90px; margin-right:2%;}
	.honor_img .honor_img03{ width:25%; float:right; height:90px; }
	.honor_img .honor_img04{ width:48%; float:left; height:120px;}
	.honor_img .honor_img05{ width:48%; float:right; height:120px;}
	.pro_d{ width:100%; height:170px; background:#000;}
	.pro_d .main_visual{height:170px;overflow:hidden;position:relative;}
	.pro_d .main_image{height:170px;overflow:hidden;position:relative;}
	.pro_d .main_image ul{width:9999px;height:170px;overflow:hidden;position:absolute;top:0;left:0}
	.pro_d .main_image li{float:left;width:100%;height:170px;}
	.pro_d .main_image li span{display:block;width:100%;height:170px}
	.pro_d .main_image li a{display:block;width:100%;height:170px}
	.pro_d div.flicking_con{position:absolute;top:130px;left:54%;z-index:999;width:100px;height:30px;margin:0 0 0 -50px;}
	.pro_d div.flicking_con a{position:absolute; bottom:0;float:left;width:3px;height:15px;display:block;text-indent:-1000px; background:rgba(255,255,255,0.5); margin:0 5px; border-radius:3px;}
	.pro_d #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:54%;margin-top:-37px;}
	.feat_text h4{ text-align:center; font-size:1.5rem; font-weight:400; line-height:2rem; color:#444; margin-top:1rem; margin-bottom:3px}
	.feat_text p{ text-align:center; font-size:1rem; font-weight:300; line-height:1.5rem; color:#444;}
	.certificates_img .certificates_img01{ width:48%; float:left; height:220px;}
	.certificates_img .certificates_img02{ width:48%; float:right; height:220px;}
	.about_img .about_img01{ width:46%; float:left; height:100px;}
	.about_img .about_img02{ width:46%; float:right; height:100px;}
	.contact_con{ width:100%; margin-bottom:60px;}
	#slides {position:absolute;top:15px;left:4px;z-index:100;height:13rem; overflow:hidden; background:url(../images/honors_bg2.png) center no-repeat; background-size:cover; width:94%; }
	.slides_container {width:98%;height:9rem; padding:20px 0;overflow:hidden;position:relative; margin-left:0px;}
}

.pagination{display:none}
.BMap_Marker img {
    width: auto
}
.indexBottom>div{width:100%;height:30px;line-height:30px;font-size:1.5rem;}
.indexBottom>div>a{color:#ccc;margin:0 10px}
.indexBottom>div>a.on{color:#444}