@charset "utf-8";



@font-face
{
font-family: siyuan1;
src: url('../fonts/SOURCEHANSANSCN-LIGHT.otf')
    ,url('../fonts/SOURCEHANSANSCN-LIGHT.eto'); /* IE9+ */
}
 


@font-face
{
font-family: siyuan2;
src: url('../fonts/SOURCEHANSANSCN-NORMAL.otf')
    ,url('../fonts/SOURCEHANSANSCN-NORMAL.eto'); /* IE9+ */
}

@font-face
{
font-family: avant1;
src: url('../fonts/ITC AVANT GARDE GOTHIC LT EXTRA LIGHT(1).TTF')
    ,url('../fonts/ITC AVANT GARDE GOTHIC LT EXTRA LIGHT(1).eto'); /* IE9+ */

}





/* header */
.header{
	max-width:1920px;
	margin:0 auto;
	background:#fff;
	position: relative;
	z-index: 111;
	height:85px;
}
.header h1 {
	float: left;
	width: 10%;
	margin-left:2%;
	height: 85px;
	display: inline-block;
	position: relative;
	background: url(../images/logo.png) no-repeat left center;
	background-size:100% auto;
}
.header h1 a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index: 12;
	color:#fff;
	text-indent: -9999px;
}

.header .nav{
	float: left;
	width:64%;
	padding-top:15px;
	height:60px;
	margin:0 0 0 8%;
}
.header .nav ul{
	width:100%;
}
.header .nav ul li{
	float: left;
	display: block;
	width:11.1%;
}
.header .nav ul li>a{
	display: block;
	line-height:70px;
	color: #333;
	font-size: 16px;
	text-align: center;
	position: relative;
}
.header .nav ul li>a:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	z-index: 111;
	width:1%;
	height:2px;
	background:#cf000d;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.header .nav ul li:hover>a:after,
.header .nav ul li.on>a:after{
	opacity: 1;
	width:100%;
}






.nav_bd{
	display: none;
	position: absolute;
	top:85px;
	left:0;
	right:0;
	z-index: 111;
	width:100%;
	padding:40px 0;
	margin:0 auto;
	background:rgba(255,255,255,.9);
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.nav_hd:hover .nav_bd{
	display: block;
}


.nav_bd .text_box{
	float:left;
	width:27%;
	margin-right:8%;
	text-align:left;
	font-family:"微软雅黑";
	position: relative;
}
.nav_bd .text_box:after{
	content:"";
	position: absolute;
	right:-20%;
	top:15%;
	z-index: 11;
	width:1px;
	height:70%;
	background:#ddd;
}
.nav_bd .text_box h3{
	color:#000;
	font-size:24px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:10px;
}
.nav_bd .text_box .text{
	color:#666;
	font-size:15px;
	line-height:24px;
}

.nav_bd dl{
	float:left;
	width:24%;
	margin:0 6%;
	position: relative;
}
.nav_bd dl:after{
	content:"";
	position: absolute;
	right:-15%;
	top:15%;
	z-index: 11;
	width:1px;
	height:70%;
	background:#ddd;
}
.nav_bd dl dd{
	float:left;
	width:50%;
}
.nav_bd dl dd>a{
	color:#666;
	font-size:16px;
	line-height:36px;
	display: block;
}
.nav_bd dl dd>a:hover{
	color:#cf000d;
}
.nav_bd .pic_box{
	float:right;
	width:20%;
	height:135px;
	line-height:135px;
	display: block;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.nav_bd{
		padding:30px 2%;
		width:96%;
	}
	.nav_bd .pic_box{
		width:24%;
	}
}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.nav_bd{
		display: none;
	}
	.nav_hd:hover .nav_bd{
		display: none;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.header{
		height:80px;
	}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}










.header .right_box{
	float:right;
	width:2%;
	margin-right:2%;
}
.header .right_btn{
	float:left;
	width:80%;
	height:85px;
}
.header .right_btn a{
	float:left;
	width: 33%;
	height:85px;
	position: relative;
}
.header .right_btn a:after{
	content:"";
	position: absolute;
	right:0;
	top:calc(50% - 10px);
	z-index: 11;
	width:1px;
	height:20px;
	background:#ddd;
}
.header .right_btn a.h_btn1{
	background:url(../images/h_btn1.jpg) no-repeat center center;
	background-size:20px auto;
}
.header .right_btn a.h_btn2{
	background:url(../images/h_btn2.jpg) no-repeat center center;
	background-size:20px auto;
}
.header .right_btn a.h_btn3{
	background:url(../images/h_btn3.jpg) no-repeat center center;
	background-size:20px auto;
}










.header .search_btn {
	float: left;
	width:100%;
	height: 85px;
	line-height: 85px;
	overflow: hidden;
	background: url(../images/search_bg.png) no-repeat center center;
	background-size: 20px auto;
	position: relative;
	cursor: pointer;
}

.header .search_form {
	display: none;
	position: absolute;
	top: 85px;
	right: 0;
	z-index: 200;
	margin: 0 auto;
	width: 30%;
	padding: 10px;
	background: #fff;
}

.header .search_form .search_box {
	width: 100%;
	margin: 0 auto;
	text-align:right;
}

.header .search_form form {
	width:100%;
	margin-right:2%;
	display: inline-block;
	border:1px solid #ddd;
	text-align:left;
}

.header .search_form input.text {
	float: left;
	width: 84%;
	height: 50px;
	border:1px solid #fff;
	text-indent: 10px;
	font-family: "微软雅黑";
	background: #fff;
	font-size: 14px;
	color: #595959;
	display: inline-block;
}

.header .search_form input.submit {
	float: left;
	width: 15%;
	height: 50px;
	border:1px solid #fff;
	text-align: center;
	background:#fff url(../images/search_bg2.png) no-repeat center center;
	display: inline-block;
	font-family: "微软雅黑";
	cursor: pointer;
}

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.header h1{
		width:12%;
	}
	.header .nav{
		width:66%;
		margin:0 0 0 8%;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:991px){
	.header h1{
		width:12%;
	}
	.header .search_form form {
		width:100%;
	}
	.header .nav{
		width:74%;
		margin:0 2%;
	}
	.header .right_btn{
		display: none;
	}
	.header .right_box{
		width:4%;
	}
	.header .search_btn{
		float:right;
		width:100%;
		height:80px;
		line-height:80px;
		max-width:55px;
	}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.header .search_btn{
		position: relative;
	}
	.header .search_form{
		width:70%;
	}
	.header .search_form form{
		width:100%;
	}
	.header .search_btn:after{
		content:"";
		position: absolute;
		right:0px;
		top:calc(50% - 10px);
		z-index: 11;
		width:1px;
		height:20px;
		background:#ddd;
	}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){



}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}





.header .logo{
	float:left;
}
.header .logo {
	float: left;
	width: 190px;
	margin-left:2%;
	height: 80px;
	display: inline-block;
	position: relative;
	background: url(../images/logo.png) no-repeat left center;
	background-size:auto 60%;
}
.header .logo a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index: 12;
	color:#fff;
	text-indent: -9999px;
}





.banner{
	max-width:1920px;
	margin:0 auto;
	overflow: hidden;
}
.banner img{
	width:100%;
}


.m_banner{
	max-width:1920px;
	margin:0 auto;
	overflow: hidden;
}
.m_banner img{
	width:100%;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:991px){
	.header{height: 80px;}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){


}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}


.fl{
	float:left;
}
.fr{
	float:right;
}


/* index_about */
.index_about{
	max-width:1920px;
	margin:0 auto;
	display: block;
}
.index_about .iab_l{
	float:left;
	width:33.3333%;
	position: relative;
}
.index_about .iab_l .text{
	position: absolute;
	left:calc(50% - 105px);
	top:calc(50% - 63px);
	z-index: 9;
	width:210px;
	text-align:center;
}


.index_about .iab_l .text h4{
	color:#fff;
	font-size:60px;
	font-family: avant1;
}
.index_about .iab_l .text p{
	color:#fefefe;
	font-size:16px;
	line-height:26px;
}
.index_about .iab_l .img_box{
	display: block;
	width:100%;
	padding-top:100%;
	display: block;
	overflow: hidden;
}
.index_about .iab_l .img_box img{
	width:100%;
	height:100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.index_about .iab_l:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}



.index_about .iab_r{
	float:left;
	width:66.6666%;
	position: relative;
	overflow: hidden;
}
.index_about .iab_r .video_box{
	width:100%;
	padding-top:50%;
	position: relative;
	overflow: hidden;
}
.index_about .iab_r #video_bottom{
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	width:100%;
}
.index_about .iab_r .video_pic{
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	width:100%;
	height:100%;
}
.index_about .iab_r .video_pic .pic{
	width:100%;
	height:100%;
	display: block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.ico_video{
    font-style: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow:hidden;
    left: 0;
    top: 0;
	right:0;
	bottom:0;
    z-index: 10;
    background:url(../images/ico_video.png) no-repeat center;
    background-size:106px auto;
}



/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.ico_video{
		background-size:70px auto;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.index_about .iab_l{
		float:none;
		width:100%;
	}
	.index_about .iab_r{
		float:none;
		width:100%;
	}
.index_about .iab_r .video_box{
	width:100%;
	padding-top:0;
	position: static;
	overflow: hidden;
}
.index_about .iab_r #video_bottom{
	position: static;
	left:0;
	top:0;
	z-index: 11;
	width:100%;
	height:100%;
}
.index_about .iab_r .video_pic{
	overflow: hidden;
}
.index_about .iab_r .video_pic img{
	height:100%;
}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}

.i2{
	opacity: 0;
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}



