* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 14px;
	border: none;
	color: rgb(51, 51, 51);
	overflow-x: hidden;
	position: relative;
	font: "PingFang SC Regular", "Microsoft Yahei", "微软雅黑", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	height: 100%;
}



ol,
ul,
li {
	list-style: none outside none;
}

span:focus,
div:focus {
	border: none;
	outline: none;
}

a {
	color: #333;
	text-decoration: none
}

a img {
	border: 0 none;
}


table,
tr,
td,
th {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

input,
textarea,
button {
	padding: 0 2px;
	resize: none;
	-webkit-appearance: none !important;
	outline: none;
	border: none;
	background: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

@font-face {
	font-family: 'DIN';
	/*字体名称*/
	src: url('../font/DIN-Medium.ttf');
	/*字体源文件*/

	src:
		url('../font/DIN-Medium.eot?#font-spider') format('embedded-opentype'),
		url('../font/DIN-Medium.woff') format('woff'),
		url('../font/DIN-Medium.ttf') format('truetype'),
		url('../font/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fonts';
	/*字体名称*/
	src: url('../fonts/gothambook_2.otf');
	/*字体源文件*/
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fontm';
	/*字体名称*/
	src: url('../fonts/Gotham-MediumIta_2.otf');
	/*字体源文件*/
	font-weight: normal;
	font-style: normal;
}

@keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		-moz-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		-moz-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}

.inner {
	max-width: 1350px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}

.w1520 {
	max-width: 1520px;
	margin: 0px auto;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}


.scoll-top {
	background-color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(220, 220, 220);
}

.ibox-scoll {
	animation: 850ms 350ms;
	-webkit-animation: animation: 850ms 350ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: fadedown;
	animation-name: fadedown;
}



/* 变色 */


header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 99px;
	z-index: 9;
	color: #fff;
	box-shadow: 0 2px 10px -1px rgb(220, 220, 220);
}

.top {
	position: fixed;
	right: 0;
	top: 0;
}

header .m1440 {
	display: flex;
	align-items: center;
	height: 100%;
}

header .img-w {
	display: none;
}

header a {
	color: #fff;
}

.banner img {
	float: left;
}


/*header*/
.index-header {

	padding: 0 15px;

	height: 80px;

	transition: all 1s ease;

	position: absolute;

	z-index: 99;

	width: 100%;
	box-sizing: border-box;
}

.index-logo {
	width: 15%;
	display: flex;
}

.index-logo img {
	width: 100%;
	margin-top: 35px;
}

.index-logo .img3 {
	display: none;
}

.index-nav-right {
	width: 85%;
	display: flex;
	align-items: center;
}

.index-header-right {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.index-nav-con {
	width: 80%;
	display: flex;
	justify-content: flex-end;
}


.index-nav {
	width: 83%; display: flex;
}

.freeLine {
	width: 12em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	font-family: 'DIN';
	background: rgb(44, 106, 107);
	border-radius: 40px;
	letter-spacing: 1px;
	padding:10px 13px;
	margin-left: 2%;
}

.freeLine img {
	margin-right: 10px;
	position: relative;
	letter-spacing: 1px;
	top: 2px;
}

.showNav {
	cursor: pointer;
}

.index-nav li {
	transition: all 0.6s;
 
	width: calc(100%/7);
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: 1px;
}

.scoll-top .index-nav li {
	position: relative;
	line-height: 80px;
}

.scoll-top .logo .img2 {
	margin-top: 10px;
}

.index-nav li a {
	color: #ffffff;
	display: inline;
	position: relative;
	transition: all 0.6s;
}

.index-nav li a:after {
	content: '';
	position: absolute;
	left: -3px;
	right: -3px;
	height: 4px;
	bottom: 0;
	transform: scale(0, 1);
	background: rgba(44, 106, 107, 0.8);
	z-index: -1;
	transition: all 0.6s;
}

.index-nav li a:hover::after {
	color: #fff;
	display: inline;
	transform: scale(1, 1);
}

.on a {
	display: inline;
}

.on a::after {
	transform: scale(1, 1) !important;
}

.index-header-right a {
	display: inline-block;
	letter-spacing: 1px;
	padding: 10px 25px;
	background: rgb(114, 188, 58);
	float: left;
	color: #fff !important;
	font-size: 15px;
	border-radius: 25px;
}

.index-header-right .sousuo img {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}



.erweima-pic {
	position: absolute;
	top: 38px;
	left: -85px;
	z-index: 99;
	display: none;
	width: auto;
}

.erweima-pic img {
	height: 120px;
	width: 120px;
	position: relative;
	left: 43px;
}

.index-header-right .erweima:hover .erweima-pic {
	display: block;
}


.la-close {
	font-family: sans-serif;
	font-size: 35px;
}

.search_sec {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 32, 49, 0.95);
	z-index: 999999999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}

.search_sec.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.search_sec.active .search_field {
	margin: 0;
}

.search_field {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-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;
	transition: all 1s ease-in-out;
}

.search_field .container {
	max-width: 800px;
	margin: 0 auto;
}

.search_field form {
	position: relative;
}

.search_field form input {
	width: 100%;
	height: 66px;
	background-color: #e5e5e5;
	color: #262626;
	font-size: 17px;
	padding: 0 30px;
	border: 0;
	box-sizing: border-box;
	border-radius: 5px;
}

.search_field form button {
	position: absolute;
	top: 24px;
	right: 24px;
	background-color: inherit;
	border: 0;
}

.close-search {
	position: absolute;
	top: 60px;
	right: 70px;
	color: #c6c7ca;
	font-size: 40px;
}

.close-search:hover {
	color: #c6c7ca;
}

.erweima-pic img {
	height: 120px;
	width: 120px;
}

.index-nav li {
	position: relative;
	line-height: 130px;
}

.index-nav li a {
	font-size: 16px;
}

.index-nav li .show {
	position: absolute;
	display: none;
	top: 95px;
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	background: rgba(255, 255, 255, 0.6);

}

.index-nav li:hover .show {
	display: block;

}

.index-nav li .show p {
	line-height: 36px;
}

.index-nav li .show a {
	line-height: 36px;
	position: relative;
	font-size: 14px;
	color: #000;
	transition: all 1s;
}

.index-nav li .show a:hover {
	font-weight: 600;
}

.ibox-scoll {
	animation: 850ms 350ms;
	-webkit-animation: animation: 850ms 350ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: fadedown;
	animation-name: fadedown;
}

@-webkit-keyframes fadedown {

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

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

}

@keyframes fadedown {

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

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

}

.logo .img2 {
	display: none;
}

.scoll-top .logo .img1 {
	display: none;
}

.scoll-top .logo .img2 {
	display: block;
}

.scoll-top .logo .img3 {
	display: none;
}

.scoll-top.top a:link,
.scoll-top.top a:visited {
	color: rgb(51, 51, 51);
}


.scoll-top .erweima-pic {
	position: absolute;
	top: 40px;
	left: -85px;
	z-index: 99;
	display: none;
	width: auto;
}

.scoll-top .erweima-pic img {
	height: 120px;
	width: 120px;
	position: relative;
	left: 43px;
}

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

.top a:active,
.top a:hover {
	color: rgb(115, 188, 58);
}

.top {
	z-index: 999999999999 !important;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.menu-handler {
	width: 64px;
	float: right;
	height: 54px;
	display: none;
	cursor: pointer;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 25.5px auto 0;
	width: 28px;
	height: 3px;
	background-color: rgb(42,107,107);
	-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: rgb(42,107,107);
	-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: -9px;
	-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: -9px;
	-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 a:link,
.menuBox a:visited {
	color: #fff;
}

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

.menuBox {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: fixed;
	display: none;
	right: 0px;
	top: 0px;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-overflow-scrolling: touch;
	width: 400px;
	z-index: 980;
	-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);
}

.menuMoblie {
	padding: 60px 0px 80px;
}

.menuMoblie .nav-link {
	display: block;
	font-size: 20px;
	padding: 10px 22px 10px 80px;
	position: relative;
}

.menuMoblie .cur {
	opacity: 0.9;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background-color: #e8e8e8;
}

.menuMoblie .cur .nav-link {
	color: rgb(8, 65, 57);
}

.menuMoblie .subnav {
	padding-bottom: 12px;
	display: none;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 10px 22px 10px 80px;
	line-height: 1.4;
	color: #333333;
	font-size: 15px;
}

.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 900;
	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 {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@-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);
	}

}


