@font-face {
	font-family: 'Helvetica';
	src: url("../font/Helvetica.eot");
	src: url("../font/Helvetica.eot") format("embedded-opentype"), url("../font/Helvetica.woff2") format("woff2"), url("../font/Helvetica.woff") format("woff"), url("../font/Helvetica.ttf") format("truetype"), url("http://www.novachn.cn/web/bocweb/web/css/fonts/Helvetica.svg#Helvetica") format("svg")
}
* {
	-webkit-font-smoothing: antialiased
}
input, textarea, a {
	-webkit-tap-highlight-color: transparent
}
textarea {
	-webkit-appearance: none
}
html {
	font-size: 20px;
	background: #292929
}
@media only screen and (min-width: 360px) {
html {
	font-size: 26px !important
}
}
@media only screen and (min-width: 435px) {
html {
	font-size: 32px !important
}
}
@media only screen and (min-width: 500px) {
html {
	font-size: 36px !important
}
}
@media only screen and (min-width: 769px) {
html {
	font-size: 40px !important
}
}
@media only screen and (min-width: 1025px) {
html {
	font-size: 48px !important
}
}
ul, li {
	float: none
}
a {
	cursor: pointer
}
.pull-left {
	float: left
}
.pull-right {
	float: right
}
.in-block, .bocweb-header .right-box .icon, .bocweb-header .right-box .login-box, .bocweb-header .right-box .login-box .login, .bocweb-header .right-box .login-box .reg, .bocweb-header .right-box .login-box .line, .bocweb-header .right-box .lang-box, .bocweb-header .right-box .lang-box .lang, .bocweb-header .bocweb-menu span, .bocweb-footer .top .wrap ul li .text-box, .bocweb-footer .top .wrap ul li .text-box h4 span, .bocweb-footer .btm .wrap .right .bdsharebuttonbox .title, .bocweb-footer .btm .wrap .right .bdsharebuttonbox a, .ex-title-box small span, .main.index .box2 .wrap .left .title-box, .main.index .box4 .list-box .list .img-box .left .text, .main.login .box1 .form-wrap .title .link span, .main.login .box1 .form-wrap .title .link .icon, .main.login .box1 .form-wrap .form-box .input-box.code-box .code-img img, .main.login .box1 .form-wrap .form-box .input-box.code-box .code-img span, .main.login .box1 .form-wrap .form-box .check-box label input, .main.login .box1 .form-wrap .form-box .check-box label span, .main.pro-info .contain .box1 .wrap .right .title span, .main.pro-info .contain .box1 .wrap .right .icon-box .icon, .main.about .box1 .btm .text-box .tips, .main.news .box1 .wrap .list-box .list .img-box .left .text, .main.join .box1 .wrap .list-box .list .hide .text h4 span, .main.contact .box1 .list-box .list, .main.contact .box1 .list-box .list .text, .main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li, .main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a, .main.search .box1 .wrap .list-box .list .text-box .title span, .main .page .right a {
	display: inline-block;
*display:inline;
*zoom:1
}
.text-hide, .ex-scroll-box .scroll-box .flexslider .slides .items .list .text, .main.index .box4 .list-box .list .text-box h4, .main.pro .box1 .wrap .list-box .list .text, .main.news .box1 .wrap .list-box .list .text-box h4, .main.news-info .box1 .w1200 .wrap .title, .main.news-info .box1 .w1200 .wrap .news-page .left .link {
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.user-select {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.table {
	display: table;
	width: 100%;
	height: 100%
}
.table .table-cell {
	display: table-cell;
	vertical-align: middle
}
.img-cover, .inner-banner .img, .ex-scroll-box .scroll-box .flexslider .slides .items .list .img-box .img, .main.index .banner .flexslider .slides .items, .main.index .box1 .wrap .list-box .list .img-box .img, .main.index .box2 .wrap .left .bg, .main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .img-box .img, .main.index .box4 .list-box .list .img-box .right .img, .main.pro .box1 .wrap .list-box .list .img-box .img, .main.pro-info .contain .box1 .wrap .left .flexslider .slides .items, .main.about .box1 .top .img-box .flexslider .slides .items, .main.about .box1 .btm .right .img-box .img, .main.news .box1 .wrap .list-box .list .img-box .right .img, .main.app .box1 .wrap .list-box .list .img-box .img, .main.app-info .box1 .wrap .cont .img-box .img .bg, .main.search .box1 .wrap .list-box .list .img-box .flexslider .slides .items {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}
.w1200 {
	width: 1200px;
	margin: 0 auto
}
@media (max-width: 1250px) {
.w1200 {
	width: 94%
}
}
.is1024 {
	display: block
}
@media (max-width: 1024px) {
.is1024 {
	display: none
}
}
.is1200 {
	display: block
}
@media (max-width: 1200px) {
.is1200 {
	display: none
}
}
.is950 {
	display: block
}
@media (max-width: 950px) {
.is950 {
	display: none
}
}
@media (min-width: 1025px) {
.js-m .js-m-left {
	transform: translate(-100px, 0);
	opacity: 0
}
.js-m .js-m-right {
	transform: translate(100px, 0);
	opacity: 0
}
.js-m .js-m-top {
	transform: translate(0, -100px);
	opacity: 0
}
.js-m .js-m-btm {
	transform: translate(0, 100px);
	opacity: 0
}
.js-m .js-m-bl {
	transform: translate(-100px, 100px);
	opacity: 0
}
.js-m .js-m-tr {
	transform: translate(100px, -100px);
	opacity: 0
}
.js-m.animate .js-m-left {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
.js-m.animate .js-m-right {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
.js-m.animate .js-m-top {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
.js-m.animate .js-m-btm {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
.js-m.animate .js-m-bl {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
.js-m.animate .js-m-tr {
	transition: all .8s ease-in-out;
	transform: translate(0, 0);
	opacity: 1
}
}
.noani {
	opacity: 1;
	transform: translate(0, 0)
}
button, input, textarea {
	border: none;
	border-radius: 0;
	outline: 0
}
button:focus, input:focus, textarea:focus {
	outline: 0
}
input:-webkit-autofill {
box-shadow:0 0 0px 1000px white inset !important
}
@media (max-width: 1024px) {
.mb-fixed {
	height: 2.08333rem
}
.mb-fixed .bocweb-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}
}
@media (max-width: 640px) {
.mb-fixed {
	height: 54px
}
}
.bocweb-header {
	position: relative;
	z-index: 100;
	height: 120px;
	background-color: #fff
}
.bocweb-header .mCustomScrollBox {
	display: table;
	width: 100%;
	height: 100%
}
.bocweb-header .mCSB_inside>.mCSB_container {
	margin-right: 0
}
.bocweb-header .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000 !important;
	opacity: .4;
	filter: alpha(opacity=40)
}
.bocweb-header .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	display: table-cell;
	vertical-align: middle
}
.bocweb-header .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #27b384 !important;
	opacity: 1 !important
}
.bocweb-header .logo-box {
	height: 100%;
	padding-left: 5.2%
}
.bocweb-header .logo-box .bocweb-logo {
	display: block;
	height: 100%
}
.bocweb-header .logo-box .bocweb-logo img {
	position: relative;
	top: 37.08%;
	display: block;
	height: 25.84%;
	max-height: 31px
}
.bocweb-header .bocweb-nav {
	width: 61%;
	height: 100%;
	padding-left: 3%
}
.bocweb-header .bocweb-nav ul {
	height: 100%
}
.bocweb-header .bocweb-nav ul li {
	position: relative;
	width: 14.66%;
	margin: 0 1%;
	height: 100%
}
.bocweb-header .bocweb-nav ul li.last {
	display: none
}
.bocweb-header .bocweb-nav ul li .show {
	position: relative;
	height: 100%;
	line-height: 120px;
	overflow: hidden
}
.bocweb-header .bocweb-nav ul li .show .link {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #696969
}
.bocweb-header .bocweb-nav ul li .show .line {
	position: absolute;
	width: 100%;
	height: 6px;
	left: 0;
	bottom: 0;
	background-color: #27b384;
	opacity: 0;
	filter: alpha(opacity=0)
}
.bocweb-header .bocweb-nav ul li .show .line .icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -14px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #27b384;
	opacity: 0;
	filter: alpha(opacity=0)
}
@media (min-width: 1025px) {
.bocweb-header .bocweb-nav ul li .show .line {
	transform: translate(0, 10px);
	transition: transform 0.5s, opacity 0.5s
}
}
@media (max-width: 1024px) {
.bocweb-header .bocweb-nav ul li .show .line {
	display: none
}
}
.bocweb-header .bocweb-nav ul li .hide {
	display: none;
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%
}
.bocweb-header .bocweb-nav ul li .hide .sublink-box {
	position: relative;
	padding: 16px 0;
	background-color: #f3f3f3
}
.bocweb-header .bocweb-nav ul li .hide .sublink-box .sub-link {
	display: block;
	padding: 16px 0;
	font-size: 16px;
	text-align: center;
	color: #010101
}
.bocweb-header .bocweb-nav ul li .hide .sublink-box .sub-link.cur {
	color: #27b384
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box {
	position: absolute;
	top: 0;
	left: 99%;
	height: 100%;
	padding: 0 0 0 35px;
	background: url(../image/sub-nav-bg.png) no-repeat center center;
	background-color: #f9f9f9
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box::after {
	content: ' ';
	position: absolute;
	top: 10%;
	left: 0%;
	width: 1px;
	height: 83%;
	background-color: #d7d7d7
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide {
	display: none;
	width: 548px;
	height: 94%;
	margin-top: 3%
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide .link-box {
	padding: 0 35px
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide .link-box .sub-link2 {
	display: block;
	width: 204px;
	word-break: keep-all;
	padding: 7px 0;
	font-size: 14px;
	color: #494949
}
@media (min-width: 1025px) {
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide .link-box .sub-link2:hover {
	color: #27b384
}
}
@media (max-width: 1500px) {
.bocweb-header .bocweb-nav ul li .hide {
	width: 130px;
	left: 50%;
	margin-left: -65px
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box {
	padding: 0 15px
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide {
	width: 442px
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box .sub-hide .link-box {
	padding: 0 8px
}
}
@media (min-width: 1025px) {
.bocweb-header .bocweb-nav ul li:hover .show .link {
*color:#27b384
}
.bocweb-header .bocweb-nav ul li:hover .show .line {
	transform: translate(0, 0);
	opacity: 1;
	filter: alpha(opacity=100)
}
.bocweb-header .bocweb-nav ul li:hover .show .line .icon {
	opacity: 1;
	filter: alpha(opacity=100)
}
}
.bocweb-header .bocweb-nav ul li.cur .show .line, .bocweb-header .bocweb-nav ul li.hover .show .line {
	transform: translate(0, 0);
	opacity: 1;
	filter: alpha(opacity=100)
}
.bocweb-header .bocweb-nav ul li.cur .show .line .icon, .bocweb-header .bocweb-nav ul li.hover .show .line .icon {
	opacity: 1;
	filter: alpha(opacity=100)
}
@media (max-width: 1600px) {
.bocweb-header .bocweb-nav {
	width: 53%;
	padding-left: 2%
}
}
.bocweb-header .right-box {
	width: 15.31%;
	min-width: 254px;
	height: 100%;
	line-height: 120px;
	font-size: 0;
	text-align: center;
	background-color: #27b384;
	color: #fff
}
.bocweb-header .right-box .icon {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 16px;
	background-position: center center;
	background-size: contain
}
.bocweb-header .right-box a {
	color: #fff
}
.bocweb-header .right-box .login-box {
	vertical-align: middle;
	margin-right: 20px
}
.bocweb-header .right-box .login-box .icon {
	background-image: url(../image/user-icon.png)
}
.bocweb-header .right-box .login-box .login, .bocweb-header .right-box .login-box .reg {
	margin: 0 3px;
	font-size: 14px;
	vertical-align: middle
}
.bocweb-header .right-box .login-box .line {
	vertical-align: middle;
	font-size: 14px;
	color: #fff
}
.bocweb-header .right-box .lang-box {
	vertical-align: middle
}
.bocweb-header .right-box .lang-box .icon {
	background-image: url(../image/lang-icon.png)
}
.bocweb-header .right-box .lang-box .lang {
	margin: 0 3px;
	font-size: 14px;
	vertical-align: middle
}
.bocweb-header .h-bg {
	position: fixed;
	z-index: 105;
	top: 0;
	right: -102%;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: pointer
}
.bocweb-header .bocweb-menu {
	display: none;
	cursor: pointer
}
.bocweb-header .bocweb-menu span {
	vertical-align: middle
}
.bocweb-header.shownav .h-bg {
	right: 0
}
.bocweb-header.shownav .bocweb-nav {
	right: 0
}
@media (max-width: 1400px) {
.bocweb-header {
	height: 100px
}
.bocweb-header .logo-box {
	padding-left: 2.2%
}
.bocweb-header .logo-box .bocweb-logo img {
	top: 34.5%;
	height: 31%
}
.bocweb-header .bocweb-nav {
	padding-left: 0
}
.bocweb-header .bocweb-nav ul li .show {
	line-height: 100px
}
.bocweb-header .bocweb-nav ul li .show .link {
	font-size: 16px
}
.bocweb-header .right-box {
	line-height: 100px
}
}
@media (max-width: 1200px) {
.bocweb-header .logo-box .bocweb-logo img {
	top: 37.08%;
	height: 25.84%
}
}
@media (max-width: 1024px) {
.bocweb-header {
	height: 2.08333rem
}
.bocweb-header .bocweb-menu {
	display: inline-block;
	line-height: 2.08333rem;
	margin-left: 20px
}
.bocweb-header .bocweb-menu span {
	font-size: 14px;
	color: #fff
}
.bocweb-header .bocweb-menu .icon {
	width: 26px;
	height: 26px;
	background: url(../image/menu-btn.png) no-repeat center center
}
.bocweb-header .bocweb-nav {
	position: fixed;
	z-index: 106;
	top: 0;
	right: -210px;
	width: 204px;
	margin-right: 0;
	background: #fff;
	height: 100%;
	transition: right 0.5s
}
.bocweb-header .bocweb-nav ul {
	padding-top: 30px
}
.bocweb-header .bocweb-nav ul li {
	width: 100%;
	height: auto;
	margin: 0;
	float: none
}
.bocweb-header .bocweb-nav ul li.last {
	display: block;
	padding-top: 15px;
	color: #696969
}
.bocweb-header .bocweb-nav ul li.last .icon {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 16px;
	background-position: center center;
	background-size: contain
}
.bocweb-header .bocweb-nav ul li.last a {
	color: #696969
}
.bocweb-header .bocweb-nav ul li.last .login-box {
	display: inline-block;
	vertical-align: middle;
	margin-left: 42px
}
.bocweb-header .bocweb-nav ul li.last .login-box .icon {
	background-image: url(../image/user-icon2.png)
}
.bocweb-header .bocweb-nav ul li.last .login-box .login, .bocweb-header .bocweb-nav ul li.last .login-box .reg {
	display: inline-block;
	margin: 0 3px;
	font-size: 14px;
	vertical-align: middle
}
.bocweb-header .bocweb-nav ul li.last .login-box .line {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #696969
}
.bocweb-header .bocweb-nav ul li.last .lang-box {
	display: inline-block;
	vertical-align: middle;
	margin-left: 42px
}
.bocweb-header .bocweb-nav ul li.last .lang-box .icon {
	background-image: url(../image/lang-icon.png)
}
.bocweb-header .bocweb-nav ul li.last .lang-box .lang {
	display: inline-block;
	margin: 0 3px;
	font-size: 14px;
	vertical-align: middle
}
.bocweb-header .bocweb-nav ul li .show .link {
	padding: 15px 0;
	font-size: 16px;
	line-height: 1.2
}
.bocweb-header .bocweb-nav ul li .hide {
	position: static;
	width: 100%;
	margin: 0
}
.bocweb-header .bocweb-nav ul li .hide .sublink-box .sub-link {
	padding: 6px 0;
	font-size: 14px;
	color: #696969
}
.bocweb-header .bocweb-nav ul li .hide .sublink2-box {
	display: none !important
}

.bocweb-header .right-box {
	width: auto;
	padding: 0 15px;
	line-height: 2.08333rem
}
}
@media (max-width: 640px) {
.bocweb-header {
	height: 54px
}
.bocweb-header .logo-box .bocweb-logo img {
	top: 33.5%;
	height: 33%
}
.bocweb-header .bocweb-menu {
	line-height: 54px;
	margin: 0;
	vertical-align: top
}
.bocweb-header .bocweb-menu span {
	display: none
}
.bocweb-header .bocweb-menu .icon {
	display: inline-block;
	margin: 0
}
.bocweb-header .right-box {
	width: 210px;
	padding: 0;
	min-width: auto
}
.bocweb-header .right-box .login-box {
	display: none
}
.bocweb-header .right-box .lang-box {
	
}
}
.bocweb-footer {
	position: relative;
	background: #292929
}
.bocweb-footer .top {
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%
}
.bocweb-footer .top .wrap {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	background-color: #fff
}
.bocweb-footer .top .wrap ul {
	padding: 54px 0
}
.bocweb-footer .top .wrap ul li {
	width: 33.33%;
	text-align: center
}
.bocweb-footer .top .wrap ul li .text-box {
	text-align: left
}
.bocweb-footer .top .wrap ul li .text-box h4 {
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: normal;
	color: #242424
}
.bocweb-footer .top .wrap ul li .text-box h4 span {
	vertical-align: middle
}
.bocweb-footer .top .wrap ul li .text-box h4 .icon {
	width: 22px;
	height: 22px;
	margin-right: 10px
}
.bocweb-footer .top .wrap ul li .text-box .text {
	font-size: 14px;
	color: #454545
}
.bocweb-footer .top .wrap ul li .text-box .text i {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial
}
.bocweb-footer .top .wrap ul li.tel .icon {
	background: url(../image/tel.png) no-repeat center center
}
.bocweb-footer .top .wrap ul li.email {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	margin-left: -1px
}
.bocweb-footer .top .wrap ul li.email .icon {
	background: url(../image/email.png) no-repeat center center
}
.bocweb-footer .top .wrap ul li.adds {
	margin-left: -1px
}
.bocweb-footer .top .wrap ul li.adds .icon {
	background: url(../image/adds.png) no-repeat center center
}
.bocweb-footer .center {
	padding: 130px 0 58px
}
.bocweb-footer .center .left ul li {
	position: relative
}
.bocweb-footer .center .left ul li .line {
	position: absolute;
	top: 0;
	width: 1px;
	height: 230px;
	background: #424242
}
.bocweb-footer .center .left ul li.li1 {
	width: 230px
}
.bocweb-footer .center .left ul li.li1 .line {
	right: 0
}
.bocweb-footer .center .left ul li.li2 {
	width: 290px;
	margin-left: 45px
}
.bocweb-footer .center .left ul li.li3 {
	width: 75px;
	padding-left: 45px
}
.bocweb-footer .center .left ul li.li3 .line {
	left: 0
}
.bocweb-footer .center .left ul li.li3 .sub-link .fl {
	width: auto
}
.bocweb-footer .center .left ul li .link {
	padding-bottom: 24px
}
.bocweb-footer .center .left ul li .link a {
	font-size: 16px;
	font-weight: bold;
	color: #fff
}
@media (min-width: 1025px) {
.bocweb-footer .center .left ul li .link a:hover {
	color: #27b384;
	transition: color 0.5s
}
}
.bocweb-footer .center .left ul li .sub-link .fl {
	width: 40%;
	padding-bottom: 24px
}
.bocweb-footer .center .left ul li .sub-link .fl a {
	font-size: 14px;
	color: #b7b7b7
}
@media (min-width: 1025px) {
.bocweb-footer .center .left ul li .sub-link .fl a:hover {
	color: #27b384;
	transition: color 0.5s
}
}
.bocweb-footer .center .right .input-box {
	position: relative;
	width: 304px;
	border-radius: 70px;
	overflow: hidden
}
.bocweb-footer .center .right .input-box .text {
	display: block;
	width: 100%;
	padding: 12px 65px 12px 14px;
	font-size: 14px;
	box-sizing: border-box;
	text-align: center;
	color: #3b3b3b
}
.bocweb-footer .center .right .input-box .text::-webkit-input-placeholder {
color:#3b3b3b
}
.bocweb-footer .center .right .input-box .text:-moz-placeholder {
color:#3b3b3b
}
.bocweb-footer .center .right .input-box .text::-moz-placeholder {
color:#3b3b3b
}
.bocweb-footer .center .right .input-box .text:-ms-input-placeholder {
color:#3b3b3b
}
.bocweb-footer .center .right .input-box .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 100%;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	background: url(../image/search-icon.png) no-repeat center center
}
.bocweb-footer .center .right .input-box .btn::after {
	content: ' ';
	position: absolute;
	top: 18%;
	left: 0;
	width: 1px;
	height: 62%;
	background-color: #cdcdcd
}
.bocweb-footer .center .right .slogan {
	padding: 18px 0;
	text-align: right;
	font-size: 0
}
.bocweb-footer .center .right .slogan img {
	max-width: 100%
}
.bocweb-footer .center .right .img-box {
	padding-left: 98px
}
.bocweb-footer .center .right .img-box img {
	display: block;
	width: 100px;
	height: 100px;
	padding: 2px;
	margin-right: 14px;
	background-color: #fff
}
.bocweb-footer .center .right .img-box .tips {
	padding-left: 12px;
	font-size: 14px;
	color: #a7a7a7;
	background: url(../image/qr-arrow.png) no-repeat left 2.5px
}
.bocweb-footer .center-mb {
	display: none
}
.bocweb-footer .btm .wrap {
	padding-bottom: 26px
}
.bocweb-footer .btm .wrap .left {
	font-size: 14px;
	color: #7d7d7d
}
.bocweb-footer .btm .wrap .left a {
	color: #7d7d7d
}
@media (min-width: 1025px) {
.bocweb-footer .btm .wrap .left a:hover {
	color: #27b384
}
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox {
	font-size: 0
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox .title {
	font-size: 14px;
	color: #7d7d7d;
	vertical-align: middle
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox a {
	float: none;
	width: 24px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 16px;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox .bds_qzone {
	background-image: url(../image/footer-qq.png)
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox .bds_weixin {
	background-image: url(../image/footer-weixin.png)
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox .bds_tsina {
	background-image: url(../image/footer-weibo.png)
}
@media (max-width: 1150px) {
.bocweb-footer .top {
	top: -62px
}
.bocweb-footer .top .wrap ul {
	padding: 36px 0
}
.bocweb-footer .center .wrap ul li.li1 {
	width: 180px
}
.bocweb-footer .center .wrap ul li.li2 {
	width: 280px;
	margin-left: 28px
}
.bocweb-footer .center .wrap ul li.li3 {
	width: 75px;
	padding-left: 28px
}
.bocweb-footer .center .wrap ul li .sub-link .fl {
	width: 50%;
	padding-bottom: 18px
}
}
@media (max-width: 1024px) {
.bocweb-footer .top {
	display: none
}
.bocweb-footer .center {
	padding: 45px 0 10px
}
.bocweb-footer .center .wrap .right form {
	display: none
}
.bocweb-footer .center .wrap .right .input-box {
	display: none
}
.bocweb-footer .center .wrap .right .qr-box .img-box {
	padding-left: 0
}
.bocweb-footer .btm .wrap {
	padding: 15px 0 25px
}
.bocweb-footer .btm .wrap .right .bdsharebuttonbox a {
	width: 19.2px;
	height: 16px;
	background-size: contain
}
}
@media (max-width: 880px) {
.bocweb-footer .btm .left {
	float: none;
	width: 100%;
	text-align: center
}
.bocweb-footer .btm .right {
	display: none
}
.bocweb-footer .center {
	display: none
}
.bocweb-footer .center-mb {
	display: block;
padding:1rem 0 .33333rem
}
.bocweb-footer .center-mb .left .text-box h4 {
padding-bottom:.29167rem;
	font-size: 16px;
	font-weight: normal;
	color: #a7a7a7
}
.bocweb-footer .center-mb .left .text-box .text {
padding-bottom:.54167rem;
	font-size: 16px;
	color: #a7a7a7
}
.bocweb-footer .center-mb .left .text-box .text.arial {
	font-family: Arial
}
.bocweb-footer .center-mb .right .qr-box .slogan {
	padding: 18px 0;
	text-align: right;
	font-size: 0
}
.bocweb-footer .center-mb .right .qr-box .slogan img {
	max-width: 196px;
	width: 100%
}
.bocweb-footer .center-mb .right .qr-box .img-box {
	text-align: right
}
.bocweb-footer .center-mb .right .qr-box .img-box table {
	width: 100%
}
.bocweb-footer .center-mb .right .qr-box .img-box img {
	width: 100px;
	height: 100px;
	padding: 2px;
	margin: 0 auto;
	background-color: #fff
}
.bocweb-footer .center-mb .right .qr-box .img-box .tips {
	padding-left: 12px;
	font-size: 14px;
	color: #a7a7a7;
	background: url(../image/qr-arrow.png) no-repeat left 2.5px
}
.bocweb-footer .center-mb .right .bdsharebuttonbox {
	font-size: 0;
	text-align: right
}
.bocweb-footer .center-mb .right .bdsharebuttonbox a {
	display: inline-block;
	float: none;
width:.7875rem;
height:.7875rem;
	padding: 0;
margin:0 0 0 .3125rem;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.bocweb-footer .center-mb .right .bdsharebuttonbox .bds_qzone {
	background-image: url(../image/share-qq.png)
}
.bocweb-footer .center-mb .right .bdsharebuttonbox .bds_weixin {
	background-image: url(../image/share-weixin.png)
}
.bocweb-footer .center-mb .right .bdsharebuttonbox .bds_tsina {
	background-image: url(../image/share-weibo.png)
}
}
@media (max-width: 768px) {
.bocweb-footer .btm .wrap {
	text-align: center
}
.bocweb-footer .btm .wrap .left {
	float: none
}
.bocweb-footer .btm .wrap .right {
	display: none
}
}
@media (max-width: 600px) {
.bocweb-footer .center-mb .left {
	display: none
}
.bocweb-footer .center-mb .right {
	width: 100%
}
.bocweb-footer .center-mb .right .qr-box .slogan {
	padding: 18px 0;
	text-align: center
}
.bocweb-footer .center-mb .right .qr-box .img-box {
	width: 206px;
	margin: 0 auto
}
.bocweb-footer .center-mb .right .qr-box .img-box table {
	text-align: center
}
.bocweb-footer .center-mb .right .qr-box .img-box img {
	width: 100px;
	height: 100px;
	padding: 2px;
	margin-right: 0
}
.bocweb-footer .center-mb .right .qr-box .img-box .tips {
	padding-left: 12px;
	font-size: 14px
}
.bocweb-footer .center-mb .right .bdsharebuttonbox {
	text-align: center
}
.bocweb-footer .center-mb .right .bdsharebuttonbox a {
	width: 26px;
	height: 26px;
	margin: 0 10px
}
.bocweb-footer .btm .wrap {
	padding: 12px 0 9px
}
.bocweb-footer .btm .wrap .left .text {
	display: block;
	padding-bottom: 5px
}
.bocweb-footer .btm .wrap .left .link {
	display: block
}
}
.right-bar-box {
	position: fixed;
	top: 55%;
	right: 10px;
	width: 80px;
	z-index: 500;
	background-color: #27b384
}
.right-bar-box a {
	display: block;
	padding: 16px 0;
	font-size: 14px;
	text-align: center;
	color: #fff
}
@media (min-width: 1025px) {
.right-bar-box a:hover {
	background-color: #229e75
}
.right-bar-box a:hover .icon, .right-bar-box a:hover p {
	opacity: .9;
	filter: alpha(opacity=90)
}
}
.right-bar-box .icon {
	margin-bottom: 6px
}
.right-bar-box .icon img {
	display: block;
	margin: 0 auto
}
.right-bar-box .contact-btn {
	border-bottom: 1px solid #26dc9e
}
.right-bar-box .map-btn {
	border-bottom: 1px solid #26dc9e
}
.right-bar-box .backtop-btn .icon {
	margin-bottom: 10px
}
@media (max-width: 1300px) {
.right-bar-box {
	width: 65px
}
.right-bar-box a {
	padding: 12px 0;
	font-size: 12px
}
.right-bar-box .contact-btn .icon img {
	width: 25px
}
.right-bar-box .map-btn .icon img {
	width: 18px
}
.right-bar-box .backtop-btn .icon img {
	width: 20px
}
}
@media (max-width: 1024px) {
.right-bar-box {
	top: auto;
	bottom: 46px;
	width: 44px
}
.right-bar-box .contact-btn {
	display: none
}
.right-bar-box .map-btn {
	display: none
}
.right-bar-box a {
	padding: 10px 0
}
.right-bar-box .backtop-btn .icon {
	margin-bottom: 0
}
.right-bar-box .backtop-btn p {
	display: none
}
}
@media (max-width: 880px) {
.right-bar-box {
	bottom: 15px
}
}
.forfooter {
	padding-bottom: 160px
}
@media (max-width: 1024px) {
.forfooter {
	padding-bottom: 1.66667rem
}
}
.ex-title-box {
	color: #292929
}
.ex-title-box h4 {
	font-size: 32px;
	line-height: 1.6;
	font-weight: normal;
	text-align: center
}
.ex-title-box small {
	display: block;
	text-align: center
}
.ex-title-box small span {
	vertical-align: middle
}
.ex-title-box small span.icon-l {
	width: 80px;
	height: 6px;
	background: url(../image/ex-title-icon1.jpg) no-repeat right center
}
.ex-title-box small span.icon-r {
	width: 80px;
	height: 6px;
	background: url(../image/ex-title-icon2.jpg) no-repeat left center
}
.ex-title-box small span.e {
	padding: 0 8px;
	font-size: 16px;
	font-family: Arial;
	text-transform: uppercase
}
@media (max-width: 1024px) {
.ex-title-box h4 {
font-size:.66667rem
}
.ex-title-box small span.icon-l {
	width: 1.66667rem;
	min-width: 60px
}
.ex-title-box small span.icon-r {
	width: 1.66667rem;
	min-width: 60px
}
.ex-title-box small span.e {
	font-size: 14px
}
}
@media (max-width: 600px) {
.ex-title-box h4 {
	font-size: 20px
}
.ex-title-box small span.e {
	font-size: 12px
}
}
.ex-more {
	display: block;
	width: 150px;
	height: 40px;
	margin: 0 auto;
	border-radius: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #27b384;
	transition: background 0.5s
}
@media (max-width: 1024px) {
.ex-more {
	width: 100px;
	height: 30px;
	font-size: 14px;
	line-height: 30px
}
}
@media (min-width: 1025px) {
.ex-more:hover {
	background-color: #1e8965
}
}
.ex-sub-nav {
	background-color: #fff
}
.ex-sub-nav .swiper-container {
	width: 1200px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto
}
.ex-sub-nav .swiper-wrapper {
	height: 100%;
	margin: 0 auto
}
.ex-sub-nav .swiper-wrapper .tab {
	display: block;
	min-width: 88px;
	height: 100%;
	font-size: 16px;
	text-align: center;
	color: #030303
}
.ex-sub-nav .swiper-wrapper .tab .link {
	margin: 0 2px
}
.ex-sub-nav .swiper-wrapper .cur1 .link {
	background-color: #27b384;
	color: #fff
}
@media (min-width: 1025px) {
.ex-sub-nav .swiper-wrapper .tab:hover .link {
	background-color: #27b384;
	color: #fff
}
}
@media (max-width: 1250px) {
.ex-sub-nav .swiper-container {
	width: 94%
}
}
@media (max-width: 1024px) {
.ex-sub-nav .swiper-container {
	height: 1.45833rem;
	line-height: 1.45833rem
}
}
@media (max-width: 960px) {
.ex-sub-nav .swiper-wrapper .tab {
	font-size: 15px
}
}
@media (max-width: 435px) {
.ex-sub-nav .swiper-container {
	width: 100%;
	height: 36px;
	line-height: 36px
}
.ex-sub-nav .swiper-wrapper .tab {
	font-size: 14px
}
.ex-sub-nav .swiper-wrapper .tab .link {
	margin: 0
}
}
.inner-banner .img {
	width: 100%;
	height: 500px
}
@media (max-width: 1024px) {
.inner-banner .img {
	height: 10.41667rem
}
}
@media (max-width: 720px) {
.inner-banner .img {
	display: none
}
}
.inner-banner img {
	display: none
}
@media (max-width: 720px) {
.inner-banner img {
	display: block;
	width: 100%
}
}
.ex-info-title {
	padding: 25px 0 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cfcfcf
}
.ex-info-title .left h4 {
	position: relative;
	padding-left: 12px;
	margin-bottom: 2px;
	font-size: 20px;
	font-weight: normal;
	color: #000
}
.ex-info-title .left h4 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 2px;
	display: block;
	background-color: #27b384
}
.ex-info-title .left small {
	position: relative;
	padding-left: 12px;
	display: block;
	font-size: 12px;
	font-family: Arial;
	color: #5c5c5c;
	text-transform: uppercase
}
.ex-info-title .left small span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 2px;
	display: block;
	background-color: #9d9d9d
}
.ex-info-title .right .btn {
	width: 36px;
	height: 36px;
	background-color: #27b384;
	background-image: url(../image/pro-info-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer
}
@media (min-width: 1025px) {
.ex-info-title .right .btn:hover {
	background-color: #229e75
}
}
.ex-info-title .right .btn.close {
	background-image: url(../image/pro-info-show.png)
}
@media (max-width: 1024px) {
.ex-info-title {
	padding: 18px 0 10px;
	margin-bottom: 10px
}
.ex-info-title .left h4 {
	font-size: 18px
}
.ex-info-title .right .btn {
	width: 30px;
	height: 30px
}
}
.ex-scroll-box .ex-title-box {
	padding: 35px 0 16px
}
@media (max-width: 1024px) {
.ex-scroll-box .ex-title-box {
padding:.91667rem 0 .625rem
}
}
.ex-scroll-box .ex-title-box small span.icon-l {
	background: url(../image/ex-title-icon1-1.jpg) no-repeat right center
}
.ex-scroll-box .ex-title-box small span.icon-r {
	background: url(../image/ex-title-icon2-1.jpg) no-repeat left center
}
.ex-scroll-box .wrap {
	width: 1230px;
	margin: 0 auto
}
@media (max-width: 1250px) {
.ex-scroll-box .wrap {
	width: 790px
}
}
@media (max-width: 810px) {
.ex-scroll-box .wrap {
	width: 100%;
	max-width: 395px
}
}
.ex-scroll-box .scroll-box {
	padding-bottom: 80px
}
@media (max-width: 1250px) {
.ex-scroll-box .scroll-box {
	padding-bottom: 46px
}
}
.ex-scroll-box .scroll-box .flex-control-nav {
	bottom: -20px
}
.ex-scroll-box .scroll-box .flex-control-nav li a {
	width: 10px;
	height: 10px;
	background-color: #d4d4d4;
	border-radius: 50%
}
.ex-scroll-box .scroll-box .flex-control-nav li a.flex-active {
	background-color: #27b384
}
@media (max-width: 810px) {
.ex-scroll-box .scroll-box .flex-control-nav {
	bottom: -24px
}
}
.ex-scroll-box .scroll-box .flex-direction-nav a {
	outline: 0
}
.ex-scroll-box .scroll-box .flex-direction-nav .flex-prev {
	position: absolute;
	top: 50%;
	left: -58px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	z-index: 10;
	background: url(../image/pro-left1.png) no-repeat center center
}
@media (min-width: 1025px) {
.ex-scroll-box .scroll-box .flex-direction-nav .flex-prev:hover {
	background: url(../image/pro-left2.png) no-repeat center center
}
}
.ex-scroll-box .scroll-box .flex-direction-nav .flex-next {
	position: absolute;
	top: 50%;
	right: -58px;
	width: 50px;
	height: 50px;
	margin-top: -35px;
	z-index: 10;
	background: url(../image/pro-right1.png) no-repeat center center
}
@media (min-width: 1025px) {
.ex-scroll-box .scroll-box .flex-direction-nav .flex-next:hover {
	background: url(../image/pro-right2.png) no-repeat center center
}
}
@media (max-width: 1400px) {
.ex-scroll-box .scroll-box .flex-direction-nav .flex-prev {
	left: 25px
}
.ex-scroll-box .scroll-box .flex-direction-nav .flex-next {
	right: 25px
}
}
@media (max-width: 1024px) {
.ex-scroll-box .scroll-box .flex-direction-nav .flex-prev {
	width: 36px;
	height: 36px;
	background-size: contain
}
.ex-scroll-box .scroll-box .flex-direction-nav .flex-next {
	width: 36px;
	height: 36px;
	background-size: contain
}
}
.ex-scroll-box .scroll-box .flexslider .slides {
	padding: 10px 0
}
.ex-scroll-box .scroll-box .flexslider .slides .items {
	width: 395px
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list {
	display: block;
	margin: 0 15px;
	transition: transform 0.5s
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list .img-box {
	width: 100%
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list .img-box .img {
	width: 100%;
	padding: 78.947% 0 0
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list .text {
	padding-top: 15px;
	font-size: 16px;
	color: #545454
}
@media (min-width: 1025px) {
.ex-scroll-box .scroll-box .flexslider .slides .items .list:hover {
	transform: translate(0, -10px)
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list:hover .img-box {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	transition: box-shadow 0.5s
}
.ex-scroll-box .scroll-box .flexslider .slides .items .list:hover .text {
	color: #27b384
}
}
@media (max-width: 1024px) {
.ex-scroll-box .scroll-box .flexslider .slides .items .list .text {
	padding-top: 10px;
	font-size: 14px
}
}
@media (max-width: 810px) {
.ex-scroll-box .scroll-box .flexslider .slides .items .list {
	margin: 0 3%
}
}
.BMap_cpyCtrl {
	display: none
}
.main .banner, .main .box1, .main .box2, .main .box3, .main .box4, .main .box5, .main .box6, .main .box6 {
	overflow: hidden
}
.main.index .banner {
	position: relative
}
.main.index .banner .num-box {
	position: absolute;
	top: 0;
	left: 25px;
	height: 100%;
	z-index: 11
}
.main.index .banner .num-box .num-ul li .num {
	padding: 16px 0;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	color: #fff;
	cursor: pointer
}
.main.index .banner .num-box .num-ul li .line {
	width: 1px;
	height: 50px;
	margin: 0 auto;
	background-color: #fff
}
.main.index .banner .num-box .num-ul li.cur .num {
	font-size: 24px;
	font-weight: bold
}
@media (max-width: 1024px) {
.main.index .banner .num-box .num-ul li .num {
padding:.25rem 0
}
.main.index .banner .num-box .num-ul li .line {
height:.83333rem
}
.main.index .banner .num-box .num-ul li.cur .num {
	font-size: 18px
}
}
@media (max-width: 640px) {
.main.index .banner .num-box {
	display: none
}
}
.main.index .banner .flexslider {
	height: 600px
}
.main.index .banner .flexslider .slides .items {
	height: 600px
}
.main.index .banner .flexslider.m-flexslider {
	height: auto
}
.main.index .banner .flexslider.m-flexslider .slides .items {
	height: auto
}
.main.index .banner .flexslider .flex-control-nav {
	bottom: 16px;
	z-index: 10
}
.main.index .banner .flexslider .flex-control-nav li {
	max-width: 0 5px
}
.main.index .banner .flexslider .flex-control-nav li a {
	width: 13px;
	height: 6px;
	border-radius: 6px;
	opacity: .5;
	filter: alpha(opacity=50);
	background-color: #fff;
	transition: all 0.5s
}
.main.index .banner .flexslider .flex-control-nav li a.flex-active {
	width: 47px;
	opacity: 1;
	filter: alpha(opacity=100)
}
@media (max-width: 1024px) {
.main.index .banner .flexslider {
	height: 12.5rem !important
}
.main.index .banner .flexslider.m-flexslider {
	height: auto !important
}
.main.index .banner .flexslider.m-flexslider .slides .items {
	height: auto !important
}
.main.index .banner .flexslider .slides .items {
	height: 12.5rem
}
.main.index .banner .flexslider .flex-control-nav {
	bottom: 5px
}
.main.index .banner .flexslider .flex-control-nav li a.flex-active {
	width: 20px
}
}
.main.index .box1 {
	padding-top: 56px
}
.main.index .box1 .wrap {
	width: 1220px;
	margin: 0 auto
}
.main.index .box1 .wrap .list-box {
	padding: 64px 0 80px
}
.main.index .box1 .wrap .list-box .list {
	position: relative;
	display: block;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	transition: transform 0.5s
}
.main.index .box1 .wrap .list-box .list .img-box {
	position: relative;
	overflow: hidden
}
.main.index .box1 .wrap .list-box .list .img-box .img {
	padding: 112.28% 0 0;
	opacity: .1;
	filter: alpha(opacity=10)
}
.main.index .box1 .wrap .list-box .list .img-box .line1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #f5f5f5
}
.main.index .box1 .wrap .list-box .list .img-box .line2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 87.5%;
	background-color: #f5f5f5
}
.main.index .box1 .wrap .list-box .list .img-box .line3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: #f5f5f5
}
.main.index .box1 .wrap .list-box .list .img-box .line4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4px;
	height: 87.5%;
	background-color: #f5f5f5
}
.main.index .box1 .wrap .list-box .list .text-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 40px 30px 0;
	text-align: center
}
.main.index .box1 .wrap .list-box .list .text-box h4 {
	padding-bottom: 42px;
	font-size: 20px;
	color: #16171c
}
.main.index .box1 .wrap .list-box .list .text-box p {
	height: 116px;
	font-size: 14px;
	line-height: 2.1;
	color: #404040;
	overflow: hidden
}
.main.index .box1 .wrap .list-box .list .text-box .more {
	position: absolute;
	left: 50%;
	bottom: 22px;
	width: 90px;
	height: 24px;
	margin-left: -45px;
	border: 1px solid #dfdfdf;
	border-radius: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #7d7d7d
}
@media (min-width: 1025px) {
.main.index .box1 .wrap .list-box .list:hover {
	transform: translate(0, -15px)
}
.main.index .box1 .wrap .list-box .list:hover .img-box {
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2)
}
.main.index .box1 .wrap .list-box .list:hover .text-box {
	background: url(../image/index-box1-bg.jpg) no-repeat center center;
	background-size: contain
}
.main.index .box1 .wrap .list-box .list:hover .text-box h4 {
	color: #fff
}
.main.index .box1 .wrap .list-box .list:hover .text-box p {
	color: #fff
}
.main.index .box1 .wrap .list-box .list:hover .text-box .more {
	color: #fff;
	background-color: #27b787;
	border-color: #27b787
}
}
@media (max-width: 1250px) {
.main.index .box1 .wrap {
	width: 94%
}
.main.index .box1 .wrap .list-box .list .text-box {
	padding-top: 30px
}
.main.index .box1 .wrap .list-box .list .text-box h4 {
	padding-bottom: 26px
}
.main.index .box1 .wrap .list-box .list .text-box p {
	height: 100px;
	margin-bottom: 25px;
	line-height: 1.8
}
}
@media (max-width: 1080px) {
.main.index .box1 .wrap .list-box {
	max-width: 610px;
	margin: 0 auto
}
.main.index .box1 .wrap .list-box .list {
	width: 50%;
	margin-bottom: 20px
}
}
@media (max-width: 1024px) {
.main.index .box1 {
	padding-top: 1.25rem
}
.main.index .box1 .wrap .list-box {
	padding: 1.33333rem 0 1.45833rem
}
.main.index .box1 .wrap .list-box .list {
	padding: 0 7px;
	margin-bottom: 14px
}
.main.index .box1 .wrap .list-box .list .img-box .line1, .main.index .box1 .wrap .list-box .list .img-box .line3 {
	height: 2px
}
.main.index .box1 .wrap .list-box .list .img-box .line2, .main.index .box1 .wrap .list-box .list .img-box .line4 {
	width: 2px
}
.main.index .box1 .wrap .list-box .list .text-box {
	padding: 25px 25px 0px
}
.main.index .box1 .wrap .list-box .list .text-box h4 {
	font-size: 18px;
padding-bottom:.95833rem
}
.main.index .box1 .wrap .list-box .list .text-box p {
	height: 88px;
	line-height: 1.6
}
.main.index .box1 .wrap .list-box .list .text-box .more {
	font-size: 13px
}
}
@media (max-width: 500px) {
.main.index .box1 .wrap .list-box {
	max-width: 360px
}
.main.index .box1 .wrap .list-box .list {
	width: 100%
}
.main.index .box1 .wrap .list-box .list .text-box h4 {
	font-size: 16px
}
}
.main.index .box2 .wrap {
	height: 500px
}
.main.index .box2 .wrap .w1200 {
	height: 100%
}
@media (max-width: 1250px) {
.main.index .box2 .wrap .w1200 {
	width: 100%
}
}
.main.index .box2 .wrap .left {
	position: relative;
	width: 48.5%;
	height: 100%;
	text-align: center
}
.main.index .box2 .wrap .left .bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.main.index .box2 .wrap .left .title-box h4 {
	padding-left: 48px;
	margin-bottom: 12px;
	font-size: 36px;
	color: #fff;
	background: url(../image/index-box2-icon1.png) no-repeat left center
}
.main.index .box2 .wrap .left .title-box .line {
	position: relative;
	height: 1px;
	margin-left: 48px;
	background-color: rgba(255,255,255,0.4)
}
.main.index .box2 .wrap .left .title-box .line span {
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 86.8%;
	height: 3px;
	background-color: #2dbe8d
}
.main.index .box2 .wrap .right {
	width: 51.5%;
	height: 100%;
	background: url(../image/index-box2-bg.jpg);
	background-size: cover;
	text-align: center
}
.main.index .box2 .wrap .right h4 {
	padding: 72px 0 85px;
	font-family: "Helvetica";
	font-size: 72px;
	text-transform: uppercase;
	color: #4ad0af;
	opacity: .71;
	filter: alpha(opacity=71)
}
.main.index .box2 .wrap .right .input-box {
	position: relative;
	margin: 0 11% 28px;
	border-radius: 70px;
	overflow: hidden
}
.main.index .box2 .wrap .right .input-box .text {
	display: block;
	width: 100%;
	padding: 20px 80px 20px 14px;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
	color: #3b3b3b
}
.main.index .box2 .wrap .right .input-box .text::-webkit-input-placeholder {
color:#3b3b3b
}
.main.index .box2 .wrap .right .input-box .text:-moz-placeholder {
color:#3b3b3b
}
.main.index .box2 .wrap .right .input-box .text::-moz-placeholder {
color:#3b3b3b
}
.main.index .box2 .wrap .right .input-box .text:-ms-input-placeholder {
color:#3b3b3b
}
.main.index .box2 .wrap .right .input-box .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	background: url(../image/search-icon.png) no-repeat center center
}
.main.index .box2 .wrap .right .input-box .btn::after {
	content: ' ';
	position: absolute;
	top: 31.25%;
	left: 0;
	width: 1px;
	height: 37.5%;
	background-color: #cdcdcd
}
.main.index .box2 .wrap .right .tips {
	font-size: 18px;
	color: #fff
}
@media (max-width: 1024px) {
.main.index .box2 .wrap {
	height: 10.41667rem
}
.main.index .box2 .wrap .left .title-box h4 {
	padding-left: 1rem;
margin-bottom:.25rem;
font-size:.75rem;
background-size:.83333rem
}
.main.index .box2 .wrap .left .title-box .line {
	margin-left: 1rem
}
.main.index .box2 .wrap .right h4 {
	padding: 1.5rem 0 1.77083rem;
	font-size: 1.5rem
}
.main.index .box2 .wrap .right .input-box {
margin:0 11% .58333rem
}
.main.index .box2 .wrap .right .input-box .text {
padding:.41667rem 1.66667rem .41667rem 14px;
	font-size: 16px
}
.main.index .box2 .wrap .right .input-box .btn {
	width: 1.66667rem
}
.main.index .box2 .wrap .right .tips {
	font-size: 16px
}
}
@media (max-width: 768px) {
.main.index .box2 .wrap {
	background: none !important
}
.main.index .box2 .wrap .left {
	width: 100%;
	height: auto;
	padding: 10% 0
}
.main.index .box2 .wrap .left .bg {
	display: block
}
.main.index .box2 .wrap .left .table {
	display: block;
	position: relative
}
.main.index .box2 .wrap .left .table .table-cell {
	display: block
}
.main.index .box2 .wrap .right {
	width: 100%
}
}
@media (max-width: 435px) {
.main.index .box2 .wrap .left .title-box h4 {
	font-size: 18px;
	padding-left: 28px;
	background-size: 20px
}
.main.index .box2 .wrap .left .title-box .line {
	margin-left: 28px
}
.main.index .box2 .wrap .right {
	height: auto;
	padding-bottom: 1.04167rem
}
.main.index .box2 .wrap .right h4 {
	font-size: 24px;
padding:.9375rem 0 .625rem
}
.main.index .box2 .wrap .right .input-box .text {
	padding-right: 44px;
	font-size: 14px
}
.main.index .box2 .wrap .right .input-box .btn {
	width: 44px;
	background-size: 18px
}
.main.index .box2 .wrap .right .tips {
	font-size: 14px
}
}

/*咨询*/

.zx-1{ background: url(../image/zx-bg1.jpg) no-repeat center center;height:220px;}

.zx-fl span,.zx-fl b{ display: block;color:#fff}

.zx-fl span{ background: url(../image/zx-h11.png) no-repeat center center;text-align: center; width:332px;height: 46px;font-size:18px;font-weight:bold;line-height:46px;margin-top:65px}

.zx-fl b{font-size:38px;font-weight:bold;line-height:38px;margin-top:10px;}

.zx-tel{margin-top:60px;margin-right:40px;}

.zx-tel b,.zx-tel span,.zx-tel a{ display: block;color:#fff}

.zx-tel span{font-size: 16px;letter-spacing: 7px;}

.zx-tel b{font-size:26px;font-weight: bolder;}

.zx-tel a{width:180px;height:40px;line-height:40px;text-align: center; background: #38AF48;color:#fff;font-size: 16px;}

.zx-code dl{float:left;width:120px;color:#fff;text-align: center;margin:50px 0 0 30px}

.zx-code dd{color:#fff;font-weight:bold;line-height: 30px;}

/*咨询*/



/*关于我们*/

.about{margin:60px auto}

.about-con{margin-top:20px;}

.about-left{width:465px; margin-bottom:60px;}

.about-left h2{color:#333333;font-size:20px;font-weight:bold;}

.about-left h2:after{content: ''; display: block;width:50px;height:4px; background: #2ea9a9;margin:30px 0}

.about-left p{line-height:25px;color:#808080}

.about-left ul{margin:20px 0}

.about-left ul li:before{content: ''; float:left;width:6px;height:6px; background: #2ea9a9;margin-right:10px;margin-top:7px;border-radius: 10px;}

.about-left li{color:#808080;margin:12px 0}

.about-left li b{color:#2ea9a9;font-weight:bold}

.about-right{width:890px;}

.about-more a{display: inline-block;width:140px;height:40px;font-size:16px;color:#fff;line-height:40px;text-align: center;margin:25px 10px 0 0}

.about-more .more-1{ background: #2ea9a9;}

.about-more .more-2{ background: #38AF48;}



.about-right{overflow: hidden;margin-top:3px;}

.about-right dl{float:left;width:260px;height:380px;text-align: center; position: relative;margin-left:36px;}

.about-right dl dt{margin-top:50px;}

.about-right dl dt img{transition: all .5s;}
.zx-fl b{font-size:32px;}

.about-left{width:450px;}

.about-right dl dt{width:100%}

.about-right dl a{width:100%}

.about-right{width:740px}

.about-right dl{width:230px;margin-left:15px;}

.ys-con dl{width:280px;margin:30px 10px}

.ys-con dl dd:after{width:280px}

.ys-con dl dd p{width:240px;margin:0 auto}

.ys-con dl dd{width:277px;}


.about-right dl.about-r1{ background: url(../image/about-1.jpg) no-repeat center center;}

.about-right dl.about-r2{ background: url(../image/about-2.jpg) no-repeat center center;}

.about-right dl.about-r3{ background: url(../image/about-3.jpg) no-repeat center center;}

.about-right dl dd{ position: absolute;bottom:50px;left:0;right:0;margin:0 auto;}

.about-right dl dd span,.about-right dl dd b{display: block;color:#fff;line-height:30px;}

.about-right dl dd span{font-size:18px}

.about-right dl dd b{font-size:16px;}

.about-right dl dd em{ background-image: url(../image/about-more.png);width:30px;height:30px;display: block;margin:30px auto 0 auto;transition: all .5s;}

.about-right dl:after{content: '';width:3px;display: block;height:0; background: #38AF48;position: absolute;left:0;top:0;transition: all .5s;}

.about-right dl:before{content: '';width:3px;display: block;height:0; background: #38AF48;position: absolute;right:0;bottom:0;transition: all .5s;}

.about-right dl a{ display: block;width:260px;height:380px;}

.about-right dl a:after{content: '';width:0;display: block;height:3px; background: #38AF48;position: absolute;left:0;top:0;transition: all .5s;}

.about-right dl a:before{content: '';width:0;display: block;height:3px; background: #38AF48;position: absolute;right:0;bottom:0;transition: all .5s;}

.about-right dl:hover:after{height:380px;}

.about-right dl:hover:before{height:380px;}

.about-right dl:hover a:after{width:260px;}

.about-right dl:hover a:before{width:260px;}

.about-right dl:hover em{ background-image: url(../image/about-more.png);background-position: 0 30px; }

.about-right dl:hover dt img{transform: rotateY(180deg);}

/*关于我们*/ 




.main.index .box3 .wrap {
	width: 1226px;
	margin: 0 auto 58px
}
.main.index .box3 .wrap .ex-title-box {
	padding: 54px 0 46px
}
.main.index .box3 .wrap .flex-control-nav {
	display: none
}
.main.index .box3 .wrap .flex-direction-nav a {
	outline: 0
}
.main.index .box3 .wrap .flex-direction-nav .flex-prev {
	position: absolute;
	top: 50%;
	left: -70px;
	width: 55px;
	height: 55px;
	margin-top: -27.5px;
	background: url(../image/flex-left.png) no-repeat center center
}
@media (min-width: 1025px) {
.main.index .box3 .wrap .flex-direction-nav .flex-prev:hover {
	background: url(../image/flex-left1.png) no-repeat center center
}
}
.main.index .box3 .wrap .flex-direction-nav .flex-next {
	position: absolute;
	top: 50%;
	right: -70px;
	width: 55px;
	height: 55px;
	margin-top: -27.5px;
	background: url(../image/flex-right.png) no-repeat center center
}
@media (min-width: 1025px) {
.main.index .box3 .wrap .flex-direction-nav .flex-next:hover {
	background: url(../image/flex-right1.png) no-repeat center center
}
}
.main.index .box3 .wrap .scroll-box {
	padding-bottom: 50px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont {
	position: relative;
	display: block;
	width: 280px;
	margin: 0 13px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .img-box {
	overflow: hidden
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .img-box .img {
	padding: 107.14% 0 0;
	transition: transform 0.5s
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	transition: opacity 0.5s
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	text-align: center;
	box-sizing: border-box
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .table {
	border: 1px solid #fff
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text h4 {
	padding-bottom: 8px;
	font-size: 24px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text small {
	display: block;
	padding-bottom: 16px;
	font-size: 18px;
	font-family: "Helvetica";
	text-transform: uppercase
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text .icon {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../image/index-box3-icon1.jpg) no-repeat center center
}
@media (min-width: 1025px) {
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont:hover .img-box .img {
	transform: scale(1.05)
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont:hover .bg {
	opacity: 0;
	filter: alpha(opacity=0)
}
}
@media (max-width: 1400px) {
.main.index .box3 .wrap {
	width: 918px
}
}
@media (max-width: 1100px) {
.main.index .box3 .wrap {
	width: 612px
}
.main.index .box3 .wrap .flex-direction-nav .flex-prev {
	left: -40px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-size: contain
}
.main.index .box3 .wrap .flex-direction-nav .flex-next {
	right: -40px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-size: contain
}
}
@media (max-width: 1024px) {
.main.index .box3 .wrap {
	margin-bottom: 1.25rem
}
.main.index .box3 .wrap .ex-title-box {
	padding: 1.125rem 0 1.04167rem
}
.main.index .box3 .wrap .scroll-box {
	padding-bottom: 1.04167rem
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box {
	padding: 10px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text h4 {
	padding-bottom: 8px;
	font-size: 20px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text small {
	padding-bottom: 16px;
	font-size: 16px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text .icon {
	width: 26px;
	height: 26px;
	background-size: contain
}
}
@media (max-width: 730px) {
.main.index .box3 .wrap {
	width: 94%;
	max-width: 306px
}
.main.index .box3 .wrap .flex-direction-nav .flex-prev {
	left: 10px
}
.main.index .box3 .wrap .flex-direction-nav .flex-next {
	right: 10px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont {
	position: relative;
	display: block;
	width: auto;
	margin: 0 10px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box {
	padding: 8px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text h4 {
	font-size: 18px
}
.main.index .box3 .wrap .scroll-box .flexslider .slides .items .cont .text-box .text small {
	padding-bottom: 12px;
	font-size: 14px
}
}
.main.index .box4 {
	background-color: #fafafa
}
.main.index .box4 .ex-title-box {
	padding: 55px 0 42px; 
}
@media (max-width: 1024px) {
.main.index .box4 .ex-title-box {
	padding: 1.125rem 0 1.04167rem
}
}
.main.index .box4 .ex-title-box small span.icon-l {
	background: url(../image/ex-title-icon1-1.jpg) no-repeat right center
}
.main.index .box4 .ex-title-box small span.icon-r {
	background: url(../image/ex-title-icon2-1.jpg) no-repeat left center
}
.main.index .box4 .list-box {
	width: 102.5%;
	margin-bottom: 42px
}
@media (max-width: 1024px) {
.main.index .box4 .list-box {
margin-bottom:.625rem
}
}
@media (max-width: 435px) {
.main.index .box4 .list-box {
	width: 100%;
	max-width: 360px;
margin:0 auto .625rem
}
}
.main.index .box4 .list-box .list {
	display: block;
	width: 30.89%;
	margin-right: 2.43%
}
.main.index .box4 .list-box .list .img-box {
	position: relative;
	box-sizing: border-box;
	border: 2px solid transparent
}
.main.index .box4 .list-box .list .img-box .left {
	position: absolute;
	top: 0;
	left: 0;
	width: 25.26%;
	height: 100%;
	font-family: 'Helvetica';
	text-align: center;
	overflow: hidden
}
.main.index .box4 .list-box .list .img-box .left .lg {
	padding-bottom: 6px;
	font-size: 14px
}
.main.index .box4 .list-box .list .img-box .left .sm {
	font-size: 12px
}
.main.index .box4 .list-box .list .img-box .left .text {
	width: 70px;
	text-align: left
}
.main.index .box4 .list-box .list .img-box .left .top {
	height: 50.2%;
	box-sizing: border-box;
	background-color: #2f2f31;
	color: #fff
}
.main.index .box4 .list-box .list .img-box .left .btm {
	height: 50.2%;
	box-sizing: border-box;
	border-right: 2px solid transparent;
	background-color: #dedee6;
	color: #2f2f31
}
.main.index .box4 .list-box .list .img-box .right {
	width: 74.74%
}
.main.index .box4 .list-box .list .img-box .right .img {
	padding: 70.42% 0 0;
	box-sizing: border-box
}
.main.index .box4 .list-box .list .text-box h4 {
	padding: 20px 0 14px;
	font-size: 18px;
	font-weight: normal;
	color: #030303
}
.main.index .box4 .list-box .list .text-box p {
	height: 44px;
	font-size: 14px;
	line-height: 1.6;
	color: #595959;
	overflow: hidden
}
@media (min-width: 1025px) {
.main.index .box4 .list-box .list:hover .img-box {
	border: 2px solid #27b384;
	transition: all 0.5s
}
.main.index .box4 .list-box .list:hover .img-box .left .top {
	background-color: #27b384;
	transition: all 0.5s
}
.main.index .box4 .list-box .list:hover .img-box .left .btm {
	border-right: 2px solid #27b384;
	background-color: #2f2f31;
	color: #fff;
	transition: all 0.5s
}
}
@media screen and (min-width: 1025px) and (max-width: 1150px) {
.main.index .box4 .list-box .list:hover .img-box {
	border: none
}
.main.index .box4 .list-box .list:hover .img-box .right {
	border: 2px solid #27b384;
	transition: all 0.5s
}
.main.index .box4 .list-box .list:hover .img-box .left .top, .main.index .box4 .list-box .list:hover .img-box .left .btm {
	background: transparent;
	border: none
}
}
@media (max-width: 1150px) {
.main.index .box4 .list-box .list .img-box {
	border: none
}
.main.index .box4 .list-box .list .img-box .right {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid transparent
}
.main.index .box4 .list-box .list .img-box .left {
	position: static;
	float: none;
	width: 100%;
	padding-top: 15px
}
.main.index .box4 .list-box .list .img-box .left .table {
	display: block
}
.main.index .box4 .list-box .list .img-box .left .table-cell {
	display: block
}
.main.index .box4 .list-box .list .img-box .left .top {
	float: left
}
.main.index .box4 .list-box .list .img-box .left .btm {
	float: right;
	border-right: none
}
.main.index .box4 .list-box .list .img-box .left .top, .main.index .box4 .list-box .list .img-box .left .btm {
	display: inline-block;
*display:inline;
*zoom:1;
	height: auto;
	background: transparent
}
.main.index .box4 .list-box .list .img-box .left .top .text, .main.index .box4 .list-box .list .img-box .left .btm .text {
	width: auto;
	color: #333
}
.main.index .box4 .list-box .list .img-box .left .top .text p, .main.index .box4 .list-box .list .img-box .left .btm .text p {
	display: inline
}
}
@media (max-width: 1024px) {
.main.index .box4 .list-box .list .img-box .left {
	padding-top: 8px
}
.main.index .box4 .list-box .list .text-box h4 {
	padding: 10px 0;
	font-size: 16px
}
.main.index .box4 .list-box .list .text-box p {
	font-size: 13px
}
}
@media (max-width: 730px) {
.main.index .box4 .list-box .list {
	width: 47.5%;
	margin-bottom: 4%
}
}
@media (max-width: 435px) {
.main.index .box4 .list-box .list {
	width: 100%;
	margin: 0 0 4% 0
}
}
.main.service .box1 {
	padding-top: 30px
}
.main.service .box1 .wrap {
	padding-bottom: 175px;
	background: url(../image/index-box2-bg.jpg);
	background-size: cover;
	text-align: center
}
.main.service .box1 .wrap h4 {
	padding: 132px 0 85px;
	font-family: "Helvetica";
	font-size: 72px;
	text-transform: uppercase;
	color: #4ad0af;
	opacity: .71;
	filter: alpha(opacity=71)
}
.main.service .box1 .wrap .input-box {
	position: relative;
	margin: 0 30% 28px;
	border-radius: 70px;
	overflow: hidden
}
.main.service .box1 .wrap .input-box .text {
	display: block;
	width: 100%;
	padding: 20px 80px 20px 14px;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
	color: #3b3b3b
}
.main.service .box1 .wrap .input-box .text::-webkit-input-placeholder {
color:#3b3b3b
}
.main.service .box1 .wrap .input-box .text:-moz-placeholder {
color:#3b3b3b
}
.main.service .box1 .wrap .input-box .text::-moz-placeholder {
color:#3b3b3b
}
.main.service .box1 .wrap .input-box .text:-ms-input-placeholder {
color:#3b3b3b
}
.main.service .box1 .wrap .input-box .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	background: url(../image/search-icon.png) no-repeat center center
}
.main.service .box1 .wrap .input-box .btn::after {
	content: ' ';
	position: absolute;
	top: 31.25%;
	left: 0;
	width: 1px;
	height: 37.5%;
	background-color: #cdcdcd
}
.main.service .box1 .wrap .tips {
	font-size: 18px;
	color: #fff
}
@media (max-width: 1024px) {
.main.service .box1 .wrap {
	padding-bottom: 2.1875rem
}
.main.service .box1 .wrap h4 {
	padding: 1.5rem 0 1.77083rem;
	font-size: 1.5rem
}
.main.service .box1 .wrap .input-box {
margin:0 11% .58333rem
}
.main.service .box1 .wrap .input-box .text {
padding:.41667rem 1.66667rem .41667rem 14px;
	font-size: 16px
}
.main.service .box1 .wrap .input-box .btn {
	width: 1.66667rem
}
.main.service .box1 .wrap .tips {
	font-size: 16px
}
}
@media (max-width: 435px) {
.main.service .box1 .wrap h4 {
	font-size: 24px
}
.main.service .box1 .wrap .input-box .text {
	padding-right: 44px;
	font-size: 14px
}
.main.service .box1 .wrap .input-box .btn {
	width: 44px;
	background-size: 18px
}
.main.service .box1 .wrap .tips {
	font-size: 14px
}
}
.main.service .box1 .text-box {
	padding: 5% 0 0;
	font-size: 16px;
	line-height: 1.8;
	color: #595959;
	text-align: justify
}
.main.service .box1 .text-box img {
	max-width: 100%
}
@media (max-width: 1024px) {
.main.service .box1 .text-box {
	font-size: 14px
}
}
.main.login .box1 {
	min-height: 400px;
	padding-top: 90px;
	background-color: #f9f9f9
}
.main.login .box1 .wrap {
	padding: 60px 0 75px;
	background-color: #fff;
	border: 1px solid #e9e9e9
}
.main.login .box1 .form-wrap {
	width: 300px;
	margin: 0 auto
}
.main.login .box1 .form-wrap .title {
	padding-bottom: 28px;
	margin-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0;
	line-height: 32px
}
.main.login .box1 .form-wrap .title h4 {
	font-size: 20px;
	color: #000
}
.main.login .box1 .form-wrap .title .link {
	display: block;
	width: 82px;
	height: 32px;
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	font-size: 12px;
	text-align: center;
	color: #27b384
}
.main.login .box1 .form-wrap .title .link span {
	vertical-align: top;
	height: 100%
}
.main.login .box1 .form-wrap .title .link .icon {
	width: 14px;
	margin-left: 4px;
	background: url(../image/login-icon.png) no-repeat center center
}
@media (min-width: 1025px) {
.main.login .box1 .form-wrap .title .link:hover {
	border-color: #27b384;
	transition: border-color 0.5s
}
}
.main.login .box1 .form-wrap form {
	display: block
}
.main.login .box1 .form-wrap .form-box .input-box {
	position: relative;
	margin-bottom: 12px
}
.main.login .box1 .form-wrap .form-box .input-box .icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 40px
}
.main.login .box1 .form-wrap .form-box .input-box .text {
	display: block;
	width: 100%;
	padding: 10px 0 10px 40px;
	border: 1px solid #e8e8e8;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	-webkit-appearance: none
}
.main.login .box1 .form-wrap .form-box .input-box.user-box .icon {
	background-image: url(../image/user.png);
	background-position: 10px center;
	background-repeat: no-repeat
}
.main.login .box1 .form-wrap .form-box .input-box.pwd-box .icon {
	background-image: url(../image/pwd.png);
	background-position: 12px center;
	background-repeat: no-repeat
}
.main.login .box1 .form-wrap .form-box .input-box.email-box .icon {
	background-image: url(../image/form-email.png);
	background-position: 12px center;
	background-repeat: no-repeat
}
.main.login .box1 .form-wrap .form-box .input-box.email-box .text {
	width: 70%
}
.main.login .box1 .form-wrap .form-box .input-box.email-box .getcode {
	width: 26%;
	height: 41px;
	padding: 0;
	box-sizing: border-box;
	font-size: 12px;
	color: #fff;
	background: #27b384
}
@media (min-width: 1025px) {
.main.login .box1 .form-wrap .form-box .input-box.email-box .getcode:hover {
	background: #229e75
}
}
.main.login .box1 .form-wrap .form-box .input-box.tel-box .icon {
	background-image: url(../image/form-tel.png);
	background-position: 15.5px center;
	background-repeat: no-repeat
}
.main.login .box1 .form-wrap .form-box .input-box.emailcode-box .icon {
	background-image: url(../image/form-code.png);
	background-position: 13px center;
	background-repeat: no-repeat
}
.main.login .box1 .form-wrap .form-box .input-box.code-box .text {
	width: 136px;
	padding-left: 14px
}
.main.login .box1 .form-wrap .form-box .input-box.code-box .code-img {
	font-size: 0
}
.main.login .box1 .form-wrap .form-box .input-box.code-box .code-img img {
	vertical-align: middle;
	width: 94px;
	height: 39px;
	margin: 0 13px;
	border: 1px solid #e8e8e8
}
.main.login .box1 .form-wrap .form-box .input-box.code-box .code-img span {
	vertical-align: middle;
	font-size: 14px;
	color: #d0b06b
}
.main.login .box1 .form-wrap .form-box .input-box.reg-code {
	margin-bottom: 22px
}
.main.login .box1 .form-wrap .form-box .check-box {
	padding-top: 8px;
	margin-bottom: 22px
}
.main.login .box1 .form-wrap .form-box .check-box label input {
	position: relative;
	top: 0.5px;
	border: 1px solid #e8e8e8;
	margin-right: 10px;
	vertical-align: middle
}
.main.login .box1 .form-wrap .form-box .check-box label span {
	vertical-align: middle
}
.main.login .box1 .form-wrap .form-box .check-box a {
	font-size: 12px;
	color: #6c6c6c
}
@media (min-width: 1025px) {
.main.login .box1 .form-wrap .form-box .check-box a:hover {
	color: #27b384
}
}
.main.login .box1 .form-wrap .form-box .btn {
	display: block;
	width: 100%;
	height: 42px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	background-color: #27b384;
	color: #fff
}
@media (min-width: 1025px) {
.main.login .box1 .form-wrap .form-box .btn:hover {
	background-color: #229e75
}
}
@media (max-width: 1024px) {
.main.login .box1 {
	padding-top: 1.875rem
}
.main.login .box1 .wrap {
	padding: 1.875rem 0
}
.main.login .box1 .wrap .form-wrap .title {
	line-height: 26px
}
.main.login .box1 .wrap .form-wrap .title h4 {
	font-size: 18px
}
.main.login .box1 .wrap .form-wrap .title .link {
	width: 65px;
	height: 26px
}
}
@media (max-width: 435px) {
.main.login .box1 .wrap .form-wrap {
	width: 250px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box {
	margin-bottom: 16px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box .icon {
	width: 34px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box .text {
	padding: 6px 0 6px 34px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.user-box .icon {
	background-size: 15.2px;
	background-position: 9px center
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.pwd-box .icon {
	background-size: 14.4px;
	background-position: 10px center
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.email-box .icon {
	background-size: 18px;
	background-position: 9px center
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.email-box .text {
	width: 64%
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.email-box .getcode {
	width: 31%;
	height: 32px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.tel-box .icon {
	background-size: 12.6px;
	background-position: 12px center
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.emailcode-box .icon {
	background-size: 15.3px;
	background-position: 10px center
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.code-box .text {
	width: 110px;
	padding-left: 14px
}
.main.login .box1 .wrap .form-wrap .form-box .input-box.code-box .code-img img {
	width: 73px;
	height: 30px;
	margin: 0 10px
}
.main.login .box1 .wrap .form-wrap .form-box .check-box {
	padding-top: 0;
	margin-bottom: 20px
}
.main.login .box1 .wrap .form-wrap .form-box .check-box label input {
	top: 0;
	margin-right: 4px
}
.main.login .box1 .wrap .form-wrap .form-box .btn {
	height: 36px;
	font-size: 15px
}
}
.main.pro .ex-sub-nav .swiper-wrapper .tab {
	width: 14.28%
}
.main.pro .box1 {
	background-color: #f9f9f9
}
.main.pro .box1 .wrap .list-box {
	width: 102.5%;
	padding: 56px 0 22px
}
.main.pro .box1 .wrap .list-box .list {
	display: block;
	width: 30.89%;
	margin: 0 2.43% 2.43% 0;
	transition: transform 0.5s
}
.main.pro .box1 .wrap .list-box .list .img-box {
	overflow: hidden
}
.main.pro .box1 .wrap .list-box .list .img-box .img {
	padding: 78.947% 0 0
}
.main.pro .box1 .wrap .list-box .list .text {
	padding-top: 15px;
	font-size: 16px;
	color: #545454
}
@media (min-width: 1025px) {
.main.pro .box1 .wrap .list-box .list:hover {
	transform: translate(0, -10px)
}
.main.pro .box1 .wrap .list-box .list:hover .img-box {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	transition: box-shadow 0.5s
}
.main.pro .box1 .wrap .list-box .list:hover .text {
	color: #27b384
}
}
@media (max-width: 1024px) {
.main.pro .box1 .wrap .list-box {
	padding: 1.16667rem 0 16px
}
.main.pro .box1 .wrap .list-box .list .text {
	padding-top: 10px;
	font-size: 14px
}
}
@media (max-width: 680px) {
.main.pro .box1 .wrap .list-box {
	width: 100%;
	max-width: 380px;
	margin: 0 auto
}
.main.pro .box1 .wrap .list-box .list {
	width: 100%;
margin:0 0 .83333rem 0
}
}
.main.pro-info .ex-sub-nav .swiper-wrapper .tab {
	width: 14.28%
}
.main.pro-info .contain {
	padding-top: 50px;
	background-color: #f9f9f9
}
.main.pro-info .contain .contain-cont {
	background-color: #fff
}
.main.pro-info .contain .contain-cont .cont {
	padding: 40px 45px 94px
}
@media (max-width: 1024px) {
.main.pro-info .contain {
	padding-top: 1.25rem
}
.main.pro-info .contain .w1200 .cont {
padding:.83333rem .9375rem 1.45833rem
}
}
@media (max-width: 435px) {
.main.pro-info .contain .w1200 .cont {
padding:.83333rem 10px 1.95833rem
}
}
.main.pro-info .contain .box1 .wrap .left .flexslider {
	width: 380px;
	border: 2px solid #d1d1d1
}
.main.pro-info .contain .box1 .wrap .left .flexslider .slides .items {
	width: 100%;
	padding: 78.947% 0 0
}
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-control-nav {
	display: none
}
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-direction-nav a {
	outline: 0
}
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-direction-nav .flex-prev {
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 10;
	background: url(../image/pro-info-left.png) no-repeat center center
}
@media (min-width: 1025px) {
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-direction-nav .flex-prev:hover {
	background: url(../image/pro-info-left1.png) no-repeat center center
}
}
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-direction-nav .flex-next {
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 10;
	background: url(../image/pro-info-right.png) no-repeat center center
}
@media (min-width: 1025px) {
.main.pro-info .contain .box1 .wrap .left .flexslider .flex-direction-nav .flex-next:hover {
	background: url(../image/pro-info-right1.png) no-repeat center center
}
}
.main.pro-info .contain .box1 .wrap .right {
	margin-left: 426px
}
.main.pro-info .contain .box1 .wrap .right .title {
	padding-top: 22px;
	margin-bottom: 14px;
	font-weight: normal
}
.main.pro-info .contain .box1 .wrap .right .title span {
	padding: 5px 14px;
	font-size: 18px;
	border-radius: 5px;
	background-color: #27b384;
	color: #fff
}
.main.pro-info .contain .box1 .wrap .right .text {
	min-height: 82px;
	font-size: 20px;
	line-height: 1.6;
	color: #545454
}
.main.pro-info .contain .box1 .wrap .right .icon-box {
	padding-top: 6px;
	font-size: 0
}
.main.pro-info .contain .box1 .wrap .right .icon-box .icon {
	margin-right: 40px;
	margin-bottom: 20px;
	text-align: center
}
.main.pro-info .contain .box1 .wrap .right .icon-box .icon p {
	padding-top: 10px;
	font-size: 14px;
	color: #737373
}
@media (max-width: 960px) {
.main.pro-info .contain .box1 .wrap .left .flexslider {
	width: 304px;
	border: 1px solid #d1d1d1
}
.main.pro-info .contain .box1 .wrap .right {
	margin-left: 350px
}
.main.pro-info .contain .box1 .wrap .right .title {
	padding-top: 12px;
	margin-bottom: 8px
}
.main.pro-info .contain .box1 .wrap .right .title span {
	padding: 5px 14px;
	font-size: 16px
}
.main.pro-info .contain .box1 .wrap .right .text {
	min-height: 50px;
	font-size: 14px
}
.main.pro-info .contain .box1 .wrap .right .icon-box {
	padding-top: 6px
}
.main.pro-info .contain .box1 .wrap .right .icon-box .icon {
	margin-right: 24px;
	margin-bottom: 14px
}
.main.pro-info .contain .box1 .wrap .right .icon-box .icon img {
	max-width: 30px;
	max-height: 30px
}
.main.pro-info .contain .box1 .wrap .right .icon-box .icon p {
	padding-top: 10px;
	font-size: 13px
}
}
@media (max-width: 640px) {
.main.pro-info .contain .box1 .wrap .left {
	width: 100%;
padding-bottom:.83333rem
}
.main.pro-info .contain .box1 .wrap .right {
	margin: 0;
	width: 100%
}
.main.pro-info .contain .box1 .wrap .right .text {
	min-height: 0;
	padding-bottom: 15px
}
}
@media (max-width: 435px) {
.main.pro-info .contain .box1 .wrap .left .flexslider {
	width: 98%;
	margin: 0 auto
}
.main.pro-info .contain .box1 .wrap .right .title span {
	font-size: 14px
}
}
.main.pro-info .contain .box .hide {
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #545454 !important
}
.main.pro-info .contain .box .hide p, .main.pro-info .contain .box .hide span, .main.pro-info .contain .box .hide strong {
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #545454 !important
}
@media (max-width: 1024px) {
.main.pro-info .contain .box .hide {
	font-size: 14px
}
.main.pro-info .contain .box .hide p, .main.pro-info .contain .box .hide span, .main.pro-info .contain .box .hide strong {
	font-size: 14px !important
}
}
.main.pro-info .contain .box .hide .table-box {
	padding: 5px 0 10px;
	overflow: auto
}
.main.pro-info .contain .box .hide table {
	width: 100%;
	text-align: center;
	min-width: 800px
}
.main.pro-info .contain .box .hide table td {
	border: 2px solid #fff !important;
	text-align: center
}
.main.pro-info .contain .box .hide table tr {
	font-size: 14px;
	color: #484848
}
.main.pro-info .contain .box .hide table tr td {
	padding: 7px 0;
	color: #484848 !important
}
.main.pro-info .contain .box .hide table tr:nth-child(odd) {
	background-color: #f0f0f0
}
.main.pro-info .contain .box .hide table tr:nth-child(even) {
	background-color: #f9f9f9
}
.main.pro-info .contain .box .hide table tr:first-child {
	background-color: #f0f0f0;
	color: #fff !important
}
.main.pro-info .contain .box .hide table tr:first-child td, .main.pro-info .contain .box .hide table tr:first-child th {
	padding: 12px 0;
	color: #000 !important
}
.main.pro-info .contain .box .hide table tr:first-child.gre {
	background-color: #229e75
}
.main.pro-info .contain .box .hide table tr.gre {
	background-color: #27b384 !important;
	color: #fff !important;
	transition: all 0.5s
}
.main.pro-info .contain .box .hide table tr.gre td {
	color: #fff !important
}
@media (max-width: 960px) {
.main.pro-info .contain .box .hide table td {
	border: 1px solid #fff !important
}
.main.pro-info .contain .box .hide table tr td {
	padding: 4px 0
}
.main.pro-info .contain .box .hide table tr:first-child td, .main.pro-info .contain .box .hide table tr:first-child th {
	padding: 9px 0
}
}
.main.pro-info .contain .box2 .title {
	padding: 90px 0 22px;
	line-height: 26px;
	border-top: 1px solid #e3e3e3
}
.main.pro-info .contain .box2 .title h4 {
	font-size: 24px;
	font-weight: normal;
	color: #000
}
.main.pro-info .contain .box2 .title p {
	font-size: 14px;
	color: #272727
}
@media (max-width: 1200px) {
.main.pro-info .contain .box2 .title {
	padding-top: 50px
}
}
@media (max-width: 1024px) {
.main.pro-info .contain .box2 .title {
	padding: 1.04167rem 0 18px
}
.main.pro-info .contain .box2 .title h4 {
	font-size: 18px
}
}
@media (max-width: 768px) {
.main.pro-info .contain .box2 .title h4 {
	width: 100%;
	padding-bottom: 5px
}
.main.pro-info .contain .box2 .title p {
	width: 100%;
	line-height: 1.4
}
}
.main.pro-info .contain .box2 .form-box {
	padding-bottom: 30px
}
.main.pro-info .contain .box2 .form-box .input-box {
	position: relative;
	width: 49.58%;
	margin-bottom: 10px;
	background-color: #fff
}
.main.pro-info .contain .box2 .form-box .input-box .text {
	width: 100%;
	padding: 13px 16px 13px 66px;
	font-size: 18px;
	text-align: right;
	box-sizing: border-box;
	color: #717171
}
.main.pro-info .contain .box2 .form-box .input-box .text::-webkit-input-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .input-box .text:-moz-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .input-box .text::-moz-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .input-box .text:-ms-input-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .input-box .icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 66px;
	height: 30px;
	margin-top: -15px;
	background-position: center center;
	background-repeat: no-repeat
}
.main.pro-info .contain .box2 .form-box .input-box.name .icon {
	background-image: url(../image/info-name.png)
}
.main.pro-info .contain .box2 .form-box .input-box.tel .icon {
	background-image: url(../image/info-tel.png)
}
.main.pro-info .contain .box2 .form-box .input-box.email .icon {
	background-image: url(../image/info-email.png)
}
.main.pro-info .contain .box2 .form-box .input-box.com .icon {
	background-image: url(../image/info-com.png)
}
.main.pro-info .contain .box2 .form-box .textarea {
	width: 100%;
	margin-bottom: 28px
}
.main.pro-info .contain .box2 .form-box .textarea textarea {
	width: 100%;
	height: 230px;
	padding: 16px;
	box-sizing: border-box;
	font-size: 18px;
	color: #717171;
	resize: none
}
.main.pro-info .contain .box2 .form-box .textarea textarea::-webkit-input-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .textarea textarea:-moz-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .textarea textarea::-moz-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .textarea textarea:-ms-input-placeholder {
color:#717171
}
.main.pro-info .contain .box2 .form-box .btn {
	display: block;
	width: 250px;
	height: 50px;
	margin: 0 auto;
	font-size: 18px;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #27b384
}
@media (min-width: 1025px) {
.main.pro-info .contain .box2 .form-box .btn:hover {
	background-color: #229e75
}
}
@media (max-width: 1024px) {
.main.pro-info .contain .box2 .form-box {
padding-bottom:.625rem
}
.main.pro-info .contain .box2 .form-box .input-box {
	width: 49.5%
}
.main.pro-info .contain .box2 .form-box .input-box .text {
	width: 100%;
padding:.27083rem 6px .27083rem 46px;
	font-size: 14px
}
.main.pro-info .contain .box2 .form-box .input-box .icon {
	left: 6px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-size: contain
}
.main.pro-info .contain .box2 .form-box .textarea {
margin-bottom:.58333rem
}
.main.pro-info .contain .box2 .form-box .textarea textarea {
	height: 4.79167rem;
	padding: 6px;
	font-size: 14px
}
.main.pro-info .contain .box2 .form-box .btn {
	width: 5.20833rem;
	height: 1.04167rem;
	min-height: 32px;
	font-size: 15px
}
}
@media (max-width: 435px) {
.main.pro-info .contain .box2 .form-box .input-box {
	width: 100%
}
.main.pro-info .contain .box2 .form-box .input-box .text {
	padding: 8px 6px 8px 46px
}
}
.main.about .ex-sub-nav {
	background-color: #f3f3f3
}
.main.about .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.about .box1 {
	padding-top: 60px
}
@media (max-width: 1024px) {
.main.about .box1 {
	padding-top: 1.25rem
}
}
.main.about .box1 .top {
	position: relative;
	z-index: 10
}
.main.about .box1 .top .img-box {
	position: relative;
	padding-left: 40px;
	background: url(../image/about-text1.png) no-repeat left 18px
}
.main.about .box1 .top .img-box .flex-control-nav {
	width: auto;
	bottom: 0;
	left: 10px;
	z-index: 10
}
.main.about .box1 .top .img-box .flex-control-nav li {
	display: block;
	margin: 0 0 10px
}
.main.about .box1 .top .img-box .flex-control-nav li a {
	position: relative;
	display: block;
	width: 9px;
	height: 9px;
	border: 2px solid #d1d1d1;
	border-radius: 50%;
	background: transparent
}
.main.about .box1 .top .img-box .flex-control-nav li a::after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	margin: -2.5px 0 0 -2.5px;
	border-radius: 50%
}
.main.about .box1 .top .img-box .flex-control-nav li a.flex-active::after {
	background-color: #27b384
}
.main.about .box1 .top .img-box .flexslider {
	width: 460px
}
.main.about .box1 .top .img-box .flexslider .slides .items {
	padding: 108.69% 0 0
}
.main.about .box1 .top .text-box {
	margin-left: 558px
}
.main.about .box1 .top .text-box h4 {
	padding: 24px 0 12px;
	font-size: 36px;
	color: #030303
}
.main.about .box1 .top .text-box .line {
	width: 54px;
	height: 4px;
	margin-bottom: 45px;
	background-color: #27b384
}
.main.about .box1 .top .text-box .text {
	font-size: 16px;
	line-height: 1.8;
	color: #595959;
	text-align: justify
}
@media (max-width: 1024px) {
.main.about .box1 .top .img-box {
	padding-left: 30px;
background-size:.95833rem
}
.main.about .box1 .top .img-box .flexslider {
	width: 8.33333rem
}
.main.about .box1 .top .text-box {
	margin-left: 9.95833rem
}
.main.about .box1 .top .text-box h4 {
padding:.5rem 0 .375rem;
font-size:.54167rem
}
.main.about .box1 .top .text-box .line {
	width: 1.125rem;
height:.08333rem;
margin-bottom:.52083rem
}
.main.about .box1 .top .text-box .text {
	font-size: 14px
}
}
@media (max-width: 640px) {
.main.about .box1 .top .img-box {
	float: none;
	padding-left: 0;
	background: none
}
.main.about .box1 .top .img-box .flex-control-nav {
	width: 100%;
	left: 0;
	bottom: 6px;
	max-width: 400px
}
.main.about .box1 .top .img-box .flex-control-nav li {
	display: inline-block;
	margin: 0 8px
}
.main.about .box1 .top .img-box .flexslider {
	width: 100%;
	max-width: 400px
}
.main.about .box1 .top .text-box {
	margin: 0
}
.main.about .box1 .top .text-box h4 {
padding:.41667rem 0;
	font-size: 16px
}
}
.main.about .box1 .btm {
	padding-bottom: 30px;
	margin-top: -38px
}
.main.about .box1 .btm .right {
	position: relative;
	z-index: 10;
	padding-right: 80px;
	margin-top: 128px;
	background: url(../image/about-text2.png) no-repeat 430px 40px
}
.main.about .box1 .btm .right .img-box {
	width: 460px
}
.main.about .box1 .btm .right .img-box .img {
	padding: 108.69% 0 0
}
.main.about .box1 .btm .text-box {
	padding: 0 590px 0 0;
	background: url(../image/about-bg.png) no-repeat 45px 110px
}
.main.about .box1 .btm .text-box .text {
	padding: 120px 0 102px;
	font-size: 16px;
	line-height: 1.8;
	color: #595959;
	text-align: justify
}
.main.about .box1 .btm .text-box .tips {
	padding-bottom: 4px;
	border-bottom: 2px solid #27b384;
	font-size: 16px;
	line-height: 1.8;
	color: #595959
}
@media (max-width: 1250px) {
.main.about .box1 .btm {
	margin-top: 0;
	padding: 30px 0
}
.main.about .box1 .btm .text-box .text {
	padding-top: 40px
}
.main.about .box1 .btm .right {
	margin-top: 80px
}
}
@media (max-width: 1024px) {
.main.about .box1 .btm {
padding:.75rem 0
}
.main.about .box1 .btm .right {
	padding-right: 1.66667rem;
background:url(../image/about-text2.png) no-repeat 7.70833rem .83333rem;
	background-size: 1.125rem;
	margin-top: 4.16667rem
}
.main.about .box1 .btm .right .img-box {
	width: 8.33333rem
}
.main.about .box1 .btm .text-box {
padding:0 10.83333rem 0 .83333rem
}
.main.about .box1 .btm .text-box .text {
	padding: 2.16667rem 0 1.66667rem;
	font-size: 14px
}
.main.about .box1 .btm .text-box .tips {
	font-size: 14px
}
}
@media (max-width: 768px) {
.main.about .box1 .btm .text-box .text {
padding:1.66667rem 0 .83333rem
}
}
@media (max-width: 640px) {
.main.about .box1 .btm {
	padding-bottom: 0
}
.main.about .box1 .btm .right {
	float: none;
	padding-right: 0;
	background: none;
	margin-top: 0
}
.main.about .box1 .btm .right .img-box {
	width: 100%;
	max-width: 400px
}
.main.about .box1 .btm .text-box {
	float: none;
	padding: 0;
	background-position: center center;
	background-size: contain
}
.main.about .box1 .btm .text-box .text {
padding:.41667rem 0
}
}
.main.news .ex-sub-nav {
	background-color: #f3f3f3
}
.main.news .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.news .box1 .wrap {
	padding-top: 46px
}
.main.news .box1 .wrap .list-box .list {
	display: block;
	width: 100%;
	margin-bottom: 36px
}
.main.news .box1 .wrap .list-box .list .text-box {
	padding-right: 30px;
	height: 201px;
	background-color: #f2f2f2
}
.main.news .box1 .wrap .list-box .list .text-box h4 {
	padding: 36px 0 16px;
	font-size: 18px;
	font-weight: normal;
	color: #030303
}
.main.news .box1 .wrap .list-box .list .text-box p {
	overflow: hidden;
	height: 100px;
	font-size: 14px;
	line-height: 1.8;
	color: #595959
}
.main.news .box1 .wrap .list-box .list .img-box {
	position: relative;
	width: 380px;
	margin-right: 35px;
	box-sizing: border-box
}
.main.news .box1 .wrap .list-box .list .img-box .left {
	position: absolute;
	top: 0;
	left: 0;
	width: 25.26%;
	height: 100%;
	font-family: 'Helvetica';
	text-align: center;
	overflow: hidden
}
.main.news .box1 .wrap .list-box .list .img-box .left .lg {
	padding-bottom: 6px;
	font-size: 14px
}
.main.news .box1 .wrap .list-box .list .img-box .left .sm {
	font-size: 12px
}
.main.news .box1 .wrap .list-box .list .img-box .left .text {
	width: 70px;
	text-align: left
}
.main.news .box1 .wrap .list-box .list .img-box .left .top {
	height: 50.2%;
	box-sizing: border-box;
	background-color: #2f2f31;
	color: #fff
}
.main.news .box1 .wrap .list-box .list .img-box .left .btm {
	height: 50.2%;
	box-sizing: border-box;
	border-right: 2px solid transparent;
	background-color: #dedee6;
	color: #2f2f31
}
.main.news .box1 .wrap .list-box .list .img-box .right {
	width: 74.74%
}
.main.news .box1 .wrap .list-box .list .img-box .right .img {
	padding: 70.42% 1px 0;
	margin-left: -1px;
	box-sizing: border-box
}
@media (min-width: 1025px) {
.main.news .box1 .wrap .list-box .list:hover .img-box {
	border: 2px solid #27b384;
	margin-top: -1px
}
.main.news .box1 .wrap .list-box .list:hover .img-box .left .top {
	background-color: #27b384;
	transition: all 0.5s
}
.main.news .box1 .wrap .list-box .list:hover .img-box .left .btm {
	border-right: 2px solid #27b384;
	background-color: #2f2f31;
	color: #fff;
	transition: all 0.5s
}
}
@media (max-width: 1024px) {
.main.news .box1 .wrap {
	padding-top: 1.25rem
}
.main.news .box1 .wrap .list-box {
padding-bottom:.3125rem
}
.main.news .box1 .wrap .list-box .list .text-box {
padding-right:.625rem
}
.main.news .box1 .wrap .list-box .list .text-box h4 {
	font-size: 16px
}
.main.news .box1 .wrap .list-box .list .img-box {
margin-right:.72917rem
}
}
@media (max-width: 768px) {
.main.news .box1 .wrap .list-box .list {
	width: 48.5%;
	margin-bottom: 3%
}
.main.news .box1 .wrap .list-box .list .img-box {
	width: 100%;
	border: none;
	float: none;
	margin: 0
}
.main.news .box1 .wrap .list-box .list .img-box .right {
	width: 100%;
	box-sizing: border-box
}
.main.news .box1 .wrap .list-box .list .img-box .left {
	position: static;
	float: none;
	width: 100%;
	padding-top: 12px;
	background-color: #f2f2f2
}
.main.news .box1 .wrap .list-box .list .img-box .left .table {
	display: block
}
.main.news .box1 .wrap .list-box .list .img-box .left .table-cell {
	display: block
}
.main.news .box1 .wrap .list-box .list .img-box .left .top {
	float: left;
	padding-left: 12px
}
.main.news .box1 .wrap .list-box .list .img-box .left .btm {
	float: right;
	border-right: none;
	padding-right: 12px
}
.main.news .box1 .wrap .list-box .list .img-box .left .top, .main.news .box1 .wrap .list-box .list .img-box .left .btm {
	display: inline-block;
*display:inline;
*zoom:1;
	height: auto;
	background: transparent
}
.main.news .box1 .wrap .list-box .list .img-box .left .top .text, .main.news .box1 .wrap .list-box .list .img-box .left .btm .text {
	width: auto;
	color: #333
}
.main.news .box1 .wrap .list-box .list .img-box .left .top .text p, .main.news .box1 .wrap .list-box .list .img-box .left .btm .text p {
	display: inline
}
.main.news .box1 .wrap .list-box .list .text-box {
	height: auto;
	padding: 0 12px 16px
}
.main.news .box1 .wrap .list-box .list .text-box h4 {
	padding: 12px 0 8px
}
.main.news .box1 .wrap .list-box .list .text-box p {
	height: 50px
}
}
@media (max-width: 435px) {
.main.news .box1 .wrap .list-box {
	margin: 0 auto;
padding-bottom:.9375rem
}
.main.news .box1 .wrap .list-box .list {
	width: 100%
}
}
.main.news-info .ex-sub-nav {
	background-color: #f3f3f3
}
.main.news-info .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.news-info .box1 .w1200 .wrap .title {
	padding: 58px 0 16px;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color: #333
}
.main.news-info .box1 .w1200 .wrap .time {
	padding-bottom: 30px;
	font-family: Arial;
	font-size: 16px;
	color: #999;
	text-align: center
}
.main.news-info .box1 .w1200 .wrap .cont {
	border-top: 1px solid #dddddd
}
.main.news-info .box1 .w1200 .wrap .cont .text-box {
	padding: 40px 0;
	font-size: 16px;
	line-height: 2;
	color: #666
}
.main.news-info .box1 .w1200 .wrap .cont .text-box img {
	max-width: 100%;
	padding: 10px 0
}
.main.news-info .box1 .w1200 .wrap .cont .text-box video {
	display: block;
	width: 94%;
	margin: 0 auto;
	padding: 10px 0
}
.main.news-info .box1 .w1200 .wrap .news-page {
	padding-top: 35px;
	border-top: 1px solid #dddddd
}
.main.news-info .box1 .w1200 .wrap .news-page .left {
	width: 70%
}
.main.news-info .box1 .w1200 .wrap .news-page .left .link {
	display: block;
	padding-bottom: 10px;
	font-size: 16px;
	color: #666
}
@media (min-width: 1024px) {
.main.news-info .box1 .w1200 .wrap .news-page .left .link:hover {
	color: #27b384
}
}
.main.news-info .box1 .w1200 .wrap .news-page .back {
	display: block;
	width: 104px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background-color: #27b384
}
@media (min-width: 1024px) {
.main.news-info .box1 .w1200 .wrap .news-page .back:hover {
	background-color: #229e75
}
}
@media (max-width: 768px) {
.main.news-info .box1 .w1200 .wrap .title {
padding:1.20833rem 0 .33333rem;
	font-size: 18px
}
.main.news-info .box1 .w1200 .wrap .time {
padding-bottom:.375rem;
	font-size: 12px
}
.main.news-info .box1 .w1200 .wrap .cont .text-box {
padding:.5rem 0;
	font-size: 14px
}
.main.news-info .box1 .w1200 .wrap .news-page {
padding-top:.72917rem
}
.main.news-info .box1 .w1200 .wrap .news-page .left {
	width: 70%
}
.main.news-info .box1 .w1200 .wrap .news-page .left .link {
padding-bottom:.20833rem;
	font-size: 14px
}
.main.news-info .box1 .w1200 .wrap .news-page .back {
	width: 70px;
	height: 28px;
	line-height: 28px;
	font-size: 12px
}
}
@media (max-width: 435px) {
.main.news-info .box1 .w1200 .box-title {
	font-size: 18px
}
.main.news-info .box1 .w1200 .wrap .news-page .left {
	width: 100%;
margin-bottom:.3125rem;
	float: none
}
.main.news-info .box1 .w1200 .wrap .news-page .left .link {
padding-bottom:.20833rem;
	font-size: 14px
}
.main.news-info .box1 .w1200 .wrap .news-page .back {
	float: none;
	margin: 0 auto
}
}
.main.join .ex-sub-nav {
	background-color: #f3f3f3
}
.main.join .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.join .box1 {
	padding-top: 48px
}
@media (max-width: 1024px) {
.main.join .box1 {
	padding-top: 1.04167rem
}
}
.main.join .box1 .wrap .list-box .list {
	padding: 0 16px 0 35px;
	margin-bottom: 28px;
	border: 1px solid #e9e9e9
}
.main.join .box1 .wrap .list-box .list .show {
	padding: 26px 0 20px;
	cursor: pointer
}
.main.join .box1 .wrap .list-box .list .show h4 {
	font-size: 24px;
	font-weight: normal;
	color: #292929
}
.main.join .box1 .wrap .list-box .list .show .btn {
	width: 36px;
	height: 36px;
	background: url(../image/join-btn.png) no-repeat center center;
	transition: transform 0.5s
}
.main.join .box1 .wrap .list-box .list .show.active h4 {
	font-weight: normal
}
.main.join .box1 .wrap .list-box .list .show.active .btn {
	transform: rotate(180deg)
}
@media (min-width: 1025px) {
.main.join .box1 .wrap .list-box .list .show:hover h4 {
	color: #27b384
}
}
.main.join .box1 .wrap .list-box .list .hide {
	display: none;
	padding-bottom: 60px
}
.main.join .box1 .wrap .list-box .list .hide .text h4 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	color: #fff
}
.main.join .box1 .wrap .list-box .list .hide .text h4 span {
	padding: 10px 24px 8px;
	border-radius: 40px;
	background-color: #27b384
}
.main.join .box1 .wrap .list-box .list .hide .text p {
	font-size: 16px;
	line-height: 2;
	color: #292929
}
.main.join .box1 .wrap .list-box .list .hide .btn {
	display: block;
	width: 126px;
	height: 38px;
	margin-top: 36px;
	line-height: 38px;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #27b384
}
@media (min-width: 1025px) {
.main.join .box1 .wrap .list-box .list .hide .btn:hover {
	background-color: #229e75
}
}
@media (max-width: 1024px) {
.main.join .box1 .wrap .list-box .list {
padding:0 12px 0 .72917rem;
margin-bottom:.58333rem
}
.main.join .box1 .wrap .list-box .list .show {
padding:.54167rem 0 .41667rem
}
.main.join .box1 .wrap .list-box .list .show h4 {
	font-size: 20px
}
.main.join .box1 .wrap .list-box .list .show .btn {
	width: 30px;
	height: 30px;
	background-size: 30px
}
.main.join .box1 .wrap .list-box .list .hide {
	padding-bottom: 1.25rem
}
.main.join .box1 .wrap .list-box .list .hide .text h4 {
margin-bottom:.41667rem;
	font-size: 16px
}
.main.join .box1 .wrap .list-box .list .hide .text h4 span {
padding:.20833rem .5rem .16667rem
}
.main.join .box1 .wrap .list-box .list .hide .text p {
	font-size: 14px
}
.main.join .box1 .wrap .list-box .list .hide .btn {
	width: 100px;
	height: 32px;
	line-height: 32px;
margin-top:.75rem;
	font-size: 16px
}
}
@media (max-width: 768px) {
.main.join .box1 .wrap .list-box .list .show h4 {
	font-size: 16px
}
.main.join .box1 .wrap .list-box .list .show .btn {
	width: 22px;
	height: 22px;
	background-size: 22px
}
.main.join .box1 .wrap .list-box .list .show.active {
	padding-bottom: 20px
}
.main.join .box1 .wrap .list-box .list .hide .text h4 {
	font-size: 14px
}
.main.join .box1 .wrap .list-box .list .hide .btn {
	font-size: 14px
}
}
.main.app .box1 .wrap {
	padding-top: 46px
}
@media (max-width: 1024px) {
.main.app .box1 .wrap {
	padding-top: 1.25rem
}
}
.main.app .box1 .wrap .list-box {
	width: 102.16%
}
@media (max-width: 340px) {
.main.app .box1 .wrap .list-box {
	width: 100%
}
}
.main.app .box1 .wrap .list-box .list {
	position: relative;
	display: block;
	width: 22.838%;
	margin: 0 2.12% 2.12% 0
}
.main.app .box1 .wrap .list-box .list .img-box {
	overflow: hidden
}
.main.app .box1 .wrap .list-box .list .img-box .img {
	padding: 107.14% 0 0;
	transition: transform 0.5s
}
.main.app .box1 .wrap .list-box .list .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	transition: opacity 0.5s
}
.main.app .box1 .wrap .list-box .list .text-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	text-align: center;
	box-sizing: border-box
}
.main.app .box1 .wrap .list-box .list .text-box .table {
	border: 1px solid #fff
}
.main.app .box1 .wrap .list-box .list .text-box .text h4 {
	padding-bottom: 8px;
	font-size: 24px
}
.main.app .box1 .wrap .list-box .list .text-box .text small {
	display: block;
	padding-bottom: 16px;
	font-size: 18px;
	font-family: "Helvetica";
	text-transform: uppercase
}
.main.app .box1 .wrap .list-box .list .text-box .text .icon {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../image/index-box3-icon1.jpg) no-repeat center center
}
@media (min-width: 1025px) {
.main.app .box1 .wrap .list-box .list:hover .img-box .img {
	transform: scale(1.05)
}
.main.app .box1 .wrap .list-box .list:hover .bg {
	opacity: 0;
	filter: alpha(opacity=0)
}
}
@media (max-width: 1024px) {
.main.app .box1 .wrap .list-box .list .text-box {
	padding: 10px
}
.main.app .box1 .wrap .list-box .list .text-box .text h4 {
	padding-bottom: 8px;
	font-size: 20px
}
.main.app .box1 .wrap .list-box .list .text-box .text small {
	padding-bottom: 16px;
	font-size: 16px
}
.main.app .box1 .wrap .list-box .list .text-box .text .icon {
	width: 26px;
	height: 26px;
	background-size: contain
}
}
@media (max-width: 800px) {
.main.app .box1 .wrap .list-box .list {
	width: 31.2%
}
}
@media (max-width: 730px) {
.main.app .box1 .wrap .list-box .list .text-box {
	padding: 8px
}
.main.app .box1 .wrap .list-box .list .text-box .text h4 {
	font-size: 16px
}
.main.app .box1 .wrap .list-box .list .text-box .text small {
	padding-bottom: 12px;
	font-size: 14px
}
}
@media (max-width: 680px) {
.main.app .box1 .wrap .list-box .list {
	width: 47.7%
}
}
@media (max-width: 340px) {
.main.app .box1 .wrap .list-box .list {
	width: 100%;
	margin: 0 0 3%
}
.main.app .box1 .wrap .list-box .list .text-box .text h4 {
	font-size: 18px
}
.main.app .box1 .wrap .list-box .list .text-box .text small {
	padding-bottom: 20px
}
}
.main.app-info .container {
	background-color: #f9f9f9
}
.main.app-info .box1 {
	padding-top: 50px;
	margin-bottom: 16px
}
@media (max-width: 1024px) {
.main.app-info .box1 {
	padding-top: 1.25rem
}
}
.main.app-info .box1 .wrap {
	background-color: #fff
}
.main.app-info .box1 .wrap .cont {
	padding: 30px 44px
}
.main.app-info .box1 .wrap .cont .img-box {
	padding-bottom: 36px
}
.main.app-info .box1 .wrap .cont .img-box .img {
	width: 49.5%
}
.main.app-info .box1 .wrap .cont .img-box .img .bg {
	padding: 72.72% 0 0
}
.main.app-info .box1 .wrap .cont p {
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	color: #545454
}
@media (max-width: 1024px) {
.main.app-info .box1 .wrap .cont {
padding:.625rem .70833rem
}
.main.app-info .box1 .wrap .cont .img-box {
padding-bottom:.33333rem
}
.main.app-info .box1 .wrap .cont p {
	font-size: 14px
}
}
@media (max-width: 600px) {
.main.app-info .box1 .wrap .cont .img-box {
	padding-bottom: 0
}
.main.app-info .box1 .wrap .cont .img-box .img {
	display: block;
	width: 100%;
	margin-bottom: 10px
}
}
@media (max-width: 435px) {
.main.app-info .box1 .wrap .cont {
padding:.625rem 10px
}
}
.main.app-info .box2 .wrap {
	background-color: #fff
}
.main.app-info .box2 .wrap .cont {
	padding: 30px 44px
}
.main.app-info .box2 .wrap .cont h4 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	text-align: center
}
.main.app-info .box2 .wrap .cont small {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #5c5c5c;
	text-transform: uppercase;
	text-align: center
}
.main.app-info .box2 .wrap .cont .list-box {
	padding-top: 10px
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box table {
	height: 100%
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box .icon {
	width: 50px;
	height: 50px;
	margin-right: 16px;
	background-position: center center;
	background-repeat: no-repeat
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box .icon.icon1 {
	background-image: url(../image/15083835086983q9xmr.png)
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box .icon.icon2 {
	background-image: url(../image/1508383485975zc3my.png)
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box .icon.icon3 {
	background-image: url(../image/15083834692001or8ly.png)
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box .icon.icon4 {
	background-image: url(../image/15083834483519csdqj.png)
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box p {
	font-size: 20px;
	color: #000
}
.main.app-info .box2 .wrap .cont .list-box .list .text {
	margin-left: 204px;
	padding: 24px 0 18px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	line-height: 1.8;
	color: #545454
}
.main.app-info .box2 .wrap .cont .list-box .list .text.border-no {
	border: none
}
@media (max-width: 1024px) {
.main.app-info .box2 .wrap .cont {
padding:.625rem .70833rem
}
.main.app-info .box2 .wrap .cont h4 {
	font-size: 18px
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box p {
	font-size: 16px
}
.main.app-info .box2 .wrap .cont .list-box .list .text {
	margin-left: 164px;
	padding: 19.2px 0 14.4px;
	font-size: 14px
}
}
@media (max-width: 640px) {
.main.app-info .box2 .wrap .cont .list-box .list {
	padding-top: 16px
}
.main.app-info .box2 .wrap .cont .list-box .list .icon-box {
	float: none;
	height: auto !important
}
.main.app-info .box2 .wrap .cont .list-box .list .text {
	margin: 0;
	padding: 15px 0
}
}
@media (max-width: 435px) {
.main.app-info .box2 .wrap .cont {
padding:.625rem 10px
}
}
.main.contact .box1 {
	padding-top: 50px;
	background-color: #f9f9f9
}
.main.contact .box1 .map {
	height: 450px
}
.main.contact .box1 .list-box {
	padding: 44px;
	font-size: 0;
	text-align: center;
	background-color: #fff
}
.main.contact .box1 .list-box .list {
	font-size: 16px;
	color: #545454;
	vertical-align: middle
}
.main.contact .box1 .list-box .list img {
	display: block;
	max-width: 100%
}
.main.contact .box1 .list-box .list.adds {
	width: 370px;
	text-align: right
}
.main.contact .box1 .list-box .list.adds .text {
	margin-right: 44px;
	padding: 5px 0 5px 28px;
	background: url(../image/map-icon1.png) no-repeat left center;
	text-align: left
}
.main.contact .box1 .list-box .list.tel {
	width: 258px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	box-sizing: border-box;
	font-family: Arial;
	text-align: center
}
.main.contact .box1 .list-box .list.tel .text {
	padding: 5px 0 5px 34px;
	background: url(../image/map-icon2.png) no-repeat left center;
	text-align: left
}
.main.contact .box1 .list-box .list.email {
	width: 280px;
	border-right: 1px solid #cecece;
	font-family: Arial
}
.main.contact .box1 .list-box .list.email .text {
	padding: 5px 0 5px 34px;
	background: url(../image/map-icon3.png) no-repeat left center
}
.main.contact .box1 .list-box .list.fax {
	width: 190px;
	text-align: right
}
.main.contact .box1 .list-box .list.fax .text {
	padding: 5px 0 5px 34px;
	background: url(../image/fax-icon.png) no-repeat left center
}
@media (max-width: 1380px) {
.main.contact .box1 .list-box .list {
	display: block;
	width: 100%;
	padding: 2px 0
}
.main.contact .box1 .list-box .list.adds {
	width: auto;
	margin-right: 0;
	text-align: left
}
.main.contact .box1 .list-box .list.adds .text {
	margin-right: 0;
	background-size: 14.4px 21.6px;
	background-position: 2px center
}
.main.contact .box1 .list-box .list.tel {
	width: auto;
	text-align: left;
	border: none
}
.main.contact .box1 .list-box .list.tel .text {
	padding-left: 30px;
	margin: 0 0;
	background-size: 17.25px 17.25px
}
.main.contact .box1 .list-box .list.tel .text span {
	display: inline
}
.main.contact .box1 .list-box .list.email {
	width: auto;
	margin-left: 0;
	text-align: left;
	border-right: none
}
.main.contact .box1 .list-box .list.email .text {
	padding-left: 30px;
	margin-left: 0;
	background-size: 19.2px 14.4px
}
.main.contact .box1 .list-box .list.fax {
	width: auto;
	text-align: left
}
.main.contact .box1 .list-box .list.fax .text {
	padding-left: 30px;
	margin-left: 0;
	background-size: 17.6px 16px
}
}
@media (max-width: 1024px) {
.main.contact .box1 {
	padding-top: 1.04167rem
}
.main.contact .box1 .list-box {
padding:.83333rem
}
.main.contact .box1 .map {
	height: 9.375rem
}
}
.main.org .ex-sub-nav {
	background-color: #f3f3f3
}
.main.org .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.org .box1 {
	padding-top: 68px
}
@media (max-width: 1024px) {
.main.org .box1 {
	padding-top: 1.41667rem
}
}
.main.org .box1 img {
	margin: 0 auto;
	max-width: 100%
}
.main.org .box1 img.pc {
	display: block
}
.main.org .box1 img.mb {
	display: none
}
@media (max-width: 768px) {
.main.org .box1 img.pc {
	display: none
}
.main.org .box1 img.mb {
	display: block
}
}
.main.search .box1 {
	padding-top: 70px;
	background-color: #f9f9f9
}
@media (max-width: 1024px) {
.main.search .box1 {
	padding-top: 1.45833rem
}
}
.main.search .box1 .wrap .wrap-title {
	padding: 10px 0 35px;
	font-size: 28px;
	text-align: center;
	color: #fff;
	background: url(../image/search-title.png) no-repeat center top
}
@media (max-width: 1024px) {
.main.search .box1 .wrap .wrap-title {
	width: 200px;
	height: 44px;
	padding: 0;
	margin: 0 auto;
	line-height: 44px;
	font-size: 20px;
	border-radius: 5px;
	background: #27b384
}
}
@media (max-width: 660px) {
.main.search .box1 .wrap .wrap-title {
	width: 180px;
	height: 38px;
	font-size: 18px;
	line-height: 38px
}
}
.main.search .box1 .wrap .list-box {
	padding-top: 45px
}
.main.search .box1 .wrap .list-box .list {
	position: relative;
	padding-bottom: 100px;
	background: url(../image/search-line.jpg) repeat-y center top
}
.main.search .box1 .wrap .list-box .list .step {
	position: absolute;
	top: 0;
	left: 50%;
	width: 62px;
	height: 60px;
	margin-left: -31px;
	font-size: 30px;
	line-height: 60px;
	font-weight: bold;
	font-family: 'Helvetica';
	text-align: center;
	background: url(../image/num-bg.png) no-repeat center center;
	color: #fff
}
.main.search .box1 .wrap .list-box .list.first .step {
	top: -1px;
	height: 61px;
	background-image: url(../image/num-bg1.png)
}
.main.search .box1 .wrap .list-box .list.last {
	background: url(../image/search-line2.jpg) repeat-y center top
}
.main.search .box1 .wrap .list-box .list.last .step.btm, .main.search .box1 .wrap .list-box .list.last .step.isdone {
	top: auto;
	bottom: -1px;
	height: 61px;
	background-position: center bottom
}
.main.search .box1 .wrap .list-box .list.last .step.btm {
	background-image: url(../image/num-bg2.png)
}
.main.search .box1 .wrap .list-box .list.last .step.isdone {
	font-size: 13px;
	font-family: "Microsoft Yahei Light";
	background-image: url(../image/num-bg3.png)
}
.main.search .box1 .wrap .list-box .list .img-box {
	width: 41.67%;
	margin-top: 10px
}
.main.search .box1 .wrap .list-box .list .img-box .flex-control-nav {
	display: none
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	font-size: 0
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li {
	font-size: 0
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a {
	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a.flex-prev {
	margin-right: 1px;
	background-image: url(../image/search-left1.png)
}
@media (min-width: 1025px) {
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a.flex-prev:hover {
	background-image: url(../image/search-left2.png);
	background-color: #27b384
}
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a.flex-next {
	background-image: url(../image/search-right1.png)
}
@media (min-width: 1025px) {
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a.flex-next:hover {
	background-image: url(../image/search-right2.png);
	background-color: #27b384
}
}
.main.search .box1 .wrap .list-box .list .img-box .flexslider .slides .items {
	padding: 72% 0 0 0
}
.main.search .box1 .wrap .list-box .list .text-box {
	width: 41.67%
}
.main.search .box1 .wrap .list-box .list .text-box .title {
	font-size: 18px;
	font-weight: normal;
	color: #171717
}
.main.search .box1 .wrap .list-box .list .text-box .title span {
	vertical-align: middle
}
.main.search .box1 .wrap .list-box .list .text-box .title span.icon {
	width: 14px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat
}
.main.search .box1 .wrap .list-box .list .text-box .title span.num {
	font-size: 48px;
	font-weight: bold;
	font-family: 'Helvetica'
}
.main.search .box1 .wrap .list-box .list .text-box .text {
	padding: 48px 0 122px;
	font-size: 14px;
	line-height: 2;
	color: #343434
}
.main.search .box1 .wrap .list-box .list .text-box .tips {
	display: block;
	padding: 10px 0 10px 40px;
	font-size: 14px;
	color: #5e5e5e;
	background: url(../image/search-icon3.png) no-repeat left center
}
.main.search .box1 .wrap .list-box .list .text-box.fr .cont {
	padding: 0 45px 0 30px
}
.main.search .box1 .wrap .list-box .list .text-box.fr .title span.icon {
	margin-right: 15px;
	background-image: url(../image/search-icon1.png)
}
.main.search .box1 .wrap .list-box .list .text-box.fr .title span.num {
	margin-right: 6px
}
.main.search .box1 .wrap .list-box .list .text-box.fl .cont {
	padding: 0 30px 0 45px
}
.main.search .box1 .wrap .list-box .list .text-box.fl .title {
	text-align: right
}
.main.search .box1 .wrap .list-box .list .text-box.fl .title span.icon {
	margin-left: 15px;
	background-image: url(../image/search-icon2.png)
}
.main.search .box1 .wrap .list-box .list .text-box.fl .title span.num {
	margin-left: 6px
}
@media (max-width: 1024px) {
.main.search .box1 .wrap .list-box {
padding-top:.9375rem
}
.main.search .box1 .wrap .list-box .list {
	padding-bottom: 1.25rem;
	background-size: 14px auto
}
.main.search .box1 .wrap .list-box .list .step {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	font-size: 20px;
	line-height: 50px;
	background-size: contain
}
.main.search .box1 .wrap .list-box .list.first .step {
	top: -1px;
	height: 51px
}
.main.search .box1 .wrap .list-box .list.last {
	background-size: 14px auto
}
.main.search .box1 .wrap .list-box .list.last .step.btm, .main.search .box1 .wrap .list-box .list.last .step.isdone {
	top: auto;
	bottom: -1px;
	height: 51px
}
.main.search .box1 .wrap .list-box .list.last .step.isdone {
	font-size: 12px
}
.main.search .box1 .wrap .list-box .list .img-box {
	width: 42%
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a {
	width: 40px;
	height: 40px
}
.main.search .box1 .wrap .list-box .list .text-box {
	width: 42%
}
.main.search .box1 .wrap .list-box .list .text-box .title {
	font-size: 16px;
	line-height: 50px
}
.main.search .box1 .wrap .list-box .list .text-box .title span.num {
	font-size: 30px
}
.main.search .box1 .wrap .list-box .list .text-box .text {
	padding: 1rem 0 1.29167rem
}
.main.search .box1 .wrap .list-box .list .text-box.fr .cont {
padding:0 0 0 .625rem
}
.main.search .box1 .wrap .list-box .list .text-box.fl .cont {
padding:0 .625rem 0 0
}
}
@media (max-width: 660px) {
.main.search .box1 .wrap .list-box {
	padding-top: 1.35417rem
}
.main.search .box1 .wrap .list-box .list {
padding-bottom:.83333rem;
	background: none;
	max-width: 500px;
	margin: 0 auto
}
.main.search .box1 .wrap .list-box .list .step {
	display: none
}
.main.search .box1 .wrap .list-box .list.first .step {
	top: -1px;
	height: 51px
}
.main.search .box1 .wrap .list-box .list.last {
	background: none;
	padding-bottom: 0
}
.main.search .box1 .wrap .list-box .list .img-box {
	width: 100%;
	margin: 0 0 10px
}
.main.search .box1 .wrap .list-box .list .img-box .flex-direction-nav li a {
	width: 40px;
	height: 40px
}
.main.search .box1 .wrap .list-box .list .text-box {
	width: 100%
}
.main.search .box1 .wrap .list-box .list .text-box .title {
	font-size: 16px;
	line-height: 1.2
}
.main.search .box1 .wrap .list-box .list .text-box .title span.icon {
	display: none
}
.main.search .box1 .wrap .list-box .list .text-box .title span.num {
	font-size: 26px
}
.main.search .box1 .wrap .list-box .list .text-box .text {
	padding: 6px 0 10px
}
.main.search .box1 .wrap .list-box .list .text-box.fr .cont {
	padding: 0
}
.main.search .box1 .wrap .list-box .list .text-box.fl .cont {
	padding: 0
}
}
.main .page .left {
	font-family: Arial;
	font-size: 24px;
	line-height: 50px;
	color: #bfbfbf
}
.main .page .right {
	font-size: 0
}
.main .page .right a {
	width: 50px;
	height: 50px;
	margin-left: 5px;
	background-color: #e2e2e2;
	background-position: center center;
	background-repeat: no-repeat
}
.main .page .right a.prev {
	background-image: url(../image/page-left.png)
}
.main .page .right a.next {
	background-image: url(../image/page-right.png)
}
@media (min-width: 1025px) {
.main .page .right a:hover {
	background-color: #27b384
}
.main .page .right a:hover.prev {
	background-image: url(../image/page-left2.png)
}
.main .page .right a:hover.next {
	background-image: url(../image/page-right2.png)
}
}
@media (max-width: 1024px) {
.main .page .left {
	font-size: 20px;
	line-height: 40px
}
.main .page .right a {
	width: 40px;
	height: 40px
}
}
@media (max-width: 960px) {
.main .page .left {
	font-size: 18px;
	line-height: 32px
}
.main .page .right a {
	width: 32px;
	height: 32px
}
}
.main.apply .ex-sub-nav {
	background-color: #f3f3f3
}
.main.apply .ex-sub-nav .swiper-wrapper .tab {
	width: 25%
}
.main.apply input, .main.apply select {
	outline: 0;
	border-radius: 0
}
.main.apply .box1 .wrap-job .group {
	padding: 50px 0 0;
	font-size: 16px;
	line-height: 26px
}
@media (max-width: 768px) {
.main.apply .box1 .wrap-job .group {
	padding-top: 1.04167rem
}
}
.main.apply .box1 .wrap-job .group .webuploader-pick {
	padding: 5px 15px !important;
	background: #378add !important
}
.main.apply .box1 .wrap-job .group .webuploader-container {
	position: relative;
	width: 200px
}
.main.apply .box1 .wrap-job .group #filePicker label {
	background: #378add !important
}
.main.apply .box1 .wrap-job .group .input-group {
	width: 49.3%;
	margin-bottom: 15px
}
.main.apply .box1 .wrap-job .group .input-group.file .input-box {
	margin-bottom: 4px
}
.main.apply .box1 .wrap-job .group .input-group.file .tips {
	line-height: 28px
}
.main.apply .box1 .wrap-job .group .input-group.file .text {
	text-indent: 0;
	height: 28px;
	line-height: 28px
}
.main.apply .box1 .wrap-job .group .input-group label {
	display: block;
	padding-bottom: 4px;
	color: #000
}
.main.apply .box1 .wrap-job .group .input-group .text {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #dedede;
	box-sizing: border-box;
	padding: 0 10px;
	color: #555
}
.main.apply .box1 .wrap-job .group .input-group .form-control {
	border: none;
	color: #277acd
}
.main.apply .box1 .wrap-job .group .input-group select.text {
	box-sizing: border-box
}
.main.apply .box1 .wrap-job .group .input-group textarea.text {
	padding: 10px
}
.main.apply .box1 .wrap-job .group .input-group.resume {
	width: 100%
}
.main.apply .box1 .wrap-job .group .input-group.resume .text {
	width: 100%;
	height: 280px;
	resize: none
}
.main.apply .box1 .wrap-job .group .input-group.file input {
	position: relative;
	top: 5px
}
@media (max-width: 768px) {
.main.apply .box1 .wrap-job .group {
	font-size: 14px
}
.main.apply .box1 .wrap-job .group .input-group {
	float: none;
	width: 100%
}
.main.apply .box1 .wrap-job .group .input-group .text {
	width: 100%
}
.main.apply .box1 .wrap-job .group .input-group.file {
	width: 100%
}
.main.apply .box1 .wrap-job .group .input-group.file .tips {
	line-height: 32px
}
.main.apply .box1 .wrap-job .group .input-group.file .text {
	width: 198px;
	text-indent: 0
}
.main.apply .box1 .wrap-job .group .input-group.resume {
	width: 100%
}
.main.apply .box1 .wrap-job .group .input-group.resume .text {
	width: 100%;
	height: 180px
}
}
@media (max-width: 1058px) {
.main.apply .box1 .wrap-job .group .input-group.file .tips {
	display: none
}
}
.form-btn-box .btn {
	display: block;
	width: 134px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: none;
	background-color: #27b384;
	border-radius: 4px
}
@media (min-width: 1024px) {
.form-btn-box .btn:hover {
	background-color: #229e75
}
}
@media (max-width: 768px) {
.form-btn-box .btn {
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px
}
}
/*# sourceMappingURL=style.css.map */