@charset "utf-8";

/* CSS Document */



body {

	font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

	height: 100%;

	min-width: 1260px;

	background: #fff;

	max-width: 100%;

	overflow: auto;

	color: #666;

	overflow-x: hidden;

	padding: 0px;

	margin: 0px;

}

a {

	color: #666;

	text-decoration: none;

	outline: none;

}

a:active {

	star:expression(this.onFocus=this.blur());

}

img {

	border: 0px;

	vertical-align: middle;

}

a:link {

	text-decoration: none;

	outline: none;

}

a:visited {

	text-decoration: none;

	outline: none;

}

a:hover {

	text-decoration: none;

	color: #333;

	outline: none;

}

ul, p, dl, dt, dd {

	padding: 0px;

	margin: 0px;

}

li {

	list-style-position: outside;

	list-style-type: none;

}

h1, h2, h3, h4, h5 {

	padding: 0px;

	margin: 0px;

}

input{margin:0;padding:0;outline:0;-webkit-appearance:none;}

input::-webkit-input-placeholder{color:#ccc;}

input::-ms-input-placeholder{color:#ccc;}

input::-moz-placeholder{color:#ccc;}

input[type=button],input[type=submit]{cursor:pointer;}

button[disabled],input[disabled]{cursor:default;}

input {

	background: transparent;

	padding: 0px;

	font-size: 14px;

	color: #888;

	border: 0px;

	outline: none;

}



em {

	font-style: normal;

}

i {

	font-style: normal;

}

/*清除浮动*/

.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix { /*兼容 IE*/ zoom: 1;}

/************全局样式************/

.fl {  float: left;  }

.fr { float: right;  }

/*t图片样式*/

.center-block{display:block;margin-right:auto;margin-left:auto}

img { border: 0px; vertical-align: middle;  }

.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}

.avatar {  display: block;overflow: hidden; width: 100%; }



.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.avatar:hover img {transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3);  }

/*文字超出隐藏*/

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/**/

.wal {

	width: 1200px;

	margin: 0px auto;

}

.main_txt{ text-align: center}

.main_txt b{ font-size: 32px; color: #333; display: block}





/*顶部导航*/

.header {



	width: 100%;



	background: #fff;



}



.top-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center;height:90px; position: relative; }



.logo_txt { display: flex; align-items: center;  }

.logo_txt a { display: block; padding-right: 20px;}

.logo_txt b{ font-size: 28px; color: #333;}

.logo_txt span{ color: #08998A}

.logo_txt p { font-size: 16px; line-height: 36px;}

.header_phone { display: flex; align-items: center; padding-left: 20px;}

.header_phone p {

	color:#666;

	font-size:16px;

}

.header_phone p img{ padding-right:8px;}

.header_phone b{ color:#000;   font-size: 30px;

	font-weight:500; margin-top:0;  display: block;}

/*导航菜单*/

.navbar{ width: 100%; height:60px;  border-top:1px solid #eee; }

.nav {margin:0;  display: flex; align-items: center; justify-content: space-between;}

.nav li{ position: relative;}

.nav li a{

	display:block;

	font-size: 16px;

	line-height: 60px;

	color: #333;

	padding: 0 32px;



	text-align: center;





}



.nav a:hover, .nav li:hover > a {



	color:#fff;

	background: #08998A;

}

/* 二级菜单 */

.ejxl{display: none;background-color: #fff;transition: all 0s;z-index:99;

	position: absolute;top:100%; width: 100%;

}

.nav li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%;}

.nav li .ejxl li a{display: block;color:#444;font-size: 15px;height:35px;line-height:35px; padding:5px 0; width: 100%; text-align: center;  }

.nav li .ejxl li:hover a { background: none;}

.nav li .ejxl a:hover{color: #08998A;}



/*导航菜单 end*/





/*首页banner图*/

#banner .swiper {

	width: 100%;

	height: 100%;

}



#banner .swiper-slide {

	background-position: center;

	background-size: cover;

}



#banner .swiper-slide img {

	display: block;

	width: 100%;

}

#banner .swiper-button {

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	text-align:center;

	color:#fff;

	background:rgba(0, 0, 0, 0.3);

	border-radius:50%;

	cursor:pointer;

	overflow:hidden;

	z-index:10;

	width: 50px;

	font-size: 30px;

	line-height: 50px;

	height: 50px;

	transition:all .5s ease;

	outline: none;



}

#banner .swiper-button:hover {

	background:rgba(8,153,138,1);

}



.btn-prev {

	left:5%;

}



.btn-next {

	right:5%;

}



#banner .swiper-slide .content {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	position: relative;

}



#banner .scalePic {

	position:relative;

	left:auto;

	top:auto;

	transform:translate(0) scale(1.08);

	width:100%;

	max-width:none;

	transition:all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);

}

