@font-face {

	font-family: 'Didot';

	src: url(../fonts/Didot/Didot.eot);

	src: url(../fonts/Didot/Didot.eot?#iefix) format('embedded-opentype'),

		url(../fonts/Didot/Didot.woff2) format('woff2'),

		url(../fonts/Didot/Didot.woff) format('woff'),

		url(../fonts/Didot/Didot.ttf) format('truetype'),

		url(../fonts/Didot/Didot.svg#lanting) format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'qingke';

	src: url(../fonts/qingke/qingke.eot);

	src: url(../fonts/qingke/qingke.eot?#iefix) format('embedded-opentype'),

		url(../fonts/qingke/qingke.woff2) format('woff2'),

		url(../fonts/qingke/qingke.woff) format('woff'),

		url(../fonts/qingke/qingke.ttf) format('truetype'),

		url(../fonts/qingke/qingke.svg#lanting) format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'snell';

	src: url(../fonts/snell/snell.eot);

	src: url(../fonts/snell/snell.eot?#iefix) format('embedded-opentype'),

		url(../fonts/snell/snell.woff2) format('woff2'),

		url(../fonts/snell/snell.woff) format('woff'),

		url(../fonts/snell/snell.ttf) format('truetype'),

		url(../fonts/snell/snell.svg#lanting) format('svg');

	font-weight: normal;

	font-style: normal;

}





body,
textarea,
a {

	font-size: 16px;

	color: #2e3033;

	font-family: "microsoft yahei";

}

body {

	overflow-x: hidden;

	-webkit-font-smoothing: subpixel-antialiased;

	-webkit-font-smoothing: antialiased;

	-webkit-tap-highlight-color: transparent;
	/*  background: url("/Index/Tpl/zh-cn/Static/images/bodybg.png");*/

}

p {

	margin: 0;

	padding: 0;

}

i {

	font-style: normal;

}

ul,
ol {

	padding: 0;

}

img {

	max-width: 100%;

}

ul {

	margin-bottom: 0;

}

.clear {
	clear: both;
}


.form-control {

	background-color: transparent;

	border: 1px solid #cbc9c9;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	outline: none;

	height: 30px;

	line-height: 30px;

	padding: 0 10px;

	color: #777883;

}

textarea {

	min-height: 160px;

	line-height: normal !important;

	padding-top: 5px !important;

}

.w1400 {

	max-width: 1400px;

	margin: 0 auto;

}

.w1200 {

	max-width: 100%;

}

.w768 {

	display: none;

}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "×"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "×";
	cursor: pointer;
}

.btn {

	height: 30px;

	line-height: 30px;

	border: none;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	cursor: pointer;

	-webkit-tap-highlight-color: transparent;

	-webkit-user-modify: read-write-plaintext-only;

	box-shadow: none;

	display: inline-block;

	padding: 0 20px;

	font-size: 14px;

	background-color: #858586;

	color: #eaeaea !important;

	-webkit-user-select: none;

	user-select: none;

}

.btn:focus {

	outline: none;

}

.btn[disabled=disabled],
.btn[disabled=true] {

	cursor: not-allowed;

}

.btn.primary-btn {

	background-color: #2c4c8d;

}

.btn.primary-btn:hover {

	background-color: #3d63ae;

}

.btn.danger-btn {

	background-color: #984b3c;

}

.btn.danger-btn:hover {

	background-color: #ac5443;

}

.btn.info-btn {

	background-color: #705b39;

}

.btn.info-btn:hover {

	background-color: #91764b;

}

.text-center {

	text-align: center;

}

.text-right {

	text-align: right;

}

.red {

	color: red;

}

html.show,
body.show {

	overflow: hidden;

	height: 100vh;

	width: 100%;

	position: fixed;

	-webkit-overflow-scrolling: auto;

	-webkit-transform: translateZ(0px);

}

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #eee;
	z-index: 9999;
}

.loading p {
	position: fixed;
	top: 60%;
	left: 50%;
	text-align: center;
	margin-left: -46px;
	margin-top: -66px;
}

.loading p i {
	font-size: 50px;
	width: 100%;
	margin-bottom: 20px;
}

.loading p span {
	width: 100%;
	text-align: center;
}

.logo {

	text-align: center;

	margin: 0 auto;

	padding-top: 40px;

	padding-bottom: 30px;

	overflow: hidden;

	/*height: 6vh;

  height: 54px;*/

	position: fixed;

	top: 0;

	width: 100%;

	background: #fff;

	z-index: 9999;

}

.logo img {

	margin-left: auto;

	margin-right: auto;

}

/* banner */

.banner {

	overflow: hidden;

	position: relative;

	height: 80vh;

}
.home_banner{
	margin-top: 125px;
}

.inside-banner {

	/*height: 500px!important;*/

}


.inside-banner .text {
	position: absolute;
	top: 180px;
	left: 20%;
}

.inside-banner .banner5_logo {
	left: inherit;
	right: 12%;
}

.inside-banner .banner2_logo {
	left: inherit;
	right: 12%;
}

.inside-banner .text img {
	max-width: 100%;
	width: auto;
}

.banner .swiper-button-prev {

	background: url(../images/prev.png) no-repeat;

	width: 50px;

	height: 50px;

}

.banner .swiper-button-next {

	background: url(../images/next.png) no-repeat;

	width: 50px;

	height: 50px;

}

.banner img {

	width: 100%;

}

.banner .banner-pagination {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 50px;

	text-align: center;

	z-index: 222;

}

.banner .swiper-pagination-bullet {

	width: 45px;

	height: 2px;

	border-radius: 0;

	background: #666;

	opacity: 1;

}

.banner .swiper-pagination-bullet-active {

	background: #387c7d;

}

/* 产品细节轮播样式 */

.sw_proinfo .swiper-pagination-bullet {

	width: 14px;
	height: 14px;

	border-radius: 50%;

	background: #ccc;

	opacity: 1;

}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 10px 0;
}
.sw_proinfo .swiper-pagination-bullet-active {

	background: #387c7d;

}

.mb_banner {

	display: none;

}

.ab li {
	width: 50%;
	float: left;
	height: 170px;
}

.a-ul p {
	margin-top: 30px;
}

#app {

	transition: all 0.3s ease-out;

	overflow: hidden;

}

#app.show {

	-webkit-transform: translateX(200px);

	transform: translateX(200px);

	width: 100vw;

	height: 100vh;

}

.mask {

	height: 100vh;

	width: 100vw;

	background-color: rgba(0, 0, 0, 0.6);

	position: fixed;

	z-index: 900;

	left: 0;

	top: 0;

}

#mobileMenu {

	position: fixed;

	left: -200px;

	top: 0;

	margin: 0;

	width: 200px;

	height: 100vh;

	background-color: #387c7d;

	-webkit-overflow-scrolling: touch;

	overflow-y: auto;

	-moz-transform: translateZ(0);

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

	z-index: 910;

}

#mobileMenu.show {

	-webkit-transform: translateX(200px);

	transform: translateX(200px);

}

#mobileMenu .hello {

	padding: 8px;

	line-height: 54px;

	background: #fff;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	font-size: 14px;

	color: #fff;

}

#mobileMenu .menu {

	padding-top: 15px;

}

#mobileMenu .menu a {

	display: block;

	font-size: 14px;

	text-align: left;

	padding-left: 20px;

	color: rgba(255, 255, 255, 0.8);

	line-height: 36px;

}

#mobileMenu .menu a.user {

	padding-left: 0;

	text-align: center;

	background: #2e3e60;

	color: #fff;

	margin: 5px 0;

}

#mobileMenu .menu .mbchild {

	width: auto !important;

	opacity: 1 !important;



}

#mobileMenu .menu .mbchild a {

	padding-left: 35px;

}

#mobileMenu .menu a:hover {

	text-decoration: none;

	background: rgba(224, 211, 176, 0.4);

}

#navToggle {

	display: block;

	overflow: hidden;

	cursor: pointer;

	box-sizing: border-box;

	width: 30px;

	height: 30px;

	padding: 0;

	-moz-transition: -moz-transform 0.3s;

	-o-transition: -o-transform 0.3s;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	position: relative;

}

#navToggle span,
#navToggle::after,
#navToggle::before {

	height: 2px;

	width: 22px;

	top: 50%;

	left: 50%;

	margin-left: -11px;

	background: #fff;

	position: absolute;

	display: block;

	content: '';

	text-indent: -9999px;

	transition: all 300ms ease-in-out;

}

#navToggle::before {

	margin-top: -7px;

}

#navToggle::after {

	margin-top: 7px;

}

#navToggle.show span {

	opacity: 0;

}

#navToggle.show::before {

	margin-top: 0;

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

#navToggle.show::after {

	margin-top: 0;

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.header {

	background-color: rgba(56,124,125,0.6);

	align-items: center;

	justify-content: space-between;

	padding: 0 10px;

	height: 36px;
	width: 50px;
	position: fixed;
	top: 20px;
	z-index: 999;
}
.home_header{
	top: 125px;
}

.header img {

	height: 85%;

}

.top {

	position: fixed;
	top: 124px;
	z-index: 999;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: 100%;
	background: #fff;

}

.header-nav {

	height: 50px;

	line-height: 50px;

	position: relative;

}

.nav {

	height: 50px;

	line-height: 50px;

	padding-right: 0;

	cursor: pointer;

}

#divMouse {
	position: absolute;
	width: 50px;
	height: 20px;
	background: #967f54;
	text-align: center;
	line-height: 20px;
	display: none;
	z-index: 998;
	color: #fff
}

.nav ul li {

	position: relative;

	float: left;

	list-style: none;

	height: 30px;

	/*overflow: hidden;*/

	line-height: 30px;

	margin-top: 10px;

	padding: 0 25px 0;

	transition: all .3s linear;

}

.nav ul li.del {

	color: #888;

	margin: 10px 0 0 0;

	padding: 0 15px 0;

}

.nav ul li>a {

	position: relative;

	top: 0;

	font-size: 14px;

	color: #888;

	display: block;

	transition: all .3s;

}

.nav ul li>a span {

	display: block;

	line-height: 30px;

}

.nav ul li>a span:nth-child(2) {
	display: none;
}

.nav ul li>a.active {

	color: #387c7d;

}

.nav ul li:hover {

	background: #387c7d;

	/*top: -30px;*/

}

.infoo_page {
	position: absolute;
	bottom: 35px;
	display: flex;
	right: 65px;
	z-index: 999;
}

.infoo_page .box1 {
	width: 34px;
	height: 34px;
	margin-left: 10px;
	cursor: pointer;
	background: url(../images/bom.png) no-repeat;
}

.infoo_page .box2 {
	width: 34px;
	height: 34px;
	margin-left: 10px;
	cursor: pointer;
	background: url(../images/up.png) no-repeat;
}

.box {
	/*position: absolute;*/
	bottom: 10px;
	/*left: 50%;*/
	left: 0;
	color: #fff;
	width: 49px;
	height: 49px;
	/*margin-left: -24px;*/
	margin-left: 0;
	cursor: pointer;
	background: url(../images/uup.png) no-repeat;

	margin: 0 auto;
}

