@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1280px) {
	.layout{max-width:97%; }
}
@media screen and (max-width: 1180px) {
	.top .Alibaba{float: left; width:180px; margin: 22px 0 0 30px;}
}
@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:10px 0 0 10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:50px;}
	.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% - 185px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:185px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:58px;float:left;border-left:1px #ddd solid;text-align:center;color:#777; font-size:13px;}
	.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:#e70012}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/
	
	
	.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;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}
	
	.dyip .slideTxtBox .hd ul li{ display:inline-block; cursor:pointer; font-size:14px; margin:0 1%; width:20%; color: #fff;}
	.dyip .slideTxtBox .bd li{ float:left; width:48%;}
	
	.derp{width: 100%; height: 200px; padding-top: 80px; }
	.derp ul li .my-a1{width:100px;}
	.derp ul li p{font-size: 18px;}
	
	.yus h3 i{ font-size:28px; background-size: 88%;}
	.yus dl dd{ float: right; width:46%; text-align: right; padding:0 2%;}
	.yus dl.ys2 dd{ text-align: left; width:46%;  padding:0 2%;}
	
	.yus dl dd h4{ padding-top: 30px; font-size: 24px;}
	.yus dl.ys2 dd h4{ padding-top:40px;line-height: 35px;}
	.yus dl.ys3 dd h4{  padding-top:40px;}
	
	.dwup .box .dwup_t .pic{float: left;width:100%; margin-bottom: 20px;}
	.dwup .box .dwup_t .t_r{width: 100%;float: left;}
	
	.picMarquee-left .bd ul li .pic img{ width:270px; height:177px;}
	
	.dliup .dliup_l{width:100%;float: left;margin-bottom: 10px;}
	.dliup .dliup_r{width: 100%;float: left;}
	
	.foot .foot_t .box .t_l{float: left; width: 100%; }
	.foot .foot_t .box .t_r{float: left; width:100%; margin-top: 25px;} 
	
	

	.main-about .profile{line-height:30px; font-size: 14px; margin: 25px 0;}
	.main-about .profile img{width: 100% !important;  margin: 8px auto; display: block;}
	
	.zhengshu ul li,.UList ul li,.product ul li{width:47%;}
	
	
	.div_nav .div1 ul li{ width:33.333%;float: left;margin-bottom: 2px; }
		.div_nav .div1 a{font-size:14px;}
	
	.promore_l{width:100%;float:left;}
	.pros_right{width:100%; float:left;margin-top: 30px; }
	.spec-scroll .items{float:left;position:relative;width:80%; }
	.spec-scroll .items ul li{width:60px;}
	.spec-scroll .items ul li img{width:52px; height:52px;}
	
	.news .news_t .pic{float: left;width: 26%;}
	.news .news_t .pic img{width: 100%;height: 160px;}
	.news .news_t .right{float: right;width:calc(100% - 30%);margin-top:8px; margin-right: 2%}
	.news .news_t .right h2{font-size: 15px; font-weight: 400;}
	.news .news_t .right p{line-height: 24px;font-size: 12px;margin-top:5px;}
	.news .news_t .right .more{ margin-top: 8px;}
	
	.contact_t{float: left; width:100%;line-height:32px;font-size: 15px; margin-top:25px;}
	.contact_b{float: left; width: 100%; margin-top:25px;}
	#map_container{height: 480px;}
	
}
@media screen and (max-width: 780px) {
    .tage p{height: 30px; overflow:hidden;}
	.tage .search{float: left;width: 260px;padding:12px 0 0;}
	
	.dyip .slideTxtBox .hd ul li{ margin:1%; width:48%; }
	.dyip .slideTxtBox .bd li p{font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	.derp ul li .my-a1{width:80px;}
	.derp ul li p{font-size: 16px;}
	
	.box_links_main{display: none;}
	
	.yus{ height: auto;background:#fff;}
	.yus dl dt{ float: left; width:100%;}
	.yus dl dd{ float: left; width:100%; text-align: left; padding:0; margin-bottom: 20px;}
	.yus dl.ys2 dd{ text-align: left; width:100%; padding: 0;}
	.yus dl.ys2 dd h4{ padding-top:25px;}
	
	.news .news_t .pic{float: left;width: 100%;}
	.news .news_t .pic img{width: 100%;height:245px;}
	.news .news_t .right{float: left;width:94%;margin-top:0; margin-right:0; padding: 3%;}
	
	.zx_bt h2{font-size:27px;}
	
	.right-nav{display: none;}
	.proleft_btn li{width:110px; float:left; margin-right:10px;}
	.proleft_btn li a{ height:40px;  line-height:40px; font-size:14px; }
	.proleft_btn li span{float:left; padding-right:6px;}
	.proleft{font-size:14px; }
	
	.products_T{height:47px; line-height:47px; }
	.products_T span{padding:0 35px;height:47px; font-size:17px; }
	

	.div_nav{width:97%;padding:16px 1.5%;}
	.div_nav .div1 ul li{ width:50%;float: left;margin-bottom: 2px; }
	.div_nav .div1 .a1,.div_nav .div1 a:hover{ background:#e70012;height: 50px;}
	.div_nav .div1 a{font-size:13px;}
	
		
	.pro_left{width: 100%; float: left; margin: 20px 0 0;}
	.pro_right{width: 100%;  float: left; margin-top: 20px;}
	
	.pro_left h2{ height:55px; line-height:55px; font-size:20px;}
	
	.foot .foot_t .box .t_l dd a{font-size: 12px;}
	.foot .foot_t .box .t_r .lxwm{line-height: 26px; font-size: 13px;}
	
}
@media screen and (max-width: 580px) {
.foot .foot_t .box .t_l dl{ margin-bottom:16px; width:100%;}
.foot .foot_t .box .t_l dt{margin-bottom: 10px;}
.foot .foot_t .box .t_l dd{float:left; width:50%;}
.foot .foot_t .box .t_r .lxwm img{width:120px;}
}