/* index_about2 */
.index_about2{
	max-width:1920px;
	margin:0 auto;
	display: block;
}
.index_about2 .iab_l2{
	float:left;
	width:33.3333%;
	overflow: hidden;
	position: relative;
}
.index_about2 .iab_l2 a{
	display: block;
}
.index_about2 .iab_l2 .text{
	position: absolute;
	left:0;
	bottom:45%;
	z-index: 100;
	width:92%;
	padding:0 4%;
	text-align:center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.index_about2 .iab_l2 .text h4{
	color:#666;
	font-size:60px;
	font-family: siyuan1;
}
/* .index_about2 .iab_l2:hover .text h4{
	color:#fff;
}
.index_about2 .iab_l2:hover .text h2{
	color:#fff;
} 

.index_about2 .iab_l2:hover .text p{
	color:#fff;
}
*/
.index_about2 .iab_l2 .text p{
	color:#666;
	font-size:16px;
	line-height:26px;
	max-width:390px;
	margin:0 auto;
}
.index_about2 .iab_l2 .img_box{
	display: block;
	width:100%;
	padding-top:100%;
	display: block;
	overflow: hidden;
}
.index_about2 .iab_l2:hover .i1{
	opacity: 0;
}
.index_about2 .iab_l2:hover .i2{
	opacity: 1;
}
.i3{
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}
.index_about2 .iab_l2:hover .i3{
	 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.index_about2 .iab_l2 .img_box img{
	width:100%;
	height:100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.index_about2 .iab_l2:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}
.index_about2 .iab_l2 .text h2{
	color:#666;
	font-size:40px;
	line-height:60px;
	font-family: siyuan1;
}
 .index_about2 .iab_l2 .text2{
	position: absolute;
	left:0;
	bottom:-500px;
	z-index: 100;
	width:92%;
	padding:0 4%;
	text-align:center;
	color:#666;
	font-size:24px;
	line-height:36px;
	margin:0 auto;
}
.index_about2 .iab_l2:hover .text2{
	color:#277E22;
	bottom:16%;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.index_about2 .iab_l2 .text h4{
		font-size:50px;
	}
	.index_about2 .iab_l2 .text h2{
		font-size:26px;
		line-height:50px;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.index_about2 .iab_l2{
		float:none;
		width:100%;
		display: block;
	}
	.index_about2 .iab_l2 .text h2{
		font-size:38px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}





.index_pro_slide{
	display: block;
	max-width:1920px;
	margin:0 auto;
}
.index_pro_slide .ipro_bd{
	float:left;
	width:66.6666%;
}
.index_pro_slide .ipro_l .swiper-container{
	width:100%;
}
.index_pro_slide .ipro_l .swiper-container .swiper-slide{
	width:100%;
}
.index_pro_slide .ipro_l .swiper-container .swiper-slide a{
	display: block;
}
.index_pro_slide .ipro_l .swiper-container .swiper-slide .img_box{
	width:100%;
	padding-top:50%;
}
.index_pro_slide .ipro_l .swiper-container .swiper-pagination-bullet{
	opacity: 1;
	background:#fff;
}
.index_pro_slide .ipro_l .swiper-container .swiper-pagination-bullet-active{
	background:#264c13;
}




.htit{
	display: block;
}
.htit h2{
	color:#fff;
	font-size:30px;
	padding-bottom:18px;
	border-bottom:1px solid #277e22;
	font-family:siyuan1;
	position: relative;
}
.htit h2:after{
	content:"";
	position: absolute;
	left:0;
	bottom:-1px;
	z-index: 12;
	width:60px;
	height:1px;
	background:#fff;
}




.index_pro_slide .ipro_r{
	float:left;
	width:33.3333%;
	background:#125a24;
	color:#fff;
	position: relative;
}
.index_pro_slide .ipro_r .htit{
	position: absolute;
	left:20%;
	top:14%;
	z-index: 11;
	width:60%;
}
.index_pro_slide .ipro_r .ipro_hd{
	width:100%;
	padding-top:100%;
	display: block;
}
.index_pro_slide .ipro_r .ipro_hd ul{
	position: absolute;
	left:20%;
	top:calc(50% - 100px);
	z-index: 11;
	display: block;
}
.index_pro_slide .ipro_r .ipro_hd ul li{
	font-family: 微软雅黑;
	color:#fff;
	font-size:18px;
	line-height:50px;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.index_pro_slide .ipro_r .ipro_hd ul li:hover{
	text-indent:20px;
} 
.index_pro_slide .ipro_r .ipro_hd ul li a{
	display: block;
}
.index_pro_slide .ipro_r .ipro_hd ul li i{
	font-family: arial;
	color:#4a9545;
	font-size:22px;
	padding-left:10px;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1500px){
	.index_pro_slide .ipro_r .htit{
		top:11%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 78px);
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:40px;
	}

}

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	
}
@media (max-width:1200px){
	.htit h2{
		font-size:24px;
	}
	.index_pro_slide .ipro_r .htit{
		top:9%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 60px);
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:30px;
		font-size:16px;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.index_pro_slide .ipro_l{
		float:none;
		width:100%;
	} 
	.index_pro_slide .ipro_r{
		float:none;
		width:100%;
	} 
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 116px);
		width:60%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:50px;
	}
	.index_pro_slide .ipro_r .ipro_hd{
		padding-top:60%;
	}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.htit h2{
		font-size:22px;
	}
	.index_pro_slide .ipro_bd{
		float:none;
		width:100%;
	}
	.index_pro_slide .ipro_r .ipro_hd{
		padding-top:75%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		font-size:14px;
	}
	.index_pro_slide .ipro_r .ipro_hd ul li i{
		font-size:15px;
	}
}

@media (max-width:570px){
	.index_pro_slide .ipro_r .ipro_hd{
		padding-top:80%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 90px);
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:42px;
	}
	
}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.index_pro_slide .ipro_r .htit{
		display: block;
		top:10%;
	}
	.index_pro_slide .ipro_r .ipro_hd{
		padding-top:100%;
	}
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 80px);
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:40px;
	}
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	.index_pro_slide .ipro_r .ipro_hd ul{
		top: calc(50% - 60px);
	}
	.index_pro_slide .ipro_r .ipro_hd ul li{
		line-height:30px;
	}
}