.infoo_page div {
	font-size: 30px;
	line-height: 1;
	color: #fff;
	margin-left: 10px;
	display: flex;
}

.nav ul li.del:hover {
	background: transparent;
}

.nav ul li:hover>a {
	color: #fff;
}

.nav ul li:nth-child(1):hover>a {

	top: 0;

}

.nav ul li:last-child a {

	border-right: none;

}

.nav ul li:hover .sub-nav {

	display: block;

}

.sub-nav {

	display: none;

	position: absolute;

	left: 0;

	top: 40px;

	width: 100px;

	min-width: 100%;

	line-height: 36px;

	padding: 10px 0;

	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);

	background-color: #387c7d;

	z-index: 9999;

	border-radius: 2px;

	white-space: nowrap;

	-webkit-animation: navMove 0.3s linear;

	animation: navMove 0.3s linear;

}

@-webkit-keyframes navMove {

	0% {

		opacity: 0;

		transform: translateY(30px)
	}

	100% {

		opacity: 1;

		transform: translateY(0)
	}

}

@keyframes navMove {

	0% {

		opacity: 0;

		transform: translateY(30px)
	}

	100% {

		opacity: 1;

		transform: translateY(0)
	}

}

.sub-nav a {

	font-size: 14px;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 40px;

	padding: 0 5px;

	transition: all .3s linear;

}

.sub-nav a:hover {

	background: #236465;

}

.sub-nav:before {

	content: '';

	display: block;

	width: 10px;

	height: 10px;

	background: #377c7d;

	/*box-shadow: 0 2px 4px rgba(0,0,0,.12);*/

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	top: -5px;

	position: absolute;

	left: 50%;

	margin-left: -5px;

}

.sub-nav:after {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	width: 100%;
	height: 15px;
}




/* 首页公司简介 */

.spac {

	padding-top: 100px;

}

.title {

	text-align: center;

	font-size: 20px;

	color: #333;

}

.title>p {

	font-family: 'Didot';

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-size: 18px;

	font-weight: bold;

	line-height: 28px;

}

.title>p:after {

	content: '';

	display: block;

	width: 40px;

	height: 2px;

	background: #387c7d;

	margin: 10px auto;

}

.title>span {

	font-size: 16px;

}

.ab [class*="col-sm-"] {

	padding: 0;

	overflow: hidden;

}

.ab ul:nth-child(1) {

	overflow: hidden;

	max-height: 280px;

}

.ab ul.t-ul {

	overflow: hidden;

	max-height: 560px;

}


.ab ul li img {

	width: 100%;

	height: 170px;

	transform: scale(1);

	-webkit-transform: scale(1);

	transition: all .3s;

}

.ab ul li div {

	position: relative;

	overflow: hidden;

}

.ab ul li div>.line {

	display: none !important;

	position: absolute;

	background: rgba(131, 201, 202, 0.5);

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	opacity: 0;

	transform: scale(0);

	-webkit-transform: scale(0);

	transition: all .3s;

}

.ab ul li div:hover .line {

	opacity: 1;

	transform: scale(1);

	-webkit-transform: scale(1);

}

.ab ul li div:hover img {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

}

.ab .brand {

	position: relative;

	padding: 30px 0;

	max-height: 280px;

	background: #83c9ca;

	color: #fff;

}

.ab .brand:after {

	position: absolute;

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	top: 0%;

	border: 1px solid #fff;

	transform: scale(.95);

	-webkit-transform: scale(.95);

	transition: all .3s;

}

.ab .brand>p:after {

	background: #fff;

}

.ab .brand i {

	font-size: 12px;

}

.ab .video {

	padding: 30px 0;
	background: url(/Index/Tpl/ui-zh-cn/Static/images/back_home.jpg) no-repeat;

}

.ab .brand-ban {

	padding: 0 !important;

}

.ab .brand-ban img {

	height: auto;

	transform: scale(1) !important;

	-webkit-transform: scale(1) !important;

}

.ab .brand-ban .swiper-pagination-bullet {

	position: relative;

	left: 90%;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	display: block;

	margin-top: 20px;

}

.about .detail .title {

	font-size: 25px;

	margin-bottom: 30px;

	margin-top: -50px;

}

.about .detail .date {

	font-size: 14px;

	color: #888;

}

.about .detail .detail-cont {

	margin-top: 30px;

	font-size: 14px;

	color: #888;

	line-height: 30px;

}



/* 首页产品 */

.s-pro {

	margin-top: 50px;

	overflow: hidden;

}

.s-pro [class*="col-sm-"] {

	padding: 0;

	overflow: hidden;

}

.s-pro .left {

	position: relative;

	overflow: hidden;

}

.s-pro .left:hover {

	cursor: pointer;

}

.s-pro .left:hover .text {

	transform: scale(0.8);

	-webkit-transform: scale(0.8);

}

.s-pro .left .text {

	display: none;

}



.s-pro .right .text {

	text-align: center;

	background: #fafafa;

	height: 125px;

}

.s-pro .right .text img {

	margin-left: auto;

	margin-right: auto;

}

.s-pro .right .text>p {

	font-size: 12px;

	color: #387c7d;

	font-family: 'qingke';

	margin: 10px 0;

}

.s-pro .right .text a {

	font-size: 12px;

	color: #387c7d;

	border: 1px solid #387c7d;

	border-radius: 4px;

	padding: 0px 10px;

	background-size: 6px;

	transition: all .2s;

}

.s-pro .right .text a:hover {

	color: #fff;

	background: #387c7d url('../images/news_next_hover.png') no-repeat right 20px center;

	background-size: 6px;

}





/* 首页新闻 */

.s-news {

	position: relative;

	margin-top: 50px;

	margin-bottom: 100px;
	overflow: hidden;

}

.pc-news {

	overflow: hidden;

	padding-bottom: 20px;

}

.mb-s-news {

	display: none;

}

.s-news .swiper-slide {

	position: relative;

	top: 0;

	padding: 0;

	transition: all .3s;

}

.s-news .swiper-slide:hover {

	top: 20px;

}



.s-news .cont {

	background: #fafafa;

	padding: 5%;

  min-height: 165px;

}

.s-news .cont .title {

	font-size: 14px;

	font-family: '微软雅黑';

	text-align: left;

	color: #333;

	margin-bottom: 0;

	height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	transition: all .3s;

}

.s-news .cont>span {



	font-size: 12px;

	color: #888888;

	margin: 10px 0;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.s-news .cont .date {

	color: #aaaaaa;

	font-size: 14px;

}

.s-news .cont .date>span {

	font-size: 25px;

	color: #d6d6d6;

	transition: all .3s;

}

.s-news .swiper-slide:hover .date>span,

.s-news .swiper-slide:hover .cont .title {

	color: #83c9ca;

}

.mb_w1200 {

	display: none;

}

.index_eq {

	overflow: hidden;

}

.news-page {

	position: relative;

	margin-top: 60px;

}

.news-page .news-pagination {

	text-align: center;

}

.news-page .swiper-button-prev {

	background: url(../images/news_prev.png) no-repeat;

	left: 43%;

	top: 23px;

	background-size: 12px;

	pointer-events: visible;

	opacity: 1;

	cursor: pointer;

}

.news-page .swiper-button-next {

	background: url(../images/news_next.png) no-repeat;

	right: 41.5%;

	top: 23px;

	background-size: 12px;

	pointer-events: visible;

	opacity: 1;

	cursor: pointer;

}

.news-page .swiper-button-prev:hover,

.news-page .swiper-button-next:hover {

	opacity: .6;

}

.news-page .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	margin: 0 5px;

	opacity: 1;

	border: 2px solid #83c9ca;

	background: transparent;

}

.news-page .swiper-pagination-bullet:hover,

.news-page .swiper-pagination-bullet-active {

	background: #83c9ca;

}

/* 内页新闻 */
.inside-news .container {
	margin-top: 60px;
}

.inside-news .title>span {

	/*display: none;*/

	font-size: 36px;

	color: #333;

	font-family: 'qingke';

	/*font-weight: bold;*/

}

.inside-news .title>p {

	/*display: none;*/

	font-size: 18px;

	color: #aaa;

	font-family: 'snell';

	font-weight: normal;

	text-transform: lowercase;

}

.inside-news .title>p:after {

	display: none;

}

.news .cont {

	transition: all .2s;

}

.news>div {

	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 4%;

}

.news>div a img {

	width: 100%;


}

.news .cont .title {

	transition: inherit;

}

.news a:hover .cont .title,

.news a:hover .cont .date,

.news a:hover .cont>span,

.news a:hover .cont .date>span {

	color: #fff;

}

.news a:hover .cont {

	background: #83c9ca;

}





/* 底部 */

.footer {

	line-height: 24px;

	font-size: 14px;

	text-align: center;

	background: #387c7d;

}

.footer .erweima {

	float: right;
}


.footer .foot-logo {

	text-align: left;

	padding: 0;

}

.footer .foot-logo>img {

	opacity: .5;

}

.foot-con .left {

	text-align: left;

}

.foot-con .left div {

	float: left;

}

.foot-pic {
	margin-top: 10px;
}

.foot-con .left div .prolist-two {

	display: block;

	margin-top: 10px;

}

.foot-con .left ul li {

	float: none;

	margin-top: 10px;

	text-align: left;

}

.foot-con .left ul li:nth-child(7) {
	display: none;
}

.foot-con .left ul li a {

	font-size: 14px;

	color: #fff;

	margin: 0;

	opacity: .5;

}

.foot-con .right {

	padding: 0;

}

.foot-con p {

	color: #2e3033;

}

.foot-con .copy {

	margin-top: 40px;

	padding-top: 20px;

	border-top: 2px solid #9fa1ae;

	float: left;

	width: 100%;

}

.foot-con p {

	font-size: 14px;

	color: #40445d;

}

.foot-con ul li {

	text-align: center;

	float: left;

}

.foot-con a {

	font-size: 14px;
	width: 60%;
	color: #fff;

	display: inline-block;

}

.foot-con .right a {
	color: #99b2ab;
}

.foot-con .right a:hover {
	color: #fff;
}

.foot-con ul li p {

	font-size: 14px;

	color: #2e3033;

}

.foot-con .right ul {

	overflow: hidden;

}

.foot-con .right ul li {

	padding-left: 40px;

	margin-bottom: 10px;

	text-align: left;

}

.foot-con .right ul li:nth-child(1) {

	background: url(../images/phone.png) no-repeat left top 5px;
	width: 100%;
	background-size: 18px;

}

.foot-con .right ul li:nth-child(2) {

	background: url(../images/address.png) no-repeat left top 5px;

	background-size: 18px;

}

.foot-con .right ul li:nth-child(3) {

	background: url(../images/shop.png) no-repeat left top 5px;

	background-size: 18px;

}

.foot-con .right ul li p:nth-child(1),
.foot-con .right ul li p:nth-child(3) {

	font-size: 14px;

	color: #fff;

}