/* banner轮播 */
.banner .swiper-pagination span {
	background: #000;
	opacity: 1;
	border: none !important;
	border-radius: 50%;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	position: relative;
	margin-right: 0px;
	background: #fff;
	opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet-active::before {
	position: absolute;
	content: '';
	left: -12px;
	right: -12px;
	top: -12px;
	bottom: -12px;
	border: 1px solid #fff;
	border-radius: 50%;

}

.banner .swiper-slide {
	position: relative;
}

.banner .swiper-slide::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
}

.banner .swiper-pagination-fraction,
.swiper-pagination-custom,
.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	top: 90%;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	left: 35px;
}

.banner .swiper-pagination span:nth-child(2) {
	position: relative;
	left: 40px;
}

.banner .swiper-pagination span:nth-child(3) {
	position: relative;
	left: 80px;
}

.banner .swiper-pagination span:nth-child(4) {
	position: relative;
	left: 120px;
}

.banner .swiper-pagination span:nth-child(5) {
	position: relative;
	left: 160px;
}

.banner {
	position: relative;
}



.banner img {
	float: left;
}

.outBanner {
	z-index: 999;
	top: 32%;
	position: absolute;
	top: 30%;
}

.outBanner>p:nth-child(1) {
	color: #fff;
	letter-spacing: 3px;
	font-size: 3.5vw;
	margin-bottom: 2vw;
}

.outBanner>p:nth-child(2) {
	color: #fff;
	letter-spacing: 1px;
	font-size: 1.8vw;
	margin-bottom: 7vw;
}

.outMore {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgb(42,107,107);
	border-radius: 5px;
	letter-spacing: 1px;
}

.banner {
	width: 100%;
}

.banner .swiper-container {
	width: 100%;
}

.banner .swiper-slide {
	background-size: cover;
	position: relative;
}



.swiper-num {
	height: 10vh;
	line-height: 10vh;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-family: 'DIN';
}


.banner .swiper-pagination-bullet {
	border: 2px solid #fff;
	background: none;
	opacity: 1;
}

