body{
	max-width: 640px;
	margin: 0 auto;
}
.w610{
	width: 95.3125%;
	margin: 0 auto;
}

.fontSize{
	font-size: 0;
}

.img img{
	width: 100%;
	display: block;
}

/* content */
section{
	margin-top: .4rem;
}
.cont-title{
	font-size: 0;
	text-align: center;
}
.cont-title-box{
	display: inline-block;
	overflow: hidden;
}
.cont-title h1{
	font-size: .38rem;
	color: #474e4f;
	line-height: .38rem;
	font-weight: bold;
	margin-bottom: .16rem;
}
.cont-title small{
	font-size: .22rem;
	color: #36787f;
	line-height: .22rem;
	position: relative;
}
section:nth-of-type(even) .cont-title small{
	font-size: .18rem;
	color: #999;
}
.cont-title small:before,
.cont-title small:after{
	width: 1.1rem;
	height: .01rem;
	content: "";
	background: #36787f;
	position: absolute;
	top: 50%;
}
.cont-title small:before{
	left: -1.22rem;
}
.cont-title small:after{
	right: -1.22rem;
}
section:nth-of-type(even) .cont-title small:before,
section:nth-of-type(even) .cont-title small:after{
	background: #999;
}

.cont1-box{
	margin-top: .3rem;
}
.cont1-box-btnlist{
	width: 39.345%;
	float: left;
}
.cont1-box-btnlist li{
	height: 1.1rem;
	background: #f4f4f4;
	border-left: .05rem solid transparent;
	margin-top: .03rem;
	position: relative;
	color: #36787f;
}
.cont1-box-btnlist li:first-of-type{
	margin-top: 0;
}
.cont1-box-btnlist li a{
	display: block;
	padding: .12rem 0 0 .2rem;
	box-sizing: border-box;
}
.cont1-btnl-p1{
	font-size: .24rem;
	color: #36787f;
	line-height: .24rem;
}
.cont1-btnl-p2{
	margin-top: .1rem;
	font-size: .2rem;
	color: #ff850c;
	line-height: .3rem;
}
.cont1-box-btnlist li.active{
	background: #179eaa;
	border-left-color: #fd9733;
}
.cont1-box-btnlist li.active:after{
	border-width: .12rem .15rem;
	border-style: solid;
	border-color: transparent transparent transparent #179eaa; 
	content: "";
	position: absolute;
	right: -.29rem;
	top: 50%;
	transform: translate(0, -50%);
}
.cont1-box-btnlist li.active .cont1-btnl-p1{
	color: #fff;
}
.cont1-box-btnlist li.active .cont1-btnl-p2{
	color: #ffee99;
}
.cont1-box-list{
	width: 59.017%;
	float: right;
}
.cont1-box-list li{
	display: none;
}

.cont2-box{
	margin-top: .3rem;
}
.cont2-box li{
	width: 48.361%;
	margin-top: .26rem;
	float: left;
	text-align: center;
}
.cont2-box li:nth-of-type(even){
	margin-left: 3.28%;
}
.cont2-box li:nth-of-type(1),
.cont2-box li:nth-of-type(2){
	margin-top: 0;
}
.cont2-box li p{
	margin-top: .14rem;
	font-size: .22rem;
	color: #36787f;
	line-height: .22rem;
}
.cont2-box li a{
	width: 1.05rem;
	height: .35rem;
	display: inline-block;
	border: .01rem solid #fd9732;
	border-radius: .1rem;
	margin-top: .12rem;
	box-sizing: border-box;
	font-size: .2rem;
	color: #fd9732;
	line-height: .35rem;
}
.cont2-more{
	width: 2.3rem;
	display: block;
	background: #fd9732;
	border-radius: .1rem;
	margin: .3rem auto 0;
	font-size: .22rem;
	color: #fff;
	line-height: .6rem;
	font-weight: bold;
	text-align: center;
}

.content4{
	margin-top: .6rem;
}
.switch-nav li{
	float: left;
	width: 25%;
	height: .7rem;
	font-size: .26rem;
	color: #fff;
	text-align: center;
	line-height: .7rem;
	background: #8db1b5;
}
.switch-nav li.active{
	font-weight: bold;
	background: #0a848f;
}
.switch-nav li:nth-of-type(n+2){
	box-sizing: border-box;
	border-left: .01rem solid #fff;
}
.switch-tab-box{
	position: relative;
	padding-top: .3rem;
	height: 5.9rem;
	background: #0a848f;
}
.switch-bgImg{
	position: absolute;
	left: 50%;
	bottom: .1rem;
	width: 92.188%;
	transform: translateX(-50%);
}
.switch-tab{
	display: none;
}
.switch-tab ul{
	padding: .08rem;
	background: #e6e6e6;
}
.switch-tab ul li{
	position: relative;
	float: left;
	width: 2.95rem;
}
.switch-tab ul li:nth-of-type(even){
	margin-left: .03rem;
}
.switch-tab ul li:nth-of-type(n+3){
	margin-top: .04rem;
}
.switch-tab ul li img{
	display: block;
	width: 100%;
}
.switch-tab ul li p{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: .4rem;
	font-size: .21rem;
	color: #fff;
	text-align: center;
	line-height: .4rem;
	background: rgba(0, 0, 0, .5);
}
.switch-tab-imgBox{
	position: relative;
}
.switch-tab1{
	display: block;
}
.switch-tab4 ul{
	display: flex;
}
.switch-tab4 ul li{
	float: none;
	height: 4.24rem;
}
.switch-tab4 ul li .switch-tab-imgBox{
	height: 2.1rem;
}