.hmFocus,.hmFocus_item{height: calc(100vh - 130px);}
.hmFocusWpr{position:relative;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFs_bg:after{ content: ""; background: url(../images/hmFs_line.png) repeat-y left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hm-dot { position: absolute; left: 0%; transform: translateX(0%); width: 100%; text-align:left; z-index: 3; bottom: 2.72vw; }
.hm-dot:before { content: ""; height: 1px; background: rgba(255,255,255,0.1); width: 100%; position: absolute; left: 0; top: 16px; display: none }
.hm-dot span { height: 32px; display: inline-block; position: relative; margin: 0 18px; transform: scale(0.8); cursor:pointer; }
.hm-dot span:before { content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 11px; top: 11px; }
.hm-dot span svg { width: 32px; height: 32px; position: absolute; left: 0; top: 0; }
.hm-dot span:after { content: ""; width: 32px; height: 32px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; opacity: 0 }
@keyframes dash { to {
stroke-dashoffset:0px
}
}
.load { width: 100%; height: 100%; position: absolute; z-index: 234; left: 0px; top: 0px; }
.circle { stroke-dasharray: 360px; stroke-dashoffset: 360px }
.on .circle { animation: dash 5s linear forwards }
.hm-dot span.on:before { background: #fff }
.hm-dot span.on:after { opacity: 1; }

.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.1); padding-bottom:4vw;}
.hmBan_txt h4{ display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font: normal 90px/100px syl; }
.hmBan_txt h4 span{ font-family: sym; }
.hmBan_txt strong{ display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font: 66px/80px syl; margin-top: 15px; }
.hmBan_txt p{ display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; margin-top: 25px; font: 26px/40px syl; max-width: 660px; }
.hmBan_txt2 h4{ font: 43px/53px syn; color: #8c815e; }
.hmBan_txt2 strong{ font: 74px/108px syr; color: #282661; margin-top: 18px; }
.hmBan_txt2 strong span{ font-family: sym; }
.active .hmBan_txt h4{ opacity:1; transform:translateY(0);}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.4s}

.hmFsbgx{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:4;}
.hmFsbgx.in{ opacity:1; visibility:visible;}
@media (max-width:1799px){
.hmFocus,.hmFocus_item{height: calc(100vh - 110px);}
.hmBan_txt h4{ font: normal 76px/80px syl; }
.hmBan_txt strong{font: 50px/60px syl; margin-top: 20px; }
.hmBan_txt p{ font-size: 18px; line-height: 28px; margin-top: 20px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.webBom{ color: #FFF; background: #0D0D33; padding: 42px 0px 68px; }
.webBom .container{display:flex;}
.web_bmlx{ width:36%;}
.web_bmlx strong{ font-size: 34px; line-height: 46px; font-weight: normal; display: block; }
.web_bmlx p{ font-size: 16px; line-height: 28px; margin-top: 6px; }
.web_bmrx{}
.web_bmrx strong{ line-height: 46px; font-weight: normal; font-size: 26px; display:block; margin-bottom:35px; }
.web_bmjn{ display: inline-block; height: 52px; border: 1px solid #FFF; padding: 0px 35px; border-radius: 2em; color: #fff; position: relative; overflow: hidden; font: 16px/50px sym; }
.web_bmjn:before {content: "";transition-duration: 800ms;position: absolute;width: 200%;height: 200%;top: 110%;left: 50%;background-color:#fff;transform: translateX(-50%);border-radius: 50%;}
.web_bmjn:hover:before,
.hmc7item:hover .web_bmjn:before{top: -40%;}
.web_bmjn span{ display: inline-block; position: relative; z-index: 1; background: url(../images/foot_ar.png) no-repeat right center; padding-right: 26px; }
.web_bmjn:hover{ color:var(--cor);}
.web_bmjn:hover span{ background: url(../images/foot_ar3.png) no-repeat right center; }
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.footer{ background:#012D62; color:#fff; padding-top:52px}
.footer a,.footer a:hover{color:#fff;}
.foot_top{display:flex; justify-content:space-between; padding-bottom:35px;}
.foot_lx{}
.foot_logo{}
.foot_logo img{}
.foot_xw{ width:236px; text-align:center; margin-top:85px;}
.foot_xw img{}
.foot_xw p{ font-size: 12px; line-height: 20px; margin-top: 8px; }
.foot_rx{ width:970px;}
.foot_rx1{display:flex; justify-content:space-between; }
.foot_rmenu{ display:flex;}
.foot_rmenu dl{ margin-left:125px;}
.foot_rmenu dl:first-child{margin-left:0;}
.foot_rmenu dl dt{ font: 20px/28px sym; margin-bottom:10px; }
.foot_rmenu dl dd{ font: 16px/38px syl; }
.foot_ma1{}
.foot_ma1:hover{}
.foot_ma2{ display:inline-block; position:relative}
.foot_ma2:after{content:""; width:0%; bottom:0; height:1px; background:#fff; transition:all 0.5s ease; position:absolute; left:0; bottom:4px;}
.foot_ma2:hover:after{ width:100%;}
.foot_btns{ width:245px;}
.foot_ba{ display: block; position: relative; margin-bottom: 15px; border: 1px solid #274C79; border-radius: 0.3em; overflow: hidden; padding-left: 62px; font: 16px/64px sym; }
.foot_ba span{ display: block; height: 36px; width: 36px; position: absolute; left: 15px; top: 50%; margin-top: -18px; }
.foot_ba span img{ position:absolute; left:0; top:0; transition:all 0.5s ease;}
.foot_ba span img:nth-child(2){ opacity:0;}
.foot_ba:hover{ color:#012d62!important; border:1px solid #fff;}
.foot_ba:hover span img{ opacity:0;}
.foot_ba:hover span img:nth-child(2){ opacity:1;}
.foot_ba i{ display: block; position: relative; font-style: normal; z-index:1; }
.foot_ba:after{ content: ""; height:11px; width: 17px; margin-top: -4px; position: absolute; right: 28px; top: 50%; background: url(../images/foot_ar.png) no-repeat center center; }
.foot_ba:before {content: "";transition-duration: 800ms;position: absolute;width: 200%;height: 200%;top: 110%;left: 50%;background-color:#fff;transform: translateX(-50%);border-radius: 50%;}
.foot_ba:hover::before {top: -40%;}
.foot_ba:hover:after{ background: url(../images/foot_ar3.png) no-repeat center center; }
.foot_rx2{ margin-top:35px;}
.foot_rx2 dt{ font: 20px/44px sym; border-bottom: 1px solid #274C79; margin-bottom:18px; }
.foot_rx2 dd{display:flex; justify-content:space-between; flex-wrap:wrap;}
.foot_rx2 dd span{ width: 152px;}
.foot_ma3{ font: 18px/48px syl; display:inline-block; position:relative;}
.foot_ma3:after {content: "";width: 0%;	height: 1px;background: #fff;transition: all 0.5s ease;position: absolute;left: 0;bottom: 4px;}
.foot_ma3:hover:after{width:100%;}
.foot_rx2 dd span:nth-child(1),
.foot_rx2 dd span:nth-child(7),
.foot_rx2 dd span:nth-child(13){width:225px;}
.foot_rx2 dd span:nth-child(6),
.foot_rx2 dd span:nth-child(12),
.foot_rx2 dd span:nth-child(18){width:125px;}
.foot_ma3:hover{}
.foot_bom{ border-top:1px solid #274C79; padding-top:12px; display:flex; justify-content:space-between; padding-bottom:24px; }
.foot_bmlx{}
.foot_bmlx p,.foot_bmrx p{ font: 18px/44px sym; display: block; }
.foot_sas{ display:flex;}
.foot_sa{ height: 42px; width: 42px; border: 1px solid #274C79; position: relative; display:inline-block; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center center; }
.foot_sa span{ background:#fff; position:absolute; left:50%; margin-left:-55px; width:110px; padding:6px; bottom:56px; border-radius:0.3em; transition:all 0.5s ease; opacity:0; transform:translateY(-10px); visibility:hidden;}
.foot_sa:hover span{opacity:1; visibility:visible; transform:translateY(0)}
.foot_sa span:after{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; left:50%; margin-left:-6px; bottom:-6px;}
.foot_sa span img{display:block;}
.foot_sa:hover{ border: 1px solid #fff; background-color:#fff;}
.foot_sa1{ background-image: url(../images/foot_sa1.png); }
.foot_sa1:hover{ background-image: url(../images/foot_sa1a.png); }
.foot_sa2{ background-image: url(../images/foot_sa2.png); }
.foot_sa2:hover{ background-image: url(../images/foot_sa2a.png); }
.foot_sa3{ background-image: url(../images/foot_sa3.png); }
.foot_sa3:hover{ background-image: url(../images/foot_sa3a.png); }
.foot_sa4{ background-image: url(../images/foot_sa4.png); }
.foot_sa4:hover{ background-image: url(../images/foot_sa4a.png); }
.foot_bmrx{ text-align:right;}
.foot_bmrx strong{ font: 40px/40px din; color: #FFF; display: block; margin-top:5px;}
.web_copy{ font-size: 14px; line-height: 26px; text-align: center; padding: 38px 0px; }
@media (max-width:1799px){
.foot_xw{margin-top:45px;}
.foot_btns{width:205px;}
.foot_ba:after{right:22px;}
.foot_rx{width:770px;}
.foot_rmenu dl dd{font-size:14px; line-height:30px;}
.foot_rmenu dl{margin-left:95px;}
.foot_rmenu dl:nth-child(1){ margin-left:0;}
.foot_rx2 dd spannth-child(1),
.foot_rx2 dd span:nth-child(7),
.foot_rx2 dd span:nth-child(13){width:195px;}
.foot_rx2 dd span:nth-child(6),
.foot_rx2 dd span:nth-child(12),
.foot_rx2 dd span:nth-child(18){width:108px;}
.foot_rx2 dd span{ width:105px}
.foot_ma3{font-size:14px; line-height:30px;}
.web_copy{padding:25px 0;}
.foot_rx2 dd span:nth-child(1), .foot_rx2 dd span:nth-child(7), .foot_rx2 dd span:nth-child(13) {width: 185px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}

.rtools{ width:44px; position:fixed; right:35px; top:50%; transform:translate(75px,-40%); z-index:5; opacity:0; transition:all 0.5s ease;}
.rtools.in{opacity:1; transform:translate(0,-40%);}
.rtsa{ height:138px; background:#003b80; color:#fff; border-radius:2em; display:block;}
.rtsa span{ width:34px; height:34px; background:#fff; border-radius:50%; position:absolute; left:5px; top:5px; border-radius:50%;}
.rtsa span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.rtsa p{ padding: 45px 12px 0px; color: #FFF; font: 14px/20px sym; text-align:center}
.rtsbtn{ height: 44px; width: 44px; border: 1px solid #FFF; margin-top: 10px; box-shadow:0 5px 18px rgba(0,0,0,0.1); border-radius:50%; display:block; background-image: linear-gradient(180deg, #ddd 20%,#fff 70%); position:relative; }
.rtsbtn:before{content:""; z-index:1; background:var(--cor); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; transition:all 0.5s ease; opacity:0}
.rtsbtn:hover{border:1px solid var(--cor);}
.rtsbtn:hover:before{opacity:1;}
.rtsbtn:after{z-index:2;}
.rtsbtn:hover{}
.rtsbtn2 span{ line-height:44px; white-space:nowrap; font-size:24px; color:var(--cor); font-family:din; padding:0 25px; position:absolute; right:58px; top:0; background:#fff; box-shadow:0 5px 18px rgba(0,0,0,0.1); border-radius:2em;/* background-image: linear-gradient(180deg, #ddd 20%,#fff 70%);*/ transition:all 0.5s ease; opacity:0; transform:translateX(-40px); visibility:hidden; background:var(--cor); color:#fff;}
.rtsbtn2:hover span{ opacity:1; visibility:visible; transform:translateX(0)}
.rtsbtn1:after{ content: ""; background: url(../images/mrico2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.rtsbtn2:after{ content: ""; background: url(../images/mrico3.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.rtsbtn3:after{ content: ""; background: url(../images/mrico4.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.rtsbtn4:after{ content: ""; background: url(../images/mrico5.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.rtsbtn1:hover:after{ background: url(../images/mrico2a.png) no-repeat center center;}
.rtsbtn2:hover:after{ background: url(../images/mrico3a.png) no-repeat center center;}
.rtsbtn3:hover:after{ background: url(../images/mrico4a.png) no-repeat center center;}
.rtsbtn4:hover:after{ background: url(../images/mrico5a.png) no-repeat center center;}
@media (max-width:1799px){
.rtools{right:10px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon6{ overflow:hidden; position:relative;}
.hmCon6 .container{position:relative; z-index:2;}
.hmc6box{position:absolute; width:56%; right:15px; top:0;}
.hmc6box .hmpt{ padding-top:65px; padding-left:150px;}
.hmc6box .hmpt p{ line-height: 36px; }
.hmc6bsw{ width:48vw; position:relative;}
.hmc6bsw:before{content:""; width:52vw; height:1px; background:#CCCFDF; position:absolute; right:-52vw; top:0;}
.hmc6bsw:after{content:""; width:52vw; height:1px; background:#CCCFDF; position:absolute; right:-52vw; bottom:0;}
.hmc6bsw dd{}
.hmc6_bBOx{ display:block;}
.hmc6_bBOx .overflowHide{ height:689px;}
.hmc6_bBOx .overflowHide .coverImg:after{ content: ""; background: url(../images/hmc7line.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.hmc6lay{position:absolute; left:calc((100vw - 1520px) / 2); bottom:38px; right:0; padding-right:105px; text-align:justify;transition:all 0.8s ease; opacity:0; color:#fff; }
.hmc6lay strong{ font-size: 30px; line-height: 40px; display:block; font-weight:normal; transition:all 0.8s ease; opacity:0; transform:translateY(50px); }
.hmc6lay strong span{ background: url(../images/foot_ar.png) no-repeat right center; display: inline-block; padding-right: 26px; }
.hmc6lay p{ font-size: 16px; line-height: 26px; margin-top: 15px; min-height: 104px; transition: all 0.8s ease; opacity: 0; transform: translateY(50px); }
.on .hmc6lay{opacity:1;}
.on .hmc6lay strong{opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .hmc6lay p{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.hmc6ssw_wpr{ position:relative; margin-top:55px; overflow:hidden;}
.hmc6ssw{ width:1200px; transform:translateX(-333px);}
.hmc6ssw dd{ padding-left:34px;}
.hmc6sa{ display:block; transition:none}
.hmc6sa .overflowHide{ height:300px;}
.hmc6sa .coverImg:after{ content: ""; background: url(../images/hmc6imgSdx2.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc6sa .overflowHide strong{ font-size:20px; color:#fff; position:absolute; left:20px; right:20px; bottom:25px; line-height:30px; font-weight:normal;}
.hmc6funx{ width: 105px; margin-top:50px; margin-left:150px;display:flex; justify-content:space-between; height:22px;}
.hmc6btns{ height: 22px; width: 48px;display:flex; justify-content:space-between;  }
.hmc6btns .prev{ background: url(../images/hmc2_btn1.png) no-repeat center center; height: 22px; width: 15px; cursor:pointer; }
.hmc6btns .next{ background: url(../images/hmc2_btn1.png) no-repeat center center; height: 22px; width: 15px; cursor:pointer; transform:rotate(180deg);}
.hmc6btns .next:hover,
.hmc6btns .prev:hover{ background: url(../images/hmc2_btn2.png) no-repeat center center;}
.hmc6nums{ font: 14px/22px din_b; color: #6b6b6b; }
.hmc6nums span{}
.hmc6nums i{ font-style: normal; display: inline-block; padding: 0px 1px; }
@media (max-width:1799px){
.hmc6box .hmpt p{ font-size: 18px; line-height: 30px; }
.hmc6_bBOx .overflowHide{ height:550px;}
.hmc6lay{ left:calc((100vw - 1140px) / 2); bottom:28px;}
.hmc6lay strong{ font-size: 26px; line-height: 36px; }
.hmc6lay p{ font-size: 14px; line-height: 24px; margin-top: 12px; min-height:96px; }
.hmc6ssw_wpr{ margin-top:30px;}
.hmc6ssw{ width:890px; transform:translateX(-236px);}
.hmc6ssw dd{ padding-left:20px;}
.hmc6sa .overflowHide{ height:240px;}
.hmc6funx{ margin-left:110px; margin-top:35px;}
.hmc6sa .overflowHide strong{ font-size:18px; left:15px; right:15px; bottom:20px; line-height:28px}
.hmc6box .hmpt{padding-left:110px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon1{ padding-bottom:0;}
.hmpt{}
.hmpt strong{ font-size: 52px; line-height: 52px; font-weight: normal; display:block;}
.hmpt strong span{ color:var(--cor); font-family:sym;}
.hmpt p{ font-size: 22px; line-height: 22px; color: #999999; margin-top: 24px; }
.hmc1box_wpr{ margin-top: 2.6vw; background: url(../images/hmc2_bg.jpg) no-repeat center top; padding: 4.42vw 0px; background-size:cover;}
.hmc1menu{ height:632px; margin-left:-9px; margin-right:-9px; position:relative;}
.hmc1mitem{ height:198px; border:1px solid rgba(1,45,98,0.4); display:block; border-radius:0.8em; position:relative; transition:none;}
.hmc1ico{ display:block; width:80px; height:80px; position:absolute; transition:none; right:20px; top:18px;}
.hmc1txt{ position:absolute; left:18px; bottom:16px; /*transition:all 0.5s ease;*/}
.hmc1txt span{ display:block; width:80px; height:80px;/* transition:all 0.5s ease;*/ opacity:0}
.hmc1txt p{ display: block; font: 20px/30px sym; color:var(--cor);/* transition:all 0.5s ease;*/}
.hmc1menu dd{ width:14.28%; padding:0 9px; position:absolute; z-index:1;}
.hmc1menu dd.on{ width:28.56%; z-index:0;}
.hmc1txt{}
.hmc1txt h5{ display: none; font: 14px/22px sym; max-width:205px; margin-top:12px; }
.hmc1txt a{ display: none; margin-top: 12px; line-height: 30px; height: 32px; width: 104px; border: 1px solid var(--cor); color:var(--cor); text-align:center; border-radius:2em; background:url(../images/foot_ar3.png) no-repeat 78px center; padding-left:15px; text-align:left; background-size:6px auto!important; }
.hmc1txt a:hover{ background:var(--cor) url(../images/foot_ar.png) no-repeat 78px center; color:#fff; box-shadow:0 5px 18px rgba(1,45,98,0.3);}
.on .hmc1mitem{ height:414px; border:none; background-size:cover; background-repeat:no-repeat; box-shadow:0 6px 18px rgba(1,45,98,0.2);}
.on .hmc1ico{ opacity:0;}
.on .hmc1txt{ bottom:28px; left:20px;}
.on .hmc1txt span{ opacity:1; margin-bottom:20px; position:relative; left:-3px;}
.on .hmc1txt p{ font: 28px/40px sym; }
.on .hmc1txt h5,
.on .hmc1txt a{display:block;}
@media (max-width:1799px){
.hmpt strong{ font-size: 36px; line-height: 36px;}
.hmpt p{ font-size: 18px; line-height: 18px; margin-top: 20px; }
.hmc1menu{height:460px; margin-left:-5px; margin-right:-5px;}
.hmc1mitem{ height:150px;}
.hmc1ico{width:60px; height:60px; right:16px; top:15px;}
.hmc1txt{left:15px; bottom:12px;}
.hmc1txt span{width:60px; height:60px;}
.hmc1txt p{font-size:15px; line-height:26px;}
.hmc1menu dd{ padding:0 5px;}
.hmc1txt h5{font-size:13px; line-height:20px; max-width:165px;}
.on .hmc1mitem{ height:310px;}
.on .hmc1txt{ bottom:20px; left:16px;}
.on .hmc1txt span{ margin-bottom:15px; left:-2px;}
.on .hmc1txt p{ font: 24px/32px sym; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon2{display:flex; justify-content:space-between; position:relative; color:#fff; }
.hmc2Lwpr .hmc2lx{ width:64.89%; height:845px;}
.hmc2Lwpr .hmc2rx{ width:34.37%; margin-top:45px; height:755px;}
.hmc2Rwpr .hmc2lx{ width:50.95%; margin-top:45px; height:755px;}
.hmc2Rwpr .hmc2rx{ width:48.33%; height:845px;}
.hmc2lx{ background: url(../images/hmc3bg1.jpg) no-repeat center center; background-size:cover; transition:all 0.5s ease; padding-left:calc((100% - 1520px) / 2); padding-right:70px; padding-top:60px;}
.hmc2lx_con{position:relative; height:100%;}
.hmc2t{}
.hmc2t strong{ font: normal 52px/52px sym; display: block; transition:all 0.5s ease; }
.hmc2t p{ font: 22px/28px sym; margin-top: 24px; transition:all 0.5s ease;}
.hmc2btns{ margin-top:50px; display:flex; transition:all 0.5s ease;}
.hmc2btn{ width: 325px; border: 1px solid #FFF; display: inline-block; padding-left: 20px; background: url(../images/foot_ar.png) no-repeat right 20px center; margin-right: 45px; border-radius: 0.3em; font: 24px/58px sym; color: #FFF; }
.hmc2btn:hover{ background: #FFF url(../images/foot_ar2.png) no-repeat right 20px center; }
.hmc2ldes{ font-size: 16px; line-height: 28px; text-align: justify; margin-top:28px; transition:all 0.5s ease;}
.hmc2lanix{ width:232px; height:232px; position:absolute; left:50%; bottom:-50px; margin-left:-160px; transition:all 0.5s ease;}
.hmc2line{ position:absolute; left:0; top:0; right:0; bottom:0;}
@keyframes hmc2line {
	0% {
  	transform:scale(0); opacity:0;
	}
	70% {
   	opacity:1;
	}
    100% {
  	transform:scale(1.2); opacity:0;
	}
}
@keyframes hmc2line2 {
	0% {
  	transform:scale(0.8); opacity:1;
	}
    100% {
  	transform:scale(1.4); opacity:0;
	}
}
.hmc2line i{ background: url(../images/hmc3line1.png) no-repeat; height: 408px; width: 814px; position: absolute; left: 50%; bottom: 0px; margin-left: -407px; transform-origin:center bottom; animation:hmc2line 3s linear infinite;transform:scale(0); opacity:0; }
.hmc2line i:nth-child(2){ animation-delay:1s;}
.hmc2line i:nth-child(3){ animation-delay:2s;}
.hmc2items{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2items dt{}
.hmc2lnixx{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2lnixx .coverImg{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:2; }
.hmc2lnixx strong{ color: #FFF; position: absolute; left: 45px; right: 45px; bottom: 13px; text-align: center; font: normal 20px/30px sym; z-index:3; }
.hmc2lnixx i{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(138,165,255,0.3); animation:hmc2line2 3s linear infinite; opacity:0; border-radius:50%;}
.hmc2lnixx i:nth-child(2){animation-delay:1s;}
.hmc2lnixx i:nth-child(3){animation-delay:2s;}
.hmc2items dd{ height: 181px; width: 181px; position: absolute; left: -345px; bottom: 140px;}
.hmc2items dd:nth-child(3){left: -125px; bottom: 300px;}
.hmc2items dd:nth-child(4){ left:auto; right:-125px; bottom:300px;}
.hmc2items dd:nth-child(5){ left:auto; right:-345px; bottom:140px;}
.hmc2items dd:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../images/hmc3sbg.png) no-repeat center center; animation:RturnAni 10s linear infinite;}
.hmc2items dd:nth-child(2):before{ animation-delay:2.5s;}
.hmc2items dd:nth-child(3):before{ animation-delay:5s;}
.hmc2items dd:nth-child(4):before{ animation-delay:7.5s;}
.hmc2lisx{ position:absolute; left:0; top:0; right:0; bottom:0; flex-direction: column; justify-content: center; text-align: center; display:flex; font-size: 16px; line-height: 26px; color: #002e66; font-family:sym;}
.hmc2lisx{}
.hmc2lisx:before{content:"";}
.hmc2rx{ background: url(../images/hmc3bg2.jpg) no-repeat center center; background-size:cover; transition:all 0.5s ease; padding-left:50px; padding-right:calc((100% - 1520px) / 2);display:flex; flex-direction:column; justify-content:center;display:flex; flex-direction:column; justify-content:center;}
.hmc2rul{display:flex; margin:60px -14px 50px; flex-wrap:wrap; transition:all 0.5s ease;}
.hmc2rul li{ width:calc(50% - 28px); margin:0 14px 20px;}
.hmc2ra{ display: block; padding: 5px 25px 5px 86px; height:100px; position:relative; border-radius:0.4em; background:rgba(255,255,255,0.1);display:flex; flex-direction:column; justify-content:center; }
.hmc2ra:hover{ background:rgba(255,255,255,0.3);}
.hmc2rtm{ background: #002E66; height: 90px; width: 68px; position: absolute; left: 5px; top: 5px; color:#fff; border-radius:0.3em; text-align:center; padding:5px 10px;}
.hmc2rtm strong{ display: block; font-size:38px; line-height: 44px; font-family:din_b}
.hmc2rtm p{ font-size: 12px; line-height: 16px; border-top: 1px solid #204879; padding-top: 2px; }
.hmc2rrdes{ color:#fff;}
.hmc2rrdes strong{ font-size: 18px; line-height: 28px; -webkit-line-clamp:2; font-weight:normal;}
.hmc2rrdes span{ font: 14px/14px syl; margin-top: 5px; display:block; padding-bottom:5px;}
.hmc2rx .web_bmjn{ width:165px;}
.hmc2Lwpr .hmc2rx .hmc2t strong{ line-height:42px; font-size:42px;}
.hmc2Lwpr .hmc2rx .hmc2t p{ font-size:20px; line-height:24px; margin-top:18px;}
.hmc2Lwpr .hmc2rul{ width:330px;}
.hmc2Lwpr .hmc2rul li{ width:calc(100% - 28px);}
.hmc2Lwpr .hmc2rul li:nth-child(4){ display:none;}
.hmc2Lwpr .hmc2rul li:nth-child(5){ display:none;}
.hmc2Lwpr .hmc2rul li:nth-child(6){ display:none;}
.hmc2Rwpr .hmc2lx .hmc2t strong{ line-height:42px; font-size:42px;}
.hmc2Rwpr .hmc2lx .hmc2t p{ font-size:20px; line-height:24px; margin-top:18px;}
.hmc2Rwpr .hmc2btns{ transform:scale(0.86); transform-origin:left bottom;}
.hmc2Rwpr .hmc2ldes{font-size:14px; line-height:24px;}
.hmc2Rwpr .hmc2lanix{ transform:scale(0.82); transform-origin:center bottom; bottom:-30px;}
.hmc2Rwpr .hmc2btns{margin-top:25px;}
@media (max-width:1799px){
.hmc2Lwpr .hmc2lx{ height:655px;}
.hmc2Lwpr .hmc2rx{ margin-top:35px; height:565px;}
.hmc2Rwpr .hmc2lx{ margin-top:35px; height:565px;}
.hmc2Rwpr .hmc2rx{ height:655px;}
.hmc2lx{padding-left:calc((100% - 1140px) / 2); padding-right:40px;}
.hmc2t strong{ font: normal 36px/36px sym;}
.hmc2t p{ font: 18px/24px sym; margin-top: 20px;}
.hmc2btns{ margin-top:30px;}
.hmc2btn{ width: 250px; padding-left: 15px; background: url(../images/foot_ar.png) no-repeat right 15px center; margin-right: 25px; font: 18px/48px sym;}
.hmc2btn:hover{ background: #FFF url(../images/foot_ar2.png) no-repeat right 15px center; }
.hmc2ldes{ font-size: 14px; line-height: 26px; margin-top:20px; }
.hmc2lanix{ transform:scale(0.8); transform-origin:center bottom;}
.hmc2rx{padding-left:30px; padding-right:calc((100% - 1140px) / 2);}
.hmc2rul{ margin:30px -10px 30px;}
.hmc2rul li{ width:calc(50% - 20px); margin:0 10px 15px;}
.hmc2ra{ display: block; padding: 9px 18px 5px 82px; height:90px; }
.hmc2rtm{ height: 80px; width: 66px; padding:5px 5px;}
.hmc2rtm strong{ font-size:28px; line-height:32px;}
.hmc2rrdes strong{ font-size: 14px; line-height: 22px;}
.hmc2rrdes span{font-size:12px;}
.hmc2Lwpr .hmc2rx .hmc2t strong{ line-height:28px; font-size:28px;}
.hmc2Lwpr .hmc2rx .hmc2t p{ font-size:18px; line-height:22px; margin-top:15px;}
.hmc2Lwpr .hmc2rul{ width:250px; margin:22px -10px 15px}
.hmc2Lwpr .hmc2rul li{ width:calc(100% - 20px);}
.hmc2Rwpr .hmc2lx .hmc2t strong{ line-height:30px; font-size:30px;}
.hmc2Rwpr .hmc2lx .hmc2t p{ font-size:18px; line-height:22px; margin-top:12px;}
.hmc2Rwpr .hmc2btns{ transform:scale(0.66);}
.hmc2Rwpr .hmc2ldes{font-size:12px; line-height:22px;}
.hmc2Rwpr .hmc2lanix{ transform:scale(0.62); bottom:-30px;}
.hmc2Rwpr .hmc2btns{margin-top:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon3{ padding-top:3vw}
.hmc3tbox{ position:relative;}
.hmc3tbox .web_bmjn{ position:absolute; right:0; bottom:0}
.web_bmjn_blue{ border:1px solid var(--cor); color:var(--cor);}
.web_bmjn_blue span {background: url(../images/foot_ar3.png) no-repeat right center;}
.web_bmjn_blue:hover span,
.hmc7item:hover .web_bmjn_blue span{background: url(../images/foot_ar.png) no-repeat right center;}
.web_bmjn_blue:hover,
.hmc7item:hover .web_bmjn_blue{ color:#fff;}
.web_bmjn_blue:before{background:var(--cor);}
.hmc3box{ margin: 2.6vw -7px 0px; }
.hmc3box dd{ width:calc(25% - 14px); margin:0 7px;}
.hmc3item{ display:block;}
.hmc3item .overflowHide{ height:313px;}
.hmc3layer{ color: #FFF; position: absolute; left: 22px; right: 22px; bottom: 18px; }
.hmc3layer p{ font-size: 20px; line-height: 28px; -webkit-line-clamp:2;}
.hmc3layer span{ font-size: 14px; line-height: 22px; display: inline-block; padding-right: 16px; background: url(../images/hmc4ar3.png) no-repeat right center; margin-top:15px;}
.hmc3sa{ display: block; height: 157px; padding: 21px 22px 0px; border: 1px solid #CDD0DF;}
.hmc3sa + .hmc3sa{border-top:none; height:156px;}
.hmc3sa strong{ font-size: 20px; line-height: 30px; -webkit-line-clamp: 2; font-weight: normal; }
.hmc3sa span{ font-size: 14px; line-height: 20px; display: inline-block; padding-right: 16px; background: url(../images/hmc4ar1.png) no-repeat right center; margin-top:35px;}
.hmc3sa:hover span{ background: url(../images/hmc4ar2.png) no-repeat right center; }
@media (max-width:1799px){
.hmc3item .overflowHide{ height:275px;}
.hmc3layer{ left: 15px; right: 15px; bottom: 15px; }
.hmc3layer p{ font-size: 16px; line-height: 26px;}
.hmc3layer span{ font-size: 13px; line-height: 20px;}
.hmc3sa{height: 157px; padding: 15px 15px 0px;}
.hmc3sa{ height:138px;}
.hmc3sa + .hmc3sa{border-top:none; height:137px;}
.hmc3sa strong{ font-size: 16px; line-height: 26px; }
.hmc3sa span{ font-size: 13px; margin-top:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon4{display:flex; justify-content:space-between; }
.hmc4lx{ width:50%; padding-left:calc((100% - 1520px) / 2); padding-right:5vw;display:flex; flex-direction:column; justify-content:center; border-top:1px solid #CDCFDF; border-bottom:1px solid #CDCFDF;}
.hmc4des{ margin-top:2.6vw;}
.hmc4des strong{ font-size: 26px; line-height: 40px; font-weight: normal; display: block; max-width:420px;}
.hmc4des p{ font-size: 16px; line-height: 28px; color: #808080; margin: 1.2vw 0px 2.2vw; }
.hmc4btn{}
.hmc4rx{ width:50%; height:562px;}
@media (max-width:1799px){
.hmc4lx{padding-left:calc((100% - 1140px) / 2); padding-right:3vw;}
.hmc4des{ margin-top:2.2vw;}
.hmc4des strong{ font-size: 22px; line-height: 30px; max-width:350px;}
.hmc4des p{ font-size: 14px; line-height: 26px;}
.hmc4rx{height:452px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon5{ padding-top:200px; padding-bottom:250px;}
.hmCon5 .container{}
.hmc5lx{ width:320px; padding:0; float:left;position: -webkit-sticky;position: sticky; top: calc(50vh /2); padding-top:50px}
.hmc5lx .hmpt{}
.hmc5lx .hmpt strong span{ display:block; margin-top:20px;}
.hmc5des{ font-size: 18px; line-height: 40px; text-align:justify; margin-top:3.12vw; margin-bottom:3.12vw;}
.hmc5rx{ width:60.78%;display:flex; justify-content:space-between; float:right; }
.hmc5rul{ width:42.53%;}
/*.hmc5rx .hmc5rul:nth-child(2){padding-top:3.64vw;}*/
.hmc5rul li{ margin-bottom:4.16vw;}
.hmc5rul li:last-child{margin-bottom:0;}
.hmc5item{ display:block;}
.hmc5item .overflowHide{ height:347px; border-radius:0.6em;}
.hmc5bmx{ padding-top: 20px; }
.hmc5bmx strong{ font-size: 24px; line-height: 34px; font-weight: normal;-webkit-line-clamp:2;}
.hmc5rdes{ margin-top: 24px; padding: 15px 22px; position:relative;}
.hmc5rdes p{ position: relative; z-index: 1; color: #808080; -webkit-line-clamp: 3; font: 16px/28px syl; }
.hmc5rdes i{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc5rdes i:before{ content: ""; background: #BFCEDF; height: 1px; position: absolute; left: 22px; right: 0px; top: 0px; }
.hmc5rdes i:after{content:""; background: #BFCEDF; height: 1px; position: absolute; right: 22px; left: 0px; bottom: 0px; }
.hmc5rdes:before{ content: ""; background: url(../images/hmc6fh1.png) no-repeat center center; height: 15px; width: 16px; position: absolute; left: 0px; top: -7px; }
.hmc5rdes:after{content:""; background: url(../images/hmc6fh2.png) no-repeat center center; height: 15px; width: 16px; position: absolute; right: 0px; bottom: -7px;}
@media (max-width:1799px){
.hmCon5{ padding-top:170px; padding-bottom:220px;}
.hmc5lx .hmpt strong span{ margin-top:15px;}
.hmc5des{ font-size: 16px; line-height: 34px; margin-top:2.6vw; margin-bottom:2.6vw;}
.hmc5rul{width:46%;}
.hmc5rul li{ margin-bottom:3.6vw;}
.hmc5rul li:last-child{margin-bottom:0;}
.hmc5item .overflowHide{ height:280px;}
.hmc5bmx{ padding-top: 18px; }
.hmc5bmx strong{ font-size: 20px; line-height: 30px;}
.hmc5rdes{ margin-top: 20px;}
.hmc5rdes p{ font: 15px/26px syl; }
.hmc5lx{ top: calc(42vh /2);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hmCon7{ background:#f5f5f5;}
.hmc7ul{ margin: 150px -42px 0px; }
.hmc7ul dd{ width:calc(33.33% - 84px); margin:0 42px; position:relative}
/*.hmc7ul dd:nth-child(2){ position:relative; top:-60px;}*/
.hmc7item{ background: #FFF; padding: 115px 62px 0px; height: 440px; border-radius:0.6em; box-shadow:0 3px 12px rgba(0,0,0,0.1); display:block; position:relative;}
.hmc7item:hover{transform:translateY(-15px);}
.hmc7ico{ height: 174px; width: 174px; position: absolute; left: 50%; top: -87px; margin-left: -87px; box-shadow:0 0 4px #c8deff; background:rgba(255,255,255,0.6); border-radius:50%;}
.hmc7ico span{ position:absolute; left:7px; top:7px; right:7px; bottom:7px; border-radius:50%; background:var(--cor); border:4px solid #c8deff;}
.hmc7ico span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto; transition:all 0.5s ease;}
.hmc7item:hover .hmc7ico span img{ transform:translate(-50%,-50%) rotateY(180deg);}
.hmc7des{ text-align:center}
.hmc7des strong{ font-size: 26px; line-height: 64px; text-align: center; position:relative; display:block}
.hmc7des strong:after{content:""; width:120px; height:2px; background:#B8B8B8; position:absolute; left:50%; bottom:0; margin-left:-60px;}
.hmc7des p{ font-size: 16px; line-height: 28px; color: #808080; margin-top:15px; }
.hmc7des p span{display:block; color:var(--cor); font-size:36px; line-height:56px; font-family:din_b;}
.hmc7btn {position: absolute;left: 0;right: 0;text-align: center;bottom: 40px;}
@media (max-width:1799px){
.hmc7ul{ margin: 105px -15px 0px; }
.hmc7ul dd{ width:calc(33.33% - 30px); margin:0 15px;}
/*.hmc7ul dd:nth-child(2){ top:-40px;}*/
.hmc7item{ padding: 80px 45px 0px; height: 360px;}
.hmc7ico{ height: 124px; width: 124px; top: -62px; margin-left: -62px;}
.hmc7ico span{left:5px; top:5px; right:5px; bottom:5px;}
.hmc7ico span img{ max-width:70%; max-height:70%;}
.hmc7des strong{ font-size: 22px; line-height: 52px;}
.hmc7des strong:after{width:90px; height:1px; margin-left:-45px;}
.hmc7des p{ font-size: 14px; line-height: 26px; margin-top:12px; }
.hmc7des p span{ font-size:30px; line-height:50px;}
.hmc7btn {bottom: 30px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}