.foot-con .right ul li p:nth-child(2),
.foot-con .right ul li p:nth-child(4) {

	font-size: 24px;
	display: block;
	width: 100%;
	color: #99b2ab;

}

.foot-con .right ul li:nth-child(2) p:nth-child(2) {

	font-size: 14px;

	color: #99b2ab;

}

.foot-con .right ul li div>a>img {

	height: 40px;

}

.foot-con .right ul li div>a {

	margin-right: 15px;

	margin-top: 10px;

}

.foot-con .foot-pic>img {

	margin-top: 35px;

	display: inline-block;

}

.foot-copy {

	background: #286364;

	line-height: 60px;

}

.foot-copy .copy {

	font-size: 14px;

	color: #fff;

}

.foot-copy .copy .left {

	width: 70%;

	float: left;

	opacity: .3;

}

.foot-copy .copy .right {

	text-align: right;

}

.copy .right .share {

	cursor: pointer;

	position: relative;

	display: inline-block;

	margin-right: 3%;

	text-align: left;

}

.copy .right .share>img,

.copy .right .share .qq {

	height: 18px;

	opacity: .3;

	transition: all .2s;

}

.copy .right .share .ewm {

	position: absolute;

	opacity: 0;

	top: -150px;

	visibility: hidden;

	left: 50%;

	margin-left: -52px;

	background: #fff;

	padding: 2px;

	transition: all .3s;

}

.copy .right .share .ewm p {

	line-height: 28px;

	color: #aaa;

	text-align: center;

}

.copy .right .share .ewm p:after {

	content: '';

	display: block;

	position: absolute;

	bottom: -6px;

	left: 50%;

	margin-left: -7px;

	background: #fff;

	width: 12px;

	height: 12px;

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

}

.copy .right .share .ewm img {

	max-width: 100px;

}

.copy .right .share:hover .ewm {

	opacity: 1;

	top: -132px;

	visibility: visible;

}

.copy .right .share:hover>img,

.copy .right .share:hover .qq {

	opacity: 1;

}





/* 关于内页 */

.about-banner {

	background: url(../images/about.jpg) no-repeat;

	height: 200px;

}

.about {

	/*padding: 100px 0;*/

	margin-bottom: 90px;
	overflow: hidden;

}

.about .content .present {}

.about .content .preimg {
	width: 47%;
	float: left;
	margin-right: 12px;
}

#group {
	position: relative;
	top: -170px;
}

.about .content .pre {
	margin: auto;
}

.am-tabs {

	background-color: #387c7d;
	height: 20px;
	line-height: 20px;
	margin-top: 16px;
	text-align: center;

}

.am-tabs ul li {

	position: relative;

	display: inline-block;

	height: 40px;
	margin: 0 8px;
	width: 19%;
	background-color: #387c7d;
	padding-top: 10px;
	margin-top: -10px;
	border: 1px solid #387c7d;
	border-radius: 3px;

}


.am-tabs ul li a {

	font-size: 16px;

	color: #fff;

	height: 30px;

	display: inline-block;

}



.back {

	display: inline-block;

	color: #16284e;

	margin-top: 20px;

}

.pro-back {
	display: none;
	position: fixed;
	right: 20px;
	top: 20px;
	width: 50px;
	z-index: 99;
}

.back:hover {

	color: #e96d08;

}


.about .content .brand img {
	margin-top: 100px;
}

.groupup .groupleft {
	width: 100%;
	margin-bottom: 12px;

}

.groupup .groupright {
	width: 100%;
}

.content .text table td:nth-child(1) {

	width: 35%;

}

.content .text table td:nth-child(1) img {
	width: 75%;
}

.content .text table td:nth-child(2) {

	width: 65%;

	vertical-align: top;

	font-size: 14px;

	color: #888;

	line-height: 30px;

}

.content .text p,

.content .text {

	font-size: 16px;

	color: #888;

	line-height: 20px;

	text-align: justify;

}

.content .text {

	text-indent: 0;

}

.info1 {
	margin-top: -65px;
}

.infoo p{
	text-align: left!important;
}

.map {

	position: absolute;

	bottom: 0;

	z-index: 1;

	width: 1200px;

	left: 50%;

	margin-left: -555px;

}

.map iframe {
	margin-left: 24%;
}

.map div {

	border: none !important;

}

.tj-cont p{
	font-size: 14px!important;
	line-height: 30px!important;
}

.about form {

	width: 700px;

	max-width: 100%;

	margin: 0 auto;

}

.about .am-form-group {
	margin-bottom: 10px;
	overflow: hidden;

}

.about .am-form-group label {

	float: left;

	width: 25%;
	font-size: 14px;
	line-height: 30px;

	text-align: right;

	margin-right: 5%;

}

.about .am-form-group img {
	width: 60px;
	height: 30px;
	margin-top: -3px;
}

.about .am-form-group label.am-radio {

	line-height: normal;

	width: auto;

	margin-right: 20px;

}

.about .am-form-group label>i {

	color: #ff0000;

}

.about .am-form-group input {

	width: 55%;

	float: left;

}

.about .am-form-group textarea {

	width: 65%;

}

.about .am-form-group button {

	width: 125px;

	height: 40px;

	font-size: 16px;

	background: #387c7d;

	border: 0;

	border-radius: 2px;


	transition: all .3s ease-in;

}

.about .am-form-group button:hover {

	opacity: .8;

}

.about .am-form-group #doc-vld-code {

	width: 25%;

}

.am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-ucheck-radio:checked+.am-ucheck-icons {

	color: #83c9ca;

}

/* 产品展示 */

.pro-menu {

	height: 100vh;

	overflow: hidden;

}

.tab {

	position: relative;

	width: 100%;

	height: 100vh;

	float: left;

}

.tab .tab-nav {

	position: absolute;

	top: 0;

	z-index: 2;

	width: 100%;

	height: 100vh;

}

.tab .tab-nav li {

	float: left;

	border-right: 1px solid #63737a;

}

.tab .tab-nav li a {

	display: block;

	height: 100vh;

	text-align: center;

	color: #ffffff;

	opacity: .2;

	text-decoration: none;

	line-height: 30px;

}

.tab .tab-nav li a div {

	position: absolute;

	top: 50%;

	margin-top: -38px;

	left: 50%;

	margin-left: -100px;

	width: 200px;

}

.tab .tab-nav li a div>p {

	font-size: 20px;

	font-family: 'Didot';

	font-weight: bold;

	line-height: 25px;

	margin-bottom: 10px;

	text-transform: uppercase;

}

.tab .tab-nav li a div>span {

	font-size: 18px;

	font-family: 'qingke';

}

.tab .tab-nav li {

	background: rgba(0, 0, 0, .6);

}

.tab .tab-nav li a {

	opacity: 1;

}

.tab .content-wrap {

	position: absolute;

	top: 0;

	z-index: 1;

	width: 100%;

}

.tab .content-wrap img {

	width: 100%;

	height: 100%;

}

.tab .content-wrap .content-item {

	width: 100%;

	height: 17vh;

	background-size: cover !important;

	background-position: 50% 50% !important;

}

.tab .content-wrap .current {

	display: block;

}



/* 产品详情 */

.pro-nav {

	position: relative;

	top: 0;

	height: 8vh;

	line-height: 8vh;

}

.pro-nav .sub-nav {

	top: 42px;

}

.pro-nav .header-nav img {

	height: 45px;

	margin-top: 12px;

	margin-left: 20px;

}

.pro-nav .nav ul li {

	/*overflow: inherit;*/

	margin-top: 15px;

	margin-right: 15px;

}

/*.pro-nav .nav ul li>a{

  position: relative;

  height: 70px;

  line-height: 70px;

  top: 0!important;

  transition: none

}

.pro-nav .nav ul li a:hover:after,

.pro-nav .nav ul li a.active:after

{

  width: 100%;

}

.pro-nav .nav ul li>a:after{

  position: absolute;

  content: '';

  display: block;

  width: 0;

  height: 2px;

  background: #387c7d;

  transition: all .2s;

}*/

.proinfo {

	position: relative;

	overflow: hidden;

	background: #eee;

}
.sw_proinfo{
			overflow: hidden;
			position: relative;
			height: 100vh;
			}
.proinfo .left {

	position: relative;
	width: 100%;
	height: 100vh;
	float: left;

	background-position: 50% 50% !important;

	background-size: cover !important;

}
.sw_proinfos{
	position: relative;
	width: 100%;
	height: 100vh;
	float: left;

	background-position: 50% 50% !important;

	background-size: cover !important;
}

.proinfo  img{
	max-width: none;
}

.button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
}

.button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	right: 10px;
}

.proinfo .left .back {

	display: none;

	font-size: 20px;

	color: #387c7d;

	position: absolute;

	right: -78px;

	top: 50px;

	text-align: center;

	width: 156px;

	height: 60px;

	line-height: 60px;

	background: #83c9ca url("../images/news_next.png") no-repeat right;

	background-size: 12px;

	background-position: 110px;

	padding-right: 20px;

	transition: all .2s;

}

.proinfo .left .back:hover {

	opacity: .8;

}

.proinfo .left .news-page {

	position: absolute;

	right: 30px;

	bottom: 50px;

	top: inherit;

}

a.prev,
a.next {

	width: 100px;

	height: 26px;

	line-height: 26px;

	background: rgba(56, 124, 125, 1);

	color: #fff;

	font-family: "Arial";

	font-size: 12px;

	display: inline-block;

	text-align: center;

	transition: all .2s;

	z-index: 1000;
	top: 50%
}

a.prev {

	position: absolute;

	left: 25px;
	cursor: pointer;

}

a.next {

	position: absolute;

	right: 25px;

	cursor: pointer;
}

a.prev i {

	margin-right: 10px;

	font-size: 16px;

}

a.next i {

	margin-left: 10px;

	font-size: 16px;

}

.proinfo .left .news-page a:nth-child(2) {

	background: rgba(131, 201, 202, .5);

}

.proinfo .left .news-page a:hover {

	background: rgba(131, 201, 202, 1);

}

.proinfo .left .news-page a:nth-child(1)>i {

	margin-right: 10px;

	font-size: 16px;

}

.proinfo .left .news-page a:nth-child(2)>i {

	margin-left: 10px;

	font-size: 16px;

}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {

	background-image: none;

}

.container_p {
	font-size: 36px;
	color: #333;
	font-family: 'qingke';
	line-height: 2;
	text-align: center;
	padding-bottom: 10px;
}

.hzkh .container {
	font-size: 36px;
	color: #333;
	display: flex;
	justify-content: space-between;
	padding: 100px 0;
}

.hzkh_left {
	width: 45%;
	padding-right: 3%;
}

.hzkh_right {
	width: 50%;
	padding-top: 20px;
}

.hzkh_title {
	color: #387c7d;
	font-size: 36px;
	margin-bottom: 70px;
}

.hzkh_left span {
	font-size: 16px;
	line-height: 1;
}

.tuan {
	display: flex;
	align-items: stretch
}

