/* ----------基本元素重置----------- */
 
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #313131;
	line-height: 1.8;
	overflow-x: hidden
}
a:link {
	color: #313131;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #313131;
}
a:hover {
	text-decoration: none;
	color: #07312F;
}
a:active {
	text-decoration: none;
	color: #313131;
}
a img, img {
	border: none;
	vertical-align: middle;
	max-width: 100%
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, input, select, textarea, button, fieldset, table, th, td, span, form, p, a, img, object, embed {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
input, textarea, select, button, file {
	vertical-align: middle
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}
.bold {
	font-weight: bold
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fa {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center
}
.overflow {
	overflow: hidden
}
.clearfix, .clear {
	clear: both;
 *zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.text-center {
	text-align: center
}
.none {
	display: none
}
.blue {
	color: #095d9b
}
.block {
	clear: both
}
.bg {
	background: #e9edf0;
	padding-bottom: 4%
}
.page-wrapper, .wrapper, .page-wrapper-row {
	margin: 0 15px;
}
.zoom {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
}
.zoom span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.zoom span:hover {
	webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.box-shadow {
	-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
	-moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
	box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
}
.box-shadow:hover {
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
}
/*分享*/

.ico-share {
}
.ico-share a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 28px;
}
.ico-share .share1 {
	background-image: url(../img/t-facebook.png)
}
.ico-share .share2 {
	background-image: url(../img/t-twitter.png)
}
.ico-share .share3 {
	background-image: url(../img/t-ins.png)
}
.ico-share .share4 {
	background-image: url(../img/t-youtube.png);
}
.ico-share .share5 {
	background-image: url(../img/t-pinterest.png)
}
.line1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.line2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 头部 */

.header {
	position: relative;
	height: 60px;
	padding: 0px 0px;
	background: #fff;
	z-index: 990;
}
.header .logo {
	float: left;
	margin: 6px 0 0 10px;
}
.header .logo img {
	height: 48px;
}
.searchbtn {
	float: right;
	display: block;
	font-size: 0;
	width: 40px;
	padding: 0px 3px;
	height: 60px;
	line-height: 60px;
	background: #066;
	background: url(../img/search2.png) no-repeat center;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
a.en {
	float: right;
	display: block;
	font-size: 16px;
	width: auto;
	height: 60px;
	line-height: 60px;
	color: #07312F;
	margin-right: 10px;
}
a.en::after {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid #07312F;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	margin-left: 3px;
	vertical-align: middle;
	border-radius: 2px;
}
.navbtn {
	position: relative;
	float: right;
	display: block;
	width: 55px;
	height: 60px;
	line-height: 60px;
	font-size: 0;
	text-align: center;
}
.navbtn span, .navbtn span:before, .navbtn span:after {
	position: absolute;
	display: block;
	width: 28px;
	height: 2px;
	cursor: pointer;
	content: '';
	background-color: #555;
	border-radius: 2px;
	-webkit-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
	transition: all .4s cubic-bezier(0.19, 1, .22, 1)
}
.navbtn span {
	margin: 30px 10px 0 15px;
}
.navbtn span:before {
	top: -10px
}
.navbtn span:after {
	bottom: -10px
}
.navbtn.is-clicked {
	background: #07312F
}
.navbtn.is-clicked span {
	background-color: transparent
}
.navbtn.is-clicked span:before, .navbtn.is-clicked span:after {
	top: 0;
	background-color: #fff;
}
.navbtn.is-clicked span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.navbtn.is-clicked span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cd-main-content {
	min-height: 100%;
	position: relative;
	background-color: #fff;
	z-index: 2;
	padding-top: 0;
	/* Force Hardware Acceleration in WebKit */



	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
header.lateral-menu-is-open, .foot-menu-open {
	/* translate to show the lateral menu */



	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
header.is-fixed {
	position: fixed;
}
#cd-lateral-nav {
	position: fixed;
	height: 80%;
	right: 0;
	top: 0;
	display: none;
	z-index: 1;
	width: 260px;
	padding: 80px 0 20% 0;
	background-color: #07312F;
	overflow-y: scroll;
	/* Force Hardware Acceleration in WebKit */



	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
#cd-lateral-nav.lateral-menu-is-open {
	display: block
}
#cd-lateral-nav li>a {
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	padding: 5px 10px 5px 30px;
	margin: 5px 0;
	color: #fff;
	position: relative;
}
#cd-lateral-nav li.active a {
}
#cd-lateral-nav li.active a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	display: block;
	width: 5px;
	height: 22px;
	background: #eee;
}
#cd-lateral-nav .sub-menu {
	padding: 5px 10px 10px 35px;
	display: none;
	text-transform: capitalize;
}
#cd-lateral-nav .sub-menu dd a {
	display: block;
	line-height: 32px;
	height: 32px;
	font-size: 14px;
	color: #a0adac;
}
#cd-lateral-nav .item-has-children {
	position: relative
}
#cd-lateral-nav .item-has-children i {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 80px;
	height: 32px;
}
#cd-lateral-nav .item-has-children i:after {
	display: inline-block;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #eee;
	border-right: 2px solid #eee;
	transform: rotate(45deg);
	border-radius: 2px;
	position: absolute;
	top: 10px;
	right: 30px;
}
#cd-lateral-nav .item-has-children i.submenu-open:after {
	transform: rotate(135deg);
}
/* 搜索 */

.search {
	position: absolute;
	width: 100%;
	left: 0;
	top: 60px;
	display: none;
	background: #fff;
	z-index: 99
}
.search form {
	position: relative;
	height: 42px;
	margin: 20px 20px
}
.search input {
	height: 40px;
	width: 100%;
	line-height: 40px;
	border: none;
	border: 1px solid #ddd;
	border-radius: 40px;
	text-indent: 15px;
	color: #eee
}
.search button {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border: none;
	background: url(../img/search.png) no-repeat center;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer
}
.search .search-group {
	display: none
}
/*底部*/

.footer {
	background: rgb(7, 49, 47);
	color: #ddd;
	padding: 15px 0;
}
#footer {
	margin-top: 0
}
.foot-nav {
	padding: 15px 16px;
	text-align: center;
	background: rgb(7, 49, 47);
	color: #ddd;
	text-align: left;
	border-bottom: 1px solid rgb(11, 64, 61);
}
.foot-nav dl {
	float: left;
	width: 37%;
	margin: 5px 0;
	font-size: 14px;
}
.foot-nav dl.dl1 {
	width: 26%
}
.foot-nav a {
	color: #fff
}
.foot-nav dl dt {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase
}
.foot-nav dl dd a {
	display: block;
	margin-bottom: 5px;
	color: #b0c7c5;
	font-size: 12px
}
.foot-info {
	padding: 15px 16px;
}
.foot-info li {
	padding-left: 28px;
	margin: 10px auto;
	background-position: left 5px;
	background-repeat: no-repeat;
	background-size: 18px auto
}
.foot-info li h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase
}
.foot-info li P {
	color: #8aa2a1
}
.foot-info li.address {
	background-image: url(../img/af1.png)
}
.foot-info li.phone {
	background-image: url(../img/af2.png)
}
.foot-info li.email {
	background-image: url(../img/af3.png)
}
.copyright {
	text-align: center;
	padding: 10px 15px 60px 15px;
	color: #eee;
	font-size: 13px;
	background: rgb(7, 49, 47);
	border-top: 1px solid rgb(11, 64, 61);
}
.copyright a {
	color: #C1CBDB;
}
.copyright .ico-share {
	margin: 10px auto
}
.foot-menu {
	z-index: 9;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	background: #222;
	border-top: 1px solid rgb(11, 64, 61);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.foot-menu li {
	width: 20%;
	float: left;
	font-size: 14px;
	text-align: center
}
.foot-menu li a {
	display: block;
	padding: 10px 1px;
	line-height: 20px;
	border-left: 1px solid #333;
	color: #fff;
	font-size: 12px;
}
.foot-menu li:first-child a {
	border-left: none
}
.foot-menu li i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	margin: -3px 1px 0 1px
}
.foot-menu li.active a {
	background: #07312F
}
.foot-menu li.li0 i {
	background-image: url(../img/fmenu0.png)
}
.foot-menu li.li1 i {
	background-image: url(../img/fmenu1.png)
}
.foot-menu li.li2 i {
	background-image: url(../img/fmenu2.png)
}
.foot-menu li.li3 i {
	background-image: url(../img/fmenu3.png)
}
.foot-menu li.li4 i {
	background-image: url(../img/fmenu4.png)
}
/*客服*/

.bottom_tools {
	position: fixed;
	z-index: 99;
	right: 8px;
	bottom: 10%;
}
.bottom_tools dd a {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 8px;
	border: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px auto;
	border-radius: 2px;
}
.qr_tool {
	background-image: url(../img/weixin.png);
}
.qr_img {
	position: absolute;
	top: -40px;
	right: 60px;
	display: none;
	max-width: 180px
}
.cart {
	position: relative;
	background-image: url(../img/cart.png);
}
.cart span {
	position: absolute;
	right: 3px;
	top: 4px;
	background: #3fa5f0;
	color: #fff;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	border-radius: 50%;
	text-align: center;
}
#scrollup {
	display: none;
	border-radius: 30px;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	border: 1px solid #fff;
	text-align: center;
	line-height: 26px;
	background: #07312F
}
#scrollup::after {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 10px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	vertical-align: middle;
	border-radius: 2px;
}
/*栏目标题*/

.title {
	margin: 20px auto 20px auto;
	font-size: 16px;
	color: #333
}
.title h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	margin-bottom: 5px;
	letter-spacing: 1px;
	text-transform: uppercase
}
.title h3 {
	font-size: 16px;
	line-height: 1.4;
	color: #07312F;
	margin-bottom: 5px;
	text-transform: uppercase;
	display:none;
}
.title p {
	font-size: 13px;
	line-height: 1.4;
	color: #777;
	margin-top: 15px;
}
.title h2:after {
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background: #13856F;
	margin: 8px auto;
	border-radius: 5px
}
.title.ititle h2:after {
	margin: 10px 0
}
.title.white h2, .title.white h3, .title.white p {
	color: #fff
}
.title.white h2:after, .title.white p:after {
	background: #eee
}
/*更多*/

.imore {
	margin: 5% auto;
}
.imore a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 1px 30px;
	border-radius: 30px;
	font-size: 12px;
	border: 1px solid #07312F;
	color: #fff;
	background: #07312F;
}
.imore a:hover {
	background: none;
	color: #07312F;
}
.imore.white a {
	color: #fff;
	border: 1px solid #fff;
}
/*分享*/

