.hmFocus,.hmFocus_item{height: 100vh;}
.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); }
.hmFs_bg:after{content:""; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.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-in-out; 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-in-out; 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: 0px; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:40px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 3px solid rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:3px; background:#ea5404; position:absolute; left:0; top:-3px; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 5s 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); text-align:center;}
.hmBan_txt strong{ font-size: 66px; line-height: 80px; letter-spacing: 4px; display: block; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; }
.hmBan_txt p{ font-size: 36px; line-height: 46px; margin-top: 10px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing:3px; }
.on .hmBan_txt p{ opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.on .hmBan_txt strong{ opacity:1; transform:translateY(0);}
@media (max-width:1799px){
.hmBan_txt strong{ font-size: 52px; line-height: 66px; letter-spacing: 3px;}
.hmBan_txt p{ font-size: 28px; line-height: 38px; margin-top: 8px; letter-spacing:2px; }
.hmFs_docx{height:31px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmBan_txt strong{ font-size: 40px; line-height: 52px; letter-spacing: 2px;}
.hmBan_txt p{ font-size: 22px; line-height: 32px; margin-top: 6px; letter-spacing:1px; }
}
@media (max-width:993px){
.hmFocus,.hmFocus_item{height:400px;}
}
@media (max-width:767px){
.hmBan_txt strong{ font-size: 24px; line-height: 36px; letter-spacing: 1px;}
.hmBan_txt p{ font-size: 16px; line-height:28px; margin-top: 3px; letter-spacing:0px; }
.hmFocus,.hmFocus_item{height:360px;}
.hmFs_docx{height:25px;}
}

.m2banner_wrap{position:relative;}
.m2banner{position: relative; overflow: hidden}
.m2banner .coverImg{ height: 35.41vw; transition:all 6s ease; transform:scale(1.15);}
.m2banner.on .coverImg{ transform:scale(1);}
.m2banner .coverImg:after{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0}
.m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff;}
.m2banTxt2{padding-top:80px;}
.m2banTxt strong{ letter-spacing: 2px; display: block; font: normal 50px/60px sym; }
.m2banTxt h4{ letter-spacing: 2px; display: block; font: normal 50px/60px sym; margin-top:15px;}
.m2banTxt p{font-size: 20px;line-height: 32px;letter-spacing: 1px;display: block; margin-top: 15px;}
.m2menuWpr{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden}
.m2menu{ position:relative; height:80px;}
.m2menu:before{ content: ""; background: url(../images/m2menu_bg.png) repeat-y left top; width: 100vw; position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius:2em 0 0 0;}
.m2menu_a{ display: inline-block; margin-left: 50px; line-height: 80px; color: #FFF; font-size: 16px; position: relative; letter-spacing: 1px; }
.m2menu_a i{ width:10px; height:10px; border:1px solid #fff; position:absolute; left:50%; margin-left:-5px; bottom:14px; border-radius:50%; transition:all 0.5s ease; opacity:0}
.m2menu_a i:after{ content: ""; background: #FFF; height: 4px; width: 4px; position: absolute; left: 2px; top: 2px; border-radius:50%;}
.m2menu_a.on i,.m2menu_a:hover i{ opacity:1;}
.m2menu_a:hover,.m2menu_a.on{color:#fff;}
.m2pos{ position:relative; z-index:1; color:#fff; line-height:80px; font-size:16px; padding-left:50px;}
.m2pos_a{ color:#fff;}
.m2pos_a:hover{text-decoration:underline; color:#fff;}
.web_page{ text-align:center;}
.web_page *{ vertical-align:middle;}
.page_prev{ display: inline-block; background: url(../images/page_ar.png) no-repeat center center; height: 28px; width: 28px; }
.page_prev:hover,.page_next:hover{ background: url(../images/page_ar2.png) no-repeat center center; }
.page_next{ display: inline-block; background: url(../images/page_ar.png) no-repeat center center; height: 28px; width: 28px; transform:rotate(180deg);}
.page_num{ display:inline-block; margin:0 12px; font-size:16px; color:#666666; position:relative; line-height:28px;}
.page_num.on,.page_num:hover{ color:var(--cor);}
.page_num:after{ content:""; height:2px; background:var(--cor); transition:all 0.5s ease; width:0%; left:50%; transform:translateX(-50%); position:absolute; bottom:0}
.page_num:hover:after,.page_num.on:after{ width:100%;}
.page_tip1{ display:inline-block; margin-left:15px;}
.page_tip2{}
.web_page input{ width:38px; padding:0 5px; text-align:center; line-height:26px; height:28px; border:1px solid #D9E1E5; border-radius:0.2em; font-size:16px; background:none; margin:0 8px;}
.web_page input:focus{ border:1px solid var(--cor);}
.web_page button{ border:1px solid #D9E1E5; font-size:16px; line-height:26px; height:28px; text-align:center; width:56px; border-radius:0.2em; background:none; margin-left:25px; transition:all 0.5s ease; cursor:pointer; font-size:16px;}
.web_page button:hover{ color:#fff; background:var(--cor); border:1px solid var(--cor);}
@media (max-width:1799px){
.m2banTxt strong img{max-height:80px; width:auto;}
.m2banTxt h4{font-size:40px; line-height:50px;}
.m2menu{ height:72px;}
.m2menu_a{margin-left: 40px; line-height: 72px;}
.m2menu_a i{ bottom:11px;}
.m2banTxt strong{font-size:40px; line-height:50px;}
.m2banTxt p{font-size:18px; line-height:28px; margin-top:12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2banner .coverImg{height:42vw;}
.m2banTxt h4{font-size:32px; line-height:40px;}
.m2menu_a{margin-left:25px;}
.m2banTxt strong{font-size:32px; line-height:40px;}
.m2banTxt p{margin-top:8px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2banner .coverImg{height:80vw;}
.m2menu_a{line-height:40px; padding-bottom:5px;}
.m2menu_a i{bottom:0;}
.m2menu{height:55px; display:inline-block; white-space:nowrap;}
.m2menuWpr{background: url(../images/m2menu_bg.png) repeat-y left top; background-size:100% auto;}
.m2menuWpr .container{width:100%; overflow-x:auto; text-align:center;}
.m2menu_a{display:inline-block; white-space:nowrap; margin:0 10px;}
.m2menu:before{display:none;}
.m2banTxt strong img{max-height:60px;}
.m2banTxt h4{font-size:24px; line-height:24px; margin-top:8px;}
.m2banTxt{padding-bottom:25px;}
.web_page a{margin-bottom:5px;}
.m2banTxt strong{font-size:24px; line-height:32px;}
.m2banTxt p{font-size:16px; line-height:26px; margin-top:5px;}
.m2banTxt2{padding-top:30px;}
}

.case_page{ background: url(../images/case_bg.png) no-repeat center top; background-size:100% auto; position:relative }
.case_page:before{ content: ""; background: url(../images/case_bg2.png) no-repeat center bottom; position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:100% auto;}
.case_page .container{position:relative;}
.case_ul{ margin: 0px -15px; }
.case_ul li{ width:calc(33.33% - 30px); margin:0 15px 45px}
.case_aBox{ display:block;}
.case_aBox .overflowHide{ border-radius:0.8em; height:285px;}
.case_bmx{ padding-top: 30px; }
.case_bmx strong{ font: normal 20px/28px syb; }
.case_bmx p{ font-size: 16px; color: #666666; line-height: 26px; margin: 6px 0px 18px; }
.m2more{ display: inline-block; font-size: 16px; line-height: 26px; color: #226cb5; background: url(../images/more_ar.png) no-repeat right center; padding-right: 16px; }
@media (max-width:1799px){
.case_ul{ margin: 0px -12px; }
.case_ul li{ width:calc(33.33% - 24px); margin:0 12px 24px}
.case_aBox .overflowHide{height:225px;}
.case_bmx{ padding-top: 25px; }
.case_bmx strong{ font: normal 18px/26px syb; }
.case_bmx p{ font-size: 14px; line-height: 24px; margin: 5px 0px 12px; }
.m2more{ font-size: 14px; line-height: 24px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.case_aBox .overflowHide{height:185px;}
}
@media (max-width:993px){
.case_ul li{ width:calc(50% - 24px);}
}
@media (max-width:767px){
.case_ul li{ width:calc(100% - 24px);}
.case_aBox .overflowHide{height:57vw;}
.case_bmx{padding-top:18px;}
.case_bmx strong{-webkit-line-clamp:2;}
.case_bmx p{-webkit-line-clamp:3;}
}

.tools{ position:fixed; right:24px; top:50%; transform:translateY(-50%); z-index:30; width:52px}
.tools li{ margin-bottom:3px; position:relative;}
.tool_a{ display:block; height:52px; background:#F6F6F6;border-radius:0.4em; position:relative; cursor:pointer}
.tool_a:hover{ background:#226cb5;}
.tool_ico{ width:24px; height:24px; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px;}
.tool_ico img{ position:absolute; left:0; top:0; transition:all 0.5s ease;}
.tool_ico img:nth-child(2){ opacity:0}
.tool_a:hover .tool_ico img{ opacity:0;}
.tool_a:hover .tool_ico img:nth-child(2){ opacity:1;}
.tool_tel{ transition: all 0.5s ease; visibility: visible; opacity: 0; position: absolute; right: 90px; line-height: 52px; white-space: nowrap; padding: 0px 30px; background:#fff; color:#226cb5; font-size:24px; font-family:dinb; border-radius:0.4em; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.tool_tel:after{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; margin-top:-8px; top:50%;}
.tool_wx{ transition:all 0.5s ease; visibility:visible; opacity:0; position:absolute; right:90px; width:170px; height:170px; background:#fff; border-radius:0.4em; bottom:5px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.tool_wx img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.tool_wx:after{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; bottom:15px;}
.tools li:hover .tool_tel{ right:70px; opacity:1; visibility:visible}
.tools li:hover .tool_wx{ right:70px; opacity:1; visibility:visible}
@media (max-width:1799px){
.tools{right:12px;}
.tools li{ margin-bottom:2px;}
.tool_a{height:48px;}
.tool_tel{ right: 86px; line-height:48px; padding: 0px 25px; font-size:22px; }
.tool_tel:after{ border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff; right:-6px; margin-top:-6px;}
.tool_wx{ right:86px; width:150px; height:150px; bottom:5px;}
.tool_wx img{ width:140px; height:140px;}
.tool_wx:after{ border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff; right:-6px; bottom:14px;}
.tools li:hover .tool_tel{ right:66px;}
.tools li:hover .tool_wx{ right:66px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.tools{right:0; transform:scale(0.8) translateY(-50%);}
}
@media (max-width:993px){
.tools{right:0; transform:scale(0.75) translateY(0%); top:auto; bottom:20px;}
}
@media (max-width:767px){
.tools{transform:scale(0.65) translateY(0%); bottom:0px;}
}

.footer{ color: #FFF; background: #0086d1 url(../images/footBg.png) repeat-y center top; padding-top: 4.06vw; }
.foot_logo{ margin-bottom:2.34vw; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:1.19vw;}
.foot_logo .img{ height:33px; width:auto}
.footcon{display:flex; justify-content:space-between; padding-bottom:2.39vw; color:#fff; }
.footcon a:hover{ color:#fff;}
.foot_nav{ display:flex;}
.foot_nav dl{ margin-right:72px;}
.foot_nav dl:last-child{ margin-right:0!important;}
.foot_nav dl dt{ display: block; font: normal 20px/42px sym; }
.foot_nav dl dd{ font-size: 16px; line-height: 30px; }
.foot_a1{ color:#fff;}
.foot_a2{ color:#fff;}
.footRx{display:flex; justify-content:space-between; border-left:1px solid rgba(255,255,255,0.2);}
.foot_info{ padding-left:60px; width:355px; padding-right:35px; font-size: 16px; line-height: 30px;  }
.foot_info h4{ display: block; font: normal 20px/42px sym;}
.foot_info h3{ font: 24px/30px dinb; margin-bottom:30px;}
.foot_wx{ text-align:center;}
.foot_wx img{ border-radius:0.6em;}
.foot_wx p{ font-size: 16px; line-height: 30px; margin-top: 10px; }
.foot_copy{ display: flex; justify-content: space-between; padding: 1.3vw 0; color: #fff; font-size: 16px; line-height: 30px; border-top:1px solid rgba(255,255,255,0.2);}
.foot_copy a{ color:#fff;}
.foot_copy a:hover{ color:#fff;}
@media (max-width:1799px){
.foot_wx p{font-size:14px; line-height:24px;}
.foot_nav dl dd{font-size:14px; line-height:28px;}
.foot_nav dl dt,.foot_info h4{font-size:18px; line-height:38px;}
.foot_info h3{margin-bottom:15px;}
.foot_info {padding-left: 40px;width: 305px;padding-right: 25px;font-size: 14px;line-height: 26px;}
.foot_nav dl{margin-right:48px;}
.foot_copy{font-size:14px; line-height:26px;}
.footer{padding-top:3.5vw;}
.foot_logo{padding-bottom:1vw; margin-bottom:2vw;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.foot_nav dl{ margin-right:12px;}
.foot_info{width:275px; padding-left:20px;}
}
@media (max-width:993px){
.footer{padding-top:40px;}
.footcon{display:block;}
.foot_nav{width:100%; float:none;}
.footRx{width:100%;}
.foot_nav dl{margin-right:62px;}
.foot_copy{ flex-wrap:wrap;}
.foot_copy .fl,.foot_copy .fr{width:100%; text-align:center;}
}
@media (max-width:767px){
.foot_logo img{height:26px; width:auto; display:block; margin:0 auto}
.foot_logo{padding-bottom:20px; margin-bottom:20px;}
.foot_nav{flex-wrap:wrap;}
.foot_nav dl{margin-right:0; overflow:hidden; margin-bottom:10px; width:100%;}
.foot_nav dl dt{width:100%;}
.foot_nav dl dd{float:left; margin-right:20px;}
.foot_info{border:none; padding-left:0;}
.footRx{border:none;}
.foot_wx{width:110px;}
.foot_info{font-size:12px; line-height:22px; padding-right:20px;}
.foot_nav dl dt, .foot_info h4{font-size:16px; line-height:26px;}
.foot_wx p{font-size:12px; line-height:18px; margin-top:4px;}
.foot_copy{font-size:12px; line-height:20px; padding-top:15px; padding-bottom:20px;}
}

.case_detail{ background: url(../images/case_bg2.png) no-repeat center bottom; background-size:100% auto;}
.case_dtlcon{display:flex; justify-content:space-between; }
.case_left{ width:46.52%;}
.case_bimgs{}
.case_bimgs .coverImg{ height:415px; border-radius:0.4em; overflow:hidden;}
.case_simgs{ margin: 40px -8px 0px; }
.case_simgs .coverImg{ height:96px; border-radius:0.4em; overflow:hidden; transition:all 0.5s ease; opacity:0.6}
.case_simgs dd{padding:0 8px;}
.case_simgs dd.slick-current .coverImg{opacity:1;}
.case_simgs .slick-prev{ background: url(../images/case3_btn.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; position: absolute; left: -25px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -10px; z-index: 1; transition:all 0.5s ease; transform:rotate(180deg); }
.case_simgs .slick-next{ background: url(../images/case3_btn.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; position: absolute; right: -25px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -10px; z-index: 1; transition:all 0.5s ease; }
.case_simgs .slick-prev:hover,.case_simgs .slick-next:hover{ background: url(../images/case3_btna.png) no-repeat center center; }
.case_right{ width:47.22%;}
.cs_rst{ font: 18px/18px syb; color: #226cb5; }
.cs_rbt{ padding: 12px 0px 20px; border-bottom: 1px solid #E6E7E7; font: 42px/60px syb; }
.cs_rtxt{ font-size: 16px; line-height: 36px; padding-top: 20px; }
.case_more{margin-top:45px;}
@media (max-width:1799px){
.case_bimgs .coverImg{ height:315px}
.case_simgs{ margin: 20px -4px 0px; }
.case_simgs .coverImg{ height:75px;}
.case_simgs dd{padding:0 4px;}
.case_right{ width:49%;}
.cs_rst{ font: 16px/16px syb; }
.cs_rbt{ padding: 10px 0px 15px; font: 34px/46px syb; }
.cs_rtxt{ font-size: 14px; line-height: 27px; padding-top: 15px; }
.case_more{margin-top:20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.cs_rbt{font-size:26px; line-height:40px;}
}
@media (max-width:993px){
.case_dtlcon{flex-wrap:wrap;}
.case_left{width:100%;}
.case_right{width:100%; margin-top:25px;}
.case_simgs{margin-left:30px; margin-right:30px;}
.case_bimgs .coverImg{height:400px;}
}
@media (max-width:767px){
.case_bimgs .coverImg{height:58vw;}
.case_simgs .coverImg{height:55px;}
.cs_rbt{font-size:20px; line-height:32px;}
}

#rmenu{position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:5;}
#rmenu li{ padding:10px 0; position:relative}
.rmenum_a{ display:inline-block; width:8px; height:8px; position:relative;}
.rmenum_a span{ white-space:nowrap; padding:0 20px; line-height:34px; background:rgba(0,0,0,0.35); border-radius:2em; left:52px; top:50%; margin-top:-17px; display:inline-block; color:#fff; position:absolute; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.rmenum_a i{ width:8px; height:8px; position:absolute; left:0; top:0; border-radius:50%; background:rgba(255,255,255,35);}
#rmenu li.active .rmenum_a i{ background:#ea5404;}
#rmenu li.active .rmenum_a i:after{content:""; width:16px; height:16px; border:4px solid rgba(234,84,4,0.25); border-radius:50%; position:absolute; left:-4px; top:-4px;}
#rmenu li.active .rmenum_a span{left:24px; opacity:1; visibility:visible; transition-delay:0.5s}
@media (max-width:1799px){
.rmenum_a span{line-height:30px; margin-top:-15px; padding:0 15px;}
#rmenu li{padding:3px 0;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.rmenum_a span{display:none;}
#rmenu{left:5px;}
}
@media (max-width:993px){
#rmenu{display:none;}
}
@media (max-width:767px){

}

.hm_page2{ background-size:cover;}
.hmc2txt{ color:#fff; text-shadow:0 2px 8px rgba(0,0,0,0.2); padding-bottom:10.5vw;}
.hmc2txt p{ font-size: 66px; line-height: 84px; }
.hmc2txt p strong{ font-family: syb; font-weight: normal; }
@media (max-width:1799px){
.hmc2txt p{ font-size: 56px; line-height: 72px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc2txt{padding-left:35px;}
.hmc2txt p{ font-size: 42px; line-height:56px; }
}
@media (max-width:993px){
.hm_page2{position:relative; height:400px;}
.hmc2txt{padding-top:70px; padding-bottom:0; padding-left:30px;}
}
@media (max-width:767px){
.hm_page2{height:60vw;}
.hmc2txt p{font-size:24px; line-height:34px;}
.hmc2txt{padding-top:35px; padding-left:0;}
}

.hm_page3{ background-size:cover; color:#fff; position:relative}
.hm_page3:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.hm_page3 .container{position:relative; padding-top:80px}
.hmc3top{ text-align:center; text-shadow:0 2px 8px rgba(0,0,0,0.2);}
.hmc3top strong{ letter-spacing: 2px; font: normal 50px/68px sym; display:block }
.hmc3top p{ font-size: 24px; line-height: 36px; letter-spacing: 1px; margin-top: 28px; }
.hmc3items{display:flex; justify-content:space-between; margin-top:5vw; text-align:center;}
.hmc3items li{ transition:all 0.5s ease;}
.hmc3items li:hover{transform:translateY(-15px);}
.hmc3ico{ width:140px; height:140px; position:relative; border:2px solid #fff; border-radius:50%; margin:0 auto; display:block; overflow:hidden;}
.hmc3ico:before{content:""; background:rgba(34,108,181,0.7); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; transform:scale(0); opacity:0; border-radius:50%;}
.hmc3ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:52%; max-height:52%; width:auto; height:auto; z-index:2; transition:all 0.5s ease;}
.hmc3items li strong{ line-height: 52px; display: block; height: 52px; margin-top: 2.18vw; }
.hmc3items li p{ font-size: 22px; line-height: 32px; margin-top: 12px; }
.hmc3items li strong span{ font: 52px dinb; }
.hmc3items li strong i{ font-size: 30px; line-height: 30px; display: inline-block; margin-left: 5px; font-style: normal; transform:translateY(-16px) }
.hmc3items li:hover .hmc3ico:before{transform:scale(1); opacity:1}
.hmc3items li:hover .hmc3ico img{ transform:translate(-50%,-50%) rotateY(180deg);}
@media (max-width:1799px){
.hmc3top strong{ letter-spacing: 1px; font: normal 44px/58px sym;}
.hmc3top p{ font-size: 20px; line-height: 32px; margin-top: 16px; }
.hmc3items{ margin-top:3vw;}
.hmc3ico{ width:120px; height:120px;}
.hmc3items li strong{ line-height: 46px; height: 46px; margin-top: 2vw; }
.hmc3items li p{ font-size: 20px; line-height: 30px; margin-top: 10px; }
.hmc3items li strong span{ font: 46px dinb; }
.hmc3items li strong i{ font-size: 26px; line-height: 26px; margin-left: 3px; transform:translateY(-14px) }
}
@media (max-width:1379px){
.hmc3top strong{ font: normal 36px/48px sym;}
.hmc3top p{ font-size: 18px; line-height: 28px; margin-top: 12px; }
.hmc3ico{ width:100px; height:100px;}
.hmc3items li strong{ line-height: 40px; height: 40px; }
.hmc3items li p{ font-size: 16px; line-height: 26px; margin-top: 8px; }
.hmc3items li strong span{ font: 40px dinb; }
.hmc3items li strong i{ font-size: 22px; line-height: 22px; margin-left: 2px; transform:translateY(-12px) }
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page3 .container{padding-bottom:80px;}
.hmc3top strong{font-size:30px; line-height:42px;}
}
@media (max-width:767px){
.hm_page3 .container{padding-top:11vw; padding-bottom:11vw;}
.hmc3top strong{font-size:20px; line-height:30px;}
.hmc3top p{font-size:14px; line-height:24px;}
.hmc3items{flex-wrap:wrap;}
.hmc3items li{width:33.33%; margin-bottom:10px;}
.hmc3items li:nth-child(4){margin-left:16.66%;}
.hmc3items li:nth-child(5){margin-right:16.66%;}
.hmc3ico{width:80px; height:80px;}
.hmc3items li strong{ line-height: 30px; height: 30px; margin-top:15px; }
.hmc3items li p{ font-size: 14px; line-height: 22px; margin-top: 10px; }
.hmc3items li strong span{ font: 30px dinb; }
.hmc3items li strong i{ font-size: 18px; line-height: 18px; transform:translateY(-8px) }
}

.hm_page4{position:relative; color:#fff;}
.hmc4bgs{height:100vh; position:absolute; left:0; top:0; right:0; bottom:0;}
.hm_page4 .container{position:relative; z-index:1; padding-top:80px;}
.hmc4bgs dd .coverImg{height:100vh;}
.hmc4items{ margin-bottom:3.12vw;}
.hmc4items dd{ min-height:15.62vw;}
.hmc4items dd strong{ letter-spacing: 2px; font: normal 50px/66px sym; transition:all 0.8s ease; opacity:0; transform:translateY(80px); display:block; }
.hmc4items dd p{ font-size: 20px; line-height: 36px; margin-top: 25px; max-width:620px; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.hmc4tab{display:flex; justify-content:space-between; margin-left:-1px; margin-right:-2px;}
.hmc4tab li{ width:calc(33.33% - 3px); margin:0 2px 0 1px; transition:all 0.5s ease; background: rgba(0,0,0,0.35); height:158px; text-align:center; padding-top:29px; cursor:pointer;}
.hmc4tab li p{ font-size: 22px; line-height: 32px; letter-spacing: 1px; margin-top: 10px; }
.hmc4ico{ display:inline-block; position:relative; transition:all 0.5s ease;}
.hmc4tab li.on{ background: #226cb5; }
.hmc4tab li.on .hmc4ico{transform:rotateY(180deg);}
.hmc4items dd.on strong{ opacity:1; transform:translateY(0);}
.hmc4items dd.on p{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
@media (max-width:1799px){
.hmc4items dd strong{ letter-spacing: 1px; font: normal 44px/58px sym;}
.hmc4items dd p{ font-size: 18px; line-height: 32px; margin-top: 22px; max-width:600px;}
.hmc4tab li{ height:140px; padding-top:20px;}
.hmc4tab li p{ font-size: 20px; line-height: 30px; margin-top: 6px; }
}
@media (max-width:1379px){
.hmc4items dd p{margin-top:12px;}
}
@media (max-width:1199px){
.hmc4items dd strong{ font: normal 36px/48px sym;}
.hmc4items dd p{ font-size: 16px; line-height: 28px; margin-top: 16px; max-width:560px;}
.hmc4tab li{ height:120px; padding-top:15px;}
.hmc4tab li p{ font-size: 18px; line-height: 28px; margin-top: 0px; }
.hmc4items dd{min-height:19vw;}
}
@media (max-width:993px){
.hm_page4{position:relative;}
.hmc4bgs,.hmc4bgs dd .coverImg{height:450px;}
.hm_page4{height:450px;}
.hmc4items dd strong{font-size:30px; line-height:30px;}
.hmc4items dd p{margin-top:12px;}
}
@media (max-width:767px){
.hm_page4 .container{padding-top:11vw;}
.hmc4items dd strong{font-size:22px; line-height:30px;}
.hmc4items dd p{font-size:12px; line-height:22px;}
.hmc4items dd{min-height:45vw;}
.hmc4ico{width:40px; height:40px;}
.hmc4tab li p{font-size:16px; line-height:26px;}
.hmc4tab li{padding-top:10px; height:92px;}
.hmc4bgs, .hmc4bgs dd .coverImg,.hm_page4{height:360px;}
}

.hm_page5{ background-size:cover;}
.hmc5t{ color: #226cb5; letter-spacing: 2px; position: relative; font: 50px/60px sym; text-align:center; margin-top:80px;}
.hmc5t:after{ content: ""; background: #ea5404; height: 5px; width: 54px; position: absolute; left: 50%; bottom: -19px; border-radius:2em; margin-left:-27px;}
.hmc5dls{display:flex; justify-content:space-between; margin:3.6vw -17px 0; }
.hmc5dls dd{ width:calc(25% - 34px); margin:0 17px}
.hmc5a{ display:block; background:#fff; border-radius:0.5em; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.hmc5a .overflowHide{ height:210px;}
.hmc5bm{ padding: 20px 25px 25px; }
.hmc5bm strong{ font: normal 20px/30px sym; -webkit-line-clamp:2; height:60px;}
.hmc5bm p{ font-size: 16px; line-height: 28px; color: #666666; height: 56px; margin-top: 14px; }
.hmc5btn{ text-align:center; margin-top:2.6vw;}
.hmmore{ display:inline-block; line-height:50px; position:relativel; padding:0 30px; border-radius:3em; overflow:hidden; position:relative; transition:all 0.5s ease;}
.hmmore:after{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%); }
.hmmore span{ display: inline-block; background: url(../images/hmmico.png) no-repeat right center; padding-right: 45px; font: 18px sym; color: #FFF; position:relative; z-index:1;}
.hmmore:hover,.hmmoreWpr:hover .hmmore{ box-shadow:0 10px 20px  rgba(34,108,181,0.3); transform:translateY(-5px);}
.hmc5a:hover{transform:translateY(-8px);}
.hmc5a .overflowHide span{ background: url(../images/hmc5tm.png) no-repeat center center; height: 34px; width: 121px; position: absolute; left: 0px; bottom: 0px; font-size: 16px; line-height: 34px; color: #FFF; text-align:center}
@media (max-width:1799px){
.hmc5t{ font: 40px/50px sym;}
.hmc5t:after{ height: 4px; width: 50px; bottom: -14px; margin-left:-25px;}
.hmc5dls{ margin:3.2vw -10px 0; }
.hmc5dls dd{ width:calc(25% - 20px); margin:0 10px}
.hmc5a .overflowHide{ height:170px;}
.hmc5bm{ padding:15px 15px 20px; }
.hmc5bm strong{ font: normal 18px/28px sym; height:56px;}
.hmc5bm p{ font-size: 14px; line-height: 24px; height: 48px; margin-top:8px; }
.hmc5btn{margin-top:2.4vw;}
.hmmore{line-height:46px; padding:0 25px;}
.hmmore span{ padding-right: 36px; font: 16px sym; background-size:22px auto;}
.hmc5a .overflowHide span{ font-size: 15px;}
}
@media (max-width:1379px){
.hmc5a .overflowHide{height:160px;}
}
@media (max-width:1199px){
.hmc5t{ font: 36px/40px sym;}
.hmc5t:after {height: 3px;bottom: -10px;}
}
@media (max-width:993px){
.hm_page5 .container{padding-top:1px; padding-bottom:55px;}
.hmc5t{margin-top:50px;}
.hmc5dls{flex-wrap:wrap;}
.hmc5dls dd{width:calc(50% - 20px); margin-bottom:20px;}
.hmc5a .overflowHide{height:200px;}
.hmc5a:hover{transform:translateY(0px);}
}
@media (max-width:767px){
.hmc5t{margin-top:10vw; font-size:24px; line-height:36px;}
.hmc5dls{margin-top:30px;}
.hmc5dls dd{width:calc(100% - 20px); margin-bottom:15px;}
.hmc5bm strong{font-size:16px; line-height:26px; height:auto;}
.hmc5bm p{font-size:12px; line-height:22px; height:auto; margin-top:5px;-webkit-line-clamp:3;}
.hmc5a .overflowHide{height:56vw;}
}

@media (min-width:993px){
.hmc2txt p:nth-child(1) {transition:all 0.8s ease-in-out; transform:translate(150px,0px); opacity:0; }
.active .hmc2txt p:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2txt p:nth-child(2) {transition:all 0.8s ease-in-out; transform:translate(150px,0px); opacity:0; }
.active .hmc2txt p:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmc3top strong {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc3top strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc3top p {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc3top p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc3items {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc3items{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}

.hmc4items {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4items{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4tab {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc4tab{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.hmc5t {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5t,.active2 .hmc5t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5dls {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5dls,.active2 .hmc5dls{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc5btn {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .hmc5btn,.active2 .hmc5btn{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
}

.product_page{ position:relative; height:100vh;display:flex; flex-direction:column; justify-content:center;}
.product_imgs{ height:100vh; position:absolute; left:0; top:0; width:100%;}
.product_imgs .coverImg{height:100vh;}
.product_imgs .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.product_page .container{position:relative; z-index:1;}
.proItems{display:flex; justify-content:space-between; margin-top:12vw; }
.proItems dd{ text-align:center; width:33.33%; background: url(../images/pro_line.png) no-repeat right center; background-size:auto 400px}
.proItems dd:last-child{background:none;}
.pro_item{ display: block; position: relative; transition: all 0.5s ease; }
.pro_img{ height:300px; max-width:300px; margin-left:auto; margin-right:auto; position:relative;}
.pro_img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.pro_tnm{ font-size: 30px; line-height: 42px; margin-top: 12px; color:#fff;}
.pro_item .hmmore{ margin-top:35px; opacity:0; transform:translateY(15px)!important;}
.proItems dd:hover .pro_item .hmmore{opacity:1; transform:translateY(0px)!important;}
.proItems dd:hover .pro_item{transform:translateY(-25px);}
@media (max-width:1799px){
.pro_tnm{font-size:26px; line-height:38px;}
.pro_item .hmmore{margin-top:25px;}
.proItems{margin-top:11vw;}
}
@media (max-width:1379px){
.proItems{margin-top:10vw;}
}
@media (max-width:1199px){
.pro_img{height:240px;}
}
@media (max-width:993px){
.product_page,.product_imgs,.product_imgs .coverImg{height:600px;}
.pro_img{height:190px;}
}
@media (max-width:767px){
.proItems dd{ background:none; width:100%;}
.proItems{ display:block; margin-top:0; padding-top:10px;}
.product_page, .product_imgs, .product_imgs .coverImg{height:380px;}
.pro_tnm{line-height:30px; font-size:22px;}
.pro_item .hmmore {margin-top: 20px;opacity:1;transform: translateY(0px) !important;}
.product_page{display:block;}
.proItems .slick-dots{bottom:-40px;}
.proItems .slick-dots li button{display:none;}
.proItems .slick-dots li { background:rgba(255,255,255,0.5); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.proItems .slick-dots li.slick-active{ background: #fff;}
.proItems dd:hover .pro_item {transform: translateY(0px);}
}

.m3menuWpr{ border-bottom: 1px solid #E7E7E7; }
.m3menu{display:flex; justify-content:space-between; }
.m3menu_a{ width: 100%; text-align: center; font: 18px/80px syb; position:relative; }
.m3menu_a *{vertical-align:middle;}
.m3menu_a.on{ color:var(--cor);}
.m3menu_a:after{content:""; background:#226cb5; height:3px; position:absolute; left:50%; transform:translateX(-50%); bottom:0; transition:all 0.5s ease; width:0%;}
.m3mico{ display: inline-block; height: 36px; width: 36px; margin-right: 6px; position:relative; top:-5px;}
.m3mico img{ position:absolute; left:0; top:0; transition:all 0.5s ease;}
.m3mico img:nth-child(2){ opacity:0}
.m3menu_a.on .m3mico img,.m3menu_a:hover .m3mico img{opacity:0;}
.m3menu_a.on .m3mico img:nth-child(2),.m3menu_a:hover .m3mico img:nth-child(2){ opacity:1}
.m3menu_a.on:after,.m3menu_a:hover:after{width:100%;}
.prolist_page{}
.pro_ul{ margin: 0px -22px; padding-bottom:5px; }
.pro_ul li{ width:calc(33.33% - 44px); margin:0 22px 44px; text-align:center;}
.pro_aBox{ display:block; border:1px solid #E7E7E7; border-radius:1em; padding:20px 35px 45px}
.pro_aBox .hmmore{ margin-top:20px;}
.pro_aBox:hover .hmmore{transform:translateX(0)!important;}
.pro_bmx{}
.pro_bmx strong{ height: 38px; font: normal 24px/38px sym; display:block}
.pro_bmx p{ font-size: 16px; line-height: 34px; color: #666666; }
.pro_pic{ height:310px; position:relative;}
.pro_pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.pro_aBox:hover{ border:1px solid var(--cor); box-shadow:0 5px 20px rgba(34,108,181,0.2); transform:translateY(-10px)}
@media (max-width:1799px){
.m3menu_a{ font: 16px/66px syb;}
.pro_ul{ margin: 0px -12px; }
.pro_ul li{ width:calc(33.33% - 24px); margin:0 12px 24px;}
.pro_aBox{padding:16px 25px 35px}
.pro_aBox .hmmore{ margin-top:16px;}
.pro_bmx strong{ height: 32px; font: normal 20px/32px sym;}
.pro_bmx p{ font-size: 14px; line-height: 30px; }
.pro_pic{ height:260px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.pro_aBox{padding-left:15px; padding-right:15px;}
}
@media (max-width:993px){
.pro_ul li{ width:calc(50% - 24px);}
}
@media (max-width:767px){
.pro_ul li{ width:calc(100% - 24px); margin-bottom:18px;}
}

.zc_page{}
.zc_con1{}
.zc_table{}
.zc_table td{ border: 1px solid #EBEBEB; font-size: 16px; line-height: 28px; padding: 16px 10px; text-align: center; color: #666666; }
.zc_table table tr:nth-child(1) td{ background:#F6F6F6; border-top:2px solid #333333; font-size:19px; color:#333; font-weight:bold;}
.zc_table table tr td:nth-child(1){font-weight:bold; color:#333;}
.zc_table table tr:nth-child(4) td:nth-child(1),
.zc_table table tr:nth-child(8) td:nth-child(1),
.zc_table table tr:nth-child(10) td:nth-child(1){ color:#666; font-weight:normal}
.zc_table table tr td:first-child{border-left:none;}
.zc_table table tr td:last-child{border-right:none;}
.zc_tip{text-align:left; padding:0 25px}
.zc_con2{ padding-top:0}
.zc_c2t{ font-size: 22px; line-height: 30px; font-weight: bold; background: url(../images/svr_sico.png) no-repeat left center; padding-left: 32px; margin-bottom:15px; }
.zc_c2txt{ font-size: 16px; line-height: 30px; color: #666666; }
.zc_c2txt strong{ color:#333;}
@media (max-width:1799px){
.zc_table td{font-size: 14px; line-height: 24px; padding: 12px 6px; }
.zc_table table tr:nth-child(1) td{ font-size:16px; }
.zc_tip{ padding:0 16px}
.zc_c2t{ font-size: 20px; margin-bottom:12px; }
.zc_c2txt{font-size:14px; line-height:26px;}
.zc_c2txt strong{font-size:16px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.zc_table{width:100%; overflow-x:auto;}
.zc_table table{width:1200px;}
}
@media (max-width:993px){

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

}

.ask_page{}
.ask_list{ padding-left:30px; padding-bottom:10px;}
.ask_list li{ margin-bottom: 35px; background: #F4F7FC; padding: 40px 45px; border-radius:1em; position:relative; transition:all 0.5s ease;}
.ask_list li:hover{box-shadow:0 5px 15px rgba(34,108,181,0.3);}
.ask_num{ height: 60px; width: 60px; position: absolute; left: -30px; top: 50px; text-align: center; line-height: 60px; font-size: 30px; color: #FFF; background: #226cb5; border-radius:50%;/* margin-top:-30px;*/ }
.ask_list li strong{ color: #226cb5; display: block; padding-bottom: 10px; border-bottom: 1px dashed #C3C6CA; font: normal 24px/36px sym; padding-left:40px; position:relative; }
.ask_list li p{ font-size: 16px; line-height: 28px; color: #616161; padding: 0px 0px 0px 40px; margin-top: 15px; position:relative; text-align:justify}
.ask_list li strong span{ display: inline-block; position: absolute; left: 0px; top: -2px; font-size: 24px; line-height: 36px; }
.ask_list li p span{ display: inline-block; position: absolute; left: 0px; top: -1px; font-size: 24px; line-height: 30px; color: #616161; }
@media (max-width:1799px){
.ask_list{ padding-left:20px; }
.ask_list li{ margin-bottom:20px; padding: 25px 30px;}
.ask_num{ height: 40px; width:40px; left: -20px; line-height: 40px; font-size: 22px; top:46px; }
.ask_list li strong{font: normal 20px/32px sym; padding-left:30px; }
.ask_list li p{ font-size: 14px; line-height: 26px; padding: 0px 0px 0px 30px; margin-top: 12px;}
.ask_list li strong span{ font-size: 20px; line-height: 32px; }
.ask_list li p span{ top: -1px; font-size: 20px; line-height: 26px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.ask_list li strong{font-size:18px;}
}
@media (max-width:767px){
.ask_list li strong{font-size:16px; line-height:26px;}
.ask_list li strong span{top:-5px;}
.ask_num{top:42px;}
.ask_list li{margin-bottom:15px;}
}

.dw_page{ background: url(../images/svr_bg.jpg) no-repeat center bottom; background-size:cover; }
.dw_list{ margin:0 -15px; padding-bottom:20px;}
.dw_list li{ width:calc(50% - 30px); margin:0 15px 30px;}
.dw_item{ height: 130px; border: 1px solid #DEE4E6; padding: 0px 170px 0px 25px; border-radius:1em; display:flex; flex-direction:column; justify-content:center; position:relative;}
.dw_item:hover{background:#fff; border:1px solid #226cb5; box-shadow:0 3px 18px rgba(34,108,181,0.2); transform:translateY(-6px)}
.dw_item strong{ font: 20px/30px sym;-webkit-line-clamp:2; }
.dw_item p{ font-size: 16px; line-height: 20px; color: #999999; margin-top: 6px; }
.dw_btn{ height: 46px; width: 110px; border: 1px solid #226cb5; display: inline-block; position: absolute; top: 50%; right: 29px; margin-top: -23px; text-align: center; font-size: 18px; color: #226cb5; line-height: 44px; transition:all 0.5s ease; border-radius:0.2em; }
.dw_btn span{ display: inline-block; position: relative; z-index: 1; background: url(../images/svr_ico1.png) no-repeat right center; padding-right: 30px; text-transform: uppercase; }
.dw_btn:before{ content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px;background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%); border-radius:0.2em; overflow:hidden; transition:all 0.5s ease; opacity:0 }
.dw_item:hover .dw_btn{color:#fff;}
.dw_item:hover .dw_btn:before{opacity:1;}
.dw_item:hover .dw_btn span{ background: url(../images/svr_ico1a.png) no-repeat right center; }
@media (max-width:1799px){
.dw_list{ margin:0 -12px; padding-bottom:10px;}
.dw_list li{ width:calc(50% - 24px); margin:0 12px 24px;}
.dw_item{ height: 115px; padding: 0px 140px 0px 20px;}
.dw_item strong{ font: 18px/26px sym; }
.dw_item p{ font-size: 14px; margin-top: 5px; }
.dw_btn{ height: 42px; width: 100px; right: 20px; margin-top: -21px; font-size: 16px; line-height: 40px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.dw_list li{ width:calc(100% - 24px);}
}
@media (max-width:767px){
.dw_item{position:relative; height:auto; padding-top:20px; padding-bottom:20px; padding-left:15px; padding-right:15px;}
.dw_btn{position:relative; right:auto; left:0; top:auto; margin-top:10px;}
}

.lx_page{}
.lx_con{display:flex; justify-content:space-between;flex-direction:row-reverse; border-radius:0.8em; overflow:hidden}
.lx_map{ width:49.86%; background:#f4f7fc;}
.lxInfo{ width: 49.93%; background: #F4F7FC url(../images/lx_bg.png) no-repeat right bottom; padding: 4.16vw 4.27vw 4.42vw; }
.lx_t{ font: 34px/50px sym; }
.lx_txt{ font-size: 16px; line-height: 30px; margin-top: 16px; }
.lx_tel{ font: 16px/30px sym; margin-top: 1.66vw; }
.lx_tel strong{ color: #ea5404; font: 30px dinb; }
.lx_wxs{ margin-top:3.75vw; display:flex;}
.lx_wximg{ padding: 10px; border: 1px solid #DDE0E4; border-radius:0.4em;}
.lx_wximg img{ display:block;}
.lx_wxtxt{ padding-left: 35px; display:flex; flex-direction:column; justify-content:center;}
.lx_wxtxt span{}
.lx_wxtxt strong{ font: 24px/32px sym; margin: 12px 0px 10px; }
.lx_wxtxt p{ font-size: 16px; line-height: 24px; }
@media (max-width:1799px){
.lxInfo{ padding: 3vw 3vw 3vw; }
.lx_t{ font: 28px/40px sym; }
.lx_txt{ font-size: 15px; line-height: 26px; margin-top: 12px; }
.lx_tel{ font: 15px/28px sym; margin-top: 1.2vw; }
.lx_tel strong{ font: 26px dinb; }
.lx_wxs{ margin-top:2.4vw;}
.lx_wximg{ padding: 8px;}
.lx_wximg img{}
.lx_wxtxt{ padding-left:25px; }
.lx_wxtxt span{}
.lx_wxtxt strong{ font: 20px/30px sym; margin:8px 0px 6px; }
.lx_wxtxt p{ font-size: 15px; line-height: 22px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.lx_t{font-size:24px; line-height:32px;}
.lx_txt{font-size:14px; line-height:24px;}
}
@media (max-width:993px){
.lx_con{flex-wrap:wrap;flex-direction:row;}
.lx_map{width:100%; height:500px}
.lxInfo{width:100%; padding:5vw 5vw 6vw;}
}
@media (max-width:767px){
.lx_map{height:360px;}
.lxInfo{padding:25px 15px 30px;}
.lx_t{font-size:20px; line-height:28px;}
.lx_txt{margin-top:8px;}
.lx_wxtxt span{width:32px;}
.lx_wxtxt strong{font-size:16px; line-height:28px;}
.lx_wxtxt p{font-size:12px; line-height:20px;}
.lx_wxtxt{padding-left:10px;}
}

.jm_page{}
.jmcon{ background: #F4F7FC url(../images/jm_bg.png) no-repeat left bottom; display:flex; justify-content:space-between; border-radius:1em;flex-direction:row-reverse; padding:4.58vw 4.94vw 4.68vw}
.jmFmx{ padding-left:4.58vw; width:58.46%; border-left:1px solid #DDE0E4;}
.jm_fmt{ font: 24px/24px sym; }
.jm_fmt strong{ color: #ea5404; font-weight: normal; }
.jmfmul{ margin-top:28px; padding-bottom:12px;}
.jmfmul li{ margin-bottom:28px;}
.jmfm_inx{ position:relative;}
.jmfm_inx input{ width:100%; border:1px solid #DDE0E4; border-radius:0.2em; padding:18px 15px 0; font-size:16px; line-height:40px; background:none; position:relative; z-index:1;}
.jmfm_inx span{ font-size: 16px; line-height: 16px; color: #5c5c5c; position: absolute; left: 15px; top: 22px; transition:all 0.5s ease; }
.jmfm_inx span i{ font-style: normal; color: #ea5404; transition:all 0.5s ease; }
.jmfm_inx input:focus + span,
.jmfm_inx textarea:focus + span,
.jmfm_inx_val span{ font-size: 12px; line-height: 12px; color: #cdcdcd; top: 11px; }
.jmfm_inx input:focus + span i,
.jmfm_inx textarea:focus + span i,
.jmfm_inx_val span i{ color: #cdcdcd;}
.jmfm_inx textarea{ padding: 23px 15px 14px; height: 120px; border: 1px solid #DDE0E4; background:none; position:relative; z-index:1; font-size:16px; line-height:30px; width:100%; border-radius:0.2em; }
.jmsnm{ line-height:38px; font-size:16px; position:absolute; left:0; top:0}
.jmsnm i{ font-style:normal; color:#ea5404; font-weight:normal}
.jmfm_labels{ padding-left:85px; position:relative}
.jmfm_labels label{ line-height:38px; margin-right:40px; white-space:nowrap; font-size:16px; color:#5c5c5c;}
.jmfm_labels label input{ margin-right:4px; position:relative; top:-1px;filter: hue-rotate(145deg) saturate(100%);}
.jmsubmit{ line-height: 60px; text-align: center; height: 60px; width: 320px; font-size: 20px; color: #FFF; background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%); border-radius:0.2em; transition:all 0.5s ease; cursor:pointer;}
.jmsubmit:hover{ box-shadow:0 10px 20px  rgba(34,108,181,0.3); transform:translateY(-5px);}
.jm_left{ width:38.73%;}
.jm_lico{}
.jm_ltxt{ margin-top: 32px; }
.jm_ltxt strong{ font: normal 34px/50px sym; display: block; }
.jm_ltxt p{ font-size: 16px; line-height: 30px; margin-top: 18px; }
.jm_tel{ margin-top:2.6vw;}
.jm_tel p{ font-size:16px; line-height:30px;}
.jm_tel strong{ font: 30px/30px dinb; color: #ea5404; display: block; margin-top: 12px; }
@media (max-width:1799px){
.jmcon{ padding:3vw 3vw 3vw; background-size:240px auto;}
.jmFmx{ padding-left:3vw;}
.jm_fmt{ font: 20px/20px sym; }
.jmfmul{ margin-top:22px; padding-bottom:10px;}
.jmfmul li{ margin-bottom:20px;}
.jmfm_inx input{ padding:16px 15px 0; font-size:14px; line-height:36px;}
.jmfm_inx span{ font-size: 14px; line-height: 14px; top: 20px; }
.jmfm_inx input:focus + span,
.jmfm_inx textarea:focus + span,
.jmfm_inx_val span{ top: 10px; }
.jmfm_inx textarea{ padding: 20px 15px 12px; height: 110px; font-size:14px; line-height:26px; }
.jmsnm{ line-height:36px; font-size:14px; }
.jmfm_labels{ padding-left:75px;}
.jmfm_labels label{ line-height:36px; margin-right:30px; font-size:14px;}
.jmsubmit{ line-height: 54px; height: 54px; width: 280px; font-size: 18px;}
.jm_lico{ width:60px; display:block}
.jm_ltxt{ margin-top: 24px; }
.jm_ltxt strong{ font: normal 28px/40px sym;}
.jm_ltxt p{ font-size: 14px; line-height: 26px; margin-top: 15px; }
.jm_tel{ margin-top:2.2vw;}
.jm_tel p{ font-size:14px; line-height:26px;}
.jm_tel strong{ font: 26px/26px dinb; margin-top: 10px; }
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.jmcon{flex-wrap:wrap;flex-direction:row;}
.jmFmx{width:100%; padding-left:0; border:none; padding-top:15px;}
.jm_left{width:100%; margin-top:45px;}
}
@media (max-width:767px){
.jm_fmt{font-size:18px;}
.jmfmul li{margin-bottom:10px;}
.jmsubmit{ line-height:48px; height:48px; width:100%}
.jmcon{padding-bottom:35px;}
.jm_lico{width:42px;}
.jm_ltxt{margin-top:12px;}
.jm_ltxt strong{font-size:20px; line-height:30px;}
.jm_ltxt p,.jm_tel p{font-size:13px; line-height:24px;}
.jmcon {background-size: 100px auto;}
.jmFmx{padding-top:20px;}
}

.job_page{}
.job_con1{}
.job_txt{ max-width:950px; margin-left:auto; margin-right:auto; text-align:center}
.job_txt strong{ font: normal 44px/44px sym; display:block}
.job_txt p{ font-size: 16px; line-height: 30px; margin-top: 22px; }
.job_c1dl{ margin: 2.4vw -10px 0px; }
.job_c1dl dd{ width:calc(50% - 20px); margin:0 10px 20px;}
.job_c1item{ display:block; position:relative}
.job_c1item .overflowHide{ height:375px; border-radius:0.8em;}
.job_c1item .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.job_c1layer{ position:absolute; left:0; top:0; right:0; bottom:0;display:flex; flex-direction:column; justify-content:center; text-align:center; padding:35px; color:#fff; transition:all 0.5s ease;}
.job_c1layer strong{ font: normal 30px/42px sym; margin-top:22px; } 
.job_c1layer p{ font-size: 16px; line-height: 26px; margin-top: 5px; }
.job_c1layer span{ display:block; margin:0 auto; width:80px; height:80px; position:relative; transition:all 0.5s ease;}
.job_c1layer span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.job_c1item:hover .job_c1layer{padding-top:15px;}
.job_c1item:hover .job_c1layer span{transform:rotateY(180deg);}
.job_con2{ background: url(../images/job_c2img.jpg) no-repeat center center; background-size:cover; position:relative}
.job_con2 .container{ position:relative; z-index:1; color:#fff;}
.job_con2:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.job_c2dl{ margin: 2.4vw -14px 0px; }
.job_c2dl dd{ width:calc(33.33% - 28px); margin:0 14px 28px; height:135px; background:rgba(255,255,255,0.08); border-radius:0.6em; padding-left:150px; padding-right:32px;display:flex; flex-direction:column; justify-content:center; position:relative;}
.job_c2ico{ background: url(../images/jb_c2bg.png) no-repeat center center; position: absolute; top: 50%; left: 36px; height: 90px; width: 90px; margin-top: -45px; background-size:cover; transition:all 0.5s ease;}
.job_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;}
.job_c2des{}
.job_c2des strong{ font-size: 20px; line-height: 28px; display: block; }
.job_c2des p{ font-size: 16px; line-height: 24px; margin-top: 8px;}
.job_c2dl dd:hover .job_c2ico{transform:rotateY(180deg);}
.job_con3{}
.job_dls{ margin-top:2.6vw; padding-bottom:15px;}
.job_dls dl{ margin-bottom:35px; padding:30px 50px; background:#F4F7FC; border-radius:0.8em; transition:all 0.5s ease;}
.job_dls dl.on{}
.job_dls dl dt{ position:relative; cursor:pointer; padding-right:65px;}
.job_dls dl dt strong{ font: normal 24px/34px sym; display: block; }
.job_dls dl dt p{ font-size: 14px; line-height: 24px; color: #999999; margin-top: 8px; }
.job_dls dl dt p span{ display:inline-block; margin-right:12px;}
.job_dls dl dt i{ background: url(../images/job_ar.png) no-repeat center center; height: 12px; width: 22px; position: absolute; margin-top: -6px; top: 50%; right: 0px; transition:all 0.5s ease;}
.job_dls dl.on dt i{ transform: rotate(180deg); background: url(../images/job_ar2.png) no-repeat center center; }
.job_dls dl dd{ display: none; margin-top: 30px; padding-top: 30px; border-top: 1px solid #DDE0E4; }
.job_c3txt{display:flex; justify-content:space-between; }
.job_c3des{ width: 46.19%; font-size: 16px; line-height: 30px; color: #5c5c5c; }
.job_c3des strong{ color: #333; display: block; font: normal 24px/56px sym; }
.job_c3bm{ margin-top: 2.6vw; padding-bottom: 20px; font-size: 16px; line-height: 30px; }
.job_c3bm a{ text-decoration: underline; }
.job_c3bm strong{ font-size: 16px; color: #ea5404; font-style: italic; }
.job_dls dl:hover{ box-shadow:0 5px 20px rgba(34,108,181,0.15);}
@media (max-width:1799px){
.job_txt strong{ font: normal 36px/36px sym;}
.job_txt p{ font-size: 14px; line-height:26px; margin-top: 15px; }
.job_c1item .overflowHide{ height:285px;}
.job_c1layer strong{ font: normal 24px/36px sym; margin-top:10px; } 
.job_c1layer p{ font-size: 14px; line-height: 24px; margin-top: 4px; }
.job_c1layer span{ width:60px; height:60px;}
.job_c2dl{ margin: 2.4vw -10px 0px; }
.job_c2dl dd{ width:calc(33.33% - 20px); margin:0 10px 22px; height:110px; padding-left:110px; padding-right:15px;}
.job_c2ico{left: 20px; height: 80px; width: 80px; margin-top: -40px;}
.job_c2des strong{ font-size: 18px; line-height: 24px; }
.job_c2des p{ font-size: 14px; line-height: 22px; margin-top: 5px;}
.job_dls dl{ margin-bottom:25px; padding:25px 40px;}
.job_dls dl dt{ padding-right:55px;}
.job_dls dl dt strong{ font: normal 20px/20px sym;}
.job_dls dl dt p{ margin-top: 6px; }
.job_dls dl dt p span{ margin-right:10px;}
.job_dls dl.on dt i{ transform: rotate(180deg); background: url(../images/job_ar2.png) no-repeat center center; }
.job_dls dl dd{margin-top: 20px; padding-top: 20px;}
.job_c3des{ font-size: 14px; line-height: 24px;}
.job_c3des strong{ font: normal 18px/40px sym; }
.job_c3bm{ margin-top: 2vw; padding-bottom: 15px; font-size: 14px; line-height: 26px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.job_txt strong{font-size:30px; line-height:30px;}
}
@media (max-width:993px){
.job_c2dl dd{ width:calc(50% - 20px);}
}
@media (max-width:767px){
.job_txt strong{font-size:24px; line-height:24px;}
.job_c1dl{margin-top:25px;}
.job_c1dl dd{ width:calc(100% - 20px);}
.job_c2dl dd{ width:calc(100% - 20px);}
.job_c1layer strong{font-size:22px; line-height:30px;}
.job_c1layer{padding:25px;}
.job_c1item .overflowHide{height:52vw;}
.job_c1dl dd{margin-bottom:15px;}
.job_c2dl{margin-top:25px;}
.job_c2dl dd{margin-bottom:15px;}
.job_dls{margin-top:25px;}
.job_dls dl{padding:20px 15px;}
.job_dls dl dt strong{font-size:16px; line-height:24px;}
.job_dls dl dt p{font-size:12px; line-height:20px;}
.job_c3des strong{font-size:15px; line-height:30px;}
.job_c3txt{display:block;}
.job_c3des{width:100%; margin-bottom:18px; font-size:12px; line-height:22px;}
.job_c3bm{ font-size:12px; line-height:22px;}
.job_dls dl{margin-bottom:15px; padding-bottom:10px;}
.job_dls dl dd{padding-top:12px; margin-top:12px;}
}

.prodtl_page{}
.prodtl_con1{ background: url(../images/svr_bg.jpg) no-repeat center bottom; background-size:cover;}
.prodtl_con1 .container{display:flex; justify-content:space-between; }
.prodtl_c1left{ width:42.22%;display:flex; flex-direction:column; justify-content:center;}
.prodtl_c1bimgs{}
.prodtl_c1bimg{ height:555px; position:relative;}
.prodtl_c1bimg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.prodtl_c1simgs{ margin-top: 30px; padding: 0px 32px; }
.prodtl_c1simg{ height:100px; border:2px solid #E3E6E6; position:relative;}
.prodtl_c1simg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.prodtl_c1simgs dd{padding:0 8px;}
.slick-current .prodtl_c1simg{ border:2px solid var(--cor);}
.prodtl_c1simgs .slick-prev{ background: url(../images/pro3_ar.png) no-repeat center center; display: inline-block; height: 100px; width: 20px; position: absolute; left: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; transform: rotate(180deg); transition: all 0.5s ease; opacity: 0.5; }
.prodtl_c1simgs .slick-next{  background: url(../images/pro3_ar.png) no-repeat center center; display: inline-block; height: 100px; width: 20px; position: absolute; right: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; transition:all 0.5s ease; opacity:0.5;}
.prodtl_c1simgs .slick-prev:hover,.prodtl_c1simgs .slick-next:hover{ opacity:1;}
.prodtl_c1right{ width:53.81%;display:flex; flex-direction:column; justify-content:center;}
.prodtl_c1rt{ padding-bottom: 22px; border-bottom: 1px solid #E7E7E7; }
.prodtl_c1rt p{ font: normal 18px/22px syb; color: #226cb5; }
.prodtl_c1rt h2{ font: normal 44px/60px syb; margin-top:10px; display:block}
.prodtl_c1rtxt{ padding-top: 26px; padding-bottom:12px; }
.prodtl_c1rtxt dt{ font: 44px/56px syl; color: #226cb5; margin-bottom:35px;}
.prodtl_c1rtxt dd{ margin-bottom:30px;}
.prodtl_c1rtxt dd strong{ font: 20px/30px syb; display: block; }
.prodtl_c1rtxt dd p{ font-size: 16px; line-height: 28px; margin-top: 6px; }
.prodtl_btns{ display:flex;}
.prodtl_btn1{ display: inline-block; padding: 0px 35px; margin-right: 20px; background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%); border-radius:2em;}
.prodtl_btn1 span{ background: url(../images/pro3_c1ico1.png) no-repeat left center; display: inline-block; padding-left: 39px; font: 18px sym; color: #FFF; line-height:50px; position:relative; }
.prodtl_btn1:hover{box-shadow: 0 10px 20px rgba(34,108,181,0.3);}
.prodtl_btn2{ display: inline-block; padding: 0px 35px; height: 50px; border: 1px solid #006DBB; border-radius:2em;}
.prodtl_btn2 span{ color: #226cb5; display: inline-block; background: url(../images/pro3_c1ico2.png) no-repeat left center; padding-left: 39px; font: 18px/48px sym; }
.prodtl_btn2:hover{box-shadow: 0 10px 20px rgba(34,108,181,0.3);/* background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%);*/}
.prodtl_btn2:hover span{/* background: url(../images/pro3_c1ico2a.png) no-repeat left center; color: #FFF;*/ }
.prodtl_con2{}
.prodtl_c2imgs{}
.prodtl_c2imgs dd{ position:relative; height:41.66vw;display:flex!important; flex-direction:column; justify-content:center;}
.prodtl_c2imgs dd .coverImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.prodtl_c2imgs dd .container{ position:relative; text-align:right;}
.prodtl_c2txt{ display:inline-block; text-align:left; color:#fff;}
.prodtl_c2txt strong{ font: normal 44px/56px syb; display: block; transition:all 0.8s ease; opacity:0; transform:translateY(80px); }
.prodtl_c2txt p{ font: 44px/50px syl; margin-top: 8px; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.prodtl_c2imgs .slick-prev{ background: url(../images/pro3btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; left: 42px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top: -18px; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.5;}
.prodtl_c2imgs .slick-next{ background: url(../images/pro3btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; right: 42px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top: -18px; transition:all 0.5s ease; opacity:0.5;}
.prodtl_c2imgs .slick-prev:hover,.prodtl_c2imgs .slick-next:hover{background-image:url(../images/pro3btn.png); opacity:1;}
.on .prodtl_c2txt strong{ opacity:1; transform:translateY(0);}
.on .prodtl_c2txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.prodtl_con3{}
.prodtl_c3imgVideo{ margin-top:2.6vw;}
.prodtl_c3imgVideo img,.prodtl_c3imgVideo video{ width:100%; height:auto;}
.prodtl_con4{ padding-top:0;}
.prodtl_c4table{ margin-top:2.6vw;}
.prodtl_c4table td{ border: 1px solid #E7E7E7; font-size: 16px; line-height: 26px; padding: 15px 35px; }
.prodtl_c4table tr td:nth-child(1){ font-family:syb;}
@media (max-width:1799px){
.prodtl_c1bimg{ height:435px;}
.prodtl_c1simgs{ margin-top: 25px;}
.prodtl_c1simg{ height:80px;}
.prodtl_c1simgs .slick-prev,.prodtl_c1simgs .slick-next{ height: 100px;}
.prodtl_c1rt{padding-bottom:18px;}
.prodtl_c1rt p{ font: normal 16px/20px syb; }
.prodtl_c1rt h2{ font: normal 32px/42px syb}
.prodtl_c1rtxt{ padding-top: 12px; padding-bottom:12px; }
.prodtl_c1rtxt dt{ font: 32px/42px syl; margin-bottom:25px;}
.prodtl_c1rtxt dd{ margin-bottom:15px;}
.prodtl_c1rtxt dd strong{ font:18px/28px syb;}
.prodtl_c1rtxt dd p{ font-size: 14px; line-height: 24px; margin-top: 4px; }
.prodtl_btn1{padding: 0px 30px; margin-right: 15px;}
.prodtl_btn1 span{ padding-left: 34px; font: 16px sym; line-height:46px; background-size:26px auto; }
.prodtl_btn2{ padding: 0px 30px; height: 44px;}
.prodtl_btn2 span{ padding-left: 34px; font: 16px/44px sym;  background-size:26px auto;}
.prodtl_c2txt strong{ font: normal 36px/46px syb;  }
.prodtl_c2txt p{ font: 36px/46px syl;}
.prodtl_c2imgs .slick-prev{left: 35px; }
.prodtl_c2imgs .slick-next{right: 35px;}
.prodtl_c4table td{font-size: 14px; line-height: 22px; padding: 12px 25px; }
}
@media (max-width:1379px){
.prodtl_c2txt{padding-right:35px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.prodtl_con1 .container{flex-wrap:wrap;}
.prodtl_c1left{width:100%;}
.prodtl_c1right{width:100%; margin-top:35px;}
.prodtl_con1{padding-bottom:52px;}
.prodtl_c4table{width:100%; overflow-x:auto;}
.prodtl_c4table table{width:900px;}
}
@media (max-width:767px){
.prodtl_c1bimg{height:235px;}
.prodtl_c1simgs dd{padding:0 6px;}
.prodtl_c1simg{height:52px;}
.prodtl_c1simgs .slick-prev, .prodtl_c1simgs .slick-next{height:52px;}
.prodtl_c1rt h2{font-size:24px; line-height:24px;}
.prodtl_c1rtxt dt{font-size:24px; line-height:32px; margin-bottom:12px;}
.prodtl_btn2,.prodtl_btn1{padding:0 25px;}
.prodtl_c2imgs dd{height:60vw;}
.prodtl_c2txt p{font-size:22px; line-height:32px; margin-top:5px;}
.prodtl_c2txt strong{font-size:24px; line-height:34px;}
.prodtl_c2txt{padding-right:0px;}
.prodtl_c2imgs dd .container{width:100%; text-align:left}
.prodtl_con2{padding-bottom:35px;}
.prodtl_c2imgs .slick-dots{bottom:-30px;}
.prodtl_c2imgs .slick-dots li button{display:none;}
.prodtl_c2imgs .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.prodtl_c2imgs .slick-dots li.slick-active{ background:var(--cor);}
.prodtl_c3imgVideo{margin-top:25px;}
.prodtl_c4table{margin-top:25px;}
}

.m2banner_full .coverImg{height:100vh;}
.m2ban_mouse{ background: url(../images/cs_msico.png) no-repeat center top; text-align: center; height: 58px; padding-top: 33px; position: absolute; left: 0px; right: 0px; bottom: 102px; font-size: 16px; line-height: 24px; color: #FFF; }
.app_page{}
.app_con1{ background: url(../images/cs_c1bg.jpg) no-repeat center center; background-size:cover; padding:7.81vw 0}
.app_con2{}
.app_c2ul{ margin-top: 2.6vw; justify-content:space-between; }
.app_c2ul li{ position:relative}
.app_c2ul li p{ font-size: 20px; line-height: 30px; margin-top: 25px; text-align:center;}
.app_c2ico{ height: 130px; width: 130px; border: 2px solid #226cb5; margin:0 auto; border:2px solid #226cb5; display:block; border-radius:50%; position:relative;}
.app_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:66%; max-height:66%; width:auto; height:auto;}
.app_c2ul li:after{ content: ""; background: url(../images/cs_c2ar.png) no-repeat center center; display: inline-block; height: 35px; width: 44px; position: absolute; top: 48px; right: -67px; }
.app_c2ul li:last-child:after{ display:none;}
.app_con3{ background: #f4f7fc; }
.app_c3sw{ margin:1.82vw -15px;}
.app_c3sw dd{ padding:15px;}
.app_c3item{ display:block; background:#fff; border-radius:0.8em; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.app_c3item .overflowHide{ height:268px;}
.app_c3bm{ padding: 28px 30px 35px; }
.app_c3bm strong{ font: normal 22px/36px syb; }
.app_c3bm p{ font-size: 16px; line-height: 28px; color: #595959; margin-top: 8px; -webkit-line-clamp:2;}
.app_c3sw .slick-prev,
.app_c4sw .slick-prev,
.cm_c3sw .slick-prev{ background: url(../images/cs_c3btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -85px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #C1C4C7; z-index: 1; transition:all 0.5s ease; border-radius:50%; }
.app_c3sw .slick-next,
.app_c4sw .slick-next,
.cm_c3sw .slick-next{ background: url(../images/cs_c3btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -85px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #C1C4C7; z-index: 1; transition:all 0.5s ease; transform:rotate(180deg); border-radius:50%;}
.app_c3sw .slick-prev:hover,.app_c3sw .slick-next:hover,
.app_c4sw .slick-prev:hover,.app_c4sw .slick-next:hover,
.cm_c3sw .slick-prev:hover,.cm_c3sw .slick-next:hover{ background: #226cb5 url(../images/cs_c3btn2.png) no-repeat center center; border: 1px solid #226cb5; }
.app_con4{}
.app_c4tabWpr{ margin-top:2.6vw; text-align:center;}
.app_c4tab{ display:inline-block; white-space:nowrap; background:#F4F7FC; border-radius:2em;}
.app_c4tab a{ line-height:52px; font-size:18px; padding:0 26px; border-radius:2em; display:inline-block; cursor:pointer;}
.app_c4tab a.on{ background:var(--cor); color:#fff;}
.app_c4sw_wpr{ margin-top:2.6vw; height:435px; position:relative;}
.app_c4sw{ position:absolute; left:0; top:0; right:0; height:435px; opacity:0; visibility:hidden; transform:translateY(50px);}
.app_c4sw.on{ opacity:1; visibility:visible; transform:translateY(0px); transition:all 0.5s ease;}
.app_c4sw dd{}
.app_c4item{display:flex!important; justify-content:space-between; background:#f4f7fc; border-radius:0.7em; overflow:hidden }
.app_c4item .overflowHide{width:50%; height:435px;}
.app_c4txt{ width:50%; padding:0 50px;display:flex; flex-direction:column; justify-content:center;}
.app_c4txt strong{ -webkit-line-clamp: 2; font: normal 30px/44px sym; }
.app_c4txt p{ font-size: 18px; line-height: 30px; color: #666666; text-align: justify; margin: 25px 0px 42px; -webkit-line-clamp:3;}
@media (max-width:1799px){
.app_c2ul li p{ font-size: 17px; line-height: 28px; margin-top:18px;}
.app_c2ico{ height: 100px; width: 100px;}
.app_c2ul li:after{height: 25px; width: 32px; top: 38px; right: -55px; background-size:32px auto; }
.app_c3sw{ margin:1.5vw -12px;}
.app_c3sw dd{ padding:12px;}
.app_c3item .overflowHide{ height:208px;}
.app_c3bm{ padding: 15px 20px 22px; }
.app_c3bm strong{ font: normal 18px/32px syb; }
.app_c3bm p{ font-size: 14px; line-height: 24px; margin-top: 4px; }
.app_c3sw .slick-prev,
.app_c4sw .slick-prev,
.cm_c3sw .slick-prev{ height: 46px; width: 46px; left: -65px; margin-top:-23px; }
.app_c3sw .slick-next,
.app_c4sw .slick-next,
.cm_c3sw .slick-next{ height: 46px; width: 46px; right: -65px; margin-top:-23px;}
.app_c4tab a{ line-height:48px; font-size:16px; padding:0 24px}
.app_c4sw_wpr,.app_c4sw,.app_c4item .overflowHide{ height:355px;}
.app_c4txt{ padding:0 30px;}
.app_c4txt strong{ font: normal 24px/36px sym; }
.app_c4txt p{ font-size: 16px; line-height: 28px; margin: 14px 0px 30px;}
}
@media (max-width:1379px){
.app_c3sw{margin-left:35px; margin-right:35px;}
.app_c4sw_wpr{margin-left:35px; margin-right:35px;}
}
@media (max-width:1199px){
.app_c3sw{margin-left:50px; margin-right:50px;}
.app_c4sw_wpr{margin-left:50px; margin-right:50px;}
.app_c2ico{ height: 80px; width: 80px;}
.app_c2ul li:after{height: 20px; width: 26px; top: 30px; right: -42px; background-size:20px auto; }
}
@media (max-width:993px){
.m2banner_full .coverImg{height:72vw;}
.m2ban_mouse{display:none;}
.app_c3sw .slick-prev{left:-55px;}
.app_c3sw .slick-next{right:-55px;}
.app_c4sw .slick-prev{left:-60px;}
.app_c4sw .slick-prev{right:-60px;}
.app_c4item{ flex-wrap:wrap;}
.app_c4item .overflowHide{width:100%;}
.app_c4txt{width:100%;}
.app_c4sw,.app_c4sw_wpr{ height:670px;}
.app_c4txt{padding-top:25px; padding-bottom:35px;}
.app_c2ul li:after{display:none;}
}
@media (max-width:767px){
.app_c2ul{margin-top:25px;}
.app_c2ul li{width:25%; margin-bottom:15px;}
.app_c2ico{width:60px; height:60px; border:1px solid #226cb5}
.app_c2ul li p {font-size: 16px;line-height: 22px;margin-top: 10px;}
.app_c2ul li:nth-child(5){margin-left:12.5%;}
.app_c2ul li:nth-child(7){margin-right:12.5%;}
.app_c3sw{margin-left:0; margin-right:0; margin-bottom:30px; margin-top:10px;}
.app_c3item .overflowHide{height:50vw;}
.app_c3sw .slick-dots{bottom:-30px;}
.app_c3sw .slick-dots li button{display:none;}
.app_c3sw .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.app_c3sw .slick-dots li.slick-active{ background:var(--cor);}
.app_c4tabWpr{margin-top:25px;}
.app_c4sw_wpr{margin-left:0; margin-right:0; margin-top:25px;}
.app_c4item .overflowHide{height:180px;}
.app_c4sw_wpr, .app_c4sw{ height:500px;}
.app_c4txt{padding:15px 15px 40px;}
.app_c4txt strong{font-size:20px; line-height:32px; height:64px;}
.app_c4txt p {font-size: 14px;line-height: 24px;margin: 8px 0px 20px;}
.app_c4sw{width:100%; text-align:center; overflow-x:auto;}
.app_c4sw .slick-dots{bottom:5px;}
.app_c4sw .slick-dots li button{display:none;}
.app_c4sw .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.app_c4sw .slick-dots li.slick-active{ background:var(--cor);}
.app_con1{padding:12vw 0;}
}

.his_page{ background: url(../images/his_bg.jpg) no-repeat center bottom; background-size:cover; padding-top:6vw; padding-bottom:6vw;}
.his_page .container{width:100%;}
.hislist{ margin-top:5vw;}
.hislist li{ display:inline-block; width:380px; padding-right:3.64vw; white-space:normal; vertical-align:top; padding-bottom:6vw; position:relative; padding-left:50px; position:relative;}
.hislist li:nth-child(2n){ margin-top:4vw;}
.hislist li:before{content:""; background:#333333; position:absolute; left:29px; top:50px; bottom:0; width:2px;}
.hislist li:after{content:""; width:26px; height:26px; background:#226CB5; border:3px solid #fff; border-radius:50%; position:absolute; left:17px; bottom:0px;}
.hisyr{ color: #FFF; background: #226CB5 url(../images/his_ar.png) no-repeat right 32px center; padding: 0px 80px 0px 26px; font-size: 22px; line-height: 38px; display: inline-block; border-radius: 0.3em; margin-bottom:20px; position:relative; transform:translateX(-50px) }
.hisyr:after{content:""; border-left:7px solid transparent; border-right:7px solid transparent; border-top:10px solid var(--cor); position:absolute; left:23px; bottom:-10px;}
.hislist li p{ font-size: 16px; line-height: 26px; margin-bottom: 5px; padding-left: 12px; position: relative; }
.hislist li p:after{content:""; width:4px; height:4px; background:var(--cor); position:absolute; left:0; top:11px; border-radius:50%;}
@media (max-width:1799px){
.hislist li{ width:350px; padding-right:2.8vw; padding-bottom:5vw; padding-left:40px;}
.hislist li:before{left:15px; top:45px;}
.hislist li:after{ width:24px; height:24px; left:5px; bottom:0px;}
.hisyr{background: #226CB5 url(../images/his_ar.png) no-repeat right 25px center; padding: 0px 60px 0px 20px; font-size: 20px; line-height: 36px; margin-bottom:15px;}
.hisyr:after{ border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid var(--cor); left:20px; bottom:-8px;}
.hislist li p{ font-size: 14px; line-height: 24px; margin-bottom: 4px;}
.hislist li p:after{top:9px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.his_page{padding-top:11vw; padding-bottom:11vw;}
}

.news3_page{display:flex; justify-content:space-between; margin-bottom:4.68vw}
.nslx{ padding-top:4.2vw; width:73.19%;}
.cs3_t{ font-size: 36px; line-height: 50px; font-weight: normal; display: block; }
.cs3_info{ font: 16px/30px syr; margin-top: 18px; color: #595959; }
.cs3_fr{ display: inline-block; margin-right: 22px; position: relative; }
.cs3_tm{ display: inline-block; margin-right: 22px; position: relative; }
.cs3_fr:after,.cs3_tm:after{ content: ""; background: #E5E5E5; height: 12px; width: 1px; margin-top: -6px; position: absolute; top: 50%; right: -14px; }
.cs3_font{ background: url(../images/news3_font.png) no-repeat left center; display: inline-block; padding-left: 28px; }
.cs3_font i{ font-style: normal; line-height: 30px; text-align: center; display: inline-block; height: 30px; width: 30px; font-size: 14px; color: #666; background: #F6F6F6; border-radius:50%; margin-left:10px; cursor:pointer}
.cs3_font i.on{ background:var(--cor); color:#fff;}
.cs3editor{ font: 16px/30px syr; padding-top:35px; }
.cs3editor_m{ font-size: 18px; line-height: 32px; }
.cs3editor_b{ font-size: 20px; line-height: 36px; }
.nsrx{ border-left: 1px solid #E5E5E5; width:23.95%; padding-left:2.7%; }
.ns3rt{ font: 24px/30px syb; padding: 2.4vw 0px 15px; border-bottom: 1px solid #E5E5E5; }
.ns3_trax{ display:block; margin-top:30px;}
.ns3_trax .overflowHide{ height:178px; border-radius:0.6em;}
.ns3_tpbmx{ padding: 22px 0px; }
.ns3_tpbmx strong{ font-size: 20px; line-height: 30px; font-weight: normal;-webkit-line-clamp:2; }
.ns3_tpbmx p{ font-size: 14px; line-height: 26px; color: #595959; -webkit-line-clamp:2; margin-top:8px;}
.ns3_rul{}
.ns3_rul li{ padding: 28px 0px; border-top: 1px solid #E5E5E5; }
.ns3_rabox{ display:block; height:77px; overflow:hidden; padding-left:148px; position:relative}
.ns3_rabox .overflowHide{ height: 77px; width: 132px; position: absolute; left: 0px; top: 0px; border-radius:0.4em;}
.ns3_rabox strong{ font-size: 16px; line-height: 24px; font-weight: normal; height:48px;-webkit-line-clamp:2;}
.ns3_rabox p{ font-size: 15px; color: #999999; line-height: 20px; margin-top:8px; }
.ns3_trpage{ margin-top:5px;}
.ns3_trpage p{ margin-bottom: 20px; padding-left: 60px; text-indent: -60px; -webkit-line-clamp: 2; font-size: 16px; line-height: 28px; }
.ns3_trpage p a:hover{ text-decoration: underline; }
.ns3_back{ margin-top:5px;}
.ns3_bkbtn{ font-size: 16px; line-height: 46px; background:#F4F7FC; color:#999999; text-align: center; display:block; border-radius:0.2em; }
.ns3_bkbtn:hover{ background:var(--cor); color:#fff; transform:translateY(-3px); box-shadow:0 8px 25px rgba(34,108,181,0.2);}
@media (max-width:1799px){
.news3_page{ margin-bottom:4.2vw}
.nslx{ padding-top:4.2vw;}
.cs3_t{ font-size: 28px; line-height: 40px;}
.cs3_info{ font: 14px/26px syr; margin-top: 14px; }
.cs3_fr{ margin-right:15px;}
.cs3_tm{ margin-right: 15px; }
.cs3_fr:after,.cs3_tm:after{ margin-top: -7px; right: -10px; }
.cs3editor{ font: 14px/26px syr; padding-top:25px; }
.cs3editor_m{ font-size: 16px; line-height: 30px; }
.cs3editor_b{ font-size: 18px; line-height: 32px; }
.ns3rt{ font: 20px/26px syb; padding: 2vw 0px 15px }
.ns3_trax{margin-top:20px;}
.ns3_trax .overflowHide{ height:145px;}
.ns3_tpbmx{ padding: 15px 0px; }
.ns3_tpbmx strong{ font-size: 16px; line-height: 24px; }
.ns3_tpbmx p{ font-size: 13px; line-height: 24px; margin-top:6px;}
.ns3_rul li{ padding: 20px 0px;}
.ns3_rabox{ padding-left:128px; height:70px;}
.ns3_rabox .overflowHide{ width: 120px; height:70px;}
.ns3_rabox strong{ font-size: 14px; line-height: 22px;height:44px;}
.ns3_rabox p{ font-size: 13px; line-height: 18px; margin-top:5px; }
.ns3_trpage p{ margin-bottom: 15px; padding-left:52px; text-indent: -56px; font-size: 14px; line-height: 24px; }
.ns3_back{ margin-top:4px;}
.ns3_bkbtn{ font-size: 13px; line-height: 40px; }
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.news3_page{display:block;}
.nslx{width:100%;}
.nsrx{width:100%; margin-top:15px; padding-left:0; border:none}
.cs3_t{font-size:24px; line-height:36px; text-align:center}
.cs3_info{text-align:center;}
.ns3_trax .overflowHide{height:178px; width:305px;}
.ns3_bkbtn:hover{transform:translateY(0px);}
}
@media (max-width:767px){
.cs3_t{font-size:20px; line-height:30px;}
.nslx{padding-top:25px;}
.ns3_trax .overflowHide{width:100%; height:52vw;}
.news3_page{padding-bottom:30px;}
.ns3_trpage p{margin-bottom:8px;}
.ns3_back{margin-top:15px;}
}


.news_page{}
.news_top{}
.news_top dd{}
.news_top_item{ background:#f4f7fc; border-radius:0.7em; overflow:hidden;display:flex; justify-content:space-between;}
.news_top_item .overflowHide{ width:48.61%; height:435px;}
.news_toprx{ width:51.39%; padding:0 52px;display:flex; flex-direction:column; justify-content:center;}
.news_toprx strong{ font-size: 30px; line-height: 46px; -webkit-line-clamp:2;}
.news_toprx p{ font-size: 18px; line-height: 30px; color: #666666; margin: 25px 0px 40px;-webkit-line-clamp:3; text-align:justify;}
.news_bmul{ margin-bottom:2.6vw; margin-top:30px;}
.news_bmul li{ padding:1.82vw 0; border-bottom:1px solid #E7E7E7;}
.news_top .slick-dots{bottom:0; height:8px; position:absolute; right:52px; bottom:45px; text-align:right;}
.news_top .slick-dots li button{display:none;}
.news_top .slick-dots li { background:#C8CACF; display: inline-block; height: 8px; width: 8px; margin: 0px 0px 0px 10px; position: relative; border-radius: 50%; vertical-align: middle }
.news_top .slick-dots li.slick-active{ background: #ea5404; width:; width: 30px; border-radius:2em; }
.news_bmitem{ display:block; overflow:hidden; position:relative;}
.news_bmitem .overflowHide{ width:33.33%; height:300px; border-radius:0.6em; float:left;}
.news_bmrx{ margin-left:37.5%; margin-right:10.76%;display:flex; flex-direction:column; justify-content:center; height:300px;}
.news_bmitem:after{ content: ""; height: 50px; width: 50px; border: 1px solid #226cb5; margin-top: -25px; position: absolute; top: 50%; right: 0px; background: url(../images/ns_m.png) no-repeat center center; border-radius:50%; transition:all 0.5s ease; }
.news_bmitem:hover:after{ background: #226cb5 url(../images/ns_ma.png) no-repeat center center; }
.news_bmrx strong{ font: normal 30px/40px sym; }
.news_bmrx p{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 28px; -webkit-line-clamp:3; text-align:justify;}
.news_bmtm{ font-size: 16px; line-height: 30px; color: #ea5404; display:block}
@media (max-width:1799px){
.news_top_item .overflowHide{ height:345px;}
.news_toprx{ padding:0 35px;}
.news_toprx strong{ font-size: 24px; line-height: 36px;}
.news_toprx p{ font-size: 15px; line-height: 26px; margin: 15px 0px 30px;}
.news_bmul{ margin-bottom:2.4vw; margin-top:26px;}
.news_bmul li{ padding:1.6vw 0;}
.news_bmitem .overflowHide{ height:230px;}
.news_bmrx{ margin-left:35.5%; margin-right:8.76%; height:230px;}
.news_bmitem:after{ height: 40px; width: 40px; margin-top: -20px;}
.news_bmrx strong{ font: normal 22px/32px sym; }
.news_bmrx p{ font-size: 14px; line-height: 24px; margin-top: 22px;}
.news_bmtm{ font-size: 14px; line-height: 24px; margin-top:3px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.news_bmitem .overflowHide,.news_bmrx{height:200px;}
}
@media (max-width:993px){
.news_top_item{flex-wrap:wrap;}
.news_top_item .overflowHide{width:100%;}
.news_toprx{width:100%; padding-top:25px; padding-bottom:35px; padding-left:20px; padding-right:20px;}
}
@media (max-width:767px){
.news_top_item .overflowHide{height:55vw;}
.news_toprx{padding:22px 15px 55px;}
.news_toprx strong{font-size:18px; line-height:30px; height:60px;}
.news_toprx p {font-size: 14px;line-height: 24px;margin: 10px 0px 20px;}
.news_top .slick-dots{bottom:30px; text-align:center; right:0;}
.news_bmitem .overflowHide{width:100%; float:none;}
.news_bmul li{padding:18px 0;}
.news_bmrx{margin-left:0; margin-right:0; height:auto; padding:15px 0 0;}
.news_bmrx strong{font-size:18px; line-height:30px;-webkit-line-clamp:2;}
.news_bmrx p {font-size: 14px;line-height: 24px;margin-top: 8px;}
.news_bmul{padding-bottom:10px;}
}

.cm_page{}
.cm_con1Wpr{ background: url(../images/cm_c1bg.jpg) no-repeat center bottom; background-size:cover;}
.cm_con1{ position:relative; min-height:625px; padding-right:44.44%;display:flex; flex-direction:column; justify-content:center;}
.cm_t{ font: 44px/50px sym; }
.cm_c1imgs{ width:38.33%; position:absolute; right:0; top:50%; transform:translateY(-50%); height:600px;}
.cm_c1img1{ width:258px; height:258px; border-radius:50%; position:absolute; left:0; bottom:0; overflow:hidden;}
.cm_c1img2{ width:457px; height:457px; border-radius:50%; position:absolute; right:0; top:0; overflow:hidden;}
.cm_c1img2:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35); z-index:1;}
.cm_c1img2.mvBtn:after{ content: ""; z-index: 2; background: url(../images/cm_c1btn.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.cm_c1txt{ font-size: 18px; line-height: 32px; color: #666666; text-align: justify; margin-top:30px;}
.cm_con2{}
.cm_c2sw{}
.cm_c2sw dd{ height:37.5vw; max-height:720px; position:relative;}
.cm_c2sw dd .coverImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.cm_c2sw dd .coverImg:after{content:""; background:rgba(0,0,0,0.25); position:absolute; left:0; top:0; right:0; bottom:0;}
.cm_c2txt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; text-align:center}
.cm_c2txt strong{ font: normal 44px/50px sym; display: block; transition:all 0.8s ease; opacity:0; transform:translateY(50px); }
.cm_c2txt p{ font-size: 24px; line-height: 32px; margin-top: 12px; transition:all 0.8s ease; opacity:0; transform:translateY(50px); }
.cm_c2sw .slick-dots{bottom:30px; height:8px; text-align:center;}
.cm_c2sw .slick-dots li button{display:none;}
.cm_c2sw .slick-dots li { background:rgba(255,255,255,0.5); display: inline-block; height: 8px; width: 8px; margin: 0px 9px; position: relative; border-radius:50%; vertical-align:middle}
.cm_c2sw .slick-dots li.slick-active{ background: #fff;}
.cm_c2sw .slick-prev{ background: url(../images/pro3btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 42px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 1; transition:all 0.5s ease; opacity:0.5; transform:rotate(180deg); }
.cm_c2sw .slick-next{ background: url(../images/pro3btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 42px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 1; transition:all 0.5s ease; opacity:0.5;}
.cm_c2sw .slick-prev:hover,.cm_c2sw .slick-next:hover{ opacity:1;}
.on .cm_c2txt strong{opacity:1; transform:translateY(0);}
.on .cm_c2txt p{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.cm_con3{}
.cm_con3 .cm_t,.cm_con5 .cm_t,.cm_con6 .cm_t{text-align:center;}
.cm_c3tab{ text-align:center; margin-top:35px;}
.cm_c3tab a{ background: #F4F7FC; display: inline-block; padding: 0px 32px; margin: 0px 9px; line-height: 50px; font-size: 18px; border-radius:2em; cursor:pointer;}
.cm_c3tab a.on{ color: #FFF;background-image: linear-gradient(135deg, #008BD6 0%,#005CAD 100%); }
.cm_c3swcon{ margin: 42px -14px 0; position:relative; height:530px;}
.cm_c3sw{ position:absolute; left:0; width:100%; top:0; opacity:0; transform:translateY(50px); visibility:hidden;}
.cm_c3sw.on{ transition:all 0.5s ease; opacity:1; visibility:visible; transform:translateY(0)}
.cm_c3sw dd{ padding:0 14px;}
.cm_c3img{ display:block; height:440px; position:relative; border:1px solid #E7E7E7; border-radius:0.7em;}
.cm_c3img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.cm_c3sw dd p{ font: 18px/30px sym; text-align: center; margin-top: 20px; }
.cm_c3sw .slick-next,.cm_c3sw .slick-prev{top:195px; margin-top:0;}
.cm_con4{ background: url(../images/cm_c4img.jpg) no-repeat center center; background-size:cover; position:relative; color:#fff; padding:7.81vw 0}
.cm_c4ul{ position:relative; z-index:1;}
.cm_c4ul li{display:flex; justify-content:space-between; border-bottom:1px solid #fff; margin-bottom:3.12vw;}
.cm_c4ul li:last-child{margin-bottom:0!important;}
.cm_c4ul li span{ font: 30px syl; line-height:90px; }
.cm_c4ul li strong{ font: normal 40px syb; line-height:90px; }
.cm_con5{}
.cm_c5ul{ margin: 2.6vw -19px 0px; }
.cm_c5ul dd{ width:calc(33.33% - 38px); margin:0 19px}
.cm_c5item{ display:block;}
.cm_c5item p{ font-size: 22px; line-height: 36px; margin-top: 22px; -webkit-line-clamp:5;}
.cm_c5item .overflowHide{ height:320px; border-radius:1.4em 0 1.4em 0;}
.cm_con6{overflow:hidden; background:#f4f7fc; padding-bottom:6vw;}
.cm_c6sw{ width:137.18vw; left:50%; transform:translateX(-50%); margin-top:2.2vw;}
.cm_c6sw dd{ padding:0 0.46vw;}
.cm_c6item{ display:block; position:relative;}
.cm_c6item .overflowHide{ height:29.16vw; max-height:560px;}
.cm_c6layer{ background-size:cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/cm_c6lbg.png) no-repeat center center; color:#fff; text-align:center;display:flex; flex-direction:column; justify-content:center; padding:0 5vw; transition:all 0.5s ease; opacity:0; }
.cm_c6layer strong{ font-size: 30px; line-height: 42px; transition:all 0.5s ease; opacity:0; transform:translateY(60px); }
.cm_c6layer p{ font-size: 18px; line-height: 30px; margin-top: 12px; transition:all 0.5s ease; opacity:0; transform:translateY(60px);}
.cm_c6sw .slick-prev{ background: url(../images/pro3btn.png) no-repeat right 32vw center; display: inline-block; height:29.16vw; max-height:560px; width: 45.72vw; position: absolute; left: 0; top: 0; overflow: hidden; cursor: pointer; z-index: 1; transition:all 0.5s ease; opacity:0.8; transform:rotate(180deg); }
.cm_c6sw .slick-next{ background: url(../images/pro3btn.png) no-repeat right 32vw center; display: inline-block; height:29.16vw; max-height:560px; width: 45.72vw; position: absolute; right: 0; top: 0; overflow: hidden; cursor: pointer; z-index: 1; transition:all 0.5s ease; opacity:0.8;}
.cm_c6sw .slick-prev:hover,.cm_c6sw .slick-next:hover{ opacity:1;}
.on .cm_c6layer{opacity:1;}
.on .cm_c6layer strong{opacity:1; transform:translateY(0);}
.on .cm_c6layer p{opacity:1; transform:translateY(0); transition-delay:0.1s}
@media (max-width:1799px){
.cm_con1{min-height:500px;}
.cm_t{ font: 36px/40px sym; }
.cm_c1imgs{ height:500px;}
.cm_c1img1{ width:188px; height:188px;}
.cm_c1img2{ width:380px; height:380px;}
.cm_c1img2.mvBtn:after{ background-size:60px auto;}
.cm_c1txt{ font-size: 15px; line-height: 26px; margin-top:24px;}
.cm_c2txt strong{ font: normal 36px/40px sym;}
.cm_c2txt p{ font-size: 20px; line-height: 28px; margin-top: 10px;}
.cm_c2sw .slick-dots li { margin: 0px 6px;}
.cm_c2sw .slick-prev{left: 35px;}
.cm_c2sw .slick-next{right: 35px;}
.cm_c3tab{ margin-top:25px;}
.cm_c3tab a{ padding: 0px 25px; margin: 0px 6px; line-height: 42px; font-size: 16px;}
.cm_c3swcon{ margin: 35px -12px 0; height:410px;}
.cm_c3sw dd{ padding:0 12px;}
.cm_c3img{height:340px; }
.cm_c3sw dd p{ font: 16px/26px sym; margin-top: 15px; }
.cm_c3sw .slick-next,.cm_c3sw .slick-prev{top:145px;}
.cm_c4ul li{ margin-bottom:2.6vw;}
.cm_c4ul li span{ font: 24px syl; line-height:70px; }
.cm_c4ul li strong{ font: normal 32px syb; line-height:70px; }
.cm_c5ul{ margin: 2.6vw -12px 0px; }
.cm_c5ul dd{ width:calc(33.33% - 24px); margin:0 12px}
.cm_c5item p{ font-size: 18px; line-height: 32px; margin-top: 18px; }
.cm_c5item .overflowHide{ height:240px;}
.cm_c6layer strong{ font-size:24px; line-height: 36px;}
.cm_c6layer p{ font-size: 16px; line-height: 28px; margin-top: 10px;}
}
@media (max-width:1379px){
.cm_c3swcon{margin-left:30px; margin-right:30px;height:390px;}
.cm_c3img{height:320px; }
.cm_c3sw .slick-next,.cm_c3sw .slick-prev{top:135px;}
}
@media (max-width:1199px){
.cm_c1txt{font-size:14px; line-height:24px; margin-top:15px;}
.cm_t{font-size:26px; line-height:30px;}
.cm_c2txt strong{font-size:30px; line-height:32px;}
.cm_c2txt p{font-size:18px;}
.cm_c3swcon{margin-left:50px; margin-right:50px;}
.cm_c3img{height:240px;}
.cm_c3swcon{ height:320px;}
.cm_c3sw .slick-next,.cm_c3sw .slick-prev{top:95px;}
.cm_c4ul li strong{font-size:28px;}
.cm_c5item p{font-size:16px; line-height:28px;}
}
@media (max-width:993px){
.cm_c1imgs{ height:380px;}
.cm_c1img1{ width:128px; height:128px;}
.cm_c1img2{ width:280px; height:280px;}
.cm_c2sw .slick-prev{left:15px;}
.cm_c2sw .slick-next{right:15px;}
.cm_c3sw .slick-prev{left:-50px;}
.cm_c3sw .slick-next{right:-50px;}
.cm_c6item .overflowHide,
.cm_c6sw .slick-prev,
.cm_c6sw .slick-next{height:42vw;}
.cm_c6layer p{font-size:14px; line-height:24px;}
}
@media (max-width:767px){
.cm_con1{padding-right:0;}
.cm_c1imgs{width:300px; margin:0 auto; position:static; transform:translateY(0); top:auto; margin-top:25px; margin-bottom:15px;}
.cm_con1 .cm_t{text-align:center;}
.cm_c2sw dd{ height:60vw;}
.cm_c2txt strong{font-size:24px; line-height:24px;}
.cm_c2txt p{font-size:14px; line-height:24px;}
.cm_c3tab a{margin:0 4px;}
.cm_c3swcon{margin-left:45px; margin-right:45px; margin-top:25px;}
.app_c3sw .slick-prev, .app_c4sw .slick-prev, .cm_c3sw .slick-prev{width:42px; height:42px;}
.app_c3sw .slick-next, .app_c4sw .slick-next, .cm_c3sw .slick-next{width:42px; height:42px;}
.cm_c4ul li strong{font-size:22px;}
.cm_c4ul li span{font-size:20px;}
.cm_c5ul{margin-top:25px;}
.cm_c5ul dd {width: calc(100% - 24px); margin-bottom:25px;}
.cm_c5ul dd:last-child{margin-bottom:0;}
.cm_c6sw{margin-top:25px; padding-bottom:45px;}
.cm_c6sw{width:100%; padding-left:15px; padding-right:15px;}
.cm_c6item .overflowHide, .cm_c6sw .slick-prev, .cm_c6sw .slick-next{height:64vw;}
.cm_c6layer{padding:0 15px;}
.cm_c6sw .slick-dots{bottom:10px;}
.cm_c6sw .slick-dots li button{display:none;}
.cm_c6sw .slick-dots li { background: #D6D6D6; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.cm_c6sw .slick-dots li.slick-active{ background:var(--cor); }
.cm_c6layer p{font-size:12px; line-height:22px;}
.cm_c6sw dd{padding:0;}
}