.tuan1 {
	display: flex;
	flex-direction: column;
	width: 27%
}

.tuan1 div {
	line-height: 57px;
	text-align: center;
	background: #83c9ca;
	color: #fff;
	font-size: 20px;
	margin-top: 1px;
}

.tuan1 div:nth-of-type(1) {
	margin-top: 0;
}

.tuan1 .tuan1_box {
	background: #387c7d;
}

.tuan2 {
	width: 31%;
}

.tuan2_box {
	display: flex;
	flex-direction: column;
	margin: 0 10px
}

.tuan2_box div img {
	width: 100%;
	height: 131px;
}

.tuan2_box div {
	margin-top: 5px;
	position: relative;
}

.tuan2_box div p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3)
}

.tuan2_box div p span {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 20px;
	margin-top: -15px;
	line-height: 1;
	width: 200px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
}

.tuan2_box .tuan2_boxx p {
	background: rgba(0, 0, 0, 0)
}

.tuan2_box div:nth-of-type(1) {
	margin-top: 0;
}

.tuan2_box .tuan2_boxx img {
	border: solid 5px #387c7d;
}

.tuan3_box {
	display: flex;
	flex-direction: column;
}

.tuan3_box img {
	border: solid 5px #387c7d;
}

.tuan3_box span {
	background: #387c7d;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 2.7;
}

.tuan4_box {
	position: relative;
	border-radius: 50%;
	float: left;
}

.tuan4 {
	margin-left: 48px;
	float: left;
	margin-bottom: 60px;
}

.tuan4:nth-of-type(2) {
	margin-left: 0px;
}

.tuan4_box .fa-long-arrow-down {
	position: absolute;
	right: 50%;
	top: 120%;
	font-size: 30px;
	margin-right: -6px;
}

.tuan4:nth-of-type(8) {
	margin-left: 0px;
}

.tuan4_box p {
	line-height: 150px;
	color: #fff;
	text-align: center;
	width: 150px;
	z-index: 2;
	position: relative;
}

.tuan4_box img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.tuan4_box i {
	position: absolute;
	right: -37px;
	top: 50%;
	font-size: 30px;
	margin-top: -15px;
}

.tuan4_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: -50px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
}

.tuan4_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan4_bboxx {
	border: solid 1px #fff;
	overflow: hidden;
	width: 230px;
}

.tuan4_bboxx span {
	color: #fff;
	padding: 20px 10px;
	float: left;
}

.tuangou_back {
	background: url(/Index/Tpl/zh-cn/Static/images/119.jpg) no-repeat;
}

