@charset "utf-8";
/* CSS Document */
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul,img {
	margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tab_wap{ height:22px; display:none;}
.box_all1{ margin:8px auto 0!important;}
.prolist .title .boxdown1{ background: url(../icon/downf.png) no-repeat;}
.prolist .title .up{background: url(../icon/upf.png)}
.center{ margin:0 auto; max-width:1680px; width:90%;}


/*
产品页面产品分类
*/
.prolist{
	position:relative;
	z-index:999;
	}
.prolist .title{
	display:none;
	z-index:999;
	position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    top: -50px;
	left:0;
	height:auto;
    padding: 10px 0;
	}
.prolist .title .left{
	float:left;
	margin-top:8px;
	}
.prolist .title .left h1{
	font-size:18px;
	color:#f5f5f5;
	line-height:20px;
	float:left;
	margin-right:5px;
	}
.prolist .title .left span{
	font-size:12px;
	color:#f5f5f5;
	line-height:14px;
	}
.prolist .title ul{
	float:right;
	}	
.prolist .title li{
	float:left;
	margin-left:10px;
	}
.prolist .title li a{
	font-size:14px;
	color:#f5f5f5;
	display: block;
    padding: 5px 15px;
	text-decoration: none;
	}
.prolist .title .tab_wap li a{
	border-bottom:1px solid #f5f5f5;
	}
.prolist .title ul{
	float:right;
	}	
.prolist .title li{
	float:left;
	margin-left:10px;
	}
.prolist .title li a{
	font-size:14px;
	color:#f5f5f5;
	display: block;
    padding: 5px 15px;
	text-decoration: none;
	transition: all 0.4s linear;
	}
.prolist .title li a:hover {
    background: #1d2088;
    color: #fff;
    transition: all 0.4s linear;
}
.prolist .title .tab_wap li a{
	border-bottom:1px solid #f5f5f5;
	}
	
.prolist .title ul{
	float:right;
	}	
.prolist .center{
	overflow:hidden;
	}
.prolist .title .tab_wap li:last-child a{ border:none;}	
/*
产品分类
*/

/*
产品展示
*/
.procenter {
	position:relative;
	z-index:10;
	}
.procenter .center{
	overflow:hidden;
	position:relative;
	z-index:10;
	}
.procenter .center .content{
	margin-top:60px;
	position:relative;
	z-index:10;
	}
.procenter .center .content li{
    width: calc(100%/3 - 15px);
    margin-right: 22.5px;
    overflow: hidden;
    float: left;
    margin-bottom: 70px;
}
.procenter .center .content li a{
    display: block;
	}
.procenter .center .content li .img {
    overflow: hidden;
    height:auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
	transform: scale(1.1, 1.1);
    transition: all 1s;
}
.procenter .center .content li .txt {
    background-color: #fff;
    overflow: hidden;
    height: 65px;
    padding: 25px 20px 0;
    border-bottom: 1px solid #3280e4;
    transition: all 1s;
}
.procenter .center .content li .txt p {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    color: #2e2e2e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	transition: all 1s;
}
.procenter .center .content li .txt span {
    text-align: center;
    font-size: 14px;
    color: #d2d2d2;
    margin-top: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	transition: all 1s;
}
.procenter .center .content li:hover .img img {
    transform: scale(1.1, 1.1);
    transition: all 1s;
}
.procenter .center .content li .img img {
    transition: all 1s;
}
.procenter .center .content li:hover .txt {
    background-color: #0068b7;
    border-bottom: 1px solid #1d2088;
    transition: all 1s linear;
}
.procenter .center .content li:hover p {
    color: #fff;
    transition: all 0.4s linear;
}
.procenter .center .content li:hover span {
    color: #fff;
    opacity: 0.5;
    transition: all 1s linear;
}
.procenter .center .content li:nth-child(3n+0) {
    margin-right: 0;
}
/*
产品展示 结束
*/





/*
关于我们页面小类
*/
.about-in{
	position:relative;
	z-index:1000;
	}
.about-in .title{
	display:none;
	z-index:999;
	position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    top: -50px;
	left:0;
	height:auto;
    padding: 10px 0;
	}
.about-in .title .left{
	float:left;
	margin-top:8px;
	}
.about-in .title .left h1{
	font-size:18px;
	color:#f5f5f5;
	line-height:20px;
	float:left;
	margin-right:5px;
	}
.about-in .title .left span{
	font-size:12px;
	color:#f5f5f5;
	line-height:14px;
	}
.about-in .title ul{
	float:right;
	}	
.about-in .title li{
	float:left;
	margin-left:10px;
	}
.about-in .title li a{
	font-size:14px;
	color:#f5f5f5;
	display: block;
    padding: 5px 15px;
	text-decoration: none;
	}
.about-in .title .tab_wap li a{
	border-bottom:1px solid #f5f5f5;
	}
.about-in .title .tab_wap li:first-child a{ border:none;}
.about-in .title .tab_wap li:last-child a{ border:none;}	
.about-in .title .tab_wap li:last-child a:hover{ border:none;}	
.about-in .title .tab_wap li a:hover {	
	border-bottom:1px solid #1d2088;
    transition: all 0.4s linear;
	}
.about-in .title li a:hover {
    background: #1d2088;
    color: #fff;
    transition: all 0.4s linear;
}
.about-in .center{
	overflow:hidden;
	}
	
	
.about-in .about-inh .swiper-wrapper {
	max-width:1200px;
	margin:0px auto;
	}
.about-in .about-inh a {
	margin:0px 20px;
	padding:0px 25px;
	float:left;
	display:block;
	height:50px;
	line-height:50px;
	font-size:15px;
	}
.about-in .about-inh a:hover {
	border-bottom:2px solid #C60;
	color:#C60;
	}
.about-in .about-inh a.on {
	border-bottom:2px solid #C60;
	color:#C60;
	}	
/*
关于我们页面小类
*/


/* 
手机
*/ 
    
@media screen and (max-width: 500px){
	
	}
@media screen and (max-width: 767px) {
	/*
	新闻资讯
	*/
	.news .content li{
		position:static; 
		width:calc(100% - 15px)!important; 
		margin-right:20px!important;
		}
	.news .content li:nth-child(even){
		margin-right:0!important;
		}
	.news .content li:nth-child(odd){
		margin-right:20px!important;
		}
	.news .content li:nth-child(1) h1,.news .content li:nth-child(1) p{
		opacity:1;
	}
	.news .content li img{
		display:block;
		opacity:1; 
		position:static; 
		margin-bottom:20px;
		}
	.news .content li:nth-child(1) span{
		position:static;
		width:auto;
		background-color:#fff;
		font-weight:normal;
		text-align:left;
		}
	.news .content li a{
		height:auto; 
		background:none;
		}
	/*
	新闻资讯  end
	*/
	
	/*
	产品展示
	*/
	.procenter .center .content{ margin-top:40px;}
	.procenter .center .content li{ width:calc(100% - 10px); margin-right:20px;margin-bottom:40px;}
	.procenter .center .content li .img{ height:auto;}
	.procenter .center .content li .img img{ width:100%;}
	.procenter .center .content li:nth-child(even){ margin-right:0;}
	.procenter .center .content li:nth-child(odd){ margin-right:20px;}
	/*
	产品展示  end
	*/
	} 
/* 平板 */
@media screen and (min-width: 768px) and (max-width: 992px) { 
	/*
	新闻资讯
	*/
	.news .content li{
		position:static; 
		width:calc(100%/2 - 30px)!important;
		margin-right:60px!important;
		}
	.news .content li:nth-child(even){ 
		margin-right:0!important;
		}
	.news .content li:nth-child(odd){
		margin-right:60px!important;
		}
	.news .content li:nth-child(1) h1,.news .content li:nth-child(1) p{
		opacity:1;
		}
	.news .content li img{
		display:block;
		opacity:1; 
		position:static; 
		margin-bottom:20px;
		}
	.news .content li:nth-child(1) span{
		position:static;
		width:auto;
		background-color:#fff;
		font-weight:normal;
		text-align:left;
		}
	.news .content li a{
		height:auto; 
		background:none;
		}
	.news .content li:nth-child(4){
		 display:block;
		 }
	/*
	新闻资讯  end
	*/
	
	/*
	产品展示
	*/
	
	.procenter .center .content li{ width:calc(100%/2 - 10px); margin-right:20px;}
	.procenter .center .content li .img{ height:auto;}
	.procenter .center .content li .img img{ width:100%;}
	.procenter .center .content li:nth-child(even){ margin-right:0;}
	.procenter .center .content li:nth-child(odd){ margin-right:20px;}
	/*
	产品展示  end
	*/
	}

@media screen and (max-width: 992px){
		
	.list .title{
		display:block;
		}
	.list .about-fenlei{
		display:none;
		}
	.list h2 {
		display:none;
		}
	/*
	产品分类
	*/
		
	.prolist .title{
		display:block;
		}
	.prolist .swiper-container{
		display:none;
		}
	/*
	产品分类
	*/
	.pro-nav { display:none;}
	.navs { display:none;}
	/*
	联系方式
	*/
	.map .left{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	#container{
		float:none;
		width:100%;
		}
	/*
	联系方式
	*/	
	
	/*关于我们小类样式*/
	.about-inh {
		display:none;
		}
	.about-in .title{
		display:block;
		}
	.about-in .swiper-container{
		display:none;
		}
	/*关于我们小类样式*/
	}

@media screen and (min-width: 993px){
	.pro-nav { display:inline-block;}
	}


@media screen and (min-width: 993px) and (max-width: 1199px) {   
	/*
	新闻资讯
	*/
	.news .content li{
		width:calc(100%/3 - 48px)!important; 
		margin-right:72px!important;
		}
	.news .content li:nth-child(3n+0){
		margin-right:0!important;
		}
	.news .content li img{
		min-height: 205px!important;
		}  
	/*
	新闻资讯  end
	*/
	
	/*
	产品展示
	*/
	.procenter .center .content li{ width:calc(100%/3 - 15px); margin-right:22.5px;}
	.procenter .center .content li .img{ height:auto;}
	.procenter .center .content li .img img{ width:100%;}
	.procenter .center .content li:nth-child(3n+0){ margin-right:0;}
	/*
	产品展示  end
	*/
	
	
	}

@media screen and (max-width: 1199px) { 
	
	/*
	产品分类
	*/
	.prolist .tab{ display:none;}
	.prolist .tab_wap{ display:block;}
	.prolist .title li{ float:none;}
	.prolist .title li a{ padding:0;}
	.prolist .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.prolist .title .box1{ padding-top:20px;}
	.prolist .title{top:-50px;}
	/*
	产品分类
	*/
	
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:2%; opacity: 0.5;right:auto}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:2%; opacity: 0.5;left:auto;}
	/*
	关于我们小类样式
	*/
	.about-in .tab{ display:none;}
	.about-in .tab_wap{ display:block;}
	.about-in .title li{ float:none;}
	.about-in .title li a{ padding:0;}
	.about-in .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.about-in .title .box1{ padding-top:20px;}
	/*
	关于我们小类样式
	*/
	
	}
          