.share-list a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
.share-list .weixin {
	background-image: url(../img/weixin3.png)
}
.share-list .weibo {
	background-image: url(../img/weibo3.png)
}
.share-list .facebook {
	background-image: url(../img/facebook3.png)
}
.share-list .twitter {
	background-image: url(../img/twitter3.png)
}
.share-list .ins {
	background-image: url(../img/ins3.png)
}
.share-list .youtube {
	background-image: url(../img/youtube3.png);
}
.share-list .share {
	background-image: url(../img/share3.png);
}
.share-list span {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 1px;
	margin: 0 5px;
	background: #13856F;
}
a.btn {
	display: inline-block;
	line-height: 24px;
	padding: 5px 20px;
	border: 1px solid #13856F;
	background: #13856F;
	color: #fff;
	border-radius: 30px;
	font-size: 13px;
	text-align: center;
	text-transform: capitalize;
}
a.btn:hover {
	background: #fff;
	color: #13856F;
}
.btn.yellow {
	border: 1px solid #FFBA60;
	background: #FFBA60;
}
.btn.yellow:hover {
	background: #fff;
	color: #FFBA60;
}
.btn.green {
	border: 1px solid #07312F;
	background: #07312F;
}
.btn.green:hover {
	background: #fff;
	color: #07312F;
}
/*栏目图*/

.column-bg {
	position: relative;
	width: 100%;
	height: 180px;
	background-color: #f4f4f4;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.column-bg .wrapper {
	position: relative;
	height: 180px;
}
.columntit {
	position: absolute;
	bottom: 40%;
	left: 1%;
	right: 1%;
	text-align: center;
	line-height: 1.4;
	font-size: 14px;
	color: #fff;
	-webkit-animation: columntit 1.5s;
	animation: columntit 1.5s;
}
.columntit.blue {
	color: #07312F
}
.columntit h1 {
	display: none;
	position: relative;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 2px 2px rgba(100,100,100,0.2);
}
.columntit h3 {
	position: relative;
	font-size: 20px;
	margin-top: 2px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 2px 2px rgba(100,100,100,0.2);
}
.columntit h3 span {
	display: inline-block;
}
 @-webkit-keyframes columntit {
 0% {
 bottom: 50%;
 opacity: 0;
}
 100% {
 bottom: 40%;
 opacity: 1;
}
}
 @keyframes columntit {
 0% {
 bottom: 50%;
 opacity: 0;
}
 100% {
 bottom: 40%;
 opacity: 1;
}
}
.column-box {
	position: relative;
	height: 0px;
	z-index: 9;
	display: none
}
.column {
	height: 50px;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #eee;
	z-index: 9;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.column ul {
	width: auto;
	white-space: nowrap;
	overflow: auto;
	height: 60px;
	font-size: 0;
	padding-left: 20px;
	-webkit-overflow-scrolling: touch;
}
.column ul li {
	position: relative;
	text-transform: capitalize;
	font-size: 15px;
	line-height: 50px;
	margin-right: 15px;
	padding: 0px 1px;
	display: inline-block;
	vertical-align: top;
}
.column ul li::after {
	background: #07312F;
	display: block;
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 0
}
.column ul li.active::after {
	width: 100%
}
.column ul li.active a {
	color: #07312F
}
.column .back {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	padding-left: 28px;
	background: url(../img/back.png) no-repeat center left;
	background-size: 18px auto;
	font-size: 15px;
	color: #666;
}
.scroll-down {
	position: absolute;
	left: -10%;
	top: 400px;
	color: #666;
	z-index: 99;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* Internet Explorer */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg); /* Safari 和 Chrome */
	-o-transform: rotate(90deg); /* Opera */
}
.scroll-down:after {
	content: '';
	display: block;
	width: 320px;
	height: 1px;
	background: #999;
	position: absolute;
	top: 13px;
	left: 100px;
}
/*面包屑*/

.breadcrumb {
	position: relative;
	font-size: 13px;
	line-height: 40px;
	height: 40px;
	background: #fff url(../img/home.png) no-repeat 15px center;
	background-size: 14px auto;
	color: #07312F;
	padding: 0 20px 0 36px;
	border-bottom: 1px solid #f3f3f3
}
.breadcrumb a {
	display: inline-block;
	color: #07312F
}
.breadcrumb i {
	display: inline-block;
	margin: 0 1px;
	vertical-align: middle;
	font-style: normal;
	font-family: "Simsun";
}
.breadcrumb .fa-circle::before {
	display: inline-block;
	content: "/";
	vertical-align: top;
}
.breadcrumb a:last-child {
	color: #13856F;
	border-bottom: 2px solid #13856F
}
/*** 分页样式 **/

.search-pagination {
	padding: 15px 0;
	clear: both;
	text-align: center;
	height: auto;
	font-size: 12px;
}
.search-pagination ul li {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	margin: 1px 2px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc
}
.search-pagination ul li a {
	color: #555;
	display: inline-block;
	min-width: 12px;
	padding: 0 9px;
}
.search-pagination ul li.total a {
	padding: 0px 12px;
}
.search-pagination ul li:hover {
	color: #07312F;
	text-decoration: none;
}
.search-pagination ul li:hover a {
	color: #07312F;
}
.search-pagination ul li.active,  .search-pagination ul li.active a, .pagebox ul li.active a:hover {
	color: #fff;
	background: #07312F
}
.search-pagination ul li.active {
}
/* banner */

.banner {
	position: relative;
}
.banner .swiper-slide img {
	width: auto
}
.swiper-banner .wrapper {
	position: relative;
}
.banner .swiper-slide .wrapper img {
	width: 100%
}
.swiper-banner .swiper-slide {
	position: relative;
	background: #fff
}
.swiper-banner .swiper-slide .detail {
	display: none;
	position: absolute;
	width: 50%;
	left: 40%;
	bottom: 10%;
	height: auto;
	color: #fff;
	font-size: 13px;
	opacity: 0;
	transition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
}
.swiper-banner .swiper-slide-active .detail {
	bottom: 2%;
	opacity: 1;
}
.swiper-banner .swiper-slide-active .detail h2 {
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 15px;
}
.banner .swiper-container .swiper-pagination {
	bottom: 11px;
	left: 0;
}
.banner .swiper-container .swiper-pagination-bullet {
	opacity: 1;
	position: relative;
	width: 15px;
	height: 3px;
	border-radius: 3px;
	margin: 0 5px;
	background-color: rgba(220,220,220,0.7);
	transition: background-color .5s ease;
}
.banner .swiper-container .swiper-pagination-bullet-active {
	width: 30px;
}
.banner .swiper-container .swiper-pagination-bullet::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: 0 0;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	animation: sliderPagination 6s linear forwards
}
.banner .swiper-container .swiper-pagination-bullet:hover {
	background-color: #fff;
}
 @keyframes sliderPagination {
 100% {
 transform: scaleX(1);
 opacity: 1;
}
}
/*-----------关于--------------*/

