@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #90c31f;
}
@font-face {
  font-family: "syht";
  src: url("../font/syht.woff2") format("woff2"),
       url("../font/syht.woff") format("woff"),
       url("../font/syht.ttf") format("truetype"),
       url("../font/syht.eot") format("embedded-opentype"),
       url("../font/syht.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{
	font-size:16px;
	font-family:"syht";
	color:#666;
	line-height:30px;
	overflow-x: hidden;
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
    -webkit-text-size-adjust:none;
}
/*头部*/
header{	
	position: relative;
	z-index: 10;
	height: 82px;
	width: 100%;
	background: #fff;
}
header .container {
	height: 82px;
	position: relative;
	padding: 0 55px;
	width: 100%;
}
.container {
	padding: 0;
}
.logo{
	margin: 10px 0 0 0;
	float: left;
}
.logo img{
	display: block;
}
.top-tmall {
	display: block;
	float: right;
	margin-top: 16px;
}
.top-phone {
	float: right;
	background: url(../images/phone-icon.png) no-repeat left center;
	margin-top: 26px;
	margin-right: 30px;
	text-align: left;
	padding-left: 46px;
}
@media only screen and (max-width:991px ) {
	.top-phone,
	.top-tmall {
		display: none;
	}
}
.nav {
	height: 82px;
	float: right;
	position: relative;
	margin-right: 60px;
}
.nav>li{
	float: left;
	position: relative;
}
.nav>li:last-child {
	margin-right: 0;
}
.nav>li>a{
	display: block;
	padding: 0 40px;
	height: 82px;
	line-height: 82px;
	text-align: center;
	font-size: 16px;
	color:#333;
}
.nav>li:hover>a,
.nav>li:focus>a{
	background: #8EC31F;
	color: #333;
}
.nav>li.active>a{
	background: #8EC31F;
	color: #333;
}
.nav-dl {
	display: none;
	position: absolute;
	left: 0;
	top: 82px;
	width: 100%;
	text-align: center;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.15);
	z-index: 100;
}
.nav-dl dd a{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #666;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ededed;
	padding: 0 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff;
}
.nav-dl dd a:hover {
	color: #8EC31F;
}
.products-dl {
	width: 180px;
	text-align: left;
}
@media only screen and (max-width:1820px ) {
	.nav>li>a {
	    padding: 0 30px;
	}
}
@media only screen and (max-width:1660px ) {
	.nav>li>a {
	    padding: 0 20px;
	    font-size: 15px;
	}
	.nav-dl li a {
		font-size: 14px;
	}
	header .container {
		padding: 0 15px;
	}
}
@media only screen and (max-width:1399px ) {
	.top-phone {
		display: none;
	}
	.nav {
		margin-right: 30px;
	}
}
@media only screen and (max-width:1199px ) {
	.nav {
		display: none;
	}
	.top-tmall {
		display: none;
	}
}


#navToggle{
	display: none;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	box-sizing: border-box;
	width: 70px;
	height: 70px;
	padding: 15px;
	background: none;
	padding: 0;
	right: 0px;
	top: 0px;
	z-index: 999;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;	
}
#navToggle::before {
    margin-top: -7px;
}
#navToggle::after {
    margin-top: 7px;
}
#navToggle span,
#navToggle::after,
#navToggle::before {
    height: 2px;
    width: 22px;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    background: #000;
    position: absolute;
    display: block;
    content: '';
    text-indent: -9999px;
    transition: all 300ms ease-in-out;
}
#navToggle.show span {
    opacity: 0;
}
#navToggle span, #navToggle::after, #navToggle::before {
    height: 3px;
    width: 22px;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    background: #333;
    position: absolute;
    display: block;
    content: '';
    text-indent: -9999px;
    transition: all 300ms ease-in-out;
}
#navToggle.show::before {
    margin-top: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navToggle.show::after {
    margin-top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mask{
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
	display:none;
}
#mobileMenu {
    position: fixed;
    right: -250px;
    top: 0;
    margin: 0;
    width: 250px;
    height: 100vh;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1110;
    background: #fff;
}
#mobileMenu .hello {
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #F0F0F0;
	padding-left: 25px;
	position: relative;
	padding-top: 8px;
}
#mobileMenu .hello h3{
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 54px;
}
#mobileMenu .hello .cha{
	cursor: pointer;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(../images/cha.png) no-repeat;
}
#mobileMenu .menu li>a {
    display: block;
    font-size: 14px;
    padding-left: 25px;
    color: #666;
    line-height: 45px;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}
#mobileMenu .menu li.sub>a::after {
	content: "";
	display: block;
	background: url(../images/arrow_icon.png) no-repeat;
	width: 16px;
	height: 9px;
	position: absolute;
	right: 25px;
	top: 18px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.sub-dl {
	display: none;
}
.sub-dl dd a {
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	font-size: 14px;
	color: #666;
	background: #f9f9f9;
	display: block;
}
#mobileMenu .menu li.active>a {
	background-color: #8EC31F;
    text-decoration: none;
    color:#fff;
}
#mobileMenu .menu li.on>a {
	background-color: #8EC31F;
	color: #fff;
}
#mobileMenu .menu li.on>a::after {
	transform: rotate(180deg);
}
.mobile_search{
	border-bottom: 1px solid #e6e6e6;
}
#mobileMenu .menu li.login-li>a::after {
	display: none;
}

#mobileMenu.show {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
}
#page.show {
    /*-webkit-transform: translateX(200px);
    transform: translateX(200px);*/
    width: 100vw;
    height: 100vh;
}
#page {
    transition: all 0.3s ease-out;
    overflow: hidden;
}
.show {
    display: block !important;
}
html.show, body.show {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    position: fixed;
    -webkit-overflow-scrolling: auto;
    -webkit-transform: translateZ(0px);
}

@media only screen and (max-width:1199px ) {
	header{
		height: 70px;
	}
	.search-icon {
		display: none;
	}
	header .nav{
		display: none;
	}
	#navToggle{
		display: block;
	}
	header .container {
		width: 100%;
		padding: 0 15px;
		height: 70px;
	}
	.header-icon {
		display: none;
	}
	.logo {
		margin-top: 13px;
		height: 44px;
	}
	.logo img {
		height: 44px;
	}
	.container {
		padding: 0 15px;
	}
}

/*banner*/
#banner .swiper-pagination-bullet {
	height: 14px;
	width: 14px;
	background: #eaeaea;
	opacity: 1;
}
#banner .swiper-pagination-bullet-active {
	background: #8EC31F;
}
#banner .swiper-slide img {
    width: 100%;
    display: block;
    min-height: 170px;
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}
@media only screen and (max-width:991px ) {
	#banner {
		margin-top: 0;
	}	
}

/*底部内容*/
footer {
	color: #fff;
	background: #313131;
}
@media only screen and (min-width: 1800px){
	footer .container {
		width: 1600px;
	}
}
.footer-content {
	padding:  55px 0 70px;
}
.footer-content p img {
	max-width: 100%;
}
.footer-left {
	float: left;
	overflow: hidden;
}
.footer-left .slogan {
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 35px;
}
.footer-ewm {
	float: left;
	width: 144px;
	margin-right: 34px;
}
.footer-ewm img {
	display: block;
	width: 100%;
}
.footer-contact {
	float: left;
}
.footer-contact h4 {
	line-height: 40px;
	color: #8c8c8c;
	margin-bottom: 15px;
}
.footer-contact-content {
	font-size: 14px;
}
.footer-right {
	float: right;
	overflow: hidden;
}
.footer-nav {
	margin-top: 15px;
	margin-bottom: 30px;
	overflow: hidden;
}
.footer-nav li {
	margin-left: 80px;
	float: left;
}
.footer-nav li:first-child {
	margin: 0;
}
.footer-nav li a {
	font-size: 15px;
	color: #fff;
}
.share-box {
	float: right;
	position: relative;
}
.share-box span {
	display: block;
	float: left;
	height: 58px;
	line-height: 58px;
	font-size: 15px;
}
.share-ewm{
    position: absolute;
    left: -60px;
    width: 80px;
    height: 80px;
	top: -9px;
	display: none;
}
.share-ewm img{
	width: 100%;
}
.share-box a {
	display: block;
	float: left;
	width: 58px;
	margin-left: 35px;
}
.share-box a img {
	display: block;
	width: 100%;
}
.copyright {
	margin-top: 35px;
	color: #8c8c8c;
	width: 100%;
	text-align: right;
}
@media only screen and (max-width:1820px ) {
	.footer-nav li {
		margin-left: 30px;
	}
}
@media only screen and (max-width:1199px ) {
	.footer-left {
		float: none;
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}
	.footer-ewm {
		margin: 0 auto;
		float: none;
	}
	.footer-contact {
		display: none;
	}
	.footer-left .slogan {
		margin-bottom: 10px;
	}
	.footer-right {
		float: none;
		width: 660px;
		margin: 0 auto;
	}
	.footer-content {
		padding: 30px 0;
	}
	.footer-nav {
		margin-bottom: 20px;
	}
	.share-box {
		width: 320px;
		margin: 0 auto;
		float: none;
	}
	.copyright {
		text-align: center;
		margin-top: 15px;
	}
}
@media only screen and (max-width:767px ) {
	.footer-content {
		padding: 15px;
	}
	.footer-ewm {
		width: 100px;
	}
	.footer-left .slogan {
		font-size: 18px;
	}
	.footer-nav {
		display: none;
	}
	.share-box {
		margin-top: 15px;
		width: 240px;
	}
	.share-box a {
		width: 40px;
		margin-left: 25px;
	}
	.share-box span {
		height: 40px;
		line-height: 40px;
		
	}
	.footer-right {
		width: 100%;
	}
}

/*首页关于亿夫力*/
.index-about {
	margin: 85px auto;
}
.about-left {
	float: left;
	width: 50%;
}
.about-title {
	height: 52px;
	line-height: 52px;
	margin-bottom: 20px;
	background: url(../images/efli_icon.png) no-repeat left center;
	padding-left: 88px;
	font-size: 30px;
	color: #8ec31f;
	font-weight: bold;
}
.about-content {
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 40px;
}
.about-more a {
	font-size: 18px;
	color: #8ec31f;
	margin-right: 30px;
}
.about-img {
	float: right;
	width: calc(50% - 50px);
	height: 349px;
	position: relative;
	overflow: hidden;
}
.about-img img {
	display: block;
	height: 100%;
}
.about-img .video-a {
	display: block;
	font-size: 24px;
	color: #fff;
	padding: 10px 100px 10px 30px;
	background: url(../images/video_icon.png) no-repeat calc(100% - 30px) center #90C31F;
	position: absolute;
	left: 0;
	bottom: 28px;
}
.about-img .introduce-a {
	display: block;
	background: #90C31F;
	width: 140px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	padding-left: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
}

@media only screen and (max-width:1199px ) {
	.about-img img {
		margin-left: -100px;
	}
	.about-img {
		width: calc(50% - 30px);
	}
	.about-content {
		line-height: 30px;
		font-size: 16px;
	}
}
@media only screen and (max-width:991px ) {
	.about-img {
		width: 100%;
		max-width: 626px;
		margin: 0 auto;
		float: none;
		height: auto;
	}
	.about-img img {
		height: auto;
		width: 100%;
		margin-left: 0;
	}
	.about-left {
		width: 100%;
		max-width: 626px;
		margin: 20px auto 0;
		float: none;
	}
	.index-about {
		margin: 45px auto;
	}
	.about-content {
		margin-bottom: 20px;
	}
	.about-title {
		font-size: 25px;
	}
}
@media only screen and (max-width:767px ) {
	.about-img .video-a {
		font-size: 16px;
		line-height: 24px;
		padding: 10px 70px 10px 15px;
		background: url(../images/video_icon.png) no-repeat calc(100% - 15px) center #90C31F;
	}
	.about-img .introduce-a {
	    width: 100px;
	    padding-left: 15px;
	}
	.about-title {
		height: 40px;
		line-height: 40px;
		background-size: auto 100%;
		padding-left: 60px;
		font-size: 22px;
		margin-bottom: 15px;
	}
	.about-more {
		overflow: hidden;
	}
	.about-more a {
		display: block;
		width: 190px;
		margin-bottom: 10px;
	}
}

