@charset "utf-8";
 .pc{ display:block}
 .mb{ display:none}
 
 @media screen and (min-width: 1920px) { 
	#about {
		background-size: 100% 100%;
	}
 }
 @media screen and (max-width: 1500px) { 
 
 } 
 @media screen and (max-width: 1320px) { 
 
	.menuBox2{
		float: none;
		margin-top:20px;
	}
 }
 @media screen and (max-width: 1250px) { 
	 
 }

 @media screen and (max-width: 1270px) {
	#header {
		line-height: 60px;
	}
	#content { 
		padding-top: 60px; 
	}
	.header {
		padding: 0;
	}
	.header .nav {
		display: none;
	}
	.header .navBtn {
		display: block;
	}
	.header .logo a img {
		height: 40px;
	}
	.header .topPhone {
		display: none;
	}
	.footer1 {
		display: none;
	}
	.productInfo .main .topBox>div {
		width: 100%;
	}
	.productInfo .main .topBox .titleBox .wrap {
		position:static;
		margin: 50px 0 0;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	.productInfo .main .topBox .titleBox .title {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 991px) {
	 
	.sideBar {
		width: 100%;
		margin-top:40px;
	}
}

@media screen and (max-width: 767px) {
	
 .pc{ display:none}
 .mb{ display:block}

.top_name{ display:none}
.top_lang{}
.topMain3 ul{ padding:10px}
.topMain3 li{ min-height:auto}
#iproduct{ display:none}

.comtitle .en{ font-size:32px;}
.comtitle .cn{ font-size:20px;padding-top:5px}



.section1 .section1-content .swiper-container .swiper-pagination{ bottom:10px}

	/***************/
	.section1 .section1-content .swiper-container{ height:280px}
	.section1 .section1-content .swiper-container .swiper-slide .slide_bg{ height:100%}
	.section1 .section1-content .swiper-container .swiper-slide .slide_bg img{ max-width:100%;  }
	
	
	/***********/
	.mobi-bar{
		display: block;
	}
	.mapBox .container1 {
		height: 300px;
	}
	
	
	.productInfo .main .topBox .titleBox {
	position:relative;
	height: auto;
}
	
	
	
	
	#footer {
		padding-bottom: 58px;
	}
	.pageList {
		padding-top: 20px;
	}
	#about2 {
		padding-bottom: 50px;
	}
	.footer1-content,.footer2-content,#topBanner .titleBox,.topMain,.product,.case,.news,.logoBox,
	.about,.about2,.product2,.contact,.news2,.newsInfo,.caseInfo,.productInfo,.zhaopin {
		padding: 0;
	}
	#product,#case,.about .wrap,#newsInfo {
		padding: 50px 0;
	}
	#product2,#news2,#contact,#caseInfo,#productInfo,#newsInfo,#zhaopin {
		padding:20px 0 50px;
	}
	#news {
		padding: 50px 0 20px;
	}
	.moreBtn {
		margin: 20px auto 0;
	}
	.menuBox .option,.menuBox,.menuBox2 .option,.menuBox2{
		float: none;
		display:block;
	}
	.menuBox2{margin-top:0;}
	.menuBox .menu,.menuBox2 .menu {
		display:block !important;
		position: relative;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		background: #f9f9f9;
		text-align: left;
    	box-shadow: 0px 10px 25px rgba(0,0,0,.16);
	}
	.menuBox .menu a,.menuBox2 .menu a {
		float:left;
		width:29.3333%;
		margin-right: 0;
		padding: 0 2%;
		border-top: 0;
		border-bottom: 1px solid #f1f1f1;
		display: block;
		border-radius: 0;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	  	display: -webkit-box;
	  	-webkit-line-clamp: 1;
	  	-webkit-box-orient: vertical; text-align:center
	}
	.menuBox .menu a.active,.menuBox2 .menu a.active {
		background: transparent;
		color: #fd8507;
		border-color: #f1f1f1;
	}
	.menuBox .menu a:hover,.menuBox2 .menu a:hover {
		background: #fd8507;
		color: #fff;
		border-color: #f1f1f1;
	}
	.logoBox .c-banner3 {
		margin: 0;
	}
	.news .c-banner2 .slick-dots {
		bottom: -5px;
	}
	#topBanner .wrap .title {
		font-size:18px;
		line-height: 22px;
	}
	#topBanner .wrap .enTitle {
		font-size:16px;
		line-height: 20px;
	}
	#topBanner .site {
		display: none;
	}
	.contact .textBox .title {
		margin:10px 0;
	}
	.c-banner4 .slick-prev {
		left: 10px;
	}
	.c-banner4 .slick-next {
		right: 10px;
	}
	.news2 .pageList {
		padding-top:10px;
	}
	.mt-30 {
		margin-top:-30px;
	}
	.side-bar {
		display: none;
	}
	.sideBar .phoneBox {
		display: none;
	}
	
	/************/
	.commonweb{ width:100%; padding:0}
		#content{ padding-top:5px;}
	.topMain3{ padding:0; width:100%; max-width:100%}
	.topMain3 li{ width:100%; margin:0}
	.topMain3 li section{ margin:0}
	#product, #product2, #case{ max-width:100%}
	#productShow{ display:none}
	#iproduct{ display:none}
	#iproduct .product .menuBox{ display:inline-block; float:left; width:100%; background:none; height:60px;}
	#iproduct .product  .menuBox .menu{ background:none}
