@charset "utf-8";
/* CSS Document */

.about{ float:left; width:100%; margin-top:15px;}
.content{ font-size:14px; color:#666; line-height:30px;  float:left; margin-top:15px;  width:100%;}
.a-right >  img,.a-left > img,.p-left > img ,.link >li > img{

  transition: .1s transform;
  transform: translateZ(0);

  /* hack */
}

.a-right:hover,.a-left:hover,.p-left:hover ,.link li:hover {
  z-index: 1;
}

.a-right a:hover > img,.a-left a:hover > img,.p-left:hover > img ,.link li a:hover > img {
  transform: scale(1.2, 1.2);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}
.a-left{ float:left;width:100%; position:relative;overflow:hidden;}
.a-left a:hover{ font-weight:bold;}
.brief{ 
 position:relative;
       width: 100%;
    padding: 5px 15px ;
    background: #999;
	filter:alpha(opacity=80); /*IE婊ら暅锛岄€忔槑搴?0%*/
-moz-opacity:0.8; /*Firefox绉佹湁锛岄€忔槑搴?0%*/
opacity:0.8;/*鍏朵粬锛岄€忔槑搴?0%*/
    position: absolute;
    bottom: 0px;
    right: 0px;
	 font-size:16px;
	 line-height:30px;
	 color:#fff;
}
.a-left img{ width:100%;}
.box{ height:50%; overflow:hidden;}
.a-right{ float:right;width:28%; }
.a-right img{ height:50%; width:100%; }
.a_top{ position:relative;height:50%; }
.t1{  position:relative;bottom:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; width:100%; background:#ccc;}
.pro,.newpro{width:100%; float:left; padding:20px 0px;}
.title{ float:left; width:100%; line-height:45px; color:#333; font-size:24px;line-height:30px; font-weight:bold;}
.title span{ margin-left:5px; font-size:20px; color:#999;}
.news-c{ float:left; width:100%; margin-top:15px;}
.news-pic{ float:left; width:40%; height:auto;}
.news-top{ float:left; width:100%;}
.news-r{ float:right; width:58%;}
.news-title{ float:left;  line-height:24px; }
.news-title a{color:#333; font-size:16px; text-decoration:none; font-weight:bold;}
.news-title a:hover{ color:#20beca;}
.news-detail{float:left; width:100%;  color:#666; font-size:14px;line-height:24px; }
.news-detail a:hover{ color:#333;}
.mores{ float:right;   margin-top:20px;  width:100px; line-height:30px; border: solid 1px #20beca;}
.mores a{ display:block;font-size:12px; color:#20beca; text-align:center;}
.mores a:hover{ background:#20beca; color:#fff;}
.news-list{ float:left ;width:100%; margin-top:5px;}
.news-list ul{ margin:0; padding:0;}
.news-list li { width:100%;  margin:5px 0px; float:left;}
.news-list .news-r{width:86%;}
.news-list li span{ float:left; width:60px;  border: solid #b4b4b4 1px;text-align:center; font-size:12px;}
.day{ float:left; width:100%; line-height:40px; background:#999; color:#fff; font-size:30px; font-weight:bold;}
.day:hover{ background:#20beca;}
@media (max-width: 768px){
	
	.news-list .news-r{width:100%;}
	.news-list li span{width:20%;}
	.news-detail{
	overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	}
.news-title{
	overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}






.logo{ width:50%;}

.linkhot ul li{padding:0 5px;margin-top:20px;}

.top-top{padding:0;margin:0}
.container-fluid{background-color:#dfdfdf;}

.top{padding-left:15px;padding-right:15px;}







	}






.news-list li span:hover{ color:#20beca;}

.pro-t{ float:left; width:100%; margin:20px 0px 30px; color:#fff; font-size:36px; font-weight:bold; text-align:center; line-height:41px;}
.pro{float:left; margin-top:15px;  width:100%; padding-bottom:60px; background-image: url(../../img/proBg.jpg); overflow:hidden;background-repeat: no-repeat;background-size:cover;background-position: left top;}
.pro ul{ margin:0; padding:0;}
.p-left{ float:left; width:65%;} 
.p-left img{ width:80%;display: block;margin:0 auto;}
.p-title{float:left; width:35%; margin-top:25%;font-size:20px; color:#fff; font-weight:bold; text-indent:20px;}
@media (max-width: 1200px){
.p-left{ float:left; width:100%;}
.p-title{ float:left;width:100%;font-size:22px; color:#fff; font-weight:bold; text-align:center;margin-top:5%; margin-bottom:5%; }
}
h4{ font-weight:bold; color:#333;}
.link{ margin-top:15px; padding:0; width:100%; float:left;}
.link li{ float:left; padding:0;overflow:hidden;}
.link li img{}
.about-c{ float:left; margin-top:15px; padding:0px;}
.about-c img{ width:50%;}
.about-c span{ float:right; width:50%; background:#e3e3e3; padding:15px; line-height:30px; display:block;color:#333;}
@media (max-width: 768px){
	
	.about-c img{width:100%;}
	.about-c span{width:100%;}
	.p-title{font-size:14px; }
	.about-c{padding: 0px 15px;}
	.title{padding: 0px 15px;}
	
	}
.customer{ float:left; width:100%; margin:20px 0px; }