@charset "UTF-8";
/*css 初始化开始 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { 
    margin: 0; 
    padding: 0; 
}
fieldset, img,input,button { 
    border: none; 
    padding: 0;
    margin: 0;
    outline-style: none; 
}
ul, ol { 
    list-style: none; 
}
input { 
    padding-top: 0; 
    padding-bottom: 0; 
    font-family: Microsoft YaHei;
}
select, input { 
    vertical-align: middle;
}
select, input, textarea { 
    font-size: 14px; margin: 0; 
}
textarea { 
    resize: none; 
} /*防止拖动*/
img {
    border: 0;	
    vertical-align: middle; 
}  /*  去掉图片低测默认的3像素空白缝隙*/
table { 
    border-collapse: collapse; 
}
body {
    color: #000;
    overflow-x: hidden;	
	font-size: 14px;
    font-family: Microsoft YaHei;
}
.clearfix:before,.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix{
	clear:both;
    *zoom: 1;/*IE/7/6*/
}
a {
    text-decoration: none;
	color: #13a0b2;
}
h1,h2,h3,h4,h5,h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}
s,i,em{
    font-style: normal;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color:inherit;
}
.top {
    height: 35px;
    line-height: 35px;
    background-color: #20262e;
    color:#fff;
}
.top a {
	color:#fff;
}
.eco_header {
	padding: 20px 0;
}
.top-info {
	display:inline-block;
	padding: 0 20px;	
	float:left;	
	text-align:left;
	border-right:1px solid #CFCFD0;
}
.top-info:last-child  {
	border-right:none;
}
.top-info i {
	display: inline-block;
    float: left;
    font-size: 30px;
	padding: 10px 0;
}
.top-info p {
	display: inline-block;
    font-size: 16px;
    color: #232932;
    margin-left: 18px;
    line-height: 25px;
}
.top-info p a {
	color:#232932;
	font-size:1em
}
.top-info p>span,.top-info p>span a {
	color:#9692a0
}
.content-box {
	display:table-cell;
	vertical-align:middle;
}
.content-box span {
	font-size:15px;
	color:#282F39;
}
#header {
	width:100%;
}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
}
.navbar {
	margin-bottom:0px!important;
	background: #13A0B2;
}
.navbar ul {
    padding:5px;
}
.navbar-default .navbar-nav>li{
    border-top:1px solid #4DB8C5;
    border-bottom:1px solid #4DB8C5;   
    border-right:1px dotted #4DB8C5;
    padding: 15px 80px;
}
.navbar-default .navbar-nav>li a {
	padding:0px!important;
}
.navbar-default .navbar-nav>li:first-child{
    border-left:1px solid #4DB8C5;
}
.navbar-default .navbar-nav>li:last-child{
    border-right:1px solid #4DB8C5;
}
.navbar-default .navbar-nav>li>a{
    color:#fff;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:focus{
    color:#f6bb19;
}
@media (min-width:992px) and (max-width:1199px){
	.navbar-default .navbar-nav>li{
    padding: 15px 35px;
	}
}
@media (min-width:768px) and (max-width:991px){
	.navbar-default .navbar-nav>li{
    padding: 15px 20px;
	}
}
@media (max-width:768px) {
	.eco_header {
		width: 70%;
		float: left;
		padding:10px 0;
	}
	.navbar-nav{
		margin:0px;
	}
	.navbar {
		position: inherit;
		background:transparent;
	}
	.navbar ul{
		padding:0px;
	}
    .navbar-default .navbar-nav>li{
        border-top:1px solid #4DB8C5;
        border-bottom:none;   
        border-right:none; 
		background:#13A0B2;
    }
    .navbar-default .navbar-nav>li:first-child{
        border-left:none;
    }
    .navbar-default .navbar-nav>li:last-child{
        border-right:none;
    }
	.navbar-default .navbar-nav>li{
    padding: 10px 22px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-collapse{
		padding:0px;
		width:110%;
	}	
	.navbar-default .navbar-toggle {
		background:#13A0B2;
		border-color:transparent;
		margin-top:4%;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #13A0B2;
    }
}
/*产品分类*/
.ser_bg {
	background:#f7f8fa;
	overflow:hidden;
}
.ser_bg  article {
	margin-top: 50px;
    margin-bottom: 50px;
}
@media (max-width:768px){
	.ser_bg  article {
	margin-top: 30px;
    margin-bottom: 30px;
 }
}
.tit h3{
	font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.tit em {
	display:block;
	width:50px;
	height:3px;
	margin: 10px 0;
	background:#f6bb19;
}
.tit span {
	font-size: 16px;
    color: #666;
}
.ser_txt p {
	font-size: 16px;
    color: #666;
	line-height:30px;
}
.category li {
	position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.cate_item {
	margin-bottom: 30px;
}
.cate_img {
	float: left;
    margin: 10px 0;
	padding:0px;
    overflow: hidden;
    text-align: center;
    height: auto;
    z-index: 1;
}
.cate_img img {
	background: #fff;
    padding: 8px;
	width:100%;
}
.cate_txt {
	overflow: hidden;
    padding: 6%;
    height: auto;
	border:1px solid #e6e6e6;
	content:'';
	position:relative;
	left:-5%;
	top:0;
	display:block;
	background:#fff;
}
@media (min-width:768px) and (max-width:991px){
	.cate_txt {
    padding: 8% 6%;    
  }
}
.cate_txt h4 {
	color: #37474f;
    font-size:1.5rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
}
.cate_txt h4:before {
	content:'';
	width:45px;
	height:3px;
	background:#f6bb19;
	position:absolute;
	top:30px;
}
.cate_txt p {
	color: #777;
    font-size: 14px;
    line-height: 26px;
    height: 114px;
    overflow: hidden;
    padding: 13px 0 0;
    width: 100%;
}
.cate_txt:hover {
	background:#13a0b2;
}
.cate_txt:hover h4,.cate_txt:hover p {
	color:#fff;
}
/*关于我们*/
.iabout {
	padding: 0px!important;
}
.iabout_l {
	background:url(../images/about_bg.jpg) no-repeat;
	background-size: cover;
    height: 400px;
    position: relative;
    background-position: right;
}
.iabo_img {
	background: rgba(47,45,55,.2);
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.miaos {
	background: rgba(0,0,0,.4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.miaos h3 {
	font-weight: 700;
    font-size: 20px;
    color: #fff;
    background: #13a0b2;
    display: inline;
    position: absolute;
    padding: 12px 39px;
    top: 40px;
    right: 0;
}
.miaos h3 a {
	color:#fff;
}
.iabout_r {
	height: 400px;
	background: #282F39;
    position: relative;
    overflow: hidden;
}
.iabout_txt {
	padding-left:60px;
}
.iabout_txt h3 {
	font-weight: 700;
    font-size: 20px;
    color: #fff;
	padding: 45px 0 15px;
    position: relative;
}
.iabout_txt h3 a {
	color:#fff;
}
.iabout_txt em{
	display: block;
	width: 80px;
	height: 3px;
	margin: 15px 0;
	background: #f6bb19;
}
.iabout_txt p {
	color: #bcc1c7;
    width: 75%;
    line-height:35px;
}
@media (min-width:768px) and (max-width:991px){
  .iabout_txt p {
	  width:90%;
  }
}
@media (max-width:768px){
	.iabout_txt {
		padding-left:30px;
	}
	.iabout_txt p {
		width: 90%;
	}
}
/*热门产品*/
.ipro {
	padding: 50px 0 30px;
}
.ipro_con {
	margin: 30px 0;
}
.ipro_con li {
	position: relative;
    float: left;
    min-height: 1px;
    padding:0 15px;
    margin-bottom: 22px;
}
.ipro_in {
	text-align: center;
	background: #282F39;
}
.ipro_img {
	position: relative;
    overflow: hidden;
	cursor: pointer;
}
.ipro_img img{
	display: inline;
	width: 100%;
	/*height: 100%;*/
	height: 263px;
}
.p_detail {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background:#000;
	opacity:0.7;
	padding:3%;
	border:1px solid #fff;
	display:none;
}
.p_detail p {
	color: #fff;
    display: block;
    height: 100%;
    padding: 20% 3%;
    line-height: 30px;
    text-align: left;
    border: 1px solid #fff;
}
.ipro_img:hover .p_detail {
	display:block;
	cursor:
}
.ipro_txt {
    border-top: 2px solid #f6bb19;
	padding:12px;
}
.ipro_txt h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.ipro_txt h4 a{
	color: #13a0b2;
}
.ipro_txt h4 a:hover {
	color: #f6bb19;
}
.ipro_txt p {
    color: #aaa;
    line-height: 22px;
}
/*推荐新闻*/
.hotnews {
	background:url(../images/news_bg.jpg) no-repeat;
	background-attachment: inherit;
    background-position: center center; 
    background-size: cover;
    opacity: 1;
    position: relative;
}
.inews_in {
	background: #171d26;
	opacity:0.8;
    position: relative;
}
.inews_col {
    padding: 50px 15px;
}
.inews_col h3 {
	color: #fff;
}
.inews_col p {
    color: #d2d2d2;
    line-height: 25px;
    padding-top: 8px;
    padding-bottom: 15px;
}
.inews_col ul li i {
	display:block;
	color:#fff;
	margin: 10px 0;
}
.inews_col ul li a {
    color: #fff;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.inews_col ul li a:hover {
	color:#f6bb19;
}
/*新闻资讯*/
.indexnew {
	padding-top:50px;
	overflow: hidden;
}
.news_info {
	padding:50px 0;
	overflow:hidden;
}
.news_info li {
	position: relative;
    float: left;
    margin-bottom: 20px;
	padding: 0px;
}
.news_all {
	position:relative;
}
.news_all img {
	display:inline;
	width:100%;
}
.news_img {
	background: #000;
	opacity:0.6;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.news_details {
	position: absolute;
    bottom: 0;
    padding-left: 30px;
    width: 100%;
}
.news_details:before {
	content: '';
    width: 2px;
    height: 60px;
    background: #13a0b2;
    position: absolute;
    left: 18px;
    bottom: 28px;
}
.news_details span {
    color: #fff;
    line-height: 22px;
    padding-top: 5px;
    display: block;
}
.news_details h4 {
	font-weight: 700;
    color: #f6bb19;
    height: 18px;
    overflow: hidden;
}
.news_details p {
    line-height: 22px;
    color: #d4d4d4;
	width: 90%;
	padding: 10px 0;
    overflow: hidden;
}
.news_info li:hover .news_all {
	margin-top:-20px;
	margin-bottom:20px;
}
.news_info li:hover .news_details {
	background:#13a0b2;
}
.news_info li:hover .news_details:before {
	background:#fff;
}
/*商盟成员*/
.shangmeng {
	margin-bottom:50px;
}
.shangmeng ul li {
	float: left;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    margin: 10px 8px;
}
.shangmeng ul li a {
	color: #000;
    padding: 0 20px;
    font-size: 16px;
	display: block;
}
.shangmeng ul li a:hover {
	color: #fff;
	background: #13a0b2;
}
.motion {
	background: #13a0b2;
	padding:20px 0;
}
.motion p{
	color: #fff;
    font-size: 22px;
    display: inline-block;
    margin: 0 50px;
}
.motion a {
	font-weight: 500;
    color: #282f39;
    display: inline-block;
    background: #F6BB15;
    line-height: 40px;
    padding-left: 20px;
    border-radius: 3px;
    padding-right: 10px;
    font-size: 14px;
}
.motion a i {
	padding-left: 15px;
    padding-right: 8px;
    vertical-align: middle;
    border-left: 1px solid rgba(255,255,255,.8);
    margin-left: 20px;
    font-size: 14px;
    line-height: 28px;
}
/*底部*/
.footer {
    background: #212832;
    padding: 40px 0 0 0;
}
.footer h4 {
	width:80px;
	color: #fff;
    margin: 10px 0 20px;
    padding-bottom: 15px;
    font-size: 18px;
	border-bottom:2px solid #13a0b2;
}
.foot_txt p{
	color:#fff;
	line-height:35px;
}
.foot_txt a {
	color: #13a0b2;
    margin: 10px 0;
}
.foot_type {
	color:#fff;
}
.foot_type li{
	line-height:30px;	
}
.foot_type li i {
	display:inline;
	color:#13a0b2;
	padding-right: 10px;
	font-size: 1rem;
}
.foot_type li a {
	color:#fff;
}
.foot_type li a:hover{
	color:#f6bb19;
}
.foot_type li i.lar {
	font-size:16px;
}
.copyright {
    padding: 20px 0 20px 0;
    color: #797a7c;
    background: #1c222a;
}
.copyright p {
	line-height:25px;
}
.copyright p a {
	color: #797a7c;
}
@media (max-width:767px){
	body {
		padding-bottom:70px;
	}
}
/*移动端底部导航*/
.phonefooternav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 3px 0;
  border-right: 1px solid #666;
  list-style: none;
}
.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a:hover{
	text-decoration: initial;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 10px 0;
}
/*内页*/
.about_con {
	background: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px;
}
.con_t h4 {
	width:100px;
	font-weight: 500;
    font-size: 18px;
    padding-bottom: 10px;
	border-bottom:2px solid #f6bb19;
}
.about_item {
	margin:20px 0;
}
.about_item li {
	border-bottom: 1px solid #e1e1e1;
    line-height: 45px;
}
.about_item li a {
	display:block;
	padding-left: 15px;
}
.about_item li a:hover {
	background: #13a0b2;
	color:#fff;
}
.news_item {
	margin:20px 0;
} 
.news_item li {
	line-height:35px;
	border-bottom: 1px solid #e1e1e1;
}
.news_item li a:hover {
	color:#f6bb19;
}
.news_item li span{
	color: #999;
	display:block;
}
.about_art p{
	line-height:30px;
	color:#222;
	padding: 20px 10px;
}
.crumb {
	line-height: 50px;
    color: #13a0b2;
	background: #f2f2f2;
	border-bottom: 1px solid #e1e1e1;
}
.type_item {
	margin: 20px 0;
}
.type_item li img {
	display:inline;
	max-height: 115px;
}
.type_item li a{
	display: block;
    color: #13a0b2;
    text-transform: uppercase;
}
.type_item li a p {
	line-height:35px;
}
/*产品列表*/
.show_pro li {
	margin:20px 0;
}
.show_img {
	max-width:190px;
	max-height:190px;
	margin: 0 auto;
	overflow: hidden;
}
.show_img img{
	width:100%;
	height:100%;
	display:inline;
	cursor: pointer;  
	transition: all 0.6s;  
}  
.show_pro img:hover{
	transform: scale(1.1);  
}
.show_pro li span {
	display:block;
	line-height:35px;
	background:#e2e2e2;
}
.show_pro li span a {
	color:#2a333c;
}
.show_pro li span a:hover {
	color:#13a0b2;
}
.pages {
	padding: 30px 0 30px;
	text-align: center
}
.pages li {
	display: inline;
	margin:0 5px;
	font-size:14px;
}
.pages li a:hover {
	padding: 3px 8px;
	border: 1px solid #428BCA;
	background: #13a0b2;
	color: #fff;
	text-decoration: none
}
.pages a {
	padding: 5px 8px;
	border: 1px solid #CCC;
	background: #fff;
	color: #a4a4a4;
	font-size:12px;
}
/*新闻列表*/
.newslist {
	margin-top:20px;
}
.news_in {
	min-height: 80px;
    margin-bottom: 10px;
    overflow: hidden;
}
.time {
	width:18%;
    background: #13a0b2;
    text-align: center;
    padding: 32px 0;
    color: #fff;
    border-right: 2px solid #f6bb19;
}
.time i {
    display: block;
	font-size: 18px;
    border-bottom: 1px solid #fff;
}
.time time {
    display: block;
	font-size:13px;
}
.newstxt {
	width:82%;
    background: #fff;
	padding:10px;	
}
.newstxt h3 {
    height: 40px;
	line-height: 40px;
}
.newstxt h3 a{
    color: #2a333c;
    font-weight: 500;
    font-size: 16px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newstxt p {
    line-height: 25px;
    color: #8e8d8d;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
/*产品详细*/
.para {
	margin:20px 0;
}
.para_item h1 {
	color: #13a0b2;
    font-size: 18px;
	font-weight:bold;
	padding-bottom: 15px;
}
.para_item p {
	line-height:35px;
}
@media (max-width:768px) {
	.para_item {
		margin:10px 0;
	}
}
.con_right article{
	padding:20px;
}
.con_right img {
	display:block;
	max-width:100%;
	height:auto;
	margin:10px 0;
}
.pro_info {
	padding: 20px 0;
    line-height: 30px;
}
.pro_info hr {
	height:1px;
	background:#13a0b2;
}
.tag p{
	display:block;
	padding:5px;
	margin:10px 0;
	border-radius: 10px;
	border:1px solid #d2d2d2;
}
.tag p:hover{
	border:1px solid #13a0b2;
}
.news_t {
	line-height:30px;
}
.news_t h1 {
	font-size:18px;
}
.show_news li {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #d2d2d2;
}
.show_news li a{
	width:70%;
	float:left;
	text-align:left;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color:#000;
}
.show_news li span {
	width:30%;
	float:right;
	text-align:right;
}
/*联系我们*/
.con_art p{
	line-height:30px;
	padding:10px 0;
}
.con_art img {
	display:inline;
	margin:10px 0;
}
.map img {
	max-width: none!important;
}
/*网站地图*/
.sitemap {
	margin:10px 0;
}
.sitemap h3 {
	margin:20px 0;
	font-size:16px;
}
.sitemap dl a {
	margin-right:10px;
}