@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1280px) {
	
	header h1{top: 23px;width: 150px;}
	header .nav li{margin:0 15px;}

	.dyip{margin: 50px 6% 0 6%;}
	.derp{margin: 70px 6% 0 6%;}

	.con_search h2{font-size: 24px;}

	.dsanp{padding: 50px 6%;}
	.dsanp .hd li{font-size: 28px;}
	.dsanp .bd li h2{margin-top: 15px;font-size: 18px;}
	.dsanp .bd li p{margin-top: 15px;font-size: 16px;line-height: 24px;}

	.subnav_er li{width: 120px;}

	.news .news_t .right{width: 48%;margin-top: 0px;}
	.news .news_t .right h2{font-size: 20px;}
	.news .news_t .right p{line-height: 24px;font-size: 14px;margin-top: 15px;}
	.news .news_t .right .more{width: 120px;height: 30px;line-height: 30px;text-align: center;border:1px solid #CCC;margin-top: 20px;}
	.news .news_b li{width: 30.333%;}

	.about{padding: 0px 6%;line-height: 30px;}

	.tuandui{padding: 0px 6%;}
	.tuandui li{width: 31.333%;}

	.case{padding: 0px 6%;}

	.contact{padding: 0px 6%;}
	.liuyan_er{padding: 50px 6% 0 6%;}

	.foot .foot_t .box{padding:0 6%;}
	.foot .t_l dl{padding-right: 100px;}
	.foot .t_r li{color: #FFF;width: 100px;}


}

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

	header{height: 60px;background: rgba(3,57,129,1);}
	header .top{}
	header .top h1{ width: 100px;left: 3%;top: 15px;}
	header .nav{display: none;}
	header .search p{right: 61px;top: 0px;line-height: 60px;width: 60px;text-align: center;}
	header .search .box_ss{top:60px;right:0px;left:0;}
	header .search .box_ss .input_txt{width:80%;}
    header .search .box_ss .input_btn{width:20%;}
	header .yuyan{display: none;}
	header .m-btn{display:block;}

	.swiper-slide .m{display: block;}
	.swiper-slide .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #e42887;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}

	.dyip .box .left{width: 100%;float: none;}
	.dyip ul{float: none;width: 100%;margin-top: 3%;}

	.con_search{max-width: 100%;margin:40px 6% 70px 6%;}
	.derp .swiper-slide h2{font-size: 18px;}

	.derp .box{padding-bottom: 60px;}

	.index_about{padding:50px 5%;}
	.index_about .left{width: 100%;box-sizing: border-box;background: #FFF;padding:5%;}

	.banner_ny{height: 200px;}
	.banner_ny .title{padding-top: 100px;}
	.banner_ny .title h2{font-size: 24px;}
	.banner_ny .title p{font-size: 14px;}

	.con{padding: 50px 0;}
	.news .news_t{padding: 0px 6%;}
	.news .news_b{padding: 30px 6% 10px 6%;margin-top: 30px;}
	.news .news_b li{width: 47%;}

	.news_con{padding: 0px 6%;}
	.news_con .left{width: 100%;float: none;}
	.news_con .right{width: 100%;float: none;margin-top: 30px;}

	.subnav_er{height: 58px;display: none;}
	.subnav_er li{width: 100px;font-size: 12px;}
	.subnav_er li i{font-size: 18px;padding-top: 8px;padding-bottom: 5px;}
	.subnav_er li a{height: 58px;}
	.subnav_san{display: block;}

	.products{padding: 0px 6%;}
	.products li{width: 47%;}

	.tuandui li{width: 48%;padding-bottom: 10px;}
	.tuandui li p{line-height: 30px;}

	.case ul{margin-left: 0%;}
	.case li{width: 100%;font-size: 14px;margin-left: 0;margin-bottom: 10px;}
	.case li:nth-of-type(1){width: 100%;}
	.case li h2{line-height: 30px;height: 30px;}

}

@media screen and (max-width: 720px) {
	
	.Fs{font-size: 24px;}

    .banner{margin-top:60px;}
	.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 30px;}
	.banner .subiao{display:none;}

	.dyip{margin: 30px 5% 0 5%;}
	.dyip .box{margin-top: 10px;}
	.dyip .box .left .pic{}
	.dyip .box .left .title h2{font-size: 14px;}
	.dyip .box .left .title .more{width: 100px;height: 24px;line-height: 24px;visibility: visible;opacity: 1;bottom:30px;margin-left: -50px;}
	.dyip ul{margin-top: 10px;}
	.dyip li{width: 100%;margin-bottom: 10px;}
	.dyip li .title .more{width: 100px;height: 24px;line-height: 24px;bottom:30px;margin-left: -50px;visibility: visible;opacity: 1;}

	.con_search{max-width: 100%;margin:20px 6% 0px 6%;}
	.con_search h2{font-size: 18px;}
	.con_search .input_txt{padding-left: 15px;font-size: 14px;}
	.con_search .input_btn{width: 50px;}

	.derp{margin: 30px 0% 0 0%;}
	.derp .box{padding:0 5% 20px 5%;margin-top: 10px;}
	.derp .swiper-slide .pic{margin-bottom: 15px;}
	.derp .swiper-slide h2{font-size: 16px;}
	.derp .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0%;}
	.derp .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0%;}
	.derp .swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;line-height: 40px;margin-top: -20px;}
	.derp .swiper-button-next i, .derp .swiper-button-prev i{font-size: 20px;}

	.dsanp{padding: 30px 5% 10px 5%;background: none;}
	.dsanp .bd ul{margin-left: 0%;}
	.dsanp .hd li{font-size: 24px;margin:0 15px;}
	.dsanp .hd li{padding-bottom: 3px;}
	.dsanp .hd li.on{border-bottom: 2px solid #000;}
	.dsanp .bd{margin-top: 10px;}
	.dsanp .bd ul{margin-left: 0%;}
	.dsanp .bd li{float: none;width: 100%;margin-left: 0%;margin-bottom: 20px;}
	.dsanp .bd li .title{margin-top: 10px;}
	.dsanp .bd li .bt{font-size: 12px;}
	.dsanp .bd li h2{margin-top: 10px;font-size: 16px;}
	.dsanp .bd li p{margin-top: 10px;font-size: 14px;line-height: 24px;}

	.con{padding: 30px 0;}
	.news .news_t{padding: 0px 6%;}
	.news .news_t .pic{float: none;width: 100%;}
	.news .news_t .pic img{width: 100%;}
	.news .news_t .right{float: none;width: 100%;margin-top: 10px;}
	.news .news_t .right h2{font-size: 16px;line-height: 30px;overflow: hidden;}
	.news .news_t .right p{line-height: 24px;font-size: 14px;margin-top: 10px;}
	.news .news_b ul{margin-left: 0%;}
	.news .news_b li{width: 100%;margin-left: 0%;float: none;border:1px solid #CCC;box-sizing: border-box;margin-bottom: 10px;}
	.news .news_b li h2{font-size: 16px;}
	.news .news_b li .sj{margin-top: 10px;}
	.news .news_b li .pic{margin-top: 15px;}
	.news .news_b li p{line-height: 24px;font-size: 14px;margin-top: 15px;height: 48px;overflow: hidden;}
	.news .news_b li a{padding:10px;}
	.news .news_b li:hover a{padding:10px;}

	.news_con .left .title_er h2{font-size: 18px;}
	.news_con .left .title_er p{margin-top: 15px;background: #edf1f7;line-height: 30px;padding:0 10px;}
	.news_con .left .txt{margin-top: 15px;line-height: 30px;font-size: 14px;}
	.news_con .right h2{font-size: 16px;height: 40px;line-height: 40px;padding:0 15px;}
	.news_con .right ul{padding:0px 15px;}
	.news_con .right li{border-bottom: 1px solid #DDD;padding:10px 0;line-height: 24px;font-weight: bold;}

	.products ul{margin-left: 0%;}
	.products li{width: 100%;margin-left: 0%;}

	.liuyan_er{padding: 30px 6%;}
	.liuyan_er .title{font-size: 18px;font-weight: bold;}
	.liuyan_er .zxly_er{margin-top: 10px;}
	.liuyan_er .zxly_er ul{margin-left: 0%;margin-top: 10px;}
	.liuyan_er .zxly_er li{ width:100%; margin-bottom: 10px;margin-left: 0;}
	.liuyan_er .zxly_er li p{padding-bottom: 5px;}
	.liuyan_er .zxly_er li .input_txt{ height:30px;}
	.liuyan_er .zxly_er .more{margin-top:30px;}
	.liuyan_er .zxly_er .input_btn{ width:100px; height:40px;}
	.liuyan_er .zxly_er .more{margin-top:20px;}

	.foot .foot_t{background: #112543;padding:30px 0;}
	.foot .foot_t .box{padding:0 5%;}
	.foot .t_l{display: none;}
	.foot .t_r{float: none;}
	.foot .foot_b{padding:20px 5%;}


}