body{background-color:#000921;}
.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; }
.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; }
.on .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
/*.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);}
.hmBan_txt strong{ font-size: 66px; display: block; line-height: 72px; display: block; transition: all 0.8s ease; transform: translateY(200px); opacity: 0;}
.hmBan_txt p{  margin-top: 2.6vw; transition: all 0.8s ease; transform: translateY(150px); opacity: 0;}
.hmBan_txt strong span{ color:#c12c25;}
.web_btn,.xw_c1m{ display:inline-block; width:176px; line-height:56px; color:#fff; font-weight:bold; text-align:center; border-radius:2em; transition:all 0.5s ease; background-image:linear-gradient(to right, #00adff 0%, #4ace82 51%, #00adff 100%); background-size:200% auto; font-size:18px;}
.web_btn:hover,.xw_c1item:hover .xw_c1m{ background-position:right center; box-shadow:0 5px 18px rgba(74,206,130,0.3);}
.on .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.on .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.hmFocusWpr .slick-dots{bottom:40px;}
.hmFocusWpr .slick-dots li button{display:none;}
.hmFocusWpr .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.hmFocusWpr .slick-dots li.slick-active{ background:#01AEFC; }
@media (max-width:1799px){
.web_btn,.xw_c1m{width:160px; line-height:48px; font-size:16px;}
.hmBan_txt strong{ font-size: 46px; line-height: 56px; }
}
@media (max-width:1379px){
.hmBan_txt strong{ font-size: 40px; line-height: 50px; }
}
@media (max-width:1199px){

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

.hmBan_txt strong{font-size:30px; line-height:40px;}
}
@media (max-width:767px){
.hmFocusWpr .slick-dots li{width:6px; height:6px; margin:0 3px;}
.hmFocusWpr .slick-dots{bottom:25px;}
.hmBan_txt strong{font-size:22px; line-height:34px;}
.web_btn, .xw_c1m {width: 120px;line-height: 40px;font-size: 14px;}
.hmBan_txt p{margin-top:20px;}

}


.footer{ background: url(../images/footBg.png) no-repeat center bottom -50px; padding: 4.58vw 0px 3.22vw;}
.foot_con{display:flex; justify-content:space-between; padding-bottom:2.6vw; }
.foot_lx{}
.foot_logo{ margin-bottom: 45px; display:inline-block}
.foot_logo img{}
.foot_lx p{ font-size: 18px; line-height: 32px; }
.foot_nav{ display:flex;}
.foot_nav dl{ margin-left:6.25vw; padding-top:30px;}
.foot_nav dl dt{ font-size: 24px; line-height: 32px; font-weight: bold; margin-bottom:32px; }
.foot_nav dl dd{ font-size: 18px; line-height: 32px; }
.foot_a1{}
.foot_a2{}
.web_copy{display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,0.15); padding-top:1.66vw;}
.web_copy .fl{ font-size:16px; line-height:28px; opacity:0.6;}
.web_copy .fr{ display:flex;}
.foot_sha{ width:32px; height:32px; display:inline-block; margin-left:20px; cursor:pointer;}
.foot_sha1{ background: url(../images/foot_ico2.png) no-repeat center center; }
.foot_sha2{ background: url(../images/foot_ico1.png) no-repeat center center; }
@media (max-width:1799px){
.foot_logo img{height:42px; width:auto;}
.foot_logo{margin-bottom:25px;}
.foot_lx p{font-size:16px; line-height:30px;}
.foot_nav dl{padding-top:13px;}
.foot_nav dl dt{font-size:20px; line-height:30px; margin-bottom:28px;}
.foot_nav dl dd{font-size:16px; line-height:30px;}
.foot_con{padding-bottom:2vw;}
.web_copy{font-size:13px; padding-top:1.4vw;}
.footer{background-size:100% auto;}
.foot_sha1,.foot_sha2{background-size:28px auto;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.foot_nav dl{margin-left:25px;}
.foot_nav dl dt{margin-bottom:8px;}
.foot_nav dl dd{font-size:14px; line-height:26px;}
.foot_logo{margin-bottom:5px;}
.web_copy .fl{font-size:13px;}
.foot_nav dl dt{font-size:18px;}
}
@media (max-width:767px){
.foot_con{flex-wrap:wrap;}
.foot_lx{ width:100%; text-align:center;}
.foot_logo img{height:36px;}
.foot_nav{display:block; overflow:hidden; margin-top:10px;}
.foot_nav dl{margin-left:0; width:100%; overflow:hidden; margin-bottom:15px; padding-top:0}
.foot_nav dl dt{width:100%; float:left; margin-bottom:0}
.foot_nav dl dd{width:auto; margin-right:15px; float:left; line-height:22px;}
.web_copy .fl{font-size:12px; line-height:22px;}
.foot_sha1, .foot_sha2{background-size:22px auto;}
.foot_sha{margin-left:6px;}
.web_copy{padding-top:15px;}
.footer{background-position:center bottom; background-size:100% auto; padding:25px 0;}
}

.abt_page{ background-image:url(../images/abt_bg1.jpg); background-repeat:no-repeat; background-size:100% auto;}
.abt_con{ padding-top:100px; overflow:hidden}
.m2ctop{display:flex; justify-content:space-between; margin-top:4.68vw}
.m2ctop strong{ font-size:66px; line-height:80px; font-weight:bold;}
.m2menu{ display:flex;}
.m2menu_a{ font-size:20px; line-height:66px; margin-left:30px;}
.m2menu_a.on,.m2menu_a:hover{ color:var(--cor);}
.abt_con1{display:flex; justify-content:space-between;}
.abt_c1img{ width:47.14%; display:flex; flex-direction:column; justify-content:center;}
.abt_c1txt{ width:47.14%; display:flex; flex-direction:column; justify-content:center; font-size:18px; line-height:30px; padding:0 2.08vw}
.abt_c1txt strong{ display:block; font-size:32px; margin-bottom:30px;}
.abt_con1r{flex-direction:row-reverse;}
.abt_con2{}
.abt_c2t{ font-size: 32px; line-height: 38px; }
.abt_c2lst{ margin:4.16vw 0 0;}
.abt_c2lst dd{ width:25%; text-align:center; padding:0 30px; transition:all 0.5s ease;}
.abt_c2lst dd:hover{transform:translateY(-15px);}
.abt_c2lst dd strong{ font-size: 20px; line-height: 28px; display: block; margin-top:40px; margin-bottom:15px;}
.abt_c2lst dd p{ font-size: 18px; line-height: 28px; color:rgba(255,255,255,0.5);}
.abt_c2ico{ display:block; width:200px; height:200px; margin:0 auto; position:relative;}
.abt_c2ico:before{ content: ""; background: url(../images/abt_c3bor.png) no-repeat center center; height: 390px; width: 390px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.abt_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto; transition:all 0.5s ease;}
.abt_c2lst dd:hover .abt_c2ico img{ transform:translate(-50%,-50%) rotateY(180deg);}
.abt_con3{}
.abt_c3tx{display:flex; justify-content:space-between; }
.abt_c3tx strong{ font-size: 32px; line-height: 38px; max-width:325px;}
.abt_c3tx p{ max-width: 715px; font-size: 18px; line-height: 28px; }
.abt_c3lst{ margin: 2.6vw -10px 0px; }
.abt_c3lst dd{ width:calc(25% - 20px); margin:0 10px; background:#101a36; padding:50px 30px 40px; text-align:center; transition:all 0.5s ease;}
.abt_c3lst dd strong{ font-size: 20px; line-height: 32px; font-weight: normal; display: block; margin: 30px 0px 20px; }
.abt_c3lst dd p{ font-size: 18px; line-height: 28px; color:rgba(255,255,255,0.5);}
.abt_c3ico{ background: url(../images/abt_c5bor.png) no-repeat center center; display: block; margin: 0px auto; height: 106px; width: 123px; position: relative; }
.abt_c3ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;transition:all 0.5s ease;}
.abt_c3lst dd:hover{transform:translateY(-15px);}
.abt_c3lst dd:hover .abt_c3ico img{ transform:translate(-50%,-50%) rotateY(180deg);}
@media (max-width:1799px){
.abt_con{ padding-top:80px;}
.m2ctop{margin-top:3.6vw;}
.m2menu_a{font-size:18px; line-height:46px;}
.m2ctop strong{font-size:46px; line-height:46px;}
.abt_c1txt{font-size:16px; line-height:28px;}
.abt_c1txt strong{font-size:26px; margin-bottom:20px;}
.abt_c2t{font-size:26px; line-height:30px;}
.abt_c2lst{ margin:3vw 0 0;}
.abt_c2lst dd{padding:0 15px;}
.abt_c2lst dd strong{ font-size: 18px; line-height: 26px; margin-top:30px; margin-bottom:12px; height:52px;display:flex; flex-direction:column; justify-content:center;}
.abt_c2lst dd p{ font-size: 16px; line-height: 26px;}
.abt_c2ico{ width:150px; height:150px;}
.abt_c2ico:before{ height: 320px; width: 320px; background-size:cover;}
.abt_c2ico img{max-width:66%; max-height:66%;}
.abt_c3tx strong{ font-size: 26px; line-height: 32px; max-width:305px;}
.abt_c3tx p{ max-width: 615px; font-size: 16px; line-height: 26px; }
.abt_c3lst dd{padding:40px 18px 30px;}
.abt_c3lst dd strong{ font-size: 18px; line-height:28px; margin: 25px 0px 16px; }
.abt_c3lst dd p{ font-size: 16px; line-height: 26px;}
.abt_c3ico{ height: 86px; width: 96px; background-size:100% auto;}
.abt_c3ico img{max-width:66%; max-height:66%;}
}
@media (max-width:1379px){
.m2ctop strong{font-size:36px;}
}
@media (max-width:1199px){
.m2ctop{margin-top:0px;}
}
@media (max-width:993px){
.m2ctop strong{font-size:30px;}
.m2menu_a{font-size:16px; margin-left:20px;}
.abt_c1txt{font-size:14px; line-height:22px;}
.abt_c2lst dd{width:50%; margin-top:55px;}
.abt_c2lst{margin-top:0;}
.abt_c3lst dd{width:calc(50% - 20px); margin-top:20px;}
}
@media (max-width:767px){
.abt_con{padding-top:25px;}
.m2ctop{flex-wrap:wrap;}
.m2ctop strong{width:100%; text-align:center; font-size:22px; line-height:34px;}
.m2menu_wpr{width:100%; overflow-x:auto;}
.m2menu{display:inline; white-space:nowrap; text-align:center;}
.m2menu_a{display:inline-block; margin:0 15px;}
.abt_c1img{width:100%;}
.abt_c1txt{width:100%;}
.abt_con1{flex-wrap:wrap;}
.abt_c1txt strong{font-size:22px;}
.abt_c2t{text-align:center; font-size:22px; line-height:28px;}
.abt_c2lst dd:hover {transform: translateY(0px);}
.abt_c2ico::before {height: 260px;width: 260px;}
.abt_c2ico img{max-width:50%; max-height:50%;}
.abt_c2lst dd{padding:0 5px; margin-top:25px;}
.abt_c2lst dd strong {font-size: 18px;line-height: 26px;margin-top: 15px;margin-bottom: 10px;height: auto;}
.abt_c2lst dd p{font-size:14px; line-height:22px;}
.abt_c3tx{flex-wrap:wrap;}
.abt_c3tx strong{max-width:none; width:100%; text-align:center;}
.abt_c3tx p{max-width:none; width:100%; text-align:center;}
.abt_c3tx strong{font-size:22px;}
.abt_c3tx p{font-size:14px; line-height:22px;}
.abt_c2lst dd{width:100%;}
.abt_c3lst dd {width: calc(100% - 20px);margin-top:15px;}
.abt_c3lst dd strong{margin:20px 0px 10px;}
.abt_c3lst dd p {font-size: 14px;line-height: 24px;}
}

.abt_page2{ background-image:url(../images/lx_bg.jpg); background-repeat:no-repeat; background-size:100% auto;}
.lx_con{display:flex; justify-content:space-between; }
.lx_imgx{ width:50%;}
.lx_info{ width:44.64%;}
.lx_rt{ font-size: 32px; line-height: 40px; }
.lx_rdes{ font-size: 18px; line-height: 31px; margin: 35px 0px 45px; }
.lx_wx{display:flex; justify-content:space-between; }
.lx_wximg{ width:146px;}
.lx_wxtip{ width:calc(100% - 182px);display:flex; flex-direction:column-reverse; font-size:18px; line-height:31px;}
@media (max-width:1799px){
.lx_rt{font-size:26px; line-height:30px;}
.lx_rdes {font-size: 16px;line-height: 28px;margin: 26px 0px 42px;}
.lx_wxtip{font-size:16px; line-height:28px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.lx_rt{font-size:22px; line-height:24px;}
.lx_rdes{line-height:26px; margin:16px 0px 20px;}
.lx_wximg{width:120px;}
.lx_wxtip{ line-height:24px; width:calc(100% - 136px);}
}
@media (max-width:993px){
.lx_con{ flex-wrap:wrap;}
.lx_imgx{ width:100%;}
.lx_info{ width:100%; margin-top:35px;}
}
@media (max-width:767px){
.lx_rt{font-size:20px; line-height:30px;}
.lx_wximg{width:100px;}
.lx_wxtip{ line-height:24px; width:calc(100% - 116px);}
.lx_rdes{font-size:14px; line-height:24px;}
.lx_wxtip{font-size:12px; line-height:22px;}
.lx_con{padding-top:22px;}
.lx_info{margin-top:22px;}
}

.news_con{}
.news_list{}
.news_list li{ margin-bottom:4.16vw;}
.news_item{ display:flex; justify-content:space-between; }
.news_tm{ font-size: 25px; line-height: 50px; }
.news_tm span{ display:block; padding-left:10px;}
.news_rx{ width:calc(100% - 132px); border-left:1px solid rgba(255,255,255,0.15); padding-left:4.42vw; padding-right:3.12vw;}
.news_rx strong{ font-weight: normal; font-size: 32px; line-height: 36px; }
.news_rx p{ font-size: 18px; line-height: 28px; margin-top: 15px; -webkit-line-clamp:2;}
.news_rx span{ font-size: 18px; color: #02aefc; display: inline-block; margin-top: 25px; line-height: 24px; position:relative}
.news_rx span:after{width:0%; left:0; bottom:0; height:1px; content:""; position:absolute; background:#02aefc; transition:all 0.5s ease;}
.news_item:hover .news_rx span:after{width:100%;}
.web_pages{ text-align:center; padding-top:30px; border-top:1px solid rgba(255,255,255,0.15);}
.web_page_a{ display:inline-block; font-size:18px; margin:0 20px; line-height:26px;}
.web_page_a.on,.web_page_a:hover{ color:#01AEFC;}
@media (max-width:1799px){
.news_tm{font-size:22px; line-height:42px;}
.news_tm span{padding-left:6px;}
.news_rx {width: calc(100% - 100px);padding-left: 3.42vw;padding-right: 2.12vw;}
.news_rx strong{font-size:26px; line-height:32px;}
.news_rx p{font-size:16px; line-height:26px;}
.news_rx span{font-size:16px; margin-top:16px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.news_rx strong{font-size:22px; line-height:28px;}
.news_rx p{font-size:14px; line-height:22px; margin-top:5px;}
.news_tm {font-size: 20px;line-height: 34px;}
.news_rx {width: calc(100% - 80px);}        
}
@media (max-width:767px){
.news_tm{font-size:18px; line-height:30px;}
.news_rx {width: calc(100% - 50px);}
.news_rx strong{font-size:18px; line-height:24px;-webkit-line-clamp:3;}
.news_rx p{-webkit-line-clamp:5;}
.news_con {padding-top:25px;}
.news_list li{ margin-bottom:25px;}
.web_page_a{font-size:16px; margin:0 12px;}
}

.mbr_con{}
.mbr_box{ min-height:calc(100vh - 115px);display:flex; flex-direction:column; justify-content:center; padding:8vw 0; max-width:545px; margin-left:auto; margin-right:auto;}
.mbr_t{ font-size: 66px; line-height: 66px; text-align:center; margin-top:5vw;}
.mbr_form{ margin-top:32px;}
.mbr_form li{ margin-bottom:16px;}
.mbr_inx{ position:relative;}
.mbr_inx input{ line-height:70px; height:72px; border:1px solid #fff; padding:0 20px; background:#fff; font-size:18px; color:#333; width:100%;}
.mbr_inx input:focus{}
.mbr_inx2{ padding-right:170px;}
.mbr_vcd{ position:absolute; right:0; top:0;}
.mbr_vcd img{ display:block; height:72px; width:auto;}
.mbr_getpwd{ font-size:18px; line-height:26px; text-align:right; opacity:0.6}
.mbr_submit{ display:block; line-height:72px; transition:all 0.5s ease; text-align:center; width:100%; font-size:28px; cursor:pointer; background-image:linear-gradient(to right, #00adff 0%, #4ace82 51%, #00adff 100%); background-size:200% auto; color:#fff;}
.mbr_submit:hover{ background-position:right center; box-shadow:0 5px 18px rgba(74,206,130,0.3);}
@media (max-width:1799px){
.mbr_box{ min-height:calc(100vh - 85px); padding:7vw 0; max-width:500px;}
.mbr_t{ font-size: 46px; line-height: 46px; margin-top:4vw;}
.mbr_form{ margin-top:25px;}
.mbr_form li{ margin-bottom:12px;}
.mbr_inx input{ line-height:54px; height:56px; padding:0 15px; font-size:16px;}
.mbr_inx2{ padding-right:130px;}
.mbr_vcd img{ height:56px;}
.mbr_getpwd{ font-size:16px; line-height:24px;}
.mbr_submit{ line-height:56px; font-size:22px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.mbr_box{padding:5vw 0;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.mbr_con + .sfooter{padding-bottom:25px;}
.mbr_box{min-height:calc(100vh - 170px); padding:11vw 0;}
.mbr_t{margin-top:0; font-size:24px; line-height:24px;}
.mbr_inx input{line-height:48px; height:50px;}
.mbr_vcd img{height:50px;}
.mbr_inx2{padding-right:118px;}
.mbr_submit{font-size:20px; line-height:50px;}
}

.xw_con1{ padding-top:4vw;}
.xw_c1sw{}
.xw_c1sw dd{}
.xw_c1item{display:flex; justify-content:space-between; position:relative; }
.xw_c1item .overflowHide{ width:48.71%; height:419px;}
.xw_c1rx{ width:47.42%; padding-right:2.6vw; position:relative;}
.xw_c1rx strong{ font-size: 32px; line-height: 42px; -webkit-line-clamp:2; font-weight:normal;}
.xw_c1rx span.xw_rtm{ font-size: 16px; line-height: 26px; display: block; margin: 24px 0px; }
.xw_c1rx p{ font-size: 18px; line-height: 28px; -webkit-line-clamp:3;}
.xw_c1m{ position:absolute; left:0; bottom:20px;}
.xw_c1sw .slick-dots{bottom:-45px;}
.xw_c1sw .slick-dots li button{display:none;}
.xw_c1sw .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.xw_c1sw .slick-dots li.slick-active{ background:#01AEFC; }
.xw_con2{ padding-top:2vw;}
.xw_c2ul{ margin:0 -34px;}
.xw_c2ul li{ width:calc(33.33% - 68px); margin:0 34px 2.6vw;}
.wx_aBox{ display:block;}
.wx_aBox .overflowHide{ height:258px;}
.wx_aBox strong{ font-weight: normal; font-size: 30px; line-height: 32px; -webkit-line-clamp:3; margin-top:24px;}
.wx_aBox span{ display:block; font-size:16px; line-height:24px; margin:15px 0 0;}
.wx_aBox p{ margin-top:20px; font-size:18px; line-height:28px; color:rgba(255,255,255,0.6);-webkit-line-clamp:2;}
@media (max-width:1799px){
.xw_con1{ padding-top:3vw;}
.xw_c1item .overflowHide{height:340px;}
.xw_c1rx strong{ font-size: 26px; line-height: 36px;}
.xw_c1rx span.xw_rtm{ margin: 18px 0px; }
.xw_c1rx p{ font-size: 16px; line-height: 26px; -webkit-line-clamp:3;}
.xw_c2ul{ margin:0 -15px;}
.xw_c2ul li{ width:calc(33.33% - 30px); margin:0 15px 2vw;}
.wx_aBox .overflowHide{ height:220px;}
.wx_aBox strong{font-size: 24px; line-height: 28px; margin-top:18px;}
.wx_aBox p{ margin-top:15px; font-size:16px; line-height:24px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.xw_c1item .overflowHide{height:250px;}
.xw_c1rx strong{font-size:22px; line-height:30px;}
.xw_c1rx span.xw_rtm{margin:6px 0; font-size:14px;}
.xw_c1rx p{font-size:14px; line-height:20px;}
.xw_c2ul li {width: calc(50% - 30px); margin-bottom:35px;}
}
@media (max-width:767px){
.xw_c1item{flex-wrap:wrap;}
.xw_c1item .overflowHide{width:100%;}
.xw_c1rx{width:100%; padding-left:0; margin-top:20px;}
.xw_c1item .overflowHide{height:55vw;}
.xw_c1rx strong{font-size:18px; line-height:26px;}
.xw_c1m{position:relative; bottom:0; margin-top:25px;}
.xw_c1sw .slick-dots li{width:6px; height:6px; margin:0 4px;}
.xw_c1sw{padding-bottom:40px;}
.xw_c1sw .slick-dots{bottom:0;}
.xw_c2ul li {width: calc(100% - 30px); margin-bottom:25px;}
.wx_aBox .overflowHide{height:56vw;}
.xw_con2{padding-top:0;}
.wx_aBox strong{font-size:20px;}
.wx_aBox span{font-size:14px; margin-top:10px;}
.wx_aBox p{font-size:14px; line-height:22px;-webkit-line-clamp:3;}
}

.user_con{ margin-top:4vw; padding-top:0; position:relative;}
.user_menu{ float:left; width:320px;position: -webkit-sticky;position: sticky;top: 150px;}
.user_menu a{ display:block; line-height:36px; font-size:27px; margin-bottom:20px;}
.user_menu a.on{ color:var(--cor);}
.user_rcon{ width:calc(100% - 330px); padding:0 3.9vw; border-left:1px solid rgba(255,255,255,0.15); float:right;}
.user_rcon h2{ display:block; font-size:48px; line-height:48px;}
.user_rcon h3{ display:block; font-size:27px; line-height:44px; font-weight:normal; margin-top:25px;}
.user_editor{ margin-top:2.6vw; font-size:27px; line-height:44px;}
.user_editor dl{ margin-bottom:27px;}
.user_editor dl dt{}
.user_editor dl dd{ padding-left:42px; padding-right:42px;}
.user_editor img{ margin:20px 0 10px;}
@media (max-width:1799px){
.user_menu{width:280px;}
.user_rcon{ width:calc(100% - 280px); padding:0 3vw;}
.user_menu a{ line-height:32px; font-size:24px;}
.user_rcon h2{ font-size:36px; line-height:36px;}
.user_rcon h3{ font-size:22px; line-height:38px; margin-top:20px;}
.user_editor{ font-size:22px; line-height:36px;}
.user_editor dl{ margin-bottom:18px;}
.user_editor dl dd{ padding-left:35px; padding-right:35px;}
.user_editor img{ margin:15px 0 8px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.user_menu{width:220px; top:60px;}
.user_rcon {width: calc(100% - 220px);}
}
@media (max-width:993px){
.user_menu a{font-size:20px; line-height:28px;}
.user_menu{width:190px;}
.user_rcon {width: calc(100% - 190px);}
.user_editor{font-size:18px; line-height:26px;}
.user_editor dl dd{ padding-left:30px; padding-right:30px;}
}
@media (max-width:767px){
.user_menu{width:100%; float:none; top:0}
.user_rcon{width:100%; float:none; padding-left:0; border:none; margin-top:45px;}
.user_menu a{margin-bottom:12px;}
.user_rcon h2{text-align:center; font-size:28px;}
.user_rcon h3{font-size:18px; line-height:30px;}
.user_editor{font-size:14px; line-height:24px;}
.user_editor dl dd{padding-left:0; padding-right:0;}
}

.m2ctop2{justify-content:center;}
.pro_con{}
.pro_item{display:flex; justify-content:space-between;}
.pro_imgx{ width:50%; height:800px; position:relative;}
.pro_imgx img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:1000px; max-height:800px; width:auto; height:auto;}
.pro_txt{ width:50%; padding:5vw 35px 5vw 6.5vw;display:flex; flex-direction:column; justify-content:center; position:relative; z-index:2;}
.pro_txt strong{ display:block; font-weight:normal; font-size:32px; line-height:42px;}
.pro_txt p{ font-size:18px; line-height:30px; margin:1.97vw 0;-webkit-line-clamp:6;}
.pro_btn{ position:relative; z-index:1;}
.pro_txt .abt_c2ico{ margin:3.64vw 0 0 0}
.pro_con .pro_item:nth-child(2n){flex-direction:row-reverse; }
.pro_con .pro_item:nth-child(2n) .pro_txt{ padding:5vw 6.5vw 5vw 35px;}
.pro_item + .web_pages{border:none;}
@media (max-width:1799px){
.pro_imgx{ height:600px;}
.pro_imgx img{ max-width:800px; max-height:600px;}
.pro_txt{padding:4vw 25px 4vw 5.5vw;}
.pro_txt strong{font-size:26px; line-height:36px;}
.pro_txt p{ font-size:16px; line-height:28px; margin:1.5vw 0;}
.pro_txt .abt_c2ico{ margin:2.8vw 0 0 0}
.pro_con .pro_item:nth-child(2n) .pro_txt{ padding:4vw 5.5vw 4vw 25px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.pro_item{flex-wrap:wrap;}
.pro_imgx{width:100%; height:auto;}
.pro_imgx img{max-width:100%; max-height:100%; width:auto; height:auto; position:static; transform:translate(0,0)}
.pro_txt{width:100%; padding:0!important; text-align:center}
.pro_txt strong{font-size:20px; line-height:30px;}
.pro_txt p{font-size:14px; line-height:24px; margin-top:10px;}
.pro_btn{margin-top:20px;}
.pro_txt .abt_c2ico{margin:25px auto 0;}
}


@keyframes inx_c2an1 {
	0% {
		transform:rotate(-6deg);
		opacity:0.5;
	}
	20%{ opacity:1}
	50% {
		transform:rotate(6deg);
	}
	80%{ opacity:1}
	100% {
		transform:rotate(-6deg);
		opacity:0.5;
	}
}
@keyframes inx_c2an2 {
	0% {
		opacity:0.3;
	}
	40% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0.3;
	}
}
@keyframes inx_c2an3 {
	0% {
		transform:rotate(-0deg);
	}
	40% {
		opacity:1;
	}
	50% {
		transform:rotate(15deg);
	}
	80% {
		opacity:1;
	}
	100% {
		transform:rotate(-0deg);
	}
}
.inx_c2box{display:flex; justify-content:space-between; flex-direction:row-reverse; margin-top:3vw;}
.inx_c2imgx{ width:38.21%; position:relative;}
.inx_c2img{ position:relative; width:235%; position:absolute; left:50%; top:50%; transform:translate(-50%,-38%);}
.inx_c2img img{ display:block; position:relative;}
.inx_c2pint{ animation:inx_c2an3 20s linear infinite; position:absolute; left:0; top:0; right:0; bottom:0;}
.inx_c2img img:nth-child(1),.inx_c2img img:nth-child(3){ position:absolute; left:0; top:0;}
.inx_c2img img:nth-child(1){ animation:inx_c2an2 5s linear infinite;}
.inx_c2img img:nth-child(3){ animation:inx_c2an1 8s linear infinite;}
.inx_c2txt{ width:42.5%;}
.inx_pt{ font-size: 66px; line-height: 66px; font-weight: bold; }
.inx_c2ul{}
.inx_c2ul li{ padding:2.34vw 0; border-bottom:2px solid #fff;}
.inx_c2ul li:last-child{border:none;}
.inx_c2ul li p{ font-size:16px; line-height:20px;}
.inx_c2ul li strong{ font-size: 32px; line-height: 42px; font-weight: normal; display: block; margin-top:15px;}
.inx_c2btn{ padding-top:25px;}
@media (max-width:1799px){
.inx_pt{ font-size: 46px; line-height: 46px;}
.inx_c2ul li strong{font-size:24px; line-height:34px;}
.inx_c2ul li{ border-bottom:1px solid #fff; padding:2vw 0}
.inx_c2btn{ padding-top:15px;}
.inx_c2img{width:245%;}
}
@media (max-width:1379px){
.inx_c2ul li strong{font-size:22px; line-height:32px;}
.inx_pt{font-size:36px; line-height:36px;}
.inx_c2imgx{right:50px;}
.inx_c2img{width:225%;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.inx_c2box{margin-top:0;}
.hm_page2{padding:8vw 0;}
}
@media (max-width:767px){
.hm_page2{padding:11vw 0; overflow:hidden}
.inx_c2box{flex-wrap:wrap;}
.inx_c2imgx{width:100%; right:0; height:400px;}
.inx_c2txt{width:100%; position:relative; margin-top:-40px; top:-10px;}
.inx_c2img{transform:translate(-50%,-50%); width:600px;}
.inx_c2ul li strong{font-size:18px; line-height:28px; margin-top:5px;}
.inx_pt{font-size:26px; line-height:30px; text-align:center}
.inx_c2ul li{padding:25px 0;}
.inx_c2ul li p{font-size:14px;}
.inx_c2btn{text-align:center;}
}

.hmc3box{display:flex; justify-content:space-between; margin-top:3vw }
.hmc3imx{ width:41.07%; position:relative}
.hmc3imx img{ max-width:140%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3rx{ width:42.28%;}
.inx_c3des{ padding: 1.82vw 0px; border-bottom: 2px solid #FFF; font-size:18px; line-height:30px; }
.inx_c3pro{ margin-top: 2.8vw; }
.inx_c3pro li{ font-size: 32px; line-height: 52px; margin-bottom: 1.82vw; padding-left: 25px; position: relative; }
.inx_c3pro li:before{content:""; width:8px; height:8px; background:#fff; position:absolute; left:0; top:22px; border-radius:50%;}
.inx_c3btn{ padding-top:1.56vw;}
@media (max-width:1799px){
.hmc3imx{width:37%;}
.hmc3rx{width:50%;}
.inx_c3des{font-size:16px; line-height:28px; padding:1.5vw 0 1.8vw; border-bottom:1px solid #fff;}
.inx_c3pro li{font-size:24px; margin-bottom:1vw;}
.inx_c3pro{margin-top:2vw;}
}
@media (max-width:1379px){
.hmc3imx img{ max-width:125%;}
.inx_c3pro li{margin-bottom:0;}
.inx_c3pro{margin-top:1.5vw;}
.inx_c3btn{padding-top:2vw;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page3{padding:8vw 0;}
.inx_c3pro li{font-size:20px;}
}
@media (max-width:767px){
.hm_page3{padding:5vw 0 12vw;}
.hmc3box{margin-top:0; flex-wrap:wrap;}
.hmc3imx{width:100%;}
.hmc3rx{ width:100%;}
.hmc3imx img{position:static; transform:translate(0,0); max-width:100%;}
.inx_c3des{font-size:14px; line-height:26px; padding:12px 0 20px}
.inx_c3pro li{font-size:18px; line-height:32px; padding-left:20px;}
.inx_c3pro{margin-top:15px;}
.inx_c3pro li:before {	width: 6px;height: 6px;top: 13px;}
.inx_c3btn{padding-top:20px; text-align:center}
}

.inx_pt_c{ text-align:center;}
.hm_page4{position:relative; z-index:1; background-size:cover;}
.hm_page4 .inx_pt{margin-top:3vw;}
.inx_c4box{display:flex; justify-content:space-between; margin-top:2.6vw;}
.inx_c4lx{ width:48.71%;}
.inx_c4sw{}
.inx_c4sw dd{}
.inx_c4aBox{ display:block;}
.inx_c4aBox .overflowHide{ height:418px;}
.inx_c4nm{ padding:28px 30px; background:#101A36;}
.inx_c4nm p{ font-size: 32px; line-height: 42px; -webkit-line-clamp:2; height:84px;}
.inx_c4nm span{ display:block; font-size:16px; line-height:34px; margin-top:20px; color:rgba(255,255,255,0.5);}
.inx_c4rx{ width:47.71%;}
.inx_c4list{}
.inx_c4list li{ padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid rgba(255,255,255,0.15);}
.inx_c4a{ display:block;}
.inx_c4a strong{ font-size: 22px; font-weight: normal; line-height: 30px; }
.inx_c4a span{ display:block; font-size:16px; line-height:34px; margin-top:5px; color:rgba(255,255,255,0.5);}
.inx_c4btn{}
.inx_c4sw .slick-dots{bottom:215px; text-align:right; right:22px;}
.inx_c4sw .slick-dots li button{display:none;}
.inx_c4sw .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.inx_c4sw .slick-dots li.slick-active{ background:#01AEFC; }
@media (max-width:1799px){
.inx_c4aBox .overflowHide{height:318px;}
.inx_c4nm p{font-size:24px; line-height:34px; height:68px;}
.inx_c4nm{padding:15px 25px;}
.inx_c4nm span{margin-top:8px;}
.inx_c4a strong{font-size:18px; line-height:24px;}
.inx_c4list li{padding-bottom: 16px; margin-bottom: 22px;}
.inx_c4a span{font-size:14px; line-height:30px;}
.inx_c4sw .slick-dots{bottom:158px; right:20px;}
}
@media (max-width:1379px){
.inx_c4aBox .overflowHide{height:260px;}
.inx_c4nm p{font-size:20px; line-height:28px; height:56px;}
.inx_c4nm span{line-height:24px;}
.inx_c4a span{line-height:22px;}
.inx_c4list li {padding-bottom: 12px;margin-bottom: 16px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page4 .inx_pt{margin-top:0;}
.hm_page4{padding:8vw 0;}
}
@media (max-width:767px){
.hm_page4{padding:11vw 0 13vw;}
.inx_c4box{margin-top:25px; flex-wrap:wrap;}
.inx_c4lx{width:100%;}
.inx_c4rx{width:100%; margin-top:25px;}
.inx_c4aBox .overflowHide{height:220px;}
.inx_c4nm{padding-left:15px; padding-right:15px;}
.inx_c4sw .slick-dots{right:0; text-align:center;}
.inx_c4sw .slick-dots{bottom:130px;}
.inx_c4sw .slick-dots li{width:6px; height:6px; margin:0 4px;}
.inx_c4btn{text-align:center; padding-top:10px;}
.inx_c4a strong{-webkit-line-clamp:2; font-size:16px;}
}

.hm_page5{ position:relative; overflow:hidden;}
.hm_page5:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/inx_c4bg.jpg) no-repeat center center; background-size:cover; }
.hm_page5 .container{position:relative;}
.hm_page5 .inx_pt{ text-align:center; margin-top:3vw;}
.inx_c5sw{ background: url(../images/inx_c4line.png) no-repeat center 80px; background-size:100%; margin-top:2.6vw; }
.inx_c5sw dd{}
.inx_c5item{ margin:0 45px; height:550px; position:relative;}
.inx_c5item strong{ font-size: 46px; line-height: 52px; text-align: center; position: absolute; left: 0px; right: 0px; top: 0px; }
.inx_c5item i{ background: #36B5E5; height: 36px; width: 36px; border: 10px solid #FFF; position: absolute; left: 50%; margin-left: -18px; top: 67px; border-radius:50%;}
.inx_c5item i:after{content:"";}
.inx_c5item p{ position:absolute; left:0; right:0; top:182px; font-size:18px; line-height:32px;}
.inx_c5sw dd:nth-child(2n) .inx_c5item p{top:auto; bottom:182px;}
.inx_c5sw dd:nth-child(2n) .inx_c5item strong{top:auto; bottom:0;}
.inx_c5sw dd:nth-child(2n) .inx_c5item i{top:auto; bottom:67px;}
.inx_c5sw .slick-dots{bottom:-50px;}
.inx_c5sw .slick-dots li button{display:none;}
.inx_c5sw .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.inx_c5sw .slick-dots li.slick-active{ background:#01AEFC; }
@media (max-width:1799px){
.inx_c5item{height:435px; margin:0 30px;}
.inx_c5item strong{font-size:36px; line-height:36px;}
.inx_c5item p{font-size:16px; line-height:28px;}
.inx_c5item i {	height: 30px;width: 30px;border: 6px solid #FFF;margin-left: -15px;top: 48px;}
.inx_c5sw dd:nth-child(2n) .inx_c5item i{top:auto; bottom:48px;}
.inx_c5sw{ background: url(../images/inx_c4line.png) no-repeat center 60px; background-size:100%; }
.inx_c5item p{top:150px;}
.inx_c5sw dd:nth-child(2n) .inx_c5item p{top:auto; bottom:150px;}
}
@media (max-width:1379px){
.hm_page5 .inx_pt{margin-top:3.6vw;}
.inx_c5item{height:400px;}
.inx_c5sw{ background-size:100% 288px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page5 .inx_pt{margin-top:0;}
.hm_page5{padding:8vw 0;}
.inx_c5sw{margin-top:35px;}
.inx_c5item p{font-size:14px; line-height:24px;}
}
@media (max-width:767px){
.hm_page5{padding:11vw 0 13vw;}
.inx_c5sw{background:none; padding-bottom:30px;}
.inx_c5item{height:auto; margin-left:0; margin-right:0;}
.inx_c5item strong{position:static; text-align:center; display:block;}
.inx_c5item i{ display:none;}
.inx_c5item p{position:static; font-size:16px; line-height:28px; margin-top:20px;}
.inx_c5sw .slick-dots{bottom:0px;}
.inx_c5sw .slick-dots li { height: 6px; width: 6px; margin: 0px 4px;}
}

@keyframes inx_c6ani {
	0% {
		transform:translate(0,-15px)
	}
	50% {
		transform:translate(0,15px)
	}
	100% {
		transform:translate(0,-15px)
	}
}
.hm_page6{ position:relative; overflow:hidden; background:#010822;}
.hm_page6:before{content:""; background: url(../images/inx_c5img.jpg) no-repeat center 95%; background-size:98% auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.hm_page6 .container{position:relative; z-index:1;}
.hm_page6 .inx_pt{ text-align:center; margin-top:3vw;}
.hm_page6box{ }
.inx_c6box{ margin-top: 3.6vw; position: relative;}
.inx_c6logos{ height:580px; position:relative; display:block; z-index:2;}
.inx_c6logos li{ width:0; height:0; position:absolute; animation:inx_c6ani 3s linear infinite;}
.inx_c6logos li:nth-child(1){ left:28.42%; top:50%;}
.inx_c6logos li:nth-child(2){ right:28.42%; top:50%; animation-delay:1.5s;}
.inx_c6logos li:nth-child(3){ left:22.28%; top:13.27%; animation-delay:1.5s;}
.inx_c6logos li:nth-child(4){ right:22.28%; top:13.27%;}
.inx_c6logos li:nth-child(5){ left:22.28%; bottom:13.27%; animation-delay:1.5s;}
.inx_c6logos li:nth-child(6){ right:22.28%; bottom:13.27%;}
.inx_c6logos li:nth-child(7){ left:4.42%; top:50%; animation-delay:1.5s;}
.inx_c6logos li:nth-child(8){ right:4.42%; top:50%;}
.inx_c6logos li:nth-child(9){ left:50%; top:5%;}
.inx_c6logos li span{ height:112px; width:112px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-56px; margin-top:-56px; border-radius:50%; overflow:hidden;}
.inx_c6logos li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.inx_c6tip{ position:absolute; left:50%; transform:translateX(-50%); bottom:-5px; z-index:2; text-align:center;}
.inx_c6tip strong{ white-space:nowrap; font-size:48px; line-height:48px; display:block; font-weight:normal;}
.inx_c6tip p{ white-space:nowrap; font-size:18px; line-height:24px; margin-top:15px;}
@media (max-width:1799px){
.inx_c6logos{height:420px;}
.inx_c6tip strong{font-size:36px; line-height:36px;}
.inx_c6tip p {font-size: 16px;line-height: 22px;margin-top: 12px;}
.hm_page6{ background: url(../images/inx_c5img.jpg) no-repeat center 92%; background-size:96% auto;}
.inx_c6logos li span{ height:86px; width:86px; margin-left:-43px; margin-top:-43px;}
.inx_c6logos li:nth-child(9){top:1%;}
.inx_c6logos li:nth-child(1) {left: 31.42%;}
.inx_c6logos li:nth-child(2) {right: 31.42%;}
.inx_c6logos li:nth-child(3),
.inx_c6logos li:nth-child(5){left:25.28%;}
.inx_c6logos li:nth-child(4),
.inx_c6logos li:nth-child(6){right:25.28%;}
.inx_c6logos li:nth-child(7) {left: 10.42%;}
.inx_c6logos li:nth-child(8) {right: 10.42%;}
.inx_c6box{margin-top:4.6vw;}
}
@media (max-width:1379px){
.inx_c6tip p{margin-top:5px;}
.inx_c6logos{height:352px;}
.hm_page6{ background: url(../images/inx_c5img.jpg) no-repeat center 100px; background-size:96% auto;}
.inx_c6logos li:nth-child(1) {left: 33.42%;}
.inx_c6logos li:nth-child(2) {right: 33.42%;}
.inx_c6logos li:nth-child(3),
.inx_c6logos li:nth-child(5){left:27.28%;}
.inx_c6logos li:nth-child(4),
.inx_c6logos li:nth-child(6){right:27.28%;}
.inx_c6logos li:nth-child(7) {left: 14.42%;}
.inx_c6logos li:nth-child(8) {right: 14.42%;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page6 .inx_pt{margin-top:0;}
.hm_page6{padding:8vw 0;}
.inx_c6box{margin-top:80px;}
.inx_c6tip{bottom:-55px;}
.inx_c6tip strong{font-size:30px;}
}
@media (max-width:767px){
.hm_page6{padding:11vw 0 10vw; background:none;}
.inx_c6logos li{width:calc(33.33% - 10px); margin:0 5px 10px; height:auto; position:static!important; animation:none!important}
.inx_c6logos li span{ display:block; position:relative; left:0; top:0; transform:translate(0,0); width:100%; height:60px; border-radius:0; margin:0;}
.inx_c6box{margin-top:20px;}
.inx_c6logos{height:auto; margin-left:-5px; margin-right:-5px; display:flex; flex-wrap:wrap;}
.inx_c6tip{position:static; transform:translate(0,0); margin-top:10px;}
.inx_c6tip p{white-space:normal; font-size:14px;}
.inx_c6tip strong{font-size:24px;}
}

@media (min-width:993px){
.inx_pt {transition:all 1s ease; transform:translate(0px,200px); opacity:0; }
.inx_c2txt .inx_pt {transition:all 1s ease; transform:translate(-250px,0px); opacity:0; }
.hmc3rx .inx_pt {transition:all 1s ease; transform:translate(250px,0px); opacity:0; }


.active .inx_pt,.active2 .inx_pt{opacity:1; transform:translate(0px,0px); transition-delay:0.1s;}

.inx_c2ul li:nth-child(1){transition:all 0.8s ease; transform:translate(-280px,0px); opacity:0; }
.inx_c2ul li:nth-child(2){transition:all 0.8s ease; transform:translate(-350px,0px); opacity:0; }



.active .inx_c2ul li{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}

.inx_c2btn {transition:all 0.8s ease;  transform:translate(0px,200px); opacity:0; }

.inx_c2txt .inx_c2btn {transition:all 0.8s ease;  transform:translate(-360px,0px); opacity:0; }

.active .inx_c2btn{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.inx_c2imgx {transition:all 4s linear; transform:translate(0px,0px) scale(0.8); opacity:0.8; }
.active .inx_c2imgx{opacity:1; transform:translate(0px,0px) scale(1.2); transition-delay:0.2s;}
.inx_c3des {transition:all 0.8s ease; transform:translate(0px,200px); opacity:0; }
.hmc3rx .inx_c3des {transition:all 0.8s ease; transform:translate(280px,0px); opacity:0; }
.active .inx_c3des{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.inx_c3pro {transition:all 0.8s ease; transform:translate(0px,200px); opacity:0; }
.hmc3rx .inx_c3pro {transition:all 0.8s ease; transform:translate(300px,0px); opacity:0; }
.active .inx_c3pro{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.inx_c3btn {transition:all 0.8s ease; transform:translate(0px,200px); opacity:0; }
.hmc3rx .inx_c3btn {transition:all 0.8s ease; transform:translate(300px,0px); opacity:0; }
.active .inx_c3btn{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc3imx {transition:all 4s ease; transform:translate(0px,0px) scale(0.9); opacity:0.8; }
.active .hmc3imx{opacity:1; transform:translate(0px,0px) scale(1.1); transition-delay:0.2s;}
.inx_c4box {transition:all 0.8s ease; transform:translate(0px,200px); opacity:0; }
.active .inx_c4box{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.inx_c5sw {transition:all 0.8s ease; transform:translate(-500px,0px); opacity:0; }
.active .inx_c5sw{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.inx_c6box {transition:all 0.8s ease; transform:translate(0px,200px); opacity:0; }
.active .inx_c6box,.active2 .inx_c6box{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hm_page6:before{ transition:all 4s linear; transform:scale(0.6); opacity:0.8}
.hm_page6.active:before,.hm_page6.active2:before{transform:scale(1);}
.hm_page5:before{ transition:all 4s linear; transform:scale(1); opacity:0.8}
.hm_page5.active:before{transform:scale(1.2);}
}


.art_con{}
.art_box{padding-top:3vw; max-width:1080px; margin-left:auto; margin-right:auto;}
.art_btn{ text-align:center;}
.art_back{ width:120px; line-height:40px; text-align:center; display:inline-block; background:rgba(255,255,255,0.06); font-size:18px; border-radius:2em; cursor:pointer;}
.art_back:hover{ background:rgba(255,255,255,0.16); }
.art_title{ line-height:46px; font-size:42px; text-align:center; display:block; margin-top:35px;}
.art_tm{ margin-top:20px; text-align:center; font-size:16px; color:rgba(255,255,255,0.6); line-height:46px;}
.art_editor{ border-top:2px solid #fff; padding:3vw 0 0; font-size:18px; line-height:28px;}
.art_page{display:flex; justify-content:space-between; margin-top:4vw; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); line-height:62px; font-size:20px;}
@media (max-width:1799px){
.art_back{ width:110px; line-height:36px; font-size:16px;}
.art_title{ line-height:40px; font-size:34px; margin-top:25px;}
.art_tm{ margin-top:16px; font-size:14px; line-height:42px;}
.art_editor{ border-top:1px solid #fff; font-size:16px; line-height:26px;}
.art_page{margin-top:3vw; line-height:58px; font-size:18px;}
}
@media (max-width:1379px){

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

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

}
@media (max-width:767px){
.art_box{padding-top:10px;}
.art_title{font-size:24px; line-height:32px;}
.art_editor{padding-top:25px; font-size:14px; line-height:26px;}
.art_page{margin-top:25px; line-height:52px; font-size:16px;}
}