.inx_ban_pc{height:31.25vw;}
.inx_ban_link{display:block;}
.inx_ban_phone{display:none;}
.hmFocusWpr{position:relative;}
.hmFocus{ background:#000;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 2vw; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:50px; display:inline-block;}
.hmFs_docx{ line-height: 40px; height: 41px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px;}
.hmFs_docx.on i{width:100%; transition:all 5s linear;}
/*.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 10s linear;}*/
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.2); padding-bottom:35px;}
.hmBan_txt p{ font-size: 30px; line-height: 42px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 1px;}
.hmBan_txt strong{ letter-spacing: 2px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; margin: 15px 0px 0px; font: normal 58px/68px alm; }
.hmBan_txt strong span{}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.active .hmBan_txt p{ opacity:1; transform:translateY(0);}
.hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; margin-top:85px;}
.active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_m{ line-height: 50px; text-align: center; display: inline-block; width: 180px; font-size: 16px;background-image: linear-gradient(135deg,#DA1E40 0%,#EC703F 90%); letter-spacing: 2px; color: #FFF; float:left; border-radius:2em; }
.hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); color:#fff;}
.hmBan_m{ text-shadow:none}
@media (max-width:1799px){
.headtips{display:none;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.hmFocus_doc{bottom:0;}
.inx_ban_pc{display:none;}
.inx_ban_phone{display:block;}
}
@media (max-width:767px){
.hmFocus_doc ul li{margin:0 3px; width:30px;}
.hmFs_docx{ line-height: 30px; height: 31px;}
}

.m2banner{position: relative; overflow: hidden}
.m2banner .coverImg{ height:20vw; transition:all 6s ease; transform:scale(1.15);}
.m2banner .coverImg:after {content: "";background: url(../images/m2bansdx.png) no-repeat left top;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px; opacity:0.6;}
.m2banner.on .coverImg{ transform:scale(1);}
.m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff;}
.m2banTxt strong{font-size: 50px;line-height: 60px;letter-spacing: 2px;display: block;font-weight: normal;}
.m2banTxt p{font-size: 22px;line-height: 32px;letter-spacing: 1px;display: block; margin-top: 12px;}
.pub_common{ background: url(../images/bombg.png) no-repeat center center; background-size:cover; height:260px; text-align:center; background-size:cover;display:flex; flex-direction:column; justify-content:center;}
.pub_common_btn{}

.page { text-align: center; padding-top:2.08vw; border-top:2px solid #3E4962; }
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 12px; height: 40px; min-width: 40px; text-align: center; display: inline-block; margin: 0px 5px; vertical-align: middle; color: #333; background: #F5F5F5; font-size: 16px; line-height: 40px; border-radius:0.3em; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background:var(--cor); }
@media (max-width:1799px){
.page { border-top:2px solid #202230; }
.m2banTxt strong{font-size:40px; line-height:50px;}
.m2banTxt p {font-size: 18px;line-height: 10px;	margin-top: 12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2banTxt strong{font-size:32px; line-height:42px;}
.m2banner .coverImg{height:26vw;}
}
@media (max-width:993px){
.page{padding-top:25px;}
}
@media (max-width:767px) {
.page .pagination li { margin-bottom: 8px; }
.m2banner .coverImg{height:180px;}
.m2banTxt strong{font-size:24px; line-height:32px; letter-spacing:0;}
.m2banTxt p{font-size:16px;}
}


.inx_con1{ background: url(../images/yy_c1bg.png) no-repeat center bottom 120px; padding-bottom:100px; }
.inx_ptx{ text-align:center; font-size:40px; line-height:40px;}
.inx_ptx span{ display:inline-block; position:relative}
.inx_ptx span i{font-style: normal;position: relative;display: inline-block;z-index: 1;}
.inx_ptx span:after {content: "";background: url(../images/ptx_ico.png) no-repeat center center;height: 54px;width: 51px;position: absolute;right: -22px;bottom: -15px;}
.inx_c1tab{ text-align:center; margin-top:3.2vw; border-bottom:1px solid #eee;display:flex; justify-content:space-around;}
.inx_c1ico{ width:40px; height:40px; display:block; margin:0 auto;}
.inx_c1tab a{ display:inline-block; cursor:pointer; position:relative; margin:0 55px;}
.inx_c1tab a p{ font-size:20px; line-height:66px; display:inline-block; position:relative;}
.inx_c1tab a.on,.inx_c1tab a:hover{color:var(--cor);}
.inx_c1tab a:after{content:""; height:2px; background:var(--cor); position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; width:0; transition:all 0.5s ease;}
.inx_c1tab a.on:after,.inx_c1tab a:hover:after{width:50px;}
.inx_c1sw,.dtl_bmsw{ margin-top:3.5vw;}
.inx_c1sw dd,.dtl_bmsw dd{ padding:0 60px 0 80px;}
.inx_c1item{display:flex; justify-content:space-between; }
.inx_c1imgx{ height:527px; width:527px; position:relative; transition:all 0.6s ease; opacity:0; transform:scale(0.8);}
.inx_c1imgx:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/inx_c1bor.png) no-repeat center center; animation:turnAni 50s linear infinite; }
.inx_c1imgx .coverImg{ width:456px; height:456px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; overflow:hidden;}
.inx_c1rx{display:flex; flex-direction:column; justify-content:center; width:60%; padding:0 35px; background:rgba(255,255,255,0.7); float:right; height:515px;}
.inx_c1nimgx{display:flex; flex-direction:column; justify-content:center; width:40%}
.inx_c1nimgx img{border-radius:1em;}
.inx_c1nimgx + .inx_c1rx{height:auto; padding-left:60px; padding-right:40px;}
.inx_c1rt{ font-size:26px; line-height:36px; font-weight:normal;color:var(--cor);padding-bottom: 18px; border-bottom:1px solid #CAE087; position: relative; transition:all 0.6s ease; opacity:0; transform:translateY(30px); font-family:alm;}
.inx_c1des{ color: #666666; margin-top: 18px; font-size: 16px; line-height: 30px; text-align: justify; transition:all 0.6s ease; opacity:0; transform:translateY(30px); display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8; overflow:hidden}
.inx_c1btn{ margin-top:30px; transition:all 0.6s ease; opacity:0; transform:translateY(30px);}
.inx_smore{line-height: 42px;text-align: center; display: inline-block; width: 160px; font-size: 16px; background-image: linear-gradient(135deg,#DA1E40 0%,#EC703F 90%); color: #FFF; border-radius:2em;}
.inx_smore:hover{transform: translateY(-3px);box-shadow: 0 3px 20px rgba(193,44,37,0.3);color: #fff;}
.inx_c1sw .slick-prev,
.dtl_bmsw .slick-prev,
.m2pubSwiper .slick-prev{ background: #CAE087 url(../images/btn_ar.png) no-repeat center center; display: inline-block; height: 44px; width: 44px; position: absolute; left: -30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -48px; transition:all 0.5s ease; border-radius:50%; z-index:1; background-size:16px auto!important; }
.inx_c1sw .slick-next,
.dtl_bmsw .slick-next,
.m2pubSwiper .slick-next{ background: #CAE087 url(../images/btn_ar.png) no-repeat center center; display: inline-block; height: 44px; width: 44px; position: absolute; right: -30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -48px; transition:all 0.5s ease; border-radius:50%; transform:rotateY(180deg); z-index:1; background-size:16px auto!important;}
.inx_c1sw .slick-prev:hover,.inx_c1sw .slick-next:hover,
.dtl_bmsw .slick-prev:hover,.dtl_bmsw .slick-next:hover,
.m2pubSwiper .slick-prev:hover,.m2pubSwiper .slick-next:hover{ background-color:#4BB13F;}
.on .inx_c1imgx{opacity:1; transform:scale(1);}
.on .inx_c1rt{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.on .inx_c1des{opacity:1; transform:translateY(0); transition-delay:0.4s;}
.on .inx_c1btn{opacity:1; transform:translateY(0); transition-delay:0.6s;}
.inx_smore{background:none; border:1px solid var(--cor); color:var(--cor);}
.inx_smore:hover{background:var(--cor); color:#fff; box-shadow:0 5px 18px rgba(75,177,63,0.3);}
.inx_smore.green{background:var(--cor); color:#fff;}
@media (min-width: 1921px) {
.inx_con1 {background-size: 100% 486px;}
}
@media (max-width:1799px){
.inx_ptx{font-size:32px; line-height:32px;}
.inx_c1tab a{margin:0 45px;}
.inx_c1des{font-size:14px; line-height:26px;}
.inx_c1rt{font-size:22px; line-height:32px;}
}
@media (max-width:1379px){
.inx_c1sw .slick-prev{left:-10px;}
.inx_c1sw .slick-next{right:-10px;}
}
@media (max-width:1199px){
.inx_c1tab a{margin:0 15px;}
.inx_c1sw .slick-prev{left:0;}
.inx_c1sw .slick-next{right:0;}
}
@media (max-width:993px){
.inx_c1tab{display:none;}
.inx_c1item{flex-wrap:wrap;}
.inx_c1nimgx{width:100%;}
.inx_c1nimgx + .inx_c1rx{width:100%; padding:35px 0px 0;}
.inx_c1sw, .dtl_bmsw{margin-top:40px;}
}
@media (max-width:767px){
.inx_ptx{font-size:24px; line-height:24px;}
.inx_ptx span:after {height: 44px;width: 41px;background-size: 100% auto;}
.inx_c1sw dd{padding-left:0; padding-right:0;}
.inx_c1rt{font-size:18px; line-height:28px; padding-bottom:12px;}
.inx_c1nimgx + .inx_c1rx{padding-top:20px;}
.inx_c1des{margin-top:10px;}
.inx_smore {line-height: 38px;width: 120px;font-size: 14px;}
.inx_c1btn{margin-top:15px;}
.inx_c1sw .slick-dots{bottom:0;}
.inx_c1sw .slick-dots li button{display:none;}
.inx_c1sw .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.inx_c1sw .slick-dots li.slick-active{ background:var(--cor);}
.inx_con1{padding-bottom:13vw;}
}

.inx_con2{ background-size:cover; overflow:hidden}
.inx_con2{}
.inx_c2tab{ margin-top:3.2vw; border-bottom:1px solid #C4E9BE;}
.inx_c2tab dl{display:flex; justify-content:space-around;}
.inx_c2tab dd{}
.inx_c2ico{ height: 50px; width: 50px; position: absolute; left: 0px; top: 2px; }
.inx_c2tab dd a{ display:inline-block; padding-left:70px; position:relative; padding-bottom:30px; cursor:pointer;}
.inx_c2tab dd a.on{}
.inx_c2tab dd a strong{ font-size: 20px; line-height: 30px; display: block; }
.inx_c2tab dd a p{ font-size: 16px; line-height: 24px; color: #666; }
.inx_c2tab dd a:after{content:""; height:2px; background:var(--cor); position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:0; transition:all 0.5s ease;}
.inx_c2tab dd a.on:after,.inx_c2tab dd a:hover:after{width:50px;}
.inx_c2ico{}
.inx_c2changex{ position:relative; height:500px; margin-top:1.2vw;}
.inx_c2item{opacity:0; visibility:hidden;flex-direction:row-reverse; position:absolute; left:0; top:0; right:0; height:500px; transform:translateY(50px); }
.inx_c2item.on{ opacity:1; visibility:visible; z-index:1; transform:translateY(0); transition:all 0.5s ease;}
.inx_c2lx {width: 750px;height: 505px;position: absolute;right: -60px;top: -20px;background: url(../images/m3pro_imgx1.png) no-repeat center center;background-size: 100% auto;}
.inx_c2lx:after {content: "";background: url(../images/m3pro_imgx1a.png) no-repeat center center;position: absolute;left:0px;top: 10px;right: 0px;bottom: -10px; background-size:100% auto;}
.inx_c2imgsw{width:63.2%; height: 70%; position: absolute;left: 12.15%; top: 21.23%; z-index:2;}
.inx_c2img .overflowHide{ border-radius:1.2em; height:267px;}
.inx_c2img .overflowHide .coverImg{transition:all 0.5s ease;}
.inx_c2img:hover .overflowHide .coverImg{ transform:scale(1.05);}
.inx_c2imgsw dd{}
.inx_c2img{}
.inx_c2img.mvBtn .overflowHide:after{ content:""; background:rgba(0,0,0,0.1) url(../images/playIco.png) no-repeat center center; left:0; top:0; right:0; bottom:0; position: absolute; }
.inx_c2lx .slick-dots{bottom:-24px;}
.inx_c2lx .slick-dots li button{display:none;}
.inx_c2lx .slick-dots li { background:var(--cor); display: inline-block; height: 8px; width:8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.inx_c2lx .slick-dots li.slick-active{ background:none; width:14px; height:14px; border:3px solid var(--cor);}
.inx_c2rx{ width:700px;display:flex; flex-direction:column; justify-content:center; height:500px; padding-bottom:55px; padding-left:62px;}
.inx_c2rx strong{ display: block; font: 28px/36px alm; position:relative; }
.inx_c2rx strong span{}
.inx_c2rx strong:after{ content: ""; height: 3px; width:40px; position: absolute; left: 0px; bottom: -18px; background:var(--cor);}
.inx_c2txt{ font-size: 16px; line-height: 30px; color: #666; margin-top: 35px; text-align:justify;}
.inx_c2btns{ margin-top:60px;}
.inx_c2btns a{ font-size: 14px; line-height: 34px; padding: 0px 30px; display: inline-block; margin-right: 10px; border:1px solid var(--cor); border-radius:2em; margin-right:15px; color:var(--cor);}
.inx_c2btns a.green{background:var(--cor); color:#fff;}
.inx_c2btns a:hover{color:#fff; box-shadow:0 5px 18px rgba(75,177,63,0.3); transform:translateY(-3px); background:#3E9434!important; border:1px solid #3E9434;}
.inx_c2bom{text-align:center;}
@media (max-width:1799px){
.inx_c2lx{width:680px;}
.inx_c2imgsw{top:23.9%;}
.inx_c2img .overflowHide{height:241px;}
.inx_c2rx{padding-left:25px; width:540px;}
.inx_c2rx strong{font-size:24px; line-height:32px;}
.inx_c2txt{font-size:14px; line-height:26px;}
.inx_c2btns{margin-top:35px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c2rx{width:350px;}
.inx_c2rx strong{font-size:20px;}
}
@media (max-width:993px){
.inx_c2tab{ overflow-x:auto; margin-top:40px;}
.inx_c2tab dl{display:inline; white-space:nowrap;}
.inx_c2tab dd{display:inline-block; margin-right:20px;}
.inx_c2changex{height:800px;}
.inx_c2lx{position:relative; margin:0 auto; right:auto; top:auto;}
.inx_c2rx{width:100%; padding:15px 0 0; height:auto;}
}
@media (max-width:767px){
.inx_c2ico{width:44px; height:44px;}
.inx_c2tab dd a{padding-left:50px; padding-bottom:16px;}
.inx_c2tab dd a strong{font-size:18px; line-height:24px;}
.inx_c2tab dd a p{font-size:14px;}
.inx_c2lx:after{display:none;}
.inx_c2lx{width:100%; background:none; height:auto;}
.inx_c2imgsw{width:100%; max-width:330px; margin:0 auto; top:0; left:0; position:relative}
.inx_c2changex{margin-top:25px; height:600px;}
.inx_c2imgsw{height:auto; padding-bottom:15px;}
.inx_c2img .overflowHide{height:auto; border:3px solid #425760; border-radius:0.6em;}
.inx_c2rx{margin-top:25px;}
.inx_c2btns{margin-top:20px;}
}

.inx_con3{}
.inx_c3list{margin:0 -14px; display:flex; flex-wrap:wrap;}
.inx_c3list dd{width:33.33%;}
.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 #42B693; }
.m2pubSwiper .slick-dots li.slick-active{ background: #42B693;}
.m2pubSwiper{ margin:2.6vw -15px 0;}
.m2pubSwiper dd{ padding:15px;}
.m2proc1item{ background: #fff; height: 280px; padding-top: 24px; border-radius:0.8em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.1); position:relative; transition:all 0.5s ease; border-bottom:5px solid var(--cor); display:block; }
.m2proc1item .overflowHide{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2proc1item .coverImg:after{content:""; background:rgba(35,55,68,0.7); position:absolute; left:0; top:0; right:0; bottom:0;}
.m2proc1t{ height: 75px; border-bottom: 1px solid #eee; padding: 0px 120px 20px 88px; position:relative;display:flex; flex-direction:column; justify-content:center;}
.m2pro_c1ico{ background:var(--cor); 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%); max-width:56%; max-height:56%; width:auto; height:auto;}
.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(../images/m2pro_tico.png) no-repeat center center; height: 60px; width: 94px; position: absolute; top: -12px; right: 30px; }
.m2proc1lst{ margin: 0px 30px; padding-top: 20px;}
.m2proc1lst p{ font-size: 16px; line-height: 30px;display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden;-webkit-line-clamp:4; color: #666; text-align: justify; }
.m2proc1item:hover{transform:translateY(-8px);}
.m2proc1item:hover .m2proc1t strong{ color:var(--cor);}
.m2proc1lst span{ display:block; padding-left:16px; font-size:20px; letter-spacing:5px;}
.m2pro_c1ma{ font-size: 16px; line-height: 48px; color: #FFF; background:var(--cor); letter-spacing: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align:center; transition:all 0.5s ease; display:none; }
.m2pro_c1ma:hover{color:#fff;}
.inx_c3bom{margin-top:2.6vw; text-align:center; display:none}
.m2proSwiper1 .slick-prev{left:-70px; background-color:#E5E5E5;}
.m2proSwiper1 .slick-next{right:-70px; background-color:#E5E5E5;}
.inx_c3more{ text-align:center;display:flex; flex-direction:column; justify-content:center; padding-bottom:25px; color:var(--cor);}
.inx_c3more p{font-size:20px; margin-top:25px}
.inx_c3more span{width:60px; height:60px; position:relative; display:block; margin:0 auto; transition:all 0.5s ease; background:var(--cor); border-radius:50%;}
.inx_c3more span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease; width:30px; height:auto;}
.inx_c3more span img:nth-child(2){opacity:1;}
.inx_c3more:hover{background:var(--cor); color:#fff; box-shadow:0 10px 30px rgba(75,177,63,0.3);}
.inx_c3more:hover span{background:#fff;}
.inx_c3more:hover span img{opacity:0;}
.inx_c3more:hover span img:nth-child(1){opacity:1;}
.app_list2 .m2proc1t strong{color:#fff!important;}
.app_list2 .m2proc1lst{position:relative;}
.app_list2 .m2proc1lst p{ color:rgba(255,255,255,0.9);-webkit-line-clamp:2;}
.app_list2 .m2proc1t i{display:none;}
.app_list2 .m2pro_c1ma{ left:50%; right:auto; width:150px; margin-left:-75px; bottom:35px; border-radius:0.5em; background:none; border:1px solid #fff; line-height:40px; height:44px;}
.app_list2 .m2proc1t{margin-left:30px; margin-right:30px; padding:0px 70px 15px 58px; height:65px; position:relative; border-bottom:1px solid rgba(255,255,255,0.5);}
.app_list2 .m2pro_c1ico{left:0; top:5px;}
.app_list2 .m2proc1t:after{content:""; background:url(../images/btn_ar.png) no-repeat center center; width:24px; height:24px; position:absolute; right:0; top:13px; background-size:22px auto; transform:rotate(180deg);}
.app_list2 .m2pro_c1ma:hover{border:1px solid var(--cor);}
@media (max-width:1799px){
.m2proc1lst p{font-size:14px; line-height:26px;}
.m2proc1item{height:240px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.inx_c3list dd{width:50%;}
}
@media (max-width:767px){
.inx_c3list dd{width:100%;}
.m2pubSwiper{margin-top:20px;}
.m2proc1item{height:auto; padding-bottom:25px}
.m2proc1t i{right:10px; top:-6px}
.m2proc1lst{margin-left:15px; margin-right:15px;}
.m2proc1t {height: 65px;padding: 0px 20px 10px 68px;}
.m2pro_c1ico{left:15px;}
.inx_c3more p{font-size:18px;}
}

.inx_con4{ background: url(../images/sz_c2bg.jpg) no-repeat center center; background-size:cover;}
.inx_c4box{margin-top:3vw;}
.section-project{padding:176px 0;position:relative;background:url(../images/hmc3bg.png) repeat-x left center}
.section__subtitle,.section__title{text-align:center;color:#fff;display:block}
.section__title{font-size:3em;line-height:1;margin:0 0 20px}
.section__subtitle{font-size:1.2em;line-height:1.5;opacity:.5}
.section__subtitle a{color:inherit}
.project-carousel{position:relative}
.project-strip .project{cursor:pointer}
.project-strip img{max-width:100%;width:100%;height:auto}
.project-screen{width:820px;height:510px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.project-screen .project-detail{position:absolute;left:0;right:0;width:800px;height:490px;margin:10px auto 0;z-index:1}
.project-screen .screen-frame{content:" ";width:820px;height:510px;position:absolute;background:#FFF no-repeat; border-radius:0.6em;}
.project-screen .project{margin-right:-100%;float:left;cursor:move;position:relative;}
.project-detail img{width:800px;height:490px;display:block; border-radius:0.6em; overflow:hidden;}
.inx_con4 .slick-prev{background:#333 url(../images/hmc3Btn.png) no-repeat center center;height:86px;width:46px;margin-top:-43px;border-width:0;border-style:none;position:absolute;left:-46px;top:50%;cursor:pointer;color:#333;overflow:hidden;text-indent:1000px;z-index:5;transition:all .5s ease-in-out}
.inx_con4 .slick-next{background:#333 url(../images/hmc3Btn2.png) no-repeat center center;height:86px;width:46px;margin-top:-43px;border-width:0;border-style:none;position:absolute;right:-46px;top:50%;cursor:pointer;color:#333;overflow:hidden;text-indent:1000px;z-index:5;transition:all .5s ease-in-out}
.inx_con4 .slick-prev:hover{background:var(--cor) url(../images/hmc3Btn.png) no-repeat center center}
.inx_con4 .slick-next:hover{background:var(--cor) url(../images/hmc3Btn2.png) no-repeat center center}
.hmc3_txt{background:rgba(0,0,0,.6);padding:20px 28px;color:#FFF;font-size:15px;line-height:24px;position:absolute;width:100%;left:0;bottom:0}
.hmc3_txt strong{font-size:20px;line-height:32px;display:block;height:32px; margin-bottom:5px; font-family:alm; font-weight:normal;overflow:hidden}
.hmc3_txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}
.hmc3_txtCon{width:750px;color:#fff}
@media (max-width:1799px){

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

}
@media (max-width:1199px){
.inx_c4box{margin-top:7vw;}
}
@media (max-width:992px){
.project-strip{display:none}
.project-screen{width:100%}
.project-screen .project-detail{width:100%}
.project-detail img{width:620px;height:auto;display:block}
.project-screen .screen-frame{display:none}
.section-project{background:0 0}
.section-project{padding:232px 0 150px}

.project-screen{width:100%;}
.inx_c4box{width:620px; margin-left:auto; margin-right:auto;}
.inx_con4 .slick-prev{margin-top:-100px;}
.inx_con4 .slick-next{margin-top:-100px;}
}
@media (max-width:767px){
.project-detail img{width:660px}
.project-screen .slick-prev{left:0;transform:scale(.7);transform-origin:left center}
.project-screen .slick-next{right:0;transform:scale(.7);transform-origin:right center}
.inx_c4box{width:100%;}
.project-screen .project-detail{position:relative;}
.project-screen{position:static;}
.section-project{padding:0;}
.inx_c4box{width:100%;}
.project-screen .project{margin-right:0;}
.project-screen .project-detail{height:auto; padding-bottom:35px;}
.project-screen{height:auto;}
.hmc3_txt{padding:12px;}
.hmc3_txtCon{width:auto;}
.project-detail .slick-dots{bottom:0;}
.project-detail .slick-dots li button{display:none;}
.project-detail .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.project-detail .slick-dots li.slick-active{ background:var(--cor);}
.hmc3_txt{font-size:12px; line-height:22px;}
.hmc3_txt strong {font-size: 18px;line-height: 30px;height: 30px;margin-bottom: 3px;}
.project-detail img{width:auto;}
.project-screen .project a{display:block; height:300px;}
.project-screen .project a img{ width:100%; height:100%; object-fit: cover;}
}


.inx_con5{padding-bottom:4vw;}
.inx_c5ul{ margin:2.8vw -20px 0;}
.inx_c5ul li{ width:calc(14.2% - 40px); margin:0 20px 30px;}
.inx_c5item{ display:block; text-align:center; cursor:default;}
.inx_c5logo{ width:90px; height:90px; margin:0 auto; display:block; position:relative}
.inx_c5logo img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.inx_c5item p{ font-size:18px; line-height:26px; margin-top:12px;}
.inx_c5item:hover{ transform:translateY(-10px)}
@media (max-width:1799px){
.inx_c5logo{width:80px; height:80px;}
.inx_c5ul{margin-left:-10px; margin-right:-10px;}
.inx_c5ul li{width: calc(14.2% - 20px);margin: 0 10px 20px;}
.inx_c5item p{font-size:16px; line-height:24px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c5item p{font-size:13px; line-height:22px;}
}
@media (max-width:993px){
.inx_c5ul li{width:calc(33.33% - 20px);}
.inx_c5item p {font-size: 16px;line-height: 24px; max-width:150px; margin-left:auto; margin-right:auto;}
}
@media (max-width:767px){
.inx_c5ul{margin-top:25px;}
.inx_c5logo{width:60px; height:60px;}
.inx_c5ul li {width: calc(25% - 20px);}
.inx_c5item p{font-size:12px; line-height:18px;}
.inx_con5 .inx_c5ul li:nth-child(13),
.inx_con5 .inx_c5ul li:nth-child(14){display:none}
}

.footer{ color:rgba(255,255,255,0.9); background:#252f38;  background-image: linear-gradient(150deg, #3E4962 20%,#2b3344 90%);padding-top:3.2vw;}
.footer a{ color:rgba(255,255,255,0.9); }
.footer a:hover{ color:rgba(255,255,255,1); }
.foot_x1{display:flex; justify-content:space-between; position:relative; z-index:2; }
.foot_logo{display:flex; flex-direction:column; justify-content:center;}
.foot_logo img{ height:50px;}
.foot_links{ width:31.66%; position:relative}
.foot_links span{ display: block; padding: 0px 47px; line-height: 56px; background: rgba(60,71,96,0.95) url(../images/foot_ico1.png) no-repeat 21px center; border-radius: 2em; font-size: 16px; letter-spacing: 1px; position:relative; cursor:pointer; }
.foot_links span:after{ content: ""; background: url(../images/foot_ar.png) no-repeat center center; height: 6px; width: 10px; margin-top: -3px; position: absolute; top: 50%; right: 20px; }
.foot_linkoptions{ position: absolute; left:0; width:100%; top: 56px; text-align:left; background:rgba(60,71,96,0.95); opacity: 0; visibility: hidden; padding-bottom:15px;transition:all 0.5s ease; transform:scaleY(0); transform-origin:center top; border-radius:0.8em; padding-top:10px; box-shadow:0 5px 8px rgba(0,0,0,0.1); }
.foot_links:hover .foot_linkoptions{ opacity:1; visibility:visible; transform:scale(1);}
.foot_linkoptions dd{font-size:15px;}
.foot_linkoptions dd:last-child{border:none;}
.foot_la{ display:block; padding:12px 47px; border-bottom:1px dashed rgba(255,255,255,0.1); }
.foot_la:hover{background:#2F384A; color:#fff; border-bottom:1px dashed rgba(255,255,255,0); }
.foot_x2{padding-bottom:3.2vw;display:flex; justify-content:space-between; padding-top:2.6vw;}
.foot_menus{ display:flex;}
.foot_menus dl{ margin-right:115px;}
.foot_menus dl:last-child{margin-right:0;}
.foot_menus dl dt{ font-size:20px; line-height:36px; margin-bottom:10px;}
.foot_menus dl dd{ font-size: 15px; line-height: 30px; }
.foot_a2{ color:rgba(255,255,255,0.6)!important;}
.foot_a2:hover{ color:#fff!important;}
.foot_wxs{ display:flex;}
.foot_wxs li{ margin-left:24px; text-align:center;}
.foot_wximg{}
.foot_wximg img{ width:120px;}
.foot_wxtip1{ margin-top: 5px; }
.foot_wxtip1 span{ font-size: 16px; line-height: 22px; text-align: left; display: inline-block; height:30px;}
.foot_wxtip1 span:before{content:""; background: url(../images/foot_ico2.png) no-repeat left center; width:20px; height:20px; display:inline-block; margin-right:5px; position:relative; top:5px;}
.foot_wxtip2{ margin-top:5px;}
.foot_wxtip2 span{ display:block; font-size:16px; line-height:22px;}
.foot_wxtip2 a{ margin-top:8px; background:rgba(255,255,255,0.1); border-radius:2em; display:block; line-height:32px; color:rgba(255,255,255,0.6)!important;}
.foot_wxtip2 a:hover{color:#fff!important;}
.foot_wxtip2 a:after{ content: ""; background: url(../images/foot_link.png) no-repeat center center; height: 8px; width: 9px; margin-left: 6px; display:inline-block; }
.foot_x3{ font-size:14px; line-height:28px; padding:1.2vw 0; border-top:1px solid #4D555C;display:flex; justify-content:center; }
.foot_x3 img{ margin-left:25px; position:relative; top:5px; margin-right:5px;}
.web_copy{}
.web_link{}
.web_link a{ display:inline-block; margin-left:25px;}
@media (max-width:1799px){
.foot_wxtip1 span{font-size:14px;}
.foot_menus dl{margin-right:65px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.foot_menus dl{margin-right:20px;}
}
@media (max-width:993px){
.foot_x2{flex-wrap:wrap;}
.foot_menus{width:100%;display:flex; justify-content:space-between; }
.foot_wxs{margin-top:25px; width:100%;justify-content:center;}
.foot_wxs li{ margin:0 30px;}
.foot_x3{text-align:center;}
}
@media (max-width:767px){
.foot_x1{flex-wrap:wrap;}
.foot_logo{width:100%; text-align:center; display:block}
.foot_logo img{height:40px; width:auto;}
.foot_links{width:100%; margin-top:25px;}
.footer{padding-top:40px;background:#374157;}
.foot_x2{padding-top:25px;}
.foot_x3{font-size:12px; line-height:22px; padding:18px 0 25px}
.foot_x3 img{height:16px; margin-right:5px; margin-left:10px; width:auto}
.foot_wxs li{margin:0 20px;}
.foot_menus{display:block; overflow:hidden;}
.foot_menus dl{margin-right:0; overflow:hidden; margin-bottom:10px;}
.foot_menus dl dt{width:100%; margin-bottom:0}
.foot_menus dl dd{float:left; margin-right:20px;}
.foot_links span{line-height:50px;}
.foot_linkoptions{top:50px;}
}

.abt_page{}
.abt_con1{ background: url(../images/abt_c1bg.png) no-repeat center bottom; background-size:100% auto; padding-bottom:8vw;}
.abt_c1txt{ margin-top:2vw; text-align:justify; font-size:18px; line-height:30px; text-indent:36px;}
.abt_c1ul{ margin:2.6vw -12px 0;}
.abt_c1ul dd{ width:calc(25% - 24px); margin:0 12px;}
.abt_c1item{ display:block;}
.abt_c1item .overflowHide{ height:220px; border-radius:0.4em;}
.abt_c1item .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3);}
.abt_c1lay{ position:absolute; left:0; right:0; bottom:0; padding:20px 20px 25px; transition:all 0.5s ease;}
.abt_c1lay span{ display:block; width:50px; transition:all 0.5s ease;}
.abt_c1lay p{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.abt_c1item:hover .abt_c1lay span{transform:rotateY(180deg);}
.abt_c1item:hover .abt_c1lay{bottom:10px;}
.cor_green{color:var(--cor);}
.abt_c1txt span{font-family:alm;}
.abt_con2{ background:#f5f5f5; background: linear-gradient(to bottom,  #fff 0%,#f5f5f5 100%);}
.abt_c2box{display:flex; justify-content:space-between; margin-top:2.6vw;}
.abt_c2img{ width:460px; height:315px; border-radius:0.5em; overflow:hidden}
.abt_c2txt{ width:calc(100% - 515px);display:flex; flex-direction:column; justify-content:center;}
.abt_c2txt span{font-size: 14px;line-height: 24px;color: #FFF; background:var(--cor); padding:0px 8px; display: inline-block; position: relative;}
.abt_c2txt strong{ display:block; font-size:32px; line-height:38px;/* margin-top:12px;*/ font-weight:normal; letter-spacing:2px;}
.abt_c2des{ font-size:16px; line-height:30px; margin-top:20px; text-align:justify;}
.abt_c2links{ margin-top:15px; text-align:center}
.abt_c2links a{ font-size: 16px; line-height: 26px; background: url(../images/abt_sico.png) no-repeat left center; display: inline-block; margin:0 35px;  color:var(--cor); background-size:20px auto; padding-left:25px; position:relative;}
.abt_c2links a:after{content:""; height:1px; background:var(--cor); position:absolute; left:24px; bottom:0; width:0; transition:all 0.5s ease;}
.abt_c2links a:hover:after{width:calc(100% - 24px);}
.abt_con3{}
.abt_c3txt{ font-size:20px; margin-top:2.6vw; text-align:center; line-height:38px; color:#888; letter-spacing:3px;}
.abt_c3dls{ margin-top:2.6vw; justify-content:space-around;}
.abt_c3dls dd{ transition:all 0.5s ease;}
.abt_c3dls dd:hover{transform:translateY(-10px);}
.abt_c3dls dd span{ display:block; width:80px; margin:0 auto; height:80px;}
.abt_c3dls p{ font-size:18px; line-height:30px; margin-top:10px;}
.abt_c3tags{ margin:2.6vw -12px 0;}
.abt_c3tags dd{ width:calc(25% - 24px); margin:0 12px; border:1px solid #EDEEF1; border-radius:0.4em; padding:30px 35px 25px;}
.abt_c3tags dd strong{ display:block; line-height:40px; font-size:40px; color:var(--cor);}
.abt_c3tags dd p{ font-size:16px; color:#888; margin-top:8px; line-height:28px;}
.abt_c3tags dd strong i{ font-style:normal; font-weight:normal; display:inline-block;}
.abt_c3tags dd strong span{ font-family:din_b;}
.abt_c3tags dd strong img{}
.abt_c3tags dd:nth-child(3) strong i{ font-size:30px; transform:translateY(-4px)}
.abt_c3ptr{ margin:2.6vw -12px 0}
.abt_c3ptr dd{width:33.33%; padding:0 12px; margin-bottom: 24px;}
.m2ryBax{background:url(../images/m2ry_bbg.jpg) no-repeat center bottom; height: 260px; display: block; position: relative;}
.abt_c3ptr dd strong{font-size: 22px;line-height: 38px;text-align: center; display: block; margin:22px 0px 50px; font-weight: normal;}
.m2ry_bImgx{width: 285px;height: 185px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.m2ry_bimg{display: inline-block; position: absolute;left: 50%;top: 50%; max-width: 100%; height: auto; transform: translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.m2ry_bimg img {display: block;}
.m2ry_bsdx{position: absolute;left: 0;bottom: -35px; height: 35px; background-position:center bottom; background-size: 100% auto;width: 100%;transform: rotateX(180deg);}
.m2ry_bsdx:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(to bottom,rgba(247,247,247,0.7) 0%,#FCFCFC 90%);transform: rotate(180deg);}
.abt_c3ptr .slick-prev{left:-70px;background-color: #E5E5E5; margin-top:-90px;}
.abt_c3ptr .slick-next{right:-70px;background-color: #E5E5E5; margin-top:-90px;}
.abt_con4{ background:#f5f5f5;}
.abt_con5{ background: url(../images/m2js_lineBg.png) no-repeat center 100px; padding-bottom:0; }
.abt_con6{ background: url(../images/abt_partbg.png) no-repeat center bottom; background-size:100% auto;}
.abt_imcon{margin-top:2vw; overflow:hidden}
@media (max-width:1799px){
.abt_c1txt{font-size:16px; line-height:28px;}
.abt_c1item .overflowHide{height:180px;}
.abt_c2txt{width:calc(100% - 495px);}
.abt_c2txt strong{font-size:26px; line-height:32px;}
.abt_c2des{font-size:14px; line-height:26px;}
}
@media (max-width:1379px){
.abt_c3ptr{margin-left:50px; margin-right:50px;}
.abt_c3ptr .slick-prev{left:-50px;}
.abt_c3ptr .slick-next{right:-50px;}
}
@media (max-width:1199px){
.abt_c1lay p{font-size:18px;}
}
@media (max-width:993px){
.abt_c1ul dd{width:calc(50% - 24px); margin-bottom:24px;}
.abt_c2box{margin-top:25px; flex-wrap:wrap;}
.abt_c2img{margin:0 auto;}
.abt_c2txt{width:100%; margin-top:25px;}
.abt_c3tags dd{width:calc(50% - 24px); margin-bottom:24px;}
.m2ry_bImgx{width:255px;}
.abt_c3dls dd span{width:60px; height:60px;}
.abt_c3dls p{font-size:16px; line-height:26px;}
}
@media (max-width:767px){
.abt_c3txt{margin-top:20px;font-size: 16px;line-height: 30px;letter-spacing: 0px;}
.abt_c3dls dd span{width:40px; height:40px;}
.abt_c3dls p{margin-top:5px;}
.abt_c3dls dd{margin-bottom:20px;}
.abt_c1txt{margin-top:20px; font-size:14px; line-height:26px;}
.abt_c1ul{margin-top:25px;}
.abt_c1ul dd {width: calc(100% - 24px);margin-bottom: 15px;}
.abt_c2img{height:220px;}
.abt_c2des{margin-top:12px;}
.abt_c2links a{margin:0 15px;}
.abt_con3{margin-top:25px;}
.abt_c3tags{margin-top:25px;}
.abt_c3tags dd{width:calc(100% - 24px); margin-bottom:15px;}
.abt_imcon{margin-top:25px;}
.inx_c3aBox .overflowHide{height:190px;}
.inx_c3morea{font-size:16px;}
.abt_c3ptr{margin-left:0; margin-right:0;}
.abt_c3ptr dd strong{font-size:18px; line-height:26px; margin-top:0; margin-bottom:10px;}
.abt_c3ptr .slick-dots{bottom:0;}
.abt_c3ptr .slick-dots li button{display:none;}
.abt_c3ptr .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:none}
.abt_c3ptr .slick-dots li.slick-active{ background:var(--cor); }
.m2ry_bImgx{width:280px; margin-top:-10px}
}


.inx_c3sw{ left:50%; width:2450px; position:relative; margin-left:-1225px;}
.inx_c3sw dd{ padding:0 15px;}
.inx_c3aBox{ display:block;}
.inx_c3aBox .overflowHide{ height:240px; border-radius:0.3em;}
.inx_c3bmx{ padding-top: 20px; }
.inx_c3bmx strong{ font-size: 20px; line-height: 30px; height:60px;-webkit-line-clamp:2; letter-spacing:1px; font-weight:normal;}
.inx_c3bmx p{ font-size: 16px; line-height: 26px; margin-top: 8px; height:52px;-webkit-line-clamp:2; color:#666;}
.inx_c3bmx span{ font-size: 16px; line-height: 26px; color: #999999; display: block; margin-top: 18px; }
.inx_c3funx{ margin-top:40px; display:flex; height:30px;justify-content:space-between; }
.inx_c3abmx{clear:both;}
.inx_c3morea{ font-size:18px; color:var(--cor); line-height:30px;}
.inx_c3morea:hover{ text-decoration: underline; }
.inx_c3loading{ width:calc(100% - 435px); height:2px; background:#E7E7E7; position:relative; margin-top:14px; margin-left:20px;}
.inx_c3loading i{ transition:all 0.8s ease; height:2px; position:absolute; left:0; top:0; background:#333; width:0%;}
.inx_c3btns{ width: 145px; text-align: center; position: relative; color: #b2b2b2; font: 20px/30px din; }
.inx_c3btns .prev{ background: url(../images/hmc3btna.png) no-repeat center center; height: 14px; width: 26px; position: absolute; left: 0px; top: 50%; margin-top: -7px; cursor: pointer; transition:all 0.5s ease; opacity:0.3;}
.inx_c3btns .next{ background: url(../images/hmc3btna.png) no-repeat center center; height: 14px; width: 26px; position: absolute; right: 0px; top: 50%; margin-top: -7px; cursor: pointer; transition:all 0.5s ease; opacity:0.3; transform:rotate(180deg);}
.inx_c3btns span.inx_cs{ color:var(--cor); font-size:26px;}
.inx_c3btns .prev:hover,.inx_c3btns .next:hover{ opacity:1;}
@media (max-width:1799px){
.inx_c3swx dd{ padding:0 12px;}
.inx_c3aBox .overflowHide{ height:220px;}
.inx_c3bmx{ padding-top: 18px; }
.inx_c3bmx strong{ font-size: 16px; line-height: 28px; height:56px; font-weight:bold}
.inx_c3bmx p{ font-size: 13px; line-height: 24px; margin-top: 6px; height:48px;}
.inx_c3bmx span{ font-size: 14px; line-height: 24px; margin-top: 10px; }
.inx_c3funx{ margin-top:20px;}
.inx_c3more{ font-size:16px;}
}
@media (max-width:1379px){

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

}
@media (max-width:767px){
.inx_c3sw{width:100vw; left:0; margin-left:0;}
.inx_c3more{font-size:15px;}
}


.slt_page{}
.slt_page .container{display:flex; justify-content:space-between;}
.slt_lx{ width:345px;}
.slt_lx dl{ border-radius:0.6em; padding:20px 20px; background:rgb(247,249,252);position: -webkit-sticky;position: sticky;top: 130px;}
.slt_lx dl dd{ padding:20px 0px; border-bottom:1px solid #efefef;}
.slt_lx dl dd:last-child{border:none;}
.slt_lx dl a{ display:block; font-size:18px; line-height:20px; padding-left:18px; position:relative; color:#666;}
.slt_lx dl a:before{content:""; width:3px; background:var(--cor); position:absolute; left:0; top:50%; height:0; transform:translateY(-50%); transition:all 0.5s ease;}
.slt_lx dl a.on:before,.slt_lx dl a:hover:before{height:100%;}
.slt_lx dl a.on,.slt_lx dl a:hover{ color:var(--cor); font-family:alm;}
.slt_rx{ width:calc(100% - 450px);}
.slt_item{ margin-bottom:25px;}
.slt_rt{ font-size:24px; line-height:24px;}
.slt_list{ margin:30px -20px 0;}
.slt_list li{ width:calc(50% - 40px); margin:0 20px 40px;}
.slt_aBox{ display:block; border-radius:0.6em; overflow:hidden}
.slt_aBox .overflowHide{ height:180px;}
.slt_rst{line-height: 50px;height: 50px;padding: 0px 20px;width: 100%;position: absolute;z-index: 1;left: 0px;right: 0px;bottom: 0px;text-align: center;font-size: 18px;font-weight: bold;color: #FFF;background: rgba(0,0,0,0.5); transition:all 0.5s ease;}
.slt_rlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:rgba(35,55,68,0.7); color: #fff; padding:12px 28px 0px;transition:all 0.5s ease; opacity:0}
.slt_rlay strong{ position:relative; line-height:60px; font-size:20px; font-weight:normal;transition:all 0.5s ease; transform:translateY(20px); opacity:0;}
.slt_rlay p{ margin-top: 12px; text-align: justify; transition: all 0.5s ease; transform: translateY(20px); opacity: 0; -webkit-line-clamp: 2; font-size: 15px; line-height: 26px; }
.slt_rlay i{ border-bottom: 1px solid rgba(255,255,255,0.5);transition:all 0.5s ease; display:block; height:1px; position:relative;transition:all 0.5s ease; transform:translateY(20px); opacity:0;}
.slt_rlay i:after{content:""; height:2px; background:#fff; position:absolute; left:0; bottom:-1px; width:85px;}
/*.slt_aBox:hover*/
.slt_aBox .slt_rst{ opacity:0}
.slt_aBox .slt_rlay{opacity:1;}
.slt_aBox .slt_rlay i,.slt_aBox .slt_rlay strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.slt_aBox .slt_rlay p{ opacity:0.85; transform:translateY(0); transition-delay:0.4s;}
.slt_aBox:hover{box-shadow:0 5px 18px rgba(62,73,98,0.5);}
.nslt_rx .coverImg{display:none;}
.nslt_rx .slt_aBox{background:#F7F9FC;}
.nslt_rx .slt_aBox .slt_rlay strong{color:#333; padding-right:30px; position:relative}
.nslt_rx .slt_aBox .slt_rlay p{color:#888;}
.nslt_rx .slt_rlay i{border-bottom:1px solid #ddd;}
.nslt_rx .slt_rlay i:after{background:var(--cor);}
.nslt_rx .slt_rlay{background:none;}
.nslt_rx .slt_aBox:hover {box-shadow: 0 5px 18px rgba(0,0,0,0.1);}
.nslt_rx .slt_aBox .overflowHide{height:168px;}
.nslt_rx .slt_aBox .slt_rlay strong:after{ content: ""; background: url(../images/case_arr.png) no-repeat center center; height: 24px; width: 24px; position: absolute; top: 50%; right: 0px; margin-top: -12px; background-size:100% auto;}
@media (max-width:1799px){
.slt_lx{width:300px;}
.slt_rx {width: calc(100% - 360px);}
.slt_list{margin-left:-15px; margin-right:-15px;}
.slt_list li {width: calc(50% - 30px);margin: 0 15px 30px;}
.slt_lx dl a{font-size:16px;}
.slt_rt{font-size:22px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.slt_rlay{padding-left:15px; padding-right:15px;}
.slt_rlay strong{font-size:18px;}
.slt_rx {width: calc(100% - 330px);}
}
@media (max-width:993px){
.slt_lx{width:100%;}
.slt_page .container{flex-wrap:wrap;}
.slt_lx{width:100%;}
.slt_rx{width:100%; margin-top:35px;}
}
@media (max-width:767px){
.slt_list{margin-top:20px;}
.slt_list li {width: calc(100% - 30px); margin-bottom:15px;}
}


.app_page{ background: url(../images/app_bg.jpeg) no-repeat fixed center center; background-size:cover;}
.app_list{ margin:2.6vw -20px 0;}
.app_list li{ width:calc(33.33% - 40px); margin:0 20px 40px;}
.app_list .m2pro_c1ma,
.app_nlist .m2pro_c1ma{ display:block; cursor:pointer; position:static; width:140px; margin:25px auto 0; border:1px solid var(--cor); border-radius:2.4em; line-height:40px; height:42px; background:#fff; color:var(--cor);}
.app_list .m2pro_c1ma:hover,
.app_nlist .m2pro_c1ma:hover{background:var(--cor); color:#fff;box-shadow:0 5px 18px rgba(75,177,63,0.3);}
.app_list .m2proc1lst p{height:120px;}
.app_list .m2pro_c1ma:hover{ background:#429D37;}
.app_list .m2proc1item{border:none; height:350px;}
.app_layBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:20;}
.app_layIfrem{ max-width:900px; width:100%; background:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:25; border-radius:0.5em; padding:0 15px 15px;}
.app_name{ line-height:50px; border-bottom:1px solid #eee; text-align:center; font-size:16px;}
.app_iframe{ height:calc(100vh - 200px); margin-top:20px; width:100%; border:none;}
.app_close{ background: url(../images/close-2.png) no-repeat center center; height: 20px; width: 20px; position: absolute; top: 15px; right: 18px; cursor:pointer; transition:all 0.5s ease;}
.app_close:hover{transform:rotate(180deg);}
.app_con2{padding-top:0; margin-top:-40px}
.app_st{font-size:24px; line-height:24px; padding-left:20px; border-left:5px solid var(--cor); margin-top:2.6vw;}
.app_st + .app_list{margin-top:35px;}
.app_list + .app_st{margin-top:20px;}
.app_nlist{ margin:2.6vw -20px 0}
.app_nlist li{ width:calc(33.33% - 40px); margin:0 20px 40px;}
.app_nitem{ border-radius:0.6em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.1); transition:all 0.5s ease; background:#fff;}
.app_nitem .overflowHide{}
.app_nbmx{ padding:25px 25px 45px;}
.app_nbmx strong{ font-size:20px; line-height:28px; display:block;}
.app_nbmx p{ font-size:16px; line-height:30px; height:90px;-webkit-line-clamp:3; margin-top:10px;}
.app_nbmx .m2pro_c1ma{}
.app_nbmx .m2pro_c1ma:hover{}
.app_nitem:hover{transform: translateY(-8px);}
@media (max-width:1799px){
.app_nbmx p{font-size:14px; line-height:26px;height:105px;-webkit-line-clamp:4;}
.app_list .m2pro_c1ma,
.app_nlist .m2pro_c1ma{margin:22px auto 0;  line-height:38px; height:40px;}
.app_list .m2proc1lst p{height:130px;-webkit-line-clamp:5;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.app_list{margin-left:-15px; margin-right:-15px;}
.app_list li {width: calc(50% - 30px);margin: 0 15px 30px;}
.app_nlist{margin-left:-15px; margin-right:-15px;}
.app_nlist li {width: calc(50% - 30px);margin: 0 15px 30px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.app_st{margin-top:25px; font-size:22px;}
.app_list li{width:calc(100% - 30px); margin-bottom:15px;}
.app_list .m2proc1lst p{height:auto;}
.app_list .m2proc1item{height:auto; padding-bottom:35px;}
.app_nlist{margin-top:25px;}
.app_nlist li{width:calc(100% - 30px); margin-bottom:15px;}
.app_nbmx p{height:auto;}
.app_nbmx {padding: 20px 15px 35px;}
.m2proc1t strong{font-size:18px;}
}

.proPage .m2ntag{padding-top:0;}
.proPage{ padding-bottom:0;}
.proPage .inx_pt p,
.svr_page .inx_pt p{max-width:1100px; margin-left:auto; margin-right:auto; margin-bottom:3vw; color:#666; font-size:18px; line-height:32px;}
.pro_line{height:5px; background:var(--cor);}
.proPage .m2ntag a{}
.proPage .m2ntag a.on{}
.proPage .m2ntag a:after{border-bottom: 16px solid #f5f9ff;}
.pro_con{}
.pro_list{}
.pro_list li{ background:#f5f9ff}
.pro_item{display:flex; justify-content:space-between; padding:5.2vw 0;}
.pro_imgx{ height:500px; position:relative; width:50%}
.pro_imgx img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.pro_info{display:flex; flex-direction:column; justify-content:center; width:50%;}
.pro_info strong{ display:block; font-size:32px; line-height:36px; font-weight:normal; font-family:alm; position:relative; margin-bottom:50px;}
.pro_info strong:after{content:""; background:var(--cor); width:66px; height:3px; position:absolute; left:0; bottom:-27px;}
.pro_info p{ font-size:16px; line-height:30px; color:#666; text-align:justify;-webkit-line-clamp:3;}
.pro_tag{ display:flex; flex-wrap:wrap; margin-top:15px;}
.pro_tag span{ display:inline-block; padding-left:20px; font-size:16px; line-height:28px; margin:0 35px 10px 0; color:#888; position:relative}
.pro_tag span:after{content:""; width:6px; height:6px; background:var(--cor); position:absolute; left:0; top:11px;}
.pro_list li:nth-child(2n){ background:#fff;}
.pro_list li:nth-child(2n) .pro_item{flex-direction:row-reverse;}
.pro_btnx{margin-top:50px;}
.pro_more{ padding:0 45px; line-height:42px; border:1px solid var(--cor); border-radius:2em; color:var(--cor); display:inline-block; font-size:16px;}
.pro_more:hover{background:var(--cor); color:#fff; box-shadow:0 5px 18px rgba(75,177,63,0.3); transform:translateY(-5px)}
.pro_link{top:-70px;}
@media (max-width:1799px){
.proPage .inx_pt p,.svr_page .inx_pt p{font-size:16px; line-height:28px;}
.pro_info strong{font-size:26px; line-height:32px;}
.pro_info p{font-size:14px; line-height:26px;}
.pro_tag span{font-size:14px; line-height:26px;}
.pro_tag span:after {top: 10px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.proPage .inx_pt p,
.svr_page .inx_pt p{padding-left:15px; padding-right:15px;}
}
@media (max-width:993px){
.pro_item{flex-wrap:wrap;}
.pro_imgx{width:100%; height:auto;}
.pro_imgx img{ max-width:400px; max-height:300px; position:static; display:block; margin:0 auto; transform:translate(0,0);}
.pro_info{width:100%; margin-top:35px;}
}
@media (max-width:767px){
.proPage .inx_pt p,.svr_page .inx_pt p{font-size:14px; line-height:26px;}
.pro_item{padding:13vw 0;}
.pro_info strong{font-size:22px; line-height:30px; margin-bottom:30px;}
.pro_info strong:after {width: 30px;height: 3px;bottom: -15px;}
.pro_tag span {	margin: 0 25px 6px 0;}
.pro_more {padding: 0px 30px;line-height: 36px;	font-size: 14px;}
.pro_btnx{margin-top:20px;}
.pro_imgx img{max-width:100%; max-height:300px;}
}

.svr_page{ padding-bottom:0}
.svr_top{padding-bottom:3vw;}
.down_c1txt{text-align:center;}
.svr_page .m2ntag{padding-top:2vw;}
.svr_page .m2ntag a{cursor:pointer;}
.svr_c1changex{ background:#F7F7F7; padding:3.6vw 0;}
.svr_c1cx{ display:none;}
.svr_c1cx.on{ display:block; animation:fadeInUp 0.5s ease;}
.svr_c1list{ padding-right: 15px;overflow-y: auto; height: 550px;}
.svr_c1list li{margin-bottom: 15px;}
.m2dw_c2a {position: relative;line-height: 96px;height: 98px;font-size: 20px;color:#666;padding: 0px 120px 0px 196px;background: #FFF;border: 1px solid #E8E8E8;}
.m2dw_c2a:hover {color: #FFF;background:var(--cor);border: 1px solid var(--cor);}
.m2dw_c2a:before {content: "";height: 50px;width: 120px;border-right: 1px solid #E8E8E8;position: absolute;left: 18px;top: 24px;background: url(../images/m2dw_pdf.png) no-repeat center center;}
.m2dw_c2a:after {content: "";background: url(../images/m2dw_ar1.png) no-repeat;height: 18px;width: 21px;position: absolute;top: 41px;right: 56px;}
.m2dw_c2a:hover:after {background: url(../images/m2dw_ar2.png) no-repeat;}
.m2dw_c2a:hover:before {background: url(../images/m2dw_pdfa.png) no-repeat center center;}
.m2dw_c2a{}
.svr_con2{}
.m2dwc3ul{}
.m2dwc3ul li {padding: 3.64vw 0px;border-bottom: 1px solid #DDDDDD;}
.m2dwc3ul li:last-child{border:none; padding-bottom:0}
.m2dw3_t {overflow: hidden; font-size: 30px; line-height: 60px;}
.m2dw3_t span{height:60px; float:left; margin-right:15px;}
.m2dw3_t span img{height:60px; width:auto;}
.m2dw3_des {font-size: 18px;line-height:30px;padding: 1.56vw 0px; color:#666;}
.m2dwc3_tg{display:flex;}
.m2dwc3_tg a {padding: 0px 25px 0px 70px;height: 66px;border: 1px solid #DFDFDF;margin-right: 20px;border-radius: 0.3em; overflow:hidden; position:relative; line-height:66px; font-size:18px; cursor:pointer;}
.m2dwc3_tg a span{width:40px; height:40px; position:absolute; left:20px; top:50%; margin-top:-20px;}
.m2dwc3_tg a span img{position:absolute; left:0; top:0; transition:all 0.5s ease;}
.m2dwc3_tg a span img:nth-child(2){opacity:0;}
.m2dwc3_tg a:hover{ border:1px solid var(--cor); background:var(--cor); color:#fff; transform:translateY(-5px); box-shadow:0 5px 18px rgba(75,177,63,0.3)}
.m2dwc3_tg a:hover span img{ opacity:0}
.m2dwc3_tg a:hover span img:nth-child(2){opacity:1;}
@media (max-width:1799px){
.m2dw3_t{font-size:26px;}
.m2dw3_des{font-size:16px; line-height:28px;}
.m2dwc3_tg a{line-height:60px; height:62px; font-size:16px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.m2dw_c2a{height:auto;}
.m2dw_c2a:before{display:none;}
.m2dw_c2a {	line-height: 54px;height: 56px;font-size: 14px;	padding: 0px 40px 0px 15px;}
.m2dw_c2a:after {top: 20px;right: 12px;}
.svr_c1list{padding-right:0; height:auto; padding-bottom:35px;}
.svr_c1changex{padding-top:30px;}
.m2dw3_t span img{ height:40px;}
.m2dw3_t{line-height:40px; height:40px;}
.m2dwc3ul li{padding:25px 0;}
.m2dw3_t{font-size:22px;}
.m2dw3_t span{height:42px; margin-right:5px;}
.m2dw3_des{padding:12px 0 25px; font-size:14px; line-height:26px;}
.m2dwc3_tg a span{width:30px; height:30px; left:12px; margin-top:-15px;}
.m2dwc3_tg a {line-height: 50px;height: 52px;font-size: 14px; padding:0px 15px 0px 50px; margin-right:10px;}
.m2dw3_t{font-size:17px;}
}

.pro7_con1{padding-bottom:0;}
.m2pt_des p{max-width: 1100px;margin-left: auto;margin-right: auto; color: #666; font-size: 18px;line-height: 32px;} 
.pro7box{ margin-top:2.6vw}
.pro_cst{}
.pro7_txt{ padding-right:185px;}
.pro_cst span{ display:inline-block; padding:0 50px; background:var(--cor); background:linear-gradient(to right, #ff886a, #ff4560); border-radius:1em 0 1em 0; color:#fff; line-height:50px; font-size:24px;}
.pro_cstxt{ font-size:16px; line-height:24px; margin-top:30px; text-align:justify;}
.pro_cstxt p{margin-top:12px; padding-left:80px; text-indent:-82px; color:#888!important;}
.pro_list li:nth-child(2n) .pro7_txt{ padding-right:0; padding-left:185px;}
.pro_list li:nth-child(2) .pro_cst span{ background:linear-gradient(to right, #3a5cfc, #44a5fa);}
.pro_list li:nth-child(3) .pro_cst span{ background:linear-gradient(to right, #fea969, #ff5941);}
.pro_list li:nth-child(4) .pro_cst span{ background:linear-gradient(to right, #41baff, #13dbff);}
.pro7_con2{ background:#f5f9ff;}
.pro7_con3{}
.pro7_c3lst{ margin:2.6vw -30px 0;}
.pro7_c3lst dd{ width:calc(12.5% - 60px); margin:0 30px; position:relative; text-align:center; transition:all 0.5s ease; cursor:default}
.pro7_c3lst dd:after{ content: ""; display: inline-block; height: 16px; width: 32px; position: absolute;top: 27px;right: -42px; background: url(../images/pro7_c3ar.png) no-repeat center center; }
.pro7_c3lst dd:last-child:after{ display:none}
.pro7_c3lst dd span{ display:block; width:70px; height:70px; margin:0 auto; transition:all 0.5s ease;}
.pro7_c3lst dd strong{ font-size: 18px; line-height: 30px; font-weight: normal; display: block; margin-top:20px;}
.pro7_c3lst dd p{ font-size: 14px; line-height: 22px; color: #888; margin-top: 5px; }
.pro7_c3lst dd:hover span{margin-top:-10px;}
.pro7_bom{ background: url(../images/pro7_c3bg.png) no-repeat center bottom; height: 470px; padding-top:150px;display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff; margin-top:-2vw;}
.pro7_bom strong{ display: block; font: normal 30px/50px alm; }
.pro7_bom p{ margin-top:25px;}
.pro7_btn{ display:inline-block; width:160px; line-height:46px; background:#fff; border-radius:2em; font-size:18px; border-radius:2em; cursor:pointer;}
.pro7_btn:hover{ box-shadow:0 5px 18px rgba(0,0,0,0.1); transform:translateY(-5px);}
@media (min-width:1920px){
.pro7_bom{background-size: 100% 100%;}
}
@media (max-width:1799px){
.m2pt_des p{font-size:16px; line-height:28px;}
.pro7_c3lst{margin-left:-15px; margin-right:-15px;}
.pro7_c3lst dd {width: calc(12.5% - 30px);margin: 0 15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.pro7_txt{padding-right:80px; padding-left:50px;}
.pro_list li:nth-child(2n) .pro7_txt{padding-left:80px; padding-right:50px;}
.pro7_c3lst dd:after{right:-32px;}
.pro7_bom strong{font-size:26px; line-height:40px;}
}
@media (max-width:993px){
.pro7_c3lst dd:after{display:none;}
.pro7_c3lst{flex-wrap:wrap;}
.pro7_c3lst dd {width: calc(33.33% - 30px);	margin: 0 15px 30px;}
.pro7_bom strong{font-size:22px; line-height:32px;}
}
@media (max-width:767px){
.m2pt_des p{font-size:14px; line-height:26px;}
.pro7box{margin-top:25px;}
.pro7_txt{padding-left:0 !important; padding-right:0 !important;}
.pro_cst span{padding:0 30px; font-size:20px; line-height:46px;}
.pro_cstxt{margin-top:20px;}
.pro_cstxt p {margin-top: 5px;padding-left: 65px;text-indent: -65px;}
.pro7_c3lst{margin-top:25px; margin-left:-10px; margin-right:-10px;}
.pro7_c3lst dd {width: calc(33.33% - 20px);margin: 0 10px 20px;}
.pro7_c3lst dd span{width:52px; height:52px;}
.pro7_c3lst dd strong {font-size: 16px;line-height: 26px;margin-top: 12px;}
.pro7_c3lst dd p {font-size: 12px;line-height: 18px;margin-top: 5px;}
.pro7_bom {	height: 240px;padding-top: 0;}
.pro7_bom strong{font-size:20px; line-height:30px;}
.pro7_btn {	width: 150px;line-height: 42px;	font-size: 16px;}
}

.m2nav_wpr{ background:#F7F7F7;position: -webkit-sticky; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.m2nav_fixed{position: sticky;top: 0px; z-index:5;}
.m2nav_fixed .container{display:flex; justify-content:space-between; }
.m2nav{}
.m2nav_a{ display:inline-block; line-height:60px; font-size:18px; position:relative; margin-left:60px;}
.m2nav_a.on{ color:var(--cor);}
.m2nav_a:after{content:""; height:3px; background:var(--cor); position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.5s ease; width:0%;}
.m2nav_a.on:after,.m2nav_a:hover:after{ width:100%;}
.m2brd{ font-size:16px;}
.m2brd a:before{ content: ""; background: url(../images/m2pos_arrow.png) no-repeat center center; height: 10px; width: 7px; position: absolute; top: 25px; right: -22px; }
.m2brd_a{ display:inline-block; line-height:60px; margin-left:35px; float:left; position:relative}
.m2brd_hm{background: url(../images/m2pos_i.png) no-repeat center center; display: inline-block; height: 60px; width: 14px; position: relative; float: left;}
.m2brd span{ color:#666; display:inline-block; line-height:60px; float:left; margin-left:35px;}
.sdtl_page{}
.sdtl_page .posLink,
.abt_page .posLink,
.lx_page .posLink,
.pro7_page .posLink,
.pro1_page .posLink,
.pro2_page .posLink,
.pro3_page .posLink,
.hrd_page .posLink,
.soft_page .posLink,
.svr_link2,
.app_link1,
.cdtl_page .posLink{ top:-40px}
.news_link{top:-50px;}
.app_link2{top:-150px;}
.app_link2a,.app_link1a{top:-50px}
.sdtl_tbox{ text-align:center; margin-bottom:3vw;}
.sdtl_tbox h2{ display:block; font-size:40px; line-height:56px; font-weight:normal; padding-bottom:25px; position:relative}
.sdtl_tbox h2:after {content: "";background:var(--cor);height: 4px;width: 48px;position: absolute;left: 50%;bottom: 0px;margin-left: -24px;}
.sdtl_con1{ background:#f5f9ff;}
.dtl_st{ font-size: 30px; line-height: 36px; background: url(../images/tico.png) no-repeat left center; padding-left: 40px; background-size:auto 28px;}
.dtl_editor{ font-size:16px; line-height:32px; color:#666; text-align:justify; margin-top:1.5vw;}
.dtl_editor strong{ font-family:alm; font-weight:normal; color:#333; font-size:20px;}
.sdtl_con2{}
.sdtl_con3{ background:#f5f9ff;}
.sdtl_tags{ margin:2vw -12px 0;}
.sdtl_tags dd{ width:calc(50% - 24px); margin:0 12px 24px; border:1px solid #E6E6E6; position:relative; padding:38px 25px 38px 145px; background:#fff; transition:all 0.5s ease; border-radius:0.8em;}
.sdtl_tags dd:after{content:""; background:rgba(0,0,0,0.12); position:absolute; left:136px; top:38px; bottom:38px; width:1px;}
.sdtl_tags dd span{display: inline-block; height: 56px;width:56px;position: absolute; left: 40px; top: 50%; margin-top:-28px;}
.sdtl_trx{padding: 0px 20px 0px 35px;}
.sdtl_trx strong{font-size: 24px;line-height: 24px; display: block; font-weight: normal; letter-spacing: 1px;}
.sdtl_trx p{font-size: 16px; line-height: 28px; margin-top:12px; text-align:justify; color:#666;}
.sdtl_tags dd:hover{border:1px solid var(--cor); box-shadow:0 5px 28px rgba(75,177,63,0.2);}
.sdtl_con4{ padding-bottom:0;}
.sdtl_c4dls{ margin:2vw -12px 0;}
.sdtl_c4dls dd{ width:calc(33.33% - 24px); margin:0 12px;}
.sdtl_c4item{ display:block; position:relative;}
.sdtl_c4item .overflowHide{ height:280px;}
.sdtl_c4item .coverImg:after{ content: ""; background: url(../images/m2stxt_c3bg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.sdtl_c4item .overflowHide strong{ position:absolute; left:25px; right:25px; bottom:25px; text-align:center; color:#fff; font-size:18px; line-height:26px; font-weight:normal}
.cdtl_page{}
.cdtl_page .sdtl_con2{padding-bottom:0;}
.dtl_editor ul{}
.dtl_editor ul li{ margin-bottom:15px; padding-left:24px; position:relative; list-style:none !important;}
.dtl_editor ul li:before{content:""; width:12px; height:12px; border:2px solid var(--cor); position:absolute; left:0; top:10px; border-radius:50%;}
.dtl_editor ul li:last-child{margin-bottom:0!important;}
.dtl_editor p{text-indent:0 !important;}
@media (max-width:1799px){
.m2nav_a{margin-left:50px; font-size:16px;}
.sdtl_tbox h2{font-size:36px; line-height:48px;}
.dtl_st{font-size:24px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2nav_a{margin-left:20px;}
}
@media (max-width:993px){
.m2brd{display:none;}
.m2nav{width:100%; text-align:center;}
.m2nav_a{margin:0 10px;}
.sdtl_tbox h2{font-size:30px; line-height:40px;}
.sdtl_tags dd{width:calc(100% - 24px);}
}
@media (max-width:767px){
.m2nav_fixed .container{overflow-x:auto;}
.m2nav{display:inline; white-space:nowrap;}
.sdtl_tbox h2{font-size:24px; line-height:34px; padding-bottom:15px;}
.sdtl_tbox h2:after {height: 2px;width: 30px;margin-left: -15px;}
.sdtl_tbox{margin-bottom:25px;}
.dtl_st{font-size:22px; background-size:auto 22px; padding-left:26px;}
.dtl_editor{font-size:14px; line-height:26px;}
.dtl_editor strong{font-size:16px;}
.sdtl_tags{ margin-top:25px;}
.sdtl_tags dd{padding:30px 25px 35px; text-align:center}
.sdtl_tags dd span{position:relative; margin:0 auto; left:auto; top:auto; display:block; margin-bottom:16px}
.sdtl_trx{padding-left:0; padding-right:0;}
.sdtl_tags dd:after{display:none;}
.sdtl_trx strong{font-size:22px; letter-spacing:0;}
.sdtl_trx p{font-size:14px; line-height:24px;}
}

.hrd_con2{ background:#f5f9ff;}
.hrd_page{padding-bottom:0;}
.hrd_page .sdtl_tbox{margin-bottom:0;}
.hrd_con1{}
.hrd_con2{}
.hrd_c2dl{ margin:2vw -12px 0px;}
.hrd_c2dl dd{ width:calc(50% - 24px); margin:0 12px 24px;background: #FFF; background:#f5f9ff; border-radius:0.6em; height: 90px; padding: 0px 25px 0px 35px; position: relative; transition: all 0.5s ease; display: flex;flex-direction: column;justify-content: center;}
.hrd_c2dl dd span{font-size: 24px;line-height: 24px;font-weight: normal; color:var(--cor); display: inline-block; margin-top: -12px; border-right: 1px solid rgba(0,0,0,0.15); position: absolute; left: 0px; top: 50%; transition: all 0.5s ease; width: 86px; text-align: center; display:none;}
.hrd_c2dl dd p{overflow: hidden; font-size: 18px; line-height: 32px; position:relative; padding-left:40px;}
.hrd_c2dl dd p:before{content:""; background: url(../images/gx.svg) no-repeat center center;background-size: auto;height: 32px;width: 32px; position: absolute; left:0px;top: 0px;background-size: 24px auto;}
.hrd_c2dl{}
.hrd_con3{}
.hrd_c3table{ margin-top:2vw;}
.hrd_c3table table{}
.hrd_c3table table td{font-size: 16px; line-height: 26px; color: #666666;padding: 12px 15px; text-align: center; border: 1px solid #ddd;}
.hrd_c3table table tr:nth-child(1) td{background:var(--cor); color:#fff; font-size:20px; border:1px solid var(--cor); padding-top:13px; padding-bottom:15px;}
.nhrd_c2dl dd p strong{display:block; position:relative; margin-bottom:30px; font-size:20px; color:#333;}
.nhrd_c2dl dd p{ padding-left:0; font-size:16px; line-height:26px; color:#666;}
.nhrd_c2dl dd p strong:before{content:""; background:var(--cor); width:30px; height:2px; left:0; bottom:-15px; position:absolute;}
.nhrd_c2dl dd p:before{display:none;}
.nhrd_c2dl dd{height:auto; background:#fff; padding:25px 35px 25px 40px; width:calc(33.33% - 24px); position:relative }
.nhrd_c2dl dd span{width: 80px; height: 80px; position:absolute; left:25px; top:50%; margin-top:-40px; display:block; border:none; display:none;}
.nhrd_c2dl dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
@media (max-width:1799px){

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

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

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

}
@media (max-width:767px){
.hrd_c2dl{ margin-top:20px;}
.nhrd_c2dl dd{width:calc(100% - 24px); margin-bottom:12px; padding:15px 25px 15px 20px}
.nhrd_c2dl dd p{font-size:14px;}
.hrd_c3table{margin-top:20px;}
.hrd_c3table{overflow-x:auto;}
.hrd_c3table table td {font-size: 14px;line-height: 22px;padding: 8px 8px;}
.hrd_c3table table tr:nth-child(1) td{padding-top:10px; padding-bottom:10px; font-size:18px;}
.hrd_c3table table{width:800px;}
}

.pro_t{text-align:center; position:relative; padding-bottom:25px;}
.pro_t span{font-size:40px; line-height:40px;}
.pro_t:after{content:""; width:50px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:var(--cor); height:3px;}
.m2pro_banner{ position:relative; overflow:hidden}
.m2pro_banner .coverImg{ height:30.2vw;}
.m2pro_banTxt{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); color:#fff;}
.m2pro_banTxt strong{font-size: 50px; line-height: 60px;letter-spacing: 2px; display: block;font-weight: normal;}
.m2pro_banTxt p{ font-size:18px; line-height:28px; margin-top:15px; text-align:justify; max-width:800px;}
.m2pro_banTxt a{ display:block; width:160px; text-align:center; line-height:46px; background:#fff; color:var(--cor); border-radius:2em; margin-top:50px; font-size:18px;}
.m2pro_banTxt a:hover{box-shadow:0 5px 18px; box-shadow:0 5px 18px rgba(0,0,0,0.1); transform:translateY(-3px);}
.soft_con2{ background:#f5f9ff;}
.soft_c2vimgx{margin-top:2.6vw; text-align:center}
.soft_c2vimgx video{max-width:900px; height:auto;}
.soft_c2vimgx img,.soft_c2vimgx video{display:block; margin:0 auto; border-radius:0.8em; overflow:hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.12);border: 6px solid #222;}
.soft_con1{ background: url(../images/soft_bg1.png) repeat;}
.pro_dtop{ margin:2.6vw -20px 0;}
.pro_dtop dd{ width:calc(50% - 30px); margin:0 15px 30px; background:#fff; border-radius:0.6em; padding:35px 25px 35px 115px; position:relative; transition:all 0.5s ease;}
.pro_dtop dd span{ height: 66px; width: 66px; background: #EDF7ED; position: absolute; left: 28px; top: 30px; border-radius:50%; display:block;}
.pro_dtop dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:54%; max-height:54%; width:auto; height:auto;}
.pro_dtop dd strong{ display:block; font-size:22px; line-height:32px;}
.pro_dtop dd p{font-size: 15px;line-height: 26px; color: #6E7682;text-align: justify; margin-top:8px} 
.pro_dtop dd:hover{box-shadow:0 5px 18px rgba(0,0,0,0.1); transform:translateY(-10px)}
@media (max-width:1799px){
.pro_dtop dd strong{font-size:20px;}
.m2pro_banTxt strong{font-size:40px; line-height:50px;}
.m2pro_banTxt p{font-size:16px; line-height:26px;}
.m2pro_banTxt a{margin-top:30px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2pro_banTxt a{line-height:42px;}
}
@media (max-width:993px){
.soft_c2vimgx video{max-width:100%;}
.pro_t span{font-size:30px; line-height:30px;}
.m2pro_banTxt strong{font-size:30px; line-height:40px;}
.m2pro_banTxt p{margin-top:8px;}
}
@media (max-width:767px){
.m2pro_banner .coverImg{height:200px;}
.m2pro_banTxt strong{font-size:24px; line-height:30px; letter-spacing:0;}
.m2pro_banTxt p{font-size:14px; line-height:26px;}
.m2pro_banTxt a {width: 120px;line-height: 40px;margin-top: 20px;font-size: 16px;}
.pro_dtop{margin-top:25px;}
.pro_dtop dd {width: calc(100% - 30px);margin: 0 15px 15px;padding: 30px 15px 30px 15px; text-align:center}
.pro_dtop dd span{margin:0 auto; position:relative; left:auto; top:auto; margin-top:0; margin-bottom:20px}
.pro_dtop dd p{text-align:center;}
}


.soft_con4{ background:#f5f9ff;}
.soft_c4sw{ margin:calc(2.6vw + 40px) -12px 0; display:flex; flex-wrap:wrap;justify-content:center;}
.soft_c4sw dd{ width:calc(25% - 24px); margin:0 12px 24px; border:1px solid var(--cor); background:#fff; border-radius:0.6em; transition:all 0.5s ease;}
.soft_c4item{ position:relative; padding:60px 25px 30px; text-align:center}
.soft_c4item span{ width:80px; height:80px; background:#fff; border:1px solid var(--cor); position:absolute; left:50%; margin-left:-40px; top:-40px; border-radius:50%;}
.soft_c4item span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
.soft_c4item:hover span{}
.soft_c4item strong{ display:block; position:relative; font-size:24px; line-height:36px; margin-bottom:35px;}
.soft_c4item strong:after {content: "";height: 2px;background:var(--cor);width: 50px;position: absolute;left: 50%;margin-left: -25px;bottom: -17px;}
.soft_c4item p{ font-size: 15px; line-height: 26px; color:#6E7682; text-align: justify; }
.soft_c4sw dd:hover {box-shadow: 0 8px 18px rgba(0,0,0,0.1);transform: translateY(-10px);}
@media (max-width:1799px){
.soft_c4item strong{font-size:22px; line-height:32px;}
.soft_c4item p{font-size:14px; line-height:24px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.soft_c4item strong{font-size:20px; line-height:30px;}
}
@media (max-width:993px){
.soft_c4sw dd{ width:calc(50% - 24px);}
}
@media (max-width:767px){
.soft_c4sw dd {width: calc(100% - 24px); margin-top:30px;}
.soft_c4sw{margin-top:30px;}
}


.sdtl_c4lst{ margin-top:2.6vw;}
.sdtl_c4lst dd{ margin-bottom:20px;}
.sdtl_c4nitem{display:flex; justify-content:space-between; padding:25px; border:1px solid #CEDFE1; border-radius:0.8em; }
.sdtl_c4nitem .overflowHide{ width:260px; height:162px; border-radius:0.6em;}
.sdtl_c4nrx{ width:calc(100% - 300px); padding-right:20px;display:flex; flex-direction:column; justify-content:center;}
.sdtl_c4nrx strong{ font: normal 20px/32px alm; }
.sdtl_c4nrx p{ font-size: 16px; line-height: 24px; color: #888; margin-top: 12px; -webkit-line-clamp:3;}
.sdtl_c4nitem:hover{border:1px solid var(--cor); box-shadow:0 5px 28px rgba(75,177,63,0.2);}
.dtl_bmsw{margin-left:50px; margin-right:50px;}
.dtl_bmsw .slick-prev,.dtl_bmsw .slick-next{margin-top:-22px;}
.dtl_bmsw .inx_c1des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
@media (max-width:1799px){

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

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

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

}
@media (max-width:767px){
.dtl_bmsw{margin-left:0; margin-right:0; padding-bottom:25px; margin-top:20px}
.dtl_bmsw dd{padding-left:0; padding-right:0;}
.dtl_bmsw .slick-dots{bottom:0;}
.dtl_bmsw .slick-dots li button{display:none;}
.dtl_bmsw .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.dtl_bmsw .slick-dots li.slick-active{ background:var(--cor); }
}


.lay_bg{ background:rgba(0,0,0,0.5); position:fixed; z-index:30; left:0; top:0; right:0; bottom:0;}
.layCon{ background: #F6F7FB url(../images/layBg.jpg) no-repeat center top; background:#fff; width: 520px; position: fixed; left: 50%; top: 50%; z-index: 35; transform:translate(-50%,-50%); border-radius:0.6em; padding:40px 68px 50px;}
.lay_close{ background: url(../images/cs_close.png) no-repeat center center; height: 28px; width: 28px; position: absolute; top: 22px; right: 22px; cursor: pointer; background-size:22px auto; transition:all 0.5s ease; z-index:1;}
.lay_close:hover{transform:rotate(180deg);}
.lay_con{ position:relative;}
.lay_t{ font-size:28px; line-height: 38px; text-align: center; margin-bottom:22px;}
.lay_inx{ position:relative; margin-bottom:20px;}
.lay_inx input{ width: 100%; line-height: 44px; font-size: 14px; padding:0 13px; background:none; color: #666; border: 1px solid #D9D9D9; border-radius:0.4em; background:#fff;}
.lay_inx textarea{ width: 100%; line-height: 20px; font-size: 14px; padding:10px 13px; height:100px; background:none; color: #666; border: 1px solid #D9D9D9; border-radius:0.4em;}
.lay_inx input:focus{ border:1px solid var(--cor); color:#333;}
.lay_inx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #D9D9D9; background: transparent url(../images/sel_ar.png) no-repeat right 13px center; padding-right: 40px; opacity: 1; color: #888; font: 14px/40px "微软雅黑"; width: 100%; height: 42px; padding-left: 13px; border-radius: 0.4em; background-size:16px auto; }
.lay_btn button{ line-height: 46px; font-size: 16px; color: #FFF; width: 100%; cursor: pointer; background:#5FC586; color:#fff; transition:all 0.5s ease; border-radius:0.4em; display:block; text-align:center}
.lay_btn button:hover{background:#40AE69;color: #fff;box-shadow: 0 3px 18px rgba(95,197,134,0.3);}
.lay_btn{margin-top:25px;}
@media (max-width:1799px){

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

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

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

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

}

.pro1_page{}
.pro1_con1{ text-align: center; background: url(../images/abt_c1bg.png) no-repeat center bottom; padding-bottom:8vw; background-size:cover; }
.pro1_con1 strong{ display: block; font: 44px/60px alm; color:#5FC586 }
.pro1txt{ display:inline-block; margin-top:2vw;}
.pro1txt p{ font-size: 22px; line-height: 36px; position: relative; padding-left: 25px; text-align:left; margin-bottom:12px; }
.pro1txt p:before{content:""; width:14px; height:14px; border:3px solid #5FC586; border-radius:50%; position:absolute; left:0; top:10px;}
.pro1_con2{ padding-bottom:0}
.pro_pubx{}
.pro_pubx_item{ padding:5.2vw 0}
.pro_pubx .pro_pubx_item:nth-child(2n){ background:#f5f9ff;}
.pro_pubx_item .container{display:flex; justify-content:space-between; }
.pro_pubx .pro_pubx_item:nth-child(2n) .container{flex-direction:row-reverse;}
.pro_pubx .pro_pubx_item:nth-child(2n) .pro_pubx_txt{padding-left:150px; padding-right:150px;}
.pro_pubx_imgx{height: 500px; position: relative; width: 50%;}
.pro_pubx_imgx img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.pro_pubx_txt{display: flex; flex-direction: column;justify-content: center; width: 50%; padding-right:150px; padding-left:150px;}
.pro_pubx_st{ line-height:56px; font-size:24px; background:#45BC8E; margin-left:25px; border-radius:0 2em 2em 0; display:inline-block; padding:0 80px 0 50px; color:#fff; position:relative; margin-bottom:25px;}
.pro_pubx_st span{ width:66px; height:66px; background:#45BC8E; border-radius:50%; border:5px solid #fff; line-height:56px; font-size:30px; font-family:din_b; position:absolute; left:-30px; top:-5px; text-align:center}
.pro_pubx_txt p{ font-size:18px; line-height:32px; color:#666; position:relative; padding-left:35px; margin-top:12px; margin-left:15px;}
.pro_pubx_txt p strong{color:#5FC586;}
.pro_pubx_txt p:before{ content: ""; background: url(../images/gx.svg) no-repeat center center; height: 32px; width: 32px; position: absolute; left: 0px; top: 0px; background-size:24px auto;}
/*.pro_pubx .pro_pubx_item:nth-child(3) .pro_pubx_imgx,
.pro_pubx .pro_pubx_item:nth-child(4) .pro_pubx_imgx,
.pro_pubx .pro_pubx_item:nth-child(5) .pro_pubx_imgx{height:350px;}*/
.pro_pubx .pro_pubx_item:nth-child(2n) .pro_pubx_st span{border-color:#f5f9ff;}
.pro1_con3{ color: #FFF; background: url(../images/indeBg.jpg) no-repeat center center; background-size:cover;}
.pro1_con3 .m2pt_des p{color:#fff;}
.pro1_c3dls{ margin:2.6vw -15px; display:flex;}
.pro1_c3dls dd{ width:calc(100% - 30px); margin:0 15px; border:1px solid #fff; border-radius:0.6em; text-align:center; padding:45px 35px 40px;}
.pro1_c3dls dd span{ width:80px; height:80px; border:2px solid #fff; position:relative; display:block; margin:0 auto; border-radius:50%}
.pro1_c3dls dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:50%; max-height:50%; width:auto; height:auto;}
.pro1_c3dls dd p{ font-size:22px; line-height:32px; margin-top:25px;}
.pro1_con4{ background: url(../images/esg_c1bg.png) no-repeat center center; }
.pro1_c4box{display:flex; justify-content:space-between; margin-top:3.6vw;}
.pro1_c4imgx{ width:50%;}
.pro1_c4imgx img{ display:block; border-radius:1.2em; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.12); border:6px solid #222;}
.pro1_c4txt{ width:50%;display:flex; flex-direction:column; justify-content:center;}
.pro1_c4txt p{ width:400px; margin:0 auto; font-size:24px; line-height:42px; position:relative;}
.pro1_c4txt p:before{content:""; background: url(../images/yh.svg) no-repeat center center; height: 20px; width: 20px; position: absolute; left: -38px; top:0px; background-size:20px auto; transform:rotate(180deg);}
.pro1_c4txt p:after{ content: ""; background: url(../images/yh.svg) no-repeat center center; height: 20px; width: 20px; position: absolute;right: -30px; bottom: 8px; background-size:20px auto;}
.pro1_c4txt p span{ display: block; position: relative; padding-left: 30px; margin: 10px 0; background: url(../images/gx.svg) no-repeat left 10px; background-size:24px auto;}
.pro2_con4 p:before,.pro2_con4 p:after{display:none;}
.pro2_con4 .pro1_c4imgx img{border:none; box-shadow:none}
@media (max-width:1799px){
.pro_pubx_txt{padding-left:80px; padding-right:80px;}
.pro_pubx .pro_pubx_item:nth-child(2n) .pro_pubx_txt{padding-left:80px; padding-right:80px;}
.pro_pubx_st{font-size:22px;}
.pro_pubx_txt p{font-size:16px; line-height:30px;}
.pro_pubx_txt p:before{background-size:22px auto;}
.pro1_con1 strong{font-size:36px; line-height:50px;}
.pro1txt p{font-size:20px;}
.pro1_c3dls dd p{font-size:20px;}
.pro1_c4txt p{font-size:20px; line-height:38px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.pro1_c4imgx{width:48%;}
}
@media (max-width:993px){
.pro_pubx_item .container{flex-wrap:wrap;}
.pro_pubx_imgx{width:100%; height:auto !important;}
.pro_pubx_imgx img{ max-width:400px; max-height:300px; position:static; display:block; margin:0 auto; transform:translate(0,0);}
.pro_pubx_txt{width:100%; margin-top:35px; padding:0 !important}
.pro1_c4box{flex-wrap:wrap;}
.pro1_c4imgx{width:100%; text-align:center;}
.pro1_c4imgx img{max-width:500px; margin:0 auto;}
.pro1_c4txt{width:100%; margin-top:25px;}
}
@media (max-width:767px){
.pro1_con1 strong{font-size:24px; line-height:36px;}
.pro2_con1 .pro1txt{margin-top:20px;}
.pro1txt p{font-size:18px;}
.pro_pubx_item{padding:12vw 0;}
.pro_pubx_st{font-size:20px;}
.pro1_c4imgx img{max-width:100%;}
.pro1_c4txt p{font-size:18px;}
.pro1_c4txt p span{margin:5px 0; background-position: left 8px;}
.pro1txt p{font-size:16px; line-height:28px;}
.pro1txt p:before{top:7px;}
.pro1txt{margin-top:20px;}
.pro1_c3dls{margin-top:25px; flex-wrap:wrap;}
.pro1_c3dls dd{margin-bottom:15px;}
.pro1_c4box{margin-top:25px;}
.pro1_c4txt p{width:auto;}
.pro1_c4txt p{font-size:16px; line-height:28px;}
.pro_pubx_imgx img{ max-width:300px;}
.pro_pubx_txt p:before{top:-1px;}
}

.pro2_con1 .pro1txt{display:flex; justify-content:space-between; flex-wrap:wrap; max-width:700px; margin-left:auto; margin-right:auto;}
.pro2_con1 .pro1txt p{ width:280px;}
.pro_pubsw_wpr{height:auto!important; padding-bottom:30px;}
.pro_pubsw dd{ height:500px; position:inherit;display:flex; flex-direction:column; justify-content:center;}
.pro_pubsw .slick-dots{bottom:-30px;}
.pro_pubsw .slick-dots li button{display:none;}
.pro_pubsw .slick-dots li { background: #D6D6D6; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.pro_pubsw .slick-dots li.slick-active{ background:#5FC586;}
.pro2_con3{ background:#f5f9ff;}
.pro2_c3box{margin:2.6vw 80px 0; display:flex; justify-content:space-between; }
.pro2_c3box li{margin:0 40px;display:flex; flex-direction:column; justify-content:center;}
.pro2_c3box li img{ border-radius:0.6em; overflow:hidden;}
.pro2_c3box li img:nth-child(1){display:none;}
.pro2_c3box li.on img:nth-child(2){display:none;}
.pro2_c3box li.on img:nth-child(1){display:block;}
.pro2_con3 .pro1_c3dls{margin-top:3.6vw;}
.pro2_con3 .pro1_c3dls dd{border:1px solid #ddd; background:#fff;}
.pro2_c3dls{ margin:5vw -12px 0; display:flex;}
.pro2_c3dls dd{ width: calc(100% - 24px); margin: 0 12px; border: 2px solid #C1C9D9; border-radius: 0.6em; background: #fff; text-align: center; padding:65px 15px 32px 13px; position:relative; transition:all 0.5s ease; }
.pro2_c3dls dd span{ display:block; width:90px; height:90px; margin:0 auto; border-radius:50%; border:2px solid #45BC8E; background:#fff; position:absolute; left:50%; margin-left:-45px; top:-45px;}
.pro2_c3dls dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:56%; max-height:56%; width:auto; height:auto;}
.pro2_c3dls strong{ font: normal 24px/36px alm; display:block; position:relative; margin-bottom:35px; }
.pro2_c3dls strong:after{content:""; height:2px; background:#45BC8E; width:50px; position:absolute; left:50%; margin-left:-25px; bottom:-17px;}
.pro2_c3dls p{ text-align:left; position:relative; padding-left:20px; font-size:15px; line-height:26px;}
.pro2_c3dls p:before{content:""; width:4px; height:4px; background:#45BC8E; border-radius:50%; position:absolute; left:7px; top:11px;}
.pro2_c3dls dd:hover{box-shadow:0 8px 18px rgba(0,0,0,0.1); transform:translateY(-10px)}
@media (max-width:1799px){
.pro2_c3dls p{font-size:14px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.pro2_c3dls strong{font-size:20px; line-height:30px;}
}
@media (max-width:993px){
.pro_pubsw dd{height:auto;}
.pro2_c3box{margin-left:0px; margin-right:0px;}
.pro2_c3dls{flex-wrap:wrap;}
.pro2_c3dls dd { width: calc(50% - 24px); margin-bottom:24px;}
.pro2_c3dls dd span{width:80px; height:80px; margin-left:-40px; top:-40px;}
}
@media (max-width:767px){
.pro2_c3box{ margin-top:25px;}
.pro2_c3box li{margin:0px; margin-bottom:20px;}
.pro2_c3box{flex-wrap:wrap;}
.pro2_c3dls{margin-top:13vw;}
.pro2_c3dls dd {width: calc(100% - 24px); padding:35px 15px 32px 13px; margin-bottom:15px;}
.pro2_c3dls dd span{position:relative; top:auto; margin-left:auto; margin-right:auto; left:auto; width:66px; height:66px; margin-bottom:15px;}
.pro2_c3dls dd:hover {transform: translateY(0px);}
}

.pro3_c1box{ margin-top:75px; display:flex; border-right: 1px solid #eee;}
.pro3_c1box dd{ transition: all 0.5s ease; width: 30%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee; height:468px; position:relative; }
.pro3_c1box dd.on{ width:50%; z-index:1;}
.proc3_c1dx{ padding:46px 25px; text-align:center; transition:all 0.5s ease;}
.pro3_c1ico{ display:block; width:50px; height:50px; margin:0 auto;}
.pro3_c1dtpx{ margin-top:30px;}
.pro3_c1dtpx strong{ font-size: 20px; line-height: 30px; display: block; font-weight:normal}
.pro3_c1dtpx p{ font-size: 14px; line-height: 24px; color: #888; }
.pro3_c1dsp{ margin-top:25px;}
.pro3_c1dsp p{ font-size:18px; line-height:40px;}
.proc3_c1hx{ position:absolute; left:-1px; right:-1px; top:-30px; bottom:-30px; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.proc3_c1htp{ height:110px; padding:0 35px;background: linear-gradient(to right, #36b554, #6cdc57); color:#fff;display:flex; flex-direction:column; justify-content:center;}
.proc3_c1htp strong{ font-size: 20px; line-height: 30px; display: block; font-weight:normal; transition:all 0.5s ease; opacity:0; transform:translateX(30px);}
.proc3_c1htp p{ font-size: 14px; line-height: 22px; margin-top:5px; transition:all 0.5s ease; opacity:0; transform:translateX(30px);}
.pro3_hxbm{ position: absolute; left: 0; bottom: 0; right: 0; top: 110px; background: #fff; border-right: 1px solid #36B554; border-bottom: 1px solid #36B554; border-left: 1px solid #36B554; display:flex; flex-direction:column; justify-content:center;}
.pro3_hitem{ margin:10px 25px; padding-left:65px; min-height:56px; position:relative; transition:all 0.5s ease; opacity:0; transform:translateX(30px);}
.pro3_hitem span{ width:46px; height:46px; position:absolute; left:0; top:50%; margin-top:-23px;}
.pro3_hitem strong{ display:block; font-weight:normal; font-size:20px; line-height:30px;}
.pro3_hxbm p{ font-size:14px; line-height:22px; color:#888;}
.pro3_c1box dd.on .proc3_c1dx{opacity:0; visibility:hidden;}
.pro3_c1box dd.on .proc3_c1hx{opacity:1; visibility:visible;}
.pro3_c1box dd.on .proc3_c1htp strong{opacity:1; transform:translateX(0); transition-delay:0.2s;}
.pro3_c1box dd.on .proc3_c1htp p{opacity:1; transform:translateX(0); transition-delay:0.3s;}
.pro3_c1box dd.on .pro3_hitem{opacity:1; transform:translateX(0); transition-delay:0.2s;}
.pro3_con2{padding-top:2vw;}
.pro3_c2box{margin-top:3.6vw;}
.pro3_c2box .pro_pubx_st{margin:0 auto; padding-left:90px;}
.pro3_c2imgx{margin-top:3.6vw; text-align:center;}
.pro3_c2box1{display:flex; justify-content:space-between; margin-top:2.8vw;flex-direction:row-reverse;}
.pro3_c2bx1txt{ width:40%; padding-left:50px; padding-right:0;}
.pro3_c2box1img{ width:60%;}  
.pro3_c2box1img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.pro3_c2box1 .pro_pubx_txt p{font-size:22px; line-height:40px;}
.pro3_c2box1 .pro_pubx_txt p:before{top:5px;}
.pro3_con3 .pro7_txt{padding-left:80px;}
.pro3_con3 .pro_imgx{height:380px;}
@media (max-width:1799px){
.pro3_hitem strong{font-size:18px;}
.pro3_c1dsp p{font-size:16px;}
.pro3_hxbm p{font-size:12px; line-height:20px;}
.proc3_c1dx{padding-left:18px; padding-right:18px;}
.pro3_c1dtpx strong{font-size:18px; line-height:28px;}
.pro3_c1dtpx p{font-size:12px; line-height:20px;}
.pro3_c2box1 .pro_pubx_txt p{font-size:20px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.pro3_c1box{flex-wrap:wrap;}
.pro3_c1box dd{width:50% !important;}
.pro3_c2box1img{width:100%;}
.pro3_c2box1img img{ max-width:400px; max-height:300px; position:static; display:block; margin:0 auto; transform:translate(0,0);}
.pro3_c2box1{flex-wrap:wrap;flex-direction:column-reverse;}
.pro3_c2bx1txt{width:100%; margin-top:35px;}
.pro3_con3 .pro_imgx{height:auto;}
}
@media (max-width:767px){
.pro3_c1box dd{width:100% !important; height:auto; margin-bottom:20px;}
.proc3_c1dx{display:none;}
.proc3_c1hx{position:relative; top:auto; right:auto; bottom:auto; left:auto;}
.pro3_hxbm{position:static; padding-bottom:20px}
.proc3_c1htp{padding-left:15px; padding-right:15px;}
.pro3_c1box dd .proc3_c1dx{opacity:0; visibility:hidden;}
.pro3_c1box dd .proc3_c1hx{opacity:1; visibility:visible;}
.pro3_c1box dd .proc3_c1htp strong{opacity:1; transform:translateX(0); transition-delay:0.2s;}
.pro3_c1box dd .proc3_c1htp p{opacity:1; transform:translateX(0); transition-delay:0.3s;}
.pro3_c1box dd .pro3_hitem{opacity:1; transform:translateX(0); transition-delay:0.2s;}
.pro3_hitem{margin-left:15px; margin-right:15px; padding-left:56px;}
.pro3_c2imgx{margin-top:25px;}
.pro3_c2box{margin-top:12vw;}
.pro3_c2box1{margin-top:25px;}
.pro3_c2box1img img {max-width: 100%; max-height: 300px;}
.pro_pubx_txt p{margin-left:0; margin-top:4px;}
.pro_pubsw dd{display:flex !important; flex-direction:column; justify-content:center;}
}


.iOpacity{opacity:0;}
.m2csu1{ margin: 2.6vw -14px 0;display: flex; justify-content: space-between; }
.m2csu1 li{ padding: 0px 14px; float: left; width: 40%; transition:all 0.5s ease-in-out; }
.m2csu1 li.on{ width: 63%; }
.m2ca_aBox{ display: block; background:rgba(255,255,255,0.3); height: 316px; text-align: center; padding: 50px 25px 0px; position:relative;box-shadow:0 5px 25px rgba(17,55,116,0.08); border-radius:0.6em; }
.m2csu1 li.on .m2ca_aBox{box-shadow:0 5px 25px rgba(17,55,116,0.18);}
.m2csicon{ display: inline-block; height: 80px; width: 80px; position: relative; }
.m2csicon:before{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/m2cs_iconBor.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2csicon:after{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/m2cs_iconBor_hv.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0;}
.m2csu1 li.on .m2csicon:before{content:""; opacity:0;}
.m2csu1 li.on .m2csicon:after{content:""; opacity:1; animation:turnAni 30s linear infinite;}
.m2csicon img{ position:absolute; left:0; top:0; z-index:2; transition:all 0.5s ease-in-out;}
.m2csu1 li.on .m2ca_aBox .m2csicon img{ opacity:0;}
.m2csu1 li.on .m2ca_aBox .m2csicon img.iOpacity{ opacity:1;}
.m2csu1Bom{ margin-top: 25px; position: relative; }
.m2cs_c1t1{ font-size: 18px; line-height: 32px; position:absolute; left:0; width:100%; transition:all 0.5s ease-in-out; }
.m2cs_c1des{ width:100%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}
.m2cs_c1des strong{ font-size: 26px; font-weight: normal; line-height: 30px; height:30px; overflow:hidden; display: block; margin-bottom: 10px; margin-top:-4px }
.m2cs_c1des p{ font-size: 20px; line-height: 24px; color: #666666; text-align: center; height: 48px; overflow:hidden; transition:all 0.5s ease-in-out;}
.m2cs_num{ color: #999999; background: url(../images/m2cs_numWp.png) no-repeat center center; height: 36px; width: 33px; text-align: center; display: block; position: absolute; left: 50%; margin-left: -16px; bottom: 36px; font: 20px/36px din; }
.m2csu1 li.on .m2ca_aBox .m2cs_c1t1{ opacity:0;}
.m2csu1 li.on .m2ca_aBox .m2cs_c1des{ opacity:1; transition-delay:0.3s}
.pro1bmsw{ margin:0 -20px; padding-bottom:10px;}
.pro1bmsw dd{ padding:0 20px 30px; height:auto;}
.pro1_c4imgx img{ box-shadow:0 10px 20px rgba(0,0,0,0.12);}
.pro3_c2box2 .pro3_c2box1{flex-direction:row;}
.npro3_con3 .pro7box{background:#f5f9ff; margin-top:0; background:linear-gradient(to bottom, #fff 0%,#f5f9ff 100%);}
.npro3_con3{padding-bottom:0;}
.npro3_con3 + .pro7_bom{background-color:#f5f9ff;}
.pro7bmsw dd:nth-child(2) .pro_cst span{ background:linear-gradient(to right, #3a5cfc, #44a5fa);}
.pro7bmsw dd:nth-child(3) .pro_cst span{ background:linear-gradient(to right, #fea969, #ff5941);}
.pro7bmsw dd:nth-child(4) .pro_cst span{ background:linear-gradient(to right, #41baff, #13dbff);}
.pro7tags{ border-bottom:1px solid #eee; margin-top:3vw;}
.pro7tags .container{justify-content:center; display:flex;}
.pro7tags a{ display:inline-block; cursor:pointer; position:relative; width:25%; text-align:center; padding-bottom:30px;}
.pro7tags a span{ width:80px; height:80px; border:2px solid var(--cor); margin:0 auto; position:relative; display:block; border-radius:50%;}
.pro7tags a span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:66%; max-height:66%; width:auto; height:auto;}
.pro7tags a p{ font-size:20px; line-height:36px; margin-top:15px;}
.pro7tags a:after{content:""; height:2px; background:var(--cor); position:absolute; left:50%; bottom:-1px; width:0%; transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%);}
.pro7tags a.on:after{ width:100%;}
.pro7tags a.on{color:var(--cor);}
.npro3_con3 .pro_item{padding-left:220px;}
@media (max-width:1799px){
.m2cs_c1des strong{font-size:24px;}
.m2cs_c1des p{font-size:20px;}
.m2ca_aBox{padding-top:40px;}
.m2cs_c1t1{font-size:16px; line-height:28px;}
.m2ca_aBox{height:295px;}
.pro1bmsw{ margin:0 -20px; padding-bottom:0px;}
.pro1bmsw dd{ padding:0 20px 30px; height:auto;}
.pro1bmsw .slick-dots{bottom:-20px;}
.pro3_con3 .pro_imgx{height:320px;}
.pro3_con3 .pro_item{padding:3vw 0; padding-left:120px;}
.pro7tags a{padding-bottom:20px;}
.pro7tags a span{ width:68px; height:68px;}
.pro7tags a p{ font-size:18px; line-height:32px; margin-top:12px;}
}
@media (max-width:1199px){
.m2cs_c1t1 {font-size: 16px;line-height: 24px;}
.m2cs_num{bottom:30px;}
.pro3_con3 .pro_item{padding-left:80px;}
}
@media (max-width:993px){
.m2csu1{display:block;}
.m2csc1LisWpr{ margin-top:35px;}
.m2csu1 li{width:100%!important; margin-bottom:18px;}
.m2csCon1{padding:60px 0;}
.m2csu1 li .m2ca_aBox .m2cs_c1t1{ opacity:0;}
.m2csu1 li .m2ca_aBox .m2cs_c1des{ opacity:1; transition-delay:0.3s}
.m2csu1 li .m2ca_aBox .m2csicon img{ opacity:0;}
.m2csu1 li .m2ca_aBox .m2csicon img.iOpacity{ opacity:1;}
.m2ca_aBox{ box-shadow:0 5px 25px rgba(17,55,116,0.18) !important;}
.pro3_c2box2 .pro3_c2box1{flex-direction:column-reverse;}
.pro3_con3 .pro_item{padding-top:10vw;}
.pro3_con3 .pro_imgx{height:auto;}
.pro3_con3 .pro_item{padding-left:0;}
}
@media (max-width:767px){
.m2csu1 li{width:100%!important; margin-bottom:20px;}
.m2cs_des{font-size:15px; line-height:26px; margin-top:15px;}
.m2csu1{margin-top:25px;}
.m2cs_c1des p{font-size:16px;}
.pro1_c4txt p:before,.pro1_c4txt p:after{display:none;}
.pro7tags a p{font-size:14px; line-height:22px;}
.pro7tags a span{border:1px solid var(--cor); width:50px; height:50px;}
.pro7bmsw {padding-bottom:50px;}
}