/* index_about3 */
.index_about3{
	max-width: 1920px;
    margin: 0 auto;
    display: block;
}
.index_about3 .iab_l3{
	float:left;
	width:33.3333%;
	position: relative;
	overflow: hidden;
}
.index_about3 .iab_l3 a{
	display: block;
}
.index_about3 .iab_l3 .text{
	position: absolute;
	left:0;
	bottom:45%;
	z-index: 99;
	width:92%;
	padding:0 4%;
	text-align:center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.index_about3 .iab_l3 .text h4{
	color:#666;
	font-size:60px;
	font-family: siyuan1;
}
.index_about3 .iab_l3 .text p{
	color:#666;
	font-size:16px;
	line-height:26px;
	max-width:460px;
	margin:0 auto;
}

.index_about3 .iab_l3 .img_box{
	display: block;
	width:100%;
	padding-top:100%;
	display: block;
	overflow: hidden;
}
.index_about3 .iab_l3:hover .i1{
	opacity: 0;
}
.index_about3 .iab_l3:hover .i2{
	opacity: 1;
}
.index_about3 .iab_l3 .img_box img{
	width:100%;
	height:100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.index_about3 .iab_l3:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}
.index_about3 .iab_l3 .text h2{
	color:#666;
	font-size:40px;
	line-height:60px;
	font-family: siyuan1;
	-webkit-transition: all 1.9s ease;
	-moz-transition: all 1.9s ease;
	-ms-transition: all 1.9s ease;
	-o-transition: all 1.9s ease;
	transition: all 1.9s ease;
}
.index_about3 .iab_l3 .text2{
	position: absolute;
	left:0;
	top:20%;
	z-index: 9;
	width:80%;
	padding:0 10%;
	text-align:left;
}
.index_about3 .iab_l3 .text2 h3{
	color:#fff;
	font-size:48px;
	line-height:60px;    
	font-family: avant1;
}
.index_about3 .iab_l3 .text2 p{
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin-top:15px;
}



/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.index_about3 .iab_l3 .text2 h3{
		font-size:40px;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.index_about3 .iab_l3 .text2 h3{
		font-size:28px;
		line-height:40px;
	}
	.index_about3 .iab_l3 .text h2{
		font-size:26px;
	}
	.index_about3 .iab_l3 .text{
		top: calc(50% - 78px);
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.index_about3 .iab_l3{
		float:none;
		width:100%;
	}
	
	.index_about3 .iab_l3 .text2 h3{
		font-size:24px;
		line-height:40px;
	}
	.index_about3 .iab_l3 .text h2{
		font-size:36px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	
	.index_about2 .iab_l2 .text h2{
		font-size:30px;
	}
	.index_about3 .iab_l3 .text h2{
		font-size:30px;
	}
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}





/* index_link */
.index_link{
	display: block;
	max-width:1920px;
	margin:0 auto;
}
.index_link ul li{
	float:left;
	width:16.66%;
	position: relative;
	background:#eee;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.index_link ul li:hover{
	background:#fff;
}
.index_link ul li:after{
	content:"";
	position: absolute;
	right:0;
	top:20%;
	z-index: 11;
	width:1px;
	height:60%;
	background:#d2d2d2;
}
.index_link ul li:nth-child(6):after{
	display: none;
}
.index_link ul li .img_box{
	display: block;
	width:100%;
	padding-top:60%;
}
.index_link ul li .img_box img{
	max-width:30%;
	max-height:30%;
}

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.index_link ul li .img_box{
		padding-top:50%;
	}
}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.index_link ul li{
		float:left;
		width:33.33%;
	}
	.index_link ul li:nth-child(3):after{
		display: none;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.index_link ul li .img_box img{
		max-width:80%;
		max-height:30%;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}







/* .footer */

.footer{
	display: block;
	max-width:1920px;
	margin:0 auto;
	background:url(../images/footer_bg.jpg) no-repeat center center;
	background-size:cover;
}
.footer_box1{
	padding:38px 4.5%;
	border-bottom:1px solid #454444;
}
.footer_box1 .foot_logo{
	display: block;
	text-align:center;
	margin:0 auto;
	max-width:460px;
	margin-bottom:40px;
}
.footer_box1 .foot_logo .pic_box{
	display: block;
	margin:0 auto;
	text-align:center;
}
.footer_box1 .foot_logo img{
	max-width:70%;
}
.footer_box1 .foot_nav{
	display: block;
	text-align:center;
}
.footer_box1 .foot_nav ul{
	display: inline-block;
	margin-bottom:20px;	
}
.footer_box1 .foot_nav ul li{
	display: inline-block;
	color:#fff;
	font-size:16px;
	line-height:30px;
	padding:0 10px;
	position: relative;
}
.footer_box1 .foot_nav ul li:after{
	content:"";
	position: absolute;
	right:0;
	top:calc(50% - 6px);
	z-index: 11;
	width:1px;
	height:12px;
	background:#fff;
}
.footer_box1 .foot_nav ul li:last-child:after{
	display: none;
}
.footer_box1 .foot_nav ul li:hover{
	color:#fff;
}
.footer_box1 .foot_r{
	display: block;
}
.footer_box1 .foot_r .foot_cont{
	display: block;
	max-width:220px;
	margin:0 0 30px auto;
}
.footer_box1 .foot_r .foot_cont a{
	float:left;
	width:45px;
	height:45px;
	line-height:45px;
	margin:0 5px;
	display: block;
	background:#000;
	border-radius:100%;
}
.footer_box1 .foot_r{
	text-align:center;
}
.footer_box1 .foot_r .foot_er{
	display: inline-block;
}
.footer_box1 .foot_r .foot_er .er{
	float:left;
	width:124px;
	margin-right:30px;
}
.footer_box1 .foot_r .foot_er .er:nth-child(2){
	margin-right:0px;
}
.footer_box1 .foot_r .foot_er .er p{
	color:#fff;
	font-size:14px;
	line-height:44px;
	text-align:center;
}


.footer_box1 .foot_text{
	display: block;
	text-align:center;
	color:#fff;
	font-size:15px;
	line-height:24px;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	
}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.footer_box1{
		padding:30px 2% 10px 2%;
	}
	.footer_box1 .foot_r{
		float:none;
		display: block;
		width:230px;
		margin:0 auto;
		text-align:center;
	}
	.footer_box1 .foot_r .foot_er .er{
		width:100px;
	}
	.footer_box1 .foot_r .foot_er .er p{
		font-size:13px;
	}
	
	
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.footer_box1{
		padding:30px 2% 10px 2%;
	}
	.footer_box1 .foot_nav ul{
		max-width:360px;
		margin:0 auto 20px auto;
	}
	.footer_box1 .foot_nav ul li:nth-child(4):after{
		display: none;
	}
	.footer_box1 .foot_nav ul li{
		font-size:13px;
	}
	.footer_box1 .foot_r{
		display: block;
		width:230px;
		margin:0 auto;
		text-align:center;
	}
	.footer_box1 .foot_r .foot_er .er{
		width:100px;
	}
	.footer_box1 .foot_r .foot_er .er p{
		font-size:13px;
	}
	
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.footer_box1 .foot_r .foot_er .er{
		margin-right:10px;
	}

}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}





/* .product */
.product{
	max-width:1920px;
	display: block;
	margin:0 auto;
	background:#f3f5f8;
}
.product .left_box{
	min-height:900px;
}
.product-list{
	max-width:1580px;
	margin:0 auto;
}
.product-list .right_box{
	padding:40px 0;
}
.product-list .right_box .row{
	display: block;
	padding:0 2%;
}

.product-list .right_box .search_box{
	font-size: 0;
	width:80%;
	margin:0 auto;
	margin-bottom: 50px;
}
.product-list .right_box .search_box input.text{
	float:left;
	padding: 20px 0;
	width:90%;
	color: #999999;
	font-size: 16px;
	outline: none;
	border:none;
	background-color: #f3f5f8;
	border-bottom: 1px solid #dadcdf;
}
.product-list .right_box .search_box .submit{
	float:left;
	display: inline-block;
	width:10%;
	height:59px;
	background: #f3f5f8 url(../images/search_bg3.png) no-repeat center center;
	border-bottom: 1px solid #dadcdf;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.product-list .right_box .search_box .submit:hover{
	background: #f3f5f8 url(../images/search_bg.png) no-repeat center center;
}

.product-list .right_box .pro_box{
	display: block;
}
.product-list .right_box .pro_list{
	width:80%;
	background:#fff;
	position: relative;
	margin:0 auto 45px auto;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.product-list .right_box .pro_list a{
	display: block;
}
.product-list .right_box .pro_list .img_box{
	width:100%;
	padding-top:120%;
	display: block;
	overflow: hidden;
}

.product-list .right_box .pro_list .img_box img{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.product-list .right_box .pro_list:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}


.product-list .right_box .pro_list .text{
	text-align:center;
	font-family:"微软雅黑";
	padding:10px 0;
}
.product-list .right_box .pro_list .text h4{
	color:#666;
	font-size:16px;
	line-height:34px;
}
.product-list .right_box .pro_list .text p{
	color:#999;
	font-size:14px;
	line-height:26px;
	margin:5px auto 0px auto;
	display: block;
}
.product-list .right_box .pro_list .text .more{
	color:#999;
	font-size:14px;
	line-height:35px;
	width:118px;
	height:35px;
	border:1px solid #aaa;
	margin:20px auto;
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.product-list .right_box .pro_list:hover .text .more{
	border:1px solid #0e4d1e;
	background:#0e4d1e;
	color:#fff;
}

.product-list .right_box .pro_list:hover{
	-webkit-box-shadow: rgba(14,77,30,.2) 0 0 30px;
	-moz-box-shadow: rgba(14,77,30,.2) 0 0 30px;
	box-shadow: rgba(14,77,30,.2) 0 0 30px;
}

.filter_btn{
	width:30px;
	height:35px;
	line-height:35px;
	position:absolute;
	right:12px;
	top:15px;
	font-size:14px;
	color:#333;
	background:#fff;
	/* border:1px solid #ccc; */
	border-radius:6px;
	background:url(../images/pro_btn.png) no-repeat 5px center;
	background-size:25px auto;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.product-list .right_box .search_box{
		width:86%;
	}
	.product-list .right_box .pro_list{
		width:86%;
	}
	.product-list .right_box .pro_list .text h4{
		font-size:22px;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.product-list .right_box .search_box{
		/* width:94%; */
		width:auto;
		padding-right:50px;
		position:relative;
	}
	.product-list .right_box .pro_list .img_box{
		padding-top:110%;
	}
	.product-list .right_box .pro_list .text h4{
		font-size:14px;
		line-height:22px;
		height:44px;
	}
	.product-list .right_box .pro_list .text p{
		font-size:12px;
		line-height:22px;
	}
	.product-list .right_box .pro_list .text .more{
		font-size:12px;
		width:70px;
		height:30px;
		line-height:30px;
	}
	
}




/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}









/* .pages */

.pages {
	display: block;
	margin:20px 0;
	text-align: center;
}

.pages a {
	float: left;
	color: #666;
	font-size: 15px;
	padding:0 15px;
	line-height: 40px;
	border:1px solid #ddd;
	display: inline-block;
	background:#fff;
	border-radius:20px;
	margin: 0 5px;
	font-family: "微软雅黑";
}

.pages a.ax{
	font-family: "宋体";
	font-weight:bold;
}

.pages a:hover,
.pages a.on {
	color: #fff;
	background:#0e4d1e;
}
.pages div {
	display: inline-block;
	*zoom: 1;
}

.pages div:before,
.pages div:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){


}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}


.h_tit{
	text-align:center;
}

.h_tit h2{
	color:#444;
	font-size:50px;
	line-height:70px;
	display: inline-block;
	margin:0 auto;
	font-family:arial;
	text-transform:uppercase;
	position: relative;
}
.h_tit h2:after{
	content:"”";
	position: absolute;
	left:-16%;
	top:0;
	z-index: 11;
	font-size:100px;
	height:70px;
	line-height:70px;
	display: inline-block;
	font-weight:bold;
	font-family: avant1;
	font-style:italic; 
}
.h_tit h2:before{
	content:"”";
	position: absolute;
	right:-16%;
	top:0;
	z-index: 11;
	font-size:100px;
	height:70px;
	line-height:70px;
	display: inline-block;
	font-weight:bold;
	font-family: avant1;
	font-style:italic; 
}
.h_tit p{
	color:#8b8b8b;
	font-size:30px;
	font-family:arial;
	display: block;
	text-transform:uppercase;
	padding-bottom:20px;
	position: relative;
}
.h_tit p:after{
	content:"";
	position: absolute;
	left:calc(50% - 60px);
	bottom:0;
	z-index: 11;
	width:120px;
	height:1px;
	background:#ddd;
}
.public_text{
	/* text-align:center; */
	color:#666;
	font-size:16px;
	line-height:26px;
	max-width:1000px;
	margin:0 auto;
	width:96%;
	padding:0 2%;
}
.public_text2{
	color:#666;
	font-size:16px;
	line-height:26px;
	/* text-align:center; */
	max-width:950px;
	margin:0 auto;
	width:96%;
	padding:0 2%;
	font-family:arial;
}

.h_tit h3{
	color:#bfbfbf;
	font-size:30px;
	font-family:arial;
	display: block;
	text-transform:uppercase;
	padding-bottom:10px;
	position: relative;
}


.h_tit h4{
	color:#000;
	font-size:30px;
	line-height:40px;
}


.h_tit2{
	text-align:center;
}
.h_tit2 h2{
	color:#444;
	font-size:50px;
	line-height:70px;
	display: inline-block;
	margin:0 auto;
	font-family:arial;
	text-transform:uppercase;
	position: relative;
}

.h_tit2 p{
	color:#8b8b8b;
	font-size:30px;
	font-family:arial;
	display: block;
	text-transform:uppercase;
	padding-bottom:20px;
	position: relative;
}
.h_tit2 p:after{
	content:"";
	position: absolute;
	left:calc(50% - 60px);
	bottom:0;
	z-index: 11;
	width:120px;
	height:1px;
	background:#ddd;
}


.tit h2{
	color:#fff;
	font-size:20px;
	line-height:36px;
}
.tit p{
	color:#fff;
	font-size:30px;
	line-height:40px;
	text-transform:uppercase;
	font-family:arial;
}








.more4{
	color:#fff;
	font-size:18px;
	line-height:54px;
	background:#125A24;
	text-align:center;
	width:200px;
	height:54px;
	border-radius:27px;
	display: block;
}
.more4 a{
	display:block;
}
.more4:hover{
	background:#264C13;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.h_tit h2{
		font-size:40px;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.h_tit h2:before{
		font-family: avant1;
	}
	.h_tit h2:after{
		font-family: avant1;
	}
	.h_tit h2{
		font-size:30px;
	}
	.h_tit h2:before{
		font-size:50px;
	}
	.h_tit h2:after{
		font-size:50px;
	}
    .h_tit p{
		font-size:20px ;
	}
	.h_tit2 h2{
		font-size:30px;
	}
	.h_tit2 p{
		font-size:20px ;
	}
	
	.h_tit h3{
		font-size:18px;
	}
	
	
	.h_tit h4{
		font-size:18px;
	}
	p{
		font-size:13px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.h_tit h2{
		font-size:20px;
		max-width: 300px;
		line-height: 35px;
		padding-top: 20px;
		margin: 0 auto;
	}
	.h_tit p{
		font-size:15px;
	}
	.h_tit h2:before{
		right:-24%;
	}
	.h_tit h2:after{
		left:-24%;
	}
	.h_tit h2{
		font-size:20px;
	}
	.h_tit h3{
		font-size:16px;
	}
	
	
	.h_tit h4{
		font-size:16px;
	}
	.h_tit2 h2{
		font-size:20px;
		line-height:40px;
	}
	.h_tit2 p{
		font-size:15px;
	}
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	.h_tit h2{
		font-size:18px;
		max-width: 300px;
		line-height: 35px;
		padding-top: 20px;
		margin: 0 auto;
	}
	
}








/* honor */
.honor{
	max-width:1920px;
	margin:0 auto;
	padding:40px 0 70px 0;
}
.honor .honor_box{
	display: block;
}
.honor .honor_box .h_tit{
	display: block;
	text-align:center;
	padding:40px 0;
}
.honor .h_tit h2:before{
		right:-24%;
}
.honor .h_tit h2:after{
	left:-24%;
}

.honor2{
	max-width:1920px;
	margin:0 auto;
	background:#eee;
	padding:40px 0;
}
.honor2 .honor2_box{
	max-width:1440px;
	margin:0 auto;
	display: block;
}
.honor2 .row{
	margin:0 auto;
}
.honor2 .honor2_box .honor2-list-box{
	display: block;
}
.honor2 .honor2_box .honor2-list-box .honor_list{
	width:90%;
	margin:0 auto;
	margin-bottom:40px;
	cursor: pointer;
}
.honor2 .honor2_box .honor2-list-box .honor_list .img_box{
	width:100%;
	padding-top:76%;
	background:#fff;
	display: block;
	overflow: hidden;
}
/* .honor2 .honor2_box .honor2-list-box .honor_list .img_box img{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.honor2 .honor2_box .honor2-list-box .honor_list:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
} */
.honor2 .honor2_box .honor2-list-box .honor_list .text{
	text-align:center;
	padding:15px 0 0 0;
}
.honor2 .honor2_box .honor2-list-box .honor_list .text h4{
	color:#444;
	font-size:16px;
	line-height:42px;
}
.honor2 .honor2_box .honor2-list-box .honor_list .text p{
	color:#888;
	font-size:14px;
	line-height:26px;
	font-family:arial;
	
}

.honor2 .honor2_box .honor2-list-box .honor_list:hover .text h4{
	color:#1a612c;
}

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.honor{
		padding:0px 0 70px 0;
	}
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}






/* about */
.about{
	max-width:1920px;
	margin:0 auto;
	padding:40px 0 70px 0;
}
.about .about_box{
	display: block;
}
.about .about_box .h_tit{
	display: block;
	text-align:center;
	padding:40px 0;
}
.about .ab2_video{
	max-width:640px;
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	position: relative;
}
.about .ab2_video #video_bottom{
	width:100%;
}
.about .ab2_video .pic{
	display: block;
	text-align:center;
}
.about .ab2_video p{
	color:#888;
	font-size:15px;
	line-height:30px;
	text-align:center;
}


