body{
	background: #f5f5f5;
}
.clearFloat {
	clear: both;
}

.reach-box{
	width: 100%;
	height: 650px;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.reach-box .reach-box-title{
	width: 100%;
	padding-top: 164px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.reach-service{
	width: 1200px; 
	height: 92px;  
	margin: 0 auto;
	margin-top: 100px;
}

.reach-service ul{
	width: 1423px;
	margin: 0 auto;
	font-size: 0;
}

.reach-service ul li{
	max-width: 326px;
	text-align: center;
	display: inline-block;
	margin-left: 176px;
}

.reach-service ul li .service-txt h3{
	font-size: 20px;
	color: #fff;
	padding-top: 14px;
}

.reach-cerficate{
	width: 1200px;
	height: 245px;
	background: #fff;
	margin: 0 auto;
	margin-top: -147px;
	box-shadow: 0 4px 5px #989898;
	position: relative;
}

.reach-word{
	width: 542px;
	float: left;
	margin: 40px 0 0 50px;
}

.reach-word h3{
	font-size: 36px;
	color: #2f3b4e;
	padding-bottom: 18px;
}

.reach-word p{
	font-size: 14px;
	color: #6a7993;
	line-height: 30px;
}

.reach-logo{
	float: right;
	width: 426px;
	margin-right: 56px;
	margin-top: 50px;
}

.reach-logo .bule{
	float: left;
}

.reach-logo .gray{
	float: right;
}

.reach-logo .bule, .reach-logo .gray{
	width: 170px;
	font-size: 14px;
	color: #555;
	text-align: center;
}

.reach-logo .bule span, .reach-logo .gray span{
	display: block;
	padding-top: 16px;
}
/*end*/

/*commen*/
.reach-commen{
	width: 1200px;
	margin: 0 auto;
}

.reach-commen-top{
	margin-top: 88px;
	text-align: center;
	
}

.reach-commen-top h2{
	font-size: 36px;
	color: #2f3b4e;
	font-weight: bold;
}

.reach-give{
	margin-top: 44px;
}

.reach-give ul{
	height: 238px;
	overflow: hidden;
}

.reach-give .item{
	width: 200px;
	height: 236px;
	border-radius: 1px;
	box-shadow: 2px 2px 2px #989898;
	background: #fff;
	float: left;
	margin-right: 133px;
}
.reach-give .item:last-child {
	margin-right: 0;
}

.reach-give .item img{
	display: block;
	margin: 0 auto;
	padding-top: 14px;
}

.reach-give .item p{
	width: 140px;
	height: 76px;
	margin: 0 auto;
	padding-top: 24px;
	font-size: 14px;
	color: #555;
	text-align: center;
	line-height: 24px;
}

.vip-service{
	width: 100%;
	height: 950px;
	background: #fff;
	margin-top: 96px;
}

.vip-service-box{
	width: 1200px;
	margin: 0 auto;
}

.vip-service-triangle{
	width: 400px;
	height: 120px;
	margin: 0 auto;
}

.vip-service-box .sec{
	margin-top: 40px;
}

.vip-service-txt{
	margin-top: 36px;
}

.vip-service-txt p{
	font-size: 18px;
	color: #6a7993;
	text-align: center;
	line-height: 30px;
}

.vip-service-l{
	width: 604px;
	float: left;
	margin-top: 60px;
}

.vip-service-l h3{
	font-size: 30px;
	color: #F39800;
	font-weight: 500;
	padding-left: 80px;
}

.vip-service-l span{
	font-size: 16px;
}

.vip-service-l p{
	font-size: 14px;
	color: #999;
	width: 450px;
	line-height: 24px;
	padding-top: 30px;
	margin-left: 80px;
}

.vip-service-l img{
	margin-top: 60px;
}

.vip-service-r{
	width: 396px;
	float: right; 
	margin-right: 46px;
}

.vip-service-r p{
	width: 380px;
}

/*advantage*/
.reach-advantage{
	position: relative;
	width: 1200px;
	height: 650px;
	margin: 0 auto;
}

.reach-advantage-up{
	position: relative;
	width: 460px;
	height: 204px;
	top: 30px;
	margin-left: 25px;
}

.reach-advantage-up img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.reach-advantage-up h3{
	font-size: 50px;
	color: #fff;
	font-weight: 600;
	padding-left: 32px;
}

.reach-advantage-up p{
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	padding-left: 32px;
	padding-top: 40px;
}

.reach-advantage-down{
	float: right;
	width: 506px;
	margin-right: 24px;
	margin-top: -32px;
	height: 234px;
}

.reach-advantage-down h3{
	padding-left: 0;
	padding-right: 56px;
}

.reach-advantage-down p{
	padding-left: 0;
	line-height: 36px;
}

.reach-advantage-down .price{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

.reach-advantage-txt{
	margin: 0 auto;
	padding-top: 86px;
	font-size: 18px;
	color: #fff;
	text-align: center;	
}

.reach-advantage-txt h4{
	font-weight: normal;
}

.reach-advantage-txt i{
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
}

.reach-advantage-btn{
	width: 200px;
	height: 70px;
	margin: 120px auto 20px;
	position: relative;
}

.reach-advantage-btn a{
	display: block;
	text-align: center;
	color: #fff;
	background: #5fb4e5;
	font-size: 16px;
	font-weight: bold;
	height: 70px;
	width: 200px;
	line-height: 70px;
	position: absolute;
}


.reach-advantage-btn a:nth-child(1) {
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transform-origin: 50% 50% -25px;
	-webkit-transform-origin: 50% 50% -25px;
	-moz-transform-origin: 50% 50% -25px;
}

.reach-advantage-btn a:nth-child(2) {
	color: #ffffff;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transform-origin: 50% 50% -25px;
	-webkit-transform-origin: 50% 50% -25px;
	-moz-transform-origin: 50% 50% -25px;
}

.reach-advantage-btn:hover a:nth-child(1) {
	background: #1f6ab4;
	color: #ffffff;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}

.reach-advantage-btn:hover a:nth-child(2) {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
}

.reach-advantage-btn:hover{
	/*box-shadow: 2px 2px 2px #444 inset;*/
}

.reach-supplier{
	width: 1200px;
	margin: 0 auto;
}

.reach-supplier-list ul{
	width: 1364px;
	overflow: hidden;
	padding: 0 50px;
}

.reach-supplier-list .list{
	width: 472px;
	height: 228px;
	background: url(../../images/reach-pub/sup-bg.png) no-repeat;
	position: relative;
	float: left;
	margin-top: 50px;
	margin-right: 160px;
}

.reach-supplier-list .list-ot{
	background: url(../../images/reach-pub/sup-bg2.png) no-repeat;
}

.reach-supplier-list .list h4{
	font-size: 16px;
	color: #555;
	text-align: center;
	font-weight: normal;
	padding-top: 100px;
}

.reach-supplier-list .list .b-line{
	display: block;
	width: 430px;
	height: 1px;
	margin: 0 auto;
	margin-top: 18px;
	background: #5fb4e5;
}

.b-icon{
	display: block;
	width: 27px;
	height: 30px;
	background:url(../../images/reach-pub/b-icon.png) no-repeat;
	position: absolute;
	left: 78px;
	top: 160px;
}

.reach-supplier-list .list p{
	position: relative;
	left: 116px;
	width: 300px;
	font-size: 14px;
	color: #555;
	margin-top: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.reach-supplier-list .list a:hover{
	color: #1470cc;
	text-decoration: underline;
}

/*search*/
.reach-search{
	width: 1200px;
	height: 258px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.reach-search .third{
	margin-top: 6px;
}

.reach-search .third h2{
	padding-top: 80px;
} 

.reach-search-word{
	font-size: 14px;
	text-align: center;
	color: #555;
	padding-top: 30px;
}

.reach-search-word .detail a{
	color: #1470cc;
}

.reach-search-word .detail a:hover{
	text-decoration: underline;
}

/*contact*/
.reach-contact{
	width: 100%;
	height: 338px;
	background: #fff;
}

.reach-contact-box{
	width: 1200px;
	height: 338px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.reach-contact .fouth{
	margin-top: 0;
}

.reach-contact .fouth h2{
	color: #999;
	padding-top: 50px;
}

.reach-contact-title p{
	text-align: center;
	color: #555;
	padding-top: 55px;
	font-size: 16px;
}

.reach-contact-custom{
	width: 304px;
	height: 200px;
	margin: 0 auto;
}

.reach-contact-custom ul{
	width: 705px;
	height: 200px;
	margin-top: 30px;
	overflow: hidden;
}

.reach-contact-custom li{
	width: 70px;
	height: 70px;
	text-align: center;
	float: left;
	color: #555;
	margin-right: 165px;
}

.reach-contact-custom li img{
	border-radius: 35px;
}

.reach-contact-custom .name{
	display: block;
	padding-top: 6px;
	font-size: 16px;
	
}

.reach-contact-custom .name:hover{
	color: #1470CC;
	text-decoration: underline;
}

/*en css*/

.reach-box .reach-box-en{
	padding-top: 92px;
	line-height: 84px;
}

.reach-service-en{
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left: -600px;
}

.reach-service-en ul{
	width: 1358px;
	overflow: hidden;
}

.reach-service-en ul li{
	margin-right: 96px;
}

.reach-service ul li .service-en h3{
	font-size: 18px;
	line-height: 22px;
}

.reach-word-en{
	width: 587px;
}

.reach-commen-en h2{
	font-size: 32px;
}

.reach-give-en ul{
	width: 1304px;
}

.reach-give-en .item{
	width: 220px;
	margin-right: 106px;
}

.reach-give-en .item p{
	width: 196px;
	padding-left: 4px;
	line-height: 28px;
}

.vip-service-high{
	height: 968px;
}

.vip-service-en span{
	font-size: 16px;
	font-weight: bold;
}	

.vip-service-r-en{
	width: 515px;
	margin-right: 0;
}

.vip-service-r-en h3{
	padding-left: 0;
	font-weight: bold;
}

.vip-service-r-en a{
	display: block;
	padding-top: 4px;
	font-size: 22px;
	color: #555;
}

.vip-service-r-en p{
	width: 515px;
	margin: 0 auto;
}

.reach-advantage-btn-en{
	margin-top: 60px;
}

.reach-advantage-down-en h3{
	padding-top: 30px;
	font-size: 16px;
}

.reach-advantage-down-en img{
	z-index: -1;
}

.reach-advantage-down-en a{
	color: #fff;
	text-decoration: underline;
	font-size: 25px;
	font-weight: bold;
}

.reach-advantage-down-en .price{
	text-decoration: none;
}

.reach-search-uk{
	height: 220px;
}

.reach-search-en{
	padding-top: 20px;
}

.reach-search-en .detail{
	line-height: 28px;
}

.reach-contact-en{
	width: 304px;
}

.reach-contact-en img{
	border-radius: 34px;
}

.lwc-chat-frame {
   	bottom: 20px !important; 
    right: 20px !important;
    margin-bottom: 0;
    margin-right: 0;
}


/*.up1{
	-webkit-animation:fadeInUp .6s ease-out 0s forwards; 
	animation:fadeInUp .6s ease-out 0s forwards;	
}

.down1{
	-webkit-animation:fadeInDown1 1s ease-out 0s forwards; 
	animation:fadeInDown 1s ease-out 0s forwards; 
}*/

@keyframes fadeInUp{
	from{opacity: 0; transform:translate3d(0,25%,0);}
	to{opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp{
	from{opacity: 0; transform:translate3d(0,25%,0);}
	to{opacity: 1;transform: none;}
}

@keyframes fadeInDown1{
	from{opacity: 0; transform:translate3d(0,-25%,0);}
	to{opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown1{
	from{opacity: 0; transform:translate3d(0,-25%,0);}
	to{opacity: 1;transform: none;}
}
@keyframes fadeInDown{
	from{opacity: 0; transform:translate3d(0,-35%,0);}
	to{opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown{
	from{opacity: 0; transform:translate3d(0,-35%,0);}
	to{opacity: 1;transform: none;}
}