.w {

	width: 1200px;

	margin: 0 auto;

}

.clearfix::after {

	content: "";

	display: block;

	clear: both;

}

.text-overflow{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space:nowrap;

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

.hea-hd ul {

	display: flex;

	justify-content: space-around;

	align-items: center;

	background: #3a626c;

	width: 715px;

}

.hea-hd ul li {

	padding: 13px;

	height: 50px;

	line-height: 50px;

}

.hea-hd ul li a {

	color: #fff;

}

.hea-hd ul li ul {

	position: fixed;

	left: 0;

	top: 120px;

	width: 100%;

	z-index: 1;

	padding: 35px 0 25px;

	display: none;

	z-index: 99;

	background: #F2F2F2;

}

.hea-hd ul li ul li {

	padding: 0 1%;

	float: left;

	width: 14%;

	overflow: hidden;

	margin-bottom: 20px;

	text-align: center;

	width: 192px;

}

.hea-hd ul li ul li img {

	width: 100%;

	height: 56px;

}

.hea-hd ul li ul li a {

	display: block;

	width: 100%;

	height: 100%;

}

.header-region {

	background: url(../image/top_bg.gif) no-repeat center;

	height: 120px;

}

.header-region .w {

	height: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.header-region .navbar {

	width: 715px;

}

.header-region .navbar #nav_box {

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

}

.header-region .navbar #nav_box .fl {

	float: none;

}

.header-region .navbar #nav_box li {

	color: #fff;

	position: relative;

	flex: 1 1 auto;

	text-align: center;

	line-height: 40px;

}

.header-region .navbar #nav_box li a {

	color: #fff;

	font-size: 16px;

}

.header-region .navbar #nav_box li ul {

	display: none;

	position: absolute;

	left: 0;

	width: 133px;

	background: #45a647;

}

.header-region .navbar #nav_box li ul li {

	display: block;

	width: 100%;

	text-align: center;

	height: 30px;

	line-height: 30px;

}

.header-region .navbar #nav_box li ul li a {

	display: block;

	text-align: center;

	font-size: 13px;

}

.search-region {

	height: 94px;

	background: #3a626c;

}

