@media screen and (max-width: 1800px) {
  .section4 .title2 p {width: 90%}
}

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

@media screen and (max-width: 1400px) {
    .wrap{
        width: 96%;
        margin:0 2%;
    }
    
}

@media screen and (max-width: 1280px) {
	
    .header .logo{width: 10%;margin-left: 0;}
    .header .logo img{width: 100%;}
    .nav ul .class_menu{width: 14%;}
    
    
}

@media screen and (max-width: 1200px) {
	.side{display: none;}
	.about-info-list{display: block;}
	.about-info-txt,.about-info-pic{   width: 100%;}
	
	
	
}

@media screen and (max-width: 1149px) {
	.footer_add ul li:first-child{margin-bottom:36px;}

    
    
}


@media screen and (max-width: 1199px) {
	
	.section4 .section4right{width: 96%;margin:5% 2%;}
 	.section4 .swiper-section4 .swiper-wrapper .swiper-slide{padding: 8% 1% 4%;}
  .section4 .section4right{margin: 5% 2% 0;}
    
    
    
}








@media screen and (max-width: 1040px){
    .moblie_head .fl {
    padding-top: 8px;
    padding-left: 5%;
    width: 26.15625%;
}
.footer_coder{
	display: none;
}

.subnav ul li {
    float: left;
    line-height: 61px;
}
.culture_txt h3 {
    line-height: 86px;
    font-size: 31px;
    width: 61%;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}



}



@media screen and (max-width: 1024px){
   .section8 .section8left{height: auto;}
   .section8 .section8left{padding:3rem 2rem 1rem;}
   
   
}


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

@media screen and (max-width: 991px){
   .section1 .section1_list{margin:0 0 30px 0;}
   .section2 .section2_list{margin-bottom: 30px;}
}




@media screen and (max-width: 768px){
.fullSlide {top: 60px;}
	
.fullSlide .hd{
	margin-top:-33px;
}
.fullSlide .prev,.fullSlide .next{
	display: none;
}
.moblie_head .fl {
    padding-top: 21px;
    padding-left: 5%;
    width: 26.15625%;
}
.u-text a {
    font-size: 16px;
    }
 .zy_banner{
 height: 139px;
    background-size: 100% 100% !important;
    margin-top: 60px;
 }
 .zy_banner p {
    font-size: 17px;
    color: #fff;
}
.zy_banner h3 {
    margin-top: 30px;
    font-size: 23px;
    color: #fff;
    margin-bottom: 13px;
}

.section2 {
    margin-top: 60px;
    width: 100%;
    height: auto;
    padding-bottom: 60px;    
}








.title h2 {
    font-weight: bold;
    font-size: 31px;
}
.other-service .text {
    padding: 37px 21px 0;
    height: 321px;
    width: 100%;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    background-color: #fff;
}
.other-service .text h3 {
    font-size: 31px;
    font-weight: bold;
    line-height: 50px;
}
	.footer_nav{

}
	.subnav ul li a {
    padding: 0 22px;
    }
    .pro_tip {
   
    font-size: 19px;

}
.ptitle {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}
.introduce img{
 width: 100%;	
}
.title2 h2, .title3 h2 {
    width: 100%;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}


.title2_nav, .title3_nav {
    width: 100%;
}


 
.position_box {
    margin-top: 61px;
}




.footer_cont {
    padding-top: 60px;
    text-align: center;
}
.culture_txt h3 {
    line-height: 86px;
    font-size: 36px;
    width: 65%;
    }
    .partner ul li {
    float: left;
    margin-left: 15px;
    margin-bottom: 40px;
    width: 44%;
    }
    .contactbox-section1 .cont .jut .item {
    padding: 0 30px;
    float: left;
    width: 96.333%;
    margin-bottom: 30px;
}
.contactbox-section2 .cont {
    background-color: #f7f7f7;
    padding: 45px 21px;
    margin-bottom: 60px;
}
#allmap1 {
    height: 450px;
    width: 93%;
    margin: 20px auto;
}
.contactbox-section2 .cont form .but {
    width: 100%;
    display: flex;
    margin-top: 30px;
    text-align: center;
    justify-content: center;
    width: 76%;
}




.case_box li {
    width: 94%;
    margin-bottom: 30px;
    float: left;
    margin-left: 7px;
    cursor: pointer;
    transition: transform 0.1s;
}
.case_box li .case_img1 {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 259px;
}
.case_txt2 p {
    height: 60px;
    line-height: 23px;
    }
    .about_box{
    	background-size: 100%;
    	}
    	
 .pro_box .wrap{display: block;} 	
 .pro_box .pro_nav,.pro_box_right  {width: 100%;}	
 .pro_info_list .section3-item{width:48%;}   	
    
    
.pro_box .pro_nav .pro_nav_list{padding: 2rem 0;} 
.pro_box .pro_nav .pro_nav_list ul li {margin: 2%;padding:2% 0;}
.pro_box .pro_nav, .pro_box_right{margin-top: 30px;}
.section3-list{padding:0;}   	
.section3-list .protxt{padding:5rem 3% 3%;}    	
}


@media (min-width: 768px) and (max-width: 992px) {
	}
	
@media (max-width: 750px) {
	
.section8right-gt{display: none;}
.pro_box_xq_top{display: block;}
.pro_box_xq_top .pro_xq_pic{width: 100%;margin-bottom: 30px;}
.pro_box_xq_top .pro_xq_txt{width: 100%;}	
	
	}	
	
	
	


@media screen and (max-width: 640px){	
.section1{margin: 120px 0  10px;}	
.section1 .section1_list .section1_img img{max-width:40%;max-height: 40%;}    
.section1 .section1_list p{ width: 80%;  font-size:20px;}
.section2{margin-top:3rem;padding-bottom:0rem;}
.section3,.section4,.section5{margin-top:3rem;}

.section3 .section3-list{padding: 0;}
.section3 .section3-list .promore {width: 100%;}
.section3 .section3-list .protxt{padding:50px 10px 10px;}
.section3-list  .protxt b {font-size:24px;}
.section3-list .protxt p{font-size: 14px;}

.section4 .swiper-section4{margin: 8rem 0 0;}
.section4 .swiper-section4 .swiper-wrapper .swiper-slide {padding: 7rem 1rem 6rem;}
  
.section5 .mySwiper2 .swiper-wrapper .swiper-slide h3{font-size: 18px;height: 40px;line-height: 40px;}
  
  
.section8 .section8right .section8right-lt{padding: 4%;height: auto;} 





}



@media screen and (max-width: 414px){
.introduce h4{font-size: 30px;}	
.introduce_txt{width: 92%;margin: 30px auto 0;}
.culture {padding:0;}	
.culture h3{font-size:26px;}
.about-info-txt h3{font-size:30px;}	
.pro_box .pro_nav .pro_nav_list ul li a {
    font-size: 16px;
}
.pro_box_xq_top .pro_xq_txt h3{font-size:30px;}
.pro_xq_tit h4{width: 118px;height: 40px;line-height: 40px;}
	
.footer	.cpright{display: block;line-height:24px;padding-top: 10px;}
.footer	.cpright span{display: block;}
	
	
		}
		
@media (min-width: 320px) and (max-width: 375px) {
	}