@charset "utf-8";

/*img{display: block;}*/
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.whbfb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}

.wap{width: 90%; max-width: 1600px; margin: 0 auto;}
.waps{width: 90%; max-width: 1200px; margin: 0 auto;}
.wapc{width: 90%; max-width: 1246px;margin: 0 auto;}
:lang(zh-hk) body,body{font-family: "Arial", sans-serif;}
body{
	/*color: #323232; */
	font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; background: #fff; font-family: "Arial", sans-serif;}
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/
img{max-width: 100%;}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}
.main {position: relative;overflow: hidden;}
.sj{display: none;}
.pc{display: block;}



.banner{position: relative;}
.banner .swiper-slide a{height: calc(100vh - 300px); display: block; position: relative; background-size: cover !important; color: #fff; text-transform: uppercase; text-shadow: 0 4px 8px rgba(0,0,0,0.6);}
.banner .swiper-slide h3{ line-height: 1.2em;max-width: 910px;}
.banner .swiper-slide p{line-height: 1.2em; padding-bottom: 0.4em;}
.sybtion{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 3;}
.sybtion span{width: 10px; height: 10px;}
.sybtion span.swiper-pagination-bullet-active{background: #005bac;}
.sybqh{position: absolute; top: 50%; width: 50px; margin-top: -25px; z-index: 3; background: #fff; border-radius: 50%; opacity: 0.7;}
.sybqh:hover{opacity: 1;}
.sybqh1,.sybqh3{ left: 10px;}
.sybqh2,.sybqh4{ right: 10px;}

.Whatdo{text-align: center; padding: 6% 0 8%;}
.Whatdo .tit{font-weight: bold; color: #005BAC;}
.Whatdos{max-width: 1350px; margin: 0 auto; overflow: hidden;}
.Whatdo .swiper-slide{/*float: left; width: 20%;*/ padding-top: 4%;}
.Whatdo .swiper-slide a{display: inline-block;}
.Whatdo .swiper-slide .ico{border: 1px solid #78b2e7; background: #ddd; border-radius: 50%; max-width: 104px; width: 70%; margin: 0 auto;}
.Whatdo .swiper-slide p{font-size: 20px; color: #005bac; padding-top: 0.5em;}
.Whatdo .swiper-slide a:hover .ico{border-color: #005BAC; animation: tiaoyx 0.4s normal; -webkit-animation: tiaoyx 0.4s normal;}
.Whatdo .sybqhe{text-align: center; padding-top: 12px; display: none;}
.Whatdo .sybqhe a{display: inline-block; margin: 0 5px; width: 30px;}
.Whatdo .sybqhe a.swiper-button-disabled{opacity: 0.2;}

.Solhm{position: relative;}
.Solhm .leftit{position: absolute; left: 0; top: 0; width: 25%; height: 100%; background: #fff;}
.Solhm .Solhmc{float: right; width: 75%; position: relative; overflow: hidden;}
.Solhm .leftit .con{width: 90%; max-width: 300px; text-align: center; margin: 0 auto;}
.Solhm .leftit .con .ico{max-width: 104px; width: 70%; margin: 0 auto; padding: 7% 0 6%;}
.Solhm .leftit .con h3{font-weight: bold; line-height: 1.2em;}
.Solhm .leftit .con p{color: #999; font-size: 16px; max-width: 240px; margin: 0 auto;}
.Solhm .leftit .con a{display: block; width: 195px; line-height: 42px; font-size: 16px; margin: 18% auto 0; background: #D51419; color: #fff; border-radius: 21px;}


@media (max-width: 768px){
	.download .searchBox .tt{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.download .searchBox .text{
		width: 73.3%;
	}
}


@media (max-width: 768px){
	.heads .right{
		padding-top: 14px;
	}
	.fx{
		width: 40px;
		height: 100px;
	}
	.fx a{
		width: 40px;
		height: 50px;
	}
}