.search-region .w {

	height: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.search-region .search-region-tel {

	background: url(../image/stel.png) no-repeat left;

	padding-left: 69px;

	font-size: 32px;

	color: #fff;

	font-weight: bold;

	line-height: 94px;

}

.search-region .search-region-form {

	width: 550px;

}

.search-region .search-region-form form {

	border-bottom: 1px solid #4689ba;

	width: 100%;

	height: 48px;

	line-height: 48px;

}

.search-region .search-region-form form .key {

	border: none;

	background: none;

	width: 497px;

	color: #fff;

}

.search-region .search-region-form form .btn {

	border: none;

	background: url(../image/s_so.gif) no-repeat center;

	width: 48px;

	height: 48px;

}

.search-region .search-region-form .search-keywords {

	line-height: 38px;

	height: 38px;

	overflow: hidden;

	color: #fff;

	font-size: 14px;

}

.search-region .search-region-form .search-keywords a {

	color: #fff;

}

.about-region {

	padding: 120px 0 100px;

}

.about-region .about-content {

	width: 712px;

	height: 269px;

	background: #f6f7fb;

	float: left;

	padding: 0 65px;

	position: relative;

}

.about-region .about-content .about-tit {

	font-size: 24px;

	color: #fff;

	width: 400px;

	height: 70px;

	line-height: 70px;

	text-align: center;

	background: #45a647;

	overflow: hidden;

	position: absolute;

	top: -35px;

	left: 0;

}

.about-region .about-content .about-desc {

	font-size: 16px;

	color: #666;

	line-height: 26px;

	height: 156px;

	overflow: hidden;

	padding: 75px 0 0;

}

.about-region .about-image {

	width: 358px;

	height: 269px;

	float: right;

	line-height: 0;

	overflow: hidden;

}

.about-region .about-image img {

	width: 100%;

	height: 100%;

	overflow: hidden;

	transition: all 0.3s;

}

.about-region .about-image:hover img {

	transform: scale(1.1);

}

.region-tit {

	text-align: center;

	background: url(../image/titline.png) no-repeat bottom center;

	padding-bottom: 30px;

}

.region-tit h2 {

	font-size: 40px;

	color: #333;

	text-align: center;

	line-height: 44px;

}

.region-tit p {

	display: block;

	font-size: 20px;

	color: #666;

	font-weight: normal;

	margin: 8px 0 9px;

}



.product-region .w {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}



.porduct-lside {

	width: 300px;

}



.porduct-lside .tit {

    background: #3a626c;

    text-align: center;

    color: #fff;

    padding: 20px;

}

.porduct-lside .tit h2{

	font-size: 31px;

}

.porduct-lside .tit p{

    font-size: 18px;

    margin-top: 6px;

}



.product-menu {

	padding: 20px 10px;

    border: 1px solid #dadada;

	border-top: 0;

}

.product-menu dt a {

    display: block;

    width: 100%;

    border: 1px solid #e6e6e6;

    line-height: 42px;

    text-align: center;

    color: #333;

	font-size: 16px;

	transition: all .3s;

}

.product-menu dt a:hover{

	background: #3a626c;

	border-color: #3a626c;

	color: #fff;

}

.product-menu dd {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	align-items: flex-start;

    margin: 10px 0px 20px;

}

.product-menu dd a {    

	width: 50%;

    display: block;

    font-size: 14px;

    font-family: arial;

    line-height: 30px;

}

.product-menu dd a:hover{

	color: #3a626c;

	text-decoration: underline;

}

.product-menu dd a::before{

	content: '';

	display: block;

	float: left;

	width: 7px;

	height: 7px;

	background: #fff;

	border: 3px solid #3a626c;

	border-radius: 50%;

    margin-top: 8px;

    margin-right: 4px;

}





.product-swiper{

	width: 860px;

}

.product-swiper .pro-hd ul {

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 25px;

}

.product-swiper .pro-hd li{

	margin-bottom: 5px;

}

.product-swiper .pro-hd a {

    display: block;

    line-height: 45px;

    border: 1px solid #616161;

    padding: 0 20px;

    color: #616161;

    font-size: 15px;

    margin-right: 8px;

}

.product-swiper .pro-hd li.on a{

	border-color: #45a647;

	background: #45a647;

	color: #fff;

}

.product-swiper .pro-bd .li1 {

    border: 1px solid #e4e4e4;

	overflow: hidden;

	padding: 20px;

    border-radius: 2px;

}

.product-swiper .pro-bd .li1 .img{

	float: left;

	margin-right: 30px;

}



.product-swiper .pro-bd .li1 h3 {

    font-size: 27px;

    color: #333;

    font-family: arial;

}

.product-swiper .pro-bd .li1 p {

	font-size: 14px;

	line-height: 30px;

	height: 90px;

	overflow: hidden;

    margin: 20px 0 40px;

}

.product-swiper .pro-bd .li1 a {

	display: inline-block;

	vertical-align: top;

	line-height: 30px;

	background: #3a626c;

	color: #fff;

	padding: 0 20px;

	border-radius: 3px;

	margin-right: 20px;

	transition: all .3s;

}

.product-swiper .pro-bd .li1 a:hover{

	background: #45a647;

}

.product-swiper .pro-bd .li2{

	float: left;

    width: 276px;

	margin-right: 16px;

	margin-top: 20px;

}

.product-swiper .pro-bd .li2 .img{

    border: 1px solid #f3f3f3;

    padding: 14px;

    line-height: 0;

	background: #f3f3f3;

	transition: all .3s;

}

.product-swiper .pro-bd .li2 .img img{

	width: 100%;

}

.product-swiper .pro-bd .li2 p{

	font-size:16px;

	text-align: center;

	color: #333;

    line-height: 30px;

    margin-top: 6px;

}

.product-swiper .pro-bd .li2:nth-of-type(3n+4){

	margin-right: 0;

}

.product-swiper .pro-bd .li2:hover .img{

	border-color: #3a626c;

}













.quality-region {

	padding: 80px 0;

}

.quality-region .quality-bd {

	margin-top: 45px;

}

.quality-region .quality-bd .quahd {

	margin: 0 auto;

	text-align: center;

	position: relative;

	z-index: 9;

}

.quality-region .quality-bd .quahd li {

	font-size: 28px;

	color: #fff;

	background: url(../image/pinz_k01.png) no-repeat;

	width: 132px;

	height: 166px;

	text-align: center;

	line-height: 26px;

	margin-left: 40px;

	display: inline-block;

}

.quality-region .quality-bd .quahd li i {

	display: block;

	font-size: 18px;

	padding: 40px 0 0;

}

.quality-region .quality-bd .quahd li:hover,

.quality-region .quality-bd .quahd li.on {

	background: url(../image/pinz_k02.png) no-repeat;

}

.quality-region .quality-bd .quabd {

	margin-top: -15px;

}

.quality-region .quality-bd .quabd .slide {

	position: relative;

	height: 519px;

}

.quality-region .quality-bd .quabd .slide .item-hd {

	height: 100%;

}

.quality-region .quality-bd .quabd .slide .item-hd img {

	width: 100%;

	display: block;

	height: 100%;

}

.quality-region .quality-bd .quabd .slide .item-bd {

	position: absolute;

	left: 0;

	top: 0;

	width: 300px;

	height: 100%;

	background: rgba(58, 98, 108, 0.9);

	padding: 40px;

	box-sizing: border-box;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	justify-content: center;

	color: #fff;

}

.quality-region .quality-bd .quabd .slide .item-bd h3 {

	background: url(../image/pinz_line.png) no-repeat left bottom;

	padding-bottom: 13px;

	font-size: 34px;

	width: 100%;

	margin-top: 15px;

}

.quality-region .quality-bd .quabd .slide .item-bd p {

	font-size: 16px;

	color: #fff;

	line-height: 26px;

	height: 104px;

	overflow: hidden;

	padding: 20px 0 0;

}

.quality-region .quality-bd .quabd .slide .item-bd a {

	padding-top: 45px;

}

.serve-region {

	height: 755px;

	background: url(../image/fuw_bg.jpg) no-repeat center;

	padding-top: 89px;

	box-sizing: border-box;

}

.serve-region .region-tit {

	background: url(../image/fuw_line.png) no-repeat center 95px;

}

.serve-region .region-tit h2,

.serve-region .region-tit p {

	color: #fff;

}

.serve-region .serve-bd {

	float: right;

}

.serve-region .serve-bd ul {

	margin: 75px 0 43px;

}

.serve-region .serve-bd ul li {

	font-size: 16px;

	color: #fff;

	line-height: 44px;

	margin: 0 0 10px;

}

.serve-region .serve-bd ul li span {

	display: block;

	float: left;

	font-size: 20px;

	width: 178px;

	height: 44px;

	text-align: center;

	background: #3a626c;

	margin-right: 20px;

}

.serve-region .serve-bd ul li:hover span {

	background: #45a647;

}

.serve-region .serve-bd .serve-tel {

	background: url(../image/stel.png) no-repeat left center;

	padding-left: 70px;

	font-size: 32px;

	color: #fff;

	line-height: 55px;

	font-weight: bold;

}

.praise-region {

	padding: 80px 0;

}

.praise-region .praise-bd {

	margin-top: 55px;

	width: 1198px;

	border: #e0e0e0 1px solid;

	background: #f6f7fb;

	height: 528px;

}

.praise-region .praise-bd li {

	width: 398px;

	height: 528px;

	float: left;

	border-left: #e0e0e0 1px solid;

	padding: 60px 30px 0;

	box-sizing: border-box;

}

.praise-region .praise-bd li:first-of-type {

	border-left: 0;

}

.praise-region .praise-bd li .img {

	width: 200px;

	height: 200px;

	font-size: 0;

	border-radius: 50%;

	overflow: hidden;

	margin: 0 auto;

}

.praise-region .praise-bd li .img img {

	width: 100%;

}

.praise-region .praise-bd li h3 {

	font-size: 22px;

	color: #303030;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-weight: normal;

}

.praise-region .praise-bd li p {

	font-size: 14px;

	color: #777;

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	padding: 20px 0 0;

}

.praise-region .praise-bd li .link {

	background: url(../image/jz_btn01.png) no-repeat;

	display: block;

	width: 66px;

	height: 21px;

	margin-top: 35px;

}

.praise-region .praise-bd li .link:hover {

	background: url(../image/jz_btn02.png) no-repeat;

}

.ban-region {

	height: 330px;

	background: url(../image/ban01.jpg) no-repeat center;

	text-align: center;

}

.ban-region p {

	display: inline-block;

	background: url(../image/ban_tel.png) no-repeat left center;

	padding-left: 50px;

	font-size: 30px;

	color: #fff;

	line-height: 40px;

	margin-top: 240px;

}

.envir-region {

	padding: 70px 0 80px;

}

.envir-region .envir-bd {

	text-align: center;

	margin: 50px 0 60px;

}

.envir-region .envir-bd li {

	display: inline-block;

	color: #333;

	font-size: 20px;

	font-weight: bold;

	padding: 0 52px;

	text-align: left;

	background: url(../image/ys_line01.gif) no-repeat right center;

}

.envir-region .envir-bd li:last-of-type {

	background: none;

}

.envir-region .envir-bd li span {

	font-size: 44px;

}

.envir-region .envir-bd li i {

	display: inline-block;

	width: 20px;

	height: 20px;

	text-align: center;

	line-height: 20px;

	font-size: 14px;

	color: #fff;

	background: #45a647;

	border-radius: 50%;

	vertical-align: 20px;

	margin-left: 5px;

}

.envir-region .envir-ft {

	overflow: hidden;

	position: relative;

}

.envir-region .envir-ft .hd {

	display: block;

	width: 620px;

	height: 400px;

	overflow: hidden;

	padding: 0 0 0 60px;

	background: url(../image/ys_line02.gif) no-repeat;

	float: left;

}

.envir-region .envir-ft .hd li {

	width: 57px;

	float: left;

	background: url(../image/ys_pic01.jpg) no-repeat left center;

	background-size: 100% 100%;

	transition: all 0.3s;

	cursor: pointer;

}

.envir-region .envir-ft .hd li p {

	height: 400px;

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

	font-size: 20px;

	color: #fff;

	padding: 0 18px;

	font-weight: bold;

	width: 21px;

}

.envir-region .envir-ft .hd li p i {

	padding: 36px 0 38px;

	display: inline-block;

}

.envir-region .envir-ft .hd li:nth-of-type(2) {

	background: url(../image/ys_pic02.jpg) no-repeat left center;

	background-size: 100% 100%;

}

.envir-region .envir-ft .hd li:nth-of-type(3) {

	background: url(../image/ys_pic03.jpg) no-repeat left center;

	background-size: 100% 100%;

}

.envir-region .envir-ft .hd li:nth-of-type(4) {

	background: url(../image/ys_pic04.jpg) no-repeat left center;

	background-size: 100% 100%;

}

.envir-region .envir-ft .hd li.on {

	width: 407px;

}

.envir-region .envir-ft .bd {

	width: 515px;

	float: right;

	background: url(../image/ys_ico01.gif) no-repeat right 0;

	padding: 10px 0 0;

}

.envir-region .envir-ft .bd .slide .tit {

	height: 80px;

	border-bottom: #eae8e8 1px solid;

	font-size: 28px;

	color: #333;

	line-height: 34px;

	margin-bottom: 25px;

}

.envir-region .envir-ft .bd .slide .tit h4 {

	font-size: 28px;

	color: #333;

}

.envir-region .envir-ft .bd .slide .tit h3 {

	font-family: Arial, Helvetica, sans-serif;

	display: block;

	font-size: 16px;

	color: #a7a7a6;

	font-style: italic;

	font-weight: normal;

}

.envir-region .envir-ft .bd .slide p {

	font-size: 14px;

	color: #666;

	line-height: 30px;

	overflow: hidden;

}

.envir-region .envir-ft .slidewrap {

	position: absolute;

	right: 0;

	bottom: 0;

}

.envir-region .envir-ft .slidewrap li {

	width: 252px;

	position: relative;

	margin-right: 10px;

}

.envir-region .envir-ft .slidewrap li img {

	width: 100%;

	display: block;

}

.envir-region .envir-ft .slidewrap li p {

	position: absolute;

	bottom: 0;

	width: 100%;

	left: 0;

	text-align: center;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	font-size: 14px;

	color: #fff;

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

}

.news-region {

	padding-bottom: 80px;

}

.news-region .news-region-bd {

	overflow: hidden;

	margin: 60px 0 50px;

}

.news-region .news-region-bd .newshd {

	text-align: center;

	margin-bottom: 40px;

}

.news-region .news-region-bd .newshd li {

	display: inline-block;

	padding: 0 50px;

	background: url(../image/news_ico01.gif) no-repeat left center;

}

.news-region .news-region-bd .newshd li a {

	font-size: 22px;

	color: #333;

	display: block;

}

.news-region .news-region-bd .newshd li:first-of-type {

	background: none;

}

.news-region .news-region-bd .newshd li.on a {

	color: #3a626c;

	font-weight: bold;

}

.news-region .news-region-bd .newsbd li .item-hd {

	width: 560px;

	height: 280px;

	overflow: hidden;

	float: left;

}

.news-region .news-region-bd .newsbd li .item-hd img {

	max-width: 100%;

	display: block;

	line-height: 0;

	transition: all 0.3s;

}

.news-region .news-region-bd .newsbd li .item-hd:hover img {

	transform: scale(1.1);

}

.news-region .news-region-bd .newsbd li .news-con {

	width: 580px;

	float: right;

	padding: 15px 0 0;

}

.news-region .news-region-bd .newsbd li .news-con h3 {

	height: 35px;

	line-height: 35px;

	font-size: 22px;

	color: #333;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.news-region .news-region-bd .newsbd li .news-con p {

	font-size: 14px;

	color: #888;

	line-height: 22px;

	height: 110px;

	overflow: hidden;

	margin: 25px 0 0;

}

.news-region .news-region-bd .newsbd li .news-con .link {

	background: url(../image/jz_btn01.png) no-repeat;

	display: block;

	width: 66px;

	height: 21px;

	margin-top: 25px;

}

.news-region .news-region-bd .newsbd li .news-con .link:hover {

	background: url(../image/jz_btn02.png) no-repeat;

}

.news-region .news-region-ft li {

	width: 570px;

	float: left;

	background: url(../image/news_line01.gif) no-repeat 560px 35px;

	padding-right: 30px;

}

.news-region .news-region-ft li .news-item {

	width: 100%;

	height: 88px;

	padding: 35px 0 0;

	overflow: hidden;

}

.news-region .news-region-ft li .news-item .news-time {

	width: 110px;

	float: left;

	overflow: hidden;

	font-size: 30px;

	color: #333;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 88px;

	font-weight: bold;

	background: url(../image/news_line01.gif) no-repeat right 0;

	margin-right: 25px;

	text-align: center;

}

.news-region .news-region-ft li .news-item h3 {

	font-size: 16px;

	color: #333;

	height: 25px;

	line-height: 25px;

	overflow: hidden;

}

.news-region .news-region-ft li .news-item p {

	height: 44px;

	margin-top: 10px;

	font-size: 14px;

	color: #888;

	line-height: 22px;

	overflow: hidden;

}

.com-region {

	background: url(../image/ab_bg.jpg) no-repeat center 0;

	height: 877px;

	overflow: hidden;

	padding: 70px 0 0;

}

.com-region .region-tit {

	background: url(../image/fuw_line.png) no-repeat center 95px;

}

.com-region .region-tit h2,

.com-region .region-tit p {

	color: #fff;

}

.com-region .com-region-bd {

	width: 1130px;

	margin: 0 auto;

	padding: 40px 0 0;

}

.com-region .com-region-bd .img {

	width: 100%;

	height: 450px;

	overflow: hidden;

}

.com-region .com-region-bd .img img {

	display: block;

	max-width: 100%;

	transition: all 0.3s;

}

.com-region .com-region-bd .img:hover img {

	transform: scale(1.1);

}

.com-region .com-region-bd .com-desc {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

	margin-top: 107px;

}

.com-region .com-region-bd .link {

	background: url(../image/jz_btn01.png) no-repeat;

	display: block;

	width: 66px;

	height: 21px;

	margin: 20px auto 0;

}

.com-region .com-region-bd .link:hover {

	background: url(../image/jz_btn02.png) no-repeat;

}

.footer-region {

	background: #242426;

}

.footer-region .footer-hd {

	padding: 60px;

	overflow: hidden;

}

.footer-region .footer-hd .ft-hd-item {

	width: 250px;

	padding: 0 25px;

	float: left;

	background: url(../image/f_line.gif) no-repeat right 10px;

	font-size: 14px;

	color: #aaa;

	line-height: 38px;

}

.footer-region .footer-hd .ft-hd-item a {

	font-size: 14px;

	color: #aaa;

	line-height: 38px;

}

.footer-region .footer-hd .ft-hd-item:last-of-type {

	background: none;

}

.footer-region .footer-hd .ft-hd-nav a {

	display: inline-block;

	width: 33%;

	text-align: center;

}

.footer-region .footer-hd .ft-hd-code {

	padding-top: 13px;

}

.footer-region .footer-hd .ft-hd-code li {

	display: inline-block;

	width: 110px;

	margin-left: 15px;

	vertical-align: top;

}

.footer-region .footer-hd .ft-hd-code li img {

	width: 100%;

}

.footer-region .footer-bd {

	text-align: center;

	font-size: 12px;

	color: #aaa;

	line-height: 20px;

	padding: 18px 0;

	border: #38383a 1px solid;

}

.footer-region .footer-bd a {

	font-size: 14px;

	color: #aaa;

}