.about2{
	display: block;
	max-width:1920px;
	padding:210px 0 0 0;
	margin:0 auto;
	position: relative;
}
.ab2_box{
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	width:100%;
}

.ab2_box .ab2_text_box{
	max-width:1400px;
	margin:0 auto;
	position: relative;
	background:url(../images/ab_pic2.jpg) no-repeat center right;
	background-size:cover;
}
.ab2_box .ab2_text_box .ab_tit{
	padding:50px 6% 70px 6%;
}
.ab_tit h2{
	color:#fff;
	font-size:20px;
	line-height:30px;
	display: inline-block;
	position: relative;
}
/* .ab_tit h2:after{
	content:"";
	position: absolute;
	right:-40%;
	top:15px;
	z-index: 1;
	width:60px;
	height:1px;
	background:#348047;
} */
.ab_tit h2:before{
	content:"";
	position: absolute;
	right:-43%;
	top:23px;
	z-index: 2;
	width:60px;
	height:1px;
	background:#fff;
}
.ab_tit p{
	color:#fff;
	font-size:40px;
	line-height:56px;
	display: block;
	font-family:arial;
}
.ab2_box .ab2_text_box .text{
	max-width:960px;
	margin:0 auto;
	width:100%;
	color:#fff;
	font-size:15px;
	line-height:30px;
	padding-bottom:60px;
}


.ab2_box2{
	width:100%;
}
.ab2_box2 .img_box{
	width:100%;
	padding-top:51%;
	overflow: hidden;
}





.about3{
	max-width:1920px;
	margin:0 auto;
	padding:80px 0 70px 0;
}

.about3 .h_tit2{
	margin-bottom:40px;
}
.about3 .public_text{
	margin: 0 auto 60px auto;
}

.about3 .ab3_list_box{
	display: block;
	max-width:1440px;
	margin:0 auto;
}
.about3 .ab3_list_box .ab3_list{
	width:90%;
	margin:0 auto;
	position: relative;
}
.about3 .ab3_list_box .ab3_list .text_box{
	position: absolute;
	left:10%;
	top:15%;
	z-index: 11;
	max-width:80%;
}
.about3 .ab3_list_box .ab3_list .text_box2{
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	width:80%;
	height:100%;
	padding:0 10%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	background:rgba(0,0,0,.6);
}
.about3 .ab3_list_box .ab3_list .text_box3{
	position: absolute;top: 15%;
	
}
.about3 .ab3_list_box .ab3_list:hover .text_box2{
	opacity: 1;
}

.about3 .ab3_list_box .ab3_list .tit{
	margin-bottom:50px;
}
.about3 .ab3_list_box .ab3_list .t1{
	color:#fff;
	font-size:15px;
	line-height:30px;
	position: relative;
	padding-top:20px;
}
.about3 .ab3_list_box .ab3_list .t1:after{
	content:"";
	position: absolute;
	top:0;
	left:0;
	z-index: 11;
	width:60px;
	height:2px;
	background:#fff;
	
}
.about3 .ab3_list_box .ab3_list .t2{
	color:#338648;
	font-size:15px;
	line-height:24px;
}

.about3 .ab3_list_box .ab3_list .img_box{
	width:100%;
	padding-top:132%;
	overflow: hidden;
}



