@charset "utf-8";

/*公共标题*/
.main_title{
	display: block;
    text-align: center;
	}
.main_title p{
    font-size: 30px;
    color: #02b2b5;
    line-height: 1.8;
	}
.main_title .dec{
    width: 42px;
    height: 4px;
    margin: 15px auto;
    background: #02b2b5;
    display: block;
	}



/*关于我们*/
.index_about{ background:#f8f8f8; padding-top:58px; padding-bottom:58px}
.index_about .main{ width:1180px; margin:0 auto}
.index_about .main .left_txt{ display:block; float:left; width:47%}
.index_about .main .left_txt h2 {
    font-weight: normal;
    font-size: 28px;
    line-height: 1;
    color: #02b2b5;
    letter-spacing: -0.5px;
}
.index_about .main .left_txt h2 .dec{
	width:42px; height:4px; margin:15px 0 20px 0; background:#02b2b5; display:block
	}
.index_about .main .left_txt *{ 
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
	color:#555;
}
.index_about .main .left_txt a{
    border: 2px solid #02b2b5;
    display: block;
    float: left;
    border-radius: 4px;
    margin-top: 15px;
    width: 30%;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    color: #02b2b5;
    line-height: 1.2;
	}
.index_about .main .left_txt a:hover{ background:#02b2b5; color:#fff}


.index_about .main .rightimg{
	width:50%; display:block; float:right;overflow: hidden;
	}
.index_about .main .rightimg img{
	display: block;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease-out;
	}
.index_about .main .rightimg:hover img{
	transform: scale(1.2);
	}



/*产品展示*/
.in_news{
    padding-top: 60px;
    padding-bottom: 60px;
	}

.in_news .news_top {
    width: 1168px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    border: 1px solid #e0e0e0;
	}
	
.in_news .news_top li{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 68px;
    font-size: 16px;
    border-right: 1px solid #e0e0e0;
	}
.in_news .news_top li:nth-child(5){ border-right:none}
.in_news .news_top li a{font-size: 16px; line-height:50px; color:#666666}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#02b2b5;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; line-height:50px;}

.in_news .news_box{ width:1180px; margin:40px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	width:280px;
	float: left;
    margin-right:20px;
    margin-bottom:20px;
	}
.in_news .news_box li:nth-child(4n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:280px;
    height:280px;
    overflow: hidden; background:#fff;
	display: table-cell;vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 1s ease-out;
	max-width: 100%;
    max-height: 100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.2);
	}

.in_news .news_box li p{
	line-height:52px;
	font-size:16px;
	color:#333333;
    text-align:center
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:16px;
	color:#333333;
	}
.in_news .news_box li:hover p{}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:16px;
	color:#02b2b5;
	}	



/*为什么选择我们*/


/*新闻中心*/
.index_news{ width:1180px; margin:50px auto; }
.left_news{ width:570px; display:block; float:left}
.left_news .title{ border-bottom:1px solid #cccccc; height:50px;}
.left_news .title p{ float:left; line-height:50px; background:url(../images/dec.jpg) left center no-repeat; padding-left:18px; font-size:18px; color:#02b2b5}
.left_news .title a{ float:right; line-height:50px; color:#666666; font-size:14px;}
.left_news .cont{ margin-top:20px}
.left_news .cont .top_news{}
.left_news .cont .top_news .leftimg{ display:block; float:left; width:35%}
.left_news .cont .top_news .leftimg img{ max-width:100%; height: auto}

.left_news .cont .top_news .righttxt{ width:61%; display:block; float:right}
.left_news .cont .top_news .righttxt p{}
.left_news .cont .top_news .righttxt p a{
    font-size: 17px;
    line-height: 2;
	}
.left_news .cont .top_news .righttxt span{
    font-size: 14px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    height: 66px;
    color: #888;
	}
.left_news .cont .top_news .righttxt .more{
	width: 100px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    background: #02b2b5;
    color: #fff;
    font-family: arial;
    margin-top: 8px;
	}
.left_news .cont .bot_new{ margin-top:15px}
.left_news .cont .bot_new ul li{ border-bottom:1px solid #e5e5e5}
.left_news .cont .bot_new ul li a{
	display: block;
    float: left;
    width: 70%;
    line-height:40px;
    font-size: 15px;}
.left_news .cont .bot_new ul li span{
 display: block;
 width: 30%;
 line-height:40px;
 font-size:14px;
 float: right;
 color: #888;
 text-align: right;
 font-family: Arial, Helvetica, sans-serif;
	} 


.right_news{ width:570px; display:block; float:right}
.right_news .title{ border-bottom:1px solid #cccccc; height:50px;}
.right_news .title p{ float:left; line-height:50px; background:url(../images/dec.jpg) left center no-repeat; padding-left:18px; font-size:18px; color:#02b2b5}
.right_news .title a{ float:right; line-height:50px; color:#666666; font-size:14px;}
.right_news .cont{ margin-top:8px}
.right_news .cont ul li{ padding-top:12px; padding-bottom:12px; border-bottom:1px solid #e5e5e5}
.right_news .cont ul li .leftimg{
	width: 20%;
    display: block;
    float: left;
	}
.right_news .cont ul li .leftimg img{ max-width:100%; height:auto}
.right_news .cont ul li .righttxt{ width:77%; display:block; float:right}
.right_news .cont ul li .righttxt p{} 
.right_news .cont ul li .righttxt p a{
	    font-size: 15px;
    line-height: 2;
	} 
.right_news .cont ul li .righttxt span{
		    font-size: 14px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    height: 44px;
    color: #888;
	}
	
	
	
.guanggao{ background:#008781; padding:28px 0;}
.guanggao ul{ width:1180px; margin:0 auto}
.guanggao ul li{ float:left; line-height:52px; font-size:24px; color:#fff}
.guanggao ul li span{line-height:52px; font-size:24px; color:#fff59c}
.guanggao ul li a{ float:right; border:1px solid #fff; font-size:16px; color:#fff}




.ad-bg{
    background: url(../images/bg_ys.jpg) center center no-repeat;
    background-size: 100% 100%;
    padding: 4.2% 0;
}
.max1200{ max-width:1180px; margin:0 auto}

.ad-index{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.adl{
  width: 55%;
}

.adl .ad1{
    font-size: 3vw;
    text-transform: uppercase;
    line-height: 1.0;
    font-family: arial;
    color: #02b2b5;
	text-shadow: 5px 5px 5px #fff;
}

.adl .ad2{
    font-weight: bold;
    font-size: 42px;
    line-height: 1.2;
    color: #02b2b5;
    text-shadow: 5px 5px 5px #fff;
}

.adl .ad3{
    font-size: 21px;
    line-height: 2.1;
    font-weight: 500;
	text-shadow: 5px 5px 5px #fff;
}

.adl .ad-list{
    margin-top: 1.5vw;
    flex-wrap: wrap;
}

.adl .ad-list li{
    background-color: rgba(255, 255, 255, 0.9);
    width: 49%;
    margin-bottom: 2%;
    border-radius: 5px;
    padding: 4.2%;
    box-sizing: border-box;
    transition: all 0.5s ease;
    box-shadow: 2px 2px 2px 2px #dfdfdf;
}

.adl .ad-list li:hover{ margin-top:-5px}
.adl .ad-list li .adli1{
  justify-content: flex-start;
  align-items: center;
}

.adl .ad-list li .adli1 img1 img{
  max-width: 100%;
}

.adl .ad-list li .adli1 .w1{
    font-size: 20px;
    margin-left: 10px;
    color: #333;
}

.adl .ad-list li .adli2{
    color: #666666;
    line-height: 25px;
    margin-top: 10px;
	text-align:justify
}

.flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex;
}