
.header{
	
}
.header_top{
	line-height: 30px;
	min-width: 1200px;
	border-bottom: 1px solid #e8e8e8;
}
.header_top .box{
	width: 1200px;
	margin: 0 auto;
}
.header_top .h1{
	float: left;
	color: #999
}
.header_top .h2{
	float: right;
	
}
.header_top .h2 a{
	color: #999
}
.header_button {
	padding: 10px 0;
	width: 1200px;
	margin: 0 auto;
}
.header_button .logo{
	float: left
}
.header_button .header_button_p{
	float: left;
	margin-left: 10px;
}
.header_button .header_button_p .h1{
	line-height: 50px;
	font-weight: bold;
	color: #e62157;
	font-size: 32px;
}
.header_button .header_button_p .h2{
	line-height: 40px;
	color: #e62157;
	font-size: 14px;
	text-transform: uppercase;
}
.header_button dl{
	float: right;
	padding-left: 60px;
	background: url(../images/header_tel.jpg)no-repeat left 32px
}
.header_button dl dt{
	text-align: center;
	color: #e62157;
	background: url(../images/header_tel_title.jpg)no-repeat center;
	font-weight: bold;
	font-size: 16px;
}
.header_button dl dd{
	color: #e62157;
	font-weight: bold;
	font-size: 24px;
}
/*å¯¼èˆª*/
.nav{
	background: #262628;
	min-width: 1200px;
}
.nav ul{
	width: 1200px;
	margin: 0 auto;
}
.nav ul li{
	float: left;
	width: 150px;
	line-height: 50px;
	text-align: center;
}
.nav ul li a{
	color: white;
	display: block;
	transition: background 0.3s
}
.nav ul li a:hover{
	background: #e77817;
}
.nav ul .on a{
	background: #e77817;
}
.sub {
	display: none;
	position: absolute;
	top: 190px;
	background: #e77817;
	float: left;
	width: 150px;
	line-height: 50px;
	text-align: center;
	z-index: 999;
}

.nav ul li:hover .sub {
	display: block;
	clear: both;
}

