@charset "UTF-8";
.hmPage1{height:100vh; position:relative}
.hmFocus_item{height:100vh; position:relative}
.hmFocus_img{width:100%; height:100%; position:absolute; left:0; top:0;}
.hmFocus_mobeil_img{display:none;}
.hmPrev { background:rgba(0,0,0,0.6) url(../images/hmc4BtnL.png) no-repeat center center; height: 56px; width: 56px; border: 2px solid #FFF; position: absolute; left:60px; top: 50%; transform:translateY(-50%); z-index:5; border-radius:50%; background-size:10px auto; opacity:0.4 }
.hmNext { background:rgba(0,0,0,0.6) url(../images/hmc4BtnL.png) no-repeat center center; height: 56px; width: 56px; border: 2px solid #FFF; position: absolute; right:60px; top: 50%; transform:translateY(-50%) rotate(180deg); z-index:5; border-radius:50%; background-size:10px auto; opacity:0.4 }
.hmPrev:hover,.hmNext:hover{opacity:1;}
.hmFocus .slick-dots{bottom:5.55vh;}
.hmFocus .slick-dots li{ width:11px; height:11px; border-radius:50%; background:#fff; margin:0 10px;}
.hmFocus .slick-dots li.slick-active{background:#00a0ea;}
.hmFocus .slick-dots li button{display:none;}
@media (max-width:1559px){
.hmFocus .slick-dots{bottom:4.25vh;}
.hmFocus .slick-dots li{width:9px; height:9px; margin:0 9px;}
.hmPrev{left:35px;height: 50px; width: 50px;}
.hmNext{right:35px;height: 50px; width: 50px;}
}
@media (max-width:993px){
.hmFocus_img{ display:none}
.hmFocus_mobeil_img{display:block;width:100%; height:100%; position:absolute; left:0; top:0;}
.hmPrev,.hmNext{display:none;}
}

/*.hmPage2{ background: url(../images/hmp2_img1.png) no-repeat right bottom; background-size:auto 84.9vh; }*/
.hmc2_t { font-size: 50px; line-height: 66px; font-weight: bold; position:relative; z-index:2 }
.hmCon2{ padding-left: 12.39vw; position:relative}
.hmCon2 img{
	width: 40vw;
	position: absolute;
	left: 50vw;
	top: 50%;
	transform: translateY(-50%);
}
.hmc2_des{ max-width: 32vw; font-size: 22px; line-height: 36px; margin: 32px 0px 8px; color: #444; position:relative; z-index:2 }
.hmc2_des2 { font-size: 16px; line-height: 32px; color: #888888; margin-bottom: 62px; max-width: 32vw; position:relative; z-index:2 }
.hmc2_more{ font-size: 16px; line-height: 48px; text-align: center; display: inline-block; height: 50px; width: 200px; border: 1px solid #999999; position:relative; z-index:2 }
.hmc2_more:hover{ color: #FFF; background: #00a0ea; border: 1px solid #00a0ea; }
.hmc2_ent { font: bold 200px/200px din; color: #223362; position: absolute; top: -80px; left: 60px; text-transform: uppercase; opacity:0.05; }
@media (max-width:1799px){
.hmc2_t { font-size: 42px; line-height: 58px;}
.hmc2_des{ font-size: 20px; line-height: 32px; margin: 26px 0px 10px;}
.hmc2_des2 { line-height: 30px; margin-bottom: 50px;}
.hmc2_ent { font: bold 160px/160px din; top: -60px; }
}
@media (max-width:1379px){
.hmc2_t{font-size:38px;}
}
@media (max-width:1199px){
.hmCon2{padding-left:35px;}
.hmc2_des2{font-size:14px; line-height:30px; max-width:40vw;}
.hmCon2{margin-top:50px;}
.hmc2_ent { font: bold 130px/130px din; top: -40px; left:20px; }
.hmPage2{ background-size:auto 74.9vh; }
.hmc2_more{ font-size: 15px; line-height: 46px; height:48px; width: 168px;}
}
@media (max-width:993px){
.hmPage2{ background-size:480px auto; }
.hmCon2{margin-top:0; margin-bottom:150px;}
}
@media (max-width:767px){
.hmPage2{ background-size:180px auto; }
.hmCon2{ margin-bottom:20px; padding:0 15px;}
.hmc2_ent { font: bold 60px/60px din; top: -12px; left:20px; }
.hmc2_t{font-size:25px; line-height:34px; font-weight:normal}
.hmc2_des{ font-size: 16px; line-height: 28px; margin: 22px 0px 8px; max-width: 100%;}
.hmc2_des2 { font-size: 14px; line-height: 26px; margin-bottom:28px; max-width: 100%;}
.hmCon2 img{
	position: static;
	display: block;
	width: 100%;
	transform: none;
	margin-bottom: 20px;
	display: none;
}
.hmc2_more{ font-size: 14px; line-height: 42px; height:44px; width: 128px;}
}


.hmPage3{z-index:3;}
.hmc3Rnd { height: 62.31vh; width: 62.31vh; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.hmc3_img1{ position:relative; z-index:1;}
.hmc3_img2{position:absolute; left:0; top:0; animation:radiusRotate 120s linear infinite; z-index: 1;}
.hmc3_item{height: 9.44vh; width: 9.44vh; transform: translate(-50%,-50%); position: absolute; color: #fff; font-size: 20px; font-weight:bold; line-height: 30px; display: inline-block; z-index: 2;}
.hmc3_item span{display: block; position: relative; background: #00a0ea; width: 100%; height: 100%; border-radius:50%; box-shadow:0 3px 8px 6px rgba(0,94,127,0.3); transition:all 0.5s ease-in-out; opacity:0 }
.hmc3_item span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
.hmc3_item p{
	position: absolute;
	white-space: nowrap;
}
.hmc3_item:hover span{opacity:1;}
.hmc3_item:hover{
	color: #61b6cd;
}
.hmc3_item1{
	top: 2%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.hmc3_item1 p{
	left: 50%;
	bottom: 100%;
	padding-bottom: 10px;
	transform: translateX(-50%);

}
.hmc3_item2{
	top: 26%;
	left: 90%;
}
.hmc3_item2 p{
	left: 100%;
	top: 50%;
	padding-left: 10px;
	transform: translateY(-50%);
}
.hmc3_item3{
	top: 68%;
	left: 94%;
}
.hmc3_item3 p{
	left: 100%;
	top: 50%;
	padding-left: 10px;
	transform: translateY(-50%);
}
.hmc3_item4{
	top: 98%;
	left: 50%;
}
.hmc3_item4 p{
	left: 50%;
	top: 100%;
	padding-top: 10px;
	transform: translateX(-50%);
}
.hmc3_item5{
	top: 68%;
	left: 6%;
}
.hmc3_item5 p{
	right: 100%;
	top: 50%;
	padding-right: 10px;
	transform: translateY(-50%);
}
.hmc3_item6{
	top: 26%;
	left: 10%;
}
.hmc3_item6 p{
	right: 100%;
	top: 50%;
	padding-right: 10px;
	transform: translateY(-50%);
}


.hmc3tnm{ font-size: 50px; line-height: 50px; font-weight: bold; color: #FFF; display: inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5}
@media (max-width:1379px){
.hmc3tnm{font-size:38px;}
}
@media (max-width:993px){
.hmc3Rnd { height:480px; width:480px; }
}
@media (max-width:767px){
.hmc3Rnd { height:180px; width:180px; }
.hmc3tnm{font-size:24px; font-weight:normal; white-space:nowrap; font-weight:bold}
.hmc3_item{font-size:12px; line-height: 20px; width: 20px; height: 20px;}
.hmc3_item span{display:none!important;}
}

.hmc5_tnm{ font-size: 50px; font-weight: bold; line-height: 50px; margin-bottom: 7.87vh; text-align:center}
.hmc5_more { text-align: center; }
.hmc5lgWpr{ max-width:1440px; margin:0 auto 6.48vh; position:relative; height:46.08vh; overflow:hidden}
/*.hmc5lgWpr:after{ content: ""; background: url(../images/lgBg.png) repeat-x left bottom; height: 150px; width: 100%; position: absolute; z-index: 5; left: 0px; bottom: 0px; }*/
.hmc5lgWpr ul{ margin: 0px -13px; }
.hmc5lgWpr ul li{ overflow:hidden;}
.hmc5aBox .overflowHide{ display: block; height: 10.92vh; border: 1px solid #ddd; position: relative; }
.hmc5aBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.hmc5aBox{padding:0 13px 4.44vh; width:20%; float:left;}
.hmc5aBox:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
@media (max-width:1799px){
.hmc5_tnm{ font-size: 46px; line-height: 46px; margin-bottom: 5.87vh;}
}
@media (max-width:1379px){
.hmc5_tnm{ font-size: 38px; line-height: 42px;}
}
@media (max-width:767px){
.hmc5_tnm{font-size:24px; margin-bottom:30px; font-weight:normal}
.hmc5lgWpr{margin-bottom:10px;}
.hmc5aBox{padding-left:5px; padding-right:5px;}
.hmc5lgWpr:after{ height:20px;}
}

.hmc4Box{height: 600px; position: relative; }
.hmc4Prev{ background: #00a0ea url(../images/hmc4BtnL.png) no-repeat center center; width: 60px; position: absolute; left: 0px; top: 50px; bottom: 50px; z-index: 5; display: block; }
.hmc4Next{ background: url(../images/hmc4BtnR.png) no-repeat center center; width: 122px; position: absolute; z-index: 5; top: 0px; right: 0px; display: block; bottom: 0px; transition:all 0.5s ease-in-out; }
@media (min-width:1199px){
.hmc4Next:hover{ background: url(../images/hmc4BtnRa.png) no-repeat center center; transform:translateX(10px)}
}
.hmc4_btns { background: url(../images/hmc4_bg.png) no-repeat center center; width: 240px; position: absolute; top: 100px; bottom: 100px; right: 120px; z-index: 5; }
.hmc4_btns:before{content:""; border:1px solid rgba(255,255,255,0.3); position:absolute; left:10px; right:10px; top:10px; bottom:10px;}
.hmc4Slick{ padding: 0px 0 0 12.5vw;}
.hmc4Item{ height: 600px; padding-top: 75px; position: relative; }
.hmc4_des{ margin-bottom: 4.5vw; font-size: 14px; line-height: 24px; max-width: 26vw; margin-top:28px; }
.hmc4_nums{ color: #00a0ea; font: bold 26px/70px din; }
.hmc4_nums span.hmc4_num1{ font-size: 60px; color: #333; display:inline-block; position:relative; top:20px; }
.hmc4Host {width: 31.25vw; max-width: 600px; position: absolute; top: 50%; right: calc(360px + 3.125vw); transform:translateY(-50%);}
.hmc4Item .bgImg { width: 300px; position: absolute; top: 0px; right: 0px; bottom: 0px; }
.hmc4btnTop { padding-top: 48px; position: absolute; top: 0px; right: 0px; left: 0px; height: 214px; text-align: center; opacity:0;transition:all 0.5s ease-in-out;  }
.hmc4btnTop:after{ content: ""; background: rgba(255,255,255,.2); height: 2px; width: 152px; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%);}
.hmc4btnTop strong{ display: block; font-size: 18px; color: #FFF; line-height: 30px; margin-top: 12px; font-weight: bold; padding: 0px 15px; }
.hmc4btnTop.on{opacity:1;}
.hmc4btnul{ position: absolute; left: 11px; right: 11px; bottom: 45px; }
.hmc4btnul li{ cursor: pointer; color: #FFF; height: 36px; padding-left: 32px; font: bold 17px/36px din; position: relative; }
.hmc4btnul li.on{ background:rgba(255,255,255,0.15); }
.hmc4btnul li.on:before{ content: ""; background: #FFF; height: 16px; width:3px; margin-top: -8px; position: absolute; left: -1px; top: 50%; }
.hmc4_nums,.hmc4_des,.hmc4_des,.hmc4Item .hmc4_moreWr{transition:all 0.5s ease-out; transform:translateX(150px); opacity:0}
.on .hmc4_nums,.on .hmc4_des,.hmc4Item.on .hmc4_moreWr{transform:translateX(0px); opacity:1}
.on .hmc4_nums{transition-delay:0.2s;}
.on .hmc4_des{transition-delay:0.4s;}
.hmc4Item.on .hmc4_moreWr{transition-delay:0.6s;}
@media (min-width:1199px){
.hmc4Prev:hover{ width:100px;}
.hmc4Item .bgImg:after{content:"";transition:all 0.5s ease-in-out; width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; top:0}
.hmc4Item .bgImg.on:after{background:rgba(0,0,0,0.2);}
}
@media (max-width:1799px){
.hmc4_nums{font: bold 22px/60px din; }
.hmc4_nums span.hmc4_num1{ font-size: 50px; top:15px; }
.hmc4Box{margin-top:66px;}
.hmc4btnul li{font-size:16px;}
}
@media (max-width:1379px){
.hmc4Box{height:500px;}
.hmc4btnTop img{width:66px; height:66px;}
.hmc4btnTop { padding-top:28px; height: 148px; }
.hmc4btnTop strong{font-size:16px;}
.hmc4btnul{bottom:22px;}
.hmc4Host{
	width: 26vw;
}
}
@media (max-width:1199px){
.hmc4Host{
	width: 24vw;
}
.hmc4_des{
	max-width: 24vw;
}
}
@media (max-width:993px){
.hmc4Item .bgImg{ display:none}
.hmc4_btns{display:none;}
.hmc4Host{right:100px; width: 32vw;}
.hmc4Item{
	padding-top: 0;
}
.hmc4_des{
	max-width: 40vw;
}
.hmc4Next{ background: #00a0ea url(../images/hmc4BtnL.png) no-repeat center center; width: 60px; position: absolute; right: 0px; top: 50px; bottom: 50px; z-index: 5; display: block; transform:rotate(180deg); }
}
@media (max-width:767px){
.hmc4Host{display:none;}
.hmc4Prev{ width: 30px; top: 40%; bottom: auto; background-size:8px auto; height:50px; transform:translateY(-50%);}
.hmc4Next{ width: 30px; top: 40%; bottom: auto; background-size:8px auto; height:50px; transform:translateY(-50%) rotate(180deg);}
.hmc4_des{margin-bottom:15px; overflow:hidden; max-width: 86%;}
.hmc4Box{
	margin-top: 0;
}
.hmPage4{ background: url(../images/hmc4_host_bg.jpg) no-repeat center center; background-size: cover;}
}

.hmc2_ent{transition:all 2s ease-in-out; transform:translate(-200px,0px); opacity:0; }
.active .hmc2_ent{opacity:0.05; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc2_t{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc2_t{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc2_des{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc2_des{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc2_des2{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc2_des2{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc2_moreBox{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc2_moreBox{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc3Rnd{transition:all 0.8s ease-in-out; transform:translate(-50%,-50%) scale(0.3); opacity:0; }
.active .hmc3Rnd{opacity:1; transform:translate(-50%,-50%) scale(1); transition-delay:0.4s;}
.hmc3Btns .hmc3Btn:nth-child(1){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(1){opacity:1; transition-delay:0.8s;}
.hmc3Btns .hmc3Btn:nth-child(2){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(2){opacity:1; transition-delay:0.9s;}
.hmc3Btns .hmc3Btn:nth-child(3){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(3){opacity:1; transition-delay:1.0s;}
.hmc3Btns .hmc3Btn:nth-child(4){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(4){opacity:1; transition-delay:1.1s;}
.hmc3Btns .hmc3Btn:nth-child(5){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(5){opacity:1; transition-delay:1.2s;}
.hmc3Btns .hmc3Btn:nth-child(6){transition:all 0.5s ease-in-out; opacity:0; }
.active .hmc3Btns .hmc3Btn:nth-child(6){opacity:1; transition-delay:1.3s;}
.hmc4Box{transition:all 0.8s ease-in-out; transform:translate(0px,-250px); opacity:0; }
.active .hmc4Box{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc4Host{transition:all 0.8s ease-in-out; top:75%; opacity:0; }
.active .hmc4Host{opacity:1; top:50%; transition-delay:0.9s;}
.hmc5_tnm{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc5_tnm,.active2 .hmc5_tnm{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc5lgWpr{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc5lgWpr,.active2 .hmc5lgWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc5_more{transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }
.active .hmc5_more,.active2 .hmc5_more{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}