.about3 .ab3_list_box .ab3_list .img_box img{
	width:100%;
	height:100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.about3 .ab3_list_box .ab3_list:hover .img_box img{
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}



.about3 .public_text2{
	padding:60px 0 0 0;
}


.about4{
	display: block;
	max-width:1920px;
	margin:0 auto;
	background:#f8f8f8;
	padding:70px 0;
}
.about4 .h_tit2{
	margin-bottom:40px;
}
.about4 .public_text{
	margin-bottom:40px;
}
.about4 .ab3_list_box{
	display: block;
	max-width:1440px;
	margin:0 auto;
}
.about4 .ab3_list_box .list{
	width:96%;
	margin:0 auto;
	margin-bottom:20px;
}
.about4 .ab3_list_box .list .img_box{
	width:100%;
	padding-top:40%;
	background:#fff;
	overflow: hidden;
	/* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; */
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
/* .about4 .ab3_list_box .list:hover .img_box{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none; 
} */

.about4 .ab3_list_box .list .img_box img{
	max-width:70%;
}

.about5{
	display: block;
	max-width:1920px;
	margin:15px auto 0;
	/* background:#f8f8f8; */
	padding:70px 0;
}
.about5 .h_tit2{
	margin-bottom:40px;
}
.about5 .public_text{
	margin-bottom:40px;
}
.about5 .ab3_list_box{
	display: block;
	max-width:1440px;
	margin:0 auto;
}
.about5 .ab3_list_box .list{
	width:96%;
	margin:0 auto;
	margin-bottom:20px;
}
.about5 .ab3_list_box .list .img_box{
	width:100%;
	padding-top:40%;
	overflow: hidden;/* 
	 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; */
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	border:1px solid #dcdcdc;
	background:#fff;
}
.about5 .ab3_list_box .list .img_box img{
	max-width:70%;
}
/* .about5 .ab3_list_box .list:hover .img_box{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}
 */

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.ab2_box .ab2_text_box{
		width:96%;
		padding:0 2%;
	}
	.about3 .ab3_list_box .ab3_list .text_box{
		top:10%;
	}
	.about3 .ab3_list_box .ab3_list .text_box3{
		top: 10%;
	}
	.about3 .ab3_list_box .ab3_list .t2{
		color:#fff;
	}
	.about3 .ab3_list_box .ab4 .text_box3 .tit p,
	.about3 .ab3_list_box .ab4 .text_box3 .tit h2,
	.about3 .ab3_list_box .ab4 .text_box3 .t1,
	.about3 .ab3_list_box .ab4 .text_box3 .t2{
		color:#bababa;
	}
	.about3 .ab3_list_box .ab4 .t1:after{
		background: #bababa;
	}
	
	.ab2_box .ab2_text_box .ab_tit{
		padding: 50px 0 60px 0;
	}
	.about3 .ab3_list_box .ab3_list .tit{
		margin-bottom:30px;
	}
	
}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.about2{
		padding-top:0;
	}
	.ab2_box{
		position: static;
	}
	.about3 .ab3_list_box .col-sm-12 .ab3_list .img_box{
		padding-top:50%;
	}
	.about3 .ab3_list_box .ab3_list{
		width:95%;
		margin-bottom:30px;
	}
	.about3 .ab3_list_box .col-sm-12 .ab3_list .img_box{
		padding-top:50%;
	}
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.about3 .ab3_list_box .ab3_list .tit p{
		font-size:24px;
	}
	.about3 .ab3_list_box .col-sm-12 .ab3_list .img_box{
		padding-top:70%;
	}
	.about3 .ab3_list_box .ab3_list .text_box2{
		opacity: 1;
		background:rgba(0,0,0,0);
	}
	.ab_tit h2{
		font-size:18px;
	}
	.ab_tit p{
		font-size:30px;
	}
	.tit h2{
		font-size:18px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){	
	.about3 .ab3_list_box .col-sm-12 .ab3_list .img_box{
		padding-top:100%;
	}
	.ab2_box .ab2_text_box .ab_tit{
		padding: 50px 0 30px 0;
	}
	.about3 .ab3_list_box .ab3_list .tit p{
		font-size:20px;
		line-height:30px;
	}
	.ab_tit h2{
		font-size:17px;
	}
	.ab_tit p{
		font-size:24px;
	}
	.tit h2{
		font-size:20px;
		line-height:26px;
	}
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	.about3 .ab3_list_box .col-sm-12 .ab3_list .img_box{
		padding-top:130%;
	}
}







/* prov */
.prov{
	display: block;
	max-width:1920px;
	margin:0 auto;
	padding:60px 0 20px 0;
}
.prov .row{
	max-width:1400px;
	margin:0 auto;
}
.prov .prov_img{
	width:100%;
}
.prov .prov_img .img_box{
	width:100%;
	padding-top:74%;
	cursor: pointer;
	background:#fff;
	border:1px solid #dcdcdc;
}

.prov .prov_text{
	padding:10% 0 0 10%;
}
.prov .prov_text .tit2{
	margin-bottom:50px;
}
.prov .prov_text .tit2 h2{
	color:#333;
	font-size:30px;
	line-height:40px;
	margin-bottom:10px;
}
.prov .prov_text .tit2 p{
	color:#666;
	font-size:16px;
	line-height:48px;
}
.prov .prov_text .text{
	color:#333;
	font-size:16px;
	line-height:48px;
}
.prov .prov_text .more_box{
	margin-top:50px;
}
.prov .prov_text .more_box a{
	height:60px;
	line-height:60px;
	float:left;
	margin-right:2%;
	text-align:center;
	text-indent:30px;
	color:#000;
	font-size:16px;
	max-width:200px;
	width:28%;
	display: block;
	margin-bottom:20px;
	border:1px solid #ddd;
}
.prov .prov_text .more_box a.more2{
	background: url(../images/m_btn3.svg) no-repeat 15% center;
}
.prov .prov_text .more_box a.more2:hover{
	background:#0e4d1e url(../images/m_btn4.svg) no-repeat 15% center;
	color:#fff;
}
.prov .prov_text .more_box a.more3{
	background: url(../images/m_btn1.svg) no-repeat 15% center;
}
.prov .prov_text .more_box a.more3:hover{
	background:#0e4d1e url(../images/m_btn2.svg) no-repeat 15% center;
	color:#fff;
}


.prov .prov_text .more_box a.more4{
	border-radius:0;
	background: url(../images/m_btn5.png) no-repeat 15% center;
}
.prov .prov_text .more_box a.more4:hover{
	background:#0e4d1e url(../images/m_btn6.png) no-repeat 15% center;
	color:#fff;
}


.prov2{
	display: block;
	max-width:1920px;
	margin:0 auto;
	padding:0 0 60px 0;
}
.prov2_box{
	max-width:1400px;
	margin:0 auto;
}
.prov_slide .prov_hd{
	width:100%;
	display: block;
}
.prov_slide .prov_hd ul li{
	float:left;
	width:33%;
	margin-right:.5%;
	color:#0e4d1e;
	font-size:18px;
	line-height:40px;
	height:40px;
	background:#f6f6f6;
	margin-bottom:40px;
	text-align:center;
	position: relative;
	cursor: pointer;
}
.prov_slide .prov_hd ul li:after{
	content:"";
	position: absolute;
	bottom:-11px;
	left:calc(50% - 8px);
	z-index: 11;
	width:16px;
	height:13px;
	background:url(../images/prov_bg1.png) no-repeat center center;
	background-size:100% auto;
	display: none;
}
.prov_slide .prov_hd ul li.on,
.prov_slide .prov_hd ul li:hover{
	background:#0e4d1e;
	color:#fff;
}

.prov_slide .prov_hd ul li.on:after,
.prov_slide .prov_hd ul li:hover:after{
	display: block;
}

.prov_slide .prov_hd ul li:nth-child(3){
	margin-right:0;
}

.prov_slide .prov_bd .swiper-slide{
	display: block;
	width:100%;
}
.prov_slide .prov_bd .swiper-slide .text{
	color:#666;
	font-size:16px;
	line-height:26px;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.prov .prov_text .tit2 h2{
		font-size:25px;
	}
	.prov .row{
		width:96%;
	} 
	.prov2 .prov2_box{
		width:96%;
	} 

}


@media (max-width:1100px){
	
	.prov .prov_text .more_box a{
		width:47%;
	}
}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){

	.prov .prov_text .tit2 h2{
		font-size: 22px;
		line-height: 25px;
		margin-bottom:0px;
	}
	.prov .prov_text {
		padding: 2% 0 0 10%;
	}
	.prov .prov_text .tit2 {
		margin-bottom: 10px;
	}
	.prov .prov_text .text{
		line-height:36px;
	}
	.prov .prov_text .more_box{
		margin-top:40px;
	}
	.prov .prov_text .more_box a{
		width:47%;
	}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.prov .prov_text .more_box a.more2:hover{
		background: url(../images/m_btn3.svg) no-repeat 20% center;
		color:#000;
	}
	.prov .prov_text .more_box a.more3:hover{
		background: url(../images/m_btn1.svg) no-repeat 20% center;
		color:#000;
	}
	.prov .prov_text .more_box a.more4:hover{
		background: url(../images/m_btn5.png) no-repeat 20% center;
		color:#000;
	}
	.prov .prov_text .tit2 h2{
		font-size:18px;
	}
	.prov .prov_text{
		width:96%;
		margin:0 auto;
		padding:10% 2% 0 2%;
	}
	.prov2{
		padding:40px 0;
	}
	.prov .prov_text .more_box a{
		height:45px;
		line-height:45px;
		font-size:14px;
	}
	.prov_slide .prov_hd ul li{
		font-size:14px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}



/* prov_view */


.prov_view2{
	padding:30px 0;
	max-width:1920px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	background-color:#fff;
}
.prov_view3{
	padding:30px 0 120px 0;
	max-width:1920px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	background-color:#fff;
}
.prov_view4{
	padding:60px 0;
	max-width:1920px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	background-color:#fff;
}


.prov_view2 .row5{
	max-width:1160px;
	margin:0 auto;
}

.prov_view3 .row5{
	max-width:1160px;
	margin:0 auto;
}

.prov_view4 .row5{
	max-width:1160px;
	margin:0 auto;
}

.prov_view2 .left_box{
	float:left;
	width:50%;
	display: block;
}
.prov_view2 .left_box .pic_box{
	width:100%;
	display: block;
	text-align:center;
	overflow: hidden;
}
.prov_view2 .right_box{
	float:right;
}
.prov_view2 .right_box .text_box{
	margin:42% auto 0 auto;
	max-width:400px;
	display: block;
}
.prov_view2 .right_box .prov_tit{
	display: block;
	text-align:right;
}
.prov_view2 .right_box .prov_tit h2{
	color:#2a5232;
	font-size:30px;
	line-height:40px;
}
.prov_view2 .right_box .prov_tit h3{
	color:#2a5232;
	font-size:22px;
	line-height:40px;
	margin-bottom:30px;
}
.prov_view2 .right_box .text{
	color:#403b3b;
	font-size:16px;
	line-height:36px;
}








.prov_view3 .row5{
	background:#e0f0e0;
}
.prov_view3 .left_box{
	float:right;
	width:50%;
	display: block;
	position: relative;
}
.prov_view3 .left_box .pic_box{
	width:100%;
	display: block;
	text-align:center;
	overflow: hidden;
	position: absolute;
	left:0;
	top:20px;
	z-index: 11;
}
.prov_view3 .right_box{
	float:left;
	width:50%;
	margin:0 auto;
}
.prov_view3 .right_box .text_box{
	max-width:400px;
	margin:25% auto;
	display: block;
}
.prov_view3 .right_box .prov_tit{
	display: block;
	text-align:left;
}
.prov_view3 .right_box .prov_tit h2{
	color:#2a5232;
	font-size:30px;
	line-height:40px;
}
.prov_view3 .right_box .prov_tit h3{
	color:#2a5232;
	font-size:22px;
	line-height:40px;
	margin-bottom:30px;
}
.prov_view3 .right_box .text{
	color:#403b3b;
	font-size:16px;
	line-height:36px;
}







.prov_view4 .left_box{
	float:right;
	width:50%;
	display: block;
}
.prov_view4 .left_box .pic_box{
	width:100%;
	text-align:center;
	display: block;
	overflow: hidden;
}
.prov_view4 .right_box{
	float:left;
	margin:0 auto;
}
.prov_view4 .right_box .text_box{
	margin:30% auto 0 auto;
	max-width:400px;
	display: block;
}
.prov_view4 .right_box .prov_tit{
	display: block;
	text-align:left;
}
.prov_view4 .right_box .prov_tit h2{
	color:#2a5232;
	font-size:30px;
	line-height:40px;
}
.prov_view4 .right_box .prov_tit h3{
	color:#2a5232;
	font-size:22px;
	line-height:40px;
	margin-bottom:10px;
}
.prov_view4 .right_box .text{
	color:#403b3b;
	font-size:16px;
	line-height:36px;
}








/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.prov_view2 .row5{
		width:96%;
		padding:0 2%;
	}
	.prov_view3 .row5{
		width:96%;
		padding:0 2%;
	}
	.prov_view4 .row5{
		width:96%;
		padding:0 2%;
	}
	.prov_view4 .right_box .text_box{
		margin:40px 0;
	}
}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.prov_view2 .right_box{
		max-width:50%;
	}
	.prov_view2 .right_box .text_box{
		margin: 20% auto 0 auto;
	}
	.prov_view2 .right_box .prov_tit h2{
		font-size:24px;
	}
	.prov_view2 .right_box .prov_tit h3{
		font-size:20px;
	}
	
	
	
	.prov_view3 .right_box .prov_tit h2{
		font-size:24px;
	}
	.prov_view3 .right_box .prov_tit h3{
		font-size:20px;
	}
	
	
	.prov_view4 .right_box .text_box{
		margin:40px 0;
	}
	.prov_view4 .right_box .prov_tit h2{
		font-size:24px;
	}
	.prov_view4 .right_box .prov_tit h3{
		font-size:20px;
	}
	.prov_view4 .right_box{
		max-width:50%;
	}
	
	
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.prov_view2 .left_box{
		display: block;
		padding:0 0;
		float:none;
		width:100%;
	}
	.prov_view2 .right_box{
		float:none;
		width:100%;
		max-width:400px;
		margin:0 auto;
	}
	.prov_view2 .right_box .text_box{
		margin: 40px 40px;
	}
	.prov_view2 .left_box .pic_box img{
		max-width:60%;
	}
	.prov_view2 .right_box .prov_tit h2{
		font-size:20px;
	}
	.prov_view2 .right_box .prov_tit h3{
		font-size:18px;
	}
	
	.prov_view3{
		padding:0;
	}
	.prov_view3 .left_box{
		padding-top:20px;
		float:none;
		width:100%;
		display: block;
	}
	.prov_view3 .right_box{
		float:none;
		width:100%;
		display: block;
	}
	.prov_view3 .left_box .pic_box{
		position: static;
	}
	.prov_view3 .right_box .text_box{
		margin: 5px auto;
		padding: 0 0 40px 0;
	}
	.prov_view3 .left_box .pic_box img{
		max-width:60%;
	}
	.prov_view3 .right_box .prov_tit h2{
		font-size:20px;
	}
	.prov_view3 .right_box .prov_tit h3{
		font-size:18px;
	}
	
	
	.prov_view4 .left_box{
		display: block;
		padding:0 0;
		float:none;
		width:100%;
	}
	.prov_view4 .right_box{
		float:none;
		width:100%;
		max-width:400px;
		margin:0 auto;
	}
	.prov_view4 .right_box .text_box{
		margin:40px 40px;
	}
	
	
	.prov_view4 .left_box .pic_box img{
		max-width:60%;
	}
	.prov_view4 .right_box .prov_tit h2{
		font-size:20px;
	}
	.prov_view4 .right_box .prov_tit h3{
		font-size:18px;
	}
	
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.prov_view2 .right_box .prov_tit h2{
		font-size:18px;
	}
	.prov_view2 .right_box .prov_tit h3{
		font-size:16px;
	}
	.prov_view2 .left_box .pic_box img{
		max-width:80%;
	}
	.prov_view3 .left_box .pic_box img{
		max-width:80%;
	}
	.prov_view4 .left_box .pic_box img{
		max-width:80%;
	}
	.prov_view2 .right_box .text_box{
		margin:5px 40px;
	}
	.prov_view3 .right_box .text_box{
		margin:5px 40px;
	}
	.prov_view4 .right_box .text_box{
		margin:5px 40px;
	}

}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
	.prov_view2 .right_box .text{
		font-size:13px;
	}
}













