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

.top .logo{
	margin-left: 10px;
}
.top .nav li{
	margin: 0 5px;
}


}


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

.top .nav{
	margin-right: 20px;
}
.top .nav li{
	margin: 0;
}
.top .top_btn{
	width: auto;
	padding: 0 25px;
}
.top .top_btn .right{
	margin-left: 10px;
}

.nav_box .nav_li{
	left: 0px;
	width: 100%;
	margin-left: 0px;
	padding: 0 30px 0 240px;
}

}


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

.w1400{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.main2 .main_tl{
	position: relative;
	z-index: 1;
}
.main2 .content .video{
	position: absolute;
	z-index: 99;
	left: 0px;
}
.main2 .content .incase{
	position: relative;
	width: 100%;
	padding-left: 390px;

}
.main2 .content .incase li{
	width: 32%;
	margin-right: 2%;
}
.main2 .content .incase li:nth-child(4){
	margin-right: 0px;
}
.main2 .content .incase li:first-child{
	/*margin-left: 375px;*/
}



.page_ban{
	height: 360px;
}







}

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

.top .nav{
	display: none;
}





.flexslider {
    height: 500px;
}
.flexslider .slides li{
	height: 500px;
    background-size: auto 100% !important;
}
.w1300{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.top .w1300{
	padding: 0px;
}
.top .logo{
	margin-right: 25px;
	margin-left: 10px;
}
.top .nav ul li{
	margin: 0 5px;
}
.main2 .main_tl{
	width: 30%;
	margin-bottom: 20px;
}
.main2 .content .video{
	width: 30%;
	height: 200px;
}
.main2 .content .incase{
	padding-left: 32%;
}

.main3 .content li:nth-child(n+2) .img{
	width: 40%;
}
.main3 .content li:nth-child(n+2) .text{
	left: 45%;
}

.foot .foot1 .nav li{
	margin-right: 30px;
}


.location{
	padding: 5px 10px;
}

.pro_cen li .img{
	width: 40%;
}
.pro_cen li .text{
	left: 45%;
}



.pro_li{
	padding-left: 320px;
}
.pro_con{
	padding-left: 320px;
}
.pro_left{
	left: 10px;
	width: 280px;
}

.photoli1 .text{
	background-position: left top !important;
	padding-top: 70px;
	margin-bottom: 40px;
}
.photoli1 .text p{
	width: 100%;
}
.page_ban {
    height: 320px;
}
.page_ban .text{
	left: 10px;
}
.page_nav ul{
	padding: 0px;
}



}


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


.flexslider {
    height: 420px;
}
.flexslider .slides li{
	height: 420px;
    background-size: auto 100% !important;
}

.main1{
	padding-bottom: 50px;
}
.main1 .content .nav{
	width: 450px;
	max-width: 100%;
}
.main2 .content .video{
	height: 180px;
}

.foot .w1300{
	padding: 0 10px;
}
.foot .foot1{
	padding: 30px 0 40px;
}
.foot .foot1 .nav li{
	width: 100px;
}
.foot .foot1 .nav li h3:after{
	width: 100px;
}
.foot .foot1 .con h3 font{
	display: block;
}

.newsli li:first-child .img{
	width: 50%;
}


}


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

.top{
	height: 60px;
}
.top_h{
	height: 60px;
}
.top .logo a{
	line-height: 60px;
}
.top .logo img{
	max-height: 40px;
}
.top .logo p{
	display: none;
}
.top .top_btn{
	height: 100%;
}
.top .top_btn img{
	display: none;
}
.top .top_btn span{
	display: none;
}
.top .top_btn .right{
	padding: 15px 0;
}
.top_search_box{
	top: 60px;
}


.nav_box .logo{
	display: none;
}
.nav_box .nav_li{
	padding: 0 100px;
}
.nav_box .nav_li li a{
	font-size: 24px;
}

