@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 {

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

  /* hack */
}

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

.a-right a:hover > img,.a-left 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:71%; position:relative;overflow:hidden;}
.a-left a:hover{ font-weight:bold;}

.brief{ 
 position:relative;
       width: 46%;
    padding: 5px 15px ;
    background: #df0202;
    position: absolute;
    bottom: 0px;
    right: 0px;
	 font-size:14px;
	 line-height:30px;
	 color:#fff;
}
	@media (max-width: 767px){
.brief{ 
    padding: 5px 5px ;
	 font-size:12px;
	 line-height:20px;

}
}
.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,.tech,.newpro{width:100%; float:left; padding:20px 0px;}
.title{ float:left; width:100%; line-height:45px; color:#0e5aba; font-size:24px;line-height:30px; font-weight:bold; background:url(../img/index_08.png) left center no-repeat;  padding-left:25px;}
.news-c{ float:left; width:100%; margin-top:15px;}
.news-pic{ float:left; width:30%; height:auto;}
.news-top{ float:left; width:100%;}
.news-r{ float:right; width:68%;}
.news-title{ float:left;  line-height:24px; }
.news-title a{color:#333; font-size:16px; font-weight:bold; text-decoration:none; }
.news-title a:hover{ color:#0e5aba;}
.news-detail{float:left; width:100%;  color:#666; font-size:12px;line-height:24px; }
.news-detail a:hover{ color:#333;}
.mores{ float:left;   margin-top:10px;  width:100px; line-height:30px; border: solid 1px #b4b4b4;}
.mores a{ display:block;font-size:12px; color:#0e5aba; text-align:center;}
.mores a:hover{ background:#0e5aba; 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:#0e5aba;}
@media (max-width: 768px){
	
	.news-list .news-r{width:76%;}
	.news-list li span{width:20%;}
	}

.news-list li span:hover{ color:#0e5aba;}

.tech-t{ float:left; width:100%; margin-top:20px; background:url(../img/index_25.png) center no-repeat; color:#333; font-size:24px; font-weight:bold; text-align:center; line-height:41px;}
.tech_c{float:left; margin-top:15px;  width:100%; padding-bottom:30px; background: url(../img/index_24.jpg) center no-repeat;; }
.tech ul{ margin:0; padding:0;}

h4{ font-weight:bold; color:#333;}

.cen_box4{ float:left; width:100%;padding:30px 0px  50px 0px;}
.cen_box4 a{ text-align: center;}
.row>.span-3 {
	width:23%;
}
.row>.smal-6 {
width:50%
}
.icons{margin-top: 30px;}
.icons ._ico{position: relative; width:124px;height: 125px; background: url(../img/icons.jpg) no-repeat;margin:0 auto 25px;}
.icons ._ico:after{content:" ";position: absolute;left:0;top:0;width:100%;height: 100%;
background: url(../img/icons.jpg) no-repeat;opacity: 0;transition:opacity ease .5s;}

.icons ._ico1{background-position: 0 -149px;}
.icons ._ico2{background-position: -298px -149px;}
.icons ._ico3{background-position: -595px -149px;}
.icons ._ico4{background-position: -900px -149px;}
.icons ._ico1:after{background-position: 0 0;}
.icons ._ico2:after{background-position: -298px 0;}
.icons ._ico3:after{background-position: -595px 0;}
.icons ._ico4:after{background-position: -900px 0;}
.icons a:hover{color:#000;}
.icons a:hover ._ico:after{opacity: 1;}
.icons ._t{font-size:16px; font-weight:bold;}
.icons ._p{font-size:14px;}