.banner .swiper-pagination-bullet-active {
	background: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* 首页banner文字 */
.bannerWord {
	position: absolute;
	top:34%;
}

.bannerWord>p:nth-child(1) {
	color: rgba(255,255,255,0.9);
	font-family: 'DIN';
	font-size: 3.2vw;
	margin-bottom: 2vw;
	letter-spacing: 7px;
	font-family: 'fontm';
	display: flex;
	align-items: center;
}

.bannerWord>p:nth-child(1) span {
	font-family: 'DIN';
	letter-spacing: 0;
	margin: 0 25px;
	display: inline-block;
	width: 90px;
	height: 3px;
	background: rgba(255,255,255,0.9);
}

.bannerWord>p:nth-child(2) {
	color: rgba(255,255,255,0.9);
	font-family: 'DIN';
	font-size: 1.8vw;
	margin-bottom: 3vw;
	line-height: 55px;
	letter-spacing: 3px;
	font-family: 'fonts';
}


/* 内页banner文字 */
.sideWord {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	top: 40%;
}

.sideWord>p:nth-child(1) {
	color: rgba(255,255,255,0.9);
	font-family: 'DIN';
	font-size: 3vw;
	letter-spacing: 7px;
}
.bannerArrow{
	position: relative;
	bottom: 30%;
}
.bannerArrow .swiper-button-next:after,
.bannerArrow .swiper-button-prev:after{
	content: '';
}
.bannerArrow .swiper-button-next,
.bannerArrow .swiper-button-prev{
	position: absolute;
	bottom:20vw;
	top: auto;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 1px solid rgb(191,187,183);
	display: flex;
	align-items: center;
	justify-content: center;
}
.bannerArrow .swiper-button-next{
	left: 0;
}
.bannerArrow .swiper-button-prev{
	left: 80px;
}
/* 新闻资讯 */
.hotNews {
	display: flex;
}

.hotLeft {
	width: 75%;
	background: #fff;
}

.hotTitle {
	font-size: 24px;
	color: #000;
	font-family: 'DIN';
 padding:20px 0;
}

.hotArt {
	display: flex;
}

.hotCommon {
	display: inline-block;
	width: 33.3%;
	background: #fff;
	padding: 0 25px;
	border-left: 1px solid rgb(220, 220, 220);
	padding-bottom: 25px;
	transition: all 0.8s;
}
.word1{
	transition: all 0.8s; 
}

.hotCommon:hover .word1{
	color: rgb(42,107,107);
}

.hotDevide {
	display: flex;
}

.hotDate {
	width:4.5em;
}

.date1 {
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	font-family: 'DIN';
	font-size: 30px;
	margin-bottom: 1px;
}

.date2 {
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	font-size: 12px;
}

.hotWord {
	width: 80%;
}

.word2 {
	color: rgb(149, 149, 149);
	font-size: 12px;
	margin-bottom: 10px;



	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical; 
	transition: all .36s;
}

.word1 {
	 margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	font-size: 18px;
	color: rgb(51, 51, 51);
	line-height: 22px;
	font-weight: 600;
}


.hotCommon:hover .word2{transform: translateY(-5px);}

.hotRight {
	width: 25%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: url(../images/black.jpg) center;
	background-repeat: no-repeat;
	align-items: center;
	background-size:cover;
	cursor: pointer;
}
.hotRight>p:nth-child(1) {
	margin-bottom: 15px;
	color: #fff;
	font-family: 'DIN';
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	position: relative;
}

.hotRight>p:nth-child(1)::before {
	width: 35px;
	height: 2px;
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	background: rgba(255, 255, 255, 0.7);
}

/* 办公空间 */
.Wis {
	position: relative;
}


.Space {
	display: flex;
}

.Space .swiper-slide {
	position: relative;
}

.Space .swiper-slide {
	width: 33.3%!important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	color: #fff;
	height: 110px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 0.4s;
	padding: 0 15px;
	
}
.Wis .gallery-thumbs{
	margin-top: -110px;
	z-index: 999;
	position: relative;
}
.Wis .gallery-thumbs::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 35%;
	background: rgb(49,50,56);
}
.Wis .gallery-thumbs::after{
	position: absolute;
	content: '';
	left:35%;
	top: 0;
	bottom: 0;
	width: 65%;
	background:rgba(0,0,0,0.6);
}
.Space .swiper-slide span{
	font-family: 'DIN';
	margin-right: 15px;
}

.Work .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	height:900px;
	position: relative;
}
.Work .swiper-slide::before{
	position: absolute;
	content: '';
	left: 0;
	background-color: rgba(255, 255, 255,0.85);
	right: 65%;
	width: 35%;
	height: 380px;
	bottom:110px;
}
.spaceSame{
	position: absolute;
	bottom: 110px;
	display: flex;
	height: 380px;
	width: 100%;
}
.spaceSide{
	width: 38%;
	    position: relative;
	    padding-left: 2%;
}
.spaceNull{
	width: 65%;
}
.space1{
	font-size: 26px;
	letter-spacing: 1px;
	color: #000;
	font-weight: 600;
	margin-bottom: 30px;
	padding-top: 50px;
}
.space2{
	color: #000;
	font-size: 14px;
	line-height: 34px;
	width: 88%;
 word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;

}
.spaceLink{
	margin-top: 30px;
	width: 88%;
	display: flex;
	justify-content: flex-end;
}
.wisFlex{
	display: flex;
	position: relative;
}

