@charset "UTF-8";

@media (min-width:1200px) and (max-width:1600px){


}
@media (min-width:1200px){

}
@media (min-width:767px) and (max-width:1200px){
    .container{width: 100%;}
    .banner .swiper-pagination{bottom: 10px;}
}
@media (min-width:767px) and (max-width:1024px){
    .phone-wrap{margin-right: 70px;margin-top: 10px;}
    .logo{margin-top: 6px;}
    .header{height: 64px;}
    .phone-wrap p{font-size: 20px;}
    .banner .swiper-pagination{bottom: 10px;}
}
@media (max-width: 767px){
	.contact-part1-nr>div>img{
	    max-width: 50%;
	}
    .container{width: 100%;}
    .phone-wrap{display: none;}
    .logo{margin-top: 0px;width: 135px;}
    .header{height: 64px;}
    .banner .swiper-pagination{bottom: 10px;}
    .part1{padding-top: 25px;}
    .part1-top .part-tit{ float: none;}
    .product-slide .hd ul{
            width: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            padding: 10px 0;
    }
    .product-slide .hd ul li{margin-bottom: 8px; padding:0;}
	.in-banner{
		    height: 170px;
			padding-top: 20px;
				color: #333;
			
	}
	.index-nav2 li>a{
	    font-size: 18px;
	}
.banner .swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 5px;
}
.product-slide .hd ul li a{
    font-size: 12px;
}
.banner .swiper-pagination-bullet-active {
    background: #354388;
}	
	
	#in-banner{
	    background-size: cover;
	}
	.in-banner p{
	    color:#999;
	    font-size: 10px;
	}
	.in-banner i{
	    background:#999 ;
	}
	.in-banner h2{
		font-size:26px;
		color: #666;
	}
	.in-banner span{
		font-size:18px;
			color: #999;
	}
	.erji ul li a{
		padding: 0 5px;
	}
	.part-tit h2{
	    font-size: 22px;
	}
	.part2{
	    padding-top:30px;
	}
	.about-wrap{
	    margin-top: 15px;
	}
		.about-r{
	    display: none;
	}
    .pro-list li{width: 48%;margin: 0 1% 15px;}
    .pro-list li:nth-child(3n-1){margin: 0 1% 15px;}
    .pro-intro p{font-size: 14px;}
    .pro-list{margin-top: 0px;}
    .part1{padding-bottom: 30px;}
    .about-l{width: 100%;}
    .about-l a{margin:auto;margin-top: 20px;}
    .about-r{width: 100%;margin-top: 30px;}
    .part3{padding-top: 30px;padding-bottom: 30px;}
    .case-list li{width: 48%;margin: 0 1% 20px;}
    .case-list li:nth-child(3n-1){margin: 0 1% 20px;}
    .case-list{margin-top: 20px;}
    .case-intro{padding: 15px 5px 48px;}
    .case-intro h3{font-size: 14px;}
    .case-intro p{font-size: 12px;}
    .gg-l{width: 100%;}
    .gg-r{width: 100%;padding-top: 30px;padding-bottom: 30px;}
    .part4{padding-top: 30px;padding-bottom: 30px;}
    .news-part{width: 100%;margin-top: 0px;}
    .hl-img{float: none;margin: 0 auto 10px;width: 100%;}
    .dl-r{float: none;width: 100%;margin-left: 0;}
    .hl-dt-link{margin: 12px auto 0;}
    .part5{padding-top: 30px;}
    .msg-form .form-l{width: 100%;}
    .msg-form .form-c{width: 100%;margin: 0;}
    .msg-form .form-r{width: 100%;}
    .ft-nav li{margin: 0 15px 10px; font-size: 14px;}
    .ft-nav li:after{display: none;}
    .ft-nav{padding-top: 25px;padding-bottom: 10px;}
    .ft-l{width: 100%;}
    .ft-logo-l{width: 40%;}
    .ft-logo-r{width: calc(60% - 14px);padding-left: 14px;margin-left: 14px;}
    .ft-r{width: 100%;}
    .f-link{font-size: 14px;}
    .cr{line-height: 28px;}
    .news-list2{margin-top:0;}
    .news-list2 li{width: 100%;padding: 0 15px;}
    .erji2 ul li{margin: 0 3px;}
    .zp-l{width: 100%;font-size: 14px;}
    .zp-r{width: 100%;border-left: 1px solid #abb8f3;font-size: 14px;height: auto;padding-bottom: 10px;}
    .map-wrap{height: auto;}
    .contact-part1-nr{padding-bottom: 0;padding-top: 0;}
    .contact-part1-nr>div{width: 100%;border-bottom: 1px solid #ededed;padding-bottom:30px;padding-top: 30px;}
    .ctt-part1-tit3{background: url("../images/ctt-icon3.png") no-repeat left center;margin-top: 30px;}
    .ctt-part1-tit4{background: url("../images/ctt-icon4.png") no-repeat left center;margin-bottom: 30px;}
    .contact-part1-nr>div:last-child{border-bottom: none;}
    .news-dt-tit h3{font-size: 18px;}
}
@media (max-width: 360px){

}