锘緻charset "UTF-8";
.hmFs_videoBox{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFs_videoBox video {z-index: 1;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;vertical-align: middle;width: 100%;}
.hmFocusWpr{height:100vh; position:relative;}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_img:after{ content: ""; background: url(../images/banbg.png) no-repeat center top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; }
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.hmFocus_txt h5{ font-size: 58px; line-height: 68px; display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 3px; font-weight: 100; } 
.hmFocus_txt h5 strong{ display: inline-block; margin: 0 5px; font-weight: bold; font-size:62px; }
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 16px; line-height: 30px; max-width: 950px; }
.on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; position: absolute; left:calc((100% - 1560px)/2); top:28.55vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:2px; width:70px; background:rgba(255,255,255,0.8); cursor:pointer; position:relative; }
.hmFocus_dot span:after{content:""; background:#E46210; width:0; height:2px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmNext_btn { height: 38px; width: 24px; border: 2px solid #fff; display: inline-block; position: absolute; left: 50%; bottom: 5.74vh; border-radius: 1.6em; z-index:3; transform:translateX(-50%); }
.hmNext_btn:after { content: ""; background: #fff; height: 4px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.0em; }
.hmFocus_icon{ display: inline-block; width: 60px; height: 60px; margin-top: 32px; transition: all 0.5s ease-in-out; transform: translate(0px,30px); opacity: 0; cursor: pointer; border-radius: 50%; border: 1px solid #fff; position: relative; background: url(../images/hmfar.png) no-repeat center center; }
.hmFocus_icon img{display:none;}
.hmFocus_icon:after{ content: ""; width: 60px; height: 60px; position: absolute; left: -1px; top: -1px; border-radius: 50%; border-top: 1px solid #f39800; border-left: 1px solid #f39800; animation:radiusRotate 0.5s linear infinite}
.on .hmFocus_icon{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_a{ transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; margin-top:8.33vh;}
.on .hmFocus_a{opacity:1; transform:translate(0px,0px); transition-delay:0.65s;}
.hmFs_m{ line-height: 60px; height: 60px; width: 240px; background: #CB9C5E url(../images/more_i.png) no-repeat 196px center; font-size: 16px; color: #FFF; padding-left: 40px; display: inline-block; letter-spacing:1px;}
.hmFs_m:hover{ color:#fff; transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.3);}
@media (max-width:1799px){
.hmFocus_txt h5{ font-size: 48px; line-height: 58px; letter-spacing: 2px;} 
.hmFocus_txt h5 strong{ font-size:42px; }
.hmFocus_txt p{font-size:15px; margin-top:12px;}
.hmFocus_dot{ left:calc((100% - 1160px)/2); top:24.05vh;}
.hmFocus_txt{top:51%;}
}
@media (max-width:1199px){
.hmFocus_img,.hmFocus_item,.hmFocusWpr{height:680px;}
.hmFocus_txt h5{ font-size: 40px; line-height: 50px; letter-spacing: 1px;} 
.hmFocus_txt h5 strong{ font-size:40px; }
.hmFocus_txt p{font-size:20px; margin-top:12px;}
.hmFocus_dot{ left:calc((100% - 940px)/2); top:auto; bottom:160px;}
.hmFocus_txt{top:42%;}
}
@media (max-width:993px){
.hmFocus_dot{ left:calc((100% - 750px)/2);}
.indexEmpty{height:56px;}
}
@media (max-width:767px){
.hmFocus_img, .hmFocus_item, .hmFocusWpr{height:380px;}
.hmFocus_img,.hmFocus_item{height:380px;}
.hmFocus_txt h5{ font-size: 24px; line-height: 36px; letter-spacing: 0px;} 
.hmFocus_txt h5 strong{ font-size:24px; }
.hmFocus_txt{padding-top:50px;}
.hmFocus_txt p{font-size:14px; margin-top:10px; line-height:26px;}
.hmFocus_dot{ height: 2px; bottom: 40px;}
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px;}
.hmFs_m{ line-height: 52px; height: 52px; width: 220px; background: #CB9C5E url(../images/more_i.png) no-repeat 176px center; font-size: 15px; padding-left: 30px; }
}


.indexBody .headerWpr{display:none;}
.indexHeader{ position:fixed; left:0; top:0; width:100%; z-index:5; padding:32px 60px 0;}
.indexHeader .nav_lan{ color: #fff; background: url(../images/top_ri1w.png) no-repeat left center; }
.indexHeader .topSerBtn{ background: url(../images/ser_i2w.png) no-repeat center center; margin-right:145px; float:left}
.index_logo{ float:left; margin-top:18px;}
.indexHrx{ float:right;}
.indexMenu_open{ float: left; height: 20px; width: 50px; margin-top: 42px; position:relative; }
.indexMenu_open i{ background: #FFF; display: block; height: 2px; margin-bottom: 7px; transition:all 0.5s ease-in-out; }
.indexMenu_open i:last-child{ margin-bottom:0;}
.indexMenu_open:hover i:nth-child(1){ transform:rotate(90deg) translateX(8px);}
.indexMenu_open:hover i:nth-child(3){ transform:translateY(-9px);}
.hmMenuBox{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background: url(../images/hmmbg.jpg) no-repeat center center; background-size:cover; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100%); visibility:hidden; }
.hmMenuBox.open{opacity:1; visibility:visible; transform:translateX(0);}
.hmLogo{ display:inline-block; position:absolute; left:60px; top:50px;}
.hmMenu_close{ position: absolute; right: 60px; top: 60px; height: 58px; width: 58px; background: #FFF; border-radius:50%; transition:all 0.5s ease-in-out; transform:rotate(45deg); z-index:5 }
.hmMenu_close:before{content:""; width:26px; height:2px; background:#c3a16e; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-1px;}
.hmMenu_close:after{content:""; height:26px; width:2px; background:#c3a16e; position:absolute; top:50%; margin-top:-13px; left:50%; margin-left:-1px;}
.hmMenu_close:hover{transform:rotate(135deg);}
.hmMneuul{ width:100%; height:100vh;}
.hmMneuul li{ width:25%; height:100vh; position:relative; float:left;display:flex; flex-direction:column; justify-content:center; text-align:center;}
.hmMneuul li .hmMenu_bg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; background-size:cover; z-index:1; opacity:0}
.hmMneuul li:hover .hmMenu_bg{opacity:1;}
.hmMneuul li *{position:relative; z-index:2;}
.hmMneuul li dl{z-index:4;}
.hmMenu_icon{ display:block; width:80px; height:80px; margin:0 auto; transition:all 0.5s ease; transform:translateY(3.64vw)}
.hmMenu_t{ color:#fff; margin-top:2.6vw; transition:all 0.5s ease; transform:translateY(3.64vw)}
.hmMenu_t strong{ font-size: 32px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.hmMenu_t p{ font-size: 18px; line-height: 30px; margin-top: 1.04vw; text-transform: uppercase; display:none;}
.hmMneuul dl{ margin-top:0; transition:all 0.5s ease; opacity:0; transform:translateY(3.64vw)}
.hmMneuul dl dd{}
.hmMenu_sa{ font-size: 20px; color: #FFF; display: block; line-height: 2.62vw; }
.hmMneuul li .hmMenu_num{ font-size: 130px; line-height: 130px; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 3.51vw; font-weight: bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; transition:all 0.5s ease;  transform:translateY(0px);}
.hmMneuul li:hover .hmMenu_t{margin-top:0; transform:translateY(0px);}
.hmMneuul li:hover .hmMenu_icon{opacity:0; transform:translateY(0px);}
.hmMneuul li:hover dl{margin-top:0; transform:translateY(0px); opacity:1; margin-top:3.12vw;}
.hmMneuul li:hover .hmMenu_num{opacity:0; transform:translateY(-3.64vw);}
@media (max-width:1799px){
.indexMenu_open{margin-top:32px;}
.index_logo img{height:60px; width:auto}
.indexHeader{padding-top:25px;}
.hmLogo img{height:48px; width:auto;}
.hmLogo{top:43px;}
.hmMenu_close{top:53px; width:50px; height:48px;}
.hmMenu_t strong{font-size:30px; line-height:52px;}
.hmMenu_t p{font-size:16px;}
.hmMneuul li .hmMenu_num{font-size:100px; line-height:100px;}
.hmMenu_sa{font-size:17px;}
}
@media (max-width:1379px){
.hmMenu_t strong{font-size:28px; line-height:42px;}
}
@media (max-width:1199px){

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

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

}


.hmFocus{ width:100%; overflow:hidden;}
.hmFocus_item{ position:relative; height:100vh; width:100%;}
.hmFs_bg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover;}
.hmTxtDes2{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
.hmTxtDes2_t1{ font-weight: bold; color:#fff; text-shadow:0 10px 20px rgba(0,0,0,0.4);}
.hmTxtDes2_t1 strong{ font-size: 66px; line-height: 90px; display: block; letter-spacing: 4px; transition:all 0.7s ease; opacity:0; transform:translateY(80px); }
.hmTxtDes2_t1 p{ font-size: 22px; line-height: 40px; display: block; margin-top: 8px; letter-spacing: 1px; transition:all 0.7s ease; opacity:0; transform:translateY(80px); }
.hmc1Rx{ width:180px; position:absolute; right:0; top:0; bottom:0; z-index:1; border-left:1px solid rgba(255,255,255,0.13);}
.hmc1Rx span{ font-size: 14px; font-weight: bold; color: #FFF; letter-spacing: 2px; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg);}
.hmFocus .slick-prev{ background: url(../images/hmfs_btn1a.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.6); right: 60px; bottom: 162px; z-index:2; border-radius:50%; transition:all 0.5s ease; opacity:0.8; }
.hmFocus .slick-next{ background: url(../images/hmfs_btn1a.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.6); right: 60px; bottom: 82px; z-index:2; border-radius:50%; transition:all 0.5s ease; transform:rotate(180deg); opacity:0.8;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity: 1; background: url(../images/hmfs_btn1.png) no-repeat center center; border: 1px solid #c3a16e; }
.on .hmTxtDes2_t1 strong{ opacity:1; transform:translateY(0);}
.on .hmTxtDes2_t1 p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
@media (max-width:1799px){
.hmTxtDes2_t1 strong{font-size:56px; line-height:80px;}
.hmTxtDes2_t1 p{font-size:20px;}
.hmFocus .slick-prev{width:50px; height:50px; right:65px;}
.hmFocus .slick-next{width:50px; height:50px; right:65px; bottom:100px;}
.hmTxtDes2_t1 strong{font-size:50px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc1Rx{width:90px;}
.hmFocus .slick-prev{right:18px;}
.hmFocus .slick-next{right:18px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.hmc1Rx{display:none}
.hmFocus .slick-prev{bottom:90px;}
.hmFocus .slick-next{bottom:30px;}
.hmTxtDes2_t1 strong{font-size:28px; line-height:40px;}
.hmTxtDes2_t1 p{font-size:16px;}
.hmTxtDes2_t1{text-align:center;}
}


.hmPage2{ position:relative; height:100vh; overflow:hidden; z-index:1;}
.hmc2bg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover;}
.hmPage2 .container{position:relative; z-index:2;}
.hmc2txt{ max-width:800px; color:#fff; padding-bottom:3.5vw;}
.hmc2txt strong{ font-size: 42px; line-height: 50px; letter-spacing: 2px; display: block; }
.hmc2txt p{ font-size: 17px; line-height: 30px; margin: 1.14vw 0px 1.66vw; }
.hmpub_btn{ line-height: 52px; text-align: center; display: inline-block; height: 54px; width: 165px; border: 1px solid #FFF; font-size: 16px; color: #FFF; border-radius:2em;}
.hmpub_btn:hover{ background: #fff; color: #c3a16e; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.hmc2BomWpr{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.hmc2vBtn{ background: #c3a16e url(../images/hmc2btn.png) no-repeat center center; height: 86px; width: 86px; position: absolute; left: 50%; top: -86px; margin-left: -43px; }
.hmc2vBtn:hover{ background: #B78E51 url(../images/hmc2btn.png) no-repeat center center; }
.hmc2Bom{ height:8vw; background:#fff;display:flex; justify-content:space-between;}
.hmc2bm_item{ width:25%; float:left; height:8vw; position:relative; border-right:1px solid #F0F0F0; cursor:default;}
.hmc2Bom .hmc2bm_item:last-child{border:none;}
.hmc2x{ text-align:left; position:absolute;; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc2bm_item strong{ line-height: 70px; font-size: 50px; color: #10395c; display: block; white-space:nowrap; }
.hmc2bm_item strong span{ font-size: 70px; display:inline-block; margin-right:5px; }
.hmc2bm_item p{ font-size: 15px; color: #999999; margin-top:-5px; white-space:nowrap;}
.hmc2bm_item:hover strong{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#C8A978), to(#9F7A41));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 15px 15px rgba(159,122,62,0.15);}

.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}
.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:75;}
.maoLink{height: 0; position: relative; overflow: hidden; top: -80px; display:block;}
.maoLink2{height: 0; position: relative; overflow: hidden; top: 0px; display:block;}
@media (max-width:1799px){
.m2layerClose{transform:scale(0.6); transform-origin:center center; top:13px;}
.m2layerClose:hover{transform:scale(0.6) rotate(180deg); transform-origin:center center;}
.hmc2txt strong{font-size:38px; line-height:50px;}
.hmc2txt p{font-size:16px; line-height:32px;}
.hmpub_btn{ line-height: 46px; height: 48px; width: 162px; font-size: 15px;}
.hmc2bm_item strong span{font-size:46px;}
.hmc2vBtn{ width:70px; height:70px; top:-70px; background-size:14px auto;}
}
@media (max-width:1379px){
.hmc2txt p{font-size:15px; line-height:30px;}
}
@media (max-width:1199px){
.hmc2bm_item strong{font-size:28px; line-height:50px;}
.hmc2bm_item strong span{font-size:36px;}
.hmc2bm_item p{font-size:13px;}
}
@media (max-width:993px){
.hmc2Bom{height:110px;}
.hmc2bm_item{height:110px;}
.hmc2bm_item p{font-size:12px;}
}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
.hmc2Bom{display:none;}
.hmc2vBtn{width:60px; height:60px; top:-60px; margin-left:-30px;}
.hmc2txt strong{font-size:24px; text-align:center}
.hmc2txt p{text-align:left; font-size:14px; line-height:28px;}
.hmc2txt .hmpub_btn{ display:block; margin-left:auto; margin-right:auto; margin-top:20px;}
.hmpub_btn {line-height: 40px;height: 42px;width: 136px;font-size: 14px;}
}


.hmPage3{ position:relative; z-index:1;}
.hmc3swiper{ width:100%; height:100vh;}
.hmc3item{ width:100%; height:100vh; position:relative}
.hmc3bg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3item .container{ position:relative; z-index:1; height:100vh;display:flex; flex-direction:column; justify-content:center; color:#fff; padding-bottom:8vw;}
.hmc3item .container strong{ font-size: 42px; line-height: 50px; font-weight: bold; letter-spacing: 2px; display: block; transition:all 0.6s ease; opacity:0; transform:translateY(50px); }
.hmc3item .container p{ font-size: 17px; line-height: 30px; max-width:785px; margin: 1.14vw 0px 1.66vw; transition:all 0.6s ease; opacity:0; transform:translateY(50px);}
.hmc3item .container div{ transition:all 0.6s ease; opacity:0; transform:translateY(50px);}
.hmc3item.on .container strong{ opacity:1; transform:translateY(0);}
.hmc3item.on .container p{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.hmc3item.on .container div{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.hmc3BomWpr{ position:absolute; left:0; width:100%; bottom:4.68vw; z-index:3;}
.hmc3Bom{ margin:0 -2px;display:flex; justify-content:space-between;}
.hmc3Bom .hmc3itm:first-child{border-radius:0.6em 0 0 0.6em;}
.hmc3Bom .hmc3itm:last-child{border-radius:0 0.6em 0.6em 0;}
.hmc3itm{ margin:0 2px; width:100%; padding:19px 0 28px; text-align:center; background:rgba(255,255,255,0.95); position:relative;}
.hmc3icon1{ width:60px; height:60px; display:inline-block;}
.hmc3icon2{ width: 160px; height: 160px; display: inline-block; position: relative; background: url(../images/hmc2rd1.png) no-repeat center center; background-size:cover; }
.hmc3icon2 img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
.hmc3icon2:before{ content: ""; background: url(../images/hmc2rd2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; animation:rotate 5s linear infinite;}
.hmc3icon2:after{content:""; background: url(../images/hmc2rd3.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; animation:rotate2 5s linear infinite;}
.hmc3itm p{ font-size: 20px; line-height: 28px; color: #10395c; margin-top: 5px; }
.hmc3ilay{ background: url(../images/hmc2cbg.png) no-repeat center bottom; height: 293px; background-size:100% 100%; border-radius:0.8em 0.8em 0 0 ; position:absolute; left:0; right:0; bottom:0; padding:35px 0 0; transition:all 0.5s ease; transform-origin:center bottom; transform:scaleY(0)}
.hmc3ilay p{ color: #FFF; margin-top: 25px; }
.hmc3itm:hover .hmc3ilay{ transform:scaleY(1);}
@media (max-width:1799px){
.hmc3item .container strong{font-size:38px; line-height:42px;}
.hmc3item .container p{font-size:16px; line-height:32px;}
.hmc3itm{padding-bottom:22px;}
.hmc3BomWpr{bottom:4vw;}
.hmc3icon1{width:50px; height:50px;}
.hmc3itm p{font-size:18px;}
.hmc3icon2{width:120px; height:120px;}
.hmc3ilay{padding-top:25px; height:228px;}
.hmc3icon2 img{width:50px; height:50px;}
}
@media (max-width:1379px){
.hmc3item .container p{font-size:15px; line-height:30px;}
}
@media (max-width:1199px){

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

}
@media (max-width:767px){
.hmc3item .container strong{ font-size:24px; text-align:center;}
.hmc3item .container p{text-align:center; font-size:14px; line-height:28px;}
.hmc3item .hmpub_btn{ display:block; margin-left:auto; margin-right:auto; margin-top:20px;}
.hmc3BomWpr{display:none;}
.hmc3swiper .slick-dots{bottom:100px;}
.hmc3swiper .slick-dots li button{display:none;}
.hmc3swiper .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.hmc3swiper .slick-dots li.slick-active{ background: #CB9C5E; height: 12px; width: 12px; }
}


.hmp4PageWpr{height:100vh; width:100%; position:relative; overflow:hidden}
.hmPage4{ background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff; overflow:hidden; position:relative; z-index:2;}
.hmc4con{ width:52.6vw; height:52.6vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc4bgs{ position: absolute; left:50%; top:50%; background: url(../images/hmc3glb1.png) no-repeat center center; background-size:cover; transform:translate(-50%,-50%); width:70.31vw; height:70.31vw; }
.hmc4bgs:before{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc3glb2.png) no-repeat center center; background-size:cover; animation:rotate 10s linear infinite;}
.hmc4bgs:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc3glb3.png) no-repeat center center; background-size:cover; animation:rotate 8s linear infinite;}
.hmc4bgs i{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc3glb4.png) no-repeat center center; background-size:cover; animation:rotate 7s linear infinite;}
.hmc4txt{ width:300px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; margin-top:50px; z-index:5}
.hmc4txt strong{ font-size: 48px; line-height: 60px; letter-spacing: 2px; display: block; }
.hmc4txt p{ font-size: 20px; line-height: 30px; margin: 1.14vw 0px 1.66vw;}
.hmc4items{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform:translateY(80px)}
.hmc4item{ height: 1px; width: 1px; cursor:default; position: absolute;}
.hmc4item1 {left: 0.7vw;top: 17.9vw;}
.hmc4item2 {left: -4.34vw;top: 38vw;}
.hmc4item3 {left: 9.56vw;top: 32vw;}
.hmc4item4 {right: 1.05vw;top: 15.9vw;}
.hmc4item5 {right: 7.25vw;top: 26vw;}
.hmc4item6 {right: -5.1vw;bottom: 15.9vw;}
.hmc4btn{ position:absolute; left:50%; top:50%; height: 20px; width: 20px; background: url(../images/hmc3si.png) no-repeat center center; margin-left:-10px; top:-10px;}
.hmc4btn p{ white-space: nowrap; left: 50%; transform: translateX(-50%); font-size: 20px; color: #FFF; line-height: 38px; letter-spacing: 1px; bottom: 28px; position:absolute; }
.hmc4lay{ background: url(../images/hmc3lbg.png) no-repeat center center; height: 138px; width: 398px; background-size: cover; border-radius: 28em; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding:0px 30px 0px 142px;display:flex; flex-direction:column; justify-content:center; color:#fff; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; margin-top:-30px; }
.hmc4item:hover .hmc4lay{opacity:1; visibility:visible;}
.hmc4lay .bgImg{ height: 120px; width: 120px; position: absolute; left: 9px; top: 9px; border-radius:50%;}
.hmc4stxt{}
.hmc4stxt strong{ font-size: 18px; line-height:24px; font-weight: normal; display: block; }
.hmc4stxt p{ font-size: 12px; line-height: 14px; max-height: 72px; overflow: hidden; margin-top: 5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; }
@media (max-width:1799px){
.hmc4txt strong{font-size:38px; line-height:50px;}
.hmc4txt p{font-size:18px; line-height:32px;}
.hmc4btn p{font-size:20px;}
.hmc4lay{ height:122px; width:350px; padding-left:98px;}
.hmc4lay .bgImg{width:80px; height:80px; top:20px;}
.hmc4stxt strong{font-size:16px; line-height:20px;}
.hmc4items{ transform:translateY(50px)}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc4btn p{font-size:17px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.hmc4txt{margin-top:-150px;}
.hmc4con{top:55%;}
.hmc4txt strong{font-size:24px;}
.hmc4txt p{font-size:14px; margin:5px 0 25px;}
.hmc4lay{display:none!important;}
.hmc4btn p{font-size:13px;}
.hmc4item2{top:58vw;}
.hmc4item3{top:38vw;}
.hmc4item6{bottom:-4.1vw;}
.hmc4item5{top:36vw;}
.hmc4bgs{margin-top:15vw;}
.hmc4item4 {right: 0.7vw;top: 17.9vw;}
.hmc4item2{left:0.7vw;}
.hmc4item6{top:58vw; right:0.7vw;}
.hmc4item3{left:-10.44vw;}
.hmc4item5{top:38vw; right:-10.44vw;}
}


.hmPage5{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative}
.hmc5_t{ height: 60px; line-height: 60px; font-size: 48px; font-weight: bold; color: #FFF; letter-spacing: 2px; margin-top:5.72vw }
.hmc5box{ margin: 2.08vw 0px 1.82vw; }
.hmc5a{ display:block; float:left; width:53.97%;}
.hmc5a .overflowHide{ height:519px;}
.hmc5a .overflowHide .bgImg:after{ content:""; background: url(../images/hmc5linebg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc5lay{ position:absolute; left:2.86vw; right:2.86vw; bottom:0; z-index:1; color:#fff;}
.hmc5lay strong{ font-size: 20px; line-height: 28px; font-weight: normal; max-height: 56px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.hmc5lay p{ font-size: 16px; line-height: 30px; margin: 0.41vw 0px 1.25vw; height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden; }
.hmc5lay span{ display: block; font-size: 16px; line-height: 5.2vw; background: url(../images/hmc4ii.png) no-repeat left center; padding-left: 56px; border-top:1px solid rgba(255,255,255,0.2);}
.hmc5Swiper{ width:46.03%; float:right; padding-left:20px;}
.hmc5sitem{ margin-bottom:14px;}
.hmc5ra{ display:block; background:rgba(255,255,255,0.9); height:162px;display:flex; flex-direction:column; justify-content:center; padding:0 38px; position:relative;}
.hmc5ra strong{ font-size:17px; line-height: 30px; display: block; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: normal; letter-spacing:1px; overflow:hidden; }
.hmc5ra p{ font-size: 14px; line-height: 24px; color: #808080; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 8px 0px; overflow:hidden; }
.hmc5ra span{ font-size: 16px; line-height: 24px; color: #808080; }
.hmc5Btn{text-align:center;}
.hmc5Swiper .slick-prev{ background: #FFF url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: auto; top: -88px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: 62px; border:none; transition:all 0.5s ease-in-out; border-radius:0.3em; }
.hmc5Swiper .slick-next{ background: #FFF url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: auto; top: -88px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: 0px; border:none;transition:all 0.5s ease-in-out;transform:rotate(180deg); border-radius:0.3em;}
.hmc5Swiper .slick-prev:hover,.hmc5Swiper .slick-next:hover{ background-image: url(../images/hmc4btn2.png); background-color: #C3A16E; background-repeat: no-repeat; background-position: center center; }
.hmc5ra:before{content:""; background:#C3A16E; height:0; width:4px; transition:all 0.5s ease-in-out; left:0; top:50%; position:absolute;}
.hmc5ra:hover:before{height:100%; top:0;}
@media (max-width:1799px){
.hmc5_t{font-size:38px; line-height:50px;}
.hmc5Swiper .slick-prev{width:42px; height:42px; top:-70px;}
.hmc5Swiper .slick-next{width:42px; height:42px; top:-70px;}
.hmc5box{margin-top:1.2vw; margin-bottom:0.8vw}
.hmc5a .overflowHide{height:429px;}
.hmc5ra{height:132px;}
.hmc5lay strong{font-size:18px; line-height:30px; max-height:60px;}
.hmc5ra strong{font-size:18px;}
}
@media (max-width:1379px){
.hmc5a .overflowHide{height:342px;}
.hmc5box{margin-top:1.2vw; margin-bottom:1.2vw}
.hmc5ra{height:162px;}
}
@media (max-width:1199px){

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

}
@media (max-width:767px){
.hmc5Swiper{display:block; width:100%;}
.hmc5a{width:100%; display:none;}
.hmc5_t{font-size:24px; text-align:left;}
.hmc5box{margin-bottom:25px;}
.hmc5lay strong{font-size:14px; line-height:26px; max-height:78px; -webkit-line-clamp:3; margin-bottom:20px;}
.hmc5lay p{display:none;}
.hmc5lay span{font-size:14px; line-height:30px; padding-top:15px; background-position:left 20px; padding-left:38px;}
.hmc5lay{padding-bottom:25px;}
.hmc5ra{padding:0 18px;}
.hmc5Swiper{ padding-left:0}
.hmc5Swiper .slick-prev,.hmc5Swiper .slick-next{top:-60px;}
.hmc5ra{background:rgba(255,255,255,0.8);}
.hmc5ra p{max-height:24px;-webkit-line-clamp: 1; margin:4px 0}
.hmc5ra strong{font-size:16px; line-height:26px; height:26px;}
.hmc5ra span{font-size:12px; line-height:22px;}
.hmc5ra{height:112px;}
.hmc5sitem{margin-bottom:8px;}
}


.hmc2txt {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc2txt{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2BomWpr {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc2BomWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc3txts {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0!important; }
.active .hmc3txts{opacity:1!important; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc3BomWpr {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc3BomWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4txt {transition:all 0.8s ease-in-out; opacity:0; transform:translate(-50%,-80%); }
.active .hmc4txt{opacity:1; transition-delay:0.3s; transform:translate(-50%,-50%);}
.hmc4item1 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item1{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4item2 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item2{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc4item3 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item3{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4item4 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item4{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc4item5 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item5{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc4item6 {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4item6{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmc5_t {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5_t,.active2 .hmc5_t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5box {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5box,.active2 .hmc5box{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc5Btn {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5Btn,.active2 .hmc5Btn{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
@media (max-width:1799px){

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

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

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

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

}


.footer{ background: #002969 url(../images/footer_bg.png) no-repeat right top; color: #CFCFD1; padding-top: 60px; }
.footerTop{ overflow: hidden; padding-bottom: 70px; letter-spacing: 1px; }
.footTlx{ float:left; padding-top:22px;}
.footer_logo{ display:inline-block; margin-bottom: 30px; }
.foot_dx1{ font-size: 16px; line-height: 32px; }
.foot_dx2{ font: bold 36px/46px din; }
.foot_dx3{ margin-top: 0px; line-height: 36px; font-size: 16px; color: #99acca; }
.foot_dx4{ font-size: 14px; line-height: 38px; color: #7E8186; }
.foot_share{ height: 48px; margin-top:0; margin-top:-15px; }
.foot_share strong{ line-height: 48px; display: inline-block; font-size: 16px; color: #FFF; font-weight: normal; }
.foot_share strong,.foot_share a{vertical-align:middle;}
.foot_sha1{ background: url(../images/ft_si1.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; margin-left: 12px; border: 1px solid rgba(255,255,255,0.3); border-radius:50%; opacity:0.9}
.foot_sha2{ background: url(../images/ft_si2.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; margin-left: 12px; border: 1px solid rgba(255,255,255,0.3); border-radius:50%; opacity:0.9}
.foot_sha3{ background: url(../images/ft_si3.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; margin-left: 12px; border: 1px solid rgba(255,255,255,0.3); border-radius:50%; opacity:0.9}
.foot_share a:hover{opacity:1;}
.footTrx{ float:left; margin-left:145px;}
.footTrx dl{ float:left; margin-right:95px;}
.footTrx dl:last-child{margin-right:0;}
.footTrx dt{ height:60px; line-height:60px; position:relative; margin-bottom:12px; font-size:16px;}
.footTrx dt:after{ content: ""; background:#a07a3e; height: 2px; width: 24px; position: absolute; left: 0px; bottom: 0px; }
.footTrx dd{ line-height:32px;}
.foot_a1{ font-size: 16px; color: #F9F9F9; font-weight: bold; }
.foot_a1:hover{ color:#fff;}
.foot_a2{ font-size: 16px; color: #99acca; }
.foot_a2:hover{ color:#fff;}
.footerInfo{ font-size: 14px; line-height: 30px; padding: 2.18vw 0px; border-top:1px solid #1A4278; color:#99acca;}
.footerInfo .fl a{ font-size:14px;color:#99acca}
.footerInfo .fl span{ display:inline-block; margin:0 15px; transform:translateY(-1px)}
.footWx{ float:right; padding-top:22px;}
.footWx li{ float:left; margin-left:28px; text-align:center}
.footWx li img{max-width: 110px; height: auto}
.footWx p{ font-size: 14px; line-height: 24px; color:rgba(255,255,255,0.5); margin-top:13px; }
.footSelet{ position:relative;}
.footSelet span{ line-height: 36px; display: block; height: 38px; width: 238px; border: 1px solid #1A4278; background: url(../images/foot_linki.png) no-repeat 16px center; padding-left: 32px; font-size: 14px; color: #FFF; text-align: center; cursor:default }
.footLinks{ position:absolute; left:0; width:238px; border:1px solid #1A4278; position:absolute; bottom:37px; background:#002B69; padding:12px 0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.footSelet:hover .footLinks{opacity:1; visibility:visible;}
.footLinks li{}
.footLink_a{ display:block; padding:5px 15px; line-height:22px; font-size:14px; color: #99acca; }
.footLink_a:hover{ color:#fff;}
@media (max-width:1799px){
.footer_logo img{height:50px; width:auto;}
.footTrx{ margin-left:85px;}
.footTrx dl{ margin-right:45px;}
.footTrx dl:last-child{margin-right:0;}
.footWx li img{max-width:120px;}
.foot_dx3{font-size:14px; line-height:32px;}
.footTrx{margin-left:55px;}
.foot_a2{font-size:15px;}
.footer{padding-top:42px;}
.footerTop{padding-bottom:30px;}
}
@media (max-width:1199px){
.footWx{width:100%; float:none; overflow:hidden; padding-bottom:35px; text-align:center}
.footWx li{text-align:center; float:none; margin:0 25px; width:120px; display:inline-block;}
.footerInfo .fl,.footerInfo .fr{width:100%; text-align:center;}
.footerInfo .fl{margin-bottom:25px;}
.footTlx{width:100%; text-align:center; float:none; margin-bottom:5px;}
.footTrx{ display:none}
.footerTop{padding-bottom:0;}
.footer{padding-top:30px;}
.footSelet{width:238px; display:inline-block;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.footerInfo .fl a{font-size:14px;}
.footerInfo .fl span{margin:0 3px;}
.footer_logo img{max-width:80%; height:auto}
.footer{padding-top:40px;}
.footTlx{margin-bottom:30px; padding-top:0}
.footer_logo{margin-bottom:15px;}
.foot_dx2{font-size:30px; line-height:40px;}
.footWx{padding-top:0; padding-bottom:20px;}
.footWx li{margin:0 10px}
.footerInfo{padding:15px 0 25px; font-size:12px; line-height:26px;}
}


.m2topEmpty{}
.max1320{max-width:1320px; margin-left:auto; margin-right:auto}
@media (max-width:1799px){
.max1320{max-width:1140px;}
}


.m2banner{ position:relative;}
.m2banner .bgImg{ height:40vw;}
.m2banTxt{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); color: #fff; text-align: center;}
.m2ban_t{ font-size: 48px; letter-spacing: 4px; display: block; line-height: 62px; }
.m2ban_t span{}
.m2banTxt p{ font-size: 20px; line-height: 28px; margin-top: 13px; letter-spacing:1px;}
.m2nser{ line-height: 60px; background: #FFF; margin: 32px auto 0px; height: 60px; width: 580px; position:relative; border-radius:0.3em; overflow:hidden;}
.m2nser input{ width: 100%; line-height: 60px; border: none; padding: 0 20px; font-size: 16px; letter-spacing: 1px; background:none; }
.m2nser button{ font-size: 16px; line-height: 60px; color: #FFF; background: #CB9C5E url(../images/ser_ico2.png) no-repeat 27px center; height: 60px; width: 120px; padding-left: 60px; display: block; position: absolute; top: 0px; right: 0px; text-align:left; cursor:pointer;}
.m2menuWpr { position: relative; margin-top: -50px;z-index:12 }
.m2menuCon { background: #fff; height: 100px; line-height: 100px; padding: 0px 45px; box-shadow: 0 8px 15px rgba(0,0,0,0.05); border-radius: 0.4em; }
.m2menu { float: left; }
.m2menu_a { position: relative; font-size: 18px; color: #888888; display: inline-block; margin: 0px 1.56vw; }
.m2menu .m2menu_a:first-child{margin-left:0;}
.m2menu_a.on, .m2menu_a:hover { color: #a07a3e; }
.m2menu_a:after { content: ""; transition: all 0.5s ease-in-out; height: 4px; background: #a07a3e; position: absolute; left: 50%; bottom: 0; width: 0%; }
.m2menu_a.on:after, .m2menu_a:hover:after { width: 100%; left: 0; }
.m2pos { float: right; font-size: 16px; color: #999999; background: url(../images/m2pos_i.png) no-repeat left center; padding-left: 28px; }
.m2pos_a { color: #999999; }
.m2pub_t{ position:relative; padding-bottom:15px;}
.m2pub_t strong{ font-size: 40px; line-height: 52px; display: block; letter-spacing: 3px; }
.m2pub_t p{ font-size: 16px; line-height: 30px; color: #777777; letter-spacing: 1px; margin-top:10px; max-width:1120px; margin-left:auto; margin-right:auto; text-align:justify;}
.m2pub_t:after{ content: ""; background: #CB9C5E; height: 4px; width: 20px; position: absolute; left: 0px; bottom: 0px; }
.m2pub_tc{ text-align:center;}
.m2pub_tc:after{left:50%; margin-left:-10px;}
.m2pub_tw{ color:#fff;}
.m2pub_tw p{ color:#fff;}
.m2pub_tw:after{background:#fff;}
.page{ text-align:center; margin-bottom:2.6vw;}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 44px; min-width: 44px; text-align: center; display: inline-block; margin: 0px 4px; vertical-align: middle; border: 1px solid #DEE2E6; font: 16px/42px "寰蒋闆呴粦"; color: #333; background:#fff; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background: #CB9C5E url(../images/m2nbtn.jpg) no-repeat center center; border: 1px solid rgba(255,255,255,0); }
@media (max-width:1799px){
.m2ban_t{ font-size: 42px; line-height: 58px; }
.m2banner .bgImg{height:35vw;}
.m2menuWpr{margin-top:-40px;}
.m2menuCon{height:80px; line-height:80px;}
.m2pos{font-size:15px;}
.m2menu_a{font-size:17px;}
.m2pub_t p{font-size:15px; line-height:28px;}
}
@media (max-width:993px){
.m2ban_t{font-size:36px; line-height:42px;}
.m2menuCon{padding-left:15px; padding-right:15px;}
.m2menu_a{padding:0; margin-right:15px; font-size:15px; margin-right:20px;}
.m2pos{font-size:14px;}
.m2banTxt{margin-top:-20px;}
.m2banTxt p{margin-top:5px;}
.page{ margin-bottom:42px;}
}
@media (max-width:767px){
.page .pagination li{margin-bottom:8px;}
.m2banner .bgImg{height:280px;}
.m2ban_t{font-size:24px; line-height:36px;}
.m2banTxt p{font-size:17px; line-height:22px;}
.m2pos{display:none;}
.m2menu{width:100%; text-align:center; line-height:26px; padding:15px 0px}
.m2menu_a{line-height:40px; font-size:14px;}
.m2menu_a:after{height:2px;}
.m2menuCon{height:auto;}
.m2menu_a{margin:0 8px;}
*{letter-spacing:0!important;}
.m2nser{ width:100%;}
.m2nser input{font-size:15px;}
.m2pub_t p{font-size:14px; line-height:26px; margin-top:5px;}
}


.m3nBanner { position: relative; padding: 13.02vw 0 20vw; }
.m3nBanner .bgImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m3nBanner .bgImg:after { content: ""; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.m3nBanTxt { color: #fff; position: relative; z-index: 2; }
.m3nBanTxt .container { position: relative; }
.m3nBanTxt h6 { font-size: 17px; line-height: 30px; display: block; font-weight: normal; letter-spacing: 1px; }
.m3nBanTxt h2 { font-size: 40px; line-height: 56px; letter-spacing: 2px; margin: 20px 0px; font-weight: normal; }
.m3nBanTxt p { font-size: 17px; line-height: 28px; }
.m3nBanTxt p span { display: inline-block; margin-right: 25px; }
.m3nShare { position: absolute; top: 50%; width: 30px; transform: translateY(-50%); right: 15px; }
.m3n_sia1 { background: url(../images/m3n_si1.png) no-repeat center center; display: block; height: 50px; width: 30px; }
.m3n_sia2 { background: url(../images/m3n_si2.png) no-repeat center center; display: block; height: 50px; width: 30px; }
.m3n_sia3 { background: url(../images/m3n_si3.png) no-repeat center center; display: block; height: 50px; width: 30px; }
.m3n_sia1:hover{ background: url(../images/ft_si1a.png) no-repeat center center; }
.m3n_sia2:hover{ background: url(../images/ft_si2a.png) no-repeat center center; }
.m3n_sia3:hover{ background: url(../images/ft_si3a.png) no-repeat center center; }
@media (max-width:1799px) {
.m3nBanTxt h2 { font-size: 38px; line-height: 56px; padding-right: 80px; }
.m3nBanner{padding:8.02vw 0 20vw;}
.m3nBanTxt h6{font-size:18px;}
.m3nBanTxt h2{font-size:30px; line-height:44px;}
.m3nBanTxt p{font-size:16px;}
}
@media (max-width:767px){
.m3nShare {display:none!important;}
.m3nBanTxt h2{padding-right:0;}
.m3nBanTxt h2{font-size:22px; line-height:30px;}
.m3nBanTxt p{font-size:14px;}
.m3nBanTxt p span{margin-right:15px;}
.m3nBanTxt h2 br{display:none;}
.m3nBanTxt h2{font-size:20px;}
}


.hsBody{ background:#f7f9fc;}
.weixin-prop{ width:172px; height:240px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-86px 0px 0px -120px; z-index:2345667}
.weixin-close{ width: 20px; height: 20px; position: absolute; right: 2px; top: 14px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; background: url(../images/close-1.png) no-repeat; background-size:12px auto; }
.weixin-img{ float:left; width:160px; margin:38px 0px 0px 10px}
.weixin-img canvas{width:150px;height:150px}
.weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:13px; text-align:center; color:#222; line-height:28px;}
.m3proDbox { margin-bottom: 5.2vw; }
.m3proDbox_2 { margin-top: -9.11vw; position: relative; z-index: 1 }
.m3proDlx { width: calc(71.16% - 22px); float: left; background: #fff; padding: 3.64vw 45px 0; }
.m3article_t { font-size: 30px; line-height: 46px; color: #0e4ab4; display: block; letter-spacing: 2px; }
.m3content { font-size: 16px; line-height: 30px; color: #555555; padding: 12px 0px 2.54vw; }
.m3nBack { background: #FFF; text-align: center; border-bottom: 30px solid #f7f9fc; margin-left: -45px; margin-right: -45px; padding-bottom: 3.54vw }
.m3nBack_a { line-height: 22px; text-align: center; padding-top: 97px; height: 177px; width: 167px; font-size: 14px; color: #FFF; background: url(../images/back_icon.png) no-repeat center top; display: inline-block; }
.m3nBack_a:hover { transform: translateY(-10px); color: #fff; }
.m3pages { box-shadow: 0 5px 7px rgba(0,0,0,0.05); margin: 0px -45px; padding: 22px 45px 24px; border-top: 3px solid #CB9C5E; }
.m3pages p { font-size: 16px; line-height: 38px; height: 38px; }
.m3proDrxWpr{ width: 28.84%; float: right;}
.m3proDrx { background: #fff; padding: 2.39vw 0 30px;  }
.m3rt { line-height: 26px; height: 26px; border-left: 2px solid #CB9C5E; padding-left: 35px; font-size: 18px; }
.m3rTop { display: block; margin: 32px 38px 18px; }
.m3rTop .overflowHide { height: 236px; }
.m3rTop .overflowHide:after { content: ""; background: url(../images/m3nrbg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m3rTop .ellipsis { font-size: 16px; color: #FFF; line-height: 46px; padding: 0px 15px; height: 46px; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; text-align: center; font-weight: normal; letter-spacing: 1px; }
.m3nrul { margin: 0 38px; }
.m3nrul li { line-height: 50px; height: 52px; border-bottom: 1px dotted #D5D5D5; position: relative; padding-left: 30px; transition:all 0.5s ease-in-out; white-space:normal; }
.m3nrul li:hover{ box-shadow:0 5px 25px rgba(0,0,0,0.15); position:relative; top:-1px;}
.m3nrul li:before { content: ""; background: #CCCCCC; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 10px; top: 50%; }
.m3nra { font-size: 16px; color: #555555; display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; line-height:50px; height:50px; }
.m3nrSahre{ margin-top:14px; display:flex; justify-content:space-between;  flex-wrap:wrap;}
.m3nrsa{ width:calc(33.33% - 9px); display:block; height:90px; border-radius:0.4em; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.m3nrsa:hover{ background-color:#a07a3e;}
.m3nrsa1{ background-image:url(../images/ft_si1a.png)}
.m3nrsa1:hover{ background-image:url(../images/ft_si1.png)}
.m3nrsa2{ background-image:url(../images/ft_si2a.png)}
.m3nrsa2:hover{ background-image:url(../images/ft_si2.png)}
.m3nrsa3{ background-image:url(../images/ft_si3a.png)}
.m3nrsa3:hover{ background-image:url(../images/ft_si3.png)}
@media (max-width:1799px) {
.m3article_t { font-size: 24px; line-height: 40px; }
.m3content { font-size: 15px; line-height: 30px; }
.m3pages p { font-size: 15px; line-height: 30px; height: 30px; }
.m3rTop { margin: 25px 20px 15px; }
.m3rt { padding-left: 20px; }
.m3nrul { margin-left: 20px; margin-right: 20px; }
.m3nrul li { line-height: 50px; height: 51px; }
.m3nra { font-size: 15px; }
}
@media (max-width:993px){
.m3proDrx{display:none;}
.m3proDlx{width:100%; float:none;}
.m3nrSahre{display:none!important;}
}
@media (max-width:767px){
.m3proDlx{padding:35px 15px 0;}
.m3article_t{font-size:21px; line-height:36px;}
.m3pages p{font-size:14px;}
.m3proDbox{margin-bottom:60px;}
.m3content{font-size:14px; line-height:26px;}
}


.m2pubCon{ clear: both; padding: 4.68vw 0px 2.6vw; }
.m3menu{ text-align:center; margin-top:2.6vw; text-align:center;}
.m3menu_a{ font-size: 16px; font-weight: bold; color: #c3a16e; line-height: 46px; display: inline-block; margin: 0px 8px; padding: 0px 35px; height: 50px; border: 2px solid #c3a16e; border-radius:2em;}
.m3menu_a:hover,.m3menu_a.on{ color: #FFF; background: #c3a16e; }
.m3gylist{ margin: 3.64vw -15px 2.6vw;}
.m2nlist{margin-top:0;}
.m3gylist li{ padding: 0px 15px; float: left; width: 33.33%; margin-bottom:30px;  }
.m3gy_aBox{ display:block; display:block; border-radius:0.4em; overflow:hidden; position:relative; box-shadow:0 10px 15px rgba(0,0,0,0.08);}
.m3gy_aBox .overflowHide{ height:330px;}
.m3gy_abm{ padding: 1.82vw 2.08vw; }
.m3gy_abm strong{ font-size: 17px; line-height: 28px; display: block; height: 56px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: normal; margin-bottom:1.04vw; overflow:hidden; }
.m3gy_abm span{ font-size: 12px; line-height: 24px; color: #FFF; background: #c3a16e; display: inline-block; padding: 0px 9px; border-radius:0.3em;}
@media (max-width:1799px){
.m3gy_aBox .overflowHide{height:230px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m3gy_aBox .overflowHide{height:150px;}
.m3gy_abm strong{font-size:16px; line-height:28px; height:56px;}
}
@media (max-width:993px){
.m3gylist li{width:50%;}
}
@media (max-width:767px){
.m2pubCon{padding-top:40px;}
.m3menu{margin-top:25px; margin-bottom:30px;}
.m3menu_a{ font-size: 14px;  line-height: 40px; margin: 0px 5px; padding: 0px 10px; height: 42px; border: 1px solid #c3a16e;}
.m3gylist{margin:30px -5px 12px;}
.m3gylist li{padding:0 5px; width:50%; margin-bottom:18px;}
.m3gy_abm{padding:10px 10px 18px;}
.m3gy_abm strong{font-size:12px; line-height:22px; height:60px;-webkit-line-clamp:3; margin-bottom:12px;}
.m3gy_aBox .overflowHide{height:120px;}
}


.m2gyMain{ background: url(../images/m2gy_bg.png) no-repeat right bottom; background-size:100% auto;}
.m2gySwiper{ margin: 3.64vw 0px 3.38vw; }
.m2gyItem{}
.m2gyaBox{ display:block; position:relative; overflow:hidden; border-radius:2.2em; background:#fff;}
.m2gyaBox .overflowHide{ width:50%; height:472px; float:left}
.m2gyaRx{ float:right; width:50%;display:flex; flex-direction:column; justify-content:center; padding:0 3.38vw; height:472px;}
.m2gyaRx h4{ font-size: 28px; font-weight: bold; color: #949494; line-height: 40px; display: block; }
.m2gyaRx strong{ font-size: 32px; font-weight: bold; line-height: 50px; display: block; margin: 12px 0px; color: #333; }
.m2gyaRx p{ font-size: 18px; line-height: 36px; max-height: 180px; overflow:hidden; padding-right: 5px; color: #333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; text-align:justify;}
.m2gyaRx span{ font-size: 16px; line-height: 46px; text-align: center; display: inline-block; height: 46px; width: 145px; color: #FFF; background: #c3a16e; border-radius:2em; margin-top:25px; transition:all 0.5s ease-in-out;}
.m2gyaBox:hover .m2gyaRx span{transform:translateY(-3px); box-shadow:0 5px 15px rgba(195,161,110,0.3);}
.m2cm4Swiper2{ height:130px; position:relative; margin-bottom:2.6vw;}
.m2cm4Swiper2:before{ content: ""; background: url(../images/m2cm_line.png) repeat-x left center; height: 4px; position: absolute; left: 76px; top: 63px; right: 76px; }
.m2cm4c2itm{ padding-top:90px; text-align:center; position:relative; height:130px; cursor:pointer}
.m2cm4c2itm p{ line-height: 40px; font-size: 18px; color: #1e2835; }
.slick-current.m2cm4c2itm p{ font-weight: bold; color: #c3a16e; }
.m2cm4c2itm:before{ content: ""; background: url(../images/m2cm_xx1.png) no-repeat center center; height: 16px; width: 16px; margin-top: -8px; margin-left: -8px; position: absolute; left: 50%; top: 50%; }
.slick-current.m2cm4c2itm:before{ background: url(../images/m2cm_xx2.png) no-repeat center center; }
.m2cm4c2itm:after{ content: ""; background: url(../images/m2cm_bmps.png) no-repeat center center; height: 32px; width: 25px; margin-left: -12px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; opacity:0}
.slick-current.m2cm4c2itm:after{opacity:1;}
@media (max-width:1799px){
.m2gyaRx h4{font-size:20px; line-height:26px;}
.m2gyaRx strong{font-size:24px; line-height:30px}
.m2gyaRx p{font-size:15px; line-height:30px;}
.m2gyaBox .overflowHide,.m2gyaRx{height:350px;}
.m2gyaRx span{margin-top:15px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.m2gySwiper{margin-top:45px;}
.m2cm4Swiper2{margin-bottom:35px;}
.m2gyaBox .overflowHide{display:none;}
.m2gyaRx{width:100%;}
.m2gyaRx h4{font-size:18px; line-height:24px;}
.m2gyaRx strong{font-size:20px;}
.m2gyaRx p{font-size:14px; line-height:26px;}
.m2gyaRx span{ font-size: 14px; line-height: 42px; height: 42px; width: 140px; margin-top:20px;}
}


.hmc2swiper{ width:188.75vw; position:relative; left:50%; margin-left:-94.375vw; margin-bottom:8.75vw;}
.hmc2item{ padding:0 16px; opacity:0.4; transition:all 0.5s ease-in-out;}
.hmc2box{ display:block; height:31.25vw; position:relative;}
.hmc2box .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2box .bgImg:after{ content: ""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; bottom:0; right:0; transition:all 0.5s ease-in-out; opacity:0;}
.slick-current.hmc2item{opacity:1;}
.slick-current.hmc2item .hmc2box .bgImg:after{opacity:1;}
.hmc2ibx{ position:absolute; left:0; width:100%; padding:0 3.38vw; z-index:2; bottom:2.86vw; color:#fff;}
.hmc2ibx strong{ font-size: 30px; line-height: 46px; letter-spacing: 2px; display: block; margin-bottom: 30px; position: relative; transition: all 0.5s ease-in-out; opacity: 0; transform: translateY(50px); font-weight: normal; }
.hmc2ibx strong:after{ content: ""; background: #FFFFFF; height: 4px; width: 48px; position: absolute; left: 0px; bottom: -16px; }
.hmc2des{ font-size: 16px; line-height: 28px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateY(50px); text-align:justify; }
.on .hmc2ibx strong{opacity:1; transform:translateY(0);}
.on .hmc2des{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.hmc2swiper .slick-prev{ background: url(../images/hmc3btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 44.8vw; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 3; transition:all 0.5s ease-in-out; }
.hmc2swiper .slick-next{ background: url(../images/hmc3btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 44.8vw; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 3; transform:rotate(180deg);transition:all 0.5s ease-in-out;}
.hmc2swiper .slick-prev:hover,.hmc2swiper .slick-next:hover{ background: #c3a16e url(../images/hmc3btn2.png) no-repeat center center; }
.hmc2swiper .slick-dots{bottom:-3.12vw;}
.hmc2swiper .slick-dots li button{display:none;}
.hmc2swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.hmc2swiper .slick-dots li.slick-active{ background: #c3a16e; height: 14px; width: 14px; }
.hmc2swiper:before{ content: ""; width: 18.29vw; position: absolute; top: 0; height: 31.25vw; background: url(../images/m2fz_btnline2.png) repeat-y right top; left:44vw; z-index:2; background-size:100% auto; border:none!important;}
.hmc2swiper:after{ content: ""; width: 18.29vw; position: absolute; top: 0; height: 31.25vw; background: url(../images/m2fz_btnline.png) repeat-y left top; right: 44vw; z-index: 2; background-size: 100% auto; border:none!important; }
@media (max-width:1799px){
.hmc2ibx strong{font-size:26px;}
.hmc2des{font-size:15px; line-height:26px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.hmc2des{font-size:12px; line-height:16px;}
}
@media (max-width:767px){

}


.m2ppCon{ height:calc(100vh - 100px); position:relative; margin-top:-50px;z-index:1 }
.m2ppBgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2pp{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0}
.m2pp.on{opacity:1;}
.m2ppMenu{ position:absolute; z-index:1; right:9.11vw; top:50%; transform:translateY(-50%); width:92px;}
.m2ppMenu_a{ display:block; margin-bottom:15px; height:92px; border:1px solid rgba(255,255,255,0.7); border-radius:50%; position:relative; overflow:hidden;}
.m2ppMenu .m2ppMenu_a:last-child{margin-bottom:0;}
.m2ppMenu_a.on{ background: #c3a16e; border: 1px solid #c3a16e; }
.m2ppMenu_a span{ font-size:12px;height:100%; font-weight: bold; text-align: center; display:flex; color: #FFF; transition:all 0.5s ease-in-out;justify-content:center;align-content:center;align-items:center}
.m2ppMenu_a img{ width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(20px);}
.m2ppMenu_a.on span{opacity:0; transform:translateY(-20px);}
.m2ppMenu_a.on img{opacity:1; transform:translateY(0);}
.m2ppSwiperWpr{ width: 50%; height: 26vw; position: absolute; z-index: 1; left: 0px; bottom: 0px; background:rgba(255,255,255,0.6); border-radius:0 8em 0 0;}
.m2pp_bico{ position:absolute; left:0; bottom:0; transition:all 0.5s ease-in-out; max-width:22.96vw; height:auto; opacity:0}
.m2pp_bico.on{ opacity:1}
.m2ppSwiper{ margin-left:5.72vw; margin-right:5.72vw;}
.m2pp_item{ height: 26vw;display:flex!important; flex-direction:column; justify-content:center;}
.m2pp_item strong{ font-size: 38px; line-height:52px; display: block; letter-spacing: 2px; font-weight: bold; position: relative; margin-bottom: 40px; transition:all 0.6s ease-in-out; transform:translateY(50px); opacity:0; }
.m2pp_item strong:after{ content: ""; background: #c3a16e; height: 4px; width: 40px; position: absolute; left: 0px; bottom: -20px; }
.m2pp_item p{ font-size: 16px; line-height: 30px; transition:all 0.6s ease-in-out; transform:translateY(50px); opacity:0; text-align:justify; }
.m2pp_item.on strong{opacity:1; transform:translateY(0); transition-delay:0.0s;}
.m2pp_item.on p{opacity:1; transform:translateY(0); transition-delay:0.2s;}
@media (max-width:1799px){
.m2ppMenu_a{width:80px; height:80px;}
.m2ppMenu_a img{width:32px; height:32px; margin-left:-16px; margin-top:-16px;}
.m2ppCon{height:calc(100vh - 80px);}
.m2pp_item strong{font-size:30px; line-height:42px;}
.m2pp_item p{font-size:15px; line-height:26px;}
.m2ppSwiper{margin-left:3vw; margin-right:3vw;}
.m2pp_item,.m2ppSwiperWpr{height:30vw;}
.m2ppMenu{width:80px;}
}
@media (max-width:1379px){
.m2pp_item p{font-size:14px; line-height:24px;}
.m2ppMenu_a{margin-bottom:3px;}
}
@media (max-width:1199px){
.m2pp_item strong{font-size:24px; margin-bottom:20px;}
.m2pp_item strong:after{bottom:-8px;}
.m2pp_item p{font-size:14px; line-height:28px; max-height:168px; overflow-y:auto;}
.m2ppSwiperWpr{width:60%;}
.m2stSwiper{margin-left:25px; margin-right:25px;}
.m2st_num{margin-left:25px; margin-right:25px;}
}
@media (max-width:993px){
.m2pp_item{height:380px;}
.m2ppSwiperWpr{height:380px;}
.m2ppSwiperWpr{width:70%;}
}
@media (max-width:767px){
.m2ppMenu{ left:5px; right:5px; top:50px; transform:translateY(0%); width:auto; text-align:center;}
.m2ppMenu_a{display:inline-block; margin:0 10px 20px; vertical-align:top;}
.m2ppSwiperWpr{width:95%;}
.m2ppSwiperWpr{background:rgba(255,255,255,0.9);}
.hmc2swiper{width:100%; margin-left:0; left:0}
.hmc2swiper:before,.hmc2swiper:after{display:none;}
.hmc2swiper{margin-bottom:80px;}
.hmc2swiper .slick-dots{bottom:-32px;}
.hmc2box{height:285px;}
.hmc2ibx{bottom:25px;}
.hmc2ibx strong{font-size:22px; line-height:36px;}
.hmc2swiper .slick-dots li{margin:0 6px; width:6px; height:6px;}
.hmc2swiper .slick-dots li.slick-active{width:12px; height:12px;}
.m2ppSwiperWpr,.m2pp_item{height:300px;}
}


.m2st_num{ font-size: 320px; line-height: 320px; color: #c8a675; font-weight: bold; }
.m2stSwiper{ background: #FFF; height: 600px; margin-bottom: 6.25vw; box-shadow: 0 0 15px rgba(0,0,0,0.1); position: relative; z-index: 1; margin-top: -150px;}
.m2staImg{ width:59%; float:left; overflow:hidden;}
.m2stSwiperTrue{position:relative;}
.m2stSwiperTrue .swiper-pagination{bottom:30px;}
.m2stSwiperTrue .swiper-pagination .swiper-pagination-bullet-active{ background:#a07a3e}
.m2staImg .overflowHide{ height:600px;}
.m2st_rx{ width: 41%; height: 600px; float: right; padding: 0px 3.12vw;display:flex; flex-direction:column; justify-content:center; }
.m2st_rx strong{ font-size: 26px; line-height: 40px; display: block; max-height:80px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.m2st_rx h6{ font-size: 16px; font-weight: normal; color: #808080; line-height: 58px; display: block; }
.m2st_rx p{ font-size: 17px; line-height: 30px; color: #666666; max-height: 90px; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
.m2st_tags{ margin-top:20px;}
.m2st_tags a{ display: inline-block; color: #FFF; background: #c3a16e; text-align: center; padding: 0px 12px; height: 24px; min-width: 80px; margin-right: 8px; border-radius: 0.3em; line-height: 24px; font-size: 14px; margin-bottom:10px; }
.m2st_tags a:hover{ color: #FFF; background: #B58A4A; }
.m2stSwiper .slick-dots{bottom:-3.42vw;}
.m2stSwiper .slick-dots li button{display:none;}
.m2stSwiper .slick-dots li { background: #CCCCCC; display: inline-block; height: 8px; width: 8px; margin: 0px 13px; position: relative; border-radius: 50%; vertical-align: middle }
.m2stSwiper .slick-dots li.slick-active{ background: #FFFFFF; border: 2px solid #C8A675; height: 12px; width: 12px; }
.m2stSwiper .slick-prev{ background: #FFF url(../images/m2xf_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.1); z-index:2; transform:rotate(180deg); }
.m2stSwiper .slick-next{ background: #FFF url(../images/m2xf_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.1); z-index:2; }
.m2stSwiper .slick-prev:hover,.m2stSwiper .slick-next:hover{background-image:url(../images/m2xf_btn.png);}
@media (max-width:1799px){
.m2st_num{font-size:220px; line-height:220px;}
.m2stSwiper{margin-top:-100px;height:440px;}
.m2staImg .overflowHide{height:440px;}
.m2st_rx{height:440px;}
.m2st_rx strong{font-size:24px; font-weight:normal; line-height:38px; max-height:76px;}
.m2st_rx p{font-size:15px; line-height:30px; max-height:90px;}
.m2stSwiperTrue .swiper-pagination{bottom:20px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.m2st_rx strong{font-size:21px; line-height:34px; height:68px;}
.m2st_rx h6{font-size:14px;}
}
@media (max-width:767px){
.m2staImg{width:100%; float:none;}
.m2st_rx{width:100%; float:none;}
.m2staImg .overflowHide{height:200px;}
.m2st_num{font-size:150px;}
.m2stSwiper{margin-left:0; margin-right:0;}
.m2st_num{margin-left:0; margin-right:0;}
.m2st_rx{height:280px; display:block; padding-top:20px;}
.m2st_rx strong{font-size:17px; line-height:26px; height:auto;}
.m2st_rx h6{line-height:38px;}
.m2st_rx p{font-size:14px; line-height:24px;}
.m2stSwiper{height:460px; margin-bottom:80px;}
.m2stSwiper .slick-dots{bottom:-40px;}
.m2st_num{margin-top:-30px;}
.m2stSwiper .slick-dots li{margin:0 6px; width:6px; height:6px;}
.m2stSwiperTrue .swiper-pagination{bottom:12px;}
.m2ppCon{margin-top:5.2vw}
}


.ospTop{height:45vw;}
.ospBody{ background: #c9282a url(../images/osp_topbg.png) no-repeat center top; background-size:100% auto!important; }
.ospWpper{ background: url(../images/m2osp_bg2.jpg) no-repeat center bottom; min-height:800px; background-size:100% auto; }
.ospBody .header{ background:none; box-shadow:none;}
.ospBody .nav_a{color:#fff!important;}
.ospBody .nav_a:after{ background:#fff!important;}
.ospBody .pcSer_btn {background: url(../images/ser_i2w.png) no-repeat center center;}
.ospBody .nav_lan {background: url(../images/top_ri1w.png) no-repeat left center;color: #fff;}
.ospBody .headerDown .header,.ospBody .header:hover{ background:#fff;}
.ospBody .headerDown .nav_a,.ospBody .header:hover .nav_a{color:#333!important;}
.ospBody .header:hover .nav_a:hover,.ospBody .header:hover .nav_a.on,
.ospBody .header:hover .nav_a:hover,.ospBody .header:hover .nav_a.on
{ color:#ce1c28!important}
.ospBody .headerDown .nav_a:after,
.ospBody .header:hover .nav_a:after{ background:#ce1c28!important;}
.ospBody .headerDown .pcSer_btn,
.ospBody .header:hover .pcSer_btn {background: url(../images/ser_i2r.png) no-repeat center center;}
.ospBody .headerDown .nav_lan,
.ospBody .header:hover .nav_lan {background: url(../images/top_ri1r.png) no-repeat left center;color: #ce1c28;}
.ospBody .subNav_a:before{background:#ce1c28;}
.ospBody .m2menu_a.on,.ospBody .m2menu_a:hover{ color:#ce1c28;}
.ospBody .m2menu_a:after{ background:#ce1c28;}
.ospBody .m2pos a:hover{ color:#ce1c28;}
.ospBody .footer{background:none;}
.ospBody .m3gy_aBox{ background:#fff;}
.ospBody .m3gy_aBox:hover{ color:#ce1c28;}
.ospBody .m3gy_abm span{ background:#ce1c28;}
.ospBody .page .pagination li a{ border:1px solid #fff; background:none; color:#fff;}
.ospBody .page .pagination li.active a,.ospBody .page .pagination li a:hover{ border: 1px solid #fff; color: #ce1c28; background: #fff; }
.ospBody .foot_dx3{color:#fff;}
.ospBody .foot_a2,.ospBody .foot_a2:hover{color:#fff;}
.ospBody .footerInfo{color:#fff; border-top:1px solid rgba(255,255,255,0.1);}
.ospBody .footerInfo a,.ospBody .footerInfo a:hover{color:#fff;}
.ospBody .footSelet span{border:1px solid rgba(255,255,255,0.6);}
.ospBody .footLinks{background:#ce1c28; border:1px solid rgba(255,255,255,0.6);}
@media (max-width:1799px){

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

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

}
@media (max-width:993px){
.ospBody{ background-position:center 36px!important; }
}
@media (max-width:767px){
.ospBody{ background-position:center 36px;}
.mHeader{background:#fff;}
.m3gylist{margin-top:0;}
}


.m2gzCon1Wpr{ background: url(../images/m2gz_c1bg.png) no-repeat center center; padding: 5.72vw 0px; background-size:46.87vw auto}
.m2gzCon1{}
.m2gz_c1img{ float: left; height: 439px; width: 44.48%; }
.m2gz_c1rx{ margin-left:48.84%; height:439px;display:flex; flex-direction:column; justify-content:center;}
.m2gzc1Txt{ font-size: 16px; line-height: 30px; margin-top: 25px; color: #555555; padding-right:10px; text-align:justify; max-height:295px; overflow-y:auto; padding-right:20px; }
.m2gz_c1rx .m2pub_t:after{bottom:-8px}
.m2gzc1Txt p{ margin-bottom: 20px; font-size: 16px!important; line-height: 30px; font-family: "寰蒋闆呴粦"!important; }
.m2gzc1Txt p span{ font-size: 16px!important; line-height: 30px; font-family: "寰蒋闆呴粦"!important; font-weight:normal!important}
.m2gzc1Txt p:last-child{margin-bottom:0;}
.m2gzCon2Wpr{ position:relative;}
.m2gzc2Swiper{}
.m2gz_c2item{ position:relative;}
.m2gz_c2item:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0;}
.m2gz_c2item .container{ height:46.87vw; position:relative; z-index:2;display:flex; flex-direction:column; justify-content:center; color:#fff;}
.m2gz_c2item strong{ max-width: 750px; font-size: 40px; display: block; letter-spacing: 2px; line-height: 50px; margin-bottom: 18px; transition:all 0.6s ease; opacity:0; transform:translateY(50px); }
.m2gz_c2item p{ max-width: 750px; font-size: 16px; line-height: 30px; letter-spacing: 1px; transition:all 0.6s ease; opacity:0; transform:translateY(50px); text-align:justify; }
.m2gz_c2item.on strong{ opacity:1; transform:translateY(0)}
.m2gz_c2item.on p{ opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
.m2gzNav{ background:#fff; width:100%; padding:0 10px; max-width:1000px; position:absolute; left:50%; bottom:-85px; transform:translateX(-50%); z-index:3;display:flex; justify-content:space-between; box-shadow:0 0 25px rgba(0,0,0,0.1);}
.m2gzNav a{ display:block; width:100%; text-align:center; position:relative; height:170px; padding-top:36px;}
.m2gz_ico{ display:inline-block; position:relative; width:60px; height:60px;}
.m2gz_ico img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.m2gz_ico img:nth-child(2){ opacity:0;}
.m2gzNav a p{ font-size:16px; line-height:30px; margin-top:5px;}
.m2gzNav a.on{ color:#c3a16e;}
.m2gzNav a.on .m2gz_ico img{opacity:0;}
.m2gzNav a.on .m2gz_ico img:nth-child(2){ opacity:1}
.m2gzCon3Wpr{padding-top:calc(85px + 5.8vw); padding-bottom:5.7vw;}
.m2gz_c2item{background-size:cover;}
@media (max-width:1799px){
.m2gz_c1img{height:380px; width: 44.48%;}
.m2pub_t strong{font-size:38px; line-height:46px;}
.m2gzc1Txt{font-size:15px; line-height:30px; max-height:266px;}
.m2gz_c1rx{ margin-left:48.84%; height:380px}
.m2gzc1Txt p{margin-bottom:12px;}
.m2gz_c2item strong{font-size:30px; line-height:42px;}
.m2gz_c2item .container{height:42vw; padding-bottom:5vw;}
.m2gz_ico{width:50px; height:50px;}
.m2gzNav a p{font-size:17px;}
.m2gzNav a{padding-top:26px; height:142px;}
.m2gzNav{ bottom:-71px;}
.m2gz_c2item p{font-size:14px; line-height:26px;}
.m2gzc1Txt p{ font-size: 15px!important; line-height: 28px!important; font-family: "寰蒋闆呴粦"!important; }
.m2gzc1Txt p span{ font-size: 15px!important; line-height: 28px!important; font-family: "寰蒋闆呴粦"!important; font-weight:normal!important}
}
@media (max-width:1379px){
.m2gz_c2item .container{height:35vw;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2gz_c2item .container{height:55vw;}
.m2pub_t strong{font-size:24px;}
}
@media (max-width:767px){
.m2gz_c1img{width:100%; float:none; height:220px;}
.m2gzCon1Wpr{padding-top:35px; padding-bottom:50px;}
.m2gz_c1rx{margin-left:0; margin-top:0px;}
.m2gzc1Txt{ overflow:visible;max-height:none;}
.m2gz_c1rx .m2pub_t:after{bottom:-2px; margin-left:-10px; left:50%;}
.m2gz_c1rx{margin-top:30px; padding-right:0; height:auto;}
.m2gz_c1rx .m2pub_t{text-align:center;}
.m2gz_c2item .container{height:auto; padding-top:60px; padding-bottom:50px;}
.m2gz_c2item strong{font-size:24px; line-height:36px;}
.m2gz_c2item.on p{font-size:12px; line-height:22px;}
.m2gzNav a p{font-size:14px; line-height:20px; height:40px;}
.m2gz_ico{width:40px; height:40px;}
.m2gzNav a{padding-top:20px; height:126px;}
.m2gzNav{bottom:-56px;}
.m2gz_c2item{height:486px!important;}
.m2pub_t strong{line-height:34px; padding-bottom:5px;}
}


.m2xyc6dls{margin-top:2.6vw;}
.m2xyc6dls dl{ margin-bottom:20px;}
.m2xyc6dls dl dt{ transition: all 0.5s ease-in-out; height: 112px; border: 1px solid #E8E8E8; background: #FFF; position: relative; padding: 0px 120px 0px 98px; font-size: 18px; letter-spacing: 1px; cursor:pointer; line-height:112px; }
.m2xyc6dls dl.on dt{ background:#c3a16e; border:1px solid #c3a16e; color:#fff;}
.m2faqlist dl dt{ font-size:18px; height:auto; padding:15px 80px 15px 25px; line-height:32px;}
.m2xy_c6i{ display:inline-block; position:absolute; width:50px; height:50px; left:25px; top:50%; margin-top:-25px;}
.m2xy_c6i img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.m2xyc6dls dl.on .m2xy_c6i img{ opacity:0}
.m2xyc6dls dl.on .m2xy_c6i img.iOpacity{ opacity:1}
.m2xyc6dls dl dt:after{ content: ""; background: url(../images/m2xy_bi1.png) no-repeat; height: 27px; width: 27px; margin-top: -13px; position: absolute; top: 50%; right: 48px; }
.m2faqlist dl dt:after{right:25px; background-size:20px auto; width:20px; height:20px; margin-top:-10px;}
.m2xyc6dls dl.on dt:after{ background: url(../images/m2xy_bi1a.png) no-repeat;}
.m2xyc6dls dl dd{ border: 1px solid #E8E8E8; border-top:none; background: #FFF; padding: 2.81vw; overflow:hidden; display:none; position:relative;}
.m2xyc6dls dl dd .bgImg{ width:443px; height:254px; float:left;}
.m2xy_c6txt{ margin-left:500px; line-height:30px; font-size:16px; padding-top:25px; padding-bottom:25px;}
.m2xyc6dls dl dt p{ height:112px; line-height:30px;display:flex; flex-direction:column; justify-content:center;}
@media (max-width:1799px){
.m2xyc6dls dl dt{font-size:16px;}
.m2xyc6dls dl dt{line-height:92px; height:92px;}
.m2xyc6dls dl dd .bgImg{width:400px}
.m2faqlist dl dt{ font-size:16px; height:auto; line-height:30px;}
.m2xy_c6txt{margin-left:438px; font-size:15px; line-height:30px;}
.m2xyc6dls dl dt p{ height:92px; line-height:26px;}
}
@media (max-width:1199px){
.m2xyc6dls dl dt p{font-size:16px;}
}
@media (max-width:993px){
.m2xyc6dls dl dd .bgImg{width:320px;}
.m2xy_c6txt{margin-left:348px;}
}
@media (max-width:767px){
.m2xyc6dls{margin-top:25px; padding-bottom:30px;}
.m2xyc6dls dl dt{height:60px; line-height:60px; padding:0px 40px 0px 46px; font-size:14px;}
.m2xy_c6i{width:26px; height:26px; margin-top:-14px; left:11px;}
.m2xyc6dls dl dt::after{width:22px; height:22px; margin-top:-11px; right:10px; background-size:cover;}
.m2xyc6dls dl dd{padding:15px;}
.m2xyc6dls dl dd .bgImg{width:100%; float:none; height:200px;}
.m2xy_c6txt{margin-left:0; margin-top:20px; font-size:14px; line-height:28px;}
.m2xyc6dls dl dt{font-size:14px; line-height:24px; padding:15px 30px 15px 10px; height:auto;}
.m2xyc6dls dl dt p{height:auto; font-size:15px; line-height:26px;}
.m2xyc6dls dl dt{padding:15px 40px 15px 50px;}
.m2xy_c6i{margin-top:0; top:15px;}
.m2xyc6dls dl dt:after{top:17px; margin-top:0}
.m2xyc6dls dl dd{padding-top:20px;}
.m2xy_c6txt{margin-top:0; padding-top:20px; padding-bottom:5px;}
.footWx{display:none}
.m2pp_item span {margin-bottom:25px}
.m2pp_item span a { width: 130px!important;height: 36px!important;line-height: 36px!important;font-size: 14px!important;}
}

@keyframes line{
0% {stroke-dashoffset: 360px;}
100% {stroke-dashoffset: -360px;}
}
@keyframes cirs{
0%{opacity:1;width:100%;height:100%}
100%{opacity:0;width:600%;height:600% }
}
.habout-map{width:auto;position:absolute;right:0px;top:21%;transform:translateY(-50%)}
.habout-nav{width:100%;overflow: hidden;display:flex;justify-content: flex-end;opacity:0;transform: translateY(60px);transition:all 0.6s ease 0.6s}
.habout-nav span{width: auto;position:relative;font-size:20px;color:#1e5192;font-weight:bold;padding:0px 5px;cursor:pointer}
.habout-nav span.active{color:#a07a3e }
.habout-nav span:before{width:2px;height:75%;content:"";position:absolute;right:0px;top:50%;transform:translateY(-50%);background:#1e5192 }
.habout-nav span:nth-child(2):before{display:none}
.habout-nav span:nth-child(1){padding-right:7px}
.habout-content{width:100%;position:relative;margin-top:25px;opacity:0;transform: translateY(60px);transition:all 0.6s ease 0.6s}
.habout-pannel{width:100%;opacity:0;transition:all 0s ease;position:absolute;right:0px;top:0px;z-index:1}
.habout-pannel:nth-child(2){position:relative}
.habout-pannel.active{z-index:12;opacity:1;}
.habout-1{float:right;width:719px;overflow: hidden;position:relative}
.habout-1 samp{width:100%;height:auto;display:block}
.habout-1 samp img{width:100%;height:auto}
.habout-1line{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:2}
.active .habout-nav,.active .habout-content{opacity:1;transform:translateY(0px)}
.habout-pannel svg{width:100%;height:100% }
.habout-pannel .line{stroke-dasharray:360px;stroke-dashoffset:0px;animation:line 4s linear both infinite }
.habout-1 .line1,.habout-1 .line12,.habout-1 .line3{animation-delay:0.5s }
.habout-1 .line4,.habout-1 .line15,.habout-1 .line6{animation-delay:0.7s }
.habout-1 .line7,.habout-1 .line18,.habout-1 .line9{animation-delay:0.9s }
.habout-1 .line10,.habout-1 .line111,.habout-1 .line12,.habout-1 .line13{animation-delay:0.3s }
.habout-1 .line14{animation-delay:0.6s }
.habout-1 .line15{animation-delay:1.6s }
.habout-1 .line16{animation-delay:1.9s }
.habout-1 .line17{animation-delay:2.3s }
.habout-1 .line18{animation-delay:2.6s }
.habout-1 .line19{animation-delay:1.2s }
.habout-1 .line20{animation-delay:1.5s }
.habout-1 .line21{animation-delay:1.9s }
.habout-1cir{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:14}
.habout-1cir span{width:8px;height:8px;transform: translate(-50%,-50%);position:absolute;display:block}
.habout-1cir span:before{width:100%;height:100%;content:"";border-radius:50%;border:1px #002969 solid;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:cirs 2s linear infinite;}
.habout-1cir span:after{width:100%;height:100%;content:"";border-radius:50%;border:1px #002969 solid;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:cirs 2s linear 1s infinite;}
.habout-1cir span em{width:100%;height:100%;display:block;border-radius:50%;border:1px #fff solid;background:#002969;position:relative;z-index:9}
.habout-1cir span.cir1{left:67%;top:22% }
.habout-1cir span.cir2{left:48%;top:24% }
.habout-1cir span.cir3{left:66.5%;top:32% }
.habout-1cir span.cir4{left:51%;top:56.8% }
.habout-1cir span.cir5{left:50.4%;top:48% }
.habout-1cir span.cir6{left:50.8%;top:46% }
.habout-1cir span.cir7{left:51.4%;top:44.6% }
.habout-1cir span.cir8{left:58.6%;top:48.5% }
.habout-1cir span.cir9{left:69.2%;top:53.5%}
.habout-1cir span.cir10{left:69.4%;top:50.8% }
.habout-1cir span.cir11{left:71.8%;top:45.8% }
.habout-1cir span.cir12{left:73.4%;top:46.5% }
.habout-1cir span.cir13{left:77.7%;top:49.8% }
.habout-1cir span.cir14{left:83.9%;top:28.5% }
.habout-1cir span.cir15{left:85.2%;top:43.4% }
.habout-1cir span.cir16{left:83.3%;top:54.5% }
.habout-1cir span.cir17{left:84.2%;top:53% }
.habout-1cir span.cir18{left:74.7%;top:26.9%;background: url("../images/map-3.png")no-repeat center;background-size:15px;width:15px;height:15px }
.habout-1cir span.cir18:before,.habout-1cir span.cir18:after{border-color:#f00}
.habout-1cir span.cir18 em{display:none}
.habout-1cir span.cir19{left:82.7%;top:56.9% }
.habout-1cir span.cir20{left:86.9%;top:43.5% }
.habout-1cir span.cir21{left:74.3%;top:61.9% }
.habout-1cir span.cir19 em,.habout-1cir span.cir20 em,.habout-1cir span.cir21 em{background:#f00 }

.habout-2{float:right;width:721px;position:relative;transform: translateY(100px)}
.habout-2 samp{width:100%;height:auto;display:block}
.habout-2 samp img{width:100%;height:auto}
.habout-2line{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:2}
.habout-2 .line1{animation-delay:0.5s }
.habout-2 .line2{animation-delay:0.3s }
.habout-2 .line3{animation-delay:0.7s }
.habout-2 .line4{animation-delay:1.2s }
.habout-2 .line5{animation-delay:2.5s }
.habout-2 .line6{animation-delay:3.5s }

.habout-2cir{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:14}
.habout-2cir span{width:8px;height:8px;transform: translate(-50%,-50%);position:absolute;display:block}
.habout-2cir span:before{width:100%;height:100%;content:"";border-radius:50%;border:1px #b00d04 solid;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:cirs 2s linear infinite;}
.habout-2cir span:after{width:100%;height:100%;content:"";border-radius:50%;border:1px #b00d04 solid;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:cirs 2s linear 1s infinite;}
.habout-2cir span em{width:100%;height:100%;display:block;border-radius:50%;border:1px #fff solid;background:#002969;position:relative;z-index:9}
.habout-2cir span.cir1{left:53%;top:36.9%}
.habout-2cir span.cir2{left:60.5%;top:61% }
.habout-2cir span.cir3{left:75.8%;top:58% }
.habout-2cir span.cir4{left:78.5%;top:51% }
.habout-2cir span.cir5{left:79.5%;top:49% }
.habout-2cir span.cir6{left:80.6%;top:46.5% }
.habout-2cir span.cir7{left:78%;top:41% }

@media  (max-width:1799px){
.hmc2txt{max-width:530px }
.habout-map{top:16%}
.habout-1{width:540px;}
.habout-2{width:540px;transform: translateY(70px)}
}


@media  (max-width:1200px){
.hmc2txt{max-width:450px }
.habout-map{top:30%}
.habout-1{width:450px;}
.habout-2{width:450px;transform: translateY(40px) }
}

@media  (max-width:993px){
.hmc2txt{max-width:100% }
.habout-map{position:relative;top:0px;transform:translateY(0px);margin-top:0px}
.habout-nav{justify-content: flex-start;}
.habout-nav span{color:#fff;font-size:16px }
.habout-nav span:before{background:#fff  }
.habout-1{width:50%;float:none;margin:0px auto}
.habout-2{width:50%;margin-right:0px;float:none;margin:0px auto }
}

@media (max-width:768px){
.habout-1{width:80%;float:none;margin:0px auto}
.habout-2{width:100%;margin-right:0px;float:none;margin:0px auto }
.hmPage2 .container{transform:translateY(-4vw)}
.habout-content{margin-top:0px}
.hmc2txt p{margin-top:-10px;line-height:20px;font-size:12px}
.habout-map{margin-top: -10px;}
.hmc2bg{height:109vh}
.hmc2txt strong{opacity:0;line-height:40px;height:40px }


}