.terms { margin:95px auto 80px auto; width:100%;}
.terms .title {width:100%; height:170px; background:#f7f7f7; text-align: center; position: relative;}
.terms .title h2 {font-size:23px;  position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.terms .tab {max-width:350px; width:100%; margin:0 auto; margin-top:-27px; position: relative; z-index: 1;}
.terms .tab:after {content:'';  clear: both; display: table;}
.terms .tab li {float:left; width:50%;}
.terms .tab li a {display: inline-block; width:100%; padding:16px 0; text-align: center; font-size:16px; border:1px solid #e7e7e7; color:#999; background:#fff;}
.terms .tab li.on a {background:#2F37FF; color:#fff; border:1px solid #2F37FF;}


.terms .main_txt {max-width:850px; margin:60px auto;}
.terms .main_txt  p {font-size:15px; color:#333; line-height:1.35em;}
.terms .main_txt  p b {display: inline-block; font-size:19px; color:#111; margin-bottom:25px;}

@media screen and (max-width:1200px) {
	.terms { margin:75px auto 60px auto;}
}
@media screen and (max-width:900px) {
	.terms .title {height:140px;}
	.terms .title h2 {font-size:20px;}
	.terms .tab li a {font-size:15px; padding:14px 0;}
	.terms .main_txt {padding:0 20px;}
	.terms .main_txt  p {font-size:14px;}
	.terms .main_txt  p b {font-size:17px;}
}