@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {
	
	
	
	header .top h1{left: 1%;top: 15px;width: 235px;}
	header .top .nav_topr{position: absolute;right: 1%;top: 0px;}
	
	header .nav li p a{ padding:0 15px;}
	
	.layout{ width:97%;}

}

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

.pc0001{display: none;}
.pc0002{display: block;}


	header .top h1{width: 250px;left: 1%;top: 15px;}
	header .nav{float: left;padding-right: 10px;}
	header .top .nav_topr{position: absolute;right: 1%;top: 0px;}
	header .nav li p{font-size:15px; text-transform:uppercase;}

	
	.swiper-father .left{width: 50px;height: 50px;outline: medium;left: -60px;line-height: 50px;}
	.swiper-father .left i{font-size: 40px;}
	.swiper-father .right{width: 50px;height: 50px;outline: medium;right: -60px;line-height: 50px;}
	.swiper-father .right i{font-size: 40px;}
	
	
	.foot{padding:22px 2%;}
	.foot .foot_nav{padding-top: 20px; width: 83%; float: left;}
	.foot .foot_nav dl{float: left;width:14.9%;padding-left: 3%; padding-right: 1%;border-right: 1px solid #414141;}
	
	.hisbox{width:42.5%;}
	.hisbox p{line-height: 30px; font-size: 14px; }
	
	.down_list ul li{width: 49%; }
}

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


	header{height: 60px;}
	header .top{}
	header .top h1{ width: 200px;top: 4px;}
	header .top .nav_topr{display: none;}
	header .m-btn{display:block;}

	.banner{margin-top: 60px;}
	.banner_ny{margin-top: 60px;}
	.ny_banner{margin-top: 60px;}
	
	.intitle{padding:30px 0 22px;font-size: 28px;}
	
	.pro-menu{margin-bottom:28px;}
	.pro-menu span{font-size: 15px; padding:0 32px;}
	
	
	.index_main .boxs .text{color: #fff;font-size: 14px; line-height: 2;}
	.inabout-ul li h3{font-size: 18px;}
	
	.derp li{width: 48%; margin-bottom: 2%;}
	.derp li .tech p{font-size: 16px;}

	.dsanp .title{font-size: 25px;}
	.dsanp .news_box .new_L{float: left; width: 100%; }
	.dsanp .news_box .new_L .latest_text a{font-size:15px;}
	.dsanp .news_box .new_L .latest_text p{line-height: 25px;font-size: 13px;margin-top: 12px;overflow: hidden;}
	.dsanp .news_box .new_R{float: left; width: 100%;margin-top: 20px;}
	.dsanp .news_box .new_R .nav-tabs{border:none;text-align:right;width:100%;margin-bottom:10px;padding-bottom:11px; line-height: 38px; }
	.dsanp .news_box .new_R .news_list li{line-height:32px; padding: 10px 0;}
	
	.foot .box .ewm{padding-top: 20px; width: 115px; float: right;}
	
	.ny_banner img{margin-top: 60px;}
	.bread_content .bread_box{float: left;width:100%; padding: 14px 0;}
	.bread_content .inner_nav ul li a{padding:12px 22px;}
	.bread_content .inner_nav{float: left; width:100%; }
	
	.inner_content .inner_about{font-size:14px; line-height:30px}
	.inner_content .inner_about img{max-width:100% !important;}
	
	.ct_mode ul li{width:50%; margin-bottom: 25px;}
	.ct_mode ul li p{font-size:14px;line-height:28px; padding-left:1px;}
	#map_container{height:500px;}
	
	.news li{width: 47%;}
	
	.ind-tit{font-size:28px;}
	
	.honor ul li{float:left;width:48%;  }
	
	
	.client li{float: left;width: 23%; }

}


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


.pc0001{display: none;}
.pc0002{display: block;}


	.banner .swiper-container .m{display: block;}
	.banner .swiper-container .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.pro-menu span{padding: 0 21px; font-size: 14px; height: 40px; line-height: 40px; margin:0 5px;}
	
	
	.dyip .pro{margin-top: 25px;}	
	.dyip .pro .swiper-slide .title_er{font-size: 14px; }
	.dyip .swiper-father{position: relative; margin-bottom: 25px;}
	.dyip .dian{position: static;margin-top: 20px;}
	
	.swiper-father .left{display: none;}
	.swiper-father .right{display: none;}
	
	.index_main{padding:0 0 30px 0; }
	.inabout-ul li{width:50%;margin-bottom: 20px;}
	
	.derp li .tech p{font-size: 15px; line-height: 48px;}
	
	.culture ul li .pic,.culture ul li.two .pic{width:100%;height:auto;}
	.culture ul li .note,.culture ul li.two .note{width:100%;position: static;transform: none;clear: both;padding:1rem 0.5rem;margin-bottom:1rem;}
	
	.hiswrap .clearfix{margin-top:-100px;}
	.hiswrap .clearfix:first-child{margin-top:0px;}
	
	.hisbox{width:38.5%;}
	.hisbox p{line-height: 26px; font-size: 12px; }
	.hisbox .date{width:150px;height:50px;line-height:50px;font-size:22px;top:-32px;}
	
	.ct_mode ul li{ min-height: 285px;}
	
	.down_list{margin-bottom:1rem;}
	.down_list ul li{width:100%;background: url('../images/icon_down.png') no-repeat 6px center;padding-left: 46px;}
	
	.news ul{margin-left:0;}
	.news li{ width:100%;margin-left:0;}
	
	.solution{padding:35px 0; }
	.solution .sol-note,.solution .sol-pic{width:100%;}
	.solution .sol-note .info{font-size:15px;line-height: 30px; margin-bottom: 20px;}
	.caselist ul li{width:100%;}
	.caselist ul li .com-img{height:auto;}

	.inner_product .inner_product_content ul{ overflow: hidden;}
	.inner_product .inner_product_content ul li{ float: left; width:48%; }
	.inner_product .inner_product_content ul li .product_list .product_text{font-size: 14px;}
	
	.details_content .product_details .details_pic{float: left; width:96%; padding:2%;}
	.details_content .product_details .details_top{float: left; width:96%;padding:2%;}
	.details_content .product_details .details_box{margin-top: 0; }
	
		


	.foot .foot_nav{display: none;}
	.foot .subnav_foot{display: block; padding: 0}
	.foot .box .ewm{display: none;}
	.foot .copyright{ border-top:0 solid #555;}

}
@media screen and (max-width: 480px) {
	.pro-menu span{padding: 0 13px; font-size: 13px; height: 38px; line-height: 38px; margin:0 3px;}
	
}