.main1{
	padding-top: 150px;
}
.main1 .content .nav{
	top: -266px;
}
.main1 .content .text2{
	width: 100%;
}
.main2{
	height: auto;
	padding-top: 35px;
	margin-bottom: 40px;
}
.main2 .w1300{
	padding: 0 40px;
}
.main2 .w1300>.main_tl{
	display: none;
}
.main2 .content>.video{
	display: none;
}
.main2 .content .video{
	width: 48%;
	height: 230px;
}
.main2 .content .incase{
	top: 0px;
	padding-left: 0%;
}
.main2 .content .incase ul{
	display: flex;
    flex-wrap: wrap;
}
.main2 .content .incase li{
	position: relative;
	width: 45%;
	margin-right: 10%;
	margin-bottom: 4%;
	flex: 0 0 45%;
}
.main2 .content .incase li:first-child{
	display: block;
}
.main2 .content .incase li:nth-child(3n){
	margin-right: 10%;
}
.main2 .content .incase li:nth-child(2n){
	margin-right: 0px;
}
.main2 .content .incase li .main_tl{
	width: 100%;
}
.main2 .content .incase li .video{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
	width: 100%;
	height: 200px;
}
.main4 .content ul li h3{
	font-size: 16px;
}
.main4 .content ul li p{
	font-size: 12px;
	line-height: 20px;
}
.foot .foot1 .nav li{
	width: 80px;
	margin-right: 30px;
}
.foot .foot1 .nav li:nth-child(3){
	margin-right: 0px;
}
.foot .foot1 .nav li:nth-child(n+4){
	display: none;
}
.foot .foot1 .nav li h3:after{
	width: 85px;
}
.foot .foot1 .nav li dd a{
	font-size: 14px;
}

.floot_left{
	display: none;
}

body{
	overflow:auto
}
.flexslider {
    height: 380px;
}
.flexslider .slides li{
	height: 380px;
    background-size: auto 100% !important;
}



.contact .left{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.contact .right{
	float: none;
	width: 100%;
}



.page_nav .right{
	display: block;
}

.pro_cen .pro_tl h3{
	font-size: 24px;
}
.pro_cen .pro_tl h3 font{
	font-size: 24px;
}
.pro_cen li{
	height: 240px;
}
.pro_cen li .text{
	right: 10px;
}
.pro_cen li .text p{
	font-size: 14px;
	margin-bottom: 20px;
}

.proli_tl h3{
	font-size: 24px;
}

.pro_left{
	display: none;
}
.pro_li{
	padding: 0 10px;
}
.pro_con{
	padding: 0 10px;
}

.pro_floot{
	display: block;
	position: fixed;
	z-index: 8;
	left: 10px;
	bottom: 30px;
	width: 40px;
	height: 40px;
}
.pro_floot a.btn{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: url(../images/pro_floot_ico.png) no-repeat center;
	background-size: 90% auto;
	transition: all 0.3s;
}
.pro_floot a.btn.on{
	opacity: 1;
	background: url(../images/pro_floot_ico2.png) no-repeat center;
	background-size: 90% auto;
	transform: rotate(180deg);
}
.pro_floot ul{
	display: none;
	position: absolute;
	left: 45px;
	bottom: 0px;
	width: 200px;
	max-height: 300px;
	text-align: left;
	overflow-y: auto;
	padding-right: 10px;
}
.pro_floot ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.pro_floot ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
    border-radius: 5px;
}
.pro_floot ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 1px;
    background: #EDEDED;
    border-radius: 5px;
}
.pro_floot ul li{
	margin-bottom: 3px;
}
.pro_floot ul li a{
	display: block;
	max-width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background-color: rgba(0,0,0,0.8);
	padding: 0 10px;
	border-radius: 3px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: all 0.3s;
}
.pro_floot ul li.on a{
	background-color: rgba(4,40,126,0.8);
}

.about .about_tl h3{
	font-size: 24px;
}
.photoli h3{
	font-size: 24px;
}
.newsli .newsli_tl h3{
	font-size: 24px;
}

.newsli li:first-child .img{
	width: 50%;
}
.newsli li:first-child .text h3{
	font-size: 16px;
	line-height: 24px;
	padding-top: 0px;
	margin-bottom: 5px;
}
.newsli li:first-child .text span{
	margin-top: 0px;
}


}
@media screen and (max-width: 640px) {
*{
	-webkit-tap-highlight-color:transparent
}
.banner .slide_nav{
	width: 100%;
	left: 0px;
	text-align: center;
}

.top .top_btn{
	padding: 0 15px;
}
.top .top_btn .right a.lan{
	margin-right: 20px;

}
.top .top_btn .right a.lan:after{
	right: -10px;
}
.top .top_btn .right .search{
	margin-right: 15px;
}
.top .top_btn .right .search a{
	text-indent: -999px;
	overflow: hidden;
	width: 25px;
	background-position: center;
}
.top .top_btn .right .menu a font{
	display: none;
}
/*.top .top_btn .right .menu .menu_btn{
	position: absolute;
	top: 6px;
	left: 0px;
}
*/

.nav_box a.close{
	top: 10px;
	right: 20px;
}

.nav_box .nav_li{
	display: none;
}

.nav_box .nav_li1{
	display: block;
	height: 100%;
	padding: 60px 80px 0 0;
	text-align: right;
	overflow-y: auto;
}
.nav_box .nav_li1 li{
	margin-bottom: 20px;
}
.nav_box .nav_li1 li a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    text-align: right;
    transition: all 0.3s;
}
.nav_box .nav_li1 li dl{
	display: none;
}
.nav_box .nav_li1 li dd a {
	font-size: 16px;
}

