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

	.layout{max-width: 980px;}

	header .logo{position: absolute;left: 0%;top: 29px;}
	header .logo h1{width: 150px;}
	header .logo .title{margin-left: 10px;}
	header .logo .title .bt{font-size: 17px;font-weight: bold;}
	header .logo .title .txt{font-size: 12px;}

	header .nav li{margin:0 8px;}
	header .nav li p{font-size: 13px;}

	.dsip .box .right li{margin-bottom: 6px;padding:10px;}


}


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

	.layout{max-width: 720px;}

	header .box{height: 50px;}
	header .logo{top: 6px;z-index: 100;}
	header .logo h1{width: 110px;}

    header .logo .title {display: none;}

	header .yuyan{display: none;}

	header .nav{display: none;}
	header .m-btn {display: block;}

	.banner{margin-top: 50px;}
	.banner .swiper-pagination-bullets{bottom: 10px;}
	.banner .swiper-pagination .swiper-pagination-bullet{margin:0 4px;}
	.banner .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #FFF;}

	.dyip{padding:40px 0;}
	.dyip .title .bt{font-size: 24px;}
	.dyip .title .xian{width: 280px;}
	.dyip .title p{font-size: 12px;}
	.dyip .index_product{margin-top: 20px;}
	.dyip .swiper-slide h2{font-size: 12px;height: 30px;line-height: 30px;}

	.derp{padding:40px 0;}
	.derp .title{font-size: 24px;}
	.derp .box .right{width: 44%;padding:3%;color: #FFF;}
	.derp .box .right .txt{line-height: 18px;margin-top: 10px;font-size: 12px;height: 90px;overflow: hidden;}
	.derp .box .right .more{background: #FFF;height: 30px;line-height: 30px;}

	.dsanp{padding:40px 0;}
	.dsanp .title .bt{font-size: 24px;}
	.dsanp .title p{font-size: 12px;}
	.dsanp .title .xian{width: 150px;}
	.dsanp ul{margin-top: 20px;}
	.dsanp li h2{font-size: 12px;height: 30px;line-height: 30px;}

	.dsip{padding:40px 0;}
	.dsip .title .bt{font-size: 24px;}
	.dsip .title .xian{width: 70px;}
	.dsip .title p{font-size: 12px;}
	.dsip .box{margin-top: 20px;}
	.dsip .box .right li{margin-bottom: 5px;}
	.dsip .box .right li .riqi{width: 80px;padding:10px 0;}
	.dsip .box .right li .txt{margin-left: 100px;}
	.dsip .box .right li .txt h2{font-size: 12px;height: 24px;line-height: 24px;}
	.dsip .box .right li .txt p{line-height: 18px;margin-top: 2px;height: 36px;font-size: 12px;}

	.dwup{padding:40px 0;}
	.dwup .title .bt{font-size: 24px;}
	.dwup .title .xian{width: 230px;}
	.dwup .title p{font-size: 12px;}
	.dwup ul{margin-top: 20px;}

	.banner_pic{margin-top: 50px;}

	.subnav{float: none;width: 100%;margin-top: 30px;}

	.con_r{width: 100%;float: none;}

	.news li{margin-bottom: 15px;padding-bottom: 15px;}
	.news li .riqi{display: none;}
	.news li .pic{float: none;width: 100%;}
	.news li .txt{padding-left:0;margin-top: 10px;}

	.foot .box .foot_c .left{float: none;width: 100%;}
	.foot .box .foot_c .right{float: none;width: 100%;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 30px;margin-top: 30px;}
	.foot .box .foot_c .right .pic{width: 100px;}

}


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

	.layout{max-width: auto;padding:0px 3%;}

	header .logo{left: 3%;}

	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-slide .m{display: block;}

	.dyip{padding:30px 0;}
	.dyip .title .bt{font-size: 18px;}
	.dyip .title .xian{width: 210px;}
	.dyip .index_product{margin-top: 10px;}
	
	.derp{padding: 30px 0;}
	.derp .box{margin:0 3%;}
	.derp .box .left{width: 100%;float: none;padding-top: 3%;}
	.derp .box .right{width: 100%;padding:3% 0 40px 3%;}
	.derp .title{font-size: 18px;}
	.derp .box .right .txt{height: auto;}
	.derp .box .right .more{height: 24px;line-height: 24px;font-size: 12px;width: 100%;}

	.dsanp{padding:30px 0 25px 0;}
	.dsanp .title .bt{font-size: 18px;}
	.dsanp .title .xian{width: 110px;}
	.dsanp ul{margin-top: 10px;margin-left: -2%;}
	.dsanp li{float: left;width: 48%;margin-bottom: 2%;margin-left: 2%;}

	.dsip{padding:30px 0;}
	.dsip .title .bt{font-size: 18px;}
	.dsip .title .xian{width: 60px;}
	.dsip .box{margin-top: 10px;}
	.dsip .box .left{width: 100%;float: none;}
	.dsip .box .left h2{height: 30px;line-height: 30px;font-size: 12px;}
	.dsip .box .right{float: none;width: 100%;margin-top: 10px;}
	.dsip .box .right li .riqi{width: 60px;}
	.dsip .box .right li .riqi p{font-size: 16px;}
	.dsip .box .right li .riqi .qi{font-size: 12px;}
	.dsip .box .right li .txt{margin-left: 80px;}

	.dwup{padding:30px 0;}
	.dwup .title .bt{font-size: 18px;}
	.dwup .title .xian{width: 170px;}
	.dwup ul{margin-top: 10px;}
	.dwup li{width: 48%;}

	.banner_pic .pc{display: none;}
	.banner_pic .m{display: block;}

	.con{padding:30px 3%;}
	.con_r h2{font-size: 20px;padding-bottom: 10px;}

	.about ul{margin-left: -2%;margin-bottom: 20px;}
	.about li{width: 48%;line-height: 20px;margin-bottom: 10px;}
	
	.capabilityyi .list .pic{float: none;width: 100%;}
    .capabilityyi .list .right{float: none;}
    .capabilityyi .list_er .pic{float: none;width: 100%;}
    .capabilityyi .list_er .right{float: none;width: 100%;}
    

	.subnav h2{font-size: 20px;}
	.subnav ul{padding-top: 10px;}

	.products ul{margin-left: 0%;}
	.products li{float: none;width: 100%;margin-left: 0%;margin-bottom: 6%;}
	.products li h3{font-size: 16px;height: 40px;line-height: 40px;}
	.products li p{font-size: 12px;}

	.products_con .products_con_t .left{width: 100%;float: none;}
	.products_con .products_con_t .right{width: 100%;float: none;padding:0px;margin-top: 20px;}

	.fenye li{font-size: 14px;width: 24px;height: 24px;line-height: 24px;margin:0 2px;}

	.zxly_er ul{margin-left: 0%;}
	.zxly_er li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0;}
	.zxly_er li .input_txt{ width:100%; height:30px;}
	.zxly_er .more{margin-top:10px;}
	.zxly_er .input_btn{ width:100px; height:30px;font-size: 14px;}

	.news_con{padding:30px 3%;margin-top: 50px;}
	.news_con .title h2{font-size: 18px;}
	.news_con .title p{font-size: 12px;margin-top: 10px;}
	.news_con .box{margin-top: 10px;font-size: 12px;}
	.news_con .box p{padding-bottom: 10px;}

	.message .pic{width: 100%;float: none;}
	.zxly{float: none;width: 100%;margin-top: 10px;}
	.zxly .more{margin-top:10px;}
	.zxly .input_btn{ width:100px; height:40px;font-size: 14px;}

	.foot .box{padding:30px 3% 0 3%;}
	.foot .box .foot_c .left{display: none;}
	.foot .box .foot_c .right{border-top: none;padding-top: 0px;margin-top: 0px;}
	.foot .box .foot_c .right .pic{width: 90px;}

	.copyright{padding:10px 0;margin-top: 10px;font-size: 12px;}

	.kefu{display: none;}
	

}