#iproduct .product .menuBox a{ color:#fff  ; font-size: 16px;
    font-weight: normal; margin-right:10px; line-height:60px; height:60px;    border-radius: 0; width:auto;
}

#iproduct .product .menuBox a.active{background: rgba(255, 255, 255, 1);color: rgba(38, 67, 110, 1) !important;}
#iproduct .product .menuBox a:hover{background: rgba(255, 255, 255, 1);color: rgba(38, 67, 110, 1) !important;}
.product .imgList ul{ display:inline-block}
.product .imgList ul li{ width:48%; max-width:100%; padding:0; margin:1%; }
.product .imgList li h2.title{ text-align:center}
.product .imgList li p{ display:none}

.ihd {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ihd .right{ width:auto; max-width:100%}
.index_youshi{ padding:20px 0;}
.index_youshi .item{ padding-top:10px}

  .youshi_box{   height:500px}
.index_youshi .tab a{ margin:2px; padding:4px}




 .ys_img{ width:100%; position: relative; left:auto;top: auto; height:auto}
 .ys_img img{ width:100%; max-width:100%}
 
  .youshi_txt{position: relative; bottom: auto; top:auto; left:auto; right:auto;   animation: auto ease 0s 1 normal none running none; height:auto; background:#AD2A28; -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px; overflow:hidden; padding:10px; width:auto; margin-top:10px;
}


.youshi_txt dd{ padding-top:10px;}
.youshi_txt dt .ys_num{ font-size:32px;}
.youshi_txt dt .ys_name{ font-size:20px}


#product, #case, .about .wrap, #newsInfo{ max-width:100%}
.about .wrap .ab_img{ width:100%}
.about .wrap .ab_img img{ max-width:100%}
.about .titleBox{ width:95%; margin:0 auto; padding:15px}

.inews {
    display: flex;
    width: 100%;
    max-width: 100%;
}
.inews .inews_left{ width:100%; display:inline-block}


.inews .inews_right{ width:96%; padding:10px}
.inews_right .tab a{ padding:0 10px;}
.inews_right .tab{    justify-content: flex-start;    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;}

.list-130 li a{ color:#fff; font-size:14px; }

.product .imgList { width:94%; overflow:hidden; max-width:94%  }
.product .imgList ul{ margin:0; padding:0 }
.product .imgList li .imgBox{ max-width:100% }

.lxwm_ico5s{}
.lxwm_ico5s li{ width:100%; margin-bottom:20px;}
.lxwm_ico5s li.lis2{ width:100%}
.lxwm_ico5s li.lis3{ width:100%}
.contact .tTextBox{ padding:50px 0}
.sale{ padding:10px 0 }
.sale .item{ padding:0; overflow:hidden}
.sh_txt{ width:100%; position:absolute; left:0; bottom:0; top:auto; right:auto; padding:10px 0;}
.sh_bd{ padding:0 10px;}
.sale .tab ul{ width:100%; display:inline}
.sale .tab ul li{ width:48%; float:left; margin-right:1%;  min-height:160px;}
.sale .tab ul li img{ max-width:100%}
.sale_img{ overflow:hidden; padding:0}

#iproduct #nymenuBox.menuBox a.active{ color:#FFF !important;}
#iproduct .product .menuBox a.active{ color:#fff !important;}
 .newsInfo .main, .caseInfo .main, .productInfo .main{ width:100%}

	.about .titleBox .btn{ height:30px; line-height:30px}
#kehu{ padding:10px}
.kehu .wrap{ padding:20px 0}
#logoBox{ padding:10px}


.kehu .titBox .enTitle{ font-size:20px}
.kehu .titBox .title{ font-size:20px}


.contact .tTextBox .Entitle{ font-size:20px}
.contact .tTextBox .title{ font-size:20px}
.contact .tTextBox .Entitle span{ font-size:20px}


.eycontactusinfor_con .eycontactus_ewm{ width:100%; margin:0 auto}

.eycontactusinfor_con .eycontactus_lxfs{ width:100%; padding:10px 0; height:auto}
.eycontactus_lxfs ul li p{ font-size:14px}

.eycontactus_lxfs ul li{ width:100%}
.contact .tTextBox{ padding:10px 0}

#sale{ display:none}

/***************/




}


 
@media screen and (max-width: 479px) {
	 
	.about .titleBox .enTitle {
		font-size: 20px;
	}
	.about .titleBox .title {
		font-size: 20px;
	}
	.about .titleBox .btn {
		margin-top: 12px;
	}
	#about {
	 
	}
}