@charset "utf-8";
/* CSS Document */
/*公用类start*/
.wrap{ width:100%; height:100%; background:#f8f8f8; padding:0; margin:0; overflow:hidden;}
.column-title{ width:100%; height:auto; overflow:hidden}
.column-title img {height:auto; width:100%; vertical-align:top;}
.location{ padding:0 5%; height: 50px; line-height: 50px; width:100%; border-bottom:1px solid #ccc; background: #FFF; overflow: hidden;}
.crumbs {background: url(../images/icon01.png) left no-repeat;padding-left: 20px; float: right;}
.current{ float: left; height: 50px; line-height: 50px; font-size: 20px; color: #012346; border-bottom: 3px solid #fbb307; }
.current span{ margin-left: 5px; font-size: 14px; }
/*分页*/
.fenye {text-align: center; font-size:1.4rem;clear: both; margin-top: 25px;}
.fenye a { 
	background:#1ba29e; color:#FFF; font-size:14px;  text-decoration: none;
	display: inline-block; width: 60px; height: 26px; line-height: 26px; text-align: center; border-radius:3px;
}
.fenye .xuanze{font-size:14px; width: 40px; height: 26px; margin:5px;}
.fenye span{ font-size: 16px; }
/*分类菜单*/
.sub-menu{ width: 100%; height: auto;  overflow: hidden; }
.submenu-class{ width: 100%; font-size: 16px; padding:10px 0; }
.menulist{ width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.menulist li a{ display: block; font-size: 14px; margin:5px; padding:5px 20px; background: #ddd; border-radius:3px; text-decoration: none; }
.menulist li a.on{ background: #0d55a0; color: #FFF; }
.menulist li a:hover{ background: #0d55a0; color: #FFF; transition: 0.3s;}


/*单页面*/
.about{ padding:20px 0; }
.about .sub-menu{ padding:0 5%; }
.single-page{ margin-top:20px; width:100%; padding:0 5%; height:auto; min-height:350px; font-size:16px; line-height:36px; overflow:hidden;}

/*详情页*/
.details-page{ width:100%; height:auto; overflow:hidden;}
.details-head{ text-align:center; float:left; width:100%; height: auto; margin-top:20px; overflow:hidden;}
.details-head h4{ font-size:16px; font-weight:bold;}
.details-head p{ text-align:center; float:left; width:100%; font-size:14px; border-bottom: dashed 1px #ccc; border-top: dashed 1px #ccc;
 height:auto; margin-top:20px; line-height:32px;}
.details-con{ float:left; line-height:38px; width:100%; font-size:16px; text-align:justify; margin-top:15px; font-family:"微软雅黑";}
.switch{ width:100%; height:auto; margin-top:15px; float:left; font-size:14px;}
.switch p{ height:20px; line-height:20px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.switch span{ font-weight:bold;}
.fanhui{ text-align:right; width:100%; height:40px; float:left; margin-top:20px;}
/**新闻资讯**/
.news{ width:100%; height:auto; padding:20px 5% 0 5%; overflow:hidden;}
.news-list{ width:100%; height:auto; margin-top:5px; overflow:hidden;}
.news-list li { width:100%; height:auto; padding:15px 0; border-bottom:1px solid #DDD; overflow:hidden;}
.news-list li:hover{ border-bottom:1px solid #e7bc79;} 
.news-pic{ float:left; width:285px; height:180px; overflow:hidden; background:url(../images/news_bg.jpg) no-repeat;}
.news-pic img { width:100%; height:auto;}
.news-txt{ width:70%; height: auto; float:left; margin-left:1%; overflow:hidden;}
.news-txt h4{ font-size:18px; width:100%; height:30px;}
.news-txt .inf{ height:30px; line-height:30px; color:#666;font-size:14px;}
.news-txt .con{ width:100%; height:60px; line-height:30px; color:#666;font-size:14px; overflow:hidden;}
.news-txt .btn{ margin-top:15px;}
/**产品中心**/
.prodcut{width:100%; padding:20px 5%; height:auto; background:#f4f4f4; overflow:hidden;}
.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{ width:96%; 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);}

/**加入我们**/
.join_list{ width:100%; height:auto; min-height:200px;}
.join_list li { width:99%; padding:0 1%; margin-top:15px; height:40px; line-height:40px; font-size:14px; background:#FFF; border:1px solid #DDD;}
.join_list li a{ display:block; width:75%; height:100%; text-decoration:none; float:left;}
.join_list li:hover{ border:1px solid #029b4e;}
.join_list li a:hover{ color:#029b4e;}

/**联系我们**/
.lx-txt{ width:100%; height:auto; margin-top: 20px;  font-size:16px; line-height:36px; text-align:left; overflow:hidden;}
/**媒体查询**/
@media (max-width:1199px) {
.news-txt{ width:60%;}
}
@media (max-width:991px) {
.news-txt{ width:55%;}
}
@media (max-width:767px) and (min-width:375px) {
.single-page img{ width:100%}
.col-xs-6{ padding:5px;}
.location{ text-align: center; }
.crumbs { display: none; }
.current{ font-size: 16px; display: inline-block; float: none;}
.single-page{ margin:5% 0; padding:0 5%; text-align: justify; }	
.news-pic{ width:90px; height:57px; background-size:cover; float:left; overflow:hidden;}
.news-pic img {width:90px; height:57px;}	
.news-txt{ width:72%; float:right;}
.news-txt h4{ font-size:14px; height:20px; width:100%;}
.news-txt .btn,.news-txt .inf{ display:none;}
.news-txt .con{ height:32px; line-height:16px; font-size:12px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.details-head h4{ font-size:1.6rem; line-height: 20px; font-weight:bold;}
.details-con img { max-width:100%; height:auto;}
.fanhui{ display: none; }
.prodcut{ padding:2% 2%; }
.prodcut .container-fluid { padding:0 15px;}
.pro{ margin:0px; padding:5px;}
.pro h4 { font-size:14px;}
.row p{font-size:16px;}
.row img{width:100%}}
@media (max-width:374px) {
.news-pic{ width:90px; height:57px; background-size:cover; float:left; overflow:hidden;}
.news-pic img {width:90px; height:57px;}	
.news-txt{ width:72%; float:right;}
.news-txt h4{ font-size:14px; height:20px; width:100%;}
.news-txt .btn,.news-txt .inf{ display:none;}
.news-txt .con{ height:32px; line-height:16px; font-size:12px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-txt{ width:65%; height: auto; float:left; margin-left:1%; overflow:hidden;}
.single-page img{ width:100%}
.details-con img{width:100%}
.row p{font-size:14px;}
.row img{width:100%}
	}