/* course */
.course{
	display: block;
	max-width:1920px;
	margin:0 auto;
	/* background:#f4f4f4 url(../images/course_bg.jpg) no-repeat left top; */
	padding:140px 0 60px 0;
}
.course .h_tit{
	margin-bottom:120px;
}

.course .row{
	max-width:1400px;
	margin:0 auto;
}

.course .course_list_box{
	position: relative;
	z-index: 125;
}
.course_more{
	position: absolute;
	left:50%;
	bottom:-30px;
	z-index: 5;
	width:30px;
	height:30px;
	margin-left:-15px;
}
.course .course_list_box .ix{
	content:"";
	position: absolute;
	left:50%;
	top:0;
	z-index: 5;
	width:1px;
	height:100%;
	margin-left:-0.5px;
	border-right:1px dashed #ddd;
	display: block;
}
.course .course_list_box .course_item{
	text-align:left;
	margin-bottom:20px;
	position: relative;
}
.course .course_list_box .course_item  .course_box{
	display: inline-block;
	width:48%;
}
.course .course_list_box .course_item .course_list{
	margin-bottom:40px;
}
.course .course_list_box .course_item i{
	position: absolute;
	left:50%;
	top:0;
	z-index: 9999;
	width:10px;
	height:10px;
	margin-left:-5px;
	border:1px solid #0e4d1e;
	border-radius:100%;
	background:#fff;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.course .course_list_box .course_item:hover i{
	background:#0e4d1e;
}
.course .course_list_box .course_list .img_box{
	float:right;
	width:38%;
	padding-top:24%;
}
.course .course_list_box .course_list .text{
	float:left;
	width:56%;
	position: relative;
}
.course .course_list_box .course_list .text h3{
	color:#444;
	font-size:50px;
	line-height:50px;
	margin-bottom:15px;
	position: relative;
	padding:0 30%;
	font-family:siyuan1;
	display: inline-block;
	font-style:oblique;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}


.course .course_list_box .course_list .text h3:after{
	content:"";
	position: absolute;
	left:0;
	top:49%;
	z-index: 11;
	width:25%;
	height:1px;
	background:#ddd;
}
.course .course_list_box .course_list .text h3:before{
	content:"";
	position: absolute;
	right:0;
	top:49%;
	z-index: 22;
	width:25%;
	height:1px;
	background:#ddd;
}


.course .course_list_box .course_list .hhhtext h3{
	font-size: 22px;
	line-height: 26px;
	text-align:center;
	padding-bottom:10px;
	font-family: siyuan1;
	position: relative;
}
.course .course_list_box .course_list .hhhtext h3:after{
	content:"";
	position: absolute;
	left:0;
	top:30%;
	z-index: 11;
	width:25%;
	height:1px;
	background:#ddd;
}
.course .course_list_box .course_list .hhhtext h3:before{
	content:"";
	position: absolute;
	right:0;
	top:30%;
	z-index: 22;
	width:25%;
	height:1px;
	background:#ddd;
}




.course .course_list_box .course_list .text p{
	color:#444;
	font-size:16px;
	line-height:32px;
}
.course .course_list_box .course_list:hover .text h3{
	color:#245d32;
}
.course .course_list_box .course_list:hover .text p{
	color:#245d32;
}


