@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1480px) {
	header .top .box{max-width: 97%;}
	.layout{max-width:97%; }
	.foot .box{max-width: 97%;}

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

}
@media screen and (max-width: 1080px) {
	.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 12px 0 10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:50px;}
	.sp_lz{float: left; width: 69%; padding-top: .5rem}
	.sp_lz p{font-size: 1.32rem;color:#222; letter-spacing: 1px; line-height: 2.45; font-weight: bold;}
	.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:#f39800}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/

	.mtop{margin-top: 70px;}
	.banner,.banner_ny{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;}
	
	.cx-title01 h2 { font-size: 32px;}
	
	.dyip .pro{margin:10px 6%; }
	.dyip .pro .swiper-slide .title_er{font-size: 15px;}
	.dyip .swiper-father .left{width: 45px;height: 45px;line-height: 45px;}
	.dyip .swiper-father .right{width: 45px;height: 45px;line-height: 45px;}
	.dyip .swiper-father .left i{font-size: 35px;}
	.dyip .swiper-father .right i{font-size:35px;}
	
	

	.bread_content .inner_nav{ text-align: right;}
	.bread_content .inner_nav ul li a{padding:10px 18px;}
	
	.inner_content .inner_about{ font-size:15px; line-height: 30px;}
	
	.client li{ float:left; width:24%;}
	
	.xiangqing{width:100%;margin:0;}
	.product_con_t .t_r{float: left;width:100%;}
	
	
	.newslist li .newstext .newstext_l h2 {font-size: 16px;}
	
	.contact_t ul li{margin-bottom: 1%; width: 49%;}
	#map_container{height:450px;}
	

	.foot .box .fotNav{width: 100%; }
	.foot .box .fotTxt{width: 100%;}
	
	.my-kefu{display: none;}

	
}

@media screen and (max-width: 820px) {
	.cx-title01 h2 { font-size: 27px;}

	.index_company{padding: 40px 0 50px;}
	.index_company .abous_L{width: 100%; margin-top: 45px;}
	.index_company .abous_R{width: 100%;}

	 .case_d ul li{ width: 48%;}

	.ys_bg{padding:40px 0}
	 .ys_bg .ys_hd dl{float: left;width: 100%; margin-bottom: 5px;}
	 .ys_bg .ys_content li{height: 100%;}
	.ys_bg .ys_content li .ys_txt{padding: 20px 16px;width: 100%;}
	.ys_bg .ys_content li .ys_img{width: 100%;height: auto;}
	.ys_bg .ys_content li .ys_txt .ys_tile span{font-size: 30px;}
	.ys_bg .ys_content li .ys_txt .ys_tile p{font-size: 18px;}

	.dyip .pro{margin:10px 9%; }

	.nbcl_le{width:100%;display: block;}
	.nbcl_le .news_div_item{width:100%; margin-bottom: 20px;}

	.nbcr_ri{width:100%; margin-top: 35px;}

	.sideBar-wrapper{display: none;}
	
	.foot_b .box{display: none;}
	.foot_b .copyright{padding:0 0 20px 0;border-top: none;}
		
	.banner_ny img{height: 22vh;}
	
	.bread_content .bread_box{float: left;width:100%;padding: 16px 0 16px 30px;}
	.bread_content .inner_nav{float:right; width:100%;}

	.pro_left{width: 100%;}
	.pro_right{width:100%; margin-top: 0;}
	
	.Ulimg li{ float:left; width:48%;}
	.products li{width: 48%;}

	.app_y ul li .app_img{width: 40%; float: left;}
	.app_y ul li .app_texts{width: calc(100% - 42%);padding-top: 0;}
	.app_y ul li .app_texts .app_bt{font-size: 18px; line-height:36px; padding-bottom: 8px; }
	.app_y ul li .app_texts .app_xx{ font-size: 14px; line-height:30px;}
	
	.tj_pros ul{margin-left:0;}
	.tj_pros ul li{ float:left; width:100%; margin-left: 0;margin-bottom: 3%;}
	.tj_pros ul li .tj_img{width: 185px; float: left;}
	.tj_pros ul li .tj_texts{width: calc(100% - 200px);}
	
		
	.newslist li .newspic{width: 100%;float: none;}
	.newslist{margin-top: 5vw;}
	.newslist li .newstext{float: none;width:100%;}
	.newslist li .newstext .newstext_l{width: 69%;}
	.newslist li .newstext .newstext_r>div{margin-left: 35px;}

	.contT_A_l { width:100%; margin-top:15px;}
	.contT_A_m {width:100%; border-left: 0; border-right: 0; padding:0;}
	.contT_A_R {width:100%;margin-top:0}


}
@media screen and (max-width: 580px) {
	
	.app_y ul li .app_img{width: 100%; float: left;}
	.app_y ul li .app_img img{ width:100%}
	.app_y ul li .app_texts{width:100%;  float: right; }
	
	.contact_t h2{height: 40px;line-height: 40px;font-size: 25px; padding:0 0 25px 0;}
	.contact_t ul{margin-left: 0;}
	.contact_t ul li{margin-left: 0; width: 100%;margin-bottom:  3%}
	
}