.tuan1_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: -50px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan1_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan2_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: 150px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan2_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan3_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: 350px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan3_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan4_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: 550px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan4_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan5_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: 745px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan5_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan6_bbox {
	position: absolute;
	margin-top: 180px;
	margin-left: 940px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan6_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan7_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: -50px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan7_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan8_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: 150px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan8_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan9_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: 350px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan9_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan10_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: 550px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan10_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan11_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: 745px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan11_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.tuan12_bbox {
	position: absolute;
	margin-top: 375px;
	margin-left: 940px;
	background: #387c7d;
	padding: 10px;
	border-radius: 5px;
	float: left;
	z-index: 2;
}

.tuan12_bbox img {
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
}

.proinfo .right {

	/*margin-left: 78%;*/

	top: 100px;

	margin-right: 3%;

	z-index: 999;

	position: absolute;

	background: rgba(56, 124, 125, 0.76);

	width: 500px;

	height: 300px;

	top: 50%;

	margin-top: -150px;

	left: 50%;

	margin-left: -250px;

	padding: 10px;

}

.proinfo .proinfo_xiaotu {
	position: absolute;
	top: 85%;
	left: 50%;
	display: flex;
	z-index: 999;
	width: 600px;
	margin-left: -300px;
}

.proinfo_xiaotu_content {
	width: 25%;
	text-align: center;
}

.proinfo_xiaotu_content:nth-of-type(6) .proinfo_xiaotu_img {
	padding: 0px;
	line-height: 56px;
	text-align: center;
}

.proinfo_xiaotu_img:hover {
	border: solid 1px #967f54;
	background: #967f54;
	color: #fff;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

.proinfo_xiaotu_content .proinfo_xiaotu_images {
	border: solid 1px #967f54;
	background: #967f54;
	color: #fff;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

.proinfo_xiaotu_img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin: auto;
	padding: 5px 10px;
	color: #967f54;
	border: solid 1px #967f54;
}

.proinfo_xiaotu_content span {
	color: #fff;
	line-height: 2;
}

.proinfo .right .fa-times {
	position: absolute;
	right: 15px;
	color: #fff;
	font-size: 24px;
}

.proinfo .title {

	text-align: left;

	font-size: 30px;

	color: #fff;

}

.proinfo .detail {

	font-size: 14px;

	color: #fff;

	font-family: "qingke";

	letter-spacing: 1px;

	text-transform: uppercase;

}

.proinfo .line {

	display: block;

	background: #fff;

	height: 1px;

	width: 100%;

	margin: 20px 0;

}

.proinfo .right .text {

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	margin-top: 30px;

}

.fa-close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fff;
	font-size: 50px;
	z-index: 999;
}


/* 产品展示 */

.product-banner {

	background: url(../images/product.jpg) no-repeat;

	height: 200px;

}

.procate {

	padding: 0;

	text-align: center;

	border-bottom: 1px solid #c6c6c6;

	padding-bottom: 10px;

}

.procate ul li {

	display: inline-block;

}

.procate ul li a {

	font-size: 14px;

	color: #666;

	padding: 0 20px;

}

.procate ul li a.active,

.procate ul li a:hover {

	color: #2e3563;

}

.prolist {

	text-align: center;

	margin-bottom: 20px;

}

.prolist ul li {

	display: inline-block;

	margin-top: 10px;

}

.prolist ul li a {

	font-size: 14px;

	color: #666;

	padding: 0 20px;

}

.prolist ul li a:hover,

.prolist ul li a.active {

	color: #3b3f56;

}

.about-content .cont ul {

	overflow: hidden;

}

.about-content .cont ul li {

	margin-bottom: 15px;

}

.about-content .cont ul li a {

	display: block;

	margin-top: 2px;

	width: 100%;

	height: 100%;

	background: #fff;

	transition: all .3s;

}

.about-content .cont ul.honor-cont li {

	margin-bottom: 0;

}

.about-content .cont ul.honor-cont li:before {

	content: '';

	display: inline-block;

	width: 5px;

	height: 5px;

	background: #666;

	vertical-align: 3px;

	margin-right: 5px;

}

.about-content .cont ul li a:hover {

	box-shadow: 0px 0px 10px 0px #c1bfbf;

}

.about-content .cont ul li>a>p {

	font-size: 16px;

	text-align: left;

	color: #40445d;

	padding: 5px 0;

	border-bottom: 1px solid #d6d6d6;

	padding-bottom: 10px;

	margin-bottom: 10px;

	width: 90%;

	margin: 0 auto 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.about-content .cont ul li>a>i {

	display: block;

	text-align: right;

	width: 90%;

	margin: 0 auto;

	line-height: 12px;

	padding-bottom: 10px;

}

.about .cont {

	text-align: center;

	font-size: 14px;

}

.about .pro-content {

	border-left: 0;

}

.about .pro {

	padding-left: 0;

}

.about .pro>img {

	max-width: 460px;

}

.about .detail {

	padding: 100px 0 20px 0;

}

.about .cont .title {

	font-size: 25px;

	color: #333;

	margin-bottom: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.about .cont .date {

	text-align: center;

	font-size: 14px;

	color: #888;

	margin-bottom: 20px;

}

.about .detail .detail-cont {

	overflow: hidden;

	text-align: left;

	color: #000 !important;

	font-size: 14px !important;

	border: 1px solid #888;

	padding: 10px;

	max-width: 1000px;

	margin: 0 auto;

}

.about .detail .detail-cont img {

	text-indent: 0em;

	margin: 5px 0;

}

.about .detail .detail-cont p {

	text-indent: 0 !important;

	text-indent: 2em !important;

}

.about .detail .detail-cont p>span {


	text-indent: 0 !important;

}

.about .detail .detail-cont p img:nth-child(1) {

	margin-left: -2em;

}

.pro-page {

	overflow: hidden;

	margin-top: 15px;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	line-height: 98px;

}

.pro-page a:nth-child(1) {

	width: 45%;

	float: left;

	text-align: left;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	font-size: 14px;

	color: #888;

	background: url(../images/news_prev.png) no-repeat center left;

	background-size: 15px;

	padding-left: 30px;

}

.pro-page a:nth-child(2) {

	width: 45%;

	float: right;

	text-align: right;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	font-size: 14px;

	color: #888;

	background: url(../images/news_next.png) no-repeat center right;

	background-size: 15px;

	padding-right: 30px;

}

.pro-page a:hover {

	color: #387c7d;

}





/* 联系我们 */

.contact .title {

	font-size: 20px;

	margin-bottom: 8px;

	font-weight: bold;

	border-bottom: 1px solid #a1a8b2;

	padding-bottom: 10px;

	text-align: left;

}

.contact .phone {

	margin-bottom: 30px;

	margin: 40px;

	line-height: 35px;

}

.join .zw-title {

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 10px;

	float: left;

}

.join .join-page {

	float: right;

}

.join .join-page a {

	color: #525a66;

}

.join .join-page a.num {

	margin: 0 3px;

}



.page {

	width: 40%;

	margin: 20px auto 0;

	text-align: center;

	margin-top: 20px;

}

.page a,
.page a.active {

	background: #83c9ca;

	padding: 10px 15px;

	display: block;

	text-align: center;

	border-radius: 2px;

	border: 1px solid #83c9ca;

	line-height: 20px;

	color: #fff;

	display: inline-block;

	margin: 0 3px;

	transition: all .3s;

}

.page a:hover,
.page a.active {

	background: #fff;

	color: #83c9ca;

}



/* 案例 */

.case {

	padding-top: 80px;

}

.case .title_cn {

	margin-bottom: 45px;

}

.case_cont ul li {

	width: 31%;

	margin-right: 2%;

	margin-bottom: 10px;

	display: inline-block;

}

.case_cont ul li:nth-child(3n) {

	margin-right: 0;

}

.case_cont ul li img {

	max-width: 100%;

}

.case_cont ul li .text {

	color: #666;

	line-height: 55px;

	height: 55px;

}

.case_cont ul li .text p {

	text-align: center;

	height: 55px;

	color: #333;

	overflow: hidden;

	margin-right: 15px;

	margin-left: 10px;

}

.case_cont ul li:hover .text {

	box-shadow: 3px 1px 7px 0px #d0d0d0;

	background: #f08519;

	transition: all .3s;

}

.case_cont ul li:hover .text p {

	color: #fff;

}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {

	border-top: transparent;

	font-size: 14px;

	color: #888;

	line-height: 30px;

	border-bottom: 1px dotted #ddd;

}

.info {

	padding-top: 50px;

}

.info .news_title {

	font-size: 30px;

	color: #333;

	text-align: center;

	font-family: 'Regular';

	font-weight: bold;

}

.info .title_cn {

	font-size: 14px !important;

	color: #aaa;

	font-family: '微软雅黑';

	margin-bottom: 0;

	font-weight: normal;

}

.info .title_cn span {

	font-family: '微软雅黑';

}

.info .gs_cont {

	color: #888;

	margin-top: 10px;

}

.news_prev {

	margin-top: 40px;

}

.news_prev ul li:nth-child(1) {

	float: left;

	width: 30%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news_prev ul li:nth-child(2) {

	text-align: right;

	float: right;

	width: 30%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news_prev ul li a {

	font-size: 14px;

	color: #666;

	line-height: 28px;

}

.news_prev ul li:hover a {

	color: #2376bc;

}

.news_prev ul li:nth-child(1) a {

	padding-left: 15px;

}

.news_prev ul li:nth-child(2) a {

	/*padding-right: 15px;*/

}

.news_prev ul li:nth-child(1) i {

	width: 15px;

	background: url(../images/news_prev.png) no-repeat left;

	float: left;

	height: 28px;

	overflow: hidden;

}

.news_prev ul li:nth-child(2) i {

	width: 15px;

	background: url(../images/news_prev.png) no-repeat left;

	float: right;

	height: 28px;

	overflow: hidden;

	background-position: -16px 0;

	margin-left: 15px;

}

.news_prev ul li:nth-child(1):hover i {

	background-position: -32px 0;

}

.news_prev ul li:nth-child(2):hover i {

	background-position: -48px 0;

}

.con {

	padding-bottom: 50px;

}



/* 人才招聘 */

.zpin {

	overflow: inherit;

}

.zpin .zpin-text {

	border: 1px solid #ddd;

	border-radius: 3px;
	padding: 0;
	width: 45%;
	float: left;
	margin: 5px 2%;

}

.zpin-text .zpin-title {

	margin: 10px 15px 0;

	padding-bottom: 10px;

	border-bottom: 1px solid #eee;

}

.zpin-text .zpin-title span:nth-child(1) {

	font-size: 16px;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.zpin-text .zpin-title span:nth-child(2) {

	float: right;

	color: #387c7d;

	font-size: 16px;

}

.zpin-text .zpin-cont {

	padding: 10px 15px;

	overflow: hidden;

}

.zpin-text .zpin-cont .left {

	float: left;

}

.zpin-text .zpin-cont .right {

	float: right;

}

.zpin-text .zpin-cont .left p,

.zpin-text .zpin-cont .right p {

	color: #333;

	font-size: 14px;

}

.zpin .zpin-text a {

	display: block;

	text-align: center;

	color: #fff;

	line-height: 40px;

	background: #83c9ca;

	transition: all .3s;

}

.zpin .zpin-text a:hover {

	background: #387c7d;

}

.zpin-pagination {

	text-align: center;

	margin-top: 45px;

}

.zpin-pagination .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #83c9ca;

	opacity: 1;

	margin: 5px;

}

.zpin-pagination .swiper-pagination-bullet-active {

	background: #387c7d;

}

.zpin .alert {

	position: fixed;

	background: #eee;

	width: 600px;

	height: 350px;

	top: 50%;

	margin-top: -175px;

	z-index: 999;

	left: 50%;

	margin-left: -300px;

	padding-right: 30px;

	border-radius: 3px;

	transition: all .3s;

	background-color: #fff;

	border-radius: 2px;

	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);

	transform: scale(0);

	-webkit-transform: scale(0);

}

.zpin .alert .text {

	height: 315px;

	padding: 0 10px 0 0;

	overflow-y: scroll;

}

.zpin .alert .text b {
	text-align: center;
	display: block;
	font-size: 18px;
}

.zpin .alert .text p {
	line-height: 28px;
}

.zpin .alert .text::-webkit-scrollbar {

	width: 8px;

}

.zpin .alert .text::-webkit-scrollbar-track {

	background-color: transparent;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

}

.zpin .alert .text::-webkit-scrollbar-thumb {

	background-color: #716e6e;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

}

.zpin .alert.active {

	transform: scale(1);

	-webkit-transform: scale(1);

}

.zpin .alert i {

	position: absolute;

	right: 5px;

	top: 0px;

	font-size: 30px;

	color: #333;

	cursor: pointer;

}

.zpin-info table p {
	text-align: inherit !important;
}

.zpin-info table tr td {
	text-align: center;
}

.zpin-info table tr td {
	border: 1px solid;
}

.zpin-info table td:nth-child(1) {
	width: auto !important;
}

.zpin-info table td:nth-child(2) {
	width: auto !important;
}

.zpin-info table tr td:nth-child(1),
.zpin-info table tr td:nth-child(3) {
	font-weight: bold;
}

.zpin-info table tr td:nth-child(2),
.zpin-info table tr td:nth-child(4) {
	text-align: left;
	padding-left: 15px;
}

.zpin-info table tr:last-child td {
	font-weight: normal;
	text-align: left;
	padding: 20px;
}

body.active {
	/*overflow-y: hidden;*/
}

.contact {

	position: relative;

	overflow: hidden;

	height: 600px;

}

.contact-cont {

	position: absolute;

/*	left: 50%;

	margin-left: -150px;*/

	top: 25px;

}

.contact-cont table p {

	font-size: 16px !important;

	color: #888;

	line-height: 30px;

}

.team {

	position: relative;

	display: none;

}

.team .title {

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -64px !important;

	margin-top: 4% !important;

}

.team .cont {

	position: absolute;

	top: 0;

	width: 300px;

	left: 50%;

	margin-left: -150px;

	margin-top: 14%;

	text-align: left;

}

.team .cont>p {

	font-size: 16px;

	color: #333;

	margin-bottom: 20px;

}

.team .cont ul {

	color: #888;

	font-size: 14px;

	line-height: 22px;

}

.fazhan {

	margin-top: 50px;

	position: relative;

	height: 400px;

	background: url("../images/fazhan_bg.jpg") no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.fazhan .title>span {

	color: #fff !important;

}

.fazhan:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(25, 103, 121, 0.8);

}

.event_box {

	width: 100%;

	position: absolute;

	top: 0;

	margin: 3% auto 0;

	min-height: 420px;

}

.event_box .slideBox {

	overflow: hidden;
	width: 80%;
	margin: auto;

}

.event_box .slideBox .img {

	display: none;

	float: left;

	/*width: 500px;*/

	text-align: left;

}

.event_box .slideBox .cont {

	/*margin-left: 400px;*/

	text-align: center;

}

.event_box .slideBox .cont .cont-t {


	overflow: hidden;

}

.event_box .slideBox .cont .cont-table {
	height: 30px;
	display: none;
}

.event_box .slideBox .cont .cont-table tr td {
	height: 200px;
}

.event_box .slideBox .cont .cont-table tr td p {
	color: #fff;
}

.event_box .parHd {

	width: 100%;

	display: inline-block;

	height: 92px;

	overflow: hidden;

	margin-top: 50px;

}

.parHd ul {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	padding-bottom: 9% !important;

	/*padding-top:25px !important;*/

}

.parHd .tempWrap {

	margin: 0 auto;

	position: relative;

}

.parHd .tempWrap:after {

	content: '';

	width: 100%;

	height: 1px;

	background: #91b8b9;

	position: absolute;

	top: 35%;

	z-index: 10;

}

/*.parHd li:before{content:'';width:180%;height:1px;background:#580000;position:absolute;top:0;right:-140%;right:0;}*/

.parHd li.no_line:before {

	display: none;

}

.parHd li {

	display: inline-block;

	cursor: pointer;

	padding-top: 30px;

	font-size: 25px;

	color: #888;

	margin: 0 30px;

	position: relative;

	top: 51px;

	font-family: 'GothamRnd-Light';

}

.parHd li>span {

	position: absolute;

	left: -12px;

	top: -52px;

	width: 80px;

	color: #fff;

	font-family: 'Arial';

}

.parHd li.act span {

	color: #1abdb2;

}

.parHd li:after {

	content: '';

	/*background:url(../images/dot_ico.png) no-repeat;*/

	width: 1px;

	height: 15px;

	position: absolute;

	z-index: 20;

	top: -20px;

	left: 50%;

	margin-left: -12px;

	background: #91b8b9;

}

.parHd li.act:after {

	background: #1abdb2;

}

.event_box .parBd {

	width: 100%;


}

.cpq {
	width: 1200px;
}

.parBd h4 {

	position: relative;

	font-size: 40px;

	margin-bottom: 3%;

	padding: 0 60px;

	display: inline-block;

	text-align: center;

}

.event_box .slideBox .cont .title {

	font-size: 24px;

	color: #fff;

	text-align: left;

	margin-bottom: 0;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.event_box .slideBox .cont-t>p {

	font-size: 12px;

	color: #fff;

	/*margin-top: 18px;*/

	line-height: 25px;

	/*overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;*/

}

.event_box .slideBox .cont-t a.more {

	width: 150px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #fff;

	border: 1px solid #737f9a;

	margin-top: 40px;

	display: block;

	transition: all .3s;

}

div#listBox {

	width: 100%;

}

.sPrev,
.sNext {

	width: 12px;


	display: block;

	position: absolute;

	top: 24%;

	cursor: pointer;

}

.sPrev {

	left: 20%;

}

.sNext {

	right: 20%;

	text-align: right;

}

.sPrev img,
.sNext img {

	transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

	-o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

}

/* 行业地位 */

.hangye ul a {

	cursor: default;

}

.hangye ul li{
  margin: 0!important;
  padding: 0 1%!important;
}

.hangye ul:nth-child(1) {

	overflow: hidden;

	margin-bottom: 20px;

}

.hangye ul:nth-child(1) .text {

	height: 90px;

	background: #83c9ca;

	line-height: 90px;

	padding: 0 8px;

}

.hangye ul:nth-child(1) .text p {

	color: #fff;

	font-size: 18px;

	text-align: center;

	padding-top: 15px;

	height: 45px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}
.hangye .cont img{
	height: 110px;
}

.hangye ul:nth-child(1) .text span {

	text-align: center;

	display: block;

	color: #fff;

	font-size: 14px;

	line-height: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.hangye ul:nth-child(2) img {

	float: left;

	padding: 0;

}

.hangye ul:nth-child(2) .text {

	background: #83c9ca;

	color: #fff;

	padding: 37px 22px;

	height: 284px;

	max-height: 284px;

}

.hangye ul:nth-child(2) .text p {

	font-size: 18px;

	color: #fff;

	text-align: center;

}

.hangye ul:nth-child(2) .text span {

	line-height: 20px;

	display: block;

	font-size: 14px;

}

/* 品牌理念 */

.ppgx {

	margin-bottom: 80px;

}

.ppgx img {

	float: left;

}

.ppgx-text {

	margin-left: 600px;

	margin-top: 150px;

}

.ppgx-text .title {

	font-size: 30px !important;

	font-family: 'qingke';

	color: #387c7d !important;

	margin-top: 40px !important;

	margin-bottom: 50px !important;

}

.ppgx-text ul p {

	line-height: 20px !important;

	margin-bottom: 20px;

}

.ppgx2 {

	background: url(../images/brand2.jpg) no-repeat;

	padding: 140px 0;

	background-size: cover;

	background-position: 50% 50%;

}

.ppgx2 .title {

	margin: 0 !important;

	text-align: center !important;

	font-size: 24px !important;

	color: #333 !important;

	font-family: 'qingke';

	margin-bottom: 90px !important;

}

.ppgx2 ul li {

	padding: 0 50px;

}

.ppgx2 ul li p {

	line-height: 24px !important;

	text-align: center !important;

}

.ppgx2 ul li i {

	width: 100px;

	height: 100px;

	border: 1px solid #326456;

	display: block;

	margin: 0 auto;

	border-radius: 50%;

	line-height: 100px;

	text-align: center;

	font-size: 30px;

	color: #326456;

	font-family: 'qingke';

	margin-bottom: 30px;

}

.xf {
	margin-bottom: 30px;
}

.xf .title {
	margin: 50px auto 20px !important;
	font-size: 30px;
}

.xf .title i {
	color: #83c9ca;
	margin-right: 5px;
}

.xf p {
	font-size: 14px;
	line-height: 30px;
	color: #888;
}

.xf .mb_join_img {
	display: none;
}



.ppgx3 {

	overflow: hidden;

	display: none;

}

.ppgx3 .title {

	text-align: left !important;

	font-size: 24px !important;

	color: #387c7d !important;

	font-family: 'qingke';

	margin-bottom: 40px !important;

}

.ppgx3 ul li.li2 {

	padding: 0;

	background: url("../images/brand3.jpg") no-repeat;

	height: 654px;

	background-size: cover;

	background-position: 50% 50%;

}

.ppgx3 ul li .text {

	margin-top: 75px;

	margin-right: 50px;

}

.ppgx3 ul li .text p {

	margin-bottom: 20px;

}

.ppgx3 ul li .text p:nth-child(1) {

	margin-bottom: 0;

}

.ppgx3 ul li.li3 {

	padding: 0;

	background: url("../images/brand4.jpg") no-repeat;

	height: 654px;

	background-size: cover;

	background-position: 50% 50%;

}

.ppgx3 ul li:nth-child(4) .text {

	margin-right: 0;

	margin-left: 50px;

}

.ppgx3 ul li {

	overflow: hidden;

}

.yx {

	margin-top: 100px;

	text-align: center;

}



/* 招商加盟 */

#qj .title {

	margin: 90px auto 50px;

}

.hy {

	position: relative;

	overflow: hidden;

	margin-bottom: 60px;

}

.hy4 {

	margin-bottom: 0;

}

.hy .text {

	position: absolute;

	width: 530px;

	height: 300px;

	top: 50%;

	margin-top: -150px;

	background: #fafafa;

}

.hy1 .text {

	padding: 70px 50px;

}

.hy2 .text {

	padding: 50px;

}

.hy3 .text {

	padding: 80px 50px;

}

.hy4 .text {

	padding: 30px 50px;

}

.hy1 .text,

.hy3 .text {

	right: 0;

}

.hy2 .text,

.hy4 .text {

	left: 0;

}

.hy2 img,

.hy4 img {

	float: right;

}

.hy .text i {

	font-size: 24px;

	color: #333;

	margin-bottom: 20px;

	display: block;

}

.hy .text p {

	color: #888;

	line-height: 30px;

}



#yx .title {

	padding: 90px 0 50px;

}

#yx .title p {

	margin-top: 50px;

	color: #888;

	font-family: "微软雅黑";

	font-size: 16px;

}

.hidden {

	display: none;

}

.yx2 {

	background: url("../images/yx.jpg") no-repeat;

	height: 700px;

	padding: 120px 0;

	background-size: cover;

	background-position: 50% 50%;

}

.yx2 ul {

	overflow: hidden;

}

.yx2 ul:nth-child(2) {

	margin-top: 42px;

	margin-left: 120px;

}

.yx2 ul li {

	width: 190px;

	height: 190px;

	border-radius: 5px;

	background: #83c9ca;

	text-align: center;

	color: #fff;

	padding-top: 50px;

	margin-right: 42px;

}

.yx2 ul li:nth-child(5) {

	margin-right: 0;

}

.yx2 ul li i {

	font-size: 36px;

}

.yx2 ul li p {

	font-size: 20px;

}

.yx3 {

	/*margin-top: 40px;*/

}

.yx3 ul li a {

	position: relative;

	height: 100%;

	display: block;

	overflow: hidden;

	cursor: default;

}

.yx3 ul li a .text {

	height: 50%;
	overflow:hidden;

}
.am-form-field{
	font-size: 1.2rem!important;
	line-height: 1!important;
}
.yx3 ul li .text {

	position: absolute;

	width: 100%;

	line-height: 40px;

	background: rgba(56, 124, 125, 0.9);

	color: #fff;

	padding: 20px;

	padding-top: 0;

	bottom: 0;

	transition: all .3s;

}

.yx3 ul li .text i {

	text-align: center;

	display: block;

	font-size: 16px;

}

.yx3 ul li .text p {

	font-size: 14px;

	line-height: 24px;

}

.yx4 {

	text-align: center;

	margin-top: 50px;

}



#zc .title span {

	/*visibility: hidden!important;*/

	/*padding: 40px 0;*/

	padding: 0px 0 50px;

	display: block;

}

#zc .title p {

	text-align: left;

	font-family: '微软雅黑';

}

