@charset "utf-8";#header,#nav ul li>a,.top_menu{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header{z-index:999;width:100%;position:fixed;top:0;z-index:998;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header>.m{display:flex;height:100%;max-width:100%;padding-left:6.25rem;padding-right:0;justify-content:space-between;align-items:center;position:static}
#header .fr{display:flex;justify-content:space-between;flex-grow:1;max-width:86.25rem}
#logo{flex-shrink:0;margin-right:4rem}
#logo a{display:flex;height:100%;align-items:center}
#logo img{width:16.125rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#logo .img01{display:none}
#logo .img02{display:block}
#nav{flex-grow:1}
#nav ul{display:flex;flex-grow:1;justify-content:space-around}
#nav ul li{position:relative;z-index:0;text-align:center;font-size:0}
#nav ul li>a{display:block;font-size:1.125rem;font-weight:bold;color:#fff;line-height:5.625rem;overflow:hidden;text-align:center;position:relative;z-index:1;display:inline-block}
#nav ul li>a:before{content:"";width:11px;height:11px;position:absolute;bottom:0;left:50%;opacity:0;background:url(../images/nav_star.png) center no-repeat;background-size:contain;transform:translateX(-50%);transition:0.3s ease-in-out;transform-origin:center}
#nav ul li>a:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:50%;opacity:0;background:#fff;transform:translateX(-50%);transition:0.3s ease-in-out;transform-origin:center}
#nav ul li.on>a:before,#nav ul li:hover>a:before{opacity:1}
#nav li .sub{position:absolute;min-width:12.5rem;padding-top:.5rem;left:50%;top:100%;z-index:999;transform-origin:0 0 0;transform:translateY(10px) translateX(-50%);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;opacity:0;visibility:hidden}
#nav li .sub .box{padding:0;text-align:center;background:#fff;border-radius:1rem;min-width:100%;width:auto}
#nav li .sub a{padding:0 1rem 0 1.5rem;transition:.3s;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1rem;color:#969696;line-height:2.375rem;white-space:nowrap}
#nav li .sub a:hover,#nav li .sub dd>a:hover{color:#00479d}
#nav li .sub i{transition:0s;font-size:1.5rem}
#nav li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:translateY(0px) translateX(-50%)}
#nav li .sub dl dl{min-width:12.5rem;position:absolute;left:100%;margin-left:2px;background:#fff;border-radius:1rem;padding:1rem 0;transform:translateY(-2.375rem);opacity:0;visibility:hidden}
#nav li .sub .box>dl{position:relative;left:0;padding:1rem 0;min-width:12.5rem}
#nav li .sub dl dd:hover>dl{opacity:1;visibility:visible}
.top_menu_box{display:flex;margin-left:2rem}
.top_menu_box .top_menu{display:flex;align-items:center;position:relative;z-index:1}
.btn_language{display:flex;align-items:center;transition:.5s;justify-content:center;width:7.625rem;height:100%}
.btn_language a{display:flex;align-items:center}
.top_menu_box .top_menu svg{width:1.25rem;height:1.25rem}
.top_menu_box .top_menu.btn_language svg path{fill:#fff}
.top_menu_box .top_menu svg:nth-child(3){width:.625rem;height:.625rem}
.top_menu_box .top_menu span{margin-left:.75rem;margin-right:.75rem;font-size:.875rem;color:#fff;transition:.5s}
.top_menu_box .btn_search i{font-size:1.25rem}
.top_menu_box .top_menu.on svg path{fill:#fff}
.language_sub{position:absolute;left:0;top:100%;width:100%;background:rgba(255,255,255,1);border:1px solid #eee;border-radius:0;opacity:0;visibility:hidden;transition:.5s;transform-origin:top;transform:scaleY(0)}
.top_menu_box .top_menu:hover .language_sub{opacity:1;visibility:visible;transform:scaleY(1)}
.language_sub a{display:block;text-align:left;justify-content:flex-start !important;padding:1rem 2rem;text-transform:uppercase;padding-left:23%;font-size:.9375rem;color:#666;position:relative;z-index:1;transition:.5s}
.language_sub a:before{content:"";display:block;width:100%;height:1px;background:#eee;position:absolute;left:0;top:0;transition:.5s}
.language_sub a:after{content:"";display:block;width:3px;height:0;background:#00479d;position:absolute;left:0;bottom:0;transition:.5s}
.language_sub a.on:after{height:100%}
.language_sub a:hover:after{height:100%;top:0;bottom:auto}
#header.xg{background:rgba(255,255,255,1);box-shadow:0 1px 2px rgba(0,0,0,0.15)}
#header.xg #nav ul li>a{color:#333}
#header.xg #nav ul li>a:before{background:#00479d}
#header.xg #logo .img01{display:block}
#header.xg #logo .img02{display:none}
#header.xg .btn_language{background:#00479d}
#header.xg #nav ul li.on>a{color:#00479d !important}
#header.xg #nav ul li:hover>a{color:#00479d}
#header.xg .top_menu_box .btn_search i{color:#333}

.top_search form{width:304px;height:46px;background:none;border-radius:26px;border:1px solid rgb(255 255 255 / 63%);display:flex;align-items:center;justify-content:space-between}
.top_search form .input{width:100px;height:100%;background:none;border:0;flex-grow:1;color:#fff;padding-left:20px}
.top_search form .button{width:46px;height:100%;cursor:pointer;background:url(../images/search-btn.svg) center no-repeat;background-size:23px !important;border:0;outline:0;color:#fff}
.top_search form .button:active{background:url(../images/search-btn.svg) center no-repeat}
.top_search form .input::-webkit-input-placeholder{color:#fff}
.top_search form .input::-moz-placeholder{color:#fff}
.top_search form .input::-moz-placeholder{color:#fff}
.top_search form .input::-ms-input-placeholder{color:#fff}
.top_search form .input:focus::-webkit-input-placeholder{color:transparent}
.top_search form .input:focus:-moz-placeholder{color:transparent}
.top_search form .input:focus::-moz-placeholder{color:transparent}
.top_search form .input:focus:-ms-input-placeholder{color:transparent}

#n_n_title{display:flex;align-items:center;justify-content:space-between}
#bnt_back{}
#bnt_back svg{vertical-align:middle;width:26px;height:26px}
#bnt_back svg path{fill:#fff}
#m_n_nav i{}
#m_n_nav h1{font-size:14px;color:#fff;text-align:center;margin:0;line-height:50px}
#bnt_sub_nav{cursor:pointer;color:#fff;font-size:18px}
#bnt_sub_nav svg{fill:#fff;height:20px;vertical-align:middle;width:20px}
#bnt_sub_nav img{display:block;height:15px}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
#sub_nav_content{background:#fff;display:none;box-shadow:0 0 5px #999;z-index:9}
#sub_nav_content ul{padding:10px}
#sub_nav_content ul li{display:block;line-height:28px;margin:1rem 0}
#sub_nav_content ul li a{display:block;border-left:2px solid #00479d;height:30px;line-height:30px;font-size:14px;padding-left:10px;color:#535455}
#sub_nav_content ul li.on a{color:#00479d}
#sub_nav_content dl{font-size:0;overflow:hidden;background:#fff;padding:10px 0;border-top:1px solid #e7e7e7}
#sub_nav_content dt{position:relative;background:#fff;z-index:999;margin-bottom:0}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height:30px;font-size:15px;font-weight:400;vertical-align:top;font-family:Alibaba-PuHuiTi-Regular}
#sub_nav_content dt a i{position:absolute;right:15px;top:0;opacity:0;filter:alpha(opacity=0);display:none}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb}
#sub_nav_content dt.title i{opacity:1;filter:alpha(opacity=100)}
#sub_nav_content dt.title_on{background:#fafafb}
#sub_nav_content dt.title_on a{color:#00479d;border-top:1px solid #fff}
#sub_nav_content dt.title_on a i{color:#00479d}
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color:#00479d}
#sub_nav_content dd{}
#sub_nav_content dd .box{padding:0px 0px 0px 0px}
#sub_nav_content dd a{padding:0 25px;line-height:30px;font-size:13px;color:#5b5349;display:block;height:30px}
#sub_nav_content dd a.on{color:#00479d}
/*banner 开始*/
#banner{position:relative;z-index:0}
#banner .img{height:100vh}
#banner .img img{transform:none !important}
#banner .swiper-slide{overflow:hidden}
#banner .img:after{padding-top:50%}
#banner .mask{position:absolute;left:0;top:0;width:100%;height:100%}
#banner .txt{color:#fff;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}
#banner .txt>*{opacity:0}
#banner .txt h3{font-size:5.25rem;color:#fff;font-family:Alibaba-PuHuiTi-Heavy;margin-bottom:1.75rem}
#banner .txt h3 span{color:#fff}
#banner .txt p{font-size:1.5rem;line-height:1.875rem;margin-bottom:4.75rem}
#banner .txt .btnbox{display:flex;gap:.9375rem}
#banner .swiper-button-prev{opacity:.8;left:4%;position:absolute}
#banner .swiper-button-next{opacity:.8;right:4%;position:absolute}
#banner .swiper-slide.swiper-slide-active .txt h3,#banner .slick-active .txt h3{animation:enter 1.2s forwards .1s}
#banner .swiper-slide.swiper-slide-active .txt p,#banner .slick-active .txt p{animation:enter 1.2s forwards .2s}
#banner .swiper-slide.swiper-slide-active .txt .btnbox,#banner .slick-active .txt .btnbox{animation:enter 1.2s forwards .3s}
#banner .swiper-button-next .icon,#banner .swiper-button-prev .icon{width:50%}
.btn_liaojie{display:flex;align-items:center;justify-content:center;text-transform:uppercase;width:14.0625rem;height:3.125rem;gap:1rem;border-radius:1.5rem;font-size:1.125rem;background:#fff;color:#00479d}
.btn_liaojie i{font-weight:bold;font-size:.875rem;transition:.5s}
.btn_liaojie:hover i{transform:translateX(10px)}
#banner .arr{display:flex;align-items:center;justify-content:center}
#banner .arr span{color:#fff;font-size:1.25rem}
#banner .slick-arrow{width:4.125rem!important;height:4.125rem!important;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;font-size:0;top:50%;transform:translate(0,-50%);transition:all .5s;background:transparent;border:1px solid rgba(100%,100%,100%,.5)}
#banner .slick-arrow:hover{border:1px solid #fff}
#banner .slick-prev{background:url(../images/zuo.svg)no-repeat center;left:4%}
#banner .slick-next{background:url(../images/you.svg)no-repeat center;right:4%}
.hmFocus_doc{width:100%;position:absolute;left:0px;z-index:5;bottom:1rem !important}
.hmFocus_doc ul{display:flex;align-items:center;justify-content:center}
.hmFocus_doc ul li span{width:10px;height:10px;margin:0 6.5px !important;border-radius:50%;border-radius:50%;border:1px solid #fff;background:none;opacity:1;cursor:pointer;display:block}
.hmFocus_doc ul li.on span{border:1px solid #fff;background:#fff}
/*banner 结束*/

@-webkit-keyframes enter{0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
20%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}
}@keyframes enter{0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
20%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}}
.btn_border{display:flex;align-items:center;justify-content:center;text-transform:uppercase;width:14.0625rem;height:3.4375rem;transition:.5s;gap:1rem;border-radius:1.5rem;font-size:1.125rem;border:2px solid #fff;color:#fff}
.btn_border i{font-weight:bold;font-size:.875rem;transition:0s}
.btn_border:hover{background:#fff;color:#00479d}
#n_main{}

.pub-close{position:absolute;width:3rem;height:3rem;z-index:10;right:1.5rem;top:1.35rem;background-color:rgba(255,255,255,.1);border-radius:100%}
.pub-close:hover{transform:rotate(180deg)}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes spin2{to{transform:rotate(-1turn)}}
@keyframes spin-reverse{from{transform:rotate(1turn)}}
@keyframes spin-reverse2{from{transform:rotate(-1turn)}}
.pub-close{display:flex;align-items:center;justify-content:center;color:#fff}
.search-dialog-box:before{background-image:-moz-linear-gradient(270deg,#084f9b 20%,transparent 100%);background-image:-webkit-linear-gradient(270deg,#084f9b 20%,transparent 100%);background-image:-ms-linear-gradient(270deg,#084f9b 20%,transparent 100%)}

.s_tt{margin-bottom:4.375rem}
.s_tt h2{font-size:2.875rem;color:#212121;font-weight:bold}
.s_tt p{font-size:1.125rem;color:#9fa0a2;margin-top:1.25rem}


.s_hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.25rem}
.s_hd .s_tt{margin-bottom:0;text-align:left}
.s_hd .btn_liaojie3{width:11.25rem}

#foot{}
#foot .box1 .left,#foot .box1 .right{padding:5rem 0 3rem}
#foot .box1{display:flex;gap:5.5rem}
#foot .box1 .line{display:block;width:1px;background:#e2e2e2}
#foot .box1 .left{flex-shrink:0}
#foot .box1 .left .innerbox{width:31rem;max-width:100%}
#foot .box1 .left .m{padding-right:0 !important}
#foot .box1 .right{flex-grow:1}
#foot .box1 .right .m{padding-left:0 !important}
#foot .box2{background:#01479d;padding:1rem 0}
#foot .box2 .m{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.foot_logo{margin-bottom:4rem}
.foot_logo a{display:flex;align-items:center;gap:1.5rem}
.foot_logo img{width:9.3125rem}
.foot_logo i{display:block;width:1px;height:3.125rem;background:#cecece}
.foot_logo h3{font-size:1.25rem;line-height:1.875rem;color:#414141;font-weight:bold}
.foot_search{}
.foot_search .tt{font-size:1.75rem;color:#313131;font-weight:bold}
.foot_search form{width:100%;display:flex;border-bottom:1px solid #d3d3d3}
.foot_search .input{flex-grow:1;font-size:1rem;color:#333;height:3.25rem}
.foot_search .input::-webkit-input-placeholder{color:#cdcdd3}
.foot_search .button{flex-shrink:0;background:none}
.foot_search .button i{font-size:1.375rem;color:#8d8d8d}
.foot_search .button:hover i{color:#01479d}
.hotsearch{padding-top:1.375rem;display:flex;flex-wrap:wrap;gap:1.875rem}
.hotsearch a{font-size:1rem;color:#8f9296;font-weight:bold;transition:.5s}
.hotsearch a:hover{color:#00479d}
.foot_social{margin-top:6.25rem}
.foot_social ul{display:flex;gap:.75rem}
.foot_social ul li{flex-shrink:0;position:relative;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.4);border-radius:50%;transition:.5s}
.foot_social ul li a{display:block;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.foot_social ul li a i{font-size:1.625rem;color:#273580}
.foot_social ul li:hover a i{color:#01479d}
.foot_social ul li:hover i:before{transition:.5s}
.foot_social li .ewmbox{position:absolute;opacity:0;pointer-events:none;transform:translateY(10px);visibility:hidden;width:8rem;left:-.5rem;bottom:calc(100% + 1rem);transition:.5s}
.foot_social li:hover .ewmbox{opacity:1;visibility:visible;pointer-events:inherit;transform:translateY(0px)}
.foot_social li .ewm{position:relative;background:#fff;border-radius:5px;padding-top:.75rem;padding-bottom:.5rem;border:1px solid #ddd;box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.foot_social li .ewm img{width:6.5rem;height:6.5rem;margin:0 auto .5rem;display:block;mix-blend-mode:multiply;position:relative;z-index:3}
.foot_social li .ewm p{font-size:.8125rem;text-align:center;color:#666;position:relative;z-index:3;margin:.25rem 0}
.foot_social li .ewm:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#fff;border-radius:5px;z-index:1}
.foot_social li .ewm:before{content:"";display:block;width:1rem;height:1rem;border-left:1px solid #ddd;border-top:1px solid #ddd;transform:rotate(45deg);position:absolute;z-index:1;background:#fff;left:1.125rem;top:100%;margin-top:-9px;border-radius:3px}
.foot_nav{display:flex;justify-content:space-between}
.foot_nav dl{}
.foot_nav dl dt{margin-bottom:1.625rem}
.foot_nav dl dt a{font-size:1.125rem;color:#404040;font-weight:bold}
.foot_nav dl dd{}
.foot_nav dl dd a{font-size:1rem;line-height:1.875rem;color:#87898b}
.foot_nav dl dt a:hover{color:#01479d}
.foot_nav dl dd a:hover{color:#01479d}
.foot_lianxi{margin-top:3.75rem;display:flex;justify-content:space-between}
.foot_lianxi .tt{font-size:1.5rem;color:#333333;font-weight:bold;margin-bottom:1.875rem}
.foot_lianxi ul{}
.foot_lianxi ul li{display:flex;align-items:flex-start}
.foot_lianxi ul li i{flex-shrink:0;font-size:1.25rem;margin-right:.5rem;color:#5c5c5c;width:1.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}
.foot_lianxi ul li p{flex-grow:1;font-size:1rem;color:#6d6e6f;line-height:1.5}
.foot_lianxi ul li+li{margin-top:1rem}
.foot_ewm{display:flex;flex-direction:column;justify-content:center;align-items:center}
.foot_ewm .img{width:11rem}
.foot_ewm .img:after{padding-top:100%}
.foot_ewm .img img{width:100%}
.foot_ewm p{font-size:1rem;line-height:1.5rem;margin-top:.5rem;color:#919191;text-align:center}
.copyright{font-size:1rem;line-height:2rem;color:rgba(255,255,255,0.6)}
.foot_link{width:22.1875rem;max-width:100%}
.foot_link dl{position:relative;border-bottom:1px solid rgba(255,255,255,0.4)}
.foot_link dt{padding:.5rem 5px .75rem;font-size:1rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.foot_link dt i{width:.75rem;font-size:.75rem;transition:.5s}
.foot_link dt.on i{transform:rotate(180deg)}
.foot_link dt i path{fill:#999}
.foot_link dd{position:absolute;z-index:1;bottom:0;left:-10px;right:-10px;padding-bottom:2.9375rem}
.foot_link dd:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#01479d;z-index:-1}
.foot_link dd .box{border-radius:1.5rem;padding:1rem 15px 0;display:none}
.foot_link dd .box a{display:block;color:rgba(255,255,255,0.781);font-size:.875rem;line-height:2;transition:.3s}
.foot_link dd .box a:hover{color:#fff}
#banner .swiper-pagination{bottom:1rem !important}
#banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 6.5px !important;border-radius:50%;border-radius:50%;border:1px solid #fff;background:none;opacity:1}
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #fff;background:#fff}
.circle{margin:0 auto;position:relative;top:50%;right:50%;transform:translateX(-50%) translateY(-50%) scaleY(.7);z-index:999;display:flex;align-items:center;justify-content:center;color:#3f897c;font-size:30px}
.circle:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#00479d;z-index:3;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.circle span{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;background-color:rgba(0,71,157,0.6);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:circleScale 3s linear infinite;-moz-animation:circleScale 3s linear infinite;-ms-animation:circleScale 3s linear infinite;animation:circleScale 3s linear infinite;border-radius:50%;overflow:hidden}
.circle span:nth-of-type(2){animation-delay:1s}
@keyframes circleScale{0%{opacity:1;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:0;border-radius:50%;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
}
/*右侧在线漂浮 开始*/
.online_q{position:fixed;right:10px;bottom:10%;z-index:995;transition:.5s;-webkit-transition:.5s;border-radius:2.5rem;padding:1.25rem 0}
.online_q .close{position:absolute;right:-1rem;font-size:1rem;color:#969797;opacity:1;font-weight:normal;cursor:pointer}
.online_q .btn2{width:3.4375rem;height:3.4375rem;background:#00479d;margin-bottom:2px;border-radius:5px;transition:.5s;cursor:pointer;position:relative;z-index:1}
.online_q .btn2:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:#00479d;border-radius:.625rem;opacity:0}
.online_q .btn2:hover:before{opacity:1}
.online_q .btn-top{padding:0;transition:.5s;overflow:hidden}
.online_q .btn2 a{font-size:12px;color:#fff;display:block;width:100%;height:100%;white-space:nowrap}
.online_q .btn2 span{display:flex;color:#fff;flex-direction:column;font-size:.75rem;text-align:center;width:100%;height:100%;justify-content:center;align-items:center;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;overflow:hidden;flex-shrink:0}
.online_q .btn2 span i{font-size:1.5rem}
.online_q .open .pic{width:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}
.online_q .open .pic img{flex-shrink:0;margin-bottom:6px}
.online_q .open .pic h5{font-size:1rem}
.online_q .open.phone{position:absolute;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #e1e6f0;width:auto;min-height:3.125rem;right:4.375rem;padding:1rem;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);transition:.6s;-webkit-transition:.6s;opacity:0;visibility:hidden}
.online_q .open.phone *{color:#333;font-size:1.125rem;text-align:left;font-weight:bold}
.online_q .open.phone h5{font-size:.875rem;font-weight:normal;white-space:nowrap}
.online_q .open.phone span{font-size:12px;text-align:left;justify-content:flex-start;align-items:flex-start;margin-bottom:5px;opacity:.7;font-weight:normal}
.online_q .btn2:hover .open.phone{transition:.5s;-webkit-transition:.5s;opacity:1;visibility:visible}
.online_q .open.phone:before{content:"";position:absolute;display:block;width:6px;height:6px;background:#fff;top:50%;transform:translateY(-50%) rotate(135deg);right:-4px;border-color:#e1e6f0 transparent transparent #e1e6f0;border-style:solid;border-width:1px}
.online_q #gotop:before{opacity:1}
.online_q #gotop.hide{height:0;overflow:hidden;display:block !important}
@media (max-width:480px){.wap_foot_navbox{display:block}
.online_q{right:5px;bottom:4.375rem}
.online_q>div{display:none !important}
.online_q #gotop{display:block !important;transform:scale(.8);transform-origin:right}
body{padding-bottom:4rem}}
/*右侧在线漂浮 结束*/

.main_con{display:flex;background:#fff;padding:3.75rem}
.main_con .line{display:block;width:2px;flex-shrink:0;height:auto;background:#f5f5f5;margin:0 3.75rem}
.left_con{flex-grow:1}
.right_con{width:23.125rem;flex-shrink:0}
.right_con .sticky{position:sticky;top:7rem}
.ar_title{padding-bottom:1.75rem;border-bottom:2px solid #f5f5f5;margin-bottom:2.875rem}
.ar_title h1{font-size:2rem;color:#212121;font-weight:bold;line-height:1.5;margin-bottom:1.5rem}
.ar_title .info{display:flex;align-items:center;justify-content:space-between}
.ar_title .info span{font-size:1rem;color:#212121}
#box ul{display:flex;overflow:hidden;gap:1.125rem}
#box li{width:18.75rem;flex-grow:1;min-width:120px !important;float:left;flex-shrink:0;transition:.5s;position:relative}
#box li.on{width:calc(100% - 37.5rem - 2.5rem) !important}
#box li .box{background:#fff;border-radius:.9375rem;height:33rem;padding:2.875rem;position:relative;z-index:1;overflow:hidden;transition:.5s;display:flex;align-items:flex-end}
#box li .box:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:10rem;background-image:-moz-linear-gradient(270deg,transparent 0%,rgba(0,0,0,.5) 100%);background-image:-webkit-linear-gradient(270deg,transparent 0%,rgba(0,0,0,.5) 100%);background-image:-ms-linear-gradient(270deg,transparent 0%,rgba(0,0,0,.5) 100%);z-index:10}
#box li .txt{z-index:11;position:relative}
#box li .box .bg{background-size:cover !important;position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;transition:.5s}
#box li img{flex-shrink:0;width:3.625rem}
#box li h4{font-size:1.625rem;margin-top:1.5rem;line-height:1.5;white-space:nowrap;color:#fff;transition:.5s;margin-bottom:1rem}
#box li.on{flex-grow:0}
#box li.on .box h4{color:#fff}
#box li p{color:#fff;opacity:0;transition:all .5s;height:1.125rem}
#box li.on p{opacity:1}



.home-page .client-wall .holder{width:12.5%;max-width:170px}
.size-cv{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.client-wall .logos{right:auto;overflow:visible;white-space:nowrap}
.client-wall .logos{-webkit-animation:kf-client-wall-1 50s linear 0s infinite forwards;-moz-animation:kf-client-wall-1 50s linear 0s infinite forwards;-ms-animation:kf-client-wall-1 50s linear 0s infinite forwards;-o-animation:kf-client-wall-1 50s linear 0s infinite forwards;animation:kf-client-wall-1 50s linear 0s infinite forwards}
.client-wall .tier .pic{position:relative;margin:0 .5rem;box-shadow:3px 5.196px 18px 0px rgba(29,50,149,0.15);display:inline-block;width:19.25rem;height:7.8125rem;background:#fff;padding:10px;border-radius:.9375rem}
.client-wall .logos{-webkit-animation:kf-client-wall-1 50s linear 0s infinite forwards;-moz-animation:kf-client-wall-1 50s linear 0s infinite forwards;-ms-animation:kf-client-wall-1 50s linear 0s infinite forwards;-o-animation:kf-client-wall-1 50s linear 0s infinite forwards;animation:kf-client-wall-1 50s linear 0s infinite forwards}
.client-wall .tier2 .logos{-webkit-animation:kf-client-wall-2 50s linear 0s infinite forwards;-moz-animation:kf-client-wall-2 50s linear 0s infinite forwards;-ms-animation:kf-client-wall-2 50s linear 0s infinite forwards;-o-animation:kf-client-wall-2 50s linear 0s infinite forwards;animation:kf-client-wall-2 50s linear 0s infinite forwards}
@-webkit-keyframes kf-client-wall-1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}}
@-moz-keyframes kf-client-wall-1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}}
@-ms-keyframes kf-client-wall-1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}}
@-o-keyframes kf-client-wall-1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}}
@keyframes kf-client-wall-1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}}
@-webkit-keyframes kf-client-wall-2{0%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}
@-moz-keyframes kf-client-wall-2{0%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}
@-ms-keyframes kf-client-wall-2{0%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}
@-o-keyframes kf-client-wall-2{0%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}
@keyframes kf-client-wall-2{0%{-webkit-transform:translate(-33.333%,0);-moz-transform:translate(-33.333%,0);-ms-transform:translate(-33.333%,0);-o-transform:translate(-33.333%,0);transform:translate(-33.333%,0)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
.hmFocus_item{height:100vh;position:relative;overflow:hidden}
.ban-gray{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.4);z-index:1}
.hmFs_bg{height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transform:scale(1.12);transform:scale(1.12);position:absolute}
.hmFocus_item video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hmFs_layBg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.active .hmFs_bg{visibility:visible;-webkit-animation:scaleBg 6s linear forwards;animation:scaleBg 6s linear forwards}
.hmTxt{display:inline-block;position:absolute;z-index:5;left:0%;top:50%;transform:translate(0%,-50%);width:100%;color:#FFF;text-align:center}
.hmTxt img{transition:all 0.5s ease-in-out;opacity:0;transform:translate(-100px,0);margin:0 auto}
.hmTxtDes{position:relative;width:100%;padding-top:4px;height:100%;z-index:10}

/*关于我们 开始*/
.about{width:100%;overflow:hidden;background:url(../images/s_liaojie_bg.jpg) left bottom no-repeat}
.about .m{display:flex;gap:13.75rem}
.about .left{flex-shrink:0}
.about .left h2{font-size:1.875rem;color:#3e3b38;font-weight:bold}
.about .left h3{font-size:3rem;line-height:4rem;color:#00479d;font-weight:900;margin:1.75rem 0 2.5rem}
.btn_liaojie2{display:flex;align-items:center;gap:1.125rem;color:#353434;font-size:1rem;font-weight:bold}
.btn_liaojie2 span{width:4.1875rem;height:4.1875rem;border-radius:50%;color:#fff;background:#00479d;display:flex;align-items:center;justify-content:center}
.btn_liaojie2 span i{}
.btn_liaojie2:hover span i{}
.about .right{}
.about .right .txt{font-size:1.125rem;color:#414141;line-height:2.25rem;margin-bottom:3rem}
.about .right .img{width:100%}
/*关于我们 结束*/
/*产品开始*/
#prduct_main{background:#f1f4f6;}
.n_fangan{width:100%;overflow:hidden}
.fa_hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.625rem}
.fa_tt{display:flex;align-items:center;gap:1rem}
.fa_tt i{display:block;width:2.6875rem;height:2.75rem;background:url(../images/fangan_tt.png) center no-repeat;background-size:contain}
.fa_tt h3{font-size:2.875rem;color:#212121;font-weight:bold}
.n_fangan .arrbox{display:flex;gap:1rem}
.n_fangan .arrbox .arr{width:4.375rem;height:4.375rem;gap:1rem;border:2px solid #bdc1c6;transition:.5s;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.n_fangan .arrbox .arr:hover{border:1px solid #00479d;background:#00479d;color:#fff}
.n_fangan .arrbox i{font-size:1.5rem}
.n_fangan .item{padding-top:4rem}
.n_fangan .box{display:flex;background:#fff;justify-content:space-between;gap:0;padding:4rem 3rem;transition:.5s}
.n_fangan .box:hover{box-shadow:5px 8.66px 25px 0px rgba(29,50,149,0.15)}
.n_fangan .box:hover .btn_xq{border:2px solid #00479d;background:#00479d;color:#fff}
.n_fangan .swiper{overflow:visible}
.n_fangan .txt{}
.n_fangan .txt h4{font-size:1.5rem;color:#212121;font-weight:bold;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.n_fangan .txt h5{font-size:.9375rem;color:#616161;margin-top:.75rem;margin-bottom:1.5rem;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.n_fangan .txt .con{font-size:.9375rem;line-height:2.375rem;color:#515151;height:9.5rem;overflow:hidden;margin-bottom:2rem}
.n_fangan .txt .btn_xq{}
.n_fangan .img{width:17rem;flex-shrink:0}
.n_fangan .img:after{padding-top:80%}
.btn_xq{width:11.25rem;border:2px solid #e0e2e4;display:flex;align-items:center;justify-content:center;text-transform:uppercase;height:3.125rem;transition:.5s;gap:1rem;border-radius:1.5rem;font-size:1rem;color:#414141}
.btn_xq i{font-size:1rem;transition:0s}
.btn_xq:hover{border:2px solid #00479d;background:#00479d;color:#fff}
/*产品结束*/

/*新闻开始*/
.btn_xq3{width:12.5rem;height:3.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#00479d;border-radius:1.875rem 5px 1.875rem 5px;color:#fff;font-size:1rem;svg{width:1rem;height:1rem;transition:.3s;margin-left:.8125rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
&:hover svg{-webkit-transform:translateX(8px);transform:translateX(8px)}}
#news_main{background:#ffffff;}
.news{margin-top:2rem}
.news ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.news ul li{}
.news ul li .box{display:block;border-radius:.625rem;overflow:hidden}
.news ul li .img{}
.news ul li .img img{}
.news ul li .txt{padding:2.5rem 2.75rem;border-radius:0 0 .625rem .625rem;border:1px solid #dddddd;overflow:hidden}
.news ul li .txt span{font-size:.875rem;color:#818181}
.news ul li .txt h2{font-size:1.5rem;line-height:2.125rem;height:4.125rem;color:#000000;font-weight:bold;margin-top:1.5rem;margin-bottom:2.5rem}
.news ul li .txt p{font-size:.875rem;line-height:1.5rem;height:3.125rem;color:#818181;margin-bottom:1.25rem}
.mybtn02{display:flex;align-items:center;font-size:1rem;color:#717171;gap:5px}
.mybtn02 i{font-size:1.625rem}
/*新闻结束*/

/*底部下拉广告开始*/

.s_lianxi{width:100%;height:43rem;background:url(../images/s_lianxi_bg.jpg) center no-repeat;overflow:hidden;background-attachment:fixed;background-size:cover}
.s_lianxi .m{display:flex;align-items:center}
.s_lianxi .tt{color:#fff}
.s_lianxi .tt h3{margin-bottom:1.375rem;font-size:1.5rem;font-weight:bold}
.s_lianxi .tt h4{line-height:1.7;font-size:3.25rem;line-height:4rem;margin-bottom:4rem}
.btn_liaojie3.whiteborder{background:none;border:1px solid rgba(255,255,255,0.6)}
.s_lianxi .bd{position:relative}
.s_lianxi .btn_border{width:11.25rem;height:3.4375rem;border-radius:2rem}
/*底部下拉广告结束*/
