.hmFocus,.hmFocus_item{height: 100vh;}
.hmFocusWpr{position:relative;}
.hmFocus{ background:#000;}
.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); }
.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}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 10px; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 3px; width:80px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 4px solid rgba(255,255,255,1); transition: all 0.5s ease-in-out; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:4px; background:#0B39AE; position:absolute; left:0; top:-4px; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 5s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 35s linear;}
.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.2); text-align:center}
.hmBan_txt p{ font-size: 48px; line-height: 58px; margin-top: 20px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 12px;}
.hmBan_txt strong{ font-size: 80px; letter-spacing: 8px; display: block; line-height: 100px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font-weight: normal;  font-family:"微软雅黑"!important}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; height:60px;}
.active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_m{ line-height: 60px; text-align: center; display: inline-block; width: 234px; margin-right: 35px; font-size: 16px; font-weight: bold; background: #c12c25; letter-spacing: 4px; color: #FFF; float:left; }
.hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); color:#fff;}
.hmBan_mvBtn{ background: url(../images/hmBan_ico.png) no-repeat center center; height: 60px; width: 60px; margin-left: 36px; border: 1px solid #FFF; border-radius:50%; display:inline-block;}
.hmNext{ background: url(../images/hmMs.png) no-repeat center center; display: inline-block; position: absolute; margin-left: -12px; z-index: 1; height: 40px; width: 24px; left: 50%; bottom: 120px; }
.hmNext:after{ content: ""; background: url(../images/hmBar.png) no-repeat center center; height: 6px; width: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: -16px; animation:nextAni 1s linear infinite; }
@media (max-width:1799px){
.hmFocus_doc ul li{ margin:0 2px; width:60px;}
.hmFs_docx{ line-height: 40px; height: 41px; border-top: 3px solid rgba(255,255,255,1); }
.hmBan_txt strong{ font-size: 70px; letter-spacing: 5px; line-height: 90px;}
}
@media (max-width:1379px){
.hmFs_docx{height:36px;}
.hmBan_txt strong{ font-size: 60px; letter-spacing: 4px; line-height: 80px;}
}
@media (max-width:1199px){
.hmFocus,.hmFocus_item{height:calc(100vh - 56px);}
.hmBan_txt{padding-bottom:25px;}
}
@media (max-width:993px){
.hmFocus,.hmFocus_item{height:500px;}
.hmBan_txt strong{font-size:46px; line-height:70px; letter-spacing:3px;}
}
@media (max-width:767px){
.hmFocus,.hmFocus_item{height:300px;}
.hmBan_txt strong{font-size:26px; line-height:40px; letter-spacing:1px;}
.hmFocus_doc ul li{ margin:0 2px; width:30px;}
.hmFs_docx{ border-top: 2px solid rgba(255,255,255,1); }
.hmFs_docx i{height:2px; top:-2px;}
.hmBan_txt{padding-bottom:15px;}
}

.m2banner{position: relative; overflow: hidden}
.m2banner .coverImg{ height: 42vw; transition:all 6s ease; transform:scale(1.15);}
.m2banner.on .coverImg{ transform:scale(1);}
.m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff;}
.m2banTxt strong{font-size: 66px;line-height: 66px;letter-spacing:2px;display: block;font-weight: normal; position:relative}
.m2banTxt strong span{ font-family: all; }
.m2banTxt p{ letter-spacing: 2px; display: block; margin-top: 50px; font: 36px/46px alr; }
.m2banTxt strong:after{content:""; background:#0A39AE; height:4px; width:0; position:absolute; left:0; bottom:-32px; border-radius:0.6em; transition:all 1s ease;}
.m2banner.on strong:after{width:120px;}
@media (max-width:1799px){
.m2banTxt strong{font-size: 48px;line-height: 48px;}
.m2banTxt p{ margin-top: 40px; font: 24px/40px alr; }
.m2banTxt strong:after{ height:3px; bottom:-25px;}
}
@media (max-width:1379px){
.m2banTxt strong{font-size: 40px;line-height: 40px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.m2banTxt strong{font-size:26px; line-height:26px;}
.m2banTxt p {margin-top: 20px;font: 16px/28px alr;}
.m2banTxt strong:after { width:100px; height: 2px;bottom: -16px;}
.m2banner .coverImg{height:180px;}
.m2banner .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3);}
}

.page { text-align: center;}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 40px; min-width: 40px; text-align: center; display: inline-block; margin: 0px 4px; vertical-align: middle; color: #fff; border-radius: 50%; font-size: 16px; line-height: 40px; background:var(--cor); }
.page .pagination li.active a, .page .pagination li a:hover { color: #fff; background:#209ad9;}
.page .pagination li a:hover{box-shadow:0 5px 18px rgba(32,154,217,0.3);}
.page .pagination li a img{position:relative; top:-2px;}
@media (max-width:1799px){
.page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; }
}
@media (max-width:767px){
.page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; }
}