.yq {

	/*margin-top: 50px;*/

}

.yq .left {

	float: left;

}

.yq .right {

	margin-left: 520px;

}

.yq .right i {

	display: block;

	color: #333;

	font-size: 24px;

}

.yq .right em {

	font-size: 16px;

	color: #888;

	font-style: normal;

	line-height: 30px;

	display: block;

	margin: 15px 0;

}

.subNavBox {}

.subNav {

	cursor: pointer;

	font-size: 18px;

	color: #fff;

	line-height: 55px;

	padding-left: 20px;

	background: #3e7b7c;

	margin-bottom: 10px;

}

.subNav:hover {}

.currentDd {

	color: #3f7c7c;

	background: none;

	border: 2px solid #83c9ca;

	border-bottom: none;

}

.currentDt {

	margin-bottom: 0;

}

.navContent {

	display: none;

	border: 2px solid #83c9ca;

	border-top: none;

	margin-bottom: 10px;

	color: #3f7c7c;

	line-height: 30px;

	padding: 20px;

}

.navContent li a {

	display: block;

	heighr: 28px;

	text-align: center;

	font-size: 14px;

	line-height: 28px;

	color: #333
}

.navContent li a:hover {

	color: #fff;

	background-color: #277fc2
}

#lc .title span {

	visibility: hidden !important;

	padding: 40px 0;

	display: block;

}

.cpq-c ul {
	padding-left: 8px;
}

.cpq-c ul li {
	float: left;
	margin: 0 1%;
	margin-bottom: 10px;
}

#demo {
	overflow: hidden;
}

#indemo {
	float: left;
	width: 800%;
}

#demo1,
#demo2 {
	float: left;
}

.process {
	margin-top: 60px;
}

.process ul li {
	position: relative;
	margin-bottom: 30px;
}

.process ul li a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}

.process ul li .cont {
	position: absolute;
	top: 50px;
	width: 92%;
	text-align: left;
	color: #fff;
	padding: 0 40px;
}

.process ul li .cont .title {
	margin: 0;
	color: #fff;
	letter-spacing: 2px;
	text-align: left;
}

.process ul li .cont span {
	font-size: 12px;
	text-transform: uppercase;
}

.process ul li .cont .content {
	margin-top: 40px;
	text-align: left;
}

.degsin0 {
	position: relative;
	float: right;
	margin-right: 15px;
}

.degsin0 p {
	position: absolute;
	top: 50%;
	padding: 0 66px;
	font-size: 16px !important;
	text-align: left !important;
	line-height: 32px;
}

#sj .title,
#dp .title {
	margin: auto;
	margin-top:20px;
	margin-bottom: 50px;

}

#sj .cont .title {
	margin: 0 !important;
}

#dp .text img {
	width: 600px;
}

#dp .text img:first-child {
	margin-bottom: 70px;
}

#dp .text .xxtext {
	width: 40%;
	margin-left: 70px;
	float: left;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #888888;
	line-height: 50px;
}

#dp .text .firsttext {
	margin-top: 80px;
}

.line {
	width: 100%;
	height: 3px;
	margin-bottom: 7px;
	position: relative;
	top: 27px;
	z-index: -1;
}

.nullheight {
	height: 100px;
	width: 100%;
}

@media screen and (min-width: 900px) {
	.entitle {
		width: 20%;
		margin: auto;
	}
}

@media screen and (max-width: 1500px) {

	.team .cont {

		width: 240px;

		margin-left: -120px;

		margin-top: 13%;

	}

	.team .cont>p {

		font-size: 14px;

	}

	.ppgx3 ul li .text {

		margin-top: 40px;

		width: 65%;

	}

	.sNext {
		right: 15%;
	}

	.sPrev {
		left: 15%;
	}
}


