* { margin:0; padding:0;box-sizing: border-box;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;font-family: Arial; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body,div,ul,p,figure,h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}
ul li { list-style:none;}
a {cursor:pointer;touch-callout: none; text-decoration:none; hide-focus: expression(this.hideFocus=true); outline:none;}
a:focus{outline:0;}
a:hover{text-decoration:none; }
.abc{cursor:pointer;}
em,i{font-style: normal;}
input:focus,textarea:focus {outline:none;}
input,textarea,select {font-family: inherit;font-size: inherit;font-weight: inherit;}
button,input[type="submit"] {border: none;background: none;appearance: none;outline: none;}
input,textarea {border: none;background: none;appearance: none;outline: none;}
img {border:none; vertical-align:middle;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content:"";clear: both;height: 0;}
.clearfix{*zoom:1;}
.display{display: block;}text-decoration:


iframe{width: 100%;height: 100%;}
/*table{*/
/*	width:100% !important;*/
/*	border-collapse: collapse !important;*/
/*	border: 1px solid #DDDDDD !important;*/
/*}*/
/*table td{*/
/*	border: 1px solid #ddd !important;*/
/*}*/
/*table tr{*/
/*	border: 1px solid #ddd !important;*/
/*}*/

.big{position: relative;overflow: hidden;}
.big>img{transition:1s;	
       -moz-transition:1s;
        -webkit-transition:1s; 
       -o-transition:1s; }
.big:hover img{    transform: scale(1.05,1.05);
			-ms-transform: scale(1.05,1.05);	/* IE 9 */ 
			-webkit-transform: scale(1.05,1.05);	/* Safari 和 Chrome */
			-o-transform: scale(1.05,1.05);	/* Opera */
			-moz-transform: scale(1.05,1.05);}
.hov5 {position: relative;overflow: hidden;}
.hov5::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
	.hov5:hover::before {-webkit-animation: shine .75s;animation: shine 1.5s;}
	@-webkit-keyframes shine {100% {left: 125%;}}
	@keyframes shine {100% {left: 125%;}}
