﻿@charset "utf-8";
/* CSS Document */
/*切图：yqg*/

::-webkit-input-placeholder {
color:#999 !important;
}
:-moz-placeholder {
color:#999 !important;
}
::-moz-placeholder {
color:#999 !important;
}
:-ms-input-placeholder {
color:#999 !important;
}
.header1 .search_pc img {
	width: 41px;
	height: 41px;
	border-radius: 50%;
	background-color: #43CD80;
}

@media screen and (max-width:767px) {
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}
}
.pz_top {
	position: fixed;
	width: 100%;
	z-index: 9999999;
	background-color: rgba(255,255,255,0.9);
}
.pz_banner {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.pz_main {
	float: left;
	width: 100%;
}
.pz_down {
	float: left;
	width: 100%;
	background-color: #3a3a3c
}
/*top*/
.pc_float {
	margin-top: 15px;
	padding-bottom: 8px;
	padding-right: 77px;
	position: relative;
	z-index: 11;
}
/*search*/
.search_pc {
	position: absolute;
	z-index: 11;
	right: 0;
	top: 3px;
}
/*搜索*/
.search_input {
	position: absolute;
	z-index: 111;
	bottom: -54px;
	width: 300px;
	right: 0;
	background-color: #fff;
	border: 5px solid #43CD80;
	display: none;
}
.search_input:after {
	position: absolute;
	right: 8px;
	top: -13px;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #43CD80;
}
.search_input input {
	width: 100%;
	height: 40px;
	text-indent: 10px;
	border: 0;
}
.logo {
/*	float: left;*/
/*	width: 190px*/
}
/*pc导航*/
.pc_nav {
	margin-top: 5px;
}
.pc_nav ul {
	float: left;
}
.pc_nav ul .nli {
	float: left;
	margin: 0 1px;
	position: relative;
	z-index: 999;
}
.pc_nav ul .nli span a {
	float: left;
	color: #000000;
	font-size: 14px;
	padding: 0 20px;
	line-height: 30px;
}
.pc_nav ul .nli.on span a, .pc_nav ul .nli:hover span a {
	color: #ffffff;
	background-color: #43CD80;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.pc_nav .sub {
	position: absolute;
	width: 120px;
	border-top: 3px solid #000;
	left: 50%;
	margin-left: -60px;
	top: 35px;
	padding: 0;
	text-align: center;
	display: none;
	z-index: 800;
}
.pc_nav .sub li.nav_list {
	float: left;
	width: 100%;
}
.pc_nav .sub li.nav_list a {
	float: left;
	background-color: #f2f2f2;
	text-decoration: inherit;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	display: block;
}
.pc_nav .sub li.nav_list a:hover {
	background-color: #43CD80;
	color: #fff;
}
/*phone*/
.header2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 1050;
	background-color: #fff;
}
.header2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	opacity: .3;
	display: none;
}
.header2 .container {
	position: relative;
	height: 100%;
}
.header2 .logo {
	height: 35px;
	margin-top: 15px;
}
.header2 .menuph {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #43CD80;
	text-align: center;
}
/*pc跟随*/
.header1.active {
	position: fixed;
	background-color: #fff;
	background-color: rgba(255,255,255,.92);
	box-shadow: 0 0px 3px 4px rgba(0,0,0,.04)
}
.header1.active .pcheadert {
	display: none;
}

@media screen and (min-width: 1360px) {
.header1.active .pcheader {
	width: 1390px;
}
}
.header1.active .pc_float {
	margin-top: 0;
	padding-bottom: 0;
}
.header1.active .search_pc {
	top: 7px;
}
.header1.active .search_pc img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #43CD80;
}
.header1.active .logo {
	float: left;
	padding: 8px 0;
}
.header1.active .logo img {
	width: 135px;
}
.header1.active .pc_nav {
	margin-top: 10px;
}
/*手机按钮*/
.header2 .menuph .point {
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 10px;
	position: relative;
}
.header2 .menuph .point:hover .navbtn, .header2 .menuph .point:hover .navbtn::after, .header2 .menuph .point:hover .navbtn::before {
	width: 28px;
}
.header2 .menuph .navbtn {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 21px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}
.header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before {
	position: absolute;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 1px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}
.header2 .menuph .navbtn::after {
	top: -11px;
}
.header2 .menuph .navbtn::before {
	top: 10px;
}
.header2 .menuph .point.active .navbtn {
	background: transparent;
}
.header2 .menuph .point.active .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}
.header2 .menuph .point.active .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}
/*手机下拉*/
.xialaph {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding-bottom: 122px;
	display: none;
	z-index: 1049;
	background: #fff;
}
.xialaph .ul2, .xialaph .ul3 {
	display: none;
}
.xialaph h4 a {
	color: #43CD80;
	font-size: 15px;
	font-weight: bold;
	line-height: 56px;
	display: block;
	width: 100%;
}
.xialaph h4 {
	position: relative;
}
.xialaph li:last-child h4::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #f6f6f6; /*opacity: 0.1;*/
}
.xialaph h4::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #f6f6f6; /*opacity: 0.1;*/
}
.xialaph h5 a {
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 50px;
	display: block;
	width: 100%;
	border-top: solid 1px #f6f6f6;
	box-sizing: border-box;
	padding-left: 10px;
}
.xialaph h5 {
	position: relative;
}
.xialaph h5::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5; /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after {
	display: none;
}
.xialaph h4 img {
	width: 15px;
	height: 8px;
	float: right;
	margin-top: 29px;
	cursor: pointer;
}
.xialaph h5 img {
	width: 11px;
	height: 6px;
	float: right;
	margin-top: 26px;
	margin-right: 18px;
	cursor: pointer;
}
.xialaph h4.active img.img_s, .xialaph h5.active img.img_s {
	display: none;
}
.xialaph h4.active img.img_d, .xialaph h5.active img.img_d {
	display: block;
}
.xialaph .ul2 {
}
.xialaph .ul3 {
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}
.xialaph .ul3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after {
	display: none;
}
.xialaph .ul3 li a {
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}
.xialaph .ul3 li {
	padding-top: 5px;
}
.xialaph .ul3 li:first-child {
	padding-top: 0;
}
.xialaph .phsou {
	position: relative;
	margin-top: 34px;
}
.xialaph .phsou input {
	width: 100%;
	height: 56px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
}
.xialaph .phsou img {
	cursor: pointer;
	width: 21px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 29px;
}
.phonemeng {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}
.phonemeng.active {
	display: block;
}
.img_d, .disno {
	display: none;
}

