@charset "UTF-8";
.hmFocusWpr{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);}
.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; text-align:center}
.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-size: 70px; }
.hmFocus_txt p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font: 100 32px/46px "微软雅黑"; }
.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: 3px; width: 100%; position: absolute; left: 0px; bottom: 8.14vh; z-index: 5; text-align:center; opacity:0.66}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:3px; width:70px; background:rgba(255,255,255,1); cursor:pointer; position:relative; }
.hmFocus_dot span:after{content:"";background-image: linear-gradient(90deg, #94C52D 50%,#F4BB1A 100%); width:0; height:3px; 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_aBox{display: block; width: 100%; height: 100%;}
.footX3 .lingk-logo {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.footX3 .lingk-wrap {
    margin-bottom: 10px;
}
@media (max-width:1799px){
.hmFocus_txt h5{ font-size: 52px; line-height: 60px;} 
.hmFocus_txt h5 strong{ font-size: 60px; }
.hmFocus_txt p{ margin-top: 12px; font: 100 28px/40px "微软雅黑"; }
}
@media (max-width:993px){
.hmFocus_item{height:500px;}
.hmFocus_dot{bottom:55px;}
}
@media (max-width:767px){
.hmFocus_item{height:360px;}
.hmFocus_dot{bottom:40px;}
.hmFocus_txt h5{ font-size: 32px; line-height: 42px; letter-spacing:2px;} 
.hmFocus_txt h5 strong{ font-size: 32px; }
.hmFocus_txt p{ margin-top: 10px; font: 100 20px/30px "微软雅黑"; }
.hmFocus_txt{padding-top:30px;}
}


.navWpr{ line-height: 90px; height: 90px; text-align: center; position:fixed; left:0; top:0; width:100%; z-index: 12; background: rgba(255,255,255,0.6); box-shadow:0 3px 5px rgba(0,0,0,0.08); transition:all 0.5s ease-in-out;}
.navWpr .container{ display: flex; justify-content: space-between;}
.nav{ white-space:nowrap;}
.nav_a{ font-size: 18px; display: inline-block; padding: 0px 22px; }
.nav_a:hover{}
.nav li:hover .nav_a,.nav_a.on{ color: #45ABC2; }
.nav li{ display: inline-block; position: relative; padding: 0px; }
.submenu{ position: absolute; padding: 20px 20px 10px; width: 250px; background:rgba(255,255,255,0.6); left: 50%; top: 90px; opacity: 0; visibility: hidden; margin-left: -125px; border:1px solid rgba(0,0,0,0.1); }
.nav li:hover .submenu{opacity:1; visibility:visible; transition:all 0.3s ease-in-out;}
.submenu_a{ font-size: 15px; line-height: 50px; text-align: center; display: block; height: 50px; margin-bottom: 10px; background:rgba(255,255,255,0.6); }
.submenu_a:hover{ color: #FFF; background: #45ABC2; }
.nav_tel{ background: url(../images/nav_tel_i.png) no-repeat left center; padding-left: 35px; font-size: 30px; color: #45ABC2; display: inline-block; font-family: Georgia; }
.navWpr_w{ background:rgba(255,255,255,0.85);}
.navWpr_w .submenu{ background:rgba(255,255,255,0.8);}
@media (max-width:1799px){
.navWpr{ line-height: 76px; height: 76px;}
.logo img{height:42px; width:auto;}
.submenu{top:76px;}
.nav_a{font-size:17px;}
}
@media (max-width:1199px){
.nav_a{font-size:16px; padding:0 12px;}
.nav_tel{font-size:26px;}
}
@media (max-width:993px){
.navWpr{display:none;}
}


.footer_line{ height:8px; overflow:hidden;}
.footer_line span{ width:33.33%; float:left; background:#8FC320; height:8px;}
.footer_line span:nth-child(2){ background:#F3B301}
.footer_line span:nth-child(3){ background:#1CB2E3}
.footer { background: rgba(69,171,194,0.15); padding-top: 42px;color:#4B5563; }
.footer a{color:#4B5563;}
.footer a:hover{color:#efefef;}
.footer_webinfo { text-align: center; font-size: 13px; line-height: 24px; padding: 30px 15px; border-top: 1px solid #676767; }
.foot_logo { float: left; margin: 60px 72px 0px 0px; }
.footX1 { float: left; width: 320px; margin-right: 35px; }
.footX2 { float: left; width: 320px; font-size: 13px; line-height: 27px;}
.footX3 { float: left; margin-right: 38px;}
.foot_st { font-size: 18px; color: #1F2937; line-height: 50px; display: block; font-weight: normal; }
.footTop { padding-bottom: 50px; }
.footX1 p { font-size: 12px; line-height: 23px; margin-bottom: 14px; }
.foot_a1{ color: #FFF!important; font-size: 12px; line-height: 26px; text-transform: uppercase; background: #e5aa07; text-align: center; display: inline-block; height: 26px; width: 76px; border-radius:1.8em;}
.foot_a1:hover{ color: #FFF!important; background: #8fc320; }
.footWx { float: right; margin-top: 18px; }
@media (max-width:1230px){
.foot_logo {display:none;}
}
@media (max-width:993px){
.footX1 { margin-bottom:20px; width:100%; margin-right:0}
.footWx{margin-top:15px;}
}
@media (max-width:767px){
.footX2 {width:100%;}
.footWx{width:100%; text-align:center; margin-top:25px;}
.footTop{padding-bottom:30px;}
.footer_webinfo{padding:12px 15px;}
.footer{padding-top:20px;}
.footer_line{height:5px;}
}


.m2banner{ position:relative;}
.m2banner .bgImg{ height:450px;}
.m2banTxt{ text-align:center; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; letter-spacing:2px; padding-top:90px;}
.m2banTxt strong{ font-size: 48px; font-weight: normal; display: block; line-height: 60px; }
.m2banTxt p{ font-size: 20px; text-transform: uppercase; line-height: 34px; margin-top: 12px; }
@media (max-width:1799px){
.m2banTxt strong{font-size:42px; line-height:52px;}
.m2banTxt p{ font-size: 18px;}
.m2banner .bgImg{height:400px;}
}
@media (max-width:993px){
.m2banTxt{padding-top:56px;}
.m2banner .bgImg{height:320px;}
.m2banTxt strong{font-size:32px; line-height:40px;}
}
@media (max-width:767px){
.m2banTxt strong{font-size:24px;}
.m2banTxt p{font-size:15px; margin-top:0px; line-height:30px;}
.m2banner .bgImg{height:260px;}
}


.m2pos{ text-align: right; line-height: 30px; padding-top: 24px; }
.m2pos span{ display: inline-block; margin: 0px 8px; }
.m2putBox{ padding: 50px 0px 1px; }
.m2pub_t{ text-align: center; }
.m2pub_t p{ font-size: 18px; line-height: 32px; color: #d8d8d8; height: 32px; }
.m2pub_t strong{ font-size: 30px; line-height: 48px; font-weight: normal; display: block; }
.m2pub_t span{ font-size: 16px; line-height: 24px; color: #999999; display: block; margin-top: 8px; }
.m2jn_txt{ padding: 40px 158px 26px 0px; border-bottom: 1px solid #D8D8D8; font-size: 14px; line-height: 28px; background: url(../images/m2us_i1.png) no-repeat right 22px; }
.m2jn_txt strong{ font-size: 16px; display: block; margin-bottom: 10px; }
.m2jn_txt p{ text-indent: 28px; position:relative; min-height:56px; }
.m2jn_txt p:before{ content: ""; background: #8FC320; display: block; position: absolute; left: 0px; top: 11px; border-radius:50%; width:6px; height:6px;}
.m2jnlst{ padding-bottom:5.2vw}
.m2jn_t1{ margin-top: 45px; line-height: 36px; background: url(../images/m2gjxy_c3i1.png) no-repeat left center; display: block; height: 36px; padding-left: 50px; font-size: 16px; font-weight: bold; }
.m2jn_t2{ margin-top: 18px; line-height: 58px; height: 58px; padding: 0px 115px 0px 50px; overflow: hidden; font-size: 16px; color: #FFF; background: #8FC320; font-weight: bold; position:relative; cursor:pointer }
.m2jn_t2:after{ content: ""; background: url(../images/m2jb_i1.png) no-repeat; display: inline-block; height: 30px; width: 30px; position: absolute; top: 50%; right: 30px; margin-top: -15px; }
.m2jn_t2.on:after{ background: url(../images/m2jb_i2.png) no-repeat; }
.m2jn_t2con{ display:none;}
.m2jn_t2con dl dt{ line-height: 58px; height: 59px; border-bottom: 1px solid #efefef; padding: 0px 50px; font-size: 18px; cursor: pointer; }
.m2jn_t2con dl dd{ background: #F5F5F5; padding: 40px 50px 50px; display:none; }
.m2jn_t2con dl dd h4{ display: block; margin-bottom: 10px; font-size: 16px; line-height: 34px; font-weight: bold; color: #69a838; }
.m2jn_t2con dl dd h4 span{ display: inline-block; margin-right: 50px; }
.m2jn_t2con dl dd strong{ font-size: 16px; line-height: 32px; color: #69a838; font-weight: bold; display: block; margin-bottom: 8px; }
.m2jn_txts{ font-size: 14px; line-height: 26px; color: #444444; }
@media (max-width:1799px){
.m2jn_t2con dl dt{font-size:16px;}
.m2jn_t2con dl dd h4{font-size:15px;}
}
@media (max-width:993px){
.m2jn_txt{background: url(../images/m2us_i1.png) no-repeat right 78px; }
.m2jn_t2con dl dd h4 span{margin-right:25px;}
.m2putBox{padding-top:20px;}
.m2jnlst{padding-bottom:60px;}
}
@media (max-width:767px){
.m2pos{padding-top:18px;}
.m2pub_t strong{font-size:24px; line-height:36px;}
.m2jn_txt{padding-right:0; padding-bottom:30px; padding-top:20px; background:none}
.m2jn_t1{margin-top:30px;}
.m2jn_t2{ padding:0px 75px 0px 20px; margin-top:12px;}
.m2jn_t2:after{ right: 15px; }
.m2jn_t2con dl dt{ line-height: 50px; height: 51px; padding: 0px 20px; font-size: 16px;}
.m2jn_t2con dl dd{padding:20px 20px 30px;}
.m2jn_t2con dl dd h4 span{margin-right:18px;}
.m2jn_t2con dl dd h4 span:last-child{margin-right:0;}
.m2pub_t span{font-size:14px;}
}


.m2tmul{ display: flex; flex-wrap: wrap; margin: 0 -18px; padding-top: 10px; }
.m2tmul li{ width:33.33%; padding:0 18px;}
.m2tm_aBox{ display:block;}
.m2tm_snms{ margin-bottom:25px;}
.m2tm_snms strong{ font-size: 16px; line-height: 30px; display: block; height: 30px; color:#333; }
.m2tm_snms p{ font-size: 14px; line-height: 24px; font-weight: bold; display: block; }
.m2tm_aBox .overflowHide{ height: 270px; }
.m2tm_txt{ font-size: 14px; line-height: 28px; padding: 16px 0px 40px; color: #333; }
.m2pMbx{ padding:1.3vw 0 3.43vw;}
.m2pmbtn{ background: url(../images/m2p_m.png) no-repeat left center; display: inline-block; padding-left: 44px; font-size: 16px; line-height: 40px; font-weight: bold; height: 40px; }
.m2pmbtn:hover{ color:#F5B400}
@media (max-width:993px){
.m2tmul li{width:50%;}
.m2pMbx{padding:15px 0 55px;}
}
@media (max-width:767px){
.m2tmul li{width:100%;}
}


.m2lxTop{ padding: 1.04vw 0px; }
.m2lx_st{ text-align: center; font-size: 18px; font-weight: bold; line-height: 30px; display: block; }
.m2lxul{ margin: 1.84vw -10px 1.56vw; display:flex; flex-wrap:wrap;}
.m2lxul li{ width:calc(25% - 20px); padding: 0 0 25px; margin:0 10px 1.56vw; border-bottom: 1px solid #D8D8D8; position:relative; }
.m2lx_aBox{ display:block;}
.m2lx_aBox .overflowHide{ height:190px}
.m2lxul li:after{content:""; position:absolute; left:0; top:0; right:0; bottom:-1px; background:rgba(143,195,32,0.9); transition:all 0.5s ease-in-out; opacity:0;}
.m2lx_abm{ padding-top: 16px; font-size: 13px; line-height: 26px; color: #666666; }
.m2lx_abm strong{ font-size: 14px; line-height: 30px; color: #333; display: block; }
.m2lx_layer{ color: #fff; position: absolute; z-index: 3; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding: 0px 25px; font-size: 13px; line-height: 26px; transition:all 0.5s ease-in-out; opacity:0; }
.m2lx_layer strong{ font-size: 16px; line-height: 30px; display: block; font-weight: bold; }
.m2lxul li:hover:after{opacity:1;}
.m2lxul li:hover .m2lx_layer{opacity:1;}
.m2lxBom{ padding: 2.39vw 530px 0 0; margin-bottom:5.46vw; position:relative }
.m2lxBom h6{ font-size: 16px; font-weight: bold; line-height: 30px; display: block; }
.m2lx_bst{ font-size: 15px; line-height: 40px; margin-top: 8px; }
.m2lx_bitem{ margin-bottom:10px;}
.m2lx_bitem label{ display: inline-block; margin-right: 35px; font-size: 14px; line-height: 30px; }
.m2lx_bitem label input{margin-right:5px;}
.m2lx_bul{ margin:8px -10px;display: flex; flex-wrap:wrap;}
.m2lx_bul li{padding:0 10px; width:33.33%;}
.m2lx_bul li strong{ font-size: 15px; font-weight: normal; line-height: 26px; margin-bottom:10px; display:block }
.m2lx_bul li strong span{ color: #C30202; }
.m2lx_intx{ position:relative;}
.m2lx_intx input{ width: 100%; font-size: 14px; line-height: 44px; color: #666; height: 48px; padding: 0px 15px; border: 2px solid #D8D8D8; border-radius:0.4em; }
.m2lx_intx input:focus{ border: 2px solid #8FC320; }
.m2lx_submit{ margin-top: 1.97vw; line-height: 42px; background: #8FC320; text-align: center; display: block; height: 42px; width: 126px; font-size: 16px; font-weight: bold; border-radius:1.8em; color: #FFF; }
.m2lx_submit:hover{ transform:translateY(-5px); box-shadow:0 3px 5px rgba(0,0,0,0.1); color:#fff;}
.m2lx_bimg{position:absolute; right:0; bottom:-2vw;}
@media (max-width:1199px){
.m2lx_bimg{width:400px;}
.m2lxBom{padding-right:430px;}
}
@media (max-width:993px){
.m2lxul li{width:calc(33% - 10px); margin:0 5px 20px}
.m2lxBom{padding-right:0; margin-bottom:60px;}
}
@media (max-width:767px){
.m2lxTop{padding:20px 0;}
.m2lxul{margin-top:20px;}
.m2lxul li{width:100%;}
.m2lx_layer{display:none;}
.m2lx_abm strong{font-size:16px;}
.m2lxBom{padding-top:20px;}
.m2lx_bul li{width:100%; margin-bottom:15px;}
}


.m2kcCon1{ position:relative; height:515px;}
.m2kc_c1img{ left:460px; margin-top:15px; top:110px; position:absolute;}
.m2kc_c1img2{ right:25px; bottom:0; position:absolute}
.m2kc_c1img3{ position:absolute; bottom:25px; left:0;}
.m2kcCon2{ background:url(../images/m2kc_bg2.png) no-repeat center top; padding: 90px 0px 72px; color: #FFF; position:relative; margin-top:-28px; }
.m2kcCon2 .m2pub_t p{color:#fff;}
.m2kc_c2ul{ margin: 2.34vw -35px 0px; overflow:hidden;}
.m2kc_c2ul li{ padding: 0px 35px; float: left; width: 33.333%; font-size: 15px; line-height: 28px; color: #FFF; }
.m2kc_c2ul span{ display:block; text-align:center}
.m2kc_c2ul strong{ font-size: 21px; line-height: 38px; text-align: center; display: block; margin: 20px 0px 8px; }
.m2kcCon3{ padding: 3.54vw 0px 5.72vw; }
.m2kcc3ul{ margin-top: 2.34vw; overflow:hidden }
.m2kcc3ul li{ float: left; width: 25%; }
.m2kc_c3box{ display:block; position:relative; height:462px;}
.m2kc_c3box .overflowHide{ height:231px;}
.m2kc_c3txtWpr{ height:231px; width:100%; position:absolute; left:0; bottom:0;}
.m2kc_c3txt{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 15px; line-height: 28px; padding:0 35px; }
.m2kc_c3txt strong{ font-size: 16px; line-height: 30px; font-weight: bold; color: #7fba00; display: block; margin-bottom: 10px; text-align:center }
.m2kc_c3txt p{color:#666;}
.m2kcc3ul li:nth-child(2n) .m2kc_c3box .overflowHide{ height:231px; position:absolute; left:0; top:auto; bottom:0; width:100%}
.m2kcc3ul li:nth-child(2n) .m2kc_c3txtWpr{  bottom:auto; top:0;}
@media (max-width:1199px){
.m2kc_c1img3{width:300px;}
.m2kc_c1img{left:310px;}
.m2kc_c2ul{ margin: 2.34vw -15px 0px;}
.m2kc_c2ul li{ padding: 0px 15px;}
.m2kc_c3txt{font-size:12px; line-height:24px;}
.m2kc_c3txt strong{font-size:15px; line-height:26px;}
}
@media (max-width:993px){
.m2kc_c1img3{width:100px;}
.m2kc_c1img{left:70px;}
.m2kcc3ul li{width:50%;}
.m2kcc3ul{margin-top:25px;}
.m2kcCon3{padding-bottom:70px;}
}
@media (max-width:767px){
.m2kcCon1 {text-align:center; height:auto}
.m2kc_c1img{position:static; margin-bottom:20px;}
.m2kc_c1img2{position:static;}
.m2kcCon2{ margin-top:-30px; background:url(../images/m2kc_bg2m.png) no-repeat center top; padding-top:70px; padding-bottom:40px;}
.m2kc_c2ul{margin-top:25px;}
.m2kc_c2ul li{width:100%; margin-bottom:20px;}
.m2kc_c2ul strong{font-size:18px;}
.m2kcCon3{padding-top:40px;}
.m2kcc3ul li{width:100%; margin-bottom:15px;}
.m2kc_c3box {height:auto;}
.m2kc_c3box .overflowHide{position:relative; top:0; left:0;}
.m2kc_c3txtWpr{position:static!important; padding:25px 0 25px; height:auto;}
.m2kc_c3txt{position:static!important; transform:translate(0,0); padding:0}
.m2kcc3ul li:nth-child(2n) .m2kc_c3box .overflowHide{position:relative!important;}
.m2kcCon3{padding-bottom:20px;}
.m2kc_c2ul span img{width:90px; height:auto;}
}


.m2nConWpr{ background:#f2f2f2; }
.m2nCon{ padding-top: 2.08vw; padding-bottom:1px;}
.m2menu{ text-align:center;}
.m2menu_a{ margin: 0px 15px; display: inline-block; padding: 0px 30px; border: 2px solid #D8D8D8; font-size: 14px; color: #666666; line-height: 38px; height: 42px; border-radius:1.8em; }
.m2menu_a:hover,.m2menu_a.on{ color: #FFF; background: #8fc320; border: 2px solid #8fc320; }
.m2nul{ margin: 2.34vw 0px 1.04vw; }
.m2nul li{ float: left; width: 33.33%; margin-bottom:2.06vw }
.m2naBox{ display: block; padding: 15px; }
.m2naBox:hover{background:#fff; box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.m2naBox .overflowHide{ height:231px;}
.m2nBom{ padding-top: 15px; position: relative; }
.m2nBom strong{ display: block; height: 46px; font: normal 18px/46px "微软雅黑"; }
.m2nBom p{ font-size: 14px; line-height: 24px; color: #666666; height: 48px; margin-bottom: 25px; }
.m2n_fun{ line-height: 26px; height: 37px; font-size: 14px; color: #999999; }
.m2n_fun span:nth-child(1){ color: #8fc320; float: left; text-transform: uppercase; }
.m2n_fun span:nth-child(2){ float: right; }
.m2nBom:after{content:""; transition:all 0.5s ease-in-out; background:#8FC320; height:2px; left:0; bottom:0; position:absolute; width:0%;}
.m2naBox:hover .m2nBom:after{width:100%;}
.page{ margin-bottom:5.72vw; text-align:center;}
.page *{vertical-align:middle;}
.page a{ line-height: 44px; text-align: center; display: inline-block; height: 46px; width: 46px; border: 2px solid #D8D8D8; margin: 0px 9px; border-radius: 0.8em; font-size: 18px; }
.page a.on{ color: #FFF; background: #8FC320; border: 2px solid #8FC320; }
.page_prev{ background: url(../images/m3page_ar.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; border: 2px solid #D8D8D8; margin: 0px 9px; border-radius:0.8em; background-size:8px auto; }
.page_next{ background: url(../images/m3page_ar.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; border: 2px solid #D8D8D8; margin: 0px 9px; border-radius:0.8em; transform:rotate(180deg); background-size:8px auto;}
.page_prev:hover,.page_next:hover{ border: 2px solid #8FC320; background: #8FC320 url(../images/m3page_ara.png) no-repeat center center; background-size:8px auto; }
@media (max-width:1799px){
.page a{ line-height: 40px; height: 42px; width: 42px; border: 1px solid #D8D8D8; margin: 0px 6px; font-size: 16px; }
.page_prev{height: 42px; width: 42px; border: 1px solid #D8D8D8; margin: 0px 6px; background-size:6px auto; }
.page_next{height: 42px; width: 42px; border: 1px solid #D8D8D8; margin: 0px 6px; background-size:6px auto; }
.page_prev:hover,.page_next:hover{ background-size:6px auto; }
}
@media (max-width:993px){
.m2nul li{width:50%;}
.page{margin-bottom:70px;}
}
@media (max-width:767px){
.m2nCon{padding-top:25px;}
.m2nul{margin:30px 0 25px 0;}
.m2nul li{width:100%; margin-bottom:15px;}
.m2naBox{background:#fff; box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.m2menu_a{ margin: 0px 5px; padding: 0px 20px; border: 1px solid #D8D8D8; font-size: 13px; line-height: 36px; height: 38px;}
.m2menu_a:hover,.m2menu_a.on{border: 1px solid #8fc320; }
}


/* .m3nConWpr{ background: url(../images/m2pos_bg.png) repeat-x left top; } */
.m3nConWpr .m2pos{padding-top:20px;}
.m3n_t{ font-size: 30px; line-height: 50px; text-align: center; display: block; padding: 3.68vw 115px 16px; position: relative; border-bottom: 1px solid #D8D8D8; }
.m3n_t span{ font-size: 14px; color: #666666; position: absolute; right: 0px; top:3.38vw }
.m3nEditor{ font-size: 15px; line-height: 30px; color: #666666; padding: 2.08vw 0px; }
.m3n_bt{ font-size: 18px; line-height: 66px; font-weight: bold; display: block; border-bottom: 1px solid #D8D8D8; }
.m3nConWpr .m2nul{ padding-bottom:1.2vw;}
.m3nConWpr .m2nBom{padding-top:0;}
@media (max-width:1799px){
.m3n_t{font-size:28px;}
}
@media (max-width:993px){
.m3n_t{margin-top:35px;}
}
@media (max-width:767px){
.m3n_t{ font-size: 21px; line-height: 30px; padding: 28px 0 18px; }
.m3n_t span{ font-size: 14px; color: #666666; position:static; text-align:center; margin-top:18px; }
.m3nEditor{font-size:14px; line-height:28px; padding:25px 0;}
.m3n_bt{font-size:16px; line-height:58px;}
.m3nConWpr .m2nul{margin-bottom:40px;}
}



.m2nConWpr_w{ background:#fff;}
.m2nConWpr_w .m2lxul {margin-top:2.54vw;}
.m3nConWpr_img .m2lxul{ margin-bottom:3.5vw;}
.m3nImgs{ margin-top:2.6vw; margin-bottom:1.24vw}
.m3nImgs .slick-prev{ background: url(../images/m3n_btn.png) no-repeat center center; display: inline-block; height: 56px; width: 56px; position: absolute; left: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -28px; z-index: 2; transition:all 0.5s ease-in-out; opacity:0.5; }
.m3nImgs .slick-next{background: url(../images/m3n_btn.png) no-repeat center center; display: inline-block; height: 56px; width: 56px; position: absolute; right: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -28px; z-index: 2; transform:rotate(180deg);transition:all 0.5s ease-in-out; opacity:0.5;}
.m3nImgs .slick-prev:hover,.m3nImgs .slick-next:hover{ opacity:1;}
@media (max-width:993px){
.m2nConWpr_w .m2lxul{ margin-top:35px; margin-bottom:25px;}
}
@media (max-width:767px){
.m3nImgs{margin:25px 0;}
.m3nImgs .slick-prev{ height: 42px; width: 42px; left: 10px; margin-top: -18px; background-size:26px auto; }
.m3nImgs .slick-next{ height: 42px; width: 42px; right: 10px; margin-top: -18px; background-size:26px auto;}
.m3nConWpr_img .m2lxul{margin-bottom:40px;}
}


.m2yqConWpr{background:#fff;}
.m2askul{ margin: 2.34vw 0px 5.72vw;display: flex;  flex-wrap:wrap;}
.m2askul li{ width: 50%; padding-right: 20px; border-bottom: 1px solid #D8D8D8; }
.m2askul li:nth-child(2n){padding-right:0; padding-left:20px;}
.m2ask_t{ padding: 30px 0px 30px 46px; font-size: 15px; line-height: 30px; font-weight: bold; background: url(../images/m2ask_i1.png) no-repeat left 30px; cursor:pointer }
.m2ask_txt{ margin-top: -12px; font-size: 14px; line-height: 28px; color: #666666; padding: 0px 0px 40px 46px; display:none; }
.m2askul li.on .m2ask_t{ background: url(../images/m2ask_i1a.png) no-repeat left center; }
.m2askul li.on .m2ask_txt{ display:block;}
@media (max-width:993px){
.m2askul li{width:100%;}
.m2askul li:nth-child(2n){padding-left:0;}
.m2ask_txt{padding-right:20px;}
}
@media (max-width:767px){
.m2ask_t{ padding: 20px 0px 20px 45px; background-position:left 19px;}
.m2ask_txt{padding:5px 0 25px;}
.m2askul{margin-bottom:50px;}
}


.m2shCon{ margin-top:2.34vw}
.m2shEditor{ font-size: 14px; line-height: 28px; padding: 2.18vw 0px 3.72vw; }
.m2shEditor p{ margin-bottom:28px;}
.m2shEditor ul{}
.m2shEditor ul li{ margin-bottom:28px; position:relative; padding-left:20px;}
.m2shEditor ul li:before{content:""; background: #8FC320; display: block; position: absolute; left: 0px; top: 11px; border-radius:50%; width:6px; height:6px;}
@media (max-width:1799px){
.m2shEditor{line-height:26px;}
}
@media (max-width:993px){
.m2shCon{margin-top:35px;}
}
@media (max-width:767px){
.m2shEditor p{margin-bottom:15px;}
.m2shEditor{padding-bottom:30px;}
}


.m2jjCon1{ margin-top:2.34vw;}
.m2jjc1Txt{ padding: 0 98px 0; margin-top:2.34vw; margin-bottom:5.03vw; font-size: 15px; line-height: 30px; color: #666666; position:relative}
.m2jjc1Txt:before{ content: ""; background: url(../images/m2jj_f1.png) no-repeat center center; display: inline-block; height: 51px; width: 56px; position: absolute; left: 0px; top: -23px; }
.m2jjc1Txt:after{ content: ""; background: url(../images/m2jj_f2.png) no-repeat center center; height: 51px; width: 56px; position: absolute; right: 0px; bottom: -26px; }
.m2jjCon2{ padding-bottom:5.72vw;}
.m2jjc2ul{ margin: 2.34vw -10px 0px; }
.m2jjc2ul li{ padding: 0px 10px; float: left; width: 25%; }
.m2jjc2a{ display:block; box-shadow:0 8px 15px rgba(0,0,0,0.07);}
.m2jjtxt{ height: 190px; padding: 30px 36px 0px; color: #FFF; background: #8FC320; font-size: 13px; line-height: 20px; }
.m2jjtxt strong{ font-size: 24px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 8px; }
.m2jjtxt p{ height: 96px; overflow: hidden; }
.m2jjc2a .overflowHide{ height:158px;}
.m2jj_number{ font-size: 48px; line-height: 88px; color: #98c600; text-align: center; font-family:Kristen ITC; }
@media (max-width:1199px){
.m2jjtxt{font-size:12px; padding: 30px 20px 0px;}
.m2jjtxt strong{font-size:21px;}
}
@media (max-width:993px){
.m2jjc2ul{margin-top:25px;}
.m2jjCon2{padding-bottom:60px;}
.m2jjc2ul li{width:50%; margin-bottom:20px;}
.m2jjc2a .overflowHide{height:218px;}
}
@media (max-width:767px){
.m2jjCon1{margin-top:25px;}
.m2jjc1Txt:before{height: 21px; width: 26px; top: -13px; background-size:26px auto; }
.m2jjc1Txt:after{ height: 21px; width: 26px; bottom: -13px; background-size:26px auto; }
.m2jjc1Txt{ padding: 0 38px 0; margin-top:25px; margin-bottom:30px; font-size: 14px; line-height: 28px;}
.m2jjc2ul li{width:100%;}
.m2jjc2ul{margin-bottom:20px; text-align:center; width:100%;}
.m2jjc2ul .slick-dots{bottom:-25px;}
.m2jjc2ul .slick-dots li button{display:none;}
.m2jjc2ul .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none;}
.m2jjc2ul .slick-dots li.slick-active{ background: #8fc320;}
}


.hmCon2Wpr{ padding-bottom: 160px; padding-top: 4.16vw; }
.hmCon2 .txtBox-wp{ float:right; width:605px;}
.hmCon2 .picBox-wp{ float:left; }
.hmTbox strong{ font-size: 30px; line-height: 44px; display: block; text-align: left;}
.hmTbox p{ line-height: 34px; font-size: 18px; text-transform: uppercase; color: #d8d8d8; }
.hmc2txts strong span{ color: #8fc320;}
.hmc2txts h5{ font-size: 22px; line-height: 32px; font-weight: normal; display: block; margin: 16px 0px 26px; }
.hmc2ps{ font-size: 15px; line-height: 30px; color: #666666; }
.hmc2ps p{margin-bottom:15px;}
.hmc2ps p:last-child{margin-bottom:0;}
.hmc2links{ margin-top:2.6vw; position:relative; height:106px;display: flex; justify-content: space-between;}
.hmc2links:before{content:""; height:4px; background:#D8D8D8; position:absolute; left:0; width:100%; top:51px;}
.hmc2a{ display: block; height: 106px; width: 106px; padding-top: 37px; text-align: center; border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.07); background: #fff; position: relative; z-index: 2; text-transform: uppercase; color: #999999; }
.hmc2a.on,.hmc2a:hover{ background:#8FC320;}
.hmc2a strong{ font-size: 15px; font-weight: bold; line-height: 20px; display: block; }
.hmc2a p{ font-size: 12px; font-weight: bold; line-height: 16px; }
.hmc2a.on strong,.hmc2a.on p,.hmc2a:hover strong,.hmc2a:hover p{color:#fff;}
.hmc2RchangeBoxWpr{ position:relative;}
.hmc2RchangeBox{ opacity:0; visibility:hidden; transform:translateY(10px)}
.hmc2RchangeBox.on{opacity:1; visibility:visible; transform:translateY(0);transition:all 0.8s ease-in-out;}
.hmc2RchangeBoxWpr .hmc2RchangeBox:nth-child(2){ position:absolute; left:0; top:0;}
.hmc2RchangeBox2 .hmc2ps{ margin-top:16px; min-height:90px; margin-bottom:16px;}
.hmc2rul{ overflow:hidden;}
.hmc2rul li{ text-align:center; float:left; margin-right:70px;}
.hmc2rul li:last-child{margin-right:0;}
.hmc2rul li span{ display:inline-block; width:60px;}
.hmc2rul li p{ line-height:26px; margin-top:12px;}
@media (max-width:1799px){
.hmTbox strong{font-size:28px;}
.hmc2txts h5{font-size:20px;}
}
@media (max-width:1199px){
.hmCon2 .txtBox-wp{ width:505px;}
.hmCon2 .picBox-wp{ width:405px }
}
@media (max-width:993px){
.hmCon2 .txtBox-wp{width:100%; float:none;}
.hmCon2Wpr{padding-top:50px; padding-bottom:130px;}
.hmTbox{ text-align:center;}
.hmc2txts h5{text-align:center;}
.hmCon2Wpr .dsPadPhone{text-align:center; margin:25px 0;}
.hmCon2Wpr .dsPadPhone img{max-width:350px; height:auto;}
.hmc2RchangeBoxWpr{padding-bottom:80px;}
}
@media (max-width:767px){
.hmTbox p{font-size:16px; line-height:30px;}
.hmTbox strong{font-size:24px; letter-spacing:1px;}
.hmc2txts h5{font-size:18px;}
.hmc2ps{font-size:14px; line-height:28px;}
.hmc2a strong{font-size:14px;}
.hmc2links{ margin-top:20px; height:96px;}
.hmc2links:before{ height:2px; top:48px;}
.hmc2a{height: 96px; width: 96px; padding-top: 32px;}
.hmCon2Wpr .dsPadPhone{text-align:center; margin-top:25px;}
.hmCon2Wpr .dsPadPhone img{max-width:250px; height:auto;}
.hmc2RchangeBoxWpr{padding-bottom:20px;}
.hmc2rul li{margin-right:0; width:50%; text-align:center; margin-bottom:30px;}
.hmc2rul li span{width:42px; height:auto;}
.hmc2rul li p{margin-top:5px;}
}


.hmCon3Wpr{ background: url(../images/hmc3bg.png) no-repeat center top; height: 887px; padding-top: 75px; position:relative; margin-top:-70px; z-index:3; }
.hmCon3Wpr .hmTbox{text-align:center;}
.hmCon3Wpr .hmTbox strong{ color:#fff;}
.hmCon3Wpr .hmTbox p{ color:#6bdaff;}
.hmc5Swiper{ margin: -10px 0px 5px; }
.hmc5Swiper .swiper-slide{padding:45px; opacity:0;}
.hmc5_item{ background:rgba(255,255,255,0.6); height: 470px; width: 850px; border-radius:2.8em; box-shadow:0 0 40px rgba(0,0,0,0.1); padding:60px 62px 0;}
.hmc5Swiper .swiper-pagination{display:none;}
.hmc5Swiper .swiper-slide{ width:940px;}
.hmc5Swiper .swiper-slide.swiper-slide-active{opacity:1;}
.hmc5Swiper .swiper-slide.swiper-slide-prev{opacity:1;}
.hmc5Swiper .swiper-slide.swiper-slide-next{opacity:1;}
.hmc5Swiper .swiper-slide.swiper-slide-active .hmc5_item{ background:rgba(255,255,255,1);}
.hmc5_item .overflowHide { float: left; height: 345px; width: 400px;opacity:0; transition:all 0.5s ease-in-out; border-radius:0.6em; }
.hmc5txt { margin-left: 448px; font-size: 14px; line-height: 26px; color: #666666; padding-top: 58px;opacity:0; transition:all 0.5s ease-in-out; }
.hmc5txt strong { font-size: 22px; font-weight: bold; color: #333; display: block; line-height: 48px; height: 48px; letter-spacing: 1px; margin-bottom:5px; }
.hmc5Swiper .swiper-slide.swiper-slide-active .hmc5_item .overflowHide{opacity:1;}
.hmc5Swiper .swiper-slide.swiper-slide-active .hmc5txt{opacity:1;}
.hmc5Swiper{ position:relative;}
.hmc5Swiper .prev{ background: url(../images/hmc2btn.png) no-repeat center center; display: block; height: 52px; width: 30px; position: absolute; left: 0px; top: 250px; z-index:5; transition:all 0.5s ease-in-out; opacity:0.5; }
.hmc5Swiper .next{ background: url(../images/hmc2btn.png) no-repeat center center; display: block; height: 52px; width: 30px; position: absolute; right: 0px; top: 250px; transform:rotate(180deg); z-index:5; transition:all 0.5s ease-in-out; opacity:0.5; }
.hmc5Swiper .swiper-slide.swiper-slide-prev:before{content:""; position:absolute; left:-16px; top:100px; bottom:100px; width:500px; background:rgba(255,255,255,0.2); border-radius:1.8em; box-shadow:0 0 40px rgba(0,0,0,0.1); z-index:-1;}
.hmc5Swiper .swiper-slide.swiper-slide-next:before{content:""; position:absolute; right:-16px; top:100px; bottom:100px; width:500px; background:rgba(255,255,255,0.2); border-radius:1.8em; box-shadow:0 0 40px rgba(0,0,0,0.1); z-index:-1;}
.hmc5Swiper .prev:hover,.hmc5Swiper .next:hover{opacity:1;}
.hmc2mbtn{ line-height: 38px; text-align: center; display: inline-block; height: 42px; width: 126px; border: 2px solid #D8D8D8; font-size: 14px; color: #666666; border-radius:1.8em; margin-top:1.88vw;}
.hmc2mbtn:hover{ color: #FFF; background: #8FC320; border: 2px solid #8FC320; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.hmc3bul{display: flex; justify-content: space-between;  flex-wrap:wrap; padding:0 40px;}
.hmc3bul li{ text-align:center; color:#fff;}
.hmc3bul li p{ font-size: 15px; line-height: 28px; margin-top:10px; }
@media (max-width:1199px){
.hmc5Swiper{transform:scale(0.9);}
.hmc5Swiper .swiper-slide.swiper-slide:before,.hmc5Swiper .swiper-slide.swiper-slide:after{display:none!important;}
.hmc5Swiper .prev{left:-42px;}
.hmc5Swiper .next{right:-42px;}
.hmc5txt{font-size:15px}
.hmc3bul li p{font-size:14px;}
}
@media (max-width:993px){
.hmCon3Wpr{padding-top:60px;}
.hmc5Swiper{margin-top:-15px;}
.hmc5Swiper{transform:scale(1); margin-bottom:65px;}
.hmc5Swiper .swiper-slide{ width:100%;}
.hmc5_item{ height: 310px; width: 100%; border-radius:1.8em; padding:30px 30px 0;}
.hmc5_item .overflowHide { height: 245px; width: 300px;}
.hmc5txt { margin-left: 328px; padding-top: 15px; font-size:12px; line-height:24px; }
.hmc5txt strong { font-size: 21px; line-height: 40px; height: 40px; }
.hmc3bul li{width:33.33%; margin-bottom:30px;}
.hmc5Swiper .prev,.hmc5Swiper .next{top:376px;}
.hmc5Swiper .prev{ left:278px; background-size:20px auto;}
.hmc5Swiper .next{ right:278px; background-size:20px auto;}
}
@media (max-width:767px){
.hmc5Swiper{margin-top:0px;}
.hmc5Swiper .swiper-slide{padding:20px 0px;}
.hmc5_item{padding:15px 15px 0; height:auto; padding-bottom:35px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.hmc5_item .overflowHide{width:100%; border-radius:0.8rem; height:200px; float:none;}
.hmc5txt{margin-left:0;}
.hmc5txt strong{font-size:18px;}
.hmc2mbtn{margin-top:15px;}
.hmc5Swiper .prev,.hmc5Swiper .next{top:470px;}
.hmc5Swiper .prev{ left:108px; background-size:15px auto;}
.hmc5Swiper .next{ right:108px; background-size:15px auto;}
.hmc5txt p{max-height:72px; overflow:hidden;}
.hmc3bul{padding:0;}
.hmc5Swiper{margin-bottom:50px;}
.hmc3icon{width:40px; display:inline-block; height:auto;}
.hmc3bul{ justify-content: center;}
.hmc3bul li{margin-bottom:10px; padding:0 10px;}
.hmc3bul li p{font-size:12px; line-height:20px; height:40px; margin-top:5px;}
.hmCon3Wpr{padding-top:46px;}
}


.hmCon4Wpr{ background-color: #F8F8F8; padding: 125px 0px 3.64vw; margin-top:-55px; }
.hmCon4Wpr .hmTbox{text-align:center;}
.hmc4ul{ margin: 2.05vw -15px 0px; }
.hmc4ul li{ padding: 0px 15px; margin-bottom: 30px; }
.hmc4_aBox{ display:block;}
.hmc4_aBox:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.08); transform:translateY(-5px)}
.hmc4_aBox .overflowHide{ height:400px; border-radius:0.8em;}
.hmc4_aBox .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0}
.hmc4_aBox:hover .overflowHide:after{opacity:1;}
.hmc4lay{ z-index:3; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); text-align:center; padding:0 25px; color:#fff;}
.hmc4lay strong{ font-size: 24px; font-weight: normal; letter-spacing: 1px; line-height: 36px; display: block; transform:translate(-50px,0); transition:all 0.7s ease-in-out; opacity:0; }
.hmc4lay p{ font-size: 14px; line-height: 22px; margin-top: 10px; display:block; transform:translate(50px,0); transform:translate(50px,0); transition:all 0.7s ease-in-out; opacity:0;}
.hmc4_aBox:hover .hmc4lay strong{ transform:translate(0,0); opacity:1;}
.hmc4_aBox:hover .hmc4lay p{ transform:translate(0,0); opacity:1;}
@media (max-width:993px){
.hmCon4Wpr{padding-top:105px; padding-bottom:40px;}
}
@media (max-width:767px){
.hmCon4Wpr{padding-top:96px; padding-bottom:50px;}
.hmc4ul{margin-top:20px; margin-left:-5px; margin-right:-5px;}
.hmc4ul li{width:50%; padding:0 5px; margin-bottom:10px;}
.hmc4_aBox .overflowHide{height:125px;}
.hmc4_aBox:hover{transform:translateY(0);}
.hmc4lay strong{font-size:16px; font-weight:bold; line-height:30px;}
.hmc4lay p{font-size:12px; margin-top:0;}
.hmc4lay{padding:0 12px;}
}


.hmCon6wpr{ padding-top:3.75vw; padding-bottom:55px; background:url(../images/hmc6_bmBg.png) no-repeat center bottom; }
.hmCon6wpr .hmTbox{text-align:center;}
.hmc5Box { height: 574px; width: 574px; margin: 45px auto 110px; position: relative; }
.hmc5Box:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background: url(../images/hmc5_quan.png) no-repeat center center; animation:radiusRotate 100s linear infinite;}
.hmc5Imgs{ height: 439px; width: 439px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); font-size:0;}
.hmc5Imgs img{transition:all 0.5s ease-in-out; opacity:0; position:absolute; left:0; top:0}
.hmc5Imgs img.on{opacity:1;}
.hmc5Btns{width:100%; height:100%; position:absolute; left:0; top:0;}
.hmc5btn{ background: url(../images/hmc5_num1.png) no-repeat center center; display: block; height: 82px; width: 82px; position: absolute; }
.hmc5icon{ display:inline-block; height: 54px; width: 54px; position: relative; font-size:0; }
.hmc5icon img{transition:all 0.5s ease-in-out; position:absolute; left:0; top:0;}
.hmc6txt p { font-size: 16px; line-height: 22px; padding-left: 8px; white-space:nowrap; margin-top:-2px; padding-right:8px; }
.hmc5btn:hover .hmc5icon img{opacity:0;}
.hmc5btn:hover .hmc5icon img.iOpacity{opacity:1;}
.hmc6txt{ position: absolute; }
.hmc5btn1{ left: 421px; top: 17px; }
.hmc5btn1 .hmc6txt{ left: 122px; top: -3px; }
.hmc5btn2{ right: 421px; top: 17px; background: url(../images/hmc5_num2.png) no-repeat center center; }
.hmc5btn2 .hmc6txt{ right: 122px; top: -3px; text-align:right }
.hmc5btn3{ right: 532px; top: 258px; background: url(../images/hmc5_num3.png) no-repeat center center; }
.hmc5btn3 .hmc6txt{ right: 122px; top: -12px; text-align:right }
.hmc5btn4{ right: 415px; top: 478px; background: url(../images/hmc5_num4.png) no-repeat center center; }
.hmc5btn4 .hmc6txt{ right: 122px; top: -17px; text-align:right }
.hmc5btn5{ left: 415px; top: 478px; background: url(../images/hmc5_num5.png) no-repeat center center; }
.hmc5btn5 .hmc6txt{ left: 122px; top: -17px;}
.hmc5btn6{ left: 532px; top: 258px; background: url(../images/hmc5_num6.png) no-repeat center center; }
.hmc5btn6 .hmc6txt{ left: 122px; top: -12px;}
.hmc5btn6:hover{ color:#1CB2E3}
.hmc5btn5:hover{ color:#F44444}
.hmc5btn3:hover{ color:#BD26EF}
.hmc5btn2:hover{ color:#E5AA07}
@media (max-width:1199px){
.hmc5Box{ transform:scale(0.9);}
}
@media (max-width:993px){
.hmCon6wpr{padding-top:50px;}
.hmc5Box{ transform:scale(0.66);}
.hmc6txt p{font-size:18px;}
.hmc5Box{margin-top:-60px; margin-bottom:0}
.hmCon6wpr{background-size:auto 80px;}
}
@media (max-width:767px){
.hmc5Imgs{display:none;}
.hmc5Box:before{display:none;}
.hmc5Box{margin-top:20px; transform:scale(1); width:100%;}
.hmc5Btns{position:static; overflow:hidden}
.hmc5btn {display:block!important; position:relative!important; left:auto!important; top:auto!important; bottom:auto!important; right:auto!important; margin-bottom:25px;}
.hmc6txt{position:relative;left:auto!important; text-align:center!important; top:auto!important; bottom:auto!important; right:auto!important;}
.hmc5btn{background-size:66px auto; padding-left:0px; background:none!important; background-position:left center; display:block; width:50%!important; float:left; margin-bottom:15px!important;}
.hmc5Box{height:auto; padding-bottom:35px;}
.hmc6txt p{font-size:15px; line-height:24px; transform:translateY(-5px); font-weight:bold; margin-top:5px;}
.hmc5btn .hmc5icon img{opacity:0;}
.hmc5btn .hmc5icon img.iOpacity{opacity:1;}
.hmc5btn6{ color:#1CB2E3}
.hmc5btn5{ color:#F44444}
.hmc5btn3{ color:#BD26EF}
.hmc5btn2{ color:#E5AA07}
.hmc5btn1,.hmc5btn4{color:#8fc320}
.hmCon6wpr{background-position:-190px bottom;}
}


.hmCon7wpr{ padding: 3.9vw 0px 5.2vw; background: url(../images/hmc8bg.png) no-repeat center bottom; }
.hmc7Box{ margin-top: 1.3vw; height:558px; position:relative; }
.hmCon7wpr .hmTbox{text-align:center;}
.hmc7Box .overflowHide{ position:absolute; left:0; top:0;}
.hmc7Rx{ margin-left:522px;}
.hmc7mBox{ text-align: right; height: 36px; }
.hmc7mBox a{ color: #FFF; background: #F5B401; display: inline-block; padding: 0px 20px; font-size: 14px; line-height: 36px; height: 36px; }
.hmc7mBox a:hover{ color:#fff;}
.hmc7Sollbox{ height: 460px; margin-top: 14px; overflow:hidden; position:relative; z-index:3; }
.hmc7ul li{ position:relative;}
.hmc7ul li:after{content:""; background:#DFDFDF; height:1px; position:absolute; left:65px; right:40px;}
.hmc7_sBox{ display: block; padding: 23px 40px 26px 65px; }
.hmc7_sBox:hover{ background:#8FC320; color:#fff;}
.hmc7_sBox strong{ font-size: 18px; font-weight: normal; line-height: 30px; height: 30px; margin-bottom: 10px; display:block; }
.hmc7_sBox p{ font-size: 13px; line-height: 28px; max-height:56px; overflow:hidden; }
@media (max-width:1199px){
.hmc7_sBox{padding:23px 20px 26px 35px;}
.hmc7ul li:after{left:35px; right:20px;}
}
@media (max-width:993px){
.hmCon7wpr{padding-top:50px;}
.hmc7_aBox{width:350px;}
.hmc7_aBox img{width:350px; height:auto;}
.hmc7Rx{margin-left:322px;}
.hmc7Sollbox{ height: 280px;}
.hmc7Box{height:380px;}
}
@media (max-width:767px){
.hmc7_aBox{width:100%; float:none; display:block; position:relative; margin-bottom:0px;}
.hmc7Box .overflowHide{position:relative;}
.hmc7Rx{margin-left:0; padding-bottom:60px; position:relative;}
.hmc7Box{height:auto;}
.hmc7mBox{position:absolute; left:0; width:100%; text-align:center; bottom:0;}
.hmc7_sBox{padding:15px 0 15px 0;}
.hmc7_sBox strong{font-size:16px; font-weight:bold; line-height:28px; height:28px; margin-bottom:5px;}
.hmc7ul li:after{left:0; right:0;}
.hmc7_sBox p{font-size:12px; line-height:24px; max-height:72px;}
.hmCon7wpr{ padding-bottom:60px;}
}
/* 美术馆单加样式 */
.artSpecial .nowPro{
    padding-bottom: 138px;
}
.artSpecial .nowImg{
    margin-top: 15px;
    margin-bottom: 15px;
    height: 332px;
}
.artSpecial .nowPro li{
    width: 50%;
}

.artSpecial h1{font-size: 56px;}
.artSpecial h2{font-size: 40px;}
.artSpecial strong{font-size: 32px;}
.artSpecial p{font-size: 24px;font-weight: bold;}
.artSpecial span{font-size: 32px;}
.artSpecial .title{font-size: 24px;}
.artSpecial .subTitle{font-size: 20px;}
.artSpecial .dateWrap{padding-left: 45%;margin-top: 1%;}

@media (max-width:767px) {
    .artSpecial h1{font-size: 56px;}
    .artSpecial h2{font-size: 40px;}
    .artSpecial strong{font-size: 30px;}
    .artSpecial p{font-size: 20px;}
    .artSpecial span{font-size: 30px;}
    .artSpecial .title{font-size: 28px;}
    .artSpecial .subTitle{font-size: 18px;}
    
}

.hmCon4Wpr .container .head {
  display: flex;
  align-items: center;
}

.hmCon4Wpr .container .more {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-top: auto;
  cursor: pointer;
}
.hmCon4Wpr .container .more span {
  font-size: 16px;
  line-height: 24px;
  color: #45abc2;
}
.hmCon4Wpr .container .more img {
  margin-left: 24px;
  width: 14px;
  height: 12px;
}