@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {

	header .top .nav{position: absolute;right: 250px;top: 30px;}
	header .top .nav li{float: left;position: relative;margin:0 25px;}
	
	.layout{max-width: 97%;}

	.derp .box{max-width: 97%;}

	.dsanp{max-width: 97%;}

	.dsip .box{max-width: 97%;}

	.foot .foot_t .box{ max-width: 97%; }
	
	.foot .foot_b{max-width: 97%;}

}

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

	header .dingbu .box{max-width: 97%;}
	header .top .box{max-width: 97%;}
	header .top .box .logo h1{ width: 160px;float: left;}
	header .top .box .logo p{display: none;}
	header .top .box .logo{top: 20px;}
	header .top .nav{right: 175px;}
	header .top .nav li{float: left;position: relative;margin:0 20px;}
	header .top .nav li p{font-size: 15px;}
	header .top .goumai{right: 220px;}
	header .top .search{width: 198px;}
	header .top .search .input_txt{width: 143px;}

	.swiper-slide .title{left: 10%;top: 10%;}
	.swiper-slide .title h2{font-size: 48px;}
	.swiper-slide .title p{font-size: 24px;margin-top: 10px;}
	.swiper-slide .title .more{width: 120px;height: 40px;line-height: 40px;margin-top: 30px;}

}

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

	header .top{height: 60px;}
	header .top .box .logo{left: 0;top: 5px;}
	header .top .box .logo h1{ width:120px;float: left;}
	header .dingbu .box{max-width: 720px;}
	header .top .box .logo p{display: none;}
	header .top .nav{display: none;}
	header .m-btn{display:block;}
	header .top .goumai{right: 60px;top: 0px;line-height: 60px;}
	header .top .search{width: 198px;display: none;}
	header .top .yy{margin-top: 20px;margin-right: 0; display: none;}

	.body-wrap {padding-top: 0;}

	.swiper-slide .title h2{font-size: 36px;}
	.swiper-slide .title p{font-size: 20px;}
	.swiper-slide .title .more{width: 120px;height: 30px;line-height: 30px;margin-top: 20px;}

	.hTitle{font-size: 25px;padding-bottom: 5px;}

	.dyip li{width: 49%;}
	.dyip li .dy_con h3 {font-size: 22px;}

	.derp {padding:32px 0;}
	.sy2 ul li {width: 88px;height: 88px; margin-bottom: 2%;}
	.sy2 ul li a{width: 88px;height: 88px;}
	.sy2 {width: 95%;}

	.derp .box{margin:40px auto 0 auto;padding:50px 0;}
	.derp .box .ys_about{line-height: 32px; font-size: 15px; margin-top:25px;}


	.dsanp ul li {width: 48%;}
	
	.dsanp ul li span{ font-size: 13px; }

	
	.foot{padding:10px 0 0 0;}
	.foot .foot_t .t_l{ float:left; width:100%; margin-bottom: 22px;}
	.foot .foot_t .t_m{ float:left; width:26%; margin-right:0; margin-top: 10px;}
	.foot .foot_t .t_m .pic{ width:105px;}
	.foot .foot_t .t_r{ float:right; width:calc(100% - 128px);}
	.foot .foot_t .t_r .rlx{ line-height: 25px; font-size: 13px; }

	.banner_ny{ margin-top:0;}
	.menu-nav-sub ul li a{display:inline-block;vertical-align:middle;padding:16px 25px;font-size:15px;color:#4b4b4b}

	.ny_l { width:100%;}
	.ny_r { width:100%; }
	.ny_tel,.ny_tel_n{display: none;}

	.ny_title {height:55px; line-height:55px; font-size: 20px;}
	
	.nyabout img{float: none !important;max-width:100%; margin:2% auto; clear:both; display:block;}
	.ulimg li span,.produxts ul li span{font-size: 14px;}
	
	
	.nyabout,.honor,.partnerList,.NewsDetailed{width: 96%; margin: 3.5% auto;}
	.four_icon ul li{width:48%; }
	.four_icon ul li em{width: 100%; font-size: 13px;}
	
	.hj_com ul li .zbtp {width:100%;}
    .hj_com ul li .ybtxt{width:100%; font-size:15px; line-height:32px; }
	
	.honor ul li{width:31.333%; }
	.produxts ul li{width:48%; }
	
	.news-box .news-list li a .txt {width:55%;float:left;padding-right:0;}
	.news-box .news-list li a .txt .arrow{display: none;}

	.product_details{width:100%; }
	
	.cpxq_l .cpxq_l_b{width:90%; }
	.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:20%; cursor:pointer;}
	


}

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

	header{position: absolute;left:0px;top: 0px;}
	header .dingbu{display: none;}
	header .top .box{margin:0 3%;}
	header .top .goumai{right: 60px;top: 0px;line-height: 60px;}
	header .top .search{width: 198px;display: none;}

	.body-wrap {padding-top: 60px;}

	.swiper-slide .pc{display: none;}
	.swiper-slide .m{display: block;}
	.swiper-slide .title h2{font-size: 24px;}
	.swiper-slide .title p{font-size: 16px;}
	.swiper-slide .title .more{width: 100px;margin-top: 15px;}

	.derp .ys_about{font-size: 14px; line-height: 30px;}

	.foot .foot_t .t_l dl{ float:left; width:100%; margin-bottom: 20px;}
	.foot .foot_t .t_l dt{font-size: 16px; padding-bottom:0}
	.foot .foot_t .t_l dd{width:33%; float: left;}

     .ny_r_info p{float: none !important; width: 100% !important; display: block !important; margin-left: 0 !important;}

	
	.ulimg ul,.produxts ul { margin-left:0;}
	.ulimg li,.produxts ul li { width:100%;margin-left:0; margin-bottom: 4%;}
	
	.honor ul li{width:48%; }
	.honor ul li span{font-size: 13px;  padding:8px 0 5px 0;}
	
	.news-box .news-list li a {display:block;padding:12px 0;height:100px;}
	.news-box .news-list li a .pic {float:left;width:185px;}
	.news-box .news-list li a .txt {width:calc(100% - 205px);float:left;padding-right:0;}
	.news-box .news-list li a .txt .title {transition:all 0.4s;font-size:14px;}
	.news-box .news-list li a .txt .date{display: none;}
	
	
	.partnerList .PartTitle{font-size: 25px; line-height: 40px; color: #000; padding:0 0 20px 0;}
	.partnerList ul li{width:48%;margin-left:2%;margin-bottom:20px;}
	
	
	.NewsDetailed h3{font-size:18px;font-weight:400;color:#000;}
	.NewsDetailed-content{line-height:28px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:13px;}
	.fanhui{display: none;}
	
	
	#map_container{height: 450px;}


}