@charset "utf-8";

:root{--color:#bf2821;--vh:100vh}

@font-face{font-family:hs_l;src:url(https://cdn.114my.com.cn/font/hmos/HarmonyOS_Sans_SC_Light.ttf);}
@font-face {font-family: "GJJCQJW"; src:url("https://cdn.114my.com.cn/font/hxp/GJJCQJW--GB1-0.woff") format("woff");}
@font-face{font-family:hs_r;src:url(https://cdn.114my.com.cn/font/hmos/HarmonyOS_Sans_SC_Regular.ttf);}
@font-face {font-family: 'srm';src: url('https://cdn.114my.com.cn/font/hxp/srm.otf');font-weight: normal;font-style: normal;} 
@font-face {
	font-family:'Montserrat-Bold';
	src: url('https://cdn.114my.com.cn/font/hxp/Montserrat-Bold.woff') format('woff') ; font-weight: normal;
	font-style: normal;
}
@font-face{font-family:alz;src:url(https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf);}
@font-face{font-family:pmzdc;src:url(https://cdn.114my.com.cn/font/hxp/FZXKFW.TTF);}


@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_j9elnqme9s.woff2?t=1744599210620') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_j9elnqme9s.woff?t=1744599210620') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_j9elnqme9s.ttf?t=1744599210620') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

@media (min-width:1901px){html{font-size:100px}
}@media (max-width:1580px){html{font-size:66px}
}@media (max-width:767px){html{font-size:calc(100vw/7.5)}
}
body{min-height:100%; font-size:16px;line-height:1.5;color:#333;}
@media (max-width:1580px){body{font-size:14px}
}@media (max-width:767px){body{font-size:0.28rem}
}img{max-width:100%;border:0;vertical-align:top}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-style:inherit;font-size:inherit;font-weight:normal}
a,a:hover,a:focus{text-decoration:none}
input,button{-webkit-appearance:none;border-radius:0}
button{cursor:pointer}
input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
textarea{resize:none;overflow:auto}
input,button,textarea,select{border:0;font-family:inherit;font-style:inherit;font-size:inherit;font-weight:normal;color:inherit;background:transparent}
select{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
table{border-collapse:collapse}
.fl{float:left}
.fr{float:right}
.font18{ font-size:18px; height:50px;}
.clear{zoom:1}
.clear:after{content:'';display:block;clear:both}
.container{margin:0 auto;width:85%;max-width:1600px}
@media (max-width:1260px){.container{width:90%}
}.bg-color1{background-color:#fff}
.ptb100{padding-top:1rem;padding-bottom:1rem}
@media (max-width:767px){.ptb100{padding-top:1.2rem;padding-bottom:1.2em}
}.pt100{padding-top:1rem}
@media (max-width:767px){.pt100{padding-top:1.2rem}
}.pb100{padding-bottom:1rem}
@media (max-width:767px){.pb100{padding-bottom:1.2rem}
}

.font14{font-size:14px}
*{margin:0;padding:0;box-sizing:border-box;list-style:none;line-height:100%;}
body{font-size:14px;min-width:1200px;overflow-x:hidden; font-family: hs_r; font-size:15px;}
a{text-decoration:none;color:#333;font-size:14px}
li{list-style:none}
em,i{font-style:normal}
input,select,textarea{border-radius:0;outline:none}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="password"]{-webkit-appearance:none}
a,*::before,*::after{font-size:14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color:#1a1a1a}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.fullscreen,.fullscreen body{width:100%;height:100%;overflow:hidden}
.pcshow{display:block}
.mbshow{display:none!important}
.clear{clear:both}
.img{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.pic{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.img img,.pic img{max-width:100%;max-height:100%;margin:auto;padding:0;border:0;width:100%;height:auto;border:none}
.img-center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;width:auto;height:auto;z-index:1;max-width:100%;max-height:100%}
.img img.img-center{width:auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content}
.img-block{display:block;width:100%;height:auto}
.img-inline{display:inline-block;width:auto;height:auto;max-width:100%}
.clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.text-center{text-align:center}
.div-container{position:relative;width:74%;margin:auto}


.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.gyc{margin:0 auto;max-width:90%;min-width:1200px}
.gy{margin:0 auto;max-width:1500px;min-width:1200px}
.gya{margin:0 auto;max-width:1500px;min-width:1200px;overflow:hidden}
.gyb{margin:0 auto;max-width:1500px;min-width:1200px}
.gybb{margin:0 auto;max-width:1600px;min-width:1200px}
@media screen and (max-width:1366px){.gya{margin:0 auto;max-width:1366px;min-width:1200px;overflow:hidden}
}.one_title{text-align:center;margin-bottom:40px}
.one_title p{font-size:42px}
.one_title p b{color:#0c4ca3;font-weight:bold}
.one_title span{display:inline-block;font-size:20px;color:#999;margin-top:15px;position:relative}
.one_title span i{width:12px;height:12px;position:absolute;top:calc(50% - 6px)}
.one_title span i:first-child{left:-20px}
.one_title span i:last-child{right:-20px}
.one_title span i:before,.one_title span i:after{content:'';position:absolute}
.one_title span i:before{width:5px;height:2px;background:#15172c;top:calc(50% - 1px)}
.one_title span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #15172c;left:0;top:0}
.one_title span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear}
.one_title span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear}
@keyframes oneTitleBefore{0%{width:5px;left:-10px}
25%{width:1px;left:0px}
50%{width:5px;left:-10px}
75%{width:15px;left:-20px}
100%{width:5px;left:-10px}
}@keyframes oneTitleAfter{0%{width:5px;right:-10px}
25%{width:1px;right:0px}
50%{width:5px;right:-10px}
75%{width:15px;right:-20px}
100%{width:5px;right:-10px}
}
.head{width:100%;position:fixed;top:0;z-index:99999;display:flex;transition:.5s}
.head.on{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);height:99px}
.head.on .headbg{height:99px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);}
/*.head.on .headbg .logo{margin-top:6px}
.head.on .headbg .logo img{width:180px}*/

.head a.HuaRuiLogo{width: 240px;height:99px; z-index:88888; display: block;position: relative; background:#0c4ca3; padding:19.5px 0 0 11px;}

.logo h1 i {position: relative; padding-right:6px;float:left; }
.logo h1 i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.logo h1 i:after {content:'';width: 3px;height: 20%; position:absolute;top: 22px;right: -18px;}
.logo h1 i img {width:100%;height:auto;}
.logo h1 p { margin: 0 0 0 14px;color: #fff;font-weight: bold;letter-spacing: 1px; padding-top:9px;}
.f01{font-family: "GJJCQJW"; height: 31px; display: block;}

.logo h1 p b {font-weight: normal;font-size:25px;line-height:1; letter-spacing: -0px;color: #fff;}
/*@media screen and (max-width: 1680px){
.logo h1 p b {font-size:1.7vw;}
}
@media screen and (max-width: 1440px){
.logo h1 p b {font-size:1.7vw;}
}
@media screen and (max-width: 1360px){
.logo h1 p b {font-size:1.8vw;}
}


@media screen and (max-width: 1280px){
.logo h1 p b {font-size:1.8vw;}
}*/
.logo h1 p b em {color: rgba(255,255,255,0.5); }
.logo h1 p span {font-size:13px; margin:6px 0 0 2px;/*text-align: center;*/ font-weight:lighter; position: relative;z-index: 5; letter-spacing:0.5px; color: rgba(255,255,255,0.5);}
.logo h1 p span:before,.logo h1 p span:after {content:'';width: 3%;height: 0.125rem;position:absolute;top:0;background: #fff;bottom: 0;margin: auto;opacity: 0.5;display:none;}
.logo h1 p span:before {left: 1rem;}
.logo h1 p span:after {right: 1rem;}


.head a.HuaRuiLogo img{width:60px;display: block;}
.head a.HuaRuiLogo h3{font-size: 14px;color: #fff;width: 240px;height: 50px;line-height: 50px;text-align: center;background-color: #333333;position: absolute;bottom: -50px;left: 0;z-index: 9; letter-spacing:1px;}


.head.on .head_nav > ul > li > a{padding-top:0px;line-height:99px}
.head.on .head_nav li dl{top:99px}
.head.on .head_nav > ul > li > a:after{margin:-3px auto 0}
.head.on .head_nav{line-height:99px;margin-top:0px}
.head.on .header-search{margin-top:-0px}
.headbg{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:100%;min-width:1400px;height:99px;margin:0 auto;position:relative;background:#fff;padding:0 4%}
.headbg .fl{display:flex;flex-direction:row;justify-content:space-between}
/*.logo{margin-top:9px}
.logo img{width:200px}*/
.name{margin-top:44px;margin-left:10px;font-size:36px;line-height:33px;color:#0c4ca3;font-weight:bold;white-space:nowrap}
.headbg .fr{display:flex;flex-direction:row;justify-content:space-between;width:73%}
.head_nav{width:84%;margin-top:0px}
.head_nav > ul{display:flex;flex-direction:row;justify-content:space-between}
.head_nav > ul > li:last-child{position:relative}
.head_nav > ul > li > a{display:block;padding-top:0px;font-size:17px;line-height:99px;color:#333;text-decoration:none;transition-duration:0.8s}
.head_nav > ul > li > a:after{content:"";display:block;width:0;height:3px;margin:-3px auto 0;background:#0c4ca3;transition-duration:0.8s}
.head_nav > ul > li:hover > a,.head_nav li.head_cur > a{color:#0c4ca3;font-weight:bold}
.head_nav > ul > li:hover > a:after,.head_nav li.head_cur > a:after{width:34px}
@media(max-width:1600px){.headbg .fr{width:70%}
}.dropmenu{position:absolute;top:150%;max-height:0;transition:all .3s ease;width:190%;left:-26px;z-index:99;transition:all .3s ease;background:#f9f9f9;border-radius:0px;opacity:0;visibility:hidden;padding:0px 0px}
.dropmenu a{display:block;line-height:36px !important;text-align:center;font-size:14px !important;color:#666 !important;transition:all .5s ease;border-bottom:1px #eee solid}
.dropthree{position:relative}
.dropthree>div{position:absolute;left:105%;visibility:hidden;opacity:0;transition:all .3s ease;border-radius:5px;width:100%;background:#f9f9f9;top:0}
.dropthree:hover>div{opacity:1;left:100%;visibility:visible}
.head_nav li:hover .dropmenu{max-height:1000px;top:100%;opacity:1;visibility:visible}
.dropmenu a:hover{background:#0c4ca3;color:#fff !important}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{display:block;width:100%}
.head_nav li dl{visibility:hidden;opacity:0;transform:translateY(20px);position:absolute;width:100%;height:auto;top:99px;left:0;margin-left:;z-index:9999;background:#f8f8f8;transition:0.5s;padding-bottom:1%}
.head_nav li:hover dl{visibility:visible;opacity:1;transform:translateY(0)}
.proxiala{margin:0 auto;max-width:1600px;margin-top:50px;padding-left:300px}
.sortxiala .prolist2021{float:left;border-right:1px solid #ddd;padding-right:5%; padding-bottom:3%; background: #f8f8f8 !important;}
.sortxiala .prolist2021 li{float:none;margin-left:0}
.sortxiala .prolist2021 li > a{display:block;width:100%;font-size:17px;text-align:left;padding:0 !important;padding-left:0px !important;line-height:52px;height:52px;color:#555;text-decoration:none}
.sortxiala .prolist2021 li > a:hover{font-weight:normal;color:#0c4ca3}
.sortxiala .prolist2021 li:hover > a:after{width:0}
.sortxiala .prolist2021 li dl{display:none}
.productshowxiala{float:right;width:78%}
.productshowxiala span{font-size:20px;color:#333;display:block;padding-bottom:12px}
.productshowxiala p{font-size:14px;color:#999;line-height:22px;width:98%;padding:10px 0px}
.productshowxiala p a{font-size:14px;color:#999;border:1px solid #666;display:block;margin-top:14px;width:160px;text-align:center;line-height:34px;border-radius:20px}
.productshowxiala p a:hover{background:#0c4ca3;color:#fff}
.productshowxialaa{width:924px;margin:0 auto}
.productshowxialaa .progdwz2021 li{float:left; margin-bottom:15px;margin-left:15px;}
.productshowxialaa .progdwz2021 li+li{}
.productshowxialaa .progdwz2021 li br{display:none}
.productshowxialaa .progdwz2021 li span{display:block;padding:12px 0; text-align:center}
.productshowxialaa .progdwz2021 li a{padding-top:0;font-size:14px;height:auto}
.productshowxialaa .progdwz2021 li > a:after{display:none}
.productshowxiala .progdwz2021 li{float:left; margin-bottom:15px; padding-right:2%; width:21%}
.productshowxiala .progdwz2021 li+li{}
.productshowxiala .progdwz2021 li br{display:none}
.productshowxiala .progdwz2021 li span{display:block;padding:12px 0;padding-left:15px;text-align:center}
.productshowxiala .progdwz2021 li a{padding-top:0;font-size:14px;height:auto; }
.productshowxiala .progdwz2021 li a img{width:100%;height:auto}
.productshowxiala .progdwz2021 li > a:after{display:none}
.header-right{height:100%;margin-left:100px}
.header-search{float:right;position:relative;height:100%;text-align:center;display:flex;transition:all .3s;display:flex;align-items:center;color:#fff;font-size:22px;padding:0 0% 0 0;font-weight:bold}
.header-search span{display:block;margin-left:10px}
.header-search i{font-size:16px;color:#333}
.top_con{width:120px}
.top_con>ul{display:flex;justify-content:space-between;width:100%}
.top_con>ul>li{display:flex;position:relative;width:29px; border-radius:50%;justify-content:center;z-index:66;}
.top_con li i{font-size:19px;line-height:16px;color:#111;height:16px;font-weight:normal; }
.top_con>ul>li:nth-child(4) i{font-size:13px}
.top_con li>p{width:120px;overflow:hidden;position:absolute;top:32px;left:-45px;opacity:0;transition:0.5s;height:0;padding:5px;background:#fff;border:1px solid #ddd}
.top_con li:nth-child(1)>p{width:230px;color:#666;font-size:16px;line-height:26px;height:auto !important;right:-24px; font-weight:lighter;}
.top_con li p img{width:100%}
.top_con li>a{}
.top_con li:hover p{opacity:1;transition:0.5s;height:120px}

.top_con li:hover .tit_sel{transform:rotateX(0);transition:all 0.5s; font-family:hs_l;}
.tit_sel{width:530px;height:150px;background:rgba(51,51,51,0.7);transform:rotateX(90deg);position:absolute;right:0;transition:all 0.5s;font-size:16px;padding:18px;z-index:9999;top:33px}
.tit_sel span{font-size:24px;display:block;color:#152682;font-family:Arial}
.tit_icon:hover .tit_sel{transform:rotateX(0);transition:all 0.5s}
#search-i{float:left;width:30px;height:38px;overflow:hidden;margin-top:20px;box-sizing:border-box;padding-top:0px;border:1px solid #dddddd;border-left:none;padding-right:45px}
#search-bg{float:left;width:430px;height:38px;overflow:hidden;padding-left:14px;margin-top:20px;box-sizing:border-box;border:1px solid #dddddd;border-right:none;text-align:left;line-height:33px}
.search-text{font-size:14px;color:#999999;justify-content:center;align-items:center; font-weight:lighter;}
.search-text a{font-size:14px; line-height:24px; padding:0 1%;color:#fff !important}
.search-text a:hover{font-size:15px;color:#ffffff}
.search-text span{float:left;color:#ffffff;font-size:14px; line-height:24px;}
#infoname{border:none;background:none;outline:none}
.search_name{float:left;font-size:22px;color:#ffffff;line-height:32px;position:relative;z-index:5;padding:15px 0;width:264px;height:96px;background:#cb0303;text-align:center}
.search_name:after{content:"";width:0px;height:0px;border-top:7px solid #005299;border-right:7px solid transparent;border-bottom:8px solid transparent;border-left:7px solid #005299;position:absolute;top:81px;right:-13px;transition:0.5s all ease-in-out}
form{justify-content:center}
.head_right{display:flex;justify-content:space-between;align-items:center;width:72%}
.fleft{float:left!important}
.fright{float:right!important}
.fnone{float:none!important}
.swiper-container{}


/*首页banner*/
.index-banner{height:90vh; margin-top:99px; position:relative;overflow: hidden; }
.banner-up{ position: absolute;bottom:6%;z-index: 2; left: 0; right: 0; margin: auto;  animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;}
@keyframes mymove
{
0%   {bottom:6%;}
50%  {bottom:8%;}
100% {bottom:6%;}
}
/*.index-banner .infocn a{transition:0.6s; overflow: hidden; position: relative; display: block; width: 209px; background: #097bc8; line-height: 50px; border-radius: 30px; font-size: 18px; color: #fff; text-indent: 39px;margin: 0 auto; text-align: left; margin-top: 70px;}*/
.index-banner .infocn a:after{transition:0.6s; position: absolute; content: ''; background: url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200247_2108578579.png) no-repeat center; width:15px; height:8px; right: 48px; top: 24px;}
.index-banner .infocn a:hover{text-indent: 68.5px}
.index-banner .infocn a:hover:after{right: -100%}

.index-banner .info3{position: absolute; top:29.3vh !important; left: 5.7%;  width: 100%;}
.index-banner .info{position: absolute; top: 23vh; left: 5.7%; }
.index-banner .info .xt{font-family: hs_b; font-weight:lighter;}
.index-banner .infocn{    text-align: center; width: 100%;top:18.6vh; left: 0%; }
.index-banner .infocn .xt{font-weight: lighter; font-family:alz;  font-size: 3.9vw; }
.index-banner .info strong en{font-family:pmzdc; font-size:5.2vw; padding:0 1.5vw 0 0.3vw; font-weight:normal; letter-spacing:-1vw; text-shadow: 0.05rem 0.08rem 0rem rgb(3 46 101);}
.index-banner .info strong,.index-banner .info b{display: block; font-size: 4vw; line-height: 1.4; color: #fff; font-weight: bold;  text-shadow: 5px 0 10px rgb(0 0 0 / 20%);}
.index-banner .ty{text-shadow: 0rem 0.15rem 0rem rgba(172,44,38,1);}
.index-banner .tyb{text-shadow: 0rem 0.15rem 0rem rgba(255,255,255,0);}
.index-banner .infox{display: block; font-size: 2.3vw !important; line-height: 1.2; color: #999; font-weight: normal;margin-top:0%; letter-spacing: 0.15vw;}
.index-banner .info a{transition:0.6s; margin-top: 70px; position: relative; display: block; width: 178px; background: linear-gradient(to right, #00bedc 10%, #097bc8 100%); line-height:40px; border-radius: 30px; font-size:17px; color: #fff; text-indent:40px;}
.index-banner .info a:after{transition:0.6s; position: absolute; content: ''; background: url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200247_2108578579.png) no-repeat center; width:15px; height:8px; right:35px; top: 16px;}
.index-banner .info a:hover{text-indent:44.5px}
.index-banner .info a:hover:after{right: -12%}
.banner-bottom {position: absolute; bottom: 4vh; max-width: 1700px; margin: auto;  right: 12%; z-index:1}
.swiper-num { font-family: arial; color: #fff; font-size: 24px; color: #fff;  }
.swiper-num .actives {display: inline-block; font-size: 50px;}
.swiper-num span {}
.swiper-num .total {display: inline-block;}
#banner-prev,#banner-next{width: 48px; height: 48px; border: 1px solid rgba(255,255,255,0.32); border-radius: 50%;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px !important;color: #fff;}
#banner-prev{background: url() no-repeat center; left: 150px;}
#banner-next{background: url() no-repeat center; left: 220px;}
#banner-prev:hover{background: url() no-repeat center rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.12)}
#banner-next:hover{background: url() no-repeat center rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.12)}
#banner-num{display: none;}
.wap-banner{display: none;}

.banner-btn a{display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px; background: none !important; width: 618px !important; margin:auto; text-indent:0px !important; margin-top:19px !important; font-family: hs_l; font-weight: lighter;} 
.index-banner .banner-btn a:after{ background:none !important;}
.banner-btn {clear: both; margin-top:0%;}
.pmore .tit-166{border-radius: 60px;padding:10px 0;line-height: 1;display: inline-block;font-size:26px; background: linear-gradient(to right, #039de7 0%, #0c4ca3 100%);position: relative;z-index: 999;color: #fff;box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);width: 300px;text-align: center;letter-spacing: 2px;}
.pmore .tit-16{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:21px; background: linear-gradient(to right, #039de7 0%, #0c4ca3 100%); position: relative;z-index: 999;color: #fff;box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2); text-align: center;letter-spacing: 1px;}
.pmore .tit-17{border-radius: 60px;padding:12px 20px; margin:0 10px; line-height: 1;display: inline-block;font-size:21px; background: linear-gradient(to right, #039de7 0%, #0c4ca3 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}
.pmore .tit-18{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:21px; background: linear-gradient(to right, #039de7 0%, #0c4ca3 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}
.pmore .tit-19{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:21px; background: linear-gradient(to right, #039de7 0%, #0c4ca3 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}


@keyframes op01{0%{opacity:0}
100%{opacity:1}
}.copy_cc{display:flex;justify-content:space-between;padding:26px 0 70px 0}
.copy_pic{float:left;overflow:hidden;height:160px}
.copy_pic li{width:160px;overflow:hidden}
.copy_pic li p{font-size:14px;color:#333;text-align:center;line-height:30px}
.copy_pic li i{background:#333;width:160px;height:160px;display:inline-block;padding:9px}
.copy_pic li i img{width:100%}
.copy_str{float:left;margin-left:20px;margin-top:16px}
.copy_str li{width:32px;height:32px;border-radius:100%;text-align:center;transition:0.5s;line-height:34px;position:relative;cursor:pointer;background:rgba(255,255,255,0.6)}
.copy_str li.on{color:#333;background:#34add5}
.copy_str li.on i{color:#333}
.copy_str li i{font-size:18px;color:#1686ab;position:relative;z-index:99}
.copy_str li+li{margin-top:14px}
.cop_ce{position:relative;overflow:hidden;background:#fff;background-size:cover;border-top:1px #eee solid}
.copy_cc .right{max-width:30%}
.copy_cc .right .logo>img{}
.copy_cc .right .rx{margin:0}
.copy_cc .right .rx p{font-size:14px; height:20px;}
.copy_cc .right .rx h1,.copy_cc .right .rx h2.h2{font-size:27px}
.copy_cc .right .rx p{font-size:16px;color:rgba(255,255,255,0.6)}
.copy_cc .right .zx .zx_l h5{font-size:16px;color:rgba(255,255,255,0.6)}
.copy_cc .right .share p{font-size:16px;color:rgba(255,255,255,0.6); padding:2px;}
.copy_cc .right .zx{margin:0.6vw 0 1.2vw;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;flex-direction:column}
.copy_cc .right .rx p{font-size:16px;color:rgba(255,255,255,0.6)}
.copy_cc .right .zx .zx_l p{font-size:24px;color:#333;font-family: 'srm';line-height:30px;margin-top:5px}
.copy_cc .right .zx .zx_r img{width:75px;height:75px;margin-right:15px}
.copy_cc .right .rx h1,.copy_cc .right .rx h2.h2{font-size:30px;font-family: 'srm';color:#fff;margin-top:10px;font-weight:lighter}
.bq_ewm{display:flex;margin-top:16px;}
.bq_ewm li{position:relative}
.bq_ewm li span{width:38px;height:38px; background:#fff; border-radius:100%;text-align:center;line-height:38px;font-size:19px;color:#002b57;display:block;transition:all .5s}
.bq_ewm li+li{margin-left:12px}
.foot_bc{border-top:1px solid rgba(0,0,0,0.14)}
.foot_c{display:flex;justify-content:space-between;height:104px;align-items:center}
.foot_c a,.foot_c div{font-size:14px;color:rgba(0,0,0,0.37)}
.ewm_cc{display:none;position:absolute; top: -118px; width: 115px; left: -38px;}
.ewm_cc img{width:150px!important}
.linkTagcs{width:100%!important}
.bq_ewm li span img{ padding-top:9px}
.bq_ewm li:hover span{background:#2d3039;color:#333; }
.bq_ewm li:hover span img{filter: contrast(0) brightness(2);}
.copy_icon>p{color:#333;font-size:20px;margin-bottom:16px}
.lin_c{border-bottom:1px solid rgba(0,0,0,0.12);background:#eee}
.lin_c>div{display:flex;align-items:center;position:relative;height:80px}
.l_wz{width:7%}
.l_wz p{color:#333;letter-spacing:1px;font-size:16px;padding-right:2%}


@-webkit-keyframes kenburns-top {
 0% {
 -webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
 -webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
 100% {
 -webkit-transform: scale(1.1) translateY(-15px);
transform: scale(1.1) translateY(-15px);
 -webkit-transform-origin: top;
transform-origin: top;
}
}
@keyframes kenburns-top {
 0% {
 -webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
 -webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
 100% {
 -webkit-transform: scale(1.1) translateY(-15px);
transform: scale(1.1) translateY(-15px);
 -webkit-transform-origin: top;
transform-origin: top;
}
}
@-webkit-keyframes kenburns-top1 {
 0% {
 -webkit-transform: scale(1.1) translateY(-15px);
transform: scale(1.1) translateY(-15px);
 -webkit-transform-origin: top;
transform-origin: top;
}
 100% {
 -webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
 -webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
}
@keyframes kenburns-top1 {
 0% {
 -webkit-transform: scale(1.1) translateY(-15px);
transform: scale(1.1) translateY(-15px);
 -webkit-transform-origin: top;
transform-origin: top;
}
 100% {
 -webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
 -webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
}
.cop_ce:before {
	-webkit-animation: kenburns-top1 3.5s infinite ease-out both;
	animation: kenburns-top1 3.5s infinite ease-out both;
}

/*lc*/
.char_bg{background:url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200247_634975890.png) no-repeat center bottom;  padding:0 0 100px 0; background-size: cover;}
.char_gy{width:300px;margin:0 auto; height:40px; margin-bottom:3.3vw; line-height:40px; text-align:center;color: #fff;background: linear-gradient(to top, #063c7b, #0c4ca3); font-size: 1.5vw; border-radius: 20px; letter-spacing: 2px;}
.char_con {margin-top:3vw; position: relative;}
.char_con:before{content:'';width:100%;height:10px;background:linear-gradient(to top, #063c7b, #0c4ca3);position: absolute;top:14px;left:0;}
.char_con ul {display: flex;justify-content: space-between;}
.char_con li {display: flex;flex-direction: column;align-items: center;position:relative;z-index:5;width:20%;}

.char_con li i {width: 75px;height: 75px;background:linear-gradient(to top, #063c7b, #0c4ca3);border-radius: 50%;font-size:  28px;color:  #fff;display:flex;justify-content:center;align-items:center;    position: relative;}

.char_con li::hover i:before{background-position-y:-30px;}
.char_con li i:after {content:'';width: 92px;height: 92px;background: rgba(12,76, 163,0.3);position:absolute;top: -9px;left: -9px;border-radius: 50%;opacity: 0.3;transition:1s;z-index:-1;}
.char_con li:hover i:after {transform:scale(1.1);opacity:1;}
.char_con li p{display: flex;flex-direction: column;align-items: center;font-size:23px;line-height:1.5;margin-top: 18px;color: #333;}
.char_con li span{font-size:15px; color:  #999;text-align:center;line-height: 1;}
.char_con li em {width:100%;background:url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200247_1542251746.png) no-repeat center;display:  flex;justify-content:  center;align-items:  center;height: 35px;font-size: 15px;font-family:  Arial;margin-bottom: 40px;}

.char_more {display: flex;border-radius: 40px;background: #000000;width: 580px;height: 50px;align-items: center;margin: 0 auto;margin-top: 60px;}
.char_more p {background: linear-gradient(to top, #063c7b, #0c4ca3);width: 58%;border-radius: 40px;font-size: 20px;color: #fff;height: 100%;display: flex;align-items: center;padding-left: 30px;position: relative;margin-left:-2px;}
.char_more p span {color: #fff;font-size: 26px;    font-family: Arial;line-height: 26px;}
.char_more em {font-size: 20px;color: #fff;padding-left: 44px;position: relative;display: flex;justify-content: center;align-items: center;}
.char_more p:before {position: absolute;left: 26px;}
.char_more em:before {position: absolute;left: 36px;font-size:25px;}
.char_more p d{font-size:24px;margin-right:10px;}
.char_more em d{font-size:24px;margin-right:10px;}


/*合作*/
.index_main{ margin-top:100px; }
.cas_ic { margin: 0 auto;  position: relative; }
.cas_ic .new_web_div2021 .tempWrap{width:100% !important;}
.cas_ic *{display:block;}
.cas_ic li{width:calc((100% - 1vw) / 8);margin:0.6vw;float:left;padding-left:0px !important;}
.cas_ic li img{width:100%;height:auto;border-radius:7px; padding:8% 5%; border: 1px #eee solid;}


.cas_ic ul li p{display: none;}
.cas_ic ul:nth-child(1) {width: 1300px; margin: 0 auto;}
.cas_ic ul:nth-child(2)  {width: 1300px; margin: 0 auto;}
.cas_ic ul:nth-child(3)  {width: 1300px; margin: 0 auto;}

.cas_bc{margin:50px auto 0 !important;}
.cas_bc:before {content:'';background: linear-gradient(to right,#fff 3%,transparent);position:absolute;width: 10%;height:  100%;z-index: 1;top: 0;left:  0;}
.cas_bc:after {content:'';background: linear-gradient(to left,#fff 3%,transparent);position:absolute;width:  10%;height: 100%;z-index: 1; top: 0;right:  0;bottom: 0;}

.index_main .section3{width:100%;height:100%;background:url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_395470925.jpg) no-repeat top center;background-size:cover;padding:6% 0 13% 0;position:relative}
/*.index_main .section3:after{position:absolute;content:'';width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#222 118.78%);left:0;bottom:0;z-index:1}*/
.index_main .section3 h3{text-align:center}
.index_main .section3{position:relative}
.ly{width:100%;overflow:hidden;position:relative;z-index:9}
.ly h5{width:100%;overflow:hidden;font-size:3.2vw;color:#fff; text-align:center;margin-bottom:5.5%;  font-family: "GJJCQJW";}
.ly h5 span{font-size:1.5vw;color:#fff;display:block; font-family: hs_l; margin-top:25px;}
.ly h4{width:100%;overflow:hidden;font-size:45px;color:#fff;line-height:55px;text-align:center;margin-top:7px; font-family: "Microsoft YaHei"; font-weight:bold;}
.ly h6{width:1200px; margin:26px auto 0; overflow:hidden;font-size:18px;color:#fff;line-height:45px;text-align:center;font-family:hs_l;}
.lynr{width:100%;overflow:hidden;opacity:0;height:0}
.lynr.active,.lynum.active{opacity:1;height:auto}
.lynum{overflow:hidden;font-size:461px;line-height:340px;font-family:Arial;font-weight:bold;color:rgba(255,255,255,0.1);position:absolute;right:0;bottom:0;opacity:0;height:0;z-index:1}
.lylist{width:100%;overflow:hidden;text-align:center;margin-top:66px}
.lylist ul{overflow:hidden;display:inline-block}
.lylist ul li{overflow:hidden;float:left;margin:0 29px;cursor:pointer}
.lylist ul li .lyicon{width:88px;height:88px;line-height:82px;color:#fff;margin:0 auto;font-size:36px;border:solid 2px #fff;border-radius:50%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.lylist ul li:hover .lyicon{transform:rotate(360deg)}
.lylist ul li p{width:100%;overflow:hidden;font-size:20px;color:#fff;line-height:30px;text-align:center;margin-top:12px}
.lylist ul li:hover .lyicon{border:solid 1px #0c4ea1;background-color:#0c4ea1}
.tsgd{width:100%;overflow:hidden;text-align:center;color:#fff;position:absolute;left:0;bottom:60px;z-index:99}
.tsgd .tsgdimg,.tsgd p{width:100%;overflow:hidden;text-align:center;margin-top:10px}
.tsgd .tsgdimg{-webkit-animation:scroll 1s infinite alternate;animation:scroll 1s infinite alternate}
.tsgd p{color:#fff}




/*新闻*/
.entitle-1{font-size:2.6vw;font-family: 'Montserrat-Bold';}
.english-1{font-size: 14px;}
.english-2{font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3{font-size: 200px;font-family: 'Montserrat-Bold';}
.title-2 { font-size:1.5vw; line-height:2.4vw; color:#4d4d4d;}

.news_bg{background:url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_472963422.jpg) bottom no-repeat; padding:100px 0 138px 0;}
.news_bg_lr{width:86%; margin:0 auto 40px;}
.news_tab{overflow: hidden;text-align: center; margin-top:20px; float:right;}
.news_tab li{margin-left:6px;width:130px; margin-top:4.5%; float:left; height:40px;line-height:40px;text-align:center;position:relative;font-size:18px;color:#414755;font-weight:lighter;transition:all .3s ease;cursor:pointer; border-radius: 20px;}
.news_tab li:nth-child(1){margin-left:0px;}
.news_tab li a{line-height:40px;font-size:18px;display: block;}
.news_tab li.on{background: #0c4ea1;line-height:60px;border-radius: 0px;}
.news_tab li.on a{color:#fff;}
.news_tab li.on a:hover{color:#fff;}
.news_bg_c_bg{position:relative; margin-top:22px;}
.w1400{ width:86%; margin:auto;}
.newsshow ul{position:relative; font-weight:lighter;}
.news_font_l{width:31%;float:left;}
.news_font_l .img{width:100%; overflow:hidden;}
.news_font_l .img img{width:100%; transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
.news_font_l .img img:hover{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
.news_font_l .nfont{height:220px;}
.news_font_l .nfontes{padding:20px 0 0 0;}
.news_font_l .nfontes .h1{font-size:1.2vw;color:#4f5458;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_font_l .nfontes .h1 a{font-size:1.2vw;color:#4f5458;}
.news_font_l .nfontes .h1 a:hover{font-size:1.2vw;color:#0c4ea1;}
.news_font_l .nfontes .h2{color:#8f8f8f;line-height:30px;font-size:14px;padding-top:10px;}
.news_font_l .nfontes .h3{margin-top:30px;}
.news_font_l .nfontes .h3 span{float: right;color:#646a70;font-size:14px;}
.news_font_c{width:31%;float:left;background: #f2f6fa;margin-left:3.5%;color:#c0c1c5;}
.news_font_cs{padding:16% 7.5%;}
.news_font_cs .h1{font-size:18px;}
.news_font_cs .h1_l{width:67%;float:left;color:#808185;}
.news_font_cs .h1_c{width:33px;float:left;color:#c0c1c5;}
.news_font_cs .h1_r{float:right;font-size:14px;color:#808185;line-height:22px;}
.news_font_cs .h2{font-size:1.2vw;font-weight:bold;margin-top:30px;width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_font_cs .h2 a{font-size:1.2vw;color:#000; font-weight:normal; font-family: hs_m;}
.news_font_cs .h2 a:hover{font-size:1.2vw;color:#000;}
.news_font_cs .h3{font-size:14px;line-height:30px;margin-top:8%;color:#808185;}
.news_font_cs .h4{margin-top:14.6%;font-size:18px;}
.news_font_cs .h4 a{font-size:18px;color:#808185;}
.news_font_cs .h4 a:hover{font-size:18px;color:#0c4ca3;}
.news_font_cs .h4 span{padding-left:15px;}
.news_font_cs .h4 img{padding-top:20px;}
.news_font_r{width:31%;float:right;}
.news_font_r .n_right{width:100%;height:132.5px;margin-top:2.3vw;}
.news_font_r .n_right:nth-child(1){margin-top:0px;}
.news_font_r .n_right_l{width:43%;float:left; overflow:hidden;}
.news_font_r .n_right_l img{width:100%; transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
.news_font_r .n_right_l img:hover{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
.news_font_r .n_right_r{width:53%;float:right;}
.news_font_r .n_right_r .h1{font-size:18px; width:200px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:0px;}
.news_font_r .n_right_r .h1 a{font-size:18px;}
.news_font_r .n_right_r .h1 a:hover{font-size:18px;color:#0c4ea1;}
.news_font_r .n_right_r .h2{font-size:14px;color:#8b8b8b;line-height:25px;margin-top:5%;}
.news_font_r .n_right_r .h3{margin-top:20px;}

.company-ads{ margin-top:10px;}


/*特点*/
.char {background: url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_2137347664.jpg)no-repeat center top;width: 100%;margin: 0px 0 0;padding:100px 0 8% 0;}
.char_box {max-width:1500px;margin:0 auto;}
.char_tit {display:flex;flex-direction:column;align-items:center;justify-content:center;color:  #333;}
.char_tit b {font-size:48px;line-height:  50px; font-weight:normal; font-family: "GJJCQJW";}
.char_tit p {font-size:  22px;font-weight:  lighter;opacity: 0.6;line-height:  24px;padding: 16px 0 0;color:  #000; font-family:hs_l;}
.char_txt { margin: 5% 10% 4% 10%;}
.char_txt ul { display:  flex;justify-content: space-around;}
.char_txt li {width:  240px; height:  240px;border-radius:  50%; border: 6px solid rgba(102,102, 102, 0.1);display:  flex; flex-direction:  column;align-items:  center; justify-content:  center;color:  #333;}
.char_txt li i {font-size:44px;}
.char_txt li p { display:  flex;flex-direction:  column;align-items:  center; font-size:  18px; color:  #999; padding: 6% 0 0; font-family:hs_l;}
.char_txt li p span { font-size:  60px;color:  #333;position:  relative;line-height:  60px; margin: 0 0 2px 0; font-family: 'srm';}
.char_txt li p span em {width:  23px; height:  23px; font-size:  14px;position:  absolute;top: 0;  right:-9px;background:#0c4ca3; border-radius:  50%;display:  flex; justify-content:  center;align-items:  center;color: #fff;font-weight:normal;line-height:  23px;}
/*cer*/
.cer_tab {display: flex;justify-content: space-between;margin: 0 auto;align-items: center;padding-top:5%;}
.e-j{width: 100%;font-size: 0;background-color: #fff;border-radius: 20px;}
.e-k{display: inline-block;vertical-align: top;width: 20%;height: 293px;border-radius: 20px;background-color: #fff;padding-top: 62px;transition: all .3s;text-align: center;cursor: pointer;position: relative;}
.e-k:after{content: "";display: block;width: 1px;height: 100%;background-color: #e7efe9;position: absolute;right: 0;top: 0;}
.e-k:last-child:after{display: none;}
.e-k:before{content: "";display: block;width: 35px;height: 2px;background-color: #002b57;position: absolute;left: 50%;margin-left: -17px;bottom: 49px;}
.e-m{font-size: 24px;color: #4a4a4a;line-height: 2;text-align: center;padding: 0 10px;}
.e-m span{font-size: 14px;display: block;color: #ccc;line-height:1;}
.e-k.hover{transform: scale(1.29);background: linear-gradient(90deg, #063c7b 0%, #0c4ea1 100%);background-size: 100% 100%;z-index: 10;box-shadow: 0 2px 27px rgba(0,29,47,0.36);padding-top: 35px;}
.e-k i{font-size:44px;margin-bottom:16px;display: block;}
.e-k:nth-child(2) i{font-size:48px;}
.e-k.hover i{color: #fff;}
.e-k.hover:after{display: none;}
.e-k.hover:before{display: none;}
.e-k.hover .e-m{display: none;}
.e-k.hover .e-n{display: block;}
.e-n{width: 100%;padding: 0 15%;display: none;}
.e-o{font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 18px;}
.e-p{font-size: 16px;position: relative;top: -6px;padding-left: 6px;font-weight: normal;}
.e-q{font-size: 12px;color: #fff;line-height: 20px;text-align: center;margin-bottom: 28px;min-height: 40px;}
.e-r{font-size: 12px;color: #fff;text-align: center;line-height: 20px;}
.e-r:after{content: "";display: inline-block;vertical-align: top;width: 20px;height: 20px;background-image: url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_1307496263.png);margin-left: 10px;background-size: 100% 100%;}
.e-s{font-size: 16px;color: #fff;text-align: center;padding-top: 50px;}



/*产品*/
.proa {padding:100px 2% 0 2%; width: 100%;height: 100%;/*background:#edecec;*/}
.pro_box {max-width: 90%;margin:0 auto;}
.pro_tit {display: flex; align-items: center; margin-bottom:50px;}
.pro_tit>p {display:flex;font-size:2.2vw; text-align: left; flex-direction: column; width: 30%;}
.pro_tit>p span {display:flex;align-items: center; background: url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_1053868908.png)no-repeat 0;padding: 0 0 0 40px;color: #0c4ea1; font-family: "GJJCQJW";}
.pro_tit>p i {margin: 1px 10px 0 0;font-size: 35px;color: #0c4ea1;}
.pro_tit>p i img {width:100%;height:auto;}
.pro_tit p b {font-size:1.3vw; color: #555;padding: 4% 0 0; font-family: hs_l;  font-weight: lighter;}
.pro_tit em {font-size: 15px;color: #555;line-height: 28px;padding: 4% 0 0;}
.pro_tab {margin: 0% 0 0;}
.pro_nav {width:64%;margin-left: 4%;}
.pro_nav ul {display:flex;justify-content: space-between;flex-wrap: wrap;row-gap: 0.5vw;}
.pro_nav li {background: #fff;transition: 0.5s;position: relative; box-shadow: 0px 0px 24px 0px #D9D9D9; width:18%; text-align:center; border-radius: 20px; padding: 12px 1.1%;}
.pro_nav li:before {content:'\e8d4';font-family: 'iconfont';font-size: 20px;position: absolute;right: 10%;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;}
.pro_nav li:hover,.pro_nav li.on { background:#0c4ea1; color:#fff;}
.pro_nav li+li {}
.pro_nav li a {font-size: 17px;font-weight: normal; transition: 1s; text-align:center;}
.pro_nav li:hover a,.pro_nav li:hover:before,.pro_nav li.on a,.pro_nav li.on:before {color:#fff;}

.pro_cc .divproduct_new_div{display: flex; width: 100%; flex-shrink: 0;    flex-wrap: wrap;    }
.pro_cc .divproduct_new_div .divproduct_new_div_item{display: flex;flex-direction: column-reverse;width:19.2%;flex-shrink: 0;background: #ffffff;  border: 2px #eee solid; padding: 0.9% 0.9% 0.2% 0.9%;border-radius:10px;/* box-shadow: 0 0 12px #ddd;*/}
.pro_cc .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item{margin-left: 1%;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(6) {margin-left:0;}
.pro_cc .product_div_item_pic{overflow:hidden}
.pro_cc .product_div_item_pic img{ width: 100%;transition:all .5s;display:block;}
.pro_cc{margin-top: 0px;position:relative; display: flex; transition: 0.5s;}
.pro_cc .divproduct_new_div_item_title a{font-size: 20px;color: #333;display: block;margin:26px 0 20px;position:relative;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(n+6) {margin-top:1.5%;}
.pro_cc .divproduct_new_div_item_title a:after{content: "+MORE";width: 26%;height: 28px;line-height: 28px;font-size: 12px;color: #333;transition:all .5s;display: block;margin: 15px auto 0;background: linear-gradient(to top, #f8f8f8, #f8f8f8);border-radius: 20px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover  .divproduct_new_div_item_title a:after{background:linear-gradient(to right, #08adfd, #0c4ca3);color:#fff;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1)}
.pro_cc .divproduct_new_div_item_content{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}


/*应用*/
.cate-tab-swiper{height: 60px; line-height: 60px; box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1); border-radius: 30px; overflow: hidden; padding: 0 13px; background: #fff; width:1400px; margin:auto;}

.cate-tab{text-align: center; font-size: 0; margin-bottom:56px;}
.cate-tab .case-btn{position: absolute; top: 11px; left: 14px; width: 38px; height: 38px; z-index: 2; background: #fff url(../images/icon/case-btn.png) no-repeat center; background-size: 18px; border-radius: 50%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.cate-tab .case-btn:hover{background: #ff7800 url(../images/icon/case-btn-on.png) no-repeat center; background-size: 18px;}
.cate-tab .case-next{left: auto; right: 14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.cate-tab-list{display: inline-block; vertical-align: middle; height:60px; line-height: 48px; font-size: 0; background-color: #ffffff; border-radius:28px; padding:0 13px; box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1);}
.cate-tab .item{display: inline-block; vertical-align: middle; height: 40px; margin-top:10px; float:left; line-height: 40px; font-size: 16px; padding: 0 2.6vw; position: relative; cursor: pointer;}
.cate-tab .item ~ .item{margin-left: 6px;}
.cate-tab .item span,.cate-tab .item a{color: #595959; line-height:38px; position: relative; font-size:16px;}
.cate-tab .item:before{content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 100%; background-color: #0c4ea1; border-radius: 20px; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.cate-tab .item.on:before,
.cate-tab .item:hover:before{opacity: 1; visibility: visible; left: 0; width: 100%;}
.cate-tab .item.on span,
.cate-tab .item:hover span,
.cate-tab .item.on a,
.cate-tab .item:hover a{color: #fff; font-size:16px; line-height:38px;}

@keyframes myfirst
{
	0%   { width: 36%;}
	50%  { width: 0%;}
	100% { width: 36%;}
}

/*应用内容*/
.gy{max-width:1600px;margin: 0 auto;min-width: 1400px; width: 100%; margin:auto;}
.t{text-align:center; padding:100px 0 0px 0; display: flex; flex-direction: column; font-family: "Microsoft YaHei";}
.t h3{color:#222; font-size:48px; line-height:57px; position: relative; z-index: 5; letter-spacing:2px; font-family: "GJJCQJW";}
.t p{font-size:18px; font-family:hs_l; color:#666; z-index: 5;}
.t h3 b{ color:#41b023;}
.t h3 span {font-size:5vw;line-height: 82px;color:#fff; left:-2vw; font-family: "DIN"; text-transform: uppercase;font-weight:  bold;position:  absolute;top: 0;z-index: -1;}
.t span{color: #333; font-weight: 100; font-size:20px; font-family: hs_l; line-height:36px; margin-bottom:45px;}

.applid{padding-top:5%;}
.appli {overflow:hidden;padding: 0;display: flex;justify-content: flex-end; position: relative;z-index: 5;margin-top: 0%;margin-bottom: 0%; left:3%; }
.appli_box {max-width: 1780px; display: flex;justify-content: space-between;align-items: center;width: 100%;}
.index-s3 .index-tit{width:43%}
.index-tit{position:relative}
.index-tit:before{content:'';width:475px;height:96px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(https://memberpic.114my.com.cn/huarui2025/uploadfile/image/20250709/20250709200246_1050983321.png);position:absolute;top:76px;left:-2vw;z-index:1}
.index-s3 .index-tit span{color:#333}
.index-tit span{display:block;color:#333;position:relative;z-index:2;font-size:18px}
.index-tit em{display:block;color:#fff;position:relative;z-index:2;font-size:18px;margin-top:15px;line-height:24px}
.index-s3 .index-tit span:before{background-color:#fff}
.index-tit span:before{content:'';width:7px;height:10px;background-color:#0c4ea1;display:inline-block;vertical-align:middle;margin:-2px 5px 0 0}
.appli_tit{display:flex;flex-direction:column;width:23%;justify-content:space-between}
.index-s3 .index-tit .tit{color:#fff;font-weight:bold}
.index-tit .tit{color:#333;margin-top:90px;position:relative;z-index:2;font-size:1.62vw}
.appli_tit p {display:flex;flex-direction:column;font-size: calc(1.8rem + 0.5vw);justify-content: center;}
.appli_tit p span {font-size: calc(2rem + 0.5vw); background-image: -webkit-linear-gradient(left, #0c4ea1 10%, #0c4ea1 90%);-webkit-background-clip: text; padding: 0 0 5% 0;font-weight: bold;color: #0c4ea1;}
.appli_tit p span:before,.pro_tit p span:after {content:'';width: 42%;height:1px;background: #ddd;position:absolute;bottom: 0;top: 0;margin: auto;display: none;}
.appli_tit em {font-size: 0.82vw;padding:9% 0 0;line-height: 1.5;color: rgba(0,0,0,0.5);}
.appli_tit a {color: #fff;padding: 4% 6%;margin: 30% 0 0;width: 43%;font-size:18px;position: relative;z-index: 5;/*border: 2px solid #0c4ea1;*/overflow: hidden;background: linear-gradient(90deg, #0c4ea1 0%, #002b57 100%); }
.appli_tit a:before {content:'';width: 81%;height:100%;background: #0c4ea1;position: absolute;top: 0;left: -10%;z-index: -1;transform: skewX(-30deg);transition:0.8s;}
.appli_tit a:after {content:'⇁';font-family: iconfont;right: 10%; position: absolute;  color: #fff; font-size:14px; font-weight: bold;    transition: 0.8s;}
.appli_tit a:hover:before {width:120%;}
.appli_tit a:hover:after {color:#fff;} 
.appli_con {width: 70%;}
.appli_call {}
.appli_call .divdgweb_new_div {/* display: flex; */transition: 1s;margin-bottom: 0 !important;}
.appli_call .divdgweb_new_div_item {width: 100%;flex-shrink: 0;position: relative;}
.divdgweb_new_div_item_date {display:none;}
.appli_call .divdgweb_new_div_item_content {position: absolute;z-index: 5;width: 100%;right: 0;display: flex;bottom: 0;margin: 0 auto;left: 0;flex-direction: column;padding:1.5vw 0 2vw 2vw;background: linear-gradient(rgba(128,129,133, 0.01), rgba(128,129,133, 5));}
.appli_call .divdgweb_new_div_item_title {}
.appli_call .divdgweb_new_div_item_title a {font-size: 1.1vw;color: #fff;}
.appli_call .divdgweb_new_div_item_body {font-size: 0.9vw; display:none; width: 100%;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;/*display: -webkit-box;*/-webkit-box-orient: vertical;overflow: hidden;line-height: 1.5rem;color: rgba(255,255,255,0.8);margin:3% 0 0;letter-spacing: 0.5px;  font-family: hs_l;}
.appli_call .news_div_item_pic {position:relative;}
.appli_call .news_div_item_pic:before {content:'';background: rgba(192,193,197,0.3);position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;}
.appli_call a.active{z-index:5;opacity: 1;}
.appli_call a.active img{transform: scale(1.1);opacity: 1;}
.appli_call .slick-active img {animation: mymove4 8s ease; -webkit-animation: mymove4 8s ease;animation-iteration-count: 1;}
.appli_call .news_div_item_pic a {overflow:hidden;display: block;}
.appli_call .news_div_item_pic a img {width: 100%;height: 650px;transition: 1s;object-fit: cover;    object-position: left;}
.appli_call .divdgweb_new_div_item:hover .news_div_item_pic a img {object-position:right;}
.appli_call .ban_dot {display: flex !important;width: 100%;bottom: -14%;left: 0;justify-content: center;align-items: center;display: none !important;}
.appli_call .ban_dot li {width: 10px;height: 10px;display: inline-block;background: #ddd;margin: 0 0.5%;transition: 0.5s;border-radius: 50%;}
.appli_call .ban_dot li.slick-active {background: #0066dc;}
.appli_call .ban_dot li button {font-size:0;border: none;outline: none;}
.appli_call .slick-prev:before {content: '↼' !important;font-family: iconfont !important;color: #333 !important;font-size: 20px !important;letter-spacing: 3px;}
.appli_call .slick-next:before {content: '↼' !important;font-family: iconfont !important;color: #333 !important;font-size: 18px !important;letter-spacing: 6px;}
.appli_call .ban_dot {/* display:none !important; */}
.appli_call .slick-prev {left: -5% !important;transform: rotate(180deg) !important; background: #c0c1c5 !important; width: 42px !important;height: 42px !important;border-radius: 50%;z-index: 5;}
.appli_call .slick-next {right: 0px !important;background: #0663ed !important;width: 42px !important;height: 42px !important;border-radius: 50%;z-index: 5;}
.appli_call .slick-prev:before, .appli_call .slick-next:before {opacity: 1;transition: all ease 0.5s;}
.news_call:hover .slick-prev:before, .news_call:hover .slick-next:before {opacity: 1;}¡¢

.hp-ss-container {
    padding: 90px 80px;
    background-color: #f0f0f0;
    margin-top: 90px;
}

.kf.on{right:15px}
.kf .kf_div{box-shadow:0 0 18px rgba(0,0,0,.1);margin-bottom:8px}
.kf .kf_div:last-child{margin-bottom:0}
.kf .item{width:50px;height:50px;background:#c0c1c5;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.kf .item:first-child{border-top-left-radius:6px}
.kf .item:last-child{border-bottom-left-radius:6px}
.kf { position: fixed; right: -100px; bottom: 10%; width: 50px; z-index: 99; -webkit-transition: all .5s; -o-transition: all .5s;   transition: all .5s;}
   
.kf .item .box{  font-family: 'srm';  position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:298px;height:50px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);border-radius:25px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:29px; color:#0c4ca3}
.kf .item .box:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box i{width:32px;height:32px;display:block;border-radius:50%;margin:0 18px 0 17px;background:url(http://114my.cn.114.114my.net/hxp/kf5.png) no-repeat center #0c4ca3}
.kf .item .box2{width:154px;position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);padding:15px 0 20px;border-radius:6px}
.kf .item .box2:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box2 h3{width:100%;text-align:center;font-size:24px;color:#0c4ca3;font-weight:700}
.kf .item .box2 img{width:133px;height:133px;margin:5px 0}
.kf .item .box2 div{font-size:16px;line-height:22px;color:#666;text-align:center}
.kf .item:hover{background:#0c4ca3;}
.kf .item:hover .box{left:-306px}
.kf .item:hover .box2{left:-164px}
.kf .item:hover a img{display:none}
.kf .item:hover a img.on{display:block}
.kf .item a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1}
.kf .item a img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;max-width:50%}
.kf .item a img.on{display:none;max-width:50%}
@media (max-width:768px){.kf{top:auto;bottom:10px;left:50%;margin-left:-80px;transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.kf .kf_div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;height:40px}
.kf .item{width:40px;height:40px;border-radius:0!important}
.kf .item a img{max-width:50%}
.kf .item:hover .box{left:-50px;opacity:1;top:-30px}
.kf .item:hover .box2{left:-40px;opacity:1;top:-70px}
.kf .item .box{left:-50px;top:-20px;opacity:0;width:140px;font-size:14px;height:40px;border-radius:20px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}

.kf .item .box:before,.kf .item .box i{display:none}
.kf .item .box2{left:-40px;top:-50px;opacity:0;width:120px;height:120px;padding:5px}
.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display:none}
.kf .item .box2 img{width:110px;height:110px}}
 
.jec_c{display: flex;justify-content: space-between;}
.jec_c li{width: 100%;display: flex;align-items: center;box-shadow: 1px 1px 38px rgba(0,0,0,0.1);height: 146px;justify-content: center;border-radius: 0px;background: #0c4ea1; padding:0% 5%;}
.jec_c li span{font-size: 37px;color: #fff;position: relative;}
.jec_c li:nth-child(3) span:after{position: absolute;content: "";width: 28px;height: 28px;border-radius: 100%;background: rgba(255,255,255,0.3);top: -6px;right: 1px;}
.jec_c>li>div{margin-left: 22px;}
.jec_c>li>div>b{font-size: 22px;display: block;color: #fff;font-weight: normal;}
.jec_c>li>div>p{font-size: 14px;line-height: 20px;font-weight: normal;margin-top:6px;color: rgba(255,255,255,0.6); font-family:hs_l;}
.jec_bc{position: relative;margin-top: 0px;}

/*--end serverBar--*/
.x-foot{padding-top:65px;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;z-index:10}
.x-foot .container .x-top{display:flex;justify-content:space-between;flex-wrap:wrap}
.x-foot .container .x-top .x-le{width:15.625%}
@media (max-width:991px){.x-foot .container .x-top .x-le{width:100%}
}
@media (max-width:767px){.x-foot .container .x-top .x-le{text-align:center}
}.x-foot .container .x-top .x-le .x-logo{display:inline-block;width:auto;height:0.54rem}
.x-foot .container .x-top .x-le .x-logo img{width:100%;height:100%;object-fit:contain}
.x-foot .container .x-top .x-le .x-form{margin-top:0.5rem}
.x-foot .container .x-top .x-le .x-form p{color:rgba(255,255,255,0.2);font-weight:bold;padding-left:0.15rem}
.x-foot .container .x-top .x-le .x-form form{border:1px solid rgba(255,255,255,0.25);border-radius:100px;background-color:#000000;padding:4px 4px 4px 0.3rem;height:0.5rem;display:flex;align-items:center;justify-content:space-between;margin-top:0.15rem}
@media (max-width:991px){.x-foot .container .x-top .x-le .x-form form{width:40%}
}@media (max-width:767px){.x-foot .container .x-top .x-le .x-form form{width:100%;height:0.8rem}
}.x-foot .container .x-top .x-le .x-form form input{color:rgba(255,255,255,0.2);width:calc(100% - 0.88rem)}
@media (max-width:767px){.x-foot .container .x-top .x-le .x-form form input{width:calc(100% - 1.4rem)}
}.x-foot .container .x-top .x-le .x-form form input::placeholder{color:rgba(255,255,255,0.2)}
.x-foot .container .x-top .x-le .x-form form button{display:flex;align-items:center;justify-content:center;background-color:#fff;width:0.68rem;height:0.42rem;border-radius:100px;transition:0.4s ease-in-out}
@media (max-width:767px){.x-foot .container .x-top .x-le .x-form form button{height:0.7rem;width:1.2rem}
}.x-foot .container .x-top .x-le .x-form form button:hover{background-color:#bf2821}
.x-foot .container .x-top .x-le .x-form form button:hover svg path{fill:#fff}
.x-foot .container .x-top .x-le .x-form form button img,.x-foot .container .x-top .x-le .x-form form button svg{width:16px;height:16px;object-fit:contain}
.x-foot .container .x-top .x-le .x-form form button img path,.x-foot .container .x-top .x-le .x-form form button svg path{fill:#000;transition:0.4s ease-in-out}
.x-foot .container .x-top .x-le .x-fx{margin-top:0.4rem}
.x-foot .container .x-top .x-le .x-fx p{color:rgba(255,255,255,0.2);font-weight:bold}
.x-foot .container .x-top .x-le .x-fx .x-a{display:flex;flex-wrap:wrap;margin-top:0.15rem}
@media (max-width:767px){.x-foot .container .x-top .x-le .x-fx .x-a{justify-content:center}
}.x-foot .container .x-top .x-le .x-fx .x-a a{display:inline-flex;align-items:center;justify-content:center;width:0.44rem;height:0.44rem;border:1px solid rgba(255,255,255,0.2);border-radius:100%;margin-right:0.18rem;transition:0.4s ease-in-out;flex-shrink:0;position:relative;z-index:10;overflow:hidden;margin-bottom:0.15rem}
.x-foot .container .x-top .x-le .x-fx .x-a a::before{content:"";width:200%;height:200%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2}
.x-foot .container .x-top .x-le .x-fx .x-a a::after{content:"";background-color:#000;position:absolute;inset:1px;border-radius:99px;z-index:0}
@media (max-width:1580px){.x-foot .container .x-top .x-le .x-fx .x-a a{width:0.48rem;height:0.48rem}
}@media (max-width:767px){.x-foot .container .x-top .x-le .x-fx .x-a a{width:0.7rem;height:0.7rem}
}.x-foot .container .x-top .x-le .x-fx .x-a a:hover::before{background-image:conic-gradient(transparent,#ccc,transparent 50%);animation:rotate 4s linear infinite}
.x-foot .container .x-top .x-le .x-fx .x-a a:hover svg path{fill:#fff;opacity:1}
.x-foot .container .x-top .x-le .x-fx .x-a a svg{width:18px;height:18px;position:relative;z-index:10}
@media (max-width:1580px){.x-foot .container .x-top .x-le .x-fx .x-a a svg{width:14px;height:14px}
}@media (max-width:767px){.x-foot .container .x-top .x-le .x-fx .x-a a svg{width:0.34rem;height:0.34rem}
}.x-foot .container .x-top .x-le .x-fx .x-a a svg path{fill:#fff;transition:0.4s ease-in-out}
.x-foot .container .x-top .x-ri{width:84%;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:0.25rem}
@media (max-width:991px){.x-foot .container .x-top .x-ri{width:100%;margin-top:0.4rem}
}.x-foot .container .x-top .x-ri .x-list-box{ padding-left:11%;}
@media (max-width:991px){.x-foot .container .x-top .x-ri .x-list-box{width:25%;margin-bottom:0.2rem}
}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box{width:100%;padding-right:0;margin-bottom:0}
}.x-foot .container .x-top .x-ri .x-list-box:last-child{/*width:11.55%;*/padding-right:0}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box:last-child{width:100%}
}.x-foot .container .x-top .x-ri .x-list-box.on .x-title-box img,.x-foot .container .x-top .x-ri .x-list-box.on .x-title-box svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box.on .x-title-box img,.x-foot .container .x-top .x-ri .x-list-box.on .x-title-box svg{display:inline-block}
}@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box .x-title-box{padding:0.3rem 0;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}
}.x-foot .container .x-top .x-ri .x-list-box .x-title-box .x-title{color:#fff; margin-bottom:10px; font-size:18px;}
.x-title-box{ margin-bottom:18px;}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box .x-title-box .x-title{color:rgba(247,247,247,0.7)}
}.x-foot .container .x-top .x-ri .x-list-box .x-title-box img,.x-foot .container .x-top .x-ri .x-list-box .x-title-box svg{display:none;transition:0.4s;width:0.3rem;height:0.3rem}
.x-foot .container .x-top .x-ri .x-list-box .x-title-box img path,.x-foot .container .x-top .x-ri .x-list-box .x-title-box svg path{fill:#fff}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box .x-title-box img,.x-foot .container .x-top .x-ri .x-list-box .x-title-box svg{display:inline-block}
}.x-foot .container .x-top .x-ri .x-list-box .x-list{margin-top:0.25rem}
@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box .x-list{padding-top:0.2rem;display:none}
}.x-foot .container .x-top .x-ri .x-list-box .x-list li{margin-bottom:12px; font-family:hs_l;}
.x-foot .container .x-top .x-ri .x-list-box .x-list li a{color:rgba(255,255,255,0.6);transition:0.4s ease-in-out}
/*@media (max-width:1580px){.x-foot .container .x-top .x-ri .x-list-box .x-list li a{font-size:12px}
}*/@media (max-width:767px){.x-foot .container .x-top .x-ri .x-list-box .x-list li a{font-size:0.28rem;display:block;padding:0.05rem 0}
}.x-foot .container .x-top .x-ri .x-list-box .x-list li a:hover{color:#fff}
.x-foot .container .x-xia{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:30px 0;border-top:1px solid rgba(255,255,255,0.2);margin-top:0.2rem}
@media (max-width:767px){.x-foot .container .x-xia{text-align:center}
}.x-foot .container .x-xia .x-p{color:#9baaba;display:flex;flex-wrap:wrap}
@media (max-width:767px){.x-foot .container .x-xia .x-p{font-size:0.24rem;display:inline-block}
}@media (max-width:767px){.x-foot .container .x-xia .x-p p{display:inline-block}
}.x-foot .container .x-xia .x-p a{color:#9baaba;transition:0.4s ease-in-out;display:inline-block;margin-left:0.15rem}
.x-foot .container .x-xia .x-p a:hover{color:#fff}
@media (max-width:767px){.x-foot .container .x-xia .x-p .x-gl{margin-left:0.04rem}
}.x-foot .container .x-xia .x-a{color:#9baaba;display:flex;flex-wrap:wrap}
@media (max-width:767px){.x-foot .container .x-xia .x-a{font-size:0.24rem;margin-top:0.1rem;width:100%;justify-content:center;text-align:center}
}.x-foot .container .x-xia .x-a a{display:inline-block;margin-left:0.18rem;color:#9baaba;transition:0.4s ease-in-out}
.x-foot .container .x-xia .x-a a:hover{color:#fff}