/** æ¸…é™¤å†…å¤–è¾¹è· **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ç»“æž„å…ƒç´  */

dl, dt, dd, ul, ol, li, /* list elements åˆ—è¡¨å…ƒç´  */

pre, /* text formatting elements æ–‡æœ¬æ ¼å¼å…ƒç´  */

form, fieldset, legend, button, input, textarea, /* form elements è¡¨å•å…ƒç´  */

th, td /* table elements è¡¨æ ¼å…ƒç´  */ {

    margin: 0;

    padding: 0;

}



/** è®¾ç½®é»˜è®¤å­—ä½“ **/

body,button, input, select, textarea /* for ie */ {

    font: 14px/1.0 "Arial","Microsoft YaHei","é»‘ä½“","å®‹ä½“","KaiTi",sans-serif;

}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

address, cite, dfn, em, var, i { font-style: normal; } /* å°†æ–œä½“æ‰¶æ­£ */

code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* ç»Ÿä¸€ç­‰å®½å­—ä½“ */

small { font-size: 12px; } /* å°äºŽ 12px çš„ä¸­æ–‡å¾ˆéš¾é˜…è¯», è®© small æ­£å¸¸åŒ– */



/** é‡ç½®åˆ—è¡¨å…ƒç´  **/

ul, ol { list-style: none; }



/** é‡ç½®æ–‡æœ¬æ ¼å¼å…ƒç´  **/

a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

a:hover { text-decoration: none; cursor: pointer; }



sup { vertical-align: text-top; } /* é‡ç½®, å‡å°‘å¯¹è¡Œé«˜çš„å½±å“ */

sub { vertical-align: text-bottom; }



/** é‡ç½®è¡¨å•å…ƒç´  **/