/*首页产品与服务*/
.index-pro-wrap {
	width: 100%;
	background: #f7f7f7;
	padding: 45px 0 65px;
	position: relative;
}
.index-title {
	line-height: 55px;
	font-size: 34px;
	color: #333;
	text-align: center;
}
.title-ms {
	margin-top: 15px;
	margin-bottom: 60px;
	text-align: center;
}
.pro-bg1 {
	background: url(../images/pro_bg1.png) no-repeat;
	width: 450px;
	height: 647px;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
}
.pro-bg2 {
	background: url(../images/pro_bg2.png) no-repeat;
	width: 290px;
	height: 395px;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
}
.index-pro-wrap .container {
	position: relative;
	z-index: 5;
}
.pro-list {
	margin-bottom: 80px;
}
.pro-list li {
	overflow: hidden;
}
.pro-list-img {
	float: left;
	width: 50%;
	height: 340px;
}
.pro-list-img a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.pro-list-img a img {
	display: block;
	height: 340px;
	width: 700px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition:all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pro-list-img a:hover img {
	-webkit-transform: scale(1.1) translate(-50%,-50%);
	-moz-transform: scale(1.1) translate(-50%,-50%);
	-ms-transform: scale(1.1) translate(-50%,-50%);
	-o-transform: scale(1.1) translate(-50%,-50%);
	transform: scale(1.1) translate(-50%,-50%);
}
.pro-list-box {
	float: right;
	width: 50%;
	height: 340px;
	background: #90C31F;
	color: #fff;
	padding: 40px 125px 0 75px;
}
.pro-list-box h3 {
	line-height: 35px;
	font-size: 24px;
	font-weight: bold;
}
.pro-list-box h4 {
	font-weight: bold;
	margin: 20px 0;
}
.pro-list-content {
	margin-bottom: 35px;
}
.pro-list-more {
	display: block;
	height: 36px;
	width: 36px;
	background: url(../images/more_icon1.png) no-repeat center;
}
.pro-list li:nth-child(2) .pro-list-img {
	float: right;
}
.pro-list li:nth-child(2) .pro-list-box {
	float: left;
	background: #00A0E9;
}
.pro-list li:nth-child(2) .pro-list-box .pro-list-more {
	background: url(../images/more_icon2.png) no-repeat center;
}
.more-a {
	display: block;
	margin: 0 auto;
	width: 175px;
	height: 54px;
	border-radius: 27px;
	background: linear-gradient(45deg,#00afcc, #f9ee05);
	padding: 2px;
}
.more-a span {
	display: block;
	background: #fff;
	height: 100%;
	width: 100%;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #90c31f;
}
.index-pro-wrap .more-a span {
	background: #f7f7f7;
}
@media only screen and (max-width:1199px ) {
	.index-pro-wrap {
		padding: 45px 0;
	}
	.title-ms {
		margin-bottom: 45px;
	}
	.pro-list {
		margin-bottom: 45px;
	}
	.pro-list-box {
		padding: 30px;
	}
}
@media only screen and (max-width:991px ) {
	.index-title {
		font-size: 30px;
		line-height: 45px;
	}
	.index-pro-wrap {
		padding: 30px 0;
	}
	.title-ms {
		margin-bottom: 30px;
		margin-top: 5px;
	}
	.pro-list {
		margin-bottom: 30px;
	}
	.pro-list li {
		margin-bottom: 30px;
	}
	.pro-bg1,
	.pro-bg2 {
		display: none;
	}
	.pro-list-img,
	.pro-list-box {
		float: none !important;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		height: auto;
	}
	.pro-list-img a img {
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.pro-list-img a:hover img {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
	.pro-list-content {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width:767px ) {
	.title-ms {
		margin-bottom: 20px;
	}
	.pro-list li {
		margin-bottom: 15px;
	}
	.pro-list-box {
		padding: 15px;
	}
	.pro-list-box h3 {
		font-size: 20px;
	}
	.pro-list-box h4 {
		font-size: 18px;
		margin: 10px 0;
	}
	.index-title {
		font-size: 25px;
		line-height: 35px;
	}
	.more-a {
		width: 140px;
		height: 44px;
		border-radius: 22px;
	}
	.more-a span {
		border-radius: 20px;
		line-height: 40px;
		font-size: 14px;
	}
}

/*为什么选择亿夫力*/
.advantage {
	margin-top: 55px;
}
.adv-ul {
	overflow: hidden;
}
.adv-ul li {
	width: 33.333%;
	float: left;
	overflow: hidden;
	position: relative;
}
.adv-img {
	float: left;
	width: 50%;
}
.adv-img img {
	display: block;
	width: 100%;
}
.adv-box {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	background: #90C31F;
	height: 100%;
}
.adv-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 56%;
}
.adv-content img {
	display: inline-block;
	margin-bottom: 40px;
	
}
.adv-content p {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}
.adv-ul li:nth-child(4) .adv-img,
.adv-ul li:nth-child(5) .adv-img,
.adv-ul li:nth-child(6) .adv-img {
	float: right;
}
.adv-ul li:nth-child(4) .adv-box,
.adv-ul li:nth-child(5) .adv-box,
.adv-ul li:nth-child(6) .adv-box {
	left: 0;
	right: auto;
}
@media (max-width: 1600px) {
	.advantage {
	    width: 1170px;
	    margin: 40px auto 0;
	}
	.adv-ul li {
		width: 50%;
	}
	.adv-ul li:nth-child(3) .adv-img,
	.adv-ul li:nth-child(4) .adv-img {
		float: right;
	}
	.adv-ul li:nth-child(3) .adv-box,
	.adv-ul li:nth-child(4) .adv-box {
		left: 0;
		right: auto;
	}
	.adv-ul li:nth-child(5) .adv-img,
	.adv-ul li:nth-child(6) .adv-img {
		float: left;
	}
	.adv-ul li:nth-child(5) .adv-box,
	.adv-ul li:nth-child(6) .adv-box {
		right: 0;
		left: auto;
	}
}
@media only screen and (max-width:1199px ) {
	.advantage {
	    width: 970px;
	    margin: 30px auto 0;
	}
	.adv-content p {
		font-size: 18px;
		line-height: 30px;
	}
}
@media only screen and (max-width:991px ) {
	.adv-ul li {
		width: 100%;
		float: none;
	}
	.advantage {
		max-width: 700px;
		width: 100%;
		margin: 30px auto 0;
	}
	.adv-ul li:nth-child(2) .adv-img,
	.adv-ul li:nth-child(4) .adv-img,
	.adv-ul li:nth-child(6) .adv-img {
		float: right;
	}
	.adv-ul li:nth-child(2) .adv-box,
	.adv-ul li:nth-child(4) .adv-box,
	.adv-ul li:nth-child(6) .adv-box {
		left: 0;
		right: auto;
	}
	.adv-ul li:nth-child(3) .adv-img,
	.adv-ul li:nth-child(5) .adv-img {
		float: left;
	}
	.adv-ul li:nth-child(3) .adv-box,
	.adv-ul li:nth-child(5) .adv-box {
		left: auto;
		right: 0;
	}
	.advantage .title-ms {
		padding: 0 15px;
	}
}
@media only screen and (max-width:500px ) {
	.adv-content img {
		display: none;
	}
	.adv-content p {
		font-size: 16px;
		line-height: 24px;
	} 
}

/*精选案例*/
.case-wrap {
	background: #f5f5f5;
	padding: 80px 0 50px;
}
.case-tab {
	text-align: center;
	margin: 33px auto ;
}
.case-tab a {
	display: inline-block;
	margin: 0 8px;
	width: 128px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #fff;
	color: #969696;
}
.case-tab a:hover {
	color: #fff;
	background: #90C31F;
}
.case-tab a.active {
	color: #fff;
	background: #90C31F;
}
.case-a {
	display: block;
	width: 100%;
}
.case-img {
	overflow: hidden;
}
.case-img img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.case-a:hover .case-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.case-box {
	height: 138px;
	margin-top: -15px;
	background: url(../images/case_bg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 5;
	padding: 45px 28px 0;
}
.case-box h4 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
}
.case-box p {
	color: #999;
}
.case-box p span {
	float: left;
}
.case-box p em {
	float: right;
}
.case-scroll .owl-controls {
	text-align: center;
	margin: 40px auto 30px;
}
.case-scroll .owl-controls .owl-page {
	cursor: pointer;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #cecece;
	display: inline-block;
	margin: 0 8px;
}
.case-scroll .owl-controls .owl-page.active {
	background: #191919;
}
.index-case-more {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 125px;
	font-size: 16px;
	color: #90c31f;
	text-decoration: underline !important;
}
@media only screen and (max-width:991px ) {
	.case-wrap {
		padding: 45px 0;
	}
}
@media only screen and (max-width:767px ) {
	.case-tab a {
		margin-bottom: 15px;
	}
	.case-wrap {
		padding: 30px 0;
	}
	.case-tab {
		margin-bottom: 20px;
	}
	.case-box {
		padding-top: 30px;
		height: 118px;
	}
	.case-box h4 {
		font-size: 16px;
		max-height: 48px;
		overflow: hidden;
	}
	.case-scroll .owl-controls {
		margin: 20px auto 15px;
	}
	.case-tab a {
		width: 118px;
	}
}

/*荣誉资质*/
.honor-wrap {
	height: 710px;
	background: url(../images/honor_bg.jpg) no-repeat 50% top #F0F2F5;	
	padding-top: 80px;
}
.honor-box {
	width: 570px;
}
.index-honor-img {
	margin: 40px auto 55px;
}
.index-honor-img img {
	width: 100%;
	max-width: 516px;
	margin: 0 auto;
	display: block;
}
.honor-wrap .more-a span {
	background: #F0F2F5;
}
.honor-box .title-ms {
	margin-bottom: 35px;
	color: #999;
}
@media only screen and (max-width:1600px) {
	.honor-wrap {
		height: 710px;
		background: url(../images/honor_bg.jpg) no-repeat 10% top #F0F2F5;	
		padding-top: 80px;
	}
}
@media only screen and (max-width:767px ) {
	.honor-wrap {
		height: auto;
		background: #F0F2F5 !important;	
		padding: 45px 0;
	}
	.honor-box {
		margin: 0 auto;
		width: 100%;
		max-width: 570px;
	}
}

/*科普&资讯*/
.index-news {
	margin: 60px auto;
}
.index-news .index-title {
	margin-bottom: 60px;
}
.index-news-box {
	width: 530px;
	float: left;
}
.index-news-img a {
	display: block;
	width: 100%;
}
.index-news-img a img {
	display: block;
	width: 100%;
}
.index-news-bottom {
	margin-top: 45px;
}
.index-news-bottom h4 {
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
}
.index-news-bottom h4 a {
	font-size: 18px;
	color: #90c31f;	
}
.index-news-bottom p {
	max-height: 60px;
	overflow: hidden;
}
.news-list {
	float: right;
	width: calc(100% - 610px);
}
.news-list li {
	overflow: hidden;
	margin-bottom: 23px;
}
.news-list li:last-child {
	margin-bottom: 0;
}
.news-date {
	height: 140px;
	border-right: 1px solid #d2d2d2;
	padding-top: 5px;
	width: 115px;
	float: left;
}
.news-date h4 {
	line-height: 35px;
	font-size: 24px;
	color: #4a4a4a;
}
.news-date p {
	color: #999;
}
.news-right {
	float: left;
	width: calc(100% - 115px);
	padding-left: 45px;
}
.news-right h4 {
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-right h4 a {
	color: #333;
}
.news-right h4 a:hover {
	color: #90c31f;
}
.news-ms {
	color: #999;
	max-height: 60px;
	overflow: hidden;
}
.news-more {
	margin-top: 20px;
}

@media only screen and (max-width:1199px ) {
	.index-news-box {
		width: 50%;
	}
	.news-list {
		width: 50%;
		padding-left: 30px;
	}
	.index-news .index-title {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:991px ) {
	.index-news-box {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: none;
	}
	.news-list {
		width: 100%;
		max-width: 600px;
		margin: 20px auto 0;
		float: none;
		padding-left: 0;
	}
	.index-news {
	    margin: 45px auto;
	}
	.index-news-bottom {
		margin-top: 15px;
	}
	.news-date {
		width: 90px;
		height: 120px;
	}
	.news-right {
		width: calc(100% - 90px);
    	padding-left: 20px;
	}
	.news-right h4 {
		margin-bottom: 10px;
	}
	.news-ms {
		max-height: 48px;
	}
	.index-news-bottom p {
		max-height: 48px;
	}
}
@media only screen and (max-width:767px ) {
	.index-news {
	    margin: 30px auto;
	}
	.news-date {
		width: 80px;
		height: 120px;
	}
	.news-right {
		width: calc(100% - 80px);
    	padding-left: 15px;
	}
	.index-news .index-title {
	    margin-bottom: 20px;
	}
	.index-news-bottom h4 {
		height: auto;
	}
}

/*招商加盟*/
.business {
	text-align: center;
	height: 391px;
	padding-top: 100px;
	background: url(../images/business_bg.jpg) no-repeat center;
}
.business .index-title,
.business .title-ms {
	color: #fff;
}
.business .title-ms {
	margin-bottom: 30px;
	font-size: 20px;
}
.business-more {
	display: inline-block;
	margin-left: -30px;
}
@media only screen and (max-width:767px ) {
	.business {
		height: 260px;
		padding-top: 50px;
	}
	.business-more img {
		width: 88px;
	}
}

/*品牌起源*/
.brand-left {
	width: 403px;
	float: left;
}
.brand-left-title {
	font-size: 45px;
	color: #333;
	margin-bottom: 70px;
}
.brand-img {
	display: block;
}
.brand-img img {
	display: block;
	width: 100%;
}
.brand-right {
	float: right;
	width: calc(100% - 403px - 140px);
}
.brand-title {
	background: url(../images/brand-title-bg.png) no-repeat left bottom;
	padding-bottom: 15px;
	margin-bottom: 80px;
}
.brand-title h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 25px;
}
.brand-title p {
	font-size: 18px;
	color: #333;
}
@media only screen and (max-width:1199px ) {
	.brand-left {
		width: 350px;
	}
	.brand-right {
		width: calc(100% - 350px - 60px);
	}
	.brand-title {
		margin-bottom: 40px;
	}
}
@media only screen and (max-width:991px ) {
	.brand-left {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.brand-left-title {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.brand-right {
		width: 100%;
		float: none;
		margin-top: 30px;
	}
}
@media only screen and (max-width:767px ) {
	.brand-left {
		width: 260px;
		text-align: center;
	}
	.brand-left-title {
		font-size: 25px;
		margin-bottom: 30px;
	}
	.brand-title {
		margin-bottom: 20px;
	}
	.brand-title h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}
}

/*公司介绍*/
.introduce-img {
	width: calc(50% + 87px);
	float: left;
}
.introduce-img img {
	width: 100%;
	display: block;
}
.introduce-box {
	float: right;
	width: calc(50% + 87px);
	margin-left: -174px;
	background: #fff;
	height: 485px;
	margin-top: 56px;
	padding: 60px 60px 0;
}
.introduce-logo img {
	display: block;
}
.introduce-content {
	margin-top: 30px;
}
.main-wrap {
	background: #F5F5F5;
	overflow: hidden;
}
@media only screen and (max-width:1199px ) {
	.introduce-img {
		width: 100%;
		max-width: 787px;
		float: none;
		margin: 0 auto;
	}
	.introduce-box {
		float: none;
		width: 100%;
		max-width: 787px;
		margin: 0 auto;
		padding-bottom: 60px;
		height: auto;
	}	
}
@media only screen and (max-width:767px ) {
	.introduce-box {
		padding: 15px;
	}
	.introduce-logo {
		display: none;
	}
	.introduce-content {
		margin-top: 0;
	}
}

/*企业文化*/
.culture-list {
	overflow: hidden;
	margin-bottom: 100px;
}
.culture-list:last-child {
	margin-bottom: 0;
}
.culture-img {
	float: right;
	width: calc(50% - 70px);
}
.culture-img img {
	display: block;
	width: 100%;
}
.culture-box {
	float: left;
	width: calc(50% - 70px);
	padding-top: 30px;
}
.culture-box h4 {
	font-size: 20px;
	color: #333;
	margin-bottom: 35px;
}

.culture-list:nth-child(2) .culture-img {
	float: left;
}
.culture-list:nth-child(2) .culture-box {
	float: right;
}
.culture-list:nth-child(1) .culture-box {
	background: url(../images/culture_bg1.png) no-repeat 10px top;
}
.culture-list:nth-child(2) .culture-box {
	background: url(../images/culture_bg2.png) no-repeat 10px top;
}
.culture-list:nth-child(3) .culture-box {
	background: url(../images/culture_bg3.png) no-repeat 10px top;
}

.culture-list:nth-child(1) .culture-img {
	margin-top: 50px;
}
.culture-list:nth-child(3) .culture-box {
	margin-top: 70px;
}
@media only screen and (max-width:1600px ) {
	.culture-img {
		width: calc(50% - 30px);
	}
	.culture-box {
		width: calc(50% - 30px);
	}
}
@media only screen and (max-width:1199px ) {
	.culture-img {
		width: calc(50% - 15px);
	}
	.culture-box {
		width: calc(50% - 15px);
	}
	.culture-list:nth-child(1) .culture-img {
		margin-top: 100px;
	}
	.culture-list:nth-child(2) .culture-img {
		margin-top: 60px;
	}
	.culture-list:nth-child(3) .culture-box {
		margin-top: 20px;
	}
	.culture-list {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width:991px ) {
	.culture-img {
		width: 100%;
		max-width: 630px;
		margin: 0 auto;
		float: none;
	}
	.culture-box {
		width: 100%;
		max-width: 630px;
		margin: 0 auto;
		float: none;
	}
	.culture-list:nth-child(1) .culture-box,
	.culture-list:nth-child(2) .culture-box,
	.culture-list:nth-child(3) .culture-box {
		background:none;
	}
	.culture-list:nth-child(1) .culture-img {
		margin-top: 0;
	}
	.culture-list:nth-child(2) .culture-img {
		margin-top: 0;
	}
	.culture-list:nth-child(3) .culture-box {
		margin-top: 0;
	}
	.culture-box h4 {
		margin-bottom: 15px;
	}
	.culture-list:nth-child(2) .culture-img {
		float: none;
	}
	.culture-list:nth-child(2) .culture-box {
		float: none;
	}
}
@media only screen and (max-width:767px ) {
	.culture-list {
		margin-bottom: 30px;
	}
}

/*我们的团队*/
.team-ul {
	margin-bottom: -85px;
	overflow: hidden;
}
.team-ul li {
	float: left;
	width: calc(50% - 60px);
	overflow: hidden;
	margin-bottom: 15px;
}
.team-ul li:nth-child(2n) {
	float: right;
}
.team-img {
	float: left;
	width: 190px;
}
.team-img img {
	display: block;
	width: 100%;
}
.team-right {
	float: right;
	width: calc(100% - 190px - 43px);
}
.team-title {
	padding-bottom: 2px;
	position: relative;
	color: #333;
	overflow: hidden;
	margin-bottom: 20px;
}
.team-title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right,#00afcc, #f9ee05);
}
.team-title h3 {
	line-height: 43px;
	float: left;
	font-size: 24px;
}
.team-title h4 {
	line-height: 43px;
	float: right;
	font-size: 16px;
}
.team-content {
	/*max-height: 240px;*/
	height: 240px;
	overflow: hidden;
}
@media only screen and (max-width:1199px ) {
	.team-ul {
		margin-bottom: -45px;
	}
	.team-ul li {
		width: calc(50% - 15px);
		margin-bottom: 15px;
	}
	.team-right {
		width: calc(100% - 190px - 15px);
	}
	.team-title {
		margin-bottom: 10px;
	}
	.team-title h3 {
		float: none;
	}
	.team-title h4 {
		float: none;
		line-height: 30px;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width:991px ) {
	.team-ul {
		margin-bottom: -30px;
	}
	.team-ul li {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.team-ul li:nth-child(2n) {
		float: none;
	}
	.team-content {
		height: auto;
		/*max-height: 96px;*/
	}
}
@media only screen and (max-width:500px ) {
	.team-img {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 300px;
	}
	.team-right {
		width: 100%;
		float: none;
		max-width: 300px;
		margin: 0 auto;
	}
	.team-title {
		margin-top: 10px;
	}
	.team-title h3 {
		font-size: 20px;
		line-height: 30px;
	}
}

/*发展历程*/
.history {
	margin-top: 70px;
}
.history .title {
	margin-bottom: 65px;
}
.history-scroll-wrap {
	background: url(../images/history-wrap.png) no-repeat center #8EC31F;
	background-size: cover;
	padding: 100px 0;
}

.event_box{margin:20px auto 0;position:relative; max-width: 1000px;}

.event_box .parHd {width:calc(100% - 140px);margin: 0 70px; display:inline-block;height:92px;overflow:hidden;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto; overflow: hidden;}

.parHd .tempWrap:after{content:'';width:100%;height:1px;background:#fff;position:absolute;/* top:33%;*//* right:-140%;*/right:0;top:35%;/* margin-top:-0.5px;*/z-index:10;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#fff;margin:0 30px;position:relative;}

.parHd li:after{content:''; width:20px;height:20px; background:#8EC31F; border-radius: 50%; border: 2px solid #fff; position:absolute;z-index:20;top:-6px;left:50%;margin-left:-12px;}

.parBd{text-align:center;margin-bottom:60px;}

.parBd h4{color:#fff; position:relative;font-size:40px;margin-bottom:40px;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}

/*.parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}

.parBd h4:before{content:'';background:#fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}*/

.parBd p{line-height:180%;font-size:16px;width:80%; color: #fff; opacity: .7; margin:0 auto;}

div#listBox {width:100%;}

.sPrev,.sNext{width:40px;height:40px;display:block;position:absolute; bottom:50px;}
.sPrev img,.sNext img {
	display: block;
	width: 100%;
}

.sPrev{left:0;}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li.act span{display:block;width:20px;height:20px;overflow:hidden;background:#fff; border-radius:50%; position:absolute;top:-6px;left:28px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}	
@media only screen and (max-width:1199px ) {
	.history-scroll-wrap {
		padding: 45px 0;
	}
	.slideBox h4 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.parBd {
		margin-bottom: 30px;
	}
	.history {
		margin-top: 45px;
	}
}
@media only screen and (max-width:767px ) {
	.sPrev {
		left: 15px;
	}
	.sNext {
		right: 15px;
	}
	.history {
		margin-top: 30px;
	}
	.slideBox h4 {
		font-size: 22px;
		margin-bottom: 10px;
		padding: 0 30px;
	}
	.parBd p {
		width: 100%;
	}
}

/*资质荣誉*/
.honor-ul {
	overflow: hidden;
}
.honor-ul li {
	float: left;
	width: 20%;
	padding: 0 15px;
	margin-bottom: 25px;
}
.honor-a {
	display: block;
	max-width: 240px;
	margin: 0 auto;
}
.honor-img {
	border: 1px solid #dcdcdc;
}
.honor-img img {
	display: block;
	width: 100%;
}
.honor-a p {
	line-height: 55px;
	height: 55px;
	text-align: center;
}
.loading-more {
	display: block;
	margin: 15px auto 0;
	width: 190px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	text-align: center;
	color: #fff !important;
	background: #8EC31F;
}
@media only screen and (max-width:1199px ) {
	.honor-ul li {
		width: 25%;
	}
}
@media only screen and (max-width:991px ) {
	.honor-ul li {
		width: 33.33%;
	}
}
@media only screen and (max-width:767px ) {
	.honor-ul li {
		width: 50%;
		margin-bottom: 15px;
	}
	.honor-a p {
		line-height: 40px;
		height: 40px;
		text-align: center;
	}
	.loading-more {
		display: block;
		margin: 0 auto;
		width: 140px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}
}
@media only screen and (max-width:450px ) {
	.honor-ul li {
		width: 100%;
	}
}

/*车内空气治理*/
.sub-nav-right {
	float: right;
	color: #fff;
	margin-top: -77px;
}
.sub-nav-phone {
	width: 167px;
	height: 167px;
	padding-top: 94px;
	background: url(../images/nav_phone.png) no-repeat center 35px #1E1E1E;
	text-align: center;
	float: left;
}
.sub-nav-phone h3 {
	line-height: 26px;
	font-size: 16px;
}
.sub-nav-phone h4 {
	line-height: 24px;
	font-size: 14px;
}
.sub-nav-tmall {
	float: left;
	width: 167px;
	height: 167px;
	background: url(../images/tmall-bg.png) no-repeat center bottom #90C31F;
	text-align: center;
	color: #fff !important;
	padding-top: 44px;
}
.sub-nav-tmall h3 {
	font-size: 16px;
}
.sub-nav-tmall h4 {
	font-size: 12px;
	line-height: 30px;
}
@media only screen and (max-width:1599px ) {
	.sub-nav-right {
		display: none;
	}
}

/*车内空气治理*/
.car-box {
	overflow: hidden;
	margin-bottom: 55px;
}
.car-img {
	float: left;
	width: calc(50% - 41px);
}
.car-img img {
	display: block;
	width: 100%;
}
.car-right {
	float: right;
	width: 50%;
}
.car-right h4 {
	font-size: 24px;
	color: #333;
	line-height: 60px;
	padding-bottom: 4px;
	background: url(../images/car_title.png) no-repeat left bottom;
	margin-bottom: 30px;
}
.car-content {
	color: #333;
}
@media only screen and (max-width:1199px ) {
	.car-img {
		margin-top: 80px;
	}
}
@media only screen and (max-width:991px ) {
	.car-img {
		width: 100%;
		max-width: 660px;
		margin: 0 auto 20px;
		width: 100%;
		float: none;
	}
	.car-right {
		max-width: 660px;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.car-right h4 {
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width:767px ) {
	.car-box {
		margin-bottom: 30px;
	}
}
.source-ul {
	overflow: hidden;
	margin-bottom: 55px;
}
.source-ul li {
	width: calc(10% - 12px);
	margin: 0 6px;
	float: left;
	height: 89px;
	border: 6px solid #90C31F;
	font-size: 24px;
	color: #90c31f;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-width:1199px ) {
	.source-ul li {
		width: calc(20% - 12px);
		margin: 0 6px;
		border: 4px solid #90C31F;
		margin-bottom: 12px;
	}
}
.principle-box {
	margin-bottom: 50px;
}
.principle-box img {
	display: block;
	width: 100%;
}
@media only screen and (max-width:767px ) {
	.source-ul li {
		width: calc(33.33% - 12px);
		margin: 0 6px;
		border: 2px solid #90C31F;
		margin-bottom: 12px;
		font-size: 18px;
		height: 70px;
	}
	.source-ul li:last-child {
		display: none;
	}
	.source-ul {
		margin-bottom: 30px;
	}
	.principle-box {
		margin-bottom: 30px;
	}
}
.process-ul {
	overflow: hidden;
	width: calc(100% + 20px);
}
.process-ul li {
	float: left;
	width: calc(16.66% - 20px);
	margin-right: 20px;
}
.process-ul li img {
	display: block;
	width: 100%;
}
@media only screen and (max-width:991px ) {
	.process-ul li {
		width: calc(33.33% - 20px);
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:450px ) {
	.process-ul li {
		width: calc(50% - 20px);
	}
}

/*空气净化产品*/
.pro-introduce {
	background: #fff;
	overflow: hidden;
	padding: 45px 60px 50px;
	margin-bottom: 55px;
}
.pro-introduce-left {
	float: left;
}
.pro-introduce-left img {
	display: block;
}
.pro-introduce-left p {
	margin-top: 35px;
	text-align: right;
}
.pro-introduce-right {
	float: right;
	width: 60%;
	overflow: hidden;
}
.pro-introduce-content {
	color: #333;
	margin-bottom: 20px;
}
.tmall-a {
	display: block;
	float: left;
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: url(../images/tmall-anniu.png) no-repeat 21px center #90C31F;
	padding-left: 78px;
	font-size: 14px;
	color: #fff !important;
	margin-right: 23px;
}
.contact-a {
	display: block;
	float: left;
	width: 160px;
	height: 40px;
	line-height: 38px;
	font-size: 40px;
	text-align: center;
	color: #90C31F;
	border: 1px solid #90C31F;
	font-size: 16px;
}
@media only screen and (max-width:1199px ) {
	.pro-introduce {
		padding: 30px;
	}
}
@media only screen and (max-width:991px ) {
	.pro-introduce-left {
		float: none;
		width: 100%;
		max-width: 318px;
		margin: 0 auto 20px;
	}
	.pro-introduce-left img {
		width: 100%;
	}
	.pro-introduce-left p {
		margin-top: 10px;
	}
	.pro-introduce-right {
		width: 100%;
	}
}
@media only screen and (max-width:767px ) {
	.pro-introduce {
		padding: 15px;
		margin-bottom: 30px;
	}
	.tmall-a {
		width: 120px;
		margin-right: 10px;
		background: #90C31F;
		padding-left: 0;
		text-align: center;
	}
	.contact-a {
		width: 120px;
	}
}
.pro-ul {
	overflow: hidden;
	width: calc(100% + 50px);
}
.pro-ul li {
	float: left;
	width: calc(25% - 50px);
	margin-right: 50px;
	margin-bottom: 40px;
}
.pro-a {
	display: block;
	width: 100%;
	max-width: 311px;
	margin: 0 auto;
}
.pro-img {
	overflow: hidden;
}
.pro-img img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pro-a:hover .pro-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.pro-a p {
	text-align: center;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
}
@media only screen and (max-width:1199px ) {
	.pro-ul li {
		width: calc(33.33% - 50px);
		margin-right: 50px;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width:991px ) {
	.pro-ul {
		width: calc(100% + 30px);
	}
	.pro-ul li {
		width: calc(33.33% - 30px);
		margin-right: 30px;
		margin-bottom: 20px;
	}
	.pro-a p {
		line-height: 40px;
		height: 40px;
	}
}
@media only screen and (max-width:767px ) {
	.pro-ul li {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:450px ) {
	.pro-ul li {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 10px;
	}
	.pro-ul {
		width: 100%;
	}
}
.white-bg {
	background: #fff;
}

/*产品内页*/
.pro-inside {
	height: 485px;
	overflow: hidden;
}
.big-pro {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}
.big-pro img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
}
.pro-inside-right {
	float: left;
	width: 50%;
	padding-top: 50px;
}
.pro-inside-right h3 {
	line-height: 55px;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.pro-inside-right h4 {
	line-height: 45px;
}
.inside-content {
	margin-top: 15px;
	margin-bottom: 45px;
	font-size: 16px;
	line-height: 30px;
}
.inside-content span {
	color: #333;
}
.buy-a {
	display: block;
	width: 218px;
	height: 50px;
	line-height: 50px;
	padding-left: 34px;
	font-size: 18px;
	color: #fff !important;
	background: url(../images/buy_bg.png) no-repeat right center #90C31F;
}
@media only screen and (max-width:991px ) {
	.pro-inside {
		height: auto;
		padding-bottom: 30px;
	}
	.big-pro {
		width: 100%;
		padding: 30px 0;
		float: none;
	}
	.big-pro img {
		position: relative;
	}
	.pro-inside-right {
		float: none;
		width: 100%;
		padding-top: 0;
	}
	.pro-inside-right h3 {
		font-size: 25px;
		line-height: 40px;
	}
	.pro-inside-right h4 {
		line-height: 30px;
		font-size: 16px;
	}
	.inside-content {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width:767px ) {
	.pro-inside-right h3 {
		font-size: 20px;
	}
}
.pro-details {
	border-top: 1px solid #e9e9e9;
	padding: 60px 0;
	text-align: center;
}
.pro-details-title {
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 35px;
}

@media only screen and (max-width:991px ) {
	.pro-details {
		padding: 45px 0;
	}
	.pro-details img {
		width: 100%;
	}
}
@media only screen and (max-width:767px ) {
	.pro-details {
		padding: 30px 0;
	}
	.pro-details-title {
		margin-bottom: 20px;
	}
}

/*内页样式*/
.inside-banner{
	width: 100%;
}
.inside-banner img{
	display: block;
	width: 100%;
	min-height: 120px;
}
.inside-title {
	color: #fff;
	margin-top: -155px;
	padding-bottom: 50px;
}
.inside-title h3 {
	font-size: 36px;
	line-height: 65px;
	font-weight: bold;
}
.inside-title .crumbs {
	line-height: 40px;
}
.inside-title .crumbs a {
	color: #fff;
}
@media only screen and (max-width:1199px ) {
	.inside-title {
		margin-top: -105px;
		padding-bottom: 30px;
	}
	.inside-title h3 {
		font-size: 28px;
		line-height: 45px;
	}
	.inside-title .crumbs {
		line-height: 30px;
		height: 30px;
		overflow: hidden;
	}
}
@media only screen and (max-width:767px ) {
	.inside-title {
		margin-top: -69px;
		padding-bottom: 10px;
	}
	.inside-title h3 {
		font-size: 20px;
		line-height: 35px;
	}
	.inside-title .crumbs {
		line-height: 24px;
	}
}
/*子导航*/
.sub-nav-wrap {
	width: 100%;
	border-bottom: 1px solid #eee;
	position: relative;
	z-index: 5;
}
.sub-nav {
	text-align: left;
	font-size: 0;
	height: 90px;
}
.sub-nav.justify {
	text-align: justify;
}
.sub-nav.justify:after {
	content: "";
	display: inline-block;
	width: 100%;
}
.sub-nav li {
	display: inline-block;
	margin-right: 65px;
}
.sub-nav li:last-child {
	margin-right: 0;
}
.sub-nav.justify li {
	margin: 0;
}
.sub-nav li a {
	font-size: 16px;
	display: block;
	height: 90px;
	line-height: 90px;
	position: relative;
	bottom: -1px;
}
.sub-nav li a:hover {
	color: #8ec31f;
}
.sub-nav li.active a {
	border-bottom: 2px solid #8ec31f;
	color: #8ec31f;
}
@media only screen and (max-width:1199px ) {
	.sub-nav li {
		margin-right: 30px;
	}
}
@media only screen and (max-width:991px ) {
	.sub-nav-wrap {
		display: none;
	}
}

/*主体内容*/
.main {
	margin: 50px auto 90px;
}
.main-title {
	text-align: center;
	margin-bottom: 35px;
}
.main-title h3 {
	line-height: 45px;
	margin-bottom: 15px;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.main-title h3.green {
	color: #8EC31F;
}
@media only screen and (max-width:1199px ) {
	.main {
		margin: 45px auto;
	}
}
@media only screen and (max-width:991px ) {
	.main-title {
		margin-bottom: 20px;
	}
	.main-title h3 {
		font-size: 24px;
	}
}
@media only screen and (max-width:767px ) {
	.main {
		margin: 30px auto;
	}
	.main-title h3 {
		margin-bottom: 0;
		font-size: 20px;
	}
}

/*现状分析*/
.analyse-box {
	overflow: hidden;
	margin-bottom: 75px;
}
.analyse-img {
	overflow: hidden;
	float: left;
	width: calc(50% - 80px);
	height: 317px;
}
.analyse-img img {
	display: block;
}
.analyse-right {
	float: right;
	width: 50%;
	height: 317px;
	position: relative;
	padding-bottom: 20px;
}
.analyse-right:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	bottom: 0;
	background: linear-gradient(to right,#00afcc, #f9ee05);
}
.analyse-right h4 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 50px;
	margin-top: 30px;
}
.analyse-content {
	font-size: 18px;
	color: #333;
}
@media only screen and (max-width:1199px ) {
	.analyse-img {
		width: calc(50% - 20px);
	}
	.analyse-right h4 {
		font-size: 20px;
	}
	.analyse-box {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width:991px ) {
	.analyse-img,
	.analyse-right {
		width: 100%;
		max-width: 619px;
		margin: 0 auto;
		float: none;
		height: auto;
	}
	.analyse-right h4 {
		margin-bottom: 15px;
    	margin-top: 20px;
    	line-height: 30px;
	}
	.analyse-content {
		font-size: 16px;
	}
	.analyse-img img {
		width: 100%;
	}
}
@media only screen and (max-width:767px ) {
	.analyse-right h4 {
		font-size: 18px;
	}
	.analyse-content {
		font-size: 14px;
	}
	.analyse-box {
		margin-bottom: 30px;
	}
}
.analyse-ul {
	overflow: hidden;
}
.analyse-ul li {
	float: left;
	width: 25%;
	padding: 0 30px;
}
.analyse-circle {
	width: 128px;
	height: 128px;
	border: 2px solid #90C31F;
	border-radius: 50%;
	text-align: center;
	line-height: 124px;
	font-size: 30px;
	color: #90c31f;
	margin: 0 auto;
}
.analyse-nr {
	text-align: center;
	margin-top: 50px;
}
@media only screen and (max-width:991px ) {
	.analyse-ul li {
		padding: 0 15px;
		width: 50%;
		margin-bottom: 30px;
	}
	.analyse-circle {
		width: 90px;
		height: 90px;
		border: 2px solid #90C31F;
		border-radius: 50%;
		text-align: center;
		line-height: 86px;
		font-size: 20px;
		color: #90c31f;
		margin: 0 auto;
	}
	.analyse-nr {
		margin-top: 20px;
		height: 120px;
		overflow: hidden;
	}
}
@media only screen and (max-width:500px ) {
	.analyse-ul li {
		padding: 0;
		width: 100%;
		margin-bottom: 20px;
		float: none;
	}
	.analyse-nr {
		height: auto;
	}
}


.news-title{
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;	
	color:#111;
}
.news-content{
	/*margin: 20px 0px;*/
	min-height: 200px;
}
@media only screen and (max-width:767px ) {
	.news-content img {
		width: 100%;
	}
}
.inside-page{
	width:100%; 
	line-height:30px; 
	text-align:left; 
	margin-top:20px; 
	border-top:solid 1px #CCCCCC;	
	padding-top:5px;
}

@media (max-width: 449px) {
	.col-xss-12{
		width: 100%;
	}
}
.page-box{
	height: 32px;
	text-align: center;
	margin-top: 30px;
	font-size: 0;
}
.page-box a{
	display: inline-block;
	height: 32px;
	border: 1px solid #DFDFDF;
	line-height: 30px;
	padding: 0px 12px;
	color: #969696;
	margin:0px 3.5px;
	font-size: 14px;
}
.page-box a.on{
	color:#fff;
	background:#0067BF;
	border: 1px solid #0067BF;
}
@media (max-width: 991px) {
	.page-box{
		margin-top: 20px;
	}
}
@media only screen and (max-width:767px ) {
	.page-box{
		height: 25px;
	}
	.page-box a{
		height: 25px;
		line-height: 23px;
		padding: 0px 8px;
	}
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden; 
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* yintao */
/* 案例 */
.sub-center{
	text-align: center !important;
}
.sub-center li{
	padding: 0 55px;
}
.sub-center li a{
	font-size: 18px;
}
#case-main{
	background: #f6f6f6;
	width: 100%;
	padding: 58px 0 60px;
}
.case-title{
	text-align: center;
	margin-bottom: 55px;
}
.case-title>h3{
	font-size: 30px;
	font-weight: bold;
	color: #90c31f;
	margin-bottom: 20px;
}
.case-title>p{
	font-size: 16px;
	color: #666666;
}
.case-list li{
	padding: 0 1px;
	margin-bottom: 40px;
}
.case-list li a{
	display: block;
}
.case-list li a .case-img{
	overflow: hidden;
	position: relative;
}
.case-list li a .case-img img{
	display: block;
	width: 100%;
}
.case-list li a .case-img span{
	display: block;
	margin-top: -15px;
}
.case-list li a .case-txt{
	padding: 44px 0 35px 28px;
	background: url('../images/case-txt-right.png') #fff calc(100% - 37px) 70px  no-repeat;
}
.case-list li a .case-txt h4{
	font-family: "syht";
	color: #333333;
	height: 19px;
	overflow: hidden;
}
.case-list li a:hover .case-txt h4{
	color: #8ec31f;
}
.case-list li a .case-txt p{
	font-size: 16px;
	height: 30px;
	color: #969696;
	margin-top: 8px;
	overflow: hidden;
	max-width: 80%;
}
.bottom-more{
	display: block;
	width: 190px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #ffffff !important;
	font-size: 16px;
	background: #8ec31f;
	border-radius: 20px;
	margin: 0 auto;
}
@media(max-width: 1199px){
	#case-main{
		padding: 30px 0 30px;
		margin-top: -10px;
	}
	.case-title{
		margin-bottom: 25px;
	}
	.case-title>h3{
		font-size: 24px;
		margin-bottom: 10px;
	}
}

/* 案例详情 */
.cased-main{
	padding: 79px 15px 131px;
}
.big_img img{
	display: block;
	width: 100%;
}
#case_small{
	margin-top: 31px;
}
#case_small .item{
	margin: 0 5px;
}
#case_small .item img{
	display: block;
	width: 100%;
	margin: 0 auto;
	cursor: pointer;
}
.cased-right{
	padding-left: 68px;
}
.cased-title{
	padding-top: 15px;
	line-height: 32px;
	margin-bottom: 40px;
}
.cased-title h3{
	font-size: 18px;
	line-height: 32px;
	color: #8ec31f;
	font-weight: bold;
}
.cased-more{
	margin-bottom: 40px;
}
.cased-more h4{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	font-weight: bold;
}
.cased-more .cased-txt{
	font-size: 16px;
	color: #969696;
	line-height: 28px;
}
.cased-iphone{
	float: left;
	background: url('../images/cased-iphone.png') no-repeat left;
	padding-left: 67px;
	height: 48px;
}
.cased-iphone>p{
	line-height: 24px;
	font-size: 16px;
	color: #333333;
}
.cased-iphone2{
	margin-top: 10px;
	margin-left: 30px;
	float: left;
	display: block;
}
.cased-link{
	float: left;
	background: url('../images/cased-link.png') no-repeat center;
	width: 87px;
	height: 34px;
	line-height: 34px;
	text-align: right;
	padding-right: 15px;
	color: #ffffff !important;
	margin-left: 25px;
	margin-top: 10px;
	display: block;
}
@media(max-width: 1199px){
	.cased-main{
		padding: 40px 15px 80px;
	}
	.cased-right{
		padding-left: 0;
	}
}
@media(max-width: 991px){
	.cased-main{
		padding: 30px 15px 60px;
	}
	.cased-title{
		margin-bottom: 20px;
	}
	#case_small .item{
		margin: 0 5px;
	}
	#case_small .item img{
		width: 100%;
	}
}
@media(max-width: 767px){
	#case_small .item img{
		width: auto;
	}
}
@media(max-width: 500px){
	.cased-main{
		padding: 30px 15px 30px;
	}
	.cased-iphone,.cased-iphone2,.cased-link{
		float: none;
		margin: 0 auto 15px;
	}
	.cased-iphone{
		width: 163px;
	}
	.cased-more{
		margin-bottom: 20px;
	}
	.cased-more .cased-txt{
		font-size: 14px;
	}
}

/* 新闻 */
.news-main{
	padding: 70px 15px 70px;
}
.news-con li{
	border: 1px solid #eeeeee;
	padding: 32px 106px 35px 36px;
	margin-bottom: 40px;
}
.news-con li a{
	display: block;
	overflow: hidden;
}
.news-con li a .news-left{
	float: left;
}
.news-con li a .news-right{
	float: right;
	width: calc(100% - 396px);
	width: -moz-calc(100% - 396px);
	width: -webkit-calc(100% - 396px);
}
.news-con li a .news-right h3{
	font-size: 16px;
	color: #333333;
	margin: 17px auto 20px;
}
.news-con li a .news-right h4{
	font-size: 18px;
	color: #333333;
	/*height: 22px;*/
	overflow: hidden;
	margin-bottom: 22px;
}
.news-con li a .news-right .news-more{
	line-height: 26px;
	color: #666666;
	max-height: 78px;
	overflow: hidden;
}
.news-con li a .news-right span{
	display: block;
	width: 126px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	text-align: center;
	color: #969696;
	margin-top: 22px;
}
.news-con li a:hover .news-right span{
	background: #8ec31f;
	color: #ffffff;
	border: 1px solid #8ec31f;
}
@media(max-width: 1199px){
	.news-main{
		padding: 40px 15px 40px;
	}
	.news-con li{
		padding-right: 30px;
	}
}
@media(max-width: 991px){
	.news-con li a .news-left{
		display: none;
	}
	.news-con li a .news-right{
		width: 100%;
		float: none;
	}
}
@media(max-width: 767px){
	.news-con li{
		padding: 15px;
		margin-bottom: 20px;
	}
}

/* 新闻详情 */
.newsd-title{
	text-align: center;
	border-bottom: 1px dashed #cccccc;
	margin: 0 150px 40px;
	padding-bottom: 44px;
}
.newsd-title h5{
	font-size: 28px;
	color: #333333;
	margin-bottom: 30px;
}
.newsd-title span{
	display: block;
	font-size: 16px;
	color: #999999;
}
.newsd-content{
	margin: 0 113px;
	text-align: center;
}
.inside_page{
	border: 1px solid #e6e6e6;
	overflow: hidden;
	margin-top: 86px;
}
.inside_page>a{
	width: 50%;
	display: block;
	float: left;
	padding: 49px 0 49px;
	color: #333333;
	border-right: 1px solid #e6e6e6;
	overflow: hidden;
	height: 129px;
}
.inside_page>a:last-child{
	border-right: 0;
}
.inside_page>a>p{
	color: #999999;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: -10px;
}
.inside_page>.inside_page-left{
	text-align: left;
	padding-left: 84px;
}
.inside_page>.inside_page-right{
	text-align: right;
	padding-right: 84px;
}
.inside_page>.inside_page-left>p{
	padding-left: 25px;
}
.inside_page>.inside_page-right>p{
	padding-right: 25px;
}
@media(max-width: 1199px){
	.newsd-title{
		margin: 0 auto 30px;
		padding-bottom: 24px;
	}
	.newsd-title h5{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.newsd-content{
		margin: 0 auto;
	}
	.newsd-content img{
		display: block;
		width: 100%;
	}
	.inside_page{
		margin-top: 60px;
	}
	.inside_page>a{
		width: 100%;
		height: 80px;
		float: none;
	}
	.inside_page>.inside_page-left{
		border-bottom: 1px solid #e6e6e6;
		padding-left: 24px;
	}
	.inside_page>.inside_page-right{
		text-align: left;
		padding-left: 24px;
		padding-right: 0;
	}
}
@media(max-width: 991px){
	.newsd-title{
		margin: 0 auto 15px;
	}
	.newsd-title h5{
		font-size: 20px;
	}
	.inside_page{
		margin-top: 30px;
	}
	.inside_page>a{
		padding: 20px;
	}
	.inside_page>.inside_page-left>p{
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* 新闻视频 */
.newsvideo li{
	padding: 0 69px;
}
.newsvideo li img{
	display: block;
	width: 100%;
}
.newsvideo li p{
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	margin-bottom: 30px;
}
@media(max-width: 1199px){
	.newsvideo_box iframe{
		width: 100%;
	}
}
@media(max-width: 1199px){
	.newsvideo li{
		padding: 0 15px;
	}
	.newsvideo li p{
		margin-bottom: 0;
	}
}

/* 联系我们 */
#contact-main{
	background: #fcfcfc;
}
#contact-main .container{
	padding: 75px 61px 66px 70px;
}
.contact_left{
	padding: 0;
}
.contact_left>img{
	display: block;
	width: 100%;
}
.contact_right{
	height: 390px;
	padding: 0px 119px 0px 88px;
	background: #ffffff;
}
.contact_right h3{
	margin: 36px auto 38px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}
.contact_right dd{
	border-bottom: 2px solid #f3f3f3;
	padding-bottom: 8px;
	margin-bottom: 15px;
	text-align: left;
	padding-left: 55px;
}
.contact_right .contact-icon1{
	background: url('../images/contact-icon1.png') no-repeat left;
}
.contact_right .contact-icon2{
	background: url('../images/contact-icon2.png') no-repeat left;
}
.contact_right .contact-icon3{
	background: url('../images/contact-icon3.png') no-repeat left;
}
.contact_right dd span{
	font-size: 16px;
	line-height: 30px;
	display: block;
	color: #333333;
}
.contact_right dd p{
	font-size: 14px;
	line-height: 30px;
	color: #969696;
}
@media(max-width: 1600px){
	.contact_left>img{
		height: 390px;
	}
}
@media(max-width: 1199px){
	#contact{
		padding-top: 30px;
	}
	#contact-main .container{
		padding: 30px 15px 30px;
	}
	.contact_left>img,.contact_right{
		height: auto;
	}
	.contact_right{
		padding: 0 80px 30px 30px;
	}
	.contact_title h3{
		font-size: 18px;
		line-height: 24px;
	}
	.contact_title p{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width: 991px){
	.contact_right dd span{
		font-size: 15px;
	}
	.contact_right dd p{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width: 767px){
	.contact_right{
		padding: 30px;
	}
}

/* 联系我们表格 */
.form-box{
	padding: 82px 60px 73px 69px;
}
.form-left>p{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 25px;
}
.form_ul li{
	margin-bottom: 8px;
	overflow: hidden;
}
.form_ul li input{
	border: 1px solid #ebebeb;
	background: #f8f8f8;
	width: 100%;
	height: 60px;
	padding-left: 25px;
}
.form_ul li:nth-child(1) input{
	margin-right: 12px;
}
.form_ul li:first-child input{
	width: 49%;
	float: left;
}
.form_ul li:first-child input:last-child{
	margin-right: 0;
}
.form_ul li textarea{
	width: 100%;
	padding-left: 25px;
	padding-top: 15px;
	background: #f8f8f8;
	border: 1px solid #ebebeb;
	color: #969696;
	min-height: 200px;
	resize: none;
}
.form_ul li input[type=submit],
.form_ul li input[type=reset]{
	width: 166px;
	height: 49px;
	line-height: 49px;
	color: #666666;
	font-size: 16px;
	background: #f8f8f8;
	border: 1px solid #ebebeb;
	float: left;
	margin-right: 15px;
	text-align: center;
	padding-left: 0;
}
.form_ul li input[type=submit]:hover{
	background: #8ec31f;
	color: #ffffff;
}
.form_ul li input[type=reset]:hover{
	background: #8ec31f;
	color: #ffffff;
}
.form-right{
	padding-left: 99px;
}
.form-right>p{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 65px;
	margin-bottom: 22px;
}
.form-ewm li{
	float: left;
	margin-right: 34px;
	text-align: center;
}
.form-ewm li:last-child{
	margin-right: 0;
}
.form-ewm li p{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 11px;
}
@media(max-width: 1600px){
	.form_ul li:first-child input{
		width: 100%;
		margin-bottom: 8px;
		margin-right: 0;
	}
	.form-right{
		padding-left: 15px;
	}
}
@media(max-width: 1199px){
	.form-box{
		padding: 20px 15px 50px;
	}
	.form-ewm li{
		margin-right: 15px;
	}
	.form-ewm li img{
		width: 152px;
		height: 152px;
	}
}
@media(max-width: 991px){
	.form-left>p{
		font-size: 15px;
	}
	.form_ul li:last-child{
		text-align: center;
	}
	.form_ul li input[type=submit], .form_ul li input[type=reset]{
		display: inline-block;
		float: none;
	}
	.form-right{
		margin-top: 25px;
	}
	.form-right>p{
		margin-top: 25px;
		text-align: center;
		font-size: 15px;
	}
	.form-right>img{
		display: block;
		margin: 0 auto;
	}
	.form-ewm{
		text-align: center;
	}
	.form-ewm li{
		display: inline-block;
		float: none;
	}
	.form-ewm li p{
		font-size: 14px;
	}
}
@media(max-width: 540px){
	.form_ul li input[type=submit],
	.form_ul li input[type=reset]{
		width: 120px;
		margin-right: 5px;
	}
	.form-right>img{
		width: 250px;
	}
}
@media(max-width: 400px){
	.form-ewm li{
		margin-right: 5px;
	}
	.form-ewm li img{
		width: 120px;
		height: 120px;
	}
}

/* 人才招聘 */
.join-main{
	padding: 44px 60px 125px;
}
.join-txt{
	background: url('../images/join-txt.png') no-repeat center;
	margin-bottom: 79px;
	padding: 85px 0 88px 58px;
}
.join-txt>h3{
	background: url('../images/join-txt-h3.png') no-repeat left;
	padding-left: 56px;
	font-size: 32px;
	color: #8ec31f;
	margin-bottom: 44px;
}
.join-txt>h4{
	font-size: 16px;
	color: #666666;
	margin-bottom: 15px;
}
.join-txt>p{
	font-size: 14px;
}
.join_ul li{
	border-top: 1px dashed #d2d2d2;
}
.join_ul li:nth-child(4) {
	border-bottom: 1px dashed #d2d2d2;
}
.join_title{
	height: 69px;
	line-height: 69px;
	padding:0px 94px 0 86px;
	font-size: 16px;
	color: #333333;
	background: url('../images/join_icon1.png') no-repeat calc(100% - 94px);
    cursor: pointer;
}
.join_content{
	padding: 32px 80px 47px;
	min-height: 150px;
	display: none;
	background: #f8f8f8;
}
.join_content>p{
	color: #333333;
	font-size: 16px;
}
.join_content>.p1{
	padding-bottom: 18px;
}
.join_ul li.on{
	border-top: 1px solid #c5c5c5;
}
.join_ul li.on .join_title{
	background: url('../images/join_icon2.png') no-repeat #c5c5c5 calc(100% - 94px);
	color: #333333;
}
.join_bottom{
	line-height: 60px;
	background: #8ec31f;
	color: #ffffff;
	font-size: 16px;
	padding-left: 86px;
}
@media(max-width: 1199px){
	.join-main{
		padding: 30px 15px 100px;
	}
	.join-txt{
		padding: 40px 15px 60px 20px;
		margin-bottom: 40px;
	}
	.join-txt>h3{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.join_bottom{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
	}
}
@media(max-width: 991px){
	.join-main{
		padding: 30px 15px 60px;
	}
	.join-txt{
		margin-bottom: 30px;
	}
	.join-txt>h3{
		font-size: 25px;
	}
	.join_title{
		padding-left: 20px;
		background-position: calc(100% - 15px) center;
		background-position: -moz-calc(100% - 15px) center;
		background-position: -webkit-calc(100% - 15px) center;
	}
	.join_ul li.on .join_title{
		background: url('../images/join_icon2.png') no-repeat #c5c5c5 calc(100% - 14px);
		background: url('../images/join_icon2.png') no-repeat #c5c5c5 -moz-calc(100% - 14px);
		background: url('../images/join_icon2.png') no-repeat #c5c5c5 -webkit-calc(100% - 14px);
	}
	.join_bottom{
		line-height: 30px;
	}
}
@media(max-width: 767px){
	.join_title{
		height: 50px;
		line-height: 50px;
		font-size: 14px;	
	}
	.join_content{
		padding: 20px;
	}
	.join_content>p{
		font-size: 14px;
	}
	.join_content>.p1{
		padding-bottom: 20px;
	}
}


/* 网点 加盟 */
.map-title{
	text-align: center;
}
.map-title>h3{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.map-right{
	float: right;
	width: 365px;
	margin-right: 90px;
	margin-left: 150px;
}
.searchd-box{
	padding: 42px 0 57px 0;
	border-bottom: 1px solid #dcdbdc;
}
.servicebox{
	padding-top: 44px;
}
.searchd-box .top .input{
	width: 265px;
	height: 44px;
	padding: 0 5px;
	float: left;
	border:1px solid #dcdbdc;
}
.searchd-box .top .submit{
	width: 98px;
	font-weight: bold;
	height: 44px;
	background: #8ec31f;
	color: #fff;
	border:0px none;
	font-size: 14px;
	font-family: "syht";
}
.searchd-box .top .p{
	line-height: 60px;
	color: #666666;
}
.ajax_box>h4{
	margin: 33px auto 27px;
}
.map-img{
	position: relative;
	width: 765px;
	float: left;
}
.click-box{
	width: 38px;
	height: 38px;
	position: absolute;
	opacity: 0.2;
}
.click-box img{
	position: absolute;
	display: none;
}
.click-box.cur img{
	display: block;
}
.click-box.box1{
	top: 204px;
    left: 125px;
}
.click-box.box2{
	top: 369px;
    left: 153px;
}
.click-box.box3{
	top: 301px;
    left: 274px;
}
.click-box.box4{
	top: 402px;
    left: 367px;
}
.click-box.box5{
	top: 507px;
    left: 344px;
}
.click-box.box6{
	top: 312px;
    left: 394px;
    width: 20px;
}
.click-box.box7{
	top: 285px;
    left: 421px;
    width: 20px;
}
.click-box.box8{
	top: 224px;
    left: 447px;
}
.click-box.box9{
    top: 245px;
    right: 158px;
    height: 16px;
    z-index: 2;
}
.click-box.box10{
	top: 264px;
    right: 189px;
    height: 17px;
}
.click-box.box11{
	top: 290px;
    right: 240px;
    height: 19px;
}
.click-box.box12{
	top: 337px;
    left: 451px;
}
.click-box.box13{
    top: 418px;
    left: 440px;
    height: 23px;
}
.click-box.box14{
	top: 473px;
    left: 436px;
    height: 23px;
}
.click-box.box15{
	top: 519px;
    left: 457px;
}
.click-box.box16{
	top: 597px;
    left: 478px;
}
.click-box.box17{
	top: 223px;
    right: 168px;
    height: 17px;
    z-index: 3;
}
.click-box.box18{
	top: 185px;
    right: 102px;
}
.click-box.box19{
	top: 148px;
	right: 62px;
}
.click-box.box20{
	top: 85px;
	right: 53px;
}
.click-box.box21{
	top: 289px;
    right: 158px;
}
.click-box.box22{
	top: 337px;
    right: 222px;
}
.click-box.box23{
	top: 386px;
    left: 511px;
}
.click-box.box24{
	top: 446px;
    left: 498px;
}
.click-box.box25{
	top: 354px;
    right: 117px;
    height: 23px;
}
.click-box.box26{
	top: 384px;
    left: 585px;
    height: 23px;
}
.click-box.box27{
	top: 440px;
    right: 172px;
}
.click-box.box28{
	top: 518px;
    left: 537px;
}
.click-box.box29{
	top: 468px;
    left: 603px;
}
.click-box.box30{
	top: 411px;
    right: 107px;
}
.click-box.box31{
	top: 504px;
    right: 84px;
}
.click-box.box32{
    top: 374px;
    right: 70px;
    width: 39px;
    height: 23px;
}

.click-box.box1 img{
	left: -124px;
    top: -129px;
}
.click-box.box2 img{
	top: -76px;
    left: -121px;
}
.click-box.box3 img{
	top: -45px;
    left: -77px;
}
.click-box.box4 img{
	top: -50px;
    left: -60px;
}
.click-box.box5 img{
	top: -65px;
    left: -43px;
}
.click-box.box6 img{
	top: -113px;
    left: -139px;
}
.click-box.box7 img{
	top: -22px;
    left: -14px;
}
.click-box.box8 img{
	left: -128px;
    top: -218px;
}
.click-box.box9 img{
	top: -9px;
    left: 7px;
}
.click-box.box10 img{
	top: -70px;
    left: -2px;
}
.click-box.box11 img{
	top: -57px;
    left: 5px;
}
.click-box.box12 img{
	left: -22px;
    top: -79px;
}
.click-box.box13 img{
	top: -29px;
    left: -11px;
}
.click-box.box14 img{
	 top: -34px;
    left: -40px;
}
.click-box.box15 img{
	left: -45px;
    top: -31px;
}
.click-box.box16 img{
	top: 1px
}
.click-box.box17 img{
	left: 0px
}
.click-box.box18 img{
	top: -16px;
    left: -24px;
}
.click-box.box19 img{
	top: -29px;
    left: -43px;
}
.click-box.box20 img{
	top: -84px;
    left: -78px;
}
.click-box.box21 img{
	left: -10px;
    top: -15px;
}
.click-box.box22 img{
	top: -29px;
    left: -10px;
}
.click-box.box23 img{
	top: -18px;
    left: -40px;
}
.click-box.box24 img{
	left: -18px;
    top: -23px;
}
.click-box.box25 img{
    left: -30px;
    top: -29px;
}
.click-box.box26 img{
	top: -47px;
    left: -20px;
}
.click-box.box27 img{
	top: -21px;
    left: -1px;
}
.click-box.box28 img{
	top: -19px;
    left: -40px;
}
.click-box.box29 img{
	left: -13px;
    top: -25px;
}
.click-box.box30 img{
	left: -1px;
    top: -18px;
}
.click-box.box31 img{
	top: -12px;
    left: 17px;
}
.click-box.box32 img{
	top: 5px;
    left: 0px;
}
.click-box p{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
	cursor: pointer;
}

@media only screen and (max-width:1500px ) {
	.map-right {
		float: none;
		margin: 0 auto;
		padding-top: 30px;
	}
}
@media only screen and (max-width:767px ) {
	.map-img {
		display: none;
	}
	.map-right {
		padding-top: 0;
	}
	.servicebox {
		padding-top: 0;
	}
}
/* 室内空气检测  */
.sub-left{
	text-align: left !important;
}
@media(min-width: 1200px){
	.sub-nav-wrap .sub-left{
		width: 100%;
		max-width: 1400px;
		padding: 0 15px;
	}
}
.sub-left li{
	padding: 0 32px;
}
.sub-left li:first-child{
	padding-left: 0;
}
.sub-nav-right{
	float: right;
	margin-top: -77px;
	position: relative;
	z-index: 2;
}
.insided-title{
	text-align: center;
	margin-top: 55px;
	margin-bottom: 55px;
}
.insided-title>h3{
	font-size: 30px;
	font-weight: bold;
	color: #90c31f;
	margin-bottom: 20px;
}
.insided-title>p{
	font-size: 16px;
	color: #666666;
}
.detect-list{
	margin-left: -9px;
	margin-right: -9px;
	padding-bottom: 70px;
}
.detect-list h3{
	text-align: center;
	font-size: 28px;
	color: #333333;
	margin: 37px auto 48px;
}
.detect-list li{
	width: 20%;
	float: left;
	padding: 0 9px;
}
.detect-list li img{
	display: block;
	width: 100%;
}
.detect-list li .detect-list-txt{
	padding: 34px 37px 10px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	min-height: 164px;
}
.detect-img img{
	display: block;
	width: 100%;
}
@media(min-width: 1200px){
	#principle .container{
		width: 100%;
		max-width: 1400px;
	}
}
@media(max-width: 1300px){
	.sub-left li{
		padding: 0 15px;
	}
}
@media(max-width: 1199px){
	#principle .container{
		padding: 0;
	}
	.sub-nav-right{
		display: none;
	}
	.sub-left{
		text-align: center !important;
	}
	.insided-title{
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.insided-title > h3{
		font-size: 24px;
	}
	.detect-list{
		padding-bottom: 50px;
	}
	.detect-list h3{
		font-size: 24px;
	}
	.detect-list li .detect-list-txt{
		padding: 0px;
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width: 767px){
	.detect-list{
		padding-bottom: 0px;
	}
	.detect-list li{
		width: 50%;
	}
	.detect-list li .detect-list-txt{
		height: 78px;
		min-height: auto;
		overflow: hidden;
	}
}
@media(max-width: 480px){
	.detect-list li{
		width: 100%;
	}
}

#principle{
	background: #f6f6f6;
	padding-bottom: 96px;
}
.principle-con{
	background: #ffffff;
}
.principle-img,.principle-txt{
	width: 50%;
}
.principle-img{
	padding: 96px 0 100px;
	background: #f6f6f6;
}
.principle-img2{
	display: none;
}
.principle-img .principle-img1{
	display: block;
	text-align: left;
	position: relative;
	z-index: 1;
}
.principle-txt{
	padding: 50px 46px 0 127px;
}
.principle-txt h4{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}
.principle-txt .principle-more{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 38px;
	padding-right: 25px;
}
.principle-txt>span{
	display: block;
	background: url('../images/principle-txt-span.png') no-repeat left;
	padding-left: 30px;
	font-size: 14px;
	color: #969696;
	line-height: 28px;
}
.principle-txt>.principle-span1{
	margin-bottom: 18px;
}
.principle-txt>.principle-span2{
	background: url('../images/principle-txt-span.png') no-repeat left 10px;
	margin-bottom: 20px;
}
.principle-txt>.principle-span3{
	background: url('../images/principle-txt-span.png') no-repeat left 10px;
}
.principle-img .principle-img3{
	display: block;
	margin: 0 auto;
}
.principle-right-txt{
	width: 50%;
	padding: 84px 88px 0 84px;
	text-align: right;
}
.principle-right-txt h4{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 35px;
}
.principle-right-txt .principle-more{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-bottom: 35px;
}
.principle-right-txt .principle-more2{
	font-size: 14px;
	line-height: 32px;
	color: #969696;
}
@media(max-width: 1400px){
	.principle-img .principle-img1{
		display: none;
	}
	.principle-img .principle-img2{
		display: block;
		margin: 0 auto;
	}
}
@media(max-width: 1350px){
	.principle-txt{
		padding: 40px;
	}
}
@media(max-width: 1199px){
	#principle{
		padding-bottom: 56px;
	}
	.principle-img,.principle-txt,.principle-right-txt{
		width: 100%;
		float: none;
		display: block;
	}
	.principle-img{
		padding: 30px 15px 50px;
	}
	.principle-img img{
		width: 100%;
		max-width: 556px;
		margin: 0 auto;
	}
	.principle-right-txt{
		padding: 40px;
		text-align: left;
	}
}
@media(max-width: 600px){
	#principle{
		padding-bottom: 26px;
	}
	.principle-txt,.principle-right-txt{
		padding: 30px 15px 15px;
	}
	.principle-txt h4,.principle-right-txt h4{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.principle-txt .principle-more,
	.principle-right-txt .principle-more{
		font-size: 14px;
		line-height: 24px;
		padding-right: 0;
		margin-bottom: 15px;
	}
}

#process-box img {
	max-width: 100%;
}
/* 检测流程 */
@media(min-width: 1200px){
	#process-box .container{
		width: 100%;
		max-width: 1400px;
	}
}
#process-box{
	margin-bottom: 140px;
}
#process-box h3{
	text-align: center;
	margin: 83px auto 50px;
	font-size: 28px;
	color: #333333;
}
.process-list li{
	width: 16.5%;
	float: left;
	text-align: center;
	margin-right: 60px;
}
.process-list li:last-child{
	margin-right: 0;
}
.process-list li h4{
	font-size: 18px;
	color: #333333;
	margin: 22px auto 19px;
}
.process-list li .process-img{
	position: relative;
}
.process-list li .process-img img{
	display: block;
	margin: 0 auto;
}
.process-list li .process-img span{
	display: block;
	width: 114px;
	height: 63px;
}
.process-list li:nth-child(odd) .process-img span{
	background: url('../images/process-list-text1.png') no-repeat center;
	position: absolute;
	bottom: 10px;
	right: -80px;
}
.process-list li:nth-child(even) .process-img span{
	background: url('../images/process-list-text2.png') no-repeat center;
	position: absolute;
	top: 20px;
	right: -90px;
}
.process-list li .process-txt{
	font-size: 13px;
	color: #969696;
	line-height: 24px;
}
@media(max-width: 1390px){
	.process-list li{
		margin-right: 45px;
	}
}
@media(max-width: 1199px){
	.process-list li{
		margin-right: 35px;
	}
	.process-list li .process-img span{
		display: none;
	}
}
@media(max-width: 991px){
	#process-box{
		margin-bottom: 100px;
	}
	#process-box h3{
		margin: 40px auto 20px;
		font-size: 20px;
	}
	.process-list li{
		width: 50%;
		margin-right: 0;
		padding: 0 15px;
		margin-bottom: 15px;
	}
}
@media(max-width: 767px){
	#process-box{
		margin-bottom: 0px;
	}
	.process-list li .process-txt{
		height: 72px;
	}
}
@media(max-width: 550px){
	.process-list li{
		width: 100%;
	}
}

/* 室内空气治理 */
.govern-list{
	margin-bottom: 69px;
}
.govern-list h4{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-top: -20px;
	margin-bottom: 30px;
}
.govern-list li .govern-img{
	position: relative;
	overflow: hidden;
}
.govern-list li .govern-img img{
	display: block;
	width: 100%;
	transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-webkit-transition: 0.5s all;
}
.govern-list li:hover .govern-img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.govern-list li .govern-img p{
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 46px;
	height: 46px;
	background: rgba(0, 0, 0, 0.54);
	bottom: 0;
	font-size: 18px;
	color: #ffffff;
}
@media(max-width: 1199px){
	.govern-list h4{
		font-size: 18px;
	}
}
@media(max-width: 767px){
	.govern-list{
		margin-bottom: 30px;
	}
	.govern-list li{
		margin-bottom: 10px;
	}
}

/* 治理原理 */
.govern-principle{
	margin-bottom: 46px;
}
.govern-principle h4{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 53px;
}
.govern-principle img{
	display: block;
	width: 100%;
	max-width: 1154px;
	margin: 0 auto;
}
.govern-principle-txt li:nth-child(odd),
.govern-principle-txt li:nth-child(4){
	background: #efefef;
	height: 85px;
	line-height: 85px;
}
.govern-principle-txt li:nth-child(4){
	background: none;
	border-bottom: 2px solid #efefef;
}
.govern-principle-txt li:nth-child(2){
	height: 50px;
	margin: 43px 0 37px;
}
.govern-principle-txt li:nth-child(2) p{
	line-height: 50px;
	float: left;
}
.govern-principle-txt li:nth-child(2) span{
	line-height: 30px;
	float: left;
}
.govern-principle-txt li p{
	display: inline-block;
	padding: 0 207px 0 234px;
	font-size: 18px;
	color: #90c31f;
}
.govern-principle-txt li span{
	display: inline-block;
	font-size: 18px;
	color: #333333;
}
.govern-principle-txt li .span-txt{
	display: none;
}
@media(max-width: 1199px){
	.govern-principle h4{
		margin-bottom: 25px;
		font-size: 18px;
	}
}

/* 治理流程 */
.governance-list{
	margin-bottom: 107px;
}
.governance-list h4{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin: 45px auto 49px;
	text-align: center;
}
.governance-list li{
	text-align: center;
	width: 20%;
	float: left;
	margin-right: 80px;
}
.governance-list li:last-child{
	margin-right: 0;
}
.governance-list li .governance-h5{
	position: relative;
}
.governance-list li h5{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 105px;
	margin-top: -11px;
}
.governance-list li .governance-h5-img{
	display: none;
}
.governance-list li em{
	display: block;
	font-style: normal;
	font-size: 20px;
	color: #52bff0;
	font-weight: bold;
	margin: 20px auto 19px;
}
.governance-list li span{
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #52bff0;
	margin-bottom: 33px;
}
.governance-list li p{
	font-size: 16px;
	color: #333333;
	margin-bottom: 62px;
	min-height: 120px;
}
.governance-list li .governance-bottom{
	display: block;
	width: 100%;
}
@media(max-width: 1590px){
	.governance-list li{
		width: 22%;
		margin-right: 40px;
	}
	.governance-list li h5{
		left: 65px;
	}
	.governance-list li .governance-h5>img{
		display: none;
	}
	.governance-list li .governance-h5 .governance-h5-img{
		display: block;
		width: 100%;
	}
	.govern-principle-txt li p{
		padding: 0 50px;
	}
}
@media(max-width: 1199px){
	.governance-list{
		margin-bottom: 80px;
	}
	.governance-list h4{
		margin: 25px auto;
		font-size: 18px;
	}
	.governance-list li{
		margin-right: 20px;
	}
}
@media(max-width: 991px){
	.governance-list{
		margin-bottom: 40px;
	}
	.governance-list li h5{
		font-size: 14px;
		left: 45px;
		margin-top: -7px;
	}
	.governance-list li em{
		font-size: 16px;
	}
	.governance-list li span{
		font-size: 20px;
	}
	.governance-list li p{
		margin-bottom: 22px;
		font-size: 14px;
		min-height: 100px;
	}
	.govern-principle-txt li:nth-child(2n+1), .govern-principle-txt li:nth-child(4){
		line-height: 24px;
		height: 45px;
	}
	.govern-principle-txt li:nth-child(2){
		height: 50px;
		margin: 10px 0;
	}
	.govern-principle-txt li p{
		padding: 0 10px;
		float: left;
	}
	.govern-principle-txt li:nth-child(2) p{
		line-height: 24px;
	}
	.govern-principle-txt li span{
		float: right;
		width: calc(100% - 60px);
		font-size: 14px;
	}
}
@media(max-width: 767px){
	.governance-list li{
		width: 50%;
		margin-right: 0;
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.governance-list li h5{
		left: 50%;
		margin-left: -28px;
	}
}
@media(max-width: 630px){
	.govern-principle-txt li:nth-child(2n+1), .govern-principle-txt li:nth-child(4),
	.govern-principle-txt li:nth-child(2){
		height: 100%;
		margin: 0;
	}
	.govern-principle-txt li span,.govern-principle-txt li:nth-child(2) span{
		display: inline-block;
		float: none;
		width: 100%;
		padding-left: 10px;
	}
	.govern-principle-txt li:nth-child(2) span{
		display: none;
	}
	.govern-principle-txt li:nth-child(2) .span-txt{
		display: block;
	}
	.govern-principle-txt li:nth-child(2) p{
		float: none;
		line-height: 24px;
	}
}
@media(max-width: 480px){
	.governance-list li{
		width: 100%;
	}
	.governance-list li .governance-h5 .governance-h5-img{
		max-width: 200px;
		height: 48px;
		margin: 0 auto;
	}
}

/* 工业废气治理 */
.govern3-box li img{
	display: block;
	width: 100%;
}
.govern3-box li:first-child{
	padding-right: 30px;
}
.govern3-box li:last-child{
	padding-left: 30px;
}
.govern3-box li h4{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 40px;
	background: url('../images/govern3-box-h4.png') no-repeat left bottom;
	margin-bottom: 45px;
}
.govern3-box li .govern3-txt{
	font-size: 16px;
	line-height: 36px;
	color: #333333;
}
.govern-title h4{
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-size: 24px;
	margin: 72px auto 47px;
}
.govern3-list li{
	padding: 0 6px;
}
.govern3-list li .govern3-list-txt{
	background: #90c31f;
	text-align: center;
	padding-top: 26px;
	padding-bottom: 23px;
}
.govern3-list li .govern3-list-txt img{
	display: block;
	margin: 0 auto 23px;
}
.govern3-list li .govern3-list-txt p{
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}
.govern3-box2 li img{
	display: block;
	width: 100%;
	max-width: 606px;
	margin: 0 auto;
}
.govern3-box2 li h5{
	font-size: 24px;
	color: #90c31f;
}
.govern3-box2 li .govern3-box2-top,
.govern3-box2 li .govern3-box2-bottom{
	background: #f7f7f7;
}
.govern3-box2 li .govern3-box2-top{
	padding: 0 48px 54px 58px;
	margin-bottom: 9px;
}
.govern3-box2 li .govern3-box2-top h5{
	padding: 57px 0 38px;
}
.govern3-box2 li .govern3-box2-bottom{
	width: 49%;
	padding: 22px 0 38px 34px;
}
.govern3-box2 li .govern3-box2-bottom h5{
	margin-bottom: 18px;
}
.govern3-margin{
	margin-bottom: 14px;
}
@media(max-width: 1199px){
	.govern3-list li .govern3-list-txt p{
		font-size: 14px;
	}
}
@media(max-width: 991px){
	.govern3-list li{
		margin-bottom: 15px;
	}
	.govern3-box li h4{
		margin-top: 25px;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}
	.govern-title h4{
		margin: 30px auto;
	}
}
@media(max-width: 500px){
	.govern3-list li .govern3-list-txt img{
		width: 120px;
	}
	.govern3-box2 li .govern3-box2-top{
		padding: 20px;
	}
	.govern3-box2 li .govern3-box2-top h5{
		padding: 15px 0;
		font-size: 18px;
	}
	.govern3-box2 li .govern3-box2-bottom{
		width: 100%;
		padding: 20px;
		margin-bottom: 9px;
	}
	.govern3-box2 li .govern3-box2-bottom h5{
		font-size: 18px;
	}
}


/*hl*/
.main-left {
	overflow: hidden;
}
.left-title {
	background: #8ec31f;
	position: relative;
}
.left-title>span {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.left-ul {
	border-bottom: 1px solid #eee;
}
.left-ul li {
	float: left;
	text-align: center;
}
.left-ul li a {
	display: inline-block;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	color: #333;
	border-bottom: 2px solid transparent;
}
.left-ul li a:hover {
	color: #8ec31f;
}
.left-ul li.active a {
	color: #8ec31f;
}

.left-title #navToggle {
	width: 50px;
	height: 50px;
}
.left-title #navToggle span,
.left-title #navToggle::after,
.left-title #navToggle::before {
	background: #fff;
}

/*start*/
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
.img-hover {
	overflow: hidden;
}
.img-hover img {
	display: block;
	width: 100%;
	transition: all .2s;
}
.img-hover:hover img {
	transform: scale(1.04);
}
.inside-banner {
	position: relative;
}
.hl-ban-memo {
	position: absolute;
	color: #fff;
	width: 100%;
	left: 0;
	bottom: 40px;
}
.hl-ban-memo h3 {
	padding-bottom: 10px;
	font-size: 36px;
}
.hl-ban-memo p {
	font-size: 16px;
}
.hl-join-list {
	padding-bottom: 60px;
}

.hl-join-shop li h3 {
	padding: 20px 0 40px;
	font-size: 18px;
	color: #333;
}
.hl-join-new li h3 {
	padding: 25px 0 8px;
	font-size: 24px;
	color: #333;
}
.hl-join-new li p {
	padding: 10px 0 8px;
	height: 130px;
	overflow: hidden;
}

.hl-join-list li a {
	color: #333;
}
.hl-join-list li i {
	font-style: normal;
}
.text_o {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hl-title {
	text-align: center;
	padding: 30px 0 50px;
	font-size: 30px;
	color: #333;
}
.tc {
	text-align: center;
}
.hl-btn-more a {
	min-width: 195px;
	display: inline-block;
	background: #8ec31f;
	font-size: 16px;
	line-height: 48px;
	border-radius: 24px;
	text-align: center;
	color: #fff;
}
.hl-btn-more a:hover {
	background: #83b41c;
}

.hl-question,.hl-join-policy {
	padding: 0 70px 50px;
}
.hl-question-tab {
	background: #e0e0e0;
	line-height: 68px;
	font-size: 24px;
	text-align: center;
}
.hl-question-tab a {
	width: 50%;
	color: #333;
}
.hl-question-tab a.active {
	background: #8ec31f;
	color: #fff;
}
.hl-question-list {
	padding: 45px 0 0;
	display: none;
	text-align: justify;
}
.hl-question-list li {
	padding-top: 25px;
	color: #333;
}
.hl-question-list li h3 {
	padding-bottom: 8px;
	font-weight: bold;
}
.ft16 {
	font-size: 16px;
}
.hl-join-policy-memo {
	max-width: 1070px;
	margin: 0 auto;
	padding-bottom: 70px;
	text-align: center;
}
.hl-title-policy {
	padding-bottom: 25px;
	font-size: 24px;
	color: #333;
}
.hl-join-policy-content {
	padding-bottom: 40px;
}
.hl-join-policy-content img {
	max-width: 558px;
}

.hl-jion-steps {
	position: relative;
	padding: 25px 0;
	margin-bottom: 20px;
}

.hl-jion-steps li {
	padding-bottom: 20px;
}
.hl-jion-steps li h3:before {
	content: '';
	position: absolute;
	top: 50%;
	margin: -1px;
	height: 1px;
	width: 105px;
}
.hl-jion-steps .list h3 {
	position: relative;
	line-height: 42px;
	padding: 0 10px;
	margin-bottom: 12px;
	color: #fff;
	display: inline-block;
	min-width: 265px;
	text-align: left;
}

.hl-jion-steps .list:nth-of-type(1) h3 {
	background: #da1f28;
}
.hl-jion-steps .list:nth-of-type(2) h3 {
	background: #2da2bf;
}

.hl-provicy {
	padding-bottom: 40px;
}
.hl-provicy li {
	background: #eee;
	color: #333;
	margin-top: 2px;
	line-height: 40px;
}
.hl-provicy h3 {
	background: #626262;
	color: #fff;
	font-size: 18px;
	line-height: 52px;
}
.hl-provicy li,.hl-provicy h3 {
	padding-left: 35px;
}
.hl-provicy .btn-provicy {
	background: #8ec31f;
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	max-width: 320px;
	line-height: 66px;
	margin: 0 auto;
}
.hl-provicy-list {
	padding-bottom: 100px;
}
.hl-provicy-list:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 27px;
	height: 1px;
}
.hl-provicy ul:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -72px;
	margin-left: -1px;
	width: 1px;
	height: 72px;
}

.hl-provicy-memo {
	padding-bottom: 100px;
	background: #f5f5f5;
}
.hl-provicy-memo .txt {
	max-width: 880px;
	padding-bottom: 65px;
	margin: 0 auto;
	text-align: center;
}
.hl-provicy-memo h3 {
	padding: 65px 0 35px;
	font-size: 24px;
	color: #333;
}
.hl-provicy-memo img {
	max-width: 1280px;
}

.hl-title-small {
	font-size: 24px;
	color: #333;
}
.hl-adv-man h3 {
	text-align: center;
}
.hl-adv-man li {
	margin-top: 60px;
	text-align: center;
}
.hl-adv-man li img {
	max-width: 310px;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hl-adv-txt .adv-txt-box {
	padding: 0 38px 30px;
	margin-top: 60px;
	background: #f2f2f2;
}
.hl-adv-txt h3 {
	padding: 30px 0 18px;
}
.hl-adv-txt p {
	min-height: 120px;
}
.hl-adv-certification h3 {
	margin-top: 65px;
}
.hl-adv-certification li {
	margin-top: 35px;
	text-align: center;
}
.hl-adv-certification li img{
	display: block;
	width: 100%;
}
.hl-adv-logo {
	padding-bottom: 60px;
}
.hl-adv-logo h3 {
	padding: 35px 0 18px;
}
.hl-adv-logo p {
	padding: 0 0 15px;
}
.hl-adv-logo li {
	margin-top: 15px;
}
.hl-adv-logo li img{
	display: block;
	width: 100%;
	max-width: 185px;
	margin: 0 auto;
}

.hl-intro {
	
	color: #333;
}
.hl-intro-list {
	margin-top: 45px;
	background: #f5f5f5;
}
.hl-intro-list-title {
	padding: 50px 0 40px;
	text-align: center;
	font-size: 32px;
	color: #0eb5c1;
}
.vm {
	display: inline-block;
	vertical-align: middle;
}
.hl-intro-list-title i {
	background: #0eb5c1;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-family: Arial;
	margin-right: 5px;
	color: #fff;
	font-size: 48px;
	border-radius: 50%;
}
.hl-intro-list-title em {
	font-style: normal;
}
.hl-intro-list {
	padding-bottom: 60px;
	color: #333;
}
.hl-intro-list dl {
	padding: 0 60px;
}
.hl-intro-list dd {
	padding: 50px 0 30px;
}
.hl-intro-list dd i {
	font-size: 88px;
	line-height: 1;
	font-style: normal;
	color: #7a7a7a;
	font-weight: bold;
}
.hl-intro-list dd span {
	padding-left: 10px;
	font-size: 24px;
}
.hl-intro-list li {
	background: #fff;
}
.hl-intro-list li img ,.hl-intro-list li dl {
	width: 50%;
}
.hl-intro-list li:nth-of-type(2n + 1) img,
.hl-intro-list li:nth-of-type(2n + 1) dl {
	float: left;
}
.hl-intro-list li:nth-of-type(2n) img,
.hl-intro-list li:nth-of-type(2n) dl {
	float: right;
}
.hl-market-now .container {
	max-width: 1110px;
}
.hl-market-now .hl-intro {
	padding-top: 20px;
}
.hl-market-now {
	background: #f6f6f6;
}
.hl-market-now .hl-memo {
	padding: 55px 0 90px;
}
.hl-market-now-list li {
	margin-top: 60px;
}
.hl-market-now-list li span {
	text-align: left;
}
.hl-market-now-list li .hl-percent {
	padding: 0 18px;
	font-size: 90px;
	line-height: 1.1;
	text-decoration: line-through;
}
.hl-market-now-list li .hl-bg {
	width: 240px;
	padding: 8px 5px 8px 30px;
	font-size: 20px;
}
.hl-market-now-list li .hl-bg h3 {
	font-size: 28px;
}
.hl-market-now-list li:nth-of-type(1) span.hl-percent {
	color: #90c320;
}
.hl-market-now-list li:nth-of-type(1) span.hl-bg {
	background: #90c320;
	color: #fff;
}
.hl-market-now-list li:nth-of-type(2) span.hl-percent {
	color: #0e293a;
}
.hl-market-now-list li:nth-of-type(2) span.hl-bg {
	background: #0e293a;
	color: #fff;
}

.hl-market-policy .container {
	width: auto;
	max-width: 1280px;
	padding-top: 20px;
}
.hl-market-policy .hl-intro p {
	padding-bottom: 20px;
}
.hl-market-policy-lkq {
	padding: 35px 0 0;
}
.hl-market-policy-lkq img {
	max-width: 505px;
}
.hl-market-policy-lkq .hl-txt p {
	margin: 8px 0 15px;
	color: #333;
}
.hl-market-policy-lkq .hl-txt h3 {
	font-size: 16px;
}
.tr {
	text-align: right;
}
.hl-market-policy-money li {
	margin-top: 65px;
	font-size: 24px;
	color: #333;
}
.hl-market-policy-money li h3 {
	color: #fff;
	font-size: 40px;
	padding: 25px 0;
	margin-bottom: 25px;
	text-align: center;
}
.hl-market-policy-money li span {
	max-width: 505px;
	display: inline-block;
}
.hl-market-policy-money li:nth-of-type(1) h3 {
	background: #72ca5a;
}
.hl-market-policy-money li:nth-of-type(2) h3 {
	background: #0e293a;
}
.hl-market-policy-charts {
	margin: 75px 0 0;
	position: relative;
	text-align: center;
}
.hl-market-policy-charts img {
	max-width: 1079px;
}
.hl-market-policy-charts .hl-txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 5px;
}
.hl-market-policy-charts .hl-txt p {
	font-size: 26px;
	color: #0f2835;
	padding-bottom: 40px;
	line-height: 1.6;
}
.hl-market-policy-charts .hl-txt a {
	font-size: 18px;
	color: #fff;
	background: #90c320;
	display: block;
	width: 285px;
	line-height: 56px;
	border-radius: 56px;
	margin: 0 auto;
}
.hl-market-us {
	padding: 0 0 10px;
	background: #f6f6f6;
}
.hl-market-us img {
	display: block;
	margin: 0 auto 25px;
	max-width: 503px;
}
.hl-market-us .hl-txt p {
	color: #333;
	padding-bottom: 32px;
}
.hl-market-us2 {
	background: none;
}
.hl-market-us2 img {
	max-width: 605px;
}
@media only screen and (max-width:991px ) {
	.left-ul li {
		width: 50%;
	}
	.left-title {
		height: 50px;
		line-height: 50px;
		padding-left: 15px;

	}
	.main-left {
		margin-bottom: 25px;
	}
	.left-title>span {
		display: block;
	}
	.hl-title {
		/*display: none;*/
	}
	.left-ul {
		display: none;
	}
	.left-ul li a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		padding: 0 15px;
	}


	.ft16 {
		font-size: 14px;
	}
	.hl-join-policy-memo {
		padding-bottom: 20px;
	}
	.hl-title-policy {
		padding: 15px 0;
	}
	.hl-jion-steps {
		padding: 20px 12px 0;
	}
	.hl-jion-steps .list h3 {
		display: block;
	}
	.hl-provicy li {
		font-size: 14px;
	}
	.hl-provicy .btn-provicy {
		line-height: 50px;
	}
	.hl-provicy-memo {
		padding-bottom: 30px;
	}
	.hl-provicy-memo .txt {
		padding-bottom: 25px;
	}
	.hl-provicy-memo h3 {
		padding: 25px 0 15px;
		font-size: 20px;
	}
	.hl-title-small {
		font-size: 18px;
	}
	.hl-adv-man h3 {
		padding-top: 20px;
	}
	.hl-adv-man li {
		margin-top: 30px;
	}
	.hl-adv-txt .adv-txt-box {
		padding: 0 12px 10px;
		margin-top: 30px;
	}
	.hl-adv-txt h3 {
		padding: 20px 0 10px;
	}
	.hl-adv-certification h3 {
		margin-top: 35px;
	}
	.hl-adv-certification li {
		margin-top: 15px;
	}
	.hl-intro-list li img ,.hl-intro-list li dl {
		width: 100%;
	}
	.hl-intro-list-title {
		padding: 20px 0 15px;
		font-size: 20px;
	}
	.hl-intro-list-title i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
	}
	.hl-intro-list li {
		padding-bottom: 20px;
	}
	.hl-intro-list dl {
		padding: 0 20px;
	}
	.hl-intro-list dd {
		padding: 15px 0 15px;
	}
	.hl-intro-list dd i {
		font-size: 38px;
	}
	.hl-market-now-list li {
		margin-top: 25px;
	}
	.hl-market-now-list li .hl-percent {
		min-width: 105px;
		text-align: center;
		padding: 0 8px;
		font-size: 30px;
	}
	.hl-market-now-list li .hl-bg {
		width: 200px;
		padding: 8px 5px 8px 10px;
		font-size: 14px;
	}
	.hl-market-now-list li .hl-bg h3 {
		font-size: 18px;
	}
	.hl-market-now .hl-memo {
		padding: 25px 0 40px;
	}
	.hl-market-policy-money li {
		margin-top: 25px;
		font-size: 16px;
		text-align: center;
	}
	.hl-market-policy-money li span {
		max-width: 100%;
		display: block;
	}
	.hl-market-policy-money li h3 {
		color: #fff;
		font-size: 20px;
		padding: 15px 0;
		margin-bottom: 10px;
		text-align: center;
	}

	.hl-provicy h3 {
		margin-top: 15px;
	}
	.hl-provicy-list {
		padding-bottom: 30px;
	}
	.hl-provicy li,.hl-provicy h3 {
		padding-left: 10px;
	}
	.hl-provicy li {
		font-size: 12px;
	}
	.hl-market-policy-charts {
		margin: 35px 0 30px;
	}
	.hl-market-policy-charts .hl-txt {
		position: relative;
	}
	.hl-market-policy-charts .hl-txt p {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.hl-market-policy-charts .hl-txt a {
		font-size: 14px;
		width: 285px;
		line-height: 46px;
		border-radius: 46px;
	}
	.hl-market-us .hl-txt p {
		padding-bottom: 15px;
	}
	.hl-jion-steps li {
		height: 146px;
		margin-bottom: 146px;
	}
	.hl-jion-steps .list:nth-of-type(2) {
		position: absolute;
		left: 12px;
		right: 12px;
		top: -127px;
	}
	.hl-jion-steps .list:nth-of-type(1) li:last-child {
		margin-bottom: 0;
	}
	.hl-jion-steps {
		margin-top: 146px;
		position: relative;
	}
}
@media only screen and (max-width:767px ) {
	.hl-ban-memo {
		color: #333;
	}
	.hl-ban-memo h3 {
		padding-bottom: 5px;
		font-size: 22px;
	}
	.hl-ban-memo p {
		font-size: 12px;
	}
	.hl-join-shop li h3 {
		padding: 10px 0 20px;
		font-size: 16px;
	}
	.hl-join-new li h3 {
		padding-top: 10px;
		font-size: 18px;
	}
	.hl-title {
		padding: 20px 0 30px;
		font-size: 22px;
	}
	.hl-join-list ul {
		padding-bottom: 20px;
	}
	.hl-btn-more a {
		min-width: 100%;
	}
	.hl-question,.hl-join-policy {
		padding: 0 5px 50px;
	}
	.hl-question-tab {
		line-height: 48px;
		font-size: 16px;
	}
	.hl-question-list {
		padding: 15px 0 30px;
	}



}
@media only screen and (min-width:992px ) {
	.left-ul li {
		width: 9.09%;
	}
	.left-ul li.active a {
		border-color: #8ec31f;
	}
	.left-title>span {
		display: none;
	}
	.hl-jion-steps {
		position: relative;
	}
	.hl-jion-steps .list:nth-of-type(1) {
		padding-top: 130px;
		text-align: right;
	}
	.hl-jion-steps .list:nth-of-type(2) {
		padding-top: 40px;
	}
	.hl-jion-steps .list:nth-of-type(1) {
		float: left;
	}
	.hl-jion-steps .list:nth-of-type(2) {
		float: right;
	}
	.hl-jion-steps-line:before {
		content: '';
		position: absolute;
		left: 50%;
		margin-left: -1px;
		width: 1px;
		height: 90%;
		border-left: 1px dotted #eb641b;
	}
	.hl-jion-steps .list {
		width: 50%;
		padding: 0 105px;
		margin-top: -100px;
	}

	.hl-jion-steps li {
		margin-top: 70px;
	}
	.hl-jion-steps .list:nth-of-type(1) li h3:before {
		right: -104px;
		background: #da1f28;
	}
	.hl-jion-steps .list:nth-of-type(2) li h3:before {
		left: -104px;
		background: #2da2bf;
	}
	.hl-provicy-list,.hl-provicy ul {
		position: relative;
	}
	.hl-provicy-list:before {
		width: 728px;
		margin-left: -364px;
		background: #dcdbdc;
	}
	.hl-provicy ul:before {
		background: #dcdbdc;
	}
}
@media only screen and (min-width: 1200px) {
	.hl-provicy-list:before {
		width: 900px;
		margin-left: -450px;
	}
	.hl-adv {
		padding: 0 70px;
	}
	.hl-market-policy .container {
		padding: 50px 80px 30px;
	}
	.hl-market-policy-lkq .hl-txt p {
		background: url("../images/likeqiang-txt.png") no-repeat;
		width: 511px;
		height: 262px;
		padding: 90px 45px 0;
		margin-bottom: 60px;
		font-size: 18px;
	}
}

@media only screen and (min-width: 1540px){
	.container {
		width: 1400px;
	}
	.hl-join-list ul {
		margin: 0 -50px;
	}
	.hl-join-list li {
		padding: 0 50px;
	}
	.hl-provicy-list:before {
		width: 1074px;
		margin-left: -537px;
	}
}

/* 盈利分析 */
.profit-sub li{
	padding: 0 25px;
}
.profit-title h3{
	color: #333;
}
.profit-module{
	padding-bottom: 50px;
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
.profit-fenxi{
	border: none;
	border-bottom: 1px solid #dbdbdb;
}
.profit-one-img{
	width: 50%;
	float: left;
	height: 477px;
	overflow: hidden;
}
.profit-one-img img{
	width: 100%;
	display: block;
}
.profit-one-info{
	width: 50%;
	float: right;
	height: 477px;
	background: #f5f5f5;
	padding-left: 40px;
	padding-top: 30px
}
.profit-one-info h2{
	font-size: 30px;
	color: #90c31f;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 28px;
}
.profit-ul li{
	margin-bottom: 20px;
}
.profit-ul li span{
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 6px;
	display: block;
}
.profit-ul li p{
	color: #000;
}
@media(max-width: 1540px){
	.profit-one-img{
		height: 410px;
	}
	.profit-one-info{
		height: 410px
	}
	.profit-ul li{
		margin-bottom: 12px;
	}
}
@media(max-width: 1290px){
	.profit-sub li{
		padding: 0 20px;
	}
}
@media(max-width: 1200px){
	.profit-one-info h2{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.profit-one-info{
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 15px;
	}
	.profit-ul li p{
		line-height: 22px;
	}
	.profit-ul li span{
		margin-bottom: 2px;
	}
	.profit-one-img{
		height: 330px;
	}
	.profit-one-info{
		height: 330px
	}
	.profit-sub li{
		padding: 0 12px;
	}
	.profit-sub li a{
		font-size: 14px;
	}
}
@media(max-width: 991px){
	.profit-one-img{
		width: 100%;
		text-align: center;
		height: auto;
	}
	.profit-one-info{
		width: 100%;
		height: auto;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	.profit-ul li{
		margin-bottom: 20px;
	}
	.profit-module{
		padding-bottom: 30px;
	}
}
.insided-title h5{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}
.jiance-service{
	max-width: 755px;
	border: 1px solid #e9e9e9;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: none;
}
.jiance-left{
	width: 57%;
	float: left;
}
.jiance-right{
	width: 43%;
	float: left;
}
.jiance-left dl dd, .jiance-right h5{
	height: 48px;
	background: #8ec31f;
	line-height: 48px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.jiance-left dl dt{
	height: 41px;
	line-height: 41px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	font-weight: normal;
}
.jiance-right .jiance-ms{
	height: 123px;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	padding-top: 15px;
}
.jiance-right .jiance-ms span{
	color: #8ec31f;
	font-size: 30px;
	display: block;
}
@media(max-width: 599px){
	.jiance-left {
		width: 100%;
	}
	.jiance-right {
		width: 100%;
	}
	.jiance-right .jiance-ms span{
		padding-top: 15px;
	}
}
.title-in{
	margin-bottom: 20px;
}
.zhili-left dl dt{
	height: 64px;
	line-height: 64px;
}
.zhili-right .jiance-ms{
	height: 128px;
}
.zhili-img{
	max-width: 1072px;
	margin: 0 auto;
}
.zhili-img img{
	width: 100%;
	display: block;
}
.zhili-case{
	width: 1072px;
	margin: 0 auto;
}
.zhili-case-img{
	width: 50%;
	padding-right: 15px;
	float: left;
}
.zhili-case-img img{
	display: block;
	width: 100%;
}
.zhili-case-text{
	float: right;
	width: 50%;
	padding-left: 15px;
	padding-top: 30px;
}
.zhili-case-text p{
	font-size: 16px;
	color: #333;
}
@media(max-width: 1200px){
	.zhili-case{
		width: 100%;
	}
	.zhili-case-text p{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width: 991px){
	.zhili-case-img{
		width: 100%;
		padding-right: 0px;
	}
	.zhili-case-text{
		padding-left: 0px;
		width: 100%;
	}
}
.profit-bom-bg{
	width: 100%;
	margin-bottom: 60px;
}
.profit-bom-bg img{
	display: block;
	width: 100%;
}
@media(max-width: 991px){
	.profit-bom-bg{
		margin-bottom: 30px;
	}
}
.air-img{
	width: 100%;
}
.air-img img{
	display: block;
	width: 100%;
}
.air-num{
	width: 46px;
	height: 46px;
	background: #90c31f;
	border-radius: 10px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	line-height: 46px;
	text-align: center;
	float: left;
}
.air-data{
	overflow: hidden;
}
.air-data-txt{
	width: calc(100% - 60px);
	float: right;
	line-height: 28px;
}
.air-yun-img{
	max-width: 1254px;
	margin: 40px auto 0;
}
.air-yun-img img{
	display: block;
	width: 100%;
}
@media(max-width: 991px){
	.air-num{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
	}
	.air-data-txt{
		width: calc(100% - 50px);
		line-height: 24px;
		font-size: 14px;
	}
	.air-yun-img{
		margin-top: 20px;
	}
}
@media(max-width: 767px){
	.air-data li{
		margin-bottom: 20px;
	}
	.air-yun-img{
		margin-top: 0px;
	}
}
.air-last-img{
	margin: 0 auto 60px;
}
.air-last-img img{
	margin-bottom: 40px;
	display: block;
	width: 100%;
}
@media(max-width: 991px){
	.air-last-img{
		margin-bottom: 30px;
	}
	.air-last-img img{
		margin-bottom: 20px;
	}
}
/* 香氛制造服务 */
.proservice-sub{
	position: absolute;
	right: 0px;
	z-index: 999;
	bottom: 0px;
}
.procervice-box{
	background: #f6f6f6;
}
.plan-text{
	margin-bottom: 60px;
	overflow: hidden;
}
.play-left{
	width: 50%;
	float: left;
	padding: 40px 45px 0px;
	background: #fff;
	height: 470px;
}
.play-left h4{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.play-left span{
	color: #90c31f;
}
.plan-ms{
	margin-top: 25px;
	color: #666;
}
.plan-right{
	width: 50%;
	float: right;
	height: 470px;
	overflow: hidden;
}
.plan-right img{
	display: block;
	margin: 0 auto;
}
@media(max-width: 1200px){
	.play-left{
		padding: 30px 30px 0;
	}
	.plan-ms{
		line-height: 26px;
	}
}
@media(max-width: 991px){
	.play-left{
		float: none;
		width: 100%;
		height: auto;
		padding-bottom: 30px;
	}
	.plan-right{
		float: none;
		width: 100%;
		height: auto;
	}
	.plan-right img{
		width: 100%;
	}
	.plan-ms{
		line-height: 24px;
		font-size: 14px;
		margin-top: 15px;
	}
	.plan-text{
		margin-bottom: 30px;
	}
}
.pro-title{
	text-align: center;
	margin-bottom: 50px;
}
.pro-title h2{
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.pro-adv-item{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	min-height: 160px;
	position: relative;
}
.pro-adv-img{
	/* float: left; */
	width: 120px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: 0px;
}
.pro-adv-item img{
	display: block;
	width: 100%;
}
.pro-adv-item .pro-adv-text{
	width: calc(100% - 150px);
	float: right;
}
.pro-adv-text h5{
	font-size: 18px;
	font-weight: bold;
	color: #90c31f;
	margin-bottom: 15px;
}
.pro-adv-text p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
@media(max-width: 1200px){
	.pro-adv-list .col-xss-12{
		width: 100%;
	}
	.pro-adv-item{
		min-height: 140px;
	}
}
@media(max-width: 991px){
	.pro-title{
		margin-bottom: 20px;
	}
}
@media(max-width: 767px){
	.pro-adv-img{
		margin-top: -40px;
		width: 80px;
	}
	.pro-adv-item .pro-adv-text{
		width: calc(100% - 95px);
	}
	.pro-adv-item{
		margin-bottom: 15px;
	}
}
.procervice-title{
	padding-top: 20px;
}
.procervice-title h3{
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.pros-obj-ul{
	margin-bottom: 30px;
	overflow: hidden;
}
.pros-obj-ul li{
	min-height: 588px;
	border-right: 1px dashed #dedede;
}
.pros-obj-ul li i{
	display: block;
	width: 42px;
	height: 15px;
	margin: 0 auto 32px;
}
.square-one{
	background: #c9524e;
}
.pros-obj-ul li .obj-title{
	text-align: center;
	color: #c9524e;
	margin-bottom: 40px;
}
.obj-title h4{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
.obj-title span{
	font-size: 18px;
}
.obj-ms{
	padding: 0 15px;
	font-size: 18px;
	color: #333;
}
.square-two{
	background: #ddae44;
}
.pros-obj-ul li:nth-child(2) .obj-title{
	color: #ddae44;
}
.square-three{
	background: #68ad6a;
}
.pros-obj-ul li:nth-child(3) .obj-title{
	color: #68ad6a;
}
.square-four{
	background: #1b9cb1;
}
.pros-obj-ul li:nth-child(4) .obj-title{
	color: #1b9cb1;
}
.square-five{
	background: #804096;
}
.pros-obj-ul li:nth-child(5) .obj-title{
	color: #804096;
}
.square-six{
	background: #959595;
}
.pros-obj-ul li:nth-child(6) .obj-title{
	color: #333;
}
.pros-obj-ul li:last-child{
	border-right: none;
}
@media(max-width: 1500px){
	.pros-obj-ul li{
		min-height: 660px;
	}
}
@media(min-width: 991px) and (max-width: 1200px){
	.pros-obj-ul li.col-md-2{
		width: 33.33333333%;
	}
}
@media(max-width: 1200px){
	.pros-obj-ul li{
		min-height: 468px;
		margin-bottom: 20px;
	}
	.pros-obj-ul li:nth-child(3){
		border-right: none;
	}
	.pros-obj-ul{
		margin-bottom: 20px;
	}
}
@media(max-width: 991px){
	.procervice-title{
		padding-top: 10px;
	}
}
@media(max-width: 767px){
	.pros-obj-ul li{
		height: auto;
		border-right: none;
		min-height: auto;
	}
	.pros-obj-ul li .obj-title{
		margin-bottom: 20px;
	}
	.obj-ms{
		font-size: 14px;
		line-height: 24px;
		text-align: center;
	}
	.pros-obj-ul li i{
		margin-bottom: 15px;
	}
	.obj-title span{
		font-size: 16px;
	}
	.obj-title h4{
		font-size: 20px;
	}
}
.pros-obj-icon li{
	float: left;
	width: 10%;
	text-align: center;
}
.obj-icon{
	min-height: 47px;
}
.pros-obj-icon li p{
	font-size: 16px;
	color: #333;
	margin-top: 20px;
}
@media(max-width: 991px){
	.pros-obj-icon li{
		width: 20%;
		margin-bottom: 15px;
	}
	.pros-obj-icon li p{
		margin-top: 10px;
	}
}
@media(max-width: 599px){
	.pros-obj-icon li p{
		font-size: 14px;
	}
}
.pros-module-one{
	margin-bottom: 60px;
	overflow: hidden;
}
.yf-pros{
	padding-top: 30px;
	overflow: hidden;
}
.yf-pros-item{
	margin-bottom: 100px;
	overflow: hidden;
}
.yf-pros-item:last-child{
	margin-bottom: 0px;
}
.yf-item-top{
	margin-bottom: 30px;
}
.yf-imgs{
	width: 700px;
	overflow: hidden;
	float: left;
	text-align: left;
}
.yf-imgs img{
	display: block;
	width: 100%;
}
.yf-intro{
	float: right;
	width: calc(100% - 700px);
	padding-left: 50px;
}
.yfpro-intro{
	margin-bottom: 40px;
}
.yfpro-introduce h5{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}
.pro-introduce p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
.pro-add{
	margin-top: 15px;
}
.yf-canshu h5{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 12px;
}
.canshu-item{
	padding-left: 0px;
	padding-right: 15px;
}
.canshu-item img{
	width: 100%;
	display: block;
}
@media(max-width: 1200px){
	.yf-imgs{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.yf-intro{
		width: 100%;
		padding-left: 0px;
	}
	.yfpro-intro{
		margin-bottom: 20px;
	}
	.yf-pros-item{
		margin-bottom: 50px;
	}
}
@media(max-width: 991px){
	.yf-pros-item{
		margin-bottom: 20px;
	}
	.yf-item-top{
		margin-bottom: 20px;
	}
}
@media(max-width: 767px){
	.canshu-item{
		margin-bottom: 20px;
	}
}
.shouhou-item{
	border: 1px solid #e8e8e8;
	height: 250px;
	text-align: center;
	margin-left: -1px;
}
.shouhou .shouhou-item:first-child{
	margin-left: 0px;
}
.shouhou-img{
	margin-top:48px;
	margin-bottom: 20px;
}
.shouhou-info{
	color: #333;
	font-size: 16px;
}
.shouhou{
	margin-bottom: 70px;
	overflow: hidden;
}
@media(max-width: 991px){
	.shouhou .shouhou-item:nth-child(1){
		border-bottom: none;
	}
	.shouhou .shouhou-item:nth-child(2){
		border-bottom: none;
	}
	.shouhou .shouhou-item:nth-child(3){
		margin-left: 0px;
	}
}
@media(max-width: 767px){
	.shouhou{
		padding: 0 15px;
	}
	.shouhou .shouhou-item:nth-child(3){
		border-bottom: none;
	}
	.shouhou .shouhou-item:nth-child(2){
		margin-left: 0px;
	}
	.shouhou .shouhou-item:nth-child(4){
		margin-left: 0px;
	}
	.shouhou{
		margin-bottom: 40px;
	}
}
/* 工业废气治理 */
.govern3-box li .factxt{
	line-height: 26px;
}
.gas-class{
	margin-top: 50px;
	background: #f3f3f3;
	overflow: hidden;
	padding-bottom: 50px;
}
.public-index-title{
	text-align: center;
	padding-top: 48px;
	padding-bottom: 38px;
}
.public-index-title h3{
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.gas-img{
	max-width: 410px;
	position: relative;
	margin: 0 auto 30px;
}
.gas-img img{
	display: block;
	width: 100%;
}
.gas-mask{
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.gas-info{
	font-size: 16px;
	text-align: center;
}
@media(max-width: 991px){
	.gas-class{
		margin-top: 35px;
	}
	.public-index-title{
		padding-top: 28px;
		padding-bottom: 20px;
	}
	.gas-mask{
		height: 38px;
		line-height: 38px;
	}
}
@media(max-width: 767px){
	.gas-img{
		margin-bottom: 20px;
	}
	.gas-ul li{
		margin-bottom: 20px;
	}
	.gas-class{
		padding-bottom: 20px;
	}
}
.gas-standard-item{
	max-width: 654px;
	width: 50%;
	float: left;
	padding: 0 15px;
}
.gas-standard-item dl dd{
	padding: 20px 80px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	background: #cccccc;
	line-height: 28px;
}
.gas-standard-item dl dt{
	padding: 20px 80px;
	font-size: 16px;
	color: #666;
	line-height: 28px;
	font-weight: normal;
}
.gas-standard-item dl dt.dt-one{
	background: #ebebeb;
}
.gas-standard-item dl dt.dt-two{
	background: #f5f5f5;
}
.gas-standard-right{
	border: 1px solid #cccccc;
}
.gas-standard-top{
	padding: 0 40px 30px;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	height: 259px;
}
.standard-top-left{
	float: left;
	max-width: 270px;
	padding-top: 40px;
}
.standard-top-left h2{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 30px;
}
.standard-top-left p{
	color: #666;
	font-size: 16px;
}
.standard-top-img{
	float: right;
	margin-top: 10px;
}
.standard-top-img img{
	width: 210px;
}
.gas-standard-ul{
	padding: 28px 40px 56px;
}
.gas-standard-ul li{
	font-size: 16px;
	position: relative;
	color: #666;
	margin-bottom: 20px;
	padding-left: 34px;
}
.gas-standard-ul li:last-child{
	margin-bottom: 0px;
}
.gas-standard-ul li::before{
	position: absolute;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background: #90c31f;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}
.gas-standard{
	margin-bottom: 20px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
@media(max-width: 1540px){
	.standard-top-img img{
		width: 190px;
	}
	.standard-top-left{
		max-width: 250px;
	}
	.gas-standard-item dl dt{
		line-height: 26px;
	}
	.gas-standard-ul{
		padding-bottom: 34px;
	}
}
@media(max-width: 1200px){
	.standard-top-img img{
		width: 160px;
	}
	.standard-top-left{
		max-width: 200px;
	}
	.standard-top-img{
		margin-top: 40px;
	}
	.gas-standard-top{
		padding-right: 25px;
	}
	.gas-standard-item dl dt{
		padding-left: 60px;
		padding-right: 60px;
	}
	.gas-standard-item dl dd{
		padding-left: 60px;
		padding-right: 60px;
	}
	.gas-standard-ul{
		padding-bottom: 31px;
	}
	.gas-standard-ul li{
		margin-bottom: 18px;
	}
}
@media(max-width: 991px){
	.gas-standard-item{
		width: 100%;
		margin-bottom: 20px;
	}
	.gas-standard-item dl dt{
		padding: 15px 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.gas-standard-item dl dd{
		padding: 15px 20px;
		font-size: 18px;
	}
	.gas-standard-top{
		height: auto;
		padding: 0 20px 15px;
	}
	.standard-top-left{
		width: 100%;
		max-width: 100%;
		padding-top: 20px;
	}
	.standard-top-img{
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.standard-top-left h2{
		font-size: 18px;
		margin-bottom: 18px;
	}
	.gas-standard-ul{
		padding: 15px 20px 15px;
	}
	.gas-standard-ul li{
		font-size: 14px;
		padding-left: 18px;
		line-height: 22px;
		margin-bottom: 15px;
	}
}
.public-index-title p{
	font-size: 16px;
	color: #969696;
	text-align: center;
	margin-top: 20px;
}
.mtwo-main{
	margin-bottom: 60px;
	overflow: hidden;
}
.org-img{
	float: left;
}
.org-info{
	float: right;
}
.org-info h5{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 60px;
}
.org-ms p{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	margin-bottom: 30px;
}
.org-list{
	margin-bottom: 30px;
	overflow: hidden;
}
.org-item{
	height: 310px;
	overflow: hidden;
}
.org-item-img{
	width: 278px;
	float: left;
}
.org-img img{
	width: 100%;
	display: block;
}
.org-item-info{
	height: 310px;
	width: calc(100% - 278px);
	background: #90c31f;
	float: left;
	padding-left: 35px;
	padding-right: 15px;
	color: #fff;
}
.org-item-info h5{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
}
.org-item-info p{
	line-height: 36px;
}
@media(max-width:1600px){
	.org-item-info{
		padding-top: 20px;
	}
	.org-item-info p{
		line-height: 30px;
	}
}
@media(max-width: 1540px){
	.org-item-info{
		padding-top: 0px;
		padding-left: 28px;
	}
	.org-item-info p{
		line-height: 24px;
	}
}
@media(max-width: 1200px){
	.org-ms p{
		margin-bottom: 0px;
		font-size: 14px;
		line-height: 24px;
	}
	.org-item-img{
		width: 222px;
	}
	.org-item-info p{
		font-size: 14px;
	}
	.org-item-info{
		width: calc(100% - 222px);
		padding-left: 15px;
	}
	.org-item-info h5{
		line-height: 50px;
	}
}
@media(max-width: 991px){
	.gas-standard{
		margin-bottom: 0px;
	}
	.col-xxs-12{
		width: 100%;
	}
	.mtwo-main{
		margin-bottom: 40px;
	}
	.org-item{
		margin-bottom: 20px;
		height: 260px;
	}
	.org-item-img{
		width: 180px;
		float: left;
	}
	.org-item-info{
		height: 260px;
		padding-left: 35px;
		padding-top: 35px;
		width: calc(100% - 180px);
	}
	.public-index-title p{
		font-size: 14px;
		margin-top: 10px;
	}
}
@media(max-width: 599px){
	.org-item-img{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.org-item{
		height: auto;
	}
	.org-item-info{
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-top: 8px;
		padding-bottom: 15px;
	}
}
.mthree-main{
	overflow: hidden;
	margin-bottom: 30px;
}
.mthree-top h5{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 60px;
}
.mthree-top p{
	color: #333;
}
.mthree-top{
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
}
.mthree-ul{
	padding-top: 30px;
}
.mthree-ul li{
	margin-bottom: 30px;
}
.mthree-ul li:last-child{
	margin-bottom: 0px;
}
.mthree-ul li span{
	font-size: 18px;
	color: #90c31f;
	font-weight: bold;
}
.mthree-ul li p{
	color: #333;
}
.mthree-img img{
	display: block;
	width: 100%;
}
.org-list.row{
	margin-right: 0;
	margin-left: 0;
}
@media(max-width: 1200px){
	.mthree-ul {
		padding-top: 15px;
	}
	.mthree-ul li{
		margin-bottom: 10px;
	}
	.mthree-top{
		padding-bottom: 15px;
	}
	.mthree-top p{
		line-height: 24px;
	}
	.mthree-top h5{
		line-height: 40px;
	}
}
@media(max-width: 991px){
	.org-list{
		margin-bottom: 0px;
	}
	.mthree-img{
		margin-bottom: 20px;
	}
	.mthree-main{
		margin-bottom: 0px;
	}
}
.mfour-top ul li{
	margin-bottom: 16px;
}
.mfour-img{
	margin-bottom: 0 auto;
}
.mfour-img img{
	display: block;
	width: 100%;
}
.factory-module-four{
	margin-bottom: 50px;
	overflow: hidden;
}

@media(max-width: 991px){
	.factory-module-four{
		margin-bottom: 20px;
	}
}