.iabout {
	margin: 5% auto;
}
.iabout .iabout-text {
	position: relative;
	line-height: 1.8;
	font-size: 14px;
}
.iabout .iabout-text .txt {
	height: 195px;
	overflow: hidden
}
.iabout .iabout-img {
	text-align: center;
	position: relative;
	margin: 20px auto
}
.iabout .iabout-img img {
	height: auto;
}
.iabout .iabout-text .more a {
	font-size: 12px;
	margin: 9px 0;
	color: #13856F;
	display: inline-block;
	border-bottom: 1px solid #13856F
}
.iabout-info {
	margin: 20px auto;
	border: 1px solid #13856F
}
.iabout-info ul li {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 13px;
	color: #666;
	box-sizing: border-box;
	padding: 10px 5px;
	border-right: 1px solid #78c7b8;
	border-bottom: 1px solid #78c7b8
}
.iabout-info ul li:last-child {
	border: none
}
.iabout-info ul li span {
	display: inline-block;
	vertical-align: middle;
	min-width: 80px;
	margin-left: 5px;
}
.iabout-info ul li i {
	font-size: 38px;
	color: #13856F;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
	font-family: "Century Gothic";
}
.iabout-info ul li sup {
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle
}
.iabout-info ul li b {
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
	vertical-align: bottom
}
.iabout-info ul li p {
	margin: 1px auto;
	line-height: 1.6
}
.iabout-info ul li:hover {
	color: #fff;
	background: #13856F
}
.iabout-info ul li:hover i {
	color: #fff;
}
.iabout-menu {
	margin: 10px auto;
}
.iabout-menu li {
	margin: 10px auto;
}
.iabout-menu li:nth-of-type(3n) {
	margin-right: 0
}
.iabout-menu li .zoom {
	padding-bottom: 50%
}
.iabout-menu li h3 {
	position: absolute;
	top: 40%;
	left: 10%;
	right: 10%;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
/* 我们的优势 */

.iadv-box {
	position: relative;
	padding: 4% 0;
	background: #eee
}
.iadv {
	position: relative;
	width: 100%;
	margin: 4% auto;
	overflow: hidden;
}
.iadv li {
	position: relative;
	margin-bottom: 10px;
}
.iadv .adv-con {
	position: relative;
	display: none;
}
.iadv .iadv-pic {
	height: auto;
	overflow: hidden
}
.iadv .iadv-pic img {
	width: 100%;
}
.iadv .iadv-pic .zoom {
	padding-bottom: 300px;
}
.iadv .iadv-txt {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	box-sizing: border-box;
	padding: 5%;
	overflow: hidden;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.iadv .iadv-txt .tit {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 20px;
}
.iadv .iadv-txt .txt {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 5%;
	font-size: 13px;
	line-height: 1.4
}
.iadv .adv-tit {
	position: relative;
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 10px 10px 70px;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.iadv .adv-tit.on {
	background: #07312F;
	color: #fff
}
.iadv .adv-tit big {
	display: inline-block;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -21px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #07312F;
}
.iadv .adv-tit .tit {
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	margin: 10px auto;
}
.iadv .adv-tit.on .tit {
	color: #fff;
}
.iadv .adv-tit.on big {
	-webkit-text-stroke: 1px #fff;
}
/*首页产品*/

.iproductbox {
	position: relative;
	padding: 3% 0;
	overflow: hidden;
	background-color: #fff;
	background-image: url();
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.iproduct {
	position: relative;
	margin: 2% auto
}
.iproduct .pro-list ul li .clearfix {
	background: #fff;
	margin: 2px;
}
.iproduct .pro-list ul li:nth-of-type(4n) .clearfix {
}
.iproduct .pro-list ul li .text {
}
.iproduct .pro-list ul li:hover .text::after {
	width: 0;
}
/*首页新闻*/

/**tabs**/

.inews-tab {
	text-align: center;
	margin: 3% auto
}
.inews-tab ul li {
	display: inline-block;
	border: 1px solid #999;
	padding: 3px 10px;
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 50px;
	margin: 5px 5px;
	text-align: center;
	cursor: pointer;
}
.inews-tab ul li.hit {
	border: 1px solid #11877E;
	color: #11877E
}
.inews-box {
	position: relative;
	padding: 2% 0;
	overflow: hidden;
	background-image: url(../img/inewsbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.inews {
	display: none;
	position: relative;
	z-index: 1;
}
.inews-l {
	position: relative;
	overflow: hidden;
	margin: 10px auto
}
.inews-l .zoom {
	padding-bottom: 60%
}
.inews-l .txt {
	margin: 10px auto
}
.inews-l h3 {
	display: block;
	color: #333;
	margin: 5px auto;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}
.inews-l p {
	color: #666;
	font-size: 14px;
	height: 50px;
	overflow: hidden
}
.inews-r {
}
.inews-r ul li {
	position: relative;
	margin: 0px auto;
	padding: 12px 0;
	border-top: 1px solid #ddd;
}
.inews-r ul li a {
	display: block;
}
.inews-box ul li h3 {
	display: block;
	color: #333;
	margin: 5px auto;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}
.inews-box ul li p {
	color: #666;
	font-size: 14px;
	height: 50px;
	overflow: hidden
}
.inews-box ul li .txt::after {
	display: block;
	content: "";
	width: 0;
	padding: 0px;
	height: 5px;
	background: #11877E;
	position: absolute;
	bottom: 0;
	left: 0;
}
.inews-box ul li:hover h3 {
	color: #11877E;
}
.inews-box ul li:hover .txt::after {
	width: 100%;
	left: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.liebiaotu {
	margin-bottom: 30px
}
 @media screen and (max-width: 960px) {
}
/*案例*/

.icase {
	padding: 3% 0 3% 0;
	background: #07312F;
	position: relative;
	overflow: hidden
}
.icase .swiper-button-prev {
	background-image: url(../img/prev2.png);
}
.icase .swiper-button-next {
	background-image: url(../img/next2.png);
}
.icase .swiper-slide .txt {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
/*客户评论*/

.iremark {
	padding: 3% 0 5% 0;
	background: #fff;
	position: relative;
	overflow: hidden
}
.iremark .swiper-button-prev {
	background-image: url(../img/prev2.png);
	background-color: #07312F;
	background-size: 20px auto;
	border-radius: 80px;
	left: 0
}
.iremark .swiper-button-next {
	background-image: url(../img/next2.png);
	background-color: #07312F;
	background-size: 20px auto;
	border-radius: 80px;
	right: 0
}
.iremark .swiper-slide .txt {
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
	padding: 60px 40px 10px 40px;
	font-weight: bold;
	background: url(../img/jiyu.png) no-repeat center top;
	background-size: 40px auto
}
.iremark .swiper-slide .txt strong {
	color: #11877E
}
.iremark .swiper-slide .tit {
	font-size: 16px;
	margin: 10px auto;
	font-weight: normal
}
.iremark .swiper-slide .tit span {
	color: #11877E
}
.iremark .swiper-slide .author {
	font-size: 13px;
	color: #999;
	font-weight: normal
}
/*合作伙伴*/

.ipartner {
	padding: 3% 0 3% 0;
	background: #f2f2f2;
	position: relative;
	overflow: hidden
}
.ipartner .wrapper .ipartner-box {
	background: #fff;
	padding: 15px;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.ipartner .wrapper .swiper-ipartner {
	overflow: hidden;
}
.ipartner .swiper-button-prev {
	background-image: url(../img/prev2.png);
}
.ipartner .swiper-button-next {
	background-image: url(../img/next2.png);
}
.ipartner .swiper-wrapper {
	margin-top: -1px;
}
.ipartner .swiper-slide .pic {
	border-left: 1px solid #ddd;
	box-sizing: border-box
}
.ipartner .swiper-slide .zoom span {
	background-size: 70% auto
}
.ipartner .wrapper .swiper-ipartner li:nth-of-type(1) .pic {
 
}
.ipartner .wrapper .swiper-ipartner li .pic {
	border-top: 1px solid #ddd
}
.ipartner .swiper-pagination {
	position: relative;
	bottom: auto;
	margin: 3% auto 1% auto
}
.ipartner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 1px 7px;
	overflow: hidden;
}
/*联系我们*/

.icontact-box {
	padding: 20px 0;
	text-align: center;
	background: #fff;
	position: relative;
	overflow: hidden
}
.icontact-box .tit {
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 6px auto;
	text-align: center
}
.icontact-box h4 {
	color: #666;
	font-size: 13px;
	margin-bottom: 10px;
	text-align: center
}
.icontact-box .icontact-msg li {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-size: 15px;
	margin: 5px auto;
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	width: 50%;
	float: left;
	text-align: left
}
.icontact-box .icontact-msg li.tel {
	background-image: url(../img/weixin2.png)
}
.icontact-box .icontact-msg li.email {
	background-image: url(../img/email.png)
}
.icontact-box .icontact-msg .btn {
	margin: 10px auto;
	font-size: 14px;
}
.icontact-box .icontact-feedback {
	padding: 20px 0;
	border-top: 1px solid #ddd;
	margin-top: 20px
}
.icontact-box .icontact-feedback .feedback input[type=text] {
	border: 1px solid #999;
	height: 32px;
	line-height: 32px;
	color: #333
}
.icontact-box .icontact-feedback .feedback .form-group {
	position: relative;
	float: none;
	width: auto;
	margin: 8px 4% 8px 0;
	padding-left: 60px;
	line-height: 32px;
}
.icontact-box .icontact-feedback .feedback .form-group label {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	color: #555
}
.icontact-box .icontact-feedback .feedback .form-code img {
	top: 3px
}
.icontact-box .icontact-feedback .feedback .form-btn button {
	margin-top: 15px;
	font-size: 14px;
}
.icontact-box .icontact-feedback .feedback input[type=text]:hover {
	border: 1px solid #07312F;
}
/*--------------- 内页 ---------------*/

/*about*/

.about {
	padding: 5% 0;
}
.about-text {
	font-size: 14px;
}
.about-text .img {
	max-width: 40%;
	float: right;
	margin-left: 3%;
}
.about-text img {
	height:auto !important;
}
.about-num {
	margin: 4% auto 0 auto;
	padding: 40px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/about1.jpg);
}
.about-num ul {
	width: 32%;
	float: right;
	padding: 10px 5px;
	background-color: rgba(0,0,0,.5);
}
.about-num ul li {/* float:left; width:50%; */
	padding: 10px 1px;
	text-align: center;
	color: #aaa;
	border-top: 1px solid #555;
	box-sizing: border-box
}
.about-num ul li span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.about-num ul li i {
	font-size: 30px;
	color: #03D9A6;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
	font-family: "Century Gothic";
}
.about-num ul li b {
	font-size: 14px;
	color: #ccc;
	font-weight: normal;
	margin-left: 5px;
	vertical-align: middle
}
.about-num ul li p {
	margin: 3px auto;
	font-size: 12px;
	line-height: 1.4;
}
.about-num ul li:nth-of-type(2n) {
	border-right: none
}
.about-num ul li:nth-of-type(1) {
	border-top: none
}
/*寄语*/

.jiyu {
	padding: 10% 0;
	text-align: center;
	background: url(../img/jiyubg.jpg) no-repeat center bottom;
	background-size: 100% auto
}
.jiyu .wrapper {
	padding-top: 60px;
	background: url(../img/jiyu.png) no-repeat center top;
	background-size: 52px auto
}
.jiyu h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.jiyu h3 {
	font-size: 16px;
}
/*历程*/

.course {
	position: relative;
	overflow: hidden;
	padding: 15px 0;
	height: auto;
	background: url(../img/course.jpg) no-repeat center;
	background-size: cover
}
.course .text {
	text-align: center;
	color: #fff;
	margin-bottom: 50px
}
.coursebox {
	position: relative;
	width: 100%;
	z-index: 8;
}
.coursebox:before {
	content: "";
	display: block;
	width: 200%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: -50%;
	top: 12px;
}
.coursebox .wrapper {
	position: relative;
	height: 250px;
	overflow: hidden;
}
.coursebox li {
	text-align: center;
	color: #fff;
	line-height: 1.4;
	margin-top: 12px;
	font-size: 12px;
}
.coursebox li h3 {
	font-size: 20px;
	margin-bottom: 5px;
	position: relative;
	padding-top: 25px;
}
.coursebox li h3:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -6px;
}
.coursebox li h3:after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: rgba(255,255,255,.2);
	border: 1px solid #fff;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: -12px;
}
.coursebox li p {
	padding: 0 15px
}
/*service*/

.about-service {
	position: relative;
	padding: 5% 0 6% 0;
	height: auto;
	background: url(../img/service.jpg) no-repeat center;
	background-size: cover
}
.about-service ul {
	position: relative;
	margin: 5px auto;
	padding: 5px 15px;
	background-color: rgba(20,133,111,.8);
}
.about-service ul li {
	margin: 10px 0;
	padding: 0 5px;
	color: #fff;
	line-height: 1.4;
	border-bottom: 1px solid #9dc8be;
	padding: 10px 0;
	box-sizing: border-box
}
.about-service ul li:last-child {
	border: none
}
.about-service ul li h2 {
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 48px;
	font-family: Signika, sans-serif;
	background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #e6e6e6;
}
.about-service ul li h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.about-service ul li .txt p {
	margin: 3px auto
}
.about-service ul li .txt p:before {
	content: "•";
	display: inline-block;
	vertical-align: middle;
	color: #9dc8be;
	font-size: 24px;
	margin-right: 6px;
}
/*团队*/

.team {
	position: relative;
	padding: 3% 0 3% 0;
}
.team ul {
	position: relative;
	margin: 5% auto;
}
.team ul li {
	margin: 3% auto;
	box-sizing: border-box;
	color: #555;
	padding: 10px;
	background-color: #f1f1f1
}
.team ul li .img {
}
.team ul li .txt {
	font-size: 14px;
}
.team ul li .tit {
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #222
}
.team ul li:nth-of-type(2n) .img {
	float: right
}
.team ul li:nth-of-type(2n) .txt {
	float: left
}
/*荣誉*/

.honor {
	padding: 20px 0;
	background: url(../img/course.jpg) no-repeat center;
	background-size: cover;
}
.honor .text {
	text-align: center;
	color: #9bb0af;
	margin-bottom: 30px
}
.honor li .pic {
	padding: 4px;
	background: #1a7f79;
}
.honor li .pic .zoom {
	padding-bottom: 130%
}
.honor li .pic .zoom span {
}
.honor li .txt {
	font-size: 14px;
	margin: 10px auto;
	text-align: center
}
.honor .swiper-container-horizontal > .swiper-pagination-bullets {
	position: relative;
	margin: 20px auto;
	bottom: auto
}
.honor .swiper-honor {
	padding-bottom: 100px
}
.honor .swiper-button-prev {
	right: auto;
	left: 50%;
	margin-left: -40px;
	top: auto;
	background-image: url(../img/prev2.png);
	margin-top: 20px;
	background-size: 30px auto
}
.honor .swiper-button-next {
	right: auto;
	left: 50%;
	margin-left: 10px;
	top: auto;
	background-image: url(../img/next2.png);
	margin-top: 20px;
	background-size: 30px auto
}
.honor .swiper-button-prev:hover, .honor .swiper-button-next:hover {
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*文化*/

.culture {
	position: relative;
	margin: 5% auto;
}
.culture .img {
}
.culture .txt {
	font-size: 14px;
	padding-left: 15px;
	color: #555;
	margin-top: 15px;
}
.culture .txt>h3 {
	position: relative;
	font-weight: bold;
	font-size: 16px;
	color: #13856F;
	margin-bottom: 5px;
}
.culture .txt>h3:before {
	position: absolute;
	left: -12px;
	top: 7px;
	content: "";
	display: inline-block;
	height: 14px;
	width: 3px;
	background: #13856F;
}
/*What we do*/

.about-we-do li {
	margin: 30px auto;
	padding: 10px;
	border: 1px solid #f3f3f3;
	color: #555;
	-webkit-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .5);
	-moz-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .5);
	box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .5);
}
.about-we-do li .tit {
	position: relative;
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	color: #222;
}
.about-we-do li .pic {
	margin: 30px 0
}
.about-we-do li .tit big {
	font-size: 60px;
	background-position: center;
	position: absolute;
	z-index: -1;
	width: 100px;
	text-align: center;
	left: 50%;
	margin-left: -50px;
	top: 0px;
	line-height: 1.1;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #ccdcda;
}
.about-info {
	margin: 30px auto;
	padding: 30px 0;
	background: url(../img/about-info.jpg) no-repeat center;
	background-size: cover
}
.about-info ul li {
	float: left;
	width: 50%;
	text-align: center;
	color: #ccc;
	padding: 10px 5px;
	border-right: 1px solid #555;
	border-top: 1px solid #555;
	box-sizing: border-box
}
.about-info ul li img {
	max-width: 80px;
	display: inline-block;
	vertical-align: middle
}
.about-info ul li:hover img {
	transform: rotateY(180deg);
	transition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
}
.about-info ul li span {
	display: inline-block;
	vertical-align: middle;
}
.about-info ul li i {
	font-size: 40px;
	color: #03D9A6;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
	font-family: "Century Gothic";
}
.about-info ul li sup {
	font-size: 20px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle
}
.about-info ul li b {
	font-size: 16px;
	color: #ccc;
	font-weight: normal;
	margin-left: 5px;
	vertical-align: bottom
}
.about-info ul li p {
	margin: 5px auto;
	font-size: 13px;
	line-height: 1.4;
	height: auto;
}
.about-info ul li:nth-of-type(2n) {
	border-right: none
}
.about-info ul li:nth-of-type(1), .about-info ul li:nth-of-type(2) {
	border-top: none
}
/*留言*/

.what-box {
	background: #eee;
}
.what-links {
	padding: 20px;
}
.what-links .tit {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin: 10px auto;
	line-height: 1.4
}
.what-links ul li {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-top: 4%
}
.what-links ul li:nth-of-type(3n) {
	margin-right: 0
}
.what-links ul li .zoom {
	padding-bottom: 60%
}
.what-feedback {
	background: #13856F;
	padding: 15px;
}
.what-feedback .tit {
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 1px
}
.what-feedback .txt {
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px
}
.what-feedback .feedback .form-group {
	float: none;
	width: 100%;
	margin: 15px auto
}
.what-feedback .feedback input[type=text] {
}
/*虚拟展厅*/

#video {
	margin: 5% auto;
	background: #fff;
}
.vedio-con {
	position: relative;
	overflow: hidden;
}
.vedio-con img {
	width: 100%;
	vertical-align: middle
}
.vedio-con .video-js {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.vedio-con .vjs-big-play-button {
	border-radius: 50%;
	border: 3px solid #fff;
	top: 50%;
	left: 50%;
	background: url(../img/play.png) no-repeat center;
	background-size: cover
}
.vedio-con .vjs-big-play-button:before {
	line-height: 78px;
	left: 2px;
	color: #fff;
	text-shadow: none;
	display: none;
}
.vedio-slide {
	position: relative;
	background: #07312F;
	padding: 10px 5px
}
.vedio-slide .arrow {
	position: absolute;
	top: 50%;
	height: 60px;
	line-height: 60px;
	width: 40px;
	display: block;
	margin-top: -30px;
	text-align: center;
	cursor: pointer;
}
.vedio-slide .arrow span {
	color: #fff;
}
.vedio-slide .arrow.prev {
	left: 0px;
	background: url(../img/left.png) no-repeat center;
	background-size: 20px auto
}
.vedio-slide .arrow.next {
	right: 0px;
	background: url(../img/right.png) no-repeat center;
	background-size: 20px auto
}
.vedio-slide-tit {
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #07312F;
	padding: 10px 5px 0 5px
}
.vedio-bar {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.vedio-bar p {
	margin: 5px 0 0 0;
}
.vedio-bar p a {
	color: #000;
}
.vedio-bar .bar-move {
	position: absolute;
	left: 0;
	top: 0;
}
.vedio-bar .con {
	float: left;
	margin: 0 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.vedio-bar li.con .img {
	cursor: pointer;
	display: block;
	background: #000;
	position: relative;
	overflow: hidden;
	object-fit: cover;
	
}
.vedio-bar .con .img img {
	width: 100%;
	height: 100%;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.vedio-bar .con.on .img {
	border: 2px solid #13856F;
}
.vedio-bar .con.on .img img{
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.vedio-bar .con p {
	position: absolute;
	bottom: 50%;
	margin-bottom:-15px;
	text-align: center;
	display: block;
	padding:0 5px;
	color: #fff;
	box-sizing:border-box;
	width: 100%;
}
.vedio-bar .con.on p {
	bottom: 15px;
}
.video-list {
	position: relative;
	width: 23%;
	padding: 3% 0;
	float: left;
	background: #07312F;
	color: #fff;
	text-align: center
}
.video-list .tit {
	font-size: 22px;
	margin: 20px auto 10px auto
}
.video-list a.arrow {
	cursor: pointer;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: url(../img/icon-top.png) no-repeat center;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.video-list a.arrow.bottom {
	background: url(../img/icon-down.png) no-repeat center;
}
.video-list a.arrow:hover {
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.video-list .video-list-con {
	position: relative;
	overflow: hidden;
}
.video-list li.con {
	position: relative;
	padding: 10px 0;
	width: 88%;
	max-width: 260px;
	box-sizing: border-box;
	margin: 0 auto
}
.video-list li.con .img {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 150px;
	background: #222;
	position: relative;
	overflow: hidden;
	object-fit: cover;
}
.video-list li.con .img img {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.video-list li.con p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}
.video-list li.con.on {
}
.video-list li.con.on .img img {
	border: 5px solid #03D9A6;
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pro-pic #video {
	margin: 0 auto;
	background: #fff;
}
.propic-con {
	position: relative;
	overflow: hidden;
}
.propic-con img {
	width: 100%;
	vertical-align: middle
}
.propic-con .video-js {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.propic-con .vjs-big-play-button {
	border-radius: 50%;
	border: 3px solid #fff;
	top: 50%;
	left: 50%;
	background: url(../img/play.png) no-repeat center;
	background-size: cover
}
/*How we do*/

.about-how .wrapper {
	overflow: hidden
}
.about-how li {
	margin: 30px auto;
	position: relative;
}
.about-how li .pic {
}
.about-how li .pic .zoom {
	padding-bottom: 55%
}
.about-how li .txt {
	position: relative;
	z-index: 2;
	padding: 15px;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
	background: #fff;
	margin: 0 15px;
	margin-top: -60px;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.about-how li .txt .tit {
	font-size: 16px;
	font-weight: bold;
	color: #111;
	margin-bottom: 5px;
}
/*留言*/

.how-feedback {
	background: #ddd;
	background: url(../img/feedbackbgm.jpg) repeat-x center top;
	background-size: auto 100%
}
.how-feedback .img {
}
.how-feedback .box {
	padding: 20px 25px;
}
.how-feedback .box .tit {
	color: #07312F;
	font-size: 17px;
	line-height: 1.4;
	font-weight: bold;
	margin: 10px auto 15px auto;
}
.how-feedback .box .form-group {
	float: none;
	width: 100%;
	margin: 10px auto
}
.how-feedback .box input[type=text] {
	display: inline-block;
	vertical-align: middle;
	background: none;
	border: 1px solid #999;
	border-radius: 30px;
	width: 100% !important;
	height: 40px;
	line-height: 40px;
	text-indent: 15px;
}
.how-feedback .box input[type=text]:hover {
	border: 1px solid #13856F
}

.how-feedback .box input:hover::-webkit-input-placeholder {
color:#13856F;
}
.how-feedback .box input:hover::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#13856F;
}
.how-feedback .box input:hover::-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color:#13856F;
}
.how-feedback .box input:hover::-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#13856F;
}


.how-feedback .form-btn {
	text-align: center
}
.how-feedback .form-btn button {
	border: 1px solid #13856F;
	background: #13856F;
	color: #fff;
	padding: 6px 20px;
}
.how-feedback .form-btn button.reset-btn {
	border: 1px solid #13856F;
	background: none;
	color: #13856F;
	margin-left: 5px;
}
.video {
	position: relative;
	margin: 20px auto
}
.video a {
	display: block;
	position: relative;
	overflow: hidden
}
.video a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: opacity 300ms linear;
	background: url(../img/play.png) no-repeat center rgba(0,0,0,.05);
	background-size: 70px auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all ease-out .35s;
	transition: all ease-out .35s;
}
.video a:hover:after {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#video_show {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	z-index: 996;
	display: none;
}
#video_box {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 33%;
}
#video_close {
	position: fixed;
	z-index: 999;
	width: 43px;
	height: 43px;
	top: 20px;
	right: 20px;
}
/*-----------工厂--------------*/

.factory {
	margin: 4% auto;
}
.factory .factory-text {
	position: relative;
	color: #07312F;
	font-size: 15px;
}
.factory .factory-img {
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.factory .factory-img .btn {
	margin: 5px 3px;
	text-align: center
}
.factory .factory-img .video {
	position: relative;
	margin-bottom: 5%;
	padding-right: 5%;
	padding-bottom: 5%
}
.factory .factory-img .video img {
	width: 100%;
	min-height: 220px;
}
.factory .factory-img .video:before {
	content: "";
	display: block;
	width: 80%;
	height: 30%;
	background: #13856F;
	z-index: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
/*工厂优势*/

.strength {
	margin: 5% auto;
	padding: 3% 0 5% 0;
	background: url(../img/strength.jpg) no-repeat center;
	background-size: cover;
}
.strength .wrapper {
	position: relative;
	padding: 4% auto
}
.strength ul li {
	width: 48%;
	float: left;
	margin: 5px 0;
	line-height: 1.2;
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background: url(../img/icon-gc.png) no-repeat center;
	background-size: 100% auto
}
.strength ul li h3 {
	font-size: 16px;
	margin: 10px auto;
}
.strength ul li .pic {
	margin: 5px auto;
}
.strength ul li .pic img {
	height: 30px
}
.strength ul li .txt {
	min-height: 110px;
}
.strength ul li:nth-of-type(2n) {
	margin-left: 4%
}
.strength .tit {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -130px;
	z-index: 2;
	width: 220px;
	height: 100px;
	padding: 80px 20px;
	background: url(../img/strength-tit.png) no-repeat center;
	background-size: auto 100%;
	text-align: center;
	color: #57ffcc;
	font-size: 28px;
	text-transform: uppercase;
}
/*工厂管理*/

.teamshow {
	position: relative;
	margin: 4% auto 0 auto;
	padding-bottom: 4%;
	background: transparent linear-gradient(181deg, #07312F 0%, #13856F 100%) 0% 0% no-repeat;
}
.teamshow:before {
	content: '';
	display: block;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 0;
	background: #fff;
}
.teamshow .wrapper {
	position: relative
}
.teamshow .bd {
	position: relative;
}
.teamshow .bd ul {
	width: 100% !important;
}
.teamshow .bd li {
	display: none;
	width: 100% !important
}
.teamshow .bd li .teamshow-pic {
	height: auto;
	margin: 20px auto
}
.teamshow .bd li .teamshow-pic img {
	width: 100%;
}
.teamshow .bd li .teamshow-pic .zoom {
	padding-bottom: 70%;
}
.teamshow .slide_nav {
	z-index: 8;
	height: 70px;
	overflow-y: scroll;
	margin-bottom: 20px;
}
.teamshow .slide_nav ul {
	width: 490px
}
.teamshow .slide_nav a {
	position: relative;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	width: auto;
	height: 32px;
	line-height: 32px;
	float: left;
	overflow: hidden;
	color: #13856F;
	border-bottom: 2px solid #fff;
	margin: 10px 20px 10px 0;
	overflow: hidden;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	text-transform: capitalize;
	padding: 5px 0
}
.teamshow .slide_nav a.on {
	color: #13856F;
	border-bottom: 2px solid #13856F;
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.teamshow .slide_nav a:nth-of-type(3n) {
	margin-right: 0
}
.teamshow .slide_nav a .zoom {
	padding-bottom: 100%;
}
.teamshow_pre, .teamshow_next {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 50px;
	line-height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 10;
	background-color: #0AA586;
	background-repeat: no-repeat;
	background-position: center;
	float: right
}
.teamshow_pre {
	background-image: url(../img/iprev.png);
}
.teamshow_next {
	background-image: url(../img/inext.png);
}
.teamshow .pageState {
	display: inline-block;
	padding: 0px 5px;
	font-size: 14px;
	letter-spacing: 1px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #0AA586;
	color: #fff;
	float: right
}
.teamshow-btn {
	width: 70%
}
.teamshow-txt {
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	line-height: 1.8
}
.teamshow-txt .tit {
	font-size: 18px;
	line-height: 1.4;
	margin: 15px 0;
	font-weight: bold
}
/*设备*/

.equipment {
	padding: 20px 0;
	background: #f1f1f1
}
.equipment .text {
	margin-bottom: 20px;
	font-size: 14px;
}
.equipment li {
	background: #fff;
	-webkit-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
	-moz-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
	box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
}
.equipment li .pic .zoom {
	padding-bottom: 80%
}
.equipment li .pic .zoom span {
}
.equipment li .txt {
	font-size: 14px;
	padding: 10px 0;
	text-align: center
}
.equipment .swiper-container-horizontal > .swiper-pagination-bullets {
	position: relative;
	margin: 10px auto;
	bottom: auto
}
.equipment .swiper-equipment {
	padding-bottom: 70px
}
.equipment .swiper-button-prev {
	right: auto;
	left: 50%;
	margin-left: -40px;
	top: auto;
	background-image: url(../img/left.png);
	margin-top: 20px;
}
.equipment .swiper-button-next {
	right: auto;
	left: 50%;
	margin-left: 10px;
	top: auto;
	background-image: url(../img/right.png);
	margin-top: 20px;
}
.equipment .swiper-button-prev:hover, .equipment .swiper-button-next:hover {
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*工厂展示*/

.gallery {
	padding: 3% 0 3% 0;
	background: #f1f1f1;
	margin-bottom: -3%
}
.gallery .text {
	margin-bottom: 30px;
	font-size: 16px
}
.gallery li {
	background: #fff;
	-webkit-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
	-moz-box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
	box-shadow: 0 2px 5px 3px rgba(188, 236, 227, .3);
}
.gallery li .pic .zoom {
	padding-bottom: 80%
}
.gallery li .pic .zoom span {
}
.gallery li .txt {
	font-size: 14px;
	padding: 7px 5px;
	text-align: center
}
.gallery .swiper-container-horizontal > .swiper-pagination-bullets {
	position: relative;
	margin: 20px auto;
	bottom: auto
}
.gallery .swiper-gallery {
	padding-bottom: 80px
}
.gallery .swiper-button-prev {
	right: auto;
	left: 50%;
	margin-left: -40px;
	top: auto;
	background-image: url(../img/left.png);
	margin-top: 20px;
}
.gallery .swiper-button-next {
	right: auto;
	left: 50%;
	margin-left: 10px;
	top: auto;
	background-image: url(../img/right.png);
	margin-top: 20px;
}
.gallery .swiper-button-prev:hover, .gallery .swiper-button-next:hover {
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* materials */

.materials-box {
	position: relative;
	margin: 20px auto;
	padding: 10px 0
}
.materials {
	position: relative;
	width: 100%;
	margin: 4% auto;
	overflow: hidden;
}
.materials .bd {
	position: relative;
}
.materials .bd ul {
	width: 100% !important;
}
.materials .bd li {
	display: none;
	width: 100% !important
}
.materials .bd li .materials-pic {
	height: auto;
	margin: 12px auto
}
.materials .bd li .materials-pic img {
	width: 100%;
}
.materials .bd li .materials-pic .zoom {
	padding-bottom: 100%;
}
.materials .slide_nav {
	position: relative;
	z-index: 9
}
.materials .slide_nav a {
	position: relative;
	cursor: pointer;
	float: left;
	color: #fff;
	width: 22%;
	margin-right: 4%;
	margin-top: 3%;
	display: inline-block;
	overflow: hidden;
}
.materials .slide_nav a.on:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #0AA586;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.materials .slide_nav a.on {
}
.materials .slide_nav a:nth-of-type(4n) {
	margin-right: 0
}
.materials .slide_nav a .zoom {
	padding-bottom: 100%;
}
.materials_pre, .materials_next {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 50px;
	line-height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 10;
	background-color: #0AA586;
	background-repeat: no-repeat;
	background-position: center;
	float: right
}
.materials_pre {
	background-image: url(../img/iprev.png);
}
.materials_next {
	background-image: url(../img/inext.png);
}
.materials .pageState {
	display: inline-block;
	padding: 0px 3px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #0AA586;
	color: #fff;
	float: right
}
.materials-btn {
}
.materials-txt {
	overflow: hidden;
	font-size: 14px;
}
.materials-txt .tit {
	position: relative;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: bold
}
.materials-txt .tit big {
	font-size: 40px;
	margin-left: -20px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	z-index: -1;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #9cbbb7;
}
.materials-txt .text {
	line-height: 1.8;
	word-wrap: break-word;
	overflow: hidden;
}
.inspection-text {
	padding: 20px 0;
	line-height: 1.8;
	font-size: 14px;
	color: #07312F;
	background: url(../img/inspection.jpg) no-repeat bottom center;
	background-size: cover
}
.inspection-process {
	margin: 5% auto;
}
.inspection-tit {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.4;
	color: #333;
	text-transform: uppercase;
}
.inspection-process ul li {
	position: relative
}
.inspection-process ul li .pic {
	width: 60px;
	position: absolute;
	left: 0;
	top: 10px;
	text-align: center;
	background: url(../img/inspection-line.png) repeat-y center;
}
.inspection-process ul li .pic img {
	height: auto;
	width: 60px;
}
.inspection-process ul li .text {
	padding: 20px 0 0 75px;
}
.inspection-process ul li .text .tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4
}
.inspection-process ul li:first-child .pic {
	padding-top: 0
}
.inspection-process ul li:first-child .text {
	padding-top: 1%
}
.inspection-process ul li:last-child .pic {
	padding-bottom: 0
}
.inspection-video {
	padding: 40px 0;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: -3%
}
.inspection-video .inspection-tit {
	color: #fff;
}
.inspection-video ul li {
	margin-bottom: 15px;
	background: rgba(10,10,10,0.5);
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #333
}
.inspection-video ul li .pic {
	width: 22%;
	float: left;
	margin-top: 40%
}
.inspection-video ul li .pic img {
	height: auto;
}
.inspection-video ul li .text {
	width: 72%;
	float: right;
	color: #fff
}
.inspection-video ul li .text .tit {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4
}
/*设计团队*/

.design-team {
	width: 100%;
	margin: 20px auto;
}
.design-team ul li {
	position: relative;
	float: left;
	width: 29%;
	margin-left: 0.5%;
	ransition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
	overflow: hidden;
	box-sizing: border-box;
}
.design-team ul li.hit {
	width: 41%;
	transition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
}
.design-team ul li:nth-of-type(1) {
	margin-left: 0
}
.design-team ul li .pic {
	position: relative;
}
.design-team ul li .pic .zoom {
	padding-bottom: 150px;
}
.design-team ul li .pic:after {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	margin: 10px;
	border: 2px solid #13856F;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.design-team ul li.hit .pic:after {
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	transition: All 1.8s ease;
	-webkit-transition: All 1.8s ease;
	-moz-transition: All 1.8s ease;
	-o-transition: All 1.8s ease;
}
.design-team .design-text {
	background: #07312F;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.8;
	transition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
}
.design-team .design-text .pane {
	display: none
}
.design-team .design-text .tit {
	font-size: 22px;
	margin-bottom: 10px;
}
.design-team .design-text .tit span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 5px;
	font-size: 12px;
	color: #ddac6d;
	background: rgba(235,205,165,0.1);
	border: 1px solid #dec5a6;
	padding: 2px 12px;
	border-radius: 50px;
}
.design-team .design-text .txt {
	padding: 30px 0 40px 0;
	background: url(../img/design-l.png) no-repeat left top, url(../img/design-r.png) no-repeat right bottom;
	background-size: 30px auto
}
.design-team .design-text .txt h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
/*设计服务*/

.design-service {
	margin: 5% auto 3% auto;
	padding: 3% 0 0 0;
	background: url(../img/design-service.jpg) no-repeat center top;
	background-size: auto 200px;
}
.design-service li {
	position: relative;
	margin: 20px auto;
}
.design-service li .text {
	color: #666;
	font-size: 14px;
	line-height: 1.6
}
.design-service li .text .tit {
	font-size: 16px;
	margin-bottom: 5px;
	color: #222;
	font-weight: bold
}
.design-service li.li1 .zoom {
	padding-bottom: 65%
}
.design-service li.li1 .pic {
}
.design-service li.li1 .text {
	position: relative;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px 2px rgba(188, 236, 227, .4);
	margin: 0 20px;
	margin-top: -70px;
	z-index: 9;
	-moz-box-shadow: 0 2px 5px 2px rgba(188, 236, 227, .4);
	box-shadow: 0 2px 5px 2px rgba(188, 236, 227, .4);
}
.design-service li.li2 {
	position: relative;
	border: 1px solid #5A8B89;
	padding: 12px;
	margin: 40px auto;
}
.design-service li.li2 .zoom {
	padding-bottom: 55%
}
.design-service li.li2 .pic {
	position: relative
}
.design-service li.li2 .text {
	margin-top: 40px;
}
.design-service li.li2 .pic::before {
	content: '';
	display: block;
	width: 40%;
	height: 100%;
	padding: 20px 0;
	background: #07312F;
	position: absolute;
	left: -10%;
	top: -20px;
	z-index: -1
}
.design-service li.li3 {
	border-top: 1px solid #ddd;
	padding: 5% 0 0 0;
}
.design-service li.li3 .zoom {
	padding-bottom: 55%
}
.design-service li.li3 .pic {
}
.design-service li.li3 .text {
	margin-top: 5%;
}
/*加入我们*/

.join li {
	position: relative;
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}
.join li .zoom {
}
.join li .txt {
	position: absolute;
	left: 6%;
	bottom: 7%;
}
.join li .txt h3 {
	font-size: 22px;
}
.join .join-con {
	margin: 30px auto;
	padding-top: 40px;
	background: url(../img/marks-l.png) no-repeat left top;
	background-size: auto 30px
}
.join .join-con:after {
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	background: url(../img/marks-r.png) no-repeat center bottom;
	background-size: auto 30px
}
.join .join-con table tr td {
	display: block;
	width: 100% !important
}
.join .join-con table tr td img {
	max-width: 70%
}
.join-search {
	position: relative;
	margin: 20px auto;
}
.join-search .search-form {
	position: relative;
	width: 90%;
	margin: 0px auto;
	border-radius: 30px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
	-moz-box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
	box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
}
.join-search .search-form input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: none;
	background: none;
	border-radius: 30px;
	padding: 0px 15px;
}
.join-search .search-form input.btn {
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 30px;
	width: 100px;
	height: 34px;
	line-height: 34px;
	padding: 0px 20px;
	background: #07312F;
	color: #fff;
	cursor: pointer
}
.join-list {
	padding: 4% 0 0 0;
}
.join-list ul li {
	background: #fff;
	margin-bottom: 15px;
}
.join-list ul li .txt {
	padding: 15px;
	color: #666;
	min-height: 120px;
	position: relative;
}
.join-list ul li .txt span {
}
.join-list ul li .txt h3 {
	position: relative;
	font-size: 15px;
	line-height: 1.4;
	padding-right: 30%;
	font-weight: bold;
	color: #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.join-list ul li .txt p {
	margin-bottom: 8px;
	line-height: 1.4;
}
.join-list ul li .txt a.more {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	border: 1px solid #07312F;
	color: #07312F;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 20px;
	border-radius: 20px;
}
.join-txt .close-reveal {
	font-size: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
}
.join-txt {
	background: #fff;
	position: relative
}
.join-txt .join-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	display: inline-block;
	border: 1px solid #07312F;
	background: #07312F;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 10px;
	border-radius: 20px;
}
.join-txt h2 {
	font-size: 16px;
	line-height: 1.4;
	color: #07312F;
	margin-bottom: 10px;
	padding-right: 30%
}
.join-txt h3 {
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.join-txt h3 span {
	margin-right: 10px;
}
/*下载*/

.download {
	padding: 1% 0;
	font-size: 12px;
	line-height: 1.4;
}
.download .download-list {
	background: #eee;
	padding: 10px 5px;
	margin-bottom: 20px;
}
.download tr th {
	background: #eee;
	padding: 5px;
	text-align: left;
	font-size: 16px;
}
.download tr td {
	background: #eee;
	padding: 5px;
	text-align: left;
	border-top: 1px solid #e3e3e3;
	text-transform: uppercase;
}
.download tr big {
	font-size: 13px;
}
.download tr span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.download tr .down-btn {
	display: inline-block;
	width: 30px;
	height: 24px;
	font-size: 0;
	background: url(../img/icon-download.png) no-repeat center;
	background-size: auto 22px
}
/*联系我们*/

.contact {
	padding: 10px 0;
}
.contact .title h2 {
	color: #07312F;
	font-weight: bold
}
.contact .title h2:after {
	display: none;
}
.contact-share {
	margin: 20px auto;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.contact-share a {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	margin: 0 3px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 20px;
}
.contact-share .share1 {
	background-image: url(../img/facebook.png)
}
.contact-share .share2 {
	background-image: url(../img/twitter.png)
}
.contact-share .share3 {
	background-image: url(../img/ins.png)
}
.contact-share .share4 {
	background-image: url(../img/youtube.png);
}
.contact-share .share5 {
	background-image: url(../img/pinterest.png)
}
.contact-box {
	margin: 4% 0;
}
.contact-txt {
	padding: 10px 0;
	box-sizing: border-box;
}
.contact-txt li {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 30px;
	padding-left: 30px;
	box-sizing: border-box;
	line-height: 1.6;
	font-size: 14px;
}
.contact-txt li.add {
	width: 100%;
}
.contact-txt li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 30px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 20px;
}
.contact-txt li.add:before {
	background-image: url(../img/add.png);
}
.contact-txt li.mobile:before {
	background-image: url(../img/mobile.png);
}
.contact-txt li.whatsapp:before {
	background-image: url(../img/whatsapp.png);
}
.contact-txt li.viber:before {
	background-image: url(../img/viber.png);
}
.contact-txt li.wechat:before {
	background-image: url(../img/weixin.png);
}
.contact-txt li span {
	display: inline-block;
	color: #999;
	margin-bottom: 5px;
}
.contact-con {
	box-sizing: border-box;
	padding: 10px 20px;
}
#map {
	width: 100%;
	height: 300px;
}
/*表单*/

.feedback-box {
	position: relative;
	margin: 4% auto;
	padding: 2% 3%;
	background: #13856F
}
.feedback {
	position: relative;
}
.feedback form {
}
.feedback .form-group {
	margin: 10px 0
}
.form-code {
	position: relative
}
.form-code img {
	position: absolute;
	right: 10px;
	top: 5px;
	background: #fff;
	border-radius: 10px;
}
.feedback label.mt-checkbox {
	display: inline-block;
	margin: 10px 5% 10px 0;
	cursor: pointer
}
.feedback textarea {
	background: none;
	border: 1px solid #7dccbc;
	width: 100%;
	min-height: 80px;
	padding: 15px 10px;
	box-sizing: border-box;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif
}
.feedback input[type=text] {
	display: inline-block;
	vertical-align: middle;
	background: none;
	border: 1px solid #7dccbc;
	border-radius: 30px;
	width: 100% !important;
	height: 40px;
	line-height: 40px;
	text-indent: 15px;
	color: #fff
}
.feedback input[type=radio], .feedback input[type=checkbox] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	position: relative
}
.feedback input[type=checkbox]:checked::after {
	content: "✓";
	font-size: 12px;
	font-weight: bold;
	color: #07312F;
	border-radius: 3px;
	margin-left: 4px;
}
 .feedback input::-webkit-input-placeholder {
color:#eee;
}
 .feedback input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#eee;
}
 .feedback input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color:#eee;
}
 .feedback input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#eee;
}
 .feedback textarea::-webkit-input-placeholder {
color:#eee;
font-family:Arial, Helvetica, sans-serif
}
 .feedback textarea:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color:#eee;
font-family:Arial, Helvetica, sans-serif
}
 .feedback textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#eee;
font-family:Arial, Helvetica, sans-serif
}
.form-btn {
	margin: 10px auto;
	text-align: center
}
.form-btn button {
	display: inline-block;
	background: #FFBA60;
	border: 1px solid #FFBA60;
	cursor: pointer;
	color: #fff;
	margin: 10px 0;
	padding: 5px 25px;
	line-height: 24px;
	font-size: 14px;
	min-width: 120px;
	border-radius: 30px;
	text-transform: capitalize;
}
.form-btn button:hover {
}
.form-btn button.reset {
	background: none;
	color: #FFBA60;
	margin-left: 10px;
}
.feedback-list {
	background: #f8f8f8;
	padding: 4%;
	margin-bottom: 3%;
	text-align: center;
}
.feedback-list>img {
	max-height: 280px;
}
.feedback-listtxt {
	max-width: 800px;
	margin: 5% auto;
	background: #f2f2f2;
	font-size: 18px;
	color: #666;
	line-height: 1.8;
	border: 1px dashed #ccc;
	padding: 2%;
	text-align: center
}
.feedback-listtxt h3 {
	font-size: 45px;
	text-transform: capitalize
}
.contact-way {
	width: 100%;
	position: relative;
	background: #13856F;
}
.contact-feedback {
}
.contact-feedback .title {
	color: #fff;
	padding: 0px 1%;
	margin-bottom: 30px;
	text-align: center
}
.contact-feedback .title h2:after {
	display: none
}
.contact-feedback .feedback-box {
}
.contact-feedback .feedback .form-group {
	width: 100%;
	float: none;
}
/*弹框样式*/