legend { color: #000; } /* for ie6 */

fieldset, img { border: 0; } /* img æ­è½¦ï¼šè®©é“¾æŽ¥é‡Œçš„ img æ— è¾¹æ¡† */

button, input, select, textarea { font-size: 100%; outline: none;} /* ä½¿å¾—è¡¨å•å…ƒç´ åœ¨ ie ä¸‹èƒ½ç»§æ‰¿å­—ä½“å¤§å° */

button, input[type="button"] { cursor: pointer}

input::-ms-clear{display:none;}/*éšè—æ–‡æœ¬æ¡†å‰å­*/

input::-ms-reveal{display:none;}/*éšè—å¯†ç æ¡†å°çœ¼ç›*/

/* æ³¨ï¼šoptgroup æ— æ³•æ‰¶æ­£ */



/** é‡ç½®è¡¨æ ¼å…ƒç´  **/

table { border-collapse: collapse; border-spacing: 0; }



/* é‡ç½® HTML5 å…ƒç´  */

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,

summary, time, mark, audio, video {

    display: block;

    margin: 0;

    padding: 0;

}



html{

	

}

body{

	width: 100%;

	overflow-x: hidden;

	color: #333;

}

.clear_both::after{

	content:".";

	display:block;

	height:0;

	visibility:hidden;

	clear:both;

}

.w72{

	width: 72%;

	margin: 0 auto;

}

.pd{

	padding: 80px 0;

}







.head_box{

	position: relative;

	height: 78px;

	z-index: 9;

	box-shadow: 0 5px 15px rgba(0,0,0,0.2);

	padding: 0 130px 0 8%;

}

.head_box .logo_a{

	float: left;

	width: 60px;

	height: 100%;

	background: url(../img/logo.jpg) no-repeat left center;

	background-size: contain;

}

.head_box .language_p{

	float: right;

	line-height: 78px;

	font-size: 18px;

	color: #206233;

}

.head_box .language_p a{

	display: inline-block;

	vertical-align: middle;

	color: #206233;

	height: 30px;

	line-height: 30px;

	margin: 0 5px;

	white-space: nowrap;

}

.head_box .language_p a:first-of-type{

	font-size: 20px;

}

.head_box .language_p a.active_a{

	font-weight: bold;

}

.head_box .language_p a:hover{

	font-weight: bold;

}

.head_box .w_ul{

	width: 100%;

	text-align: center;

	font-size: 0;

}

.head_box .w_ul li{

	display: inline-block;

	vertical-align: top;

	padding: 0 40px;

}

.head_box .w_ul li a{

	display: block;

	line-height: 78px;

	position: relative;

	font-size: 18px;

	color: #333;

}

.head_box .w_ul li a::after{

	content: "";

    position: absolute;

    height: 4px;

    width: 0;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 0;

    background: #206233;

    transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.head_box .w_ul li.active_li a{

	color: #206233;

}

.head_box .w_ul li.active_li a::after{

	width: 100%;

}

.head_box .w_ul li a:hover{

	color: #206233;

}

.head_box .w_ul li a:hover::after{

	width: 100%;

}

.head_box form{

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	background: #009944;

	margin-left: 30px;

	line-height: 78px;

	padding: 0 32px 0 20px;

}

.head_box form::after{

	content: "";

	position: absolute;

	left: -30px;

	top: 0;

	width: 30px;

	height: 100%;

	background: url(../img/sk.png) no-repeat;

}

.head_box form input{

	display: inline-block;

	vertical-align: middle;

	border: none;

	background: none;

	height: 39px;

	width: 0;

	font-size: 18px;

	color: #fff;

	border-bottom: 1px solid #fff;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.head_box form button{

	display: inline-block;

	width: 40px;

	height: 40px;

	border: none;

	background: url(../img/ss.png) no-repeat;

	vertical-align: middle;

}

.head_box form:hover input{

	width: 160px;

}

.head_box .menu_div{

	display: none;

	top: 0;

	right: 0;

    width: 60px;

    height: 100%;

    text-align: center;

    position: absolute;

}

.head_box .menu_div span{

	position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 2.2rem;

    font-size: 0;

}

.head_box .menu_div i{

	display: inline-block;

    width: 36px;

	height: 4px;

	border-radius: 2px;

    background: #206233;

    margin: 4px 0;

    opacity: 1;

    transition: 0.5s;

    -webkit-transition: 0.5s;

}

.head_box .active_div{



}

.head_box .active_div i:nth-of-type(1){

    -webkit-transform: rotate(45deg) translate(9px, 8px);

    transform: rotate(45deg) translate(9px, 8px);

}

.head_box .active_div i:nth-of-type(2){

    opacity: 0;

}

.head_box .active_div i:nth-of-type(3){

    -webkit-transform: rotate(-45deg) translate(9px, -8px);

    transform: rotate(-45deg) translate(9px, -8px);

}

.head_box .m_ul{

	display: none;

	position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    background: #fff;

	z-index: 11;

	border-top: 1px solid #eee;

	box-shadow: 0 3px 5px rgba(0,0,0,0.1);

}

.head_box .m_ul li{



}

.head_box .m_ul>li{

	padding: 0 20px;

    border-bottom: 1px solid rgba(255,255,255,0.2);

	position: relative;

	transition: 0.5s;

    -webkit-transition: 0.5s;

}

.head_box .m_ul .active_li{

	background: #fafafa;

}

.head_box .m_ul>li a{

	display: block;

    height: 100%;

    color: #333;

    font-size: 16px;

    height: 45px;

    line-height: 45px;

}



.title_box{

	position: relative;

}

.title_box img{

	width: 100%;

	vertical-align: top;

}

.title_box h2{

	position: absolute;

	top: 50%;

	left: 14%;

	transform: translateY(-50%);

	font-size: 36px;

	color: #fff;

	text-transform: uppercase;

	line-height: 1.5;
	display: none;

}

.title_box h2.green_h2{

	color: #009944;

}



.foot_box{

	background: #333;

	border-top: 7px solid #009944;

	padding: 96px 0 36px;

}

.foot_box .link_p{

	text-align: center;

	font-size: 0;

}

.foot_box .link_p a{

	display: inline-block;

	vertical-align: top;

	font-size: 16px;

	color: #e4e4e4;

	margin: 0 20px;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.foot_box .link_p a:hover{

	color: #009944;

}

.foot_box div{

	text-align: center;

	font-size: 0;

	padding: 22px 0;

	border-top: 1px solid #535353;

	border-bottom: 1px solid #535353;

	margin-top: 32px;

	margin-bottom: 48px;

}

.foot_box div img{

	margin: 0 30px;

	vertical-align: middle;

}

.foot_box dl{

	color: #efebeb;

	text-align: center;

	font-size: 0;

}

.foot_box dl dt{

	display: inline-block;

	vertical-align: middle;

	text-align: left;

	margin-right: 100px;

}

.foot_box dl dt span{

	display: inline-block;

	vertical-align: top;

	margin-right: 30px;

	font-size: 16px;

}

.foot_box dl dt p{

	font-size: 14px;

	margin-top: 20px;

}

.foot_box dl dd{

	display: inline-block;

	vertical-align: middle;

	text-align: right;

}

.foot_box dl dd p{

	position: relative;

}

.foot_box dl dd p span{

	display: block;

	height: 38px;

	line-height: 38px;

	width: 190px;

	font-size: 15px;

	border-radius: 4px;

	background: #434343;

	text-align: left;

	box-sizing: border-box;

	padding-left: 10px;

	cursor: pointer;

	position: relative;

}

.foot_box dl dd p span i{

	position: absolute;

	width: 13px;

	height: 13px;

	background: url(../img/jt.png) no-repeat center;

	right: 10px;

	top: 12px;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.foot_box dl dd p span.active i{

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}

.foot_box dl dd p em{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 38px;

	padding: 10px;

	text-align: left;

	box-sizing: border-box;

	background: #3a3a3a;

	display: none;

}

.foot_box dl dd p em a{

	display: block;

	font-size: 14px;

	line-height: 2;

	color: #efebeb;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.foot_box dl dd p em a:hover{

	color: #009944;

	text-decoration: underline;

}

.foot_box dl dd .boc_a{

	font-size: 14px;

	display: inline-block;

	color: #999;

	margin-top: 14px;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.foot_box dl dd .boc_a:hover{

	color: #fff;

}







.quality_box{



}

.quality_box li{

	padding: 80px 0;

}

.quality_box dl{

	position: relative;

}

.quality_box dl::after{

	content:".";

	display:block;

	height:0;

	visibility:hidden;

	clear:both;

}

.quality_box dl dt{

	position: absolute;

	width: 50%;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.quality_box dl dt h3{


	font-size: 36px;

	color: #c0d194;

	margin-bottom: 60px;

}

.quality_box dl dt h3 span{

	display: block;

	font-size: 30px;

	color: #206233;

	margin-top: 14px;

}

.quality_box dl dt p{

	font-size: 16px;

	color: #666;

	line-height: 1.5;

	text-indent: 32px;

	text-align: justify;

}

.quality_box dl dd{

	width: 45%;
	border-radius: 8px;
	float: right;
	overflow: hidden;

}

.quality_box dl dd img{

	width: 100%;

	vertical-align: top;

	border-radius: 8px;
	transition: 0.5s;
    -webkit-transition: 0.5s;

}
.quality_box dl dd:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.quality_box li:nth-of-type(even){

	background: #f7fcf8;

}

.quality_box li:nth-of-type(even) dl dt{

	left: auto;

	right: 0;

}

.quality_box li:nth-of-type(even) dl dt h3{

	text-align: left;

}

.quality_box li:nth-of-type(even) dl dd{

	width: 45%;

	float: left;

}







.productInfo_box{



}

.productInfo_box dl{

	

}

.productInfo_box dl dt{

	height: 76px;

	line-height: 76px;

	background: #c0d194;

	font-size: 30px;

	color: #206233;

	padding: 0 16px;

}

.productInfo_box dl dt span{

	

}

.productInfo_box dl dt em{

	float: right;

}

.productInfo_box dl dd{



}

.productInfo_box dl dd ol{

	

}

.productInfo_box dl dd ol li{

	margin-bottom: 10px;

}

.productInfo_box dl dd ol li:last-of-type{

	margin-bottom: 0;

}

.productInfo_box dl dd ol li h6{

	height: 68px;

	line-height: 68px;

	background: #f2f6ea;

	font-size: 20px;

	color: #206233;

	padding: 0 32px;

	cursor: pointer;

}

.productInfo_box dl dd ol li h6 small{

	float: right;

	font-size: 18px;

}

.productInfo_box dl dd ol li h6 small i{

	display: inline-block;

	width: 12px;

	height: 12px;

	margin-left: 10px;

	background: url(../img/jt2.png) no-repeat center;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.productInfo_box dl dd ol li h6.active small i{

	-webkit-transform: rotate(90deg);

  	transform: rotate(90deg);

}

.productInfo_box dl dd ol li div{

	padding: 0 32px;

	display: none;

}

.productInfo_box dl dd ol li div p{
	padding: 10px 0;
	line-height: 30px;

	border-bottom: 1px solid #dfe8c9;

	font-size: 18px;

	color: #999;

}

.productInfo_box dl dd ol li div p:last-of-type{

	border-bottom: none;

}

.productInfo_box dl dd ol li div p small{

	display: block;

	font-size: 18px;

}







.product_box{



}

.product_box .swiper-slide dl{



}

.product_box .swiper-slide dl dt{

	float: left;

	width: 50%;

}

.product_box .swiper-slide dl dt img{

	width: 100%;

	vertical-align: top;

}

.product_box .swiper-slide dl dd{

	float: left;

	width: 50%;

	box-sizing: border-box;

	padding-left: 5%;

}

.product_box .swiper-slide dl dd h5{

	font-size: 36px;

	color: #206233;

	border-bottom: 1px solid #d2d2d2;

	padding-bottom: 20px;

	margin-bottom: 10%;

}

.product_box .swiper-slide dl dd h5 i{

	display: inline-block;

    width: 120px;

    height: 2px;

    background: #206233;

    vertical-align: middle;

    margin-left: 12px;

}

.product_box .swiper-slide dl dd h5 small{

	font-size: 24px;

	display: block;

	margin-top: 10px;

}

.product_box .swiper-slide dl dd div{

	font-size: 0;

	margin-bottom: 20px;

}

.product_box .swiper-slide dl dd div span{

	font-size: 20px;

	margin-right: 10px;

}

.product_box .swiper-slide dl dd p{

	font-size: 0;

}

.product_box .swiper-slide dl dd p a{

	display: inline-block;

	vertical-align: top;

	font-size: 18px;

	color: #666;

	line-height: 1.5;

	margin-right: 6px;

}

.product_box .swiper-slide dl dd p a::after{

	content: "/";

	display: inline-block;

	vertical-align: top;

	margin-left: 6px;

}

.product_box .swiper-slide dl dd p a:last-of-type{

	margin-right: 0;

}

.product_box .swiper-slide dl dd p a:last-of-type::after{

	display: none;

}

.product_box .swiper-slide dl dd .more_a{

	font-size: 18px;

	color: #206233;

	display: inline-block;

	vertical-align: top;

	margin-top: 20px;

}

.product_box .swiper-slide dl dd .more_a::after{

	content: "";

	display: inline-block;

	vertical-align: top;

	margin-top: 3px;

	margin-left: 6px;

	width: 0px;

    height: 0px;

    border-width: 6px;

    border-style: dashed dashed dashed solid;

	border-color: transparent transparent transparent #79b074;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.product_box .swiper-slide dl dd .more_a:hover{

	text-decoration: underline;

}

.product_box .swiper-slide dl dd .more_a:hover::after{

	margin-left: 16px;

}

.product_box .swiper-pagination{

	width: auto !important;

	left: 55% !important;

	bottom: 0 !important;

}

.product_box .swiper-pagination span{

	font-size: 18px;

	color: #666;

	height: 34px;

	width: 34px;

	line-height: 34px;

	background: #fff;

	opacity: 1;

	margin: 0 10px 0 0 !important;
	outline: none;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.product_box .swiper-pagination .swiper-pagination-bullet-active{

	background: #79b074;

	color: #fff;

}







.about_box{

	background: #f7fcf8;

}

.about_box h4{
	position: relative;
	z-index: 6;
	margin-bottom: 60px;
}

.about_box h4 strong{
	display: block;
	padding-left: 45%;
	font-size: 100px;
	color: #c9d8a4;
	font-weight: normal;
}
.about_box h4 small{
	font-size: 30px;
	color: #89ab3a;
	display: block;
	white-space: nowrap;
	padding-left: 55%;
}
.about_box h4 small::before{

	content: "";

	display: inline-block;

	vertical-align: middle;

	width: 240px;

	height: 2px;

	background: #89ab3a;

	margin-right: 20px;

}

.about_box .w72{

	

}

.about_box ol{
	width: 100%;
	position: relative;
}

.about_box ol li{
	width: 100%;
	font-size: 0;
	display: none;
}
.about_box ol li:first-of-type{
	display: block;
}

.about_box ol li em{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	box-sizing: border-box;
	padding-top: 40px;
	padding-right: 40px;
	position: relative;
}

.about_box ol li em::after{
	content: "";
	position: absolute;
	width: 80%;
	height: 80%;
	background: #89ab3a;
	top: 0;
	right: 0;
}
.about_box ol li em .swiper-container{
	z-index: 3;
}
.about_box ol li em .swiper-slide img{
	width: 100%;
	vertical-align: top;
}
.about_box ol li em .swiper-pagination-bullet-active{
	background: #146937;
}

.about_box ol li .rigth_div{
	padding-top: 40px;
	display: inline-block;
	vertical-align: top;

	width: 70%;

	box-sizing: border-box;

	padding-left: 4%;

}

.about_box ol li .rigth_div h6{

	font-size: 40px;

	color: #206233;

	text-align: right;

	margin-bottom: 6%;

}

.about_box ol li .rigth_div div{

	
}
.about_box ol li .rigth_div div p{
	font-size: 18px;
	line-height: 1.6;

}
.about_box ol li .bottom_div{
	padding-top: 40px;
}
.about_box ol li .bottom_div h6{
	font-size: 32px;
	color: #7fb35e;
}
.about_box ol li .bottom_div dl{
	font-size: 0;
}
.about_box ol li .bottom_div dd{
	display: inline-block;
	width: 20%;
	line-height: 1.5;
	font-size: 18px;
	margin-top: 30px;
}
.about_box ol li .bottom_div dd strong{
	display: block;
}
.about_box ol li .bottom_div dd p{
	
}


ul.member-list{
	width: 100%;
	margin-top: 30px;
}
ul.member-list::after{
    content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.member-list li {
    display: block !important;
    font-size: 12px !important;
    list-style: none;
    float: left;
	width: 22% !important;
	box-sizing: border-box;
    border-left: .5em solid #6fba2c;
    padding: 20px 0 20px 25px;
    background-color: #f7fcf8;
    margin: 0 4% 20px 0;
    box-shadow: 0 0 10px 5px #e6ebe7;
}
.member-list li:nth-of-type(4n){
    margin: 0 0 20px 0;
}
.member-list li .first-line {
margin-bottom: 12px;
}

.member-list li .name {
font-size: 1.5em;
color: #6fba2c;
}

.member-list li .title {
font-size: 1.2em;
color: #b5b5b6;
}

.member-list li .label {
color: #231815;
}

.member-list li .label::after {
content: ':';
}
.member-list li p{
    margin: 4px 0;
}



.about_box .tab_div{

	font-size: 0;

	margin-top: 6%;

}

.about_box .tab_div h5{

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	width: 33.33%;

	font-size: 30px;

	color: #89ab3a;

	padding: 3% 0;

	box-sizing: border-box;

	border-right: 1px solid #c0d399;

	cursor: pointer;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}
.about_box .tab_div h5 a{
	display: block;
	color: #89ab3a;
}

.about_box .tab_div h5.active_h5 a{

	color: #206233;

}

.about_box .tab_div h5:hover{

	color: #206233;

}

.about_box .tab_div h5:last-of-type{

	border-right: none;

}

.about_box .tab_div h5 small{

	display: block;

	font-size: 16px;

	margin-bottom: 12px;

	text-transform: uppercase;

}







.contact_box{

	width: 1200px;

	margin: 0 auto;

}

.contact_box .map_div{

	position: relative;

}

.contact_box .map_div img{

	width: 100%;

	vertical-align: top;

}

.contact_box .map_div img.ts_img{

	display: none;

}

.contact_box .map_div p{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.contact_box .map_div p i{

	position: absolute;

	width: 19px;

	height: 24px;

	opacity: 0.5;

	background: url(../img/dw.png) no-repeat;

	animation:mymove 4s infinite;

	-webkit-animation:mymove 4s infinite;

}

@keyframes mymove{

	0% {

		-webkit-transform: scale(1.0);

    	transform: scale(1.0);

		opacity: 0.5;

	}

	70% {

		-webkit-transform: scale(1.2);

    	transform: scale(1.2);

		opacity: 1;

	}

	100% {

		-webkit-transform: scale(1.0);

    	transform: scale(1.0);

		opacity: 0.5;

	}

}



@-webkit-keyframes mymove{

	0% {

		-webkit-transform: scale(1.0);

    	transform: scale(1.0);

		opacity: 0.5;

	}

	75% {

		-webkit-transform: scale(1.2);

    	transform: scale(1.2);

		opacity: 1;

	}

	100% {

		-webkit-transform: scale(1.0);

    	transform: scale(1.0);

		opacity: 0.5;

	}

}

.contact_box .map_div p i.i1{

	top: 278px;

    left: 170px;

}

.contact_box .map_div p i.i2{

	top: 321px;

	left: 291px;

	animation-delay:1s;

	-webkit-animation-delay:1s;

}

.contact_box .map_div p i.i3{

	top: 271px;

	left: 313px;

	animation-delay:2s;

	-webkit-animation-delay:2s;

}

.contact_box .map_div p i.i4{

	top: 230px;

	left: 576px;

	animation-delay:2s;

	-webkit-animation-delay:2s;

}

.contact_box .map_div p i.i5{

	top: 303px;

	left: 937px;

	animation-delay:1s;

	-webkit-animation-delay:1s;

}

.contact_box .map_div p i.i6{

	top: 319px;

	left: 944px;

	animation-delay:2s;

	-webkit-animation-delay:2s;

}

.contact_box form{

	font-size: 0;

	margin-top: 6%;

	text-align: right;

	padding-bottom: 40px;

	border-bottom: 1px solid #7d7d7d;

}

.contact_box form input{

	width: 49%;

	margin-right: 2%;

	height: 66px;

	background: #eee;

	box-sizing: border-box;

	padding-left: 12px;

	font-size: 18px;

	margin-bottom: 16px;

	border: none;

	border-radius: 6px;

	text-align: left;

}

.contact_box form input:nth-of-type(2){

	margin-right: 0;

}

.contact_box form input:nth-of-type(3){

	width: 100%;

	margin-right: 0;

}

.contact_box form textarea{

	border: none;

	border-radius: 6px;

	padding: 20px 12px;

	height: 240px;

	font-size: 18px;

	width: 100%;

	background: #eee;

	box-sizing: border-box;

	text-align: left;

	resize: none;

}

.contact_box form button{

	height: 50px;

	width: 170px;

	background: #009944;

	border-radius: 6px;

	color: #fff;

	font-size: 18px;

	border: none;

	margin-top: 28px;

}

.contact_box dl{

	margin-top: 8%;

}

.contact_box dl dt{

	font-size: 0;

	margin-bottom: 6%;

}

.contact_box dl dt p{

	display: inline-block;

	font-size: 20px;

	color: #666;

	width: 30%;

	margin-right: 5%;

	border-bottom: 1px dashed #909090;

	padding-bottom: 18px;

}

.contact_box dl dt p:nth-of-type(3){

	margin-right: 0;

}

.contact_box dl dt p small{

	display: block;

	margin-top: 6px;

	font-size: 16px;

}

.contact_box dl dd{

	background: url(../img/tp6.jpg) no-repeat left center;

	background-size: auto 100%;

	padding: 15px 0 15px 35%;

}

.contact_box dl dd p{

	font-size: 20px;

	color: #666;

	line-height: 2.0;

}

.contact_box dl dd p small{

	font-size: 16px;

}







.service_box{



}

.service_box h4{

	font-size: 36px;

	color: #c0d194;

	margin-bottom: 40px;

}

.service_box h4 small{

	font-size: 34px;

	display: block;

	color: #206233;

	margin-top: 16px;

}

.service_box .div1{

	margin-top: 70px;

	padding-bottom: 52px;

	border-bottom: 1px solid #eee;

}

.service_box .div1 .img_div{

	text-align: center;

	padding-top: 60px;

}

.service_box .div1 .img_div>img{

	display: none;

	vertical-align: top;

	width: 100%;

}

.service_box .div1 .img_div div{

	display: inline-block;

	position: relative;

}

.service_box .div1 .img_div div>img{

	vertical-align: top;

}

.service_box .div1 .img_div div em{

	width: 58px;

	height: 58px;

	background: url(../img/gy1.png) no-repeat center;

	background-size: 100% 100%;

	position: absolute;

	top: 40px;

	left: 390px;

	animation:myem 4.5s ease infinite;

	-webkit-animation:myem 4.5s ease infinite;

}

@keyframes myem{

	0% {opacity: 0.5;}

	65% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);}

	100% {opacity: 0.5;}

}

@-webkit-keyframes myem{

	0% {opacity: 0.5;}

	65% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);}

	100% {opacity: 0.5;}

}

.service_box .div1 .img_div div span{

	

}

.service_box .div1 .img_div div .span1{

	position: absolute;

	top: -86px;

    right: 182px;

	width: 341px;

	height: 266px;

	background: url(../img/gy2.png) no-repeat right;

	background-size: cover;

	animation:myspan1 3s ease infinite;

	-webkit-animation:myspan1 3s ease infinite;

}

.service_box .div1 .img_div div .span2{

	position: absolute;

	top: -86px;

    right: 186px;

	width: 186px;

	height: 266px;

	background: url(../img/gy3.png) no-repeat right;

	background-size: cover;

	animation:myspan2 3s 1.5s infinite;

	-webkit-animation:myspan2 3s 1.5s infinite;

}

.service_box .div1 .img_div div .span3{

	position: absolute;

	top: -86px;

    right: 189px;

	width: 99px;

	height: 265px;

	background: url(../img/gy4.png) no-repeat right;

	background-size: cover;

	animation:myspan3 3s 1s infinite;

	-webkit-animation:myspan3 3s 1s infinite;

}

@keyframes myspan1{

	0% {width: 0;opacity: 0;}

	65% {width: 341px;opacity: 1;}

	100% {opacity: 0;}

}

@-webkit-keyframes myspan1{

	0% {width: 0;opacity: 0;}

	65% {width: 341px;opacity: 1;}

	100% {opacity: 0;}

}

@keyframes myspan2{

	0% {width: 0;opacity: 0;}

	65% {width: 186px;opacity: 1;}

	100% {opacity: 0;}

}

@-webkit-keyframes myspan2{

	0% {width: 0;opacity: 0;}

	65% {width: 186px;opacity: 1;}

	100% {opacity: 0;}

}

@keyframes myspan3{

	0% {width: 0;opacity: 0;}

	65% {width: 99px;opacity: 1;}

	100% {opacity: 0;}

}

@-webkit-keyframes myspan3{

	0% {width: 0;opacity: 0;}

	65% {width: 99px;opacity: 1;}

	100% {opacity: 0;}

}

.service_box .div1 .img_div div i{

	width: 58px;

	height: 58px;

	background: url(../img/gy1.png) no-repeat center;

	background-size: 100% 100%;

}

.service_box .div1 .img_div div .i1{

	position: absolute;

	top: 148px;

    right: 492px;

	animation:i1 3s infinite;

	-webkit-animation:i1 3s infinite;

}

.service_box .div1 .img_div div .i2{

	position: absolute;

	top: 142px;

    right: 339px;

	animation:i1 3s 1.5s infinite;

	-webkit-animation:i1 3s 1.5s infinite;

}

.service_box .div1 .img_div div .i3{

	position: absolute;

	top: 147px;

    right: 256px;

	animation:i1 3s 1s infinite;

	-webkit-animation:i1 3s 1s infinite;

}



@keyframes i1{

	0% {opacity: 0;}

	60% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);}

	70% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);}

	100% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);}

}

