@charset "utf-8";
/* CSS Document */

/*seach*/
.seach{
	width: 100%;
	min-width: 1200px;
	height: 68px;
	background: #f3f3f3;
}
.seach_left{
	width: 80%;
	height: 100%;
	overflow: hidden;
}
.seach_left ul{
	width: 100%;
	height: 100%;
}
.seach_left li{
	float: left;
	font-size: 0.9vw;
	color: #666;
	line-height: 68px;
}
.seach_left li p{
	color: #51b30c;
	font-weight: bold;
}
.seach_left li a{
	margin: 0 10px 0 10px;
	color: #666;
	line-height: 68px;
}
.seach_left li a:hover{color:#51b30c;}
.seach_right{
	width: 20%;
	height: 36px;
	background: #fff;
	border-radius: 20px;
	margin-top: 16px;
}
.seach_right form{
	width:100%;
	height:36px;
}
.seach_right form input:nth-child(1){
	float:left;
	width:75%;
	padding-left:5%;
	height:35px;
	color:#7d7d7d;
	font-size:0.8vw;
	background:rgba(0, 0, 0, 0);
	border:1px solid #fff;
	border-radius:20px;
}
.seach_right form input:nth-child(2){
	width:16px;
	height:16px;
	background:url(/statics/images/tem/pro_search.png)no-repeat center;
	float:right;
	margin:9px 12px 0 0;
	border:0px;
	cursor:pointer;
	background-position-x:0;
	background-size:100% 100%;
}

/*product*/
.product{
	width: 100%;
	height: 930px;
	margin-top: 5%;
}
.pro_title{
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.pro_title p{
	font-size: 36px;
	color: #51b30c;
	font-weight: bold;
}
.pro_title span{
	font-size: 20px;
	color: #666;
	display: block;
	height:28px;
	background: url(/statics/images/tem/title_bg.png)no-repeat center;
}
.pro_bottom{
	width: 100%;
	min-width:1200px;
	height: 810px;
	margin-top: 40px;
	overflow: hidden;
}
.pro_left{
	width: 16%;
	height: 100%;
	background: #51b30c;
}
.pro_left p{
	width: 100%;
	height: 100px;
	background:url(/statics/images/tem/pro_list.png)no-repeat center;
	background-size: 100% 100%;
}
.pro_list{
	width: 96%;
	height: 635px;
	overflow: hidden;
	background:#fff;
	margin: 0 auto;
}
.pro_list h3{
	width: 90%;
	margin: auto;
	height:35px; 
	overflow:hidden; 
	font-size:0.88vw;
	font-weight:bold;
	line-height:35px;
	margin-top: 11px;
	border-radius: 5px;
}
.pro_list h3 a{ 
	display:block;
	background:#e92305 url(/statics/images/tem/pro_icon1.png) no-repeat 10px center; 
	color:#fff;
	padding-left:40px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_list h3 a:hover{
	background:#51b30c url(/statics/images/tem/pro_icon1.png) no-repeat 10px center; 
}
.pro_list ul{
	overflow-y: auto;
	height: 170px;
	background:#fff;
}
.pro_list li{ 
	color:#747474;
	height: 28px;
	line-height: 28px;
	background: #fff;
	margin-top: 6px;
}
.pro_list li a{
	font-size:0.7vw;
	display:block; 
	color:#333;
	background:url(/statics/images/tem/pro_icon2.png) no-repeat 16px center;
	padding-left:30px;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.pro_list li a:hover{
	color: #51b30c;
	background:url(/statics/images/tem/pro_icon3.png) no-repeat 16px center;
}
.pro_left span{
	width: 100%;
	display: block;
	height: 80px;
	background:url(/statics/images/tem/pro_phone.png)no-repeat center;
	background-size: 100% 100%;
}
.pro_right{
	width: 82%;
	height: 100%;
}
.pro_right ul{
	width: 100%;
	height: 100%;
}
.pro_right li{
	width: 31.3%;
	height: 32%;
	margin: 0 3% 1.3% 0;
	float: left;
	overflow: hidden;
}
.pro_right li:nth-child(3){margin-right: 0}
.pro_right li:nth-child(6){margin-right: 0}
.pro_right li:nth-child(9){margin-right: 0}
.pro_img{
	width: 98%;
    height: 86%;
    border: 3px solid #efebe0;
	overflow: hidden;
}
.pro_img a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background-color:#fff;
}
.pro_img a img{
	width:100%;
	height:100%;
}
.pro_font a{
	display: block;
	font-size: 1vw;
	line-height: 36px;
	color: #333;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_right li:hover .pro_img{border: 3px solid #e92204;}
.pro_right li:hover .pro_font a{
	color: #e92204;
}

/*case*/
.case{
	width: 100%;
	height: 950px;
	margin-top: 60px;
}
.case_bg{
	width: 80%;
	min-width: 1200px;
	height: 100%;
	background: #fff;
	margin: 0 auto;
}
.case_title{
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.case_title p{
	font-size: 36px;
	color: #51b30c;
	font-weight: bold;
}
.case_title span{
	font-size: 20px;
	color: #666;
	display: block;
	height:28px;
	background: url(/statics/images/tem/title_bg.png)no-repeat center;
}
.case_bottom{
	width: 92%;
	margin: 0 auto;
	margin-top: 40px;
}
.case_list_title{
	width:80%;
	height: 50px;
	margin: 0 auto;
}
.case_list_title ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.case_list_title li{
	width: 13.3%;
	margin-right: 1%;
	float: left;
	height: 100%;
	background: #51b30c;
}
.first_list{background:#e92204!important;}
.case_list_title li:last-child{margin-right: 0}
.case_list_title li:hover{background:#e92204;}
.case_list_title li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0.88vw;
	line-height: 50px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case_list{
	width: 100%;
	margin-top: 20px;
}
.case_list li{
	width:31%;
	height:267px;
	margin:0 2% 2% 0;
	float:left;
	text-align:left;
	background:#fff;
	position:relative;
}
.case_list li img{
	width:100%;
	height:73%;
}
.case_list li p{
	width: 98%;
	margin: auto;
	font-size: 0.88vw;
	color: #333;
	line-height: 30px;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case_list li span{
	display: block;
	width: 98%;
	margin: auto;
	font-size: 0.7vw;
	color: #666;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 0 10px 0;
}
.case_list li:hover{background: #51b30c;}
.case_list li:hover p{color: #fff;}
.case_list li:hover span{color: #fff;}
.case_list li  a{
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width:1600px) and (max-width:1800px){
	.case{height: 900px;}
}
@media screen and (min-width:1500px) and (max-width:1600px){
	.case{height: 880px;}
}
@media screen and (min-width:1400px) and (max-width:1500px){
	.case{height: 850px;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.case{height: 820px;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
	.case{height: 750px;}
}

/*broken*/
.fenlan{
	width: 100%;
	margin-top: -66px;
}
.fenlan img{
	width: 100%;
}

/*advantage*/
.advantage{
	width: 100%;
	margin-top: 80px;
}
.adv_bg{
	width: 75%;
	min-width:1200px;
	margin: auto;
}
.adv_title{
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.adv_title p{
	font-size: 36px;
	color: #51b30c;
	font-weight: bold;
}
.adv_title span{
	font-size: 20px;
	color: #666;
	display: block;
	height:28px;
	background: url(/statics/images/tem/title_bg.png)no-repeat center;
}
.adv_bottom{
	width: 100%;
	margin-top: 40px;
}
.adv_bottom img{
	width: 100%;
}

/*process*/
.process{
	width: 100%;
	min-width: 1200px;
	margin-top: 80px;
	position: relative;
}
.process img{
	width: 100%;
}
.process_list{
	width: 50%;
	height: 100px;
	position: absolute;
	top: 36%;
	right: 13%;
}
.process_list ul{
	width: 100%;
	height: 100%;
}
.process_list li{
	width: 96px;
	height: 100px;
	float: left;
	padding-right: 7%;
	background: url(/statics/images/tem/process_icon.png)no-repeat 125px center;
}
.process_list li span{
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.process_list li:last-child{
	padding-right: 0;
	background:none;
}
.process_list li p{
	width: 85px;
    height: 85px;
    background: #fff;
    color: #51b30c;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    margin: -93px 0 0 8px;
    font-size: 1.2vw;
}
.process_list li:hover span{border: 1px solid #e92204;}
.process_list li:hover p{background: #e92204;color: #fff;}
@media screen and (min-width:1600px) and (max-width:1800px){
	.process_list li{width: 85px;height: 90px;background: url(/statics/images/tem/process_icon.png)no-repeat 112px center;}	
	.process_list li span{width: 90px;height: 90px;}
	.process_list li p{width: 80px;height: 80px;margin: -86px 0 0 6px;line-height: 80px;}
}
@media screen and (min-width:1400px) and (max-width:1600px){
	.process_list li{width: 75px;height: 80px;background: url(/statics/images/tem/process_icon.png)no-repeat 100px center;background-size: 12px;}	
	.process_list li span{width: 80px;height: 80px;}
	.process_list li p{width: 70px;height: 70px;margin: -76px 0 0 6px;line-height: 70px;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.process_list li{width: 65px;height: 65px;background: url(/statics/images/tem/process_icon.png)no-repeat 80px center;background-size: 10px;}	
	.process_list li span{width: 65px;height: 65px;}
	.process_list li p{width: 55px;height: 55px;margin: -61px 0 0 6px;line-height: 55px;}
}
@media screen and (min-width:500px) and (max-width:1200px){
	.process_list li{width: 65px;height: 65px;background: url(/statics/images/tem/process_icon.png)no-repeat 80px center;background-size: 10px;}	
	.process_list li span{width: 65px;height: 65px;}
	.process_list li p{width: 55px;height: 55px;margin: -61px 0 0 6px;line-height: 55px;}
}

/*about*/
.about{
	width: 100%;
	margin-top: -38px;
}
.about_bg{
	width: 80%;
	margin: 0 auto;
	min-width: 1200px;
	background: #fff;
}
.about_title{
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.about_title p{
	font-size: 36px;
	color: #51b30c;
	font-weight: bold;
}
.about_title span{
	font-size: 20px;
	color: #666;
	display: block;
	height:28px;
	background: url(/statics/images/tem/title_bg.png)no-repeat center;
}
.about_middle{
	width: 92%;
	margin: 0 auto;
	margin-top: 40px;
}
.about_left{
	width: 63.5%;
}
.about_left a,.about_left a img{
	width: 100%;
	height: 100%;
	display: block;
}
.about_right{
	width: 34%;
	height: 50%;
	border: 1px solid #dddddd;
}
.about_right span{
	width: 85%;
	margin: 0 auto;
	padding-top: 11%;
	font-size: 1.2vw;
	color: #333;
	display: block;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about_right p{
	width: 85%;
	margin: 0 auto;
	padding: 10% 0 24% 0;
	font-size: 0.88vw;
	color: #666;
	overflow: hidden;
	text-align: justify;
	line-height: 28px;
	height: 7rem;
}
.about_right a{
	display: block;
	width: 30%;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.8vw;
	text-align: center;
	margin: 0 0 12% 7.5%;
	background: #51b30c;
	border-radius: 30px;
	color: #fff;
}
.about_right a:hover{background: #e92204;}
.about_bottom{
	width: 92%;
	margin: 0 auto;
	margin-top: 15px;
}
.about_list{
	width: 100%;
	height: 38px;
	background: url(/statics/images/tem/about_bg.png)no-repeat right center;
}
.about_list ul{
	width: 100%;
	height: 100%;
}
.about_list li{
	width: 8%;
	float: left;
	height: 100%;
	margin-right: 2%;
}
.about_list li a{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	line-height: 38px;
	background: #fff;
	border-radius: 20px;
	font-size: 0.88vw;
	color: #333;
}
.one_about_list{
	background: #e92204!important;
	color: #fff!important;
}
.about_list li:hover a{background: #e92204;color: #fff;}
.about_img{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	height:14rem;
	overflow:hidden;
}
.about_img li{
	width: 19%;
	float: left;
	margin-right: 1.2%;
}
.about_img li:last-child{margin-right: 0}
.about_img_detail,.about_img_detail a,.about_img_detail a img{
	width: 100%;
	height: 100%;
	display: block;
}
.about_font_detail{
	width: 100%;
	height: 38px;
}
.about_font_detail a{
	width: 100%;
	shape-margin: 100%;
	display: block;
	line-height: 38px;
	background: #999;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.88vw;
}
.about_img li:hover .about_font_detail a{
	background: #51b30c;
}
@media screen and (min-width:1800px) and (max-width:1900px){
	.about_right p {padding: 10% 0 20% 0;}
}
@media screen and (min-width:1700px) and (max-width:1800px){
	.about_right p {padding: 10% 0 20% 0;}
}
@media screen and (min-width:1600px) and (max-width:1700px){
	.about_right p {padding: 10% 0 19% 0;}
}
@media screen and (min-width:1400px) and (max-width:1600px){
	.about_right p {padding: 10% 0 17% 0;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.about_right p {padding: 10% 0 17% 0;}
	.about_img { height: 12rem;}
}
@media screen and (min-width:500px) and (max-width:1200px){
	.about_right p {padding: 10% 0 18% 0;}
}

/*news*/
.news{
	width: 100%;
}
.news_bg{
	width: 80%;
	margin: 0 auto;
	min-width: 1200px;
	background: #fff;
}
.news_title{
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.news_title p{
	font-size: 36px;
	color: #51b30c;
	font-weight: bold;
}
.news_title span{
	font-size: 20px;
	color: #666;
	display: block;
	height:28px;
	background: url(/statics/images/tem/title_bg.png)no-repeat center;
}
.news_bottom{
	width: 92%;
	margin: 0 auto;
	margin-top: 40px;
}
.news_left{
	width: 48.5%;
}
.news_detail_title{
	width: 100%;
	height: 30px;
}
.news_detail_title p{
	font-size: 1.3vw;
	line-height: 30px;
	color: #333;
	float: left;
}
.news_detail_title a{
	font-size: 0.8vw;
	color: #333;
	line-height: 30px;
	float: right;
}
.news_detail_title a:hover{color:#e92204 }
.news_detail_font{
	width: 100%;
	margin-top: 40px;
}
.news_img,.news_img a{
	width: 100%;
	height: 100%;
	display: block;
}
.news_img a img{
	width:100%;
}
.news_font{
	width: 100%;
	margin-top: 20px;
}
.news_font a{
	font-size: 1vw;
	color: #333;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_font p{
	font-size: 0.8vw;
	color: #666;
	line-height: 24px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	text-align: justify;
}
.news_left:hover .news_font a{color: #51b30c;}
.news_right{
	width: 48.5%;
}
.news_list{
	width: 100%;
	margin-top: 40px;
}
.news_list li{
	width: 100%;
	margin-bottom: 40px;
}
.news_list_img{
	width: 33%;
}
.news_list_img a,.news_list_img a img{
	width: 100%;
	height: 100%;
	display: block;
}
.news_list_font{
	width: 63%;
}
.news_list_font a{
	font-size: 1vw;
	color: #333;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_list_font p{
	font-size: 0.8vw;
	color: #666;
	line-height: 24px;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	text-align: justify;
}
.news_list li:hover .news_list_font a{color: #51b30c;}

/*link*/
.link{
	width: 80%;
	min-width: 1200px;
	margin: 0 auto;
	background: #fff;
	height: 30px;
	padding: 40px 0 20px 0;
}
.link_bg{
	width: 92%;
	height: 100%;
	margin: 0 auto;
}
.link_bg ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.link_bg li{
	float: left;
}
.link_bg li p{
	font-size: 1vw;
	color: #333;
	line-height: 30px;
}
.link_bg li a{
	font-size: 0.8vw;
	color: #666;
	line-height: 30px;
	padding: 0 5px 0 5px;
}
.link_bg li a:hover{color: #51b30c;}