.cd-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 9999;
}
.cd-popup.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
	position: relative;
	width: 86%;
	margin: 22% auto 0 auto;
	height: auto;
	padding: 10px 15px;
	box-sizing: border-box;
	background: #13856F;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.cd-popup-close {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	display: block;
	font-size: 0;
	background: url(../img/icon-close.png) no-repeat center;
}
.is-visible .cd-popup-container {
	display: block;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cd-popup .feedback .title {
	color: #fff;
	margin: 0;
}
.cd-popup .feedback .title h2:after {
	display: none
}
/*新闻*/

.news-list {
}
.news-list ul li {
	position: relative;
	background: #fff;
}
.news-list ul li.box-shadow {
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
}
.news-list ul li>div {
	padding: 15px 10px;
}
.news-list ul li:nth-of-type(3n+1) {
}
.news-list ul li .pic {
	position: relative;
	float: left;
	width: 35%;
}
.news-list ul li .pic .zoom {
}
.news-list ul li .text {
	float: right;
	width: 62%;
	color: #666;
	font-size: 12px;
}
.news-list ul li .text h3 {
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list ul li .text h3 a {
	color: #333;
}
.news-list ul li .text p {
	overflow: hidden;
	margin: 5px auto;
	height: 50px;
	line-height: 1.5
}
.news-list ul li .text .date {
	position: absolute;
	left: 20px;
	top: 0px;
	display: block;
	font-size: 12px;
	background: #13856F;
	color: #fff;
	width: 50px;
	height: 40px;
	padding: 2px;
	text-align: center;
	z-index: 99
}
.news-list ul li .text .date big {
	display: block;
	font-size: 16px;
	line-height: 1.2
}
.news-list ul li .text .more {
	display: block;
	position: absolute;
	left: 39%;
	bottom: 25px;
	border: 1px solid #bbb;
	color: #bbb;
	font-size: 22px;
	background: #fff;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-family: "宋体";
}
.news-top {
	position: relative;
	padding: 20px 0 10px 0;
}
.news-top ul li {
	position: relative;
	margin-bottom: 5px
}
.news-top ul li div {
}
.news-top ul li .pic {
	position: relative;
}
.news-top ul li .text {
	color: #666;
	font-size: 13px;
	line-height: 1.6
}
.news-top ul li .text .date {
	position: absolute;
	left: 20px;
	top: 0px;
	display: block;
	font-size: 12px;
	background: #13856F;
	color: #fff;
	width: 50px;
	height: 40px;
	padding: 5px;
	text-align: center;
	z-index: 99;
}
.news-top ul li .text .date big {
	display: block;
	font-size: 18px;
	line-height: 1.2
}
.news-top ul li .text h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 10px auto 10px auto;
}
/*新闻详情*/

.newsbg {
	background: #f5f5f5
}
.news-box {
	padding: 30px 0px 10px 0;
	color: #515151
}
.news-title {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.4;
}
.news-desc {
	margin: 15px auto;
	color: #666;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}
.news-desc b {
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;
}
.news-desc .fa {
	width: 20px;
	height: 18px;
	margin-right: 5px;
	margin-top: -2px;
}
.news-desc .fa-date {
	background-image: url(../img/icon-date.png)
}
.news-desc .fa-hits {
	background-image: url(../img/icon-eye1.png);
	background-size: 22px auto;
	width: 22px;
}
.news-desc .fa-good {
	background-image: url(../img/icon-good.png);
	background-size: 18px auto;
}
.news-desc .fa-author {
	background-image: url(../img/icon-author.png)
}
.news-desc small {
	float: right;
	font-size: 13px;
	margin-left: 20px;
	color: #07312F;
}
.news-desc small a {
	color: #07312F;
}
.news-con {
	font-size: 15px;
	color: #747474
}
.page-prev-next {
	border-top: 1px solid #ddd;
	padding: 20px 0;
	margin-top: 30px;
	font-size: 14px
}
.page-prev-next .page-prev {
	padding-left: 22px;
	background: url(../img/prev.png) no-repeat center left;
}
.page-prev-next .page-next {
	padding-right: 22px;
	background: url(../img/next.png) no-repeat center right;
	text-align: right
}
/*视频*/

.videobg {
	position: relative;
	padding: 50px 0 30px 0;
	background: #f2f2f2
}
.video-list {
	padding: 1% 0
}
.video-list ul li {
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 5px;
}
.video-list ul li>div {
	padding: 15px;
}
.video-list ul li .pic {
	position: relative;
	border-radius: 2px;
	overflow: hidden
}
.video-list ul li .pic .zoom {
	padding-bottom: 80%
}
.video-list ul li .text {
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 38%;
	display: none
}
.video-list ul li .text h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.video-list ul li .text h3 a {
	color: #fff;
}
.video-list ul li .play {
	position: absolute;
	left: 7%;
	bottom: 9%;
	width: 60px;
	height: 60px;
	font-size: 0;
	background: url(../img/playvideo.png) no-repeat center;
}
.video-list ul li:hover .play {
	transform: rotate(360deg);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*FAQ*/

.faq-list {
	padding: 10px 0
}
.faq-list ul li {
	position: relative;
	margin: 20px auto;
	background: #fff;
}
.faq-list ul li.box-shadow {
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .4);
}
.faq-list ul li .tit {
	background: #deeeeb;
	padding: 15px 15px;
	color: #13856F;
	font-size: 15px;
	font-weight: bold
}
.faq-list ul li .tit b {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-right: 8px;
	vertical-align: middle;
	background: #fff;
	border-radius: 30px;
	color: #f9a94d;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.faq-list ul li .txt {
	padding: 20px 20px;
	color: #777;
	font-size: 14px;
}
/*案例展示*/

.case-menu {
	position: relative;
	background: #f3f3f3;
	border: 1px solid #eee;
	height: auto;
	overflow: hidden;
	margin: 20px 15px;
	height: 156px;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.case-menu-box {
}
.case-menu .swiper-container {
}
.case-menu .wrapper {
	position: relative;
	background: #fff;
}
.case-menu ul {
	padding-bottom: 30px;
}
.case-menu ul li {
	position: relative;
	width: 33.333%;
	float: left;
	text-align: center;
	text-transform: capitalize;
	padding: 0px 0px;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box
}
.case-menu ul li:nth-of-type(3n) {
	border-right: none;
}
.case-menu ul li i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px auto;
	margin: 5px auto 0 auto;
}
.case-menu ul li a {
	display: block;
	font-size: 12px;
	color: #515D5C;
	line-height: 1.4;
	position: relative;
	padding: 5px 5px;
}
.case-menu ul li p {
	height: 30px;
	line-height: 1.2;
	overflow: hidden
}
.case-menu ul li:last-child a {
}
.case-menu ul li.active a {
	background: #13856F;
	color: #fff;
}
.case-menu ul li .i39 {
	background-image: url(../img/case1.png);
}
.case-menu ul li .i40 {
	background-image: url(../img/case2.png);
}
.case-menu ul li .i41 {
	background-image: url(../img/case3.png);
}
.case-menu ul li .i42 {
	background-image: url(../img/case5.png);
}
.case-menu ul li .i43 {
	background-image: url(../img/case4.png);
}
.case-menu ul li .i44 {
	background-image: url(../img/case6.png);
}
.case-menu ul li.active .i39 {
	background-image: url(../img/case1on.png);
}
.case-menu ul li.active .i40 {
	background-image: url(../img/case2on.png);
}
.case-menu ul li.active .i41 {
	background-image: url(../img/case3on.png);
}
.case-menu ul li.active .i42 {
	background-image: url(../img/case5on.png);
}
.case-menu ul li.active .i43 {
	background-image: url(../img/case4on.png);
}
.case-menu ul li.active .i44 {
	background-image: url(../img/case6on.png);
}
.case-menu .swiper-button-prev {
	left: -7%;
	margin-top: -40px
}
.case-menu .swiper-button-next {
	right: -7%;
	margin-top: -40px
}
/*案例*/

.case-list {
}
.case-list ul li {
	position: relative;
	margin-bottom: 30px;
	background: #fff
}
.case-list ul li:nth-of-type(2n) {
	margin-right: 0
}
.case-list ul li .clearfix {
	position: relative;
}
.case-list ul li .pic {
	position: relative;
	background: #eee
}
.case-list ul li .pic .zoom {
	padding-bottom: 60%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.case-list ul li:hover .pic .zoom span {
}
.case-list ul li .txt {
	position: relative;
	padding: 10px 10px;
	text-align: center
}
.case-list ul li .txt h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px
}
.case-list ul li:hover .txt {
	color: #13856F
}
.case-list ul li .txt::after {
	display: block;
	content: "";
	width: 0;
	padding: 0px;
	height: 5px;
	background: #13856F;
	position: absolute;
	bottom: 0;
	left: 0;
}
.case-list ul li:hover .txt::after {
	width: 100%;
	left: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.case-box {
	padding: 20px 0
}
.case-l {
	text-align: center;
	margin: 10px auto
}
.case-l ul li {
	float: left;
	width: 25%;
	text-align: center;
	color: #555;
	line-height: 1.4;
	margin: 10px 0
}
.case-l ul li b {
	display: block;
	margin-bottom: 5px;
}
.case-btn {
	padding: 20px 0
}
.case-l .btn {
	float: left;
	width: 31%;
	margin: 5px 1%;
	box-sizing: border-box;
	padding: 4px 2px;
	font-size: 12px
}
.case-r {
}
.case-box .case-tips {
	color: #07312F;
	margin-top: 5px;
}
.case-box .case-tips small {
	font-size: 13px;
	margin-left: 20px;
	color: #07312F;
	float: right
}
.case-box .case-tips small a {
	color: #07312F
}
.case-box .case-tips .fa {
	width: 20px;
	height: 18px;
	margin-right: 5px;
	margin-top: -3px;
}
.case-box .case-tips .fa-hits {
	background-image: url(../img/icon-eye1.png);
	background-size: 22px auto;
	width: 22px;
}
.case-box .case-tips .fa-good {
	background-image: url(../img/icon-good.png);
	background-size: 18px auto;
}
.case-box .share-list {
	margin: 20px auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.swiper-case {
	margin: 2% auto
}
.case-con img {
	max-width: 100%;
	height: auto !important
}
.case-box .case-title {
	font-size: 20px;
	color: #07312F;
	margin: 10px 0
}
.case-box .case-des {
	margin: 2% auto;
	font-size: 14px;
	color: #555;
}
.case-vr {
	margin: 20px auto
}
.case-vr>h2 {
	position: relative;
	margin-bottom: 10px;
	background: url(../img/vr.png) no-repeat left center;
	background-size: auto;
	padding-left: 50px;
	color: #07312F
}
.get-box {
	background: #ddd;
	padding: 20px;
	position: relative;
	margin: 3% auto 6% auto
}
.get-box .pic {
	width: 46%;
	float: left
}
.get-box .pic img {
	width: 100%
}
.get-box .txt {
	color: #07312F;
	font-size: 14px;
	margin: 10px auto
}
.get-box .txt h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.4
}
.get-box .get-btn {
	font-size: 13px;
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding: 5px;
	margin-top: 10%
}
/*加载*/

.load-more {
	text-align: center
}
.load-more a {
	display: inline-block;
	padding: 12px 30px 12px 60px;
	background-color: #07312F;
	color: #fff;
	text-transform: capitalize;
	cursor: pointer;
	background: #07312F url(../img/yuan.png) no-repeat 20px center;
}
/*产品*/

 

.pro-menu {
	position: relative;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: auto;
	overflow: hidden;
	margin: 20px 0;
	-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	-moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
	box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
}
.pro-menu .wrapper {
	position: relative;
	background: #fff;
}
.pro-menu ul li {
	float: left;
	width: 25%;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	padding: 0px 0px;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box
}
.case-list ul li:nth-of-type(1), .case-list ul li:nth-of-type(2) {
	border-right: none;
}
.pro-menu ul li i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px auto;
	margin: 5px auto 0 auto;
}
.pro-menu ul li a {
	display: block;
	font-size: 12px;
	color: #515D5C;
	line-height: 1.4;
	position: relative;
	padding: 5px 5px;
}
.pro-menu ul li p {
	height: 30px;
	line-height: 1.2;
	overflow: hidden
}
.pro-menu ul li:last-child a {
}
.pro-menu ul li.active a {
	color: #13856F;
}
.pro-menu ul li .i0 {
	background-image: url(../img/pro0.png);
}
.pro-menu ul li .i30 {
	background-image: url(../img/case1.png);
}
.pro-menu ul li .i31 {
	background-image: url(../img/case2.png);
}
.pro-menu ul li .i32 {
	background-image: url(../img/case5.png);
}
.pro-menu ul li .i33 {
	background-image: url(../img/case4.png);
}
.pro-menu ul li .i34 {
	background-image: url(../img/case3.png);
}
.pro-menu ul li .i35 {
	background-image: url(../img/case6.png);
}
.pro-menu ul li .i47 {
	background-image: url(../img/case7.png);
}
.pro-menu ul li.active .i0 {
	background-image: url(../img/proon0.png);
}
.pro-menu ul li.active .i30 {
	background-image: url(../img/proon1.png);
}
.pro-menu ul li.active .i31 {
	background-image: url(../img/proon2.png);
}
.pro-menu ul li.active .i32 {
	background-image: url(../img/proon5.png);
}
.pro-menu ul li.active .i33 {
	background-image: url(../img/proon4.png);
}
.pro-menu ul li.active .i34 {
	background-image: url(../img/proon3.png);
}
.pro-menu ul li.active .i35 {
	background-image: url(../img/proon6.png);
}
.pro-menu ul li.active .i47 {
	background-image: url(../img/proon7.png);
}
.pro-subnav li {
}
.pro-subnav .pro-subnav-sub {
}
.pro-subnav .pro-subnav-sub p {
	display: inline-block;
	margin: 5px 2px;
}
.pro-subnav .pro-subnav-sub p a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 30px;
	background: #fff;
	font-size: 12px
}
.pro-subnav .pro-subnav-sub p.active a {
	border: 1px solid #07312F;
	background: #07312F;
	color: #fff
}
.pro-list {
	padding: 10px 0
}
.pro-list ul li {
	position: relative;
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 15px;
	background: #fff;
	background-color: rgba(255,255,255,.5);
}
.pro-list ul li:nth-of-type(2n) {
	margin-right: 0
}
.pro-list ul li .pic {
	position: relative
}
.pro-list ul li .pic .zoom {
	padding-bottom: 100%;
}
.pro-list ul li .pic .zoom span {
}
.pro-list ul li .text {
	padding: 7px 5px;
	text-align: center;
	background: #fff;
}
.pro-list ul li .text h3 {
	height: 36px;
	font-size: 13px;
	line-height: 1.4;
}
.pro-list ul li .text p {
	font-size: 12px;
	margin: 5px auto;
	line-height: 1.2;
}
.pro-list ul li .text a {
	display: inline-block;
	margin: 3px;
	border: 1px solid ##07312F;
	font-size: 14px;
	color: ##07312F;
	border-radius: 30px;
	padding: 3px 12px;
	min-width: 76px;
	text-transform: capitalize
}
.pro-list ul li .text a.more {
	border: 1px solid #07312F;
	color: #07312F;
}
.pro-list ul li:hover .text a {
	background: ##07312F;
	color: #fff
}
.pro-list ul li:hover .text a.more {
	background: #07312F;
	color: #fff
}
.pro-list ul li .text::after {
	display: block;
	content: "";
	width: 0;
	padding: 0px;
	height: 5px;
	background: ##07312F;
	position: absolute;
	bottom: 0;
	left: 0;
}
.pro-list ul li:hover .text::after {
	width: 100%;
	left: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.pro-list ul li .flag {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 8;
}
.pro-list ul li .flag b {
	font-weight: normal;
	display: inline-block;
	border-radius: 0 10px 0 10px;
	background-color: rgba(255,255,255,.6);
	margin-left: 5px;
	padding: 1px 6px;
	font-size: 12px;
	color: #E24848
}
.pro-list ul li .flag b.hot {
	color: #13856F
}
.pro-list2 {
	position: relative;
	padding-top: 4%
}
.pro-list2 ul li {
	position: relative;
	margin-bottom: 20px;
}
.pro-list2 ul li:nth-of-type(2n) {
	margin-right: 0
}
.pro-list2 ul li .text {
	position: relative;
	padding: 2% 3%;
	font-size: 13px;
	width: 70%;
	margin-top: -18%;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
	-moz-box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
	box-shadow: 0 1px 5px 2px rgba(50, 160, 230, .1);
}
.pro-list2 ul li .text h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px auto;
}
.pro-list2 ul li .text p {
	min-height: 48px;
}
.pro-list2 ul li .text a.more {
	display: inline-block;
	margin: 10px 0;
	font-size: 14px;
	border-radius: 30px;
	padding: 4px 25px;
	text-transform: capitalize;
	border: 1px solid #07312F;
	background: #07312F;
	color: #fff;
	font-size: 12px;
}
/**产品详情介绍**/

.pro-box {
	margin: 2% auto;
	background: #fff;
	padding: 2% 0;
	overflow: hidden
}
.pro-pic {
}
.pro-info {
	font-size: 14px;
	color: #666;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}
.pro-info .pro-tit h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 0 auto 15px auto;
	line-height: 1.2
}
.pro-info .pro-tit span {
	display: inline-block;
	margin-right: 40px;
}
.pro-info .pro-desc {
	margin: 20px auto;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.pro-info .pro-desc li {
	margin: 15px 0
}
.pro-info .pro-desc li b {
	display: table-cell;
	width: 80px;
	padding-right: 10px;
	text-transform: capitalize;
	text-align: right
}
.pro-info .pro-desc li span {
	display: table-cell
}
.pro-info .pro-btn {
	margin: 30px auto;
	text-align: center
}
.pro-info .pro-btn a {
	margin: 0 5px;
}
.pro-info .share-list {
	margin-top: 20px
}
.buy-num .input-group {
	width: 142px;
	border-radius: 20px;
	position: relative
}
.buy-num .input-group input {
	display: inline-block;
	width: 140px;
	border: 1px solid #c0c9d8;
	border-radius: 20px;
	padding: 2px 0px;
	height: 30px;
	text-align: center
}
.buy-num .input-group .form-control {
	text-align: center;
	border-left: none;
	border-right: none;
	border-radius: 20px!important;
}
.buy-num .input-group-btn .btn {
	border: 1px solid #c0c9d8;
	color: #97a8bc;
	font-size: 20px;
	padding: 2px 12px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0
}
.buy-num .input-group-btn .btn.bootstrap-touchspin-down {
	border-radius: 20px 0 0 20px;
}
.buy-num .input-group-btn .btn.bootstrap-touchspin-up {
	border-radius: 0 20px 20px 0;
	left: auto;
	right: 0
}
.proshow {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.proshow .bd {
	position: relative;
}
.proshow .bd ul {
	width: 100% !important;
}
.proshow .bd li {
	display: none;
	width: 100% !important
}
.proshow .bd li .proshow-pic {
	height: auto;
}
.proshow .bd li .proshow-pic img {
	width: 100%;
}
.proshow .bd li .proshow-pic .zoom {
	padding-bottom: 80%;
}
.proshow .proshow-list {
	position: relative;
	z-index: 8;
	padding: 0 10px;
	margin-top: 20px;
	text-align:center;
}
.proshow .proshow-list li {
	position: relative;
	cursor: pointer;
	color: #fff;
	width: 18%;
	margin: 0 0.9%;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box
}
.proshow .proshow-list li.on {
	border: 2px solid #13856F;
}
.proshow .proshow-list li .zoom {
	padding-bottom: 100%;
}
.proshow .bd li .pro-video-btn { position:absolute; left:0; right:0; top:0; height:100%; z-index:99; vertical-align:middle; cursor:pointer;
	background-color: rgba(10,10,10,.3);
	background-image: url(../img/play.png);
	background-size:80px auto;
	background-repeat: no-repeat;
	background-position: center
 }
.proshow .bd li .pro-video { position:absolute; left:0; right:0; top:0; height:100%; z-index:88; vertical-align:middle;	cursor:pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
 
 }
.proshow .bd li .pro-video video { vertical-align:middle; display:flex }
.proshow .video-btn {
	cursor:pointer;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(10,10,10,.3);
	background-image: url(../img/play.png);
	background-repeat: no-repeat;
	background-position: center
}


.proshow_pre, .proshow_next {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -30px;
	display: none
}
.proshow_pre {
	background-image: url(../img/left.png);
}
.proshow_next {
	background-image: url(../img/right.png);
	left: auto;
	right: 0
}



/*浏览记录*/

.browse-box {
	position: relative;
	border-top: 1px solid #ddd;
	padding: 20px 0
}
.browse-box .title h2 {
	font-size: 16px;
	width: 70%
}
.browse li a {
	display: block;
}
.browse li .pic .zoom {
}
.browse li .pic .zoom span {
}
.browse li .txt {
	font-size: 14px;
	padding: 5px;
	text-align: center
}
.browse {
	position: relative;
}
.browse .swiper-button-prev {
	border: none;
	outline: none;
	top: -50px;
	left: auto;
	right: 40px;
	display: inline-block;
	background: url(../img/left.png) no-repeat center;
	background-size: 24px auto
}
.browse .swiper-button-next {
	border: none;
	outline: none;
	top: -50px;
	left: auto;
	right: 0;
	display: inline-block;
	background: url(../img/right.png) no-repeat center;
	background-size: 24px auto
}
.browse .swiper-container-horizontal > .swiper-pagination-bullets {
	position: relative;
	margin: 20px auto;
	bottom: auto
}
.related {
	position: relative;
	margin: 5% auto
}
.related li a {
	display: block;
}
.related li .pic .zoom {
}
.related li .pic .zoom span {
}
.related li .txt {
	font-size: 14px;
	padding: 5px;
	text-align: center
}
/*搜索筛选*/

.screen-result {
	margin: 20px 11px
}
.screen-factor {
	display: inline-block;
	float: left
}
.screen-factor a {
	display: inline-block;
	background: #0d8e3e;
	color: #fff;
	margin-right: 5px;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	border-radius: 2px;
}
.screen-factor a .fa-clean {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background: url(../img/clean.png) no-repeat center;
}
.sort-group {
	float: right
}
.sort-group a {
	background: #fff;
	border: 1px solid #adadad;
	padding: 4px 8px;
	font-size: 12px
}
.sort-group a.active {
	background: #e6e6e6
}
.search-null {
	color: #999;
	font-size: 16px;
}
.search-null .fa-search-null {
	width: 18px;
	height: 18px;
	background-image: url(../img/close2.png);
}