@media screen and (max-width: 1200px) {

	.inside-news .container {
		margin-top: 0;
	}

	.degsin0 {
		width: 38%;
	}

	.degsin0 p {
		padding: 0 30px;
		font-size: 14px !important;
		line-height: 25px !important;
	}

	.cpq {
		width: 100%;
	}

	.cpq-c ul {
		padding-left: 0;
	}

	.demo1 {
		float: none;
		display: flex;
		flex-wrap: wrap;
	}

	.cpq-c ul li {
		width: 30%;
		margin-bottom: 5px;
	}

	.inside-banner {
		display: none;
	}

	.mb-inside-banner {
		display: block !important;
	}

	.process ul li .cont {
		top: 20px;
		padding: 0 20px;
	}

	.process ul li .cont .content {
		margin-top: 10px;
	}

	.map {
		bottom: -70px;
	}

	.contact>p {
		display: none;
	}

	.zpin-info table tr td {}

	.ppgx3 ul li .text {

		width: 90%;

		margin-top: 100px;

	}



	.yx2 {

		height: 600px;

	}

	.yx2 ul li {

		width: 160px;

		height: 160px;

		margin-right: 30px;

	}

	.yx2 ul li i {

		font-size: 30px;

	}

	.yx2 ul li p {

		font-size: 16px;

	}

	.yx2 ul:nth-child(2) {

		margin-left: 95px;

	}

	a.prev,
	a.next {

		bottom: -250px;

	}

	.zpin-text .zpin-cont .left {

		width: 100%;

	}

	.zpin-text .zpin-cont .right {

		float: left;

		width: 100%;

	}

	.sPrev {

		left: 3%;

	}

	.sNext {

		right: 3%;

	}

	.degsin:nth-child(1) {

		width: 44% !important;

		margin-right: 45px !important;

	}

	.degsin:nth-child(2) {

		width: 450px;

	}

	.contact-text {

		width: 100% !important;

	}

	.contact-text tr td {

		width: 100% !important;

		text-align: left !important;

	}

	.contact-text tr td p {

		text-indent: 0 !important;

	}


	.about .content .title {
		margin-top: 0;
		margin-bottom: 30px;


	}

	.news-info .cont .title {

		margin-top: 0;

	}

	.pro-nav {

		height: 0;

	}

	.inside-news .title>span {

		font-weight: normal;

		font-family: '微软雅黑';

		letter-spacing: 0;

		font-size: 30px;

	}



	.proinfo {

		position: relative;

	}

	.proinfo .right {

		position: absolute;

		width: 90%;

		height: auto;

		padding: 2%;

		top: 15vh;

		margin-top: 0;

		left: 50%;

		margin-left: -45%;

		background: rgba(131, 201, 202, 0.8);

	}

	.proinfo .title,

	.proinfo .detail,

	.proinfo .right .text {

		color: #fff;

	}

	.proinfo .line {

		background: #fff;

		margin: 0;

	}

	.proinfo .left .back {

		right: 0;

		left: 5%;

		top: 0;

		background: rgba(131, 201, 202, 0.8) url(../images/mb_news_next.png) no-repeat right;

		background-size: 12px;

		color: #fff;

		background-position: 120px;

	}

	.proinfo .left .news-page {

		right: 5%;

	}



	.top {

		border: none;

		height: auto;

	}

	.banner {

		height: auto !important;

	}

	.logo {
		position: fixed;
		top: 0;
		height: 125px;

		background-color: #fff;
		padding: 20px;

	}

	.content .text table.container td {

		width: 100% !important;

		display: block;

	}

	.content .text table.container td:nth-child(1) {

		text-align: center;

	}

	.content .text table.container tr:nth-child(1) td:nth-child(2) {
		display: none !important;
	}

	.content .text table.container tr:nth-child(2) {
		display: none !important;
	}

	.contact-cont table td {

		width: auto !important;

		display: inline-block !important;

	}

	.mb_banner {

		display: block;

	}

	.mb_w1200 {

		display: block;

	}

	.w1200 {

		display: none;

	}

	#mobileMenu {

		display: block !important;

	}

	.index_about {

		padding: 30px 0;

	}

	.index_about .right {

		width: 100%;

	}

	.index_ser,

	.index_news,

	.index_eq {

		padding: 40px 0;

	}

	.service .ser ul li {

		padding: 10px 0 0 8px;

	}

	.fw_cont .ser ul li {

		width: auto !important;

	}

	.fw_cont .ser ul li:nth-child(2n-1) {

		width: 80px !important;

	}

	.fw_cont .ser ul li:nth-child(2n-1) img {

		max-width: 100%;

	}

	.fw_cont .ser ul li:nth-child(2n) img {

		width: 30px;

		margin: 0;

	}

}

@media screen and (max-width: 1140px) {
	#dp .text .firsttext {
		margin-top: 0;
		margin-bottom: 30px;
	}

	#dp .text .xxtext {
		width: 90%;
		margin-left: 5%;
	}

	#dp .text img {
		margin-bottom: 30px;
	}

	#dp .text img:first-child {
		margin-bottom: 30px;
	}


	#dp .text {
		width: 650px;
		margin: auto;
	}
}

@media screen and (max-width: 992px) {

	.degsin0 {
		width: auto;
		float: none;
		margin-right: 0;
		margin-top: 20px;
	}

	.degsin0 p {
		padding: 0 180px;
		line-height: normal !important;
	}

	.process {
		margin-top: 40px;
	}

	.team {
		display: none;
	}

	.event_box .slideBox .img {
		display: none;
	}

	.event_box .slideBox .cont {
		margin-left: 0;
		width: 100%;
		margin: 0 auto;
	}

	.event_box .slideBox .cont .cont-t {
		max-height: inherit;
	}

	.hangye ul:nth-child(2) img {

		float: none;

	}

	.hangye ul a img {

		width: 100%;

	}

	.hangye ul:nth-child(2) .text {

		height: auto;

		max-height: auto;

    padding: 15px 8px 5px;

	}

	.hangye ul:nth-child(1) {

		margin-bottom: 0;

	}

	.hangye ul li {

		padding: 0;
		margin: 0 4%;
		margin-bottom: 15px;

	}
	.hangye .cont .col-xs-12{
		margin: 0;
		margin-bottom: 15px;

	}
	.hangye .cont .col-xs-12 img{
		height: 150px;

	}
	.ppgx img {

		float: none;

	}

	.ppgx-text {

		margin-left: 0;

	}

	.ppgx3 ul li .text {

		margin-right: 0;

		width: 100%;

		margin-top: 80px;

	}

	.ppgx3 ul li:nth-child(4) .text {

		margin-left: 0;

	}

	.yq .left {

		display: none;

	}

	.yq .right {

		margin-left: 0;

	}

	.yx2 {

		height: 550px;

	}

	.yx2 ul li {

		width: 130px;

		height: 130px;

		margin-right: 15px;

		padding-top: 37px;

	}

	.yx2 ul li i {

		font-size: 25px;

	}

	.yx2 ul li p {

		font-size: 14px;

	}

	.yx2 ul:nth-child(2) {

		margin-left: 80px;

	}

	.hy .text {

		width: 100%;

		height: auto;

		position: static;

		top: 0;

		margin-top: 0;

	}

	.hy .text {

		padding: 50px;

	}

	.hy2 img,
	.hy4 img {

		float: none;

	}

	.degsin:nth-child(1) {

		width: auto !important;

		margin-right: 0 !important;

		margin-bottom: 20px;

	}

	.degsin:nth-child(2) {

		width: auto;

	}

	.degsin1 {

		display: none;

	}

	.degsin2 {

		display: block !important;

		text-indent: 0 !important;

	}

	.degsin2 img {

		margin-left: 0 !important;

		width: 45%;

	}

	.footer .foot-logo>img {

		margin-left: auto;

		margin-right: auto;

	}

	.tab .tab-nav {

		height: 16vh;

	}

	.tab .tab-nav li {

		float: none;

		height: 17vh;

		border-bottom: 1px solid #63737a;

	}


	.ab ul:nth-child(1) {

		max-height: inherit;

	}
	.ab .a-ul #content{
		background: url("/Index/Tpl/ui-zh-cn/Static/images/back_home.jpg");
	}
	.ab ul.t-ul {

		max-height: inherit;

	}

	.footer {

		padding-bottom: 30px;

	}

	.footer .foot-logo {

		text-align: center;

		margin-bottom: 30px;

	}

	.foot-con .left div {

		width: 25%;

	}

	.foot-con .right ul li {

		margin: 30px 25px 0;

	}

	.foot-con .right ul li div>a {

		width: auto;

	}

  .foot-con .right ul li p:nth-child(2),
  .foot-con .right ul li p:nth-child(4) {

		font-size: 14px;

	}

.s-pro .left img{
	height: 250px;
}
.s-pro .right img{
	height: 125px;
}
.s-pro .right .text img{
	height: auto;
}

	.s-pro .left img,
	.s-pro .right img {

		width: 100%;

	}

	.s-pro .right .text img {

		width: 50%;
		margin-top: 18px;
	}

	.s-news .swiper-slide {

		padding: 0 15px;

	}

	.s-pro .left .text {

		transform: scale(0.8);

		-webkit-transform: scale(0.8);

	}

	.ab ul li img {

		height: auto;

	}

	.s-news ul li {

		width: 100%;

	}

	.news .title_cn {

		margin-bottom: 45px;

	}

	.gs_cont strong {

		font-size: 16px;

	}

	.index_ser .ser ul li {

		padding: 0 15px;

	}

	.footer .foot_con ul li:nth-child(2) p,

	.footer .foot_con ul li:nth-child(3) p {

		font-size: 14px;

	}

	.service .ser ul li {

		margin-bottom: 20px;

	}

	.news_cont {

		padding-top: 30px;

	}

	.fw_cont .ser ul li:nth-child(2n-1) {

		width: auto !important;

		height: 150px;

	}

	.fw_cont .ser ul li:nth-child(2n) {

		height: 150px;

	}

	.zj_cont {

		padding-top: 50px;

	}

}

