@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px) {
	
	.contain{width:98%;margin:0 auto;}
	

}
@media screen and (max-width: 1200px) {
	header .top .nav li{margin:0 35px;}
	.bread_content .inner_nav ul li{width: 13.5%;}
	.bread_content .inner_nav ul li a{display:inline-block;padding:20px 0;font-size:16px;width: 100%; text-align: center;}
}
@media screen and (max-width: 980px) {


	header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:8px 0 0 10px;float:left;height:60px}
	.sp_logo img{margin:auto;max-height:55px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:16px; color: #000;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#322762}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/

	.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{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	
	.Titles span{color: #7c7c7c;font-size: 14px;}
	.Titles h2{font-size: 27px;}	
	
	.dyip .bd li{width:50%;}
	
	.derp{padding:20px 0;overflow: hidden;}
	.derp .about_l{width: 100%; float: left; }
	.derp .about_r{width:100%; float: left;margin-bottom: 20px;}
	
	.derp .about_l .about_tit h3{font-size:28px; line-height: 35px; }
	.derp .about_l .about_tit span{font-size: 22px;}
	
	.dsip .yboxs ul li{width: 48%;}
	
	.neiye_banner{margin-top: 60px;}

	.bread_content .inner_nav ul li a{padding:18px 0;font-size:15px;}
	
	
	.product_con_t{width:95%;padding:2.5%; }
	.product_con_t .t_l{float: left;width:100%;}
	.product_con_t .t_r{float: left;width: 100%; margin-top: 15px;}
	.product_con_b .details_text{font-size:14px; line-height:30px;}
	.product_con_b{width:95%;padding:2.5%; }
	
	.kefuBox{display:none;}
	
	.foot .box .foot_t{padding:20px 0;}
	.foot .box .foot_t .t_l{float: none;width: 100%;border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;}
	.foot .box .foot_t .t_r{float: none;width: 97%;}
	.foot .box .foot_b .copyright{float: none;}
	
	.foot_nav{display:block;}
	.foot{margin-bottom:12%;}
	
}


@media screen and (max-width: 720px) {
	.dyip .bd li{width:100%;}
	
	.dsanp .box ul{margin-left:0}
	.dsanp .box ul li{margin-left:0;width: 100%; margin-bottom: 3%;}
	
	.dsip .yboxs ul li p{font-size: 13px; }

	.bread_content .inner_nav{text-align: inherit;}
	.bread_content .inner_nav ul{text-align: inherit;}
	.bread_content .inner_nav ul li{width: 49.5%; border-bottom: 1px solid #dedede;}
	.bread_content .inner_nav ul li:last-child{border-bottom:none;}
	
	.Ulimg ul li{width:47.3%;margin-left: 2.3%; margin-bottom:2.3%;}
	.Ulimg ul li span{font-size:14px; }
	
	.product ul li{width:47.3%;margin-left: 2.3%; margin-bottom:2.3%;}
	.product ul li span{font-size:14px; }
	
	.product_con_b .details_text{font-size:13px; line-height:28px;}

	.newslist ul li a .tu{ width:32%;border: 3px solid #eee;}
	.newslist ul li a .notec{ width: calc(100% - 36%); }
	.newslist ul li a .notec .title{  font-size:15px; line-height:30px; margin-bottom:5px;} 
	.newslist ul li a .notec .demo{ line-height:25px; max-height:50px; font-size:12px; margin-bottom:8px;-webkit-line-clamp: 2;}
	.newslist ul li a .notec .rq{ font-size:12px;}
	
	
	.foot .box .foot_t .t_l{display: none;}
	.foot .box .foot_b{padding:18px 0; font-size: 13px;}
	.foot .box .foot_t .t_r{border-top:none;padding-top: 20px;}
	.foot{margin-bottom:15%;}
	.scroll{display: none;}
	
}