.course .course_list_box .course_item:nth-child(2n){
	text-align:right;
}
.course .course_list_box .course_item:nth-child(2n) .course_list{
	text-align:left;
}
.course .course_list_box .course_item:nth-child(2n) .course_list .img_box{
	float:left;
}
.course .course_list_box .course_item:nth-child(2n) .course_list .text{
	float:right;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.course .course_list_box{
		width:96%;
		padding:0 2%;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.course_more{
		left:5%;
	}
	.course .course_list_box .course_list .text h3{
		font-size:30px;
		line-height:26px;
	}
	.course .course_list_box .course_item .course_box {
	    width: 100%;
	}
	.course .course_list_box .course_item .course_list{
		width:90%;
		float:right;
	}
	.course .course_list_box .ix{
		left:4.8%;
	}
	.course .course_list_box .course_item i{
		left:3%;
	}
	.course .course_list_box .course_item:nth-child(2n) .course_list .img_box{
		float:right;
	}
	.course .course_list_box .course_item:nth-child(2n) .course_list .text{
		float:left;
	}

	
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	.course{
		padding:60px 0;
	}
	.course .course_list_box .course_list .text h3{
		font-size:22px;
		line-height:26px;
	}
	.course .course_list_box .course_list .text p{
		font-size:14px;
		line-height:24px;
	}
	.course .course_list_box .course_item .course_list{
		margin-bottom:0;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


	.course .course_list_box .course_item:nth-child(2n) .course_list .img_box{
		float:none;
		width:100%;
	}
	.course .course_list_box .course_item:nth-child(2n) .course_list .text{
		float:none;
		width:100%;
		text-align:left;
	}
	.course .course_list_box .course_item .course_list .img_box{
		float:none;
		width:100%;
		padding-top:46%;
	}
	.course .course_list_box .course_item .course_list .text{
		float:none;
		width:100%;
		text-align:left;
		padding:20px 0;
	}
	.course .h_tit {
		margin-bottom:40px;
	}

}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}



/* news */
.news{
	padding-top:60px;
	max-width:1920px;
	margin:0 auto;
}
.news .h_tit{
	margin-bottom:40px;
}
.news .row{
	max-width:1400px;
	margin:0 auto;
}
.news .news_box{
	margin-bottom:20px;
}
.news .news_box h2{
	float:left;
	color:#000;
	font-size:24px;
	line-height:30px;
	font-family:"微软雅黑";
	position: relative;
	padding-left:15px;
}
.news .news_box h2:after{
	content:"";
	position: absolute;
	left:0;
	top:calc(50% - 15px);
	z-index: 11;
	width:4px;
	height:30px;
	background:#0e4d1e;
}
.news .news_box h2 i{
	font-family:arial;
	color:#000;
	font-size:18px;
	line-height:30px;
	padding-left:10px;
}
.news .news_box .news_nav{
	float:right;
}
.news .news_box .news_nav ul li{
	float:left;
	color:#fff;
	font-size:16px;
	line-height:44px;
	background:#a0a0a0;
	margin-right:5px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.news .news_box .news_nav ul li a{
	padding:0 35px;
}
.news .news_box .news_nav ul li:hover,
.news .news_box .news_nav ul li.on{
	background:#595959;
}
.news .news_box .news_nav ul li:nth-child(3){
	margin-right:0;
}







/* news2 */
.news2{
	padding:20px 0 60px 0;
	max-width:1920px;
	margin:0 auto;
	background:#f5f5f5;
}
.news2 .row{
	max-width:1400px;
	margin:0 auto;
}
.news2 .news_list_box{
	display: block;
}
.news2 .news_list_box .news_list{
	padding:40px 0;
	position: relative;
	border-bottom:1px solid #ddd;
}
.news2 .news_list_box .news_list a{
	display: block;
}
.news2 .news_list_box .news_list .img_box{
	float:left;
	width:27%;
	padding-top:18%;
	overflow: hidden;
}
.news2 .news_list_box .news_list .img_box .mask{
	position: absolute;
	left:0;
	top:-100%;
	z-index: 11;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3) url(../images/mask_btn.png) no-repeat center center;
	background-size:30% auto;
	opacity: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.news2 .news_list_box .news_list:hover .img_box .mask{
	opacity: 1;
	top:0;
}
.news2 .news_list_box .news_list .text_box{
	float:left;
	width:47%;
	padding-top:18%;
	margin-left:3%;
	position: relative;
}
.news2 .news_list_box .news_list .text_box .text{
	position: absolute;
	left:0;
	top:0;
	z-index: 11;
	width:100%;
}
.news2 .news_list_box .news_list .text_box .text h3{
	width:100%;
	color:#333;
	font-size:24px;
	line-height:30px;
	margin-bottom:25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news2 .news_list_box .news_list .text_box .text p{
	color:#676767;
	font-size:16px;
	line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.news2 .news_list_box .news_list .day{
	float:right;
	width:10%;
}
.news2 .news_list_box .news_list .ix2{
	content:"";
	position: absolute;
	right:16%;
	top:40px;
	bottom:40px;
	z-index: 11;
	width:1px;
	max-height:80%;
	background:#ddd;
}
.news2 .news_list_box .news_list .day span{
	color:#333;
	font-size:30px;
	line-height:40px;
	display: block;
}
.news2 .news_list_box .news_list .day i{
	color:#333;
	font-size:16px;
	line-height:40px;
	display: block;
}




/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
	.row{
		width:96%;
		padding:0 2%;
	}
	.news2 .news_list_box .news_list .img_box{
		width:30%;
		padding-top:20%;
	}
	.news2 .news_list_box .news_list .text_box{
		width:45%;
		padding-top:20%;
	}
	.news2 .news_list_box .news_list .text_box .text{
		top:15%;
	}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
	.news2 .news_list_box .news_list .ix2{
		right:18%;
	}
	.news2 .news_list_box .news_list .day{
		width:13%;
	}
	.news2 .news_list_box .news_list .text_box .text{
		top:5%;
	}
	
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	
	.news .news_box h2{
		display: none;
	}
	.news .news_box .news_nav{
		float:none;
		width:100%;
		text-align:center;
	}
	.news .news_box .news_nav ul{
		display: inline-block;
	}
	.news2 .news_list_box .news_list .ix2{
		display: none;
	}
	.news2 .news_list_box .news_list .img_box{
		width:40%;
		padding-top:30%;
	}
	.news2 .news_list_box .news_list .text_box{
		width:55%;
	}
	.news2 .news_list_box .news_list .text_box .text{
		top:16%;
	}
	.news2 .news_list_box .news_list .text_box .text h3{
		font-size:16px;
		margin-bottom:10px;
	}
	.news2 .news_list_box .news_list .text_box .text p{
		font-size:13px;
	}
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.news .news_box .news_nav ul li{
		font-size:14px;
	}
	.news .news_box .news_nav ul li a{
		padding:0 20px;
	}
	.news2 .news_list_box .news_list .img_box{
		float:none;
		width:100%;
		padding-top:60%;
		overflow: hidden;
	}
	.news2 .news_list_box .news_list .img_box img{
		width:100%;
	}
	.news2 .news_list_box .news_list .text_box{
		float:none;
		width:100%;
		padding-top:20px;
		margin:0;
	}
	.news2 .news_list_box .news_list .text_box .text{
		position: static;
	}

}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}







.research{
	display: block;
	max-width:1920px;
	margin:0 auto;
	padding:60px 0 40px 0;
}
.research .row{
	margin:0 auto;
	max-width:1920px;
}
.research .h_tit{
	margin-bottom:40px;
}

.research2{
	display: block;
	max-width:1920px;
	margin:0 auto;
}

.research2 .public_text2{
	padding:40px 0;
}



.research2 .row3{
	float:left;
	width:100%;
}
.research2 .row3 .img_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}
.research2 .row3 .text_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}




.research2 .row3:nth-child(2) .img_box{
	float:right;
	width:50%;
	padding-top:35.6%;
}
.research2 .row3:nth-child(2) .text_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}