#banner .swiper-slide.swiper-slide-active .scalePic {

	transform:translate(0) scale(1);

}

#banner .swiper-pagination-bullet {

	position: relative;

	margin: 0 8px!important;

	display: inline-block;

	width: 16px;

	height: 16px;

	border: 1px solid #fff;

	overflow: hidden;

	z-index: 10;

	border-radius: 100%;

	outline: none;

}



#banner .swiper-pagination-bullet::before {

	content:'';

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%, -50%);

	display:block;

	width:6px;

	height:6px;

	border-radius:50%;

	background:#c6c6c6;

}

#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {

	background:#fff;

}

.swiper-pagination-bullet-active {

	opacity: 1;

	background: #08998A;

}

/*首页banner图 end*/

/*产品*/

.product{ margin-top: 60px}

.other_top ul{ padding: 0; margin:30px auto;}

.other_top ul li{width: calc(100% / 6);float: left;text-align: center;}



.other_top ul li a{color: #666; display: block; margin: 5px;	background: #f1f1f1;

	border-radius: 10px;

	text-align: center;font-size: 16px; line-height: 45px;

	transition: all 0.5s; }





.other_top a:hover{

	background: #08998A;

	color: #fff;

}





.slide-content {



	height:auto;



}



.slide-nav-title {

	height:140px;

	color:#fff;

	background:#08998A;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

}

.slide-nav-title  b {

	line-height:28px;

	font-size: 26px;

	display: block;



}

.slide-nav-title p {

	color:#fff;

	line-height:38px;

	font-size: 14px;

	text-transform: uppercase;

}

.slide-con {

	height: 60px;

	color:#fff;

	background:#08998A;



}

