.content-wrap {

	width: 100%;

	background: #f2f4f4;

	padding-bottom: 85px

}



.problem-content {

	width: 1280px;

	margin: 0 auto

}



.left-nav {

	float: left

}



.problem-logo {

	width: 230px;

	height: 118px;

	overflow: hidden;

	background: #0bb78e

}



.problem-logo img {

	width: 100%

}



.problem-item {

	margin-top: 3px;

	font-size: 16px;

	color: #484848;

	width: 230px;

	background: #f8f8f8;

	user-select: none

}



.lft-nav .icon-jiantouyou {

	display: block;

	color: #d2d1d1

}



.lft-nav.active-fontnav .icon-jiantouyou {

	color: #2fc7a0;

	display: block

}



.build-warp .lft-nav {

	color: #484848

}



.lft-nav.active-fontnav {

	color: #2fc7a0

}



.arrow-right {

	width: 12px;

	height: 12px;

	display: inline-block;

	float: right;

	margin-right: 18px

}



.arrow-right img {

	width: 100%

}



.lft-nav .top-qustion-tit {

	padding-left: 30px;

	line-height: 60px;

	background: #fff;

	border-bottom: 1px solid #f0f0f0;

	cursor: pointer;

	width: 200px;

	overflow: hidden;

	position: relative

}



.lft-nav .top-qustion-tit .qu_ico {

	position: absolute;

	right: 15px;

	top: 22px

}



.problem-item li:last-child {

	border-bottom: none

}



.lft-nav.active-fontnav .u-qustion-open {

	display: block

}



.lft-nav .u-qustion-open {

	background: #f8f8f8;

	padding-left: 0;

	width: 100%;

	font-size: 14px;

	color: #484848;

	display: none

}



.u-qustion-open div {

	line-height: 60px;

	text-indent: 30px;

	cursor: pointer;

	position: relative

}



.u-qustion-open div.on {

	color: #0bb78e

}



.u-qustion-open div.on img {

	display: block

}



.u-qustion-open div .qu_ico {

	position: absolute;

	right: 15px;

	top: 22px;

	display: none

}



.active-font-left {

	color: #2fc7a0;

	background: url(../img/arrow-right-active.png) right 20px top 26px no-repeat;

	background-size: 12px

}



.right-content {

	float: left;

	height: 100%

}



.ul-box ul li {

	width: 1036px;

	margin-left: 12px;

	margin-top: 10px;

	background: #fff

}



.ul-box ul li:first-child {

	margin-top: 0

}



.ul-box ul li.cur .layouts {

	color: #2fc7a0

}



.problem-num {

	color: #d6d6d6

}



.problem-item-title {

	color: #616161;

	width: 876px;

	white-space: nowrap;

	overflow: hidden

}



.right-content-item .layouts {

	float: left;

	font-size: 16px;

	margin-left: 40px

}



.option-item {

	width: 1036px;

	line-height: 70px;

	height: 70px;

	background: #fff;

	cursor: pointer;

	user-select: none

}



.arrow-icon {

	width: 16px;

	height: 16px;

	display: inline-block;

	float: right;

	margin-right: 32px

}



.arrow-icon img {

	width: 100%

}



.ul-box ul li .down {

	display: none

}



.ul-box ul li .up {

	display: none

}



.open-content {

	width: 1036px;

	background: #f0f2f2;

	display: none

}



.panda-logo {

	float: left;

	margin: 15px;

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background: #fff;

	overflow: hidden

}



.panda-logo img {

	width: 100%;

	margin-top: 10px

}



.open-content-wrapen {

	float: left;

	width: 890px;

	line-height: 25px;

	color: #898585;

	font-size: 14px;

	letter-spacing: 2px;

	margin: 30px 5px

}



.show {

	display: block

}



.hide {

	display: none

}



.active-font {

	color: #2fc7a0

}



.clear_float {

	clear: both

}



.middle {

	background: #f2f4f4;

	padding-bottom: 60px

}



.products-style {

	height: 62px;

	width: 100%;

	text-align: center;

	background-color: #f2f4f4;

	border-top: 1px solid #e3e3e3

}



.products-style ul {

	height: 62px;

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: center

}



