@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("../fonts/YouSheBiaoTiHei-2.woff2") format("woff2"),
       url("../fonts/YouSheBiaoTiHei-2.woff") format("woff"),
       url("../fonts/YouSheBiaoTiHei-2.ttf") format("truetype"),
       url("../fonts/YouSheBiaoTiHei-2.eot") format("embedded-opentype"),
       url("../fonts/YouSheBiaoTiHei-2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.page-banner {
	overflow: hidden;
}

.page-banner img {
	display: block;
	width: 100%;
}

.page-containers.product-termBody{
	margin: 60px auto 85px;
}

.page-title.page-title-1 {
	font-size: 36px;
	color: #004121;
	line-height: 1;
	font-weight: 450;
	margin-bottom: 15px;
	letter-spacing: 1px;
	position: unset;
	float: none;
}

.page-title.page-title-1:before {
	display: block;
	margin: 57px auto 27px;
	content: "";
	width: 94px;
	height: 8px;
	background: #004121;
	border-radius: 3px;
	position: unset;
}

.page-description {
	font-size: 18px;
	color: #1B1B1B;
	font-weight: 300;
	margin-bottom: 50px;
}

.store-screen {
	font-weight: normal;
}

.store-screen label {
	font-weight: normal;
	margin-bottom: 0;
	display: inline-block;
}

.store-screen label span {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 15px;
	font-size: 18px;
	font-weight: 300;
}

.store-screen label select {
	height: 36px;
	line-height: 36px;
	width: 196px;
	border: 2px #38815D solid;
	outline: none;
	margin-right: 30px;
	text-indent: .5em;
}

.store-screen label .btn {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 37px;
	padding: 0;
	display: block;
	margin-bottom: 0;
	width: 224px;
	height: 37px;
	border: 2px #004121 solid;
	background: #004121;
	border-radius: 14px;
}

#dituContent {
	height: 600px;
}

.map-body {
	position: relative;
}

.map-body .closeMap {
	display: none;
}

.map-body .contactList {
	position: absolute;
	z-index: 99;
	background: rgba(255,255,255,1);
	width: 360px;
	height: 100%;
	top: 0;
	left: 8%;
}

.map-body .contactList ul {
	margin: 20px;
	width: auto;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.map-body .contactList ul li {
	margin-bottom: 12px;
}

.map-body .contactList ul li + li {
	border-top: 1px #5A5A5A solid;
	padding-top: 15px;
	margin-top: 10px;
}

.map-body .contactList ul li .title span,
.map-body .contactList ul li .title {
	font-size: 18px;
	color: #1B1B1B;
}

.map-body .contactList ul li .address,
.map-body .contactList ul li .hotline {
	font-size: 12px;
	line-height: 21px;
	padding-left: 25px;
	width: 80%;
	margin-top: 20px;

}

.map-body .contactList ul li .address {
	background: url(../images/013.png) no-repeat left top;
}

.map-body .contactList ul li .hotline {
	background: url(../images/012.png) no-repeat left top;
}

.map-body .contactList ul li a.map-btn {
	width: 117px;
	display: block;
	line-height: 33px;
	border-radius: 16px;
	text-align: center;
	font-size: 18px;
	color: #004121;
	border: 2px #004121 solid;
	margin-top: 20px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.map-body .contactList ul li a.map-btn:hover {
	background: #004121;
	color: #FFFFFF;
}

.map-body .contactList .swiper-scrollbar-drag {
	background: #004121;
}

.map-body .contactList .swiper-scrollbar {
	background: none;
}

.iw_poi_title {
	font-weight: normal;
	color: #004121;
	font-size: 18px;
	margin-bottom: 21px;
	display: block;
}

.iw_poi_content {
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
}

.iw_poi_content a {
	display: block;
	background: #38815D;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
	margin-top: 40px;
	padding: 0 10px;
}

.design-page-title {
	margin-bottom: 80px;
}

.design-page-title .design-title-body {
	display: inline-block;
	position: relative;
}

.design-page-title .design-title-body:before {
	display: block;
	content: "";
	width: 17px;
	height: 96%;
	border: 2px #323232 solid;
	border-right: 0;
	position: absolute;
	top: 2%;
	left: -25px;
}

.design-page-title .design-title-body:after {
	display: block;
	content: "";
	width: 17px;
	height: 96%;
	border: 2px #323232 solid;
	border-left: 0;
	position: absolute;
	top: 2%;
	right: -25px;
}

.design-page-title .en {
	color: #666666;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 1;
}

.design-page-title .cn {
	margin-top: 35px;
	color: #000000;
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: 600;
	line-height: 1;
}

.design-terms {
	margin-bottom: 70px;
}

.design-terms a {
	display: inline-block;
	font-weight: 500;
	font-size: 24px;
	padding: 0 90px;
	position: relative;
	color: #000000;
}

.design-terms a + a:before {
	display: block;
	content: "/";
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}

.designBody .design-case-list img {
	width: 100%;
}

.designBody .design-case-list li {
	margin-bottom: 30px;
}

.designBody .design-case-list dl dd {
	position: relative;
}

.designBody .design-case-list .design-scroll .design-content {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,.6);
	width: 100%;
	padding: 15px;
	z-index: 9;
}

.designBody .design-case-list .design-content .case-name {
	display: block;
	font-size: 24px;
	line-height: 24px;
	color: #323232;
	padding-bottom: 14px;
	margin-bottom: 14px;
	position: relative;
}

.designBody .design-case-list .design-content .case-name:after {
	display: block;
	content: "";
	width: 40px;
	height: 1px;
	background: #585754;
	position: absolute;
	bottom: 0;
}

.designBody .design-case-list .design-content .case-text {
	display: block;
	font-size: 18px;
	color: #323232;
}

.designBody .design-case-list .design-pagination {
	position: absolute;
	text-align: right;
	right: 15px;
	bottom: 15px;
	z-index: 99;
	padding: 15px;
}

.designBody .design-case-list .design-pagination .swiper-pagination-bullet {
	background: none;
	width: 20px;
	height: 20px;
	border: 2px #7E7974 solid;
	opacity: 1;
}

.designBody .design-case-list .design-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #7E7974;
}

