.headerWpr{ height:90px; position:fixed; z-index:10; top:0; left:0; width:100%; transition:all 0.5s ease-in-out;}
.hmBandes{display:none!important;}
.header{}

.headerWpr.out{ opacity:0; transform:translateY(-110px); visibility:hidden;}

.headerWpr.down{ background:#fff; border-bottom:1px solid #DCDCDC;}

.logo{ float:left; margin-top:16px; position:relative;}

.logo img{ transition:all 0.5s ease-in-out; height:92px;}

.logo img.iOpacity{ position:absolute; left:0; top:0;}

.headRx{ float:right; width:1245px; transition:all 0.5s ease; padding-top:38px;}

.nav{ float:left;}

.nav li{ padding: 0px 6px; float:left; position:relative; }

.nav_a{ font-size: 16px; letter-spacing: 1px; line-height: 90px; display: inline-block; padding: 0px 18px; position: relative; color: #231815; }

.nav_a:hover,.nav_a.on{color:#231815;}

.nav_a:after{content:""; height:1px; background:#231815; transition:all 0.5s ease-in-out; left:50%; transform:translateX(-50%); width:0%; position:absolute; bottom:25px; z-index:2;}

.nav_a.on:after,.nav_a:hover:after{width:100%}

.subMenu{ position: absolute; left:50%; width: 200px; top: 90px; text-align:left; background: #fff; opacity: 0; visibility: hidden; padding-bottom:15px; margin-left:-100px; transition:all 0.5s ease; transform:scaleY(0); transform-origin:center top; border-radius:0.3em; padding-top:15px; }

.subMenu:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:50%; margin-left:-4px; top:-8px;}

.nav li:hover .subMenu,.nav li:hover .proMenuWpr{ opacity:1; visibility:visible; transform:scale(1);}

.subMenu_a{ display: block; line-height: 24px; padding: 16px 60px 16px 30px; font-size: 16px; letter-spacing: 1px; position:relative; transition:all 0.3s ease-in-out; z-index:1; }

.subMenu_a:before{content:"";background:#231815; position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}

.subMenu_a:hover:before{ width:100%;}

.subMenu p{ position:relative;}

.subMenu p:before{content:""; height:1px; background:#E6E6E6; position:absolute; left:25px; right:25px; top:0px}

.subMenu p:nth-child(1):before{display:none;}

.subMenu_a:hover{color:#fff;}

.subMenu_a span{display:block; position:relative;}

.subMenu_a i{ background: url(404.png) no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 26px; transition:all 0.8s ease-in-out; transform:translateX(-45px); opacity:0; background-size:18px auto;}

.subMenu_a:hover i{ transform:translateX(0); opacity:1;}

.pc_serBtn{ background: url(404.png) no-repeat right center; float: left; height: 18px; margin-top: 43px; border-left: 1px solid rgba(255,255,255,0.3); width: 46px; margin-left:20px; transition:all 0.5s ease-in-out; }



.headerWpr.down .headRx{padding-top:0;}

.headerWpr.down .logo{margin-top:14px;}

.headerWpr.down .logo img{height:60px; width:auto;}

.headerWpr.down .nav_a{color:#333; font-weight:normal}

.headerWpr.down .pc_serBtn{ background: url(404.png) no-repeat right center; border-style: none; margin-left:0}

.headerWpr.down .pc_serBtn:hover{ background: url(404.png) no-repeat right center; }

.headerWpr.down .subMenu{ border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-radius:0; top:99px; }

.header_tel{ float: right; font-size: 16px; line-height: 90px;}

@media (max-width:1799px){

.logo{ margin-top:11px;}

.logo img{}

.headerWpr{height:80px;}

.nav_a{ font-size: 16px; line-height: 80px; }

.pc_serBtn{margin-top:33px;}

.subMenu{top:80px;}

.headerWpr.down .subMenu{top:79px;}

.subMenu_a{font-size:15px;}

.nav_a{padding:0 12px;}

.headRx{width:1010px;}

.headerWpr.down .logo{margin-top:12px;}

.header_tel{line-height:80px;}

.nav li{padding:0 4px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.headerWpr.down .container{padding:0 25px;}

.nav li{padding:0;}

.nav_a{padding:0 8px;}

.headRx{width:822px;}

}

@media (max-width:993px){



}

@media (max-width:767px){



}





.hmFocusWpr{position:relative;}

.hmFocus{ height:100vh;}

.hmFocus_item { height: 100vh; position: relative; overflow: hidden; }

.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }

.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(404.png) repeat-x left top; background-size:auto 100%; }

.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(404.png) repeat-x left bottom; }

.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}

.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:left;}

.hmBan_txt strong{ font-size: 48px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 56px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; position: relative; margin-bottom: 68px; }

.hmBan_txt strong:after{ content: ""; background: #231815; height: 2px; width: 98px; position: absolute; left: 0px; bottom: -28px; display:none!important; }

.hmBan_txt p{ font-size: 24px; line-height: 42px; margin-top: 20px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; display: block; }

.active .hmBan_txt strong{ opacity:1; transform:translateY(0);}

.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}

.hmBandes{ width:780px; text-align:left; display:inline-block; padding-right:68px;}

.hmBan_txt2{ text-align:right;}

.hmFocus .slick-dots{bottom:58px; height:16px;}

.hmFocus .slick-dots li button{display:none;}

.hmFocus .slick-dots li { background: #BBBBBB; display: inline-block; height: 16px; width: 16px; margin: 0px 6px; position: relative; border-radius: 50%; vertical-align: middle }

.hmFocus .slick-dots li.slick-active{ background: #676767; }

@media (max-width:1799px){

.hmBan_txt strong{ font-size: 40px; line-height: 50px; margin-bottom:50px; }

.hmBan_txt strong:after{ width: 88px; bottom: -20px; }

.hmBan_txt p{ font-size: 20px; line-height: 36px; margin-top: 16px; }

.hmBandes{ width:660px; padding-right:58px;}

.hmFocus .slick-dots{bottom:40px; height:12px;}

.hmFocus .slick-dots li {height: 12px; width: 12px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.hmBandes{ width:560px; padding-right:28px;}

}

@media (max-width:993px){

.wrapper{padding-top:56px;}

.hmFocus{ height:auto;}

.hmFocus_item { height: auto;}

}

@media (max-width:767px){

.hmFocus .slick-dots{bottom:30px; height:10px;}

.hmFocus .slick-dots li {height: 10px; width: 10px;}

}





.hmCon1{ position:relative; height:57.81vw;display:flex; flex-direction:column; justify-content:center;}

.hmc1EnTxt{ background: url(../image/hmc2bg_txt.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover;}

.hmCon1 .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}

.hmCon1 .bgImg:after{ content: ""; background: url(../image/hmc2bgLay.png) no-repeat center bottom; height: 8.22vw; position: absolute; left: 0px; right: 0px; bottom: 0px; background-size:auto 8.22vw; }

.hmCon1 .container{position:relative; z-index:1;}

.hmc1txt{ font-size: 18px; line-height: 30px; letter-spacing:1px; padding-bottom:9.37vw; opacity:0!important}

.hmpt{ font-size: 3.12vw; letter-spacing: 0.31vw; line-height: 3.64vw;}

.hmc1des{ margin-top:20px;}

.hmCon2{ margin-top: -4.47vw; position: relative; z-index: 1; padding-bottom: 4.42vw; }

.hmCon2 .hmpt{text-align:center;}

.hmc2items{ margin-top:2.6vw; text-align:center;}

.hmc2sx{ height: 80px; background: #FBFBFB; margin: 0px 44px; padding: 13px 0px 0px 100px; width: 250px; display:inline-block; vertical-align:middle; border-radius:0.6em; position:relative; transition:all 0.5s ease; text-align:left;}

.hmc2sx img{ position:absolute; left:25px; top:12px; transition:all 0.5s ease;}

.hmc2sx:hover img{ transform:rotateY(180deg);}

.hmc2sx:hover{box-shadow:0 3px 8px rgba(0,0,0,0.1); transform:translateY(-5px);}

.hmc2sx strong{ font-size: 22px; font-weight: bold; letter-spacing: 2px; display: block; line-height: 30px; }

.hmc2sx p{ font-size: 14px; line-height: 24px; text-transform: uppercase; color: #7D7D7D; }

.hmCon3{ padding-top:315px; position:relative;}

.hmc3map{ height:655px; background:#faf9f8; width:100%; position:absolute; left:0; top:0; z-index:1;}

.hmc3box{ position:relative; border-radius:1.2em; box-shadow:0 2px 12px rgba(0,0,0,0.1); background:#fff; overflow:hidden; max-width:1200px; margin-left:auto; margin-right:auto; display:flex;}

.hmc3logo{ height:438px; width:454px; background:#D3D3D3; position:relative;}

.hmc3logo img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.hmc3rx{ width:calc(100% - 454px); padding:0 152px 0 92px;display:flex; flex-direction:column; justify-content:center;}

.hmc3rx li{ padding-left:30px; margin-bottom:8px; position:relative; line-height:24px; font-size:16px; color:#707070}

.hmc3rx li img{ position:absolute; left:0; top:3px;}

.hmc3rx li strong{ width: 80px; float: left; font-weight: normal; }

.hmc3rx li p{ margin-left:80px;}

.hmCon3 .container{position:relative; z-index:2;}

.hmBmEx{height:68px;}

.footer{ font-size: 15px; line-height: 26px; background: #D3D3D3; color:#fff; padding: 15px 0px; letter-spacing: 1px; text-align: center; margin-bottom:75px; }

.footer a{color:#fff!important;}

@media (max-width:1799px){

.hmc1txt{font-size:16px;}

.hmc2sx strong{font-size:20px;}

.hmc3box{max-width:1000px;}

.hmc3logo{width:400px; height:380px;}

.hmc3rx{ width:calc(100% - 380px); padding:0 122px 0 62px}

.footer{margin-bottom:60px; font-size:12px; line-height:20px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.hmc2sx{margin:0 10px;}

}

@media (max-width:993px){

.hmCon2{margin-top:2vw;}

.hmc2sx{margin-bottom:20px;}

.hmc3logo{width:250px;}

.hmc3logo img{max-width:80%;}

.hmc3rx{ width:calc(100% - 250px); padding:0 52px 0 32px}

}

@media (max-width:767px){

.hmCon1{height:300px;}

.hmpt{font-size:24px; line-height:30px;}

.hmc1txt{font-size:14px; line-height:26px;}

.hmc1des{margin-top:10px;}

.hmCon1 .container{ width:100%;}

.hmCon2{margin-top:35px; padding-bottom:35px;}

.hmc2items{margin-top:25px;}

.hmc3logo{display:none;}

.hmc3rx{width:100%; padding:35px 20px;}

.hmc3rx li{font-size:14px; line-height:22px;}

.hmc3rx li strong{width:70px;}

.hmc3rx li p{margin-left:70px;}

.footer{margin-bottom:0px;}

.hmc3map{height:560px;}

.amap-controls{display:none!important;}

.hmBmEx{height:48px;}

}





.m2banner{ position:relative;}

.m2banSwiper{}

.m2banSwiper .bgImg{ height:36.45vw}
.m2banSwiper2 .bgImg{ max-height:500px}

.m2abtPage{padding-top:65px;}

.m2abt_vx{ max-width:820px; margin:0 auto;}

.m2abt_vx video{width:100%; height:auto;}

.m2abtCon1{ font-size: 18px; line-height: 36px; text-align: center; padding-top: 4.58vw; }

.m2abtul{ margin: 0px -8px; }

.m2abtul li{ padding: 0px 8px; float: left; width: 33.33%; }

.m2abtul li .overflowHide{ height:370px; border-radius:0.2em;}

.m2abtCon2{ margin: 6.25vw 0px 4.06vw; }

.m2abt_c2lx{ float: left; width: 50%; height: 438px; font-size: 16px; line-height: 28px; color: #FFF; position:relative; background-size:cover; }

.m2abt_bdes{position:absolute; left:0; top:50%; transform:translateY(-50%); right:0; padding: 0 20px;}

.m2abt_c2rx strong{ letter-spacing:1px;}

.m2abt_c2rx p{ font-size: 14px; font-weight: 100; text-transform: uppercase; margin-top:5px; }

.m2abt_c2rx{ float: right; width: 50%; background: #F6F6F6; height: 390px; margin-top: 24px; padding: 0px 20px 0px 20px; position:relative; font-size: 16px; line-height: 28px;  }

@media (max-width:1799px){

.m2abtCon1{font-size:16px; line-height:32px;}

.m2abtul li .overflowHide{height:290px;}

.m2abt_c2lx{font-size:15px; line-height:26px; height:408px;}

.m2abt_c2rx{font-size:15px; line-height:26px;}

.m2abt_c2rx{height:360px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.m2abt_c2lx{background-position:calc(100% + 100px) center;}

}

@media (max-width:993px){

.m2abtul li .overflowHide{height:180px;}

.m2abt_c2lx{width:100%; float:none;}

.m2abt_c2rx{width:100%; float:none; margin-top:0}

.m2abtCon2{margin-top:50px; margin-bottom:60px;}

}

@media (max-width:767px){

.m2banSwiper .bgImg{height:200px;}

.m2abtPage{padding-top:50px;}

.m2abtCon1{font-size:14px; line-height:28px;}

.m2abtul li{width:100%; margin-bottom:20px;}

.m2abtul li:last-child{margin-bottom:0;}

.m2abtul li .overflowHide{height:215px;}

.m2abt_c2lx{display:block; height:auto; padding-left:15px; padding-right:15px;}

.m2abt_c2rx{display:block; height:auto;}

.m2abt_bdes{position:static; transform:translateY(0); padding:50px 0px;}

}





.m2mbCon1{ padding: 62px 30px 68px; }

.m2mbPt{ line-height: 50px; font-size: 40px; font-weight: normal; letter-spacing: 5px; text-align: center; }

.m2mbPt span{ font-weight: 100; }

.m2mbc1ul{display:flex; justify-content:space-between; margin-top:56px;}

.m2mbc1ul li{ width:33.33%; padding:0 60px; text-align:center;}

.m2mbc1ul li span{ display:inline-block;}

.m2mbc1ul li strong{ font-size: 24px; font-weight: normal; display: block; margin-top: 20px; line-height: 60px; }

.m2mbc1ul li p{ font-size: 18px; line-height: 36px; }

.m2mbCon2{ height: 31.71vw; position:relative; background-size:cover; }

.m2mbc2txt{ padding: 47px 0px 58px; text-align: center; position: absolute; width: 100%; left: 0px; top: 50%; transform:translateY(-50%); background:rgba(255,255,255,0.4);}

.m2mbc2txt p{ margin-top: 32px; font-size: 18px; line-height: 36px; text-align:center;}

.m2mbCon3{ padding: 4.27vw 0px 3.75vw; overflow:hidden; }

.m2mb_c3txt{ font-size: 18px; line-height: 36px; margin: 1.56vw 0px 3.22vw; text-align:center; max-width:1220px; margin-left:auto; margin-right:auto;}

.m2mbImgs{ margin: 0px -6px; }

.m2mbImgs dd{ padding: 0px 6px; float: left; width: 20%; }

.m2mbImgs dd .overflowHide{ height: 13.54vw; border-radius:0.2em;}

@media (max-width:1799px){

.m2mbPt{ line-height: 40px; font-size: 32px; letter-spacing: 4px;}

.m2mbc1ul{ margin-top:40px;}

.m2mbc1ul li{padding:0 30px; }

.m2mbc1ul li span{ width:220px;}

.m2mbc1ul li strong{ font-size: 22px; margin-top: 15px; line-height: 50px; }

.m2mbc1ul li p{ font-size: 16px; line-height: 32px; }

.m2mbc2txt{ padding: 35px 0px 42px;}

.m2mbc2txt p{ margin-top: 25px; font-size: 16px; line-height: 32px;}

.m2mb_c3txt{ font-size: 16px; line-height: 32px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.m2mbc1ul li{padding:0 15px;}

}

@media (max-width:993px){

.m2mbPt{font-size:28px; letter-spacing:2px;}

.m2mbCon2{height:52vw;}

.m2mbCon3{padding:50px 0 60px;}

}

@media (max-width:767px){

.m2mbCon1{ padding: 50px 0px 48px; }

.m2mbPt{font-size:22px; line-height:36px;}

.m2mbc1ul{margin-top:25px; display:block; overflow:hidden;}

.m2mbc1ul li{width:100%; padding-top:20px; padding-left:0; padding-right:0}

.m2mbc1ul li strong{font-size:20px; line-height:38px;}

.m2mbc1ul li p{font-size:14px; line-height:26px;}

.m2mbc2txt{position:static; transform:translateY(0)}

.m2mbCon2{height:auto;}

.m2mbc2txt p{margin-top:10px; line-height:24px; font-size:14px;}

.m2mbc2txt{padding:25px 0; background:rgba(255,255,255,0.8);}

.m2mbCon2{padding:70px 0; background-position:center center;}

.m2mb_c3txt{font-size:14px; line-height:26px;}

.m2mbImgs{margin-top:25px; margin-left:6px; margin-right:6px;}

.m2mbImgs dd{width:50%; margin-bottom:12px;}

.m2mbImgs dd .overflowHide{height:120px;}

}





.m2wkItems{ text-align:center; padding:3.22vw 0; font-size:0;}

.m2wkItems .container{padding:0 5px;}

.m2wk_item{ margin: 0px 9px; height: 188px; border: 1px solid #D3D3D3; position: relative; display: inline-block; width: 162px; padding-top: 7px; transition:all 0.5s ease; }

.m2wk_item i{ display:block; position:absolute; left:0; top:0; right:0; bottom:0;}

.m2wk_item:before{ content: ""; height: 20px; width: 20px; border-top: 3px solid #D3D3D3; border-left: 3px solid #D3D3D3; position: absolute; left: -1px; top: -1px; }

.m2wk_item:after{content:""; height: 20px; width: 20px; border-top: 3px solid #D3D3D3; border-right: 3px solid #D3D3D3; position: absolute; right: -1px; top: -1px; }

.m2wk_item i:before{content:""; height: 20px; width: 20px; border-bottom: 3px solid #D3D3D3; border-left: 3px solid #D3D3D3; position: absolute; left: -1px; bottom: -1px; }

.m2wk_item i:after{content:""; height: 20px; width: 20px; border-bottom: 3px solid #D3D3D3; border-right: 3px solid #D3D3D3; position: absolute; right: -1px; bottom: -1px;}

.m2wk_item span{ display:block;}

.m2wk_item span img{transition:all 0.5s ease;}

.m2wk_item:hover span img{transform:rotateY(180deg);}

.m2wk_item:hover {transform:translateY(-10px);}

.m2wk_item p{ font-size: 18px; color: #666666; line-height: 36px; letter-spacing: 1px; margin-top: 4px; }

.m2wkCon{overflow:hidden; margin-bottom:3.64vw;}

.m2MrImgs{ margin: 0px -6px; }

.m2MrImgs dd{ padding: 0px 6px; float: left; width: 16.666%; }

.m2MrImgs dd .overflowHide{ height:21.45vw;}

@media (max-width:1799px){

.m2wk_item p{font-size:16px;}

.m2wk_item{ margin: 0px 6px; height: 158px; width: 132px;}

.m2wk_item span img{width:95px; height:auto;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.m2wk_item{width:108px;}

}

@media (max-width:993px){

.m2wkItems{padding:50px 0;}

.m2wk_item{width:80px;}

}

@media (max-width:767px){

.m2wk_item{width:100px; margin-bottom:12px; height:122px;}

.m2wk_item span img{width:66px; height:auto;}

.m2wkItems{padding-bottom:40px;}

.m2wkCon{margin-bottom:50px; margin-left:12px; margin-right:12px;}

.m2MrImgs dd{width:50%; margin-bottom:12px;}

.m2MrImgs dd .overflowHide{height:200px;}

}





.m2nul{ margin: 25px 0px 40px; }

.m2nul li{}

.m2naBox{ display: block; padding: 20px 0px; }

.m2naBox:hover{ background:#F2F2F2;}

.m2naBox .container{max-width:1266px; overflow:hidden;}

.m2naBox .overflowHide{ float: left; height: 224px; width: 386px; } 

.m2nRx{ margin-left: 422px; padding-top: 4px; }

.m2nRx strong{ letter-spacing:1px; font-size: 20px; line-height: 60px; display: block; height: 61px; border-bottom: 1px solid #D3D3D3; font-weight: normal; }

.m2nRx span{ font-size: 15px; line-height: 52px; }

.m2nRx p{ font-size: 15px; line-height: 30px; color: #888888; height: 60px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.pages{ text-align: center; height: 48px; margin-bottom:3.64vw;}

.page_a{ display: inline-block; text-align: center; min-width: 48px; height: 48px; padding: 0 12px; line-height: 46px; border: 1px solid #D3D3D3; border-radius: 0.2em; margin: 0 5px; font-size: 15px; }

.page_a:hover,.page_a.on{ color: #FFF; background: #231815; border: 1px solid #231815; }

@media (max-width:1799px){

.pages{ height: 40px;}

.page_a{ min-width: 40px; height: 40px; padding: 0 10px; line-height: 38px;font-size: 14px; }

}

@media (max-width:1379px){



}

@media (max-width:1199px){



}

@media (max-width:993px){

.m2naBox .overflowHide{width:336px;}

.m2nRx{margin-left:362px;}

.pages{margin-bottom:60px;}

}

@media (max-width:767px){

.m2naBox .overflowHide{width:100%; float:none; height:205px;}

.m2nRx{margin-left:0;}

.m2nRx strong{font-size:17px;}

.m2nRx p{font-size:14px; line-height:24px; height:auto; max-height:72px;-webkit-line-clamp: 3;}

.m2nRx span{line-height:42px;}

.m2nul{margin-bottom:15px;}

.page_a{ min-width: 36px; height: 36px; padding: 0 10px; line-height: 34px;font-size: 13px; }

}





.m2posWpr{ line-height: 54px; font-size: 15px; color: #888888; }

.m3nWpr{ background:#F9F9F9; padding-bottom: 3.64vw; }

.m3nCon{ background: #FFF; padding: 2.81vw 6.25vw 35px; box-shadow:0 3px 10px rgba(0,0,0,0.07);}

.m3nt{ font-size: 30px; line-height: 40px; font-weight: normal; letter-spacing: 1px; text-align: center; display: block;}

.m3ntm{ font-size: 15px; color: #888888; line-height: 28px; margin: 16px 0px 30px; text-align:center; }

.m3nEditor{ font-size: 15px; line-height: 30px; padding-bottom:2vw; }

.m3npages{ margin-top:2.16vw;}

.m3npages p{ font-size: 15px; line-height: 32px; height: 32px; }

@media (max-width:1799px){



}

@media (max-width:1379px){



}

@media (max-width:1199px){



}

@media (max-width:993px){

.m3nCon{padding-top:50px}

.m3nWpr{padding-bottom:60px;}

}

@media (max-width:767px){

.m2posWpr{font-size:14px; line-height:24px; padding:18px 0;}

.m3nCon{padding:30px 15px 20px;}

.m3nt{font-size:22px; line-height:34px;}

.m3ntm{margin:10px 0px 18px;}

}





.m3tmBoxWpr{ padding: 3.22vw 0px 3.75vw; }

.m3tmBox{ background: url(../image/m2tm_bg.jpg) no-repeat center center; height: 47.91vw; background-size: cover; position: relative; padding:; padding: 4.68vw 3.12vw 0px 32.81vw; }

.m3tm_tnms{ height: 210px; width: 90px; position: absolute; left: 24.84vw; top: 7.96vw; background: url(../image/m3tm_pnm.png) repeat-x left top; padding: 15px 0px 0px 6px; }

.m3tm_tnms strong{ font-size: 30px; line-height: 36px; font-weight: normal; text-align: center; width: 46px; float: left; position: relative; }

.m3tm_tnms strong:after{content:""; background:#231815; position:absolute; right:0; top:6px; bottom:2px; width:1px;}

.m3tm_tnms p{ width: 20px; margin-left: 6px; text-align: center; font-size: 15px; line-height: 20px; display:flex;flex-direction:column-reverse;  height: 108px; float:left;}

.m3tmTxt{ font-size: 15px; line-height: 30px; max-height:36.19vw; overflow-y:auto; padding-right:20px; margin-right:-20px;}

.m3tmPimg{ width:29.16vw; position:absolute; left:1.14vw; bottom:-153px;}

.m3tmPimg img{}

.m3tmRys{ margin-top:-100px; position:relative; z-index:1; padding:20px 55px 0; height:250px; background:rgba(0,0,0,0.5);}

.m3tmRys dd{ padding:0 2px;}

.m3tmRys .slick-dots{bottom:20px; left:0}

.m3tmRys .slick-dots li button{display:none;}

.m3tmRys .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 12px; width: 12px; margin: 0px 10px; position: relative; border-radius:50%; vertical-align:middle}

.m3tmRys .slick-dots li.slick-active{ background: #fff;}

.m3tmRys .slick-prev{ background: url(../image/m2tmBtn.png) no-repeat center center; display: inline-block; height: 46px; width: 24px; position: absolute; left: 17px; top: 88px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; transition:all 0.5s ease; opacity:0.6; }

.m3tmRys .slick-next{background: url(../image/m2tmBtn.png) no-repeat center center; display: inline-block; height: 46px; width: 24px; position: absolute; right: 17px; top: 88px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.6;}

.m3tmRys .slick-prev:hover,.m3tmRys .slick-next:hover{background-image:url(../image/m2tmBtn.png); opacity:1;}

@media (max-width:1799px){

.m3tmBox{padding-left:34vw;}

.m3tmRys{height:210px;}

.m3tmRys .slick-prev,.m3tmRys .slick-next{top:68px;}
.m3tmPimg{bottom:-113px;}
}

@media (max-width:1379px){



}

@media (max-width:1199px){

.m3tm_tnms strong{font-size:24px;}

.m3tmRys{height:180px; margin-top:-70px;}
.m3tmTxt{max-height:33vw;}
}

@media (max-width:993px){

.m3tmPimg{width:25vw;}

.m3tm_tnms{left:19.84vw;}

.m3tmRys{height:150px;}

.m3tmRys .slick-prev, .m3tmRys .slick-next{top:48px;}

.m3tmBoxWpr{padding:40px 0 65px;}
.m3tmRys{height:180px; margin-top:-40px;}
.m3tmPimg {bottom: -143px;}
}

@media (max-width:767px){

.m3tmBox{padding:40px 15px 40px;}

.m3tm_tnms{position:static; width:auto; height:auto; background:none; padding:0; margin-bottom:15px;}

.m3tm_tnms strong{float:none; width:auto; height:auto; text-align:center; display:block;}

.m3tm_tnms p{float:none; width:auto; height:auto; text-align:center; margin-left:0}

.m3tmBox{height:auto;}

.m3tmTxt{max-height:none; padding-right:15px; font-size:14px; line-height:26px;}

.m3tm_tnms strong:after{display:none;}

.m3tmPimg{display:none;}

.m3tmRys{margin-top:0;}

.m3tmRys{height:220px;}

.m3tmRys .slick-prev, .m3tmRys .slick-next{top:72px; transform:scale(0.8)}

.m3tmRys .slick-next{transform:scale(0.8) rotateY(180deg);}

.m3tmRys .slick-dots li {height: 8px; width: 8px; margin: 0px 6px;}

}





.m2teamPage{ padding-top: 60px; }

.m2tmul{ margin-bottom: 50px; }

.m2tmul li{ margin-bottom: 20px; }

.m2tmaBox{ display:block; overflow:hidden; box-shadow:0 1px 10px rgba(0,0,0,0.08);}

.m2tmaBox:hover{transform:translateY(-5px);}

.m2tmaBox .overflowHide{ width:360px; height:450px; float:left;}

.m2tmRx{ margin-left: 382px; padding: 12px 54px 0px 0px; }

.m2tmpinfo{ margin-bottom: 3px; }

.m2tmpinfo strong{ font-size: 20px; line-height: 38px; letter-spacing: 1px; display: block; position: relative; width:auto;}

.m2tmpinfo strong:after{ content: ""; background: #231815; height: 1px; width: 30px; position: absolute; left: 0px; bottom: 0px; }

.m2tmpinfo p{ font-size: 15px; line-height: 28px; }

.m2tmRx_txt{ font-size: 15px; line-height: 30px; overflow-y: auto; height:330px; padding-right:20px; margin-right:-20px; }

@media (max-width:1799px){



}

@media (max-width:1379px){



}

@media (max-width:1199px){



}

@media (max-width:993px){



}

@media (max-width:767px){

.m2tmaBox .overflowHide{width:100%; float:none;}

.m2tmRx{margin-left:0;}

.m2tmRx_txt{height:auto; margin-right:0; padding-right:0; font-size:14px; line-height:24px;}

.m2tmRx{padding:25px 15px;}

.m2tmpinfo{text-align:center;}

.m2tmpinfo strong:after{ left:50%; margin-left:-15px;}

.m2tmul{ margin-bottom:35px;}

}





.m2pzCon1{ text-align: center; padding: 50px 0px 48px; }

.m2pzCon1 strong{ font-size: 24px; line-height: 36px; font-weight: normal; letter-spacing: 1px; display:block; margin-bottom:3px; }

.m2pzCon1 p{ font-size: 18px; line-height: 36px; }

.m2pzCon2{ padding: 3.12vw 0px 3.64vw; }

.m2pz_c2dl{ overflow:hidden; padding-left:1px;}

.m2pz_c2dl dd{ border:1px solid #D3D3D3; float:left; width:25%; margin-left:-1px;}

.m2pzIco{ height: 285px; background: url(../image/m2pz_bbg.png) no-repeat center bottom; position: relative; background-size:100% auto;}

.m2pz_c2dl dd:nth-child(2n) .m2pzIco{ height:358px}

.m2pzIco img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease; width:140px; height:140px;}

.m2pz_c2dl dd:hover .m2pzIco img{transform:translate(-50%,calc(-50% - 20px)) rotateY(180deg);}

.m2pz_c2dl dd:hover .m2pz_c2txt{transform:translateY(-20px);}

.m2pz_c2txt{ margin-top: 3.54vw; text-align: center; padding: 0px 22px 3.64vw; transition:all 0.5s ease; }

.m2pz_c2txt strong{ font-size: 24px; line-height: 50px; font-weight: normal; letter-spacing: 1px; display: block; }

.m2pz_c2txt strong span{ font-weight:100;}

.m2pz_c2txt p{ font-size: 18px; line-height: 36px; }

@media (max-width:1799px){

.m2pzCon1 strong{ font-size: 22px; line-height: 34px; }

.m2pzCon1 p{ font-size: 16px; line-height: 32px; }

.m2pzIco{ height: 225px;}

.m2pz_c2dl dd:nth-child(2n) .m2pzIco{ height:288px}

.m2pz_c2txt strong{ font-size: 22px; line-height: 42px;}

.m2pz_c2txt p{ font-size: 16px; line-height: 32px; }

.m2pz_c2txt{ padding: 0px 15px 3.64vw; }

.m2pzIco img{width:115px; height:115px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){

.m2pz_c2txt strong{font-size:18px; line-height:32px;}

.m2pz_c2txt p{font-size:15px; line-height:28px;}

}

@media (max-width:993px){

.m2pz_c2dl dd{width:50%; margin-top:-1px;}

.m2pz_c2dl dd:nth-child(2) .m2pzIco{ height:225px}

.m2pz_c2dl{padding-top:1px;}

.m2pzCon2{padding:50px 0 60px;}

.m2pz_c2dl dd:hover .m2pzIco img{transform:translate(-50%,-50%) rotateY(180deg);}

.m2pz_c2dl dd:hover .m2pz_c2txt{transform:translateY(0px);}

}

@media (max-width:767px){

.m2pzCon1{padding: 40px 0px 40px; }

.m2pzCon1 strong{ font-size:18px; line-height:32px;}

.m2pzCon1 p{font-size:14px; line-height:26px;}

.m2MrImgs{margin-left:6px; margin-right:6px;}

.m2pzIco{height:120px!important;}

.m2pz_c2txt p{font-size:14px; line-height:24px;}

.m2pz_c2txt{padding-bottom:25px;}

.m2pz_c2txt strong{margin-bottom:15px; height:auto; margin-bottom:8px; }

.m2pz_c2dl dd{width:100%; height:auto!important;}

.m2pzIco img{width:65px; height:65px;}

}






.mmBmenuWpr{height:100px;}
.mmBmenu{ height:80px; background:#fff; position:fixed; left:15px; right:15px; height:80px; border-radius:0.6em 0.6em 0 0; bottom:0; z-index:12; box-shadow:0 -3px 8px rgba(0,0,0,0.1); overflow:hidden;}
.mmBmenu li{ width:25%; float:left; position:relative;}
.mmBmenu li:after{content:""; background:#E0DEDE; width:1px; position:absolute; right:0; top:15px; bottom:15px;}
.mmBmenu li:last-child:after{display:none;}
.mmBmenu_a{ display:block; padding-top:15px; text-align:center; height:80px; opacity:0.4;}
.mmBmenu_a span{ width:30px; height:30px; display:block; margin:0 auto;}
.mmBmenu_a p{font-size:15px; margin-top:4px;}
.mmBmenu_a:hover{ opacity:1;}
@media (max-width:993px){
.mLogo{position:absolute; left:50%; margin-left:-25px; top:0;}
.mOpenBtn{right:auto; left:15px;}
}


.mmBmenuWpr{height:100px; display:none;}
.mmBmenu{ height:80px; background:#fff; position:fixed; left:15px; right:15px; height:80px; border-radius:0.6em 0.6em 0 0; bottom:0; z-index:12; box-shadow:0 -3px 8px rgba(0,0,0,0.1); overflow:hidden;}
.mmBmenu li{ width:25%; float:left; position:relative;}
.mmBmenu li:after{content:""; background:#E0DEDE; width:1px; position:absolute; right:0; top:15px; bottom:15px;}
.mmBmenu li:last-child:after{display:none;}
.mmBmenu_a{ display:block; padding-top:15px; text-align:center; height:80px; opacity:0.4;}
.mmBmenu_a span{ width:30px; height:30px; display:block; margin:0 auto;}
.mmBmenu_a p{font-size:15px; margin-top:4px;}
.mmBmenu_a:hover{ opacity:1;}
@media (max-width:993px){
.mmBmenuWpr{display:block;}
.mLogo{position:absolute; left:50%; margin-left:-25px; top:0;}
.mOpenBtn{right:auto; left:15px;}
}

 
.menuRx{ position:fixed; right:2.08vw; top:50%; transform:translateY(-50%);  z-index:10; width:60px;}
.menuRx li{ width:60px; height:60px; border:1px solid #ddd; border-radius:50%; background:#fff; cursor:pointer;}
.menuRx li span{ padding:10px 0 0; text-align:center; display:block;}
.menuRx li p{ text-align:center; font-size:12px; color:#7D7D7D}
.menuxImg{ width:180px; height:180px; border:1px solid #e1e5ed; position:absolute; right:75px; top:50%; margin-top:-90px; border-radius:0.4em; background:#fff; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:translateX(-40px);}
.menuxImg img{width:150px; height:150px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.menuxImg:after{ content: ""; background: url(../image/right.png) no-repeat center center; height: 24px; width: 16px; margin-top: -12px; position: absolute; top: 50%; right: -14px; }
.menuRx li:hover .menuxImg{opacity:1; visibility:visible; transform:translateX(0);}