﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1500px) {
	.layout{max-width: 97%;}
	
	header .top .box{width: 98%; max-width: 100%;}
	header .top h1{width:280px;top: 18px;}
	header .top .nav{ left: 320px;}
	
	.category .cate_center .cate_center_top{padding:73px 0;}
	
	.about .about_r .about_text .about_title{padding-top:15px;}
	.about .about_r .about_text .about_more{margin: 0 0 10px;}

	.footer_social .fenxiang li{display: inline-block; width: 70px;}

}
@media screen and (max-width: 1340px) {
	header .top h1{width:240px;top: 22px;}
	header .top .nav{left: 275px;}
    .nav ul li p {font-size: 15px;}
    
	.about .layout .about_l{ float: left; width:100%; }
	.about .layout .about_r{ float: left; width: 100%; }
	.about .about_r .about_text .about_title{padding-top:25px;}
	.about .about_r .about_text{padding:0 3%;box-sizing:border-box;}
	
}

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


	header .top{height: 70px;top: 0;}
	header .top h1{ width: 240px;top: 15px;left: 1%;}
	header .top .nav{display: none;}
	header .top .top_r{right: 50px;top: 5px;}
	header .top .top_r .yuyan{font-size: 14px;}
	header .top .top_r .yuyan i{font-size: 16px;}
	header .top .top_r .yuyan a{width: 50px;}
	
	
	header .top .search_an{top: 16px;right:8%;}

	header .top  .search{top: 70px;width: 97%;display: none;position: fixed; padding: 1.5%}
	header .top  .search .input_txt{width: 92%;}
	header .top  .search .input_btn{width: 8%;}
	header .m-btn {display: block;}

	.banner{margin-top: 70px;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-yi{bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #FFF;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	.intitle{font-size: 22px; padding:12px 0;}
	
	.advantage .adv_item{width:50%;}
	
	.dyip li {float: left;width: 31.333%;}
	.dyip li .pic img{max-width: 100%; }
	
	.category .layout{display:block;}
	.category .cate_left{width: 100%; overflow: hidden;}
	.category .cate_center{margin:12px 0;width:100%}
	.category .cate_right{width:100%}
	.category .cate_left img{width: 100%}
	.category .cate_center img{width: 100%}
	.category .cate_right img{width: 100%}
	
	.category .cate_top{margin-bottom: 12px;}
	
	.foot{padding:28px 0; overflow: hidden;}
	.footer-static-block{margin-right:5%;float: left; width: 50%;}
	.foot .foot_nav{float: left; width: 45%; margin-right: 0;}
	.footer_social{float: left; width:100%; margin-top: 20px;}
	
	.banner_pic{margin-top: 70px;}
	
		
	
	.promore_l{width:100%;float:left;}
	.pros_right{width:100%; float:left;margin-top: 25px;}
	.pros_right_top h4{font-size:20px;}
	
	.news-list li .news-box{width:85.5%;}
	
	.products li{width: 48%;}
	.spec-scroll .items{width:80%; }
	
	.spec-preview video{height:525px; background:#000;}

}

@media screen and (max-width: 780px) {
    
    header .top .search_an{right:12%;}
    	
	.advantage .adv_item{width:50%; padding: 12px 0;}
	
	.advantage .adv_item .adv_item_text{padding:20px 5px 8px 5px}
	.advantage .adv_item .adv_item_text .adv_item_title{font-size:15px;}
	.advantage .adv_item .adv_item_text .adv_item_contact{font-size:13px; height:auto;}

	.dyip li{float: left;width: 48%;}
	
	.about .about_r .about_text .about_title{padding-top:20px;font-size:18px;line-height:35px;  }
	
	.news .news_items{display:block;}
	.news .news_items .news_item{width:100%;margin-bottom: 30px;}
	.news .news_items .news_item .news_item_text .news_item_title{font-size:18px; line-height: 35px;margin-top: 12px;}
	.news .news_items .news_item .news_item_text .news_item_contact{font-size:14px;}

	.footer-static-block{margin-right:0;float: left; width: 100%;}
	.footer-block-contant li{font-size: 14px;line-height: 26px;margin-bottom: 8px;color: #555;}
	.foot .foot_nav{float: left; width: 100%; margin-right: 0; margin-top: 20px;}
	.footer_social{float: left; width:100%; margin-top: 20px;}
	.footer_social .fenxiang li{display: inline-block; width: 55px;}
	
	.share-flow, .flow-cont{display:none;}

	
	.pro_left{width: 100%; float: left; margin: 20px 0 0;}
	.pro_right{width: 100%;  float: left; margin-top: 20px;}
	
	.pro_left h2{ height:55px; line-height:55px; font-size:20px;}
	
	.products li img{display:block;width:96%;}
	
	.news-list li .date{display:none;}
	.news-list li .news-box{width:100%;}
	.news-box .news-img{width:35%;}
	.news-img img{height:155px;}
	.news-box .name,.news-box .con{width:62%;margin-left:3%;}
	.news-box .btn{margin-left:3%;}
	
	.nInfo-top .name{font-size:20px;line-height:35px;}
	
	.down_list ul li{width:98%;padding:32px;background:url(../images/icon_down.png) no-repeat 10px center;padding-left:40px;}
	.down_list ul li:nth-child(2n){float:left;}
	
	.main-contact h2{margin-bottom:15px;font-size:25px;line-height:35px;}
	.main-contact .send-msg{width:100%; padding-right: 0;}
	.main-contact .way{float:left;padding-top:14px;width:100%;}
	#map_container{height:480px;}
	
	.spec-preview video{height:460px; background:#000;}

}
@media screen and (max-width: 465px) {
.spec-scroll .items ul li{float:left;width:66px;margin-right: 3px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:60px;height:60px;}
.spec-scroll .items ul li img:hover{border:1px solid #005bac; padding:2px;}
.spec-scroll .items{width:275px; }
    
}