.designBody .design-case-list .design-image + .design-content {
	background: #FFFFFF;
	padding: 30px;
}

.designBody .design-case-list .design-image + .design-content.case-content {
	padding: 20px;
}

.designBody .design-case-list .design-image + .design-content .design-name {
	color: #323232;
	font-size: 30px;
	margin-bottom: 32px;
}

.designBody .design-case-list .design-content.case-content .design-name {
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.designBody .design-case-list .design-image + .design-content p {
	font-size: 24px;
	color: #323232;
	margin-bottom: 17px;
}

.designBody .design-case-list .design-image + .design-content.case-content p {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.designBody .design-case-list .design-image + .design-content p span {
	font-size: 24px;
	color: #4A8264;
}
.designBody .design-case-list .design-image + .design-content.case-content p span {
	font-size: 18px;
}

.designBody .caseMore a {
	display: block;
	background: #E6E6E6;
	color: #999999;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
}

.article-title {
	font-size: 14px;
	color: #333333;
	padding: 30px 0;
	line-height: 30px;
}

.article-title .article-date {
	font-size: 14px;
	color: #333333;
	float: left;
	margin-right: 30px;
}

.article-title .article-date i {
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	color: #969696;
}

.article-title .article-share h2,
.article-title .article-share {
	font-size: 14px;
	color: #333333;
}

.article-title .article-share h2 {
	font-weight: bold;
	display: inline-block;
}

.article-title .article-share a {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 30px;
}

.article-title .article-share a + a {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.article-title .article-share i {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: block;
}

.article-title .article-share .qzone i {
	background: url(../images/bg006.jpg) -4px -5px;
}

.article-title .article-share .qq i {
	background: url(../images/bg006.jpg) 105px -5px;
}

.article-title .article-share .weibo i {
	background: url(../images/bg006.jpg) 69px -5px;
}

.article-title .article-share .wechat i {
	background: url(../images/bg006.jpg) 34px -5px;
}

.article-title .breadcrumbs {
	text-align: right;
}

.article-title .breadcrumbs li {
	display: inline-block;
	color: #666666;
	font-size: 14px;
}

.article-title .breadcrumbs li a {
	display: block;
	color: #666666;
	font-size: 14px;
}

.article-title .breadcrumbs li a i {
	font-size: 16px;
}

.article-content {
	width: 90%;
	padding-top: 20px;
	margin: 0 auto 75px;
	text-align: justify;
}

.article-content + .article-content {
	margin-top: -70px;
}

.article-content img {
	max-width: 100%;
}

.article-switch {
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	padding: 30px 0;
	margin-bottom: 100px;
}

.article-switch .switch-child {
	width: 90%;
	margin: 0 auto;
}

.article-switch span {
	color: #004023;
	font-size: 18px;
}

.article-switch a {
	line-height: 36px;
	color: #323232;
	font-size: 18px;
}

#mapCanvas {
	margin-top: 90px;
}

.contact-information {
	padding: 60px 0 130px;
}

.contact-information .section-title {
	font-size: 30px;
	color: #3C3C3C;
	margin: 15px 0 40px;
}

.contact-information .contact-info p {
	font-size: 18px;
	line-height: 30px;
	color: #3C3C3C;
}

.contact-information .contact-info p a {
	color: #3C3C3C;
	font-size: 18px;
}

.about-article-content {
	font-weight: 300;
	font-size: 18px;
	margin-top: 150px;
}

.conpany-nums {
	background: #517C63;
	border-radius: 10px;
	position: relative;
	z-index: 99;
	bottom: 0;
	width: 175%;
}

.conpany-nums ul {
	padding: 40px 20px;
	display: flex;
    text-align: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    direction: ltr;
    -ms-flex-align: stretch;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.conpany-nums li {
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
	float: left;
	text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.conpany-nums li span {
	display: block;
	font-family: "YouSheBiaoTiHei";
	font-size: 85px;
	line-height: 1;
}

.product-system {
	margin-bottom: 180px;
}

.product-system .title {
	display: block;
	color: #517C63;
	font-size: 36px;
	font-family: "YouSheBiaoTiHei";
	margin: 150px 0 15px;
}

.product-system .desc-txt {
	font-size: 14px;
	color: #262626;
	margin-bottom: 55px;
}

.product-system .product-system-content {
	/*min-height: 500px;
	background: url(../images/020.png) no-repeat center;
	background-size: ;*/
}

.product-system .product-system-content img {
	display: block;
	width: 100%;
}

.product-system .product-system-content p {
	color: #221815;
	font-size: 14px;
	text-indent: 2em;
	position: relative;
}

.product-system .product-system-content p.txt1 {
	top: 5em;
}

.product-system .product-system-content p.txt2 {
	top: 1.8em;
}

.product-system .product-system-content p.txt3 {
	top: 5em;
}

.company-desc {
	position: relative;
}

.company-desc .company-desc-txt {
	position: relative;
	margin: 55px 0 30px;
	color: #45484E;
	font-size: 18px;
}

.company-desc .company-desc-txt p {
	font-size: 18px;
	text-indent: 2em;
	margin-bottom: 40px;
	line-height: 30px;
}

.company-desc .company-desc-img {
	width: 90%;
}

.company-desc .company-desc-img img {
	display: block;
	width: 100%;
}

.company-desc .about-name-less {
	position: relative;
}

.company-desc:after {
	display: block;
	content: "";
	width: 45%;
	height: 60%;
	background: #517C63;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.brand-position {
	padding-top: 100px;
	margin-bottom: 100px;
}

.cooper-modul-title {
	font-size: 30px;
	color: #004121;
	margin-bottom: 100px;
	font-weight: 350;
}

.brand-position img {
	margin-bottom: 35px;
}

.brand-position p {
	width: 13em;
	margin: 0 auto;
	font-size: 12px;
	line-height: 18px;
	color: #777777;
	text-align: left;
}

.brand-position b {
	font-size: 14px;
	line-height: 27px;
	display: block;
	font-weight: 450;
	color: #3C3C3C;
}

.cooper-advant b {
	font-weight: 400;
	font-size: 24px;
	display: block;
	line-height: 31px;
	margin: 25px 0 18px;
}

.cooper-advant p {
	color: #777777;
	font-size: 12px;
	width: 15em;
	margin: 0 auto 170px;
}

.cooprec {
	padding: 45px 0 60px;
	background: #517C63;
}
.article_news-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #517C63;
	padding-bottom: 2em;
}
.article_news-link .link_items-keyword {
	color: #cccccc;
	margin: 0 1em;
}

@media (max-width: 1400px) {
	.cooprec .containerBody {
		width: 90%;
	}
}

.cooprec ul {
    display: flex;
    text-align: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    direction: ltr;
    -ms-flex-align: stretch;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.cooprec ul li {
	text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cooprec ul li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.cooprec ul li span {
	font-size: 24px;
	color: #FFFFFF;
	line-height: 32px;
	margin-top: 22px;
	display: block;
	font-weight: 350;
}

.coop-contact {
	padding: 65px 0;
}

.coop-contact ul li:first-child {
	text-align: right;
}

.coop-contact img {
	margin-left: 30px;
}

.coop-contact span {
	font-size: 30px;
	line-height: 70px;
	color: #517C63;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
}

.case-detail {
	margin: 120px 0;
}

.case-detail iframe {
	display: block;
	width: 100%;
	height: 820px;
}

@media (max-width: 1600px) {
	.case-detail iframe {
		height: 680px;
	}
}

@media (max-width: 1440px) {
	.case-detail iframe {
		height: 612px;
	}
}

@media (max-width: 1366px) {
	.case-detail iframe {
		height: 580px;
	}
}

.caseList ul {
	padding-left: 20%;
	position: relative;
}

.caseList ul:after {
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	top: 0;
	left: 5%;
}

.caseList ul li {
	margin-bottom: 20px;
	position: relative;
}

.caseList ul li.cur:after {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	border-left: 2px #CCCCCC solid;
	border-top: 2px #CCCCCC solid;
	background: #F5F5F5;
	z-index: 99;
	position: absolute;
	top: 50%;
	left: -21%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.caseList ul li img {
	display: block;
	width: 100%;
}

.case-describe {
	margin-top: 100px;
}

.case-describe .case-title {
	font-size: 30px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 40px;
}

.case-describe ul {
	float: right;
	text-align: right;
}

.case-describe li {
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
}

.case-describe li.casevr-icon {
	margin-right: 60px;
}

.case-describe li.casevr-title {
	width: 35px;
	text-align: left;
}

.case-describe li.casevr-title span {
	font-size: 18px;
	display: block;
	line-height: 20px;
	margin-top: 15px;
}

.oxygen-modul .title .en {
	font-size: 30px;
	color: #CCCCCC;
	letter-spacing: 5px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1;
}

.oxygen-modul .title .en:after {
	display: block;
	content: "";
	width: 100px;
	height: 4px;
	background: #4A8264;
	margin: 39px auto;
}

.oxygen-modul .title .cn {
	font-size: 30px;
	color: #000000;
	letter-spacing: 5px;
	font-weight: normal;
	line-height: 1;
}

.oxygen-modul1 {
	margin: 100px auto 90px;
}

.oxygen-modul1 li {
	text-align: center;
	padding: 0 0 20px;
	position: relative;
}

.oxygen-modul1 li + li:after {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	border-left: 1px #E1E1E1 dashed;
	position: absolute;
	left: 0;
	top: 0;
}

.oxygen-modul1 li img {
	display: block;
	width: 140px;
	background: #EDEEF2;
	border-radius: 100%;
	margin: 0 auto 35px;
}

.oxygen-modul1 li:hover img {
	background: #4A8264;
}

.oxygen-modul1 li img.oxyIcon2,
.oxygen-modul1 li:hover img.oxyIcon1 {
	display: none;
}

.oxygen-modul1 li:hover img.oxyIcon2 {
	display: block;
}

.oxygen-modul1 li .name {
	font-size: 24px;
	color: #000000;
	margin-bottom: 25px;
	letter-spacing: 5px;
}

.oxygen-modul1 li .txt {
	font-size: 18px;
	color: #323232;
	letter-spacing: 5px;
}

.oxygen-modul2 {
	padding: 90px 0;
	background: #F0F0F0;
}

.oxygen-modul2 .describes .name {
	font-size: 30px;
	color: #000000;
	margin-top: 40px;
	letter-spacing: 3px;
}

.oxygen-modul2 .describes .name:after {
	display: block;
	content: "";
	width: 75px;
	height: 4px;
	background: #73A188;
	margin: 22px 0 40px;
}

.oxygen-modul2 .describes .txt {
	font-size: 18px;
	letter-spacing: 2px;
	color: #000000;
	text-align: justify;
	width: 85%;
	text-indent: 1em;
	line-height: 2;
}

.oxygen-steps ul {
	margin-top: 100px;
	display: flex;
    text-align: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    direction: ltr;
    -ms-flex-align: stretch;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oxygen-steps ul li {
	cursor: pointer;
	padding: 40px 0;
	position: relative;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.oxygen-steps ul li + li:after {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	border-left: 1px #BDBDBD dashed;
	position: absolute;
	left: 0;
	top: 0;
}

.assurance-body li img,
.oxygen-steps ul li img {
	display: block;
	margin: 0 auto 35px;
}

.assurance-body li img {
	width: 60px;
}

.assurance-body li img + img,
.oxygen-steps ul li img + img {
	display: none;
}

.assurance-body li span,
.oxygen-steps ul li span {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 18px;
}

.assurance-body li span {
	font-size: 36px;
}

.assurance-body li:hover span, 
.oxygen-steps ul li:hover span {
	color: #4A8264;
}

.assurance-body li:hover img,
.oxygen-steps ul li:hover img {
	display: none;
}

.assurance-body li:hover img + img,
.oxygen-steps ul li:hover img + img {
	display: block;
}

.advant-txt {
	margin: 100px auto 50px;
	font-size: 24px;
	color: #4A8264;
	letter-spacing: 3px;
	font-family: "Source Han Serif CN";
	line-height: 1.8;
}

.advant-guide {
	font-size: 18px;
	color: #000000;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

.oxygen-modul4 li {
	margin-bottom: 50px;
	display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    direction: ltr;
    -ms-flex-align: stretch;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oxygen-modul4 li .iconNum {
	font-size: 60px;
	color: #AAAAAA;
	width: 118px;
	height: 118px;
	line-height: 118px;
	text-align: center;
	position: relative;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.oxygen-modul4 li .iconBody {
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.oxygen-modul4 li .iconNum span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/bg007.png) no-repeat center;
	top: 0;
	left: 0;
}

.oxygen-modul4 li .name {
	font-size: 24px;
	color: #323232;
	line-height: 2;
}

.oxygen-modul4 li .txt {
	width: 88%;
	font-size: 18px;
}

.oxygen-modul5 {
	padding: 130px 0 125px;
	background: url(../images/bg008.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	margin-bottom: 110px;
}

.patent-modul {
	background: rgba(104,155,124,.8);
	padding: 75px 50px;
}

.oxygen-modul5 .modulTit .en {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

.oxygen-modul5 .modulTit .en:after {
	display: block;
	content: "";
	width: 100px;
	height: 4px;
	background: #FFFFFF;
	margin: 32px 0 35px;
}

.oxygen-modul5 .modulTit .cn {
	font-size: 40px;
	color: #FFFFFF;
	font-weight: 450;
}

.oxygen-modul5 .patentTxt {
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: justify;
	margin-top: 70px;
}

.patentDescTxt {
	position: absolute;
	left: 0;
	bottom: 65px;
	z-index: 99;
	background: linear-gradient(to right,rgba(104,155,124,0),rgba(104,155,124,.6),rgba(104,155,124,.6),rgba(104,155,124,.8));
	padding: 48px 65px;
}
.patentDescTxt span {
	display: block;
	font-size: 54px;
	color: #4A8264;
	font-family: "YouSheBiaoTiHei";
	text-shadow: 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF, 3px -3px 0px #FFFFFF, -3px 3px 0px #FFFFFF;
	margin-bottom: 26px;
	line-height: 1;
	letter-spacing: 3px;
}

.patentDescTxt p {
	font-size: 40px;
	color: #FFFFFF;
	line-height: 1;
	letter-spacing: 5px;
}

.assurance-body li {
	margin-bottom: 30px;
	cursor: pointer;
}

.assurance-body li .assurance-content {
	background: #F5F5F5;
	padding: 75px 0;
}
.kewordsqa li a{
	display: inline-block;
}

.real-list {
	margin-top: 80px;
}

.real-list .title {
	font-size: 60px;
	font-family: "YouSheBiaoTiHei";
	line-height: 1;
	color: #517C63;
	position: relative;
	padding-left: 20px;
	margin-bottom: 70px;
}

.real-list .title:before {
	display: block;
	width: 6px;
	height: 50px;
	content: "";
	background: #517C63;
	position: absolute;
	top: 5px;
	left: 0;
}

.real-list li {
	margin-bottom: 90px;
}

.real-list li .real-thumb {
	margin-right: -30px;
}

.real-list li .real-content {
	display: block;
	background: #474747;
	position: relative;
	height: 100%;
	display: flex;
}

.real-list li .real-content .text {
	margin: auto;
	width: 60%;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: justify;
	text-indent: 2em;
	font-size: calc(4px + 1.1vw);
	line-height: 1.5;
}

.real-list li .real-content .others {
	display: block;
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 20px;
}

.real-list li .real-content .others span {
	display: block;
	color: #FFFFFF;
	font-size: calc(1px + 1.1vw);
	line-height: 30px;
}

.real-list li .show-image {
	margin-top: 120px;
	position: relative;
}

.real-list li .show-image .image-a {
	/*margin: 0 -15px;*/
	padding: 15px;
	border: 2px #000000 solid;
}

.real-list li .show-image .image-b {
	margin-left: -8.33333333%;
	padding: 15px;
	/*border: 2px #000000 solid;*/
	position: absolute;
	bottom: -15%;
	right: 0;
}

.real-list li .show-image .image-b:after {
	display: block;
	content: "";
	border: 2px #000000 solid;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.real-list li .photos-list {
	margin-top: 180px;
}

.table-nav{
	position: relative;
	margin-top: -50px;
}
.table-nav .container{
	position: relative;
	z-index: 2;
}
.table-nav .page-nav{
	margin-top: 0;
}
.table-nav::before{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	height: calc(100% + 48px);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: linear-gradient(to left,#3a624b 0,#3a624b 747px, transparent 747px, transparent 802px, #3a624b 802px);
}
.table-nav::after{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: calc(100% + 48px);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: linear-gradient(to right, #3a624b 0,#3a624b 747px, transparent 747px, transparent 802px, #3a624b 802px);
}
.table-modul1 .search{
	background-color: #3f6652;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 572px;
	box-sizing: border-box;
	padding: 8px 9px;
	border-radius: 10px;
	margin: 102px auto 0;
}
.table-modul1 .search .text{
	color: #010101;
	font-size: 30px;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	text-align: center;
	background-color: #fff;
	line-height: 1;
	flex: 1;
	border-radius: 6px;
	padding: 12px 0;
}
.table-modul1 .search .text span{
	color: #a80202;
	font-size: inherit;
}
.table-modul1 .search img{
	margin: 0 16px 0 13px;
}
.table-modul1 .title .en {
	font-size: 30px;
	color: #CCCCCC;
	letter-spacing: 5px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1;
}

.table-modul1 .title .en:after {
	display: block;
	content: "";
	width: 100px;
	height: 4px;
	background: #4A8264;
	margin: 39px auto;
}

.table-modul1 .title .cn {
	font-size: 30px;
	color: #000000;
	letter-spacing: 5px;
	font-weight: normal;
	line-height: 1;
}
.table-modul1 .des{
	margin:45px auto 60px;
}
.table-modul1 .des p{
	color: #3a3a3a;
	font-size: 24px;
	line-height: 1.75;
}

.table-modul2{
	background: #f0f0f0;
	padding: 120px 0 114px;
	margin-top: 105px;
}

.table-modul2 .title{
	font-size: 30px;
	position: relative;
	line-height: 1;
	padding-bottom: 30px;
}
.table-modul2 .title::after{
	content: "";
	display: block;
	width: 75px;
	height: 4px;
	background-color: #73a188;
	position: absolute;
	bottom: 0;
}
.table-modul2 .title span{
	font-size: inherit;
	color: #b62422;
}
.row2 .title{
	text-indent: -0.9em;
}
.table-modul2 .row + .row{
	margin-top: 55px;
}
.table-modul2 .des{
	text-indent: 2em;
	font-size: 18px;
	line-height: 2;
	margin-top: 22px;
	letter-spacing: 0.1em;
}
/* .table-modul2 .content{
	padding: 0 70px;
} */
.table-modul2 .row1 .content{
	padding-top: 16px;
}
.table-modul2 .row2 .content{
  padding-top: 93px
}

.table-modul3{
	text-align: center;
	padding: 90px 0 78px;
	line-height: 1;
}
.table-modul3 .title{
	font-size: 50px;
}
.table-modul3 p{
	font-size: 22px;
	color: #3d3d3d;
	line-height: 48px;
	margin-top: 28px;
}
.table-modul3 p span{
	color: #b90404;
	font-size: 33px;
}
.table-modul3 .slogan{
	background-color: #3a624b;
	color: #fff;
	letter-spacing: 5px;
	text-indent: 5px;
	max-width: 443px;
	display: flex;
	justify-content: space-between;
	border-radius: 4px;
	padding: 16px 32px;
	margin: 30px auto 0;
}
.table-modul3 .slogan div{
	font-size: 25px;
}

@media ( max-width: 1600px ) {
	.real-list li .real-content .text {
		margin: 20% auto;
		width: 65%;
	}
}
@media (min-width: 1200px){
	.table-modul2 .content{
		padding: 0 70px;
	}
}
@media ( max-width: 1200px ) {
	.table-modul2 .content{
		margin-top: 40px;
	}
	.table-modul2 img{
		max-width: 100%;
	}
	.table-modul2 .content{
		padding-top: 0!important;
	}
	.row2{
		display: flex;
		flex-wrap: wrap;
	}
	.row2 .image{
	 	order: 1;
	}
	.row2 .content{
		order: 2;
	}
	.row .image{
		text-align: center;
	}
}
@media ( min-width: 1024px ) {
	.company-desc {
		padding-left: 50px;
		position: relative;
	}
	.company-desc:before {
		display: block;
		content: "";
		width: 28px;
		height: 100%;
		background: #517C63;
		position: absolute;
		left: 0px;
		top: 0;
	}
	.proThumb {
		margin-top: -265px;
	}
	.real-list li .photos-list .swiper-button {
		display: none;
	}
}
@media ( max-width: 1024px ) {
	.page-banner img {
		display: block;
		width: 160%;
		margin: 0 -30%;
		object-fit: cover;
	}
	.page-banner-2 img {
		display: block;
		width: 120%;
		margin: 0 -10%;
		object-fit: cover;
	}
	.store-screen label span {
		margin-right: 5px;
	}
	.store-screen label select {
		margin-right: 10px;
		width: 180px;
	}
	.store-screen label .btn{
		margin-top: 15px;
	}
	.map-body .contactList {
		width: 100%;
		left: 0;
		bottom: 0;
		top: auto;
		height: 40%;
		border-top: 1px #E5E5E5 solid;
		border-bottom: 1px #E5E5E5 solid;
	}
	.map-body .closeMap {
		display: block;
		font-size: 18px;
		position: absolute;
		z-index: 1000;
		right: 0;
		top: 60%;
		width: 30px;
		height: 30px;
		background: #FFFFFF;
		text-align: center;
		line-height: 30px;
		border-radius: 3px 0 0 3px;
	}
	.iw_poi_content a.appoint {
		margin-top: 15px;
	}
	.about-article-content {
		margin-top: 100px;
	}
	.conpany-nums {
		width: auto;
	}
	.conpany-nums ul {
		display: block;
	}
	.conpany-nums ul li {
		width: 50%;
		margin-bottom: 15px;
		position: relative;
	}
	.conpany-nums ul li + li + li {
		border-top: 1px #E3E3E3 dashed;
		padding-top: 10px;
	}
	.conpany-nums ul li:nth-child(2n+1):after {
		display: block;
		content: "";
		width: 1px;
		height: 100%;
		border-right: 1px #E3E3E3 dashed;
		position: absolute;
		right: 0;
		top: 8px;
	}
	.product-system .product-system-content img {
		display: none;
	}
	.product-system .product-system-content p {
		top: 0 !important;
	}
	.describes img {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.oxygen-modul1 li:nth-child(2n+1):after {
		display: none;
	}
	.oxygen-steps ul {
		display: block;
	}
	.oxygen-steps ul li {
		width: 33.33%;
		float: left;
	}
	.oxygen-steps ul li:nth-child(3n+1):after {
		display: none;
	}
	.case-detail {
		margin-top: 15px;
	}
	.case-content {
		margin-bottom: 30px;
	}
	.case-describe {
		margin-top: 30px;
	}
	.case-describe .case-title {
		margin-bottom: 15px;
	}
	.caseList ul li.cur:after {
		display: none;
	}
	.real-list .title {
		font-size: 44px;
		margin-bottom: 30px;
	}
	.real-list .title:before {
		height: 30px;
	}
	.real-list li {
		margin-bottom: 50px;
	}
	.real-list li .real-thumb {
		margin: 0;
	}
	.real-list li .real-content {
		margin: 0 15px;
		height: 260px !important;
		display: block;
		padding: 35px 0px 35px;
	}
	.real-list li .real-content .text {
		width: auto;
		margin: 0px 20px;
		font-size: 18px;
	}
	.real-list li .real-content .others {
		bottom: 3px;
		left: 15px;
		width: 100%;
	}
	.real-list li .real-content .others span {
		float: left;
		margin-right: 30px;
		font-size: 13px;
	}
	.real-list li .show-image {
		margin: 0;
	}
	.real-list li .show-image .image-a {
		border: none;
		height: 208px;
		text-align: center;
		width: 49%;
		padding: 0;
		margin-top: 3%;
		margin-right: 1%;
	}
	.real-list li .show-image .image-b {
		margin: 0;
		position: static;
		border: none;
		height: 208px;
		text-align: center;
		width: 49%;
		padding: 0;
		margin-left: 1%;
		margin-top: 3%;
	}
	.real-list li .show-image .image-b:after {
		display: none;
	}
	.real-list li .show-image img {
		height: 100%;
		display: inline-block;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.real-list li .photos-list {
		margin: 3% auto;
		/*width: 80%;*/
		padding: 0 10%
	}
	.real-list li .photos-list .swiper-button {
		background: #FFFFFF;
		width: 10%;
		height: 120%;
		top: 0;
	}
	.real-list li .photos-list .swiper-button:after {
		display: none;
	}
	.real-list li .photos-list .swiper-button.swiper-button-next {
		right: -1px;
		background: url(../images/060.png) no-repeat center #FFFFFF;
		background-size: 50% auto;
	} 
	.real-list li .photos-list .swiper-button.swiper-button-prev {
		left: -1px;
		background: url(../images/059.png) no-repeat center #FFFFFF;
		background-size: 50% auto;
	} 
	.real-list li .photos-list dl img {
		box-shadow: 0 0 10% #DEDEDE;
	}
}

@media ( max-width: 640px ) {
	.page-banner img {
		display: block;
		width: 200%;
		margin: 0 -50%;
		object-fit: cover;
	}
	.page-banner-2 img {
		display: block;
		width: 140%;
		margin: 0 -20%;
		object-fit: cover;
	}
	#dituContent {
		/*height: 400px;*/
	}
	.map-body .closeMap {
		display: block;
		font-size: 16px;
		position: absolute;
		z-index: 555;
		right: 0;
		top: 40%;
		width: 30px;
		height: 30px;
		background: #FFFFFF;
		text-align: center;
		line-height: 30px;
		border-radius: 3px 0 0 3px;
	}
	.map-body .contactList {
		width: 100%;
		left: 0;
		height: 60%;
		top: auto;
		bottom: 0;
	}
	.map-body .contactList i {
		color: #38815D;
		font-size: 16px;
	}
	.iw_poi_content a.appoint {
		margin-top: 15px;
	}
	.store-screen label span {
		display: none;
	}
	.store-screen label select {
		margin-bottom: 10px;
		margin-right: 0;
		border-radius: 0;
		line-height: 37px;
		height: 37px;
	}
	.store-screen label .btn {
		width: 180px;
		border-radius: 0;
	}
	.map-body .contactList ul li .address, 
	.map-body .contactList ul li .hotline {
		font-size: 14px;
	}
	.iw_poi_content a {
		line-height: 42px;
	}
	.design-terms a {
		padding: 0 24px;
		font-size: 22px;
	}
	.design-terms a + a:before {
		left: -4px;
	}
	.designBody .design-case-list dl dd .design-content {
		position: static;
	}
	.designBody .design-case-list .design-image + .design-content .design-name {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.designBody .design-case-list .design-image + .design-content p {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1;
	}
	.designBody .design-case-list .design-image + .design-content p span {
		font-size: 18px;
	}
	.contact-information * {
		text-align: left;
	}
	.contact-information {
		padding: 30px 0 60px;
	}
	.contact-information .section-title {
		margin: 20px 0;
	}
	.article-title .breadcrumbs {
		text-align: left;
		padding: 0;
		white-space: nowrap;
		overflow-x: auto;
		line-height: 40px;
	}
	#mapCanvas {
		margin-top: 40px;
	}
	.about-article-content {
		margin-top: 40px;
	}
	/*.conpany-nums ul li {
		width: 100%;
	}*/
	.conpany-nums ul li + li + li {
		border-top: 1px #E3E3E3 dashed;
		padding-top: 10px;
	}
	.conpany-nums ul li:after {
		display: none !important;
	}
	.conpany-nums ul li:nth-child(2n):before {
		display: block;
		content: "";
		width: 1px;
		height: 100%;
		border-left: 1px #FFFFFF dashed;
		position: absolute;
		left: 0;
		top: 8px;
	}
	.conpany-nums li span {
		font-size: 65px;
	}
	.oxygen-steps ul li {
		width: 50%;
	}
	.oxygen-steps li:nth-child(3n+1):after {
		display: block !important;
	}
	.oxygen-steps li:nth-child(2n+1):after {
		display: none;
	}
	.oxygen-modul .title .en:after {
		margin: 20px auto;
	}
	.oxygen-modul5 {
		padding: 80px 0;
		/*margin-bottom: 45px;*/
	}
	.oxygen-modul5 .modulTit .en {
		line-height: 1.3;
		font-size: 30px;
	}
	.oxygen-modul5 .patentTxt {
		margin-top: 35px;
	}
	.patentDescTxt {
		position: unset;
		bottom: -30px;
		margin-top: 30px;
	}
	.patentDescTxt span {
		font-size: 45px;
	}
	.patentDescTxt p {
		font-size: 26px;
	}
	.assurance-body li {
		margin-bottom: 15px;
	}
	.case-describe li.casevr-icon {
		float: left;
	}
	.caseList ul {
		padding-left: 0;
		margin: 10px -1%;
	}
	.caseList ul li {
		width: 48%;
		margin: 1%;
		float: left;
		position: relative;
	}
	.caseList ul li.cur:before {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		border: 4px #004121 solid;
		position: absolute;
		top: 0;
		background: none;
		left: 0;
	}
	.product-system {
		margin-bottom: 20px;
	}
	.company-desc:before {
		display: block;
		content: "";
		width: 100%;
		height: 10px;
		background: #517C63;
		position: absolute;
		top: 15px;
		right: 0;
		z-index: 0;
	}
	.company-desc:after {
		display: block;
		content: "";
		width: 80%;
		height: 25%;
		background: #517C63;
		position: absolute;
		bottom: -8%;
		right: 0;
		z-index: -1;
	}
	.product-system .desc-txt {
		font-size: 12px;
		margin-bottom: 25px;
	}
	.product-system .title {
		margin: 40px 0 15px;
	}
	.cooper-advant p {
		margin-bottom: 35px;
	}
	.brand-position p {
		display: none;
	}
	.coop-contact ul li:first-child {
		margin-bottom: 30px;
		text-align: center;
	}
	.coop-contact ul li {
		text-align: center;
	}
	.cooprec ul li span {
		font-size: 18px;
		line-height: 24px;
		margin-top: 10px;
	}
	.cooper-modul-title {
		margin-bottom: 40px;
	}
}