/* 台式电脑,笔记本  */

@media screen and (min-width: 1200px) { 
	
	}
	
@media screen and (min-width: 1200px) and (max-width: 1499px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:6%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:6%;}
	}
	
@media screen and (min-width: 1500px) and (max-width: 1919px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:15%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:15%;}
	}
	
@media screen and (min-width: 1200px) and (max-width: 1919px){ 
	.center{ width:64%; min-width:1100px;}	
	
	}

@media screen and (min-width: 1920px) { 
	.center{ width:64%; max-width:1200px;}
	}

  


/**/


.box_all1{      
    font-family: "微软雅黑";
    font-size: 14px;
	margin:20px auto 0; 
	padding:0 0 0 10px;
}
.box1 {    
   padding-top:5px;
   float:none!important;
}
.box1 li{     
    line-height: 38px;
    text-align:right;      
    list-style-type:none;       
}
.box1 li a{
	text-align:right;
	float:none!important;
	color:#8a8a8a;
	font-size:14px;
	}
.box1 li a:hover{ color:#1d2088!important; background:none!important;transition:all 0.4s linear;}
.box1 li a.on{ color:#1d2088!important; background:none!important;}
.boxdown1{           
    cursor:pointer;
    width:20px;
    height:16px;   
    background: url(../icon/down.png) no-repeat;
	float:right;   
    border-top: none; 
      
}