.flexslider {
    height: 280px;
}
.flexslider .slides li{
	height: 280px;
    background-size: auto 100% !important;
}

.main_tl h3,.main_tl h3 font{
	font-size: 24px;
}
.main_tl a.more{
	font-size: 12px;
	line-height: 24px;
	width: 80px;
}
.main1 .content .nav{
	top: -190px;
	width: 100%;
}
.main1 .content .nav li{
	height: 100px;
	padding-bottom: 30px;
}
.main1 .content .nav li .ico{
	height: 90%;
	margin-top: 5%;
	background-size: auto 100% !important;
}
.main1 .content .nav li h3{
	font-size: 14px;
	bottom: 8px;
}
.main1 .content .con h3{
	font-size: 22px;
}
.main1 .content .con h5{
	font-size: 18px;
}

.main_tl p{
	font-size: 12px;
	line-height: 20px;
}
.main2 .content .incase li .video{
	height: 150px;
}
.main2 .content .incase li .text h5{
	font-size: 16px;
	line-height: 48px;
	padding-left: 10px;
}
.main2 .content .incase li .text .ico{
	width: 60px;
}

.main3{
	margin-bottom: 30px;
}
.main3 .content li{
	width: 100%;
}
.main3 .content li:first-child{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-bottom: 20px;
}
.main3 .content li .text{
	padding-top: 20px;
}
.main3 .content li:first-child .img{
	position: relative;
	top: 0px;
}

.main4{
	margin-bottom: 20px;
}
.main4 .main_tl{
	margin-bottom: 10px;
}
.main4 .main_tl h3{
	display: block;
}
.main4 .main_tl a.more{
	top: 16px;
}
.main4 .main_tl li a{
	font-size: 14px;
	line-height: 30px;
}

.main4 .content ul li{
	width: 48%;
	margin-right: 4%;
}
.main4 .content ul li:nth-child(3n){
	margin-right: 0px;
}
.main4 .content ul li:nth-child(2n){
	margin-right: 4%;
}
.main4 .main_tl ul{
	margin-left: 0px;
	margin-top: 20px;
}
.main4 .content ul li span{
	font-size: 14px;
}
.main4 .content .swiper-pagination{
  display: block;
}

.foot .foot1 .nav{
	display: none;
}
.foot .foot1 .con{
	float: none;
	padding: 0 20px;
}
.foot .foot1 .con h3 font{
	display: inline-block;
}
.foot .link{
	padding: 0px;
}
.foot .link p{
	font-size: 14px;
}
.foot .link a{
	font-size: 14px;
}
.foot .foot2 p{
	padding: 0px;
	font-size: 14px;
	line-height: 24px;
}
.foot .foot2 p font{
	display: block;
	float: none;
	font-size: 14px;
	line-height: 24px;
}
.page_ban .text h3{
	font-size: 24px;
}
.page_ban .text h3 font{
	font-size: 24px;
}
.page_ban .text p{
	font-size: 14px;
	line-height: 20px;
}
.page_ban .text h4{
	font-size: 16px;
}
.page_ban .text h4 font{
	font-size: 18px;
}

.location{
	margin-bottom: 20px;
}

.pro_li1 .pro_right li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.pro_li1 .pro_right li:nth-child(3n){
	margin-right: 4%;
}
.pro_li1 .pro_right li:nth-child(2n){
	margin-right: 0px;
}

.pro_cen{
	margin-bottom: 40px;
}
.pro_cen .pro_tl{
	margin: 20px 0 30px;
}
.pro_cen li{
	float: none;
	width: 100%;
	margin-right: 0px;
}
.proli_tl{
	padding-bottom: 20px;
	margin: 20px 0 30px;
}




.photoli h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.photoli{
	margin-bottom: 40px;
}
.photoli li{
	margin-bottom: 15px;
}
.photoli li h5{
	line-height: 40px;
}
.photoli li span{
	margin-top: -50px;
}

/*.photoli1 h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.photoli1 li{
	margin-bottom: 20px;
}
.photoli1{
	margin-bottom: 40px;
}
.photoli1 .text{
    background: url(../images/photoli1_ico2.png) no-repeat left bottom !important;
    padding-bottom: 130px;
    padding-top: 0px;
}*/
.videoli h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.videoli{
	margin-bottom: 40px;
}
.videoli li{
	margin-bottom: 15px;
}
.videoli li h5{
	line-height: 40px;
}
.videoli li span{
	margin-top: -50px;
}


