@charset "utf-8";
/* CSS Document */
/**公共区域**/
.column-title{ width:100%; height: auto; text-align:center; overflow:hidden;}
.column-title h3{ width:100%; height:30px; text-align:center; display:inline-block; font-size:28px; color:#0d55a0;}
.column-title span{ width:80px; height:2px; background:#0d55a0; display: inline-block;}
.morebtn{ margin-top:20px; text-align:center;}
.morebtn a{ display:inline-block; padding:8px 30px; border-radius:5px; border:1px solid #CCC;}
.morebtn a:hover{ background:#0d55a0; border:1px solid #0d55a0; color:#FFF; text-decoration:none;transition:all .3s;}
/*焦点图*/
/*焦点图*/
.banner{ width:100%; height:auto;max-height:733px; overflow:hidden;}
.flexslider{position:relative; height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:auto; overflow:hidden}
.slides li img { width:100%;}
.flex-control-nav{position:absolute;bottom:2%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
/*.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:30px;height:30px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:1%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:75px;background:url(../images/next.png) center center no-repeat;}*/

/*手机栏目菜单*/
.m-lanmu{ width:100%; height:auto; display:none; overflow:hidden;}
.m-lanmu li { float:left; width:33.33%; height:36px; line-height:36px; border-bottom:1px solid #DDD; border-left:1px solid #CCC;  text-align:center;}
.m-lanmu li:nth-child(1),.m-lanmu li:nth-child(4){ border-left:none;}

/**关于我们**/
.about{ width:100%; padding:40px 5%; height:auto;overflow:hidden;}
.about-txt{ width:100%; height:auto; overflow:hidden;}
.about-h{ font-size: 24px; height: 50px; color:#0d55a0; position: relative; text-align: center; width: 100%;}
.about-h:before{content: ""; position: absolute; top: 48px; left: 50%; margin-left: -40px; width: 80px; height: 2px; background: #0d55a0;}
.about-word{ font-size: 14px; line-height:50px; margin:2% 0;}
.about-more{ text-align: center; width: 100%; }
.about-more a{display:inline-block; padding:8px 30px; border-radius:5px; border:1px solid #CCC;}
.about-more a:hover{ background:#0d55a0; border:1px solid #029b4e; color:#FFF; text-decoration:none;transition:all .3s;}
.about-pic{ width: 40%; height: auto; }
.about-pic img { width: 82%; float: right; }

/**产品中心**/
.prodcut{width:100%; padding:40px 5%; height:auto; background:#f4f4f4; overflow:hidden;}
.pro-h .icon{ background-position:0 -59px; display:inline-block;}
.prodcut .container-fluid { padding:0;}
.pro{ width:100%; height:auto; padding:10px;margin-top:18px; background:#FFF; float:left; overflow:hidden;}
.pro img{ width:100%;transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
.pro h4{ font-size:16px; height:30px; line-height:30px; margin-top:10px; background:url(../images/pro_icon.gif) right no-repeat;}
.pro em { display:block;overflow:hidden;}
.pro a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
/*新闻中心*/
.floor{width:100%; padding:40px 5% 0 5%; height:auto;  overflow:hidden;}
.news{ width:31%; height:auto;float:left; overflow:hidden}
.news-title{ width:100%; height:30px;}
.news-title h3{ float:left; color:#031d8c; font-size:18px;}
.news-title .more{ float:right; font-size:14px;}
.hotnews{ width:100%; height:70px; overflow:hidden;}
.hotnews img { float:left; width:29%; height:74px;}
.hotnews-txt{ float:right; width:70%; height:74px;}
.hotnews-txt h1{ font-size:14px; height:20px; line-height:20px; width:100%;}
.hotnews-txt p{ font-size:12px; color:#666; line-height:20px; height: 40px; overflow: hidden; margin-top:5px;}
.newslist{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:2px;}
.newslist li { width:100%; padding:3% 0 3% 10px;  border-bottom:1px dotted #CCC; font-size:14px; background:url(../images/li.gif) left no-repeat;}
.newslist li a{ width:75%; display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newslist li a:hover{ text-decoration:underline}
.newslist li span{ color:#999}
/*解决方案*/
.solution{ float:left; width: 32%; margin-left: 2.5%; background: #f5f5f5 }
.cases{ float:right; width: 32%; position:relative; }
.colunm-tupian img{ width: 100%; vertical-align: top; }
.colunm-tupian a:hover img{filter:alpha(opacity=90); opacity:0.9;}

@media (max-width:1550px) {
.newslist li { padding:1.2% 0 1.2% 10px;}
.about-word{ line-height: 30px; }
}
@media (max-width:1199px) {
}
@media (max-width:991px) {
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:50px;overflow:hidden;background:#FFF;cursor:pointer; border-radius:50%; -webkit-border-radius:50%;}
.flex-control-nav .flex-active{background:#f9a10b;}
.m-lanmu{ display:block;}
.news{ width:100%; margin-bottom: 2%;}
.solution,.cases{ width: 100%; margin:2% 0; }



}
@media (max-width:767px) {
.col-xs-6{ padding:5px;}
.about,.prodcut,.news-shebei{ padding:20px 2%;}
.about-txt{ width: 100%; }
.about-h{ font-size: 18px; height: 42px; text-align: center; width: 100%}
.about-h:before{top: 40px; left: 50%; width: 80px; margin-left: -40px; }
.about-word{ text-align:justify; margin:2% 0; font-size: 1.4rem; }
.about-more { text-align:center; }
.about-pic{ width: 100%;}
.about-pic img { width: 100%; margin-top: 3%; }

.prodcut .row{ padding:0 2%;}
.pro{ margin:0px; padding:5px;}
.newsbox{ margin-top:15px; border-bottom:1px dashed #ddd; padding-bottom:15px;}
.news-pic{ width:90px; height:57px; background-size:cover; float:left; overflow:hidden; display:block;}
.news-pic img {width:90px; height:57px;}
.news-con{ float:left; width:72%; margin-left:1%;}
.newsbox h4{ width:100%; height:18px; line-height:14px; font-size:14px;}
.newsbox-txt { font-size:12px; margin-top:5px;}
.line{ width:96%; margin:0 2%; height:1px; background:#CCC;}
.prodcut .column-title, .column-title{ margin-bottom:10px;}
.column-title h3 { font-size:22px; height:24px;}

@media (max-width:330px) {
.news-con{ float:left; width:66%; margin-left:1%;}
}