.Wisarrow{
	width: 35%;
	background: rgb(49,50,56);
	z-index: 9;
	float: left;
}
.Arrow{
	width: 35%;
	margin: auto;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.Wisarrow .swiper-pagination {
    position: inherit;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.Space{
	width: 65%!important;
	float: right;
}
.Wis .swiper-button-prev:after,
.Wis .swiper-button-next:after{
	font-size: 16px;
	font-weight: 600;
}

.Wis .swiper-button-prev, 
.Wis .swiper-button-next{
	top: 0px;
	margin-top: 0;
	position: inherit;
}
.Wisarrow .swiper-pagination-bullet{
	position: relative;
}
.Wisarrow .swiper-pagination-bullet::after{
	position: absolute;
	    content: '';
	    top: 10px;
	    left:32px;
	    width:60px;
	    height: 1px;
	    background: rgb(107,107,107);
}
.Wisarrow .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
	font-family: 'DIN';
	font-size: 17px;
	letter-spacing: 1px;
	opacity: 0.4;
	background:none;
	color: #fff;
}

.Wisarrow .swiper-pagination-bullet-active {
	opacity: 1;
	color: #fff;
	opacity: 0.9!important;
	background: none;
}
.Wisarrow .swiper-pagination-bullet-active::after{
	background: #fff;
}
.Wisarrow .swiper-pagination-bullet {
	margin-right: 38px;
	    width: 70px;
	    text-align: left;
}
.Wisarrow .swiper-pagination-clickable>span:nth-child(3){
	margin-right: 0;
	width: 20px;
}
.Wisarrow .swiper-pagination-clickable>span:nth-child(3)::after {
    width: 0;
}

/* 整装设计团队 */
.Design{
	position: relative;
	background: rgb(239,242,247);
	padding-bottom: 50px;
}
.designImg {
    position: absolute;
    width: 33%;
    left: 50%;
    top: 120px;
    margin-left: -16%;
}
.designTitle{
	padding-top: 50px;
	padding-bottom: 75px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.t1>p:nth-child(1){
	color: rgb(51,51,51);
	letter-spacing: 1px;
	font-family: 'fonts';
	margin-bottom: 13px;
	font-size: 30px;
	font-weight: 600;
}
.t1>p:nth-child(2){
	color: rgb(51,51,51);
	font-family: 'fonts';
	font-size: 16px;
	letter-spacing: 1px;
}
.t2{
	display: flex;
	align-items: center;
	color: rgb(51,51,51);
	transition: all 0.8s;
}
.t2:hover{
	padding: 15px 20px;
	background-color: rgb(42,107,107);
	border-radius: 30px 0 30px 0 ;
	color: #fff;
}
.t2:hover .tImg{
	background: url(../images/r2.png);
}
.tMore{
	letter-spacing: 1px;
	font-size: 16px;
}
.tImg{
	margin-left: 15px;
	position: relative;
	top: 2px;
	transition: all 0.8s;
}
.Team{
	display: flex;
	flex-wrap: wrap;
}
.Team>a:nth-child(4){
	margin-right: 0;
}
.teamCommon{
	margin-right: 20px;
	    display: inline-block;
	    width: 23.85%;
	    position: relative;
	    transition: all 0.8s;
	    cursor: pointer;
	    margin-right: 1.5%;
	    margin-bottom:1.5%;
	}
.teamCommon:hover{
	box-shadow: 1px 1px 10px 1px rgb(170,170,170);
}
.teamCommon:hover .teamPic{
	opacity: 1;
}
.w3,
.w2,
.w1,
.team1,
.team2,
.team3,
.team4,
.team5{
	transition: all 0.8s;
	position: relative;
	z-index: 9;
}
.team4{
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.teamCommon:hover .team1{
	opacity: 0;
}
.teamCommon:hover .team2,
.teamCommon:hover .team3,
.teamCommon:hover .team4,
.teamCommon:hover .team5,
.teamCommon:hover .w1,
.teamCommon:hover .w2{
	color: #fff;  
}
.teamCommon:hover .w3{
	background: rgb(42,106,107);color: #fff;
}
.teamCommon:hover .team5 span{
	background-image: url(../images/arr1.png);
}

.teamCommon2:hover .team1{
	opacity: 1;
}
.teamCommon2{    border-radius: 10px;
    overflow: hidden;}

.teamDesc2{ transition: all .3s;}
.teamCommon2:hover .team2,
.teamCommon2:hover .team3,
.teamCommon2:hover .team4,
.teamCommon2:hover .team5,
.teamCommon2:hover .w1,
.teamCommon2:hover .w2{
	/* color: #333; */
}
.teamCommon2 .team1{ overflow: hidden; position:relative;}
.teamCommon2 .team1 img{ transition: all .32s;}
.teamCommon2:hover .team1 img{ transform: scale(1.1);}
.teamCommon2:hover .teamDesc2 {    background: rgb(44, 106, 107);}

.teamCommon2 .team1  b{display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
	-webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
	-moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
	-ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
	-o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
	transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
	.teamCommon2:hover .team1  b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
.teamPic{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: scale(1,1);
	opacity: 0;
	transition: all 0.8s;
}
.teamPic img{
	float: left;
	width: 100%;
	height: 100%;
	transition: all 0.8s; object-fit: cover;
}
.teamDesc{
	padding:35px 45px 30px 45px;
	background: #fff;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	
}
.teamDesc2{ padding: 0;}
.team1{
	text-align: center;
	margin-bottom: 35px;
}
.teamDesc2 .team1{ margin: 0;}
.team2{
	font-size: 20px;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.team2 span{
	display: inline-block;
	padding: 3px 5px;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(42,106,107);
	border: 1px solid rgb(42,106,107);
	margin-left:25px;
}
.team3{
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
	 display: flex; align-items: center;
}
.team3 span{
	font-weight: 600;
	font-size: 23px;
	margin: 0 8px;
	font-family: 'DIN';
}
.team4{
	font-size: 15px;
	color: #000;
	line-height: 30px;
}
.team5{
	margin-top: 20px;
	text-align: right;
}
.w1{
	color: #888888;
}
.team5 span{
	background: url(../images/arr.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 16px;
	width:28px;
	display: inline-block;
}

/* 品质系统 */
.System{
	background: url(../images/sys.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
    position: relative;
}
.sysTitle{
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center;
	font-family: 'DIN';
}
.sysTitle>p:nth-child(1){
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
}
.sysTitle>p:nth-child(2){
	font-size: 16px;
	color: #fff;
}
.sysBox{
	padding-top: 10px;
	display: flex;
}
.sysBox>div:nth-child(4){
	margin-right: 0;
}
.sysCommon{
	margin-right: 20px;
	padding: 50px 45px 40px 45px;
	display: flex;
	align-items: center;
	background: rgba(220,220,220,0.18);
	width: 25%;
	flex-direction: column;
	transition: all 0.8s;
	position: relative;
	cursor: pointer;
}
.sysCommon::before{
	content: '';
	position: absolute;
	top: -30px;
	bottom: -30px;
	left: 0;
	right: 0;
	background: rgba(42,106,107);
	transform: scale(1,0);
	opacity: 0;
	transition: all 0.8s;
}
.sysCommon:hover::before{
	transform: scale(1,1);
	opacity: 1;
}
.sys1{
	margin-bottom: 25px;
	height: 53px;
	position: relative;
	z-index: 9;
}
.sys1 img{
	float: left;
}
.sys2{
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 20px;
	margin-bottom:45px;
	position: relative;
	z-index: 9;
}
.sys3{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
	z-index: 9;
}
.getPrice{
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: auto;
	margin-top: 90px;
	margin-bottom: 160px;
}
.getPrice a{
	display: inline-block;
	color: #fff;
	width: 20%;
	height: 60px;
	line-height: 60px;
	background: rgb(42,106,107);
	letter-spacing: 1px;
	color: #fff;
	font-size: 18px;
	border-radius:8px;
	transition: all 0.8s;
}
.getPrice a:hover{
	box-shadow: 1px 1px 10px 1px rgb(42,106,107);
	transform: translateY(15px);
}
/* footer */
footer{
	/* background: rgb(239,242,247); */
	background: #fff;
	margin-top: -90px;
	border-radius: 100px 100px 0 0;
	position: relative;
	z-index: 999;
}
.freePrice{
	width: 60%;
	margin: auto;
	border-radius: 8px;
	border: 1px solid rgb(42,106,107);
	padding: 0 3px;
	background: #fff;
	position: relative;
}
.freePrice input{
	padding: 25px 30px;
	letter-spacing: 1px;
	color: rgb(170,170,170);
	font-size: 16px;
}
.freePrice button{
	width:26%;
	display: flex;
	align-items: center;justify-content: center;
	border-radius: 8px;
	background: rgb(42,106,107);
	letter-spacing: 1px;
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	cursor: pointer;
	transition: all 0.8s;
}
.freePrice button:hover{
	width: 30%;
}
.freePrice button:hover img{
	transform: translateX(20px);
}
.freePrice button img{
	margin-left: 20px;
	transition: all 0.8s;
}
.wb1{
	color: #000!important;
}
.wb2{
	color: #666666!important;
}
.footer{
	padding-bottom: 40px;
	border-bottom: 1px solid rgb(228,228,228);
}
.Bottom{
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
}
.bLeft{
	width: 55%;
}
.footPic img:nth-child(1){
	margin-right: 70px;
}
.footRess{
	margin-top: 30px;
}
.footRess>p:nth-child(1){
	color: #000;
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.footRess>p:nth-child(2){
	font-size: 40px;
	color: #000;
	font-weight: 600;
	font-family: 'DIN';
}
.footRess>p:nth-child(3){
	font-size: 40px;
	color: #000;
	font-weight: 600;
	font-family: 'DIN';
}
.bRight{
	width: 45%;
	display: flex;
}
.footSame{
	width: calc(100% / 4);
	text-align: center;
}

.footSame li p{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin-bottom: 30px;
}
.footSame li{
	margin-bottom: 15px;
	transition: all 0.8s;
}
.footSame li a{
	color: #39393a;
	font-size: 14px;
	transition: all 0.8s;
	cursor: pointer;
}
.footSame li a:hover{
	color:rgb(42,107,107);
}
.footSame li:hover{
	transform: translateY(4px);
}
.footEwm{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
}
.ewmWord>p:nth-child(1){
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
}
.ewmWord>p:nth-child(2){
	color: #000;
	font-size: 16px;
	font-family: 'DIN';
}
.ewmAt{
	text-align: center;
}
.ewmAt img{
	margin-bottom: 5px; border: 1px solid #e5e5e5; border-radius: 10px;
}
.ewmAt p{
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(58,58,58);
}
.supportBox{
	background: #4c4c4c;
}
.support{
	display: flex;
	justify-content: space-between;
	padding: 20px 15px;
}
.support p{
	font-family: 'DIN';
	color: #fff;
	font-size: 16px;
}

/* 公用位置 */
.nowLocal {
	height: 80px;
	line-height: 80px;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
	font-size: 16px;
}

.nowLocal>img:nth-child(1) {
	width: 18px;
	height: 24px;
}


.nowLocal>p {
	color: rgb(170,170,170);
	margin: 0 20px;
}

.nowLocal>a {
	color: rgb(170,170,170);
	cursor: pointer;
}

.nowLocal>a:hover {
	color:#fff;
}
.Local{
	display: flex;
	justify-content: space-between;
}
.localBox{
	background: rgba(0,0,0,0.4);
	margin-top: -80px;
	position: relative;
	z-index: 9;
}
.loLink{
	display: flex;
	width: 40%;
}
.loLink li{
	width: calc(100% / 3);
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.sideOn{
	background: rgba(42,107,107,0.8);
	color: #fff;
}
.loLink li a{
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
}
.Case{
	display: flex;
	flex-wrap: wrap;
}
.Case>a:nth-child(3n+3){
	margin-right: 0;
}
.caseCommon{
	width: 31.6%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	display: inline-block;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	transition: all 0.8s;
}
.caseCommon:hover{
	box-shadow: 1px 1px 10px 1px rgb(170,170,170);
	transform: translateY(10px);
}
.caseCommon:hover img{
	transform: scale(1.1);
}
.caseCommon:hover .capic2{
	background: rgb(42,107,107);
}
.casePic{
	position: relative;
}
.capic1{
	overflow: hidden;
}
.capic1 img{
	float: left;
	width: 100%;
	transition: all 0.8s;
}
.capic2{
	transition: all 0.8s;
	position: absolute;
	top: 20px;
	left: 20px;
	display: inline;
	padding: 6px 10px;
	border-radius: 5px;
	background: rgb(82,81,78);
	font-size: 14px;
	color: #fff;
	font-family: 'DIN';
}
.capic2 img{
	margin-right: 5px;
}
.caseDesc{
	padding:25px  20px;
	background: #fff;
}
.caseName{
	letter-spacing: 1px;
	color: rgb(51,51,51); text-align: center;
	font-size: 18px;
	/* margin-bottom: 13px; */
}
.caseDeatil span{
	font-family: 'DIN';
	font-size: 14px;
	margin-right: 25px;
	color: rgb(102,102,102);
}
.bg_grey{
	background: rgb(245,245,245);
}
.pt50{
	padding-top: 50px;
}

/* 换页 */
.changePage {
	padding-bottom: 60px;
	padding-top:10px;
}

.changePage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.changePage a {
	margin-right: 25px;
	padding: 10px 15px;
	border: 1px solid rgb(220, 220, 220);
	border-radius: 50%;
	font-size: 13px;
	transition: all 0.6s;
	color: rgb(102, 102, 102);
	box-sizing: border-box;
	display: inline-block;
	background: #fff;
}

.changePage>a:last-child {
	margin-right: 0;
	border-radius: 20px;
	padding: 10px 20px;
	letter-spacing: 1px;
}

.changePage>a:first-child {
	border-radius: 20px;
	padding: 10px 20px;
	letter-spacing: 1px;
}

.changePage a:hover {
	background: rgb(45,107,107);
	color: #fff;
	border: none;
	border: 1px solid rgb(45,107,107);
}
.change_r{
	background: rgb(45,107,107)!important;
	border: 1px solid rgb(45,107,107)!important;
	color: #fff!important;
}

/* 联系方式 */
.commonTitle{
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.commonTitle>p:nth-child(1){
	font-size: 46px;
	font-family: 'DIN';
	color: rgb(42,107,107);
	margin-bottom:15px;
}
.commonTitle>p:nth-child(2){
	color: #000;
	letter-spacing: 1px;
	font-size: 32px;
}
.bg_blue{
	background: rgb(42,107,107);
}
.ressBox{
	padding-top: 230px;
	padding-bottom: 85px;
	margin-top: -150px;
}
.Address{
	display: flex;
}
.ressCommon{
	width: 25%;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.8s;
	cursor: pointer;
}
.ressCommon:hover{
	transform: translateY(12px);
}
.ressCommon:hover img{
	animation: jello 1.6s;
}
.ressCommon>p:nth-child(1){
	margin-bottom: 20px;
}
.ressCommon>p:nth-child(2){
	font-size: 16px;
	color: #fff;
	font-family: 'DIN';
	letter-spacing: 1px;
}
/* 在线留言 */
.Message{
	background: url(../images/messBg.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 170px;
}
.messEnter{
	display: flex;
}
.messEnter p{
	width: 33.3%;
	margin-right: 50px;
	border: 1px solid rgb(209,209,209);
	padding: 20px;
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 45px;
	background: #fff;
}
.messEnter p:last-child{
	margin-right: 0;
}
.messEnter p span{
	color: #000;
	margin-right: 5px;
}
.messEnter p input{
	color: #bcbcbc;
	letter-spacing: 1px;
	font-size: 15px;
}

.messArea{
	width: 100%;
	border: 1px solid rgb(209,209,209);
	padding: 20px;
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 60px;
	background: #fff;
	display: flex;
	align-items: baseline;
	height: 180px;
}
.messArea span{
	color: #000;
	margin-right: 5px;
}
.messArea textarea{
	color: #bcbcbc;
	letter-spacing: -1px;
	font-size: 15px;
}
.messUp{
	display: inline-block;
	width: 16%;
	height: 60px;
	line-height: 60px;
	background: rgb(42,107,107);
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-left: 42%;
	transition: all 0.8s;
	cursor: pointer;
}
.pb120{
	padding-bottom: 140px;
}
.messUp:hover{
	width:22%;
	margin-left:39%;
	box-shadow: 1px 1px 10px 1px rgb(42,107,107);
}

/* 团队详情 */
.teamDetail{
	background: url(../images/teambg.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
.Detail{
	display: flex;
}
.dePic{
	width: 25%;
	overflow: hidden;
	margin-right: 3%;
	padding-top: 55px;
	padding-bottom: 60px;
}
.dePic img{
	width: 100%;
}
.deInfor{
	width: 49%;
	margin-right: 3%;
	padding-bottom: 40px;
	padding-top: 55px;
}
.inParh1{
	display: flex;
	border-bottom: 1px solid rgb(220,220,220);
	margin-bottom: 20px;
	margin-top: 15px;
	align-items: baseline;
	padding-bottom: 20px;
}
.inParh1>p:nth-child(1){
	letter-spacing: 1px;
	color: #000;
	font-size: 24px;
	margin-right: 12px;
}
.inParh1>p:nth-child(2){
	font-size: 14px;
	color: #000;
	margin-right: 25px;
}
.inParh1>p:nth-child(3){
	font-size: 14px;
	color: #000;
}
.inParh1>p:nth-child(3) img{
	margin-right: 8px;
}
.freeDesign{
	padding: 0 25px;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width:22em ;
}
.freeTitle{
	margin-bottom: 38px;
	text-align: center;
}
.freeTitle>p:nth-child(1){
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 8px;
}
.freeTitle>p:nth-child(2){
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 'DIN';
}
.freeEnter{
	margin-bottom: 18px;
	padding:13px 20px;
	background: #fff;
	width: 100%;
}
.freeEnter input{
	color: rgb(102,102,102);
	letter-spacing: 1px;
	font-size: 14px;
}
.freeUp{
	display: inline-block;
	width: 100%;
	background: rgb(54,54,54);
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	padding:15px 20px;
	transition: all 0.8s;
	cursor: pointer;
}
.freeUp:hover{
	background: rgb(42,107,107);
}

.con-scroll{    overflow-y: scroll;    max-height: 310px;}
.con-scroll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 5px;}
.con-scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: rgb(44, 106, 107); width: 5px; }
.con-scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #dddddd; width: 5px; }
.inParh2{
	display: flex;
	font-size: 14px;
	line-height: 32px;
	color: rgb(51,51,51);
	font-family: 'DIN';
	margin-top: 3px;
}
.inParh2>p:nth-child(1){
	width:6em;
}
.inParh2>p:nth-child(2){
	width: 83%;
}
/* 推荐案例作品 */
.advTitle{
	text-align: center;
	font-size:38px;
	letter-spacing: 1px;
	color: #000;
	padding-top: 60px;
	padding-bottom: 50px;
}
/* 新闻页详情 */
.houseCon {
	padding: 50px 0;
	position: relative;
	background: rgb(245, 245, 245);
	overflow: hidden;
	padding-bottom: 160px;
}

.artLeft {
	width: 70%;
	margin-right: 2%;
	float: left;
	background: #fff;
	padding: 40px;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}

.artRight {
	width: 28%;
	float: right;
}



.nowNews {
	width: auto !important;
	height: 395px;
	box-shadow: 1px 1px 10px 1px rgb(220 220 220);
	box-sizing: border-box;
	padding: 35px 0;
	background: #fff;
	text-align: center;
}

.commandCase {
	margin-top: 35px;
	box-shadow: 1px 1px 10px 1px rgb(220 220 220);
	box-sizing: border-box;
	padding: 25px 0;
	background: #fff;
	text-align: center;
}

.commandCase>p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(220, 220, 220);
	margin-bottom: 22px;
}

.commandCase_con {
	display: flex;
	flex-wrap: wrap;
	width: 92%;
	margin: auto;
}

.commandCase_con>a:nth-child(2n+2) {
	margin-right: 0;
}

.commandCase_common {
	margin-bottom: 12px;
	width: 48%;
	position: relative;
	margin-right: 12px;
}

.command_pic {
	overflow: hidden;
}

.command_pic img {
	width: 153px;
	height: 113px;
	transition: all 0.8s;
}

.command_word {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 0px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	bottom: 0px;
	z-index: 9;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all 0.6s;
}

.commandCase_common:hover .command_word {
	opacity: 1;
	height: 36px;
}

.commandCase_common:hover .command_pic img {
	transform: scale(1.15);
}

.apic {
	overflow: hidden;
	margin-bottom: 20px;
}



/* 案例详情 */

.ap1 {
	font-size: 20px; text-align: center;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.ap2 {
	color: rgb(102, 102, 102);
	line-height: 28px;
	margin-bottom: 20px;
}



.changeCase {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 50px;
}

.changeCase a {
	width: 48%;
	margin-right: 4%;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	padding: 18px 0;
	text-align: center;
	background: rgb(245, 245, 245);
	border-radius: 4px;
	transition: all 0.8s;
	cursor: pointer;
	color: rgb(51,51,51);
}
.changeCase a:hover{
	box-shadow: 1px 1px 10px 1px #2a6a6b;
	transform: translateY(15px);
}
.changeCase>a:nth-child(2) {
	margin-right: 0;
}

/* 立即预约报价 */
.nowOrder {
	width: 330px;
	height: 395px;
	position: absolute;
	right: -10vw;
	top: 68px;
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	box-sizing: border-box;
	padding: 35px 0;
	background: #fff;
	text-align: center;
}

.nowOrder_title>p:nth-child(1) {
	font-size: 23px;
	letter-spacing: 1px;
	font-weight: bold;
}

.nowOrder_title>p:nth-child(2) {
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
	margin-top: 9px;
	font-size: 15px;
}

.nowOrder_input {
	margin: auto;
	margin-top: 30px;
	width: 82%;
}

.nowOrder_input input {
	width: 100%;
	padding: 13px 0;
	border: 1px solid rgb(220, 220, 220);
	margin-bottom: 20px;
	text-indent: 15px;
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
}

.nowOrder_button {
	width: 82%;
	padding: 11px 0;
	letter-spacing: 2px;
	font-size: 15px;
	background: rgb(47, 47, 49);
	color: #fff;
	margin: auto;
	cursor: pointer;
	transform: 0.8s;
}

.nowOrder_button:hover {
	background: #2a6a6b;
}

.nowOrder_word p {
	margin-top: 18px;
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
}

.nowOrder_word>p:nth-child(1) span {
	color: #2a6a6b;
	font-family: 'DIN';
}

.nowOrder_word>p:nth-child(2) span {
	font-size: 20px;
	color: #2a6a6b;
	font-family: 'DIN';
}

.nowOrder_word>p:nth-child(2) {
	margin-top: 8px;
}

/* 推荐资讯 */
.advSame{
	display: flex;
	align-items: center;
	padding: 0 15px 0 20px ;
	margin-top: 12px;
	transition: all 0.8s;
}
.advSame:hover img{
	transform: scale(1.1);
}
.advImg{
	width: 33%;
	overflow: hidden;
	margin-right: 3%;
	transition: all 0.8s;
	overflow: hidden;
}
.advImg img{
	transition: all 0.8s;
}
.advWord{
	width: 64%;
}
.advSame:hover .wg{
	color: rgb(42,107,107);
}
.wg{
	transition: all 0.6s;
	color: #000;
	text-align: left;
	margin-bottom: 7px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	font-size: 15px;
}

.advWord>p:nth-child(2){
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	  color: #666666;
	  font-size: 12px;
	  text-align: left;
	  line-height:20px;
}

/* 新闻页 */
.Article{
	display: flex;
	flex-wrap: wrap;
	padding-top: 50px;
}
.Article>a:nth-child(3n+3){
	margin-right: 0;
}
.icleCommon{
	width: 32.1%;
	display: inline-block;
	background: #fff;
	padding: 22px;
	margin-right: 1.8%;
	margin-bottom: 1.8%;
	transition: all 0.8s;
}
.icleCommon:hover{
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	transform: translateY(10px);
}
.icleCommon:hover .iclePic2{
	background: rgb(42,107,107);
}
.icleCommon:hover .icleLink{
	transform: translateX(25px);
}
.iclePic{
	position: relative;
}
.iclePic1{
	overflow: hidden;
}
.iclePic1 img{
	width: 100%;
}
.iclePic2{
	transition: all 0.8s;
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
	padding: 8px 20px;
	background: rgb(49,50,56);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.iclePic2>span:nth-child(1){
	color: #fff;
	font-family:'DIN';
	font-size: 28px;
	margin-bottom: 2px;
}
.iclePic2>span:nth-child(2){
	color: #fff;
	font-family:'DIN';
	font-size: 14px;
}
.icleDesc{
	padding: 15px 0;
}
.icleParh1{
	color: #000;
	font-weight: 600;
	line-height: 32px;
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	  font-size: 18px;
	  margin-bottom: 20px;
}
.icleParh2{
	font-size: 14px;
	color: #666666;
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	  margin-bottom: 30px;
	line-height: 30px;
}
.icleLink{
	display: flex;
	align-items: center;
	transition: all 0.8s;
	cursor: pointer;
}
.icto1{
	font-weight: 600;
	color: #000;
	font-family: 'DIN';
	padding-bottom: 12px;
	font-size: 16px;
	border-bottom: 1px solid rgb(149,149,149);
	padding-right: 24px;
	position: relative;
	top: 3px;
	transition: all 0.8s;
}
.icto2{
	transition: all 0.8s;
}
.icleLink:hover .icto1{
	transform: translateX(20px);
}
.icleLink:hover .icto2{
	transform: translateX(20px);
}
.tImg{
		background: url(../images/r1.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 7px;
		height: 12px;
		position: relative;
		top: 0px;
		display: inline-block;
		left: -6px;
	}
	
.courseBox{
	display: none;
}
.Space .swiper-slide-thumb-active{
	background: rgba(42,107,107,0.8);
}
.Hot{
	position: relative;
	z-index: 999;
	margin-top: -180px;
}
.Hot::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	width: 40%;
	z-index: -1;
}
.Build{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(220,220,220);
}
.Build>p:nth-child(1){
	font-size: 20px;
	letter-spacing: 1px;
	color:#000;
	font-weight: 600;
}
.Build>a:nth-child(2){
	font-size: 15px;
	cursor: pointer;
	transition: all 0.8s;
}
.advCase{
	margin-top:25px;
}
.Build>a:nth-child(2){:hover{
	color: rgb(42,107,107);
}