/*banner*/
.fullSlide{ width:100%;  position:relative;  height:600px; background:#000;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:600px; position:relative; }
	.fullSlide .bd li a .f_txt{ background:url(../images/touming.png) repeat; height:58px; padding-top:5px; text-align:left; width:100%; position:absolute; left:0px; bottom:0px; font-size:20px; color:#fff; line-height:30px; padding-left:15px;}
	.fullSlide .bd li a .f_txt span{ font-size:12px; line-height:20px;}

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:42px; line-height:30px;  text-align:center;
		 background:url(../images/tm.png) repeat; _filter:alpha(opacity=60); 
	}
	.fullSlide .hd ul{ text-align:right;  padding-top:16px; text-align:center;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px;  margin:0 5px; overflow:hidden; 
		line-height:9999px; background:#fff;
	}
	.fullSlide .hd ul .on{ background:#1f8ccf; }
	.fullSlide .prev,
	.fullSlide .next{ position:absolute; display:block; width:30px; height:60px; overflow:hidden; cursor:pointer;  }
	.fullSlide .prev img,
	.fullSlide .next img{ margin-left:0px; margin-top:0px;}
	.fullSlide .next{ left:auto; right:0px;}
	.banner .box{width: 1200px;position: absolute;z-index: 999;top:50%;
	left: 50%;margin-left: -600px;margin-top: -30px;}
	.banner .box .prev{float: left;cursor: pointer}
	.banner .box .next{float: right;cursor: pointer}
.banner{
	width:100%;
	height:100%;
	overflow:hidden;
	min-width: 1100px;
}
.banner img{
	position:absolute;
}
/*æ ‡é¢˜*/
.title{
	padding: 20px;
}
.title .h1{
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	font-weight: inherit;
	position: relative;
	line-height: 40px
}
.title .h1:after{
	content: "";
	width: 100px;
	height: 2px;
	color: #e77817;
	position: absolute;
	bottom: 0;
	background: #e77817;
	left: 50%;
	margin-left: -50px;
	
}
.title .h2{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	color: #e77817;
}
.title .h2 span{
	color: #262628;
}
.in_products{
	min-width: 1200px;
	background: url(../images/bg.jpg)repeat-y center;
	padding-bottom:65px;
}
.in_products .box{
	width: 1200px;
	margin: 0 auto;
}
.in_products .products_nav li{
	float: left;
	margin: 0 15px;
	cursor: pointer;
}
.in_products .products_nav li .left{
	float: left;
	width: 200px;
	padding: 5px;
}
.in_products .products_nav li .left .h1{
	font-size: 18px;
	font-weight: bold;
	
}
.in_products .products_nav li .right{
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	
}
.in_products .products_nav li:hover .left{
	background: #262628;
	color: white;
}
.in_products .products_nav li:hover .right{
	background:#e77817 url(../images/products_nav.png) no-repeat center
}
.in_products .products_nav .on .left{
	background: #262628;
	color: white;
}
.in_products .products_nav .on .right{
	background:#e77817 url(../images/products_nav.png) no-repeat center
}
.in_products ol li{
	float: left;
	width: 280px;
	height: 280px;
	margin: 0 9px;
	
}
.in_products ol li .img{
	overflow: hidden;
	width: 280px;
	height: 280px;
}
.in_products ol li:hover img{
	transform: scale(1.2)
}
.in_products ol li img{
	width: 280px;
	height: 280px;
	border: 1px solid #e2e2e2;
	display: block;
	transition: transform 0.3s;
}
.in_products ol li .p{
	text-align: center;
	color: white;
	background: #262628;
	line-height: 35px;
	padding:0 5px;
}
.in_products ol{
	margin-top: 30px;
}
/*åº”ç”¨åœºæ™¯*/
.in_case {
	width: 1200px;
	margin: 0 auto;
}
.in_case ul li{
	float: left;
	margin: 0 6px;
	position: relative;
}

.in_case ul li img{
	display: block;
}

.in_case ul li p{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.50);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
	color: white;
	width: 90%;
	padding-left: 10%;
	line-height:50px;
	overflow: hidden;
	height: 0;
	transition: height 0.3s;
}
.in_case ul li:hover p{
	height: 50px;
}
/*å·¥è‰º*/
.technology{
	height: 620px;
	background: url(../images/technology_bg.jpg);
	margin-top: 50px;
	padding: 50px;
}
.technology .technology_box{
	width: 1200px;
	margin: 0 auto;
}
.technology .technology_title{
	padding: 20px;
}
.technology .technology_title .h1{
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	color: #ff0017;
}
.technology .technology_title .h2{

font-size: 18px;

text-align: center;

line-height: 30px;

color: #ff0014;
}
.technology ul{
	margin-top: 30px;
}
.technology ul li{
	float: left;
	background: #fff;
	
}
.technology ul img{
	width: 240px;
	display: block;
}
.technology ul .odd{
	padding-bottom: 10px;
}
.technology ul .even{
	padding-top: 10px;
}
.technology ul li .technology_txt .h1{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	position: relative;
	line-height: 40px;
}
.technology ul li .technology_txt .h1:after{
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left: 50%;
	margin-left: -40px;
	bottom:0 ;
	background: #000;
}
.technology ul li .technology_txt .h2{
	color: #999;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	line-height:16px;
	margin-top: 10px;
	padding-bottom: 7px;
}
/**/
.in_Honor{
	margin-top: 100px;
}
.in_Honor .a{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #666;
	margin-top: 40px;
}
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	
}

#certify .swiper-container {
	padding-bottom: 60px;
	font-size: 30px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 280px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	text-align: center;
	line-height: 280px;
}
#certify  .swiper-slide img{
	margin: 0 auto;
	width:320px;
	vertical-align: middle;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}


#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	
}

/*#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}*/
/*å…³äºŽæˆ‘ä»¬*/
.in_about{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}