@media screen and (max-width: 900px) {
	.line {
		width: 100%;
		height: 3px;
		position: relative;

	}

	.spac .container .line {
		top: 25px;
		z-index: 12;
	}

	.about .content .title {
		padding: 0 !important;
	}

	.content .text p,
	.content .text {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 768px) {

  .contact-cont table td{
    display: block!important;
  }

  .hangye .cont .col-xs-12 img{
    height: auto;
  }

  .ab ul li img{
    height: 170px;
  }

  .s-pro .right .text img{
    margin-top: 8px;
  }

  .hangye ul:nth-child(1) .text p,
  .hangye ul:nth-child(2) .text p{
    padding: 0!important;
    margin: 0!important;
    height: auto!important;
    padding: 10px 0!important;
  }
  .hangye ul:nth-child(2) .text{
    min-height: 90px!important;
    padding: 0 8px!important;
  }
	.content .text p {
		font-size: 14px;
	}

	.about .content .brand img {
		margin-top: 20px;
	}

	.ab ul:nth-child(1) {
		margin-bottom: -2px;
	}

	.ppgx-text {
		margin-top: 0px;
	}

	.about {
		margin-bottom: 0;
		/*padding: 0 15px;*/
	}

	.about .content .text .container h1 {
		text-align: center
	}

	.video>div {
		width: 47% !important;
		margin: 1.5% !important;
	}


	.ab .brand-ban {
		display: none;
	}

	.xf .mb_join_img {
		display: block;
	}

	.xf .join_img {
		display: none;
	}

	.degsin0 p {
		padding: 0 20px;
		line-height: 25px !important;
	}

	.degsin0 img {
		width: 100%;
	}

	.process {
		margin-top: 0;
	}

	.process ul li img {
		width: 100%;
	}

	.process ul li {
		padding: 0;
		margin-bottom: 15px;
	}

	.event_box .slideBox .cont {
		overflow-y: scroll;
	}


	.event_box .slideBox .cont .cont-table {
		display: block;
	}

	.event_box .slideBox .cont .cont-table table td {
		display: table-cell;
		vertical-align: middle;
	}

	/*  滚动条 */
	.event_box .slideBox .cont::-webkit-scrollbar {
		width: 5px;
	}

	.event_box .slideBox .cont::-webkit-scrollbar-track {
		background-color: transparent;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		margin-top: 8px;
	}

	.event_box .slideBox .cont::-webkit-scrollbar-thumb {
		background-color: #22b3aa;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
	}

	.parHd li {
		width: 30px !important;
	}

	.parHd li>span {
		left: -37px;
		font-size: 18px;
	}

	.parHd li:after {
		top: -32px;
	}

	.playvideo video {
		width: 100% !important;
	}

	.zpin-info table td:nth-child(2),
	.zpin-info table td {
		width: 25% !important;
	}

	.ppgx2 {
		padding: 60px 0;
	}

	.ppgx2 .title {
		margin-bottom: 50px !important;
		font-size: 20px !important;
    line-height: 28px!important;
	}

	.ppgx2 ul li {

		padding: 0;

		margin-bottom: 30px;

	}

	.ppgx2 ul li i {

		margin-bottom: 15px;

	}

	.ppgx3 ul li.li2,

	.ppgx3 ul li.li3 {

		display: none;

	}

	.w768 {

		display: block;

	}

	.ppgx3 ul li .text {

		margin-top: 0;

	}

	.yx {

		display: none;

	}

	.news>div a img {

		height: 122px;

	}

	.yx3 ul li img {

		width: 100%;

	}

	.yx3 ul li {

		margin-bottom: 20px;

		padding: 0;

	}

	.yx3 ul li .text {

		/*padding-top: 25px;*/
		position: static;
		height: auto!important;

	}


	.hidden {

		display: block !important;

	}

	.yx2 ul {

		width: 340px;

		margin: 0 auto;

	}

	.yx2 ul li {

		width: 100px;

		height: 100px;

		margin-bottom: 20px;

		padding-top: 25px;

	}

	.yx2 ul li:nth-child(3n) {

		margin-right: 0;

	}

	.yx2 ul li:nth-child(5) {

		margin-right: 15px;

	}

	.yx2 ul li i {

		font-size: 20px;

	}

	.yx2 {

		padding-top: 60px;

		height: 450px;

	}

	.yx2 ul:nth-child(2) {

		display: none;

	}

	.hy {

		margin-bottom: 20px;

	}

	.hy .text i {

		font-size: 18px;

		margin-bottom: 10px;

	}

	.hy .text p {

		font-size: 14px;

	}

	.hy .text {

		padding: 20px;

	}

	/*.about .detail .detail-cont p img:nth-child(1){

    margin-left: 0;

  }*/

	.degsin2 img {

		width: auto;

	}

	.foot-copy .copy .left {

		width: 100%;

		text-align: center;

	}

	.foot-copy .copy .right {

		text-align: center;

	}

	.banner .banner-pagination {

		bottom: 10px;

	}

	.inside-banner {

		/*height: 200px!important;*/

	}

	.pro-page a:nth-child(1),

	.pro-page a:nth-child(2) {

		width: 85%;

		line-height: 50px;

		background-size: 12px;

	}

	.news>div {

		padding: 0;

	}

	.about .cont .title {

		-webkit-line-clamp: inherit;

		font-size: 20px;

    margin-bottom: 20px;

    margin-top: 15px;

	}

	.am-tabs ul li a {
		color: #fff;

		width: 100%;
  
    font-size: 14px;
	}

  .about .content{
    padding: 0 25px;
  }


	.news-page {

		top: 0;
		margin-bottom: 25px;

	}

	.pc-news {

		padding-bottom: 0;

		margin-bottom: 30px;

	}

	.pc-news .swiper-slide {

		padding: 0;

	}

	.news-page .swiper-button-prev {

		left: 0px;

	}

	.news-page .swiper-button-next {

		right: 0px;

	}

	.s-news .swiper-slide:hover {

		top: 0px;

	}

	.spac {

		padding-top: 20px;

	}

	.s-pro {

		margin-top: 30px;

	}

	.s-news .swiper-slide img {
		height: 136px;
		width: 100%;

	}

	.s-news {

		margin-top: 25px;

		margin-bottom: 0;

	}

	.foot-con .left {

		overflow: hidden;

	}

	.info .news_title {

		font-size: 20px;

	}

	.info .title_cn {

		font-size: 12px !important;

	}

	.news_prev ul li:nth-child(1),

	.news_prev ul li:nth-child(2) {

		width: 45%;

	}

	.title_en {

		font-size: 30px !important;

	}

	.title_cn {

		font-size: 20px !important;

		line-height: normal !important;

		margin-bottom: 20px !important;

	}

	.index_ser,
	.index_news,
	.index_eq {

		padding: 20px;

	}

	.index_about .right .title {

		font-size: 20px;

	}

	.index_about .right .title span {

		font-size: 18px;

	}

	.index_about .right i.xian {

		margin: 15px 0;

	}

	.index_about .right .text {

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 4;

	}

	.index_case .container {

		padding: 20px 0;

	}

	.index_case .container .title {

		font-size: 20px;

		margin-left: 15px;

	}

	.index_case .container .a_more {

		margin-right: 15px;

	}

	.index_case .case_pic ul li {

		width: 50%;

	}

	.case_cont ul li .text {

		height: 40px;

	}

	.case_cont ul li .text p {

		height: 40px;

		line-height: 40px;

	}

	.mbnews .news ul li {

		width: 48%;

		margin-right: 4%;

	}

	.mbnews .news ul li:nth-child(3) {

		display: none;

	}

	.mbnews .news ul li:nth-child(2) {

		margin-right: 0;

	}

	.index_news .news ul li .detail p {

		padding: 0;

	}

	.add_cont ul {

		margin-bottom: 30px;

	}

	.footer .foot_con ul li {

		height: auto;

		width: 100%;

		padding: 5px 0 !important;

		margin-top: 15px;

	}

	.footer .foot_con ul li:nth-child(2) {

		width: 100%;

	}

	.footer .foot_con ul li p {

		line-height: 20px;

	}

	.foot_nav a {

		display: inline-block;

		margin-right: 2%;

		margin-bottom: 5px;

	}

	.foot_nav a:last-child {

		background: #fff;

		color: #333;

	}

	.footer .bq p {

		margin-top: 10px;

	}

	.footer .foot_con ul li {

		margin-bottom: 15px;

		margin-top: 0;

	}

	.footer {
		margin-top: 10px;

		padding-bottom: 30px;

	}

	.zz_cont,

	.fw_cont {

		padding-top: 50px;

	}

	.fw_cont .ser ul li {

		float: none;

		padding-left: 0;

		height: auto !important;

	}

	.fw_cont .ser ul li p {

		margin: 0 auto;

		margin-top: 10px;

	}

	.fw_cont .ser ul li:nth-child(2n) {

		height: auto;

		line-height: 40px;

	}

	.fw_cont .ser ul li:nth-child(2n) img {

		-moz-transform: rotate(90deg);

		-ms-transform: rotate(90deg);

		-webkit-transform: rotate(90deg);

		transform: rotate(90deg);

	}

	.page {

		margin-top: 15px;

		margin-bottom: 10px;

	}

	.page a {

		width: auto;

		height: 34px;

		line-height: 34px;

		margin-right: 5px;

		font-size: 16px;

		padding: 0 12px;

	}

	.xw .gs a {

		width: 25%;

		margin: 0 2px;

	}

	.service .news_cont {

		padding-top: 0;

	}

	.index_ser .left {

		font-size: 20px;

		margin-bottom: 30px;

	}

	.index_ser .ser ul li {

		margin-bottom: 15px;

	}

	.index_ser .ser ul li p {

		font-size: 20px;

		margin-top: 20px;

		margin-bottom: 20px;

	}

	.kehu form .form-group .btn {

		width: 200px;

	}

	.kehu .form-horizontal .control-label {

		text-align: left;

		height: auto;

		line-height: 20px;

		width: 100%;

	}

	.kehu .form-horizontal .form-group .col-xs-8 {

		width: 100%;

	}

	.kehu .title_cn {

		margin-bottom: 0 !important;

	}

	.kehu .title_en {

		font-size: 18px !important;

	}

	.kehu form {

		margin-top: 30px;

	}

	.news_cont .cont {

		margin-bottom: 0;

		margin-top: 10px;

	}

	.news_cont .right {

		display: none;

	}

	.news_cont ul li {

		padding-bottom: 0;

	}

	.news_cont .left {

		margin-bottom: 15px;

	}

	.news .title_cn {

		margin-bottom: 0 !important;

	}
	.hzkh .container{
		display: block;
	}
	.hzkh_left{
		width: 100%;
		padding-right: 0;
	}
	.hzkh_right{
		width: 100%;
	}
	.hzkh{
		background: none!important;
	}
	.inside-news .container{
		padding: 20px;
	}
	.hzkh_title{
		margin-bottom: 15px;
		font-size: 18px;
	}
	.hzkh_left span{
		line-height: 28px;
		display: block;
	}
	.container_p{
		font-size: 18px;
		font-family: '微软雅黑';
	}
	.tuan{
		display: block;
	}
	.tuan1{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.tuan1 div:nth-of-type(1){
		margin-top: 0;
	}
	.tuan1 div{
		width: 33.33%;
		float: left;
		border: 1px solid #fff;
		margin-top: 0;
		font-size: 16px;
		line-height: 40px;
	}
	.tuan1 div:nth-child(7){
		width: 100%;
	}
	.tuan2{
		width: 100%;
	}
	.tuan2_box{
		flex-direction: unset;
		margin: 0 0 5px;
	}
	.tuan2_box div:nth-of-type(1){
		margin-top: 5px;
	}
	.tuan2_box div img{
		height: 95px;
	}
	.tuan3_box span{
		font-size: 16px;
		line-height: 25px;
		padding-bottom: 5px;
	}
	.tuan2_box div p span{
		font-size: 16px;
	}
	.tuangou_back{
		display: none;
	}
	.mb-tuangou{
		display: block!important;
	}
	#qj{
		padding-top: 0;
	}
	#qj .title{
		margin-bottom: 15px;
	}

}



@media screen and (max-width: 640px) {

	.s-pro .left .text {

		padding-top: 18%;

		padding-left: 12%;

		padding-right: 12%;

		font-size: 20px;
	}

	#qj .title {
		margin-top: 0;
	}

	.news-page {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.inside-news .container {
		margin-top: 0;
	}

	#dp .text {
		width: 100%;
	}

	.title,
	#dp .title {
		margin-top: 0;
	}

	#dp .text img {
		height: auto;
	}

	#dp .text .xxtext {
		font-size: 16px;
		line-height: 25px;
	}

	.inside-news .title>span {
		font-size: 18px;
	}

	.inside-news .title>p {
		font-size: 20px!important;
    display: block;
	}


	.footer .erweima {

		margin-top: -70px;
	}

	.foot-con .right ul li {
		margin-top: 15px;
	}

	.page {
		width: 100%;
	}



	.cont .detail img {
		height: auto !important;
	}

	.about .detail {
		padding-top: 0;
	}

	#yx .title {
		padding-top: 0;
	}
}


@media screen and (max-width: 500px) {
	.event_box .slideBox .cont {}

	.footer .erweima {
		width: 100px;
	}


	.foot-copy {
		line-height: 35px
	}
}


@media screen and (max-width: 400px) {

	.header img {

		height: 50px;

	}

	.index_ser .ser ul li {

		padding-left: 25px;

	}

	.index_join .sw,

	.index_join .td {

		width: 120px;

	}

}

/*# sourceMappingURL=main.css.map */