html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0
}
@font-face {
	font-family: 'iconfont';
src: url("../fonts/font_1153097_bjpg0si4zlf.eot");
	src: url("../fonts/font_1153097_bjpg0si4zlf.eot?#iefix") format("embedded-opentype"), url("../fonts/font_1153097_bjpg0si4zlf.woff2") format("woff2"), url("../fonts/font_1153097_bjpg0si4zlf.woff") format("woff"), url("../fonts/font_1153097_bjpg0si4zlf.ttf") format("truetype"), url("../fonts/font_1153097_bjpg0si4zlf.svg#iconfont") format("svg") 
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
body {
	color: #333;
	background: #666;
	font-size: 14px;
	font-family:"Microsoft YaHei",Arial, sans-serif
}
a {
	text-decoration: none;
	color: #333
}
a:hover, a:focus {
	color: #3a6252;
	text-decoration: none
}
a .more_arrow {
	display: block;
	width: 16px;
	height: 10px;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: -16px 0;
	transition: all .5s
}
a:hover .more_arrow {
	background-position: 0 0
}
.w_col {
	padding: 0 100px
}

ul,li{ list-style:none;}
@media (max-width: 1611px) {
.w_col {
	padding: 0 80px
}
}
@media (max-width: 1440px) {
.w_col {
	padding: 0 60px
}
}
@media (max-width: 1380px) {
.w_col {
	padding: 0 40px
}
}
@media (max-width: 1288px) {
.w_col {
	padding: 0 5%
}
}
@media (max-width: 668px) {
.w_col {
	padding: 0 5%
}
}
.w_left {
	padding-left: 100px
}
@media (max-width: 1611px) {
.w_left {
	padding-left: 80px
}
}
@media (max-width: 1440px) {
.w_left {
	padding-left: 60px
}
}
@media (max-width: 1380px) {
.w_left {
	padding-left: 40px
}
}
@media (max-width: 1288px) {
.w_left {
	padding-left: 20px
}
}
@media (max-width: 668px) {
.w_left {
	padding-left: 10px
}
}
.w_right {
	padding-left: 100px;margin-top:40%;
}
@media (max-width: 1611px) {
.w_right {
	padding-right: 80px
}
}
@media (max-width: 1440px) {
.w_right {
	padding-right: 60px
}
}
@media (max-width: 1380px) {
.w_right {
	padding-right: 40px
}
}
@media (max-width: 1288px) {
.w_right {
	padding-right: 20px
}
}
@media (max-width: 668px) {
.w_right {
	padding-right: 10px
}
}
.c_col {
	padding: 0 260px
}
@media (max-width: 1681px) {
.c_col {
	padding: 0 100px
}
}
@media (max-width: 1440px) {
.c_col {
	padding: 0 80px
}
}
@media (max-width: 1380px) {
.c_col {
	padding: 0 40px
}
}
@media (max-width: 1288px) {
.c_col {
	padding: 0 20px
}
}
@media (max-width: 668px) {
.c_col {
	padding: 0 10px
}
}
.c_left {
	padding-left: 260px
}
@media (max-width: 1681px) {
.c_left {
	padding-left: 100px
}
}
@media (max-width: 1440px) {
.c_left {
	padding-left: 80px
}
}
@media (max-width: 1380px) {
.c_left {
	padding-left: 40px
}
}
@media (max-width: 1288px) {
.c_left {
	padding-left: 20px
}
}
@media (max-width: 668px) {
.c_left {
	padding-left: 10px
}
}
.c_right {
	padding-right: 260px
}
@media (max-width: 1681px) {
.c_right {
	padding-right: 100px
}
}
@media (max-width: 1440px) {
.c_right {
	padding-right: 80px
}
}
@media (max-width: 1380px) {
.c_right {
	padding-right: 40px
}
}
@media (max-width: 1288px) {
.c_right {
	padding-right: 20px
}
}
@media (max-width: 668px) {
.c_right {
	padding-right: 10px
}
}
.w {
	width: 1400px;
	margin: 0 auto
}
@media (max-width: 1440px) {
.w {
	width: 1300px
}
}
@media (max-width: 1380px) {
.w {
	width: 1100px
}
}
@media (max-width: 1180px) {
.w {
	width: 100%;
	padding: 0 20px
}
}
@media (max-width: 668px) {
.w {
	padding: 0 10px
}
}
.w_small {
	max-width: 90%;
	margin: 0 auto
}
@media (max-width: 1380px) {
.w_small {
	max-width: 90%
}
}
@media (max-width: 1180px) {
.w_small {
	width: 90%;
	padding: 0 0px
}
}
@media (max-width: 668px) {
.w_small {
	width: 90%;
	padding: 0 0px
}
}
.WinH {
	position: relative
}
.p20 {
	padding: 20px !important
}
.page_switch.off {
	display: none
}
.pages {
	text-align: center;
	padding: 0
}
.pages a {
	display: block;
	width: 80px;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	background: none;
	color: #999;
	border: 1px solid #999
}
.pages a:hover {
	color: #999
}
.text-center {
	text-align: center
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 0px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 16px;
	margin-left: 0px;
	line-height: 1.42857143;
	color: #585858;
	text-decoration: none;
	background-color: none;
	border: none;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	margin-right: 15px;
	border: 1px solid #dcdcdc;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 3;
	color: #fff;
	background: #3a6252;
	border-color: #3a6252
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #3a6252;
	border-color: #3a6252;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

@media (min-width: 1180px) {
a span.more.ani-left-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}
a span.more.ani-left-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #3a6252;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
a:hover span.more.ani-left-right:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}
}
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px
}
.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(images/right.png) no-repeat left center
}
.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(images/error.png) no-repeat left center
}
.Validform_loading {
	padding-left: 20px;
	background: url(images/onLoad.gif) no-repeat left center
}
.Validform_error {
	background-color: #ffe7e7
}
#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 19891016;
	display: none;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1)
}
#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1
}
#Validform_msg .Validform_title {
	line-height: 25px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 0 8px;
	color: #fff;
	position: relative;
	background-color: #999;
	background: -moz-linear-gradient(top, #999, #666 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0px;
	color: #fff;
	text-decoration: none
}
#Validform_msg a.Validform_close:hover {
	color: #ccc
}
#Validform_msg .Validform_info {
	padding: 8px;
	border: 1px solid #bbb;
	border-top: none;
	text-align: left
}
.page_404 {
	position: relative
}
.page_404 .inner {
	width: 800px;
	height: 550px;
	padding: 425px 0 0;
	background: url("/i/img/404.jpg") center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -275px
}
.page_404 .inner span.txt {
	display: block;
	font-size: 20px;
	color: #999;
	text-align: center;
	margin-bottom: 20px
}
.page_404 .inner .btn {
	width: 100%
}
.page_404 .inner .btn ul {
	text-align: center
}
.page_404 .inner .btn ul li {
	display: inline-block;
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 6px
}
.page_404 .inner .btn ul li a {
	display: block
}
.page_404 .inner .btn ul li:nth-child(1) a {
	background: #3a6252;
	color: #fff
}
.page_404 .inner .btn ul li:nth-child(2) {
	line-height: 36px
}
.page_404 .inner .btn ul li:nth-child(2) a {
	border: 2px solid #3a6252;
	color: #3a6252
}
#warper #sidebar-wrapper {
	width: 200px;
	height: 100%;
	padding: 20px;
	left: -250px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#warper #sidebar-wrapper a.logo {
	display: block;
	float: none;
	width: 100%
}
#warper #sidebar-wrapper a.logo img {
	width: 100%
}
#warper.toggled #sidebar-wrapper {
	left: 0;
	z-index: 101;
	overflow-y: scroll;
	background-color: #fff;
	border-color: #fff
}
.hamburger {
	position: fixed;
	right: 20px;
	top:65px;
	z-index: 10000;
	width: 25px;
	height: 20px;
	background: transparent;
	border: none
}
@media (max-width: 668px) {
.hamburger {
	width: 20px;
	height: 16px;
	right: 5%;
	top:67px
}
}
.hamburger:hover, .hamburger:focus, .hamburger:active {
	outline: none
}
.hamburger.is-closed:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0
}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
	background-color: #333
}
.hamburger.is-closed .hamb-top {
	top: 0px;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed .hamb-middle {
	top: 50%;
	margin-top: -2px
}
.hamburger.is-closed .hamb-bottom {
	bottom: 0px;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover .hamb-top {
	top: 0;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover .hamb-bottom {
	bottom: 0;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
	background-color: #fff
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {
	top: 50%;
	margin-top: -2px
}
.hamburger.is-open .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}
.hamburger.is-open .hamb-middle {
	display: none
}
.hamburger.is-open .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}
.hamburger.is-open:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-open:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 100
}
.target-fix {
	position: relative;
	top: -90px;
	display: block;
	height: 1px;
	background: none;
	overflow: hidden;
	outline: 0;
	text-decoration: none;
	border: none
}
@media (max-width: 668px) {
.target-fix {
	top: -70px
}
}
.target-fix:focus {
	outline: 0
}
body, html {
	width: 100%;
	background: #f5f5f5
}
.mt {
	margin-top: 90px
}
@media (max-width: 668px) {
.mt {
	margin-top: 70px
}
}
#warper {
	max-width: 1920px;
	margin: 0 auto;
	background: #fff
}
header {
	width: 100%;
	position: fixed; background-color:#fff;
	left: 0;
	top:45px;
	z-index: 100;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
@media (max-width: 1180px) {
header {
	top:45px
}
}
@media (max-width: 668px) {
header {
	top: 45px
}
}
header .head_inner {
	width: 100%;
	height: 70px;
	position: relative
}
@media (max-width: 668px) {
header .head_inner {
	height: 60px
}
}
header .head_inner a.logo {
	display: block;
	width: 250px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 5px;
	z-index: 5
}
@media (max-width: 668px) {
header .head_inner a.logo {
	height: 50px
}
}
header .head_inner a.logo img {

	height: 100%;
	height: 100%
}
header .head_inner .head_link {
	width: 88px;
	position: absolute;
	right: 170px;
	top: 18px;
	z-index: 6
}
@media (max-width: 1180px) {
header .head_inner .head_link {
	display: none
}
}
header .head_inner .head_link ul {
	margin: 0 -10px
}
header .head_inner .head_link ul li {
	padding: 0 10px;
	display: block;
	float: left;
	width: 54px
}
header .head_inner .head_link a {
	display: block;
	width: 100%
}
header .head_inner .head_link a .icon {
	width: 34px;
	height: 34px;
	line-height: 32px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .head_inner .head_link a:hover .icon {
	border-color: #67a88e;
	background: #67a88e
}
header .head_inner .head_link .qr {
	position: relative;
	text-align: center
}
header .head_inner .head_link .qr .sub {
	display: none;
	width: 120px;
	position: absolute;
	left: 50%;
	top: 34px;
	margin-left: -60px
}
header .head_inner .head_link .qr .sub img {
	width: 100%
}
header .head_inner .head_link .qr.on>span {
	color: #3a6252
}
header .head_inner .head_form {
	width: 120px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #666;
	border-radius: 20px;
	position: absolute;
	right: 0;
	top: 18px;
	z-index: 5
}
@media (max-width: 1180px) {
header .head_inner .head_form {
	display: none
}
}
header .head_inner .head_form form {
	padding: 0 15px
}
header .head_inner .head_form form ::-webkit-input-placeholder {
color:#fff;
font-size:14px
}
header .head_inner .head_form form ::-moz-placeholder {
color:#fff;
font-size:14px
}
header .head_inner .head_form form :-moz-placeholder {
color:#fff;
font-size:14px
}
header .head_inner .head_form form :-ms-input-placeholder {
color:#fff;
font-size:14px
}
header .head_inner .head_form form .btn1 {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: 0;
	color: #666 !important; font-size:14px;
}
header .head_inner .head_form form .btn2 {
	float: right;
	width: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
header .head_inner .head_form form .btn2 i.iconfont {
	font-size: 14px;
	color: #666;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .head_inner .head_form form .btn2:hover i.iconfont {
	color: #fff
}
header nav {
	width: 100%;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 2
}
@media (max-width: 1180px) {
header nav {
	display: none
}
}
header nav .nav {
	position: relative
}
header nav .nav>ul {
	width: 970px;
	float: right;
	margin-right: 10%
}
@media (max-width: 1500px) {header nav .nav>ul {	margin-right: 7%}}


@media (max-width: 1440px) {
header nav .nav>ul {
	width: 850px
}
}
@media (max-width: 1380px) {
header nav .nav>ul {
/*	width: 750px*/
}
}
header nav .nav>ul>li {
	display: block;
	float: left;
	width: 13%
}
header nav .nav>ul>li>a {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2
}
header nav .nav>ul>li>a span {
	display: inline-block;
	padding: 0 10px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	color: #333;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
header nav .nav>ul>li>a span {
	font-size: 16px
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li>a span {
	font-size: 15px
}
}
header nav .nav>ul>li>a span:after {
	content: '';
	display: block;
	width: 0%;
	height: 2px;
	line-height: 2px;
	background-color: #3a6252;
	position: absolute;
	left: 50%;
	bottom: 0px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header nav .nav>ul>li.on>a span {
	font-weight: bold
}
header nav .nav>ul>li.on>a span:after {
	width: 100%;
	left: 0
}
header nav .nav>ul>li .sub {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 1;
	background: url("../images/nav_sub_bg.png") center center repeat-y;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.08)
}
header nav .nav>ul>li .sub .inside {
	-webkit-box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.05)
}
header nav .nav>ul>li .sub .inner {
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden
}
@media (max-width: 1440px) {
header nav .nav>ul>li .sub .inner {
	padding-top: 50px;
	padding-bottom: 50px
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner {
	padding-top: 40px;
	padding-bottom: 40px
}
}
header nav .nav>ul>li .sub .inner .list {
	float: left;
	width: 65%;
	overflow: hidden
}
@media (max-width: 1611px) {
header nav .nav>ul>li .sub .inner .list {
	width: 70%
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner .list {
	width: 72%
}
}
header nav .nav>ul>li .sub .inner .list ul {
	margin: 0 -20px
}
@media (max-width: 1440px) {
header nav .nav>ul>li .sub .inner .list ul {
	margin: 0 -15px
}
}
header nav .nav>ul>li .sub .inner .list ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 0 20px;
	margin-bottom: 40px
}
@media (max-width: 1440px) {
header nav .nav>ul>li .sub .inner .list ul li {
	padding: 0 15px;
	margin-bottom: 30px
}
}
header nav .nav>ul>li .sub .inner .list ul li a {
	display: block;
	width: 100%;
	padding: 0 20px;
	border: 1px solid #333;
	font-size: 18px;
	line-height: 52px;
	font-size: 14px;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1681px) {
header nav .nav>ul>li .sub .inner .list ul li a {
	font-size: 16px;
	line-height: 48px
}
}
@media (max-width: 1440px) {
header nav .nav>ul>li .sub .inner .list ul li a {
	font-size: 14px;
	line-height: 44px
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner .list ul li a {
	font-size: 12px;
	line-height: 38px
}
}
header nav .nav>ul>li .sub .inner .list ul li a i.iconfont {
	float: right;
	font-size: 26px
}
header nav .nav>ul>li .sub .inner .list ul li a:hover {
	background-color: #3a6252;
	border-color: #3a6252;
	color: #fff
}
header nav .nav>ul>li .sub .inner .txt {
	float: right;
	width: 29%
}
@media (max-width: 1611px) {
header nav .nav>ul>li .sub .inner .txt {
	width: 26%
}
}
@media (max-width: 1440px) {
header nav .nav>ul>li .sub .inner .txt {
	width: 23%
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner .txt {
	width: 23%
}
}
header nav .nav>ul>li .sub .inner .txt b.t {
	display: block;
	font-size: 26px;
	font-weight: normal
}
@media (max-width: 1681px) {
header nav .nav>ul>li .sub .inner .txt b.t {
	font-size: 22px
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner .txt b.t {
	font-size: 18px
}
}
header nav .nav>ul>li .sub .inner .txt b.t:after {
	content: '';
	display: block;
	width: 45px;
	height: 1px;
	line-height: 1px;
	background: #aaa;
	margin: 10px 0
}
header nav .nav>ul>li .sub .inner .txt .des {
	font-size: 16px;
	line-height: 28px;
	font-weight: lighter;
	color: #555
}
@media (max-width: 1681px) {
header nav .nav>ul>li .sub .inner .txt .des {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1380px) {
header nav .nav>ul>li .sub .inner .txt .des {
	font-size: 12px;
	line-height: 22px
}
}
header.move {
	top: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.15)
}
header.move .head_inner a.logo {
	background-image: none
}
header.move .head_inner a.logo img {
	display: block
}
header.move .head_inner .head_link a .icon {
	border: 1px solid #333;
	color: #333
}
header.move .head_inner .head_link a:hover .icon {
	border-color: #67a88e;
	color: #fff
}
header.move .head_inner .head_form {
	border: 1px solid #333
}
header.move .head_inner .head_form form ::-webkit-input-placeholder {
color:#333
}
header.move .head_inner .head_form form ::-moz-placeholder {
color:#333
}
header.move .head_inner .head_form form :-moz-placeholder {
color:#333
}
header.move .head_inner .head_form form :-ms-input-placeholder {
color:#333
}
header.move .head_inner .head_form form .btn1 {
	color: #333
}
header.move .head_inner .head_form form .btn2 i.iconfont {
	color: rgba(51,51,51,0.5)
}
header.move .head_inner .head_form form .btn2:hover i.iconfont {
	color: #333
}
header.move nav .nav>ul>li>a span {
	color: #333
}
.m_icon {
	display: none
}
@media (max-width: 1180px) {
.m_icon {
	display: block
}
}
.m_icon.move .hamburger {
	top: 25px
}
@media (max-width: 668px) {
.m_icon.move .hamburger {
	top: 22px
}
}
.m_icon.move .hamburger.is-closed .hamb-top, .m_icon.move .hamburger.is-closed .hamb-middle, .m_icon.move .hamburger.is-closed .hamb-bottom {
	background-color: #333
}
.m_nav {
	margin: 20px 0 0
}
.m_nav .panel {
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.m_nav .panel .panel-heading {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0
}
.m_nav .panel .panel-heading .panel-title {
	line-height: 30px
}
.m_nav .panel .panel-heading .panel-title a.t {
	display: block;
	float: left;
	width: 70%;
	text-decoration: none;
	font-size: 14px
}
.m_nav .panel .panel-heading .panel-title a.switch {
	display: block;
	float: right;
	width: 20px;
	height: 30px;
	position: relative
}
.m_nav .panel .panel-heading .panel-title a.switch i {
	display: block;
	width: 10px;
	height: 20px;
	text-align: right;
	font-style: normal;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	z-index: 3
}
.m_nav .panel .panel-heading .panel-title a.switch i:after {
	content: '\e639';
	font-family: 'iconfont';
	font-size: 16px;
	display: block;
	width: 10px;
	height: 20px;
	line-height: 20px
}
.m_nav .panel .panel-heading .panel-title a.switch[aria-expanded="true"] i {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
.m_nav .panel .panel-collapse .panel-body {
	border-top: none;
	padding: 15px 0
}
.m_nav .panel .panel-collapse .panel-body:before, .m_nav .panel .panel-collapse .panel-body:after {
	display: none
}
.m_nav .panel .panel-collapse .panel-body ul {
	margin: 0;
	padding: 0
}
.m_nav .panel .panel-collapse .panel-body ul li {
	display: block
}
.m_nav .panel .panel-collapse .panel-body ul li a {
	display: block;
	line-height: 30px;
	color: #666;
	text-indent: 10px
}
.search_box h3 {
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 15px
}
.search_box form {
	width: 100%;
	height: 28px;
	border: 1px solid #cdd9e1;
	background: #fff;
	position: relative;
	z-index: 2
}
.search_box form .btn1, .search_box form .btn2 {
	margin: 0;
	padding: 0;
	border: none
}
.search_box form .btn1 {
	float: left;
	width: 400px;
	height: 22px;
	line-height: 22px;
	padding: 0px 10px;
	font-size: 14px;
	outline: none
}
.search_box form .btn2 {
	float: right;
	width: 19px;
	height: 19px;
	padding: 4px 10px 5px 0px;
	margin: 5px 10px 0 0;
	background: url(../img/search.jpg) 0 0 no-repeat
}
.search_list {
	padding: 30px 0
}
@media (max-width: 668px) {
.search_list {
	padding: 10px 0
}
}
.search_list .list {
	width: 100%;
	margin-top: 30px
}
@media (max-width: 1180px) {
.search_list .list {
	margin-top: 20px
}
}
@media (max-width: 668px) {
.search_list .list {
	margin-top: 10px
}
}
.search_list .list ul {
	margin: 0 -10px
}
.search_list .list ul li {
	display: block;
	float: left;
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px
}
@media (max-width: 1180px) {
.search_list .list ul li {
	width: 50%
}
}
@media (max-width: 668px) {
.search_list .list ul li {
	width: 100%;
	margin-bottom: 10px
}
}
.search_list .list ul li a {
	display: block;
	padding: 30px;
	background: #f5f5f5;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1180px) {
.search_list .list ul li a {
	padding: 20px
}
}
@media (max-width: 668px) {
.search_list .list ul li a {
	padding: 10px
}
}
.search_list .list ul li a b {
	display: block;
	font-size: 16px;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	height: 20px;
	line-height: 20px;
	overflow: hidden !important;
	white-space: nowrap !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
	word-break: normal !important
}
@media (max-width: 1440px) {
.search_list .list ul li a b {
	font-size: 14px
}
}
@media (max-width: 1380px) {
.search_list .list ul li a b {
	font-size: 12px
}
}
.search_list .list ul li a .date {
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list .list ul li a .des {
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #666;
	margin: 10px 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (min-width: 968px) {
.search_list .list ul li a:hover {
	background: #3a6252
}
.search_list .list ul li a:hover b {
	color: #fff
}
.search_list .list ul li a:hover .date {
	color: #fff
}
.search_list .list ul li a:hover .des {
	color: #fff
}
}
.index_banner .col {
	width: 100%;
	height: 100%;
}
.index_banner .txt {
	width: 100%;
	height: 100%;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.index_banner .txt .inner {
	width: 100%;
	height: 100%;
	display: table
}
.index_banner .txt .inner .des {
	display: table-cell;
	vertical-align: middle
}
.index_banner .txt .t1 {
	display: block;
	font-size: 50px;
	line-height: 66px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase
}
@media (max-width: 1681px) {
.index_banner .txt .t1 {
	font-size: 40px;
	line-height: 50px
}
}
@media (max-width: 1380px) {
.index_banner .txt .t1 {
	font-size: 34px;
	line-height: 40px
}
}
@media (max-width: 1288px) {
.index_banner .txt .t1 {
	font-size: 30px
}
}
@media (max-width: 668px) {
.index_banner .txt .t1 {
	font-size: 20px;
	line-height: 28px
}
}
.index_banner .txt .t2 {
	display: block;
	font-size: 40px;
	line-height: 60px;
	margin-top: 20px;
	font-weight: lighter
}
@media (max-width: 1681px) {
.index_banner .txt .t2 {
	font-size: 36px;
	line-height: 50px
}
}
@media (max-width: 1380px) {
.index_banner .txt .t2 {
	font-size: 30px
}
}
@media (max-width: 668px) {
.index_banner .txt .t2 {
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px
}
}
.index_banner .bg {
	width:100%;float:left;

}
.index_banner .bg img{max-width:100%;}
.index_banner .pc_img {
	display: block;
	width: 100%;
	height: 100%
}
@media (max-width: 968px) {
.index_banner .pc_img {
}
}
.index_banner .m_img {
	display: none;
	width: 100%;
	height: 100%
}
@media (max-width: 968px) {
.index_banner .m_img {
	display: block
}
}
.index_banner .arrows {
	width: 200px;
	height: 36px;
	position: absolute;
	right: 10%;
	bottom: 80px;
	z-index: 2
}
@media (max-width: 1681px) {
.index_banner .arrows {
	bottom: 60px
}
}
@media (max-width: 1380px) {
.index_banner .arrows {
	bottom: 60px
}
}
@media (max-width: 1288px) {
.index_banner .arrows {
	bottom: 60px
}
}
@media (max-width: 668px) {
.index_banner .arrows {
	width: 160px;
	height: 30px;bottom:15px;
}
}
.index_banner .arrows .inner {
	position: relative
}
.index_banner .arrows .arrow {
	display: block;
	width: 100px;
	height: 36px;
	cursor: pointer;
	border: 1px solid #ddd;
	line-height: 34px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 668px) {
.index_banner .arrows .arrow {
	width: 80px;
	height: 30px;
	line-height: 28px
}
}
.index_banner .arrows .arrow.index_banner_prev {
	z-index: 2
}
.index_banner .arrows .arrow.index_banner_next {
	left: 99px;
	z-index: 1
}
@media (max-width: 668px) {
.index_banner .arrows .arrow.index_banner_next {
	left: 79px
}
}
.index_banner .arrows .arrow:hover {
	border-color: #3a6252;
	background: #3a6252;
	z-index: 3
}
.index_col {
	overflow: hidden;
	position: relative
}
.index_col:before {
	content: '';
	display: block;
	width: 622px;
	height: 617px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -308px;
	z-index: 1
}
@media (max-width: 1611px) {
.index_col:before {
	width: 550px;
	height: 546px;
	margin-top: -273px
}
}
@media (max-width: 1440px) {
.index_col:before {
	width: 400px;
	height: 400px;
	margin-top: -200px
}
}
@media (max-width: 668px) {
.index_col:before {
	display: none
}
}
.index_col .side .title {
	width: 100%;
	height: 65px;
	position: relative;
	color: #3a6252
}
@media (max-width: 1440px) {
.index_col .side .title {
	height: 50px
}
}
.index_col .side .title em {
	display: block;
	font-style: normal;
	position: absolute
}
.index_col .side .title em.t1 {
	font-size: 80px;
	font-family: 'CenturyGothic-Bold';
	opacity: .4;
	width: 50px;
	height: 65px;
	line-height: 65px;
	left: 0;
	top: 0
}
@media (max-width: 1440px) {
.index_col .side .title em.t1 {
	font-size: 60px;
	width: 30px;
	height: 50px;
	line-height: 50px
}
}
.index_col .side .title em.t2 {
	font-size: 30px;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px; font-weight:bold;
	left: 50px;
	top: 0
}
@media (max-width: 1440px) {
.index_col .side .title em.t2 {
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	left: 40px
}
}
.index_col .side .title span {
	display: block;
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 50px;
	bottom: 0
}
@media (max-width: 1440px) {
.index_col .side .title span {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	left: 40px
}
}
@media (max-width: 668px) {
.index_col .side .list {
	overflow: hidden
}
}
.index_col .side .list:before {
	/*content: '';
	display: block;
	width: 35px;
	height: 2px;
	line-height: 2px;
	background: #67a88e;
	margin: 60px 0 50px*/
}
@media (max-width: 1611px) {
.index_col .side .list:before {
	margin: 40px 0 30px
}
}
@media (max-width: 1440px) {
.index_col .side .list:before {
	margin: 30px 0 20px
}
}
@media (max-width: 668px) {
.index_col .side .list:before {
	margin: 20px 0
}
}
@media (max-width: 668px) {
.index_col .side .list ul {
	margin: 0 -5px
}
}
.index_col .side .list ul li {
	display: block; cursor:pointer;
}
@media (max-width: 668px) {
.index_col .side .list ul li {
	float: left;
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px
}
}
.index_col .side .list ul li a {
	display: block;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.index_col .side .list ul li a {
	font-size: 14px;
	line-height: 30px
}
}
@media (max-width: 668px) {
.index_col .side .list ul li a {

}
}
@media (min-width: 1180px) {
.index_col .side .list ul li a:hover {

}
}
.index_solution {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2
}
@media (max-width: 1611px) {
.index_solution {
	padding-top: 80px;
	padding-bottom: 80px
}
}
@media (max-width: 1380px) {
.index_solution {
	padding-top: 50px;
	padding-bottom: 50px
}
}
@media (max-width: 668px) {
.index_solution {
	padding: 20px 10px
}
}
.index_solution:before {
	display: block;
	width: 100%;
	font-size: 300px;
	color: rgba(0,110,117,0.06);
	position: absolute;
	left: 0;
	bottom: -40px;
	z-index: 1
}
@media (max-width: 1611px) {
.index_solution:before {
	font-size: 200px
}
}
@media (max-width: 1440px) {
.index_solution:before {
	font-size: 150px;
	bottom: -20px
}
}
@media (max-width: 668px) {
.index_solution:before {
	display: none
}
}
.index_solution .inner {
	width: 100%;
	position: relative;
	z-index: 2
}
.index_solution .inner .index_solution_side {
	width: 280px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20
}
@media (max-width: 668px) {
.index_solution .inner .index_solution_side {
	width: 100%;
	position: static
}
}
.index_solution .inner .index_solution_list_w {
	padding: 5px 0 0 280px;
	position: relative
}
@media (max-width: 668px) {
.index_solution .inner .index_solution_list_w {
	padding: 0
}
}
.index_solution .inner .index_solution_list_w .index_solution_list {
	overflow: hidden;
	width: 120%
}
@media (max-width: 668px) {
.index_solution .inner .index_solution_list_w .index_solution_list {
	width: 100%
}
}
.index_solution .inner .index_solution_list_w .index_solution_list a {
	display: block;
	width: 100%;
	height: 535px;
	position: relative
}
@media (max-width: 1611px) {
.index_solution .inner .index_solution_list_w .index_solution_list a {
	height: 480px
}
}
@media (max-width: 1440px) {
.index_solution .inner .index_solution_list_w .index_solution_list a {
	height: 400px
}
}
.index_solution .inner .index_solution_list_w .index_solution_list a .txt {
	display: block;background: url(../images/img48.png) bottom center no-repeat;
    background-size: auto;
background-size: 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	padding: 360px 0 0 50px;
	font-size: 18px;
	color: #fff
}
@media (max-width: 1440px) {
.index_solution .inner .index_solution_list_w .index_solution_list a .txt {
	padding-left: 30px
}
}
.index_solution .inner .index_solution_list_w .index_solution_list a .txt span {
	display: block;
	width: 230px;
	font-size: 14px;
	line-height: 20px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase
}
.index_solution .inner .index_solution_list_w .index_solution_list a .txt span:before {
	content: '';
	display: block;
	width: 35px;
	height: 2px;
	line-height: 2px;
	background-color: rgba(255,255,255,0.5);
	margin: 50px 0 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_solution .inner .index_solution_list_w .index_solution_list a .more {
	display: block;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	position: absolute;
	left: 50px;
	bottom: 60px;
	z-index: 3;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.index_solution .inner .index_solution_list_w .index_solution_list a .more {
	left: 30px
}
}
.index_solution .inner .index_solution_list_w .index_solution_list a .more .more_arrow {
	margin: 9px auto
}
.index_solution .inner .index_solution_list_w .index_solution_list a .img {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.index_solution .inner .index_solution_list_w .index_solution_list a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
@media (min-width: 1180px) {
.index_solution .inner .index_solution_list_w .index_solution_list a:hover .txt span:before {
	width: 60px;
	background-color: #fff
}
.index_solution .inner .index_solution_list_w .index_solution_list a:hover .more {
	background: #3a6252
}
.index_solution .inner .index_solution_list_w .index_solution_list a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
}
@media (max-width: 668px) {
.index_solution .inner .index_solution_list_w .arrows {
	text-align: center;
	margin-top: 20px
}
}
.index_solution .inner .index_solution_list_w .arrows .arrow {
	width: 42px;
	height: 42px;
	line-height: 38px;
	text-align: center;
	border: 2px solid #b6b6b6;
	border-radius: 100%;
	cursor: pointer;
	color: #b6b6b6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	bottom: 54px;
	z-index: 10;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.index_solution .inner .index_solution_list_w .arrows .arrow {
	bottom: 40px
}
}
@media (max-width: 668px) {
.index_solution .inner .index_solution_list_w .arrows .arrow {
	display: inline-block;
	position: static;
	margin: 0 5px
}
}
.index_solution .inner .index_solution_list_w .arrows .arrow.index_solution_prev {
	left: 0
}
.index_solution .inner .index_solution_list_w .arrows .arrow.index_solution_next {
	left: 70px
}
.index_solution .inner .index_solution_list_w .arrows .arrow:hover {
	background: #3a6252;
	border-color: #3a6252;
	color: #fff
}
.index_products {
	position: relative;
	z-index: 2;margin-top:5%;
}
@media (max-width: 668px) {
.index_products {
	padding: 0
}
}
.index_products .index_products_side {
	width: 330px;
	padding: 95px 0 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
@media (max-width: 1611px) {
.index_products .index_products_side {
	padding: 50px 0 0
}
}
@media (max-width: 1380px) {
.index_products .index_products_side {
	width: 250px
}
}
@media (max-width: 668px) {
.index_products .index_products_side {
	width: 100%;
	position: static;
	padding: 0
}
}
@media (max-width: 668px) {
.index_products .index_products_side .side {
	padding: 0 5%;
}
}
.index_products .index_products_list_w {
	padding-left: 500px
}
@media (max-width: 1611px) {
.index_products .index_products_list_w {
	padding-left: 400px
}
}
@media (max-width: 1380px) {
.index_products .index_products_list_w {
	padding-left: 300px
}
}
@media (max-width: 668px) {
.index_products .index_products_list_w {
	padding: 0
}
}
.index_products .index_products_list {
	padding-top: 80px;
	padding-bottom: 40px;
	background: #f0f6f7
}
@media (max-width: 1611px) {
.index_products .index_products_list {
	padding-top: 50px;
	padding-bottom: 20px
}
}
@media (max-width: 1440px) {
.index_products .index_products_list {
	padding-top: 40px;
	padding-bottom: 20px
}
}
@media (max-width: 1380px) {
.index_products .index_products_list {
	padding-top: 20px;
	padding-bottom: 10px
}
}
@media (max-width: 668px) {
.index_products .index_products_list {
	background: none;
	padding: 0 5%;
}
}
.index_products .index_products_list .list {
	overflow: hidden;min-height: 500px;
}
.index_products .index_products_list .list ul {
	margin: 0 -20px
}
@media (max-width: 1611px) {
.index_products .index_products_list .list ul {
	margin: 0 -15px
}
}
@media (max-width: 1440px) {
.index_products .index_products_list .list ul {
	margin: 0 -10px
}
}
@media (max-width: 1380px) {
.index_products .index_products_list .list ul {
	margin: 0 -5px
}
}
.index_products .index_products_list .list ul li {
	display: block;
	float: left;
	width: 33.333%;
	padding: 0 20px;
	margin-bottom: 10px
}
@media (max-width: 1611px) {
.index_products .index_products_list .list ul li {
	padding: 0 15px
}
}
@media (max-width: 1440px) {
.index_products .index_products_list .list ul li {
	padding: 0 10px
}
}
@media (max-width: 1380px) {
.index_products .index_products_list .list ul li {
	padding: 0 5px
}
}
@media (max-width: 668px) {
.index_products .index_products_list .list ul li {
	width: 50%
}
}
.index_products .index_products_list .list ul li a {
	display: block;
	width: 100%;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_products .index_products_list .list ul li a .img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,110,117,0.1);
	box-shadow: 0 0 20px 0 rgba(0,110,117,0.1);
	border-radius: 6px;
	overflow: hidden
}
@media (max-width: 1611px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
@media (max-width: 1440px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
@media (max-width: 1380px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
@media (max-width: 1180px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
@media (max-width: 968px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
@media (max-width: 668px) {
.index_products .index_products_list .list ul li a .img {
	height: auto
}
}
.index_products .index_products_list .list ul li a .img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,110,117,0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_products .index_products_list .list ul li a .img .txt {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	display: table;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_products .index_products_list .list ul li a .img .txt .title {
	display: table-cell;
	vertical-align: middle
}
.index_products .index_products_list .list ul li a .img .txt .title b {
	display: block;
	padding: 0 20px;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	margin-bottom: 25px
}
@media (max-width: 1611px) {
.index_products .index_products_list .list ul li a .img .txt .title b {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 15px
}
}
@media (max-width: 1380px) {
.index_products .index_products_list .list ul li a .img .txt .title b {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px
}
}
.index_products .index_products_list .list ul li a .img .txt .title .more {
	display: block;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 9px 0 0;
	margin: 0 auto;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_products .index_products_list .list ul li a .img .txt .title .more .more_arrow {
	margin: 0 auto
}
.index_products .index_products_list .list ul li a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #fff
}
.index_products .index_products_list .list ul li a .img span img{max-width:100%;}


.index_products .index_products_list .list ul li a .title {
	width: 100%;
	height: 58px;
	padding: 5px 0;
	overflow: hidden
}
.index_products .index_products_list .list ul li a .title b {
	width: 100%;
	height: 48px;
	display: table;
	font-weight: normal
}
.index_products .index_products_list .list ul li a .title b span {
	display: table-cell;
	vertical-align: middle;
	line-height: 24px;
	text-align: center
}
.index_products .index_products_list .list ul li a:hover .img {
	-webkit-box-shadow: 0 0 20px 0 rgba(113,153,156,0.8);
	box-shadow: 0 0 20px 0 rgba(113,153,156,0.8)
}
.index_products .index_products_list .list ul li a:hover .img:before {
	background-color: rgba(58,98,82,0.7)
}
.index_products .index_products_list .list ul li a:hover .img .txt {
	opacity: 1
}
.index_products .index_products_list .list ul li a:hover .img .txt .title .more .more_arrow {
	background-position: -16px 0
}
.index_products .index_products_list .list ul li a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.index_case {
	padding-top: 85px
}
@media (max-width: 1440px) {
.index_case {
	padding-top: 50px
}
}
@media (max-width: 1180px) {
.index_case {
	padding-top: 30px
}
}
.index_case .title {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #3a6252
}
.index_case .title span {
	display: block;
	font-size: 40px; font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.index_case .title span {
	font-size: 30px
}
}
.index_case .list {
	margin-top: 50px;
	overflow: hidden
}
@media (max-width: 1440px) {
.index_case .list {
	margin-top: 30px
}
}
.index_case .list .row {
	margin: 0 -20px
}
@media (max-width: 1440px) {
.index_case .list .row {
	margin: 0 -15px
}
}
@media (max-width: 1380px) {
.index_case .list .row {
	margin: 0 -10px
}
}
@media (max-width: 1380px) {
.index_case .list .row {
	margin: 0 -5px
}
}
.index_case .list .row .item {
	padding: 0 20px;
	height: 520px;
	margin-bottom: 40px
}
@media (max-width: 1440px) {
.index_case .list .row .item {
	padding: 0 15px;
	height: 400px;
	margin-bottom: 30px
}
}
@media (max-width: 1380px) {
.index_case .list .row .item {
	padding: 0 10px;
	height: 400px;
	margin-bottom: 20px
}
}
@media (max-width: 1180px) {
.index_case .list .row .item {
	height: 300px
}
}
@media (max-width: 668px) {
.index_case .list .row .item {
	padding: 0 5px;
	height: 200px;
	margin-bottom: 10px
}
}
.index_case .list .row .item.item_s {
	height: 240px
}
@media (max-width: 1440px) {
.index_case .list .row .item.item_s {
	height: 185px
}
}
@media (max-width: 1440px) {
.index_case .list .row .item.item_s {
	height: 190px
}
}
@media (max-width: 1180px) {
.index_case .list .row .item.item_s {
	height: 140px
}
}
@media (max-width: 668px) {
.index_case .list .row .item.item_s {
	height: 200px
}
}
.index_case .list .row .item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
.index_case .list .row .item a .title {
	display: block;
	width: 100%;
	height: 60px;
	padding: 5px 0;
	background: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	display: table;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.index_case .list .row .item a .title {
	height: 50px
}
}
.index_case .list .row .item a .title b {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-weight: normal;
	font-size: 16px
}
@media (max-width: 1440px) {
.index_case .list .row .item a .title b {
	line-height: 20px;
	font-size: 14px
}
}
.index_case .list .row .item a .img {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.index_case .list .row .item a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.index_case .list .row .item a:hover .title {
	background: #3a6252
}
.index_case .list .row .item a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.index_news {
	padding-top: 40px;
	padding-bottom: 110px
}
@media (max-width: 1440px) {
.index_news {
	padding-top: 20px;
	padding-bottom: 40px
}
}
@media (max-width: 668px) {
.index_news {
	padding-top: 20px;
	padding-bottom: 30px
}
}
.index_news .index_news_list {
	overflow: hidden
}
.index_news .index_news_list .swiper-slide a {
	display: block;
	width: 100%;
	position: relative
}
.index_news .index_news_list .swiper-slide a .date {
	width: 70px;
	color: #3a6252;
	font-size: 36px;
	font-family: 'CenturyGothic-Bold';
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px
}
@media (max-width: 1440px) {
.index_news .index_news_list .swiper-slide a .date {
	line-height: 30px
}
}
.index_news .index_news_list .swiper-slide a .date em {
	display: block;
	font-size: 14px;
	font-style: normal;
	height: 20px;
	line-height: 20px
}
.index_news .index_news_list .swiper-slide a .txt {
	padding: 0 0 0 70px
}
.index_news .index_news_list .swiper-slide a .txt b {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #3a6252;
	overflow: hidden !important;
	white-space: nowrap !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
	word-break: normal !important;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.index_news .index_news_list .swiper-slide a .txt b {
	margin-bottom: 0
}
}
.index_news .index_news_list .swiper-slide a .txt p {
	display: block;
	font-size: 14px;
	color: #666;
	height: 20px;
	line-height: 20px;
	overflow: hidden !important;
	white-space: nowrap !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
	word-break: normal !important
}
.index_news .index_news_list .swiper-slide a:hover .txt b {
	color: #333
}
footer {
	padding: 0px 0 0;
	position: relative
}
footer .foot_top {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
footer .foot_top .inner {
	background: #fff;
	padding: 30px 100px 10px;
	-webkit-box-shadow: 0 0 25px 0 rgba(0,110,117,0.15);
	box-shadow: 0 0 25px 0 rgba(0,110,117,0.15);
	border-radius: 6px
}
@media (max-width: 1611px) {
footer .foot_top .inner {
	padding: 30px 50px 0
}
}
@media (max-width: 1180px) {
footer .foot_top .inner {
	padding: 20px 20px 0
}
}
@media (max-width: 668px) {
footer .foot_top .inner {
	padding: 20px
}
}
footer .foot_top .inner .tel {
	float: left;
	width: 30%;
	font-size: 18px;
	color: #333;
	padding: 40px 0 0
}
@media (max-width: 1440px) {
footer .foot_top .inner .tel {
	width: 25%;
	font-size: 16px
}
}
@media (max-width: 668px) {
footer .foot_top .inner .tel {
	float: none;
	width: 100%;
	padding: 0
}
}
footer .foot_top .inner .tel span {
	display: block;
	font-size: 50px;
	color: #3a6252;
	font-family: 'FelixTitlingMT';
	margin: 10px 0 0
}
@media (max-width: 1440px) {
footer .foot_top .inner .tel span {
	font-size: 40px
}
}
@media (max-width: 1180px) {
footer .foot_top .inner .tel span {
	font-size: 30px
}
}
footer .foot_top .inner .message {
	float: right;
	width: 70%
}
@media (max-width: 1440px) {
footer .foot_top .inner .message {
	width: 75%
}
}
@media (max-width: 668px) {
footer .foot_top .inner .message {
	float: none;
	width: 100%
}
}
footer .foot_top .inner .message .t {
	display: block;
	font-size: 16px;
	color: #333;
	margin-bottom: 20px
}
@media (max-width: 1440px) {
footer .foot_top .inner .message .t {
	font-size: 14px
}
}
footer .foot_top .inner .message .t p {
	display: block;
	font-size: 14px;
	color: #999;
	margin-top: 10px
}
@media (max-width: 1440px) {
footer .foot_top .inner .message .t p {
	font-size: 12px
}
}
footer .foot_top .inner .message .message_form_col .row {
	margin: 0 -10px
}
footer .foot_top .inner .message .message_form_col .row .item {
	padding: 0 10px;
	margin-bottom: 20px
}
@media (max-width: 668px) {
footer .foot_top .inner .message .message_form_col .row .item {
	margin-bottom: 10px
}
}
footer .foot_top .inner .message .message_form_col .row .item ::-webkit-input-placeholder {
color:rgba(0,110,117,0.4);
font-size:14px
}
@media (max-width: 1380px) {
footer .foot_top .inner .message .message_form_col .row .item ::-webkit-input-placeholder {
font-size:12px
}
}
footer .foot_top .inner .message .message_form_col .row .item ::-moz-placeholder {
color:rgba(0,110,117,0.4);
font-size:14px
}
@media (max-width: 1380px) {
footer .foot_top .inner .message .message_form_col .row .item ::-moz-placeholder {
font-size:12px
}
}
footer .foot_top .inner .message .message_form_col .row .item :-moz-placeholder {
color:rgba(0,110,117,0.4);
font-size:14px
}
@media (max-width: 1380px) {
footer .foot_top .inner .message .message_form_col .row .item :-moz-placeholder {
font-size:12px
}
}
footer .foot_top .inner .message .message_form_col .row .item :-ms-input-placeholder {
color:rgba(0,110,117,0.4);
font-size:14px
}
@media (max-width: 1380px) {
footer .foot_top .inner .message .message_form_col .row .item :-ms-input-placeholder {
font-size:12px
}
}
footer .foot_top .inner .message .message_form_col .row .item input {
	width: 100%;
	line-height: 50px;
	background: #e5f1f4;
	outline: none;
	padding: 0 20px;
	border: none;
	border-radius: 8px;
	color: #3a6252
}
@media (max-width: 1180px) {
footer .foot_top .inner .message .message_form_col .row .item input {
	line-height: 40px
}
}
@media (max-width: 668px) {
footer .foot_top .inner .message .message_form_col .row .item input {
	height: 42px;
	line-height: 40px
}
}
@media (max-width: 668px) {
footer .foot_top .inner .message .message_form_col .row .item_submit {
	margin-bottom: 0
}
}
footer .foot_top .inner .message .message_form_col .row .item .submit {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
	outline: none;
	background: #67a88e;
	color: #fff;
	font-size: 18px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
footer .foot_top .inner .message .message_form_col .row .item .submit {
	font-size: 16px
}
}
@media (max-width: 1180px) {
footer .foot_top .inner .message .message_form_col .row .item .submit {
	height: 40px;
	line-height: 40px;
	font-size: 12px
}
}
footer .foot_top .inner .message .message_form_col .row .item .submit:hover {
	background: #3a6252
}
footer .foot_bottom {
	background: #333;
	padding-top: 5%;
	padding-bottom:0%;
}
@media (max-width: 1611px) {
footer .foot_bottom {

}
}
@media (max-width: 1380px) {
footer .foot_bottom {

}
}
@media (max-width: 1180px) {
footer .foot_bottom {
	
}
}
@media (max-width: 968px) {
footer .foot_bottom {
	
}
}
@media (max-width: 668px) {
footer .foot_bottom {
	
}
}
footer .foot_bottom .inner .foot_nav {

	position: relative
}
@media (max-width: 1611px) {
footer .foot_bottom .inner .foot_nav {

}
}
@media (max-width: 1180px) {
footer .foot_bottom .inner .foot_nav {
	
}
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_nav {
	padding: 0
}
}
footer .foot_bottom .inner .foot_nav:after {
	content: '';
	display: block;
	width: 320px;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../img/foot_bg.png");
	position: absolute;
	right: 0;
	top: -80px
}
@media (max-width: 1611px) {
footer .foot_bottom .inner .foot_nav:after {
	width: 250px;
	height: 242px;
	top: 0px
}
}
@media (max-width: 1180px) {
footer .foot_bottom .inner .foot_nav:after {
	display: none
}
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_nav .list {
	display: none
}
}
footer .foot_bottom .inner .foot_nav .list>ul>li {
	display: block;
	float: left;
	width: 14%
}
footer .foot_bottom .inner .foot_nav .list>ul>li:nth-child(6) {
width: 25%
}

footer .foot_bottom .inner .foot_nav .list>ul>li>a {
	display: block;
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
footer .foot_bottom .inner .foot_nav .list>ul>li>a {
	font-size: 15px
}
}
footer .foot_bottom .inner .foot_nav .list>ul>li>a:hover {
	color: #fff
}
footer .foot_bottom .inner .foot_nav .list>ul>li ul {
	margin-top: 20px
}
footer .foot_bottom .inner .foot_nav .list>ul>li ul li {
	display: block
}
footer .foot_bottom .inner .foot_nav .list>ul>li ul li a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: rgba(255,255,255,0.6);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
footer .foot_bottom .inner .foot_nav .list>ul>li ul li a {
	font-size: 12px;
	line-height: 24px
}
}
footer .foot_bottom .inner .foot_nav .list>ul>li ul li a:hover {
	color: #fff
}
footer .foot_bottom .inner .foot_nav .foot_qr {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0
}
@media (max-width: 1611px) {
footer .foot_bottom .inner .foot_nav .foot_qr {

}
}
@media (max-width: 1180px) {
footer .foot_bottom .inner .foot_nav .foot_qr {
	right: 0
}
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_nav .foot_qr {
	position: static;
	margin: 0 auto
}
}
footer .foot_bottom .inner .foot_nav .foot_qr img {
	width: 100%
}
footer .foot_bottom .inner .foot_link {
	color: rgba(255,255,255,0.5);
	line-height: 24px
}
@media (max-width: 1611px) {
footer .foot_bottom .inner .foot_link {
	margin-top: 20px
}
}
@media (max-width: 668px) {
footer .foot_bottom .inner .foot_link {
	font-size: 12px
}
}
footer .foot_bottom .inner .foot_link a {
	margin-right: 10px;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
footer .foot_bottom .inner .foot_link a:hover {
	color: #fff
}
footer .foot_bottom .inner .foot_copyright {
	margin: 40px 0 0;
	line-height: 30px;
	padding: 25px 0;
	border-top: 2px solid rgba(255,255,255,0.5)
}
@media (max-width: 1440px) {
footer .foot_bottom .inner .foot_copyright {
	margin: 20px 0 0;
	padding: 15px 0
}
}
@media (max-width: 1380px) {
footer .foot_bottom .inner .foot_copyright {
	font-size: 12px;
	padding: 10px 0
}
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_copyright {
	line-height: 26px
}
}
@media (max-width: 668px) {
footer .foot_bottom .inner .foot_copyright {
	line-height: 22px
}
}
footer .foot_bottom .inner .foot_copyright p {
	float: left;
	width: 70%;
	color: rgba(255,255,255,0.5)
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_copyright p {
	float: none;
	width: 100%;
	text-align: center
}
}
footer .foot_bottom .inner .foot_copyright p:nth-last-of-type(1) {

	width: 100%;
	text-align: center
}
@media (max-width: 968px) {
footer .foot_bottom .inner .foot_copyright p:nth-last-of-type(1) {
	float: none;
	width: 100%;
	text-align: center
}
}
footer .foot_bottom .inner .foot_copyright a {
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
footer .foot_bottom .inner .foot_copyright a:hover {
	color: #fff
}
footer .foot_bottom .inner .foot_copyright br {
	display: none
}
@media (max-width: 668px) {
footer .foot_bottom .inner .foot_copyright br {
	display: block
}
}
.n_banner {
	width: 100%;
	position: relative
}
.n_banner .txt {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding-top: 105px
}
@media (max-width: 1180px) {
.n_banner .txt {
	padding-top: 70px
}
}
.n_banner .txt>.inner {
	width: 100%;
	height: 100%;
	display: table
}
.n_banner .title {
	display: table-cell;
	vertical-align: middle
}
.n_banner .title span {
	display: block;
	color: #fff
}
.n_banner .title span.t1 {
	font-size: 40px;
	font-family: 'BrandonText-Bold';
	color: rgba(255,255,255,0.6)
}
@media (max-width: 1681px) {
.n_banner .title span.t1 {
	font-size: 30px
}
}
@media (max-width: 1180px) {
.n_banner .title span.t1 {
	font-size: 20px
}
}
.n_banner .title span.t2 {
	font-size: 50px;
	font-weight: bold
}
@media (max-width: 1681px) {
.n_banner .title span.t2 {
	font-size: 40px
}
}
@media (max-width: 1440px) {
.n_banner .title span.t2 {
	font-size: 36px
}
}
@media (max-width: 1380px) {
.n_banner .title span.t2 {
	font-size: 30px
}
}
@media (max-width: 1180px) {
.n_banner .title span.t2 {
	font-size: 26px
}
}
.n_banner .title span.t3 {
	font-size: 34px;
	margin-top: 30px;
	font-weight: lighter
}
@media (max-width: 1681px) {
.n_banner .title span.t3 {
	font-size: 28px
}
}
@media (max-width: 1440px) {
.n_banner .title span.t3 {
	font-size: 20px;
	margin-top: 20px
}
}
@media (max-width: 1180px) {
.n_banner .title span.t3 {
	margin-top: 10px
}
}
.n_banner img {
	width: 100%
}
.n_banner .img {
	display: block
}
@media (max-width: 668px) {

}

@media (max-width: 668px) {
.n_banner .mimg {
	display: block
}
}
.sub_nav {
	width: 100%;
	height: 100%; background-color:#e5f0f1;
/*	border-bottom: 2px solid #cce2e3*/
}
#pop .sub_nav {
	width: 100%;
	height: 100%; background-color:#fff;
/*	border-bottom: 2px solid #cce2e3*/
}


@media (max-width: 968px) {
.sub_nav {
	padding: 20px 20px 0;
	height: auto;
	overflow: hidden
}
}
@media (max-width: 668px) {
.sub_nav {
	padding: 10px 10px 0
}
}
.sub_nav ul {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}
@media (max-width: 968px) {
.sub_nav ul {
	width: auto;
	height: auto;
	margin: 0 -10px
}
}
@media (max-width: 668px) {
.sub_nav ul {
	margin: 0 -5px
}
}
.sub_nav ul li {
	display: block;
	float: left;
	width: 16.66%;
	height: 92px;
}
#pop .sub_nav ul li {
	display: block;
	float: left;
	width:auto;
	height: auto;
}




#pop .maniko ul{margin: -0.5%;}
#pop .maniko ul li {/*border-bottom: solid 2px #cce2e3;	*/width: 11.111%;margin-top:2%;padding: 3.15% 0.5%;padding-bottom:0;}

@media (max-width: 968px) {
.sub_nav ul li {
	width: 33.33%;
	height: auto;
	padding: 0 10px;
	margin-bottom: 20px
}
#pop .sub_nav ul li {
    width: 33.33%;
    height: auto;
    padding: 0 10px;
    margin-bottom: 0px;
}


}
@media (max-width: 668px) {
.sub_nav ul li {
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px
}

#pop .sub_nav ul li {
	width: 50%;
	padding: 0 5px;
	margin-bottom: 0px
}

}
@media (min-width: 668px) {
.sub_nav ul li.inline {
	display: inline-block;
	float: none;
	margin: 0 -2px
}
}
#pop .sub_nav ul li a {
    width: 100%;
    height: 44px;
    text-align: center;
    padding: 4px 10px;
    background: #e5f0f1;
    display: table;
    position: relative;
    border-radius: 8px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

}
.sub_nav ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #e5f0f1;
        background-color: rgb(229, 240, 241);
    display: table;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


@media (max-width: 968px) {
.sub_nav ul li a {
	height: 50px;
	border-radius: 6px
}
}
@media (max-width: 668px) {
.sub_nav ul li a {
	height: 40px
}
}
.sub_nav ul li a:after {
/*	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #cce2e3;
	position: absolute;
	right: 0;
	top: 0*/
}
#pop .sub_nav ul li a:after {
	content: '';
	display: none;
	width: 2px;
	height: 100%;
	background-color: #cce2e3;
	position: absolute;
	right: 0;
	top: 0;
}


.sub_nav ul li:nth-child(5) a:after{display:none;}


.sidebar {
 position:fixed;
 top:50%;
 right:0;
 width:42px;
 text-align:center;
 z-index:10;
 height:250px;
 margin-top:-125px;
 z-index:9;
 line-height:42px
}
.sidebar a {
 width:42px;
 height:42px;
/* border-radius:21px;*/
 cursor:pointer;
 display:block;
 overflow:hidden;
 transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -o-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);
 -moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a>span {
 color:#fff;
 font-size:14px;
 margin-left:25px;
 display:none;
 line-height:42px;
 height:42px;
 opacity:0;
 filter:alpha(opacity=0);
 transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
 -moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)
}
.sidebar a.right-qq {
 background:url(../images/sidebar-icon1.png) no-repeat center;
 margin-bottom:10px;
 background-color:#3a6252;
 position:absolute;
 right:0;
 top:0
}
.sidebar a.right-qq:hover {
 width:148px;
 background:url(../images/sidebar-icon1.png) no-repeat 20px center #3a6252
}
.sidebar a.right-weixin {
 background:url(../images/sidebar-icon2.png) no-repeat center;
 background-color:#3a6252;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:52px;
 overflow:visible
}
.sidebar a.right-weixin:hover {
 background:url(../images/sidebar-icon2.png) no-repeat center #3a6252
}
.sidebar a.right-weixin:hover .weixin-code {
 opacity:1;
 visibility:visible;
 left:-140px
}
.sidebar .weixin-code {
 position:absolute;
 left:-125px;z-index:91;
 top:50%;
 transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 opacity:0;
 visibility:hidden;
 transition:all .6s ease;
 -ms-transition:all .6s ease;
 -o-transition:all .6s ease;
 -webkit-transition:all .6s ease;
 -moz-transition:all .6s ease
}
.sidebar .weixin-code img {
 width:120px;
 height:120px
}
.sidebar a.right-tell {
 background:url(../images/sidebar-icon3.png) no-repeat center;
 background-color:#3a6252;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:104px
}
.sidebar a.right-tell:hover {
 width:160px;
 background:url(../images/sidebar-icon3.png) no-repeat 20px center #3a6252
}
.sidebar a.right-message {
 background:url(../images/sidebar-icon4.png) no-repeat center;
 background-color:#3a6252;
 margin-bottom:10px;
 position:absolute;
 right:0;
 top:156px;
 overflow:visible
}
.sidebar a.right-message:hover {
 background:url(../images/sidebar-icon4.png) no-repeat center #3a6252
}
.sidebar a.right-message:hover .fixed-message {
 opacity:1;
 visibility:visible;
 left:-325px
}
.sidebar a.right-top {
 background:url(../images/sidebar-icon5.png) no-repeat center;
 background-color:#3a6252;
 position:absolute;
 bottom:0;
 right:0
}
.sidebar a.right-top:hover {
 width:120px;
 background:url(../images/sidebar-icon5.png) no-repeat 20px center #3a6252
}
.sidebar a:hover>span {
 display:block;
 vertical-align:middle;
 opacity:1;
 filter:alpha(opacity=100)
}



.hometel{ position:fixed;right:0;top:20%;z-index:9;}
.hometel img{max-width:100%;height:140px;}






@media (max-width: 968px) {
.sub_nav ul li a:after {
	display: none
}
}
.sub_nav ul li a span {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 24px;
	color: #3a6252;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.sub_nav ul li a span {
	font-size: 14px
}
}
@media (max-width: 1380px) {
.sub_nav ul li a span {
	font-size: 12px
}
}
@media (max-width: 668px) {
.sub_nav ul li a span {
	padding: 0 10px
}
}
.sub_nav ul li a.on, .sub_nav ul li a:hover {
	background-color: #3a6252;
	font-weight: bold
}
.sub_nav ul li a.on span, .sub_nav ul li a:hover span {
	color: #fff
}

#pop .sub_nav ul li a.on, #pop .sub_nav ul li a:hover {
	background-color: #3a6252;
	font-weight: bold
}
#pop .sub_nav ul li a.on span, #pop .sub_nav ul li a:hover span {
	color: #fff
}




.sub_nav ul li:nth-last-of-type(1) a:after {
	display: none
}
.third_nav {
	width: 100%;
	margin-top:0px;
	text-align: center;
	overflow: hidden
}
@media (max-width: 1681px) {
.third_nav {
	margin: 00px 0
}
}
@media (max-width: 1380px) {
.third_nav {
	margin: 00px 0
}
}
@media (max-width: 968px) {
.third_nav {
	margin: 0;
	padding: 00px 00px 0
}
}
@media (max-width: 668px) {
.third_nav {
	padding: 0px 0px 0
}
}
.third_nav ul {
	margin: 0 -23px
}
@media (max-width: 1440px) {
.third_nav ul {
	margin: 0 -10px
}
}
@media (max-width: 668px) {
.third_nav ul {
	margin: 0 -5px
}
}
.third_nav ul li {
	display: inline-block;
	width: 16.66%;
	padding: 0 23px
}
@media (max-width: 1440px) {
.third_nav ul li {
	padding: 0 10px
}
}
@media (max-width: 968px) {
.third_nav ul li {
	display: block;
	float: left;
	width: 20%;
	margin-bottom: 20px
}
}
@media (max-width: 668px) {
.third_nav ul li {
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px
}
}
.third_nav ul li a {
	width: 100%;
	height: 44px;
	text-align: center;
	padding: 4px 10px;
	background: #e5f0f1;
	display: table;
	position: relative;
	border-radius: 8px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.third_nav ul li a {
	height: 40px
}
}
.third_nav ul li a span {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	color: #3a6252;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
.third_nav ul li a span {
	font-size: 12px
}
}
.third_nav ul li a.on, .third_nav ul li a:hover {
	background-color: #3a6252;
}
.third_nav ul li a.on span, .third_nav ul li a:hover span {
	color: #fff
}
.pro_list {
	padding-bottom: 90px
}
@media (max-width: 1440px) {
.pro_list {
	padding-bottom: 60px
}
}
@media (max-width: 1180px) {
.pro_list {
	padding-bottom: 20px
}
}
.pro_list .list {
	padding-bottom: 50px
}
@media (max-width: 1440px) {
.pro_list .list {
	padding-bottom: 30px
}
}
@media (max-width: 1180px) {
.pro_list .list {
	padding-bottom: 10px
}
}
.pro_list .list ul {
	margin: 0 -20px
}
@media (max-width: 1611px) {
.pro_list .list ul {
	margin: 0 -15px
}
}
@media (max-width: 1380px) {
.pro_list .list ul {
	margin: 0 -10px
}
}
.pro_list .list ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 0 20px;
	margin-bottom: 10px
}
@media (max-width: 1611px) {
.pro_list .list ul li {
	padding: 0 15px
}
}
@media (max-width: 1380px) {
.pro_list .list ul li {
	padding: 0 10px
}
}
@media (max-width: 1180px) {
.pro_list .list ul li {
	width: 33.33%
}
}
@media (max-width: 668px) {
.pro_list .list ul li {
	width: 50%
}
}
.pro_list .list ul li a {
	display: block;
	width: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_list .list ul li a .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,110,117,0.1);
	box-shadow: 0 0 20px 0 rgba(0,110,117,0.1)
}
@media (max-width: 1380px) {
.pro_list .list ul li a .img {
	height: 400px
}
}
@media (max-width: 1180px) {
.pro_list .list ul li a .img {
	height: 400px
}
}
@media (max-width: 968px) {
.pro_list .list ul li a .img {
	height: 150px
}
}
@media (max-width: 668px) {
.pro_list .list ul li a .img {
	height: 100%
}
}
.pro_list .list ul li a .img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,110,117,0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_list .list ul li a .img .txt {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	display: table;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_list .list ul li a .img .txt .title {
	display: table-cell;
	vertical-align: middle
}
.pro_list .list ul li a .img .txt .title b {
	display: block;
	padding: 0 20px;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	margin-bottom: 25px
}
@media (max-width: 1611px) {
.pro_list .list ul li a .img .txt .title b {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 15px
}
}
@media (max-width: 1380px) {
.pro_list .list ul li a .img .txt .title b {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px
}
}
.pro_list .list ul li a .img .txt .title .more {
	display: block;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 9px 0 0;
	margin: 0 auto;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_list .list ul li a .img .txt .title .more .more_arrow {
	margin: 0 auto
}
.pro_list .list ul li a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #fff
}
.pro_list .list ul li a .img span img{max-width:100%;}

.pro_list .list ul li a .title {
	width: 100%;
	height: 58px;
	padding: 5px 0;
	overflow: hidden
}
.pro_list .list ul li a .title b {
	width: 100%;
	height: 48px;
	display: table;
	font-weight: normal
}
.pro_list .list ul li a .title b span {
	display: table-cell;
	vertical-align: middle;
	line-height: 24px; font-size:16px;
	text-align: center
}
.pro_list .list ul li a:hover .img {
	-webkit-box-shadow: 0 0 20px 0 rgba(113,153,156,0.8);
	box-shadow: 0 0 20px 0 rgba(113,153,156,0.8)
}
.pro_list .list ul li a:hover .img:before {
	background-color: rgba(0,110,117,0.7)
}
.pro_list .list ul li a:hover .img .txt {
	opacity: 1
}
.pro_list .list ul li a:hover .img .txt .title .more .more_arrow {
	background-position: -16px 0
}
.pro_list .list ul li a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.pro_content_top {
	padding:80px 0
}
@media (max-width: 1440px) {
.pro_content_top {
	padding: 50px 0 30px
}
}
@media (max-width: 1180px) {
.pro_content_top {
	padding: 50px 0
}
}
@media (max-width: 968px) {
.pro_content_top {
	padding: 50px 0 0
}
}
@media (max-width: 668px) {
.pro_content_top {
	padding: 50px 0
}
}
.pro_content_top>.inner {
	width: 100%;
	height: auto
}
@media (max-width: 1681px) {
.pro_content_top>.inner {
	height: auto
}
}
@media (max-width: 1380px) {
.pro_content_top>.inner {
	height: auto
}
}
@media (max-width: 968px) {
.pro_content_top>.inner {
	float: none;
	width: 100%;
	height: auto;
	padding:0;
}
}
@media (max-width: 668px) {
.pro_content_top>.inner {
	padding: 0;
}
}
.pro_content_top_gallery {
	float: left;
	width: 36%;
	height: 450px;
}
@media (max-width: 1430px) {
	
	.pro_content_top_gallery {

	height: 350px;
}
	}
@media (max-width: 1350px) {
	
	.pro_content_top_gallery {

	height: 350px;
}
	}

@media (max-width: 1280px) {
	
	.pro_content_top_gallery {

	height: 300px;
}
	}

@media (max-width: 968px) {
.pro_content_top_gallery {
	float: none;
	width: 100%;
	height: auto
}
}
.pro_content_top_gallery .pro_content_list {
	width: 100%;
	height: 100%
}
.pro_content_top_gallery .pro_content_list .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size:100%
}
@media (max-width: 968px) {
.pro_content_top_gallery .pro_content_list .img {
	display: none
}
}
.pro_content_top_gallery .pro_content_list .m_img {
	display: none
}
@media (max-width: 968px) {
.pro_content_top_gallery .pro_content_list .m_img {
	display: block
}
.pro_content_top_gallery .pro_content_list .m_img img {
	width: 100%
}
}
.pro_content_top_gallery .pro_content_list .pro_content_list_page {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 2
}
.pro_content_top_gallery .pro_content_list .pro_content_list_page .swiper-pagination-bullet {
	width: 36px;
	height: 4px;
	line-height: 4px;
	border-radius: 0;
	background: none;
	background: rgba(255,255,255,1);
	margin: 0 10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_content_top_gallery .pro_content_list .pro_content_list_page .swiper-pagination-bullet-active {
	background: #3a6252
}
.pro_content_top_gallery .pro_content_list .arrow {
	width: 50px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: rgba(0,110,117,0.4);
	position: absolute;
	top: 50%;
	margin-top: -50px;
	z-index: 10;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
.pro_content_top_gallery .pro_content_list .arrow {
	width: 40px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px
}
}
@media (max-width: 668px) {
.pro_content_top_gallery .pro_content_list .arrow {
	width: 30px
}
}
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_prev {
	left: 60px
}
@media (max-width: 1440px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_prev {
	left: 30px
}
}
@media (max-width: 968px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_prev {
	left: 20px
}
}
@media (max-width: 668px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_prev {
	left: 10px
}
}
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_next {
	right: 60px
}
@media (max-width: 1440px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_next {
	right: 30px
}
}
@media (max-width: 968px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_next {
	right: 20px
}
}
@media (max-width: 668px) {
.pro_content_top_gallery .pro_content_list .arrow.pro_content_list_next {
	right: 10px
}
}
.pro_content_top_gallery .pro_content_list .arrow:hover {
	background: #3a6252
}
.pro_content_top_txt {
	float: right;
	width: 64%;
	height: 100%;
	padding-left: 100px
}
@media (max-width: 1440px) {
.pro_content_top_txt {
	padding-left: 80px
}
}
@media (max-width: 1380px) {
.pro_content_top_txt {
	padding-left: 40px
}
}
@media (max-width: 1288px) {
.pro_content_top_txt {
	padding-left: 20px
}
}
@media (max-width: 968px) {
.pro_content_top_txt {
	float: none;
	width: 100%;
	padding: 20px 0
}
}
@media (max-width: 668px) {
.pro_content_top_txt {
	padding-bottom: 0
}
}
.pro_content_top_txt .inner {
	width: 100%;
/*	height: 100%;*/
	display: table
}
.pro_content_top_txt .inner .txt {
	display: table-cell;
	vertical-align: middle
}
.pro_content_top_txt h1.title {
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #333
}
@media (max-width: 1681px) {
.pro_content_top_txt h1.title {
	font-size: 22px
}
}
@media (max-width: 1380px) {
.pro_content_top_txt h1.title {
	font-size: 18px
}
}
.pro_content_top_txt h1.title:after {
	content: '';
	display: block;
	width: 85px;
	height: 2px;
	line-height: 2px;
	background: #3a6252;
	margin: 40px 0
}
@media (max-width: 1440px) {
.pro_content_top_txt h1.title:after {
	margin: 30px 0
}
}
@media (max-width: 1380px) {
.pro_content_top_txt h1.title:after {
	margin: 20px 0
}
}
.pro_content_top_txt .des {
	font-size: 16px;
	line-height: 36px;
	color: #333;
	margin-bottom: 40px
}
@media (max-width: 1681px) {
.pro_content_top_txt .des {
	line-height: 30px
}
}
@media (max-width: 1440px) {
.pro_content_top_txt .des {
	font-size: 14px;
	line-height: 28px
}
}
@media (max-width: 1380px) {
.pro_content_top_txt .des {
	font-size: 12px;
	line-height: 24px
}
}
@media (max-width: 968px) {
.pro_content_top_txt .des {
	margin-bottom: 20px
}
}
.pro_content_top_txt .btn_inquiry {
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #3a6252;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 8px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.pro_content_top_txt .btn_inquiry {
	width: 160px
}
}
@media (max-width: 1380px) {
.pro_content_top_txt .btn_inquiry {
	width: 140px;
	height: 46px;
	line-height: 46px
}
}
.pro_content_top_txt .btn_inquiry:hover {
	background: #67a88e
}
.pro_content_slide .hd ul li {
	display: block;
	float: left;
	width: 16.66%;
	background-color: #f5f5f5;
	padding: 20px 0;
	text-align: center;
	cursor: pointer
}
@media (max-width: 1440px) {
.pro_content_slide .hd ul li {
	padding: 15px 0
}
}
@media (max-width: 668px) {
.pro_content_slide .hd ul li {
	width: 33.33%;
	padding: 10px 0
}
}
.pro_content_slide .hd ul li:nth-of-type(odd) {
	background-color: #dff0f1
}
.pro_content_slide .hd ul li span {
	display: block;
	font-size: 12px;
	font-family: 'CenturyGothic-Bold';
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1180px) {
.pro_content_slide .hd ul li span {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}
}
@media (max-width: 968px) {
.pro_content_slide .hd ul li span {
	line-height: 20px;
	height: 40px
}
}
@media (max-width: 668px) {
.pro_content_slide .hd ul li span {
	line-height: 14px;
	height: 28px
}
}
.pro_content_slide .hd ul li b {
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.pro_content_slide .hd ul li b {
	font-size: 16px
}
}
@media (max-width: 1380px) {
.pro_content_slide .hd ul li b {
	font-size: 14px
}
}
@media (max-width: 668px) {
.pro_content_slide .hd ul li b {
	font-size: 12px
}
}
.pro_content_slide .hd ul li.on, .pro_content_slide .hd ul li:hover {
	background-color:#3a6252
}
.pro_content_slide .hd ul li.on span, .pro_content_slide .hd ul li.on b, .pro_content_slide .hd ul li:hover span, .pro_content_slide .hd ul li:hover b {
	color: #fff
}
.pro_content_slide .pro_content_slide_content_w {
	background-color: #f0f6f7;
	margin: 50px 0
}
@media (max-width: 1440px) {
.pro_content_slide .pro_content_slide_content_w {
	margin: 30px 0
}
}
@media (max-width: 968px) {
.pro_content_slide .pro_content_slide_content_w {
	margin: 10px 0 20px
}
}
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content>.inner {
	padding: 70px 80px;
	font-size: 16px;
	line-height: 30px;
	color: #333
}
@media (max-width: 1440px) {
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content>.inner {
	padding: 40px;
	font-size: 16px;
	line-height: 36px
}
}
@media (max-width: 1380px) {
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content>.inner {
	padding: 30px;
	font-size: 14px;
	line-height: 28px
}
}
@media (max-width: 1180px) {
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content>.inner {
	padding: 20px;
	font-size: 12px;
	line-height: 26px
}
}
@media (max-width: 668px) {
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content>.inner {
	padding: 10px
}
}
.pro_content_slide .pro_content_slide_content_w .pro_content_slide_content img {
	max-width: 100% !important;
	height: auto !important
}
.pro_content_related {
	padding:0
}

.pro_content_related .title {
	margin-bottom: 30px;
	padding-left: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #3a6252
}
@media (max-width: 1380px) {
.pro_content_related .title {
	font-size: 22px;
	margin-bottom: 10px
}
}
@media (max-width: 668px) {
.pro_content_related .title {
	padding-left: 10px
}
}
.pro_content_related .title span {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px
}
.pro_content_related .pro_content_related_list {
	overflow: hidden;
	padding: 20px
}
@media (max-width: 668px) {
.pro_content_related .pro_content_related_list {
	padding: 10px
}
}
.pro_content_related .pro_content_related_list a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,110,117,0.1);
	box-shadow: 0 0 20px 0 rgba(0,110,117,0.1);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}


.pro_content_related .pro_content_related_list a .t {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 2;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
.pro_content_related .pro_content_related_list a .t {
	font-size: 12px
}
}
.pro_content_related .pro_content_related_list a .img {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.pro_content_related .pro_content_related_list a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #fff
}
.pro_content_related .pro_content_related_list a .img span img{max-width:100%;}
.pro_content_related .pro_content_related_list a:hover .t {
	color: #67a88e
}
.pro_advantage {
	padding-top: 100px;
	padding-bottom: 70px;
	margin-bottom: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../img/pro_advantage_bg.jpg")
}
@media (max-width: 1681px) {
.pro_advantage {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px
}
}
@media (max-width: 1180px) {
.pro_advantage {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px
}
}
.pro_advantage h3.title {
	text-align: center;
	color: #fff;
	font-size: 20px
}
.pro_advantage h3.title span {
	display: block;
	font-size: 40px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.pro_advantage h3.title span {
	font-size: 30px
}
}
@media (max-width: 1180px) {
.pro_advantage h3.title span {
	font-size: 20px
}
}
.pro_advantage .list {
	margin-top: 60px
}
@media (max-width: 1681px) {
.pro_advantage .list {
	margin-top: 50px
}
}
@media (max-width: 1180px) {
.pro_advantage .list {
	margin-top: 20px
}
}
.pro_advantage .list ul li {
	display: block;
	float: left;
	width: 25%
}
@media (max-width: 668px) {
.pro_advantage .list ul li {
	width: 50%;
	margin-bottom: 10px
}
}
.pro_advantage .list ul li .col .border {
	width: 176px;
	margin: 0 auto;
	position: relative
}
@media (max-width: 968px) {
.pro_advantage .list ul li .col .border {
	width: 160px
}
}
@media (max-width: 668px) {
.pro_advantage .list ul li .col .border {
	width: 130px
}
}
.pro_advantage .list ul li .col .border .icon {
	width: 80px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 35px
}
@media (max-width: 968px) {
.pro_advantage .list ul li .col .border .icon {
	top: 30px
}
}
.pro_advantage .list ul li .col .border .icon img {
	width: 60px;
	margin: 0 auto
}
.pro_advantage .list ul li .col .border .icon span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff
}
@media (max-width: 968px) {
.pro_advantage .list ul li .col .border .icon span {
	font-size: 14px
}
}
.pro_advantage .list ul li .col .border .img {
	width: 100%
}
.pro_advantage .list ul li .col .border .img img {
	width: 100%
}
.pro_advantage .list ul li .col .txt {
	width: 240px;
	margin: 20px auto 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 30px
}
@media (max-width: 1440px) {
.pro_advantage .list ul li .col .txt {
	line-height: 26px
}
}
@media (max-width: 1380px) {
.pro_advantage .list ul li .col .txt {
	font-size: 12px;
	line-height: 24px
}
}
@media (max-width: 1180px) {
.pro_advantage .list ul li .col .txt {
	width: 100%;
	padding: 0 20px;
	line-height: 20px
}
}
@media (max-width: 668px) {
.pro_advantage .list ul li .col .txt {
	padding: 0 10px
}
}
.solution_list {
	padding-bottom: 100px
}
@media (max-width: 1440px) {
.solution_list {
	padding-bottom: 50px
}
}
@media (max-width: 668px) {
.solution_list {
	padding-bottom: 20px
}
}
.solution_list .list ul li {
	display: block;
	position: relative;
	padding-top: 90px
}
@media (max-width: 1380px) {
.solution_list .list ul li {
	padding-top: 50px
}
}
@media (max-width: 668px) {
.solution_list .list ul li {
	padding: 10px
}
}
.solution_list .list ul li:after {
	content: '';
	display: block;
	width: 45%;
	height: 360px;
	background-color:#e5f0f1;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}
@media (max-width: 1380px) {
.solution_list .list ul li:after {
	height: 300px
}
}
@media (max-width: 668px) {
.solution_list .list ul li:after {
	display: none
}
}
.solution_list .list ul li a {
	display: block;
	position: relative;
	z-index: 2
}
.solution_list .list ul li a .img {
	float: right;
	width: 55%;
	height: 410px;
	padding: 0 260px 0 0
}
@media (max-width: 1681px) {
.solution_list .list ul li a .img {
	padding: 0 100px 0 0
}
}
@media (max-width: 1440px) {
.solution_list .list ul li a .img {
	padding: 0 80px 0 0
}
}
@media (max-width: 1380px) {
.solution_list .list ul li a .img {
	padding: 0 40px 0 0;
	height: 350px
}
}
@media (max-width: 1288px) {
.solution_list .list ul li a .img {
	padding: 0 20px 0 0
}
}
@media (max-width: 668px) {
.solution_list .list ul li a .img {
	float: none;
	width: 100%;
	height: 250px;
	padding: 0
}
}
.solution_list .list ul li a .img .bg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.solution_list .list ul li a .img .bg span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.solution_list .list ul li a .txt {
	float: left;
	width: 45%;
	height: 410px;
	padding: 0 ;
}




@media (max-width: 668px) {
.solution_list .list ul li a .txt {
	float: none;
	width: 100%;
	height: auto;

}
}
.solution_list .list ul li a .txt .title {
	color: #3a6252
}
.solution_list .list ul li a .txt .title span {
	display: block;
	font-size: 20px;
	text-transform: uppercase
}
@media (max-width: 668px) {
.solution_list .list ul li a .txt .title span {
	font-size: 16px
}
}
.solution_list .list ul li a .txt .title b {
	display: block;
	height: 30px;
	line-height: 30px;
	position: relative;
	margin: 20px 0 0
}
@media (max-width: 668px) {
.solution_list .list ul li a .txt .title b {
	margin: 10px 0 0
}
}

.solution_list .list ul li a .txt .title b span {
	position: relative;line-height:35px;
	z-index: 2;
	font-weight: normal;text-transform:inherit;
	font-size: 24px; text-align:left;padding:5%;
}
@media (max-width: 1440px) {
.solution_list .list ul li a .txt .title b span {

}
}
@media (max-width: 668px) {
.solution_list .list ul li a .txt .title b span {

}
}
.solution_list .list ul li a .txt .des {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin: 40px 0;padding:5%;
}
@media (max-width: 668px) {
.solution_list .list ul li a .txt .des {
	margin: 20px 0 10px
}
}
.solution_list .list ul li a .txt .more {
	display: block;float:left;
	width: 90px;margin:5%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #3a6252;
	border-radius: 20px;
	padding: 9px 0 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.solution_list .list ul li a .txt .more .more_arrow {
	margin: 0 auto;
	background-position: 0 0
}
@media (min-width: 1180px) {
.solution_list .list ul li a:hover .img .bg span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.solution_list .list ul li a:hover .txt .more {
	background: #333
}
}
@media (min-width: 668px) {
.solution_list .list ul li:nth-of-type(even):after {
	left: 0
}
.solution_list .list ul li:nth-of-type(even) a .img {
	float: left;
	padding: 0 0 0 260px
}
}
@media (min-width: 668px) and (max-width: 1681px) {
.solution_list .list ul li:nth-of-type(even) a .img {
	padding: 0 0 0 100px
}
}
@media (min-width: 668px) and (max-width: 1440px) {
.solution_list .list ul li:nth-of-type(even) a .img {
	padding: 0 0 0 80px
}
}
@media (min-width: 668px) and (max-width: 1380px) {
.solution_list .list ul li:nth-of-type(even) a .img {
	padding: 0 0 0 40px
}
}
@media (min-width: 668px) and (max-width: 1288px) {
.solution_list .list ul li:nth-of-type(even) a .img {
	padding: 0 0 0 20px
}
}
@media (min-width: 668px) and (max-width: 668px) {
.solution_list .list ul li:nth-of-type(even) a .img {
	padding: 0 0 0 10px
}
}
@media (min-width: 668px) and (max-width: 1681px) {
.solution_list .list ul li:nth-of-type(even) a .txt {

}
}
@media (min-width: 668px) and (max-width: 1440px) {
.solution_list .list ul li:nth-of-type(even) a .txt {

}
}
@media (min-width: 668px) and (max-width: 1380px) {
.solution_list .list ul li:nth-of-type(even) a .txt {

}
}
@media (min-width: 668px) and (max-width: 1288px) {
.solution_list .list ul li:nth-of-type(even) a .txt {

}
}
@media (min-width: 668px) and (max-width: 1180px) {
.solution_list .list ul li:nth-of-type(even) a .txt {

}
}
.service_support {
	padding-top: 100px;
	padding-bottom: 80px;
	overflow: hidden
}
@media (max-width: 1611px) {
.service_support {
	padding-top: 60px;
	padding-bottom: 40px
}
}
@media (max-width: 1180px) {
.service_support {
	padding-top: 20px;
	padding-bottom: 0px
}
}
@media (max-width: 668px) {
.service_support {
	padding-top: 10px
}
}
.service_support .row {
	margin: 0 -10px
}
.service_support .row .item {
	padding: 0 10px;
	margin-bottom: 20px;
	height: 310px
}
@media (max-width: 1611px) {
.service_support .row .item {
	height: 280px
}
}
@media (max-width: 1380px) {
.service_support .row .item {
	height: 220px
}
}
@media (max-width: 668px) {
.service_support .row .item {
	height: 200px;
	margin-bottom: 10px
}
}
.service_support .row .item.item01 {
	height: 640px
}
@media (max-width: 1611px) {
.service_support .row .item.item01 {
	height: 580px
}
}
@media (max-width: 1380px) {
.service_support .row .item.item01 {
	height: 460px
}
}
@media (max-width: 668px) {
.service_support .row .item.item01 {
	height: 200px
}
}
.service_support .row .item a.col {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
.service_support .row .item a.col:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,110,117,0.3);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.service_support .row .item a.col .title {
	width: 100%;
	padding: 0 0 40px 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	font-size: 26px;
	color: #fff
}
@media (max-width: 1611px) {
.service_support .row .item a.col .title {
	font-size: 22px
}
}
@media (max-width: 1180px) {
.service_support .row .item a.col .title {
	font-size: 16px;
	padding: 0 0 20px 20px
}
}
.service_support .row .item a.col .title span {
	display: block;
	font-size: 20px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase
}
@media (max-width: 1611px) {
.service_support .row .item a.col .title span {
	font-size: 16px
}
}
@media (max-width: 1180px) {
.service_support .row .item a.col .title span {
	font-size: 14px
}
}
.service_support .row .item a.col .title span:before {
	content: '';
	display: block;
	width: 35px;
	height: 2px;
	line-height: 2px;
	background-color: #fff;
	margin: 20px 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1611px) {
.service_support .row .item a.col .title span:before {
	margin: 10px 0
}
}
.service_support .row .item a.col .img {
	width: 100%;
	height: 100%
}
.service_support .row .item a.col .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
@media (min-width: 1180px) {
.service_support .row .item a.col:hover:after {
	background: rgba(0,110,117,0.6)
}
.service_support .row .item a.col:hover .title span:before {
	width: 60px
}
}
.case_list01 {
	padding-top: 100px;
	padding-bottom: 100px
}
@media (max-width: 1440px) {
.case_list01 {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.case_list01 {
	padding-top: 40px;
	padding-bottom: 40px
}
}
@media (max-width: 1180px) {
.case_list01 {
	padding-top: 20px;
	padding-bottom: 20px
}
}
@media (max-width: 668px) {
.case_list01 {
	padding-top: 10px;
	padding-bottom: 10px
}
}
.case_list01 .list {
	overflow: hidden;
	margin-bottom: 20px
}
@media (max-width: 1180px) {
.case_list01 .list {
	margin-bottom: 0
}
}
.case_list01 .list ul {
	margin: 0 -20px
}
@media (max-width: 1440px) {
.case_list01 .list ul {
	margin: 0 -10px
}
}
@media (max-width: 668px) {
.case_list01 .list ul {
	margin: 0 -5px
}
}
.case_list01 .list ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 0 20px;
	margin-bottom: 40px
}
@media (max-width: 1440px) {
.case_list01 .list ul li {
	padding: 0 10px;
	margin-bottom: 20px
}
}
@media (max-width: 968px) {
.case_list01 .list ul li {
	width: 33.33%
}
}
@media (max-width: 668px) {
.case_list01 .list ul li {
	width: 50%;
	margin-bottom: 10px;
	padding: 0 5px
}
}
.case_list01 .list ul li .img {
	width: 100%;
	height: 200px;
	border: 2px solid #ddd
}
@media (max-width: 1440px) {
.case_list01 .list ul li .img {
	height: 180px
}
}
@media (max-width: 1380px) {
.case_list01 .list ul li .img {
	height: 150px
}
}
@media (max-width: 1180px) {
.case_list01 .list ul li .img {
	height: 120px
}
}
@media (max-width: 668px) {
.case_list01 .list ul li .img {
	height: 100px
}
}
.case_list01 .list ul li .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.case_list02 {
	
}
@media (max-width: 1440px) {
.case_list02 {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.case_list02 {
	padding-top: 40px;
	padding-bottom: 40px
}
}
@media (max-width: 1180px) {
.case_list02 {
	padding-top: 20px;
	padding-bottom: 20px
}
}
@media (max-width: 668px) {
.case_list02 {
	padding-top: 10px;
	padding-bottom: 10px
}
}
.case_list02.gallery_video {
	padding-top: 0
}
.case_list02 .list {
	overflow: hidden;
}
@media (max-width: 1440px) {
.case_list02 .list {

}
}
@media (max-width: 1380px) {
.case_list02 .list {
	margin-bottom: 0
}
}
.case_list02 .list ul {
	margin: 0 -25px
}
@media (max-width: 1440px) {
.case_list02 .list ul {
	margin: 0 -20px
}
}
@media (max-width: 1180px) {
.case_list02 .list ul {
	margin: 0 -10px
}
}
@media (max-width: 668px) {
.case_list02 .list ul {
	margin: 0 -5px
}
}
.case_list02 .list ul li {
	display: block;
	float: left;
	width: 33.33%;
	padding: 0 25px;
	margin-bottom: 50px
}
@media (max-width: 1440px) {
.case_list02 .list ul li {
	padding: 0 20px;

}
}
@media (max-width: 1180px) {
.case_list02 .list ul li {
	padding: 0 10px;

}
}
@media (max-width: 668px) {
.case_list02 .list ul li {
	width: 50%;

	padding: 0 5px
}
}
.case_list02 .list ul li a {
	display: block;
	padding: 25px 25px 0;
	background: rgba(0,110,117,0.08);
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1380px) {
.case_list02 .list ul li a {
	padding: 20px 20px 0
}
}
@media (max-width: 1180px) {
.case_list02 .list ul li a {
	padding: 10px 10px 0
}
}
.case_list02 .list ul li a .img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden
}
@media (max-width: 1440px) {
.case_list02 .list ul li a .img {
	height: 200px
}
}
@media (max-width: 1180px) {
.case_list02 .list ul li a .img {
	height: 180px
}
}
@media (max-width: 968px) {
.case_list02 .list ul li a .img {
	height: 150px
}
}
@media (max-width: 668px) {
.case_list02 .list ul li a .img {
	height: 100px
}
}
.case_list02 .list ul li a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.case_list02 .list ul li a .title {
	width: 100%;
	height: 70px;
	padding: 10px 0;
	display: table
}
@media (max-width: 1380px) {
.case_list02 .list ul li a .title {
	height: 60px
}
}
.case_list02 .list ul li a .title b {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #3a6252;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;

}
@media (max-width: 1380px) {
.case_list02 .list ul li a .title b {
	font-size: 14px
}
}
.case_list02 .list ul li a:hover {
	background: #3a6252
}
.case_list02 .list ul li a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.case_list02 .list ul li a:hover .title b {
	color: #fff
}
.news_content {
	padding-top: 80px;
	padding-bottom: 80px
}
@media (max-width: 1440px) {
.news_content {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.news_content {
	padding-top: 50px;
	padding-bottom: 50px
}
}
@media (max-width: 1180px) {
.news_content {
	padding-top: 20px;
	padding-bottom: 20px
}
}
.news_content h1.news_t {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	text-align: center
}
@media (max-width: 1380px) {
.news_content h1.news_t {
	font-size: 18px
}
}
.news_content .info {
	font-size: 16px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	text-align: center
}
@media (max-width: 1380px) {
.news_content .info {
	font-size: 12px;
	line-height: 40px
}
}
.news_content .info i.iconfont {
	color: #3a6252
}
.news_content .txt {
	padding: 20px 0;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	font-weight: lighter
}
@media (max-width: 1440px) {
.news_content .txt {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1380px) {
.news_content .txt {
	font-size: 12px;
	line-height: 24px
}
}
@media (max-width: 668px) {
.news_content .txt {
	font-weight: normal
}
}
.news_content .txt h3 {
	display: block;
	font-size: 26px;
	color: #3a6252;
	font-weight: bold;
	margin: 10px 0
}
@media (max-width: 1440px) {
.news_content .txt h3 {
	font-size: 22px
}
}
@media (max-width: 1380px) {
.news_content .txt h3 {
	font-size: 20px
}
}
.news_content .txt img {
	max-width: 100% !important;
	height: auto !important;
	margin-top: 10px;
	margin-bottom: 10px
}
.news_content .news_content_video {
	margin-bottom: 20px
}
.news_content .updown {
	padding: 40px 0 0 0;
	font-size: 14px;
	line-height: 28px;
	border-top: 1px solid #ddd
}
@media (max-width: 1380px) {
.news_content .updown {
	padding: 20px 0 0;
	font-size: 12px;
	line-height: 22px
}
}
@media (max-width: 1180px) {
.news_content .updown {
	padding: 10px 0 0
}
}
.news_content .updown .inner {
	width: 100%;
	padding-right: 150px;
	position: relative
}
@media (max-width: 668px) {
.news_content .updown .inner {
	padding: 0
}
}
.news_content .updown .btn_back {
	display: block;
	width: 150px;
	height: 44px;
	line-height: 42px;
	padding: 0 30px;
	border-radius: 40px;
	border: 1px solid #5b5b5b;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 668px) {
.news_content .updown .btn_back {
	position: static;
	margin: 20px auto 0
}
}
.news_content .updown .btn_back span {
	display: block;
	float: right;
	margin: 14px 0 0;
	width: 15px;
	height: 12px;
	position: relative
}
.news_content .updown .btn_back span:before, .news_content .updown .btn_back span:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: #5b5b5b;
	position: absolute;
	left: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_content .updown .btn_back span:before {
	top: 0
}
.news_content .updown .btn_back span:after {
	bottom: 0
}
.news_content .updown .btn_back span i {
	display: block;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: #5b5b5b;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_content .updown .btn_back:hover {
	background: #3a6252;
	border-color: #3a6252;
	color: #fff
}
.news_content .updown .btn_back:hover span:before, .news_content .updown .btn_back:hover span:after {
	width: 10px;
	background: #fff
}
.news_content .updown .btn_back:hover span:before {
	top: 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.news_content .updown .btn_back:hover span:after {
	bottom: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.news_content .updown .btn_back:hover span i {
	opacity: 0
}
.intro_about {
	padding-top: 240px
}
@media (max-width: 1440px) {
.intro_about {
	padding-top: 200px
}
}
@media (max-width: 1180px) {
.intro_about {
	padding-top: 160px
}
}
@media (max-width: 968px) {
.intro_about {
	padding-top: 20px
}
}
@media (max-width: 668px) {
.intro_about {
	padding-top: 10px
}
}
.intro_about>.inner {
	background: url("../img/intro_bg.jpg") center bottom no-repeat
}
.intro_about .intro_inner {
	position: relative;
	padding-bottom: 125px
}
@media (max-width: 1440px) {
.intro_about .intro_inner {
	padding-bottom: 60px
}
}
@media (max-width: 968px) {
.intro_about .intro_inner {
	padding-bottom: 20px
}
}
.intro_about .intro_inner:before {
	content: 'OUHOR';
	display: block;
	font-size: 200px;
	color: rgba(0,110,117,0.08);
	font-family: 'CenturyGothic-Bold';
	position: absolute;
	left: -100px;
	top: -220px;
	z-index: 1
}
@media (max-width: 1440px) {
.intro_about .intro_inner:before {
	font-size: 150px;
	left: -60px;
	top: -170px
}
}
@media (max-width: 1180px) {
.intro_about .intro_inner:before {
	font-size: 120px;
	left: -20px;
	top: -140px
}
}
@media (max-width: 968px) {
.intro_about .intro_inner:before {
	display: none
}
}
.intro_about .intro_inner .img {
	float: right;
	width: 53.5%;
	margin-top: -140px;
	position: relative;
	z-index: 2
}
@media (max-width: 968px) {
.intro_about .intro_inner .img {
	float: none;
	width: 100%;
	margin-top: 0
}
}
.intro_about .intro_inner .img img {
	width: 100%
}
.intro_about .intro_inner .txt {
	float: left;
	width: 39%;
	position: relative;
	z-index: 2
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt {
	float: none;
	width: 100%
}
}
.intro_about .intro_inner .txt .title {
	color: #3a6252;
	margin-top: -110px
}
@media (max-width: 1180px) {
.intro_about .intro_inner .txt .title {
	margin-top: -90px
}
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt .title {
	margin-top: 20px
}
}
.intro_about .intro_inner .txt .title:after {
	content: '';
	display: block;
	width: 86px;
	height: 2px;
	line-height: 2px;
	background: #c6c6c6
}
.intro_about .intro_inner .txt .title span {
	display: block;
	font-size: 70px;
	line-height: 80px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase
}
@media (max-width: 1440px) {
.intro_about .intro_inner .txt .title span {
	font-size: 50px;
	line-height: 60px
}
}
@media (max-width: 1180px) {
.intro_about .intro_inner .txt .title span {
	font-size: 30px;
	line-height: 40px
}
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt .title span {
	font-size: 20px
}
.intro_about .intro_inner .txt .title span br {
	display: none
}
}
.intro_about .intro_inner .txt .title b {
	display: block;
	font-size: 30px;
	font-weight: normal;
	margin: 10px 0 20px
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt .title b {
	font-size: 20px;
	margin: 0 0 10px
}
}
.intro_about .intro_inner .txt .des {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	margin: 25px 0 70px
}
@media (max-width: 1440px) {
.intro_about .intro_inner .txt .des {
	font-size: 14px;
	line-height: 28px;
	margin: 20px 0
}
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt .des {
	margin: 10px 0;
	font-size: 12px;
	line-height: 24px
}
}
.intro_about .intro_inner .txt a.more {
	display: block;
	width: 215px;
	height: 60px;
	line-height: 56px;
	border: 2px solid #666;
	text-align: center;
	border-radius: 4px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1180px) {
.intro_about .intro_inner .txt a.more {
	width: 180px;
	height: 50px;
	line-height: 46px
}
}
@media (max-width: 968px) {
.intro_about .intro_inner .txt a.more {
	width: 140px;
	height: 40px;
	line-height: 36px
}
}
.intro_about .intro_inner .txt a.more em {
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	color: #666
}
.intro_about .intro_inner .txt a.more .more_arrow {
	display: inline-block;
	background-position: -16px -20px;
	margin-left: 10px
}
.intro_about .intro_inner .txt a.more:hover {
	background: #3a6252;
	border-color: #3a6252
}
.intro_about .intro_inner .txt a.more:hover em {
	color: #fff
}
.intro_about .intro_inner .txt a.more:hover .more_arrow {
	background-position: 0px -20px
}
.intro_culture {
	padding-top: 100px;
	padding-bottom: 100px
}
@media (max-width: 1440px) {
.intro_culture {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1180px) {
.intro_culture {
	padding-top: 30px;
	padding-bottom: 30px
}
}
@media (max-width: 968px) {
.intro_culture {
	padding-top: 20px;
	padding-bottom: 0
}
}
.intro_culture .title {
	text-align: center;
	font-size: 30px;
	color: #3a6252
}
@media (max-width: 1440px) {
.intro_culture .title {
	font-size: 26px
}
}
@media (max-width: 1180px) {
.intro_culture .title {
	font-size: 20px
}
}
.intro_culture .title span {
	display: block;
	font-size: 40px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.intro_culture .title span {
	font-size: 30px
}
}
@media (max-width: 1180px) {
.intro_culture .title span {
	font-size: 24px
}
}
@media (max-width: 968px) {
.intro_culture .title span {
	font-size: 20px;
	margin-bottom: 0
}
}
.intro_culture .list {
	margin-top: 50px;
	overflow: hidden
}
@media (max-width: 1440px) {
.intro_culture .list {
	margin-top: 30px
}
}
@media (max-width: 968px) {
.intro_culture .list {
	margin-top: 20px
}
}
.intro_culture .list ul {
	margin: 0 -20px
}
@media (max-width: 1180px) {
.intro_culture .list ul {
	margin: 0 -10px
}
}
.intro_culture .list ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 0 20px
}
@media (max-width: 1180px) {
.intro_culture .list ul li {
	padding: 0 10px
}
}
@media (max-width: 668px) {
.intro_culture .list ul li {
	width: 100%;
	margin-bottom: 10px
}
}
.intro_culture .list ul li .col {
	border: 2px solid rgba(0,110,117,0.3);
	border-radius: 8px;
	padding: 70px 40px
}
@media (max-width: 1440px) {
.intro_culture .list ul li .col {
	padding: 30px
}
}
.intro_culture .list ul li .col .icon {
	width: 120px;
	height: 120px;
	line-height: 116px;
	text-align: center;
	border: 2px solid #67a88e;
	border-radius: 100%;
	margin: 0 auto
}
.intro_culture .list ul li .col .icon img {
	width: 50px
}
.intro_culture .list ul li .col b {
	display: block;
	font-size: 20px;
	margin: 20px 0;
	text-align: center;
	font-weight: normal;
	color: #3a6252
}
.intro_culture .list ul li .col .des {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #333
}
@media (max-width: 1440px) {
.intro_culture .list ul li .col .des {
	font-size: 14px;
	line-height: 26px
}
}
.intro_col {
	width: 100%;
	padding-left: 36%;
	position: relative
}
@media (max-width: 968px) {
.intro_col {
	padding: 20px
}
}
@media (max-width: 668px) {
.intro_col {
	padding: 0 10px 0
}
}
.intro_col .img {
	width: 45%;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 2
}
@media (max-width: 968px) {
.intro_col .img {
	width: 100%;
	position: static
}
}
.intro_col .img img {
	width: 100%
}
.intro_col .txt {
	width: 100%;
	padding-top: 110px;
	position: relative
}
@media (max-width: 968px) {
.intro_col .txt {
	padding: 0
}
}
.intro_col .txt:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 1
}
@media (max-width: 1440px) {
.intro_col .txt:after {
	top: 80px
}
}
@media (max-width: 968px) {
.intro_col .txt:after {
	top: 0
}
}
.intro_col .txt>.inner {
	position: relative;
	z-index: 2
}
@media (max-width: 1681px) {
.intro_col .txt>.inner {
	padding-left: 200px
}
}
@media (max-width: 1180px) {
.intro_col .txt>.inner {
	padding-left: 120px
}
}
@media (max-width: 968px) {
.intro_col .txt>.inner {
	padding: 20px
}
}
@media (max-width: 668px) {
.intro_col .txt>.inner {
	padding: 20px 10px 0
}
}
.intro_col .txt>.inner .intro_col_inner {
	margin: -125px 0 0
}
@media (max-width: 968px) {
.intro_col .txt>.inner .intro_col_inner {
	margin: 0
}
}
.intro_col .txt>.inner .intro_col_inner .title {
	color: #3a6252;
	font-size: 30px
}
@media (max-width: 1440px) {
.intro_col .txt>.inner .intro_col_inner .title {
	font-size: 26px
}
}
@media (max-width: 968px) {
.intro_col .txt>.inner .intro_col_inner .title {
	font-size: 20px
}
}
.intro_col .txt>.inner .intro_col_inner .title span {
	display: block;
	font-size: 40px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
	line-height: 60px;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.intro_col .txt>.inner .intro_col_inner .title span {
	font-size: 30px;
	line-height: 50px
}
}
@media (max-width: 968px) {
.intro_col .txt>.inner .intro_col_inner .title span {
	font-size: 20px;
	line-height: 30px
}
}
.intro_col .txt>.inner .intro_col_inner .des {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	margin: 20px 0
}
@media (max-width: 1440px) {
.intro_col .txt>.inner .intro_col_inner .des {
	font-size: 14px;
	line-height: 28px
}
}
.intro_col .txt>.inner .intro_col_inner .list b {
	display: block;
	font-size: 18px;
	color: #3a6252;
	line-height: 50px
}
.intro_col .txt>.inner .intro_col_inner .list .inner_list {
	overflow: hidden
}
@media (max-width: 668px) {
.intro_col .txt>.inner .intro_col_inner .list .inner_list .row .item {
	margin-bottom: 10px
}
}
.intro_col .txt>.inner .intro_col_inner .list .inner_list .row .item p {
	width: 100%;
	height: 50px;
	display: table;
	border: 2px solid #3a6252;
	border-radius: 4px
}
.intro_col .txt>.inner .intro_col_inner .list .inner_list .row .item p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 20px;
	line-height: 20px;
	color: #3a6252
}
.intro_hr {
	padding-top: 200px;
	padding-bottom: 50px
}
@media (max-width: 1440px) {
.intro_hr {
	padding-top: 100px
}
}
@media (max-width: 1180px) {
.intro_hr {
	padding-bottom: 20px
}
}
@media (max-width: 968px) {
.intro_hr {
	padding: 0 20px 20px
}
}
@media (max-width: 668px) {
.intro_hr {
	padding: 20px 10px 0
}
}
.intro_hr .title {
	color: #3a6252;
	font-size: 30px;
	text-align: center
}
@media (max-width: 1440px) {
.intro_hr .title {
	font-size: 26px
}
}
@media (max-width: 968px) {
.intro_hr .title {
	font-size: 20px
}
}
.intro_hr .title span {
	display: block;
	font-size: 40px;
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
	line-height: 60px;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.intro_hr .title span {
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 0
}
}
@media (max-width: 968px) {
.intro_hr .title span {
	font-size: 20px;
	line-height: 30px
}
}
.job_list_title {
	color: #666666;
	height: 56px;
	line-height: 56px;
	padding: 0;
	font-size: 14px;
	position: relative
}
.job_list_title span {
	float: left;
	width: 20%;
	font-size: 16px;
	color: #666
}
@media (max-width: 1440px) {
.job_list_title span {
	font-size: 14px
}
}
@media (max-width: 968px) {
.job_list_title span {
	width: 70%
}
}
@media (max-width: 668px) {
.job_list_title span {
	width: 70%
}
}
.job_list_title span b {
	font-size: 16px
}
@media (max-width: 1380px) {
.job_list_title span b {
	font-size: 14px
}
}
.job_list_title span.pc {
	display: block
}
@media (max-width: 1180px) {
.job_list_title span.pc {
	display: none
}
}
.job_list_title .icon {
	width: 10%;
	height: 50px;
	text-align: right;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0
}
@media (max-width: 968px) {
.job_list_title .icon {
	width: 20%
}
}
.job_list_title .icon em {
	font-style: normal
}
@media (max-width: 668px) {
.job_list_title .icon em {
	display: none
}
}
.job_list_title.color {
	background: #dadada;
	color: #333;
	padding: 0 60px
}
@media (max-width: 1440px) {
.job_list_title.color {
	padding: 0 40px
}
}
@media (max-width: 668px) {
.job_list_title.color {
	padding: 0 20px
}
}
.job_list {
	padding: 0;
	margin-top: 50px
}
@media (max-width: 1440px) {
.job_list {
	margin-top: 30px
}
}
@media (max-width: 668px) {
.job_list {
	margin-top: 10px
}
}
.job_list .panel {
	margin: 0 0 30px !important;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	border: 2px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none
}
@media (max-width: 1440px) {
.job_list .panel {
	margin: 0 0 20px !important
}
}
@media (max-width: 668px) {
.job_list .panel {
	margin: 0 0 10px !important
}
}
.job_list .panel .panel-heading {
	padding: 0
}
.job_list .panel .panel-heading .panel-title a.switch {
	display: block;
	width: 100%;
	color: #333;
	position: relative;
	padding: 0 60px
}
@media (max-width: 1440px) {
.job_list .panel .panel-heading .panel-title a.switch {
	padding: 0 40px
}
}
@media (max-width: 668px) {
.job_list .panel .panel-heading .panel-title a.switch {
	padding: 0 20px
}
}
.job_list .panel .panel-heading .panel-title a.switch .job_list_title {
	height: 80px;
	line-height: 80px
}
@media (max-width: 1440px) {
.job_list .panel .panel-heading .panel-title a.switch .job_list_title {
	height: 60px;
	line-height: 60px
}
}
.job_list .panel .panel-heading .panel-title a.switch i {
	display: block;
	float: right;
	width: 12px;
	height: 80px;
	position: relative;
	margin-left: 10px
}
@media (max-width: 1440px) {
.job_list .panel .panel-heading .panel-title a.switch i {
	height: 60px
}
}
.job_list .panel .panel-heading .panel-title a.switch i:before {
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	line-height: 2px;
	background: #9f9f9f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -1px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.job_list .panel .panel-heading .panel-title a.switch i:after {
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	line-height: 2px;
	background: #9f9f9f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -1px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.job_list .panel .panel-heading .panel-title a.switch[aria-expanded="true"] {
	color: #67a88e;
	font-weight: bold
}
.job_list .panel .panel-heading .panel-title a.switch[aria-expanded="true"] .job_list_title span {
	color: #67a88e
}
.job_list .panel .panel-heading .panel-title a.switch[aria-expanded="true"] .icon {
	color: #67a88e
}
.job_list .panel .panel-heading .panel-title a.switch[aria-expanded="true"] i:before {
	background: #67a88e;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.job_list .panel .panel-heading .panel-title a.switch[aria-expanded="true"] i:after {
	background: #67a88e;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
.job_list .panel.activestate {
	border-color: #67a88e;
	background: #fff
}
.job_list .panel.activestate .panel-heading .panel-title a.switch[aria-expanded="true"] {
	border-color: #67a88e
}
.job_list .panel.activestate .panel-collapse .panel-body {
	border-top: none
}
.job_list .panel.activestate .panel-collapse .panel-body .inner {
	border-top: 2px solid #67a88e
}
.job_list .panel .panel-collapse .panel-body {
	border: none;
	padding: 0px 60px;
	font-size: 14px;
	line-height: 26px
}
@media (max-width: 1440px) {
.job_list .panel .panel-collapse .panel-body {
	padding: 0px 40px
}
}
@media (max-width: 668px) {
.job_list .panel .panel-collapse .panel-body {
	padding: 20px
}
}
@media (max-width: 668px) {
.job_list .panel .panel-collapse .panel-body {
	padding: 0 20px 10px
}
}
.job_list .panel .panel-collapse .panel-body:before, .job_list .panel .panel-collapse .panel-body:after {
	display: none
}
.job_list .panel .panel-collapse .panel-body .inner {
	border-top: 2px solid #c0e2f4
}
.job_list .panel .panel-collapse .panel-body .m {
	display: none
}
@media (max-width: 1180px) {
.job_list .panel .panel-collapse .panel-body .m {
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #555;
	margin-top: 20px;
	border-bottom: 1px solid #e6e6e6
}
}
@media (max-width: 668px) {
.job_list .panel .panel-collapse .panel-body .m {
	margin-top: 10px
}
}
.job_list .panel .panel-collapse .panel-body .job_content {
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 26px;
	color: #555;
	margin: 20px 0
}
@media (max-width: 968px) {
.job_list .panel .panel-collapse .panel-body .job_content {
	float: none;
	width: 100%;
	margin: 10px 0;
	line-height: 26px
}
}
.job_list .panel .panel-collapse .panel-body .job_content ol, .job_list .panel .panel-collapse .panel-body .job_content ul {
	padding-left: 1em
}
.job_list .panel .panel-collapse .panel-body .job_contact {
	color: #333;
	border-top: 1px solid #e6e6e6;
	line-height: 60px;
	font-size: 14px
}
@media (max-width: 1440px) {
.job_list .panel .panel-collapse .panel-body .job_contact {
	font-size: 14px
}
}
@media (max-width: 968px) {
.job_list .panel .panel-collapse .panel-body .job_contact {
	line-height: 24px;
	padding: 20px 0
}
}
@media (max-width: 668px) {
.job_list .panel .panel-collapse .panel-body .job_contact {
	padding: 10px 0
}
}
.job_list .panel .panel-collapse .panel-body .job_contact span {
	display: inline-block;
	margin-right: 30px
}
.job_list .panel .panel-collapse .panel-body .job_contact a {
	color: #3a6252;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.job_list .panel .panel-collapse .panel-body .job_contact a:hover {
	color: #3a6252
}
.page_content {
	padding-top: 80px;
	padding-bottom: 80px
}
@media (max-width: 1440px) {
.page_content {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.page_content {
	padding-top: 50px;
	padding-bottom: 50px
}
}
@media (max-width: 1180px) {
.page_content {
	padding-top: 20px;
	padding-bottom: 20px
}
}
.page_content .title {
	color: #3a6252;
	font-size: 20px;
	text-align: center
}
@media (max-width: 1440px) {
.page_content .title {
	font-size: 26px
}
}
@media (max-width: 968px) {
.page_content .title {
	font-size: 20px
}
}
.page_content .title span {
	display: block;
	font-size: 40px; font-weight:bold;
	text-transform: uppercase;
	line-height: 60px;
	margin-bottom: 10px
}
@media (max-width: 1440px) {
.page_content .title span {
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 0
}
}
@media (max-width: 968px) {
.page_content .title span {
	font-size: 20px;
	line-height: 30px
}
}
.page_content .txt {
	padding: 40px 0;
	font-size: 16px;
	line-height: 30px;
	color: #666
}
@media (max-width: 1440px) {
.page_content .txt {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1380px) {
.page_content .txt {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 668px) {
.page_content .txt {
	font-weight: normal
}
}
.page_content .txt img {
	max-width: 100% !important;
	height: auto !important;
	margin-top: 0px;
	margin-bottom: 0px
}
.page_contact {
	padding-top: 100px;
	padding-bottom: 100px
}
@media (max-width: 1440px) {
.page_contact {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.page_contact {
	padding-top: 40px;
	padding-bottom: 40px
}
}
@media (max-width: 1180px) {
.page_contact {
	padding-top: 20px;
	padding-bottom: 20px
}
}
@media (max-width: 668px) {
.page_contact {
	padding-top: 10px;
	padding-bottom: 10px
}
}
.page_content .inner{
	width: 100%;
	position: relative
}

@media (max-width: 1180px) {
.page_content .inner:after {
	width: 600px;
	height: 300px;
	margin-left: -300px;
	margin-top: -150px
}
}
@media (max-width: 968px) {
.page_content .inner:after {
	display: none
}
}
.page_content .inner .contact_inner {
	position: relative;
	z-index: 2
}
.page_content .inner .contact_inner .img {
	float: right;
	width: 60%;
	padding: 0 0 0 20px
}
@media (max-width: 968px) {
.page_content .inner .contact_inner .img {
	float: none;
	width: 100%;
	padding: 0
}
}
.page_content .inner .contact_inner .img img {
	width: 100%
}
.page_content .inner .contact_inner .txt {
    float: left;
    width: 40%;
    color: #3a6252;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.page_content .inner::after {
    content: '';
    display: block;
    width: 100%;
    height: 440px;
    background: #ebf4f4;
    position: absolute;
    left: 0%;
    top: 50%;
    margin-left: -435px;
    margin-top: -220px;
    z-index: 1;
}


@media (max-width: 968px) {
.page_content .inner .contact_inner .txt {
	float: none;
	width: 100%;
	margin-top:0;
	padding: 20px 0;
	position:static;
	transform:translateY(0);
}
}
.page_content .inner .contact_inner .txt b.t {
	display: block;
	font-size: 24px;
	font-weight: normal
}
@media (max-width: 668px) {
.page_content .inner .contact_inner .txt b.t {
	font-size: 20px
}
}
.page_content .inner .contact_inner .txt .contact_top span {
	display: block;
	font-size: 16px;
	margin-top: 20px
}
@media (max-width: 1440px) {
.page_content .inner .contact_inner .txt .contact_top span {
	margin-top: 10px
}
}
.page_content .inner .contact_inner .txt .contact_top p {
	display: block;
	font-size: 26px;

	color: #3a6252
}
@media (max-width: 1180px) {
.page_content .inner .contact_inner .txt .contact_top p {
	font-size: 20px
}
}
.page_content .inner .contact_inner .txt .contact_top p a {
	color: #3a6252;
	margin-right: 20px
}
@media (max-width: 668px) {
.page_content .inner .contact_inner .txt .contact_top p a {
	display: block;
	margin: 0
}
}
.page_content .inner .contact_inner .txt .contact_txt {
	font-size: 16px;
	line-height: 36px;
	margin-top: 20px
}
@media (max-width: 1440px) {
.page_content .inner .contact_inner .txt .contact_txt {
	font-size: 14px;
	line-height: 30px
}
}
@media (max-width: 1180px) {
.page_content .inner .contact_inner .txt .contact_txt {
	margin-top: 0;
	line-height: 26px
}
}
.page_content .inner .contact_inner .txt .contact_txt a {
	color: #3a6252
}
.page_content .inner .contact_inner .txt .contact_txt .map_icon {
	color: #67a88e
}
@media (min-width: 968px) {
.page_content .inner .contact_inner:nth-of-type(even) {
	margin-top: 60px
}
}
@media (min-width: 968px) and (max-width: 1180px) {
.page_content .inner .contact_inner:nth-of-type(even) {
	margin-top: 20px
}
}
@media (min-width: 968px) {
.page_content .inner .contact_inner:nth-of-type(even) .img {
	float: left;
	padding: 0 20px 0 0
}
.page_content .inner .contact_inner:nth-of-type(even) .txt {
	float: left;
	padding: 50px 0 0 80px
}
}
@media (min-width: 968px) and (max-width: 1180px) {
.page_content .inner .contact_inner:nth-of-type(even) .txt {
	padding: 0 0 0 20px
}
}
#map01 {
	width: 100%;
	height: 540px;
	margin-bottom: 100px
}
@media (max-width: 1440px) {
#map01 {
	height: 450px;
	margin-bottom: 60px
}
}
@media (max-width: 1380px) {
#map01 {
	margin-bottom: 40px
}
}
@media (max-width: 1180px) {
#map01 {
	height: 350px;
	margin-bottom: 20px
}
}
@media (max-width: 668px) {
#map01 {
	height: 300px;
	margin-bottom: 10px
}
}
.foot_bar {
	width: 100%;
	height: 400px;

	position: fixed;
	left: 0;
	bottom: -300px;
	z-index: 100;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.foot_bar {
	height: 300px;
	bottom: -200px
}
}
@media (max-width: 668px) {
.foot_bar {
	height: 60px;
	bottom: 0px
}
}
.foot_bar.toggled {
	bottom: 0
}
.foot_bar>.foot_bar_inner {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 100px 0 0
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner {
	padding: 0
}
}
.foot_bar>.foot_bar_inner .top_btn {
	width: 518px;
	height: 100px;
	padding: 50px 0 0 20px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner .top_btn {
	display: none
}
}
.foot_bar>.foot_bar_inner .top_btn>.inner span {
	color: #fff;
	cursor: pointer;
	width: 100%;
	height: 20px
}
.foot_bar>.foot_bar_inner .top_btn>.inner span i {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	background: #fff;
	position: relative
}
.foot_bar>.foot_bar_inner .top_btn>.inner span i:before, .foot_bar>.foot_bar_inner .top_btn>.inner span i:after {
	content: '';
	display: block;
	width: 7px;
	height: 2px;
	line-height: 2px;
	background-color: #1e9fa1;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -1px
}
.foot_bar>.foot_bar_inner .top_btn>.inner span i:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot_bar>.foot_bar_inner .top_btn>.inner span i.off:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.foot_bar>.foot_bar_inner .top_btn>.inner span em {
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	margin-left: 10px
}
.foot_bar>.foot_bar_inner>.inner {
	width: 100%;
	height: 100%;
	background: #1e9fa1
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner>.inner {
	padding: 0
}
}
.foot_bar>.foot_bar_inner>.inner .col {
	width: 100%;
	height: 100%;
	padding-left: 490px;
	position: relative
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col {
	padding-left: 320px
}
}
@media (max-width: 1180px) {
.foot_bar>.foot_bar_inner>.inner .col {
	padding-left: 0
}
}
.foot_bar>.foot_bar_inner>.inner .col .left {
	width: 490px;
	position: absolute;
	left: 0;
	top: 0
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .left {
	width: 320px
}
}
@media (max-width: 1180px) {
.foot_bar>.foot_bar_inner>.inner .col .left {
	display: none
}
}
.foot_bar>.foot_bar_inner>.inner .col .left img {
	width: 100%
}
.foot_bar>.foot_bar_inner>.inner .col .right {
	height: 100%
}
.foot_bar>.foot_bar_inner>.inner .col .right .txt {
	height: 130px;
	text-align: right
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .txt {
	height: 80px
}
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner>.inner .col .right .txt {
	display: none
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .txt img {
	height: 100%
}
.foot_bar>.foot_bar_inner>.inner .col .right .list {
	height: 100%;
	padding-top: 80px
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list {
	padding-top: 50px
}
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list {
	padding-top: 0px
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li {
	display: block;
	float: left;
	width: 20%;
	height: 100%;
	position: relative
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 120px;
	background: rgba(255,255,255,0.3);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -60px
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li:after {
	height: 100px;
	margin-top: -50px
}
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li {
	width: 20%
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li:after {
	height: 60px;
	top: 0;
	margin-top: 0
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li:nth-last-of-type(1):after {
	display: none
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a {
	display: block;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span {
	display: block;
	text-align: center
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.icon {
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	background: #fff;
	border-radius: 100%;
	margin: 10px auto 0
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.icon {
	width: 40px;
	height: 40px;
	line-height: 40px
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.icon i.iconfont {
	font-size: 26px;
	color: #1e9fa1
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.icon i.iconfont {
	font-size: 20px
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.t {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 20px;
	margin-top: 20px
}
@media (max-width: 1440px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.t {
	margin-top: 10px;
	font-size: 14px
}
}
@media (max-width: 668px) {
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a span.t {
	display: none
}
}
.foot_bar>.foot_bar_inner>.inner .col .right .list ul li a:hover {
	opacity: .8
}
.share {
	width: 60px;
	height: 370px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -185px;
	z-index: 100
}
@media (max-width: 1180px) {
.share {
	display: none
}
}
.share ul {
	margin: 0;
	padding: 0;
	display: block;
	width: 60px;
	height: 370px;
	position: relative
}
.share ul li {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0
}
.share ul li.li01 {
	top: 0
}
.share ul li.li02 {
	top: 62px
}
.share ul li.li03 {
	top: 124px
}
.share ul li.li04 {
	width: 210px;
	top: 186px;
	right: -150px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.share ul li.li04 a {
	width: 210px
}
.share ul li.li04 a em {
	display: block;
	float: right;
	width: 150px;
	line-height: 60px;
	text-align: center;
	font-style: normal;
	font-size: 18px
}
.share ul li.li04:hover {
	right: 0
}
.share ul li.li05 {
	top: 248px
}
.share ul li.li06 {
	top: 310px
}
.share ul li a {
	display: block;
	width: 60px;
	height: 60px;
	background: #67a88e;
	color: #fff;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.share ul li a i {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
	position: absolute;
	left: 15px;
	top: 5px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s
}
.share ul li a span {
	display: block;
	width: 60px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s
}
.share ul li a img {
	display: none;
	width: 170px;
	height: 170px;
	position: absolute;
	left: -180px;
	top: 0px;
	-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.4)
}
.share ul li a:hover {
	background: #1e9fa1
}
.share ul li a:hover img {
	display: block
}
.list_news {
	padding-top: 100px;
	padding-bottom: 100px
}
@media (max-width: 1440px) {
.list_news {
	padding-top: 60px;
	padding-bottom: 60px
}
}
@media (max-width: 1380px) {
.list_news {
	padding-top: 40px;
	padding-bottom: 40px
}
}
@media (max-width: 1180px) {
.list_news {
	padding-top: 20px;
	padding-bottom: 20px
}
}
@media (max-width: 668px) {
.list_news {
	padding-top: 10px;
	padding-bottom: 10px
}
}
.list_news .row {
	margin: 0
}
.list_news .row .item {
	padding: 0;
	margin-bottom: 50px
}
@media (max-width: 1440px) {
.list_news .row .item {
	margin-bottom: 30px
}
}
@media (max-width: 1180px) {
.list_news .row .item {
	margin-bottom: 20px
}
}
@media (max-width: 668px) {
.list_news .row .item {
	margin-bottom: 10px
}
}
.list_news .row .item a {
	display: block;
	background: #fff;
	padding: 50px 0 50px 50px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.list_news .row .item a {
	padding: 30px 0 30px 30px
}
}
@media (max-width: 668px) {
.list_news .row .item a {
	padding: 10px 10px 0
}
}
.list_news .row .item a .date {
	display: block;
	float: left;
	width: 10%;
	font-size: 16px;
	color: #999;
	font-family: 'BrandonText-Bold'
}
@media (max-width: 968px) {
.list_news .row .item a .date {
	display: none
}
}
.list_news .row .item a .date span {
	display: block;
	font-size: 26px;
	color: #444
}
.list_news .row .item a .img {
	float: left;
	width: 30%;
	height: 260px;
	overflow: hidden;
	background: #f5f5f5
}
@media (max-width: 968px) {
.list_news .row .item a .img {
	width: 40%
}
}
@media (max-width: 668px) {
.list_news .row .item a .img {
	float: none;
	width: 100%;
	height: 200px
}
}
.list_news .row .item a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.list_news .row .item a .txt {
	float: right;
	width: 60%;
	padding: 0 50px
}
@media (max-width: 668px) {
.list_news .row .item a .txt {
	float: none;
	width: 100%;
	padding: 10px 0
}
}
.list_news .row .item a .txt b.t {
	display: block;
	font-size: 18px;
	color: #333;
	margin-top: 15px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_news .row .item a .txt b.t:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	line-height: 2px;
	background: #ddd;
	margin: 35px 0 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_content_slide_content table{width:50% !important;margin:auto;}


@media (max-width: 1180px) {
.list_news .row .item a .txt b.t:after {
	margin: 20px 0
}
}
.list_news .row .item a .txt .mdate {
	display: none
}
@media (max-width: 968px) {
.list_news .row .item a .txt .mdate {
	display: block
}
}
.list_news .row .item a .txt .des {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	height: 52px;
	overflow: hidden
}
@media (max-width: 1440px) {
.list_news .row .item a .txt .des {
	height: 78px
}
}
@media (max-width: 1180px) {
.list_news .row .item a .txt .des {
	font-size: 12px
}
.page_content .inner::after{display:none;}

}
@media (max-width: 968px) {
.list_news .row .item a .txt .des {
	height: auto;
	line-height: 20px
}

}
.list_news .row .item a .txt .more {
	display: block;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 20px;
	padding-top: 9px;
	margin-top: 10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_news .row .item a .txt .more .more_arrow {
	margin: 0 auto
}
@media (min-width: 1180px) {
.list_news .row .item a:hover {
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)
}
.list_news .row .item a:hover .img span {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.list_news .row .item a:hover .txt b {
	color: #3a6252
}
.list_news .row .item a:hover .txt b:after {
	width: 60px;
	background: #3a6252
}
.list_news .row .item a:hover .txt .more {
	width: 105px;
	background-color: #3a6252;
	border-color: #3a6252;
	color: #fff
}
}
.Contentt{width:50%;margin:auto;}
@media(max-width:800px){
	.index_products .index_products_side{ position:inherit;}
.index_products .index_products_side{width:100%;padding:0;margin-top:0;float:left;padding-bottom:5%;}	
.index_col .side .list ul li{width:48%;float:left;}
.index_col .side .list ul li:nth-child(2n){float:right;}

.w_right{padding:5%;margin-top:0;}
.index_products .index_products_list_w{padding-left:0;width:100%;float:left;}
.index_col .side .list ul{padding:0;margin:0;}
.solution_list .list ul li a .txt .title b span{ font-size:16px;}
.solution_list .list ul li a .txt .des{ font-size:14px;}

.pro_list .list ul li a .title b span { font-size:14px;
}
.pro_content_slide_content table{width:100% !important;margin:auto;}
.Contentt{width:100%;margin:auto;}
	}
	


@media(max-width:640px){.index_banner .col {
	width: 100%;
	/*height:400px !important;*/
}
.hometel{display:none;}
}