.cont{ text-align:center; padding-top:10px;padding-bottom:10px;  color:#fff; line-height:60px; font-size:15px; background:#08998A}

.cont b{font-size:28px;

	font-weight: bold; color:#fff;

	padding:10px 0;

	display: block;

}

.cont p{

	font-size: 16px;

	color: #fff;

	font-weight: normal;

	line-height: 30px;

}



.cont b{ color:#fff; display: block;}



.pro-box ul{ padding: 0; display: flex; justify-content: flex-start;

	flex-wrap: wrap;

}

.pro-box ul li{  width: calc(33.3% - 10px); margin:10px 5px;  position: relative; overflow: hidden;}

.pro-box ul li a{ display: block; }

.pro-title{

	width: 100%;

	height:40px;

	text-align: center;

	position: absolute;

	bottom: 0px;

	background: rgba(8,153,138,.8);

	transition: all .3s ease-in;

	-webkit-transition: all .3s ease-in;

	display: block;

	flex-direction: column;

}

.pro-title a{ display:block; width:100%; height:100%; line-height:40px;}

.pro-title a span { color: #fff; line-height: 24px; padding: 15px;}

.pro-title a p{ display: block;text-align: center;line-height: 40px;font-size: 16px;color: #fff; font-weight: bold;}

.pro-title a:hover{ padding-top:55px;}

.pro-box ul li img{width:100%;height:auto;transition: all .5s;-webkit-transition: all .5s;}

.pro-box ul li:hover img{transform: scale(1.2);transition: all .5s;-webkit-transition: all .5s;}

.pro-box ul li:hover .pro-title {height: 100%;transition: all .3s ease-in;-webkit-transition: all .3s ease-in; display: flex; align-items: center; justify-content: center; cursor: pointer;}





/*关于我们*/

.about{background:url(../images/ab_bg.jpg) no-repeat center;padding:70px 0 80px; margin-top: 60px}

.about  {text-align:center; color:#666;}

.about .txt { margin-top: 30px}

.about .txt b{display:block; color:#08998A;font-size:30px; font-weight:bold; line-height:36px; margin-bottom:16px;}

.about .txt p { line-height: 32px; color: #666; }

.about  .list{  margin-top: 40px}

.about  .list li{width:29.3%; margin: 2%; float:left; text-align:center;}

.about  .list li .li_box a{ transition:all 0.5s ease; display: block}

.about  .list p { font-size: 17px; margin-top: 10px;}

.about  .li_box:hover a{transform:rotateY(180deg);}



.more-btn {

	margin-top: 20px;

	width: 130px;

	text-align: center;

	height:40px;

	background-color: #08998A;

	color: #fff;

	border: 1px solid #08998A;

	border-radius: 30px;

	line-height: 40px;



	display: inline-block;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	-o-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

}



.more-btn:hover {

	background-color: #fff;

	color: #08998A;

	border: 1px solid #fff;

}







/*优势*/



.ys {

	margin-top: 60px;



}

.ys ul {

	padding:0;

	margin-top: 30px;

}

.ys ul li {

	float: left;

	padding: 30px;

  margin-bottom:20px;

	box-shadow: 0 0 20px rgba(0,0,0,.1);



	background-color: #fff;

	text-align: center;

	display: flex;

}



.ys ul li:hover p {

	color: #333;

}

.ys ul li:hover {

	background: #f8f8f8;

	cursor: pointer;

}

.ys ul li b {

	font-size: 32px;

	font-weight: normal;

	color: #fff;

	text-align: left;

	padding: 50px;

	margin-top: 0;

	background: #08998A;

	display: block;

	flex: 1;

	letter-spacing: 6px;



}

.ys ul li span { overflow: hidden;}

.ys ul li img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.ys ul li:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }

.yswzs {

	padding:  30px;

	flex: 3;

}

.yswzs p {



	line-height: 28px;

	padding-left: 18px;

	background: url(../images/ysico.png) no-repeat 0 5px;

	font-size: 15px;

	color: #666;

	text-align: left;

	margin-top: 5px;

}



/*产品图册*/







/*新闻*/

.news { background: #F6F6F6; margin-top: 60px;padding:70px 0 80px;}

.inf-left{width:58%;  float:right;}

.news-frame{padding-top:15px;}

.news-single1{ height:120px;overflow:hidden; background-color:#fff; padding: 10px; margin-top:10px;}

.news-single1 a{ align-items: center;}

.news-single1 a:hover .ne-name { color: #08998A}

.ne-pic{width:200px; display:block; overflow:hidden; float:left; margin-right:15px;}

.ne-text{ height:120px; display:block; overflow:hidden;}

.ne-name{height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block; margin-top:20px;}

.ne-jian{height:50px; line-height:25px; font-size:12px; color:#666666; overflow:hidden; margin-top:5px;}

.newsf-bottom{ height:230px; background-color:#fff; margin-top:10px; padding: 10px}

.news-single2{ height:109px;overflow:hidden; border-bottom:1px solid #dddddd; margin-bottom:10px;}

.ne2-name{height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block;}

.ne2-jian{height:30px; line-height:30px; font-size:12px; color:#666666; overflow:hidden; margin-top:5px;}

.ne2-more{height:30px; line-height:30px; font-size:12px; color:#999; display:block;}

.ne2-more:hover { color: #08998A}

.news-single3{height:40px;overflow:hidden;}

.ne3-name{height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block; float:left; }

.ne3-time{height:40px; line-height:40px; font-size:12px; color:#999; overflow:hidden; float:right;}

.news-single3:hover .ne3-name{ color: #08998A}

.inf-right{width:40%; float:left;}

.inf-tw{ padding:20px; background-color:#fff; margin-top:25px;}

.inf-tw a:hover .news-name { color: #08998A}

.news-pic{  display:block; }

.news-name{ height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block; margin-top:20px;}

.news-jian{height:50px; line-height:25px; font-size:12px; color:#888888; overflow:hidden; margin-top:10px;}



.infr-bottom{ padding:10px 20px; background-color:#fff; margin-top:10px;}

.infrs-name{ height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block;}

.infrs-name:hover { color: #08998A}



/**/

.scroll {

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	position: fixed;

	right:15px;

	bottom: 70px;

	color: #fff;

	cursor: pointer;

	background:#08998A;

	font-size: 30px;

	border-radius: 10px;

}

/*底部*/

/*footer*/



.footer {

	background: #2C2E2E;



}

.foot {

	padding: 60px 0;



	display: flex;

	align-items: flex-start;

	justify-content: center;

}

.foot h1 {

	width: 18%;

	height: 135px;

	float: left;

}

.foot h1 img {

	width: 110px;

	height: 110px;

}

.foot .ft-nav {

	 flex: 3;









}

.foot .ft-nav ul{



	display: flex;

	flex-wrap:wrap;

	align-items: flex-start;

	justify-content: center;}

.foot .ft-nav li {

	width: 50%;

	margin-bottom: 22px;

}

.foot .ft-nav li a {

	font-size: 16px;

	display: block;

	color: #fff;

}

.foot .ft-nav li:last-child { width: 100% }

.foot .ft-contact {

     flex:3;



	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	justify-content: center;

	padding-left:60px;







}

.foot .ft-contact p{ width: 100%;

	color: #fff;

	margin-bottom: 10px;

}



.foot .ewm {

	flex: 4;

	display: flex;

	align-items: center;

	justify-content: center;

}



.foot .ewm  img {

	width: 140px;



}

.foot .ewm b{  display: block; text-align: center; color: #fff; padding: 10px 0; line-height: 28px; font-size: 17px;}



.copyright{ padding:20px 10px; text-align: center; color: #fff; border-top:1px solid #666; }

.copyright a{ color: #fff;}