@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;}


.top2{ display:none; padding:5px 10px;}
.top2 .logo2{ float:left;}
.top2 .a_m{ float:right; display:none; margin-top:12px; margin-right:10px;}

/*banner*/
.bannerslide { height:590px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:30px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #e5ef00;}
.foot3{ display:none; text-align:center; font-size:12px; padding:20px 10px; background:#f1f1f1;}

@media (max-width:1200px){
.wrapper{ margin:0 auto; max-width:1200px;}
.top{ display:none;}
.top2{ display:block;}
.top2 .a_m{ display:block;}
.bannerslide{ height:250px;}
.ind_ab,.ind_ab table,.ind_ab tbody,.ind_ab tr,.ind_ab td{ display:block; width:100%; height:auto !important;}
.ind_ab td{ height:auto !important;}
.ind_ab div{ float:none !important;}
.ind_ab .boxshadows{ box-sizing:border-box; height:auto !important; padding:20px !important;}

.ind_pro,.ind_pro table,.ind_pro tbody,.ind_pro tr,.ind_pro td{ display:block; width:100%; height:auto !important; box-sizing:border-box;}
.ind_pro .roundsa{ padding:5px !important; font-size:12px;}
.ind_pro .ind_pro_i{ width:100% !important;}
.ind_pro .ind_pro_d{ padding:20px !important;}

.ind_case,.ind_case table,.ind_case tbody,.ind_case tr,.ind_case td{ display:block; width:100%; height:auto !important; box-sizing:border-box;}
.ind_case .ind_case_w{ display:none;}
.ind_case .ind_case_i{ width:100% !important; height:auto !important;}

.ind_news,.ind_news table,.ind_news tbody,.ind_news tr,.ind_news td{ display:block; width:100%; height:auto !important; box-sizing:border-box;}
.ind_news .boxshadow{ width:100% !important; max-width:100% !important; padding:20px !important; box-sizing:border-box;}

.ind_sc,.ind_sc table,.ind_sc tbody,.ind_sc tr,.ind_sc td{ display:block; width:100%; height:auto !important; box-sizing:border-box;}
.ind_sc img{ max-width:100%;}
.ind_sc .biaotisd{ padding:20px !important; width:100% !important; box-sizing:border-box;}

.ind_ii,.ind_ii img{ display:none !important;}

.foot1,.foot2{ display:none;}
.foot3{ display:block;}

.comp_i{ display:none;}
.bannerx{ font-size:24px; line-height:150px;}
.main .wrapper{ padding:20px 10px;}
.main .wrapper .comp_h3{ padding-top:20px !important;}

.main .news li{ padding:10px;}
.main .news .img{ display:none;}
.main .news .box{ margin-left:0;}
.main .news .tit{ font-size:14px;}
.main .news .info{ font-size:12px;}

.main .prolist{ margin-bottom:0;}
.main .product li{ width:50%; margin-bottom:10px;}

.main img{ max-width:100%;}
.main table{ max-width:100%; width:100% !important;}

.main .device li{ width:50%; margin-bottom:10px; padding:0 10px;}
.main .device li img{ height:135px;}
.main .contact li{ width:100%;}

.map{ display:none;}

.main .feedback{ padding:20px;}

}