.hmFocusWpr{position:relative;}
.hmFocus_item{position:relative;}
.hmFocus_item .bgImg{ height:calc(100vh - 260px);-webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_item.on .bgImg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmFsBtns{ opacity:0; transform:translate(0,80px); transition:all 0.8s ease-in-out}
.hmFsTxt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; color: #FFF; padding-bottom:80px; }
.hmFocus{position:relative; overflow:hidden}
.hmFocus .slick-prev{  display: inline-block; height: 67px; width: 67px; margin-top: -33px; position: absolute; left: 58px; top: 50%; z-index: 2; cursor: pointer; text-indent: 1000px; white-space: nowrap; overflow:hidden; transition:all 0.5s ease-in-out; opacity:0.3 }
.hmFocus .slick-next{  display: inline-block; height: 67px; width: 67px; margin-top: -33px; position: absolute; right: 58px; top: 50%; z-index: 2; cursor: pointer; text-indent: 1000px; white-space: nowrap; overflow:hidden; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3 }
.hmFocus .slick-dots{ height: 14px; bottom: 56px; text-align: center; }
.hmFocus .slick-dots li{ height: 14px; width: 14px; border: 2px solid rgba(255,255,255,0.6); margin: 0px 4px; border-radius:50%;}
.hmFocus .slick-dots li.slick-active{ background: #2EA5FD; border: 2px solid #2EA5FD; }
.hmFocus .slick-dots li button{ display: none;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{opacity:1;}
.hmFsTxt strong{ font-size: 38px; line-height: 50px; display: block; margin-top: 10px; opacity:0; transform:translate(0,60px); transition:all 0.8s ease-in-out; font-weight:600; letter-spacing:2px; color: #000000 }
.hmFsTxt p{ font-size: 24px; line-height: 66px; display: block; margin-top: 10px; opacity:0; transform:translate(0,60px); transition:all 0.8s ease-in-out; font-weight:normal; letter-spacing:2px; color: #000000 }
.hmFsBtns{ margin-top:2.8vw; opacity:0; transform:translate(0,60px); transition:all 0.8s ease-in-out }
.hmFsBtns a {color: #000; border:0 solid #000;background:#fff; text-align: center;height: 46px;width: 150px;font-size: 16px;display: inline-block;line-height: 46px;}
.hmFsBtns a:nth-child(2){ border:0 solid #fff; background:#e31613; color:#fff; margin-left:24px;}
.hmFsBtns a *{vertical-align:middle;}
.hmFsBtns a{transition:all 0.5s ease-in-out;}
.hmFsBtns a:hover{transform:translateY(-8px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.on .hmFsBtns{ opacity:1; transform:translate(0,0); transition-delay:0.4s}
.on .hmFsTxt strong{ opacity:1; transform:translate(0,0); transition-delay:0.15s}
.on .hmFsTxt p{ opacity:1; transform:translate(0,0); transition-delay:0.5s}
.hmFocusWpr .ope{position: absolute;bottom: 65px;left:auto;left:calc((100% - 1440px)/2);font-size: 0; z-index:3}
.hmFocusWpr .ope ul {display: inline-block;vertical-align: middle;}
.hmFocusWpr .ope ul li {display: inline-block;vertical-align: top;width: 32px;height: 20px;position: relative;margin-left: 10px; cursor:pointer}
.hmFocusWpr .ope ul li:first-of-type {margin-left: 0;}
.hmFocusWpr .ope ul li::before {content: '';position: absolute;left: 0;right: 0;top: 9px;height: 2px;background-color: rgba(0, 0, 0, 0.2);}
.hmFocusWpr .ope ul li span {position: absolute;left: 0;top: 9px;height: 2px;background-color: #e31613;}
.hmFocusWpr .ope a {display: inline-block;vertical-align: middle;width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;background-image: url("../images/icon-2a.png");margin-left: 20px;}
.hmFocusWpr .ope a.play {background-image: url("../images/icon-3a.png");}

@media (max-width:1799px){
.hmFsTxt strong{ font-size: 38px; line-height: 52px;}
.hmFsTxt p{ font-size: 20px; line-height: 30px; margin: 10px 0px 25px;}
.hmFocusWpr .ope{left:calc((100% - 1140px)/2);}
}
@media (max-width:1379px){
.hmFocus_item .bgImg{height:calc(100vh - 250px);}
}
@media (max-width:1199px){
.hmFocus_item .bgImg{ height:440px;}
.hmFsTxt strong{font-size:30px; line-height:40px;}
.hmFsBtns a {height: 40px;width: 120px;font-size: 14px;line-height: 40px;}
.hmFsBtns a:nth-child(2){ margin-left:10px;}
.hmFocusWpr .ope{left:calc((100% - 950px)/2);}
}
@media (max-width:993px){
.hmFocusWpr .ope{left:calc((100% - 720px)/2);}
}
@media (max-width:767px){
.hmFsTxt strong{font-size:22px; line-height:32px; letter-spacing:1px;}
.hmFsTxt p{ font-size: 14px; line-height: 28px;}
.hmFsBtns{margin-top:22px;}
.hmFsBtns a {height: 36px;width: 100px;font-size: 14px;line-height: 36px;}
.hmFocus_item .bgImg{height:250px;}
.hmFsTxt{padding-bottom:25px;}
}


.page { text-align: center;}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 12px; height: 36px; min-width: 36px; text-align: center; display: inline-block; margin: 0px 5px; vertical-align: middle; color: #555; font-size: 14px; line-height: 36px; background: #fff; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background:#c00202; }

.pubCon{ padding: 3vw 0px; }
.pubCon2{ padding: 6vw 0 0 0; }
.pubCon2_2{ padding: 2px 0 0 0; }
.pubCon3{ padding: 6vw 0 6vw 0; }
.m2banner{ position:relative;}
.m2banner .bgImg{ height:30.45vw;}
.m2banTxt{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); padding-bottom:0px!important; /*text-align:center;*/}
.m2banTxt .btit{ display: block; font-size: 36px; font-weight: 500; line-height: 62px; color: #000; }
.m2banTxt .bes{ display: block; font-size: 18px; padding-top:10px; color: #333; }
/*.m2banTxt .ptit{ display: block; font-size: 38px; font-weight: 600; letter-spacing:2px; line-height: 62px; }
.m2banTxt .pdes{ display: block; font-size: 24px; letter-spacing:2px; padding-top:10px;}*/
.m2banTxt .ptit{ display: block; font-size: 44px; font-weight: 800; letter-spacing:2px; line-height: 62px; color: #333; }
.m2banTxt .pdes{ display: block; font-size: 24px; letter-spacing:2px; padding-top:10px; color: #333;}
.m2banBtn{ margin-top:45px;}
.m2banBtn a{ color: #333; background: #fff; text-align: center; height: 48px; width: 140px; font-size: 16px; display: inline-block; line-height:48px; }
.m2banBtn a:hover{ color: #FFF; background: #c00202; }
.m2banBtn_prodetail{ margin-top:45px;}
.m2banBtn_prodetail a{ color: #c00202; border:1px solid #c00202; border-radius: 5px; transition: background-color 0.3s ease; text-align: center; height: 48px; width: 140px; font-size: 16px; display: inline-block; line-height:48px; }
.m2banBtn_prodetail a:hover{ color: #FFF; background: #c00202; }
.m2posWpr{ height:70px; line-height:70px; position:relative; z-index:8; margin-top:0px!important; background-color:#c00202; position: -webkit-sticky;position: sticky ;top: 100px; }
.m2posWpr .container-fluid{max-width:1500px; margin:0 auto; color:#fff;}
.m2posWpr .container{margin:0 auto; color:#fff;}
.m2pos{ float:left; margin-top: 25px;}
.m2pos_hm{ background: url(../images/m2pso_ico.png) no-repeat center center; float: left; height: 20px; width: 20px; margin-right:18px;}
.m2pos i{ background: url(../images/m2pos_ar.png) no-repeat center center; margin-right:18px; float: left; height: 20px; width: 20px; }
.m2pos span{ font-size: 16px; line-height: 20px; float:left;}
.m2pos_a,.m2pos_a:hover{ font-size:16px; float:left; line-height:20px; margin-right:18px; color:#fff;}
.m2menu{ float:right;}
.m2menu_a{ font-size: 16px; color: #FFF; line-height: 70px; position: relative; padding: 0px 5px; float: left; margin-left:30px; }
.m2menu_a.on,.m2menu_a:hover{ color:#fff;}
.m2menu_a:after{ content: ""; background: #FFF; height: 3px; width: 0px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0px; transition:all 0.5s ease;}
.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;}
.maoLink{display:block; height:0; overflow:hidden; position:relative; top:-170px;}
.partItem{}

.footer{ background: #f6f6f6 url(../images/bottombg.jpg) no-repeat center top; padding-top: 65px; }
.footTop{ height: 60px; line-height: 60px; border-bottom: 1px solid #000; margin-bottom: 10px; overflow: hidden; padding-bottom: 0; background:}
.footTop li{ list-style: none; width: calc(50% - 93px); float: left; text-align: left; height: 40px; line-height: 40px; }
.footTop li img{float: left; margin-right: 10px; padding-top: 7px; }
.footTop li span{height: 40px; line-height: 40px; float: left; font-size: 24px; font-weight: 500;}
.footTop li:nth-child(3n){width: 186px; }
.foot_logo{ float:left;}
.foot_logo img{ height:60px;}
.footShare{ float:right; height:46px; transform:translateY(-2px);}
.footShare strong{ float: left; line-height: 46px; font-size: 16px; font-weight: normal; color: #666666; }
.footsa{ background-color: #FFF; float: left; height: 46px; width: 46px; margin-left: 10px; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
.footsa1{ /*background-image:url(../image/foot_si1.png);*/}
.footsa2{ /*background-image:url(../image/foot_si2.png);*/}
.footsa3{ /*background-image:url(../image/foot_si3.png);*/}
.footMix{ padding-top: 1.97vw; border-top: 0 solid #dcdcdc; padding-bottom:3vw; }
.footMenus{ float:left; letter-spacing:1px;}
.footMenus dl{ float:left; margin-right:126px;}
.footMenus dl:last-child{margin-right:0;}
.footMenus dt,.footMenus .diydt{ font-size: 24px; font-weight: 500; color: #333; line-height: 20px; height: 20px; margin-bottom: 30px; position:relative; width: 100%; display: block; }
.footMenus .diydt{display: inline-block; width: 100%; padding:25px 0 10px 0;}
/*.footMenus dt:after{ content: ""; background: #fff; height: 2px; width: 36px; position: absolute; left: 0px; bottom: -18px; }*/
.footMenus dd{ font-size: 16px; line-height: 30px; color: #666; }
.footMenus dd ul{ float:left;}
.footMenus dd ul:nth-child(2){margin-left:22px;}
.footMenus dd ul li{}
.footMenus dd ul li a{color: #666; }
.footMenus dd ul li a:hover{color: #cc0001; }
.footMenu_a1{ color:#333;}
.footMenu_a2{ color:#666;}
.footWxs{ float:right; margin-top:4px; overflow:hidden;}
.footWxs li{ float:left; text-align:center; margin-left:32px; margin-bottom:20px; }
.footWxs li:first-child{margin-left:0;}
.footWxs span{ display: block;  width:100%; text-align:center; color:#333; }
.footWxs span img{display:block;}
.footCopy{ font-size: 14px; line-height: 26px; padding: 1vw 0px; background: #cdcdcd; color: #333; text-align: center;}
.footCopy .fl{}
.footCopy .fr{}
.footCopy a{ color:#666;}
.footCopy a:hover{ color:#fff;}
@media (min-width:1799px){
.footer .container{width:1470px;}
.homeBody .container{width:1470px;}
}
@media (max-width:1799px){
.footsa{ transform:scale(0.8); transform-origin:right center; margin-left:0}
.footShare strong{font-size:15px;}
.footWxs span img{width:120px; height:auto;}
.footWxs li{margin-left:20px;}
.footMenus dl{margin-right:65px;}
.m2banTxt .btit{font-size:28px; line-height:48px;}
/*.m2banTxt .ptit{font-size:38px; line-height:48px;}*/
.m2banTxt .ptit{font-size:44px; line-height:48px;}
.m2posWpr{ height:50px; line-height:50px; margin-top:-50px;top: 100px; }
.m2pos{margin-top:15px;}
.m2menu_a{line-height:50px; }
}
@media (max-width:1379px){
.footer{ padding-top: 50px; }
.footMenus dl{margin-right:75px;}
.footMenus dt,.footMenus .diydt{ font-size: 20px; margin-bottom: 20px;}
.m2menu_a{font-size:14px; padding: 0; margin-left:25px; }
.m2posWpr .container-fluid{max-width:1200px; padding:0 30px;}
.footTop li{ width: calc(50% - 80px);}
.footTop li span{height: 40px; line-height: 40px; float: left; font-size: 20px; font-weight: 500;}
.footTop li:nth-child(3n){width: 160px; }
}
@media (max-width:1199px){
.footer{ padding-top: 50px; }
.footMenus{letter-spacing:0;}
.footMenus dt,.footMenus .diydt{ font-size: 18px;}
.footMenus dl{margin-right:55px;}
.footMenus dd{ font-size: 14px; line-height: 28px; }
/*.m2banTxt .ptit{font-size:24px; line-height:36px;}*/
.m2banTxt .btit{font-size:24px; line-height:36px;}
.m2banTxt .ptit{font-size:24px; line-height:36px;}
.m2banner .bgImg{height:320px;}
.m2banTxt .m2ban_p1 strong{font-size:21px; line-height:32px;}
.m2banBtn{margin-top:20px;}
.m2banBtn a{width:120px; line-height:40px; font-size:14px; height:40px;}
.m2banBtn_prodetail{margin-top:20px;}
.m2banBtn_prodetail a{width:120px; line-height:40px; font-size:14px; height:40px;}
.m2pos_a,.m2pos_a:hover{font-size:14px; margin-right:5px;}
.m2pos i{ width:10px; margin-right:5px; position:relative; top:1px;}
.m2pos_hm{margin-right:5px;}
.m2pos span{font-size:14px;}
.m2menu_a{font-size:14px; margin-left:25px;}
}
@media (max-width:993px){
.footMenus{width:100%; float:none; overflow:hidden;display:flex; justify-content:space-between;}
.footWxs{width:100%; float:none; margin-top:25px;}
.footMenus dl{}
.footMenus dt,.footMenus .diydt{ font-size: 16px;}
.footTop li{ width: calc(50% - 68px);}
.footTop li span{height: 40px; line-height: 40px; float: left; font-size: 16px; font-weight: 500;}
.footTop li:nth-child(3n){width: 136px;}
}
@media (max-width:767px){
.foot_logo img{height:30px;}
.foot_logo{margin-top:8px;}
.footer{padding-top:35px; }
.footTop{ height: auto; line-height: normal; border-bottom: 0 solid #000; margin-bottom: 0; overflow: hidden; padding-bottom: 0;}
.footTop li{ list-style: none; width: 100%; float: left; text-align: left; height: 40px; line-height: 40px; }
.footTop li:nth-child(3n){width: 100%; }
.footMenus{display:none; overflow:hidden;}
.footMenus dl{width:100%; margin-right:0; overflow:hidden; margin-bottom:18px;}
.footMenus dl dt{width:100%; margin-bottom:16px;}
.footMenus dl dd{ overflow:hidden;}
.footMenus dl dd ul li{float:none; display:inline-block; margin-right:15px;}
.footMenus dl dd ul{ float:none; display:inline-block;}
.footMenus dd ul:nth-child(2){margin-left:0;}
.footMix{margin-top:10px; padding-top:15px;}
/*.footMenus dt:after{bottom:-11px;}*/
.footWxs{overflow:hidden; margin-top:5px; padding-bottom:25px;}
.footCopy .fl,.footCopy .fr{width:100%; text-align:center; float:none; display:block; font-size:12px; line-height:22px;}
.footCopy{padding:20px 0;}
.m2pos{display:none;}
.m2menu{width:100%; float:none; text-align:center; display:inline-block; white-space:nowrap;}
.m2posWpr .container-fluid{width:100%; overflow-x:auto; padding:0}
.m2menu_a{display:inline-block; white-space:nowrap; float:none; margin:0 5px;}
.pubCon{padding-top:40px; padding-bottom:50px;}
.pubCon2{padding-top:40px; padding-bottom:50px;}
.pubCon3{padding-top:40px; padding-bottom:50px;}
.pubCon2_2{padding-top:20px; padding-bottom:30px;}
.m2banner .bgImg{height:220px;}
.m2banTxt .btit{display: none; font-size:20px; line-height:30px;}
.m2banTxt .bes{display: none; font-size:14px; letter-spacing: 0;}
.m2banTxt .ptit{font-size:22px; line-height:30px;}
.m2banTxt .pdes{font-size: 16px; letter-spacing:2px; padding-top:10px;}
.page .pagination li{margin-bottom:10px;}
}


.m2sjCon1Wpr{}
.m2sjCon1{ position:relative; min-height:320px; padding-right:41.66%; padding-top:50px; padding-bottom:5vw;}
.m2pub_t{ font-size: 36px; line-height: 40px; letter-spacing: 1px; position: relative; font-weight:500;}
.m2pub_t:after{ content: ""; background: #c00202; height: 5px; width: 80px; position: absolute; left: 0px; bottom: -30px; }
.m2pub_t_wu{ font-size: 36px; line-height: 40px; letter-spacing: 1px; position: relative; font-weight:500;}
.m2pub_t_c{ text-align:center;}
.m2pub_t_c:after{left:50%; margin-left:-40px;}
.m2sjc1img{ width:36.36%; position:absolute; right:0; top:58px;}
/*.m2sjc1img:after{ content: ""; height: 80px; width: 80px; border-right: 10px solid #42B693; border-bottom: 10px solid #42B693; position: absolute; right: -10px; bottom: -10px; }*/
.m2sjc1img .overflowHide{height:300px;}
.m2sjc1img .overflowHide img{height:300px;}

.m2sjc1txt{ font-size: 16px; line-height: 32px; text-align:justify; margin-top: 38px; }

.m2sjCon2{ background: #fafafa; padding-bottom:calc(5.2vw - 20px); padding-top:5vw;}
.m2sjc2ul{ margin: 65px -20px 0px; }
.m2sjc2ul li{ padding: 0px 20px; float: left; width: 33.33%; margin-bottom:40px;}
.m2sjc2a{ display:block; position:relative; border-radius:0.4em; overflow:hidden; box-shadow:0 5px 20px rgba(247,153,153,0.2); background:#fff;}
.m2sjc2a:before{content:""; position:absolute; left:4px; top:4px; right:4px; bottom:4px; background-image: linear-gradient(180deg, #EBF9F5 0%,#fff 90%); }
.m2sjc2a:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#c00202; transition:all 0.5s ease; opacity:0;}
.m2sjc2a:hover:after{ opacity:1;}
.m2sjc2sx{ position: relative; z-index: 2; padding: 0 0 50px 0;  }
.m2sjc2sx img{ width:100%; height:auto;}
.m2sjc2sx strong{ padding:40px 20px 0 20px; line-height: 40px;  overflow:hidden; display: block; margin-bottom: 16px; font-size: 20px; position: relative; font-weight: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.m2sjc2sx strong:after{ content:""; background: #42B693; height: 2px; width: 28px; position: absolute; left: 0px; bottom: -12px; transition:all 0.5s ease; }
.m2sjc2sx span{ margin-top:40px; margin-left:20px; display:inline-table; line-height:40px; height:40px; width:120px; border-radius:20px; text-align:center; border:2px solid #c00202; font-size:14px; color:#c00202; }
.m2sjc2sx p{padding:0 20px 0 20px;  font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;  }
.m2sjc2a:hover{ color:#fff; transform:translateY(-6px)}
.m2sjc2a:hover .m2sjc2sx strong:after{ background:#fff;}
.m2sjc2a:hover .m2sjc2sx  span{ color:#fff; border:2px solid #fff; }


@media (max-width:1799px){
.m2pub_t:after{bottom:-30px;}
.m2sjc1txt{font-size:15px; line-height:30px;}
.m2sjc2sx p{font-size:14px; line-height:26px; height:78px;}
.m2sjc2ul{margin:55px -15px 0px;}
.m2sjc2ul li{padding:0 15px; margin-bottom:30px;}
}
@media (max-width:1379px){
.m2sjc2sx{ padding: 0 0 40px 0;  }
.m2sjc2sx img{ width:100%; height:auto;}
.m2sjc2sx strong{ padding:30px 20px 0 20px; line-height: 30px;  margin-bottom: 16px; font-size: 18px; }
}
@media (max-width:1199px){
.m2sjc1txt{font-size:14px; line-height:26px; margin-top:40px;}
.m2sjc1img .overflowHide{height:255px}
.m2sjc2sx img{ width:100%; height:auto;}
.m2sjc2ul{margin:45px -15px 0px;}
}
@media (max-width:993px){
.m2sjc2ul li{width:50%;}
.m2sjc2ul{margin:35px -15px 0px;}
}
@media (max-width:767px){
.m2sjCon1{padding-right:0; padding-top:0; padding-bottom:3vw;}
.m2sjc1img{width:100%; position:relative; right:auto; top:auto; margin-top:40px;}
.m2sjc1img + .m2sjc1txt{margin-top:25px;}
.m2sjc2ul li{width:100%; margin-bottom:20px;}
.m2sjc2ul {padding-bottom:40px;}
.m2sjc2sx img{ width:100%; height:auto;}
}


.m2daCon1{ padding-bottom:3vw;}
.m2pub_des{ font-size: 18px; line-height: 34px; margin: 50px auto 0; color: #666; overflow: hidden; padding-top: 10px; }
.m2dac1dl{ margin-top: 2.08vw; }
.m2dac1dl dd{ width:50%; float:left; text-align:center;}
.m2daCon2{ background: #fafafa; }
.m2pubSwiper{}
.m2pubSwiper .slick-prev{ background: #E5E5E5 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -90px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 1; transition:all 0.5s ease; border-radius:50%; }
.m2pubSwiper .slick-next{ background: #E5E5E5 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -90px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 1; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg);}
.m2pubSwiper .slick-prev:hover,.m2pubSwiper .slick-next:hover{ background: #c00202 url(../images/m2da_c2ar.png) no-repeat center center; }
.m2pubSwiper .slick-dots{ bottom: -40px; height: 14px; }
.m2pubSwiper .slick-dots li button{display:none;}
.m2pubSwiper .slick-dots li { background: #FFFFFF; display: inline-block; height: 14px; width: 14px; margin: 0px 8px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #c00202; }
.m2pubSwiper .slick-dots li.slick-active{ background: #c00202;}
.m2dac2swiper{ margin:2.68vw -13px 30px;}
.m2dac2swiper dd{ padding:13px; height:226px; position:relative; cursor:pointer; transition:all 0.5s ease;}
.m2dac2swiper dd:hover{transform:translateY(-8px);}
.m2dac2bgs{ height:200px; background:#fff; left:13px; top:13px; right:13px; bottom:13px; border-radius:0.6em; transition:all 0.5s ease; position:absolute;}
.m2dac2swiper dd .m2dac2bgs{ box-shadow:0 3px 15px rgba(247,153,153,0.1);}
.m2dac2bgs:before{ content: ""; /*background: url(../image/m2da_c2ibg2.png) no-repeat center center;*/ position: absolute; height: 33px; width: 178px; left: 0px; bottom: 0px; }
.m2dac2bgs:after{ content: ""; /*background: url(../image/m2da_c2ibg1.png) no-repeat;*/ height: 28px; width: 68px; position: absolute; left: 37px; top: 8px; }
.m2dac2bgs span{ /*background: url(../image/m2da_c2ibg3.png) no-repeat center center;*/ height: 20px; width: 48px; position: absolute; right: 28px; bottom: 8px; }
.m2dac2Icon{ height: 80px; width: 80px; position: absolute; left: 70px; margin-top: -40px; z-index: 1; top: 50%; background: #42B693; border-radius:50%;}
.m2dac2swiper dd:hover .m2dac2Icon{transform:rotateY(180deg); transition:all 0.5s ease;}
.m2dac2Icon:after{content:""; position:absolute; left:-9px; top:-9px; right:-9px; bottom:-9px; border-radius:50%; border:1px dashed #42B693;}
.m2dac2Icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2dac2txt{ padding: 13px 58px 13px 195px; height: 200px; position: relative; z-index: 1; display:flex; flex-direction:column; justify-content:center; letter-spacing:1px;}
.m2dac2txt strong{ font-size: 22px; color: #42b593; line-height: 30px; font-weight: normal; display: block; }
.m2dac2txt p{ font-size: 16px; line-height: 28px; color: #666; margin-top:12px;}
.m2dac2swiper dd:hover .m2dac2bgs:before{ content: ""; /*background: url(../image/m2da_c2ibg2a.png) no-repeat center center;*/ }
.m2dac2swiper dd:hover .m2dac2bgs:after{content:""; /*background: url(../image/m2da_c2ibg1a.png) no-repeat;*/}
.m2dac2swiper dd:hover span{ /*background: url(../image/m2da_c2ibg3a.png) no-repeat center center;*/}
.m2dac2swiper dd:hover .m2dac2Icon:after{ animation:radiusRotate 5s linear infinite;}
.m2daCon3{ padding-bottom:0px;}
.m2dac3swiper{ margin:2.68vw -20px 30px;}
.m2dac3swiper dd{ padding:20px;}
.m2dac3ax{ padding: 25px 20px 40px 35px; border: 1px solid #42B693; border-radius:0.8em; cursor:pointer; box-shadow:0 5px 18px rgba(247,153,153,0.1); position:relative; overflow:hidden;}
.m2dac3swiper dd:hover .m2dac3ax{ box-shadow:0 5px 18px rgba(247,153,153,0.3); transform:translateY(-10px)}
.m2dac3Dx{}
.m2dac3Dx span{ display:block; width:60px; height:60px;}
.m2dac3Dx dl{ margin-top:5px;}
.m2dac3Dx dl dt{ font-size: 26px; line-height: 52px; color: #42b593; letter-spacing: 2px; display: block; }
.m2dac3Dx dl dd{ font-size: 18px; line-height: 36px; position: relative; padding:0 0 0 20px; letter-spacing: 1px; }
.m2dac3Dx dl dd:before{ content: ""; background: #42B693; height: 4px; width: 4px; position: absolute; left: 0px; top: 16px; border-radius:50%;}
.m2dac3Hx{ position:absolute; left:0; top:0; right:0; bottom:0; padding:0 20px; /*text-align:center;*/ background:#42B693; color:#fff;display:flex; flex-direction:column; justify-content:center; transition:all 0.3s ease; opacity:0}
.m2dac3Hx span{ display:inline-block; width:60px; height:60px;/* margin:0 auto;*/}
.m2dac3Hx dl{ margin-top:5px;}
.m2dac3Hx dl dt{ font-size: 26px; line-height: 52px; color: #42b593; letter-spacing: 2px; display: block; color:#fff; }
.m2dac3Hx dl dd{font-size: 18px; line-height: 36px; position: relative; padding:0; letter-spacing: 1px; position:relative; padding:0 0 0 20px; }
.m2dac3Hx dl dd:before{ content: ""; background: #fff; height: 4px; width: 4px; position: absolute; left: 0px; top: 16px; border-radius:50%;}
.m2dac3ax:hover .m2dac3Hx{ opacity:1;}
.m2daCon4{ padding-bottom:0px; margin-top:-30px;}
.m2dac4swiper{ margin:2.68vw -20px 30px;}
.m2dac4swiper dd{ padding:20px;}
.m2dac4ax{ height:280px; overflow:hidden; border-radius:0.8em; background:#F7F7F7; display:block; position:relative;}
.m2dac4ax:before{ content: ""; position: absolute; left: 0px; top: 101px; right: 0px; bottom: 0px; /*background: url(../image/m2da_c4hbg.jpg) no-repeat center center;*/ background-size:cover; transition:all 0.5s ease; opacity:0;}
.m2dac4ax:hover{ box-shadow:0 5px 18px rgba(247,153,153,0.2); transform:translateY(-10px); background:#42B693;}
.m2dac4ax:after{ content: ""; /*background: #FFF url(../image/m2abt_ar.png) no-repeat center center;*/ display: inline-block; height: 34px; width: 34px; position: absolute; left: 50px; bottom: 25px; border-radius:50%; z-index:1; transition:all 0.5s ease; opacity:0}
.m2dac4st{ line-height: 100px; height: 101px; border-bottom: 1px solid #FFF; position: relative; padding-left: 90px; font-size: 22px; font-weight: normal; letter-spacing: 1px; overflow:hidden }
.m2dac4st span{ background: #42B693; height: 40px; width: 40px; border: 1px solid #42B693; position: absolute; top: 30px; left: 30px; border-radius:50%;}
.m2dac4st span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2dac4ax p{ font-size: 16px; line-height: 26px; color: #999999; letter-spacing: 1px; margin-top: 17px; height: 84px; overflow: hidden; padding: 0px 50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; transition:all 0.5s ease; position:relative; }
.m2dac4m{ font-size: 16px; color: #FFF; line-height: 44px; text-align: center; display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; background: #42B693; transition:all 0.5s ease;}
.m2dac4ax:hover:before{opacity:1;}
.m2dac4ax:hover{color:#fff;}
.m2dac4ax:hover .m2dac4st span{border:1px solid #fff;}
.m2dac4ax:hover .m2dac4m{opacity:0;}
.m2dac4ax:hover p{color:#fff;}
.m2dac4ax:hover:after{opacity:1;}
.m2daCon5{ margin-top:-30px;}
.m2dac5dl{ margin:2.68vw -20px 30px;}
.m2dac5dl dd{ padding:20px 20px 0; width:33.33%; float:left;}
.m2dac5a{ display:block; height:120px; box-shadow:0 3px 20px rgba(247,153,153,0.1); border-radius:0.6em; position:relative;}
.m2dac5a:before{ content: ""; /*background: url(../image/m2da_c4bg.png) no-repeat center center;*/ height: 107px; width: 63px; position: absolute; right: 8px; bottom: 8px; }
.m2dac5a:after{ content: ""; /*background: url(../image/m2da_c2ibg2.png) no-repeat;*/ height: 33px; width: 178px; position: absolute; left: 0px; bottom: 0px; }
.m2dac5a p{ font-size: 22px; line-height: 32px; font-weight: normal; padding: 0px 110px 0px 30px; height: 120px;display:flex; flex-direction:column; justify-content:center; position:relative; }
.m2dac5a p i{ /*background: url(../image/m2da_c4di.png) no-repeat;*/ height: 39px; width: 37px; margin-top: -20px; position: absolute; top: 50%; right: 52px; }
.m2dac5a:hover{ transform:translateY(-8px); box-shadow:0 3px 20px rgba(247,153,153,0.2);}
@media (max-width:1799px){
.m2pub_t{font-size:30px; line-height:30px;}
.m2pub_t_wu{font-size:30px; line-height:30px;}
.m2pub_des{font-size:16px; line-height:30px; margin-top:40px}
.m2pubSwiper .slick-prev{width:42px; height:42px; left:-70px;}
.m2pubSwiper .slick-next{width:42px; height:42px; right:-70px;}
.m2dac4st{padding-left:72px; font-size:19px; line-height:80px; height:80px;}
.m2dac4st span{left:20px; top:19px;}
.m2dac4ax p{padding:0 20px;}
.m2dac4ax p{font-size:15px;}
.m2dac4m{font-size:15px;}
.m2dac4ax{height:260px;}
.m2dac4ax:before{top:80px;}
.m2proc1item{height:300px;}
.m2dac2txt p{font-size:15px; line-height:26px;}
.m2dac3swiper{margin-left:-15px; margin-right:-15px;}
.m2dac3Hx dl dt,.m2dac3Dx dl dt{font-size:24px; line-height:48px;}
.m2dac3Hx dl dd,.m2dac3Dx dl dd{font-size:16px; line-height:32px;}
.m2dac3Hx span,.m2dac3Dx span{width:50px; height:50px;}
.m2dac4ax:after{left:20px;}
}
@media (max-width:1379px){
.m2pubSwiper .slick-prev{left:-60px;}
.m2pubSwiper .slick-next{right:-60px;}
.m2dac3swiper{margin-left:30px; margin-right:30px;}
.m2dac3swiper dd{ padding-left:15px; padding-right:15px;}
}
@media (max-width:1199px){
.m2pub_t{font-size:24px; line-height:32px;}
.m2pub_t_wu{font-size:24px; line-height:32px;}
.m2pub_des{font-size:14px; line-height:26px; }
.m2pub_t:after{bottom:-18px;}
.m2pubSwiper .slick-prev{left:-42px;}
.m2pubSwiper .slick-next{right:-42px;}
}
@media (max-width:993px){
.m2pubSwiper .slick-dots li { height: 6px; width: 6px; margin: 0px 6px; }
.m2dac5dl dd{width:100%; margin-top:-8px;}
.m2dac5dl{margin-top:48px;}
.m2dac3Hx dl dt,.m2dac3Dx dl dt{font-size:20px; line-height:42px;}
.m2dac3Hx dl dd, .m2dac3Dx dl dd{font-size:14px; line-height:26px;}
.m2dac3Hx dl dd:before,.m2dac3Dx dl dd:before {top: 11px;}
}
@media (max-width:767px){
/*.m2pub_t{font-size:20px;line-height:28px;}*/
.m2pub_des{margin-top:35px;}
.m2pub_t_wu{font-size:22px; line-height:32px;}
.m2daCon1{padding-bottom:40px;}
.m2dac2txt{padding:140px 15px 10px 15px;}
.m2dac2txt p{font-size:12px; line-height:22px;}
.m2dac2txt strong{font-size:20px; line-height:20px; text-align:center}
.m2dac2Icon{width:40px; height:40px; left:50%; margin-left:-20px; top:45px; margin-top:0}
.m2dac2Icon img{max-width:70%; max-height:70%; width:auto; height:auto;}
.m2dac2swiper{margin-top:35px;}
.m2dac2swiper dd{height:325px;}
.m2dac2bgs{height:300px;}
.m2pubSwiper .slick-prev{left:-36px;}
.m2pubSwiper .slick-next{right:-36px;}
.m2dac3swiper{margin-top:30px;}
.m2daCon4{margin-top:0; padding-bottom:40px;}
}


.m2jobCon{}
.m2jobVars{ margin: 0px -10px; display:flex; justify-content:space-between;}
.m2jobVars li{ width:25%; padding:0 10px;}
.m2jobVars li:last-child{width:35%;}
.m2jobInx{ position:relative;}
.m2jobInx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E6E6E6; /*background: transparent url(../image/m2jb_ar.png) no-repeat calc(100% - 15px) center;*/ padding-left: 62px; opacity: 1; color: #888; font: 16px/58px "微软雅黑"; width: 100%; height: 60px; padding-left: 62px; }
.m2jobInx input{ height: 60px; width: 100%; border: 1px solid #e6e6e6; padding: 0px 78px 0px 25px; font-size: 16px; line-height: 58px; }
.m2jobInx button{ /*background: url(../image/m2job_ser.png) no-repeat center center;*/ height: 26px; width: 26px; position: absolute; top: 17px; right: 26px; cursor: pointer; }
.m2jobSubmit{}
.m2jobInx span{ display: inline-block; height: 30px; width: 30px; position: absolute; left: 20px; top: 15px; }
.m2jobList{ margin-bottom:2.6vw; margin-top:2.34vw;}
.m2jobList li{ margin-bottom:1.45vw;}
.m2job_a{ display: block; padding: 34px 52px 36px 40px; position:relative; box-shadow:0 0 12px rgba(0,0,0,0.08);}
.m2job_a:before{ content: ""; /*background: url(../image/m2job_cbg.jpg) no-repeat center center;*/ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease; opacity:0}
.m2job_a:hover{ box-shadow:0 4px 25px rgba(247,153,153,0.3); color:#fff;}
.m2job_a:hover:before{opacity:1;}
.m2job_txt{ position: relative; padding-right: 120px; }
.m2job_txt strong{ font-size: 22px; line-height: 36px; letter-spacing: 4px; display: block; font-weight: normal; height: 36px; overflow: hidden; }
.m2job_m{ color: #42B693; /*background: url(../image/m2job_sar.png) no-repeat right 9px;*/ letter-spacing: 1px; padding-right: 20px; display: inline-block; font-size: 16px; line-height: 26px; margin-top: 18px; transition:all 0.5s ease;}
.m2job_txt:before{ content: ""; /*background: url(../image/m2job_sri1.png) no-repeat center center;*/ height: 49px; width: 45px; margin-top: -25px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease;}
.m2job_txt:after{content:""; /*background: url(../image/m2job_sri1a.png) no-repeat center center;*/ height: 49px; width: 45px; margin-top: -25px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease; opacity:0;}
.m2job_a:hover .m2job_txt:before{opacity:0;}
.m2job_a:hover .m2job_txt:after{opacity:1;}
.m2job_a:hover .m2job_m{ color: #fff; /*background: url(../image/m2job_sar2.png) no-repeat right 9px;*/ }
.m2jobLaybg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:15;}
.m2jobLyaerWpr{ width:100%; position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:20;}
.m2jobLyaer{ background:#fff; position:relative;}
.m2job_colose{ /*background: #FFF url(../image/m2job_close.png) no-repeat center center;*/ height: 32px; width: 32px; position: absolute; top: 25px; right: 25px; border-radius:50%; box-shadow:0 3px 20px rgba(0,0,0,0.1); cursor:pointer; transition:all 0.5s ease;}
.m2job_colose:hover{transform:rotate(180deg);}
.m2jobTop{ /*background: url(../image/m2job_bg.jpg) no-repeat center center;*/ padding: 50px 60px 35px; color:#fff; background-size:cover;}
.m2jobTop strong{ font-size: 38px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2jobTop p{ font-size: 16px; line-height: 28px; margin-top: 12px; }
.m2jobTop p span{ display:inline-block; margin-right:38px;}
.m2jobLmx{ background: #FFF; padding: 40px 60px; }
.m2jobLmx h5{ font-size: 22px; line-height: 30px; display: block; font-weight: normal; letter-spacing: 1px; margin-bottom:12px; }
.m2jobLtxt{ margin-bottom: 40px; font-size: 16px; line-height: 30px; color: #808080; max-height:calc(100vh - 500px); overflow-y:auto; padding-right:10px; margin-right:-10px; }
.m2jobBtns{ height:56px;display:flex; justify-content:space-between;  flex-wrap:wrap;}
.m2job_btn1,.m2job_btn2{ width: 48%; text-align: center; display: block; background: #42B693; font-size: 16px; line-height: 56px; color: #FFF; }
.m2job_btn1:hover,.m2job_btn2:hover{ box-shadow:0 3px 12px rgba(247,153,153,0.2); color:#fff; transform:translateY(-5px)}
@media (max-width:1799px){
.m2jobInx select{ font: 15px/52px "微软雅黑"; height: 54px;}
.m2jobInx span{top:12px;}
.m2jobInx input{ height: 54px; font-size: 15px; line-height: 52px; }
.m2jobInx button{ top: 14px;}
.m2job_txt strong{font-size:21px;}
.m2jobTop{padding:15px 30px 18px;}
.m2jobTop strong{font-size:26px; line-height:40px;}
.m2jobTop p{font-size:15px; line-height:24px; margin-top:5px;}
.m2jobLmx{padding:18px 30px;}
.m2jobLmx h5{font-size:20px; line-height:28px;}
.m2jobBtns{height:48px;}
.m2job_btn1, .m2job_btn2{line-height:48px; font-size:15px;}
.m2jobLtxt{max-height:calc(100vh - 350px); font-size:14px; line-height:26px;}
.m2job_m{margin-top:10px;}
.m2job_a{padding:25px 52px 25px 30px;}
.m2job_txt:before{ transform:scale(0.9); transform-origin:right center;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.m2jobVars{ flex-wrap:wrap;}
.m2jobVars li{width:50%!important; margin-bottom:20px;}
.m2jobList{margin-bottom:30px;}
}
@media (max-width:767px){
.m2jobVars li{width:100%!important; margin-bottom:15px;}
.m2job_a{padding:15px 8px 15px 14px;}
.m2jobList li{margin-bottom:12px;}
.m2job_txt strong{letter-spacing:1px; font-size:16px; line-height:28px; height:28px;}
.m2job_m{font-size:14px; line-height:22px; height:22px; margin-top:5px}
.m2job_txt{ padding-right:52px;}
.m2job_txt:before{background-size:30px auto;}
.m2jobTop strong{font-size:18px; line-height:32px;}
.m2jobTop p{font-size:12px;}
.m2jobTop p span{margin-right:10px;}
.m2jobTop{padding-left:15px;}
.m2jobLmx{padding-left:15px; padding-right:15px;}
}

.dmcon1{ background: #cc0001; overflow:hidden; }
.dmcon1 li{ width:20%; float:left; padding:20px 0; text-align:center;}
.dmcon1 li:nth-child(2n){ background-color:#bb0406;}
.dmcon1 li .cimg{
	display: flex;           /* 使用Flexbox */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    border: 2px solid #fff;
    border-radius: 50%;
    width: 88px;
    height: 88px;
    margin: 0 auto 10px;
    overflow: hidden;
 }
 .dmcon1 li .cimg img{
    width: 40px;
    height: auto;
 }
.dmcon1 li .cimg.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.dmcon1 li:hover .cimg.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.dmcon1 li span{ width:100%; text-align:center; font-size: 18px; color:#FFF; overflow:hidden;}
@media (max-width:1379px){
.dmcon1 li .cimg{
	display: flex;           /* 使用Flexbox */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    border: 2px solid #fff;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    margin: 0 auto 10px;
    overflow: hidden;
 }
  .dmcon1 li .cimg img{
    width: 36px;
    height: 36px;
 }
.dmcon1 li span{ width:100%; text-align:center; font-size: 16px; color:#FFF; overflow:hidden;}
}
@media (max-width:1199px){
/*.dmcon1 li .cimg{
    width: 88px;
    height: 88px;
 }
 .dmcon1 li .cimg img{
    width: 40px;
    height: auto;
 }
 .dmcon1 li span{ font-size: 16px;}*/
}
@media (max-width:993px){

}
@media (max-width:767px){
.dmcon1 li{padding:20px 0; }
.dmcon1 li .cimg{
    width: 50px;
    height: 50px;
 }
 .dmcon1 li .cimg img{
    width: 25px;
    height: auto;
 }
 .dmcon1 li span{ font-size: 12px;}
}

.hmCon1{ background: #cc0001; padding: 4.42vw 0px 4.16vw; }
.hmc1ul{display:flex; justify-content:space-between; }
.hmc1ul li{ position:relative;}
.hmc1Gif{ position:absolute; left:-60px; top:50%; transform:translateY(-50%); transition:all 0.5s ease; max-width:none; opacity:0; width:200px; height:200px;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0;}
.hmc1ul li:hover .hmc1Gif{ opacity:0.4;}
.hmc1ul li strong{ font-size: 18px; font-weight: normal; color: #666666; line-height: 68px; display: block; position:relative; }
.hmc1ul li strong span{ font-size: 58px; display: inline-block; margin-right: 10px; color: #333; transition:all 0.5s ease; }
.hmc1ul li p{ font-size: 15px; line-height: 30px; letter-spacing: 1px; margin-top:-15px; position:relative;}
.hmc1ul li:hover strong span{ color:#c00202;}
.hmc1ul li:nth-child(1) strong,
.hmc1ul li:nth-child(2) strong{ font-size:18px;}
@media (max-width:1799px){
.hmc1ul li strong span{font-size:46px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc1ul li strong span{font-size:30px; margin-right:3px;}
.hmc1ul li strong{ font-size:18px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.hmc1ul{ flex-wrap:wrap;}
.hmc1ul li p{ font-size:13px; line-height:24px;}
.hmCon1{padding:25px 0 40px;}
.hmc1ul li strong{line-height:60px; font-size:13px;}
.hmc1ul li:nth-child(1) strong, .hmc1ul li:nth-child(2) strong{font-size:14px;}
.hmc1ul li strong span{font-size:26px;}
.hmc1ul li{width:33.33%;}
.hmc1ul li:nth-child(1),.hmc1ul li:nth-child(2){width:50%;} 
}


@keyframes hmc2uds {
	0% {
		transform:translateY(-8px);
	}
	50% {
		transform:translateY(8px);
	}
    100% {
		transform:translateY(-8px);
	}
}

.hmCon2{ padding: 3vw 0; background: url(../images/hmc2lbg.png) repeat-x left bottom; }
.hmTbox{ text-align:center;}
.hmTbox strong{ font-size: 36px; line-height: 48px; letter-spacing: 1px; display:block; color: #333; }
.hmTbox p{ font-size: 20px; line-height: 24px; color: #000; text-align: center; margin-top:15px; letter-spacing:1px;}
.hmc2box{ max-width:1314px; margin:5.5vw auto 0; position:relative;}
.hmc2proBg{ width:100%; height:auto;}
.hmc2ProBimg{ width:23.51%; position:absolute; left:50%; transform:translateX(-50%); bottom:47.05%;}
.hmc2ProBimg img{ position:absolute; left:50%; transform:translateX(-50%); transition:all 0.5s ease; opacity:0; visibility:hidden; bottom:0}
.hmc2ProBimg img.on{ opacity:1; visibility:visible;}
.hmc2pro_a{ display:block; width:1px; height:1px; position:absolute; animation:hmc2uds 3s linear infinite;}

.hmc2pro_a1{ left:6%; bottom:65%;}
.hmc2pro_a2{ left:20%; bottom:45%; animation-delay:1.5s;}
.hmc2pro_a3{ left:33%; bottom:30%;}
.hmc2pro_a4{ left:50%; bottom:30%; animation-delay:1.5s;}
.hmc2pro_a5{ right:33%; bottom:30%;}
.hmc2pro_a6{ right:20%; bottom:45%; animation-delay:1.5s;}
.hmc2pro_a7{ right:6%; bottom:65%;}

.hmc2proThumb{ height: 110px; width: 110px; margin-top: -40px; margin-left: -40px; border: 2px solid #cc0001; position: absolute; left: 50%; top: 50%; border-radius:50%; background:#fff;}
.hmc2proThumb img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:50%; max-height:50%; width:auto; height:auto;}
.hmc2proThumb:after{ content: ""; background: url(../images/hmc3aniline2.png) no-repeat center center; height: 100px; width: 100px; margin-top: -50px; position: absolute; left: 50%; top: 50%; margin-left:-50px;}
.hmc2pro_a:hover .hmc2proThumb:after{ animation:radiusRotate 5s linear infinite;}

.hmc2pro_a p{ display:inline-block; white-space:nowrap; left:40%; transform:translateX(-40%); line-height:40px; height:42px; /*border:1px solid #42B693;*/ border-radius:5px; transition:all 0.1s ease; bottom:-125px; padding:0 15px; font-size:16px; color:#333; /*background:#fff;*/ position:absolute;}
.hmc2pro_a.on p{ background:#cc0001; color:#fff; }
/*.hmc2pro_a1 p{left:auto; transform:translateX(0); right:66px; bottom:-21px;}
.hmc2pro_a5 p{right:auto; transform:translateX(0); left:66px; bottom:-21px;}*/
@media (max-width:1799px){
.hmTbox strong{ font-size: 36px; }
.hmTbox p{ font-size: 20px; }

/*.hmc2pro_a p{font-size:16px; bottom:-155px; }
.hmc2pro_a1 p{ bottom:-21px;}
.hmc2pro_a5 p{ bottom:-21px;}
.hmc2box{max-width:1000px;}
.hmc2proThumb{transform:scale(0.9);}*/
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmTbox strong{ font-size: 28px;  line-height: 40px;}
.hmTbox p{ font-size: 16px; margin-top:5px; }

.hmc2proThumb{ height: 110px; width: 110px; margin-top: -40px; margin-left: -40px; border: 2px solid #cc0001; position: absolute; left: 50%; top: 50%; border-radius:50%; background:#fff;}
.hmc2proThumb img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:40%; max-height:40%; width:auto; height:auto;}
.hmc2proThumb:after{ content: ""; background: url(../images/hmc3aniline2.png) no-repeat center center; height: 100px; width: 100px; margin-top: -50px; position: absolute; left: 50%; top: 50%; margin-left:-50px;}

.hmc2pro_a p{ left:40%; transform:translateX(-40%); line-height:40px; height:42px;  bottom:-125px; padding:0 15px; font-size:16px;}

.hmc2pro_a1{ left:10%; bottom:100%;}
.hmc2pro_a2{ left:16%; bottom:55%; animation-delay:1.5s;}
.hmc2pro_a3{ left:30%; bottom:30%;}
.hmc2pro_a4{ left:50%; bottom:30%; animation-delay:1.5s;}
.hmc2pro_a5{ right:30%; bottom:30%;}
.hmc2pro_a6{ right:16%; bottom:55%; animation-delay:1.5s;}
.hmc2pro_a7{ right:10%; bottom:100%;}
}
@media (max-width:993px){
.hmCon2{padding:50px 0 100px 0;}
.hmTbox strong{ font-size: 24px; line-height: 28px;  }
.hmTbox p{ font-size: 16px; line-height: 24px; margin-top:10px; }
.hmc2proThumb{display:none;}
.hmc2pro_a p{ font-size:14px; line-height:30px; height:32px; padding:0 12px; border:1px solid #333;  }
.hmc2pro_a.on p{ background: cc0001; color:#fff; }
.hmc2box{margin-top:65px;}
.hmc2pro_a1{ left:15%; bottom:100%;}
.hmc2pro_a2{ left:15%; bottom:75%; animation-delay:0s;}
.hmc2pro_a3{ left:20%; bottom:50%;}
.hmc2pro_a4{ left:50%; bottom:25%; animation-delay:0s;}
.hmc2pro_a5{ right:30%; bottom:50%;}
.hmc2pro_a6{ right:25%; bottom:75%; animation-delay:0s;}
.hmc2pro_a7{ right:20%; bottom:100%;}
}
@media (max-width:767px){

}


@keyframes hmc3icon {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(5);
  }
}


.hmCon3{  padding: 3vw 0;overflow:hidden;}
.hmc3tags{ margin: 3vw 0px 2vw;display:flex; justify-content:space-between;}
.hmc3tags a{ white-space: nowrap; display: inline-block; font-size: 18px; line-height: 54px; letter-spacing: 1px; padding:0 30px; border-radius:2em; }
.hmc3tags a span{ display: inline-block; height: 20px; margin-right: 8px; position: relative; line-height:0; float:left; margin-top:5px; }
.hmc3tags a span img{ transition:all 0.5s ease; height:44px;}
.hmc3tags a span img:nth-child(2){ position:absolute; left:0; top:0; opacity:0}
.hmc3tags a.on span img{ opacity:0;}
.hmc3tags a.on span img:nth-child(2){ opacity:1;}
.hmc3tags a.on{ background: #cc0001; color:#fff; }
.hmc3tags a:hover{ background: #cc0001; color:#fff; }
.hmc3tags a:hover span img{ opacity:0;}
.hmc3tags a:hover span img:nth-child(2){ opacity:1;}
.hmc3tags a p{ display:inline-block;}
.hmc3SwiperWpr{width:4464px; position:relative; left:50%; transform:translateX(-50%);}
.hmc3Swiper{}
.hmc3Swiper dd{ padding:0 25px;}
.hmc3item{ height:598px; position:relative; background:#F2F2F2;}
.hmc3item .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3item .bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(90deg, rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 40%); transition:all 0.3s ease; opacity:0; }
.hmc3aniImg{ display:block; width:52.17%; position:absolute; top:50%; transform:translateY(-50%); right:15%;}
.hmc3sx{ width:1px; height:1px; position:absolute; cursor:pointer;}
.hmc3sx1{ left:68.21%; top:59.09%;}
.hmc3sx2{ left:10.23%; top:32.9%;}
.hmc3sx3{ left:31.37%; top:16.45%;}
.hmc3sx4{ left:50.88%; top:33.54%;}
.hmc3sx5{ left:52.25%; top:51.51%;}
.hmc3sx6{ left:73.39%; top:81.6%;}
.hmc3aniIcon{ width:8px; height:8px; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-4px; background: #FD7D2A; border-radius:50%;}
.hmc3aniIcon:before,.hmc3aniIcon:after{ content: ""; animation: hmc3icon 3s linear infinite; background: #FD7D2A; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius:50%;}
.hmc3aniIcon:after{ animation-delay:1.5s;}
.hmc3aniTip{ position:absolute; transition:all 0.3s ease; opacity:0; visibility:hidden;}
.hmc3sx:hover .hmc3aniTip{opacity:1; visibility:visible;}
.hmc3aniTip1{ /*background: url(../image/hmc3line1.png) no-repeat center center;*/ height: 115px; width: 346px; position: absolute; top: 4px; right: 4px; }
.hmc3aniTip span{ font-size: 18px; line-height: 40px; color: #fd7d2a; display: inline-block; padding: 0px 25px; height: 42px; border: 1px dashed #fd7d2a; white-space:nowrap; border-radius:2em; position:absolute}
.hmc3aniTip1 span{ right:345px; top:94px;}
.hmc3tinfo{ position:absolute; top:0; bottom:0; left:3.38vw; padding-top:135px; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.hmc3tinfo strong{ font-size: 24px; line-height: 36px; font-weight:600; letter-spacing: 3px; display: block; margin-bottom: 45px; position:relative;}
.hmc3tinfo strong:after{ content: ""; background: #000; height: 4px; width: 45px; position: absolute; left: 0px; bottom: -18px; }
.hmc3tinfo p{ margin-bottom:10px;}
.hmc3tinfo p a{ font-size: 16px; display: inline-block; line-height: 32px; color:#333; }
.hmc3tinfo p a:hover{ color: #cc0001;}
.slick-current .hmc3tinfo{opacity:1; transform:translateY(0);}
.slick-current .hmc3item .bgImg:after{ opacity:1;}
.hmc3fa{position:absolute; left:0; top:0; right:0; bottom:0;}
@media (max-width:1799px){
.hmc3SwiperWpr{width:3200px;}
.hmc3Swiper dd{ padding:0 15px;}
.hmc3item{ height:508px;}
/*.hmc3tinfo strong{font-size:22px; line-height:36px; padding-bottom:30px; margin-bottom:30px;}
.hmc3tinfo p a{font-size:20px; line-height:40px; }
.hmc3tinfo p a:hover{padding:0px 20px;}*/
.hmc3aniTip1{ transform:scale(0.8); transform-origin:right top;}
}
@media (max-width:1379px){
.hmc3tags a{ white-space: nowrap; display: inline-block; font-size: 16px; line-height: 50px; letter-spacing: 1px; padding:0 20px; border-radius:2em; }
.hmc3tags a span{ display: inline-block; height: 20px; margin-right: 8px; position: relative; line-height:0; float:left; margin-top:2px; }
.hmc3item{ height:440px;}
.hmc3tinfo{ padding-top:85px; }
}
@media (max-width:1199px){
.hmc3tags a{font-size:13px;}
.hmc3tags a span{margin-right:3px;}
.hmc3SwiperWpr{width:2800px;}
}
@media (max-width:993px){
.hmc3tags{display:none;}
.hmc3SwiperWpr{margin-top:25px; width:100%; margin-bottom:45px;}
.hmc3item{ height:300px;}
.hmc3tinfo{left:15px; padding-top:50px;}
.hmc3tinfo strong{font-size:20px; line-height:30px; background-size:16px auto; padding-bottom:10px; margin-bottom:10px;}
.hmc3tinfo strong:after{ content: ""; background: #000; height: 4px; width: 45px; position: absolute; left: 0px; bottom: 0; }
.hmc3tinfo p{margin-bottom:0;}
.hmc3tinfo p a {font-size: 14px;line-height: 22px;height: 26px;}

.hmc3Swiper dd{padding:0;}
.hmc3SwiperWpr .slick-dots{bottom:-35px;}
.hmc3SwiperWpr .slick-dots li button{display:none;}
.hmc3SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(0,0,0,0.3)}
.hmc3SwiperWpr .slick-dots li.slick-active{ background: rgba(204,0,1,1);}
}
@media (max-width:767px){
.hmc3item{height:220px;}
.hmc3tinfo{left:15px; padding-top:20px;}
.hmc3tinfo strong{font-size:20px; line-height:30px; background-size:16px auto; padding-bottom:10px; margin-bottom:10px;}
.hmc3tinfo strong:after{ content: ""; background: #000; height: 4px; width: 45px; position: absolute; left: 0px; bottom: 0; }
.hmc3tinfo p{margin-bottom:0;}
.hmc3tinfo p a {font-size: 14px;line-height: 22px;height: 26px;}
.hmc3aniImg{right:6%;}
.hmc3item .bgImg:after{background-image: linear-gradient(90deg, rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 90%);}
}


.hmPage4Bg { height: 60%; width: 100%; position: absolute; left: 0px; bottom: 4.68vw; overflow:hidden; opacity:0.8 }
.canvasBg{height:100%; width:100%; border:none 0; transform:scale(1.3)}
.hmPage4Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}

.hmCon4{
	position: relative;
	padding: 120px 0 30px;
	background-image: url(../images/servbg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height:478px;
	color:#fff;
	text-align:center;
}
.hmCon4 .container{ position:relative; z-index:1;}
.hmCon4 .con1{ font-size:20px; line-height:36px; letter-spacing:12px;}
.hmCon4 .con2{ font-size:40px;  line-height:60px; letter-spacing:3px; margin-top:10px;}
.hmCon4 .con3{ font-size:18px;  line-height:36px;  letter-spacing:6px;  margin-top:10px;}
.hmCon4 .con4{ margin-top:40px;}
.hmCon4 .con4 a{ display:inline-table; width:150px; height:50px; line-height:50px; border-radius:5px; border:1px solid #fff;color:#fff; font-size:18px;}
.hmCon4 .con4 a:hover{ background:#fff; color:#c00202; border:1px solid #fff;}

@media (max-width:993px){
.hmCon4{padding: 80px 0 30px;	height:378px;}
.hmCon4 .con1{ font-size:16px; line-height:36px; letter-spacing:8px;}
.hmCon4 .con2{ font-size:30px;  line-height:60px; letter-spacing:3px; margin-top:10px;}
.hmCon4 .con3{ font-size:16px;  line-height:36px;  letter-spacing:4px;  margin-top:10px;}
.hmCon4 .con4{ margin-top:20px;}
}
@media (max-width:767px){
.hmCon4{padding: 60px 20px 30px 20px;	height:400px;}
.hmCon4 .con1{ font-size:16px; line-height:32px; letter-spacing:6px;}
.hmCon4 .con2{ font-size:24px;  line-height:36px; letter-spacing:3px; margin-top:10px;}
.hmCon4 .con3{ font-size:16px;  line-height:32px;  letter-spacing:4px;  margin-top:10px;}
.hmCon4 .con4{ margin-top:20px;}
.hmCon4 .con4 a{ display:inline-table; width:120px; height:40px; line-height:40px; border-radius:5px; font-size:14px;}
}


.hmCon5{ padding: 3vw 0; overflow:hidden; }
.hmc5box{ margin-top:3.5vw;}
.hmc5lx{ width:65.62%; float:left;}
.hmc5lx ul{ margin: 0px -23px; }
.hmc5lx li{ padding: 0px 23px; float: left; width: 50%; }
.hmc5aBox{ display:block;}
.hmc5aBox:hover{transform:translateY(-8px); box-shadow:0 3px 14px rgba(0,0,0,0.1);}
.hmc5aBox .overflowHide{ height:300px;}
.hmc5lbm{ background: #f7f7f7; padding: 22px 30px 26px; }
.hmc5lbm strong{ font-size: 22px; color:#333; line-height: 36px; font-weight: 600; letter-spacing: 1px; display: block; height: 72px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hmc5lbm p{ font-size: 16px; line-height: 30px; color: #666666; letter-spacing: 1px; display: block; height: 90px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin:20px 0 30px; }
.hmc5rx{ width: 31.25%; float: right; height: 590px; background: #F7F7F7; padding: 14px 35px 0px; }
.hmc5lbm span{ font-size: 16px; line-height: 30px; color: #666666; }
.hmc5rx li{ padding-top: 17px; }
.hmc5rx li strong{ font-size: 18px; line-height: 28px; letter-spacing: 1px; height: 56px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-weight:normal; }
.hmc5rx li p{ font-size: 14px; color: #666666; line-height: 38px; }
@media (max-width:1799px){
.hmc5lx ul{margin:0 -15px;}
.hmc5lx ul li{padding:0 15px;}
.hmc5rx{width:32%; padding:12px 25px 0px}
.hmc5rx li strong{font-size:15px; line-height:26px; height:52px;}
.hmc5rx li p{font-size:13px; line-height:32px;}
.hmc5rx li{padding-top:5px;}
.hmc5rx{height:476px;}
.hmc5lbm{padding:18px 20px 22px;}
.hmc5lbm strong{font-size:18px; line-height:32px; height:64px;}
.hmc5lbm p{font-size:15px; line-height:26px; height:78px; margin:12px 0 12px}
.hmc5lbm span{font-size:13px;}
.hmc5aBox .overflowHide{height:240px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc5lbm{ padding: 14px ; }
.hmc5lbm strong{ font-size:16px; line-height: 32px; height: 64px;}
.hmc5lbm p{ font-size: 14px; line-height: 26px; height: 78px; margin:12px 0 12px; }
.hmc5rx{height:464px;}
.hmc5rx li strong{font-size:14px; line-height:26px; height:52px;}
}
@media (max-width:993px){
.hmc5lbm strong{font-size:16px; line-height:28px; height:56px;}
.hmc5lbm p{margin:8px 0 6px;}
.hmc5rx li strong{font-size:14px; line-height:24px; height:48px;}
.hmc5rx li p{font-size:12px; line-height:28px;}
.hmc5lbm p{font-size:12px; line-height:24px; height:72px;}
.hmc5rx{height:442px;}
.hmc5lbm{padding:13px 15px 17px;}
.hmc5rx{padding-left:15px; padding-right:15px;}
.hmc5lx ul{margin-left:-10px; margin-right:-10px;}
.hmc5lx ul li{padding:0 10px;}
}
@media (max-width:767px){
.hmCon5{padding-top:20px;}
.hmc5box{margin-top:20px;}
.hmc5lx{width:100%; float:none;}
.hmc5lx ul li{width:100%; margin-bottom:20px;}
.hmc5aBox:hover{transform:translateY(0);}
.hmc5lbm p{ height:auto; max-height:48px;}
.hmc5rx{width:100%;}
.hmc5rx li strong{ height:auto; max-height:48px;}
}


.hmCon6{ background:#F5F5F5; padding:3.12vw 0;}
.hmc6t{ font-size: 26px; line-height: 34px; letter-spacing: 2px; text-align: center; }
.hmc6ul{ margin-top:2.08vw;display:flex; justify-content:space-between;}
.hmc6ul li{ text-align:center;}
.hmc6ul li span{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; position: relative; background: #FFF; border: 5px solid #EDEDED; }
.hmc6ul li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.hmc6ul li p{ font-size: 14px; line-height: 20px; margin-top: 12px; }
@media (max-width:1799px){
.hmc6t{font-size:21px;}
.hmc6ul li p{font-size:13px; line-height:18px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.hmc6ul{ flex-wrap:wrap;justify-content:flex-start;}
.hmc6ul li{width:16%; margin-bottom:20px;}
}
@media (max-width:767px){
.hmCon6{padding:40px 0;}
.hmc6ul li{width:33.33%;}
.hmc6ul{margin-top:25px;}
}


.m3sjCon1{}
.m3sjc1Tags{ margin: 2.88vw -13px 0px; }
.m3sjc1Tags dd{ padding:13px; width:25%; float:left;}
.m3sj_c1lg{ display: block; height: 80px; position: relative; border: 1px solid #E6E6E6; border-radius:0.4em; cursor:pointer; transition:all 0.5s ease; }
.m3sj_c1lg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m3sj_c1lg.on{ box-shadow:0 5px 15px rgba(247,153,153,0.2); border: 1px solid #fff;}
.m3sjc1txt{ text-align: center; margin: 2.08vw auto; max-width: 1100px; display:none; }
.m3sjc1txt.on{display:block; animation:fadeInUp 0.5s ease;}
.m3sjc1txt strong{ font-size: 30px; line-height: 40px; letter-spacing: 2px; display: block; font-weight: normal; }
.m3sjc1txt p{ font-size: 18px; line-height: 28px; letter-spacing: 1px; margin-top:10px; text-align:justify; }
.m3sjc1SwiperWpr{position:relative; max-width:900px; margin-left:auto; margin-right:auto;}
.m3sjc1Swiper{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transform:translateY(40px);}
.m3sjc1Swiper.on{ opacity:1; visibility:visible; transform:translateY(0); transition:all 0.5s ease; z-index:2;}
.m3sjc1SwiperWpr .m3sjc1Swiper:nth-child(1){ position:relative;}
.m3sjc1_item{}
.m3sjc1ul{ border-radius:0.8em; overflow:hidden;}
.m3sjc1ul li{ width:50%; float:left;}
.m3sjc1ul li strong{ line-height: 60px; background: #E6E6E6; text-align: center; height: 60px; font-size: 22px; font-weight: normal; letter-spacing: 2px; display: block; }
.m3sjc1ul li p{ height:300px; background:#F7F7F7; position:relative;}
.m3sjc1ul li p img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:88%; max-height:88%; width:auto; height:auto;}
.m3sjc1ul li:nth-child(2) strong{ background:#42B693; color:#fff;}
.m3sjc1ul li:nth-child(2) p{ background:#D8E7E2;}
.m3sj_c1bmt{ font-size: 30px; line-height: 40px; letter-spacing: 2px; margin-top: 2.08vw; text-align:center;}
.m3sjc1Swiper .slick-prev{left:-215px;}
.m3sjc1Swiper .slick-next{right:-215px;}
.m3sjCon2{ background:#fafafa;}
.m3sjCon2 .m2pub_des{max-width:none;}
.m3sj_c2img{ text-align:center; margin-top:2.34vw;}
.m3sj_c2img img{}
.m3sjCon3{}
.m3sjc3Swiper{ margin:2.88vw -13px 0px;}
.m3sjc3Swiper dd{ padding:10px 13px;}
.m3sj_c3lg{display: block;height: 80px;position: relative;border-radius: 0.4em;transition: all 0.5s ease;box-shadow: 0 3px 12px rgba(247,153,153,0.18);}
.m3sj_c3lg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.m3sjCon4{ padding-top:1.6vw;}
.m3sjCon4Swiper{ margin:2.88vw -20px 0px;}
.m3sjCon4Swiper dd{ padding:12px 20px 20px;}
.m3sj_paBox{ display:block; border-radius:0.4em; overflow:hidden; box-shadow:0 3px 18px rgba(247,153,153,0.1);}
.m3sj_paBox:hover{ box-shadow:0 3px 18px rgba(247,153,153,0.3);}
.m3sj_paImg{ height:208px; position:relative;}
.m3sj_paImg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m3sj_pabm{ line-height:72px;  height:73px; border-top:1px solid #F5F5F5; position:relative; padding:0 25px;}
.m3sj_pabm:before{ content: ""; /*background: url(../image/m3sj_proBg.jpg) no-repeat center center;*/ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease; opacity:0}
.m3sj_pabm strong{ display:block; float:left; position:relative; font-weight:normal; font-size:20px; max-width:calc(100% - 60px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.m3sj_pabm span{ float:right; position:relative; font-size:16px; color:#59b69a; transition:all 0.5s ease;}
.m3sj_pabm:after{ content: ""; /*background: #FFF url(../image/m3sj_ar.png) no-repeat center center;*/ height: 25px; width: 25px; margin-top: -12px; position: absolute; top: 50%; right: 25px; border-radius:50%; transition:all 0.5s ease; opacity:0}
.m3sj_paBox:hover .m3sj_pabm span{opacity:0;}
.m3sj_paBox:hover .m3sj_pabm{border-top:1px solid #fff;}
.m3sj_paBox:hover{ color:#fff;}
.m3sj_paBox:hover .m3sj_pabm:before{ opacity:1;}
.m3sj_paBox:hover .m3sj_pabm:after{ opacity:1;}
@media (max-width:1799px){
.m3sj_pabm strong{font-size:18px;}
.m3sj_pabm{line-height:62px; height:63px;}
.m3sj_pabm span{font-size:15px;}
.m3proc1ul{margin-left:-15px; margin-left:-15px;}
.m3proc1ul dd{padding:0 15px;}
.m3sj_paImg{height:180px;}
.m3sjCon4Swiper{margin-left:-15px; margin-right:-15px;}
.m3sjCon4Swiper dd{ padding-left:15px; padding-right:15px;}
.m3sjc1txt strong{font-size:24px;}
.m3sjc1txt p{font-size:16px; line-height:26px;}
.m3sjc1ul li strong{font-size:20px;}
.m3sj_c1bmt{font-size:24px; line-height:36px;}
.m3sjc1Swiper .slick-prev{left:-100px;}
.m3sjc1Swiper .slick-next{right:-100px;}
}
@media (max-width:1379px){
.m3sjCon4Swiper{margin-left:30px; margin-right:30px;}
.m2dac5dl{margin-left:-15px; margin-right:-15px;}
.m2dac5dl dd{padding:15px 15px;}
.m2dac5a p{font-size:20px; height:100px;}
.m2dac5a{height:100px;}
.m2dac5a p i{transform:scale(0.8); transform-origin:right center; right:40px;}
.m2dac5a:before{transform:scale(0.8); transform-origin:right bottom;}
.m3sjc3Swiper{margin-left:30px; margin-right:30px;}
}
@media (max-width:1199px){
.m3sjc1txt strong{font-size:21px; line-height:36px;}
.m3sjc1txt p{font-size:14px;}
.m3sj_c1bmt{font-size:20px; line-height:30px;}
.m3sjc1SwiperWpr{max-width:760px;}
.m3sjc1Swiper .slick-prev{left:-80px;}
.m3sjc1Swiper .slick-next{right:-80px;}
}
@media (max-width:993px){
.m3sjc1SwiperWpr{max-width:600px;}
.m3sjc1Swiper .slick-prev{left:-60px;}
.m3sjc1Swiper .slick-next{right:-60px;}
}
@media (max-width:767px){
.m3sjc1Tags{margin-top:30px; margin-left:-5px; margin-right:-5px;}
.m3sjc1Tags dd{width:50%; padding:5px;}
.m3sj_c1lg{height:60px;}
.m3sjc1txt{margin-top:25px; margin-bottom:18px;}
.m3sjc1ul li strong{font-size:16px; line-height:50px; height:50px;}
.m3sjc1ul li p{height:140px;}
.m3sj_c1bmt{font-size:16px; line-height:28px; margin-top:15px;}
.m3sjCon1{padding-bottom:70px;}
.m3sjc3Swiper{ margin-left:0; margin-right:0; margin-top:40px;}
.m3sj_c3lg{height:70px;}
.m3sjCon4Swiper{ margin-left:0; margin-right:0; margin-top:40px;}
.m3sjCon4{padding-bottom:80px;}
.m3sj_pabm strong{font-size:16px;}
.m3sj_pabm span{font-size:14px;}
}


.m2csPage{ padding: 6vw 0px 4vw; }
.m2csul{ margin:0 -1.19vw; display:flex;flex-wrap:wrap;}
.m2csul li{ width:calc(33.3% - 2.38vw); margin:0 1.19vw; border-radius:0; overflow:hidden; box-shadow:0 5px 18px rgba(247,153,153,0.1); margin-bottom:2.39vw;}

.m2cs_st{ padding:30px 0 0 0; overflow:hidden; width:100%;}
.m2cs_st .cimg{
	display: flex;           /* 使用Flexbox */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    border: 5px solid #c00202;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: 20px auto 10px;
    overflow: hidden;
 }
.m2cs_st .cimg.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.m2cs_st:hover .cimg.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.m2cs_st .cimg img{ width: 60px;  height: auto; }
.m2cs_st .ctxt{ width:100%; text-align:center; font-size: 30px; font-weight:800; color:#000; overflow:hidden;}

.m2cs_itms{ padding: 30px 25px 35px; }
.m2cs_itms p{}
.m2csa{ display: block; line-height: 40px; height: 40px; padding-left: 32px; font-size: 16px; position:relative;  transition:all 0.2s ease;}
.m2csa:after{ content: ""; background: #333; height: 5px; width: 5px; position: absolute; top: 17px; left: 11px; border-radius:50%;}
.m2csa:hover{ background: #c00202; color:#fff;  }
@media (max-width:1799px){
.m2cs_itms{ padding: 22px 20px 28px; }
.m2csa{line-height: 32px; height: 32px; padding-left:25px; font-size: 16px;}
.m2csa:after{ top: 14px; left: 10px;}
}
@media (max-width:1379px){
.m2cs_st{ padding:20px 0 0 0; overflow:hidden; width:100%;}
.m2cs_st .cimg{width: 70px; height: 70px;}
.m2cs_st .cimg img{ width: 50px;  height: auto; }
.m2cs_st .ctxt{ font-size: 24px;}
}
@media (max-width:1199px){
.m2csa{font-size:14px; line-height:28px; height:28px;}
.m2csa:after{top:11px}
}
@media (max-width:993px){
.m2csul li{ width:calc(50% - 2.38vw);}
}
@media (max-width:767px){
.m2csPage{padding:50px 0;}
.m2csul li{ width:calc(100% - 2.38vw); margin-bottom:16px;}
}


.m3csCon1{ padding:5vw 0 5vw 0; position:relative; background:#fafafa;}
.m3csCon1 .container{ position:relative; z-index:1;}
.m3csc1txt{ font-size: 18px; line-height: 36px; margin-top:2.38vw;}
.m3csCon1 .hmPage4Bg{bottom:0; height:70%;}
.m3csCon1 .conbody{margin-top:4.38vw; width:100%; overflow:hidden; display:flex;flex-wrap:wrap;}
.m3csCon1 .conbody li{width:33.333%; list-style:none; border-right:2px solid #e1e1e1; padding:10px 0;}
.m3csCon1 .conbody li:nth-child(3){ border-right:0 solid #e1e1e1; }
.m3csCon1 .conbody li .cimg{ width:100%; text-align:center;}
.m3csCon1 .conbody li .cimg img{ width:auto; height:60px;}
.m3csCon1 .conbody li .cname{margin-top:10px; width:100%; text-align:center; font-size:20px; font-weight:800;}
.m3csCon1 .conbody li .cdes{width:100%; text-align:center; font-size:16px; padding:20px 30px;  line-height:30px; color:#333;}
.m3csCon1 .conbody li img.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.m3csCon1 .conbody li:hover img.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}

.m3csCon2{background:#fff; padding-top: 5vw; }
.m3csCon3{
	background-image: url(../images/yycj.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin:4vw 0 0 0;
}
.m2pub_desFull{max-width:none; padding-top:20px;}
.m3csc2ul{ margin: 2.68vw -1.19vw 0px; display:flex;flex-wrap:wrap; }
.m3csc2ul li{ width:calc(33.3% - 2.38vw); margin:0 1.19vw; border-radius:0.6em; overflow:hidden; box-shadow:0 5px 18px rgba(247,153,153,0.1); margin-bottom:2.39vw; border:4px solid #fff;background: linear-gradient(to bottom,  #ebf9f5 0%,#fff 100%); padding:10px 24px 24px;}
.m3csc2itm{}
.m3csc2itm span{ color: #42b693; font: 46px/62px d-din-b; } 
.m3csc2itm p{ font-size: 16px; line-height: 30px; letter-spacing: 1px; }
.m3csc3ul{ margin: 1.97vw -10px 0px; display:flex;  flex-wrap:wrap;}
.m3csc3ul li{ width:calc(50% - 20px); margin:0 10px; font-size:16px; line-height:28px; margin-bottom:4px; padding-left:24px; padding-right:20px; position:relative;}
.m3csc3ul li:before{content:""; width:8px; height:8px; background:#42B593; border-radius:50%; top:10px; left:0; position:absolute;}
.m3csc3img{ text-align:center; margin-top:2.6vw;}

.m3csCon4{ padding-top:5vw; background: #fafafa;}
.m3csc4ul{ margin: 4vw 0 0 0; display:flex;flex-wrap:wrap; }
.m3csc4ul li{ width:calc(25% - 2vw); margin:0 1vw 2vw 1vw; border-radius:0.6em; overflow:hidden; padding:80px 14px 40px 14px; /*background-image: url(../images/solubg.jpg);*/ text-align: center; box-shadow:0 5px 18px rgba(247,153,153,0.1);}
.m3csc4ul li span{ width: 100%; text-align: center;} 
.m3csc4ul li h3{width: 100%; text-align: center; font-size: 22px; line-height: 36px; font-weight: 600; padding: 20px 0; }
.m3csc4ul li p{ font-size: 16px; line-height: 30px; text-align: center; padding: 0 10px; }
.m3csc4ul li img.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.m3csc4ul li:hover img.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}

@media (max-width:1799px){
.m3csc1txt{font-size:16px; line-height:32px;}
.m3csc2itm p{font-size:15px; line-height:28px;}
.m3csc2itm span{ font: 42px/56px d-din-b; } 
.m3csc3ul li{font-size:15px;}
}
@media (max-width:1379px){
.m3csc4ul li{padding:60px 14px 40px 14px;}
.m3csc4ul li h3{font-size: 20px;}
.m3csc4ul li p{ line-height: 26px;}
}
@media (max-width:1199px){
.m3csc1txt{margin-top:40px; line-height:26px; font-size:14px;}
.m3csc2itm p{font-size:14px; line-height:26px;}
.m3csc3ul li{font-size:14px; line-height:26px; padding-left:14px;}
.m3csc3ul li:before{width:6px; height:6px; top:11px;}
.m3csCon1 .conbody li .cimg img{ width:auto; height:45px;}
.m3csCon1 .conbody li .cname{margin-top:10px; width:100%; text-align:center; font-size:18px; font-weight:800;}
.m3csCon1 .conbody li .cdes{width:100%; text-align:left; font-size:14px; padding:20px;  line-height:26px; color:#333;}
}
@media (max-width:993px){
.m3csc2ul li{ width:calc(50% - 2.38vw);}
.m3csc3ul li{ width:calc(100% - 20px);}
.m3csc4ul li{ width:calc(50% - 2vw);}
.m3csc4ul li h3{font-size: 18px;}
}
@media (max-width:767px){
.m3csc1txt{margin-top:35px;}
.m3csCon1{ padding-bottom:60px;}
.m3csc2ul{margin-top:25px;}
.m3csc2ul li{width:100%; padding-right:15px; padding-left:15px;}
.m3csCon1 .conbody li{width:100%; list-style:none; border-right:0 solid #e1e1e1; border-bottom:2px solid #e1e1e1; padding:0; margin:20px 0 20px 0;}
.m3csCon1 .conbody li:nth-child(3){border-right:0 solid #e1e1e1; border-bottom:0 solid #e1e1e1;  }
.m3csCon4{padding-top:6vw;}
.m3csc4ul{ margin: 6vw 0 0 0;}
.m3csc4ul li{width:calc(100% - 2vw);padding:30px 14px 30px 14px;}
.m3csc4ul span img{ height: 50px; width: auto;}
.m3csc4ul li h3{font-size: 16px; padding: 10px 0;}
.m3csc4ul li p{font-size: 14px; line-height: 24px;}
}


.m2ban_p1{writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/}
.m2whCon1{}
.m2whc1ul{ margin: 0px -15px;display:flex;  flex-wrap:wrap; }
.m2whc1ul li{ width:calc(33.33% - 30px); margin:0 15px; transition:all 0.5s ease; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(247,153,153,0.1); position:relative; padding-bottom:24px;}
.m2whc1item{}
.m2whc1item .overflowHide{ height:260px;}
.m2whc1ico1{ background: #FFF; margin: -50px auto 0px; height: 100px; width: 100px; position:relative; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(247,153,153,0.1);}
.m2whc1ico1 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc1p{ font-size: 26px; line-height: 46px; letter-spacing: 4px; margin: 18px 15px 0px; text-align:center; }
.m2whc1layer{ background:#42B593; color:#fff; position:absolute; left:0; top:0; right:0; bottom:0; padding:0 30px;display:flex; flex-direction:column; justify-content:center; z-index:2; text-align:center; transition:all 0.3s ease; opacity:0; transform:scaleY(0.8); transform-origin:center bottom;}
.m2whc1ico2{ background: #FFF; margin: 0px auto 0px; height: 80px; width: 80px; position:relative; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(247,153,153,0.1);}
.m2whc1ico2 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important; max-width:60%; max-height:60%; width:auto; height:auto;}
.m2whc1layer strong{font-size: 24px; line-height: 34px; letter-spacing: 4px; margin: 12px 15px 0px; text-align:center; font-weight:normal; display:block;}
.m2whc1layer p{ font-size: 16px; line-height: 28px; letter-spacing: 1px; margin-top:12px;/* max-width:280px;*/ margin-left:auto; margin-right:auto; text-align:justify}
.m2whc1ul li:hover .m2whc1layer{ opacity:1; transform:scaleY(1)}
.m2whCon2{ background: #f7f7f7; }
.m2whc2itm{ border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(247,153,153,0.1); background:#fff; margin-top:3.52vw;}
.m2whc2itm .overflowHide{ height:600px;}
.m2whc2bm,.m2whc2bm2{ padding: 66px 25px 46px; text-align: center; position: relative; }
.m2whc2bm span{ background: #FFF; height: 100px; width: 100px; position:absolute; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(247,153,153,0.1); left:50%; top:-50px; margin-left:-50px;}
.m2whc2bm span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc2bm strong{ font-size: 26px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2whc2bm p{ font-size: 20px; line-height: 32px; color: #666666; letter-spacing: 1px; }
.m2whc2ul{ margin: 40px -20px 0px; display:flex;  flex-wrap:wrap; }
.m2whc2ul li{ width:calc(50% - 40px); margin:0 20px; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(247,153,153,0.1); background:#fff;}
.m2whc2itm2{}
.m2whc2itm2 .overflowHide{ height:390px;}
.m2whc2bm2 span{ background: #FFF; height: 100px; width: 100px; position:absolute; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(247,153,153,0.1); left:50%; top:-50px; margin-left:-50px;}
.m2whc2bm2 span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc2bm2 strong{font-size: 26px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2whc2bm2 p{font-size: 17px; line-height: 32px; color: #666666; letter-spacing: 1px; margin-top:5px;}
.m2whc2bm2 p em{ font-style: normal; margin: 0px 20px 15px 0px; }
@media (max-width:1799px){
.m2whc1layer{padding:0 20px;}
.m2whc1ico2{ transform:scale(0.8);}
.m2whc1layer strong{font-size:22px; line-height:28px; margin-top:8px;}
.m2whc1layer p{font-size:14px; line-height:24px;}
.m2whc1ico1{ transform:scale(0.8)}
.m2whc1p{font-size:24px; line-height:30px; margin-top:12px;}
.m2whc1item .overflowHide{height:205px;}
.m2whc2itm .overflowHide{height:400px;}
.m2whc2bm span,.m2whc2bm2 span{transform:scale(0.8);}
.m2whc2bm strong,.m2whc2bm2 strong{font-size:24px; line-height:42px;}
.m2whc2bm, .m2whc2bm2{padding:50px 25px 25px;}
.m2whc2bm p,.m2whc2bm2 p{font-size:16px; line-height:28px;}
.m2whc2itm2 .overflowHide{height:290px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2whc1layer strong{font-size:20px; line-height:24px;}
.m2whc1layer p{font-size:13px; line-height:22px;}
.m2whc1p{font-size:22px;}
.m2whc2bm p, .m2whc2bm2 p{font-size:14px; line-height:26px;}
.m2whc2bm strong, .m2whc2bm2 strong{font-size:22px;}
}
@media (max-width:993px){
.m2whc2bm2 p em{display:inline-block; margin-right:0}
}
@media (max-width:767px){
.m2whCon1{padding-top:50px;}
.m2whc1ul li{ width:100%; margin-bottom:20px;}
.m2whc2itm .overflowHide{height:170px;}
.m2whc2itm{margin-top:40px;}
.m2whc2ul{margin-left:-15px; margin-right:-15px; margin-top:20px;}
.m2whc2ul li{width:calc(100% - 30px); margin-bottom:20px;}
.m2whc2itm2 .overflowHide{height:220px;}
}


.m2tzCon1{ /*background: url(../image/m2tzBg.png) no-repeat center top;*/ }
.m2tzc1txt{ margin-top: 3.12vw; font-size: 18px; line-height: 36px; letter-spacing: 1px;/* text-align: center;*/ }
.m2tzc1a{ margin-top: 3.12vw; }
.m2tzc1a a{ display: block; /*background: url(../image/m2tzBg2.jpg) no-repeat center center;*/ height: 140px; color: #FFF; font-size: 28px; line-height: 46px; letter-spacing: 2px; padding: 0px 220px 0px 65px; display:flex; flex-direction:column; justify-content:center; position:relative;}
.m2tzc1a a:hover{box-shadow:0 3px 10px rgba(247,153,153,0.2); transform:translateY(-5px)}
.m2tzc1a a:after{ content: ""; /*background: url(../image/m2tz_i1.png) no-repeat center center;*/ height: 50px; width: 50px; position: absolute; margin-top: -25px; top: 50%; right: 50px; }
.m2tzbmul{ margin-top:3.12vw; margin-bottom:2.6vw;}
.m2tzCon2{padding-top:5.2vw;}
.m2tzbmul li{ margin-bottom:1.3vw;}
.m2tzbmul li a{ display: block; position: relative; line-height: 78px; height: 80px; border: 1px solid #F2F2F2; padding: 0px 245px 0px 25px; font-size: 18px; letter-spacing: 1px; }
.m2tzbmul li a span{ font-size: 16px; color: #666666; /*background: url(../image/m2tz_i2.png) no-repeat right center;*/ padding-right: 55px; position: absolute; top: 0px; right: 45px; }
.m2tzbmul li a:hover{ border: 1px solid #42B693; color: #42B693; }
@media (max-width:1799px){
.m2tzc1txt{font-size:16px; line-height:30px;}
.m2tzc1a a{padding:0px 220px 0px 35px; font-size:22px; line-height:36px; height:100px;}
.m2tzc1a a:after{transform:scale(0.8); transform-origin:right center;}
.m2tzbmul li a{line-height:68px; height:70px; font-size:16px;}
.m2tzbmul li a span{font-size:14px; right:35px; padding-right:45px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2tzc1txt{font-size:14px; line-height:26px;}
.m2tzc1a a{font-size:20px; height:90px;}
.m2tzbmul{margin-top:36px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2tzc1txt{margin-top:35px;}
.m2tzc1a{margin-top:25px;}
.m2tzCon2{padding-top:50px;}
.m2tzc1a a:after{right:20px;}
.m2tzc1a a{padding:0px 66px 0px 15px; line-height:24px; font-size:14px; height:80px;}
.m2tzbmul{margin-bottom:25px;}
.m2tzbmul li a{padding:0px 15px 0px 15px; font-size:14px; line-height:52px; height:54px;}
.m2tzbmul li a span{display:none;}
}


.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}
@media (max-width:1799px){
.m2layerClose{transform:scale(0.6); top:13px;}
.m2layerClose:hover{transform:scale(0.6) rotate(180deg);}
}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}


.m2abtCon1Wpr{position:relative;}
.m2abtCon1Wpr .container{ position:relative; z-index:1}
.m2abtCon1{}
.m2abt_c1t span{ font-size: 40px; line-height: 40px; letter-spacing: 4px; display: inline-block; position: relative; }
.m2abt_c1t span:after{content:"";background: #c00202; height:3px; width:50px; position:absolute; left:0; bottom:-24px;}
.m2abtc1Top{ overflow:hidden;}
.m2abtc1Top .dsPc{ float:left;}
.m2abt_mv{ width:440px; float:left; margin:0 60px 20px 0;}
.m2abt_mv .overflowHide{ height:470px;}
.m2abt_mvnm{ /*background: url(../image/m2abt_play.png) no-repeat center top;*/ padding-top: 70px; text-align: center; font-size: 18px; line-height: 32px; letter-spacing: 1px; display: block; position: absolute; left: 0px; top: 76px; width: 100%; }
.m2abt_mvnm p{ color: #FFF; }
.m2abt_c1txt{ font-size: 18px; line-height: 40px; letter-spacing: 1px; margin-top:3.12vw;}
.m2abtc1ul{ padding-top: 4.68vw; display:flex; justify-content:space-between; }
.m2abtc1ul li{}
.m2abtc1ul li strong{ line-height: 70px; display: block; font-size: 18px; font-weight: normal; }
.m2abtc1ul li strong span{ font-size: 60px; font-weight: normal; display: inline-block; margin-right: 5px; }
.m2abtc1ul li strong i{ font-size: 18px; font-style: normal; }
.m2abtc1ul li p{ font-size: 15px; line-height: 32px; letter-spacing:1px;}
.m2abtCon1Wpr .hmPage4Bg{ bottom:0; height:35%;}
.m2abtCon2{ overflow:hidden; padding-bottom:0;}
.m2abtCon2 .m2pub_t span{ display: block; font-size: 26px; line-height: 38px; letter-spacing: 4px; font-weight: normal; margin-top: 15px; }
.m2abt_c2swiperWpr{height:550px; margin-top:8.2vw; position:relative; margin-left:350px; overflow:hidden;}
.m2abt_c2swiper{ height:350px; position:relative; transform:translateY(-80px);}
.m2abt_c2item{ height:178px!important; transition:all 0.3s linear; opacity:0; transform:scale(0)}
.m2abt_c2yr{ font: 200px/140px d-din-b; float: left; perspective:1000px; width:400px;}
.m2abt_c2yr span{-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent; /*background-image:url(../image/m2yar_bg.png);*/transform-origin: center center;transform: rotateX(56deg) translate3d(0, 0, 0); display:block;}
.m2abt_c2des{ font-size: 24px; line-height: 42px; border: 2px dashed #FCD000; padding: 20px 15px; width: 395px; border-radius:0.6em; background:rgba(255,255,255,0.9); float:left; margin-left:170px; position:relative; transition:all 0s ease; min-height:80px; position:relative; top:20px;}
.m2abt_c2des:before{ content: ""; /*background: url(../image/m2abt_line.png) no-repeat;*/ height: 13px; width: 186px; position: absolute; left: -186px; top: 60px; }
.slick-current.m2abt_c2item{transform:scale(0.4) translate(-220px,200px); opacity:0.8;}
.slick-current.m2abt_c2item + .m2abt_c2item{transform:scale(0.6) translate(-60px,30px); opacity:0.9;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item{transform:scale(0.8); opacity:1;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item + .m2abt_c2item{transform:scale(1); opacity:1; transform:translateX(20px)}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item + .m2abt_c2item .m2abt_c2des{opacity:0;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item .m2abt_c2yr span{ /*background-image:url(../image/m2yar_bg2.png);*/}
.m2abt_c2swiperWpr .slick-next{ /*background: #42B693 url(../image/m2da_c2ar.png) no-repeat center center;*/ display: inline-block; height: 50px; width: 50px; position: absolute; left: 620px; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -228px; z-index:3; border-radius:50%; transition:all 0.3s ease; opacity:0.8;}
.m2abt_c2swiperWpr .slick-prev{ /*background: #42B693 url(../image/m2da_c2ar.png) no-repeat center center; */display: inline-block; height: 50px; width: 50px; position: absolute; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -228px; z-index:3; border-radius:50%; left:690px; transform:rotate(180deg); transition:all 0.3s ease; opacity:0.8;}
.m2abt_c2swiperWpr .slick-prev:hover,.m2abt_c2swiper .slick-next:hover{/*background-image:url(../image/m2da_c2ar.png);*/ opacity:1;}
@media (max-width:1799px){
.m2abt_mv{ width:380px; margin:0 40px 20px 0;}
.m2abt_mv .overflowHide{ height:400px;}
.m2abt_c1t span{font-size:30px; line-height:30px;}
.m2abt_c1txt{font-size:16px; line-height:36px;}
.m2abtc1ul li strong span{font-size:50px;}
.m2abtc1ul li strong{line-height:60px;}
.m2abtCon2 .m2pub_t span{font-size:20px; line-height:26px;}
.m2abtCon2{ background-size:1800px auto; background-position:-100px center;}
.m2abt_c2swiperWpr{ transform:scale(0.75); transform-origin:right bottom; margin-top:-50px; margin-left:150px}

}
@media (max-width:1379px){
.m2abt_c2swiperWpr{ left:80px}
}
@media (max-width:1199px){
.m2abt_c1t span{font-size:24px; line-height:24px;}
.m2abt_c1t span:after{bottom:-18px;}
.m2abt_c1txt{font-size:14px; line-height:26px;}
.m2abt_mv .overflowHide{height:340px;}
.m2abtc1ul li strong{font-size:16px; line-height:38px;}
.m2abtc1ul li strong span{font-size:30px; margin-right:3px;}
.m2abtCon2{ background-size:1800px auto; background-position:-380px center;}
.m2abt_c2swiperWpr{ margin-left:-100px;}
}
@media (max-width:993px){
.m2abt_c1t + .dsPadPhone{margin-top:40px;}
.m2abtCon2{ background-position:-530px center;}
.m2abt_c2swiperWpr{ margin-left:-250px;}
}
@media (max-width:767px){
.m2abt_mv{width:100%;}
.m2abtc1ul{ flex-wrap:wrap;}
.m2abtc1ul li{width:50%; margin-bottom:12px;}
.m2abtc1ul li p{font-size:13px; line-height:24px; letter-spacing:0}
.m2abtc1ul li strong{line-height:28px;}
.m2abtCon2{ background-position:-730px center;}
.m2abt_c2swiperWpr{ margin-left:-300px;}
.m2abt_c2yr{font-size:100px; width:235px;}
.m2abt_c2des{font-size:26px; line-height:42px; padding:15px; margin-left:230px; top:-100px; font-size:22px; line-height:36px; width:365px}
.m2abt_c2swiperWpr .slick-next{left:350px; bottom:-238px;}
.m2abt_c2swiperWpr .slick-prev{left:414px; bottom:-238px;}
}


.m2abtCon3{ position:relative; z-index:0}
.m2abt_c3box{ margin-top:2.34vw;}
.m2abtc3Lx{ float:left; padding-top:25px; width:590px;}
.m2abt_c3tags{}
.m2abt_c3tags span{ font-size: 16px; color: #999999; line-height: 44px; width: 130px; border: 1px solid #E4E4E4; text-align: center; display: inline-block; margin: 0px 10px 13px 0px; border-radius:2em; cursor:pointer;}
.m2abt_c3tags span.on{ color: #FFF; background: #42B693; border: 1px solid #42B693; }
.m2abt_c3itms{ display:none; padding-top:20px; overflow:hidden;}
.m2abt_c3itms.on{ display:block; animation:fadeInUp 0.5s ease;}
.m2abt_c3itms dl{ float:left; width:33.33%; padding-left:15px; padding-bottom:22px;}
.m2abt_c3itms dl dt{ line-height: 30px; font-size: 18px; letter-spacing: 1px; }
.m2abt_c3itms dl dd{ font-size: 14px; color: #999999; line-height: 28px; }
.m2abtc3Rx{ float:right; position:relative; overflow:hidden; width:616px;}
.server-1map { float: left; width: 100%; overflow: hidden }
.server-1map img { width: 100%; height: auto }
.server-1bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 12 }
.server-1bg span { width: 100%; height: 100%; position: absolute; display: block; overflow: hidden; left: 0px; top: 0px; opacity: 0 }
.server-1bg span img { width: 100%; height: auto }
.server-1bg span.active { opacity: 1 }
.server-1pos { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 20; overflow: hidden }
.server-1icon { width: auto; position: absolute; cursor: pointer; transform: translate(-50%, -50%) }
.server-1icon samp { width: 16px; height: 20px; display: block; margin: 0px auto; position: relative }
.server-1icon samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; /*background: url("../image/icon-113.png") no-repeat center*/ }
.server-1icon samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; /*background: url("../image/icon-113-1.png") no-repeat center;*/ opacity: 0 }
.server-1icon span { width: 100%; overflow: hidden; display: block; font-size: 16px; color: #c00202; margin-top: 4px }
.server-1icon.active samp:before { opacity: 0 }
.server-1icon.active samp:after { opacity: 1 }
.server-1icon.active span { color: #fff }
.server-1icon.icon1 { left: 63%; top: 35% }
.server-1icon.icon2 { left: 66%; top: 64% }
.server-1icon.icon3 { left: 85%; top: 21% }
.server-1icon.icon4 { left: 37%; top: 49% }
.server-1icon.icon5 { left: 42%; top: 65% }
.server-1icon.icon6 { left: 62%; top: 84% }
.server-1icon.icon7 { left: 80%; top: 62% }
.twMpa{ width: 3.21%; height: 9.63%; z-index: 20; position: absolute; right:14.8%; bottom:13.06%; /*background: url(../image/twmap.png) no-repeat center center;*/ background-size:cover; opacity:0;}
.twMpa:hover{ opacity:1}
@media (max-width:1799px){
.m2abtc3Rx{width:580px;}
.m2abtc3Lx{width:540px;}
.m2abt_c3tags span{font-size:15px; line-height:40px; margin:0px 20px 10px 0px}
.m2abt_c3itms dl dt{font-size:16px; line-height:24px;}
.m2abt_c3itms dl dd{font-size:14px; line-height:26px;}
.server-1icon span{font-size:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abt_c3tags span{width:110px; margin-right:5px;}
.m2abt_c3itms dl{padding-left:15px; padding-bottom:12px;}
.m2abtc3Rx{width:540px;}
.m2abtc3Lx{width:400px;}
}
@media (max-width:993px){
.m2abtc3Lx{width:100%; float:none;}
.m2abtc3Rx{float:none; margin-left:auto; margin-right:auto;}
}
@media (max-width:767px){
.m2abt_c3tags span{width:105px; margin-right:2px; font-size:14px; line-height:36px;}
.m2abt_c3itms dl dt{font-size:15px; line-height:24px;}
.m2abt_c3itms dl dd{font-size:13px;}
.m2abtc3Rx{ width:100%;}
.server-1icon span{font-size:13px;}
}


.m2abtCon4Wpr{ background: #fafafa; padding-bottom:0 }
.m2abtCon4{ margin-top: 3.64vw; /*background: url(../image/m2abt_c3bg.jpg) no-repeat center center;*/ background-size:cover; }
.m2abt_c4ul{ border-left: 1px solid rgba(255,255,255,0.3);}
.m2abt_c4ul li{ float: left; width: 25%; height: 600px; border-right: 1px solid rgba(255,255,255,0.3); display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff; padding:0 32px;}
.m2abt_c4ico{ display: block; margin: 0px auto; height: 0px; width: 100px; margin-bottom:0px; transition:all 0.5s ease; overflow:hidden; }
.m2abt_c4ul li strong{ font-size: 22px; line-height: 36px; letter-spacing: 1px; font-weight:normal;}
.m2abt_c4ul li p{ font-size: 18px; line-height: 32px; letter-spacing: 1px; margin-top: 0px; transition:all 0.5s ease; overflow:hidden; max-height:0; text-align:justify;  }
.m2abt_c4ul li:hover .m2abt_c4ico{ margin-bottom:35px; height:100px;}
.m2abt_c4ul li:hover p{ max-height:160px; margin-top:15px;}
.m2abtCon5{ background: #f7f7f7; }
.m2abtCon5 .m2pub_des{ max-width:none; text-align:left;}
.m2abt_c5ul{ margin-top: 3.64vw; display:flex; justify-content:space-between; }
.m2abt_c5ul li{ text-align:center;}
.m2abt_c5ul li p{}
.m2abt_c5img{ position:relative;}
.m2abt_c5img img{}
.m2abt_c5img strong{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; font-size: 30px; font-weight: normal; color: #42B693; }
.m2abt_c5img strong span{}

.m2abtCon6{padding: 6vw 0;overflow:hidden; background: #fff;}
.m2abt_c6swiper{ margin: 3.64vw -20px 0px; }
.m2abt_c6swiper dd{ padding: 0px 20px; margin-bottom:30px; }
.m2abt_c6swiper dd img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2abt_c6swiper dd p{ font-size: 16px; text-align:center; line-height: 32px; letter-spacing: 1px; height: 32px; overflow: hidden; margin-top: 15px; }
.m2abt_c6item{ height: 250px; position:relative; overflow:hidden;}
.m2abt_c6item:before{ content: ""; border: 6px solid #E2E2E2; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2abt_c6item:after{content:"";}
/*.m2abt_c6item span{ background: #42B693; height: 26px; width: 90px; position: absolute; left: -26px; top: 10px; transform:rotate(-45deg);}
.m2abt_c6item i{ background: url(../image/m2abt_c5si.png) no-repeat center center; height: 15px; width: 13px; position: absolute; left: 15px; top: 13px; }*/
.m2abt_c6swiper .slick-prev,.m2abt_c6swiper .slick-next{ margin-top:-66px;}
@media (max-width:1799px){
.m2abt_c4ul li{height:450px;}
.m2abt_c4ico{width:80px; height:0px;}
.m2abt_c4ul li:hover .m2abt_c4ico{height:80px; margin-bottom:15px;}
.m2abt_c4ul li strong{font-size:20px; line-height:30px;}
.m2abt_c4ul li:hover p{margin-top:10px;}
.m2abt_c4ul li p{font-size:15px; line-height:28px;}
.m2abt_c6swiper{margin-left:-10px; margin-right:-10px;}
.m2abt_c6swiper dd{padding-left:10px; padding-right:10px; margin-bottom:18px;}
.m2abt_c6item{height:220px;}
.m2abt_c6swiper dd p{font-size:14px; line-height:26px; margin-top:12px;}
}
@media (max-width:1379px){
.m2abt_c6swiper{margin-left:30px; margin-right:30px;}
}
@media (max-width:1199px){
.m2abt_c4ul li{padding:0 15px;}
.m2abt_c4ul li strong{font-size:18px;}
.m2abt_c4ul li p{font-size:14px; line-height:24px;}
.m2abt_c5img{ transform:scale(0.8);}
.m2abt_c6item{height:180px;}
}
@media (max-width:993px){
.m2abt_c6swiper{margin-left:0; margin-right:0; margin-top:40px;}
.m2abtCon4{margin-top:40px;}
}
@media (max-width:767px){
.m2abtCon6{padding: 6vw 0 10vw 0;overflow:hidden; background: #fff;}
.m2abt_c4ul li .m2abt_c4ico{ margin-bottom:20px!important; height:80px!important;}
.m2abt_c4ul li p{ max-height:160px!important; margin-top:15px!important;}
.m2abt_c4ul li,.m2abt_c4ul{border:none;}
.m2abt_c4ul{padding-top:60px;}
.m2abt_c4ul li{height:320px;}
.m2abt_c4ul .slick-dots{bottom:80px; text-align:center; width:100%;}
.m2abt_c4ul .slick-dots li button{display:none;}
.m2abt_c4ul .slick-dots li {display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid #fff; padding:0; float:none;}
.m2abt_c4ul .slick-dots li.slick-active{ background: #fff }
.m2abt_c5img strong{font-size:32px;}
.m2abt_c5ul li p{line-height:22px; font-size:14px; transform:translateY(-8px);}
.m2abt_c5ul{flex-wrap:wrap;}
.m2abt_c5ul li{width:50%;}
.m2abt_c6item{height:220px;}
}


.m2pub_des_l{margin-left:0; text-align:left;/* max-width:1118px;*/}
.m2pub_des_pt20{ padding-top:20px;}

.m2proCon1{ background: #fafafa; }
.m2proSwiper1{ margin: 2.34vw -22px 0px; }
.m2proSwiper1 dd{ padding: 22px; }
.m2proc1item{ background: #fff; height: 320px; padding-top: 24px; border-radius:0.8em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.04); position:relative; transition:all 0.5s ease; }
.m2proc1t{ height: 75px; border-bottom: 1px solid #F7F7F7; padding: 0px 120px 20px 88px; position:relative;display:flex; flex-direction:column; justify-content:center; }
.m2pro_c1ico{ background: #42B693; height: 40px; width: 40px; position: absolute; left: 30px; top: 7px; border-radius:50%;}
.m2pro_c1ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2proc1t strong{ font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: 1px; display: block; transition:all 0.5s ease; }
.m2proc1t p{ font-size: 16px; color: #999999; line-height: 22px; margin-top: 3px; }
.m2proc1t i{ /*background: url(../image/m2pro_tico.jpg) no-repeat center center;*/ height: 60px; width: 94px; position: absolute; top: -12px; right: 30px; }
.m2proc1lst{ margin: 0px 20px 0px 50px; padding-top: 20px; }
.m2proc1lst p{ font-size: 16px; line-height: 30px; position: relative; padding-left: 15px; overflow: hidden; }
.m2proc1item:hover{transform:translateY(-8px);}
.m2proc1item:hover .m2proc1t strong{ color:#42B693;}
.m2proc1lst p:after{ content: ""; background: #42B693; height: 3px; width: 3px; position: absolute; left: 0px; top: 14px; }
.m2proc1lst span{ display:block; padding-left:16px; font-size:20px; letter-spacing:5px;}
.m2pro_c1ma{ font-size: 16px; line-height: 44px; color: #FFF; background: #42B693; letter-spacing: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align:center; transition:all 0.5s ease; }
.m2pro_c1ma:hover{color:#fff;}
.m2proCon2{  background: #fafafa;}
.m2proc2swiper{ margin: 3.34vw -22px 0px;}
.m2proc2swiper dd{padding:22px;}
.m2proc2a{ display:block; box-shadow:0 8px 22px rgba(247,153,153,0.08); border-radius:0.6em; overflow:hidden;}
.m2proc2a:hover{box-shadow:0 8px 22px rgba(247,153,153,0.15); transform:translateY(-8px)}
.m2proc2a .overflowHide{ height:275px; position:relative;}
.m2proc2a .overflowHide img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2proc2bm{ padding: 20px 90px 20px 30px; position: relative; border-top: 1px solid #F5F5F5; }
.m2proc2bm:before{ content: ""; background: #c00202; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; opacity:0; transition:all 0.5s ease;}
.m2proc2bm strong{ display: block; position: relative; font-size: 18px; line-height: 34px; font-weight: 500;  height: 34px; }
.m2proc2bm p{ display: block; position: relative; font-size: 14px; color: #999999; line-height: 25px; height: 25px; transition:all 0.5s ease; }
.m2proc2bm span{ display: inline-block; position: absolute; font-size: 16px; color: #c00202; top: 50%; right: 25px; line-height: 30px; margin-top: -14px; }
.m2proc2bm:after{ content: ""; background: #FFF url(../images/m2abt_ar.png) no-repeat center center; height: 34px; width: 34px; margin-top: -17px; position: absolute; top: 50%; right: 30px; border-radius:50%; transition:all 0.5s ease; opacity:0}
.m2proc2a:hover .m2proc2bm:before{opacity:1;}
.m2proc2a:hover{color:#fff;}
.m2proc2a:hover .m2proc2bm:after{opacity:1;}
.m2proc2a:hover .m2proc2bm p{ color:rgba(255,255,255,0.6);}
.m2proc2a:hover .m2proc2bm span{opacity:0;}
.m2daCon3{ background:#f7f7f7; padding-bottom:3.2vw;}
.m2daCon3 .m2dac4ax{background:#fff;}
.m2daCon3 .m2dac4ax:hover{background:#42B693;}
.m2daCon3 .m2dac4st{ border-bottom:1px solid #F7F7F7;}
.m2daCon3 .m2dac4ax:hover .m2dac4st{ border-bottom:1px solid #fff;}
.products_cata{  background: #fafafa; overflow:hidden; padding-top:80px;}
.products_cata li{ width:30.333%; margin:1.5%; float:left; list-style:none;}

@media (max-width:1799px){
.m2proc1t p{font-size:14px;}
.m2proc1lst p{font-size:15px;}
.m2proc2a .overflowHide{height:210px;}
/*.m2proc2bm strong{font-size:18px;}
.m2proc2bm p{font-size:15px;}*/
.m2proc2swiper dd{padding-left:15px; padding-right:15px;}
.m2proSwiper1 dd{padding-left:15px; padding-right:15px;}
.m2dac4swiper dd{padding-left:15px; padding-right:15px;}
.m2proSwiper1{margin-left:-15px; margin-right:15px;}
.m2proc2swiper{margin-left:0; margin-right:0;}
.m2dac4swiper{margin-left:15px; margin-right:15px;}
}
@media (max-width:1379px){
.m2proSwiper1{margin-left:30px; margin-right:30px;}
.m2proc2swiper{margin-left:0; margin-right:0;}
.m2dac4swiper{margin-left:30px; margin-right:30px;}
.m2proc2bm strong{font-size:16px;}
.m2proc2bm p{font-size:14px;}
}
@media (max-width:1199px){
.products_cata{  background: #fafafa; overflow:hidden; padding-top:50px;}
.m2proc2bm{ padding: 20px 70px 20px 15px;  }
.m2proc2bm strong{font-size:14px;}
.m2proc2bm p{font-size:12px;}
.m2proc2swiper dd{padding-left:10px; padding-right:10px;}
}
@media (max-width:993px){
.products_cata li{ width:46%; margin:2%; float:left; list-style:none;}
}
@media (max-width:767px){
.m2dac4swiper{margin-top:30px; margin-left:0; margin-right:0;}
.m2proSwiper1{margin-left:-10px; margin-right:-10px}
.m2proc1t{padding:0px 80px 20px 60px;}
.m2pro_c1ico{left:11px;}
.m2proc1t i{right:0;}
.m2proc1lst{margin:0px 15px 0px 20px;}
.m2proCon1{padding-bottom:70px;}
.m2daCon3{padding-bottom:50px;}
.products_cata{  background: #fafafa; overflow:hidden; padding-top:0;}
.products_cata li{ width:96%; margin:2%; float:left; list-style:none;}
}

.m3proCon1{padding-bottom:3.2vw;}
.m3proc1ul{ margin: 1.82vw -20px 0px; }
.m3proc1ul dd{ padding: 0px 20px; width:25%; float:left; margin-bottom:40px; }
.m3proCon2{ background: #fafafa; padding-bottom:6vw; }
.m3proc2swiper{ margin: 2.6vw -23px 0px; }
.m3proc2swiper dd{ padding:23px;}
.m3pro2item{position:relative; height:380px; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 15px rgba(247,153,153,0.1); background:#fff; transition:all 0.5s ease; padding:60px 45px 0; text-align:center;}
.m3pro2item:hover{ transform:translateY(-8px); box-shadow:0 3px 15px rgba(247,153,153,0.15);}
.m3proc2bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m3proc2bgs:before{ content: ""; /*background: url(../image/m3pro_si1.png) no-repeat;*/ height: 28px; width: 68px; position: absolute; left: 38px; top: 5px; }
.m3proc2bgs:after{ content: ""; /*background: url(../image/m2pro_si2.png) no-repeat center center;*/ height: 33px; width: 48px; position: absolute; right: 40px; bottom: 20px; }
.m3proc2bgs i{ /*background: url(../image/m2da_c2ibg2.png) no-repeat;*/ height: 33px; width: 178px; position: absolute; left: 0px; bottom: 0px; }
.m3proc2icon{ background: #42B593; margin: 0px auto; height: 80px; width: 80px; position: relative; z-index: 1; border-radius:50%; display:block;}
.m3proc2icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m3proc2icon:after{ content: ""; border: 1px dashed #42B593; position: absolute; left: -8px; top: -8px; right: -8px; bottom: -8px; border-radius:50%;}
.m3pro2item strong{ font-size: 22px; color: #42b593; letter-spacing: 2px; display: block; line-height: 32px; height: 32px; overflow: hidden; margin: 30px 0px 12px; font-weight: normal; }
.m3pro2item p{ font-size: 16px; line-height: 28px; color: #666; letter-spacing: 1px; height: 84px; overflow: hidden; overflow-y:auto; position:relative; z-index:1; }
.m3pro2item:hover .m3proc2bgs:before{ /*background: url(../image/m3pro_si1a.png) no-repeat;*/}
.m3pro2item:hover .m3proc2bgs:after{ /*background: url(../image/m2pro_si2a.png) no-repeat;*/}
.m3pro2item:hover .m3proc2bgs i{ /*background: url(../image/m2da_c2ibg2a.png) no-repeat;*/}
.m3proTable{ margin-top:3.12vw;}
.m3proTable td{ background: #fafafa; font-size: 14px; line-height: 18px; color: #666666; border: 1px solid #FFF; padding: 10px 5px; text-align:center; }
.m3proTable tr:nth-child(1) td{ background:#e6e6e6;}
.m3proTable tr td:nth-child(1){ background:#42B693; color:#fff;}
.m3proTable .std{ font-size:12px; line-height:14px; white-space:nowrap}
.m3proTable tr:nth-child(4) td{font-size:12px; padding-left:1px; padding-right:1px;}
.m3proCon4{ padding-top:0; padding-bottom:3.2vw;}
.m3proc4ul{ margin: 3.12vw -23px 0px; }
.m3proc4ul li{ padding: 0px 23px; float: left; width: 33.33%; margin-bottom: 42px; }
.m3pro_c4a{ display:block;}
.m3pro_c4a .overflowHide{ height:280px; border-radius:0.5em;}
.m3pro_c4a p{ font-size: 20px; line-height: 32px; letter-spacing: 1px; display: block; height: 32px; margin-top: 20px; text-align:center}
.m4proCon2{background:#fafafa;}
.m4proCon2 .m3pro2item h5{ font-size: 22px; line-height: 36px; font-weight: normal; letter-spacing: 1px; margin-top:38px; max-height:108px; overflow-y:auto; position:relative; z-index:1;}
.m4proCon2 .m3pro2item{height:350px;}
.m4proCon3{ background:#fff;}
.m4proCon4{background:#fafafa;}
.m4proCon5{padding-top:0;}
.m3proTable2{ margin-top:3.12vw;}
.m3proTable2 table{width:100%;}
.m3proTable2 td{ font-size: 16px; line-height: 28px; text-align: center; padding: 10px; border: 1px solid #F5F5F5; background: #FFF; }
.m3proTable2 tr:nth-child(1) td{ padding: 14px 10px; font-size: 20px; }
.m3proTable2 tr td:nth-child(1){ background:#42B693; color:#fff;}
@media (max-width:1799px){
.m3pro2item{padding:40px 25px 0;}
.m3proc2icon{transform:scale(0.85);}
.m3pro2item strong{margin:20px 0px 8px; font-size:19px;}
.m3pro2item p{font-size:14px; line-height:26px; height:78px;}
.m3pro2item{height:350px;}
.m2pubSwiper .slick-dots{bottom:-25px;}
.m3proTable td{font-size:12px;}
.m3proc4ul{margin:3.12vw -15px 0px}
.m3proc4ul li{padding:0 15px; margin-bottom:28px;}
.m3pro_c4a .overflowHide{height:220px;}
.m3pro_c4a p{font-size:18px}
.m3proc2swiper{margin-left:-15px; margin-left:-15px;}
.m3proc2swiper dd{ padding-left:15px; padding-right:15px;}
.m4proCon2 .m3pro2item h5{font-size:18px; line-height:30px; margin-top:25px;}
.m4proCon2 .m3pro2item{height:300px;}
}
@media (max-width:1379px){
.m3proc2swiper{margin-left:30px; margin-left:30px;}
.m3proTable2 td{font-size:14px; line-height:26px;}
.m3proTable2 tr:nth-child(1) td{font-size:18px;}
}
@media (max-width:1199px){
.m3proc1ul dd{width:33.33%;}
.m3proTable{margin-top:40px; overflow-x:auto;}
.m3proTable table{width:1200px;}
.m3proc4ul{margin-top:40px;}
}
@media (max-width:993px){
.m3proc1ul dd{width:50%;}
.m3proc4ul li{width:50%;}
}
@media (max-width:767px){
.m3proc2swiper{margin-left:-10px; margin-right:-10px}
.m3proc2swiper{margin-top:30px;}
.m4proCon2{padding-bottom:70px;}
.m3proTable2{margin-top:40px; width:100%; overflow-x:auto;}
.m3proTable2 table{width:1000px;}
.m2proc2swiper{margin-left:-10px; margin-right:-10px;}
.m2proc2bm strong{font-size:18px;}
.m2proc2bm span{font-size:14px}
.m2proc2bm p{font-size:14px;}
.m2proCon2{padding-bottom:60px;}
.m3proc1ul{ margin-top:25px;}
.m3proc1ul dd{width:100%; margin-bottom:20px;}
.m3proCon2{padding-bottom:70px;}
.m3proc4ul li{width:100%;}
}

.wxLyaer{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding:40px 20px 15px; text-align:center; z-index:20; background:#fff; border-radius:0.3em; box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.wxClose{ background: url(../images/close-2.png) no-repeat center center; position: absolute; top: 10px; right: 12px; cursor:pointer; width:20px; height:20px; background-size:12px auto; transition:all 0.5s ease;}
.wxClose:hover{transform:rotate(180deg);}
.wxImg{}
.wxLyaer p{ font-size:14px; letter-spacing:1px; text-align:center; line-height:24px; margin-top:5px;}




/*2022-12-09 CSS*/
.footTel{text-align:right;}
.footTel span{ /*background: url(../image/foot_tel.png) no-repeat left center;*/ padding-left:45px; font:28px/48px rbt_b; color:#c00202; margin-top:15px; font-weight:bold; white-space:nowrap; display:inline-block; border:none;} 
@media (max-width:993px){
.footTel{text-align:left;}	
}
@media (max-width:767px){
.footTel{transform:scale(0.8); transform-origin:left center;}
.footTel span{margin-top:8px;}
}


/*2023-07-03 CSS*/
.m2nproCon1{ /*background: url(../image/m2npro_c1bg.jpg) no-repeat center center;*/ color: #FFF; background-size:cover; padding-bottom:0; overflow:hidden;}
.m2nproc1imgs{ text-align:center; margin-top:2.6vw;}
.m2nproCon1 .m2pub_t:after{background:#fff;}
.m2nproCon2{padding-top:5.2vw;}
.m2nproc3item{ background:#f7f7f7; padding:5.2vw 0}
.m2nproC3items .m2nproc3item:nth-child(2n){ background:#fff;}
.m2nproc3item .container{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.m2npro_c3txt,.m2npro_c3img{display:flex;flex-direction:column;justify-content:center;}
.m2nproC3items .m2nproc3item:nth-child(2n) .container{flex-direction: row;}
.m2npro_c3img{ width:53%;}
.m2npro_imx{text-align:center;}
.m2npro_imx img{max-height:400px;}
.m2npro_c3txt{ width:47%; padding-right:5vw;}
.m2nproC3items .m2nproc3item:nth-child(2n) .m2npro_c3txt{padding-right:0; padding-left:5vw;}
.m2npro_c3txt strong{ font-size: 28px; line-height: 40px; font-weight: normal; display: block; letter-spacing: 1px; }
.m2npro_c3txt p{ font-size: 18px; letter-spacing: 1px; line-height: 30px; text-align: justify; margin-top: 12px; color: #555; }
.m2npro_btn{ margin-top:35px;}
.m2npro_btn a{color: #fff;background: #42b693;text-align: center;height: 44px;width: 140px;font-size: 16px;display: inline-block;line-height: 42px; cursor:pointer}
.m2npro_btn a:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 5px 15px rgba(66,182,147,0.3);}
@media (max-width:1799px){
.m2npro_c3txt strong{ font-size: 24px; line-height: 32px; }
.m2npro_c3txt p{ font-size: 16px; line-height: 28px;}
.m2npro_btn{ margin-top:25px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2npro_c3txt strong{ font-size: 20px; line-height: 30px; }
.m2npro_c3txt p{ font-size: 15px; line-height: 26px; margin-top:8px;}
.m2npro_btn a {width: 120px;line-height: 40px;font-size: 14px;height: 40px;}
}
@media (max-width:993px){
.m2npro_c3txt p{ font-size: 14px; line-height: 24px;}
}
@media (max-width:767px){
.m2nproCon2{padding-top:40px;}
.m2nproc3item .container{display:block!important;}
.m2npro_c3txt,.m2npro_c3img{display:block; width:100%; padding-left:0!important; padding-right:0!important; text-align:center}
.m2nproc3item{padding:50px 0;}
.m2npro_c3txt{margin-top:20px;}
.m2npro_c3txt p{text-align:center;}
.m2npro_c3txt strong{font-size:19px;}
}



/*2023-07-19 CSS*/
.m2nnProx{ /*background: url(../image/m2nn_dbg.png) no-repeat center center;*/ background-size:cover; }
.m2nnPcAnix{ position:relative; margin-top:160px;}
.m2nproc1imgs .dsPc{position:relative;}
.m2nnPc_mimgx{}
.m2nnAnix{ position:absolute;display:flex; justify-content:space-between; left:0; top:0; justify-content:space-between; width:100%;}
.m2nnAnix li{ text-align:center; transition:all 0.5s ease; transform:translateY(-80px);}
.m2nnAnix li:nth-child(2){margin-right:420px;}
.m2nnAnix li:hover{transform:translateY(-100px);}
.m2nnAnix li span{ display:inline-block; transition:all 0.5s ease;}
.m2nnAnix li p{ font-size: 17px; line-height: 30px; }
.m2nnAnix li:hover span{transform:rotateY(180deg);}
.m2nnItms{ position:absolute; height:480px; left:0; bottom:0; width:100%; transform:translateY(-100px)}
.m2nnItms li{ position:absolute; transition:all 0.5s ease;}
.m2nnItms li:hover{transform:translateY(-20px);}
.m2nnItms li:nth-child(1){ left:0; top:-20px;}
.m2nnItms li:nth-child(2){ right:0; top:-20px;}
.m2nnItms li:nth-child(3){ left:0; bottom:-30px;}
.m2nnItms li:nth-child(4){ right:0; bottom:-30px;}
@media (max-width:1799px){
.m2nnPc_mimgx{ transform:scale(0.8);}
}


.news_page{ background: #fafafa; }
.news_ul{ margin:2.5vw 0;}
.news_ul li{ margin-bottom:44px;}
.news_a{display:flex; justify-content:space-between; background:#fff; padding:20px; border-radius: 10px; overflow: hidden;}
.news_tm{ width: 350px; height: auto; }
.news_tm img{ width: 100%; }
.news_tm strong{ font: 60px/60px d-din-b; display: block; transition:all 0.5s ease; }
.news_tm p{ margin-top: 6px; font: 18px/22px d-din; transition:all 0.5s ease; }
.news_rx{ width:calc(100% - 400px);}
.news_rx span{ display: block; font-size: 16px; line-height: 24px; color: #808080; overflow:hidden; padding-bottom: 20px;}
.news_rx strong{ font-size: 24px; font-weight: normal; line-height: 40px; display: block; margin-bottom: 20px; }
.news_rx p{ font-size: 16px; line-height: 30px; color: #808080; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:7px; overflow:hidden; margin-bottom: 20px;}
.news_rx .newmore{ font-size: 16px; color: #808080;}
.news_a:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.1); background:#c00202; color:#fff;}
.news_a:hover .news_tm{ border-right: 1px solid rgba(255,255,255,0.3);}
.news_a:hover *{color:#fff!important;}
@media (max-width:1799px){

}
@media (max-width:1199px){
.news_a{padding:20px; }
.news_tm{ width: 320px; height: auto; }
.news_rx{ width:calc(100% - 360px);}
.news_rx span{font-size: 14px; line-height: 24px; padding-bottom: 15px;}
.news_rx strong{ font-size: 20px; line-height: 28px;  margin-bottom: 15px; }
.news_rx p{ font-size: 14px; line-height: 26px; margin-bottom: 15px;}
.news_rx .newmore{ font-size: 14px; }
}
@media (max-width:993px){
.news_tm{ width: 280px; height: auto; }
.news_rx{ width:calc(100% - 320px);}
.news_rx span{font-size: 14px; line-height: 24px; padding-bottom: 10px;}
.news_rx strong{ font-size: 20px; line-height: 28px;  margin-bottom: 10px; }
.news_rx p{ font-size: 14px; line-height: 26px; margin-bottom: 10px;}
.news_rx .newmore{ font-size: 14px; }
}
@media (max-width:767px){
.news_ul li{ margin-bottom:25px;}
.news_tm{ display: none;}
.news_rx{ width: 100%;}
.news_rx span{font-size: 14px; line-height: 24px; padding-bottom: 10px;}
.news_rx strong{ font-size: 20px; line-height: 28px; margin-bottom: 10px; }
.news_rx p{ font-size: 14px; line-height: 26px; margin-bottom: 10px;}
.news_rx .newmore{ font-size: 14px; }
}

.hmCon34{  padding: 5vw 0;overflow:hidden; background: #fafafa;}
.hmc34tags{ margin: 3vw 0px 2vw; width: 100%; height: 130px;}
.hmc34tags a{ float: left; width: 160px; margin-right: calc(16.66% - 160px); text-align: center;}
.hmc34tags a:nth-child(6){ margin-right: 0;}
.hmc34tags a span{display: inline-block; position: relative; width: 90px; height: 90px; border-radius: 50%; background-color: #fff3f3; transition: background-color 0.3s ease;}
.hmc34tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.hmc34tags a span img:nth-child(2){ opacity:0;}
.hmc34tags a p{ width: 100%; display:block; font-size: 18px; line-height: 40px; text-align: center; color:#666;}
.hmc34tags a.on span{ background: #cc0001;}
.hmc34tags a.on span img{ opacity:0;}
.hmc34tags a.on span img:nth-child(2){ opacity:1;}
.hmc34tags a.on p{ font-weight: 600; color:#333;}

.hmc34SwiperWpr{width:100%; height:560px; background: #fff; box-shadow:0 5px 8px rgba(0,0,0,0.05); border-radius: 20px; position:relative; /*left:50%; transform:translateX(-50%);*/}
.hmc34Swiper{}
.hmc34Swiper .hmc34body{ width: 100%; padding:25px 25px 25px 75px;}
.hmc34Swiper .hmc34body .conleft{ width: 45%; height:510px; margin-right: 5%; float: left;  display: flex; flex-direction: column;
  justify-content: center;}
.hmc34Swiper .hmc34body .conleft h3{width: 100%; display: block; font-size: 28px; margin-bottom: 10px; font-weight: 600;}
.hmc34Swiper .hmc34body .conleft span{width: 100%; font-size: 18px; line-height: 36px;}

.hmc34Swiper .hmc34body .conright{width: 50%; height:510px; float: left; display: flex; justify-content: center;align-items: center;}
.hmc34Swiper .hmc34body .conright img{ max-width: 100%;}

@media (max-width:1799px){
.hmc34tags{ height: 120px;}
.hmc34tags a span{width: 80px; height: 80px; }
.hmc34tags a p{font-size: 16px; line-height: 40px;}
.hmc34SwiperWpr{height:520px;}
.hmc34Swiper .hmc34body{ width: 100%; padding:25px 25px 25px 55px;}
.hmc34Swiper .hmc34body .conleft{ height:470px;}
.hmc34Swiper .hmc34body .conleft h3{font-size: 28px; }
.hmc34Swiper .hmc34body .conleft span{font-size: 18px;}
.hmc34Swiper .hmc34body .conright{height:470px;}
}
@media (max-width:1379px){
.hmc34tags{ height: 110px;}
.hmc34tags a span{width: 70px; height: 70px; }
.hmc34tags a p{font-size: 16px; line-height: 40px;}
.hmc34SwiperWpr{height:480px;}
.hmc34Swiper .hmc34body{ width: 100%; padding:20px 20px 20px 40px;}
.hmc34Swiper .hmc34body .conleft{ height:440px;}
.hmc34Swiper .hmc34body .conleft h3{font-size: 24px; }
.hmc34Swiper .hmc34body .conleft span{font-size: 16px;}
.hmc34Swiper .hmc34body .conright{height:440px;}
.hmc34Swiper .hmc34body .conright img{max-width: 90%; max-height: 90%;}
}
@media (max-width:1199px){
.hmc34tags{ height: 90px;}
.hmc34tags a{ float: left; width: 140px; margin-right: calc(16.66% - 140px); text-align: center;}
.hmc34tags a span{width: 60px; height: 60px; }
.hmc34tags a p{font-size: 14px; line-height: 30px;}
.hmc34SwiperWpr{height:440px;}
.hmc34Swiper .hmc34body{ width: 100%; padding:20px 20px 20px 40px;}
.hmc34Swiper .hmc34body .conleft{ height:400px;}
.hmc34Swiper .hmc34body .conleft h3{font-size: 24px; }
.hmc34Swiper .hmc34body .conleft span{font-size: 16px;}
.hmc34Swiper .hmc34body .conright{height:400px;}
.hmc34Swiper .hmc34body .conright img{max-width: 90%; max-height: 90%;}
}
@media (max-width:993px){
.hmc34tags{display:none;}
.hmc34SwiperWpr{height:340px; margin-top: 45px; width:100%; margin-bottom:45px;}
.hmc34Swiper .hmc34body .conleft{ height:300px;}
.hmc34Swiper .hmc34body .conleft h3{font-size: 20px; }
.hmc34Swiper .hmc34body .conleft span{font-size: 16px;}
.hmc34Swiper .hmc34body .conright{height:300px;}
.hmc34Swiper .hmc34body .conright img{max-width: 80%; max-height: 80%;}
.hmc34SwiperWpr .slick-dots{bottom:-35px;}
.hmc34SwiperWpr .slick-dots li button{display:none;}
.hmc34SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(0,0,0,0.3)}
.hmc34SwiperWpr .slick-dots li.slick-active{ background: rgba(204,0,1,1);}
}
@media (max-width:767px){
.hmc34SwiperWpr{height:auto;}
.hmc34Swiper .hmc34body{ width: 100%; padding:30px 20px 30px 20px;}
.hmc34Swiper .hmc34body .conleft{ width: 100%; margin-bottom: 30px; height:auto; }
.hmc34Swiper .hmc34body .conleft h3{font-size: 20px; text-align: center; }
.hmc34Swiper .hmc34body .conleft span{font-size: 14px; line-height: 28px;}
.hmc34Swiper .hmc34body .conright{width: 100%; height:200px; text-align: center;}
.hmc34Swiper .hmc34body .conright img{max-width: 90%; max-height: 90%;}
}


.hmCon44{  padding: 5vw 0;overflow:hidden; background: #fff;}
.hmc44tags{ margin: 5vw 0px 2vw; width: 370px; height:450px; float: left;}
.hmc44tags a{ width: 100%; height: 75px; line-height: 75px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.hmc44tags a:last-child{ border-bottom: 1px solid #777;}
.hmc44tags a span{display: inline-block; position: relative; width: 75px; height: 75px; margin-right: 10px; float: left;}
.hmc44tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.hmc44tags a span img:nth-child(2){ opacity:0;}
.hmc44tags a .hmc44name{ width: calc(100% -85px); float: left; font-size: 20px; height: 75px; line-height: 75px;}
.hmc44tags a.on{ background: #cc0001;}
.hmc44tags a.on span img{ opacity:0;}
.hmc44tags a.on span img:nth-child(2){ opacity:1;}
.hmc44tags a.on .hmc44name{ color: #fff;}

.hmc44SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 370px); height:450px; background:rgba(0,0,0,0.95); background: url("../images/zyysbg.jpg") no-repeat center center; background-size:cover;  color: #fff;}
.hmc44Swiper .hmc44body{ width: 100%; padding:80px 25px 25px 150px;}
.hmc44Swiper .hmc44body  h3{width: 100%; display: block; font-size: 24px; margin-bottom: 30px; font-weight: 600;}
.hmc44Swiper .hmc44body  span{width: 100%; font-size: 16px; line-height: 36px;}

@media (max-width:1799px){
.hmc44tags{ margin: 5vw 0px 2vw; width: 320px; height:450px; float: left;}
.hmc44tags a span{margin-right: 6px;}
.hmc44tags a .hmc44name{ width: calc(100% -81px);font-size: 18px; }
.hmc44SwiperWpr{width:calc(100% - 320px); height:450px;}
.hmc44Swiper .hmc44body{ width: 100%; padding:80px 25px 25px 120px;}
}
@media (max-width:1379px){
.hmc44tags{ margin: 5vw 0px 2vw; width: 300px; height:390px; float: left;}
.hmc44tags a{ width: 100%; height: 65px; line-height: 65px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.hmc44tags a:last-child{ border-bottom: 1px solid #777;}
.hmc44tags a span{display: inline-block; position: relative; width: 65px; height: 65px; margin-right: 5px; float: left;}
.hmc44tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.hmc44tags a span img:nth-child(2){ opacity:0;}
.hmc44tags a .hmc44name{ width: calc(100% - 70px); float: left; font-size: 18px; height: 65px; line-height: 65px;}

.hmc44SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 300px); height:390px;}
.hmc44Swiper .hmc44body{ width: 100%; padding:80px 25px 25px 100px;}
.hmc44Swiper .hmc44body  h3{width: 100%; display: block; font-size: 24px; margin-bottom: 20px; font-weight: 600;}
.hmc44Swiper .hmc44body  span{width: 100%; font-size: 16px; line-height: 36px;}
}
@media (max-width:1199px){
.hmc44tags{ margin: 5vw 0px 2vw; width: 280px; height:360px; float: left;}
.hmc44tags a{ width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.hmc44tags a:last-child{ border-bottom: 1px solid #777;}
.hmc44tags a span{display: inline-block; position: relative; width: 60px; height: 60px; margin-right: 5px; float: left;}
.hmc44tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.hmc44tags a span img:nth-child(2){ opacity:0;}
.hmc44tags a .hmc44name{ width: calc(100% - 70px); float: left; font-size: 16px; height: 60px; line-height: 60px;}

.hmc44SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 280px); height:360px;}
.hmc44Swiper .hmc44body{ width: 100%; padding:70px 25px 25px 50px;}
.hmc44Swiper .hmc44body  h3{width: 100%; display: block; font-size: 22px; margin-bottom: 20px; font-weight: 600;}
.hmc44Swiper .hmc44body  span{width: 100%; font-size: 16px; line-height: 36px;}
}
@media (max-width:993px){
.hmc44tags{display:none;}
.hmc44SwiperWpr{height:340px; margin-top: 45px; width:100%; margin-bottom:45px;}
.hmc44Swiper .hmc44body{ width: 100%; padding:50px;}
.hmc44Swiper .hmc44body  h3{width: 100%; display: block; font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.hmc44Swiper .hmc44body  span{width: 100%; font-size: 16px; line-height: 32px;}
.hmc44SwiperWpr .slick-dots{bottom:-35px;}
.hmc44SwiperWpr .slick-dots li button{display:none;}
.hmc44SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(0,0,0,0.3)}
.hmc44SwiperWpr .slick-dots li.slick-active{ background: rgba(204,0,1,1);}
}
@media (max-width:767px){
.hmc44SwiperWpr{height:auto;}
.hmc44Swiper .hmc44body{ width: 100%; padding:50px 25px;}
.hmc44Swiper .hmc44body  h3{width: 100%; display: block; font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.hmc44Swiper .hmc44body  span{width: 100%; font-size: 14px; line-height: 28px;}
}


.serv3csCon1{ padding:5vw 0 5vw 0; position:relative; background:#fafafa;}
.serv3csCon1 .container{ position:relative; z-index:1;}
.serv3csc1txt{ font-size: 18px; line-height: 36px; margin-top:1.38vw; text-align:center; color:#666;}
.serv3csCon1 .hmPage4Bg{bottom:0; height:70%;}
.serv3csCon1 .conbody{margin-top:4.38vw; width:100%; overflow:hidden; display:flex;flex-wrap:wrap;}
.serv3csCon1 .conbody li{width:33.333%; list-style:none;  padding:10px 0;}
.serv3csCon1 .conbody li .cimg{ width:100%; text-align:center;}
.serv3csCon1 .conbody li .cimg.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.serv3csCon1 .conbody li:hover .cimg.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.serv3csCon1 .conbody li .cimg img{ width:auto; height:60px;}
.serv3csCon1 .conbody li .cname{margin-top:10px; width:100%; text-align:center; font-size:24px; font-weight:500;}
.serv3csCon1 .conbody li .cdes{width:100%; text-align:center; font-size:16px; padding:20px 30px;  line-height:30px; color:#333;}

.serv3csCon2{background:#fff; padding-top: 5vw; }
.serv3csCon2 .conbody{margin-top:4.38vw; width:100%; overflow:hidden; }
.serv3csCon2 .conbody li{width:100%; list-style:none;  padding:50px 80px; margin-bottom:50px; background:#fafafa;  transition:all 0.5s ease;position: relative; }
.serv3csCon2 .conbody li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #c00202;
    transition: width 0.5s ease; /* 动画效果：1秒内宽度变化，平滑过渡 */
}
.serv3csCon2 .conbody li:hover::after { width: 100%; }  
.serv3csCon2 .conbody li .cimg{ width:100%; overflow:hidden; margin-bottom:20px;}
.serv3csCon2 .conbody li .cimg .ccimg{ float:left; height:80px;  margin-right:15px;}
.serv3csCon2 .conbody li .cimg .ccimg img{ height:60px; margin-top:10px;}
.serv3csCon2 .conbody li .cimg .cname{ float:left; font-size:30px; height:80px; line-height:80px; }
.serv3csCon2 .conbody li .cdes{width:100%; font-size:16px; line-height:32px;color:#333;}

.serv3csCon4{ padding-top:5vw; background: #f6f6f6;}
.serv3csc4ul{ margin: 4vw 0 0 0; display:flex;flex-wrap:wrap; }
.serv3csc4ul li{ width:calc(25% - 2vw); margin:0 1vw 2vw 1vw; border-radius:0.6em; overflow:hidden; padding:50px 14px 40px 14px; text-align: center; box-shadow:0 5px 18px rgba(247,153,153,0.1); border-bottom:3px solid #c00202;}
.serv3csc4ul li span{ width: 100%; text-align: center;} 
.serv3csc4ul li img.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.serv3csc4ul li:hover img.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.serv3csc4ul li span img{ height:80px} 
.serv3csc4ul li h3{width: 100%; text-align: center; font-size: 22px; line-height: 36px; font-weight: 600; padding: 20px 0; }
.serv3csc4ul li p{ font-size: 16px; line-height: 30px; text-align: center; padding: 0 10px; }

@media (max-width:1799px){

}
@media (max-width:1379px){
.serv3csc4ul li{padding:40px 14px 40px 14px;}
.serv3csc4ul li h3{font-size: 20px;}
.serv3csc4ul li p{ line-height: 26px;}
}
@media (max-width:1199px){
.serv3csCon1 .conbody li .cimg img{ width:auto; height:45px;}
.serv3csCon1 .conbody li .cname{font-size:18px; }
.serv3csCon1 .conbody li .cdes{width:100%; text-align:center; font-size:14px; padding:20px;  line-height:26px; color:#333;}

.serv3csCon2 .conbody li{width:100%; list-style:none;  padding:50px; margin-bottom:30px; }
.serv3csCon2 .conbody li .cimg{ width:100%; overflow:hidden; margin-bottom:10px;}
.serv3csCon2 .conbody li .cimg .ccimg{ float:left; height:60px;  margin-right:15px;}
.serv3csCon2 .conbody li .cimg .ccimg img{ height:40px; margin-top:10px;}
.serv3csCon2 .conbody li .cimg .cname{ float:left; font-size:24px; height:60px; line-height:60px; }
.serv3csCon2 .conbody li .cdes{width:100%; font-size:16px; line-height:32px; color:#333;}
.serv3csc4ul span img{ height: 50px; width: auto;}
.serv3csc4ul li p{ font-size: 14px; line-height: 28px; text-align: center; padding: 0; }
}
@media (max-width:993px){
.serv3csc2ul li{ width:calc(50% - 2.38vw);}
.serv3csc4ul li{ width:calc(50% - 2vw);}
.serv3csc4ul li h3{font-size: 18px;}
.serv3csc1txt{ font-size: 16px; line-height: 32px;}
}
@media (max-width:767px){
.serv3csCon1{ padding-bottom:60px;}
.serv3csc2ul{margin-top:25px;}
.serv3csc2ul li{width:100%; padding-right:15px; padding-left:15px;}
.serv3csCon1 .conbody li{width:100%; list-style:none; border-right:0 solid #e1e1e1; border-bottom:2px solid #e1e1e1; padding:0; margin:20px 0 20px 0;}
.serv3csCon1 .conbody li:nth-child(3){border-right:0 solid #e1e1e1; border-bottom:0 solid #e1e1e1;  }

.serv3csCon2 .conbody li{ padding:40px; margin-bottom:30px; }
.serv3csCon2 .conbody li .cimg .cname{font-size:20px; }
.serv3csCon2 .conbody li .cdes{ font-size:14px; line-height:28px;}

.serv3csCon4{padding-top:6vw;}
.serv3csc4ul{ margin: 6vw 0 0 0;}
.serv3csc4ul li{width:calc(100% - 2vw);padding:30px 14px 30px 14px;}
.serv3csc4ul li h3{font-size: 16px; padding: 10px 0;}
.serv3csc4ul li p{font-size: 14px; line-height: 24px;}
}

.serv55csCon5{ padding-top:5vw; background: #fff; overflow:hidden;}
.serv55tags{ margin: 5vw 0px 2vw; width: 300px; height:600px; float: left;}
.serv55tags a{ width: 100%; height: 75px; line-height: 75px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.serv55tags a:last-child{ border-bottom: 1px solid #777;}
.serv55tags a span{display: inline-block; position: relative; width: 75px; height: 75px; margin-right: 10px; float: left;}
.serv55tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.serv55tags a span img:nth-child(2){ opacity:0;}
.serv55tags a .serv55name{ width: calc(100% -85px); float: left; font-size: 20px; height: 75px; line-height: 75px;}
.serv55tags a.on{ background: #cc0001;}
.serv55tags a.on span img{ opacity:0;}
.serv55tags a.on span img:nth-child(2){ opacity:1;}
.serv55tags a.on .serv55name{ color: #fff;}

.serv55SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 300px); height:600px; background:rgba(0,0,0,0.95); background: url("../images/zyysbg.jpg") no-repeat center center; background-size:cover;  color: #fff;}
.serv55Swiper .serv55body{ width: 100%; padding:100px 25px 25px 100px;}
.serv55Swiper .serv55body  h3{width: 100%; display: block; font-size: 28px; margin-bottom: 30px; font-weight: 600;}
.serv55Swiper .serv55body  span{width: 100%; display: block; font-size: 18px; line-height: 40px;}
.serv55Swiper .serv55body  span a{color: #FFFFFF;}
.serv55Swiper .serv55body  span a:hover{color: #FFFFFF; text-decoration: underline}
.serv55Swiper .serv55body .serv55more{ margin-top: 40px;}
.serv55Swiper .serv55body .serv55more a{ border: 1px solid #fff; width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; display: inline-table; transition:all 0.5s ease;}
.serv55Swiper .serv55body .serv55more a:hover{ border: 1px solid #c00202; background: #c00202;}

@media (max-width:1799px){

}
@media (max-width:1379px){
.serv55tags{ margin: 5vw 0px 2vw; width: 300px; height:480px; float: left;}
.serv55tags a{ width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.serv55tags a:last-child{ border-bottom: 1px solid #777;}
.serv55tags a span{display: inline-block; position: relative; width: 60px; height: 60px; margin-right: 5px; float: left;}
.serv55tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.serv55tags a span img:nth-child(2){ opacity:0;}
.serv55tags a .serv55name{ width: calc(100% - 70px); float: left; font-size: 18px; height: 60px; line-height: 60px;}

.serv55SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 300px); height:480px;}
.serv55Swiper .serv55body{ width: 100%; padding:80px 25px 25px 100px;}
.serv55Swiper .serv55body  h3{width: 100%; display: block; font-size: 24px; margin-bottom: 20px; font-weight: 600;}
.serv55Swiper .serv55body  span{width: 100%; font-size: 16px; line-height: 36px;}
}
@media (max-width:1199px){
.serv55tags{ margin: 5vw 0px 2vw; width: 250px; height:400px; float: left;}
.serv55tags a{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #777;border-left: 2px solid #e1e1e1; background: #fafafa; overflow: hidden; display:block;}
.serv55tags a:last-child{ border-bottom: 1px solid #777;}
.serv55tags a span{display: inline-block; position: relative; width: 50px; height: 50px; margin-right: 5px; float: left;}
.serv55tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%;}
.serv55tags a span img:nth-child(2){ opacity:0;}
.serv55tags a .serv55name{ width: calc(100% - 70px); float: left; font-size: 16px; height: 50px; line-height: 50px;}

.serv55SwiperWpr{ margin: 5vw 0px 2vw; float: left; width:calc(100% - 250px); height:400px;}
.serv55Swiper .serv55body{ width: 100%; padding:70px 25px 25px 70px;}
.serv55Swiper .serv55body  h3{width: 100%; display: block; font-size: 22px; margin-bottom: 20px; font-weight: 600;}
.serv55Swiper .serv55body  span{width: 100%; font-size: 16px; line-height: 36px;}
}
@media (max-width:993px){
.serv55tags{display:none;}
.serv55SwiperWpr{height:340px; margin-top: 45px; width:100%; margin-bottom:45px;}
.serv55Swiper .serv55body{ width: 100%; padding:50px;}
.serv55Swiper .serv55body  h3{width: 100%; display: block; font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.serv55Swiper .serv55body  span{width: 100%; font-size: 16px; line-height: 32px;}
.serv55SwiperWpr .slick-dots{bottom:-35px;}
.serv55SwiperWpr .slick-dots li button{display:none;}
.serv55SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(0,0,0,0.3)}
.serv55SwiperWpr .slick-dots li.slick-active{ background: rgba(204,0,1,1);}
.serv55Swiper .serv55body .serv55more a{ width: 100px; height: 36px; line-height: 36px; font-size: 14px; }
}
@media (max-width:767px){
.serv55SwiperWpr{height:auto;}
.serv55Swiper .serv55body{ width: 100%; padding:50px 25px;}
.serv55Swiper .serv55body  h3{width: 100%; display: block; font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.serv55Swiper .serv55body  span{width: 100%; font-size: 14px; line-height: 32px;}
}

.hezuoCon1{padding: 8vw 0 8vw 0;	position: relative;	background: url(../images/hzbg.jpg) no-repeat center center;}
.hzzc {position: relative;  display: flex;  justify-content: flex-end;  }
.hzzc .videoBox { position: relative;  z-index: 1;   display: inline-block;  *display: inline;  *zoom: 1; width:100%; text-align:right;}
.hzzc .txtBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  display: flex;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  }
.hzzc .txtBox .txt { padding:40px 60px;  background: #fff;  border-radius:10px; }
.hzzc .txtBox .txt .conname{ font-size:30px; line-height:36px; text-align:center; margin-bottom:30px;}
.hzzc .txtBox .txt .condes{ font-size:16px; line-height:30px; text-align:left;color:#666; }
@media (max-width:1799px){
.hzzc .videoBox { width:80%;}
.hzzc .txtBox {width: 45%; }
.hzzc .txtBox .txt { padding:30px 50px;  }
.hzzc .txtBox .txt .conname{ font-size:30px; line-height:36px; margin-bottom:20px;}
.hzzc .txtBox .txt .condes{ font-size:16px; line-height:28px;  }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hzzc .videoBox { width:80%;}
.hzzc .txtBox {width: 60%; }
.hzzc .txtBox .txt { padding:30px 50px;  }
.hzzc .txtBox .txt .conname{ font-size:24px; line-height:30px; margin-bottom:20px;}
.hzzc .txtBox .txt .condes{ font-size:14px; line-height:26px;  }
}
@media (max-width:993px){
.hzzc .videoBox { width:90%;}
.hzzc .txtBox {width: 70%; }
.hzzc .txtBox .txt { padding:30px 30px;  }
.hzzc .txtBox .txt .conname{ font-size:20px; line-height:30px; margin-bottom:20px;}
.hzzc .txtBox .txt .condes{ font-size:14px; line-height:26px;  }
}
@media (max-width:767px){
.hzzc .videoBox { width:100%; display:none;}
.hzzc .txtBox {
  position: relative;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  }
.hzzc .txtBox .txt { padding:30px 30px;  border-radius:0; }
.hzzc .txtBox .txt .conname{ font-size:20px; line-height:30px; margin-bottom:20px;}
.hzzc .txtBox .txt .condes{ font-size:14px; line-height:26px;  }
}
 
.hezuoCon2{background:#fff; padding: 5vw 0; }
.hezuoCon2 .conbody{margin-top:4.38vw; width:100%; overflow:hidden; }
.hezuoCon2 .conbody .txt{ font-size:18px; line-height:36px;  color:#666;}
 
.hezuoCon2 .conbody table {width: 100%;border-collapse: collapse; border:2px solid #fdcaca;font-size:16px; line-height:28px;}
.hezuoCon2 .conbody  tr, .hezuoCon2 .conbody td {padding: 30px;text-align: left; border: 2px solid #fed6d6;}
.hezuoCon2 .conbody  tr:first-child, .hezuoCon2 .conbody td:first-child {background-color: #fce6e6; color:#c00202; font-size:20px; text-align:center;}
.hezuoCon2 .conbody  tr th:first-child, .hezuoCon2 .conbody tr td:first-child {width: 30%;}
.hezuoCon2 .conbody  tr th:not(:first-child), .hezuoCon2 .conbody tr td:not(:first-child) {width: 35%} 

@media (max-width:1379px){
.hezuoCon2 .conbody table {font-size:14px; line-height:26px;}
.hezuoCon2 .conbody  tr, .hezuoCon2 .conbody td {padding: 20px;}
.hezuoCon2 .conbody  tr:first-child, .hezuoCon2 .conbody td:first-child {font-size:18px;}
}
@media (max-width:1199px){
.hezuoCon2 .conbody .txt{ font-size:16px; line-height:32px;}
}
@media (max-width:993px){
.hezuoCon2 .conbody  tr th:first-child, .hezuoCon2 .conbody tr td:first-child {width: 24%;}
.hezuoCon2 .conbody  tr th:not(:first-child), .hezuoCon2 .conbody tr td:not(:first-child) {width: 38%} 
}
@media (max-width:767px){
.hezuoCon2 .conbody .txt{ font-size:14px; line-height:32px;}
.hezuoCon2 .conbody table {font-size:14px; line-height:24px;}
.hezuoCon2 .conbody  tr, .hezuoCon2 .conbody td {padding: 10px;}
.hezuoCon2 .conbody  tr:first-child, .hezuoCon2 .conbody td:first-child {font-size:16px;}
}


.gaishuCon1{padding: 8vw 0 8vw 0;	position: relative; background:#fff;}
.gaishu {position: relative;  display: flex;   }
.gaishu .videoBox { position: relative;  z-index: 1;   display: inline-block;  *display: inline;  *zoom: 1; width:100%; text-align:left;}
.gaishu .txtBox {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45%;
  display: flex;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  }
.gaishu .txtBox .txt { padding:40px 60px;  background: #f6f6f6;  border-radius:10px; }
.gaishu .txtBox .txt .conname{ font-size:30px; line-height:36px; text-align:center; margin-bottom:30px;}
.gaishu .txtBox .txt .condes{ font-size:16px; line-height:30px; text-align:left;color:#666; }
@media (max-width:1799px){
.gaishu .txtBox .txt { padding:30px 50px;  }
.gaishu .txtBox .txt .conname{ font-size:30px; line-height:36px; margin-bottom:20px;}
.gaishu .txtBox .txt .condes{ font-size:16px; line-height:28px;  }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.gaishu .videoBox { width:80%; text-align:left; float:left;}
.gaishu .txtBox {width: 60%; }
.gaishu .txtBox .txt { padding:30px 50px;  }
.gaishu .txtBox .txt .conname{ font-size:24px; line-height:30px; margin-bottom:20px;}
.gaishu .txtBox .txt .condes{ font-size:14px; line-height:26px;  }
}
@media (max-width:993px){
.gaishu .txtBox {width: 70%; }
.gaishu .txtBox .txt { padding:30px 30px;  }
.gaishu .txtBox .txt .conname{ font-size:20px; line-height:30px; margin-bottom:20px;}
.gaishu .txtBox .txt .condes{ font-size:14px; line-height:26px;  }
}
@media (max-width:767px){
.gaishu {position: relative;  display: block;   }
.gaishu .videoBox { position: relative;  z-index: 1;   display: block;  *display: inline;  *zoom: 1; width:100%; text-align:left;}
.gaishu .txtBox {
  position: relative;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  }
.gaishu .txtBox .txt { padding:30px 20px;  border-radius:0; }
.gaishu .txtBox .txt .conname{ font-size:20px; line-height:30px; margin-bottom:20px;}
.gaishu .txtBox .txt .condes{ font-size:14px; line-height:28px;  }
}


.aboutcon{padding: 6vw 0 6vw 0; overflow:hidden; background:#fff;}
.aboutcon .aboutbody{ width:100%; overflow:hidden; }
.aboutcon .aboutbody .aboutleft{ float:left; width:35%; overflow:hidden; }
.aboutcon .aboutbody .aboutleft span{ display:block; overflow:hidden; font-size:18px; padding-bottom:20px; }
.aboutcon .aboutbody .aboutleft h2{ font-size:28px; color:#c00202; font-weight:500;}
.aboutcon .aboutbody .aboutright{ float:left; width:65%; overflow:hidden; font-size:16px; line-height:32px; color:#555;}

@media (max-width:1799px){
}
@media (max-width:1379px){
.aboutcon .aboutbody .aboutleft span{padding-bottom:15px; }
.aboutcon .aboutbody .aboutleft h2{ font-size:24px; color:#c00202; font-weight:500;}
}
@media (max-width:1199px){
.aboutcon .aboutbody .aboutleft{ float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.aboutcon .aboutbody .aboutright{ float:left; width:100%; }
}
@media (max-width:993px){
}
@media (max-width:767px){
.aboutcon .aboutbody .aboutright{font-size:14px; line-height:28px; }
}

.aboutcon1{background: url(../images/aboutbg.jpg) no-repeat center center;  overflow: hidden; height:310px;}
.aboutcon1 li{ width:20%; float:left; margin-top:80px; text-align:center; }
.aboutcon1 li .cimg{
	display: flex;           /* 使用Flexbox */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
	background:#fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    overflow: hidden;
 }
.aboutcon1 li .cimg img{width: 60px; }
.aboutcon1 li img.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.aboutcon1 li:hover img.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.aboutcon1 li span{ width:100%; text-align:center; font-size: 20px; color:#FFF; overflow:hidden;}
@media (max-width:1500px){
.aboutcon1{height:280px;}
.aboutcon1 li{margin-top:65px;}
.aboutcon1 li .cimg{ width: 90px; height: 90px;}
.aboutcon1 li span{font-size: 18px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.aboutcon1{height:240px;}
.aboutcon1 li{margin-top:60px; }
.aboutcon1 li .cimg{width: 80px; height: 80px; }
.aboutcon1 li .cimg img{width: 50px;}
.aboutcon1 li span{ font-size: 16px; }
}
@media (max-width:993px){

}
@media (max-width:767px){
.aboutcon1{height:180px;}
.aboutcon1 li{margin-top:40px;}
.aboutcon1 li .cimg{width: 60px; height: 60px; margin: 0 auto 10px;}
.aboutcon1 li .cimg img{width: 40px;}
.aboutcon1 li span{ font-size: 14px;}
}

.shijiCon{  padding: 6vw 0;overflow:hidden; background: #fff;}
.shiji22tags{ margin: 3vw 0px 2vw; width: 370px; height:auto; overflow:hidden; min-height:500px; float: left;}
.shiji22tags a{ width: 100%; height: 75px; line-height: 75px; overflow: hidden; display:block;}
.shiji22tags a span{display: inline-block; position: relative; width: 25px; height: 75px; margin-right: 10px; float: left;}
.shiji22tags a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shiji22tags a span img:nth-child(2){ opacity:0;}
.shiji22tags a .shiji22name{ width: calc(100% -35px); float: left; font-size: 18px; height: 75px; line-height: 75px; color:#999;}
.shiji22tags a.on{ }
.shiji22tags a.on span img{ opacity:0;}
.shiji22tags a.on span img:nth-child(2){ opacity:1;}
.shiji22tags a.on .shiji22name{ color: #c00202;}

.shiji22SwiperWpr{ margin: 4vw 0px 2vw; float: left; width:calc(100% - 370px); height:auto; overflow:hidden; min-height:500px;  box-shadow:0 5px 8px rgba(0,0,0,0.1); border-top:4px solid #c00202; border-radius:0 0 10px 10px;}
.shiji22Swiper .shiji22body{ width: 100%; padding:70px;}
.shiji22Swiper .shiji22body  h4{width: 100%; font-size: 20px; line-height: 36px; color:#333; font-weight:500;}
.shiji22Swiper .shiji22body  h3{width: 100%; display: block; font-size: 24px; margin-bottom: 20px; font-weight: 500; padding-bottom:15px; border-bottom:1px solid #ccc;}
.shiji22Swiper .shiji22body  span{width: 100%; font-size: 16px; line-height: 36px;}

@media (max-width:1799px){
.shiji22tags{ width: 320px; min-height:450px; float: left;}
.shiji22SwiperWpr{width:calc(100% - 320px); min-height:450px;}
}
@media (max-width:1379px){
.shiji22tags{ width: 300px; min-height:400px;}
.shiji22tags a .shiji22name{ font-size: 16px;}

.shiji22SwiperWpr{ width:calc(100% - 300px); min-height:400px; }
.shiji22Swiper .shiji22body{ padding:50px;}
.shiji22Swiper .shiji22body  h4{font-size: 18px; line-height: 36px;}
.shiji22Swiper .shiji22body  h3{font-size: 22px; }
}
@media (max-width:1199px){
.shiji22tags{ width: 270px; min-height:400px;}
.shiji22tags a .shiji22name{ font-size: 16px;}

.shiji22SwiperWpr{ width:calc(100% - 270px); min-height:400px; }
.shiji22Swiper .shiji22body{ padding:50px;}
.shiji22Swiper .shiji22body  h4{font-size: 18px; line-height: 36px;}
.shiji22Swiper .shiji22body  h3{font-size: 22px; }
}
@media (max-width:993px){
.shiji22tags{display:none;}
.shiji22SwiperWpr{ height:450px;  margin-top: 45px; width:100%; margin-bottom:45px;}
.shiji22Swiper .shiji22body{ padding:40px;}
.shiji22Swiper .shiji22body  h4{font-size: 16px; line-height: 36px;}
.shiji22Swiper .shiji22body  h3{font-size: 20px; }
.shiji22Swiper .shiji22body  span{width: 100%; font-size: 16px; line-height: 32px;}
.shiji22SwiperWpr .slick-dots{bottom:-35px;}
.shiji22SwiperWpr .slick-dots li button{display:none;}
.shiji22SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(0,0,0,0.3)}
.shiji22SwiperWpr .slick-dots li.slick-active{ background: rgba(204,0,1,1);}
}
@media (max-width:767px){
.shiji22SwiperWpr{height:auto; overflow:hidden; padding-bottom:60px;}
.shiji22Swiper .shiji22body{ padding:20px 15px;}
.shiji22Swiper .shiji22body  span{width: 100%; font-size: 14px; line-height: 26px;}
}

.cul3csCon4{ padding:6vw 0; background: #fff;}
.cul3csc4ul{ margin: 4vw 0 0 0; display:flex;flex-wrap:wrap; }
.cul3csc4ul li{ width:calc(33.333% - 3vw); margin:0 1.5vw 2vw 1.5vw; overflow:hidden; text-align: center; box-shadow:0 5px 18px rgba(247,153,153,0.1); }
.cul3csc4ul li span{ width: 100%; text-align: center;} 
.cul3csc4ul li span img{width: 100%;} 
.cul3csc4ul li h3{width: 100%; text-align: center; font-size: 28px; line-height: 36px; font-weight: 600; padding: 70px 15px 30px 15px; }
.cul3csc4ul li p{ font-size: 16px; line-height: 30px; text-align: center; padding: 0 30px 50px 30px; color:#333; }

@media (max-width:1799px){
.cul3csc4ul li{ width:calc(33.333% - 2vw); margin:0 1vw 2vw 1vw;  }
}
@media (max-width:1379px){
.cul3csc4ul li h3{font-size: 24px;}
}
@media (max-width:1199px){
.cul3csc4ul li h3{ font-size: 24px; line-height: 36px;  padding: 40px 15px 30px 15px; }
.cul3csc4ul li p{padding: 0 30px 40px 30px; }
}
@media (max-width:993px){
.cul3csc4ul li{ width:calc(50% - 2vw);}
.cul3csc4ul li h3{font-size: 18px;}
}
@media (max-width:767px){
.cul3csCon4{padding-top:6vw;}
.cul3csc4ul{ margin: 6vw 0 0 0;}
.cul3csc4ul li{width:calc(100% - 2vw);padding:30px 14px 30px 14px;}
.cul3csc4ul li h3{ font-size: 20px; line-height: 36px;  padding: 30px 15px 30px 15px; }
.cul3csc4ul li p{ font-size: 14px; line-height: 26px; padding: 0 15px 30px 15px;  }
}


.cont3csCon4{ padding:6vw 0; background: #fff;}
.cont3csc4ul{ margin: 4vw 0 0 0; display:flex;flex-wrap:wrap; justify-content: center; }
.cont3csc4ul li{ max-width: 585px; width:calc(50% - 3vw);  margin:0 1.5vw 4vw 1.5vw; padding: 50px 50px 100px 50px; overflow:hidden; text-align: center; background: url("../images/conbg.jpg") no-repeat center center;}
.cont3csc4ul li span{ width: 100%; text-align: center;} 
.cont3csc4ul li span img{width: 122px;} 
.cont3csc4ul li img.icon {
transition: 0.5s;
-webkit-transition: 0.5s;
}
.cont3csc4ul li:hover img.icon {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
.cont3csc4ul li h3{width: 100%; text-align: center; font-size: 22px; line-height: 36px; font-weight: 600; padding: 20px 0; color: #333; border-bottom: 1px solid #ddd; margin-bottom: 120px;}
.cont3csc4ul li p{ font-size: 18px; line-height: 50px; text-align: center; color:#777; }

@media (max-width:1799px){
}
@media (max-width:1379px){
.cont3csc4ul li{ max-width: 420px; width:calc(50% - 3vw);  margin:0 1.5vw 4vw 1.5vw; padding: 40px 40px 60px 40px; }
.cont3csc4ul li span img{width: 90px;} 
.cont3csc4ul li h3{font-size: 18px; line-height: 36px; margin-bottom: 50px;}
.cont3csc4ul li p{ font-size: 14px; line-height: 36px; }
}
@media (max-width:1199px){

}
@media (max-width:993px){
.cont3csc4ul li{ max-width: auto; width:calc(50% - 3vw);  margin:0 1.5vw 4vw 1.5vw; padding: 30px 30px 50px 30px; }
.cont3csc4ul li span img{width: 80px;} 
.cont3csc4ul li h3{font-size: 16px; line-height: 36px; margin-bottom: 40px;}
.cont3csc4ul li p{ font-size: 14px; line-height: 32px; }
}
@media (max-width:767px){
.cont3csc4ul li{ max-width: auto; width:calc(100% - 3vw);  margin:0 1.5vw 4vw 1.5vw; padding: 30px 30px 30px 30px; }
.cont3csc4ul li span img{width: 70px;} 
.cont3csc4ul li h3{font-size: 16px; line-height: 36px; margin-bottom: 40px;}
.cont3csc4ul li p{ font-size: 14px; line-height: 32px; }
}

.cont_addtel{ padding:0 0 6vw 0; background: #fff; overflow: hidden;}
.cont_addtel_con{ margin-top: 4vw; overflow: hidden;}
.cont_addtel h2 { font-size: 24px; margin-bottom: 30px;}
.cont_addtel .address, .cont_addtel .phone {display: flex;align-items: center;margin-bottom: 20px; font-size: 18px;}
.cont_addtel .icon {width: 25px;height: 28px;margin-right: 10px;}
.cont_addtel .address img, .cont_addtel .phone img {fill: currentColor;}
@media (max-width:1379px){
.cont_addtel h2 { font-size: 20px; margin-bottom: 20px;}
.cont_addtel .address, .cont_addtel .phone {margin-bottom: 15px; font-size: 16px;}
}
@media (max-width:1199px){
.cont_addtel h2 { font-size: 18px; margin-bottom: 20px;}
.cont_addtel .address, .cont_addtel .phone {margin-bottom: 10px; font-size: 14px;}
}
@media (max-width:993px){
}
@media (max-width:767px){
.cont_addtel h2 { font-size: 16px; margin-bottom: 20px;}
.cont_addtel .address, .cont_addtel .phone {margin-bottom: 10px; font-size: 14px;}
}