/*媒体查询*/
@media screen and (max-width: 1500px) {
.slick_jia .slick-prev {
	left: -62px;
}
.slick_jia .slick-next {
	right: -62px;
}
.main0162 .main16sk .spannext, .slick_honor .slick-next {
	right: -60px;
}
.main0162 .main16sk .spanprev, .slick_honor .slick-prev {
	left: -60px;
}
.main0161 .hai {
	width: 500px;
}
}

@media screen and (max-width: 1199px) {
.header1 {
	display: none;
}
.header2 {
	display: block;
}
}

@media (min-width: 1200px) {
.container {
/*	width: 1140px;*/
}
}
.yewu {
	display: none;
}

@media (max-width: 767px) {
.header2, .pz_top {
	position: static;
}

.yewu_pc {
	display: none;
}
	.yewu {
	display: block;
		box-sizing: border-box;
	
}
	.ywtit{
		width: 100%;
		text-align: center;
		font-size: 6vw;
		padding-top: 4vw;padding-bottom: 4vw;
		color: #333;font-weight: 100;
	}
	.yw{
		width: 100%;
	box-sizing: border-box;}
	.ywitem{
		width: 100%;
	box-sizing: border-box;}
	.ywbgimg{width: 100%;
		position: relative;
	}
	.ywbgimg div{
		position: absolute;
		width: 50%;
		top:15vw;
		color: #fff;
		text-align: center;
		background-color: rgba(0,0,0,0.5);
		padding-top: 2vw;
		padding-bottom: 2vw;
		left: 25vw;
		display: none;
	}
	.ywbgimg div strong{
		font-size: 5vw;
		font-weight: bold;
		margin-bottom: 1.5vw;
	}
	.ywbgimg div p{
		font-size: 4.6vw;
		font-weight: 100;
	}
}
/*banner*/
.slide_banner {
	margin: 0;
}
.slide_banner .slick-slide {
	width: 100%;
	padding: 0;
}
.slide_banner img {
	width: 100%;
}
.slide_banner .slick-dots {
	bottom: 50px;
	height: 10px;
	z-index: 999;
}
.slide_banner .slick-dots li {
	width: 10px;
	height: 10px;
	background-color: #43CD80;
	margin: 0 5px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.slide_banner .slick-dots li.slick-active {
	background-color: #43CD80;
	width: 40px;
}

@media screen and (max-width:767px) {
.slide_banner .slick-dots {
	bottom: 15px;
	height: 10px;
}
.slide_banner .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 4px;
}
}
/*main*/
.center_back {
	float: left;
	width: 100%;
}
/*标题*/
.contact_us h1, .new_our h1, .partner_our h1, .center_back.pro h1, .container.our_padding h1 {
	color: #333;
	line-height: 64px;
	font-size: 28px;
	font-weight: normal;
	text-align: center;/*	letter-spacing: 8px;*/
}
.contact_us h2, .new_our h2, .partner_our h2, .center_back.pro h2, .container.our_padding h2 {
	color: #333333;
	line-height: 46px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}
.contact_us h5, .new_our h5, .partner_our h5, .center_back.pro h4, .container.our_padding h5 {
	color: #aaaaaa;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 23px;
	position: relative;
	font-size: 14px;
	font-weight: normal;
}
.contact_us h5:after, .new_our h5:after, .partner_our h5:after, .center_back.pro h4:after, .container.our_padding h5:after {
	position: absolute;
	content: ' ';
	bottom: 0px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 1px;
	background-color: #e0e0e0;
}
/*关于我们*/

.container.about_us {
	padding: 66px 0 0 0;
}
.container.about_us h1 {
	color: #ffffff;
	line-height: 64px;
	text-align: center;
	letter-spacing: 8px;
}
.container.about_us h2 {
	color: #ffffff;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.container.about_us h5 {
	color: #a5a5a5;
	color: rgba(255,255,255,.5);
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 23px;
	position: relative;
}
.container.about_us h5:after {
	position: absolute;
	content: ' ';
	bottom: 0px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 1px;
	background-color: #e0e0e0;
}
.about_text {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	padding: 50px 0 30px 0;
}

