@media screen and (max-width: 1200px){
.w1200{
	width: 100%;
}
.flexslider{
  height: 400px;
}
.flexslider .flex-viewport li{
  height: 400px;
  background-size: auto 100% !important;
}
/*top*/
.top .nav{
	float: right;
}
.top .logo{
	margin-right: 10px;
	margin-left: 10px;
}
.top .nav ul{
	border-right: 0px;
}

.top .right{
	display: none;
}
/*top end*/

/*foot*/
.foot .foot_nav{
	padding: 10px;
}
.foot .foot_main{
	padding: 25px 10px 0 10px;
}
.foot .foot_main .foot_contact{
	margin-right: 40px;
}
/*foot end*/

/*index*/
.main1{
	padding: 0 20px;
	margin-bottom: 0px;
}
.main1 .left{
	background-color: #000;
	margin-bottom: 20px;
}
.main1 .left .video{
	display: block;
	width: 100%;
	margin: 0px;
}
.main1 .left .video img{
	 display: block;
	margin: 0 auto;
}
.main1 .left .culture{
	display: none;
}
.main1 .left{
	width: 100%;
}
.main1 .main1_con{
	width: 100%;
	height: auto;
	background: none;
	background-color: #fff;
	padding: 25px 35px;
	margin-bottom: 20px;
}
.main1 .main1_con .text{
	height: auto;
}
.main1 .main1_con h3{
	color: #333;
}
.main1 .main1_con p{
	color: #333;
}
.main1 .right{
	display: none;
}
.wap_main1{
	display: block;
	margin-bottom: 35px;
}
.wap_main1 ul{
	padding: 0 20px;
}
.wap_main1 ul li{
	float: left;
	width: 48%;
	margin-right: 4%;
	text-align: center;
	background-color: #ccc;
}
.wap_main1 ul li:nth-child(2n){
	margin-right: 0px;
}
.wap_main1 ul li a{
	display: block;
}
.wap_main1 ul li a img{
	display: block;
}
/*index end*/

/*page_ban*/
.page_ban .page_nav{
	left: 0px;
	margin-left: 0px;
	padding: 20px;
}
.page_ban .page_nav ul li{
	margin-right: 20px;
}
.page_ban .page_nav ul li:last-child{
	margin-right: 0px;
}
/*page_ban end*/

/*page*/
.page_main {
    margin-top: 45px;
    margin-bottom: 30px;
    padding: 0 20px;
    min-height: 120px;
}
.about{
	padding: 0 10px;
}
.message ul{
  padding-right: 200px;
}
/*page end*/

}

@media screen and (max-width: 980px){

.flexslider{
  height: 320px;
}
.flexslider .flex-viewport li{
  height: 320px;
  background-size: auto 100% !important;
}

/*top*/
.top .nav ul li{
	padding: 0 10px;
}
.top .nav ul li a{
	padding: 0 5px;
}
/*top end*/

/*foot*/
.foot .foot_main .foot_link{
	display: none;
}
/*foot end*/

/*index*/

.main2 .main_tl{
	margin-bottom: 30px;
}
.main2 ul{
	padding: 0 20px;
}
.main2 ul li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.main2 ul li:nth-child(3n){
	margin-right: 4%;
}
.main2 ul li:nth-child(2n){
	margin-right: 0px;
}

.main4 ul{
	padding: 0 20px;
}
.main4 ul li{
	width: 31%;
	margin-right: 3.5%;
}
.main4 ul li:nth-child(4n){
	margin-right: 3.5%;
}
.main4 ul li:nth-child(3n){
	margin-right: 0px;
}
.main4 ul li:nth-child(n+7){
	display: none;
}
/*index end*/

/*page_ban*/
.page_ban .page_nav ul li{
	margin-right: 15px;
}
/*page_ban end*/

/*page*/



.photo_li li{
	width: 31%;
	margin-right: 3.5%;
}
.photo_li li:nth-child(4n){
	margin-right: 3.5%;
}
.photo_li li:nth-child(3n){
	margin-right: 0px;
}

.message ul{
  padding-right: 50px;
}
/*page end*/

}

