@charset "utf-8";@font-face{font-family:CENTURYGOTHIC-BOLD;src:url(CENTURYGOTHIC-BOLD.OTF)}
body{min-width:300px}
.container{width:100%;margin:0 auto}
.content { padding: 0 10%; margin: 0 auto;}
header{width:100%;height:75px;margin:0 auto;position:relative;z-index:99;box-shadow:0 1px 20px rgba(0,0,0,.15)}
header a.logo{float:left;display:block;line-height:65px;text-align:center;padding-left:3%;padding-right:30px}
header .header_pro{float:left;width:116px;height:75px;line-height:75px;border-left:1px #E6E6E6 solid;border-right:1px #E6E6E6 solid}
header .header_pro a.on{display:block;color:#167852;font-size:14px;text-align:center}
header .header_pro a.on i{display:inline-block;width:18px;height:11px;background:url(../images/header_pro_icon.png) no-repeat left center}
header .header_country{float:right;width:116px;height:75px;border-left:1px #E6E6E6 solid;border-right:1px #E6E6E6 solid;position:relative;z-index:999}
header .header_country a.on{cursor:pointer;display:block;text-align:center;height:75px;line-height:75px;font-size:14px}
header .header_country a.on i{display:inline-block;width:18px;height:11px;background:url(../images/header_pro_icon.png) no-repeat left center}
header .header_country ul{position:absolute;left:0;top:75px;display:none;width:100%}
header .header_country ul{display:none}
header .header_country ul li{height:40px;line-height:40px;width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px);width:calc(100% - 15px);padding-left:15px;font-size:14px;cursor:pointer;color:#FFF;background-color:#B2B2B2;border-top:1px #E6E6E6 solid}
header .header_country ul li a{color:#FFF}
header .header_country ul li:hover{background-color:#167852;color:#FFF}
header .header_search{float:right;width:18%;height:75px;}
header .header_search .search_icon{float:left;width:210px;height:75px;text-align:left;
line-height:75px; font-size: 20px;}
header .header_search .search_icon1{float:left;width: calc(100% - 210px);height:75px;text-align:left;
line-height:75px; font-size: 20px;}
header .header_search .search_icon img{cursor:pointer;}
header .header_search .search_main{position:absolute;right:0;top:0;overflow:hidden;height:75px;width:0;background-color:#FFF}
header .header_search .text{float:left;border:1px #E6E6E6 solid;width:205px;border:1px #E6E6E6 solid;font-size:16px;font-family:"微软雅黑";height:73px;padding:0 10px}
header .header_search .btn{float:right;border:none;width:19px;height:25px;padding:27px 27px;line-height:75px;cursor:pointer;background:url(../images/header_search.jpg) #167852 repeat-x left bottom}
header .menu{float:left;height:75px; margin-left: 4%;background: #fff;}
header .menu .child{float:left;display:inline-block;/*position:relative;*/width:115px;height:75px;line-height:75px;text-align:center;z-index: 9999;}
header .menu .child .title{display:block;font-size:15px;color:#666;text-transform:uppercase;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;background:url(../images/menu-A.png) repeat-x none;background-position:left bottom}
header .menu .child:hover .title{color:#167852;background:url(../images/menu-A.png) repeat-x;background-position:left bottom}
header .menu .spline{float:left;width:1px;height:75px;display:inline-block;background:url(../images/topnavline.jpg) no-repeat right center}
header .menu .child .childContent{display:none;position:absolute;top:75px; left: 0;width:100%; background: #fff;}
header .menu .child .childContent .ban_left { width: 60%; float: left; padding: 0 10% 0 10%; text-align: left;background: #f4f4f6; }
header .menu .child .childContent .ban_left ul{ width: 100%; margin-top: 50px;}
header .menu .child .childContent .ban_left ul li{ float: left; width: 20%;margin-bottom: 20px; min-height: 200px; }
header .menu .child .childContent .ban_left ul li h1{ font-size:18px;line-height: 36px;margin-bottom: 10px;font-weight: bold; }
header .menu .child .childContent .ban_left ul li p{ font-size:15px; line-height: 30px;height: 30px;  }
header .menu .child .childContent .ban_left ul li a:hover p{background: #167852;color: #fff;}
/* header .menu .child .childContent .ban_left h3 { font-size: 19px; font-weight: 800; padding: 5% 0 2%;}
header .menu .child .childContent .ban_left p { line-height: 30px; font-size: 14px; color: #666;}
header .menu .child .childContent .ban_left a { background: #167852; color: #fff; padding: 2% 8%; font-size: 14px;} */
header .menu .child .childContent .ban_list {width: 20%; float: left;font-size: 28px;font-weight: bold;padding-top: 50px;}
header .menu .child .childContent .ban_list a { display: block; width: 50%; margin: 0 10%; line-height: 58px; color: #10664b; font-size: 22px; text-align: center;}
header .menu .child .childContent .ban_list a:hover { background: #167852; color: #fff;}
header .menu .child .childContent .ban_right {width: 25%; float: left;}
header .menu .child .childContent .ban_right img { margin-top: 35px;}
/*header .menu .child .childContent a{display:block;background:#fff;color:#666;text-transform:capitalize;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-moz-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-ms-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-o-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);box-shadow:0 2px 2px 0 rgba(125,125,125,.2)}
header .menu .child .childContent a:hover{background:#167852;color:#fff}*/
header .menu .child .pointer{display:none;position:absolute;top:38px;right:32px;cursor:pointer}
header .menu .child .childContent *{/* transition-duration:.2s; */-ms-transition-duration:.2s;-moz-transition-duration:.2s;/* -webkit-transition-duration:.2s; */}
header .wapbtn{display:none}
header .searchContent{display:none;position:absolute;z-index:9;top:75px;left:0;width:100%;height:150px;background:rgba(0,0,0,.6);text-align:center}
header .searchContent form{margin:50px auto 0 auto}
header .searchContent form #topkeys{font-family:"微软雅黑",Arial,"Arial Narrow";font-size:14px;background:#fff;border:1px solid rgba(0,0,0,.9);border-radius:1px;padding:0 15px;width:40%;height:50px;line-height:50px;-moz-box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;outline:medium}
header .searchContent form #go{font-family:"微软雅黑",Arial,"Arial Narrow";font-size:16px;font-weight:700;color:#fff;background:#128f5f;border-radius:1px;padding:0 15px;width:80px;height:52px;line-height:52px;cursor:pointer;outline:medium;border:none;}
header .searchContent form #go:hover{background:#00a64f}
@media only screen and (max-width:1450px){header .menu .child{width:95px}
}
@media only screen and (max-width:1300px){header .menu .child{width:80px}
}
@media only screen and (max-width:1200px){header .menu .child{width:75px}
}
@media only screen and (max-width:1150px){header .header_search{display:none}
header .wapbtn{display:inline-block;position:absolute;z-index:9;top:22px;right:150px}
header .wapbtn .search{margin-right:30px;padding-right:10px;border-right:1px solid rgba(0,0,0,.1)}
header .wapbtn .search img{width:32px;opacity:.3}
header .wapbtn .btn-menu img{width:32px}
header .menu{position:absolute;top:75px;right:0;left:auto;display:none;padding-bottom:20px;width:100%;height:auto!important;z-index:99999}
header .menu .spline{display:none}
header .menu .child{float:none;margin:0 auto;width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);width:calc(100% - 20px);margin-left:10px;height:auto!important;border-bottom:1px solid #dadada;background-color:#FFF;text-align:left;line-height:35px!important}
header .menu .child:nth-child(2){border-top:1px solid #dadada}
header .menu .child .title{display:inherit;padding:5px 0 5px 20px;background:0 0!important;color:#666;font-size:14px}
header .menu .child .childContent{position:relative;top:0!important;display:none;width:100%}
/*header .menu .child .childContent */
/*header .menu .child .childContent a{padding-left:20px;height:35px;border-top:1px solid #dadada;background-color:#F3F3F5;border-bottom:0;color:#666;font-size:12px;line-height:35px}*/
header .menu .child .pointer{top:3px;right:3px;display:block}
header .searchContent{top:75px}
header .menu .child .childContent .ban_list { font-size: 18px;padding-top: 10px;}
header .menu .child .childContent .ban_list a {  line-height: 28px;  font-size: 14px; }

}
@media only screen and (max-width:750px){header a.logo{padding-left:20px}
header .header_country{display:none}
header .wapbtn{right:3%}
}
@media only screen and (max-width:650px){header{height:50px}
header a.logo{line-height:50px}
header a.logo img{height:30px}
header .header_pro{height:50px;line-height:50px;border-top:1px #E5E5E5 solid}
header .wapbtn{top:10px}
header .menu{top:50px}
header .searchContent{top:50px}
}
@media only screen and (max-width:550px){header a.logo img{height:26px}
header .wapbtn .search{display:none}
header .header_pro{float:right;margin-right:15%;width:90px}
}
@media only screen and (max-width:440px){header a.logo img{height:20px}
}
@media only screen and (max-width:440px){header a.logo{padding-left:10px;padding-right:0}
header .wapbtn{right:1%}
}
.allcars{position:fixed;width:100%;top:75px;z-index:999;overflow-x:hidden;background-color:#fff}
.allcars ul li{position:relative;left:20px;top:0;opacity:0;width:25%;float:left;box-shadow:inset 1px 0 1px #f9f9f9;box-shadow:inset 0 1px 1px #f9f9f9}
.allcars ul li:hover .carimg{background-color:#000}
.allcars ul li:hover .carimg img{width:100%;opacity:.8;transition:all .5s ease 0s}
.allcars ul li:hover .carbrief .carmore{padding-left:30px;background:url(../images/cararr.png) no-repeat left center;background-size:8px 13px;transition:all .5s ease 0s}
.allcars ul li .carimg{display:block;width:100%}
.allcars ul li .carimg img{width:100%;transition:all .5s ease 0s}
.allcars ul li .carbrief{text-align:center}
.allcars ul li .carbrief .brief{padding:6%;border-bottom:1px #f9f9f9 solid}
.allcars ul li .carbrief .brief h2{font-size:22px;color:#333}
.allcars ul li .carbrief .brief .des{font-size:14px;color:#666;line-height:16px;height:32px;overflow:hidden}
.allcars ul li .carbrief .carmore{display:inline-block;font-size:14px;color:#127650;padding:9px 0;padding-left:40px;background:url(../images/cararr.png) no-repeat left center;background-size:8px 13px;transition:all .5s ease 0s}
.allcars ul li:hover .carimg img{opacity:1;transition:all .5s ease 0s}
@media screen and (max-width:980px){.allcars ul li{width:50%}
}
@media screen and (max-width:766px){.allcars{top:51px}
.allcars ul li{width:100%}
.allcars ul li .carimg{display:inline-block;width:40%;vertical-align:top}
.allcars ul li .carbrief{display:inline-block;width:57%;box-sizing:border-box;vertical-align:top}
.allcars ul li .carbrief .brief{padding:4%;text-align:left;border-bottom:none}
.allcars ul li .carbrief .brief h2{font-size:14px}
.allcars ul li .carbrief .brief .des{font-size:12px}
.allcars ul li .carbrief .carmore{display:none}
}
.hot_foot{/*padding:80px 0 60px;*/background-color:#F2F2F2;}
.hot_foot .nav{float:left; width: 36%; background: #fff; padding: 3.5% 2%;/*max-width:700px;width:-moz-calc(100% - 820px);width:-webkit-calc(100% - 820px);width:calc(100% - 820px)*/}
.hot_foot .nav dl{float:left;min-height:150px;width:25%; text-align: center;}
.hot_foot .nav dl dt{font-size:17px;font-weight:700;color:#4C4C4C;margin-bottom:20px;line-height:100%}
.hot_foot .nav dl dd{margin-top:5px}
.hot_foot .nav dl dd a{font-size:14px;color:#7F7F7F}
.hot_foot .feadback{float:left;width:26%;position:relative;margin: 2% 0 0 4.5%;}
.hot_foot .feadback h1{font-size:18px;color:#4C4C4C;font-weight:700;line-height:100%}
.hot_foot .feadback .text1{width:45%;height:30px;border:1px #E5E5E5 solid;resize:none;border-radius:3px;padding:0 2%;margin-top:15px}
/*.hot_foot .feadback .in1{margin-left:2%}*/
.hot_foot .feadback .textarea{width:96%;height:90px;line-height:30px;border:1px #E5E5E5 solid;resize:none;border-radius:3px;padding:0 2%;margin-top:8px}
.hot_foot .feadback .btn{position:absolute;bottom:15px;right:10px;width:15px;cursor:pointer;height:15px;border-radius:100%;border:1px solid #666;background:url(../images/hot_news_icon.png) no-repeat center -9px}
.hot_foot .feadback .btn{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s}
.hot_foot .feadback .btn:hover{border:1px solid #167852;background-position:center 4px}
.hot_foot .linkewm{width:20%;float:left;text-align:center;margin-left: 7%;}
.hot_foot .linkewm div { display: inline-block; float: left; margin: 21% 4% 6%; text-align:center;font-size:14px;color:#4C4C4C; width: 40%;}
.hot_foot .linkewm div img{display:block;margin:0 auto;width: 88%}
.hot_foot .linkewm .link a{margin:0 5px}

@media only screen and (max-width:1480px){
	header .menu { margin-left: 0;}
	.hot_foot .linkewm div { margin-top: 22%;}

}
@media only screen and (max-width:1250px){
	.hot_foot .linkewm div { margin-top: 28%; font-size: 12px;}
}

@media only screen and (max-width:1160px){
	.hot_foot .nav{width: 96%;}
	.hot_foot .linkewm { width: 28%;}
	.hot_foot .linkewm div { margin-top: 20%;}
	.ban_left { display: none;}
	.ban_right { display: none;}
	header .menu .child .childContent .ban_list { width: 40%; margin-top: 0; margin-left: -12%;}
	header .menu .child .childContent .ban_list a { width: 100%;}
}
@media only screen and (max-width:750px){
.hot_foot .feadback{width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin-left:20px}
.hot_foot .linkewm{display:block;width:100%;margin:0;padding:0;padding-top:20px}
.hot_foot .linkewm h1{width:100%}
.hot_foot .linkewm h1 img{width:auto;max-width:200px}
.hot_foot .linkewm .link a{display:none}
}
@media only screen and (max-width:550px){.hot_foot .nav dl{width:100%;min-height:inherit}
.hot_foot .nav dl dt{padding-bottom:5px;border-bottom:1px #E5E5E5 solid;background:url(../images/menu-pointer.png) no-repeat right center;cursor:pointer}
.hot_foot .nav dl dd{display:none;border-bottom:1px #E5E5E5 dashed;line-height:30px}
.hot_foot .nav dl dd a{display:block}
.hot_foot .nav dl dd:last-child{margin-bottom:20px}
.hot_foot .feadback{margin-top:20px;display:none}
.hot_foot .feadback .text1{width:96%}
.hot_foot .feadback .in1{margin-left:0}
}
footer{padding:20px 60px;background-color:#4D4D4D;font-size:14px;color:#FFF;line-height:32px}
footer .right{float:right; background: url(../images/online.png) no-repeat; padding: 0 3%; line-height: 36px;}
footer .right span{height:32px;line-height:32px;margin-right:10px;display:inline-block;border-radius:5px;padding:0 10px;background-color:#656565}
footer .right a{margin:0 5px}
@media only screen and (max-width:1480px){ 
	footer .right { padding: 0 4%;}
}
@media only screen and (max-width:1160px){footer{text-align:center;padding:20px 20px}
footer .right{display:none}
}






/********首页证书*************/

.honor{ width: 100%;overflow: hidden; }
.honor_l{ width: 38%; float: left;background: url('../images/honor_l.jpg') no-repeat right;
 height: 247px;color: #fff; }
.honr_l_wen{ width: 190px; float: right; margin-right:20%;margin-top: 60px;  }
.honr_l_wen h1{font-size: 30px;line-height: 40px;}
.honr_l_wen h1 span{ font-size: 14px;line-height: 40px; }
.honr_l_wen .honor_more{border: solid 1px #fff; width: 158px;height: 50px;line-height: 50px;
padding-left: 15px;padding-right: 15px;margin-top: 40px;}
.honr_l_wen .honor_more a{ color: #fff;display: block; }
.honr_l_wen .honor_more i{ float: right;margin-right: 30px; }
.honr_l_wen .honor_more a:hover i{margin-right: 15px;}
.honor_r{ width: 62%; float: left;background: url('../images/honor_r.jpg') no-repeat left; height: 247px; }
.honor_r ul{margin-top: 60px;}
.honor_r ul li{ float: left; width: 220px;height: 130px;background: #636363;margin-left: 20px;text-align: center; }
.honor_r ul li a{ color: #fff; display: block; }
.honor_r ul li:hover{background: #127650;}
.honor_r ul li img{margin-top: 17px;}
.honor_r ul li p{font-size: 18px; line-height: 40px;letter-spacing: 1px;}
@media only screen and (max-width:1200px){
.honor_r ul li{  width: 25%; }
}
@media only screen and (max-width:767px){
.honor_l{ width: 100%; display: none; }
.honor_r{ width: 100%; }
.honor_r ul li{  width: 30%;margin-left: 3%; }
.honor_r ul li p{font-size: 14px; line-height: 40px;letter-spacing: 0px;}
}


.index_pro{background: #f2f2f2; width: 100%; height: auto;overflow: hidden;}
.index_pro_t{ width: 90%;margin: 55px 5%; float: left }
.index_pro_t h1{ float: left; font-size: 36px;line-height: 40px;color: #167852; }
.index_pro_t h1 span{font-size: 16px;color: #b8b8b8;line-height: 40px;margin-left: 5px;}
.index_pro_more{ float: right; width: 110px;height: 40px;border: solid 1px #127650;text-align: center;
line-height: 40px; }
.index_pro_more a{ display: block; }

.index_pro_b{ width: 90%;margin: 0 5% 50px 5%; float: left;overflow: hidden; }
.index_pro1{height: 640px; width: 24%;margin-right: 1%;background: #fff; float: left; overflow: hidden; }
.index_pro1 h1{line-height:24px; float: left;font-weight: bold;font-size: 28px;color: #4d4d4d; 
margin: 50px 0 30px 30px; }
.index_pro2{height: 640px; width: 24%;margin-right: 1%; float: left; }
.index_pro2 div.index_pro21{ width: 100%;height: 310px;margin-bottom: 20px;background: #fff; float: left; }
.index_pro2 div.index_pro21:nth-child(2){ width: 100%;height: 310px;background: #fff;float: left; }
.index_pro2 .index_pro2_img{ width:100%;height: 220px;line-height: 220px; float: left;margin-top: 10px;text-align: center;  }
.index_pro2 .index_pro2_img img{max-width: 100%;max-height:220px;display: inline-block; vertical-align: middle; }
.index_pro2 .index_pro21 p{ font-size: 24px;color: #4d4d4d;line-height: 34px;font-weight: bold;
 float: left; width: 100%;text-align:center;margin-top: 10px; }
.index_pro2  a:hover{ color: #167852; }
.index_pro3{height: 640px; width: 24%;margin-right: 1%;background: #fff; float: left; }
.index_pro3_img{ width: 80%;height: 365px;line-height:365px;text-align: center;margin-left: 10%;margin-top: 30px; }
.index_pro3_img img{ max-width: 100%;max-height: 365px;display: inline-block; vertical-align: middle;  }
.index_pro3 h1{color: #4d4d4d;font-weight: bold;font-size: 24px;line-height: 34px;margin-top: 40px;
text-align: right;}
.index_pro3 p{text-align: right;font-size: 16px;line-height: 24px;margin-top: 20px;}
.index_pro4{ height: 640px; width: 25%;background: #fff; float: left; }
.index_pro4 ul{ width:80%;margin: 20px 10%;}
.index_pro4 ul li{ float: left;color: #4d4d4d;font-size: 20px;line-height: 52px;width: 100%;
	height: 52px; overflow: hidden; }
.index_pro4 ul li img{margin-right: 30px; width: 22px;height: 22px;}


.picScroll-left{ overflow:hidden; position:relative;width: 100%;      }
.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right;
 margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer;
  background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:20px; margin-left: 30px; float: left;
 width: 80%;margin-left: 10%;}
.picScroll-left .hd ul li{ float:left;  width:30%; height:6px; overflow:hidden; margin-right:1%;
 text-indent:-999px; cursor:pointer; background:#ccc 0 -6px no-repeat;border-radius: 5px; }
.picScroll-left .hd ul li.on{ background:#167852 }
.picScroll-left .bd{ width: 100%; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline;overflow:hidden; text-align:center;
overflow: hidden; height:530px; width: 100%; }
.picScroll-left .bd ul li .pic{ text-align:center;width:100%; height:420px; line-height: 420px; }
.picScroll-left .bd ul li .pic img{ max-width:100%; max-height:420px; display:inline-block;
vertical-align: middle; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:28px; float: left;font-weight: bold;font-size: 24px;
color: #4d4d4d; margin: 50px 0 30px 5%;width: 90%;}

@media only screen and (max-width:1600px){
.index_pro4 ul{ width:90%;margin: 20px 5%;}
.index_pro4 ul li{ font-size: 18px; }
.index_pro4 ul li img{margin-right: 10px;}
}
@media only screen and (max-width:1400px){
.index_pro1{height: 640px; width: 49%;margin-right: 1%;float: left;margin-bottom:10px;}
.index_pro2{height: 640px; width: 49%; float: left;margin-bottom:10px; }
.index_pro3{height: 640px; width: 49%;margin-right: 1%;background: #fff; float: left; }
.index_pro4{ height: 640px; width: 50%;background: #fff; float: left; }
}
@media only screen and (max-width:500px){
.index_pro_t h1{  font-size: 24px;line-height: 36px;}
.index_pro_t h1 span{font-size: 14px;color: #b8b8b8;line-height: 36px;margin-left: 5px;}
.index_pro_more{  width: 100px;height: 36px;line-height: 36px; }
.picScroll-left .bd ul li{ height:380px;}
.picScroll-left .bd ul li .pic{ height:300px; line-height: 300px; }
.picScroll-left .bd ul li .pic img{  max-height:300px; }
.index_pro1{height: 440px;}
.picScroll-left .bd ul li .title{ font-size: 18px;margin: 30px 0 10px 5%; width: 90%;}
.index_pro2{height: 440px; width: 49%;margin-right: 1%; float: left;margin-bottom: 10px; }
.index_pro2 div.index_pro21{ width: 100%;height: 215px;margin-bottom: 10px; }
.index_pro2 div.index_pro21:nth-child(2){ width: 100%;height: 215px;margin-bottom: 0px; }
.index_pro2 .index_pro2_img{ width:80%;height: 160px;line-height: 160px; margin-left: 10%;  }
.index_pro2 .index_pro2_img img{max-width: 100%;max-height:160px;display: inline-block; vertical-align: middle; }
.index_pro2 .index_pro21 p{ font-size: 14px;line-height: 34px; width: 100%;text-align: center;margin-top: 0px; }
.index_pro3{height: 440px; width: 49%;}
.index_pro3_img{ height: 250px;line-height:250px;margin-top: 10px; }
.index_pro3_img img{ max-height: 300px; }
.index_pro3 h1{font-size: 16px;line-height: 24px;margin-top: 20px;}
.index_pro3 p{text-align: right;font-size: 13px;line-height: 24px;margin-top: 20px;}
.index_pro4{ height: 440px; width: 49%;}
.index_pro4 ul{ width:90%;margin: 20px 5%;}
.index_pro4 ul li{ float: left;font-size: 14px;line-height: 36px;height: 36px;  }
.index_pro4 ul li img{margin-right: 10px; width: 22px;height: 22px;}
}





.index_about{ width: 100%;background: url('../images/index_about.jpg')no-repeat top left;height: 720px; }
.index_about_l{ width: 35%;margin-left: 10%; padding-top: 145px; }
.index_about_l h1{ color: #e4e4e4; font-size: 36px; font-weight: bold; line-height: 50px; }
.index_about_l h1 span{ color: #b1b1b1; font-weight: normal; font-size: 18px; line-height: 50px;
margin-left: 10px;opacity: 0.37; }
.index_about_l p{ color: #fff; opacity: 0.8; font-size: 18px; line-height: 40px;margin-top: 10px;
margin-bottom: 80px;  }
.index_about_more{ width: 160px; height: 45px;border: solid 1px #167852; text-align: center;
 line-height: 45px;  }
.index_about_more a{ color: #167852; }
@media only screen and (max-width:1300px){
.index_about_l{ width: 45%; padding-top: 120px; }
}
@media only screen and (max-width:1000px){
.index_about_l{ width: 75%; padding-top: 120px; }
}
@media only screen and (max-width:600px){
.index_about_l{ width: 75%; padding-top: 30px; }
}
@media only screen and (max-width:450px){
.index_about_l{ width: 85%; padding-top: 30px; }
.index_about_l p{ color: #fff; opacity: 0.8; font-size: 16px; line-height: 40px;margin-top: 10px;
margin-bottom: 40px;  }
}



.index_other{ width: 100%;background: #128f5f;height: 180px; }
.index_other ul{ width: 60%;background: #167852;margin-left: 20%; }
.index_other ul li{ float: left; border-right: solid 2px #3b8e6e; background: #167852;height: 180px;
width: -moz-calc(25% - 2px);  width: -webkit-calc(25% - 2px);width: calc(25% - 2px);
 color: #fff;line-height: 40px;font-size: 24px;text-align: center; }
.index_other ul li:hover a img{ width: 80px; height: 80px;margin-top: 35px;  }
.index_other ul li a{ color: #fff; }
.index_other ul li a img{margin-top: 40px;}
@media only screen and (max-width:1000px){
	.index_other ul li{ font-size: 18px; }
.index_other ul{ width: 100%;background: #167852;margin-left: 0%; }
}
@media only screen and (max-width:600px){
.index_other ul li{ font-size: 13px; }
.index_other ul li a img{margin-top: 40px;}
}


.index_news{ width: 50%; float: left;padding:80px 0 80px 5%; background: #f8f8f8; height: 440px;}
.index_news h1{ font-size: 36px;font-weight: bold;color: #167852;line-height: 40px;margin-bottom: 10px; }
.index_news h1 span{ font-size: 16px;line-height: 40px; color: #b8b8b8; font-weight: normal;margin-left: 10px; }
.index_newsl{ float: left; width: 282px; height: 342px; }
.index_newsl img{ width: 100%; }
.index_newsr{ float: left; width: 600px;  }
.index_newsr ul{ width: 100% }
.index_newsr ul li{ float: left; width: 100%;height: 48px;overflow: hidden }
.index_newsr ul li a img{ float: left;width: 12px; height: 13px;margin-top: 17px;margin-left: 30px;  }
.index_newsr ul li a p{ float: left; font-size: 16px; line-height: 48px; height: 48px; color: #4d4d4d;
margin-left: 10px; width: 540px; }
.index_newsr .index_newsm{ width: 135px; height: 40px; line-height: 40px;text-align: center;
font-size: 16px; color: #358362;border: solid 1px #358362;  float: left;margin-left: 30px;
margin-top: 12px;}

@media only screen and (max-width:1800px){
.index_newsr{ width: 500px;  }
.index_newsr ul li a p{ width: 440px; }
}
@media only screen and (max-width:1600px){
.index_news{padding:80px 0 80px 5%;}
.index_newsr{  width: 450px }
.index_newsr ul li a img{margin-left: 0px;}
.index_newsr ul li a p{ width: 380px; }
}
@media only screen and (max-width:1470px){
.index_newsl{ display: none; }
.index_newsr{  width: 100%;}
.index_newsr ul li a p{ max-width: 80%; }
}
@media only screen and (max-width:840px){

.index_news{ width: 100%;padding:30px 0 30px 5%;}
.index_newsr{  width: 100%;}
.index_newsr ul li a p{ max-width: 80%; }
}

.index_con{ width: 40%; float: left; overflow: hidden;height: 440px;padding:80px 0 80px 5%; }
.index_con h1{ font-size: 36px;font-weight: bold;color: #167852;line-height: 40px;margin-bottom: 10px; }
.index_con h1 span{ font-size: 16px;line-height: 40px; color: #b8b8b8; font-weight: normal;margin-left: 10px; }
.index_conl{ float: left; width: 60%; }
.index_conl h2{ color: #010101; font-size: 30px; font-weight: bold;line-height: 40px;
margin-top: 40px;margin-bottom: 20px; }
.index_conl p{ font-weight: normal; font-size: 16px; line-height: 48px; color: #4d4d4d; }
.index_conl img{ margin-right: 8px; }
.index_conr{ float: left; width: 25%; }
.index_conr img{margin-top: 40px; width: 100%;height: auto;}
.index_conr p{ font-size: 18px; line-height: 85px; color: #666666;text-align: center; }

@media only screen and (max-width:840px){
.index_con{ width: 100%;height: 340px;}
}
@media only screen and (max-width:500px){
.index_con{ padding:20px 0 20px 5%; }
.index_con h1{ font-size: 24px; line-height: 36px;}
.index_con h1 span{ font-size: 12px;line-height: 24px;}
.index_conl h2{ color: #010101; font-size: 24px; font-weight: bold;line-height: 36px;
margin-top: 20px;margin-bottom: 10px; }
.index_conl{ float: left; width: 100%; }
.index_conr{ float: left; width: 0%; display: none; }
}


.public_foot{ width: 90%;background: #303030;padding: 0 5%;overflow: hidden; }
.public_foot p{text-align: left; width: 50%; float: left; font-size: 16px; color: #848484;
 line-height: 80px; }
.public_foot h1{ text-align: right; width: 50%;font-size: 16px; color: #848484;
 line-height: 80px; float: left; }
@media only screen and (max-width:840px){

.public_foot{ padding: 10px 5%; }
.public_foot p{text-align: center; width: 100%; font-size: 14px;  line-height: 36px; }
.public_foot h1{ text-align: center; width: 100%;font-size: 14px;  line-height: 36px;  }
}




.ewm{ width: 30%;height: auto;margin: 0 auto;max-width: 285px;z-index: 9999999;top: 400%;
position: absolute;left: 43%; display: none }
.ewm p{ font-size: 20px;color: #000; float: right;cursor: pointer; }
.ewm img{ width: 100%;max-width: 258px;max-height: 258px; z-index: 9999999;}




.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center; }
.pager:before, .pager:after {
    content: " ";
    display: table; }
.pager:after {
    clear: both; }
.pager li {
    display: inline; }
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
    float: right; }
.pager .previous > a,
.pager .previous > span {
    float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }