ul{
	
	margin-bottom:0px !important;
}
@font-face {
	font-family: 'Lato-Regular';
    src: url("Lato-Regular.eot");
    src: url("Lato-Regular.eot-#iefix") format('embedded-opentype'),
        url("Lato-Regular.woff2") format('woff2'),
        url("Lato-Regular.woff") format('woff'),
        url("Lato-Regular.ttf") format('truetype'),
        url("Lato-Regular.svg#Lato-Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'PFDinTextCompPro-Medium-3';
    src: url("PFDinTextCompPro-Medium-3.eot");
    src: url("PFDinTextCompPro-Medium-3.eot-#iefix") format('embedded-opentype'),
        url("PFDinTextCompPro-Medium-3.woff2") format('woff2'),
        url("PFDinTextCompPro-Medium-3.woff") format('woff'),
        url("PFDinTextCompPro-Medium-3.ttf") format('truetype'),
        url("PFDinTextCompPro-Medium-3.svg#Lato-Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'PF Din Light';
    src: url("PFDinTextCondPro-Light.eot");
    src: url("PFDinTextCondPro-Light.eot-#iefix") format('embedded-opentype'),
        url("PFDinTextCondPro-Light.woff2") format('woff2'),
        url("PFDinTextCondPro-Light.woff") format('woff'),
        url("PFDinTextCondPro-Light.ttf") format('truetype'),
        url("PFDinTextCondPro-Light.svg#PFDinTextCondPro-Light") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: "iconfont";
  src: url("iconfont.eot-t=1568022633086"); /* IE9 */
  src: url("iconfont.eot-t=1568022633086#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("iconfont.woff2-t=1568022633086") format('woff2'),
  url("iconfont.woff-t=1568022633086") format('woff'),
  url("iconfont.ttf-t=1568022633086") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("iconfont.svg-t=1568022633086#iconfont") format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fen1 {
	font-family: "Lato-Regular";
}

.fen2 {
	font-family: "PFDinTextCompPro-Medium-3";
}

.fen3 {
	font-family: "PF Din Light";
}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html::-webkit-scrollbar {
	width: 8px;
	background: none;
}

html::-webkit-scrollbar-thumb {
	width: 8px;
	background: #00706b;
}

html::-webkit-scrollbar-corner {
	background: none;
}

html::-webkit-scrollbar:horizontal {
	height: 9px;
}

body {
	font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif;
	margin: 0 auto;
	color: #666;
	background-color: #fff;
	word-wrap:break-word; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

img {
	border: 0;
}

input {
	outline: none;
	font-family: "Microsoft Yahei","微软雅黑";
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
	font-family: "Microsoft Yahei","微软雅黑";
}

::-moz-selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

select {
	outline: none;
}

select::-ms-expand {
	display: none;
}

table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

a {
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:link, a:visited {
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: none;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.fc {
	text-align: center;
}

.fr {
	text-align: right;
}

.l {
	float: left;
	display: inline-block;
}

.r {
	float: right;
	display: inline-block;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.inner {
	width: 1200px;
	margin: 0px auto;
}

.top a:link, .top a:visited {
	color: #333333;
}

.top a:active, .top a:hover {
	color: #00706b;
}

.pageH {
	height: 80px;
}

.top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	height: 80px;
	color: #333;
	z-index: 900;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.logo {
	float: left;
	display: block;
	margin:7px 0 0 3%;
}

.logo a {
	display: block;
	height: 62px;
}

.logo img {
	height: 100%;
	display: block;
}

.grop-box {
	float: right;
	display: block;
	margin-right: 80px;	
	
}

.grop-search {
	position: relative;
	width: 60px;
	height: 38px;
	margin: 21px 15px 0 10px;
	z-index: 2;
}

.grop-search .item {
	position: absolute;
	right: 0;
	top: 0;
	width: 0px;
	height: 38px;
	border-radius: 19px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.grop-search .txt {
	width: 100%;
	display: block;
	height: 38px;
	line-height: 38px;
	border: 0px none;
	background-color: transparent;
	opacity: 0;
	visibility: hidden\9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.grop-search a.btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 38px;
	text-align: center;
	font-size: 24px;
	border-radius: 19px;
	background-color: transparent;
	color: #9e9e9e;
}

.grop-search a.btn:hover {
	color: #333333;
}

.grop-search a.btn1 {
	display: block;
}

.grop-search a.btn2 {
	display: none;
}

.nav {
	float: right;
	display: block;
}

.nav>ul>li {
	position: relative;
	float: left;
	display: inline-block;
	margin-right: 32px;
}

.nav>ul>li>a {
	display: block;
	line-height: 80px;
	height: 80px;
	font-size: 16px;
	text-decoration:none;
}

.nav>ul>li>a:before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #00706b;
	position: absolute;
	left: 0;
	bottom: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.nav>ul>li:hover>a:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.nav>ul>li>a.active {
	color: #00706b;
}

.menu-handler {
	position: fixed;
	z-index: 1000;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	cursor: pointer;
	background-color: #d92228;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 38px auto 0;
	width: 28px;
	height: 3px;
	background-color: #fff;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s
}

.menu-handler span:before {
	top: -8px;
	-webkit-transition-property: top,transform;
	-moz-transition-property: top,transform;
	-ms-transition-property: top,transform;
	-o-transition-property: top,transform;
	transition-property: top,transform;
}

.menu-handler span:after {
	bottom: -8px;
	-webkit-transition-property: bottom,transform;
	-moz-transition-property: bottom,transform;
	-ms-transition-property: bottom,transform;
	-o-transition-property: bottom,transform;
	transition-property: bottom,transform;
}

.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s,0s;
	-moz-transition-delay: 0s,0s;
	-ms-transition-delay: 0s,0s;
	-o-transition-delay: 0s,0s;
	transition-delay: 0s,0s
}

.menu-handler.active span:after,.menu-handler.active span:before {
	-webkit-transition-delay: 0s,.3s;
	-moz-transition-delay: 0s,.3s;
	-ms-transition-delay: 0s,.3s;
	-o-transition-delay: 0s,.3s;
	transition-delay: 0s,.3s
}

.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBox {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(1,167,150,0.8);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	filter: alpha(Opacity=0);
	opacity: 0;
	z-index: -1;
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.menuBox a:link, .menuBox a:visited {
	color: #fff;
}

.menuBox a:active, .menuBox a:hover {
	color: #D92228;
}

.menubar {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	margin: -291px 0 0 -600px;
	overflow: hidden;
}

.menu li {
	float: left;
	display: inline-block;
	width: 14.2%;
	padding: 50px 0;
	height: 482px;
	text-align: center;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
	-o-transform: translate(50px,0);
	-ms-transform: translate(50px,0);
	transform: translate(50px,0);
}

.menu li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #00706b;
	z-index: -1;
	opacity: 0;
	visibility: visible\9;
	transform: scale(0.9,0.96);
	-webkit-transform: scale(0.9,0.96);
	-webkit-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-moz-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-ms-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-o-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
}

.menu>li>a {
	display: block;
	font-weight: bold;
	font-size: 18px;
	padding: 0px 20px;
	margin-bottom: 30px;
}

.menu .subnav {
	padding: 0px 20px;
}

.menu .subnav p {
	margin-bottom: 10px;
}

.menu li:hover:before {
	opacity: 1;
	visibility: visible\9;
	transform: initial;
	-webkit-transform: initial;
}

.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 950;
	background-color: rgba(255,255,255,0.4);
	visibility: hidden;
	filter: alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-moz-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-ms-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-o-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
}

.menuOpen .pusher-black {
	visibility: visible;
	filter: alpha(enabled=false);
	opacity: 1;
}

.menuOpen .menuBox {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	filter: alpha(Opacity=100);
	opacity: 1;
	z-index: 999;
}

.menuOpen .menu li {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.menuBoxM a:link, .menuBoxM a:visited {
	color: #fff;
}

.menuBoxM a:active,.menuBoxM a:hover {
	color: #fff;
}

.menuBoxM {
	background-color: #00706b;
	color: #fff;
	position: fixed;
	display: none;
	right: 0px;
	top: 0px;
	width: 294px;
	height: 100%;
	height: 100vh;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);
	-moz-transition: all .5s cubic-bezier(.25,.46,.45,.94);
	-ms-transition: all .5s cubic-bezier(.25,.46,.45,.94);
	-o-transition: all .5s cubic-bezier(.25,.46,.45,.94);
	transition: all .5s cubic-bezier(.25,.46,.45,.94);
	z-index: 999;
}

.menuBoxM:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #00706b;
	z-index: 2;
}

.menubarM {
	padding: 50px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	box-sizing: border-box;
}

.menubarM>li>a {
	position: relative;
	display: block;
	font-weight: bold;
	padding: 15px 5%;
	font-size: 16px;
}

.menubarM .subnav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 50px 0;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.menubarM>li.cur>a {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}

.menubarM .is-hidden {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.menubarM .subnav a {
	display: block;
	padding: 15px 5%;
	line-height: 1.4;
}

.menuOpen .menuBoxM {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.go-back {
	cursor: pointer;
	padding: 15px 5%;
	background-color: #e49fa3;
	margin-bottom: 20px;
}

.foot a:link, .foot a:visited {
	color: #666666;
}

.foot a:active, .foot a:hover {
	color: #00706b;
}

.foot {
	background-color: #f8f8f8;
	color: #666;
	position: relative;
}

.foot-top {
	position: relative;
	padding: 65px 5% 50px;
}

.foot-l {
	float: left;
	display: inline-block;
	width: 232px;
}

.foot-l a {
	display: block;
}

.foot-logo img {
	width: 100%;
	display: block;
}

.foot-tel {
	text-align: center;

	font-size: 25px;
	color: #00706b;
	font-family: helvetica;
}
.foot-l h2{
	margin-top:0px;
}
.foot-tel i {
	font-size: 24px;
	margin-right: 12px;
}

.foot-c {
	width: 45%;
	display: block;
	margin: 0px auto;
}

.foot-nav li {
	float: left;
	display: inline-block;
	width: 22%;
	margin-left: 3%;
}

.foot .foot-nav li>a {
	font-weight: bold;
	color: #333;
}

.foot-nav .subnav {
	padding-top: 10px;
	line-height: 1.5;
}

.foot-nav .subnav p {
	margin-bottom: 10px;
}

.foot-b {
	float: right;
	display: inline-block;
}

.foot-erm-box .item {
	float: left;
	display: inline-block;
	width: 104px;
	margin-left: 30px;
	text-align: center;
	font-size: 12px;
}

.foot-erm-box .item img {
	display: block;
	margin-bottom: 4px;
}

.foot-bot {
	padding: 25px 3%;
	border-top: 1px solid #e5e5e5;
	text-align: right;
}

.link-select-box a:link, .link-select-box a:visited {
	color: #fff;
}

.link-select-box a:active,.link-select-box a:hover {
	color: #fff;
}

.link-select-box {
	position: relative;
	width: 100%;
	margin-top: 20px;
	height: 44px;
	line-height: 44px;
	text-align: left;
	background-color: #ebebeb;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.link-select-box .mt {
	padding: 0 40px 0 15px;
	position: relative;
	cursor: pointer;
	line-height: 44px;
	color: #999;
}

.link-select-box .mt .aw {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 12px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.link-select-box .mc {
	padding-bottom: 3px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 100%;
	z-index: 100;
	display: none;
}

.link-select-box:hover {
	background-color: #E8E8E8;
}

.link-select-box ul {
	background-color: #666666;
	padding: 15px 0;
	overflow: hidden;
}

.link-select-box a {
	display: block;
	padding: 8px 15px;
	line-height: 1.4;
	font-size: 12px;
}

.link-select-box a:hover {
	background-color: #D52F35;
}

.link-select-box.act .mt .aw {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.stop {
	position: absolute;
	right: 3%;
	bottom: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	background-color: #00706b;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.stop:hover {
	background-color: #333333;
}

.stop .txt {
	color: #fff;
}

.smlink {
	margin-left: 15px;
}

.fixedImg {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.imgw {
	width: 100%;
	display: block;
}

.ellipsisT {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.align-vertical {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}

.vertical-inner {
	display: table-cell;
	vertical-align: middle;
}

.linkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/w0.png") no-repeat;
}

.pageC a:link, .pageC a:visited {
	color: #333;
}

.pageC a:active, .pageC a:hover {
	color: #00A2E9;
}

.pageC img {
	max-width: 100% !important;
	height: auto !important;
}

.pageC {
	overflow: hidden;
	text-align: justify;
}

.transition6 {
	transition: 0.6s;
	-webkit-transition: 0.6s;
}

.scaleO:hover .imgw {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

@-webkit-keyframes loop-text {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes loop-text {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
/* Slider */
.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
}

.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}

.vwrap .videobox {
	z-index: 990;
	width: 800px;
	height: 450px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -225px;
	margin-left: -400px;
}

.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde;
}

#videobox_wrapper {
	height: 100%!important;
}

.vwrap .close {
	z-index: 999;
	width: 31px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: -42px;
	background-color: #00706b;
}

.vwrap .close i {
	display: block;
	width: 31px;
	height: 31px;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 31px;
	text-align: center;
	color: #fff;
	-webkit-transition: 400ms;
	transition: 400ms;
}

.vwrap .close i:before {
	content: "\e61c";
}

.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#videobox_display_button,#videocontainer_display_button {
	background: none no-repeat!important;
}

.jwplayer .jwicon {
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
}

.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.jwlogo, .jwclick {
	display: none!important;
}

.jwdisplayIcon {
	background: none no-repeat!important;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-loading .slick-list {
	background: #f1f1f1 url("../images/loader.gif") center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: 0
}

.pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
	transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/black_90.png") repeat;
	background: none rgba(0,0,0,.9);
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container, .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
	transition: transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
	transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__container, .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp__error-msg a {
	color: #CCC;
	text-decoration: underline
}

.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: 0 0;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: 0;
	opacity: .9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button {
	background: url("../images/default-skin.png") 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
	.pswp--svg .pswp__button {
		background-image: url("../images/default-skin.svg");
	}

	.pswp__button--close {
		color: #fff
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
	top: 50%;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-top: -24px;
	position: absolute;
	background: none #767676;
	color: #fff;
	display: block;
	font-family: "iconfont" !important;
	font-size: 20px;
	text-align: center;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pswp__button--arrow--left {
	left: 2%
}

.pswp__button--arrow--right {
	right: 2%;
}

.pswp__button--arrow--left:before {
	content: "\e607";
}

.pswp__button--arrow--right:before {
	content: "\e86f";
}

.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover {
	color: #fff;
	background-color: #00706b;
}

.pswp__counter, .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D
}

a.pswp__share--download:hover {
	background: #DDD
}

.pswp__counter {
	float: left;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: .75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption__center {
	text-align: center;
	max-width: 600px;
	font-size: 15px;
	margin: 0 auto;
	padding: 20px 10px;
	color: #fff
}

.pswp__caption__center .xzy-zan {
	float: right;
	display: block
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url("preloader.gif") 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: 0 0;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: 0 0;
	margin: 0
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
	transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__caption, .pswp__top-bar {
	background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 1
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: 0 0
}
/*base style end*/

/*index style*/
@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: -webkit-perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	0%,40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: -webkit-perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: -webkit-perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: -webkit-perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: -webkit-perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: -webkit-perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	0%,40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: -webkit-perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: -webkit-perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: -webkit-perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: -webkit-perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes fade-in-blur {
	0% {
		-webkit-filter: blur(5px);
		filter: blur(5px);
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%)
	}

	40% {
		opacity: 1
	}

	to {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fade-in-blur {
	0% {
		-webkit-filter: blur(5px);
		filter: blur(5px);
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%)
	}

	40% {
		opacity: 1
	}

	to {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%)
	}

	40% {
		opacity: 1
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20%);
		transform: translateY(20%)
	}

	40% {
		opacity: 1
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.opacityS {
	opacity: 0;
	visibility: hidden;
}

.active .opacityS,.m-active .opacityS {
	opacity: 1;
	visibility: visible;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.active .fadeU {
	-webkit-animation: fadeInUp .7s ease-in-out both;
	animation: fadeInUp .7s ease-in-out both;
}

.active.m-active .fadeU {
	-webkit-animation: infinite;
	animation: infinite;
}

.active .fadeL {
	-webkit-animation: fadeL .7s ease-in-out both;
	animation: fadeL .7s ease-in-out both;
}

.active.m-active .fadeL {
	-webkit-animation: infinite;
	animation: infinite;
}

.active .day4 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.active .day5 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.active .day6 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.active .day7 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.active .day8 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	
}

.active .day9 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.active .day10 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.active .day11 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.main-nav a:link, .main-nav a:visited {
	color: #00706b;
}

.main-nav a:active, .main-nav a:hover {
	color: #666;
}

.main-nav {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -78px;
	z-index: 100;
}

.main-nav__item {
	position: relative;
	padding: 12px 0px;
}

.main-nav__item-a {
	position: relative;
	background-color: #d5d5d5;
	height: 2px;
	display: block;
	width: 38px;
}

.main-nav__item-tit {
	position: absolute;
	right: 120%;
	top: 50%;
	margin-top: -12px;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.main-nav .cur .main-nav__item-tit {
	opacity: 1;
	visibility: hidden\9;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.main-nav .cur .main-nav__item-a {
	background-color: #00706b;
}

.sider-nav {
	position: fixed;
	left: 3%;
	width: 42px;
	top: 35%;
	z-index: 100;
	display: block;
	transition: 0.3s;
}

.sider-nav.hide {
	display: none;
}

.sider-nav a:link, .sider-nav a:visited {
	color: #fff;
}

.sider-nav a:active, .sider-nav a:hover {
	color: #fff;
}

.sider-nav li {
	position: relative;
	margin-top: 8px;
}

.sider-nav .ico {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;
	border-radius: 50%;
	background-color: #d8d8d8;
	font-size: 24px;
	text-align: center;
	line-height: 42px;
	transition: 0.3s;
}

.sider-nav a:hover .ico {
	background-color: #00706b;
}

.sider-nav a:hover .con {
	display: block;
}

.sider-nav .con {
	position: absolute;
	left: 100%;
	margin-left: 10px;
	width: 100px;
	background-color: #F1F1F1;
	padding: 10px;
	color: #333;
	text-align: center;
	top: 0%;
	display: none;
}

.sider-nav .img {
	margin-bottom: 5px;
}

.sider-nav .tel-A .con {
	width: 130px;
	font-size: 18px;
	line-height: 1.5;
	color: #00706b;
	font-family: "helvetica";
}

.content {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.page {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	min-height: 100vh;
}

.page.active {
	z-index: 10;
}

.page .ibg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#ibox9 {
	min-height: 0;
	width: 100%;
}

.btn-more {
	width: 158px;
	height: 38px;
	display: block;
	border: 2px solid #fff;
	margin: 0px auto;
	line-height: 38px;
	position: relative;
}

.btn-more:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #00706b;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1);
	transition: transform .38s cubic-bezier(.4,0,.2,1);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}

.btn-more:hover:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.btn-more:hover {
	border-color: #00706b;
}

.btn-more .txt {
	position: relative;
	color: #fff;
}

.banner a:link, .banner a:visited {
	color: #fff;
}

.banner a:active, .banner a:hover {
	color: #fff;
}

.banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	background-color: #f7f7f7;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transition: 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	color: #fff;
}

.banner.slick-initialized {
	visibility: visible;
	opacity: 1;
}

.banner .item {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner .pimg {
	width: 100%;
	display: block;
	position: absolute;
	overflow: hidden;
}

.banner .desc {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	top: 35%;
	text-align: center;
}

.banner .by,.banner .en {
	font-size: 18px;
	line-height: 1.2;
}

.banner .zh {
	font-size: 56px;
	line-height: 1.2;
	padding: 12px 0 15px;
}

.banner .btn-more {
	margin-top: 50px;
}

.banner .by,.banner .en,.banner .btn-more {
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
}

.banner .slick-active .by,.banner .slick-active .en,.banner .slick-active .btn-more {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.banner .slick-active .by {
	transition: 0.5s 0.3s;
}

.banner .slick-active .en {
	transition: 0.58s 0.45s;
}

.banner .slick-active .btn-more {
	transition: transform 0.58s 0.65s,opacity 0.58s 0.65s;
}

.banner .slick-active .item-span span {
	visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
}

.banner-num {
	position: absolute;
	bottom: 8%;
	left: 5%;
	width: 90%;
	text-align: center;
}

.banner-numbox {
	display: inline-block;
	background: url("../images/black_50.png") repeat;
	background: none rgba(0,0,0,0.6);
	border-radius: 13px;
	height: 15px;
	line-height: 26px;
	    padding: 8px 10px;
}

.banner-num .bitem {
	display: inline-block;
	float: left;
}

.banner-num .slick-dots {
	position: relative;
	width: auto;
	bottom: auto;
}

.banner-num .slick-dots li {
	position: relative;
	margin: 0 4px;
	height: 26px;
	float: left;
	width: auto;
	padding: 0;
	cursor: pointer;
}

.banner-num .slick-dots li a {
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-indent: -10em;
	display: block;
	overflow: hidden;
	padding: 0px;
	
}

.banner-num .slick-dots li.slick-active a {
	background-color: #fff;
}

.banner-numbox .slick-arrow {
	width: 26px;
}

.banner-numbox .slick-arrow:hover {
	color: #00706b;
}

.banner-bofang {
	width: 16px;
	text-align: center;
}

.banner-paly:before {
	content: "\e623";
}

.banner-pause:before {
	content: "\e671";
}

.banner-dots2 {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 334px;
	z-index: 104;
}

.banner-dots2 .slick-dots {
	bottom: 0;
}

.banner-dots2 .slick-dots li {
	position: relative;
	margin: 0 4px;
	height: auto;
	line-height: 1;
	width: auto;
	padding: 0;
	cursor: pointer;
}

.banner-dots2 .slick-dots li a {
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-indent: -10em;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0;
}

.banner-dots2 .slick-dots li.slick-active a {
	background-color: #fff;
}

.ibox-one {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 650px;
	padding-top: 40px;
	margin: auto;
}

.c333 {
	color: #333;
}

.iabout-box a:link, .iabout-box a:visited {
	color: #666;
}

.iabout-box a:active, .iabout-box a:hover {
	color: #00706b;
}

.w940 {
	width: 940px;
	margin: 0px auto;
}

.iabout-box .type {
	font-size: 16px;
}

.iabout-box .by {
	font-size: 40px;
	line-height: 1.5;
}

.iabout-box .pageC {
	font-size: 16px;
	margin: 5px 0 20px;
	
	overflow: hidden;
}

.iabout-box .btn-more2 {
	font-size: 12px;
}

.iabout-list li {
	float: left;
	display: inline-block;
}

.itype-box {
	padding-top: 30px;
	width: 1100px;
	margin: 0px auto;
}
.itype-box img{
	max-width: 100%;
    width: 50%;
}
.itype-box li {
	position: relative;
	margin-top: 30px;
	float: left;
	display: block;
	width: 30%;
	padding: 0px 1%;
	text-align: center;
	line-height: 1.5;
}

.itype-box .ico {
	position: relative;
	border: 2px solid #ABABAB;
	color: #ABABAB;
	border-radius: 50%;
	width: 94px;
	height: 94px;
	display: block;
	margin: 0px auto 10px;
	text-align: center;
	line-height: 94px;
	font-size: 50px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	transform-style: preserve-3d;
}

.itype-box .zh {
	font-size: 18px;
}

.itype-box .en {
	color: #999999;
	height: 42px;
	overflow: hidden;
}

.itype-box li:hover .ico {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	color: #00706b;
	border-color: #00706b;
}

.itype-box li:hover .zh {
	color: #00706b;
}

.ibox-about a:link, .ibox-about a:visited {
	color: #dd5d61;
}

.ibox-about a:active, .ibox-about a:hover {
	color: #fff;
}

.ibox-about {
	position: absolute;
	left: 0;
	top: 0px;
	width: 12%;
	padding: 8% 3% 3%;
	background-color: #00706b;
	color: #fff;
	z-index: 100;
}

.iboxT {
	padding-bottom: 50px;
}

.iboxT .zh {
	font-size: 45px;
}

.iboxT .by {
	letter-spacing: 7px;
	font-size: 15px;
}

.ibox-about .iboxT {
	padding-bottom: 80px;
}

.ibox-about .iboxT .by {
	color: #f2cecf;
}

.ibox-about .more {
	font-size: 26px;
	text-transform: uppercase;
	padding-right: 72px;
	background: url("../images/jt.png") no-repeat scroll right center;
}

.ibox-about .more:hover {
	padding-right: 78px;
}

.ibox-about {
	opacity: 0;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

.active .ibox-about {
	-webkit-animation: shape 0.8s 0.6s cubic-bezier(0,0,.31,.75) forwards;
	animation: shape 0.8s 0.6s cubic-bezier(0,0,.31,.75) forwards;
}

@keyframes shape {
	0% {
		opacity: 0;
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0);
	}

	100% {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

.iabout-list {
	margin-top: 10%;
}

.iabout-list li {
	position: relative;
	float: left;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin-right: 50px;
}

.iabout-list .ico {
	font-size: 56px;
	line-height: 1;
	color: #ababab;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.iabout-list .txt {
	padding: 8px 0 5px;
	line-height: 1.5;
}

.iabout-list .more {
	display: block;
	margin: 0px auto;
	font-size: 26px;
	line-height: 1;
	color: #00706b;
	opacity: 0;
	visibility: visible;
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.iabout-list li:hover .ico,.iabout-list li:hover .txt {
	color: #00706b;
}

.iabout-list li:hover .more {
	opacity: 1;
	visibility: visible;
	transform: initial;
	-webkit-transform: initial;
}

.ibox-num {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 30px 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
}

.ibox-num li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0px 30px;
	font-size: 16px;
}

.ibox-num .num {
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 5px;
}

.ibox-num .txt {
	line-height: 1.5;
}

.ibox-desc{
	opacity: 0;
	
}


@keyframes scale2 {
	0% {
		opacity: 0;
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
	}

	100% {
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

.ibox-case {
	position: relative;
	right: 0;
	bottom: 0%;
	width: 60%;
	padding: 55px 0 0;
	z-index: 1;
	margin:0px auto;
    top: 10%;
}

.ibox-case:before {
	content: "";
	position: relative;
	width: 60%;
	height:50%;

    top: 10%;
	margin:0px auto;
	background-color: #00706b;
	z-index: -1;
}

.icaseT {
	position: relative;
	text-align:center;
}

.icaseT .title {
	font-size: 35px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.icaseT .c {
	height: 50px;
	overflow: hidden;
}

.ibox-case .btn-more3 {
	position: absolute;
	right: -8%;
	top: -12%;
}

.ibox-case .iboxT {
	position: relative;
	width: 40%;
}

.ibox-case .iboxT .zh {
	color: #fff;
}

.ibox-case .iboxT .by {
	color: #f2cecf;
}

.ibox-case-by {
	background: url("../images/project_t.png") no-repeat;
	width: 10px;
	height: 77px;
	position: absolute;
	left: -7%;
	bottom: 30%;
	margin-left: -5px;
	padding-bottom: 50px;
	display: block;
	z-index: 3;
}

.ibox-case-by:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -1px;
	width: 2px;
	height: 32px;
	background-color: #fff;
}

.icase-demo a:link, .icase-demo a:visited {
	color: #fff;
}

.icase-demo a:active, .icase-demo a:hover {
	color: #fff;
}

.icase-demo {
	background-color: #F1F1F1;
}

.icase-demo .item {
	position: relative;
}

.icase-demo .item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
	background-image: -webkit-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
	background-image: -moz-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
	background-image: -o-linear-gradient(225deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.58) 100%);
}

.icase-demo .desc {
	position: absolute;
	z-index: 2;
	left: 8%;
	bottom: 180px;
	width: 460px;
	color: #fff;
}

.icase-demo .linkA {
	z-index: 4;
}

.icase-demo .title {
	font-size: 18px;
	margin-bottom: 20px;
}

.icase-demo .c {
	font-family: "Lato-Regular";
	height: 50px;
	margin-bottom: 10px;
	overflow: hidden;
}

.icase-demo .more {
	position: relative;
	font-size: 12px;
}

.icase-demo .more:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -2px;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.icase-demo :hover .more:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.icase-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	background: url("../images/black_10.png") repeat;
	background: none rgba(0,0,0,0.1);
}

.icase-nav li {
	position: relative;
	padding: 25px 0;
	float: left;
	display: block;
	width: 14.28%;
	text-align: center;
	color: #fff;
	z-index: 1;
}

.icase-nav li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	opacity: 0.17;
	filter: alpha(opacity=17);
}

.icase-nav .ico {
	font-size: 42px;
	line-height: 1;
	display: block;
	margin: 0px auto 10px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	transform-style: preserve-3d;
}

.icase-nav li:after {
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0px;
	background-color: #00706b;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1);
	transition: transform .38s cubic-bezier(.4,0,.2,1);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}

.icase-nav li:hover:after {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.icase-nav li:hover .ico {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.btn-more3 {
	position: relative;
	width: 26px;
	height: 26px;
	display: block;
}

.btn-more3:before,.btn-more3:after {
	content: "";
	position: absolute;
	background-color: #fff;
}

.btn-more3:before {
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	margin-top: -2px;
}

.btn-more3:after {
	left: 50%;
	top: 0;
	height: 100%;
	width: 4px;
	margin-left: -2px;
}

.ibox-video video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #000;
	display: none;
}

.ibox-video.cur video {
	display: block;
}

.ibox-video-close {
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	display: none;
}

.ibox-video.cur .ibox-video-close {
	display: block;
}

.ivideo-box {
	position: absolute;
	left: 50%;
	top: 35%;
	text-align: center;
	width: 700px;
	margin-left: -350px;
}

.ivideo-box .iboxT {
	padding-bottom: 0;
}

.ivideo-img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: none;
}

.vico-box {
	position: relative;
	margin: 35px auto 0;
	width: 56px;
	text-transform: uppercase;
}

.vico-box .nameL,.vico-box .nameR {
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.vico-box .nameL {
	right: 140%;
}

.vico-box .nameR {
	left: 140%;
}

.vico {
	width: 56px;
	height: 56px;
	display: block;
	margin: 0px auto;
	border-radius: 50%;
	background-color: #fff;
}

.vico:before {
	content: "";
	position: absolute;
	left: -14%;
	top: -14%;
	bottom: -14%;
	right: -14%;
	border: 1px dotted #fff;
	border-radius: 50%;
}

.vico {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.vico i {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	display: block;
	margin: 0px auto;
	height: 0;
	width: 0;
	border-left: 12px solid #00706b;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -9px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	z-index: 2;
}

.vico:after {
	content: "";
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(208,33,39,0.5);
	opacity: 0;
	z-index: -1;
}

.vico:hover:after {
	animation: bannerbuIn infinite linear 1.5s normal;
	-webkit-animation: bannerbuIn infinite linear 1.5s normal;
}

@keyframes bannerbuIn {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0.7);
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(1.8);
	}
}

@-webkit-keyframes bannerbuIn {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0.7);
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(1.8);
	}
}

.ibox-media {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 500px;
	margin: auto 0;
	padding: 90px 9%;
	background-color: #f0f0f0;
	width: 60%;
}

.imedia-box li {
	position: relative;
	float: left;
	display: block;
	width: 28.33%;
	margin-right: 5%;
}

.imedia-box figure {
	overflow: hidden;
}

.imedia-box h4 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	line-height: 1.5;
	height: 54px;
	margin: 10px 0 15px;
	overflow: hidden;
}

.imedia-box .c {
	color: #818181;
	margin-bottom: 20px;
	overflow: hidden;
}

.btn-more4 {
	position: relative;
	display: block;
	width: 96px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	background-color: #cbcbcb;
}

.btn-more4 .txt {
	position: relative;
	color: #fff;
}

.btn-more4:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #00706b;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1);
	transition: transform .38s cubic-bezier(.4,0,.2,1);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}

.btn-more4:hover:before,.btnH:hover .btn-more4:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.imedia-bot {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #00706b;
	padding: 80px 2% 70px;
	width: 6%;
	color: #fff;
	text-transform: uppercase;
}

.imedia-bot .ico {
	font-size: 40px;
}

.imedia-bot .t {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.imedia-bot .c {
	font-size: 20px;
	line-height: 1.5;
	opacity: 0.2;
	filter: alpha(opacity=2);
}

.imedia-bot:hover {
	background-color: #00706b;
}

.ibox-sub {
	position: relative;
	
	width: 70%;
	top: 20%;
	margin:0px auto;
}

.isub-box {
	position: relative;
}

.ibox-subtxt {
	position: relative;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 50px;
	padding-left: 90px;
	color:#fff;
}

.ibox-subtxt:before {
	content: "";
	position: absolute;
	left: -45px;
	top: 30%;
	width: 90px;
	height: 2px;
	background-color: #fff;
}

.isub-item {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 25%;
	height: 50%;
	color: #fff;
	transition: .3s;
	-webkit-transition: .3s;
}

.isub-item1 {
	right: 0;
	top: 0;
}

.isub-item2 {
	left: 25%;
	bottom: 0;
}

.isub-item3 {
	left: 50%;
	bottom: 0;
}

.isub-item4 {
	right: 0;
	bottom: 0;
	background-color: #00706b;
}

.isub-t,.isub-t2 {
	width: 80%;
	margin: 0px auto;
	padding-top: 50px;
}

.isub-t .zh,.isub-t2 .zh {
	font-size: 26px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.isub-t .en {
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
}

.isub-t:before {
	content: "";
	width: 24px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-bottom: 10px;
}

.isub-t2 .ico {
	font-size: 32px;
	line-height: 1;
	display: block;
	margin-top: 10%;
}

.isub-t3 {
	position: absolute;
	left: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 96px;
	width: 90%;
	text-align: center;
}

.isub-t3 .txt {
	font-size: 16px;
}

.isub-vico {
	position: relative;
	width: 60px;
	height: 60px;
	background: url("../images/black_50.png") repeat;
	background: none rgba(0,0,0,0.38);
	display: block;
	margin: 0px auto 10px;
	border-radius: 50%;
}

.isub-vico i {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	display: block;
	margin: 0px auto;
	height: 0;
	width: 0;
	border-left: 12px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -9px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	z-index: 2;
}
/*index style end*/
/*about style*/
.about-page {
	position: relative;
	background-color: #fde3e4;
	min-height: 100vh;
	color: #00706b;
}

.about-by {
	font: bold 100px/.8 helvetica;
	color: #f7ccce;
	text-transform: uppercase;
	padding-top: 86px;
	filter: alpha(Opacity=50);
	opacity: 0.5;
}

.about-by p {
	white-space: nowrap;
}

.about-by .item1 {
	animation: cloudMove1 95s linear alternate;
	-webkit-animation: cloudMove1 95s linear alternate infinite;
}

.about-by .item2 {
	animation: cloudMove 95s linear alternate;
	-webkit-animation: cloudMove 95s linear alternate infinite;
}

.about-by .item3 {
	animation: cloudMove1 100s linear alternate;
	-webkit-animation: cloudMove1 100s linear alternate infinite;
}

@keyframes cloudMove {
	0% {
		transform: translate(-50vw);
		-webkit-transform: translate(-50vw);
	}

	100% {
		transform: translate(0vw);
		-webkit-transform: translate(0vw);
	}
}

@-webkit-keyframes cloudMove {
	0% {
		transform: translate(-50vw);
		-webkit-transform: translate(-50vw);
	}

	100% {
		transform: translate(0vw);
		-webkit-transform: translate(0vw);
	}
}

@keyframes cloudMove1 {
	0% {
		transform: translate(0);
		-webkit-transform: translate(0);
	}

	100% {
		transform: translate(-100vw);
		-webkit-transform: translate(-100vw);
	}
}

@-webkit-keyframes cloudMove1 {
	0% {
		transform: translate(0);
		-webkit-transform: translate(0);
	}

	100% {
		transform: translate(-100vw);
		-webkit-transform: translate(-100vw);
	}
}

.about-title {
	position: absolute;
	right: 50%;
	margin-right: -600px;
	width: 917px;
	bottom: 0;
}

.about-title .name {
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	margin: 0px auto;
	width: 310px;
	padding-left: 40px;
	background: url("../img/shui2.png") no-repeat scroll left 5px;
	font-size: 24px;
	line-height: 1.5;
	color: #333;
}

.about-demo {
	position: absolute;
	width: 560px;
	right: 50%;
	top: 30%;
	margin-right: -550px;
}

.about-demo figure {
	margin-bottom: 28px;
}

.about-demo .pageC {
	margin: 0px 40px;
	color: #666;
	line-height: 1.5;
	max-height: 84px;
	overflow: hidden;
}

.aboutT {
	position: absolute;
	left: 50%;
	bottom: 120px;
	margin-left: -550px;
	line-height: 1.2;
}

.aboutT .en {
	font-size: 64px;
	text-transform: uppercase;
}

.aboutT .zh {
	font-size: 56px;
}

.about-nav-box a:link, .about-nav-box a:visited {
	color: #fff;
}

.about-nav-box a:active, .about-nav-box a:hover {
	color: #fff;
}

.about-nav-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #e49fa3;
	background-color: #00706b;
}

.about-nav {
	width: 1100px;
	margin: 0px auto;
}

.about-nav li {
	position: relative;
	float: left;
	display: inline-block;
	width: 12.5%;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.about-nav li:before,.about-nav li:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.about-nav li:before {
	bottom: 0;
	height: 6px;
}

.about-nav li:after {
	top: -1px;
}

.about-nav a {
	position: relative;
	display: block;
	z-index: 1;
}

.about-nav a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 64px;
	height: 64px;
	background-color: #e17175;
	border-radius: 50%;
	z-index: -1;
	transform: scale(0.4);
	-webkit-transform: scale(0.4);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.about-demo li {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	padding-bottom: 30px;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.about-demo li.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.about-title.active .name {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
/*about style end*/
/*groupSubsidiary style*/
.pbanner-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 540px;
	background-color: #fde3e4;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.pb-logo {
	position: absolute;
	left: 5%;
	width: 800px;
	top: 110px;
}

.pbg-l {
	background: url("../img/a2.png") repeat-x scroll left center;
	position: fixed;
	left: 0;
	width: 100%;
	top: 390px;
	height: 474px;
	animation: animatedfoot1 20s linear infinite;
	-webkit-animation: animatedfoot1 20s linear infinite;
}

@keyframes animatedfoot1 {
	from {
		background-position: 0 50%;
	}

	to {
		background-position: 100% 50%;
	}
}

@-webkit-keyframes animatedfoot1 {
	from {
		background-position: 0 50%;
	}

	to {
		background-position: 100% 50%;
	}
}

.warp {
	position: relative;
	margin-top: 80px;
	min-height: 100vh;
	z-index: 10;
}

.page-sider {
 /* float: left; display: block; width: 20%; margin-left: 5%; */
	padding: 240px 0 0px;
	position: fixed;
	left: 5%;
	width: 18%;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.page-sider.fsShow {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	opacity: 0;
	visibility: hidden\9;
}

.pageT .en {
	font-size: 56px;
	font-weight: bold;
	line-height: 1;
	color: #00706b;
	font-family: Helvetica;
	margin-bottom: 12px;
}

.pageT .zh {
	font-size: 32px;
	color: #00706b;
}

.pageT {
	padding-bottom: 30px;
}

.page-nav {
	padding-top: 45px;
	width: 150px;
}

.page-nav a:link, .page-nav a:visited {
	color: #333;
}

.page-nav a:active, .page-nav a:hover {
	color: #00706b;
}

.page-nav li {
	margin-bottom: 8px;
	line-height: 1.5;
}

.page-nav a {
	display: block;
	position: relative;
	padding-right: 15px;
}

.page-nav a:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 50%;
	border: 2px solid #00706b;
	transform: scale(0);
	-webkit-transform: scale(0);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.page-nav a.active,.page-nav .active a {
	color: #00706b;
	font-weight: bold;
}

.page-nav a.active:before,.page-nav .active a:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	opacity: 1;
	visibility: visible\9;
}

.page-content {
	float: right;
	display: block;
	width: 72%;
	padding: 90px 0;
}

.w880 {
	width: 880px;
	margin: 0px auto;
}

.bgfff {
	background-color: #ffffff;
}

.group-demo {
	position: relative;
}

.group-demo .slick-dots {
	right: 0%;
	width: auto;
	bottom: -56px;
	text-align: center;
	z-index: 104;
}

.group-demo .slick-dots li {
	position: relative;
	margin: 0;
	width: 18px;
	height: 80px;
	padding: 0;
	cursor: pointer;
}

.group-demo .slick-dots li a {
	position: absolute;
	height: 20%;
	width: 2px;
	left: 0;
	right: 0;
	bottom: 8%;
	background-color: #00706b;
	text-indent: -10em;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
}

.group-demo .slick-dots li.slick-active a {
	bottom: 0;
	height: 100%;
}

.group-pageC {
	padding: 45px 50px;
	margin-bottom: 35px;
}

.f24 {
	font-size: 24px;
	line-height: 1.5;
}

.mb15 {
	margin-bottom: 15px;
}

.groupPage {
	margin-bottom: 70px;
}

.groupT a:link, .groupT a:visited {
	color: #D52F35;
}

.groupT a:active, .groupT a:hover {
	color: #333;
}

.groupT {
	padding-bottom: 15px;
	margin-bottom: 38px;
	border-bottom: 1px solid #D52F35;
}

.groupT .t {
	font-size: 16px;
}

.group-list li {
	position: relative;
	float: left;
	width: 47.5%;
	margin-right: 5%;
	background-color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.group-list li:nth-of-type(even) {
	margin-right: 0;
}

.group-list li:hover {
	box-shadow: 0px 8px 24px rgba(0,0,0,0.16);
}

.group-list figure {
	overflow: hidden;
}

.group-list .txt {
	padding: 0px 5%;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	color: #333333;
	font-size: 16px;
}

.ap-nav-box {
	height: 66px;
}

.ap-nav {
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	background-color: #00706b;
	z-index: 500;
}

.ap-nav.fsShow {
	position: relative;
	left: auto;
	bottom: auto;
}

.ap-nav a:link, .ap-nav a:visited {
	color: #fff;
}

.ap-nav a:active, .ap-nav a:hover {
	color: #fff;
}

.w1100 {
	width: 1100px;
	margin: 0px auto;
}

.ap-nav li {
	float: left;
	display: inline-block;
	height: 66px;
	line-height: 66px;
	width: 12.5%;
}

.ap-nav a {
	position: relative;
	display: block;
	font-size: 16px;
	text-align: center;
}

.ap-nav a:before {
	content: "";
	width: 100%;
	height: 6px;
	background-color: #e49fa3;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.ap-nav a.active:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.nflex {
	position: static;
	left: auto;
	bottom: auto;
}

.abanner-box {
	position: relative;
	overflow: hidden;
}

.abanner-txt1 {
	position: absolute;
	left: 15%;
	width: 70%;
	top: 20%;
	font-size: 29px;
	line-height: 1.5;
	color: #00706b;
	font-weight: bold;
	padding-left: 40px;
	background: url("../img/shui2.png") no-repeat scroll left 10px;
	padding-left: 40px;
}
/*groupSubsidiary style end*/
/*company style*/
.company-page {
	width: 800px;
	margin-left: 70px;
	padding: 70px 0 120px;
}

.a-en,.a-zh {
	font-size: 28px;
	line-height: 1.5;
}

.a-en {
	color: #00706b;
	margin-bottom: 10px;
}

.a-zh {
	color: #333;
}

.company-page .pageC {
	margin-top: 40px;
}

.company-list li {
	position: relative;
	float: left;
	display: inline-block;
	width: 25%;
	overflow: hidden;
}

.company-list .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 18px 5%;
	width: 90%;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	background: linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}

.led-more {
	padding: 28px 0 38px;
	text-align: center;
	color: #333;
 /* background-color: #fff; */
}

.led-more .ico {
	background: url("../img/a11.png") no-repeat;
	background-size: cover;
	width: 23px;
	height: 23px;
	display: block;
	margin: 10px auto 0;
	animation: 1.5s ease 0.2s normal none infinite running fadeIn;
	-webkit-animation: fadeIn 1.5s .2s infinite;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translate3d(0px, -5px, 0px);
	}

	100% {
		opacity: 1;
		transform: translate3d(0px, 5px, 0px);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0px, -5px, 0px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px, 5px, 0px);
	}
}
/*company style end*/
/*culture style*/
.abanner-txt2 {
	position: absolute;
	left: 15%;
	width: 70%;
	top: 30%;
	color: #fff;
}

.abanner-txt2 h4 {
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.abanner-txt2 .c {
	font-size: 16px;
}

.w1150 {
	width: 1150px;
}

.cultureT {
	padding: 70px 6% 35px;
}

.spirit-demo {
	width: 840px;
	position: relative;
}

.spirit-demo .item {
	position: relative;
}

.spirit-demo .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	opacity: 0.7;
}

.spirit-demo .txt {
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 8%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.spirit-nav {
	position: absolute;
	right: -96px;
	width: 96px;
	text-align: center;
	top: 0;
}

.spirit-nav li {
	position: relative;
	padding: 25px 0 15px;
	font-size: 20px;
	color: #333;
	cursor: pointer;
}

.spirit-nav li:before {
	content: "";
	width: 150%;
	height: 4px;
	background-color: #00706b;
	position: absolute;
	right: 0;
	bottom: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.spirit-nav .active {
	color: #00706b;
}

.spirit-nav .active:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	opacity: 1;
	visibility: visible\9;
}

.idea-list {
	background-color: #fff;
}

.idea-list dd {
	position: relative;
	float: left;
	display: inline-block;
	width: 25%;
}

.idea-list figure {
	position: relative;
	text-align: center;
}

.idea-list .tbox {
	position: absolute;
	left: 5%;
	width: 90%;
	top: 50%;
	margin-top: -40px;
	text-align: center;
}

.idea-list .tbox span {
	display: block;
}

.idea-list .tbox .zh {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.idea-list .tbox .en {
	font-size: 20px;
	color: #00706b;
	font-family: helvetica;
}

.idea-list .desc {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00706b;
	color: #fff;
	padding: 0px 5%;
	width: 90%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden\9;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.idea-list .desc .bot {
	width: 6px;
	height: 24px;
	display: block;
	margin: 30% auto 25px;
	background-color: #fff;
}
/*culture style end*/
/*history style*/
.history-list {
	position: relative;
	margin-left: 90px;
	padding: 30px 0 20px;
}

.history-list:before {
	content: "";
	position: absolute;
	left: 0;
	width: 2px;
	top: 58px;
	bottom: 0;
	background-color: #00706b;
}

.history-list dd {
	position: relative;
	padding: 35px 30px;
}

.history-list dd:before {
	content: "";
	position: absolute;
	left: -5px;
	top: 45px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #00706b;
}

.history-list .year {
	font-size: 28px;
	font-family: helvetica;
	color: #00706b;
	line-height: 1.2;
	margin-bottom: 5px;
}

.history-list .title {
	font-size: 18px;
	margin-bottom: 25px;
}
/*company style end*/
/*honor style*/
.honor-list {
	position: relative;
	z-index: 1;
	padding: 40px 0;
}

.honor-list:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32%;
	background-color: #E3E3E3;
	z-index: -1;
}

.honor-list dd {
	margin-bottom: 25px;
}

.honor-list .name {
	width: 28%;
	margin-right: 8%;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	font-family: helvetica;
	color: #00706b;
}

.honor-list .desc {
	width: 60%;
}

.honor-item .c {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.honor-item .img {
	position: absolute;
	left: 120%;
	top: 50%;
	margin-top: -100px;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	width: 180px;
	padding: 10px;
	visibility: hidden\9;
	opacity: 0;
	z-index: -1;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.honor-item .img:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.honor-item .img img {
	width: 100%;
	display: block;
}

.honor-img {
	padding-top: 55px;
}

.honor-img dd {
	position: relative;
	float: left;
	display: block;
	width: 16%;
	padding: 0px 4.5%;
	margin-bottom: 45px;
	cursor: zoom-in;
}

.honor-img figure {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}

.honor-img .green-50 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/green_50.png") repeat;
	background: none rgba(208,33,39, 0.5);
	opacity: 0;
	visibility: hidden\9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.honor-img .show {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	text-align: center;
	color: #fff;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.honor-img .show i {
	font-size: 40px;
	line-height: 1;
	display: block;
	margin: 0px auto;
}

.honor-img .txt {
	color: #333;
	line-height: 1.5;
	text-align: center;
	padding: 0px 10px;
	height: 42px;
	overflow: hidden;
}

.honor-img dd:hover .show {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}

.honor-img dd:hover .green-50 {
	opacity: 1;
	visibility: visible\9;
}

.honor-item:hover .img {
	opacity: 1;
	visibility: visible\9;
	z-index: 10;
	transform: initial;
	-webkit-transform: initial;
}
/*honor style end*/
/*base style*/
.basePage .group-pageC {
	margin-bottom: 65px;
}
/*base style end*/
/*socialResponsibility style*/
.w760 {
	width: 760px;
}

.social-m {
	margin-left: 6%;
	width: 760px;
}

.social-demo {
	width: 840px;
	position: relative;
}

.social-demo .item {
	position: relative;
}

.social-demo .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	opacity: 0.7;
}

.social-demo .txt {
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 8%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.social-demo .slick-dots {
	position: absolute;
	right: -96px;
	bottom: auto;
	width: 96px;
	text-align: center;
	top: 0;
}

.social-demo .slick-dots li {
	position: relative;
	padding: 25px 0 15px;
	font-size: 20px;
	width: auto;
	height: auto;
	color: #333;
	display: block;
	font-family: helvetica;
	cursor: pointer;
	margin: 0;
}

.social-demo .slick-dots li a {
	color: #333;
}

.social-demo .slick-dots li:before {
	content: "";
	width: 150%;
	height: 4px;
	background-color: #00706b;
	position: absolute;
	right: 0;
	bottom: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden\9;
}

.social-demo .slick-dots .slick-active a {
	color: #00706b;
}

.social-demo .slick-dots .slick-active:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	opacity: 1;
	visibility: visible\9;
}

.social-fg {
	height: 25px;
}
/*socialResponsibility style end*/
/*partyBranch style*/
.party-page {
	padding: 70px 0;
}

.cred {
	color: #E63131;
}

.social-tab table {
	width: 100%;
}

.social-tab table tr td {
	border-bottom: 1px solid #E3E3E3;
	padding: 25px 0;
}

.f16 {
	font-size: 16px;
}

.w80 {
	width: 80px;
	display: inline-block;
}
/*partyBranch style end*/
/*architecture style*/
.w1000 {
	width: 1000px;
	margin: 0px auto;
}

.page-content2 {
	width: 64%;
}

.p1000 {
	width: 1000px;
}

.architecture-list dd {
	position: relative;
	margin-bottom: 48px;
	background-color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.architecture-list figure {
	position: relative;
	float: left;
	display: block;
	width: 357px;
	margin-right: 4%;
	overflow: hidden;
}

.architecture-list .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/green_20.png") repeat;
	background: none rgba(208,33,39, 0.2);
	-webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
}

.architecture-list .con {
	padding: 0 118px 0 406px;
}

.architecture-list h4 {
	padding-top: 56px;
	margin-bottom: 25px;
	color: #333;
	font-size: 18px;
	line-height: 1.5;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.architecture-list .c {
	color: #666666;
	height: 50px;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.architecture-list .time {
	color: #00706b;
	font-weight: bold;
	font-size: 12px;
	margin-top: 18%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.arch-box {
	margin-top: 118px;
}

.arch-img {
	float: left;
	display: block;
	width: 50%;
}

.arch-img .slick-dots {
	bottom: 3%;
	z-index: 104;
}

.arch-img .slick-dots li {
	position: relative;
	display: inline-block;
	padding: 0;
	width: auto;
	height: auto;
	margin: 0px 5px;
	cursor: pointer;
}

.arch-img .slick-dots li a {
	text-indent: -10em;
	display: block;
	overflow: hidden;
	padding: 0px;
	cursor: pointer;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 0px auto;
	background-color: #fff;
}

.arch-img .slick-dots li a:focus {
	outline: none;
}

.arch-img .slick-dots li.slick-active a {
	background-color: #00706b;
}

.arch-desc {
	float: left;
	display: block;
	width: 35%;
	margin-left: 5%;
	padding: 70px 0;
}

.arch-desc .title {
	margin-bottom: 25px;
}

.arch-page {
	padding: 45px 0 110px;
}

.arch-page .pageC {
	width: 90%;
	margin: 0px auto;
}

.pager-box {
	position: fixed;
	left: 5%;
	top: 60%;
	width: 100px;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.pager-box a {
	display: block;
	display: block;
	position: relative;
	padding: 5px 15px 5px 0;
	color: #333;
}

.pager-box a:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 50%;
	border: 2px solid #00706b;
	transform: scale(0);
	-webkit-transform: scale(0);
	opacity: 0;
	visibility: hidden\9;
	transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.4s,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.pager-box.fsShow {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	opacity: 0;
	visibility: hidden\9;
}
/*architecture style end*/
/*case style*/
.case-list {
	
}

.case-list li {
	position: relative;
	float: left;
	display: block;
	margin: 0 0 48px 0%;
	width:32%;
	background-color: #f8f8f8;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.case-list  .col-lg-4{
	padding-left:0px;
	padding-right:0px;
	margin-left:9px;
	margin-right:9px;
}
.case-list figure {
	position: relative;
	overflow: hidden;
}

.case-list .txt {
	position: relative;
	height: 72px;
	line-height: 72px;
	overflow: hidden;
	padding: 0px 72px 0 30px;
	font-size: 16px;
}

.case-list .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/green_20.png") repeat;
	background: none rgba(1,167,150, 0.3);
	-webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
}

.case-list .add {
	position: absolute;
	display: block;
	right: 3%;
	top: 50%;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.case-list .add:before,.case-list .add:after {
	content: "";
	display: block;
	background-color: #00706b;
}

.case-list .add:before {
	width: 4px;
	height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	visibility: hidden\9;
}

.case-list .add:after {
	width: 24px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.case-m {
	margin-left: 6%;
	width: 760px;
	padding: 50px 0;
}

.f32 {
	font-size: 32px;
	line-height: 1.5;
}

.case-demo .slick-dots li {
	font-size: 14px;
	padding: 20px 0 10px;
}
/*case style end*/
/*media style*/
.media-list dd {
	position: relative;
	margin-bottom: 32px;
	background-color: #f8f8f8;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.media-list figure {
	position: relative;
	float: left;
	display: block;
	width: 320px;
	overflow: hidden;
}

.media-list .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/green_20.png") repeat;
	background: none rgba(1,167,150, 0.3);
	-webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
}

.media-list .con {
	padding: 35px 145px 0 360px;
}

.media-list .time {
	position: absolute;
	right: 0;
	width: 145px;
	top: 50%;
	margin-top: -30px;
	font-size: 16px;
	font-weight: bold;
	font-family: helvetica;
	text-align: center;
	color: #00706b;
}

.media-list .time .line {
	display: block;
	width: 48px;
	height: 2px;
	margin: 0px auto;
	background-color: #00706b;
}

.media-list .c {
	font-size: 18px;
	color: #333;

	overflow: hidden;
	margin-bottom: 22px;
}
.media-list .cc {
	font-size: 15px;


	overflow: hidden;
	margin-bottom: 22px;
}

.media-list .more {
	font-size: 12px;
	font-weight: bold;
	color: #00706b;
}

.pading {
	background-color: #F7F8F9;
}

.pading a {
	display: inline-block;
	float: left;
	height: 56px;
	line-height: 56px;
	padding: 0px 20px;
	font-weight: bold;
	font-family: helvetica;
}

.pading a:link, .pading a:visited {
	color: #333;
}

.pading a:active, .pading a:hover {
	color: #fff;
}

.pading a:hover,.pading a.active {
	background-color: #00706b;
	color: #fff;
}

.info-banner {
	overflow: hidden;
	background: url("../img/a1.png") no-repeat scroll 5% -15% #fde3e4;
	background-size: 50% auto;
	margin-top: 80px;
	padding: 175px 0 50px;
}

.w800 {
	width: 800px;
	margin: 0px auto;
}

.infoT {
	color: #333;
}

.infoT .title {
	font-weight: normal;
}

.infoT .time {
	font-size: 12px;
}

.info-page {
	position: relative;
	padding: 60px 0 100px;
}

.info-page .pageC {
	margin-bottom: 30px;
}

.media-sbox {
	padding-bottom: 60px;
}

.media-select {
	float: left;
	display: block;
	width: 55%;
}

select.mad-sel {
	float: left;
	display: block;
	padding: 14px 26px 14px 0;
	line-height: 20px;
	height: 48px;
	vertical-align: middle;
	border: 0px none;
	border-bottom: 2px solid #666;
	color: #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	margin: 0 5% 0 0px;
	width: 45%;
	border-radius: 0;
	background: url("../images/link_select_ico.png") no-repeat scroll right center;
}

select.mad-sel option {
	padding: 2px 2%;
	color: #333;
}

.media-serach {
	float: right;
	display: block;
	width: 35%;
	padding: 0 44px 0 0;
	position: relative;
	border-bottom: 2px solid #666;
}

.media-serach .txt {
	width: 100%;
	padding: 14px 0;
	border: 0px none;
	height: 20px;
	line-height: 20px;
	background-color: transparent;
	color: #666;
}

.media-serach input::-webkit-input-placeholder {
	color: #333;
}

.media-serach input::-moz-placeholder {
	color: #333;
}

.media-serach input:-moz-placeholder {
	color: #333;
}

.media-serach input:-ms-input-placeholder {
	color: #333;
}

.media-serach .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	text-align: center;
	height: 100%;
	line-height: 48px;
	color: #666;
}

.media-serach .btn .iconfont {
	font-size: 24px;
}
/*media style end*/
/*bookList style*/
.book-list li {
	float: left;
	display: block;
	width: 46%;
	max-width: 560px;
	margin-right: 2%;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.book-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #00706b;
	opacity: 0;
	visibility: hidden\9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.book-list figure {
	overflow: hidden;
	padding: 40px 40px 0;
}

.book-list .txt {
	position: relative;
	height: 75px;
	line-height: 75px;
	padding: 0px 40px;
	font-size: 16px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.book-list .iconfont {
	position: absolute;
	right: 3%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background-color: #00706b;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
/*bookList style end*/
/*videoList style*/
.video-list li {
	cursor: pointer;
}

.video-list .video-ico {
	position: absolute;
	right: 5%;
	line-height: 1;
	height: 16px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	color: #00706b;
}

.video-ico:before {
	content: "\e866";
}
/*videoList style end*/
/*security style*/
.security-page {
	padding: 45px 54px 80px;
}

.security-page .pageC {
	width: 720px;
}

.security-sbox {
	padding-bottom: 80px;
}

.fstxt input::-webkit-input-placeholder {
	color: #333;
}

.fstxt input::-moz-placeholder {
	color: #333;
}

.fstxt input:-moz-placeholder {
	color: #333;
}

.fstxt input:-ms-input-placeholder {
	color: #333;
}

.stxt {
	border: 0px none;
	border-bottom: 2px solid #666;
	background-color: transparent;
	color: #666;
	height: 62px;
	line-height: 62px;
	float: left;
	display: inline-block;
}

.security-sbox .stxt {
	width: 20%;
}

.mr5 {
	margin-right: 5%;
}

.ml5 {
	margin-left: 5%;
}

.security-sbox .yzm {
	float: left;
	display: block;
	line-height: 66px;
	height: 66px;
	width: 102px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 4px;
}

.security-sbox .sbtn {
	float: left;
	display: block;
	line-height: 64px;
	height: 64px;
	width: 28%;
	background-color: #fff;
	text-align: center;
}

.security-sbox .sbtn:hover {
	background-color: #CE272D;
}

.security-sbox a:link, .security-sbox a:visited {
	color: #333;
}

.security-sbox a:active, .security-sbox a:hover {
	color: #fff;
}
/*security style end*/
/*message style*/
.m32 {
	margin-bottom: 32px;
}

.mess-item {
	width: 820px;
}

.mess-item a:link, .mess-item a:visited {
	color: #333;
}

.mess-item a:active, .mess-item a:hover {
	color: #00706b;
}

.mess-item .stxt {
	width: 30%;
}

.mess-item .stxt1 {
	margin-right: 5%;
}

.mess-item2 {
	border: 1px solid #00706b;
	padding: 50px 0 60px 55px;
	margin: 58px 0 32px;
}

.stxt3 {
	border: 0px none;
	color: #333;
	height: 230px;
	font-size: 14px;
	width: 765px;
	resize: none;
}

.mess-item a.sbtn2 {
	display: block;
	height: 72px;
	line-height: 72px;
	display: block;
	background-color: #00706b;
	color: #fff;
	text-align: center;
}

.mess-item a.sbtn2:hover {
	background-color: #e49fa3;
}

.mess-l {
	float: left;
	width: 40%;
	padding: 0px 4%;
	border: 1px solid #00706b;
	background-color: #fff;
}

.mess-r {
	float: right;
}

.stxt4 {
	display: block;
	width: 100%;
	border: 0px none;
	height: 72px;
	line-height: 72px;
}

.stxt5 {
	width: 30%;
}

.mess-r .yzm2 {
	margin: 24px 10px 0;
	width: 74px;
}

.mess-r .la {
	margin-top: 24px;
}
/*message style end*/
/*join style*/
.join-list {
	margin-left: -2%;
	padding-top: 20px;
}

.join-list li {
	float: left;
	display: block;
	margin-left: 2%;
	margin-top: 20px;
	width: 44%;
	padding: 15px 2%;
	background-color: #00706b;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}

.distributors-list li {
	float: left;
	display: block;
	width: 20%;
	background-color: #fff;
}

.distributors-list .txt {
	padding: 25px 5%;
	line-height: 1.5;
}

.cooperation-list {
	padding-top: 45px;
}

.cooperation-list li {
	float: left;
	display: block;
	width: 21%;
	padding: 0px 2%;
	margin-bottom: 40px;
}

.training-demo .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	opacity: 0.4;
}

.training-demo .item {
	position: relative;
}

.training-demo .txt {
	position: absolute;
	left: 5%;
	bottom: 5%;
	color: #fff;
}

.training-demo .name {
	margin-right: 25px;
}

.training-demo .name b {
	font-style: initial;
	color: #00706b;
	margin-right: 5px;
}

.training-nav {
	background-color: #F7F8F9;
}

.training-nav li {
	position: relative;
	margin-left: 40px;
	float: left;
	display: inline-block;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

.training-nav li:before {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 6px;
	background-color: #00706b;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.training-nav li.active {
	color: #00706b;
}

.training-nav li.active:before {
	width: 32px;
}

.hr-list {
	padding-top: 45px;
}

.hr-list dd {
	position: relative;
	background-color: #F2F2F2;
	margin-bottom: 2px;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.hr-list dd:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #00706b;
	-webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
}

.hr-list .item {
	position: relative;
	padding: 35px 80px 35px 30px;
}

.hr-list .jicon {
	font-size: 18px;
	line-height: 1;
	position: absolute;
	right: 35px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 18px;
	font-weight: bold;
}

.hr-list .sname {
	float: left;
	display: inline-block;
}

.hr-list .sname1 {
	font-size: 18px;
	width: 262px;
}

.hr-list .sname1 i {
	margin-right: 10px;
	font-size: 18px;
	color: #00706b;
}

.hr-list .sname2 {
	margin-right: 45px;
}

.md-content {
	background-color: #fff;
	margin: 50px auto;
	position: relative;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.md-show, .md-show body {
	overflow-y: hidden;
}

.md-show .md-content {
	transform: inherit;
	-webkit-transform: inherit;
	opacity: 1;
	visibility: visible;
}

.md-hide .md-content {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
}

.md-show .md-modal {
	opacity: 1;
	visibility: visible;
}

.md-modal {
	position: fixed;
	left: 0;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	right: 0px;
	bottom: 0;
	z-index: 1100;
	opacity: 0;
	background: url("../images/wi_80.png") repeat;
	background: none rgba(255, 255, 255, 0.8);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-overflow-scrolling: touch;
}

.form-box-close {
	position: fixed;
	width: 64px;
	height: 64px;
	line-height: 64px;
	left: 80%;
	top: 50%;
	margin-top: -32px;
	background-color: #00706b;
	cursor: pointer;
	z-index: 10;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.form-box-close i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 64px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.form-box-close:hover {
	background-color: #e49fa3;
}

.form-box-close:hover i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.md-modal .align-vertical {
	background-color: #fff;
	width: 80%;
	box-shadow: 0px 3px 24px rgba(0,0,0,0.16);
}

.hPage {
	width: 800px;
}

.hPage .if {
	margin-bottom: 45px;
}

.hr-bot {
	padding: 60px 0;
	color: #00706b;
}

.hr-bot a:link, .hr-bot a:visited {
	color: #00706b;
}

.hr-bot a:active, .hr-bot a:hover {
	color: #00706b;
	text-decoration: underline;
}

.hr-img {
	line-height: 49px;
}

.hr-img .l {
	margin-left: 15px;
}

.hr-img .txt {
	margin-left: 0;
}
/*join style end*/
/*contact style*/


.contact-page {
	position: relative;
	padding: 70px 10%;
	width: 740px;
}

.contact-list {
	float: left;
	display: inline-block;
	width: 70%;
}

.contact-list dd {
	position: relative;
	margin-bottom: 48px;
	padding-left: 20px;
	color: #333;
}

.contact-list dd:before {
	content: "";
	position: absolute;
	left: 0;
	width: 2px;
	top: 4px;
	bottom: 4px;
	background-color: #00706b;
}

.contact-list dd p {
	margin-bottom: 5px;
}

.c999 {
	color: #999;
}

.contact-nav a:link, .contact-nav a:visited {
	color: #333;
}

.contact-nav a:active, .contact-nav a:hover {
	color: #00706b;
}

.contact-nav {
	float: right;
	display: inline-block;
}

.contact-nav a {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.contact-nav a.active {
	color: #00706b;
}
/*contact style end*/
/*search style*/
.search-bot {
	padding-top: 25px;
}

.search-page {
	width: 800px;
}

.serach-pbox {
	position: relative;
	margin: 250px 0 95px 0;
	padding-right: 96px;
}

.serach-pbox .txt {
	height: 30px;
	line-height: 30px;
	padding: 21px 5%;
	width: 90%;
	border: 0px none;
	display: block;
	background-color: #fff;
}

.serach-pbox .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 88px;
	height: 72px;
	line-height: 72px;
	background-color: #e49fa3;
	text-align: center;
	font-size: 32px;
	color: #fff;
}

.serach-list a:link, .serach-list a:visited {
	color: #666;
}

.serach-list a:active, .serach-list a:hover {
	color: #00706b;
}

.serach-list {
	padding: 40px;
}

.serach-list dt {
	font-weight: bold;
	color: #333;
	line-height: 1.5;
	margin-bottom: 15px;
}

.serach-list dd {
	padding-bottom: 15px;
}

.serach-list li {
	margin-bottom: 15px;
}

.cgreen {
	color: #00706b;
}
/*404 style*/
.noPage {
	position: absolute;
	left: 0%;
	top: 50%;
	width: 100%;
	margin-top: -50%;
	margin-top: -160px;
}

.noimg {
	font-size: 200px;
	font-family: helvetica;
	line-height: 1;
	color: #fff;
}

.no-c {
	margin: 0px auto;
	text-align: center;
}

.no-btn {
	padding: 60px 0px 0;
	text-align: center;
	width: 306px;
	margin: 0px auto;
}

.no-btn a {
	width: 140px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
}

.no-btn a:hover {
	background-color: #e49fa3;
}

.pageC .no-btn a {
	color: #fff;
}
/*404 style end*/

.content_new p{
	line-height:30px;
	font-size:16px;
	text-align:justify;
}
.content_new img{
	margin:10px 0px;
	
}
.content_new div img{
	display:inline-block;
}

/********超能文化****************/

  .wrap {
    width: 1280px;
    margin: 0px auto;
  }
  @media only screen and (max-width: 1340px){
    .wrap { width:auto; margin:0px 30px; }
  }

  @media only screen and (max-width: 767px){
    .wrap { margin:0px 20px; }
  
  }



#chaonengwenhua .p_MatteIcon .iconfont:before {
	content: '\e602';
}

#chaonengwenhua .in_bk_01 {
	background: url("../repository/image/97PWuVdRSmaNT6TcugxfsA.jpg") no-repeat center top;
	background-size: auto 55%;
}

#chaonengwenhua .in_bk_01 .title {
	padding: 10% 0px 3.6%;
    text-align: center;
    color: #fff;
    font-size: 25px;
}

#chaonengwenhua .lt9 .in_bk_01 .title {
	color: #cad8c6;
}

#chaonengwenhua .in_bk_01 .title img {
	max-width: 50%;
}

#chaonengwenhua .in_bk_01 .title p {
	padding-top: 16px;
	opacity: 0.7;
	color: #fff;
}

#chaonengwenhua .in_bk_01 .inner {
	overflow: hidden;
}

#chaonengwenhua .in_bk_01 ul {
	float: left;
	width: 50%;
	position: relative;
}

#chaonengwenhua .in_bk_01 ul li {
	width: 50%;
	position: relative;
	padding-bottom: 50%;
}

#chaonengwenhua .in_bk_01 ul li a.bg_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;

}
#chaonengwenhua .in_bk_01 ul li:hover {




	
	
}
#chaonengwenhua .in_bk_01 ul li dl {
	position: absolute;
	color: #fff;
	left: 30px;
	right: 30px;
	bottom: 20px;
}

#chaonengwenhua .in_bk_01 ul li dl dd {
	color: #fff;
	line-height: 1.71;
	margin-top: -3px;
	height: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

#chaonengwenhua .in_bk_01 ul li dl dt a {
	color: #fff;
	font-size:18px;
}

#chaonengwenhua .in_bk_01 ul li:hover dl dd {
	height: 3.42em;
}

#chaonengwenhua .in_bk_01 ul li.li03 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 50%;
	top: 0px;
}
#chaonengwenhua .in_bk_01 ul li.li04 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 50%;
	top: 0px;
}
#chaonengwenhua .in_bk_01 ul.ul02 li {
	float: left;
}

#chaonengwenhua .in_bk_01 ul.ul02 li.li03 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 100%;
	
	bottom: 0px;
}

@media only screen and (max-width:767px) {
	#chaonengwenhua .in_bk_01 ul {
		width: 100%;
	}
#chaonengwenhua .in_bk_01 ul.ul02 li.li03 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 100%;
	text-align:center;
	bottom: 0px;
}

	#chaonengwenhua .in_bk_01 ul li {
		padding-bottom: 30%;
	}

	#chaonengwenhua .in_bk_01 ul.ul02 {
		margin-bottom: 30%;
	}
}

@media only screen and (max-width:414px) {
	#chaonengwenhua .in_bk_01 .title img {
		max-width: 80%;
	}
}

#chaonengwenhua {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.ellipsis-2 {  overflow:hidden;  max-height:3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {  overflow:hidden;  max-height:4.5em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-4 {  overflow:hidden;  max-height:6em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis-5 {  overflow:hidden; max-height:7.5em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis-6 {  overflow:hidden;  max-height:9em; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.sywhde{
	    position: relative;
    r: 0;
    left: 50%;
    top: -600px;
    bottom: 0;
    width: 100%;
}

@media(max-width:768px){
	.sywhde{
	position: absolute;
    right: 0;
    left: 50%;
    top: -0px!important;
    bottom: 0;
    width: 100%;
}

#chaonengwenhua .in_bk_01 .inner{
	margin-bottom:2em;
}
#ibox5  .ibg{
	padding: 0px 0!important;
}
}






.dhbj{
	height: 100%; width: 100%; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/-webkit-animation-duration: 30s; /*动画所花费的时间*/
	width: 100%; height: 100%; overflow: hidden; position:absolute ;
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{transform: scale(1);  /*开始为原始大小*/}25%{transform: scale(1.1); /*放大1.1倍*/}50%{transform: scale(1);}75%{transform: scale(1.1);}}

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}


/**********超能案例***********/











/******超能联系我们*******/


.contact-left {
	float: left;
	width: 63%;
	height: 435px;

	

}

.lianxiwomenbj{
	background-color:#00706b;
}

.contact-right {
	float: right;
	width: 35%;
	
	
}
.contact-cut {
	width: 100%;
}
.contact-cut:after {
	display: block;
	content: '';
	clear: both;
}
.contact-bin {
	width: 100%;
	float: left;
}
.contact-right h2 {
	font-size: 28px;
	color: #fff;
	margin: 5px 0 0 0;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;


}

.contact-right h1 {
	font-size: 26px;
	color: #fff;
	font-family: '微软雅黑';


	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

}
.contact-cut{
	margin-top:12%;
}

.contact-right p {
	font-size: 16px;
	line-height: 28px;
	color: rgba(0,0,0,1);
	
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.contact-right p:after {
	display: block;
	content: '';
	clear: both;
}
.contact-right p em {
	float: left;
	width: 30px;
	margin-right: 10px;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
.contact-right p span {
	font-family: '微软雅黑', Microsoft Yahei;
	text-align: left;
	display: block;
	color:#fff;
}
.contact-right p span a{
	color:#fff;
}
.contact-right dl {
	display: block;
	margin: 25px 0 0 0;
	opacity: 1;
	
}


.contact-right dl:after {
	display: block;
	content: '';
	clear: both;
}
.contact-right dl dt {
	float: left;
	margin-right: 15px;
}
.contact-right dl dt img {
	width: 120px;
	margin: 5px;
}
.contact-right dl dd {
	
	display: block;
}
.contact-right dl dd strong {
	display: block;
	color: #fff;
	line-height: 1.1;
	font-size: 28px;
	font-family: 微软雅黑;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.contact-right dl dd strong font {
	display: inline-block;
	padding-right: 10px;
}
.contact-right dl dd strong em {
	color: rgba(0,0,0,.7);
	font-size: 26px;
}
.contact-right dl dd strong em:first-child {
	padding-left: 5px;
}
.contact-right dl dd span {
	color: #fff;
	line-height: 2;
	margin-top: 10px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;

	font-size:16px;
}
.contact-right dl dd span u {
	color: rgba(0,0,0,1);
}
@media (max-width:1599px) {
.contact-left {
	width: 61%;
	height: 380px;
}
.contact-right {
	width: 37%;
}
.contact-right h2 {
	font-size: 16px;
}
.contact-right h1 {
	font-size: 24px;
	margin: 4px 0 12px 0;
}
.contact-right p {
	font-size: 17px;
	line-height: 26px;
}
.contact-right p em {
	margin-right: 8px;
	font-size: 23px;
}
.contact-right dl {
	margin: 25px 0 0 0;
}
.contact-right dl dt img {
	width: 114px;
}
.contact-right dl dd {
	margin-bottom: 20px;
}
.contact-right dl dd strong {
	font-size: 27px;
}
.contact-right dl dd span {
	line-height: 2;
}
}
@media (max-width:1199px) {
.contact-left {
	width: 58%;
	height: 355px;
	border-width: 3px;
}
.contact-right {
	width: 40%;
}
.contact-right h2 {
	font-size: 15px;
}
.contact-right h1 {
	font-size: 24px;
}
.contact-right p {
	font-size: 15px;
	line-height: 22px;
}
.contact-right p em {
	margin-right: 4px;
	font-size: 20px;
}
.contact-right dl {
	margin: 20px 0 0 0;
}
.contact-right dl dt {
	margin-right: 10px;
}
.contact-right dl dt img {
	width: 100px;
}
.contact-right dl dd strong {
	font-size: 25px;
}
.contact-right dl dd strong font {
	padding-right: 5px;
}
.contact-right dl dd span {
	line-height: 1.8;
}
}
@media (max-width:992px) and (min-width:768px) {
.contact-left {
	width: 54%;
	height: 480px;
}
.contact-right {
	width: 41%;
}
.contact-right h1 {
	font-size: 20px;
}
.contact-right p {
	white-space: normal;
}
.contact-right p em {
	float: left;
	margin: 0;
}
.contact-right p span {
	padding-left: 40px;
	
}
.contact-right dl {
	margin: 23px 0;
}
.contact-right dl:after {
	display: block;
	content: '';
	clear: both;
}
.contact-right dl dt {
	margin-right: 15px;
}
.contact-right dl dd {
	margin-bottom: 15px;
}
.contact-right dl dd strong font {
	display: block;
	margin: 30px 0 10px 0;
}
.contact-right dl dd span {
	margin-top: 7px;
	width: 100%;
	float: left;
}
}
@media (min-width:768px) {
.contact-cut {
	
}
}
@media (max-width:767px) {
.contact-left {
	height: 220px;
}
.contact-cut {
	width: 90%;
	    max-width: 100%;
    margin: 0px auto;
    padding: 2em 0;
}
.contact-bin {
	width: 100%;
}
.contact-right h1 {
	font-size: 20px;
}
.contact-right p {
	white-space: normal;
}
.contact-right p em {
	float: left;
	margin: 0;
}
.contact-right p span {

}
.contact-right dl:after {
	display: block;
	content: '';
	clear: both;
}
.contact-right dl dt {
	margin-right: 15px;
}
}
@media(max-width:767px) and (orientation:landscape) {
.contact-left {
	width: 52%;
}
.contact-right {
	width: 44%;
}
.contact-right dl {
	margin: 0 0 20px 0;
}
.contact-right dl dt img {
	width: 80px;
}
.contact-right dl dd {
	margin-bottom: 15px;
}
.contact-right dl dd strong font {
	display: block;
	margin: 15px 0 10px 0;
}
.contact-right dl dd span {
	margin-top: 7px;
	width: 100%;
	float: left;
}
}
@media(max-width:767px) and (orientation:portrait) {
.contact-left {
	width: 100%;
}
.contact-right {
	width: 100%;
	margin-top: 10px;
}
.contact-right dl {
	margin: 5px 0 0 0;
}
.contact-right dl dd {
	margin: 0 0 5px 0;
}
.contact-right h2 {
	padding-left: 5px;
}
.contact-right h1 {
	margin: 2px 0 12px 2px;
}
.contact-right p {
	margin: 0 0 6px 0;
	white-space: nowrap;
}
.contact-right p em {
	float: left;
	margin: 0;
	width: 28px;
}
.contact-right p span {
	
}
}
@media(max-width:320px) and (orientation:portrait) {
.contact-left {
	height: 160px;
}
.contact-right h1 {
	margin: 0 0 8px 2px;
	font-size: 26px;
}
.contact-right p {
	margin: 0 0 4px 0;
	font-size: 14px;
}
}













/************8兼容性调试**************/

@media(max-width:1600px){
	.ibox-one{
		    padding-top: 130px;
	}
	.inner{
		width:900px;
		
	}
	.sywhde{
		    top: -450px;
	}
	.itype-box li{
		     margin-top: 0px; 
	}
	
}

@media(max-width:1366px){
	#chaonengwenhua .in_bk_01 .title{
		
    padding: 8% 0px 1.6%;
	font-size: 19px;
	}
	.sywhde{
		    top: -400px;
	}
	.contact-cut{
		margin-top: 9%;
	}
}







/****************1202内页css****************/

.smlink img{
	width:3%;
}


.page-title{
	position: relative;
	height:400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
	 overflow: hidden;
	 
}

/*背景放大缩小*/
.slideshow-image{width: 100%; height: 100%; overflow: hidden; position: relative;}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{transform: scale(1);  /*开始为原始大小*/}50%{transform: scale(1.1); /*放大1.1倍*/}}
.slideshow-image{height: 100%; width: 100%; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: 10;  /*动画播放的次数*/-webkit-animation-duration: 15s; /*动画所花费的时间*/}

.sec-title{
	position: absolute;
    top:40%;
	text-align:center;
	width:100%;
}
.sec-title h1{
	font-size:35px;
	
	font-weight:bold;
}
@media(max-width:768px){
	.sec-title h1{
	font-size:18px;
	
	font-weight:bold;
}
.sec-title{
	position: absolute;
    top:50%;
	text-align:center;
	width:100%;
}
}
.sec-title p{
	font-size:25px;
}
.page-title img{
	width:100%;
	height:100%;
}
.a_menu_bg{ 
	background-color:#f8f8f8;
}

.pc_amenu{width:100%; padding:0px 2%; text-align:center; position:relative; left:0px; bottom:0px; z-index:2;}

.a_menu{width:100%; margin:0px; padding:0px; height:55px; overflow:hidden;}
.a_menu .a_menu_a{ padding:0px; margin:0px; padding:0px 30px; height:55px; margin:0px 10px; display:inline-block; overflow:hidden; text-align:center; line-height:55px; color:#666; font-size:16px;}
.a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#fff; background-color:#da251d; text-decoration:none;}




/*********关于我们内页***********/
.about{
	padding:8em 0;
}
.aboutlf img{
	box-shadow:10px 10px 0px 0px rgba(0,0,0,0.1);
}
.aboutrg h2{
	font-size:38px;
	color:#DA251D;
	font-weight:800;
}
.aboutrg h4{
	font-size:28px;
}
.aboutrgwz{
	padding-top:2em;
	line-height:2.5em;
}
@media(max-width:1680px){
	.aboutrgwz{
	padding-top:0em;
	    line-height: 23px;
}
}
@media(max-width:1600px){
	.aboutrgwz{
	padding-top:0em;
	    line-height: 22px;
}
}
@media(max-width:1440px){
	.aboutrgwz{
	padding-top:0em;
	    line-height: 20px;
}
}
@media(max-width:1360px){
	.aboutrgwz{
	padding-top:0em;
	    line-height: 15px;
}
.about{
	padding:4em 0;
}
}

/*****************分页**********/
.n_expoPages{
	text-align:center;
	margin:0px auto;
	display:table;
}
.n_expoPages a{
	color:#666;
}
.n_expoPages li{
	float:left;
	padding:0 10px;
}
.n_expoPages .thisclass{
	background:#D92228;
}
.n_expoPages .thisclass a{
	color:#fff;
}


/*******资质荣誉***********/

.a_newsList{width:100%; padding:0px 3%;}
.a_newsList li{width:25%; float:left; padding:0px 1% 2% 1%;}
.a_newsList li .div{width:100%; display:inline-block; color:#666; font-size:14px; overflow:hidden;background-color:#F8F8F8;}
.a_newsList li .div:hover{ text-decoration:none; color:#666;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/  
-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/  
box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/
}
.a_newsList li .div .a_img{width:100%; display:inline-block; overflow:hidden; text-align:center}
.a_newsList li .div .a_img img{width:100%; /*height:380px; height:auto*/}
.a_newsList li .div .a_text{width:100%; padding:15px 2% 15px 2%;}
.a_newsList li .div .a_text .s1{width:100%; height:29px; line-height:29px; display:inline-block; overflow:hidden; color:#000000; font-size:18px; text-align:center;}

.a_newsList li .div .a_text .s3{width:100%; text-align:center;}
.a_newsList li .div .a_text .s3 span{width:89px; height:36px; font-size:14px; line-height:36px; display:inline-block; overflow:hidden; background-color:#555555; text-align:center;-moz-border-radius: 18px;      /* Gecko browsers */
-webkit-border-radius: 18px;   /* Webkit browsers */
border-radius:18px;            /* W3C syntax */ color:#fff;}
.a_newsList li .div:hover .a_text .s3 span{ background-color:#da251d;}




/********企业文化*********/





#chaonengwenhuaneiye .p_MatteIcon .iconfont:before {
	content: '\e602';
}

#chaonengwenhuaneiye .in_bk_01 {
	background: url("../images/wenhuabj.jpg") no-repeat center top;

}

#chaonengwenhuaneiye .in_bk_01 .title {
	padding: 10% 0px 3.6%;
    text-align: center;
    color: #fff;
    font-size: 25px;
}

#chaonengwenhuaneiye .lt9 .in_bk_01 .title {
	color: #cad8c6;
}

#chaonengwenhuaneiye .in_bk_01 .title img {
	max-width: 50%;
}

#chaonengwenhuaneiye .in_bk_01 .title p {
	padding-top: 16px;
	opacity: 0.7;
	color: #fff;
}

#chaonengwenhuaneiye .in_bk_01 .inner {
	overflow: hidden;
}

#chaonengwenhuaneiye .in_bk_01 ul {
	float: left;
	width: 50%;
	position: relative;
}

#chaonengwenhuaneiye .in_bk_01 ul li {
	width: 50%;
	position: relative;
	padding-bottom: 50%;
}

#chaonengwenhuaneiye .in_bk_01 ul li a.bg_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#chaonengwenhuaneiye .in_bk_01 ul li:hover {




	
	
}
#chaonengwenhuaneiye .in_bk_01 ul li dl {
	position: absolute;
	color: #fff;
	left: 30px;
	right: 30px;
	bottom: 20px;
	    margin-bottom: 0px;
}

#chaonengwenhuaneiye .in_bk_01 ul li dl dd {
	color: #fff;
	line-height: 1.71;
	margin-top: -3px;
	height: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

#chaonengwenhuaneiye .in_bk_01 ul li dl dt a {
	color: #fff;
	font-size:18px;
}

#chaonengwenhuaneiye .in_bk_01 ul li:hover dl dd {
	height: 3.42em;
}

#chaonengwenhuaneiye .in_bk_01 ul li.li03 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 50%;
	top: 0px;
}
#chaonengwenhuaneiye .in_bk_01 ul li.li04 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 50%;
	top: 0px;
}
#chaonengwenhuaneiye .in_bk_01 ul.ul02 li {
	float: left;
}

#chaonengwenhuaneiye .in_bk_01 ul.ul02 li.li03 {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 100%;
	
	bottom: 0px;
}

@media only screen and (max-width:767px) {
	#chaonengwenhuaneiye .in_bk_01 ul {
		width: 100%;
		  margin-bottom: 0px; 
	}

	#chaonengwenhuaneiye .in_bk_01 ul li {
		padding-bottom: 30%;
	}

	#chaonengwenhuaneiye .in_bk_01 ul.ul02 {
		margin-bottom: 30%;
	}
	.scaleimg5 .bg_cover{
		    background: url(/images/wenhua1.jpg)0% 65%;
	}
}

@media only screen and (max-width:414px) {
	#chaonengwenhuaneiye .in_bk_01 .title img {
		max-width: 80%;
	}
}

#chaonengwenhuaneiye {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#chaonengwenhuaneiye .sywhde{
	 position:absolute;
    right: 0;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 100%;
}








/***********应用领域内页***********/

.itype-box1 {

	margin: 0px auto;
}
.itype-box1 img{
	max-width: 100%;
    width: 50%;
}
.itype-box1 li {
	position: relative;
	margin-top: 30px;
	float: left;
	display: block;
	width: 33%;
	padding: 0px 1%;
	text-align: center;
	line-height: 1.5;
}

.itype-box1 .ico {
	position: relative;
	border: 2px solid #ABABAB;
	color: #ABABAB;
	border-radius: 50%;
	width: 94px;
	height: 94px;
	display: block;
	margin: 0px auto 10px;
	text-align: center;
	line-height: 94px;
	font-size: 50px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	transform-style: preserve-3d;
}

.itype-box1 .zh {
	font-size: 18px;
}

.itype-box1 .en {
	color: #999999;
	height: 42px;
	overflow: hidden;
}

.itype-box1 li:hover .ico {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	color: #00706b;
	border-color: #00706b;
}

.itype-box1 li:hover .zh {
	color: #00706b;
}







/*******联系我们******/
.section-md{

    background: url(../images/map.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	color:#fff;
}
.section-md:before{
    background: rgba(0,112,107,.85);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.list-sm{
	line-height:2em;
	margin-top:8em;
}
.section-md h4{
	font-weight:600;
	font-size:20px;
}
.button-primary {
	color: #fff;
	background-color: #d84c4d;
	border-color: #d84c4d;
	    min-width: 170px;
    padding: 7px 38px;
    font-size: 12px;
    line-height: 24px;
	margin-top:2em;
}

.button-primary:hover{
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.form-label,
.form-label-outside {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
}

.form-input {
	display: block;
	width: 100%;
	min-height: 50px;
	padding: 17px 19px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
	color: #8c8c8c;
	background-color: #f5f5f5;
	background-image: none;
	border: 1px solid #f5f5f5;
	border-radius: 0;
	-webkit-appearance: none;
	transition: .3s ease-in-out;
	box-shadow: none;
	border: 1px solid #f5f5f5;
}

.form-input:focus {
	outline: 0;
	background: #fff;
	border-color: #ececee;
	box-shadow: none;
}

.form-input-sm {
	min-height: 40px;
	padding: 12px 19px;
	font-size: 12px;
	line-height: 1.15;
	border: 1px solid #f5f5f5;
}

textarea.form-input {
	height: 195px;
	min-height: 50px;
	max-height: 332px;
	resize: vertical;
}

.form-wrap {
	position: relative;
}

.form-wrap_icon {
	position: relative;
}

.form-wrap_icon .form-input {
	padding-left: 60px;
}

.form-wrap_icon .form-label {
	left: 60px;
}

.form-wrap_icon::before {
	position: absolute;
	top: 25px;
	left: 22px;
	transform: translateY(-61%);
	margin-right: 7px;
	font-size: 24px;
	line-height: 24px;
	color: #c7c7c7;
}

.form-wrap_icon__label-outside:before {
	top: auto;
	bottom: 25px;
	transform: translateY(45%);
}

* + .form-wrap {
	margin-top: 20px;
}

.form-wrap + .form-wrap {
	margin-top: 16px;
}

.form-label {
	position: absolute;
	top: 25px;
	left: 19px;
	pointer-events: none;
	z-index: 9;
	transition: .25s;
	transform: translateY(-50%);
}

.form-label.focus {
	opacity: 0;
}

.form-label.auto-fill {
	color: #8c8c8c;
}

.form-label-sm {
	top: 20px;
	left: 19px;
}

.form-label-outside {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: .05em;
}

@media (min-width: 768px) {
	.form-label-outside {
		position: static;
	}
	.form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
		transform: none;
	}
	
}


.form-label-outside + .form-input,
.form-label-outside ~ .select2 {
	margin-top: 0;
}

.form-label-outside ~ .form-validation {
	top: 27px;
}

.form-validation {
	position: absolute;
	right: 4px;
	top: 1px;
	z-index: 11;
	margin-top: 2px;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	letter-spacing: 0;
	color: #d9534f;
	transition: .3s;
}

.form-validation-left .form-validation {
	right: auto;
	top: 100%;
	left: 0;
}

#form-output-global {
	position: fixed;
	bottom: 30px;
	left: 15px;
	visibility: hidden;
	transform: translateX(-500px);
	transition: .3s all ease;
	z-index: 9999999;
}

#form-output-global.active {
	transform: translateX(0);
	visibility: visible;
}

@media (min-width: 576px) {
	#form-output-global {
		left: 30px;
	}
}

.form-output {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 2px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}

.form-output.active {
	opacity: 1;
	visibility: visible;
}

.form-output.error {
	color: #d9534f;
}

.form-output.success {
	color: #5cb85c;
}






/**********用人理念************/
.yongrenlinian {
	line-height:2em;
	padding:3em 0;
	
}
.yongrenlinian h2{
	font-size:38px;
	color:#DA251D;
	font-weight:800;
}
.yongrenlinian h4{
	font-size:30px;
	color:#fff;
}
.yongrenlinian p{
	color:#fff;
}


.rencaixinzi {
	padding:4em 0;
	text-align:center;
	font-size:18px;
}
.jiaruwomenbj{
	background:url('../images/img01.jpg')	0 0 no-repeat;
	margin:0px auto;
}

.jiaruwomenw{

	margin-left:2em;
}



/**************新闻内页**************/
.neiyezong .container{
	width:70%;
}
.neiye {
	padding:4em 0;
}
.neiyecontent h2{
	text-align:center;
}
.neiyecontent .info{
	text-align:center;
	margin-bottom:2em;
}
.neiyecontent img{
	max-width:800px;
}
.shangyipian{
	float:left;
}
.xiayipian{
	float:right;
}
.neiyezong{
	margin-bottom:2em;
}

.desc11{
	display:none;
}
.yewulingyusy1{
	display:none;
}

/************手机端调试************/


@media(max-width:768px){
	.desc11{
	display:block;
}
.yewulingyusy{
	display:none;
}
.yewulingyusy1{
	display:block;
}
.page-title{
	height:180px;
}
.smlink img{
	    width: 15%;
    margin-bottom: 2px;
}
#chaonengwenhuaneiye .in_bk_01 .inner{
	margin-bottom:2em;
}
.neiyezong .container{
	    width: 100%;
}
.neiye{
	padding:2em 0;
}
.neiyezong img{
	width:100%!important;
	height:auto!important;
}
.news .row{
	    margin-right:0px;
    margin-left: 0px;
} 
.list-sm{
	    margin-top: 0em; 
}
.about{
	padding: 2em 0;
}
.yongrenlinian .row{
	    margin-right:0px;
    margin-left: 0px;
} 
.jiaruwomenw{
	    margin-left:0em!important;
}
.jiaruwomenbj{
	background:#00706B;
}
}
@media (max-width: 768px){
	.container img{
		width:100%!important;
		height:auto !important;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
		height:auto !important;
	}
	.a_newsList li {
    width:98%;
    float: none;
    padding: 0px 1% 2% 1%;
}
.page-nav a:before{
	display:none;
}
.aboutrgwz p{
	line-height:26px;
}
.a_newsList li .div .a_text {
    width: 100%;
    padding: 5px 2% 5px 2%;
}
.a_newsList li .div .a_text .s1 {
    width: 100%;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    overflow: hidden;
    color: #000000;
    font-size: 14px;
    text-align: center;
}
.aboutrg h2,.yongrenlinian h2 {
    font-size: 24px;
    color: #DA251D;
    font-weight: 800;
}
.aboutrg h4,.yongrenlinian h4 {
    font-size: 18px;
}
.page-nav a{
	padding-left:15px;
}
.page-nav li {
    margin: 0px 0px !important;
}
}