@media screen and (max-width: 800px){

.flexslider{
  height: 300px;
}
.flexslider .flex-viewport li{
  height: 300px;
  background-position: left -150px center !important;
  background-size: auto 100% !important;
}

/*top*/
.top{
	display: none;
}
.wap_top{
	display: block;
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	background-color: #fff;
	/*padding-right: 30px;*/
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.wap_top_bg{
	height: 80px;
}
.wap_top .nav_btn{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 25px 20px;
	height: 80px;
	/*background-color: #ccc;*/
}
.wap_top .nav_btn p{
	width: 30px;
	height: 4px;
	background-color: #464646;
	margin-top: 5px;
	transition: all 0.3s;
}
.wap_top .nav_btn p:nth-child(1){
	margin-top: 0;
	width: 30px;
    margin-top: 2px;
}
.wap_top .nav_btn p:nth-child(2){
	width: 25px;
}
.wap_top .nav_btn p:nth-child(3){
	width: 20px;
}

.wap_top .nav_btn.on p{
	width: 30px;
	height: 4px;
}
.wap_top .nav_btn.on p:nth-child(1){
	margin-top: 15px;
	transform: rotate(45deg);
}
.wap_top .nav_btn.on p:nth-child(2){
	display: none;
}
.wap_top .nav_btn.on p:nth-child(3){
	margin-top: -4px;
	transform: rotate(-45deg);
}

.wap_top .logo{
	text-align: center;
}
.wap_top .logo a{
	font-size: 0px;
	display: inline-block;
	margin-top: 15px;
}
.wap_top .logo a img{
	display: block;
	width: 170px;
}
.wap_top .wap_top_lan{
	position: absolute;
	right: 20px;
	top: 28px;
}
.wap_top .wap_top_lan a{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	padding: 0 5px;
	background-color: #bb0000;
	text-align: center;
	border-radius: 2px;
}

.nav_menu{
	display: block;
	position: fixed;
	z-index: 9999;
	top: 80px;
	left: -80%;
	height: 100%;
	width: 80%;
	background-color: #fff;
	border-right: 1px solid #eee;
	/*box-shadow: 0 0 5px rgba(0,0,0,.2);*/
	transition: all 0.3s;
}
.nav_menu li{
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #eee;
}
.nav_menu li a{
	display: block;
	font-size: 18px;
	line-height: 32px;
}
.nav_menu_bg{
	display: none;
	position: fixed;
	z-index: 98;
	top: 0px;
	/*left: -100%;*/
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	transition: all 0.3s;
}

/*top end*/

/*foot*/
.foot{
	display: none;
}
.wap_foot{
	display: block;
	background-color: #666;
	padding: 8px 10px;
}
.wap_foot p{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
/*foot end*/

/*index*/
.main2 ul li:nth-child(n+4){
	display: none;
}
.main2 ul li a{
	padding-right: 10px;
}
.main2 ul li .text h3{
	width: 100%;
}
/*index end*/

/*page_ban*/
.page_ban{
	display: none;
}
.wap_page_ban{
	display: block;
	position: relative;
	height: 160px;
	background-size: auto 120% !important;
	background-position: top 0px center !important;
	margin-bottom: 60px;
}
.wap_page_ban .wap_page_nav{
	position: absolute;
	bottom: -40px;
	width: 100%;
	height: 40px;
	background-color: #5c5c5c;
}
.wap_page_ban .wap_page_nav h3{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	background: url(../images/wap_page_nav.png) no-repeat right 20px center;
	background-size: auto 20px;
	padding: 0px 20px;
	transition: all 0.3s;
}
.wap_page_ban .wap_page_nav ul{
	display: none;
	position: absolute;
	z-index: 9;
	top: 40px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
.wap_page_ban .wap_page_nav ul li{
}
.wap_page_ban .wap_page_nav ul li a{
	position: relative;
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 32px;
	padding: 0 20px;
	transition: all 0.3s;
	border-bottom: 1px solid #eee;
}
.wap_page_ban .wap_page_nav ul li a:after{
	content: ">";
	position: absolute;
	right: 20px;
	line-height: 32px;
	font-family: "宋体";
	transition: all 0.3s;
}
.wap_page_ban .wap_page_nav ul li.on>a:after{
	transform: rotate(90deg);
}
.wap_page_ban .wap_page_nav ul li .xl{
	display: none;
}
.wap_page_ban .wap_page_nav ul li .xl dd a{
	padding-left: 30px;
}
/*page_ban end*/

/*page*/
.pro_nav ul li{
	width: 100%;
    padding: 15px 20px 15px 240px;
}

.job_li ul li h3{
	display: none;
}
.job_li ul li .text{
	display: none !important;
}
.job_li ul li .wap_jobli_main{
	display: block;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.job_li ul li .wap_jobli_main .left h4{
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
.job_li ul li .wap_jobli_main .left h5{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.job_li ul li .wap_jobli_main .right span{
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.job_li ul li .wap_jobli_main .right a{
	display: block;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	background-color: #bb0000;
	border-radius: 2px;
}
.message ul{
  padding-right: 50px;
}
.message ul li{
	margin-right: 0px !important;
}
/*page end*/


}


@media screen and (max-width: 640px){


/*index*/

.main3{
	padding: 80px 10px 0 10px;
}
.main3 p{
	line-height: 26px;
}
.main4 ul{
	padding: 0 20px;
}
.main4 ul li{
	width: 48%;
	margin-right: 4%;
}
.main4 ul li:nth-child(4n){
	margin-right: 4%;
}
.main4 ul li:nth-child(3n){
	margin-right: 4%;
}
.main4 ul li:nth-child(2n){
	margin-right: 0;
}
.main4 ul li:nth-child(n+5){
	display: none;
}
/*index end*/

/*page*/
.photo_li li{
	width: 48%;
	margin-right: 4%;
}
.photo_li li:nth-child(4n){
	margin-right: 4%;
}
.photo_li li:nth-child(3n){
	margin-right: 4%;
}
.photo_li li:nth-child(2n){
	margin-right: 0;
}

.news_li li .date{
	width: 80px;
	height: 80px;
}
.news_li li .date h4{
	font-size: 36px;
	line-height: 42px;
}
.news_li li .text{
	padding-left: 100px;
}
.news_li li .text h3{
	font-size: 18px;
	line-height: 30px;
}
.news_li li .text p{
	-webkit-line-clamp: 2;
}
.news_li li a:hover .text{
	padding-left: 110px;
}


.pro_li ul li{
	width: 100%;
	margin-right: 0%;
}
.pro_li ul li h3{
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	/*width: 200px;*/
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/*page end*/


}

@media screen and (max-width: 480px){

/*index*/
.wap_main1 ul li{
	width: 100%;
	margin-bottom: 20px;
}
.main2 ul li{
	width: 100%;
	margin-right: 0px !important;
}

/*index end*/

/*page*/
.pro_nav ul li{
	padding-left: 130px;
}
.pro_nav ul li .left{
	left: 20px;
}
.pro_nav ul li h3{
	font-size: 12px;
	width: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.message ul{
	padding-right: 20px;
}
.message ul li{
	padding-left: 100px;
	margin-bottom: 15px;
}
.message ul li h3{
	width: 100px;
}
.message .btn{
	margin-left: 100px;
}
.message .btn button{
	width: 60px;
}
/*page end*/


}