@font-face {
		font-family: Merriweather-Light;
		font-weight: normal;
		src: url("../font/Merriweather-Light.ttf");
	}
	
	@font-face {
		font-family: Merriweather-Bold;
		font-weight: bold;
		src: url("../font/Merriweather-Bold.ttf");
	}
	
	html {
		font-size: calc(100vw / 1920 * 100);
		font-family: Merriweather-Light;
	}
	
	body {
		position: relative;
		margin: 0px;
	}
	
	@media screen and (max-width: 1200px) {
		font-size: 12px;
	}
	
	.banner {
		background: url("../img/bg_title.png") 100% no-repeat;
		background-size: 100% 100%;
		width: 19.2rem;
		height: 5.9rem;
	}
	.title{
		width: 12rem;
		height: 1.1rem;		
		margin: 0 auto;
		vertical-align: middle;
		overflow: hidden;
	}
	
	.logo {
		width: 1.7rem;
		height: 1.1rem;
		float: left;
	}
	
	.logo img {
		width: .54rem;
		height: .54rem;
		margin: .28rem 0;
		vertical-align: middle;
		position: absolute;
	}
	
	.logo span {
		color: rgba(255, 255, 255, 1);
		font-size: .36rem;
		line-height: .54rem;
		font-weight: bold;
		margin: .3rem 0 0 .8rem;
		position: absolute;
	}
	.button_agent{
		border: 2px solid #FFFFFF;
		border-radius: .16rem;
		height: .6rem;
		width: 3rem;
		text-align: center;
		font-size: .16rem;
		font-family: Merriweather-Bold;
		line-height: .6rem;
		margin: .24rem 0;
		float: right;
	}
	.button_agent a{
		color: rgba(255, 255, 255, 1);
		text-decoration: none;
	}
	
	.text_banner {
		width: 6rem;
		height: 2.3rem;
		overflow-wrap: break-word;
		line-height: .24rem;
		text-align: left;
		margin: .8rem 0 1.36rem 3.66rem;
	}
	
	.text_banner h2 {
		color: rgba(255, 255, 255, 1);
		font-size: .72rem;
		font-family: Merriweather-Bold;
		text-align: left;
		margin: 0 0 .3rem;
	}
	
	.text_banner span {
		color: rgba(255, 255, 255, 1);
		font-size: .2rem;
		text-align: left;
	}
	
	.highlights {
		width: 19.2rem;
	}
	
	.highlights_title {
		width: 6rem;
		height: 1.64rem;
		overflow-wrap: break-word;
		text-align: center;
		line-height: .24rem;
		margin: .8rem auto;
	}
	
	.highlights_title h2 {
		color: rgba(255, 106, 127, 1);
		font-size: .6rem;
		font-family: Merriweather-Bold;
	}
	
	.highlights_title span {
		color: rgba(51, 51, 51, 1);
		font-size: .2rem;
		text-align: left;
	}
	
	.grid {
		width: 12rem;
		height: 11.64rem;
		flex-wrap: wrap;
		margin: .78rem auto 0;
		line-height: .36rem;
		display: flex;
		flex-direction: column;
	}
	
	.box_up {
		width: 12rem;
		height: 5.52rem;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.grid h2 {
		color: rgba(255, 106, 127, 1);
		font-size: .24rem;
		font-family: Merriweather-Bold;
		text-align: center;
		line-height: .36rem;
		width: 3.6rem;
		margin: 2rem auto 0;
		position: absolute;
	}
	
	.grid span {
		width: 3.1rem;
		margin: 2.85rem .25rem 0;
		color: rgba(102, 102, 102, 1);
		font-size: .15rem;
		line-height: .36rem;
		text-align: center;
		position: absolute;
	}
	
	.box {
		width: 3.6rem;
		height: 5.52rem;
		align-items: center;
	}
	
	.img_1 {
		background: url("../img/img_trans.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.img_2 {
		background: url("../img/img_time.png") 100% no-repeat;
		background-size: 100% 100%;
		margin: 0 auto;
	}
	
	.img_3 {
		background: url("../img/img_support.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.box_down {
		width: 12rem;
		height: 5.52rem;
		margin: .3rem auto;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.img_4 {
		background: url("../img/img_privacy.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.img_5 {
		background: url("../img/img_global.png") 100% no-repeat;
		background-size: 100% 100%;
		margin: 0 auto;
	}
	
	.img_6 {
		background: url("../img/img_design.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.data_bg {
		background-image: linear-gradient( 0deg, rgba(245, 52, 129, 1) 0, rgba(245, 52, 129, 1) 0, rgba(255, 126, 103, 1) 100%, rgba(255, 126, 103, 1) 100%);
		height: 3rem;
		width: 19.2rem;
		justify-content: flex-center;
	}
	
	.data {
		width: 12rem;
		height: 3rem;
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
	
	.num {
		width: 2.5rem;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		line-height: .36rem;
		margin: auto;
		text-align: center;
	}
	
	.num h2 {
		font-size: .96rem;
		font-family: Merriweather-Bold;
		margin: .24rem auto;
	}
	
	.num span {
		font-size: .18rem;
		font-family: Merriweather-Light;
	}
	
	.comments {
		background: url("../img/img_center.png") 0 0 no-repeat #F6F6FB;
		background-size: 13.32rem 5.58rem;
		background-position: bottom center;
		background-attachment: fixed width: 19.2rem;
		height: 15rem;
		display: flex;
		line-height: .3rem;
		text-align: center;
	}
	
	.comments img {
		width: 4.2rem;
		height: 15rem;
	}
	
	.comments h2 {
		color: rgba(255, 106, 127, 1);
		font-size: .6rem;
		font-family: Merriweather-Bold;
		margin: .96rem auto .72rem;
	}
	
	.comments span {
		color: rgba(51, 51, 51, 1);
		font-size: .18rem;
		text-align: left;
	}
	
	.img_left {
		float: left;
	}
	
	.img_right {
		float: right;
	}
	
	.comments_center {
		width: 12rem;
		height: 15rem;
		justify-content: center;
	}
	
	#certify {
		position: relative;
		width: 12rem;
		height: 6.rem;
		margin: 0 auto;
	}
	
	#certify .swiper-slide {
		width: 5.9rem;
		height: 4.3rem;
		background: url(:"../img/bg_text.png") 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.swiper-container {
		width: 12rem;
		height: 4.3rem;
		justify-content: center;
		margin: .48rem 0;
	}
	
	.swiper-slide {
		text-align: center;
		font-size: .18rem;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		transition: 300ms;
		transform: scale(0.6);
	}
	
	.swiper-slide span {
		width: 4rem;
		line-height: .36rem;
		align-items: center;
	}
	
	.logo_tiny {
		width: 12rem;
		height: .96rem;
		margin: .72rem auto .64rem;
		display: flex;
		justify-content: space-between;
	}
	
	.logo_tiny img {
		width: .96rem;
		height: .96rem;
	}
	
	.logo_tiny span {
		color: rgba(51, 51, 51, 1);
		font-size: .16rem;
		white-space: nowrap;
		line-height: .96rem;
		float: right;
	}
	
	.footer {
		width: 12rem;
		height: 2.1rem;
		background: url("../img/bg_contact.png") 100% no-repeat;
		background-size: 100% 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.contact {
		width: 3rem;
		line-height: .24rem;
		margin: 0 0 0 2rem;
	}
	
	.contact h2 {
		color: rgba(255, 255, 255, 1);
		font-size: .48rem;
		font-family: Merriweather-Bold;
		margin: 0 auto;
		text-align: left;
	}
	
	.contact span {
		color: rgba(255, 255, 255, 1);
		font-size: .18rem;
	}
	
	.button_email {
		background-color: rgba(255, 255, 255, 1);
		border-radius: .16rem;
		height: .6rem;
		width: 2.4rem;
		float: right;
		margin: 0 2rem 0 0;
		text-align: center;
		font-size: .18rem;
		line-height: .6rem;
	}
	
	.button_email a {
		color: rgba(255, 106, 127, 1);
		text-decoration: none;
	}
	.button_download {
		background-color: rgba(255, 255, 255, 1);
		border-radius: .16rem;
		height: .6rem;
		width: 2.4rem;
		text-align: center;
		font-size: .16rem;
		font-family: Merriweather-Bold;
		line-height: .6rem;
		margin: .48rem 0 0;	
		box-shadow:.15rem .2rem .3rem rgba(204, 0, 60, .3) ;	
	}
	
	.button_download a {
		color: rgba(255, 106, 127, 1);
		text-decoration: none;
	}
	.button_download i{
		font-size: .24rem;
		line-height: .6rem;
		margin: 0 .10rem 0 0;
	}