@media screen and (max-width: 1200px){
.w1200{
	width: 100%;
}
.flexslider{
	
  height: 400px;
}
.flexslider 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;
}
/*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 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%;
}
.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*/

.pro_li ul li{
	width: 31%;
	margin-right: 3.5%;
}
.pro_li ul li:nth-child(4n){
	margin-right: 3.5%;
}
.pro_li ul li:nth-child(3n){
	margin-right: 0px;
}
.pro_li ul li:nth-child(n+7){
	display: none;
}

.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: 1024px){

.flexslider{
	margin: 50px 0 0 0 ;
  height: 180px;
}
.flexslider li{
  height:180px !important;
  background-position: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: 5px;
	background-color: #464646;
	margin-top: 5px;
	transition: all 0.3s;
}
.wap_top .nav_btn p:nth-child(1){
	margin-top: 0;
	width: 30px;
}
.wap_top .nav_btn p:nth-child(2){
	width: 26px;
}
.wap_top .nav_btn p:nth-child(3){
	width: 22px;
}

.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 .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: 99;
	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 a{
	padding-right: 10px;
}
.main2 ul li .text h3{
	width: 100%;
}
/*index end*/

/*page_ban*/
.page_ban{
	/*display: none;*/
	background-position: calc(50% - 300px) !important;
    background-size: auto 100% !important;
}
.wap_page_ban{
	display: block;
	position: relative;
	height: 220px;
	background-size: auto 100% !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{
	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: "宋体";
}
.wap_page_ban .wap_page_nav ul li a:hover,.wap_page_ban .wap_page_nav ul li.on a{
	color: #333;
	background-color: #fff;
}
/*page_ban end*/

/*page*/
.pro_nav ul li{
	width: 100%;
}

.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*/

	.flexslider .flex-control-nav{display:none;}
		.w1100 { width:100%;}
	.inmain1{padding: 00px 0 0 0;}
     .inmain_tl{ padding:35px 0 0 0;     display: block;}
	.inmain1 ul li { width:49%;margin:20px 0 0;}
	.inmain1 ul li .inmain1_bg{ margin:0 auto;}
	.inmain2 { height: auto; background: #ededed;}
	.inmain2 .inmain_tl{ padding:35px 0 0 0;     display: block;}
	.inmain2 .inmain2_top { display:none; }	
	.inmain2 .inmain2_main .left{ display:none; }	
	.inmain2 .inmain2_main .right { width:100%; padding: 0 0 50px 0;}
	.inmain2 .inmain2_main .right ul { width:90%; margin: 0 auto;}
	.inmain2 .inmain2_main .right ul li{width: 49%;    margin: 20px 1% 20px 0;    padding: 0 0 20px 0; height: auto;}
	.inmain2 .inmain2_main .right ul li:nth-child(2n) {width: 49%;    margin: 20px 0% 20px 1%!important;    padding: 0 0 20px 0; height: auto;}
	.inmain2 .inmain2_main .right ul li:nth-child(3n) {width: 49%;    margin: 20px 1% 20px 0;    padding: 0 0 20px 0; height: auto;}
	.inmain3{     padding-top: 0px; }
	.inmain3 ul {width: 90%;    margin: 0 auto;}
	.inmain3 li{ width: 30%; }
	.inmain3 ul li .ico{ margin:0 auto; background-size: 90px!important ;     width: 100%!important;}
	.inmain3 ul li:nth-child(4){    margin: 0 0 0 15%;    float: left;}
	.inmain3 ul li:nth-child(5){    margin: 0 15% 0 0;    float: right;}
	.inmain4 .left{ width: 90%; margin: 0 auto; float: none; height: auto;}
	.inmain4 .right{ width: 90%; margin: 10px auto; float: none;}
	.inmain5  { height: auto; background: #ededed;}
	.inmain5 .innews{margin: 10px auto; float: none; width: 90%;}
	.inmain5 .inabout{ margin: 10px auto; float: none; width: 90%; height: auto; padding: 30px 25px 20px 25px; }
	
	.mo_footer{ width:100%;  display: inline-flex; padding: 5px 0;   }
	.mo_footer span{ margin: 0 0 0 10px; }
	.mo_footer p{ text-align: center; line-height: 24px;}
	.mo_footer a{ color: #fff; background: #333; line-height: 38px; text-align: center; display: block;     width: calc( 25%); direction: inherit}
	.mo_footer a:hover{background: #dc2517;}
	
	.mo_header{ position: fixed; top: 0 ; left: 0;width: 100%; z-index: 999; height: 50px; background: #fff;     display: block;}
	.mo_header .logo{ width: 140px;    margin: 7px 0 0 10px;}
	.mo_header .logo img{ width: 100%; }
	.mo_header .lieb{     
	position: fixed;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 30px;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
		transition: 1s;
	}
	
	.mo_header .lieb::after{content:""; border-bottom: 4px solid #000; width: 35px; position: absolute; top: calc(50% - 2px); left:0; display: block; z-index: 2;transition: 1s;}
	.mo_header .lieb::before{content:""; border-bottom: 4px solid #000; width: 35px; position: absolute; top: calc(50% - 2px); left:0; display: block; z-index: 1;transition: 1s;}
	.mo_header .lieb.an{ border:none; }
	.mo_header .lieb.an::after{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */	
		
	}
	.mo_header .lieb.an::before{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 	/* Opera */	

	}
	
	
	.nav_lieb{ background:#fff; width: 100%;  position: absolute; top: 50px;left: 100%;transition: 1s;}
	.nav_lieb ul{ border-top: 3px #ccc solid;margin: 20px 0 0 0; padding: 0 0 20px 0;}
	.nav_lieb ul li{ line-height: 48px; font-size: 24px; text-align: center; transition: 1s; }
	.nav_lieb ul li .xl{ display:none; background: #ccc;}
	.nav_lieb ul li.la .xl{ display:block;}
	.mo_header .nav_lieb.an{left:0;transition: 1s;}
	
	.page_main .left{ width:90%; margin: 0 auto;float: none;}
	.page_main .left .pamain_main3{ display:none;}
	.page_main .right{ width:90%; margin: 0 auto 30px;float: none;}
	.pro_li ul li{ width: 48%; margin: 0 4% 20px 0;}
	.pro_li ul li:nth-child(2n){ width: 48%; margin: 0 0% 20px 0!important;}
	.pro_li ul li:nth-child(3n){ width: 48%; margin: 0 4%  20px 0;}
	
	.pro_main .pro_top .pro_img{    float: none;    margin: 0 auto;}
	.pro_main .pro_top .pro_data{    float: none;    margin: 0 auto; width: 90%;}
	.xgcp{margin: 30px auto 50px; }
	
	.job_nei li{     width: 33.33%; }
	
	.ly .inp {
    width: calc(100%);
    float: left;
    margin: 0 83px 0 0;
}
	
	.page_main .right .about{ padding: 10px;}
	.ly {    width: calc(100%);    background: #fff;    padding: 10px;}
	.ly .inp:nth-child(5) input{    width: calc(100% / 2);}
	.ly .inp:nth-child(6){width: 100%;}
	.ly textarea{width: 90%;}
	.job_list h3 span{display: none;}
}


@media screen and (max-width: 640px){
	.job_nei li:nth-child(13){ width:100%;}
.job_nei li{     width: 50%; }
/*index*/

.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+7){
	display: block;
}
/*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: 48%;
	margin-right: 4%;
}
.pro_li ul li:nth-child(4n){
	margin-right: 4%;
}
.pro_li ul li:nth-child(3n){
	margin-right: 4%;
}
.pro_li ul li:nth-child(2n){
	margin-right: 0;
}
.pro_li ul li:nth-child(n+7){
	display: block;
}
.pro_li ul li h3{
	line-height: 32px;
	height: 32px;
}
/*page end*/


}

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


/*index*/
.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{
	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*/


}


 @media screen and (min-width: 1024px) and (max-width: 1200px){
	.flexslider{
  height: 300px;
} 
	 .flexslider li{
  height: 300px !important;
  background-position:center !important;
  background-size: 100% !important;
}
	 .w1100 {    width: 90%;}
	 .inmain2 .inmain2_more {
    float: left;
    width: 100%;
    padding: 15px 0px;
}
	 .inmain2 .inmain2_main .left{    width: 25%;}
	 .inmain2 .inmain2_main .right{    width: 70%;}
	 
	 .inmain2 .inmain2_main .right ul li {    width: calc( 33.33% - 18.5px);    padding: 10px;}
	 
	 .inmain5 .innews{ width:60%;}
	 .inmain5 .inabout{ width:40%;}
	 
	 .page_main .left{width:28%;}
	 .page_main .right{width:68%;}
	 
	 .pro_main .pro_top .pro_img { width: 46%;}
	 .pro_main .pro_top .pro_data{ width: 48%;}
	 	.ly .inp {    width: calc(100%);    float: left;    margin: 0 83px 0 0;}
}