.products-style ul li {

	height: 60px;

	line-height: 60px;

	font-size: 16px;

	color: #626363;

	margin: 0 30px;

	padding: 0 8px;

	display: inline-block

}



.products-style ul li a {

	color: #626363

}



.products-style ul li:hover a {

	opacity: .8;

	cursor: pointer;

	color: #2fc7a0

}



.products-style ul li.active-style {

	color: #2fc7a0;

	border-bottom: 2px solid #2fc7a0

}



.products-style ul li.active-style a {

	color: #2fc7a0

}



.products-box {

	min-width: 1280px;

	padding: 10px 30px 25px;

	background-color: #f2f4f4

}



.product-wrap {

	min-width: 1280px;

	margin: 0 auto

}



.product-item {

	display: inline-block;

	overflow: hidden;

	margin: 0 16px 32px;

	position: relative;

	width: calc((100% / 5) - 32px)

}



.product-item:hover .mask-products {

	display: block

}



.product-item img {

	width: 100%

}



.mask-products {

	width: 100%;

	height: 100%;

	background-color: #43cca9;

	background-color: rgba(67, 204, 169, .86);

	position: absolute;

	top: 0;

	left: 0;

	color: #fff;

	text-align: center;

	display: none

}



.mask-title {

	padding-top: 15%;

	font-size: 26px

}



.msk-l {

	font-size: 18px;

	vertical-align: 10px

}