.footWpr{ background:#000000; color:#767677; position:relative;}
.footer{ border-top: 1px solid #4D4D4D; border-bottom: 1px solid #4D4D4D; }
.footer .container{display:flex; justify-content:space-between; position:relative }
.footer .container:after{content:""; background:#4D4D4D; width:1px; position:absolute; left:29.27%; top:0; bottom:0;}
.footlx{}
.foot_logo img{ height:175px; width:auto;}
.footrx{ width:896px;display:flex; justify-content:space-between; }
.foot_nav{}
.foot_nav dt,
.footInfo dl dt{ font-size: 22px; color: #FFF; line-height: 32px; margin-bottom: 20px; }
.foot_nav dd{ font-size: 18px; line-height: 32px; }
.foot_nav dd + dt{margin-top:20px;}
.foot_a1{ color:#fff;}
.foot_a2{ color:#fff;}
.foot_a1:hover{ color:#0c40c1; text-decoration:underline;}
.foot_a2:hover{ color:#0c40c1; text-decoration:underline;}
.footInfo{ width:450px;display:flex; justify-content:space-between; flex-wrap:wrap;}
.footInfo dl{}
.footInfo dl dt{ width:100%;}
.footInfo dl dd{ font-size: 18px; line-height: 32px; }
.footInfo dl dd a{ color: #0c40c1!important; text-decoration: underline; }
.footInfo dl:nth-child(3){ width:100%;}
.foot_copy{ font-size: 18px; line-height: 28px; padding: 22px 0px; }
.foot_copy .container{display:flex; justify-content:space-between; }
.foot_copy a{ color:#767677;}
@media (max-width:1799px){
.foot_nav dt, .footInfo dl dt{ font-size:20px; line-height:28px; margin-bottom:12px;}
.footInfo dl dd{font-size:16px; line-height:26px;}
.footInfo{width:370px;}
.footrx{width:616px;}
.foot_logo img{height:145px;}
.foot_nav dd{font-size:16px; line-height:28px;}
.foot_copy {font-size: 16px;line-height: 26px;padding: 16px 0px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.foot_copy{font-size:14px; line-height:24px;}
.footInfo dl dd{font-size:14px; line-height:24px;}
.footInfo{width:340px;}
.footrx{width:465px;}
.foot_logo img{height:115px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.foot_copy .container{display:block; text-align:center;}
.foot_copy .container .fl,.foot_copy .container .fr{width:100%; float:none;}
.foot_copy{font-size:13px; line-height:20px;}
.footer .container{display:block; padding-top:8vw; padding-bottom:8vw;}
.footer .container:after{display:none;}
.foot_logo img{height:95px;}
.footlx{text-align:center;}
.footrx{width:100%; display:block; margin-top:25px;}
.foot_nav{overflow:hidden;display: flex;
    justify-content: space-between;}
.foot_nav dt, .footInfo dl dt{width:100%; float:left; font-size:16px; margin-bottom:8px; line-height:22px;}
.foot_nav dd, .footInfo dl dd{float:left; margin-right:20px;}
.foot_nav dd{font-size:15px; line-height:22px;}
.foot_nav dd + dt{margin-top:12px;}
.footInfo{margin-top:20px;}
.footInfo dl:nth-child(1) dt,
.footInfo dl:nth-child(2) dt{ width:auto;}
.foot_nav dd{display: none;}
.foot_nav dd + dt{margin-top: 0;}
.foot_nav dt{width: auto;}
}

.news_page{}
.news_sw{ background:#F2F2F2;}
.news_sw dd{}
.news_top_item{ display:flex;}
.news_top_item .overflowHide{ width:47.56%; height:506px;}
.news_top_rx{ width:52.44%; padding:0 6%;display:flex; flex-direction:column; justify-content:center;}
.news_tm1{ color: #222222; }
.news_tm1 strong{ font-size: 50px; line-height: 50px; font-weight: normal; display: block; }
.news_tm1 p{ margin-top: 10px; font: 14px/14px alr; }
.news_top_txt{ margin-top: 38px; }
.news_top_txt strong{ font: normal 32px/32px alr; letter-spacing:2px;}
.news_top_txt p{ color: #666666; font: 20px/32px alr; margin-top: 24px; -webkit-line-clamp:3; text-align:justify; letter-spacing:1px;}
.news_top_item span.transition{ font: 16px/35px all; color: #FFF; margin-top: 62px; text-align:center; background: #0c40c1; display: inline-block; border-radius:2em; width:115px;}
.news_top_item:hover span.transition{ box-shadow:0 8px 18px rgba(12,64,193,0.3); transform:translateY(-5px);}
.news_sw .slick-dots{bottom:-3.75vw;}
.news_sw .slick-dots li button{display:none;}
.news_sw .slick-dots li { background: #D6D6D6; display: inline-block; height: 4px; width:40px; margin: 0px 5px; position: relative; vertical-align:middle}
.news_sw .slick-dots li.slick-active{ background: #0c40c1;}
.news_bom{ margin-top:7.81vw; padding-top:4.94vw; border-top:1px solid #D9D9D9; position:relative}
.news_nav{ position:absolute; top:4.94vw; right:0; z-index:2;}
.news_nav a{ display: inline-block; padding: 0px 45px; font-size: 20px; line-height: 48px; color: #999999; background: #F2F2F2; margin-left: 20px; border-radius:2em;}
.news_nav a.on,.news_nav a:hover{ color:#fff; background:var(--cor);}
.news_list{ margin: 0px -1.82vw 7.18vw; }
.news_list li{ width:calc(50% - 3.64vw); margin:0 1.82vw; padding-bottom:2.5vw; border-bottom:1px solid #D9D9D9; margin-bottom:4.16vw;}
.news_list li:nth-child(2n){ transform:translateY(7.18vw);}
.news_aBox{ display:block;}
.news_aBox .overflowHide{ height:506px;}
.news_bmtxt{ padding-top: 2.5vw; }
.news_bmtxt strong{ font: 32px/40px alr; padding-right: 90px; position: relative; margin-top: 1.56vw; letter-spacing:2px; }
.news_bmtxt strong:after{ content: ""; background: url(../images/news_ar.png) no-repeat; height: 29px; width: 28px; position: absolute; top: 5px; right: 0px; transition:all 0.5s ease;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.3;}
.news_bmtxt p{ font: 18px/26px alr; color: #666666; margin-top: 1.66vw; -webkit-line-clamp:2; height:52px; letter-spacing:1px;}
.news_tm2{ color: #222; font: 18px/18px all; }
.news_bmtxt strong:after{content:"";}
.news_aBox:hover .news_bmtxt strong:after{-webkit-filter: grayscale(100%); filter: grayscale(0%); opacity:1;}
@media (max-width:1799px){
.news_top_item .overflowHide{height:366px;}
.news_top_rx{ padding:0 5%;}
.news_tm1 strong{ font-size: 36px; line-height: 36px; }
.news_tm1 p{ margin-top: 6px;}
.news_top_txt{ margin-top: 22px; }
.news_top_txt strong{ font: normal 24px/24px alr;}
.news_top_txt p{ font: 16px/28px alr; margin-top: 15px;}
.news_top_item span.transition{ font: 14px/36px all; margin-top:45px; width:110px;}
.news_sw .slick-dots li {height: 3px; width:30px; margin: 0px 4px;}
.news_nav a{ padding: 0px 35px; font-size: 18px; line-height: 42px; margin-left: 15px;}
.news_aBox .overflowHide{ height:380px;}
.news_bmtxt strong{ font: 26px/32px alr; padding-right: 60px;}
.news_bmtxt strong:after{ transform:scale(0.8); transform-origin:right center;}
.news_bmtxt p{ font: 16px/28px alr; height:56px;}
.news_tm2{font: 16px/16px all; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.news_bmtxt strong{font-size:22px;}
}
@media (max-width:993px){
.news_list li:nth-child(2n) {transform: translateY(9.18vw);}
.news_aBox .overflowHide{height:240px;}
}
@media (max-width:767px){
.news_top_item{display:block;}
.news_top_item .overflowHide{width:100%; height:70vw;}
.news_top_rx{width:100%; padding:20px 15px 55px; height:auto; display:block;}
.news_top_txt strong{font-size:20px; letter-spacing:0;}
.news_top_txt{margin-top:15px;}
.news_top_txt p{font-size:14px; line-height:24px; margin-top:12px; letter-spacing:0;}
.news_top_item span.transition{margin-top:20px;}
.news_sw .slick-dots{bottom:16px;}
.news_list{margin-top:25px;}
.news_nav{position:static; text-align:center;}
.news_nav a {padding: 0px 25px;font-size: 16px;line-height: 40px;margin:0 5px;}
.news_bom{padding-top:25px;}
.news_list li {width: calc(100% - 3.64vw); margin-bottom:30px;}
.news_list li:nth-child(2n){transform: translateY(0);}
.news_aBox .overflowHide{height:60vw;}
.news_bmtxt{padding-top:15px; padding-bottom:5px;}
.news_bmtxt strong{font-size:20px; letter-spacing:0;}
.news_bmtxt p{font-size:14px; line-height:24px; letter-spacing:0; height:auto;-webkit-line-clamp:3;}
.news_list li:last-child{margin-bottom:0;}
}

@keyframes lxanix {
  from {
    opacity: 1;
    transform: scale(0.4);
  }
  to {
    opacity: 0;
    transform: scale(3.2);
  }
}
.lx_page{ background: url(../images/lxbg.jpg) no-repeat center top; background-size:cover!important; padding: 13vw 0px 15vw; background-size:cover;}
@media (min-width:1920px){
.lx_page{ background: url(../images/lxbg.jpg) no-repeat center center;}
}
.lx_con{ display:flex; justify-content:space-between; position:relative; height:629px; padding-top:108px; }
.lx_left{ position:static; transform:translateY(0); width:auto;}
.lx_right{ color:#fff;}
.lx_right strong{ font: 36px/36px alr; letter-spacing: 2px; display:block; font-weight:normal;}
.lx_rtxt{ font: 20px/40px alr; letter-spacing: 1px; margin-top: 2.86vw; padding-top: 2.34vw; border-top: 1px solid rgba(255,255,255,0.3); }
.lx_rtxt p{ position:relative; padding-left:45px;}
.lx_rtxt p img{ position:absolute; left:0; top:4px;}
.lx_map{ position:absolute; left:410px; top:0}
.lx_mapAni{ width:0px; height:0px; position:absolute;left: 46.5%; top: 35%;}
.lx_mapAni i{ width: 112px; height: 112px; position: absolute; left: 50%; top: 50%; margin-left: -56px; margin-top: -56px; background: url(../images/lx_line.png) no-repeat center center; background-size:cover; animation:lxanix 3s linear infinite; opacity:0 }
.lx_mapAni i:nth-child(2){ animation-delay:1s;}
.lx_mapAni i:nth-child(3){ animation-delay:2s;}
@media (max-width:1799px){
.lx_page{padding-top:11vw;}
.lx_right strong{ font: 26px/26px alr}
.lx_rtxt{ font: 16px/36px alr; margin-top: 2.2vw; padding-top: 2vw;}
.lx_rtxt p{ padding-left:38px;}
.lx_rtxt p img{ top:4px; width:28px; height:28px;}
.lx_map{left: 280px; width: 450px;}
.lx_con{height:500px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.lx_map {left: 210px;width: 370px;}
.lx_right strong{font-size:24px; line-height:24px;}
.lx_rtxt{font-size:14px;}
.lx_page{padding-top:8vw; padding-bottom:8vw;}
}
@media (max-width:993px){
.lx_map{display:none;}
}
@media (max-width:767px){
.lx_map{display:block; position:relative; left:auto; top:auto;}
.lx_con{padding-top:0vw; display:block; height:auto}
.lx_right{margin-top:25px;}
.lx_right strong{font-size:22px; letter-spacing:1px;}
.lx_rtxt{ letter-spacing:0; margin-top:15px; padding-top:12px;}
.lx_rtxt p {padding-left: 38px;line-height: 22px;margin-bottom: 10px; padding-left:30px;}
.lx_rtxt p img{width:22px; height:20px; top:1px;}
.lx_map{width:300px; margin:0 auto}
.lx_page{padding-top:11vw;}
}

.hmpage{ background: #000 url(../images/hmmainBg.jpg) no-repeat center 250px; padding-top:7vw; overflow:hidden }
.hmCon1{display:flex; justify-content:space-between; }
.hmc1lx{ width:61.71%;}
.hmtbox{ position:relative; padding-bottom:30px;}
.hmtnum{ font-size: 180px; line-height: 180px; color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.2); display:inline-block; position:relative; left:-42px}
.hmtbox strong{ font: 68px/68px all; display: block; margin-top: -92px; position:relative; color:#fff; letter-spacing:2px;}
.hmtbox strong span{ font-family: alm; }
.hmtbox:before{content:""; width:0px; height:4px; border-radius:0.6em; background:var(--cor); position:absolute; left:0; bottom:0; transition:all 1.2s ease;}
.hmtbox.on:before{width:118px;}
.hmtbox_center{text-align:center;}
.hmtbox_center:before{left:50%; transform:translateX(-50%);}
.hmc1des{ text-align: justify; margin-top: 4.16vw; color: #FFF; font: 20px/34px alr; letter-spacing:1px; }
.hmc1btn{ margin-top: 4.16vw;}
.pub_more{ color: #FFF; padding: 0px 68px 0px 30px; font: 18px/48px sym; letter-spacing: 2px; display: inline-block; border-radius:2em; background:var(--cor);}
.pub_more span{ display:inline-block; position:relative;}
.pub_more span:after{ content: ""; height: 26px; width: 26px; position: absolute; top: 11px; right: -45px; background: #FFF url(../images/hmc1_ar.png) no-repeat center center; border-radius:50%; transition:all 0.5s ease;}
.pub_more:hover{ transform:translateY(-8px); color:#fff; box-shadow:0 8px 22px rgba(12,64,193,0.3);}
.pub_more:hover span:after{transform:rotate(46deg);}
.hmc1map{ margin-top: 4.16vw; max-width:863px; position:relative;}
.hmc1map_img{display:block;}
.hmc1anix{ position:absolute;left: 77%; top: 27%;}
.hmc1anix:before{ content: ""; height: 88px; width: 88px; margin-top: -44px; margin-left: -44px; position: absolute; left: 50%; top: 50%; background:var(--cor); border-radius:50%; box-shadow:0 0 28px rgba(12,64,193,0.8);}
.hmc1anix i{ height: 120px; width: 120px; margin-top: -60px; margin-left: -60px; position: absolute; left: 50%; top: 50%; background: url(../images/hmc1line.png) no-repeat center center; background-size: cover; ; animation: lxanix 3s linear infinite; opacity: 0 }
.hmc1anix i:nth-child(2){ animation-delay:1s;}
.hmc1anix i:nth-child(3){ animation-delay:2s;}
.hmc1anix img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; max-width:none;margin-left: 3px; margin-top: -2px;}
.hmc1rx{ width: 29.47%; background: url(../images/hm_c1line.png) no-repeat left 12px; min-height: 752px; margin-top:95px }
.hmc1rul{ color:#fff;}
.hmc1rul li{ margin-bottom:135px; min-height:100px; position:relative; padding-left:218px; padding-top:6px;}
.hmc1rul li:last-child{ margin-bottom:0!important;}
.hmc1rul li:after{ content: ""; background: #FFF; height: 7px; width: 7px; position: absolute; left: -3px; top: 0px; border-radius:50%; transition:all 0.5s ease}
.hmc1rul li:before{ content: ""; background: url(../images/hm_c1line2.png) repeat-y left top; height: 12px; width: 348px; position: absolute; left: 218px; top: 46px; border-radius:0.3em 0 0 0.3em; transition:all 0.5s ease; opacity:0.5}
.hmc1rico{ position: absolute; left: 76px; top: 0px; }
.hmc1rul li strong{ display: block; height: 70px; position:relative }
.hmc1rul li p{ font-size: 22px; line-height: 30px; min-height: 60px; margin-top:10px; }
.hmc1rul li strong span{ font: 70px/70px din_b; }
.hmc1rul li strong i{ display: inline-block; margin-left: 10px; transform: translateY(-37px); font: normal 14px/14px alr; }
.hmc1rul li:nth-child(2):after,
.hmc1rul li:nth-child(3):after{ top:25px}
.hmc1rul li.on:after{ width:11px; height:11px; background:var(--cor); left:-5px;}
.hmc1rul li.on:before{opacity:1;}
.hmc1rul li.on .hmc1rico{transform:rotateY(360deg); transition:all 0.8s ease;}
.hmCon2{ margin-top:6.77vw; position:relative; padding-bottom:7vw;}
.hmc2ul{ margin:5vw -13px 0; display:flex;}
.hmc2ul li{ width:calc(21.05% - 26px); margin:0 13px; background-image:url(../images/hmc2bg.jpg); background-repeat:no-repeat; border:1px solid rgba(255,255,255,0.5); border-radius:0.8em; overflow:hidden; transition:all 0.8s ease;}
.hmc2ul li.on{ width:calc(57.9% - 26px); border:1px solid #0A39AE;}
.hmc2ul li:nth-child(1){ background-position:left top;}
.hmc2ul li:nth-child(2){ background-position:-894px top;}
.hmc2ul li:nth-child(3){ background-position:-1224px top;}
.hmc2ul_2 li:nth-child(2){ background-position:-322px top;}
.hmc2ul_3 li:nth-child(2){ background-position:-322px top;}
.hmc2ul_3 li:nth-child(3){ background-position:-650px top;}
.hmc2item{ display:block; height:542px; color:#fff; position:relative}
.hmc2dx{ position: absolute; left: 0; top: 0; right: 0; padding: 70px 30px 0px; text-align: center;}
.hmc2dx strong{ display: block; font-size: 36px; line-height: 42px; letter-spacing: 2px; font-weight: normal; color:#fff; height:152px; transition:all 0.6s ease; }
.hmc2dx span{ display:block; transition:all 0.6s ease;}
.hmc2hx{ position: absolute; left: 0; top: 0; right: 0; padding: 70px 75px 0px;}
.hmc2hx strong{ display: block; font-size: 36px; line-height: 42px; letter-spacing: 2px; font-weight: normal; color:#fff; height:84px; transition:all 0.8s ease; transform:translateY(20px); opacity:0; }
.hmc2des{ font-size: 24px; line-height: 32px; letter-spacing: 1px; text-align: justify; color:#fff; transition:all 0.8s ease; transform:translateY(20px); opacity:0; }
.hmc2sm{ background: url(../images/hmc3_m.png) no-repeat center center; height: 27px; width: 27px; margin-top: 40px; display:block; transition:all 0.8s ease; transform:translateY(20px); opacity:0;}
.hmc2bmIco{ text-align:right; margin-top:28px; transition:all 0.8s ease; transform:translateY(20px); opacity:0;}
.hmc2bmIco span{ background: url(../images/hmc3ser.png) no-repeat center center; display: inline-block; height: 93px; width: 93px; position: relative; }
.hmc2bmIco span img{ width:30px; height:auto; position:absolute; left:27px; top:27px;}
.hmc2btn{ position:absolute; right:0; top:90px}
.on .hmc2hx strong{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.on .hmc2des{opacity:1; transform:translateY(0); transition-delay:0.7s;}
.on .hmc2sm{opacity:1; transform:translateY(0); transition-delay:0.9s;}
.on .hmc2bmIco{opacity:1; transform:translateY(0); transition-delay:1.1s;}
.on .hmc2dx strong{opacity:0; transform:translateY(-20px);}
.on .hmc2dx span{opacity:0; transform:translateY(-20px);}
@media (max-width:1799px){
.hmpage{padding-top:6vw;}
.hmtbox{ padding-bottom:20px;}
.hmtnum{ font-size: 120px; line-height: 120px; left:-25px}
.hmtbox strong{ font: 48px/48px all; margin-top: -62px;}
.hmtbox:before{height:3px;}
.hmtbox.on:before{width:98px;}
.hmc1des{ margin-top: 3.16vw; font: 16px/28px alr;}
.hmc1btn{ margin-top: 3.16vw;}
.pub_more{ font: 16px/46px sym; letter-spacing: 1px;}
.pub_more span:after{ top: 10px;}
.hmc1map{ margin-top: 3.16vw;}
.hmc1rx{ width: 29.47%; background: url(../images/hm_c1line.png) no-repeat left 13px; background-size:1px auto; min-height: 652px; margin-top:65px }
.hmc1rul li{ margin-bottom:68px; min-height:90px; padding-left:160px; padding-top:5px;}
.hmc1rul li:before{height: 8px; width: 280px; left: 160px; top: 40px; background-size:100% auto;}
.hmc1rico{left: 42px; width:88px; height:88px;}
.hmc1rul li strong{height: 60px;}
.hmc1rul li p{ font-size: 16px; line-height: 26px; min-height: 52px; margin-top:4px; }
.hmc1rul li strong span{ font: 58px/58px din_b; }
.hmc1rul li strong i{ margin-left:6px; transform: translateY(-28px);}
.hmc1rul li:nth-child(2):after,
.hmc1rul li:nth-child(3):after{ top:20px}
.hmCon2{ margin-top:5.77vw; padding-bottom:6vw;}
.hmc2ul{ margin:3vw -8px 0;}
.hmc2ul li{ width:calc(21.05% - 16px); margin:0 8px; background-size:1170px auto; }
.hmc2ul li.on{ width:calc(57.9% - 16px);}
.hmc2ul li:nth-child(1){ background-position:left top;}
.hmc2ul li:nth-child(2){ background-position:-670px top;}
.hmc2ul li:nth-child(3){ background-position:-914px top;}
.hmc2ul_2 li:nth-child(2){ background-position:-243px top;}
.hmc2ul_3 li:nth-child(2){ background-position:-243px top;}
.hmc2ul_3 li:nth-child(3){ background-position:-516px top;}
.hmc2item{height:417px;}
.hmc2dx{padding: 50px 20px 0px;}
.hmc2dx strong{ font-size: 26px; line-height:36px; height:120px; letter-spacing: 1px;}
.hmc2hx{ padding: 50px 35px 0px;}
.hmc2hx strong{ font-size: 26px; line-height: 36px; letter-spacing: 1px; height:72px;}
.hmc2des{ font-size: 18px; line-height: 28px; }
.hmc2sm{ margin-top: 30px;}
.hmc2bmIco{ margin-top:20px;}
.hmc2bmIco span{ transform:scale(0.8); transform-origin:right bottom;}
.hmc2btn{top:70px}
.hmc2dx span img{max-width:80px;}
}
@media (max-width:1379px){
.hmc1rul li:before{width:220px;}
.hmtbox strong{ font: 40px/40px all; margin-top: -62px;}
.hmtnum{ font-size:110px; line-height:110px;}
.hmtbox strong{margin-top:-55px;}
}
@media (max-width:1199px){
.hmc1rx{width:35%;}
.hmc1rico{left:25px;}
.hmc1rul li{padding-left:130px;}
.hmc1rul li:before {width: 190px;}
.hmc2ul li:nth-child(2){ background-position:-543px top;}
.hmc2ul li:nth-child(3){ background-position:-766px top;}
.hmc2ul_2 li:nth-child(2){ background-position:-211px top;}
.hmc2ul_3 li:nth-child(2){ background-position:-211px top;}
.hmc2ul_3 li:nth-child(3){ background-position:-410px top;}
}
@media (max-width:993px){
.hmc1rico{width:52px; height:52px; top:9px;}
.hmc1rul li{padding-left:90px;}
.hmc1rul li:before{ left:90px;}
.hmc2hx strong{font-size:22px; line-height:32px;}
.hmc2dx strong{font-size:22px; line-height:32px;}
.hmc2des{font-size:14px; line-height:24px;}
.hmc2ul li:nth-child(2){ background-position:-433px top;}
.hmc2ul li:nth-child(3){ background-position:-586px top;}
.hmc2ul_2 li:nth-child(2){ background-position:-156px top;}
.hmc2ul_3 li:nth-child(2){ background-position:-161px top;}
.hmc2ul_3 li:nth-child(3){ background-position:-322px top;}
}
@media (max-width:767px){
.hmCon1{flex-wrap:wrap;}
.hmc1lx{width:100%;}
.hmc1rx{width:100%;}
.hmc1rico{top:4px;}
.hmtnum{font-size:100px; line-height:100px; left:-5px;}
.hmtbox strong{font-size:30px; line-height:30px; margin-top:-45px;}
.hmtbox{padding-bottom:18px;}
.hmc1des{font-size:14px; line-height:26px;}
.hmc1btn{ margin-top:25px;}
.hmpage{padding-top:11vw;}
.pub_more{font-size:14px; line-height:42px; padding:0px 60px 0px 25px}
.pub_more span:after {top: 8px; right:-35px;}
.hmc1anix:before{width:60px; height:60px; margin-left:-30px; margin-top:-30px;}
.hmc1anix i{width:90px; height:90px; margin-left:-45px; margin-top:-45px;}
.hmc1rul li{margin-bottom:15px; padding-top:0}
.hmc1rx{margin-top:45px; min-height:400px; background-size:auto 120%}
.hmc1rul li:before{width:230px;}
.hmc2btn{top:59px;}
.hmc2ul{display:block; margin-left:0; margin-right:0}
.hmc2ul li{width:auto; margin:0 0 12px;}
.hmc2dx{display:none;}
.hmc2hx strong{opacity:1; height:auto; margin-bottom:12px;}
.hmc2hx{padding-left:20px; padding-right:20px;}
.hmc2des,.hmc2bmIco,.hmc2sm{opacity:1; transform:translateY(0)!important}
.hmc2hx strong{ transform:translateY(0)!important}
.hmc2ul{margin-top:25px;}
.hmCon2{padding-bottom:13vw;}
.hmc2ul .slick-dots{bottom:40px;}
.hmc2ul .slick-dots li button{display:none;}
.hmc2ul .slick-dots li { background:rgba(255,255,255,0.3)!important; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.hmc2ul .slick-dots li.slick-active{ background: rgba(255,255,255,1)!important;}

}

.job_page{ background: #000 url(../images/jb_banner.png) no-repeat center top; background-size:cover; background-size:100% auto;}
.job_con1{ padding-top:calc(13vw + 108px); padding-bottom:22vw;}
.job_con2{ overflow:hidden; padding-bottom:80px;}
.job_c2nav_wpr{ border-bottom: 1px solid #FFF; margin-bottom:4.6vw;}
.job_c2nav{display:flex; justify-content:space-between;}
.job_c2nav a{ width: 100%; padding-bottom: 15px; display:block; text-align:center; position:relative; opacity:0.5; cursor:pointer;}
.job_c2nav a.on{ opacity:1}
.job_c2nav a span{ display:block; width:66px; height:66px; margin:0 auto;}
.job_c2nav a p{ font-size: 36px; line-height: 4vw; letter-spacing: 2px; color:#fff; }
.job_c2nav a:after{content:""; width:0%; height:2px; background:var(--cor); position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; }
.job_c2nav a.on:after{width:100%;transition:all 2s ease;}
.job_c2sw{ width:130vw; position:relative; left:50%; margin-left:-65vw;}
.job_c2item{ position:relative}
.jb_c1dx{ font-size: 36px; letter-spacing: 2px; line-height: 50px; position: absolute; left: 3vw; top: 50%; right: 3vw; text-align: center; transform:translateY(-50%); color:#fff; transition:all 0.5s ease;}
.jb_c1hx{ position:absolute; left:3vw; right:3vw; bottom:3vw; color:#fff;}
.jb_c1hx strong{ font-size: 36px; letter-spacing: 2px; line-height: 50px; display:block; font-weight:normal; transition:all 0.8s ease; opacity:0; transform:translateY(50px);}
.jb_c1hx p{ letter-spacing: 1px; text-align: justify; margin-top: 10px; font: 20px/32px alr; transition:all 0.8s ease; opacity:0; transform:translateY(50px);}
.job_c2img{ position:relative}
.job_c2img:after{ content: ""; background: url(../images/jb_c2linebg.png) repeat-x left bottom; position: absolute; left: 0px; right: 0px; bottom: 0px; top:0 }
.swiper-slide-active .jb_c1dx{opacity:0;}
.swiper-slide-active .jb_c1hx strong{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.swiper-slide-active .jb_c1hx p{opacity:1; transform:translateY(0); transition-delay:0.4s;}
.job_c2sw .swiper-slide{}
.job_c2sw .swiper-button-next{ background: url(../images/jb_btn.png) no-repeat center center; height: 17px; width: 29px; position: absolute; right: 17vw; top: 50%; margin-top: -8px; z-index: 2; cursor: pointer; transform:rotate(180deg); }
.job_c2sw .swiper-button-prev{ background: url(../images/jb_btn.png) no-repeat center center; height: 17px; width: 29px; position: absolute; left: 17vw; top: 50%; margin-top: -8px; z-index: 2; cursor: pointer; }
.job_c2sw .swiper-button-next:after,
.job_c2sw .swiper-button-prev:after{display:none;}
@media (max-width:1799px){
.job_con1{ padding-top:calc(12vw + 80px); padding-bottom:20vw;}
.job_con2{ padding-bottom:50px;}
.job_c2nav a span{ width:60px; height:60px;}
.job_c2nav a p{ font-size: 26px;}
.jb_c1dx{ font-size: 26px;line-height: 40px;}
.jb_c1hx strong{ font-size: 26px; line-height: 40px;}
.jb_c1hx p{ font: 16px/28px alr;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.jb_c1hx p{font-size:14px; line-height:24px;}
}
@media (max-width:993px){
.jb_c1hx p{font-size:12px; line-height:20px;}
}
@media (max-width:767px){
.job_con1{padding-top:11vw;}
.job_c2sw{ width:280vw; margin-left:-140vw;}
.jb_c1hx strong{font-size:22px; line-height:30px;}
.jb_c1hx p{margin-top:6px;}
.job_c2nav a span{width:42px; height:42px;}
.job_c2nav a p{font-size:18px; letter-spacing:1px; line-height:42px; height:52px}
.job_c2nav a{padding-bottom:0;}
.jb_c1hx{left:15px; right:15px; bottom:32px;}
}

.job_con3{ margin-top:5vw;}
.job_c3anix_wpr{ max-width:832px; max-height:832px; width:43.33vw; height:43.33vw; margin:0 auto; position:relative}
.job_c3anix{ position:absolute; left:0; top:0; right:0; bottom:0;}
.job_c3anix:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/jb_c2line.png) no-repeat center center; background-size:cover; animation:turnAni 30s linear infinite;}
.job_c3anix i{content:""; max-width:705px; max-height:705px; width:36.71vw; height:36.71vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.job_c3anix i:before,.job_c3anix i:after{content:""; border:1px solid #4D4D4D; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; opacity:0; animation:job_c3ani 3s linear infinite;}
.job_c3anix i:after{animation-delay:1.5s;}
.job_c3anix .coverImg{ position:absolute; max-width:569px; max-height:569px; width:29.63vw; height:29.63vw; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); border:2px solid var(--cor); overflow:hidden; z-index:2;}
@keyframes job_c3ani {
  from {
    opacity: 1;
    transform: scale(0.85);
  }
  to {
    opacity: 0;
    transform: scale(1.3);
  }
}
@media (min-width:767px){
.job_c3icos{ position:absolute; left:0; top:0; right:0; bottom:0;}
.job_c3icos li{ position:absolute; width:2px; height:2px;}
.job_c3sim{ width:180px; text-align:center; position:absolute; color:#fff; transition:all 0.5s ease;}
.job_c3sim p{ font-size: 20px; line-height: 28px; margin-top: 20px; }
.job_c3ico{ display:block; margin:0 auto; width:66px; height:66px; transition:all 0.5s ease;}
.job_c3icos li i{ width:8px; height:8px; background:var(--cor); border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-4px;}
.job_c3icos li:nth-child(1){ left: 11.56%; top: 18%;}
.job_c3icos li:nth-child(2){ right: 11.56%; top: 18%;}
.job_c3icos li:nth-child(3){ left:0%; top:50%;}
.job_c3icos li:nth-child(4){ right:0%; top:50%;}
.job_c3icos li:nth-child(5){ left:11.56%; bottom:18%;}
.job_c3icos li:nth-child(6){ right:11.56%; bottom:18%;}
.job_c3icos li:nth-child(1) .job_c3sim,
.job_c3icos li:nth-child(3) .job_c3sim,
.job_c3icos li:nth-child(5) .job_c3sim{right:48px; bottom:-13px;}
.job_c3icos li:nth-child(2) .job_c3sim,
.job_c3icos li:nth-child(4) .job_c3sim,
.job_c3icos li:nth-child(6) .job_c3sim{left:48px; bottom:-13px;}
.job_c3icos li:hover .job_c3ico{transform:rotateY(180deg);}
.job_c3icos li:hover .job_c3sim{transform:translateY(-10px);}
}
@media (max-width:1799px){

}
@media (max-width:1559px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.job_c3ico{width:50px; height:50px;}
.job_c3sim p {font-size: 16px;line-height: 22px;margin-top: 6px;}
}
@media (max-width:767px){
.job_c3anix_wpr{width:100%; height:auto;}
.job_c3anix{width:260px; height:260px; position:relative; margin:0 auto;}
.job_con3{margin-top:0;}
.job_c3anix .coverImg{width:200px; height:200px;}
.job_c3anix i{width:260px; height:260px;}
.job_c3icos{display:flex; justify-content:space-between; flex-wrap:wrap;}
.job_c3icos li{width:50%; text-align:center; margin-bottom:20px;}
.job_c3ico{width:40px; height:40px; margin:0 auto; display:block}
.job_c3sim p{color:#fff; font-size:18px; line-height:30px; margin-top:8px;}
}


.job_con4{ padding-top:6.25vw; padding-bottom:6vw}
.job_con4 .hmtbox strong{margin-top:0;}
.job_c4ul{ margin: 3vw -1.82vw; }
.job_c4ul li{ width:calc(50% - 3.64vw); margin:0 1.82vw;}
.job_c4item{ display:block; cursor:pointer; position:relative; border-bottom:1px solid #4D4D4D; padding:1.97vw 150px 1.97vw 0; color:#fff;}
.job_c4item strong{ font: normal 32px/42px alr; letter-spacing: 1px; }
.job_c4item p{ font: 20px/30px alr; color: #747474; margin-top:0.93vw; }
.job_c4item:after{ content: ""; background: url(../images/jb_c2ar.png) no-repeat center center; height: 31px; width: 31px; position: absolute; top: 50%; right: 40px; margin-top: -15px; transition:all 0.5s ease;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.job_c4item:hover:after{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.job_layer_bg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:20;}
.job_layer{ position:fixed; z-index:30; background:#fff; right:0; top:0; bottom:0; width:1260px; transition:all 0.8s ease; opacity:0; transform:translateX(100%)}
.job_layer.on{opacity:1; transform:translateX(0);}
.job_close{ background: #FFF url(../images/jb_back.png) no-repeat center center; position: absolute; height: 58px; width: 58px; left: -100px; top: 21px; cursor: pointer; border-radius:50%;}
.job_lyt{ height: 100px; font: 32px/100px alr; color: #FFF; padding: 0px 5vw; background:var(--cor);}
.job_lytxt{ background: url(../images/jb_lay_bg.png) no-repeat right bottom; padding: 2.6vw 5vw 13.02vw; position: absolute; left: 0px; top: 100px; right: 0px; bottom: 0px; }
.job_imtxt{ max-height: calc(100vh - 100px - 2.6vw - 13.02vw); font-family: alr; letter-spacing:1px; }
.job_lyx1{ font-size: 20px; line-height: 32px; padding-bottom: 1.5vw; border-bottom: 1px solid #CCCCCC; }
.job_lyx2{ padding: 1.6vw 0px 1.6vw 215px; position: relative; font-size: 16px; line-height: 24px; border-bottom: 1px solid #CCCCCC;  }
.job_lay_btn{ line-height: 44px; height: 48px; width: 176px; border: 2px solid #000000; font-size: 16px; background: url(../images/jb_em.png) no-repeat 34px center; padding-left: 62px; position: absolute; left: 0px; top: 50%; margin-top: -24px; border-radius:3em;}
.job_lay_btn:hover{ color: #fff; background:var(--cor) url(../images/jb_em2.png) no-repeat 34px center; border:2px solid var(--cor); box-shadow:0 3px 8px rgba(12,64,193,0.3); }
.job_lay_eml{ color:var(--cor);}
.job_lay_dl{ padding-top:2.6vw;}
.job_lay_dl dt{ font-size: 28px; line-height: 28px; color:var(--cor);}
.job_lay_dl dd{ font-size: 16px; line-height: 32px; margin-top:1.2vw}
.job_lay_logo{ position: absolute; right: 3.22vw; bottom: 4.42vw; }
@media (max-width:1799px){
.job_c4ul{ margin: 3vw -1.5vw; }
.job_c4ul li{ width:calc(50% - 3vw); margin:0 1.5vw;}
.job_c4item{padding:1.6vw 100px 1.6vw 0;}
.job_c4item strong{ font: normal 26px/32px alr;}
.job_c4item p{ font: 16px/28px alr; margin-top:0.8vw; }
.job_c4item:after{right: 20px; transform:scale(0.8); transform-origin:right center;}
.job_layer{width:1100px;}
.job_close{ height: 48px; width: 48px; left: -80px; top: 16px; cursor: pointer; border-radius:50%;}
.job_lyt{ height: 80px; font: 24px/80px alr; padding:0 4vw;}
.job_lytxt{ top: 80px; background-size:450px auto; padding-left:4vw; padding-right:4vw;}
.job_imtxt{ max-height: calc(100vh - 80px - 2.6vw - 13.02vw);}
.job_lyx1{ font-size: 16px; line-height: 28px; }
.job_lyx2{ padding: 1.5vw 0px 1.5vw 185px; font-size: 14px; line-height: 24px; }
.job_lay_btn{ line-height: 40px; height: 44px; width: 166px;font-size: 14px; background: url(../images/jb_em.png) no-repeat 30px center; padding-left: 56px; margin-top: -24px;}
.job_lay_btn:hover{ background:var(--cor) url(../images/jb_em2.png) no-repeat 30px center; }
.job_lay_dl dt{ font-size: 22px; line-height: 22px; }
.job_lay_dl dd{ font-size: 14px; line-height: 26px;}
.job_lay_logo{  }
.job_lay_logo img{height:60px; width:auto;}
}
@media (max-width:1379px){
.job_lyt{height:70px; line-height:70px;}
.job_close{top:11px;}
}
@media (max-width:1199px){
.job_c4item strong{font-size:22px;}
.job_lyt{line-height:56px; height:56px;}
.job_layer{width:850px;}
.job_close{ width:40px; height:40px; top:8px; left:-60px}
}
@media (max-width:993px){
.job_layer{width:640px;}
}
@media (max-width:767px){
.job_c4ul li{width:calc(100% - 3vw);}
.job_c4item strong{font-size:20px;}
.job_c4item{padding-top:12px; padding-bottom:12px;}
.job_c4ul{margin-bottom:25px;}
.job_con4{padding-bottom:11vw;}
.job_con4{padding-top:10vw;}
.job_layer{width:100%;}
.job_lyt{padding-left:70px;}
.job_close{left:15px;}
.job_lytxt{background-size:240px auto; top:62px;}
.job_lay_btn {line-height: 38px;height: 44px;width: 136px;font-size: 13px;background: url(../images/jb_em.png) no-repeat 20px center;padding-left: 40px;margin-top: -22px;}
.job_lyx2{padding-left:148px; line-height:20px; padding-top:12px; padding-bottom:12px;}
.job_lay_dl{padding-top:15px;}
.job_lay_dl dt{font-size:20px;}
}

@keyframes abt_c1anix {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
@keyframes abt_c1ud {
  0% {
    transform:translateY(-10px);
  }
  50% {
    transform:translateY(10px);
  }
  100% {
    transform:translateY(-10px);
  }
}
.abt_page{ background: #000; overflow:hidden; }
.abt_con1{ background: url(../images/abt_ban.png) no-repeat center bottom; padding-top:calc(13vw + 108px); padding-bottom:28vw; background-size:cover;}
.abt_con2{ margin-bottom:5vw;}
.abt_c2box .hmtbox{position:relative; z-index:1;}
.abt_c2box{ position:relative; padding-left:55.92%; min-height:560px;}
.abt_con2 .hmtbox strong{margin-top:0;}
.abt_c2txt{ font: 20px/36px all; margin-top: 30px; color:#fff; text-align:justify; position:relative; z-index:1}
.abt_c2anix{ width:650px; height:360px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.abt_c2bg{ width: 162%; height:auto; max-width:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.abt_c2lineani{ width: 120.6%; height: 104.4%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); margin-top:-2.8%;}
.abt_c2lineani:before,.abt_c2lineani:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/abt_c1sline.png) no-repeat center center; background-size:cover; animation:abt_c1anix 3s linear infinite; opacity:0;}
.abt_c2lineani:after{animation-delay:1.5s;}
.abt_c2linx{ background: url(../images/abt_c1line.png) no-repeat center center; height: 118%; width: 58.3%; background-size:cover; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; margin-top:-6%; margin-left:-5%;}
.abt_c2item{ position:absolute; width:0; height:0; animation:abt_c1ud 3s linear infinite;}
.abt_c2item1{left: 7%; top: -50%;}
.abt_c2item2{right: 21%; top: -25%; animation-delay:1s;}
.abt_c2item3{left: 17%;bottom: -6%; animation-delay:2s;}
.abt_c2stx{position:absolute; left:0; top:0; width:255px; color:#fff;}
.abt_c2stx strong{ height:56px; display: block; position: relative; white-space:nowrap; }
.abt_c2stx strong span{ font: 56px/56px din_b;}
.abt_c2stx strong i{ display: inline-block; transform: translateY(-28px); margin-left: 5px; font: normal 14px alr; }
.abt_c2item p{ margin-top: 4px; font: 18px/22px alr; }
.abt_con3{ margin-top:16vw;}
.abt_c3box{ position:relative; min-height:1200px; padding-top:0vw; padding-bottom:21vw;}
.abt_c3glb{ position:absolute; left:0%; top:0; width:108.7%; height:auto; transform-origin:left 60%; transform:scale(1.3)}
.abt_c3txt{ text-align: justify; margin-top: 30px; color: #fff; font: 20px/34px alr; }
.abt_c3main{position:relative; color:#fff;}
.abt_c3ul{ margin-top:11.97vw; margin-left:52%;}
.abt_c3ul li{ position: relative; line-height: 88px; border-bottom: 1px solid #808080; padding-left: 82px; font-size: 24px; }
.abt_c3ul li span{ position: absolute; left: 0px; top: 19px; }
.abt_c3ul li:after{ content: ""; background: #0A39AE; position: absolute; left: 0%; bottom: -2px; height:3px; width:0%;}
.abt_c3ul li:hover:after{width:100%; transition:all 1.5s ease;}
.abt_c3main .hmtbox{ opacity:0; transition:all 0.8s ease; transform:translateY(80px);}
.abt_c3main .abt_c3txt{ opacity:0; transition:all 0.8s ease; transform:translateY(80px);}
.abt_c3main .abt_c3ul{ opacity:0; transition:all 0.8s ease; transform:translateY(80px);}
.abt_c3main.active1 .hmtbox{opacity:1; transform:translateY(0);}
.abt_c3main.active1 .abt_c3txt{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.abt_c3main.active2 .abt_c3ul{opacity:1; transform:translateY(0); transition-delay:0.8s;}
@media (max-width:1799px){
.abt_con1{ padding-top:calc(12vw + 80px); padding-bottom:25vw;}
.abt_c2box{ min-height:380px;}
.abt_c2txt{ font: 16px/28px all; margin-top: 25px; }
.abt_c2anix{ width:500px; height:277px;}
.abt_c2item1{ top: -52%;}
.abt_c2stx{width:205px;}
.abt_c2stx strong{ height:46px;}
.abt_c2stx strong span{ font: 46px/46px din_b;}
.abt_c2stx strong i{ transform: translateY(-20px); margin-left: 4px; }
.abt_c2item p{ margin-top: 3px; font: 16px/20px alr; }
.abt_c3box{ min-height:800px; padding-top:0vw; padding-bottom:21vw;}
.abt_c3txt{margin-top: 20px; font: 16px/28px alr; }
.abt_c3ul li{ line-height: 72px; padding-left: 58px; font-size: 20px; }
.abt_c3ul li span{ width:42px; height:42px; top: 15px; }
.abt_c3ul{margin-top:13vw;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.abt_con1{ padding-top:calc(6vw + 80px);}
.abt_c2anix{ width:400px; height:221px;}
.abt_c3glb{display:none;}
.abt_c3main .hmtbox{opacity:1; transform:translateY(0);}
.abt_c3main .abt_c3txt{opacity:1; transform:translateY(0);}
.abt_c3main .abt_c3ul{opacity:1; transform:translateY(0);}
.abt_c3ul{margin-left:0; margin-top:5vw;}
.abt_c3box{min-height:10px;}
.abt_con3{ background: url(../images/abt_glb.png) no-repeat center center; background-size:cover;} 
}
@media (max-width:993px){
.abt_c2box{padding-left:0;}
.abt_c2anix{position:relative; margin:150px auto 200px; top:auto; transform:translateY(0)}
}
@media (max-width:767px){
.abt_con1{padding-top:11vw;}
.abt_c2txt{font-size:14px; line-height:24px;}
.abt_c2anix {width: 280px;height: 155px;}
.abt_c2item p{font-size:14px;}
.abt_c2item1{left:-3%; top:-76%;}
.abt_c2item2 {right: 41%;top: -65%;}
.abt_c3txt{font-size:14px; line-height:24px;}
}

.abt_con4{ position:relative; padding-bottom: 31.25vw;}
.abt_con4 .container{position:relative;}
.abt_c4box{ margin-top:4.06vw; position:relative; max-width:1260px; margin-left:auto; margin-right:auto; color:#fff; padding-top:45px; padding-bottom:8vw;}
.abt_c4bg{ background: url(../images/abt_bg.png) no-repeat center bottom; position: absolute; left: 0; top: 0; right: 0; height:100vh; background-size:cover; }
.abt_c4bgFixed{ position:fixed;}
.abt_c4bgBottom{top:auto; bottom:0; position:absolute}
.abt_c4box:after{content:""; width:17px; height:17px; border:2px solid #0A39AE; border-radius:50%; left:50%; margin-left:-8px; top:-24px; position:absolute}
.abt_c4box:before{content:""; width:1px; position:absolute; left:50%; top:0; bottom:0; background:rgba(255,255,255,0.3);}
.abt_c4item{ padding-bottom:8vw; position:relative; min-height:80px; opacity:0; transition:all 0.5s ease; transform:translateY(80px);}
.abt_c4item.active{opacity:1; transform:translateY(0px);}
.abt_c4item:after{content:""; width:3px; height:3px; background:#fff; position:absolute; left:50%; top:8px; margin-left:-1px; border-radius:50%;}
.abt_c4yr{ position: absolute; left: 198px; top: 0px; width:345px;}
.abt_c4yr:before{ content: ""; background: url(../images/abt_c4line.png) repeat-y left top; height: 13px; width: 0px; position: absolute; left: 0px; top: 40px; border-radius:0.8em;transition:all 1.5s ease; background-size:100% auto; }
.abt_c4item.active .abt_c4yr:before{ width:348px;}
.abt_c4yr strong{ font: normal 70px/70px din_b; display: block; position:inherit; }
.abt_c4yr strong i{ font: 14px/14px alr; display: inline-block; margin-left: 8px; transform:translateY(-35px)}
.abt_c4des{ font: 20px/34px alr; text-align: justify; width:508px; margin-left:752px;}
.abt_c4box .abt_c4item:nth-child(2n){}
.abt_c4box .abt_c4item:nth-child(2n) .abt_c4yr{ left:auto; right:163px;}
.abt_c4box .abt_c4item:nth-child(2n) .abt_c4des{ margin-left:0!important}
.abt_c4mouse{ height: 51px; width: 51px; margin-left: -26px; position: absolute; left: 50%; bottom: 0px; background:#0A39AE url(../images/abt_ms.png) no-repeat center center; border-radius:50%; }
.abt_c4mouse span{}
.abt_c4mouse p{ color: #FFF; white-space: nowrap; position: absolute; left: 50%; bottom: -38px; transform: translateX(-50%); font: 16px/22px alr; }
.abtBody .footWpr{opacity:1!important;}
.abt_c4part{position:relative;}
.abt_c4part1 .abt_c4box{padding-bottom:100px;}
.abt_c4part2{transition:all 0.5s ease; opacity:0; margin-top:-100px;}
.abt_c4part2.show{opacity:1;}
.abt_c4part2 .abt_c4box{margin-top:0;}
.abt_c4part2 .abt_c4box:after{display:none;}
.abt_c4part2 .abt_c4box:before{top:100px;}
.abt_c4part2 .abt_c4box{padding-top:0;}
@media (max-width:1799px){
.abt_con4{padding-bottom: 28vw;}
.abt_c4box{ margin-top:3.86vw; padding-top:40px;}
.abt_c4item{ padding-bottom:8vw; min-height:70px;}
.abt_c4yr{ left: 228px; width:305px;}
.abt_c4yr:before{height: 10px; top: 28px; }
.abt_c4item.active .abt_c4yr:before{ width:308px;}
.abt_c4yr strong{ font: normal 52px/52px din_b; }
.abt_c4yr strong i{ transform:translateY(-26px)}
.abt_c4des{ font: 16px/30px alr; width:508px; margin-left:662px;}
.abt_c4box .abt_c4item:nth-child(2n) .abt_c4yr{right:173px;}
.abt_c4mouse p{ font: 15px/22px alr; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.abt_c4des{width:388px; margin-left:552px}
.abt_c4yr{left:0;}
.abt_c4box .abt_c4item:nth-child(2n) .abt_c4yr{right:83px;}
}
@media (max-width:993px){
.abt_c4des{width:300px; margin-left:400px;}
.abt_c4box .abt_c4item:nth-child(2n) .abt_c4yr{right:15px;}
}
@media (max-width:767px){
.abt_c4yr{position:relative; left:auto!important; right:auto!important;}
.abt_c4des{width:100%!important; margin-left:0!important; font-size:14px; line-height:26px;}
.abt_c4box:before{display:none;}
.abt_c4yr strong{font-size:42px; line-height:42px;}
.abt_c4yr strong i {transform: translateY(-18px);}
.abt_c4yr:before{height:5px;}
.abt_c4item:after{display:none;}
.abt_c4box:after{display:none;}
.abt_c4box{padding-top:20px;}
}