.research2 .right_box .img_box{
	width:100%;
	padding-top:142%;
	 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 
.research2 .right_box .img_box:hover{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

.research2 .left_box .img_box{
	 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 

.research2 .left_box .img_box:hover{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}







.research2 .left_box .text_box{
	overflow: hidden;
	position: relative;
	background:#297b3e;
	color:#fff;
}
.research2 .left_box .text_box .text{
	position: absolute;
	left:12%;
	right:12%;
	top:15%;
	z-index: 11;
}
.research2 .left_box .text_box .text i{
	color:#fff;
	font-size:50px;
	line-height:60px;
	font-weight:bold;
	font-family:arial;
	margin-bottom:10px;
	display: block;
}
.research2 .left_box .text_box .text .t1{
	color:#fff;
	font-size:24px;
	line-height:36px;
	margin-bottom:10px;
}
.research2 .left_box .text_box .text .t2{
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin-bottom:30px;
}
.research2 .left_box .text_box .text .t3{
	color:#519c64;
	font-size:16px;
	line-height:24px;
}









.research3{
	display: block;
	max-width:1920px;
	margin:0 auto;
}




.research3 .row3{
	float:left;
	width:100%;
}
.research3 .row3 .img_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}
.research3 .row3 .text_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}

.research3 .row3:nth-child(2) .img_box{
	float:left;
	width:50%;
	padding-top:35.6%;
}
.research3 .row3:nth-child(2) .text_box{
	float:right;
	width:50%;
	padding-top:35.6%;
}




.research3 .right_box .img_box{
	width:100%;
	padding-top:142%;
	 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 
.research3 .right_box .img_box:hover{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

.research3 .left_box .img_box{
	 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 

.research3 .left_box .img_box:hover{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}







.research3 .left_box .text_box{
	overflow: hidden;
	position: relative;
	background:#297b3e;
	color:#fff;
}
.research3 .left_box .text_box .text{
	position: absolute;
	left:12%;
	right:12%;
	top:15%;
	z-index: 11;
}
.research3 .left_box .text_box .text i{
	color:#fff;
	font-size:50px;
	line-height:60px;
	font-weight:bold;
	font-family:arial;
	margin-bottom:10px;
	display: block;
}
.research3 .left_box .text_box .text .t1{
	color:#fff;
	font-size:24px;
	line-height:36px;
	margin-bottom:10px;
}
.research3 .left_box .text_box .text .t2{
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin-bottom:30px;
}
.research3 .left_box .text_box .text .t3{
	color:#519c64;
	font-size:16px;
	line-height:24px;
}













/*当页面大于1300px时，大屏幕主要是PC端*/






@media (max-width:1300px){
.research2 .left_box .text_box .text .t3{
	display: none;
}
.research3 .left_box .text_box .text .t3{
	display: none;
}
.research3 .left_box .text_box .text{
	left: 8%;
    right: 8%;
    top: 8%;
}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){
.research2 .left_box .text_box .text .t2{
	display: none;
}
.research3 .left_box .text_box .text .t2{
	display: none;
}
.research3 .left_box .text_box .text i,
.research2 .left_box .text_box .text i{
	font-size:40px;
}
.research3 .left_box .text_box .text .t1,
.research2 .left_box .text_box .text .t1{
	font-size:22px;
}
.research3 .right_box .img_box,
.research2 .right_box .img_box{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 
.research3 .left_box .img_box,
.research2 .left_box .img_box{
	 -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
} 



}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){

.research2 .left_box .text_box .text .t3,
.research2 .left_box .text_box .text .t2{
	display: block;
}
.research3 .left_box .text_box .text .t3,
.research3 .left_box .text_box .text .t2{
	display: block;
}

.research2 .left_box .text_box .text i{
	font-size:26px;
	line-height:40px;
}
.research2 .left_box .text_box .text .t1{
	font-size:16px;
}
.research2 .left_box .text_box .text .t2{
	font-size:14px;
}
.research2 .left_box .text_box .text .t3{
	font-size:14px;
}




.research3 .left_box .text_box .text i{
	font-size:26px;
	line-height:40px;
}
.research3 .left_box .text_box .text .t1{
	font-size:16px;
}
.research3 .left_box .text_box .text .t2{
	font-size:14px;
}
.research3 .left_box .text_box .text .t3{
	font-size:14px;
}





.research2 .row3 .img_box{
	float:none;
	width:100%;
	padding-top:71%;
}
.research2 .row3 .text_box{
	float:none;
	width:100%;
	padding-top:0;
}
.research2 .row3 .text_box .text{
	position: static;
	padding:30px 2%;
}
.research2 .row3:nth-child(2) .img_box{
	float:none;
	width:100%;
	padding-top:71%;
}
.research2 .row3:nth-child(2) .text_box{
	float:none;
	width:100%;
	padding-top:0;
}

.research3 .row3 .img_box{
	float:none;
	width:100%;
	padding-top:71%;
}
.research3 .row3 .text_box{
	float:none;
	width:100%;
	padding-top:0;
}

.research3 .row3:nth-child(2) .img_box{
	float:none;
	width:100%;
	padding-top:71%;
}
.research3 .row3:nth-child(2) .text_box{
	float:none;
	width:100%;
	padding-top:0;
}

.research3 .row3 .text_box .text{
	position: static;
	padding:30px 2%;
}




}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}






/* culture */
.culture{
	padding:60px 0;
	max-width:1920px;
	margin: auto;
} 
.culture .h_tit{
	margin-bottom:40px;
}


.culture2 .public_text2{
	padding: 40px 2%;
}

.culture_swiper{
	position: relative;
	max-width: 1920px;
	margin: auto;
}
.culture_swiper .button{
	position: absolute;
	left:21.3%;
	bottom:0;
	z-index:9999;
	background:#11792c;
	width:260px;
	height:64px;
}
.culture_swiper .button .swiper-button-prev{
	left:147px;
	background:url(../images/l_bg.png) no-repeat center center;
}
.culture_swiper .button .swiper-button-next{
	right:20px;
	background:url(../images/r_bg.png) no-repeat center center;
}
.culture_swiper .button .swiper-pagination{
	font-size:16px;
	width:130px;
	line-height:40px;
	color:#fff;
} 
.culture_swiper .button .swiper-pagination-current{
	font-size:24px;
	font-weight:bold;
}


.culture_swiper .swiper-slide {
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transform: scale(.85);
    transform: scale(.85);
}

.culture_swiper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.layer-mask {
    width: 100%;
    height: 100%;
    opacity: .7;
    transition: all .5s;
    background-color: #3e3e3e;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.culture_swiper .swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1002;
}

.culture_swiper .swiper-slide-active .layer-mask{
	 opacity: 0;
}





/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
.culture_swiper .swiper-container{
	padding-bottom:66px;
}
.culture_swiper .swiper-slide-active, 
.swiper-slide-duplicate-active{
	-webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1002;
}
.culture_swiper .button{
	left:calc(50% - 130px);
}


}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){


}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}






.pro_view3_nav{
	display: block;
	text-align:center;
	background:#0E4D1E;
	max-width:1920px;
	margin:0 auto;
}
.pro_view3_nav ul{
	display: inline-block;
}
.pro_view3_nav ul li{
	float:left;
	color:#fff;
	font-size:16px;
	height:50px;
	line-height:50px;
}
.pro_view3_nav ul li a{
	padding:0 50px;
}
.pro_view3_nav ul li:hover{
	background:#1C6C31;
}




/* pro_view3_swiper */
.pro_view3_swiper{
	margin:0 auto;
	max-width:1920px;
}
.pro_view3_swiper .swiper-container{
    width: 100%;
	height:100%;
	display: block;
}
.pro_view3_swiper .swiper-pagination-bullet-active{
	background:#0E4D1E;
}
.pro_view3_swiper .swiper-slide{
	width: 100%;
	height:100%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	display: block;
}

.pro_view3_swiper .list{
	max-width:1000px;
	margin:0 auto;
	height:100%;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pro_view3_swiper .list3{
	max-width:1000px;
	margin:0 auto;
	height:100%;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pro_view3_swiper .list3{
	width:70%;
}
.pro_view3_swiper .list3 .right{
	float:right;   
    margin-top: 50px;
    margin-bottom: 35px;
}
.pro_view3_swiper .list .right{
    margin-top: 50px;
    margin-bottom: 35px;
}
.pro_view3_swiper .list3 .left{
	float:left;
}



.pro_view3_swiper .list .text{
	text-align:right;
}
.pro_view3_swiper .text p{
	color:#fff;
	font-size:20px;
	line-height:50px;
}
.pro_view3_swiper .text h3{
	color:#fff;
	font-size:30px;
	line-height:60px;
}

.pro_view3_swiper .list2{
	position: relative;
	margin:0 auto;
	max-width:1000px;
	height:100%;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.pro_view3_swiper .list2 .text{
	text-align:center;
}


.pro_view3_swiper .list2 .pic_box{
	width:100%;
}


.hhhpic_box{
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
.milk_max1{
	position:absolute;
	right:-40px;
	bottom:-180px;
	max-width:500px;
}
.milk_max2{
	padding-top:100px;
	float:left;
}
.milk_logo{
	display:inline-block;
	position:absolute;
	left:80px;
	top:80px;
}


/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1300px){
.pro_view3_swiper .swiper-slide{
	width:96%;
	padding:0 2%;
}


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:991px){
	.milk_max1{
		position:static;
		max-width:360px;
		display:block !important;
		margin:0 auto;
	}
	.milk_max2{
		max-width:360px;
		float:none;
		display:block !important;
		margin:0 auto;
		margin-bottom:60px;
	}
	.milk_logo{
		max-width:120px;
		left:60px;

	}
	
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){
	
	.section1{
		background-position:70% center;
	}
	.pro_view3_swiper .list{
		max-width:320px;
	}
	.pro_view3_swiper .list .text{
		text-align:center;
	}
	.pro_view3_swiper .list2 .text{
		text-align:center;
	}
	.pro_view3_swiper .text p{
		font-size:16px;
	}
	.pro_view3_swiper .text h3{
		font-size:20px;
	}
	.pro_view3_nav ul li a{
		padding:0 20px;
	}
	
	.milk_logo{
		display:none;
	
	}
	
	
}



/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
	.pro_view3_swiper .text p{
		font-size:14px;
		line-height:30px;
	}
	.pro_view3_swiper .text h3{
		font-size:16px;
		line-height:36px;
	}
	.pro_view3_swiper .list3 .pic_box img{
		max-width:60%;
	}
	.pro_view3_swiper .list3 .right .pic_box img{
		max-width:80%;
	}
	.pro_view3_swiper .list3 .left .pic_box img{
		max-width:75%;
	}
	.pro_view3_swiper .list .pic_box img{
		max-width:88%;
	}
	 .pro_view3_swiper .list .right{
	     margin-top: 0;
		 margin-bottom: 80px;
	 }
	 .milk_max1{

	 	max-width:360px;

	 }
	 .milk_max2{
	 	max-width:360px;
	 	margin-bottom:60px;
	 }
}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
	
}




.olive{
	background:url(../images/bg_1.jpg) no-repeat top center;
	background-size:cover;
	max-width:1920px;
	margin:0 auto;
}
.olive .pic_box{
	max-width:1020px;
	margin:40px auto;
	display: block;
}

/*当页面大于1300px时，大屏幕主要是PC端*/
@media (max-width:1500px){
.olive{
	background:url(../images/olive2.jpg) no-repeat top center;
	background-size:cover;
}
.olive{
	padding:1px 5%;
}


}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:990px){


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px){


}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:480px){
.olive{
	background:url(../images/olive2.jpg) no-repeat top center;
	background-size:cover;
}

}

/*xs*/
/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width:370px){
	
}