.newsli .newsli_tl h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.newsli li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.newsli li h5{
	font-size: 14px;
}
.newsli li:nth-child(3n){
	margin-right: 0px;
}
.newsli li:nth-child(2n){
	margin-right: 0px;
}
.newsli {
	margin-bottom: 40px;
}

.news .news_con{
	margin-bottom: 40px;
}
.news .fy a{
	background-color: #f1f1f1;
}
.news_tj{
	display: none;
}

.pro_tl{
	padding-bottom: 20px;
}
.pro_tl h3{
	font-size: 24px;
}


.pro_li .pro_right li h3{
	font-size: 14px;
}
.pro_li{
	margin-bottom: 20px;
}



.photoli li h5{
	font-size: 14px;
}
.photoli li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.photoli li:nth-child(3n){
	margin-right: 4%;
}
.photoli li:nth-child(2n){
	margin-right: 0px;
}
.photoli1 li{
	width: 48%;
	margin-right: 4%;
}
.photoli1 li:nth-child(2n){
	margin-right: 0px;
}

.videoli li h5{
	font-size: 14px;
}
.videoli li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.videoli li:nth-child(3n){
	margin-right: 4%;
}
.videoli li:nth-child(2n){
	margin-right: 0px;
}
.videoli li{
	width: 48%;
	margin-right: 4%;
}
.videoli li:nth-child(2n){
	margin-right: 0px;
}

.news .news_tl{
	margin-bottom: 40px;
}
.news .news_tj{
	margin-bottom: 40px;
}
.news .news_tj li{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.news .fy{
	margin-bottom: 60px;
}
.page_ban {
    height: 200px;
}
.page_nav li{
	width: 33.33%;
	min-width: auto;
}
.page_nav li a{
	line-height: 50px;
}


}


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



.nav_box .nav_li li a{
	font-size: 20px;
}



.flexslider {
    height: 180px;
}
.flexslider .slides li{
	height: 180px;
    background-size: auto 100% !important;
}

.main1{
	padding-top: 120px;
	padding-bottom: 50px;
}
.main1 .content .nav{
	top: -165px;
}
.main1 .content .con .img{
	position: relative;
	top: 0px;
	width: 100%;
	height: 240px;
}
.main1 .content .con .img img{
	max-height: 100%;
}
.main1 .content .con .text{
	width: 100%;
}

.main1 .content .con p{
	font-size: 14px;
	line-height: 20px;
}
.main1 .content .text2{
	margin-top: 40px;
}
.main1 .content .text2 p{
	font-size: 16px;
	line-height: 24px;
}

.main2 .w1300{
	padding: 0 10px;
}
.main2 .content .incase li{
	width: 48%;
	margin-right: 4%;
	flex: 0 0 48%;
}
.main2 .content .incase li:nth-child(3n){
	margin-right: 4%;
}
.main2 .content .incase li .main_tl h3{
	margin-bottom: 5px;
}
.main2 .content .incase li .main_tl span{
	margin-bottom: 10px;
}
.main2 .content .incase li .main_tl p{
	line-height: 16px;
}
.main2 .content .incase li .video{
	height: 120px;
}
.main2 .content .incase li .text h5{
	font-size: 14px;
	line-height: 32px;
}
.main2 .content .incase li .text .ico{
	width: 30px;
}
.main2 .content .incase li .text .ico1, .main2 .content .incase li .text .ico2{
	background-size: 60% auto !important;
}

.main3 .content li{
	height: 180px;
}
.main3 .content li:nth-child(2){
	margin-bottom: 10px;
}
.main3 .content li:first-child{
	margin-bottom: 10px;
}
.main3 .content li a{
	padding: 0 10px;
}
.main3 .content li:nth-child(n+2) .text{
	right: 10px;
}
.main3 .content li .text p{
	font-size: 12px;
	line-height: 20px;
}
.foot .foot1{
	padding: 20px 0 20px;
}
.foot .foot1 .con{
	padding: 0px;
}
.foot .foot2{
	padding: 10px 0;
}
.foot .foot2 p{
	padding: 0px;
	line-height: 20px;
}
.foot .foot2 p font{
	display: block;
	float: none;
	line-height: 20px;
}

.page_ban .text p{
	font-size: 13px;
}

.pro_cen li{
	height: 200px;
	margin-bottom: 10px;
}
.pro_cen li .text p{
	font-size: 14px;
	line-height: 20px;
}



.newsli li:first-child .img{
	width: 100%;
	margin-bottom: 10px;
}
.newsli li:first-child .text h3{
	overflow: visible;
	text-overflow:ellipsis;
	white-space: normal;
}
.newsli li:first-child .text p{
	margin-bottom: 10px;
}
.newsli li .text2{
	padding: 20px;
}



}