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

	.dsanp li i{margin-top: 100px;}
	.dsanp li:hover i{margin-top: 60px;}
	.dsanp li:hover .more{margin:50px auto 0 auto;}


}
@media screen and (max-width: 1400px) {
	
	header .top .nav{right: 18%;}
	header .top .nav li{padding:0 20px;}
	header .top .nav li dd a{padding:10px 20px;}

	.dyip .box{max-width: 1080px;}
	.guide-slider {max-width: 1080px;}

	.dsanp li i{margin-top: 80px;}
	.dsanp li:hover i{margin-top: 40px;}

	

}

@media screen and (max-width: 1200px) {
	
	header .top .nav li{padding:0 10px;}
	header .top .nav li dd a{padding:10px 10px;}

	.title_yi{max-width: 980px;}

	.dyip .box{max-width: 980px;}
	.guide-slider {max-width: 980px;}

	.dsanp li i{margin-top: 50px;}
	.dsanp li:hover i{margin-top: 40px;}
	.dsanp li h2{font-size: 18px;margin-top: 20px;}
	.dsanp li .xian{margin:15px auto;}
	.dsanp li:hover .more{margin:30px auto 0 auto;height: 30px;line-height: 30px;}

	.dsip .box{max-width: 980px;}

	.dwup .box{max-width: 980px;}

	.dqwz .box{max-width: 980px;}

	.con{max-width: 980px;}

	.news .box li .li_box{height: 450px;}
	.news .box li:nth-of-type(1) .pic{height: 400px;}

	.foot .box{max-width: 980px;}

}

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

	header{height: 60px;z-index: 100;}
	header .top h1{top: 18px; width: 140px;}
	header .top .nav{display: none;}
	header .m-btn{display:block;}
	header .top .yuyan{display: none;}
	.search{display: none;}

	.banner_pc{ display:none;}
	.banner_sj{ display:block;}

	.flex-control-nav { bottom:10px;}

	.title_yi{max-width: 720px;}

	.dyip .box{max-width: 720px;}
	.new_p_id li{  width:6.1%;}
	.new_p_width .pre{ left:0px;}
	.new_p_width .next{ right:0px;}

	.guide-slider {max-width: 720px;background: none;}
	.guide-slider .guide {width: 100%;margin-bottom: 20px;}
	.guide-slider .guide .behind{width: 100%;}
	.guide-slider .guide.on{width: 100%}
	.guide-slider .guide.on .display {width: 100%;}
	.guide-slider .guide .display .i{display: none;}
	.guide-slider .guide .display .xq{display: block;margin-top: 50px;}
	.guide-slider .guide.on .display .xq a{color: #FFF;}

	.dsanp li{width: 50%;}
	.dsanp li i{margin-top: 150px;}
	.dsanp li:hover i{margin-top: 100px;}
	.dsanp li h2{font-size: 24px;margin-top: 30px;}
	.dsanp li .xian{margin:25px auto;}
	.dsanp li:hover .more{margin:100px auto 0 auto;height: 40px;line-height: 40px;}

	.dsip .box{max-width: 720px;}
	.dsip .box .left{width: 100%;float: none;}
	.dsip .box .right{width: 100%;float: none;margin-top: 20px;}

	.dwup .box{max-width: 720px;}
	.dwup li{width: 33.333%;}

	.dqwz .box{max-width: 720px;}

	.con{max-width: 720px;}

	.about_subnav .title{font-size: 30px;}
	.about_subnav li{width: 45%;overflow: hidden;}
	.about_subnav li:hover img{ width: auto;border-radius: 5px;margin-left: 0px;}

	.honor2 .box{width:100%;}

	.honor2{ padding: 40px 10px; }
    .h_banner {padding: 0 40px; } 
	.h_banner .swiper-slide {width: 100%; } 
	.h_banner .swiper-slide .img{ padding:10px;}
	.h_banner .swiper-slide p{font-size: 12px;height:28px; line-height:28px;}

	.news .box ul{margin-left: 0%;}
	.news .box li{float: none;width: 100%;margin-left: 0%;}
	.news .box li .li_box{height: auto;margin-bottom: 30px;}
	.news .box li h3{margin-top: 15px;}
	.news .box li p{margin-top: 15px;}
	.news .box li .li_b{margin-top: 15px;padding-bottom: 20px;}
	.news .box li:nth-of-type(1){width: 100%;}
	.news .box li:nth-of-type(1){width: 100%;}
	.news .box li:nth-of-type(1) .pic{height: auto;}


	.news_con{width: 100%;float: none;}
	.news_con .news_con_box{border-right: none;padding-right: 0;}
	.news_con_r{display: none;}

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

	.product_con{margin-top: 60px;}
	.meiti_dt{ width:100%; float:none;}
	.product_t_r{ float:none; width:100%; margin-top:30px;}
	.product_t_r .box{ padding:0; }

	.contact_b{padding:20px 0;}
	.contact_b .logo{float: none;width: 100%;height: 80px;border-right: none;}
	.contact_b .txt{float: none;padding: 0px 20px;line-height: 30px;}
	
	.product .box li{width: 47%;}

	.foot .box{max-width: 720px;}
	.foot .box .t_l{float: none;width: 100%;margin-right: 0%;}
	.foot .box .t_c{float: none;width: 100%;border-top: 1px solid #333;padding-top: 30px;margin-top: 30px;}
	.foot .box .t_r{float: none;width: 100%;border-top: 1px solid #333;padding-top: 30px;margin-top: 30px;}
	.foot .box .t_r .pic{width: 100px;float: none;}

}

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

	.dyip .box{padding:0 3%;}
	.new_p_id li{  width:12.5%; margin:0;}
	.new_p_id li h3{font-size: 30px;padding-bottom:0px;}

	.title_yi{padding:0 3%;}
	.title_yi .title_tx .left{display: none;}
	.title_yi .title_tx .right{display: none;}
	.title_yi p{line-height: 24px;}

	.dyip{border-bottom: none;}
	.new_p_width{padding:30px 0;}
	.guide-slider {padding:0 3%;margin: 20px auto 0 auto;}

	.derp{padding:0px 0 0 0;}

	.dsanp{padding-top: 30px;}
	.dsanp ul{margin-top: 20px;}
	.dsanp li{width: 100%;}
	.dsanp li i{margin-top: 100px;}
	.dsanp li .more{visibility: visible;opacity: 1;margin:50px auto 0 auto;}
	.dsanp li:hover .more{margin:50px auto 0 auto;}

	.dsip{padding-top: 30px;}
	.dsip .box{padding:0 3%;margin: 20px auto 0 auto;}
	.dsip .box .left .title{padding:20px;color: #FFF;}
	.dsip .box .left .title h2{font-size: 18px;}
	.dsip .box .right li img{width: 100%;float: none;}
	.dsip .box .right li .title{padding:20px;}
	.dsip .box .right li .title h2{height: auto;}

	.dwup{padding-top: 30px;}
	.dwup .box{padding:0 3%;margin: 20px auto 0 auto;}
	.dwup li{width: 50%;}

	.dqwz .box{display: none;}

	.con{padding:0 3%;margin: 40px auto 0 auto;}

	.con h2{font-size: 30px;margin-bottom: 20px;}

	.banner_er .picyi{display: none;}
	.banner_er .picer{display: block;}
	.banner_er .title{font-size: 24px;}
	.banner_er .title .xian{margin:15px auto 0 auto;}

	.about_subnav ul{margin-left: 0;}
	.about_subnav li{width: 100%;margin-left: 0;}
	.about_subnav li .pic{width: 40%;float: right;position: relative;height: 140px;overflow: hidden;}
	.about_subnav li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%; width: auto;border-radius: 5px;}
	.about_subnav li .box{float: left;width: 60%;color: #333}
	.about_subnav li h3{font-size: 18px;top: 45px;}
	.about_subnav li p{font-size: 14px;margin-top: 0px;height: 48px;overflow: hidden;display: block;margin-top: 70px;padding:0px 20px;}
	.about_subnav li .more{display: none;}

	.about{padding-bottom: 30px;}
	.about .box .pic{float: none;width: 100%;margin-left: 0%;}

	.news_con .news_con_b{margin-top: 30px;padding-top: 30px;}
	.news_con .news_con_b ul{float: none;}
	.news_con .news_con_b .fhlb{float: none;margin-top: 20px;}

	.product_t{ padding:30px 3%;}
	.product_t .box{ padding:0;}
	
	
	.sp-thumbs a:link, .sp-thumbs a:visited {width: 60px; height: 60px;}

	.document .xz ul{margin-left: 0%;}
	.document .xz li{float: none;width:100%;margin-left: 0%;margin-bottom: 10px;}

	.foot{padding:30px 0;margin-top: 50px;}
	.foot .box{padding:0 3%;}
	.foot .box .t_c{padding-top: 0px;margin-top: 30px;}
	.foot .box .t_c dl{float: none;width: 100%;border-bottom: 1px solid #333;padding:20px 0;}
	.foot .box .t_r{float: none;width: 100%;border-top:none;padding-top: 30px;margin-top: 0px;}
	.foot .box .foot_b{line-height: 24px;padding-top: 20px;}
	.foot .box .foot_b .copyright{float: none;}
	.foot .box .foot_b p{float: none;}



}