@media (max-width: 767px) {
.about_text {
	padding-top: 30px;
	font-size: 12px;
	line-height: 24px;
}
}
/*工业设计服务*/
.services {
	background: url("../images/back1.jpg") no-repeat 0 bottom #fff;
	border-bottom: solid 1px #f6f6f6;
}
.container.partner_our, .container.our_padding {
	padding: 66px 0 0 0;
}
.services_icon {
	float: left;
	width: 100%;
	margin-top: 0px;
	padding-bottom: 80px;
}
.services_icon ul {
	float: left;
	width: 100%;
}
.services_icon ul li {
	float: left;
	width: 20%;
	padding: 0 3.365%;
	margin-top: 50px;
}
.services_icon ul li a {
	float: left;
	width: 100%;
}
.services_icon ul li a .img_icon {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
	position: relative;
}
.services_icon ul li a .img_icon img {
	width: 100%;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.services_icon ul li a .img_icon span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 5px;
}
.services_icon ul li a .img_icon span img.img_ui_2 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	display: none;
}
.services_icon ul li a:hover .img_icon img {
	border: 1px solid #43CD80;
	background-color: #43CD80;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
.services_icon ul li a:hover .img_icon img.img_ui_1 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.services_icon ul li a:hover .img_icon img.img_ui_2 {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	display: block;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
.services_icon ul li a h4 {
	float: left;
	width: 100%;
	text-align: center;
	color: #333333;
	line-height: 50px;
	margin-top: 17px;
	font-size: 15px;
}
.services_icon ul li a:hover h4 {
	color: #43CD80
}
.services_icon ul li a .services_text {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #999999;
	font-size: 14px;
}
.services_icon ul li a .services_more {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 14px;
	height: 30px;
}
.services_icon ul li a .services_more:after {
	position: absolute;
	content: '+';
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	z-index: 11;
	left: 50%;
	margin-left: -15px;
	top: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #696969;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.services_icon ul li a:hover .services_more:after {
	background-color: #f9c533;
}
/*产品*/
.center_back.pro {
	padding: 66px 0 0 0;
}
.center_back.pro ul {
	/*	float: left;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	max-width: 1200px;
	display: block;
}
.center_back.pro ul li.col-lg-2.col-sm-4.col-xs-4 {
	padding: 0;
	border-top: 6px solid #fff;
	border-left: 6px solid #fff;
	overflow: hidden;
}

@media (min-width: 1200px) {
.center_back.pro ul li.col-lg-2 {
	width: 20%;
}
}
.center_back.pro ul li a img {
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.center_back.pro ul li a {
	float: left;
	width: 100%;
	position: relative;
}
.center_back.pro ul li a:after {
	position: absolute;
	content: ' ';
	left: 50%;
	bottom: 0;
	width: 0;
	height: 36px;
	background-color: #000;
	background-color: rgba(0,0,0,.7);
	-moz-border-radius: 30px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.center_back.pro ul li:hover a:after {
	width: 100%;
	margin-left: -50%;
}
.center_back.pro ul li:hover a img {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.pro_text {
	position: absolute;
	width: 100%;
	z-index: 111;
	line-height: 36px;
	font-size: 16px;
	left: 0;
	bottom: 0;
	display: none;
	height: 36px;
}
.pro_text h3.pro_tit {
	float: left;
	width: 100%;
	padding: 0 10px;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 36px;
}
.pro_text .text_info nobr, .pro_text h3.pro_tit nobr {
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro_text .text_info {
	float: left;
	width: 100%;
	padding: 0 10px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	line-height: 28px;
	display: none;
}
.pro_text .more_info {
	float: left;
	width: 100%;
	margin-top: 10%;
	height: 25px;
	position: relative;
	display: none;
}
.pro_text .more_info:after {
	position: absolute;
	content: "+";
	width: 20px;
	height: 20px;
	border: 1px solid #555555;
	left: 50%;
	margin-left: -10px;
	top: 0;
	text-align: center;
	color: #43CD80;
}
.center_back.pro ul li:hover .pro_text {
	width: 100%;
	display: block;
}
.more_pro {
	float: left;
	width: 100%;
	height: 111px;
	text-align: center;
	line-height: 111px;
}
.more_pro a {
	font-size: 14px;
	color: #737373;
	color: rgba(0,0,0,.7);
	text-transform: uppercase;
	text-decoration: underline;
}
.more_pro a:hover {
	color: #43CD80
}

@media (max-width: 1270px) and (min-width: 992px) {
.pro_text h3.pro_tit {
	font-size: 16px;
	line-height: 36px;
}
.pro_text .more_info {
	margin-top: 5%!important;
}
}
/*合作伙伴*/
.partner {
/*	background: url("../images/back4.jpg");*/
	background-color: #fafafA
}
.partner_list {
	float: left;
	width: 100%;
}
.partner_list .slick-prev, .partner_list .slick-next {
	position: absolute;
	display: block;
	height: 66px;
	width: 32px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: 0px;
	padding: 0;
	border: none;
	outline: none;
}
.partner_list .slick-prev {
	left: -70px;
	background: url("../images/par_prev.png") no-repeat;
}
.partner_list .slick-next {
	right: -70px;
	background: url("../images/par_next.png") no-repeat;
}
.partner_list .slick-dots {
	bottom: 20px;
	height: 0;
	overflow: hidden;
}
.partner_list .slick-dots li {
	width: 15px;
	height: 0;
	border: solid 2px #f9c533;
	margin: 0 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.partner_list .slick-dots li.slick-active {
	background: #f9c533;
	border: solid 2px #f9c533;
}
.partner_ph {
	display: none;
}
/*合作伙伴列表*/
.partner_list ul.deg_ul {
	float: left;
	width: 100%;
	padding: 90px 0px;
/*	margin-left: -10px;*/
}
.partner_list ul.deg_ul li {
	float: left;
	width: 160px;
	height: 160px;
	margin-left: 65px;
	overflow: hidden;
	background-color: #f6f6f6; 
	border: 1px solid #ddd;
	transform: rotate(45deg);
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-ms-transform: rotate(45deg); /* Internet Explorer */
	-moz-transform: rotate(45deg); /* Firefox */
	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
	-o-transform: rotate(45deg); /* Opera */
}
.partner_list ul.deg_ul li img {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* Internet Explorer */
	-moz-transform: rotate(-45deg); /* Firefox */
	-webkit-transform: rotate(-45deg); /* Safari 和 Chrome */
	-o-transform: rotate(-45deg); /* Opera */
	-webkit-filter: grayscale(25%);
	-moz-filter: grayscale(25%);
	-ms-filter: grayscale(25%);
	-o-filter: grayscale(25%);
	filter: grayscale(25%);
	filter: gray;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}
/*
div.top_list:first-child {
	margin-left: 111.5px;
}
div.top_list:nth-child(2) {
	margin-top: -46px;
}
div.top_list:nth-child(3) {
	margin-top: -46px;
	margin-left: 111.5px;
}
*/
div.top_list:first-child {
	margin-left: 112px;
}
div.top_list:nth-child(2) {
	margin-top: -48px;
}
div.top_list:nth-child(3) {
	margin-top: -48px;
	margin-left: 112px;
}
div.top_list {
	float: left;
}
.partner_list ul.deg_ul li:hover img {
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

@media (max-width: 1300px) {
.partner_list .slick-prev {
	left: -25px;
}
.partner_list .slick-next {
	right: -25px;
}
}

@media (max-width: 1200px) {
.partner_list ul.deg_ul {
	padding: 80px 6px;
	padding-left: 70px;
}
.partner_list ul.deg_ul li {
	width: 120px;
	height: 120px;
	margin: 0 22px;
}
div.top_list:first-child {
	margin-left: 80px;
}
div.top_list:nth-child(2) {
	margin-top: -36px;
}
div.top_list:nth-child(3) {
	margin-top: -36px;
	margin-left: 80px;
}
.partner_list .slick-prev {
	left: -25px;
}
.partner_list .slick-next {
	right: -25px;
}
}

@media (max-width: 991px) {
.partner_list ul.deg_ul {
	padding: 80px 0px;
	padding-left: 30px;
}
.partner_list ul.deg_ul li {
	width: 95px;
	height: 95px;
	margin: 0 18px;
}
div.top_list:first-child {
	margin-left: 67px;
}
div.top_list:nth-child(2) {
	margin-top: -28px;
}
div.top_list:nth-child(3) {
	margin-top: -28px;
	margin-left: 67px;
}
.partner_list .slick-prev {
	left: -25px;
}
.partner_list .slick-next {
	right: -25px;
}
.pro_text .more_info {
	margin-top: 10%!important;
}
}

@media (max-width: 767px) {
.partner_pc {
	display: none;
}
.partner_ph {
	display: block;
}
.partner_list ul.deg_ul {
	padding-top: 40px;
	padding-bottom: 80px;
	padding-left: 0;padding-right: 0;
	margin-left: 0;margin-right: 0;
}
.partner_list ul.deg_ul li {
	/*
	width: 80px;
	height: 80px;
	margin: 0 15px;
*/
	width: 20vw;
	height: 20vw;
	margin: 0 4vw;
}
div.top_list:first-child {
	margin-left: 18vw;
}
div.top_list:nth-child(2) {
	margin-top: -6vw;
	margin-left: 4vw;
}
div.top_list:nth-child(3) {
	margin-top: -6vw;
	margin-left: 18vw;
}
.partner_list .slick-prev {
	left: 0;
	display: none
}
.partner_list .slick-next {
	right: 0;
	display: none
}
}

@media (max-width: 340px) {
.partner_list ul.deg_ul {
	padding-top: 40px;
	padding-bottom: 80px;
}
/*
.partner_list ul.deg_ul li {
	width: 60px;
	height: 60px;
	margin: 0 11px;
}
*/
div.top_list:first-child {
	margin-left: 42px;
}
div.top_list:nth-child(2) {
	margin-top: -18px;
}
div.top_list:nth-child(3) {
	margin-top: -18px;
	margin-left: 42px;
}
}
/*新闻*/
.new_our {
	padding: 66px 0 0 0;
}
.new_list {
	float: left;
	width: 100%;
	margin-left: -1px;
	padding: 50px 0 80px 0;
}
.new_list li {
	float: left;
	width: 20%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.new_list li a {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.new_list li a img {
	width: 100%;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.new_list li a:hover img {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.new_list li a .new_text {
	position: absolute;
	z-index: 11;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: #43CD80;
	background-color: rgba(67 ,205, 128,.9);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.new_list li a:hover .new_text {
	height: 40px;
}
.new_list li a .new_text:after {
	position: absolute;
	content: '+';
	right: 10px;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	display: none;
}
.new_list li a:hover .new_text:after {
	display: block;
	top: 50%;
	margin-top: -10px;
}
.new_list li a .new_text nobr {
	float: left;
	width: 100%;
	padding-left: 10px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	padding-right: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*联系我们*/
.contact {
	background-color: #f5f5f5
}
.contact_us {
	padding: 66px 0 40px 0;
}

@media (max-width: 991px) {
.contact_us {
	padding: 33px 15px 40px 15px;
}
.container.about_us, .new_our, .container.partner_our, .container.our_padding {
	padding: 33px 15px 0 15px;
}
.services_icon {
	margin-top: 10px;
	padding-bottom: 40px;
}
.services_icon ul li a h4 {
	margin-top: 0px;
}
.pro_text {
	top: 15%;
}
.new_list li {
	width: 33.33333%;
}
.new_list {
	padding: 30px 0 40px 0;
}
}

@media (max-width: 767px) {
.contact_us h1, .new_our h1, .center_back.pro h1, .container.partner_our h1, .container.about_us h1, .container.our_padding h1 {
	line-height: 44px;
	letter-spacing: 0px;
}
.contact_us h2, .new_our h2, .center_back.pro h2, .container.partner_our h2, .container.about_us h2, .container.our_padding h2 {
	line-height: 36px;
	letter-spacing: 0px;
}
.contact_us h5, .new_our h5, .center_back.pro h4, .container.partner_our h5, .container.about_us h5, .container.our_padding h5 {
	line-height: 30px;
	letter-spacing: 0px;
}
.services_icon ul {
	clear: both;
	display: inline-block;
	text-align: center;
}
.services_icon ul li {
	display: inline;
*zoom:1;
	width: 33.33333%;
	padding: 0 3.365%;
	margin-top: 20px;
}
.services_icon ul li a h4 {
	line-height: 30px;
	margin-top: 5px;
	height: 60px;
}
.services_icon ul li a .services_text {
	font-size: 12px;
}
.services_icon ul li a .services_more {
	margin-top: 10px;
	height: 20px;
}
.services_icon ul li a .services_more:after {
	margin-left: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.services_icon ul li:nth-child(4) {
	margin-left: 16.5%;
}
/*产品*/
.center_back.pro {
	padding: 33px 0 0 0;
}
.center_back.pro h1 {
	line-height: 44px;
	letter-spacing: 0px;
	padding: 0 15px;
}
.center_back.pro h2 {
	line-height: 36px;
	letter-spacing: 0px;
	padding: 0 15px;
}
.center_back.pro h4 {
	line-height: 30px;
	letter-spacing: 0px;
	padding: 0 15px 23px;
}
.pro_text h3.pro_tit {
	line-height: 24px;
}
.pro_text .text_info {
	line-height: 22px;
}
.pro_text .more_info {
	margin-top: 5%!important;
}
.center_back.pro ul {
	margin-top: 30px;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.more_pro {
	height: 60px;
	line-height: 60px;
}
.pro_text {
	top: 23.5%;
}
.new_list li {
	width: 50%;
}
}
/*底部*/
.down_black {
	background-color: #3f3f3f;
}
.black_box {
	padding: 35px 0;
}
.contact_city.col-lg-6.col-xs-12, .specialty.col-lg-3.col-sm-6, .field.col-lg-3.col-sm-6 {
	padding: 0;
}
.specialty.col-lg-3.col-sm-6, .field.col-lg-3.col-sm-6 {
	padding-right: 30px;
}
h2.down_tit {
	float: left;
	position: relative;
	width: 100%;
	height: 53px;
	line-height: 53px;
	border-bottom: 1px solid #656565;
	font-size: 16px;
	color: #ffffff;
}
h2.down_tit:after {
	position: absolute;
	content: ' ';
	width: 30px;
	height: 3px;
	background-color: #43CD80;
	left: 0;
	bottom: -2px;
}
.field_list {
	float: left;
	width: 100%;
	padding-top: 10px;
}
.field_list li {
	float: left;
	width: 50%;
}
.field_list li a {
	float: left;
	position: relative;
	padding-left: 14px;
	color: #b0b0b0;
	color: rgba(255,255,255,.5);
	font-size: 12px;
	line-height: 36px;
}
.field_list li a:after {
	position: absolute;
	content: '•';
	left: 0;
	top: 0;
	font-size: 16px;
	color: #656565;
	color: rgba(255,255,255,.20);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.field_list li a:hover:after, .field_list li a:hover {
	color: #43CD80;
}
/*底部联系我们切换*/
.tempWrap {
	width: 100%;
	height: auto;
}
.tabBox {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.tabBox .hd {
	float: left;
	width: 100%;
}
.tabBox .hd ul {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #656565;
	border-bottom: 1px solid rgba(255,255,255,.2)
}
.tabBox .hd ul li {
	float: left;
	width: 16.6666%;
}
.tabBox .hd ul li a {
	float: left;
	width: 100%;
	padding: 0 15px;
	text-align: center;
}
.tabBox .hd ul li a img {
	float: left;
	width: 100%;
	background-color: #7d7d7d;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.tabBox .hd ul li span {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	color: #8a8a8a;
	color: rgba(255,255,255,.3);
	line-height: 30px;
}
/*.tabBox .hd ul li:hover span:after,*/
.tabBox .hd ul li.on span:after {
	position: absolute;
	content: ' ';
	width: 15px;
	height: 9px;
	left: 50%;
	bottom: -16px;
	margin-left: -7px;
	background: url("../images/down7.jpg") no-repeat;
}
/*.tabBox .hd ul li:hover span,*/
.tabBox .hd ul li.on span {
	color: #fff;
}
/*.tabBox .hd ul li:hover a img,*/
.tabBox .hd ul li.on a img {
	background-color: #43CD80;
}
.tabBox .bd .con .text_cat {
	float: left;
	width: 100%;
	padding-left: 5px;
	margin-top: 20px;
	color: #e2e2e2;
	color: rgba(255,255,255,.8);
	font-size: 12px;
	padding-bottom: 20px;
}
/*底部白色*/
.down_white {
	background-color: #ffffff;
}
.down_info {
	padding: 0;
}
.link-down {
	float: left;
	width: 100%;
	padding: 13px 0;
	border-bottom: 1px solid #d5d5d5;
	color: #666666;
	line-height: 24px;
}
.link-down span {
	color: #000000;
	white-space: nowrap;
}
.link-down a {
	color: #666666
}
.link-down a:hover {
	color: #43CD80
}
.share {
	float: right;
	width: 50%;
	margin-top: 12px;
}
.share span {
	float: right;
	width: 26px;
	height: 26px;
	margin-left: 10px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}
.share span a {
	display: block;
	width: 100%;
	height: 100%;
}
.share span.wx_icon {
	background: url("../images/down9.png") no-repeat top center;
}
.share span.wb_icon {
	background: url("../images/down8.png") no-repeat top center;
}
.share span.qq_icon {
	background: url("../images/down10.png") no-repeat top center;
}
.share span:hover.qq_icon, .share span:hover.wb_icon, .share span:hover.wx_icon {
	background-position: bottom center;
}
.share span .wx_pos {
	position: absolute;
	left: 50%;
	margin-left: -55px;
	bottom: 35px;
	z-index: 11;
	width: 110px;
	height: 110px;
	background-color: #fff;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 7px;
	display: none;
}
.share span .wx_pos:after {
	position: absolute;
	content: " ";
	left: 50%;
	margin-left: -5px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}
.copyright {
	float: right;
	width: 50%;
	padding: 13px 0;
	line-height: 24px;
	color: #666666;
}

@media (max-width: 1200px) {
.specialty.col-lg-3.col-sm-6 {
	padding-right: 0;
}
.tabBox .hd ul li a {
	padding: 0 30px;
}
}

@media (max-width: 991px) {
.black_box {
	padding: 20px 15px;
}
.down_info {
	padding: 0 15px;
}
}

@media (max-width: 767px) {
.field.col-lg-3.col-sm-6 {
	padding-right: 15px;
	padding-left: 15px;
}
.tabBox .hd ul li a {
	padding: 0 10px;
}
.share {
	float: left;
	text-align: center;
	width: 100%;
	padding: 0 20%;
}
.share span {
	clear: both;
	float: none;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 10px;
	position: relative;
	z-index: 99;
}
.copyright {
	float: left;
	width: 100%;
	text-align: center;
}
}
/*内页*/
/*内页导航*/
.subNav {
	padding: 30px 0 40px 0;
}
.subNav .pz_SideLayer {
	display: block;
	width: 100%;
	text-align: center;
}
.subNav .pz_SideLayer .l1 {
	display: inline-block;
*zoom: 1;
	padding: 9px 0;
	margin: 0 2%;
	margin-top: 10px;
}
.subNav .pz_SideLayer .l1 a {
	color: #666666;
	font-size: 16px;
	padding: 9px 0;
}
.subNav .pz_SideLayer .l1 a.hover, .subNav .pz_SideLayer .l1 a:hover {
	border-bottom: 2px solid #f9c142;
	color: #333333;
	font-weight: bold;
}
/*案例列表*/
.center_back.pro.pro_page {
	padding: 0;
}
.center_back.pro.pro_page ul {
	margin-top: 0;
}

@media (max-width: 991px) {
.center_back.pro.pro_page {
	padding: 0;
}
.subNav {
	padding: 30px 15px 40px 15px;
}
}
/*案例详情*/
.container.pro_page_ny {
	padding: 40px 0 60px 0;
}
.products_description {
	float: left;
	width: 100%;
	color: #333333;
	font-size: 14px;
	line-height: 30px;
}
.pro_return {
	float: left;
	width: 100%;
	padding-top: 40px;
	text-align: center;
}
.pro_return a {
	display: inline-block;
*zoom:1;
	padding: 13px 40px;
	color: #fff;
	font-size: 14px;
	background-color: #43CD80;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
}

@media (max-width: 991px) {
.container.pro_page_ny {
	padding: 30px 15px 40px 16px;
}
.pro_return {
	padding-top: 30px;
}
}

@media (max-width: 767px) {
.products_description {
	font-size: 12px;
	line-height: 24px;
}
.pro_return a {
	padding: 8px 30px;
}
}
/*服务客户*/
.container.client {
	padding: 0;
}
.client_list {
	float: left;
	width: 100%;
}
.client_list ul {
	float: left;
	width: 100%;
}
.client_list ul li {
	float: left;
	width: 20%;
	border: 1px solid #e2e2e2;
}
.client_list ul li:last-child {
	border-right: 1px solid #e2e2e2;
}
.client_list ul li a {
	float: left;
	width: 100%;
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}
.client_list ul li a:hover {
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.client_info {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	padding: 33px 0 55px 0;
}

@media (max-width: 991px) {
.container.client {
	padding: 0 15px;
}
}

@media (max-width: 767px) {
.client_list ul li {
	width: 33.3333333%;
}
.client_info {
	font-size: 14px;
	line-height: 26px;
	padding: 15px 0 30px 0;
}
}
/*服务流程*/
.process {
	padding: 0;
}
/*服务内容*/
.content_box {
	padding: 0;
}
.content_info {
	display: table;
	padding: 40px 0;
}
.back_gray {
	display: table;
	background: url("../images/con_back1.jpg");
}
.con_img {
	display: table-cell;
	vertical-align: middle;
	width: 37%
}
.con_text {
	display: table-cell;
	vertical-align: middle;
	width: 63%;
	padding-left: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	text-align: justify;
}
.con_text h2.con_tit {
	font-size: 30px;
	color: #43CD80;
	font-weight: bold;
	padding-bottom: 20px;
}
.con_text.con_text_right {
	padding-left: 0;
}
.con_img.con_right {
	padding-left: 30px;
}

@media (max-width: 991px) {
.content_info {
	padding: 30px 15px;
}
}

@media (max-width:767px) {
.content_info {
	padding-top: 10px;
}
.con_img {
	display: inline-block;
	text-align: center;
	width: 100%
}
.con_img img {
	width: 60%;
}
.con_text h2.con_tit {
	font-size: 24px;
	padding: 20px 0;
}
.con_text {
	display: inline-block;
	width: 100%;
	padding-left: 0px;
	font-size: 12px;
	line-height: 24px;
}
.con_img.con_right {
	padding-left: 0px;
}
.con_text.con_text_right {
	padding-bottom: 15px;
}
}
/*关于我们*/
.container.about_page {
	padding: 0 0;
}
.about_box {
	padding: 50px 0 0 0;
}
.back_gray_1 {
	display: table;
	background-color: #f5f5f5;
}
.about_page {
	display: table;
}
.about_page h1 {
	color: #43CD80;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	width: 100%;
	position: relative;
}
.about_page h1:after {
	position: absolute;
	z-index: -1;
	content: 'JIAN  MON  DESIGN ';
	width: 100%;
	left: 0;
	top: 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: bold;
	color: #f7f7f7;
	color: rgba(51,51,51,.05);
	height: 70px;
}
.about_text_page {
	display: block;
	color: #333333;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	padding: 50px 0;
}
.about_img {
	display: table-cell;
	vertical-align: bottom;
	width: 45%;
}
.text_about_img {
	display: table-cell;
	vertical-align: middle;
	width: 55%;
	padding-left: 50px;
	font-size: 14px;
	color: #333333;
	line-height: 36px;
}
span.eng_gr {
	color: #999;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 16px;
}
strong.bold_h {
	color: #333333;
	font-size: 24px;
	line-height: 24px;
	position: relative;
	padding-left: 50px;
}
strong.bold_h:after {
	position: absolute;
	content: '“';
	left: -50px;
	top: 0;
	color: #43CD80;
	font-size: 90px;
	font-family: 'SimHei';
	line-height: 90px;
}
strong.f_18 {
	color: #43CD80;
	font-size: 18px;
}
.down_about.down_about {
	padding-top: 40px;
}

@media (max-width: 991px) {
.about_box {
	padding: 30px 0 0 0;
}
.about_text_page {
	padding: 40px 0;
}
.about_page h1 {
	line-height: 50px;
}
.about_page h1:after {
	font-size: 50px;
	height: 50px;
}
.container.about_page {
	padding: 0 15px;
}
.down_about.down_about {
	padding: 40px 15px 0 15px;
}
}

@media (max-width:767px) {
.about_page h1 {
	font-size: 14px;
	line-height: 30px
}
.about_page h1:after {
	font-size: 30px;
	height: 30px;
}
.about_box {
	padding: 30px 0 0 0;
}
.about_text_page {
	padding: 20px 0;
	font-size: 12px;
}
.about_img {
	display: none;
}
.text_about_img {
	width: 100%;
	padding-left: 0px;
	font-size: 12px;
	line-height: 28px;
}
span.eng_gr {
	font-size: 14px;
	line-height: 14px;
}
strong.bold_h {
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
}
strong.bold_h:after {
	left: -35px;
	font-size: 60px;
	line-height: 60px;
}
strong.f_18 {
	font-size: 16px;
}
.down_about.down_about {
	padding: 20px 15px;
}
}

@media (max-width:374px) {
.about_page h1 {
	line-height: 20px
}
.about_page h1:after {
	font-size: 20px;
	height: 20px;
}
}
/*加入我们*/
.container.join_page {
	display: block;
	width: 100%;
	padding: 0;
}
.join_page h1 {
	color: #43CD80;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	width: 100%;
	position: relative;
}
.join_page h1:after {
	position: absolute;
	z-index: -1;
	content: 'join in';
	width: 100%;
	left: 0;
	top: 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: bold;
	color: #f7f7f7;
	color: rgba(51,51,51,.05);
	height: 70px;
}
.join_in_box {
	float: left;
	width: 100%;
	padding: 36px 0 50px 0;
}
.join_info {
	float: left;
	width: 100%;
	color: #333333;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	padding: 40px 15px;
}
.hr_join {
	float: left;
	text-align: center;
	width: 100%;
	height: 103px;
	margin-top: 30px;
}
.hr_join span {
	display: inline-block;
*zoom:1;
	font-size: 18px;
	color: #141414;
	padding: 13px 65px;
	background-color: #ffd668;
	margin-top: 27px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.hr_join span em {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.join_add {
	float: left;
	width: 100%;
	margin-top: 30px;
	min-height: 500px;
	position: relative;
}
.add_text {
	position: absolute;
	width: 373px;
	height: 250px;
	left: 50%;
	margin-left: -186.5px;
	bottom: 0;
	background-color: #fff;
}
.add_wz {
	display: table-cell;
	vertical-align: middle;
	width: 373px;
	height: 250px;
	text-align: center;
	font-size: 14px;
	color: #3f3f3f;
}
.add_wz span.j_tit {
	display: table;
	text-align: center;
	width: 100%;
	color: #3f3f3f;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 10px;
}
.add_wz span.city_e {
	position: relative;
	display: inline-block;
	padding: 6px 15px;
	color: #fff;
	background-color: #43CD80;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 30px;
}
.add_wz span.city_e:after {
	position: absolute;
	content: ' ';
	left: 50%;
	margin-left: -100px;
	bottom: -15px;
	width: 199px;
	height: 1px;
	border-bottom: 1px dashed #7f7f7f;
}

@media (max-width:991px) {
.container.join_page {
	padding: 0 15px;
}
}

@media (max-width:767px) {
.join_add {
	background: url("../images/join4.jpg") no-repeat;
}
.add_text {
	left: auto;
	right: 0;
	margin-left: 0;
}
.hr_join span {
	font-size: 14px;
	color: #141414;
	padding: 10px 20px;
	margin-top: 32px;
}
.hr_join span em {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
}

@media (max-width:376px) {
.add_text {
	width: 100%;
	min-height: 250px;
}
}
/*新闻*/
.col-sm-6.col-xs-12.new_img {
	padding: 0;
}
.new_page_list {
	padding: 20px 0 0 0;
}
.new_page_list ul {
	float: left;
	width: 100%;
}
.new_page_list ul li {
	margin-top: 30px;
	float: left;
	width: 100%;
	background-color: #f5f5f5;
}
.new_page_list ul li a {
	float: left;
	width: 100%;
}
.new_page_list ul li a .new_img {
	position: relative;
	float: left;
	max-height: 427px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.new_page_list ul li a .new_img img {
	max-width: none;
	width: -webkit-calc(100% + 40px);
	width: calc(100% + 40px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}
.new_page_list ul li a:hover .new_img img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.new_page_list ul li a .new_text {
	padding: 30px 30px 30px 114px;
	position: relative;
}
.new_page_list ul li a .new_text .l_time {
	float: left;
	position: absolute;
	width: 84px;
	height: 50px;
	left: 30px;
	top: 80px;
	background-color: #ffffff;
	font-size: 24px;
	color: #474747;
	line-height: 50px;
	text-align: center;
}
.new_page_list ul li a .new_text .l_time span {
	position: absolute;
	left: 0;
	top: -50px;
	width: 84px;
	height: 50px;
	text-align: center;
	background-color: #43CD80;
	color: #fff;
	font-size: 36px;
	line-height: 50px;
}
.new_page_list ul li a .new_text .r_text {
	float: left;
	width: 100%;
	padding-left: 20px;
}
.new_page_list ul li a .new_text .r_text .tit_n {
	float: left;
	width: 100%;
	color: #282828;
	font-size: 20px;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.new_page_list ul li a:hover .new_text .r_text .tit_n {
	color: #43CD80;
}
.new_page_list ul li a .new_text .r_text .text_w {
	float: left;
	width: 100%;
	color: #717171;
	font-size: 14px;
	line-height: 30px;
	margin-top: 20px;
	max-height: 210px;
	overflow: hidden;
	text-align: justify
}
.new_page_list ul li a .new_text .r_text .more_new {
	float: right;
	width: 83px;
	height: 31px;
	border: 1px solid #43CD80;
	text-align: center;
	line-height: 31px;
	color: #43CD80;
	font-size: 14px;
	margin-top: 20px;
	text-transform: uppercase;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	-moz-border-radius: 1px;
}

@media (max-width:991px) {
.new_page_list {
	padding: 20px 15px 0 15px;
}
}
/*联系我们*/
.contact_page {
	padding: 0 0 50px 0
}
.con_prompt {
	float: left;
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 42px;
}
.con_info_text {
	float: left;
	width: 41%;
	padding: 30px;
	background-color: #f5f5f5;
	margin-top: 35px;
}
.con_info_text .con_tit {
	float: left;
	width: 100%;
	color: #323232;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
}
.con_info_text .com_tit {
	float: left;
	position: relative;
	width: 100%;
	color: #333333;
	font-size: 23px;
	line-height: 30px;
	padding: 15px 0 10px 0;
}
.con_info_text .com_tit span.com_ps {
	font-size: 16px;
}
.con_info_text .com_tit p.com_en {
	font-size: 14px;
	color: #999999;
}
.con_info_text .com_tit:after {
	position: absolute;
	content: ' ';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #eaeaea;
}
.com_info {
	float: left;
	width: 100%;
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	margin-top: 13px;
}
.fx_ic {
	float: left;
	width: 100%;
	margin-top: 45px;
}
.fx_ic span {
	float: left;
	color: #323232;
	font-size: 14px;
	line-height: 40px;
}
.fx_ic i {
	float: left;
	margin-left: 20px;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	cursor: pointer;
	position: relative;
}
.fx_ic i.fx_wb {
	background: url("../images/con_fx1.png") no-repeat 0 top;
}
.fx_ic i.fx_wb a {
	display: block;
	width: 100%;
	height: 100%;
}
.fx_ic i.fx_wx {
	background: url("../images/con_fx2.png") no-repeat 0 top;
}
.fx_ic i.fx_wx:hover, .fx_ic i.fx_wb:hover {
	background-position: 0 bottom;
}
.fx_ic i .wx_pos_cn {
	position: absolute;
	left: 50%;
	margin-left: -55px;
	bottom: 50px;
	z-index: 11;
	width: 110px;
	height: 110px;
	background-color: #fff;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 7px;
	display: none;
}
.fx_ic i .wx_pos_cn:after {
	position: absolute;
	content: " ";
	left: 50%;
	margin-left: -5px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}
.con_map {
	float: right;
	width: 56%;
	margin-top: 35px;
}

@media (max-width:1201px) {
.con_info_text {
	width: 100%;
}
.con_map {
	width: 100%;
	margin-top: 35px;
}
}

@media (max-width:991px) {
.contact_page {
	padding: 0 15px 50px 15px;
}
}
/*右侧漂浮*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	z-index: 9999999;
}
.dock.close {
	z-index: 50;
}
.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0 0 10px 0;
	width: 50px;
	border-right: none;
	background-color: #111;
	background-color: rgba(0,0,0,.5);
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.dock.close ul.icons {
	right: -70px;
}
.dock ul.icons li {
	position: relative;
}
.dock ul.icons li.top_up {
	width: 50px;
	height: 50px;
}
.dock ul.icons li.top_up a {
	float: left;
	width: 100%;
	text-align: center;
	padding: 12px 0;
}
.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}
.dock ul.icons li i a {
	display: block;
	width: 100%;
	height: 100%;
}
.dock ul.icons li.up i {
	background-position: -63px -150px;
}
.dock ul.icons li.tel i {
	background-position: -62px -108px;
}
.dock ul.icons li.im i {
	background-position: -63px -20px;
}
.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}
.dock ul.icons li.down i {
	background-position: -63px -190px;
}
.dock a.switch {
	position: absolute;
	display: block;
	top: 230px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}
.dock a.switch.off {
	background-position: -32px -640px;
}
.q_li_i {
	display: block;
}
.q_li_i:hover {
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.dock ul.icons li .tel_posi {
	position: absolute;
	z-index: 1;
	padding: 10px 60px 10px 25px;
	background-color: #43CD80;
	right: -245px;
	top: 0px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	width: 245px;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.dock ul.icons li p {
	margin-bottom: 0;
}
.dock ul.icons li.tel:hover .tel_posi {
	right: 0;
}
.dock ul.icons li .wx_posi {
	position: absolute;
	z-index: 1;
	padding: 10px;
	background: #fff;
	right: -145px;
	top: 0px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	width: 142px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.dock ul.icons li.wechat:hover .wx_posi {
	right: 50px;
}

@media screen and (max-width:1199px) {
.dock {
	display: none;
}
}
/*手机版底部菜单*/
.pf_down {
	width: 100%;
	float: left;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #f5f5f5;
	border-top: solid 1px #ddd;
	height: 50px;
	z-index: 99999;
}
.pf_down li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 5px 0 0 0;
}
.pf_down li .ico7 {
	width: 100%;
	float: left;
	height: 20px;
}
.pf_down li .name {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	font-family: "Arial";
}
.pf_down li.l1 .ico7 {
	background: url(../images/btn15.png) no-repeat center;
	background-size: 20px 20px;
}
.pf_down li.l2 .ico7 {
	background: url(../images/btn16.png) no-repeat center;
	background-size: 20px 20px;
}
.pf_down li.l3 .ico7 {
	background: url(../images/bnt17.png) no-repeat center;
	background-size: 20px 20px;
}
.pf_down li.on .name {
	color: #43CD80;
}
.pf_down .l1.on .ico7 {
	background: url(../images/btn15_1.png) no-repeat center;
	background-size: 20px 20px;
}
.pf_down .l2.on .ico7 {
	background: url(../images/btn16_1.png) no-repeat center;
	background-size: 20px 20px;
}
.pf_down .l3.on .ico7 {
	background: url(../images/bnt17_1.png) no-repeat center;
	background-size: 20px 20px;
}
/*分页*/
.waik_1 {
	padding: 3.5% 0 4% 0;
}
.pz_fy {
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Arial';
}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a {
	padding: 4px 8px;
	border: 1px solid #bdbbbb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	COLOR: #999999;
	font-size: 14px;
	text-decoration: none;
	margin: 0 4px;
}
.pz_fy a:hover, .pz_fy a.on {
	color: #fff;
	border: 1px solid #7ab926;
	background-color: #7ab926;
	text-decoration: none;
}/*鼠标经过和默认当前页样式*/
.fy_phone {
	display: none;
}

@media screen and (max-width:991px) {
.fy_phone {
	display: block;
	font-family: 'Arial';
}
.fy_phone {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.fy_phone a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 29px;
	border: solid 1px #7ab926;
	color: #333;
	text-decoration: inherit;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.fy_phone span {
	display: inline-block;
	padding: 0 10%;
	height: 30px;
	line-height: 30px;
	color: #333;
}
}

@media screen and (max-width:767px) {
.waik_1 {
	padding: 6% 0 6% 0;
}
}
.news_tit {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #999999;
	padding: 40px 0 10px 0;
	text-align: center;
	line-height: 32px;
}
.news_tit h2 {
	font-size: 16px;
}
.news_tit span {
	color: #969696;
	font-size: 12px;
}
.news_ct {
	width: 100%;
	float: left;
	padding: 15px 0 0 0;
}
.news_ct img {
	max-width: 100%;
}
.z_fy {
	float: left;
	width: 100%;
	margin-top: 15px;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 15px 0;
}
.z_l {
	float: left;
	width: 45%;
}
.z_l a {
	float: left;
	color: #515151;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	font-size: 14px;
}
.z_l a:hover span {
	color: #43CD80;
}
.z_r {
	float: right;
	width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.z_r a {
	float: right;
	color: #515151;
	line-height: 24px;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.z_r a:hover span {
	color: #43CD80;
}
.z_share {
	float: left;
	width: 100%;
	line-height: 24px;
}
.z_share .jiathis_style_24x24 {
	float: right;
}
.z_news {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.z_news .z_title {
	float: left;
	font-size: 16px;
	color: #43CD80;
	line-height: 24px;
}
.z_news ul {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.z_news ul li {
	float: left;
	width: 46%;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	line-height: 38px;
}
.z_news ul li a {
	color: #333;
	float: left;
	width: 75%;
}
.z_news ul li span {
	float: right;
	color: #666;
}

@media screen and (max-width:767px) {
.z_news ul li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	line-height: 38px;
}
.z_news ul li a {
	color: #333;
	float: left;
	width: 70%;
}
}
.santu {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.video_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 100px;
	padding-top: 50px;
}
.v_k {
	width: 25%;
	height: auto;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	padding: 3px;
}
.aob_v {
	float: right;
	width: 500px;
	height: auto;
	overflow: hidden;
	margin-left: 50px;
	margin-bottom: 80px;
}

@media screen and (max-width:767px) {
.video_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 50px;
	padding-top: 30px;
}
.v_k {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	padding: 3px;
}
.aob_v {
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-left: 00px;
	margin-bottom: 30px;
}
.contact_us h5, .new_our h5, .partner_our h5, .center_back.pro h4, .container.our_padding h5 {
	font-size: 12px;
}
.contact_us h5, .new_our h5, .partner_our h5, .center_back.pro h4, .container.our_padding h5 {
	font-size: 12px;
}
}