.in_about img{
	width: 490px;
	height: 300px;
	float: left;
}
.in_about .right{
	float: right;
	width:680px;
}
.in_about .right .h1{
	font-size: 18px;
	font-weight: bold;
}
.in_about .right .h2{
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	height: 150px;
	overflow: hidden;
}
.in_about .right .a{
	border: 1px solid #666;
	padding: 5px 10px;
	margin-top: 30px;
	display: block;
	width: 100px;
	text-align: center;
}
/*æ–°é—»*/
.in_new{
	background: url(../images/bg.jpg)center;
	min-width: 1200px;
	margin-top: 30px;
	padding: 55px 0;
}
.in_new .box{
	width: 1200px;
	margin: 0 auto;
}
.in_new .box .left{
	float: left;
	width: 48%;
}
.in_new .box .right{
	float: right;
	width: 48%;
}
.in_new .box .right img{
	margin-top: 30px;
}
.in_new .in_new_nav{width: 100%;border-bottom: 3px solid #bbb;}
.in_new .in_new_nav li{
	float: left;
	width: 100px;
	position: relative;
	cursor: pointer;
	line-height:40px;
	font-weight: bold;
	font-size: 16px;
}
.in_new  .in_new_nav li:after{
	content: "";
	position: absolute;
	bottom: -3px;
	height: 3px;
	width: 50px;
	background: #bbb;
	left: 0;
}
.in_new  .in_new_nav .on:after{
	
	background: #9e7842;

}
.in_new .box .img{
	margin-top: 30px;
}
.in_new .box .img img{
	width: 230px;
	height: 140px;
	float: left;
}
.in_new .box .img .p{
	float: right;
	width: 325px; margin-left:15px
	
}
.in_new .box .img .p .h1{
	color: #e77817;
	font-size: 16px;
	font-weight: bold;
}
.in_new .box .img .p .h2{
	margin-top: 10px;
	height: 100px;overflow: hidden
}
.in_new .box ol li{
	line-height: 30px;
}
.in_new .box ol li .h1{
	float: left;
	width: 400px;
	line-height: 30px;
}
.in_new .box ol li .h2{
	float: right;
	width: 100px;
	text-align: right;
	color: #999;
	line-height:30px;
}
.in_new .box ol{
	margin-top:20px;
}
/*é¡µè„š*/
.foot{
	background: #262628;
	min-width: 1200px;
	padding:50px 0;
	padding-bottom: 30px;
}
.foot .box{
	width: 1200px;
	margin: 0 auto;
}
.foot .box dl{
	color: white;
	float: left;
	text-align: center;

	padding: 0 30px;
	border-right:1px dashed #fff;
}
.foot .box dl .tel{
	float: left;
}
.foot .box dl dt{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.foot .box dl dd a{
	line-height: 30px;
	color: white;
}
.foot .logo{
	float: left;
	margin-left: 150px;
}
.foot .tel{
	padding-left:40px;
	margin-top: 20px;
	background: url(../images/foot_tel.png)no-repeat left;
}
.foot .tel .h1{
	font-size: 14px;
	color: white;
}
.foot .tel .h2{
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}
.foot .code{
	float: right;
	padding-bottom: 100px;
	background: url(../images/code_bg.png)no-repeat bottom;
}
.copy{
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #000000;
}
.copy a{
	color: #fff;
}
/*å†…é¡µbanenr*/
.banner_n {
	position: relative;
	overflow: hidden;
}
.banner_n .box{
	width: 1200px;
	color: white;
	position: absolute;
	top: 100px;
	left: 0;
	left: 50%;
	margin-left: -600px
}
.banner_n img{
	position: relative;
	display: block;
	left: 50%;
	margin-left: -960px
}
.banner_n .box .h1{
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
}
.banner_n .box .h2{
	font-size: 16px;
	margin-top: 20px;
	line-height: 30px;
}
.banner_n2 {
	position: relative;
	overflow: hidden;
}
.banner_n2 .box{
	width: 1200px;
	color: white;
	position: absolute;
	top: 100px;
	left: 0;
	left: 50%;
	margin-left: -600px
}
.banner_n2 img{
	position: relative;
	display: block;
	left: 50%;
	margin-left: -960px
}
.banner_n2 .h1{
	text-align: center;
	font-weight: bold;
	font-size: 40px;
}
/*å†…é¡µå¯¼èˆª*/
.nav_n{
	border-bottom: 1px solid #e5e5e5;
	min-width: 1200px;
}
.nav_n .box{
	width: 1200px;
	margin: 0 auto;

}
.nav_n .box ul li{
	float: left;
	line-height: 50px;
	position: relative;
	font-size: 16px;
	margin: 0 10px;
}
.nav_n .box ul li:after{
	content: "";
	width: 50px;
	height: 3px;
	position: absolute;
	bottom: -2px;
	/*background: #fff;*/
	left: 50%;
	margin-left: -25px;
}
.nav_n .box ul .on:after{
	background: #00873e;
}
.nav_n ul{
	float: left;
}
.nav_n .search{
	float: right;
	width: 170px;
	line-height: 50px;
	border-radius: 10px;
	border: 1px solid #666;
	overflow: hidden;
	margin-top: 8px; margin-bottom:8px
}
.nav_n .search input{
	float: left;
	line-height: 30px;
	height: 30px;
	border: none;
}
.nav_n .search .text{
	
	width: 126px;padding-left: 10px;
}
.nav_n .search .submit{
	width: 20%;
	background: url(../images/submit.png)no-repeat center;
}
/*æ¡ˆä¾‹*/
.case{
	width: 1200px;
	margin: 0 auto;
}
.case ul{
	margin-top: 50px;
}
.case ul li{
	float: left;
	margin: 20px 5px;
	text-align: center;
}
.case ul li img{
	width: 285px;
	height: 280px;
	border: 1px solid #02a852;
}
/*äº§å“*/
.product{
	width: 1200px;
	margin: 0 auto;
}
.product .products_n_nav{
	margin: 50px auto;
}
.product .products_n_nav li{
	float: left;
	cursor: pointer;
	line-height: 40px;
	width: 180px;
	text-align: center;
	background: #e5e5e5;
	margin: 10px 10px;
}
.product .products_n_nav .on{
	background: #00873e;
	color: white;
}
.product .products_n_nav .on a{
	color: white;
}
.product ul{
	margin-top: 50px;
}
.product ul li{
	float: left;
	width: 285px;
	margin: 20px 5px;
	text-align: center;
	
	
}
.product ul li p{
	display:block;
	line-height:25px;
}

.product ul li .img{
	width: 285px;
	height: 285px;
	overflow: hidden;
	border: 1px solid #02a852;
}
.product ul li img{
	width: 285px;
	height: 285px;
	
	transition: transform 0.3s;
}
.product ul li:hover img{
	transform: scale(1.2)
}
.prductinfo{
	width: 1160px;
	margin: 0 auto;
	margin-top: -180px;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 20px; overflow:hidden
}
.prductinfo .img{
	float: left;
	width: 40%;
}
.prductinfo img{
	display: block;
}
.probody img{margin:0 auto;}
.prductinfo .img .big_img{
	width: 400px;
	height: 400px;
	border: 1px solid #00873e
}
.prductinfo .img ul li{
	float: left;
	cursor: pointer;
	margin: 10px 0px;
	margin-left: 14px;
	border: 1px solid #00873e;
}
.prductinfo .img ul li img{

	width: 88px;
	height: 88px;
}
.prductinfo .img ul li:hover{
  box-shadow: 6px 6px 9px 0px rgba(0, 0, 0, 0.44);
}
.prductinfo .right{
	float: left;
	width: 60%;
}
.prductinfo .right .h1{
	font-size: 30px;
	line-height:80px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}
.phone {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	
}
.phone .h1{
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #999;;
}
.phone .my-gallery{
	margin-top: 20px;
}
.phone li{
	float: left;
	margin: 0 10px;
}
.phone li img{
	width: 280px;
	height: 300px;
}
/*è£èª‰è¯ä¹¦*/
.honor{
	width: 1200px;
	margin: 0 auto;
}
.honor ul{
	margin-top: 50px;
}
.honor ul li{
	float: left;
	margin: 20px 10px;
	text-align: center;
	width: 278px;
	border: 1px solid #02a852;
	overflow:hidden;
}
.casea{position:relative;}
.casea:hover > .caseb{display:block;}
.caseb{
	display:none;
	position: absolute;
    top: -94px;
    text-align: center;
    width: 100%;
    line-height: 210px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 16px;
}
.honor ul li img{
	width: 100%;
	transition: transform 0.3s;
	vertical-align: middle;
	display: inline-block;
	
}
.honor ul li:hover img{
	transform: scale(1.2)
}
/*æ–°é—»*/
.new{
	width: 1200px;
	margin: 0 auto;
}
.new li{
	margin-top: 16px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #666;
	padding: 10px 0;
}
.new li .new_h1{
	font-size: 16px;
	color: #00873e;
	font-weight: bold;
}
.new li .new_p{
	font-size: 12px;
	color: #666;
	line-height: 20px;

	margin-top: 20px;
}
.new li .morea{
	float: right;
	background-color: #00873e;
	color: white;
	display: block;
	font-size: 14px;
	margin-right: 5px;
	padding: 5px;
	
}

.new li span{
	display: block;
	float: right;
	padding: 5px;
	background-color: #6C6C6C;
	color: white;
	font-size: 14px;
}
.new_conter .new_conter_h1{
	font-size: 18px;
	color: #00873e;
	margin-top: 20px;
	text-align: center;
}
.new_conter .new_conter_h2{
	text-align: center;
	margin: 0 auto;
	padding: 22px 0 ;
}

.new_conter .new_conter_h2 .author{
	margin-left: 50px;
	

}
.new_conter .new_conter_p{
	min-height: 500px;
	padding:0 100px
}
.new_conter .p{
	float: left;
}
.new_conter .return{
	float: right;
}
.message .input{
	border: 1px solid #eee;
	width: 208px;
	float: left;
	margin: 0 28px;;
}
.message .input input{
	border: none;
	line-height: 30px;
	width: 125px;
}
.message .input .h1{
	padding: 0 10px;
	border-right: 1px solid #eee;
	line-height: 30px;
}
.message textarea{
	display: block;
	margin-left: 28px;
	margin-top: 20px;
	border: 1px solid #eee;
	width: auto;
	width: 700px;
	height: 160px;
	padding: 20px;
	 resize : none; font-size: 14px;
}
.message .submit{
	display: block;
	border: 1px solid #00873e;
	color: #00873e;
	margin: 0 auto;
	background: white;
	width: 150px;
	height: 40px;
	font-family: "å¾®è½¯é›…é»‘";
	font-size: 14px;
	margin-top: 30px;
	cursor:pointer;
}
.message{
	width: 1200px;;
	margin: 50px auto;
}
.message .box{
	width: 798px;
	margin: 0px auto;
}
.contactus{
	width: 1200px;
	margin: 0 auto;
}
.contactus .h1{
	font-size: 20px;
	margin-top: 30px;
	font-weight: bold;}
.contactus .p{
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.contactus .p div{
	padding-left: 30px;
	font-size: 20px;
	color: #474747;
	line-height: 46px;
}
.contactus .p div:nth-child(1){
	background: url(../images/contactus_img2.jpg)no-repeat left;
}
.contactus .p div:nth-child(2){
	background: url(../images/contactus_img3.jpg)no-repeat left;
}
.contactus .p div:nth-child(3){
	background: url(../images/contactus_img4.jpg)no-repeat left 12px;
}
.contactus .p div:nth-child(4){
	background: url(../images/contactus_img5.jpg)no-repeat left;
}
.contactus .p div:nth-child(5){
	background: url(../images/contactus_img6.jpg)no-repeat left;
}
.contactus .left{
	float: right;
	width: 500px;
}
.contactus iframe{
	float: left;
	width: 500px;
}
.about{
	width: 1160px;
	margin: 0 auto;
	margin-top: -180px;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 20px
}
.about_box{margin-top: 30px;}
.about_box .about_box_img{
	float: left;
	width: 525px;
	height: 330px;
}
.about_box .p{
	width: 570px;
	float: right;
}


.content{ font-size:14px; color:#333333; line-height:30px;}
.content *{ line-height:30px;}
.content p{ padding:10px 0;}
.content img{ max-width:100%;}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:å®‹ä½“}
.text-secondary{ text-align:center; padding:20px 0}

#maximg{max-width: 100%; height: auto !important;}