@-webkit-keyframes i1{

	0% {opacity: 0;}

	60% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);}

	70% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);}

	100% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);}

}



.service_box .div1 .content_div{

	background: #f2f6ea;

	border-radius: 4px;

	padding: 30px 40px;

	margin-top: 30px;

}

.service_box .div1 .content_div p{

	font-size: 16px;

	color: #666;

	line-height: 1.8;

	text-indent: 32px;

	margin: 5px 0;

}

.service_box .div2{

	/* margin-top: 70px; */

	padding-bottom: 52px;

	border-bottom: 1px solid #eee;

}

.service_box .div2 h4{

	

}

.service_box .div2 ol{



}

.service_box .div2 ol li{

	float: left;

	width: 23.5%;

	margin-right: 2%;

	box-sizing: border-box;

	border-radius: 8px;

	padding: 12px;

	background: #f1f1f1;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}


.service_box .div2 ol li:nth-of-type(4n+4){

	margin-right: 0;

}

.service_box .div2 ol li em{

	display: block;

	overflow: hidden;

}

.service_box .div2 ol li em img{

	width: 100%;

	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.service_box .div2 ol li:hover{
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.service_box .div2 ol li:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.service_box .div2 ol li div{

	height: 200px;

	padding: 40px 20px 0;

}

.service_box .div2 ol li div h6{

	font-size: 24px;

	color: #206233;

	font-weight: bold;

	text-align: center;

	margin-bottom: 30px;

}

.service_box .div2 ol li div p{

	font-size: 16px;

	color: #666;

	line-height: 1.5;

	text-indent: 32px;

	max-height: 120px;

	overflow: hidden;

}

.service_box .div3{

	margin-top: 70px;

}

.service_box .div3 dl{

	font-size: 0;

}

.service_box .div3 dt{

	font-size: 16px;

	line-height: 1.8;

	color: #666;

	text-indent: 32px;

	display: inline-block;

	width: 47%;

	margin-right: 6%;

	vertical-align: middle;

}

.service_box .div3 dd{

	display: inline-block;

	width: 47%;

	vertical-align: middle;
	overflow: hidden;

}

.service_box .div3 dd img{

	width: 100%;

	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;

}
.service_box .div3 dd:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}






.banner_box{



}
.banner_box .swiper-slide a{
	display: block;
}
.banner_box .swiper-slide img{

	width: 100%;

	vertical-align: top;

}

.banner_box .swiper-pagination{



}

.banner_box .swiper-pagination span{

	opacity: 1;

	border-radius: 4px;

	background: #ccc;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.banner_box .swiper-pagination span.swiper-pagination-bullet-active{
	background: #146937;
	width: 60px;

}







.welcome_box{



}

.welcome_box h5{

    font-size: 36px;

    color: #206233;

    padding-bottom: 20px;

	position: relative;

}

.welcome_box h5 i{

	display: inline-block;

	width: 120px;

	height: 2px;

	background: #206233;

	vertical-align: middle;

	margin-left: 12px;

}

.welcome_box h5 small{

	font-size: 24px;

    display: block;

    margin-top: 10px;

}

.welcome_box .div1{

	font-size: 0;

	background: #f7fcf8;

}

.welcome_box .div1 dl{



}

.welcome_box .div1 dt{

	display: inline-block;

	vertical-align: middle;

	width: 47%;

	margin-right: 6%;

}

.welcome_box .div1 dt h5{

	margin-bottom: 8%;

}

.welcome_box .div1 dt div{

	overflow: hidden;

}

.welcome_box .div1 dt div p{

	font-size: 16px;

	color: #666;

	line-height: 1.5;

}

.welcome_box .div1 dt div a{

	float: right;

	width: 140px;

	line-height: 42px;

	background: #7fb35e;

	color: #fff;

	text-align: center;

	font-size: 16px;

	margin-top: 8%;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.welcome_box .div1 dt div a::after{

	

}

.welcome_box .div1 dt div a:hover{

	background: #206233;

}

.welcome_box .div1 dd{

	display: inline-block;

	vertical-align: middle;

	width: 47%;
	overflow: hidden;

}

.welcome_box .div1 dd img{

	width: 100%;

	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;

}
.welcome_box .div1 dd:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.welcome_box .div2{

	width: 100%;

	padding-bottom: 31%;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.welcome_box .div2 h6{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 6;

	text-align: center;

	transition: 0.3s;

	-webkit-transition: 0.3s;

}

.welcome_box .div2 h6 span{

	display: block;

	font-size: 48px;

	color: #fff;

	line-height: 1.5;

	margin-bottom: 20px;

}

.welcome_box .div2 h6 i{

	display: inline-block;

	width: 100px;

	height: 100px;

	background: url(../img/bf.png) no-repeat;

	background-size: 100% 100%;

}

.welcome_box .div2 img{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3;

	transition: 0.5s ease;

	-webkit-transition: 0.5s ease;

}

.welcome_box .div2 video{

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.welcome_box .active_div h6{

	opacity: 0;

    -webkit-transform: translate(-50%,-50%) scale(1.5);

    transform: translate(-50%,-50%) scale(1.5);

}

.welcome_box .active_div img{

	opacity: 0;

}


.welcome_box .news_div{
	font-size: 0;
}
.welcome_box .news_div h5{
	margin-bottom: 30px;
}
.welcome_box .news_div .swiper-container{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-right: 2%;
}
.welcome_box .news_div .swiper-container .swiper-slide{
	padding-bottom: 60%;
}
.welcome_box .news_div .swiper-container .swiper-slide img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .news_div .swiper-container .swiper-slide h6{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	padding: 0 80px 0 14px;
	font-size: 18px;
	color: #fff;
	background: rgba(0,0,0,0.4);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.welcome_box .news_div .swiper-pagination{
	width: auto;
	right: 10px;
	left: auto;
	bottom: 18px;
}
.welcome_box .news_div .swiper-pagination span{
	opacity: 1;
	background: #ccc;
}
.welcome_box .news_div .swiper-pagination .swiper-pagination-bullet-active{
	background: #7fb35e;
}
.welcome_box .news_div .swiper-container .swiper-slide:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);

}
.welcome_box .news_div .list_dl{
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.welcome_box .news_div .list_dl dd{
	width: 100%;
	padding-bottom: 60%;
	position: relative;
}
.welcome_box .news_div .list_dl dd .list_div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.welcome_box .news_div .list_dl dd .list_div a{
	display: flex;
    display: -webkit-flex;
    align-items: center;
	height: 33.33%;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
}
.welcome_box .news_div .list_dl dd .list_div a:first-of-type{
	border-top: 1px solid #e6e6e6;
}
.welcome_box .news_div .list_dl dd a div{
	width: 74%;
	box-sizing: border-box;
	padding-right: 20px;
}
.welcome_box .news_div .list_dl dd a div h6{
	font-size: 18px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 12px;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .news_div .list_dl dd a div p{
	font-size: 14px;
	color: #999;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}
.welcome_box .news_div .list_dl dd a div span{
	font-size: 14px;
	color: #ccc;
	display: block;
	margin-top: 8px;
}
.welcome_box .news_div .list_dl dd a em{
	flex: 1;
	overflow: hidden;
}
.welcome_box .news_div .list_dl dd a em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .news_div .list_dl dd .list_div a:hover h6{
	color: #7fb35e;
}
.welcome_box .news_div .list_dl dd a:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_box .news_div .more_a{
	display: block;
	margin: 60px auto 0;
    width: 140px;
    line-height: 42px;
    background: #7fb35e;
    color: #fff;
    text-align: center;
    font-size: 16px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.welcome_box .news_div .more_a:hover{
	background: #206233;
}


.nav_box{
	background: #f7f7f7;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.nav_box a{
	display: inline-block;
	width: 16%;
	vertical-align: top;
	font-size: 20px;
	color: #666;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.nav_box a:hover{
	background: #009944;
	color: #fff;
}
.nav_box a.active{
	background: #009944;
	color: #fff;
}



.pagin_box{
	text-align: center;
	font-size: 0;
	margin-top: 60px;
}
.pagin_box a{
	display: inline-block;
	vertical-align: top;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	line-height: 34px;
	font-size: 18px;
	color: #666;
	margin: 0 6px;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.pagin_box a:hover{
	background: #79b074;
	color: #fff;
}
.pagin_box a.active{
	background: #79b074;
	color: #fff;
}



.news_box{

}
.news_box ul{
	margin-top: -40px;
}
.news_box ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 40px;
}
.news_box ul li:nth-of-type(3n){
	margin-right: 0;
}
.news_box ul li a{
	display: block;
}
.news_box ul li em{
	display: block;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.news_box ul li em img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;left: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.news_box ul li em span{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #7e8081;
	text-align: center;
	font-size: 18px;
	color: #fff;
	box-sizing: border-box;
	padding-top: 10px;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.news_box ul li em span small{
	display: block;
	font-size: 12px;
	margin-top: 4px;
}
.news_box ul li div{
	padding-top: 14px;
}
.news_box ul li div h6{
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
	color: #333;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.news_box ul li div p{
	font-size: 14px;
	color: #999;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}
.news_box ul li:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news_box ul li:hover em span{
	background: #79b074;
}
.news_box ul li:hover div h6{
	color: #79b074;
}



.exhibition_box{

}
.exhibition_box ul{
	margin-top: -40px;
}
.exhibition_box ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 40px;
}
.exhibition_box ul li:nth-of-type(3n){
	margin-right: 0;
}
.exhibition_box ul li a{
	display: block;
}
.exhibition_box ul li a.no_a{
	cursor: default;
}
.exhibition_box ul li em{
	display: block;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	background: #fff;
}
.exhibition_box ul li em img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.exhibition_box ul li div{
	padding-top: 14px;
	height: 114px;
}
.exhibition_box ul li div h6{
	font-size: 18px;
	color: #666;
	line-height: 1.6;
}
.exhibition_box ul li div h6 span{
	display: inline-block;
	width: 80px;
	color: #333;
}
.exhibition_box ul li:hover em img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
}



.info_box{

}
.info_box .left_box{
	float: left;
	width: calc(100% - 350px);
	box-sizing: border-box;
	padding-right: 50px;
}
.info_box .right_box{
	float: right;
	width: 350px;
	box-sizing: border-box;
	background: #f7f7f7;
}
.info_box .right_box h4{
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #009944;
}
.info_box .right_box ul{
	padding: 0 18px 20px;
	margin-top: 0;
}
.info_box .right_box ul li{
	width: 100%;
	margin-right: 0;
	float: none;
	margin-top: 20px;
}
.info_box .exhibition_box ul li div h6{
	font-size: 16px;
}
.newsInfo_box{
	
}
.newsInfo_box .title_div{
	font-size: 14px;
	color: #999;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.newsInfo_box .title_div h5{
	font-size: 30px;
	line-height: 1.6;
	color: #333;
	margin-bottom: 24px;
}
.newsInfo_box .title_div strong{
	font-weight: normal;
	display: inline-block;
	line-height: 18px;
	height: 18px;
	border-right: 1px solid #999;
	padding-right: 20px;
	margin-right: 18px;
}
.newsInfo_box .title_div span{
	display: inline-block;
	line-height: 18px;
	height: 18px;
	margin-right: 18px;
}
.newsInfo_box .title_div em{
	display: inline-block;
	line-height: 18px;
	margin-top: 0;
	height: 18px;
	background: url(../img/fx.png) no-repeat left center;
	padding-left: 20px;
	vertical-align: top;
}
.newsInfo_box .title_div em a{
	background-image: none;
	padding-left: 0;
	font-size: 14px;
	color: #999;
	margin: 0;
	width: auto !important;
	line-height: 18px;
	height: 18px;
}
.newsInfo_box .content_div{
	
}
.newsInfo_box .content_div p{
	font-size: 16px;
	color: #333;
	line-height: 2.0;
	margin-bottom: 20px;
}
.newsInfo_box .content_div p img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.newsInfo_box .page_div{
	height: 50px;
	background: #f2f2f2;
	padding: 0 20px;
	line-height: 50px;
	position: relative;
	margin-top: 40px;
}
.newsInfo_box .page_div a{
	font-size: 16px;
	color: #999;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.newsInfo_box .page_div a.return_a{
	position: absolute;
	color: #009944;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.newsInfo_box .page_div a.previous_a{
	float: left;
	max-width: calc(50% - 100px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.newsInfo_box .page_div a.next_a{
	float: right;
	max-width: calc(50% - 100px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.newsInfo_box .page_div a:hover{
	color: #009944;
}
.newsInfo_box .gallery-top{

}
.newsInfo_box .gallery-top .swiper-slide{
	
}
.newsInfo_box .gallery-top .swiper-slide img{
	width: 100%;
	vertical-align: top;
}
.newsInfo_box .gallery-top .swiper-slide div{
	font-size: 16px;
	margin-top: 14px;
	color: #333;
	line-height: 1.6;
	padding-left: 50px;
}
.newsInfo_box .gallery-top .swiper-pagination{
	width: auto;
	font-size: 16px;
	color: #999;
	bottom: 0;
}
.newsInfo_box .gallery-top .swiper-pagination .swiper-pagination-current{
	font-size: 22px;
	color: #009944;
}

.newsInfo_box .thumbs_div{
	position: relative;
	margin-top: 20px;
	padding: 0 36px;
}
.newsInfo_box .thumbs_div .swiper-button-prev{
	width: 28px;
	height: 100%;
	left: 0;
	outline: none;
	opacity: 1;
	top: 0;
	margin-top: 0;
	background: url(../img/xwz.png) no-repeat center #f7f7f7;
}
.newsInfo_box .thumbs_div .swiper-button-next{
	width: 28px;
	height: 100%;
	right: 0;
	outline: none;
	opacity: 1;
	top: 0;
	margin-top: 0;
	background: url(../img/xwy.png) no-repeat center #f7f7f7;
}
.newsInfo_box .gallery-thumbs{
	
}
.newsInfo_box .gallery-thumbs .swiper-slide{
	
}
.newsInfo_box .gallery-thumbs .swiper-slide img{
	width: 100%;
	vertical-align: top;
}
.info_box .right_box ul li div{
	height: auto !important;
}



.search_box{



}

.search_box .title_ps{

    font-size: 14px;

    color: #999;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

}

.search_box h6{

	margin-bottom: 12px;

}

.search_box ul li{

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #ccc;

}

.search_box ul li a{

	display: block;

	color: #333;

}







@media (max-width: 1700px) {

	.about_box h4{

		margin-bottom: 0;

	}

}

@media (max-width: 1500px) {

	.service_box .div2 ol li div{

		padding: 40px 0px 0;

	}

	.about_box ol li .rigth_div h6{

		font-size: 36px;

		margin-bottom: 20px;

	}

	.about_box ol li em{

		padding-top: 30px;

		padding-right: 30px;

	}

	.about_box h4 strong{

		font-size: 90px;

	}
	.welcome_box .news_div .list_dl dd a div p{
		height: 21px;
	}
	.nav_box a{
		font-size: 18px;
	}
	.exhibition_box ul li div h6{
		font-size: 16px;
	}
	.exhibition_box ul li div{
		height: 100px;
	}
	.newsInfo_box .title_div h5{
		font-size: 24px;
	}
	.head_box .w_ul li{
		padding: 0 30px;
	}

}

@media (max-width: 1400px) {

	.foot_box div img:first-of-type{

		margin-left: 0;

	}
	.product_box .swiper-slide dl dd h5{
		margin-bottom: 20px;
	}

	.foot_box div img:last-of-type{

		margin-right: 0;

	}

	.about_box ol li .rigth_div h6{

		font-size: 30px;

	}
	.head_box .w_ul li{
		padding: 0 25px;
	}
	.welcome_box .news_div .list_dl dd a div h6{
		margin-bottom: 8px;
	}
	.welcome_box .news_div .list_dl dd a div span{
		margin-top: 4px;
	}
	.w72{
		width: 88%;
	}

}

@media (max-width: 1300px) {
	.head_box .w_ul li {
		padding: 0 20px;
	}
}

@media (max-width: 1200px) {

	.head_box form{

		display: none;

	}

	.w72{

		width: 94%;

	}

	.head_box .w_ul{

		display: none;

	}

	.head_box .menu_div{

		display: block;

	}

	.head_box{

		height: 60px;

		padding: 0 3%;

	}

	.head_box .logo_a{

		width: 45px;

	}

	.head_box .language_p{

		line-height: 60px;

		margin-right: 60px;

	}

	.contact_box{

		width: 94%;

	}

	.contact_box form input{

		width: 100%;

	}

	.title_box h2{

		font-size: 26px;

	}

	.service_box h4{

		font-size: 24px;

	}

	.service_box h4 small{

		font-size: 24px;

	}

	.contact_box .map_div img{

		display: none;

	}

	.contact_box .map_div img.ts_img{

		display: block;

	}

	.contact_box .map_div p{

		display: none;

	}

	.contact_box form input{

		height: 50px;

		margin-right: 0;

	}

	.contact_box form textarea{

		height: 200px;

	}

	.foot_box dl{

		width: 94%;

		margin: 0 auto;

	}

	.foot_box dl dt{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.foot_box dl dd{

		display: block;

		text-align: left;

	}

	.quality_box dl dt h3{

		margin-bottom: 30px;

	}

	.quality_box dl dt h3{

		font-size: 26px;

		text-align: center;

	}

	.quality_box li{

		padding: 40px 0;

	}

	.quality_box li:nth-of-type(even) dl dt h3{

		text-align: center;

	}

	.quality_box dl dt h3 span{

		font-size: 20px;

		font-weight: bold;

		margin-top: 10px;

	}

	.quality_box dl dt{

		position: static;

		transform: translateY(0);

		width: 100%;

		margin-bottom: 20px;

	}

	.quality_box li:nth-of-type(even) dl dd{

		width: 100%;

		float: none;

	}

	.quality_box dl dd{

		width: 100%;

		float: none;

	}

	.product_box .swiper-slide dl dd h5{

		font-size: 26px;

	}

	.product_box .swiper-slide dl dd h5 small{

		font-size: 20px;

	}

	.product_box .swiper-slide dl dt{

		width: 100%;

		float: none;

	}

	.product_box .swiper-slide dl dd{

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

		float: none;

	}

	.product_box .swiper-pagination{

		left: auto!important;

		right: 0!important;

	}

	.about_box ol li em{

		width: 100%;

	}

	.about_box ol li .rigth_div{

		width: 100%;

		padding-left: 0;

		margin-top: 30px;

	}

	.about_box ol li .rigth_div h6{

		text-align: center;

	}

	.about_box ol li{

	}
	.about_box ol li .bottom_div dd{
		width: 50%;
	}

	.about_box h4{

		margin-left: 0;

		margin-bottom: 20px;

	}

	.about_box .tab_div h5{

		font-size: 24px;

	}

	.about_box h4 strong{

		font-size: 42px;

	}

	.about_box h4 small{

		margin-left: 0;

	}

	.about_box h4 small::before{

		width: 80px;

	}

	.productInfo_box dl dt{

		font-size: 24px;

	}

	.productInfo_box dl dd ol li h6{

		padding: 0 16px;

	}

	.welcome_box h5{

		font-size: 26px;

	}

	.welcome_box h5 small{

		font-size: 20px;

	}

	.welcome_box .div1 dt h5{

		margin-bottom: 0;

	}

	.welcome_box .div2 h6 span{

		font-size: 36px;

	}

	.welcome_box .div2 h6 i{

		width: 60px;

		height: 60px;

	}

	.welcome_box .div1 dt{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.welcome_box .div1 dd{

		width: 100%;

	}

	.welcome_box .div1 dt div a{

		float: none;

		display: block;

		margin: 0 auto;

	}

    .member-list li{
		width: 100% !important;
		margin-right: 0 !important;
	}

	.welcome_box .news_div .swiper-container{
		width: 100%;
		margin-right: 0;
	}
	.welcome_box .news_div .swiper-container .swiper-slide h6{
		font-size: 16px;
	}
	.welcome_box .news_div .list_dl{
		width: 100%;
		margin-top: 20px;
	}
	.welcome_box .news_div .list_dl dd a div p{
		display: none;
	}
	.welcome_box .news_div .more_a{
		margin: 30px auto 0;
	}
	.welcome_box .news_div h5{
		margin-bottom: 10px;
	}
	.nav_box{
		height: 50px;
    	line-height: 50px;
	}
	.nav_box a{
		font-size: 16px;
		width: 30%;
	}
	.news_box ul{
		margin-top: -20px;
	}
	.news_box ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.exhibition_box ul{
		margin-top: -20px;
	}
	.exhibition_box ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.info_box .left_box{
		width: 100%;
		padding-right: 0;
	}
	.newsInfo_box .title_div{
		text-align: center;
	}
	.newsInfo_box .title_div h5{
		font-size: 20px;
	}
	.info_box .right_box{
		width: 100%;
		margin-top: 30px;
	}
	.newsInfo_box .gallery-top .swiper-pagination{
		display: none;
	}
	.newsInfo_box .gallery-top .swiper-slide div{
		padding-left: 0;
	}
	.exhibition_box ul li div{
		height: auto;
	}

}

@media (max-width: 768px) {

	.title_box{

		height: 180px;

	}

	.title_box img{

		height: 100%;

		width: auto;

	}

	.pd{

		padding: 30px 0;

	}

	.contact_box dl dt p{

		width: 100%;

		margin-right: 0;

		margin-bottom: 18px;

	}

	.contact_box dl dd{

		background: none;

		padding: 0;

	}

	.contact_box form button{

		width: 100%;

	}

	.contact_box dl dt{

		margin-bottom: 0;

	}

	.foot_box{

		padding: 36px 0 36px;

	}

	.foot_box dl dt span{

		display: block;

		line-height: 1.5;

	}

	.foot_box div{

		display: none;

	}

	.foot_box .link_p{

		display: none;

	}

	.service_box .div1 .img_div>img{

		display: block;

	}

	.service_box .div1 .img_div div{

		display: none;

	}

	.service_box .div1 .img_div{

		padding-top: 0;

	}

	.service_box .div1 .content_div{

		padding: 20px;

	}

	.service_box .div2{

		margin-top: 30px;

	}

	.service_box .div2 ol li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 16px;

	}

	.service_box .div2 ol li div{

		height: auto;

		padding-bottom: 30px;

	}

	.service_box .div2 ol li div p{

		max-height: auto;

	}

	.service_box .div3 dt{

		width: 100%;

		margin-right: 0;

	}

	.service_box .div3 dd{

		width: 100%;

	}

	.about_box .tab_div h5{

		font-size: 20px;

	}

	.about_box .tab_div h5 small{

		font-size: 14px;

	}

	.about_box ol li .rigth_div h6{

		font-size: 24px;

	}

	.welcome_box .div2{

		padding-bottom: 50%;

	}

	.welcome_box .div2 h6 span{

		font-size: 24px;

		line-height: 1.2;

		margin-bottom: 10px;

	}

	.welcome_box .div2 h6 i{

		width: 50px;

		height: 50px;

	}
	.productInfo_box dl dd ol li h6{
		font-size: 18px;
	}
	.productInfo_box dl dd ol li h6 small{
		font-size: 16px;
	}
	.product_box .swiper-container{
		padding-bottom: 60px !important;
	}
	.about_box ol li .bottom_div dd{
		width: 100%;
	}

	.about_box ol li .rigth_div div table td{
		/* width: 100% !important; */
	}

}
@media (max-width: 375px) {
	.product_box .swiper-pagination span{
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	.productInfo_box dl dd ol li h6{
		font-size: 14px;
	}
	.productInfo_box dl dd ol li h6 small{
		font-size: 13px;
	}
}




















