* { 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;}
@font-face{
    font-family: 'TELEGRAFICO';
    src : url('TELEGRAFICO.TTF'); 
}

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{position: relative;}
.head-top{position: relative;padding: 0 3%;background-color:#333333 ;height: 100px;}
.head-top>.uk-container{max-width: 1440px !important;}
.head-top-left{margin-top:20px;margin-bottom: 20px;width: 30%;float: left;}
.head-top-right{font-weight: 700; width: 65%; float: right;margin-top:35px;margin-bottom: 15px;font-size:24px ;line-height: 40px;text-transform: uppercase;text-align: right;color: #fff;position:relative;}
.head-top-right img{height:40px;margin-left:20px;}
.head-bottom{height: 120px; background-color: #99bbc4;position: relative;padding: 0 3%;}
.head-bottom>.uk-container{max-width: 1440px !important;}
.fugai li:first-child{padding-left: 0;}
.fugai{margin-left:-20px;}
.fugai li a{ position: relative; background: none !important; display: block;
position: relative;padding: 40px 0;}
.fugai>li>a>div{text-transform: uppercase; position: relative;font-size: 24px;padding: 0 20px;font-weight: 700;
line-height: 40px;position: relative;text-align: center;color: #333333;}
.head-title-bottom{opacity: 0; position: absolute;width: 10px;height: 2px;background-color: #333;bottom: 0;left: 50%;margin-left: -5px;}
 .head .uk-container>ul>li>ul>nav{background: none!important;}
.head-bottom>div>ul{margin-top: 0;}
.fugai .uk-active a .head-title-bottom{opacity: 1;}
.top_left{float: right;width: 80%;margin-top: 40px;}
.s-box{width: 100%;height: 40px;background: none!important;padding: 0;}
.s-box input{font-size:18px ;line-height: 30px;padding: 5px 10px;background-color: #fff;width: 70%;float: left;}
.s-box button{font-size:16px ;line-height: 30px;padding: 5px 10px;background-color: #fff;width: 25%;float: right;}
.tt{    position: absolute;
    font-size: 15px;
    line-height: 15px;
    right: 60px;}
@media(max-width:1460px){
	.s-box button{padding: 5px 5px;width: 28%;}
	}
@media(max-width:1250px){
	.fugai li a div{padding: 0 10px;}
	.s-box input{width: 65%;}
	.s-box button{padding: 5px 2px;width: 32%;}
	.head-top-right{font-size: 20px;}
}
@media(max-width:1040px){
	.fugai li a div{padding: 0 8px;font-size: 20px;}
	.head-top-right{font-size: 18px;}
	.s-box button{font-size:14px;}
}
@media(max-width:990px){
	.head-top-right{font-size:16px;}
}
@media(max-width:910px){
	.top-nav .fugai li{padding-left:15px;}
  	.fugai li a div{padding: 0 3px;font-size: 18px;}
}
@media(max-width:890px){
	.head-top-right{font-size: 13px;}
  .s-box button{font-size:12px;}
	}

@media(max-width:767px){
	.head-top{height: 80px;}
  .head-bottom{height: 80px;}
  .Tablang{display:none;}
	.head-top-left{margin-top: 10px;margin-bottom:10px;}
	.head-top-right{margin-top: 25px;margin-bottom:5px;font-size: 13px;}
	.top-nav{margin-top: 15px;width:30%;}
	.top_left{margin-top: 15px;}
}
@media(max-width:650px){
  .logo{height:40px;margin-top:15px;}
}
@media(max-width:470px){
	.top_left{width: 100%;}
	.head-top-right{font-size: 12px;line-height: 20px;}
	.head-bottom >ul>li:first-child{width: 20%;}
	.head-bottom>ul>li:last-child{width: 80%;}
	.s-box button{font-size:12px;}
	.head-bottom{height: 70px;}
}
 /*******************************
   -------[=缩小后的左侧搜索=]-------
 ********************************/
 .uk-navbar-toggle{margin-left: 20%;margin-top: 3%;}
 	.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;}
	
			
/*******************************
  -------[=轮播图=]-------
********************************/
@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;}	
 }
 .banner>div>.uk-position-bottom{bottom:3%;}
 	
	
	/*******************************
	  -------[=首页主要产品=]-------
	********************************/
	.index-main{padding:3%; position: relative;}
	.index-main>.uk-container{max-width: 1440px!important;}
	.index-main-title{margin-top: 20px;margin-bottom: 30px; font-size: 36px;text-transform: uppercase;line-height: 50px;
		text-align: center; color: #333333;font-family: "Arial";font-weight: 700;}
	.index-main-box{position: relative;overflow: hidden;}
	.index-main-ico img{width: 100%;}
	.index-main-fugai{transform: scale(0);background: rgba(51,51,51,0.6);
	top: 0;left: 0;width: 100%;height: 100%; position: absolute;
	}
	.index-main-bottom{transition: 0.6s; width: 100%;height: 65px; position: absolute; bottom: 0px;background-color:#99bbc4 ;padding: 0 15px;}
	.index-main-box-title{float: left;font-size:16px ;line-height: 65px;color: #333;text-transform: uppercase;width: 70%;
	line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
	  overflow: hidden; display: box;display: -webkit-box;}
	.index-main-more{width: 28%; float: right;font-size:16px ;line-height: 65px;color: #333;text-transform: uppercase;text-decoration: underline;}
	.index-main-box-title1{position: relative; top: 50%;margin-top: -48px; display: block; text-align: center;color: #fff;font-size: 35px;line-height: 48px;text-transform: uppercase;margin-bottom: 20px;}
	.index-main-more1{top: 45%;position: relative; display: block; text-align: center;color: #fff;font-size:25px;line-height: 48px;text-transform: uppercase;}

	.index-main-box:hover .index-main-fugai{transform: scale(1);}
	.index-main-box:hover .index-main-bottom{bottom:-65px;}
	
	@media(max-width:1360px){
	.index-main-box-title{font-size: 13px;line-height: 50px;}
	.index-main-more{font-size: 13px;line-height: 50px;}
	.index-main-bottom{height: 50px;}
	  }
	@media(max-width:1140px){
	.index-main-box-title{font-size: 12px;line-height: 40px;}
	.index-main-more{font-size: 12px;line-height: 40px;}
	.index-main-bottom{height: 40px;}
	  }
	  
	/*******************************
	    -------[=首页公司视频简介=]-------
	  ********************************/
	.index-video{position: relative;padding: 3%;background: url(img/video-bg.jpg) no-repeat;background-color: #f1f1f1;}  
	.index-video>.uk-container{max-width: 1440px!important;}
	.index-video-title{line-height: 48px; font-size: 36px;font-weight: 700;font-family: Arial;
	line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
	  overflow: hidden; display: box;display: -webkit-box;height:50px; 
	color: #333333;text-transform: capitalize;}
	.index-video-desc{font-size: 16px;line-height: 24px;color: #333;
	display: -webkit-box;margin-top: 30px;
	                                   -webkit-box-orient: vertical;
	                                   /*! autoprefixer: off */
	                                    -webkit-box-orient: vertical;
	                                    /* autoprefixer: on */
	                                   -webkit-line-clamp:10;
	                                   overflow: hidden;     }
	.index-video-more{margin-bottom: 30px !important; text-align: center; color: #333333; margin-top: 20px;
	width: 190px;height: 50px;font-size:16px ;line-height: 50px;background-color:#99bbc4 ;}
  .index-video iframe{width: 100%;height: 100%;}
 .sub5-video {position: relative;width: 100%;}
	 .sub5{background-size: 100% 100%;}
	 .sub5-nr {position: absolute;top: 0;bottom: 0;width: 100%;z-index: 999;cursor: pointer;
	 /* display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;
	 display: -moz-box;-moz-box-pack: center;-moz-box-align: center;
	 display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;
	 display: box;box-pack: center; */}
	 .circle {position: relative;width:48px;height: 48px;box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);border-radius: 100%;background-size: cover;background-repeat: no-repeat;
	 	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	 	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);text-align: center;
		/* margin:0px auto; */
		top:50%;
		left: 50%;
		z-index:3;}
	 .circle::before {position: absolute;content: "";}
	 .circle::after {position: absolute;content: "";width:100%;height:100%;z-index: -1;left: 0;right: 0;text-align: center;margin: 0px auto;border-radius: 100%;}
	 @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
	 @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
	 @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
	 @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
	 
	 .video-dw {position: fixed;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 999;overflow: hidden;opacity: 0;}
	 .block {opacity: 1;top: 0;}
	 .video-word {width: 55%;height:600px;position: absolute;top: 50%;left: 50%; margin: -300px 0 0 -27%;background: #fff;padding: 20px;}
	 .video-close {box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); position: absolute;top: -10px;right: -10px;width: 35px;height: 35px;border-radius: 50%;background: #fff;font-size: 40px;text-align: center;line-height: 30px;cursor: pointer;}
	 #video {width: 100%;height: 100%;}
	 
	 
	 @media(max-width:767px){
	.circle{top: 70%;}
	.video-word{height: 300px;margin-top: -150px;}
	  }
	  
	  
	  
/*******************************
	  -------[=公司优势=]-------
********************************/
	.index-com-adv{position: relative;padding: 1% 3%   ;}
	.index-com-adv>.uk-container{max-width: 1440px!important;}
	.index-com-adv-box{transition: .6s; position: relative;width: 100%;overflow: hidden;background-color: #f0f0f0;padding: 10px;}
	.sub-img {z-index: 999; margin:20px auto 10px;width: 86px;height:86px;overflow: hidden;position: relative;}
	.sub-img img {display: block;position: relative;}
	.index-com-adv>.uk-container ul li:hover .index-com-adv-box{background-color: #333333;}
	.index-adv-xian{transition: .6s; background-color: #333; position: relative; width:20px;height: 4px;margin: 10px auto;}	
	.index-com-adv>.uk-container ul li:hover .index-adv-xian{background-color: #99bbc4;}
	.index-com-adv-title{transition: .6s;font-size: 24px;line-height: 35px;color: #333;font-weight: 700;text-align: center;text-transform: uppercase;
	line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 35px;
	  overflow: hidden; display: box;display: -webkit-box;}
	  .index-com-adv>.uk-container ul li:hover .index-com-adv-title{color: #fff;}	
	.index-com-adv-subtitle{transition: .6s;position: relative; text-align: center; font-size: 16px;line-height: 28px;color: #666666;font-family: Arial;margin-top:10px;
	line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 84px;
	  overflow: hidden; display: box;display: -webkit-box;margin-bottom: 30px;}
	.index-com-adv>.uk-container ul li:hover .index-com-adv-subtitle{color: #fff;}
	
	

 
 /*******************************
   -------[=首页新闻=]-------
 ********************************/
.index-news{position: relative;padding:1% 3%;}
.index-news>.uk-container{max-width: 1440px !important;}
 .index-news-box{padding: 15px 15px 15px 0;transition: 0.6s;}
 .index-news-box>li>img{width: 100%;}
 .index-news-box:hover{background-color: #f0f0f0;}
 .index-news-right-title{font-size: 24px;line-height: 30px;color: #333;font-family: Arial;
 line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;
   overflow: hidden; display: box;display: -webkit-box;margin-top: 15px;}
  .idnex-news-day{font-size: 14px;line-height: 20px;color: #333;font-family: Arial;
 line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 20px;
   overflow: hidden; display: box;display: -webkit-box;} 
 .index-news-right-desc{margin-top: 20px;font-size: 16px;line-height: 24px;color: #666666;font-family: Arial;
 line-clamp: 4;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;
   overflow: hidden; display: box;display: -webkit-box;}  
   
 
 .index-news>.uk-container>.uk-margin>.uk-dotnav>.uk-active>*{background-color: #99bbc4;}
 .index-news>.uk-container>.uk-margin>.uk-dotnav>*>*{width:35px ;height: 4px;background-color:#f0f0f0 ;border-radius:0;}
 @media(max-width:1280px){
 .index-news-right-desc{margin-top: 5px;}
  }



/*******************************
   -------[=foot=]-------
 ********************************/
 
 
  .footer{position: relative;background: url(img/foot-bg.jpg)  no-repeat;
   padding:2% 3% 1%;background-color:#8badb6;background-size:100% 100%;}
  .footer>.uk-container{max-width: 1440px !important;}
 .foot-left-desc{margin-top: 10px;font-size: 14px;line-height: 30px;color:#333333 ;font-family:"Arial" ;}
 
 .foot-link{margin-top: 15px;font-size: 14px;line-height: 30px;color:#333333 ;font-family:"Arial" ;}
 .foot-link>a{font-size: 14px;line-height: 30px;color:#333333 ;font-family:"Arial" ;}
 .footer-left-top-map>img{margin-top: 25px; width:131px;height: 26px;}
 
 .footer-left-line{margin-left: 20%;}
 .footer-center-ul li{margin-bottom: 15px; font-size:18px ;line-height: 30px;text-transform: uppercase;color:#333333 ;font-family: Arial;font-weight: 700;}
 .footer-center-ul li>a{margin-bottom: 0;font-size:14px ;line-height: 30px;text-transform: capitalize;color:#333333 ;font-family: Arial;font-weight: 400;}
 .footer-center-ul .foot-add{margin-bottom: 0; font-weight: 400; font-size:14px ;line-height: 30px;text-transform: capitalize;color:#333 ;font-family:Arial;}
 
  
   .bottom{position: relative;background-color: #161616;padding:10px 3% ;}
  .bottom>.uk-container{max-width: 1440px !important;}
  .bottom>.uk-container>p{font-size: 14px;line-height: 30px;color: #fff;}
  .Sitemap>a{ color: #fff; float: right; margin-right: 15px;}
 .bottom .uk-container>p{color:#b5b5b5 ;font-size: 14px;line-height: 30px;}
   .bottom .uk-container>p a{color:#b5b5b5 ;font-size: 14px;line-height: 30px;}
  
  
 
 /*******************************
   -------[=面包屑=]-------
 ********************************/
 .mbx{position: relative;}
 .banner{width: 100%;position: relative;}
 .mbx-box{position: relative; padding: 0 3%;background-color: #99bbc4;}
 .mbx-box>.uk-container{max-width: 1440px;}
.m-box{position: relative; color: #333333;overflow: hidden;height: 40px;font-weight: 700;}
.m-box>a{text-transform: uppercase; position: relative; color: #333333;font-size: 16px;font-weight: 700; line-height:40px;}




/*******************************
 	  -------[=产品列表页=]-------
 ********************************/
 	.prolist{padding: 0 3%;position: relative;}
 		.prolist>.uk-container{max-width: 1440px;margin-top:4%;padding-bottom: 40px;}
 		.prolist-left{width: 20%;float: left;}
 		.prolist-right{width:78%;float: right;}
		.prolist-left .prolist-top{text-align: center;font-size: 25px;line-height: 130px;
		color:#333333 ;font-family:"Arial";background: url(img/pro-bg.png);height: 130px;
		overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;
		-webkit-line-clamp: 1;-webkit-box-orient: vertical;	margin-bottom: 10px; text-transform: uppercase; font-weight: 600;}
 		.prolist-left h3{line-height: 40px;margin: 0; height: 40px;margin-bottom: 5px;
 		overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
 		-webkit-box-orient: vertical;font-weight: 700;font-family: "Arial";
 		background: #eeeeee;font-size: 16px;color: #333333; padding-left: 7%;padding-right:18%; position: relative;}
 		 .prolist-left .uk-active1{background-color: #99bbc4;}
		 
 		 .prolist-right-box{padding-bottom: 20px;}
 		.prolist-ico{width: 100%;}
 		 
 		.prolist-right-box-title{margin: 10px auto; text-align: center; font-size: 18px;line-height:30px;color: #393939;overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;
 		-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;font-family: "DIN-Medium";font-weight: 500;}
 		.prolist-fugai{ display: flex;justify-content: center; align-items: center;transition: .6s; position: absolute;top:0;left:0; width: 100%;height: 100%;background: rgba(153,187,196,0.8);transform: scale(0);}
 		.prolist-ico-box{position: relative;} 
 		.prolist-right-box-title1{text-align: center; font-size: 20px;line-height:60px;color: #fff;font-family:"Arial"; overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;
 		-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 60px;position: absolute;	top: 50%;margin-top: -30px;}
 		.prolist-right-box:hover .prolist-fugai{transform: scale(1);}
 			
	.prolist-right .col-lg-12{float: left;}
	
	
	
	/*******************************
	-------[=关于我们=]-------
	********************************/
	.about{position: relative;padding:2% 2% 0;}
	.about>.uk-container{max-width: 1440px !important;}
	.about .index-main-title{margin-top: 10px;}
	.about-pic{width: 100%;}
	.about-desc{margin-top: 30px; position: relative;font-size: 18px;line-height: 30px;color:#333333 ;font-family: Arial;}
	
	.about .index-main-title{margin-top: ;}
	
	
	
	/*******************************
	  -------[=产品详情页=]-------
	********************************/	
			
			 .product{padding: 3%;position: relative;}
			 .product>.uk-container{max-width: 1440px ;}
			 .show{width: 100%;border: 1px solid #eee;}
			 .xiaobox>.uk-slider-container{width: 90%;margin-left: 5%;}
			 .big_show{width: 100%;margin-top: 20px;}
			 .xiao{width: 100%;border: 1px solid #eee;}
			 .pr-box1 div a{display: block !important;}
			 .p-left{left:0 !important;}
			 .p-right{right:0 !important;}
			 .p-right img{right:-5% !important; position: absolute;}
			 .p-left img{    left:-20% !important;position: absolute;}
			
			.npr-title{font-size:24px;line-height: 35px;color: #000000;font-family:"Arial";padding-bottom: 30px;width: 80%;text-transform: uppercase; border-bottom: 1px solid #393939;}
			.npr-desc{font-size: 16px;line-height: 24px;color: #393939;
			display: -webkit-box;margin-top: 20px;
			                                   -webkit-box-orient: vertical;
			                                   /*! autoprefixer: off */
			                                    -webkit-box-orient: vertical;
			                                    /* autoprefixer: on */
			                                   -webkit-line-clamp:7;
			                                   overflow: hidden;     }
			.pr-next{margin:4% auto 0;width:360px;}
				.pr-next>p{width:165px;height: 33px;background-color: #99bbc4; color:#ffffff; line-height: 33px;text-align: center;font-size: 14px;cursor:pointer;}
				.pr-next>p:hover{background: #fff;color: #9d9d9d;border: 1px solid #9d9d9d;}
				.pr-next>p:nth-child(1){float:left;}
				.pr-next>p:nth-child(2){float:right;}
					
					
					
 
 /*******************************
    -------[=新闻列表页=]-------
  ********************************/
  .news-list{padding: 3%;position: relative;}
  .news-list>.uk-container{max-width: 1440px !important;}
  .display{display: block;width: 100%;}
  .news-list-left h3{line-height:70px;margin: 0; height: 70px;margin-bottom:10px;
  		overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
  		-webkit-box-orient: vertical;font-weight: 400;font-family: Arial;
  		background: #eeeeee;font-size: 16px;color: #393939;
  		 padding-left: 7%;padding-right:18%; position: relative;
 		 }
  .news-list-left>div>.uk-active1{background: #99bbc4; }
  .news-list-left{float: left;width:15%;}
  .news-list-right{float: right;width:80%;}
  .news-list-right>.uk-grid{width: 100%;}
  .news-ico{width: 100%;}
  .news-list-title{height: 40px; font-size: 18px;line-height: 32px;color: #333;font-family: "Arial" ;padding-right: 22%;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
  -webkit-box-orient: vertical;border-bottom: 1px solid #393939;}
  .news-list-day{text-align: right; height: 32px;font-size: 14px;line-height: 32px;color: #888888;font-family: "Arial" ;position: absolute;right: 0;top:0; width: 20%;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
  .news-list-desc{margin-top: 15px; font-size: 16px;line-height: 25px;color: #333;font-family: "Myriad Pro" ;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;
  -webkit-box-orient: vertical;margin-bottom: 1px solid #393939;font-weight: 400;}
 .news-more{width:140px ;height: 45px;font-size: 16px;line-height: 45px;color: #333333;font-family:Arial;text-align: center;background-color:#99bbc4 ;margin-top: 20px;}
  .news-tt{padding: 0!important;}
  .news-list-right .col-lg-12{float: left;margin-left: 30%;}
  /*******************************
    -------[=新闻详情页=]-------
  ********************************/
  .news-page{padding:3%;position: relative;}
  .news-page>.uk-container{max-width: 1440px !important;}
  .news-page-title{font-size: 18px;line-height: 32px;color:#333333 ;font-family: "DIN-Medium" ;height: 32px;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
  -webkit-box-orient: vertical;text-align: center;}
  .news-page-day{font-size: 14px;line-height: 20px;color:#888 ;font-family: "DIN-Medium" ;height: 20px;
  overflow: hidden; display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;
  -webkit-box-orient: vertical;text-align: center;}
  .news-page-xian{width: 100%;height: 1px;background-color:#191919 ;margin: 30px auto;}
  .news-page-img{width: 100%;}
  .news-page-desc{font-size: 16px;line-height: 24px;color:#393939 ;font-family: "Arial" ;margin-top: 30px;}
 .contact{position: relative;padding:3%;}
  .contact>.uk-container{max-width: 1440px;padding: 0;}
 .contact-news-news{width: 100%;}
  .contact-news-news>a{text-align: center; display: block; font-size: 16px;line-height: 30px; color:#393939 ;font-family: Arial;}
  .contact-box{width: 80%;margin-left: 10%; border-bottom: 1px solid #f77e25;margin-bottom: 15px;}
  .contact-box>img{transition: 1.2s; margin: 20px auto;display: block;}
  .contact-news-news:hover img{ transform:rotateY(360deg);
       -ms-transform:rotateY(360deg);
 		-moz-transform:rotateY(360deg);
 		-webkit-transform:rotateY(360deg);
 		-o-transform:rotateY(360deg);}
 
   .contact-bootom{margin-top: 4% !important;}
   .contact-bootom>li>img{width: 90%;margin-left: 5%;}
   
   .contact-form>li{font-size: 24px;line-height: 40px;color: #1b1b1b;font-family: "Myriad Pro" ;}
  .contact-form>li>input{width:100%; font-size:20px ;line-height: 45px;color: #333;font-family: Arial;height: 65px;padding: 10px;
  background-color:#eeeeee ;}
  .textarea{width: 100%;}
   .contact-form>li{margin-top: 10px!important;}
  .contact-form>li>textarea{width:100%; font-size:20px ;line-height: 30px;color: #333;font-family: Arial;height: 140px;padding: 10px;
  background-color:#eeeeee ;}
 	.contact-send{width:140px ;font-weight: 600; height:40px ;font-size: 20px; background-color:#99bbc4 ;color: #333333;text-align: center;margin-top: 20px;display: block;font-family: "Arial" ;}
 .contact-add{margin: 40px 32px 30px;width: 100%;height: 450px;}


 /*******************************
   -------[=分页=]-------
 ********************************/
 .page{margin:30px auto;width:360px;height: 43px;position: relative;}
.page>.page-box>li{display: block;position: relative;}

 .page-sub{width: 148px;height:43px ;background: #2e2f2f;line-height: 43px;font-size:16px ;font-family: Arial;text-align: center;float: left;}
 .page-sub-1{width: 148px;height:43px ;background: #2e2f2f;line-height: 43px;font-size:16px ;font-family: Arial;text-align: center;float: right;}
 .page-sub:hover{background-color:#1e2c6f ;}
 .page-sub-1:hover{background-color:#1e2c6f ;}
  @media(max-width:400px){
	  .page{width: 250px;}
	.page-box>li{width: 100px;}
  }