@charset "UTF-8";

.clearfix:after{  content: "020"; display: block; height: 0; clear: both;  visibility: hidden; }
.clearfix { /* 触发 hasLayout */ zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.orange{ color:#ff6203;}
.blue{ color:#00a1e4;}

:focus{ outline:none;}

a.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.shouye-a:hover font{ color:#00a1e4;} 
.shouye-a:hover table{ box-shadow:0 0 10px #00a1e4; transition:.5s; position:relative; z-index:5;}

.wrapper{  margin:0 9%;}
.bannerx{  background:url(../images/bannerx.jpg) no-repeat center top; font-size:30px; line-height:220px; text-align:center; font-family:microsoft yahei; color:#fff;}

.main{ font-family:microsoft yahei; color:#666; font-size:14px; line-height:180%;}
.main .wrapper{ box-sizing:border-box;  padding:60px 10px; }
.main a:hover{ text-decoration:none;}

.main .news li{ overflow:hidden; padding:20px; position:relative; margin-top:20px;}
.main .news .img{ width:150px; float:left; overflow:hidden;}
.main .news .img img{ width:100%; display:block; transition:.5s;} 
.main .news .box{ margin-left:180px;}
.main .news .txt{ width:75%; box-sizing:border-box; border-right:1px solid #ccc; padding:10px 0; padding-right:10%; float:left; transition:.3s;}
.main .news .time{  box-sizing:border-box; padding-left:5%; width:15%; float:left; font-family:Arial; padding-top:25px;}
.main .news .year{ font-size:28px; color:#333; line-height:100%; padding-bottom:5px;}
.main .news .date{ font-size:14px;}
.main .news .tit{ font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news .info{ line-height:170%; overflow:hidden; height:44px; margin-top:20px;  }
.main .news i{display:inline-block; padding-top:40px; width: 0; transition: .3s ease 0s; overflow: hidden;}
.main .news i:before { content: ''; display: inline-block; vertical-align: middle; width: calc(100% - 4px); height: 1px; background: #666; }
.main .news i:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #666; border-width: 3px 0 4px 4px; }
.main .news li:hover{ background-color:#eee;}
.main .news li:hover .tit,.main .news li:hover .year,.main .news li:hover .date{ color:#666; }
.main .news li:hover .txt{ width:70%; color:#666;}
.main .news li:hover i{ width: 5%; margin-left: 3.5%; }
.main .news li:hover .img img{ transform:scale(1.1,1.1);}

.main .prolist{ margin-bottom:30px; width:100%; text-align:center;}
.main .prolist li{ padding:6px 55px; background-color:#eee; display:inline-block;  margin-bottom:2px;}
.main .prolist .on,.main .prolist li:hover{ background-color:#0567ac; color:#fff;}
.main .prolist li:hover a,.main .prolist .on a{ color:#fff;}

.main .product li{ width:25%; float:left; margin-bottom:30px; box-sizing:border-box; padding:12px; border:2px solid #fff; transition:1s;}
.main .product li:hover{ border-color:#0567b0;}
.main .product .img img{ width:100%;}
.main .product .txt{ padding:15px 0; background:url(../images/proline.jpg) no-repeat left bottom;}
.main .product .tit{ font-weight:bold; color:#333;}
.main .product .note{ font-size:12px; font-family:Arial;}


.main .device li{ width:25%; float:left; margin-bottom:30px; box-sizing:border-box; padding:12px; transition:1s;}
.main .device .img img{ width:100%;}
.main .device .txt{ padding:10px 0; background-color:#eee; text-align:center;}
.main .device .tit{ font-weight:bold;}
.main .device li:hover .txt{ background-color:#0567b0; color:#fff;}

.main .contact li{ width:32%; margin-right:2%; float:left; padding:5px 0;}
.main .contact li:nth-child(3n){ margin-right:0;}

.main .feedback{ background:url(../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.main .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.main .feedback .line{ overflow:hidden; margin-top:15px;}
.main .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.main .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.main .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.main .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.main .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer; background-color:#ddd;}
.main .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.main .feedback img{ position:absolute; bottom:-48px; right:0px;}

.ke-zeroborder td{ padding:0 10px;}



@media (max-width:1500px){
	.wrapper{ margin:0 auto; max-width:1200px;}
}