* { margin:0; padding:0;box-sizing: border-box;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -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;}
.abc{cursor:pointer;}
.send{cursor: pointer;}
a:hover{text-decoration:none; }
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;}
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;
}
@font-face{
    font-family:'RR';
    src : url('Raleway-Regular.ttf'); 
}

.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%;height: 70px; position: relative;display: block;z-index: 1; background: #fff;}
.head-bg{width: 30%;height: 100%;position: absolute;left: 0;top: 0;background-color: #1d754b;}
.head .uk-container{max-width: 1200px;position: relative;height: 70px;}
.head-bt{font-family: "Myriad Pro";font-size: 20px;line-height: 70px;color: #fff;width: 100%;background-color: #1d754b;
overflow: hidden;height: 70px;}
.head-bottom-right ul li a{position: relative;display: block; font-size: 16px;line-height: 30px;padding: 0; height: 30px; color: #666666;font-family: "Arial";}
.head .head-bottom-right ul .uk-active a{color: #111;border-bottom:1px solid #1d754b;}
.head-bottom-right ul li{float: left;margin-top: 20px;margin-right: 26px;padding: 0 25px;}
.head-bottom-right{float: right;}

 @media(max-width:1180px){
.head-bottom-right ul li{padding: 0 15px;}
.head-bottom-right ul li:last-child{margin-right: 0;}
} 
 @media(max-width:976px){
.head-bottom-right ul li{padding: 0 10px;margin-right: 15px;}
.head-bt{font-size: 16px;}
} 
 @media(max-width:810px){
.head-bottom-right ul li{padding: 0 10px;margin-right:5px;}
.head-bt{font-size: 14px;}
}
@media(max-width:767px){
	.head-bottom-right{margin-top: 15px;}
}
@media(max-width:560px){
.head-bt{font-size: 12px;}
.head .uk-container{padding: 0 5px;}
}
 /*******************************
   -------[=缩小后的左侧搜索=]-------
 ********************************/
 	.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:#fff;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:#fff!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 #fff;
 	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:#fff;}
 	.sousuo-box1>button{width:22px;float:right;border:none;background: none;margin-right: 18px;margin-top: 6px;float:right;}
	.sousuo-box1>input::-webkit-input-placeholder {color: #fff;}
	.sousuo-box1>input::-moz-placeholder {color: #fff;}
	.sousuo-box1>input::-ms-input-placeholder {color: #fff;}	
	.nav-zuo form button img{transform:rotateY(180deg);}


/*******************************
  -------[=轮播图=]-------
********************************/
 .banner>div>.uk-position-bottom{bottom:3%;}
 	
@media(max-width:767px){
.banner>div>a{width: 30px !important;height: 30px !important;margin-top: -15px;font-size: 30px;position: absolute;}
.banner>div>a::before{ top: -15px;
	    left: 10px;
	    position: absolute;}	
 } 
 
 
 /*******************************
 	   -------[=公司简介=]-------
 	 ********************************/
 .index-about{position: relative;padding:3%;background:url(img/index-about-bg.png) no-repeat;}
 .index-about>.uk-container{max-width:1200px;}
 .index-about>.uk-container ul{background-color: #fff;padding: 30px;}
 .index-about-xian{width: 40px;height: 5px;background-color: #1d754b;margin-left: 10px;}
 .index-about-title{margin-top: 10px;font-family: "Calibri";color: #333;font-weight: 400;font-size: 40px ;line-height: 40px;}
 .index-about-desc{font-size: 14px;line-height: 30px;color: #333;margin-top:20px;font-family: Arial;}
 .index-about-right{width: 200px;height: 50px;text-align: center;color: #fff;background-color: #1d754b;line-height: 50px; margin-top: 20px;}

	
	
	

 /*******************************
    -------[=首页产品类目=]-------
  ********************************/
  .index-main{position: relative;padding:3%;background-color: #fff;}
  .index-main>.uk-container{max-width: 1200px;}
  .index-main-left h3{position: relative;display: block;margin-top: 35px; z-index: 5; color: #000; font-size: 16px;line-height:70px; border: 1px solid #e6e6e6;height: 88px;width: 100%;padding: 9px;padding-left: 90px;padding-right: 70px;}
.index-main-left h3:first-child{margin-top: 0;}

	.index-main-left h3 .index-h3{position: relative;display: block;z-index: 3; color: #000; font-size: 16px;line-height:70px; height: 70px;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  .index-main-left h3>img{position: absolute;z-index: 5;display: block; left:7px;top: 7px; width: 74px;height: 74px;border: 1px solid #1d754b;}
  .index-main-left  .uk-accordion-title .index-pro-hui{opacity: 1;position: absolute;top: 32px;right: 32px;}
  .index-main-left  .uk-accordion-title .index-pro-bai{opacity: 0;position: absolute;top: 32px;right: 32px;}
    .index-main-left  .uk-accordion-title{background:none;padding: 0;}
	.index-main-left h3 .uk-active .index-pro-hui{opacity: 0;}
	.index-main-left h3 .uk-active .index-pro-bai{opacity: 1;display: block;z-index: 5;transform: rotate(0) !important;}
	
.indexdianji{width: 100%;max-height: 290px;overflow-y:scroll; background-color: #f3f3f3;padding: 0!important;
scrollbar-arrow-color: color;scrollbar-face-color: #333;}
.indexdianji .index-name{padding: 0 10px; color: #666;font-family: Arial;border-bottom: 1px dashed #666666;font-size: 16px;line-height: 73px;
 overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexdianji::-webkit-scrollbar{width:5px;background-color: #cdcdcd;}
.indexdianji:-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
.indexdianji::-webkit-scrollbar-track-piece {height: 190px;}
.indexdianji::-webkit-scrollbar-thumb {background-color: #333333;height: 100px;
border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);}
.default{background-color:#1d754b;}


.index-main-left .default .index-h3{color: #fff;}
.index-main-left .default .uk-accordion-title .index-pro-bai{opacity: 1;display: block;z-index: 5;transform: rotate(-90deg);}
.index-main-left .default .uk-accordion-title .index-pro-hui{opacity: 0;}
.indexdianji .index-name:hover{color: #666;}
.index-main-right ul li{padding-left:15px;margin-bottom: 20px;}
.index-main-wz{width: 180px;background-color: #1d754b; height: 30px;text-align: center;color: #fff;font-family: Arial;font-size: 16px;line-height: 30px;
border-radius: 15px;margin: -50px auto 20px;display: block;
    position: relative;}

.index-main-xian{margin: 0 auto 5px;width: 40px;height: 5px;background-color: #1d754b;}
.index-main-title{color: #333333;font-family: "Calibri";text-align: center;font-size: 40px;left: 40px;margin:20px auto 30px;}

	
	

 /*******************************
   -------[=首页新闻=]-------
 ********************************/
.index-news{position: relative;padding:3% 0;background-color:#ffffff;}
.index-news .uk-container{max-width: 1200px;}
.index-news-top{background: url(img/index-news-top-bg.jpg) no-repeat; background-size: 100% 100%;}
.index-news-top-box{width: 100%;height: 100%;background-color: #f4f4f4;border-radius:50px;padding: 50px;}
.index-news-top-box-name{font-size: 18px;line-height: 30px;color: #131313;max-height: 60px;
 overflow: hidden; display: box;display: -webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index-news-top-box1{margin-top: 5px;position: relative;padding-left: 35px;}
.index-news-top-box1 img{position: absolute;left: 0;top: 5px;width: 18px;height: 15px;}
.index-news-top-box-day{color: #666666;font-family: Arial;font-size: 14px;margin-bottom: 30px; line-height:25px ;}
.index-news-top-box-desc{font-size: 14px;line-height: 30px;font-family: Arial;height: 180px;color: #333333;
 overflow: hidden; display: box;display: -webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.index-news-bottom{margin-top: 30px;}
.index-news-bottom-box{overflow: hidden; width: 100%;margin:40px 20px 0;padding-bottom: 30px; position: relative;padding-left:100px ;border-bottom: 1px dashed #1d754b;}
.index-news-bottom-box-left{position: absolute;left: 0;top: 0;width:80px ;}
.index-news-bottom-box-left1{font-size: 60px;line-height: 70px;font-weight: 700;color: #666666;}
.index-news-bottom-box-left2{font-size: 16px;line-height: 25px;font-weight: 400;color: #666666;}
.index-news-bottom-box-desc{margin-top: 20px;font-size: 14px;margin-bottom: 10px; line-height: 24px;color: #666;height: 48px;
overflow: hidden; display: box;display: -webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index-news-top-box-link{position: relative;display: block;}

.index-news-more{width: 195px;height: 50px;border: 1px solid #1d754b;font-size: 16px;line-height: 50px;
text-align: center;border-radius: 25px;margin: 40px auto 0;display: block;position: relative;color: #131313;
}
.index-news-more:hover{color: #1d754b;transition: 0.6s;}

 
/*******************************
   -------[=foot=]-------
 ********************************/
 
 .footer{position: relative;padding:2% 3%;overflow: hidden;background-color: #f0f0f0;}
.index-news .uk-container{max-width: 1200px;}
.footer-left img{margin: 29px;margin-top: 0;}
.footer-center {margin-top: 20px;}
.footer-center .footer-center-box{width: 45%;margin-right: 5%;float: left;}
.footer-center-box a{font-size: 16px;line-height: 40px;color: #202020;}
.footer-right form{color: #000000;}
.footer-right form input{background-color: #fff;width: 100%; margin-bottom: 20px; height: 35px;padding:5px 10px ;}
.footer-right form button{width: 115px;height: 30px;margin-top: 25px;color: #fff;text-align: center;background-color: #1d754b;}
.footer-right form textarea{width: 100%;height: 55px;background-color: #fff;padding:5px 10px ;}


 
 .bottom{ position: relative;background-color: #1d754b;height: 50px;}
.bottom>.uk-container{max-width: 1200px !important;}
.bottom-r{float: right;width: 10%;}
.bottom-p a{float: left;font-size:12px ;line-height:50px ;color: #fff;font-family: Arial;}
.bottom-p {float: left;width: 90%;  font-size:12px ;line-height:50px ;color: #fff;font-family: Arial;}
.bottom-r a{ font-size:12px ;line-height:50px ;color: #fff;font-family: Arial;}

 /*******************************
   -------[=面包屑=]-------
 ********************************/
 .mbx{position: relative;}
 .banner{width: 100%;position: relative;}
 .mbx-box{position: relative; padding: 0 3%;background: #f3f3f3;}
 .mbx-box>.uk-container{max-width: 1200px;height: 60px;}
.m-box{text-transform: capitalize; position: relative; color: #333333;overflow: hidden;height: 60px;}
.m-box>a{text-transform: capitalize; position: relative; color: #333333;font-size: 16px;line-height:60px;font-family: "Arial";}

/*******************************
 -------[=关于我们=]-------
 ********************************/
 
 	.about{position: relative;padding:3%;background: #fff;}
 	.about>.uk-container{max-width: 1200px;}
	.about-title{text-transform: uppercase; font-family: "RR";margin-bottom: 30px; font-size:40px;line-height:50px;color: #333333;text-align: center;}
	.about-desc{color: #333333;font-size: 14px;line-height: 30px;}
	
 /*******************************
 	  -------[=产品列表页=]-------
 ********************************/
 	.prolist{padding:3%;position: relative;background: #ffffff;}
	.prolist>.uk-container{max-width: 1200px;}
	.prolist-top-title{text-transform: uppercase; font-family: "RR";margin-bottom: 40px; font-size:40px;line-height:50px;color: #333333;text-align: center;}
	.prolist-top  li a{display: block;width: 100%;font-size: 16px;line-height: 50px;height: 50px; position: relative;text-align: center;color: #333333;background-color: #f3f3f3;}
	.prolist .prolist-top .uk-active a{background-color: #1d754b;color: #fff;} 
	.productlist-left li a{height: 60px;margin-top: 10px;display: block;position: relative;
	margin-bottom: 5px;padding-left: 30px;width: 100%;overflow: hidden;font-family: Arial;
	font-size: 16px;line-height: 60px;color: #666666;}
	.prolist .productlist-left .uk-active a{background-color: #f3f3f3;color: #000000;}
	.productlist-left li{width: 100%;padding-right: 5px;}
	.prolist-img{border: 1px solid #d1d1d1;}
	.productlist-box{display: block;position: relative;}
	.productlist-right ul li{padding-right: 7px;}


	/*******************************
    -------[=产品详情页=]-------
	********************************/	
			
			 .product{padding: 3%;position: relative;background-color: #fff;}
			 .product>.uk-container{max-width: 1200px;}
			 .product-left img{border: 1px solid #e9e9e9;width: 100%;}
			 .product-right-name{width: 100%;background-color: #1d754b;text-align: center;font-size: 30px;line-height: 50px;color: #fff;}
			.product-right-desc{margin-top: 30px;}
			.pr-next{margin:4% auto 0;width:500px;}
			.pr-next>p:first-child{width: 33px;}
			.pr-next>p:last-child{width: 33px;}
				.pr-next>p{width:180px;float: left;margin-right: 10px; height: 33px;background-color: #fff; color:#5b5b5b; line-height: 33px;text-align: center;font-size: 14px;cursor:pointer;border:1px solid #b1b1b1;}
				.pr-next>p:hover{background: #1d754b;color: #fff;border: 1px solid #1d754b;}
				@media(max-width:700px){
				.pr-next{margin:4% auto 0;width:100px;}
				.pr-next>p:nth-child(2){display: none;}
				.pr-next>p:nth-child(3){display: none;}
				
				}
/*******************************
   -------[=新闻列表页=]-------
 ********************************/
 .news-list{padding: 3%;position: relative;background-color: #fff;}
   .news-list .uk-container{max-width: 1200px;}
  .news-img{width: 100%;transition: 0.6s;} 
 .news-right-title{font-size: 18px;line-height: 30px;color: #131313;font-family: Arial;
 overflow: hidden; display: box;display: -webkit-box;
 line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 60px;}  
.news-day{position: relative;padding-left: 30px;}
.news-day img{position: absolute;left: 0;top: 5px;width: 18px;height: 15px;}
.news-box-day{color: #666666;font-family: Arial;font-size: 14px;line-height:25px ;} 
.news-right-desc{font-size: 14px;line-height: 24px;color: #333333;font-family: Arial;margin-top: 5px;
 overflow: hidden; display: box;display: -webkit-box;
 line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 48px;}
.news-list-li{margin-bottom: 25px;}
.news-box:hover .news-img{transform: scale(0.95);}



 /*******************************
   -------[=新闻详情页=]-------
 ********************************/
 .news-page{padding:3%;position: relative;background-color: #fff;}
 .news-page .uk-container{max-width: 1200px;}
 .news-page .prolist-top-title{text-transform: capitalize;}
 .news-page-day{margin:-15px auto 15px;width:120px ;}
 .news-page-day img{float: left;margin-top: 5px;width: 18px;height: 15px;margin-right: 7px;}
 .news-page-day1{color: #666666;font-family: Arial;font-size: 14px;line-height:25px ;}
 .news-page-desc{margin-bottom: 30px;}



 /*******************************
    -------[=联系我们=]-------
  ********************************/
.contact{position: relative;padding:3%;background-color: #fff;}
  .contact .uk-container{max-width: 1200px;}
  
  .contact-box{overflow: hidden; background: url(img/contact-bg.jpg) no-repeat;background-size: cover;margin-top: 10px;}
  .contact-box1{background-color: #fff;margin-top: 60px;margin-bottom: 60px;width: 60%;padding: 20px;}
  .contact-box11{position: relative;padding-left: 40px;font-weight: 400;color: #333;font-family: Arial;font-size: 16px;line-height: 50px;}
  .contact-box11 img{position: absolute;top: 12px;left: 0;width: 24px;height: 27px;}
  .contact-box11 b{font-weight: 400;color: #000;}
   .contact-box11 a{color: #333;}
  
  
.index-main-tu{border:1px solid #d1d1d1;}

 /* .contact-img{position: absolute;right: 0;width: 50%;}
 .conetent-right-box{ box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.2);padding: 40px 20px 30px;margin-right: 30px;}
.content-right-title{text-transform: uppercase; font-family: "RL";color: #222222;font-size: 30px;line-height: 40px;}
  .content-right-xian{width: 50px;height: 2px;background-color: #f86700;margin-top:10px ;margin-bottom: 15px;}
  .content-right-desc{margin-bottom: 25px; font-family: "RL";font-size: 14px;line-height: 20px;color: #333333;}
  .contact-form{padding-left: 10px;position: relative;}
  .xing{position: absolute;left: 0;top: 0px;font-size: 16px;line-height: 20px;color: #333333;font-family: "RL";}
  .contact-form input{width: 100%; font-size: 16px;line-height: 20px;color: #333333;font-family: "RL";border-bottom: 1px solid #666666;margin-bottom: 35px;}
  .contact-form textarea{width: 100%; font-size: 16px;line-height: 20px;color: #333333;font-family: "RL";border-bottom: 1px solid #666666;}
  .contact-send{margin-top: 25px;width: 118px;height:37px;color: #fff;line-height: 37px;text-align: center;font-size: 16px;font-family: "RL";float: right;background-color: #f86700;}
  .conetent-right{padding: 47px 0 0 30px;}
  .conetent-right .content-right-xian{margin-bottom: 24px;}
  .contact-desc{font-family: "RL";color: #666;font-size: 14px;line-height: 40px;}
  .contact-desc a{color: #000;}
  
  .contact-bottom{margin-top: 40px;}
  .contact-bottom ul li{margin-bottom: 45px;}
  .contact-bottom ul li img{width:113px ;height: 153px;float: left;}
  .contact-bottom-box{width: calc(100% - 140px);margin-left: 140px;}
  .contact-bottom-box div{ font-family: "RL";font-size: 14px;line-height: 24px;color: #000000;}
  .contact-bottom-box .contact-bottom-desc{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
  .contact-bootom-desc2{width: 300px;padding-right:20px ;float: left;}
  .contact-bottom-box div a{font-family: "RL";font-size: 14px;line-height: 24px;color: #000000;}
  */
  