.mas-tit-na {

	width: 176px;

	height: 35px;

	display: inline-block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.product-mask p {

	font-size: 16px;

	font-weight: 700;

	margin-top: 5%

}



.mask-btn {

	margin: 0 48px;

	height: 42px;

	background: #fff;

	color: #464646;

	font-size: 17px;

	text-align: center;

	line-height: 42px;

	margin-top: 14%;

	letter-spacing: 2px

}



.rank {

	min-width: 1280px

}



.rank img {

	width: 100%

}



.rank-text-content {

	width: 1280px;

	margin: 0 auto;

	padding-top: 88px

}



.rank-text-content-title p {

	font-size: 24px;

	color: #2fc7a0;

	text-align: center

}



.rank-text-content-text {

	margin-top: 38px

}



.rank-text-content-text p {

	font-size: 14px;

	color: #989898;

	text-align: center;

	line-height: 36px

}



.middle-content {

	background: #f2f4f4

}



.baner-2013 {

	position: relative

}



.baner-2013-text {

	width: 1280px;

	padding-top: 96px;

	margin: 0 auto;

	vertical-align: bottom

}



.baner-2013-text-box {

	width: 560px;

	height: 178px;

	margin-left: 80px

}



.baner-2013-text-num {

	width: 218px;

	font-size: 20px;

	color: #fff;

	margin-top: -12px;

	float: left

}



.baner-2013-text-num-year img {

	width: 158px;

	height: 60px

}



.baner-2013-text-num span:nth-child(1) {

	float: left

}



.baner-2013-text-num span:nth-child(2) {

	float: left;

	margin-top: 30px;

	margin-left: 6px

}



.baner-2013-text-set {

	font-size: 38px;

	color: #fff

}



.baner-2013-text-cont {

	float: left;

	margin-top: 54px

}



.baner-2013-text-cont p {

	font-size: 16px;

	color: #fff

}



.case-wrappen {

	margin: 60px 0;

	position: relative

}



.service-object {

	width: 1280px;

	position: absolute;

	top: -270px;

	left: 50%;

	margin-left: -640px

}



.service-object img {

	width: 100%

}



.case-title {

	margin: 60px 0;

	padding-top: 178px

}



.case-nav {

	width: 1280px;

	margin: 0 auto

}



.nav-title {

	float: right

}



.swiper-box {

	width: 1280px;

	height: 700px;

	overflow: hidden

}



.swiper-box img {

	width: 100%

}



.nav-item {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-align: center;

	width: 246px;

	height: 140px;

	background: #fff;

	border-bottom: 1px solid #f2f4f4;

	cursor: pointer

}



.nav-item.active-item {

	background: #fafbfb;

	border-right: 2px solid #2fc7a0

}



.nav-item .font-eng {

	font-size: 60px;

	font-family: Centaur;

	color: #d9d9d9;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	display: block

}



.nav-item .font-zh {

	font-size: 18px;

	color: #757575;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	display: block

}



.nav-item .font-des {

	font-size: 14px;

	color: #d9d9d9;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	display: block

}



.nav-item.active-item .font-eng {

	color: #2fc7a0;

	overflow: hidden;

	white-space: nowrap

}



.nav-item.active-item .font-zh {

	color: #2fc7a0;

	overflow: hidden;

	white-space: nowrap

}



.nav-item.active-item .font-des {

	color: #2fc7a0;

	overflow: hidden;

	white-space: nowrap

}



.our-service {

	background: url(../img/static-img/case-service-bg.png) no-repeat;

	min-width: 1280px;

	height: 850px;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.case-service-wrap {

	width: 1280px;

	margin: 0 auto;

	padding-top: 156px

}



.case-service-title {

	color: #2fc7a0;

	font-size: 28px

}



.case-service-text {

	font-size: 16px;

	color: #989898;

	margin-top: 44px

}



.case-service-text p {

	height: 36px

}



.case-service-text2 {

	margin-top: 32px

}



.case-service-icon {

	margin-top: 78px

}



.contact-us {

	width: 172px;

	height: 44px;

	background: #2fc7a0;

	margin: 46px auto;

	border-radius: 25px

}



.contact-us p {

	text-align: center;

	line-height: 44px;

	font-size: 16px;

	color: #fff

}



.service-promise-title-des {

	margin-top: 24px;

	text-align: center;

	font-size: 20px;

	color: #bfbebe

}



.service-class {

	width: 1280px;

	margin: 0 auto;

	margin-top: 82px

}



.service-class-left {

	float: left;

	margin-top: 92px

}



.up-num {

	float: left

}



.down-icon {

	margin-left: 40px;

	margin-top: 38px;

	float: left

}



.state-iocn {

	display: inline-block;

	margin-right: 42px;

	width: 92px;

	text-align: center;

	cursor: pointer;

	vertical-align: top

}



.state-iocn span {

	margin-top: 10px;

	width: 59px;

	text-align: center;

	font-size: 14px;

	color: #666

}



.service-class-left-num {

	float: left

}



.text-class-left {

	float: left;

	margin-top: 50px;

	margin-left: 30px

}



.text-class-left1 {

	font-size: 30px;

	color: #434343

}



.text-class-left2 {

	font-size: 18px;

	color: #a9a9a9

}



.service-class-right {

	float: right

}



.service-class-right-nav {

	margin-top: 84px;

	display: flex;

	flex-direction: column

}



.caosini {

	width: 130px;

	height: 40px;

	border: 1px solid #f0f5f4;

	text-align: center;

	line-height: 40px;

	border-radius: 30px;

	color: #434343;

	font-size: 16px;

	margin: 10px 0;

	margin-left: 16px;

	cursor: pointer;

	display: inline-block;

	background: #fff;

	transition: ease .4s;

}



.caosini:hover {

	background: #2fc7a0;

	color: #fff

}



.caosini:hover .service-class-right-num {

	color: #fff

}



@font-face {

	font-family: HelveticalNeueLTPro ThEx;

	src: url(../font/HelveticaNeueLTPro-ThEx.otf)

}



.service-class-right-num {

	font-size: 22px;

	color: #2fc7a0;

	height: 40px;

	line-height: 40px;

	font-family: HelveticalNeueLTPro ThEx;

	transition: ease .4s;

}



.current-nav.caosini {

	background: #2fc7a0;

	color: #fff

}



.current-nav .service-class-right-num {

	color: #fff

}



.middle-ser-intro {

	min-width: 1280px

}



.middle-ser-intro img {

	width: 100%

}



.promise {

	height: 940px;

	background: url(../img/static-img/service-promise.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.panda {

	min-width: 1280px;

	height: 457px;

/*../img/static-img/service-panda.png*/
	background: url(../img/static-img/20250312.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.call-me {

	height: 604px;

	background: url(../img/static-img/call.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.bottom-nav {

	width: 100%;

	height: 420px;

	background: #f2f4f4;

	position: relative

}



.mask-click {

	width: 100%;

	height: 100%;

	background: #fff000;

	z-index: -1;

	position: absolute;

	top: 0;

	left: 0

}



.repair-wrappen {

	width: 1280px;

	margin: 0 auto;

	position: relative

}



.wrap-content {

	height: 420px;

	text-align: center

}



.wrap-content li {

	text-align: center;

	margin: 20px 0;

	cursor: pointer;

	z-index: 103;

	display: inline-block;

	text-align: center;

	width: 150px

}



.wrap-content li.current-active .service-repaire-arrow {

	display: block

}



.repair-icon {

	width: 90px;

	height: 90px;

	border-radius: 50%;

	background: #fff;

	margin: 0 auto;

	margin-top: 60px

}



.wrap-content li.current-active .gray-icon {

	display: none

}



.wrap-content li.current-active .green-icon {

	display: block

}



.gray-icon {

	display: block

}



.green-icon {

	display: none

}



.des-name {

	font-size: 16px;

	font-weight: 700;

	color: #535454;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin-top: 9px;

	display: block

}



.eng-name {

	font-size: 14px;

	color: #b2b2b2

}



.active-repair {

	background: #2fc7a0

}



.pop-repair {

	width: 1280px;

	padding: 70px 0;

	border-radius: 20px;

	background: #fff;

	background: rgba(255, 255, 255, .85);

	z-index: 104;

	position: absolute;

	bottom: 420px;

	left: 0;

	display: flex;

	align-items: center

}



.overAour {

	width: 90%;

	max-height: 400px;

	overflow-y: auto;

	margin: 0 auto

}



.overAour .icon_btnOff {

	position: absolute;

	width: 24px;

	right: 30px;

	top: 30px;

	cursor: pointer

}



.state1 {

	display: none;

	z-index: 103

}



.service-repaire-arrow1 {

	position: absolute;

	bottom: -17px;

	left: 69px;

	display: block

}



.state2 {

	display: none;

	z-index: 103

}



.service-repaire-arrow2 {

	position: absolute;

	bottom: -17px;

	left: 283px;

	display: block

}



.state3 {

	display: none;

	z-index: 103

}



.service-repaire-arrow3 {

	position: absolute;

	bottom: -17px;

	left: 495px;

	display: block

}



.state4 {

	display: none;

	z-index: 103

}



.service-repaire-arrow4 {

	position: absolute;

	bottom: -17px;

	left: 708px;

	display: block

}



.state5 {

	display: none;

	z-index: 103

}



.service-repaire-arrow5 {

	position: absolute;

	bottom: -17px;

	left: 921px;

	display: block

}



.state6 {

	display: none;

	z-index: 103

}



.service-repaire-arrow6 {

	position: absolute;

	bottom: -17px;

	left: 1135px;

	display: block

}



.pop-repair-icon {

	width: 90px;

	height: 90px;

	border-radius: 50%;

	background: #fff;

	margin-left: 20px;

	float: left

}



.line-repair {

	float: left;

	border-right: 1px solid #ededed;

	height: 40px;

	margin: 0 45px

}



.pop-repair-text {

	width: 81%;

	height: 100%;

	float: left

}



.pop-repair-text img {

	max-width: 100%

}



.content-text {

	color: #969696;

	line-height: 32px;

	font-size: 14px

}



.laout-c {

	min-width: 1280px

}



.laout-c img {

	width: 100%

}



.want_buy {

	position: relative;

	min-width: 1280px;

	height: 502px;

	background: url(../img/static-img/contact-us-01buy.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.buy-text-title {

	font-size: 30px;

	color: #434343;

	text-align: center;

	padding-top: 99px

}



.buy-text-title.animated {

	-webkit-animation-delay: .2s;

	animation-delay: .2s

}



.buy-text-content.animated {

	-webkit-animation-delay: .6s;

	animation-delay: .6s

}



.im-buy.animated {

	-webkit-animation-delay: .9s;

	animation-delay: .9s

}



.jion-title-box-title {

	-webkit-animation-delay: .2s;

	animation-delay: .2s

}



.jion-title-box-content {

	-webkit-animation-delay: .6s;

	animation-delay: .6s

}



.join-store-title {

	-webkit-animation-delay: .4s;

	animation-delay: .4s

}



.join-store-content {

	-webkit-animation-delay: .6s;

	animation-delay: .6s

}



.join-store-content1 {

	-webkit-animation-delay: .8s;

	animation-delay: .8s

}



.join-store-content2 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s

}



.join-store-content3 {

	-webkit-animation-delay: 1.2s;

	animation-delay: 1.2s

}



.buy-text-content {

	text-align: center;

	font-size: 16px;

	color: #bab9b9;

	margin-top: 22px;

	line-height: 30px

}



.contact-btn {

	width: 210px;

	height: 50px;

	line-height: 50px;

	background: #2fc7a0;

	border-radius: 4px;

	color: #fff;

	font-size: 18px;

	text-align: center

}



.im-buy {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -105px;

	margin-top: 60px

}



.write-advice {

	position: relative;

	min-width: 1280px;

	height: 799px;

	background: url(../img/static-img/contact-us-02sugest.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.write-advice-title {

	text-align: left;

	font-size: 28px;

	color: #fff;

	padding-top: 260px;

	padding-left: 36px

}



.write-advice-content {

	text-align: left;

	color: #fff;

	font-size: 16px;

	margin-top: 24px;

	padding-left: 34px

}



.write-advice-content p {

	margin-top: 12px

}



.postion-advice {

	width: 1280px;

	position: relative;

	top: 6%;

	left: calc(50% - 640px);

	height: 50px

}



.advice {

	position: absolute

}



.jion-wrap {

	position: relative;

	min-width: 1280px

}



.jion-title-box {

	height: 274px;

	background: url(../img/static-img/contact-us-03joinqy.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.jion-post-box {

	height: 684px;

	background: url(../img/static-img/contact-us-04post.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.jion-title-box-title {

	font-size: 30px;

	color: #434343;

	text-align: center;

	padding-top: 46px

}



.jion-title-box-content {

	text-align: center;

	font-size: 16px;

	color: #bab9b9;

	margin-top: 26px

}



.jion-title-box-content p {

	margin-top: 12px

}



.post {

	position: absolute;

	margin-top: 76px;

	top: 50%;

	right: 27%

}



.jion-post-box-content {

	font-size: 28px;

	color: rgba(255, 255, 255, .86);

	position: absolute;

	margin-top: 76px;

	top: 39%;

	right: 9%;

	line-height: 42px

}



.encontactIndex {

	width: 35%;

	top: 11%

}



.join-store {

	position: relative;

	min-width: 1280px;

	height: 800px;

	background: url(../img/static-img/contact-us-05store.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.join-store-title {

	font-size: 30px;

	color: #fff;

	text-align: center;

	padding-top: 128px

}



.join-store-content {

	text-align: center;

	font-size: 16px;

	color: #fff;

	margin-top: 50px

}



.join-store-content p {

	margin-top: 16px

}



.store {

	position: absolute;

	top: 70%;

	left: 50%;

	margin-left: -105px

}



.store a {

	display: block;

}



.roject-coop {

	min-width: 1280px;

	height: 800px;

	background: url(../img/static-img/contact-us-06project.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.roject-coop-title {

	text-align: left;

	font-size: 28px;

	color: #fff;

	padding-top: 225px;

	padding-left: 36px

}



.roject-coop-content {

	text-align: left;

	color: #fff;

	font-size: 16px;

	margin-top: 24px;

	padding-left: 34px

}



.roject-coop-content p {

	margin-top: 14px

}



.media-coop {

	min-width: 1280px;

	height: 800px;

	background: url(../img/static-img/contact-us-07media.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.media-coop-text {

	width: 1280px;

	margin: 0 auto

}



.media-coop-title {

	font-size: 30px;

	color: #434343;

	padding-top: 120px;

	text-align: center

}



.media-coop-content {

	font-size: 15px;

	color: #757575;

	margin-top: 20px;

	text-align: center

}



.media-coop-content p {

	margin-top: 12px

}



.main-content {

	background: #f2f4f4

}



.intro-text {

	position: relative;

	background: #fff

}



.intro-text-con {

	width: 90%;

	max-width: 1300px;

	margin: 0 auto;

	position: relative;

	display: flex;

	justify-content: space-between;

	padding: 100px 0px;

}



.left-intro-text {

	width: 286px;

}



.right-intro-text {

	width: calc(100% - 286px);

	padding-left: 100px;

}



.right-intro-text p{

	font-size: 16px;

	line-height: 2;

	color: #878787;

}



.right-intro-text b{

	display: block;

	font-size: 20px;

	line-height: 1.4;

	width: 100%;

	font-weight: normal;

	margin-bottom: 1.5vw;

}



.right-intro-text b span{

	font-size: 32px;

	font-weight: normal;

	color: #0bb78e;

	margin-right: 15px;

}



.buliding-intro-box {

	position: relative;

	z-index: 99

}



.buliding-intro {

	width: 100%;

	height: 70vh;

	background: url(../img/qy-intro-bg.jpg) center center no-repeat;

	background-size: cover;

	position: relative;

}





.buliding-intro img {

	max-width: initial;

}



.buliding-intro-content {

	width: 1280px;

	margin: 0 auto

}



.buliding-intro-content-mid {

	padding-top: 112px;

	text-align: center

}



.buliding-intro-content-mid-tit {

	font-size: 32px;

	color: #fff

}



.buliding-intro-content-mid-tit p {

	line-height: 48px

}



.buliding-intro-content-mid-tet {

	margin-top: 28px;

	font-size: 18px;

	color: #fff

}



.buliding-intro-content-mid-tet p {

	line-height: 40px

}



.buliding-intro-content-rig {

	color: #fff;

	line-height: 2;

	font-size: 16px;

	width: 25%;

	position: absolute;

	left: 55%;

	bottom: 10%;

}

.buliding-intro-content-rig b{

	display: block;

	font-size: 24px;

	line-height: 2;

	width: 100%;

	font-weight: normal;

}



.secound-lef,.adver-right{

	width: 100%;

	padding: 100px 10%;

	font-size: 16px;

	line-height: 2;

	background: #fff;

	color: #878787;

}



.adver-right{

	padding: 100px 5%;

}



.buliding-intro-content-rig-tit {

	font-size: 24px;

}



.buliding-intro-content-rig-tet {

	margin-top: 22px;

	font-size: 15px;

}



.buliding-intro-content-rig-tet p {

	line-height: 36px

}



.intro-wrap {

	min-width: 1280px

}



.left-spance {

	width: 320px;

	float: left;

	height: 556px;

	background: #fff

}

.buli-line{

	width: 90%;

	max-width: 1300px;

	margin: 0 auto;

	position: relative;

	height: 100%;

}

.buli-line::after,.buli-line::before{

	width: 1px;

	height: 100%;

	position: absolute;

	top: 0%;

	content: '';

	background: rgba(255, 255, 255, .2);

}



.buliding-intro::before{

	width: 100%;

	height: 1px;

	position: absolute;

	top: 50%;

	content: '';

	background: rgba(255, 255, 255, .2);

}



.buli-line::after{

	left: 0%;

}



.buli-line::before{

	right: 0%;

}



.build-warp {

	width: 90%;

	max-width: 1300px;

	margin: 0 auto;

	position: relative;
	padding: 0px 0px;


	margin-top: -25vh;

}



.right-spance {

	width: 320px;

	background: #f2f4f4

}



.lef-build {

	width: 50%;

	z-index: 998;

	overflow: hidden;

	position: relative;

	bottom: 0;
	float: left;
	

}







.lef-build img {

	width: 100%

}



.first-lef img {

	width: 100%

}



.secound-lef img {

	width: 100%

}



.rig-build {

	width: 50%;

	overflow: hidden;
	float: left;
	margin-top: 37%;

}



.rig-build img {

	width: 100%

}



.clear_float {

	clear: both

}



.last-adver {

	width: 90%;

	max-width: 1300px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	background: #f2f4f4;

}

.adver-right{

	background: #f2f4f4;

}



.adver-right b{

	display: block;

	font-size: 24px;

	line-height: 2;

	width: 100%;

	font-weight: normal;

	color: #0bb78e;

	margin-bottom: 1vw;

}



.adver-left {

	width: 50%;

	overflow: hidden

}



.adver-left img {

	width: 100%

}



.adver-right {

	width: 50%;

	overflow: hidden

}



.adver-right img {

	width: 100%

}



.middle-warrpen {

	min-width: 1280px;

	margin: 0 auto;

	user-select: none

}



.first-wrap {

	min-width: 1280px;

	overflow: hidden

}



.company-mission {

	width: 50%;

	float: left;

	height: 393px;

	position: relative;

}



.com_box{

	width:60%;

	height: auto;

	position: absolute;

	left: 20%;

	top: 50%;

	-webkit-transform: translateY(-50%);

}



.com_box b{

	display: block;

	font-size: 24px;

	line-height: 2;

	width: 100%;

	font-weight: normal;

	margin-bottom: 1vw;

	color: #6f6f6f;

}



.com_box p{

	font-size: 16px;

	line-height: 2;

	color: #878787;

}



.company-mission-bg {

	float: right;

	width: 50%;

	height: 393px;

	background: url(../img/static-img/culture02.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: left

}



.company-hope-bg {

	width: 50%;

	float: left;

	height: 409px;

	background: url(../img/static-img/culture03.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: right

}



.company-hope {

	width: 50%;

	float: right;

	height: 409px;

	position: relative;

}



.clear_float {

	clear: both

}



.second-warrpen {

	min-width: 1280px;

	overflow: hidden

}



.qy-mind {

	width: 50%;

	float: left;

	height: 444px;

	position: relative;

}



.qy-mind006 {

	width: 50%;

	float: left;

	height: 444px;

	position: relative;

}



.qy-mind-bg {

	width: 50%;

	float: right;

	height: 444px;

	background: url(../img/static-img/culture06.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: left

}



.qy-mind-bg006 {

	width: 50%;

	float: left;

	height: 444px;

	background: url(../img/static-img/culture006.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: right

}



.bg-culture {

	position: relative;

	min-width: 1280px;

	height: 605px;

	background: url(../img/static-img/bg-cultrue.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: left

}



.mission-box {

	width: 100%;

	height: 321px;

	position: absolute;

	top: 0;

	right: 0

}



.mission {

	width: 50%;

	float: left;

	height: 321px;

	position: relative;

	background-color: #fff;

}



.suit-wrap {

	width: 1280px;

	margin: auto;

	background: #fff;

	margin-bottom: 60px;

	padding-bottom: 50px

}



.first-choose {

	text-align: center

}



.question-answer {

	font-size: 16px;

	color: #434343;

	margin-top: 40px

}



.question-title {

	font-size: 28px;

	color: #434343;

	margin-top: 25px

}



.question-choose-nav {

	text-align: center;

	margin-top: 40px

}



.question-choose-nav .box {

	width: 210px;

	overflow: hidden;

	margin: 0 38px;

	position: relative;

	display: inline-block

}



.question-choose-nav .box .checkbox {

	position: absolute;

	left: 0;

	top: 0;

	border: 5px solid #0bb78e;

	width: 200px;

	height: 276px;

	display: none

}



.question-choose-nav .box .checkbox .yes {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 46px;

	line-height: 46px;

	text-align: center;

	overflow: hidden;

	color: #fff;

	font-size: 22px;

	background-color: #0bb78e;

	background-color: rgba(11, 183, 142, .8)

}



.question-choose-nav .box .img {

	height: 286px;

	width: 100%;

	overflow: hidden

}



.question-choose-nav .box .img img {

	width: 100%

}



.question-choose-nav .box .txt {

	color: #434343;

	font-size: 18px;

	line-height: 70px

}



.btn-wrapp {

	text-align: center;

	margin-top: 40px

}



.suit-btn {

	width: 168px;

	height: 48px;

	line-height: 50px;

	text-align: center;

	background: #0dad84;

	border-radius: 5px;

	color: #fff;

	font-size: 16px;

	margin: 0 14px;

	display: inline-block

}



.suit-btn.pre-btn {

	background-color: #d4d4d4

}



#questionbox2 .question-choose-nav .box {

	margin: 0 10px

}



#questionbox3 .question-choose-nav .box {

	margin: 0 10px

}



#questionbox4 .question-choose-nav .box {

	width: 630px;

	margin: 0 5px

}



#questionbox4 .question-choose-nav .box .img {

	height: 420px

}



.question-choose-nav .box .lookimg {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #0bb78e;

	background-color: rgba(11, 183, 142, .7);

	display: none

}



.question-choose-nav .box .lookimg .tits {

	color: #fff;

	font-size: 30px;

	text-align: center;

	margin-top: 150px

}



.question-choose-nav .box .lookimg .looks {

	width: 240px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	color: #464646;

	font-size: 18px;

	background-color: #fff;

	margin: auto;

	margin-top: 42px

}



#questionbox4 .question-choose-nav .box:hover .lookimg {

	display: block

}



.green-product-text1 {

	width: 1280px;

	height: 800px;

	margin: 0 auto

}



.green-product-text1-title {

	font-size: 46px;

	color: #434343;

	padding-top: 176px;

	margin-left: 730px

}



.green-product-text1-content {

	width: 548px;

	margin-top: 64px;

	margin-left: 730px

}



.green-product-text1-content p {

	font-size: 16px;

	color: #969696;

	line-height: 26px

}



.green-product-text1-num {

	font-size: 18px;

	color: #434343;

	margin-top: 78px;

	margin-left: 730px

}



.green-product-text1-num div {

	float: left

}



.mid-line {

	border-right: 1px solid #ebebeb;

	height: 34px;

	margin: 10px 24px

}



.spcs-num {

	font-size: 40px;

	color: #2fc7a0

}



.green-product-text2 {

	width: 1280px;

	height: 800px;

	margin: 0 auto

}



.green-product-text2-title {

	font-size: 46px;

	color: #fff;

	padding-top: 176px

}



.green-product-text2-content {

	width: 548px;

	margin-top: 64px

}



.green-product-text2-content p {

	font-size: 16px;

	color: #fff;

	line-height: 26px

}



.green-product-text2-num {

	font-size: 18px;

	color: #fff;

	margin-top: 78px

}



.green-product-text4 {

	width: 1280px;

	height: 800px;

	margin: 0 auto

}



.green-product-text4-title {

	text-align: center;

	font-size: 46px;

	color: #fff;

	padding-top: 235px

}



.green-product-text4-content {

	text-align: center;

	margin-top: 40px

}



.green-product-text4-content p {

	text-align: center;

	font-size: 18px;

	color: #fff;

	line-height: 38px

}



.green-product-text4-num {

	font-size: 18px;

	color: #fff;

	margin-top: 26px

}



.green-product-text5 {

	width: 1280px;

	height: 800px;

	margin: 0 auto

}



.green-product-text5-title {

	font-size: 46px;

	color: #434343;

	padding-top: 164px

}



.green-product-text5-content {

	width: 548px;

	margin-top: 64px

}



.green-product-text5-content p {

	font-size: 16px;

	color: #969696;

	line-height: 26px

}



.green-product-text5-num {

	font-size: 18px;

	color: #434343;

	margin-top: 78px

}



.green-product-text5-num div {

	float: left

}



.brand-container {

	min-width: 1280px;

	height: 786px;

	background: url(../img/static-img/brandidea-banner.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center

}



.brand-text {

	width: 1280px;

	margin: 0 auto

}



.brand-eng-tit {

	font-size: 42px;

	color: #0bb78e;

	padding-top: 146px

}



.brand-zh-tit {

	font-size: 24px;

	color: #515151;

	margin-top: 32px

}



.brand-cut-off {

	width: 38px;

	height: 3px;

	background: #b3b2b26e;

	margin: 32px 0

}



.brand-content-text {

	font-size: 18px;

	color: #404040;

	width: 650px;

	line-height: 42px

}



.public_tab_case {

	width: 100%;

	padding: 0 0 55px

}



.public_tab_case .tab_items {

	width: 1280px;

	margin: auto;

	text-align: center

}



.public_tab_case .tab_items a {

	padding: 7px 30px;

	color: #434343;

	font-size: 16px;

	margin: 0 32px

}



.public_tab_case .tab_items a:hover {

	color: #2fc7a0;

	border-radius: 18px;

	cursor: pointer

}



.public_tab_case .tab_items a.on {

	background-color: #2fc7a0;

	color: #fff;

	border-radius: 30px

}



.news_hover_ani {

	animation: news_hover_ani .5s linear 0s 1;

	-webkit-animation: news_hover_ani .5s linear 0s 1;

	-o-animation: news_hover_ani .5s linear 0s 1;

	-moz-animation: news_hover_ani .5s linear 0s 1

}



@-webkit-keyframes news_hover_ani {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



@-moz-keyframes news_hover_ani {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



@-o-keyframes news_hover_ani {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



@keyframes news_hover_ani {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



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

	.overAour {

		max-height: 250px

	}

}