* {padding: 0;	margin: 0;}
img {border: 0;}
a {text-decoration: none;}
ul,li {list-style-type: none;}
html {height: 100%;}
body {font-family: "Source Han Sans CN,Microsoft YaHei";}
.container {height: 100%; width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;	background: #e6e6e6;}
.logo {text-align: center; background: #fff;}
.logo img {width: 100%; margin: 0.8571428571428571rem 0; margin:0;}
nav {width: 100%; height: 2.357142857142857rem; background: #008d99;}
nav ul li {border-bottom: 1px solid #fff;border-left:1px solid #fff; width:24.6%; text-align:center; line-height:2.357142857142857rem; color:#fff; font-size:0.8571428571428571rem; float:left; position:relative;}
nav ul li img {width:0.07142857142857142rem; position:absolute; top:30%; right:0;}
.banner {background:#fff; text-align:center;}
.banner img {width:100%; vertical-align:middle;}
.banner>p {font-size:0.8571428571428571rem; padding:1.0714285714285714rem 0;}
.banner .bd{width: 100%; position:relative;}
.banner .bd ul li{width:33%; font-size:0.8571428571428571rem; padding:1.0714285714285714rem 0; background:#fff;}
.txtMarquee-left .bd .tempWrap{width:90% !important;margin:0 auto; }
.part1 {margin-top:0.7142857142857143rem; background:#fff; overflow:hidden; box-sizing:border-box; padding:0 0.7142857142857143rem; padding-bottom:1.5714285714285714rem;}
/* .title {margin: 1.4285714285714286rem 0; color: #ab7447; font-size: 1.2857142857142858rem; font-weight: bold; text-indent: 0.5em; border-left: 0.21428571428571427rem solid #b8272a;} .title>span {font-weight: normal;     color: #c4c4c4; font-size: 1.0714285714285714rem; text-transform: uppercase;}*/
.title{
	margin: 1.0714285714285714rem 0;
	margin : 0.5rem 0;
	padding: 0.6rem 0;
	background: #f2f1ed;
	overflow: hidden;
}
 .tit-cont{
	width: 86%;
	box-sizing: border-box;
	padding: 0.35714285714285715rem 0.7142857142857143rem;
	margin: 0.7142857142857143rem 0;
	background: #008d99;
	border-top-right-radius: 2.142857142857143rem;
	border-bottom-right-radius: 2.142857142857143rem;
	position: relative;
}
 .tit-cont>p{
	position: relative;
	font-size: 1.1428571428571428rem;
	color: #fff;
	font-weight: bold;
	border-bottom: 0.07142857142857142rem solid #fff;
	padding-bottom: 0.14285714285714285rem;
	display: inline-block;
}
 .tit-cont>div{
	font-size:1rem;
	color: #e9e9e9;
	margin-top: 0.21428571428571427rem;
}
 .tit-cont p>span{
	font-size: 1.42858rem;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	position: absolute;
	top: 0.16285714285714285rem;
	left: 104%;
}
.way-cont {position: relative;}
.way-cont>img {width: 56.6%; vertical-align: middle;}
.reason {position: absolute; border: 1px solid #acacac; border-radius: 0.21428571428571427rem; width: 38.3%; height: 2.5rem; box-sizing: border-box; padding: 0.35714285714285715rem;}
.reason img {width: 1.5714285714285714rem; padding: 0 0.5714285714285714rem 0 0.35714285714285715rem;}
.reason p {width: 65%; font-size: 0.8571428571428571rem; display: inline-block; height: 100%; float: right; text-align: center; line-height: 1.7857142857142858rem; border-left: 0.07142857142857142rem solid #cacaca;}
.way-cont .reason:nth-of-type(1) {top: 0; right: 0;}
.way-cont .reason:nth-of-type(2) {bottom: 0; right: 0;}
.part1>ul {margin-top: 1.0714285714285714rem;}
.part1>ul li {width: 22%; float: left; text-align: center; border: 1px solid #CDCDCD; margin-left: 3.1%;}
.part1>ul li img {width: 2.2857142857142856rem; padding: 0.5714285714285714rem 0; vertical-align: middle;}
.part1>ul li p{font-size: 0.7857142857142857rem; margin-bottom: 0.5714285714285714rem;}
.part2{margin-top: 0.7142857142857143rem; background: #FFF; overflow: hidden;box-sizing: border-box; padding: 0 0.7142857142857143rem; padding-bottom: 1.5714285714285714rem;}
.p2-img{width: 100%; vertical-align: middle;}
.part2>h3{border-bottom: 0.07142857142857142rem solid #535353; display: inline-block; font-size: 0.9285714285714286rem; font-weight: bold; margin: 0.7142857142857143rem 0;}
.part2>div{font-size: 0.8571428571428571rem; line-height: 1.2857142857142858rem;}
.part2>div a{color:#008d99;}
.part2>ul li{width:48%; height:2.5rem; line-height: 2.5rem; float: left; border: 1px solid #c7966e; background: #fdfaf8; border-radius: 0.5714285714285714rem; margin-top:0.7142857142857143rem ; font-size: 0.8571428571428571rem; color: #ab7447; text-align: center;}
.part2>ul {margin-top: 0.35714285714285715rem;}
.part2>ul li:nth-of-type(2n){margin-left: 2%;}
.part3{margin-top: 0.7142857142857143rem; background: #FFF; overflow: hidden; box-sizing: border-box; padding: 0 0.7142857142857143rem; padding-bottom: 1.5714285714285714rem;}
.doc-part{position: relative;}
.doc-part img{width: 100%; vertical-align: middle;}
.doc-part>p{font-size: 1.1428571428571428rem; font-weight: bold; color: #c36f2b; position: absolute; text-align: center; bottom: 12%; width: 100%;}
.doc-part>div{font-size: 0.8571428571428571rem; position: absolute; text-align: left; bottom: 2%; left: 0; right: 0; width: 95%; margin: auto;}
.doc-det{width: 95%; margin-top: 2.142857142857143rem; border: 1px solid #e1e1e1; margin-left: 5%; height: 10.214285714285714rem; position: relative;}
.doc_img{width: 9.428571428571429rem; position: absolute; top: -8%; left: -5%;}
.doc_desc{width: 56%; height: 100%; float: right;}
.doc_name{font-size: 1.1428571428571428rem; color: #008d99; padding: 0.8571428571428571rem 0;}
.doc_name span{text-transform: uppercase; color: #cbcbcb;}
.doc-info{font-size: 0.8571428571428571rem; line-height: 1.4285714285714286rem; color:#555;}
.btn-cont{margin-top: 1.0714285714285714rem;}
.btn-cont img{width: 7.142857142857143rem;}
.btn-zx{float: left; margin-left: 10%;}
.btn-det{float: right; margin-right: 10%;}
.part4{margin-top: 0.7142857142857143rem; background: #FFF; overflow: hidden; box-sizing: border-box; padding: 0 0.7142857142857143rem; padding-bottom: 1.5714285714285714rem;}
.p4-img{width: 100%; vertical-align: middle;}
.p4-desc{background:#f9eee4 ; margin-top: 0.7142857142857143rem; box-sizing: border-box; padding: 0 0.21428571428571427rem; overflow: hidden; padding-bottom: 0.42857142857142855rem;}
.ul-title li{float: left; text-align: center; height: 2.4285714285714284rem; font-size: 0.9285714285714286rem; background:#f9eee4 ; line-height: 2.4285714285714284rem;}
.ul-title li:nth-of-type(1){width: 25%;}
.ul-title li:nth-of-type(2){width: 50%;}
.ul-title li:nth-of-type(3){width: 25%;}
.ul-det{margin-top: 2.4285714285714284rem; height: 3.142857142857143rem;}
.ul-det li{float: left; height: 100%; text-align: center; position: relative;}
.ul-det li:nth-of-type(1){width: 25%; background: #c38b5d; border-top-left-radius: 0.21428571428571427rem; border-bottom-left-radius: 0.21428571428571427rem; font-size: 1rem;     color: #fff; font-weight: bold; line-height: 3.142857142857143rem;}
.ul-det li:nth-of-type(2){width: 50%; background: #fff; font-size: 0.8571428571428571rem!important; text-align: left; box-sizing: border-box; padding: 0 0.5714285714285714rem;}
.ul-det li:nth-of-type(2) p{margin-top: 0.5rem; font-size: 0.8571428571428571rem!important;}
.ul-det li:nth-of-type(3){width: 25%; background: #fff; border-top-right-radius: 0.21428571428571427rem; border-bottom-right-radius: 0.21428571428571427rem;}
.ul-det li:nth-of-type(3) p{color: #a46633; border:1px solid #a46633; padding: 0.35714285714285715rem 0.7142857142857143rem; background: #f9eee4; border-radius: 1.4285714285714286rem; font-size: 0.8571428571428571rem; margin-top: 12%;}
.p4-desc .ul-det:nth-child(3){margin-top: 0.7142857142857143rem;}
.p4-desc .ul-det:nth-of-type(4){margin-top: 0.7142857142857143rem;}
.p4-desc .ul-det:nth-of-type(4) li:nth-child(1){line-height: 1.5714285714285714rem;}
.tria{width: 0.2857142857142857rem; position: absolute; top: 1.0714285714285714rem; right: -0.2857142857142857rem; z-index: 2;}

.case{margin-top: 0.7142857142857143rem; background: #FFF; overflow: hidden; box-sizing: border-box; padding: 0 0.7142857142857143rem; padding-bottom: 1.5714285714285714rem;}

.case ul{display:flex; flex-direction:row; flex-wrap:wrap;}
.case ul li{width:49%; margin-right:2%; margin-bottom:3%; display:flex; flex-direction:column;}
.case ul li{width:32.333333%; margin-right:1.5%; display:flex; flex-direction:column;}
/*.case ul li:nth-child(2n){margin-right:0%;}*/
.case ul li:nth-child(3n){margin-right:0%;}
.case ul li img{width:100%;}
.case ul li p{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height:50px; line-height:25px; font-size:16px;}

.part5{margin-top: 0.7142857142857143rem; background: #FFF; overflow: hidden; box-sizing: border-box; padding: 0 0.7142857142857143rem; padding-bottom: 1.5714285714285714rem;}
#slideBox{position: relative; padding-bottom: 1.7857142857142858rem;}
.part5 .bd li img{width: 100%; vertical-align: middle;}
.part5 .hd ul{position: absolute; bottom: 0; left: 28%;}
.part5 .hd ul li {float: left; width: 0.6428571428571429rem; height: 0.6428571428571429rem; overflow: hidden; margin-left: 0.8rem; border-radius: 0.32rem; background: #6C6C6C;}
.part5 .hd ul li.on{background: #008d99; width: 2rem;}
.footer{margin-top: 0.7142857142857143rem; box-sizing: border-box; padding: 0 0.7142857142857143rem; overflow: hidden; background: #fff; padding-bottom: 3.5714285714285716rem;}
.footer ul{margin-top: 1.7857142857142858rem;}
.footer ul li{float: left; width: 17.7%; margin-left: 2%; font-size: 0.7857142857142857rem!important; text-align: center; border: 1px solid #008d99; padding-bottom: 0.21428571428571427rem;}
.footer ul li img{width: 1.6428571428571428rem; padding: 0.5rem; vertical-align: middle;}
.address{margin-top: 8.571428571428571rem; border-top: 0.07142857142857142rem solid #e9e9e9;}
.footer-logo{width: 100%; vertical-align: middle; padding: 1.4285714285714286rem 0;}
.address p{font-size: 0.8571428571428571rem; color: #666666; line-height: 1.3571428571428572rem; text-align: center;}
.gb_272_ul{ clear:both; overflow:hidden; width:100%; margin:auto;}
.gb_272_ul li{ width:48%!important; border-radius:.5em; background:#e8957c; line-height:2.5em; margin-bottom:1em; text-align:center;color:#ffffff;}
.gb_272_ul li a{ display:block;border-right:none!important;color:#fff!important;}
.gb_272_ul li:nth-child(odd){ float:left;}
.gb_272_ul li:nth-child(even){ float:right;}
.gb_272_ul li:nth-child(2),.gb_272_ul li:nth-child(3),.gb_272_ul li:nth-child(6),.gb_272_ul li:nth-child(7){ background:#f1cda2;}
@media screen and (min-width:320px) {
	html {font-size: 14px!important;	}
}
@media screen and (min-width:360px) {
	html {font-size: 15.75px!important;	}
}
@media screen and (min-width:375px) {
	html {font-size: 16px!important;}
}
@media screen and (min-width:414px) {
	html {font-size: 18px!important;}
}
@media screen and (min-width:480px) {
	html {font-size: 21px!important;}
}
@media screen and (min-width:640px) {
	html {font-size: 28px!important;
	}
}