/*******************************
  -------[= head页 =]-------
********************************/
.head{width: 100%;position: relative;height: 230px;}
.head-top{background-color: #fff;height: 150px;padding:15px 3%;}
.head .uk-container{max-width:1400px;position: relative;}
.logo{height: 50px;float: left;}
/* .head-top-top-right{float: left;height: 40px;margin-top: 20px;margin-left: 25px;} */
.head-name{font-size: 37px;line-height: 40px;margin-top: 20px;text-transform: uppercase;color: #000000;font-family: Arial;font-weight: 700;}

.head-bottom{height: 80px;background-color: #d9d9d9;padding: 0 3%;}
/* .head-top-right{padding: 15px 0;} */
.head-top-right-top-box{float: left;margin-left:40px;color: #000000; font-size: 16px;line-height: 40px; width: 285px;padding-left:30px ;position: relative;}
.head-top-right-top-box img{position: absolute;left: 0;top: 11px;width: 18px;height: 18px;}
.head-top-right-top-box a{color: #171b1c;font-size: 16px;line-height: 40px;display: block;}
.head-top-right{padding-left: 10px;}
.head-top-right-left{float: left;}
.head-top-right-right{float: right;}
.head-top-right-right .head-top-right-top-box{margin-left: 0;}
.head-bottom-left ul li{float: left;margin-right: 85px;height:80px; line-height:80px;margin-top:26px;}

.head-bottom-left a{font-family: "Arial";text-transform: uppercase; color: #000; font-size: 16px;line-height: 24px;position: relative;display: block; text-align: center;}
.head-bottom-left a i{opacity: 0; position: absolute;bottom: -15px;width: 12px;height: 12px;border: 4px solid #000;left: 50%;margin-left: -6px;border-radius: 50%;}
.head-bottom-left .uk-active a i{opacity: 1;}
.head-bottom-right{float: right;font-size: 30px;line-height: 80px;color: #000;font-weight: 700;font-style: italic;}

.head-top-top-title{float: left;margin-left: 28px;background-color: #d9d9d9;color: #000;
height: 40px;margin-top: 20px;border-radius: 5px;text-align: center;width: 165px;font-size: 16px;
line-height: 40px;font-weight: 700;}


.erji_pro{display: none;z-index: 0; width: 280px;position: absolute;top: 230px!important;background-color: #d9d9d9;padding:10px 0px;left: 415px;}
.erji_pro a{display: block;color: #000;font-family: Aeial;line-height: 30px;text-align: left;margin: 5px 0;padding: 0 15px;}

.prolist2 .prolist2-a:hover{color: #000;background:#ff2c2b !important;}

@media(max-width:1440px){
.erji_pro{left: 200px;}
}

@media(max-width:1390px){
.head-top-top-title{margin-left: 8px; width: 120px;}
.head-top-right-top-box a{font-size: 14px;}
.head-top-left{padding-left: 0;}
.head-name{font-size: 28px;}
.head-top-right-top-box{padding-left: 25px;font-size: 14px;}
.head-top-right-left .head-top-right-top-box{width: 185px;margin-left:0px;}
.head-top-right-right .head-top-right-top-box{width: 220px;}
.head-top-right-right .head-top-right-top-box:last-child{width: 250px;position: absolute;top: 79px;right: -5px;}
.head-bottom-right {font-size: 24px;}
.head-bottom-left ul li{margin-right: 65px;}
.erji_pro{left: 160px;}
}


 /*******************************
   -------[=缩小后的左侧搜索=]-------
 ********************************/

 	.nav-zuo>a{display: block;width: 100%;line-height:28px;text-align: left;font-size: 16px;
 	 padding-left: 10%;color:#ffffff !important;text-transform: uppercase;} 
	  .nav-zuo>.erji{color: #ccc !important;text-transform: capitalize;}
 	.erjiname>a>span{text-align: right;color:#000;float: right;opacity: 0;}
 	.d-erji{width: 300px;background:none;padding-top:0;background:rgba(26,185,19,.6);padding-bottom: 0;left:-100px!important;}
 	.d-erji>ul>li>a{line-height: 40px!important;color:#000!important;font-size: 18px;}
 	.d-erji>ul>li:nth-child(2) span{display: none;}
 	.d-erji>ul>li>a:hover{background:rgba(26,185,19,.8);}
 	.d-erji>ul>li>a:hover span{opacity: 1;}
 	.sousuo-box1{height:32px;width:88%;border:1px solid #000;
 	border-radius: 16px;margin-top: 16px;margin-left: 10%;}
 	.sousuo-box1>input{width:calc(100% - 40px);float:left;height: 32px;line-height: 32px;padding-left: 18px;
 	border:1px solid #000;background:none;float:left;border:none;border-radius: 16px;color:#000;}
 	.sousuo-box1>button{width:22px;float:right;border:none;background: none;margin-right: 18px;margin-top: 6px;float:right;}
	
	.nav-zuo form button img {
	    transform: rotateY(180deg);
	}
		
/*******************************
  -------[=轮播图=]-------
********************************/ 
 .banner .uk-container{max-width: 1400px;position: relative;}
 .banner-position{width: 210px;height: 70px;background-color: #d9d9d9;position: absolute;bottom: 0;right: 0;}
.banner-dian{width: 12px;position: absolute; height: 45px;overflow: hidden;margin-left: 160px; bottom:15px;}
 
  
 .banner .banner-dian > .uk-position-bottom-li > a{display: block;overflow: hidden; width: 8px;height: 8px;border-radius: 50%;    background: rgba(255, 255, 255, 0.4); text-indent: 100%; }
 .banner .banner-dian > .uk-position-bottom-li{ width: 8px;height: 8px;margin-top: 7px;padding: 0;    position: relative!important;}
  .banner .banner-position .banner-dian > .uk-active > a{background-color: #000;}
.uk-position-bottom1{    position: relative !important;
    margin: 0 !important;height: 70px;
    padding: 0 !important;}
 .uk-position-bottom1 li{position: relative;display: none;
    width: 130px;
    height: 70px;
    left: 20px;
    padding: 0;
    margin: 0}
.banner-belt{width: 130px;position: relative;height: 30px;top: 50%;margin-top: -15px; font-size: 22px;line-height: 30px;color: #000;}
  .uk-position-bottom1 .uk-active{display: block;}
 
 /*******************************
 	    -------[=首页简介=]-------
  ********************************/
 	 .index-about{position: relative;padding:3% 3% 1%;background-color: #fff; }
 	 .index-about>.uk-container{max-width: 1400px!important;}
	 .index-about-title{font-size: 60px;line-height: 90px;font-family: Arial;color: #000000;font-weight: 700;}
	 .index-about-title1{font-size: 24px;line-height: 34px;font-weight: 700;font-family: Arial;color: #333; text-transform: uppercase;margin-bottom: 30px;}
	 .index-about-desc{font-size: 16px;line-height: 30px;font-weight: 400;font-family: Arial;color: #333;margin-bottom: 30px;}
	 
 /*******************************
     -------[=首页主要产品=]-------
   ********************************/
  .index-pro{position: relative;padding:1% 3% 3%;background-color: #fff;}
  .index-pro>.uk-container{max-width: 1400px;}
	.index-pro-title{margin-bottom: 20px; font-size: 40px;line-height: 60px;color: #333;font-family: Arial;font-weight: 700;}
	.index-pro-ico{width: 100%;transition: 0.6s;}
	.index-pro-ico-title{ text-align: center;font-family: Arial;color: #000;padding: 10px 5px 35px;font-size: 18px;line-height: 30px;text-transform: uppercase;}
	.index-pro-more {width: 179px;height: 49px;}
 .index-pro .index-pro-ico:hover{transform: scale(1.05);}
 
 /*******************************
    -------[=首页质量=]-------
  ********************************/
 .index-zl{padding:3%; position: relative;background-color: #fff;}
  .index-zl>.uk-container{max-width: 1400px!important;position: relative;}
 .index-zl-title{font-size: 40px;font-family: Arial; line-height: 40px;text-transform: uppercase;color: #000;font-weight: 700;}
 .index-zl-desc{margin-bottom: 30px;margin-top: 20px; font-size: 16px;line-height: 30px;color: #000;font-family: "Arial";}
 
 
 
/*******************************
   -------[=foot=]-------
 ********************************/
 
 .footer{position: relative;padding:3% 3% 2%;background: #d9d9d9;}
 .footer .uk-container{max-width: 1400px;position: relative;}
 .footer-box{padding-right: 300px;}
 .foot-box-left-title{font-size: 40px;line-height: 40px;font-weight: 700;color: #000;font-family: Arial;text-transform: uppercase;}
 .foot-box-left-top{margin-top: 45px;}
 .foot-box-left-top a{font-size: 16px;line-height: 30px;color: #000;font-family: Arial;}
 .foot-box-right img{width: 211px;height: 27px;}
 .foot-gs{margin-top: 30px;font-size: 16px;line-height: 30px;color: #000;font-family: Arial;text-transform: uppercase;}
 .foot-lx{font-size: 16px;line-height: 30px;color: #000;font-family: Arial;}
 .foot-lx a{font-size: 16px;line-height: 30px;color: #000;}
 .footer-box-right{position: absolute;right: 30px;top: 0;width: 300px;}
 .foot-logo{text-align: right;float: right;}
 .footer-box-right-bottom{margin-top: 90px;}
 .footer-box-right-title{width: 140px;float: left;background-color: #fff;color: #000000;height: 40px; text-align: center;font-size: 16px;
 line-height: 40px;font-weight: 700;font-family: Arial;}
 .footer-box-right-bottom .footer-box-right-title:first-child{margin-right: 15px;}
 

 .bottom{ position: relative;background-color: #161616;overflow: hidden;height: 50px;}
.bottom>.uk-container{max-width: 1400px !important;}
.bottom-r{float: right;}
.bottom-p{float: left; font-size:12px ;line-height:50px ;color: #ffffff;font-family: Arial;}
.bottom-r a{ font-size:12px ;line-height:50px ;color: #ffffff;font-family: Arial;}
@media(max-width:1024px){
	.footer-box-right{right: 25px;}
}
			
 /*******************************
   -------[=面包屑=]-------
 ********************************/
 
 .mbx{position: relative;width: 100%;}
 .banner{width: 100%;position: relative;}
 .mbx-box{position: relative; padding: 0 3%;height: 50px;background-color:#d9d9d9 ;}
 .mbx-box>.uk-container{max-width: 1400px;}

.m-box{position: relative; color: #000000;overflow: hidden;font-family: "Arial";position: relative;font-size: 16px;}
.m-box>a{text-transform: uppercase; position: relative; color: #000000;font-size: 16px;line-height:50px;font-family: "Arial";}

 /*******************************
   -------[=产品列表=]-------
 ********************************/

	.prolist{padding:3%;position: relative;background-color: #fff;}
 	.prolist>.uk-container{max-width: 1400px;}
	.prolist-title{margin-bottom: 5px; width: 100% ;height: 90px;padding: 15px;display: flex;background-color: #d9d9d9; align-items: center;font-family: Arial;}
	.prolist-title div{font-size: 26px;line-height: 30px;color: #000;font-weight: 700;text-transform: uppercase;max-height: 60px;
	overflow: hidden; display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.prolist1{padding: 0px;margin-bottom: 2px;position: relative;}
	.prolist2{padding: 0px;width: 300px; margin-bottom: 2px;position: relative;}
	.prolist3{padding: 0px;width: 250px; margin-bottom: 2px;position: relative;}
	.prolist1 p{background: #d9d9d9;height: 30px;text-align: left;padding: 0 15px;font-size: 16px;line-height: 30px;font-family: "Arial";font-weight: 400;color: #000;
	overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.prolist1 a{background: #d9d9d9;height: 30px;text-align: left;padding: 0 15px;font-size: 16px;line-height: 30px;font-family: "Arial";font-weight: 400;color: #000;
	overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	
	.prolist1  .prolist1-sanjiao{position: absolute;width: 100%; height: 30px;top: 0;left: 0; background:none;}
	.prolist1  .prolist1-sanjiao i{right: 0;top: 0; position: absolute; color: #000;width: 30px; text-align: center;   font-size: 17px;    line-height: 30px;}
	.prolist1-ul{display: none; position: absolute;top: 0 !important; left:100% ;padding-left: 8px;}
	.prolist2-a{position: relative; color: #000; width: 300px; text-align: center;    font-size: 17px;    line-height: 30px;}
	.prolist1  .prolist2-sanjiao{position: absolute;width: 100%; height: 30px;top: 0;left: 0; background:none;}
	.prolist1  .prolist2-sanjiao i{right: 0;top: 0; position: absolute; color: #000;width: 30px; text-align: center;   font-size: 17px;    line-height: 30px;}
	.prolist2-ul{display: none;position: absolute;top: 0; left: 100% ;padding-left: 12px;}
	.prolist2-ul>ul{background-color: #d9d9d9;padding: 8px;}
	.prolist1-ul>ul{background-color: #d9d9d9;padding: 8px;}
	.prolist3-a{position: relative;color: #000;}
	
	.prolist .prolist2-a:hover{text-decoration: underline;color: #000;}
	.default1 .prolist2-a{text-decoration: underline;color: #000;}
	.prolist1-sanjiao:hover .uk-icon-caret-right{transform: rotate(90deg);}
	.default .prolist1-sanjiao .uk-icon-caret-right{transform: rotate(90deg);}
	.default>.prolist1-ul{display: block;}
	.default1>.prolist2-ul{display: block;}
	.prolist2-sanjiao:hover .uk-icon-caret-right{transform: rotate(90deg);}
	.default1 .prolist2-sanjiao .uk-icon-caret-right{transform: rotate(90deg);}
	.default>p{background: #ff2c2b !important;}
	.prolist1>a:hover{background: #ff2c2b !important;}
	
	.prolist-right-box{overflow: hidden; background: #e5e5e5;padding: 15px 0;}
	
	.prolist-right-box a{ margin-left: 15px; font-size: 14px;line-height: 30px;color: #333;font-family: Arial;}
	.prolist-right-box .prolist-right-box-left1 a{ margin-left: 15px; font-size: 14px;line-height: 20px;color: #333;font-family: Arial;}
	.prolist-right-box .prolist-right-box-left1 a:hover{text-decoration:underline;}
	.prolist-right-box-left{float: left;display: block;}
	
	.prolist-right-img{margin: 15px 0;}
	
.pro-desc{margin-top: 30px;}
	 
	.pr-next{margin:4% auto 0;width:300px;}
		.pr-next>p{width:130px;height: 33px;background-color: #000;border: 1px solid #d9d9d9; color:#d9d9d9; line-height: 33px;text-align: center;font-size: 14px;cursor:pointer;}
		.pr-next>p:hover{background: #005a8c;color: #000;border: none;}
		.pr-next>p:nth-child(1){float:left;}
		.pr-next>p:nth-child(2){float:right;}
	
	
.prolist-ico-box1{margin-top: 40px;}
.prolist-ico1{width: 100%;}
.prolist-right-box-title1{font-size: 20px;line-height: 40px;font-weight: 700;font-family: Arial;text-align: center;color: #333;text-transform: uppercase;}
.prolist-right-box-desc1{font-size: 18px;line-height:25px;color: #333;font-family: Arial;text-align: center;height: 75px;
overflow: hidden; display: box;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.man-box{margin-top: 30px;} 
 .man-content{margin-top:20px;}
 .man-title{font-size: 18px;line-height: 30px;font-family: Arial;font-weight: 700;color: #333;margin-top: 30px;}



 /*******************************
   -------[=联系我们=]-------
 ********************************/
 
   .contact{padding:3%;background-color: #fff;position: relative;}
   .contact>.uk-container-center{max-width: 1400px;}
   .contact .prolist-title{max-width: 220px;}
   .con-left{margin-top: 30px;margin-bottom: 30px;}
   .lx-box a{font-size: 16px;line-height: 30px;color: #1b1b1b;}
   
   .contact-map p{height: 450px;}
	.contact-map p iframe{height: 450px;}
	.contact-form5{margin-top: 50px;margin-bottom: 50px;}
	.contact-form{padding-left: 100px;margin-bottom: 20px;position: relative;height: 50px;}
	.contact-form input{width: 100%; height:50px ;background-color: #f5f5f5;font-size: 20px;line-height: 50px;padding: 0px 10px;color: #666;}
	.contact-form p{position: absolute;left: 0;top: 0;font-size: 18px;line-height: 50px;text-align: left;color: #333333;font-weight: 600;}
	.contact-form p i{color: #de0d0d;}
	.contact-form1 textarea{width: 100%; height:150px ;background-color: #f5f5f5;font-size: 20px;line-height:30px;padding:5px;color: #666;}
	.contact-form1{padding-left: 100px;margin-bottom: 20px;position: relative;height: 150px;}
	.contact-form1 p{position: absolute;left: 0;top: 0;font-size: 18px;line-height: 50px;text-align: left;color: #333333;font-weight: 600;}
	.contact-form1 p i{color: #de0d0d;}
	.contact-form button{width: 200px;height: 50px;background-color: #d9d9d9;color: #000;text-align: center;font-size: 18px;line-height: 50px;}
	
	 .fix{position: fixed !important;top: 0px;z-index: 1;width: 100%;}
	 /* .banner{margin-top: 230px;} */
	 .fix1{position: fixed;top: 80px !important;} 
	 
	 
	 
	 .prolist3 .prolist3-a:hover{background:#ff2c2b;}
	 
	 .prolist-right-box-left a:hover{    text-decoration: underline;
    color: #d9d9d9;}
    
    .prolist-right-box-left1{float: left;    margin-top: 6px;
    display: block;}
    .contact-map{overflow:hidden;}
    
@media(max-width:1024px){
.prolist-title div{font-size: 20px;}
}
