@charset "utf-8";
/* CSS Document */



/*===========================header=============================*/
#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: relative; top: 0; z-index: 998; height: 9.75rem; background: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header>.m{  height: 100%; max-width: 1760px; padding-top: 1.875rem;  }
#logo{ height: 2rem;}
#logo img{ height: 2rem;}
#header .box1,#header .box2{ display: flex; align-items: center; justify-content: space-between;}
#header .box1 .right{ display: flex; align-items: center; gap: 5rem;}
#header .box1 .right a{ font-size: 1.0625rem; color: #060606; font-weight: bold;}
#header .box1 .right a:hover{ color: #0092bc;}
#header .box1 .right>div{ display: flex; align-items: center; gap: .625rem;}
#header .box1 .right>div img{ height: 1.25rem;}
.top_tel{ font-size: 1.25rem; color: #0092bc; font-family: DISNEYENGLISH-MEDIUM; display: flex; align-items: center; gap: .5rem; }
#nav{ flex-grow: 1;  }
#nav ul{display: flex; flex-grow: 1; gap: 3rem;}
#nav ul li{ float:left; position:relative; z-index:0; text-align: center; }
#nav ul li>a{ display:block; text-transform:uppercase; font-size: 0; white-space: nowrap; font-size:1.0625rem; font-weight: bold; color:#060606; line-height:5.875rem; overflow:hidden; text-align: center; position:relative; z-index: 1; }
 #nav ul li>a:before {content: "";width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;background: #0092bc;transition: 0.3s ease-in-out; transform: scaleX(0); transform-origin: center;}
#nav ul li.on>a:before, #nav ul li:hover>a:before { transform: scaleX(1); } 
#nav li .sub {position: absolute;position: absolute; 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; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
#nav li .sub .box {text-align: left;background: #fff; min-width: 100%; min-width: 152px;padding: 1rem 0; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;}
#nav li .sub a {padding: 0 1rem;line-height: 2.75rem;transition: .3s; display: block; font-size: 1rem;color: #414141; text-align: center;white-space: nowrap;}
#nav li .sub a:hover {background: #0092bc; color: #fff;}
#nav li:hover .sub {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;transform: translateY(0px) translateX(-50%);}
.login{ display: flex; align-items: center; gap: .5rem;}
.login img{ max-width: 1.25rem;}
.top_menu_box{ display: flex; margin-left: 2rem; }
.top_menu_box .top_menu{ display: flex; min-width: 6.25rem; padding: 0 2.25rem; align-items: center; position: relative; z-index: 1; border-radius: 50%; }
.top_menu_box .top_menu a{  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.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: 1rem; height: 1rem;}
.top_menu_box .top_menu span{ margin-left: .75rem; margin-right: .375rem; font-size: 1rem; color: #fff; transition: .5s;}
.top_menu_box .top_menu.btn_search svg{ width: 1.5rem; height: 1.5rem;}
.top_menu_box .top_menu:before{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .3);transition: .5s;}
.top_menu_box .top_menu.on:before{ opacity: 0; visibility: hidden; } 
.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, 0.8); border-radius: 0 0 5px 5px; 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: #0092bc; position:absolute; left: 0; bottom: 0; transition: .5s;}
.language_sub a.on{ background: #d9e5f4;}
.language_sub a.on:after{ height: 100%;}
.language_sub a:hover{ background: #d9e5f4;}
.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: #0092bc;}
#header.xg #logo .img01{ display: block;}
#header.xg #logo .img02{ display: none;}
#header.xg .top_menu_box .top_menu svg path{ fill: #0092bc !important;}
#header.xg .top_menu_box .top_menu span{ color: #333;}
#header.xg .top_menu_box .top_menu:before{ background: rgba(0, 0, 0, 0.2);}
#header:hover{ background: rgba(255, 255, 255, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header:hover #nav ul li>a{ color: #333; }
#header:hover #nav ul li>a:before{ background: #0092bc;}
#header:hover #logo .img01{ display: block;}
#header:hover #logo .img02{ display: none;}
#header:hover .top_menu_box .top_menu svg path{ fill: #0092bc !important;}
#header:hover .top_menu_box .top_menu span{ color: #333;}
#header:hover .top_menu_box .top_menu:before{ background: rgba(0, 0, 0, 0.2);} */

.top form.search{ width: 304px; height: 2.8125rem; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; } 
.top form.search .input{ width: 100px; height: 100%; background: #f6f7f7; border: 0; flex-grow: 1; color: #fff; padding-left: 20px; font-size: .9375rem; color: #333; } 
.top form.search .button{ width: 2.8125rem; height: 100%; cursor: pointer; background: #0092bc; border: 0; outline: 0; display: flex; align-items: center; justify-content: center; transition: .5s; } 
.top form.search .button img{ width: 1.5rem;}
.top form.search .button:hover{ background: #0092bc;}
.top form.search .input::-webkit-input-placeholder{color:#838383;}
.top form.search .input::-moz-placeholder{ color:#838383;}
.top form.search .input::-moz-placeholder{ color:#838383;}
.top form.search .input::-ms-input-placeholder{ color:#838383;}
.top form.search .input:focus::-webkit-input-placeholder {color: transparent;}
.top form.search .input:focus:-moz-placeholder { color: transparent;}
.top form.search .input:focus::-moz-placeholder { color: transparent;}
.top form.search .input:focus:-ms-input-placeholder {color: transparent;}
/***********************/
 
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:996; transition:.5s; background: #fff;  }
#m_header.xg{ background: #0092bc;}
/* #m_header.xg #logo .img01{ display: block;}
#m_header.xg #logo .img02{ display: none;} */
/* .xg .menubtn span:after,
.xg .menubtn span:before{ background: #333; } */
#m_header .m{ position:relative; height:100%; display: flex; align-items: center; justify-content: space-between;}
#m_header .login{ margin-right: 6rem;}
#m_header #logo img{ height: 36px;}
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav .top_search{ display: flex; justify-content: center; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem;}
/*搜索*/
.top_search{ width: 100%; display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; opacity: 0;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(30px);} 
#m_nav .top_tel{ display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; opacity: 0;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(30px);} 
#m_nav.act .top_search{ opacity: 1;transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(0); }
#m_nav.act .top_tel{ opacity: 1;transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(0); }

.top_search form{ width: 100%; height: 3rem; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; } 
.top_search form .input{ width: 100px; height: 100%; background: #f6f7f7; border: 0; flex-grow: 1; color: #fff; padding-left: 20px; font-size: .9375rem; color: #333; } 
.top_search form .button{ width: 3rem; height: 100%; cursor: pointer; background: #0092bc; border: 0; outline: 0; display: flex; align-items: center; justify-content: center; transition: .5s; } 
.top_search form .button img{ width: 1.5rem;}
.top_search form .button:hover{ background: #0092bc;}
.top_search form .input::-webkit-input-placeholder{color:#838383;}
.top_search form .input::-moz-placeholder{ color:#838383;}
.top_search form .input::-moz-placeholder{ color:#838383;}
.top_search form .input::-ms-input-placeholder{ color:#838383;}
.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;}

#m_nav {
    z-index: 997;
    position: fixed;
    background: #FFF;  
    background-size: cover;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); 
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0; transform-origin: left;
    }
    #m_nav .topbox{ display: flex; justify-content: space-between; flex-direction: column; padding: 0 10%; align-items: center;}
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(220 220 220 / 10%);}
#m_nav li .a{ display: block;  }

#m_nav li h3{line-height:4.5rem;height:4.5rem;color: #333;padding:0;font-size:1.25rem; font-weight: bold; display: flex;  justify-content: space-between; transform: translateY(100%);overflow: hidden; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 0;}
#m_nav.act li h3{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
#m_nav li .a{ flex-grow: 1;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li i{ font-size:0;}
#m_nav .title i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 30px;height:4.5rem; opacity: .8; float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:14px;}
#m_nav li.on.title i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
#m_nav .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; transform: translateY(100%); opacity: 0; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
#m_nav.act .title .list a{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}
 

.search-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0; transition: .6s;left: 0;right: 0;z-index: 1;  background-image: -moz-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.search-dialog-box .search-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0,0,0,.7);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
    transform:translateY(100%);
    transition: .6s;
}
.header-right .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
    position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
    width:6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
    width:12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
    width:36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
    width:56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
    width:54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
    background-color: #fff;
    opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
    width:56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
    width:2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
    width:1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
    width:16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
    width:56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
    animation:spin 8s infinite linear;
    transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
    animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
    animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
    transform-origin: 30% 30px;
}
.search-dialog{
    position: absolute;
    left: 0;
    top: 50%;

    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.search-dialog .search-tit{
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}
.search-dialog .search-inner{
    overflow: hidden;
    margin-top: 0;
}
.search-dialog .search-input{
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255,255,255,.1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
}
.search-dialog .search-input input[type=text]{
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    color: #fff;
    transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}
.search-dialog .search-input input[type=submit]{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
    background-color: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}
.search-dialog .search-input.on{
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
    background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search{
    font-size: 0;
    width:19.5rem;
    margin:.6rem auto 0;
    box-sizing: border-box;
    padding:0 .6rem;
    overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url(../images/hot-icon.png);
}
.search-dialog .hot-link{
    margin-left: 1rem;
}
.search-dialog .hot-link a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color:#fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before{
    content: "";
    position: absolute;
    left:0%;
    bottom:0;
    width:100%;
    height: 2px;
    background-color: #fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .3s;
}
.search-dialog-box .bottom-box{
    position: absolute;
    left: 0;
    bottom:5.1%;
    width:100%;
}
.search-dialog-box .bottom-box .share-box{
    overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
    font-size: .35rem;
    line-height:.5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg{
    visibility: visible;
    opacity: 1;
}
.header-right.is-open .search-btn .con-box{
    display:none;
}
.header-right.is-open .close-btn{
    display:block;
}
.header-right.is-open .item .search-bg{
    transform:scale(1);
}
.search-dialog-box.on{
    opacity: 1;
    visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.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 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition:.6s
}
.pub-close i: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);
    }
}


/*首页banner*/
#banner{ position: relative; z-index: 0;}
#banner .swiper-container { height:calc(100vh - 9.75rem);  }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}
#banner .txt{ color: #fff; height: 100%; padding-top:15%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#banner .txt{ opacity: 0; } 
#banner .txt .btnbox{ display: flex; gap: 20px;}
#banner .swiper-button-prev{ background:url(../images/banner_left.png) center no-repeat !important; background-size:1.5rem !important; opacity:.8; left:4%;}
#banner .swiper-button-next{ background:url(../images/banner_right.png) center no-repeat !important; background-size:1.5rem !important; opacity:.8; right:4%;}
#banner .swiper-slide.swiper-slide-active .txt{ animation: enter 1.2s forwards .2s;} 
#banner .btnbox{ display: flex; gap: 1.25rem;}
#banner .s_btn{ width: auto; padding:0 2rem; height: 4.1875rem; margin-top: 5.5rem; display: flex; align-items: center; justify-content: center; border-radius: 5px; gap: 1.125rem; background: #0092bc; color: #fff; line-height: 1.3;}
#banner .s_btn img{ width: 2rem;}
#banner .s_btn p{ font-size: 1.0625rem;}
#banner .s_btn span{ font-size: .9375rem;}
#banner .s_btn:nth-child(2){ background: #fff; color: #333;} 
#banner .botbox{position: absolute;left: 0;top: 20%;width: 100%; z-index: 999}
#banner .botbox .m{display: flex;align-items: center; justify-content: flex-start; color: #fff;}
#banner .botbox .pagination {width: 6rem;margin: 0 1rem;text-align: center;font-family: DISNEYENGLISH-MEDIUM; }
#banner .botbox .arr {font-family: "swiper-icons";cursor: pointer}
#banner .swiper-pagination-current {
    font-size: 1.75rem;font-family: DISNEYENGLISH-MEDIUM; 
    color: #fff;
    width: 2.5rem;
    display: inline-block
}

#banner .pagination {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, .5);
}

#banner .swiper-pagination-current:before {
    content: "0";
    display: inline-block
}

#banner .swiper-pagination-total:before {
    content: "0";
    display: inline-block
}

@-webkit-keyframes svgrotate {
    0% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray: 0 , 62.8;
        stroke-dashoffset:62.8;}
    100% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray:62.8 , 0;
        stroke-dashoffset:62.8; }
 }
@keyframes enter {
 }
 
@-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); }
}
 
/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #0092bc;}

/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #0092bc;}
#m_n_nav .m{  display: flex; align-items: center; justify-content: space-between;}
#bnt_back { }
#bnt_back svg { fill: #fff; vertical-align: middle; width: 26px; height: 26px; }
#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: #f0f3f5;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 #0092bc; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #0092bc; }
#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: #0092bc; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #0092bc; }
#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: #0092bc;}
#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: #0092bc; }


 

.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q .close{ position:absolute; right: -1rem; font-size: 1rem; color: #969797; opacity: 1; font-weight: normal; display: block; cursor: pointer;}
.online_q .btn2{width:3.75rem; height:3.75rem; cursor:pointer; position:relative; margin-bottom:5px; }
.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}
.online_q .btn-top span{ }
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:flex; align-items: center; background: #aaaaac; justify-content: center; float:left; text-align: center; width:3.75rem; height:3.75rem; line-height: 3.75rem; position:relative; z-index:999;  transition:.3s; -webkit-transition:.3s; border-radius: 50%; overflow: hidden;}
.online_q .btn2:nth-child(5) span{ background: #0092bc;}
.online_q .btn2:hover span{background: #0092bc; }
.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .open.pic h5{ font-size: 12px; color: #777; text-align: center; line-height: 25px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:5rem;visibility:visible;}
.online_q .open.phone{ display:inline-block; height:3.75rem; line-height:3.75rem; z-index:0; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:left;  width:150px;}
.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}
.btn-tel a{ display:block; width:3.75rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}
.btn-tel:hover a{ width:200px;}
.online_q .btn-02.btn-tel:hover span{ background:url(../images/piaofu_tel.png) center no-repeat #fff; border:2px solid #0092bc;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.btn2.btn-tel a{ z-index: 1;}
.btn2.btn-tel a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#aaaaac; z-index: -1; border-radius: 2.5rem; transition: .3s; }
.online_q .btn2.btn-tel:hover a:before{background: #0092bc;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}

.online_q img{ display: inline-block;}
.wap_foot_nav{ display: none;}



.btn_liaojie2 {
    display: flex;
    align-items: center;
    gap: 1.125rem;
    color: #353434;
    font-size: 1.0625rem;
    font-weight: bold;
  }
  
  .btn_liaojie2 span {
    width: 4.1875rem;
    height: 4.1875rem;
    border-radius: 50%;
    color: #fff;
    background: #0092bc;
    display: flex;
    align-items: center;
    justify-content: center; transition: .5s;
  }
  
  .btn_liaojie2 span svg{ width: 1.25rem;}
  
  .btn_liaojie2:hover span { background: #0092bc; }
  
.s_about{ background: url(../images/s_about_bg.jpg) center top no-repeat; background-size: cover;}
.s_about .m{ display: flex; align-items: center; gap: 7.5rem;}
.s_about .left{}
.s_about .left h3{ font-size: 2.25rem; font-weight: bold; color: #414141; margin-bottom: 2rem;}
.s_about .left h3 span{ color: #0092bc;}
.s_about .left .txt{ margin-bottom: 2.5rem;}
.s_about .left .txt p{ font-size: 1.0625rem; color: #414141; line-height: 2rem;}
.s_about .right{ flex-shrink: 0; width: 46.875rem; position: relative;}
.s_about .right .img{ width: 100%; border-radius: .625rem; overflow: hidden; position: relative; z-index: 3;}
.s_about .right .img img{}
.s_about .right .border{ position: absolute; left: -2rem; top: 2rem; border-radius: .625rem; border: 1px solid #0092bc; display: block; width: 100%; height: 100%; }

.s_shuzi{ margin-top: 7rem;display: flex; align-items: center;}
.s_shuzi .line{ display: flex; flex-grow: 1; align-items: center; }
.s_shuzi .line i{ flex-grow: 1; width: calc(100% - 1rem); height: 1px; background: #ced3d8; }
.s_shuzi .line span{ flex-shrink: 0; width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #ced3d8;}
.s_shuzi ul{ display: flex; justify-content: space-around; width: 62.5rem; max-width: 80%;}
.s_shuzi ul li{ }
.s_shuzi ul li div{ display: flex; }
.s_shuzi ul li span{ font-size: 3.5rem; color: #0092bc; font-family: DISNEYENGLISH-MEDIUM; }
.s_shuzi ul li i{ flex-shrink: 0; margin-top: .125rem; font-size: 1.25rem;  color: #0092bc; margin-left: .5rem;}
.s_shuzi ul li p{ font-size: 1rem; color: #2c2c2e; margin-top: .75rem; }

.s_hd{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3.25rem; }
.s_hd .s_tt{ margin-bottom: 0; text-align: left; }
.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_tt.white h2{ color: #fff; }
.s_tt.white p{ color: #fff; }

 
.btn_liaojie3{ display: flex; align-items: center; justify-content: center; text-transform: uppercase; width: 11.25rem; height: 3.4375rem;
    gap: 1rem; border-radius: 3rem; font-size: 1.125rem; background: #0092bc; color: #fff;}
.btn_liaojie3 i{ font-weight: bold; font-size: .875rem; transition: .5s;}
.btn_liaojie3:hover i{ transform: translateX(10px);}

.s_news{ background: url(../images/s_news_bg.jpg) center no-repeat; background-size: cover;}
.s_news ul{ display: flex; gap: 5rem;}
.s_news .box{ display: block; border-radius: .625rem; overflow: hidden;}
.s_news .box .img{}
.s_news .box .txt{ background: #fff; padding: 3rem 2.25rem;}
.s_news .box .txt .tag{ font-size: .9375rem; color: #929292; margin-bottom: 1.25rem; }
.s_news .box .txt h4{ font-size: 1.375rem; line-height: 2.125rem; height:4.25rem; color: #131313; margin-bottom: 2.5rem; }
.s_news .box .txt .btn_xq2{ display: flex; align-items: center; color: #909090; gap: .875rem; transition: .5s;}
.s_news .box .txt .btn_xq2 span{ display: flex; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; border-radius: 50%; background: #dfe1e3; }
.s_news .box .txt .btn_xq2 span i{ color: #909090; font-size: .5rem;}

.s_news .box:hover .txt .btn_xq2{ color: #0092bc; }
.s_news .box:hover .txt .btn_xq2 span{  background: #0092bc; }
.s_news .box:hover .txt .btn_xq2 span i{ color: #fff; }


.arrstyle{}
.arrstyle .bd{ position: relative;}
.arrstyle .bd .arr{ position: absolute; top: 50%; transform: translateY(-50%); width: 4.5rem; height: 4.5rem; border: 1px solid #bdc1c6; transition: .5s; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.arrstyle .bd .arr svg{ width: 1.25rem; height: 1.25rem;}
.arrstyle .bd .arr path{fill:#737577}
.arrstyle .bd .arr_left{ left: -7rem;}
.arrstyle .bd .arr_right{ right: -7rem;} 
.arrstyle .bd .arr:hover{ border: 1px solid #0092bc; background: #0092bc; color: #fff;}
.arrstyle .bd .arr:hover path{ fill: #fff;}
@media (max-width: 1440px)
{
    .arrstyle .bd .arr{  width: 4rem; height: 4rem; }
    .arrstyle .bd .arr_left{ left: -5rem;}
    .arrstyle .bd .arr_right{ right: -5rem;} 
}
@media (max-width: 768px)
{
.arrstyle .bd { padding-bottom: 5.5rem;}
.arrstyle .bd .arr{ transform: none; width: 3rem !important; height: 3rem !important;}
.arrstyle .bd .arr svg{ width: 1rem; height: 1rem;}
.arrstyle .bd .arr_left { left: 50%;margin-left: -3.5rem;bottom: 0;top: auto !important;}
.arrstyle .bd .arr_right {right: 50%;margin-right: -3.5rem;bottom: 0;top: auto !important;}
 
}


.s_hd .arrbox{ display: flex; gap: .75rem; }
.s_hd .arrbox .arr{ width: 4rem; height: 4rem; border: 2px solid #bcc6d2; transition: .5s; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.s_hd .arrbox .arr i{ font-size: 1.625rem; color: #7f8182; }
.s_hd .arrbox .arr:hover{ border: 2px solid #0092bc; background: #0092bc;}
.s_hd .arrbox .arr:hover i{ color: #fff;}

.s_solution{ background: url(../images/s_solution_bg.jpg) center no-repeat; background-size: cover;}
.s_solution .bd{}
.s_solution .bd .box{ display: flex; flex-direction: column; background: #fff; border-radius: 1rem; padding: 2rem;}
.s_solution .bd .box .img{
    /*width: 16.5625rem; */
    max-width: 100%; overflow:hidden;
/*border-radius:100%;*/
margin: 0 auto; margin-bottom: 3rem;}
/*.s_solution .bd .box .img:after{ padding-top: 100%;}*/
.s_solution .bd .box .txt{}
.s_solution .bd .box .txt h4{ 
    /*font-size: 1.625rem;*/
    color: #212121; font-weight: bold; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; margin-bottom: 1rem;}
.s_solution .bd .box .txt p{ font-size: 1rem; color: #616161; line-height: 1.875rem;}
.s_solution .bd .box .txt span{ display: flex; width: 2rem; height: 2rem; margin-top: 1.5rem; align-items: center; justify-content: center; background: #dde6ec; transition: .5s; border-radius: 50%;}
.s_solution .bd .box .txt span svg{ width: 1.25rem;}
.s_solution .bd .box:hover .txt span{ background: #0092bc;}
section{ overflow: hidden; width: 100%;}
.s_coop{ background: url(../images/s_coop_bg.jpg) center no-repeat; background-size: cover;}
.s_coop .s_hd ul {
    text-align: left;
    float: right; display: flex; align-items: center; gap: 1rem;
  }
  
.s_coop .s_hd .slick-track {
    margin-right: 0;
  }
  
.s_coop .s_hd ul li { 
    text-align: center;
  }
  
.s_coop .s_hd ul li a {
    display: flex; align-items: center; justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
    font-size: 1.125rem;
    color: #fff; 
    width: 8rem; height: 3.4375rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }
  
.s_coop .s_hd ul li a:before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff; opacity: .35;
    border-radius: 2rem;
  }
  
.s_coop .s_hd ul li a:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }
  
.s_coop .s_hd ul li.on a {
    color: #0092bc;
  }
  
.s_coop .s_hd ul li.on a:before {
    border: 1px solid #fff;
  }
  
.s_coop .s_hd ul li.on a:after {
    width: 100%;
  }
  .s_coop .bd{}
  .s_coop .bd .img{ background: #fff; border: 1px solid #f1f0f0;}
  .s_coop .bd .img:after{ padding-top: 56%;}
  .s_coop.arrstyle .bd .arr{ border: 0; background: none;}
  .s_coop.arrstyle .bd .arr i{ color: #fff; font-size: 1.25rem;}
  /* .s_coop.arrstyle .bd .arr_left{ left: -5rem;}
  .s_coop.arrstyle .bd .arr_right{ right: -5rem;} */

  .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_link{ width: 250px; max-width: 100%; position: relative; z-index: 99;}
.foot_link dl{ position: relative; }
.foot_link dt{ height: 2.8125rem; padding: 0 1.25rem; font-size: .875rem; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.foot_link dt i{ width: .75rem;}
.foot_link dt i path{ fill: #999;}
.foot_link dd{ position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding-bottom: 2.9375rem; }
.foot_link dd:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #bbb; background: #fff; z-index: -1;}
.foot_link dd .box{ padding: 1rem 1.25rem 0; display: none; }
.foot_link dd .box a{ display: block; color: #888; font-size: .875rem; line-height: 2; transition: .3s;}
.foot_link dd .box a:hover{ color: red;}

#foot{ padding-top: 4.75rem;}
#foot .m{}
.foot_logo{ margin-bottom: 2.25rem;}
#foot .m .left{flex-grow: 1;}
#foot .m .right{ display: flex; gap: 2.5rem; }
#foot .box1{ display: flex; justify-content: space-between; align-items: flex-start; gap: 5rem;}
#foot .box2{ display: flex; justify-content: space-between; align-items: center; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #e6e9ec; padding-bottom: 3rem;}
.copyright{ font-size: 1rem; color: #b1b1b1;}

.ewmbox .ewm img {
    width: 8.125rem;
    height: 8.125rem;
    border: #e5e5e5 1px solid
}

.ewmbox  h6 {
    font-size: .9375rem;
    color: #696969; text-align: center;
    line-height: 1.875;
    margin: .125rem 0 0
}
.foot_tel{}
.foot_tel h6{ font-size: 1rem; color: #808080; margin-bottom: .5rem;}
.foot_tel p{ font-size: 1.75rem; color: #017198;font-family: DISNEYENGLISH-MEDIUM; margin-bottom: 1.875rem; }
.foot_add{ font-size: 1.0625rem; color: #414141; line-height: 1.875rem;}
.foot_add img{}
.foot_social{ margin-top: 2.75rem;}
.foot_social ul{ display: flex; gap:1.25rem; }
.foot_social ul li{ flex-shrink: 0; position: relative; width: 3rem; height: 3rem; background: transparent; border: 1px solid #0092bc; 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 .ico_tgl img{ width: 1.5rem; color: #a7abaf;} 
.foot_social ul li:hover a i{ color: #fff;}
.foot_social ul li:hover{ background: #0092bc; border: 1px solid #0092bc;}
.foot_social ul li:hover a i{ color: #fff;}
.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: 0; 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;}

#m_logo img{ height: 1.875rem;}


.n_banner{ background-size: cover !important; position:relative;overflow:hidden;z-index:1; height: 31.25rem;}
.n_banner .m{ display: flex; align-items: center; color: #fff;}
.n_banner .txt{}
.n_banner .txt p{ font-size: 1.25rem; font-family: Poppins; margin-bottom: .5rem; color: #0092bc;}
.n_banner .txt h3{ font-size: 3.375rem; color: #ffffff; font-weight: bold;}

.n_title { padding: 0;position: relative; }
.n_title:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e6e9ea; }
.n_title .m { position: relative }
.n_title .m {position: relative;height: 75px; }
.n_nav { position: relative; }
.n_nav a {display: inline-block;height: 75px;font-size: 1.0625rem; float: left; line-height: 75px;color: #414141;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 2.875rem;}
.n_nav a strong {display: block; position: relative;z-index: 4;height: 75px;line-height: 75px;transition: 0.6s ease-in-out;font-weight: normal;}
.n_nav a:before {content: "";width: 0;height: 4px;position: absolute;bottom: -1px;left: 0;background: #0092bc;transition: 0.6s ease-in-out;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; }
.n_nav .on, .n_nav a:hover {height: 75px;line-height: 75px;color: #0092bc;}
.layui-col-md4 { height: 75px }
.position {line-height: 75px;left: 0;bottom: 0;color: #8e8e8e; font-size: .875rem; display: flex; align-items: center; gap: .25rem;}
.position svg{ width: 1.25rem; margin-right: 1rem; }
.position span, .position a, .position i {font-size: .875rem;color: #8e8e8e;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i {margin: 0px 3px;font-style: normal;font-family: simsun;}
.position i img { vertical-align: middle; margin-top: -2px; }
.position em {font-size: .875rem;color: #0092bc;font-style: normal;}
.position a:hover {color: #0092bc;}
 
.n_solution{ background: url(../images/s_solution_bg.jpg) center no-repeat; background-size: cover;}
.n_solution ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 3.125rem; }
.n_solution ul li .box{ display: flex; flex-direction: column; background: #fff;  }
.n_solution ul li .box .img{ width: 100%; margin: 0 auto; }
.n_solution ul li .box .txt{ padding: 2.5rem 3rem;}
.n_solution ul li .box .txt h4{ font-size: 1.625rem; color: #212121; font-weight: bold; margin-bottom: 1rem;}
.n_solution ul li .box .txt span{ display: flex; width: 2rem; height: 2rem; margin-top: 1.5rem; align-items: center; justify-content: center; background: #dde6ec; transition: .5s; border-radius: 50%;}
.n_solution ul li .box .txt span svg{ width: 1.25rem;}
.n_solution ul li .box:hover .txt span{ background: #0092bc;}

.page .box {
    display: flex;
    margin-top: 2.75rem;
    flex-wrap: wrap;
  }
  
  .page .centers {
    justify-content: center;
  }
  
  .page a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #464c52;
    margin-right: 0.625rem;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    flex-shrink: 0;
    min-width: 3.125rem;
    height: 3.125rem;
  }
  
  .page a.on {
    border: 1px solid #0092bc;
    background: #0092bc;
    color: #fff;
  }
  
  .page a.on svg path {
    fill: #fff;
  }
  .page a:hover {
    border: 1px solid #0092bc;
    background: #0092bc;
    color: #fff;
  }
  
  .page a:hover svg path {
    fill: #fff;
  }
  
.tc_pro_xq{ background: url(../images/tc_case_bg.jpg) center no-repeat; background-size: cover; width: 1200px; max-width: 90%; border-radius: 1.25rem; padding: 4.5rem; position: relative;}
.tc_pro_xq h3{ font-size: 1.75rem; color: #000000; font-weight: bold; line-height: 1.4; margin-bottom: 1.125rem;}
.tc_pro_xq .tt .tag{ display: flex; flex-wrap: wrap; gap: .625rem;}
.tc_pro_xq .tt .tag span{ padding: 0 .9375rem; display: block; background: #edf0f5; border-radius: 2rem; line-height: 2.125rem;}
.tc_pro_xq .con{ font-size: 1rem; color: #515151; line-height: 1.75rem; max-height: calc(100vh - 20rem); overflow: auto; margin-right: -1rem; padding-right: 1rem;}
.tc_pro_xq .con img{ margin: 2rem 0 1rem;}
.tc_pro_xq .con img:last-child{ margin-bottom: 0;}
.tc_pro_xq .con::-webkit-scrollbar-thumb{ background: rgba(0, 0, 0, 0.2);}
.tc_pro_xq .con::-webkit-scrollbar-track,.tc_pro_xq .con::-webkit-scrollbar{ background: transparent;}
.tc_pro_xq .tc_close{ right: 2.5rem; top: 2.5rem; transform: none;}
.tc_pro_xq .tc_close:hover path{ fill: #0092bc;}



#n_join{ width: 100%; height: 100%; overflow: hidden;   }
#n_join #list_slide{  position:relative; }
#n_join #list_slide dl{ position: relative; margin-bottom: 10px; z-index: 1; }
#n_join #list_slide dl:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #e3e5e8; pointer-events: none;}
#n_join #list_slide dt{ display: flex; justify-content: space-between; align-items: center; position:relative; cursor:pointer; height:5.25rem; transition:.5s; padding: 0 2.25rem; background: #fff; }
#n_join #list_slide dt h3{  color:#505050; font-size:1rem; overflow:hidden; display:grid; grid-template-columns: 1fr .8fr .8fr; flex-grow: 1; }
#n_join #list_slide dt h4{ display:block; float:left; margin-bottom: 1rem; font-weight:bold; font-size: 1.25rem; width: 30%; color: #000000; transition: padding .5s !important; -webkit-transition: padding .5s !important; -moz-transition: padding .5s !important; -ms-transition: padding .5s !important; -o-transition: padding .5s !important; }
#n_join #list_slide dt h3 span{ font-size:1.0625rem;  color: #3b3b3b;font-family: Poppins-Regular,"苹方","微软雅黑", arial; float: left; display: flex; align-items: center; }
#n_join #list_slide dt h3 span:first-child{ min-width: 55%; flex-shrink: 0;}
#n_join #list_slide dt h3 span b{ font-size: 1.375rem; color: #3b3b3b; font-weight: bold;height: 2rem; line-height: 2rem; overflow: hidden; display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#n_join #list_slide dt h3 span svg{height:1.75rem; width: 1.75rem; margin-right: 1.125rem;}
#n_join #list_slide dt h3 span svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_join #list_slide dt .tgl{ flex-grow: 0; flex-shrink: 0; margin-left: 10%; width: 2.25rem; height: 2.25rem; display: flex; border-radius: 50%; border: 1px solid #ddd; align-items: center; justify-content: center; position: relative; transition: .4s;}
#n_join #list_slide dt .tgl i{width: 1rem; height: 1rem; position: relative;}
#n_join #list_slide dt .tgl i:before{ content: ""; display: block; width: 100%; height: 1px; background: #acacac; position: absolute; top: 50%; left: 0; transition: .4s; }
#n_join #list_slide dt .tgl i:after{ content: ""; display: block; width: 100%; height: 1px; background: #acacac; position: absolute; top: 50%; left: 0; transform: rotate(90deg); transition: .4s; }
#n_join #list_slide dl.on{ }
#n_join #list_slide dl.on dt .tgl i:before{ background: #fff;}
#n_join #list_slide dl.on dt .tgl i:after{ background: #fff; transform: rotate(180deg); }
#n_join #list_slide .on dt{  background:#0092bc; }
#n_join #list_slide .on dt h3 span{ color:#fff; }
#n_join #list_slide .on dt h3 span b{ color:#fff; }
#n_join #list_slide .on dt h4{ color:#fff;  }
#n_join #list_slide .on dt span svg path{fill: #fff;} 
#n_join #list_slide dd{ display:none; transition: 0s; line-height:2rem; font-size: .9375rem; padding: 2.375rem 3rem 3rem; background: #fff ; border-bottom: 0; }
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ display: flex; flex-direction: row-reverse; }
#n_join #list_slide dd .content { color:#707578; line-height: 1.875rem; font-size: .9375rem;  }
#n_join #list_slide dd .content p{  color:#707578;  line-height: 1.875rem; font-size: .9375rem;   } 
#n_join #list_slide .btn_send{  padding: 1rem 3.5rem; line-height: 1.5rem; border-radius: 5px; display:inline-flex; align-items: center; justify-content: center; text-align:center;  color:#fff; font-size:1rem; background: #0092bc; margin-top: 2.5rem;
}
#n_join #list_slide .btn_send i{ font-size: 1.75rem; margin-left: .5rem; }
#n_join #list_slide dd ul{ margin-bottom: 2rem;}
#n_join #list_slide dd ul li{list-style: decimal; margin-left:1.3em; font-size: .9375rem; color: #6f6f6f; line-height: 1.875rem;}
#n_join #list_slide dd ul li a{ color: #0092bc;}
#n_join #list_slide dd .tt{ font-size: 1.5rem; color: #000000; margin-bottom: 1.875rem;}
#n_join #list_slide dd .tt span{ font-size: 1.625rem; color: #0092bc; font-family: "Myriad Pro",arial; display: inline-block; margin-left: .625rem;}
#n_join #list_slide .btn_send:hover{ } 
#list_slide .content{ overflow: hidden;}
#list_slide .content .left{ width: 62%; padding-right: 3.25rem; }
#list_slide .content .right{ width: 38%; }
#list_slide .content .right .flex{display: flex;  }
#list_slide .content .right .pic{ flex-shrink: 0; width: 7.4375rem; margin-right: 2rem;}
#list_slide .content .right .applybox{ display: flex; color: #404044; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#list_slide .content .right .tt{ font-size: 1.5rem; font-weight: bold; color: #000000;}
#list_slide .content .scrollbox{ height:28.5rem; overflow: auto; padding-right: 2.5rem;}
.scrollbox::-webkit-scrollbar {width:2px;height: 8px;background-color: #d9dce0;}
.scrollbox::-webkit-scrollbar-track {border-radius: 10px;background-color: #d9dce0;}
.scrollbox::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #0092bc; box-shadow: 0;-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);}
#list_slide .content .right .li+.li{ margin-top: 1rem;}
#n_mian{ background: url(../images/n_bg.jpg) center top no-repeat; background-size: 100%;}
.n_baomi .bdbox{ display: flex; justify-content: center; position: relative; overflow: hidden;}
.n_baomi .box{ position: relative; }
.n_baomi .bd{ position: absolute; left: 0; top: 0; padding: 6% 8%; height: 100%;}
.n_baomi h3{ font-size: 2.875rem; color: #0092bc; font-weight: bold; text-align: center; margin-bottom: 2.25rem; }
.n_baomi .con{ font-size: 1.0625rem; line-height: 2.375rem; height: 35%; overflow: auto; padding:20px;}
.n_subnav{ margin-bottom: 3.5rem; }
.n_subnav ul { display: flex; align-items: center; justify-content: center; gap: 1rem;
}
.n_subnav ul li { 
}
.n_subnav ul li a {
    padding: 0 1rem;
    display: block;
    border: #cfcfcf 1px solid;
    border-radius: 3rem;
    height: 3.75rem; min-width: 12.1875rem;
    line-height: 3.75rem;
    text-align: center;
    font-size: 1.125rem;
    color: #212121;
    transition: .5s
}
.n_subnav ul li.on a{ color: #fff; border: #0092bc 1px solid; background: #0092bc; }
.n_subnav ul li a:hover{ color: #fff; border: #0092bc 1px solid; background: #0092bc; }


.xq_qicai{ padding: 0 !important;  }
.xq_qicai .xq_con{ display: flex; background: #fff;  position: relative; }
.xq_qicai .m .left_con{ padding: 4.875rem 0; padding-right: 3.125rem; flex-grow: 1;}
.xq_qicai .m .right_con{ padding: 4.875rem 0; width: 27.5rem; flex-shrink: 0; padding-left: 3.125rem; border-left: 1px solid #ecedee;}

.right_tuijian .tt{ font-size: 1.75rem; color: #3d3d3d; font-weight: bold; margin-bottom: 1.5rem; }
 
.right_tuijian ul li a{ display: flex; padding: 1.25rem 0; border-bottom: 1px solid #ecedee; align-items: center;}
.right_tuijian ul li:first-child a{ padding-top: 0;}
.right_tuijian ul li .img{ width: 8.75rem; height: 5.625rem; flex-shrink: 0; border-radius: .625rem; }
 
.right_tuijian ul li .txt{ padding-left: 1rem;}
.right_tuijian ul li .txt h5{ font-size: 1rem; color: #252525; margin-bottom: .875rem;}
.right_tuijian ul li .txt span{ display: block; font-size: .8125rem; color: #4f4f4f; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right_tuijian ul li .txt span:before{ content: ""; display: block; width: 1.0625rem; height: 1.0625rem; background: url(../images/ico_zu.png) center no-repeat; background-size: contain; margin-right: 6px;}

.right_tuijian ul li .txt2{ padding-left: 1rem;}
.right_tuijian ul li .txt2 p{ font-size: 1rem; line-height: 1.375rem; color: #3d3d3d; overflow: hidden;}
.right_tuijian ul li:hover .txt2 p{ color: #0092bc;}
.right_tuijian ul li .txt2 span{ font-size: .8125rem; color: #717171; font-family: "BarlowCondensed-Regular"; display: flex; align-items: center; margin-bottom: .875rem;}
.right_tuijian ul li .txt2 span svg{ width: 1rem; margin-right: 5px;}
.right_tuijian ul li .img.img2{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.right_tuijian ul li .txt3{ padding: 1rem;}
.right_tuijian ul li .txt3 h5{ font-size: 1.125rem; line-height: 1.5rem; color: #252525; max-height: 3rem; overflow: hidden; margin-bottom: .625rem;}
.right_tuijian ul li .txt3 p{font-size: .8125rem; line-height: 1.25rem; color: #7f7f7f; height: 2.5rem; overflow: hidden; }

.ar_title{ display: flex; align-items: center; margin-bottom: 2.25rem;}
.ar_title .time{ width: 6.5625rem; height: 6.5625rem; flex-shrink: 0; background: #0092bc;  margin-right: 1.875rem; padding-top: .5rem;  color: #fff;
     border-radius: .5rem; display: flex; flex-direction: column; align-items: center; justify-content: center;  line-height: 1;
       -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem;
  }
.ar_title .time p{  font-family: Poppins-Regular; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: skewX(-10deg);
      font-size: .75rem; }
.ar_title .time span{ font-size: 2.375rem; font-family: Poppins-SemiBold; display: block; margin-top: .5rem;  }
.ar_title h3{ line-height: 2.5rem; font-size: 2rem; color: #3d3d3d; font-weight: bold;}

.shart_box{display:inline-block; cursor:pointer}
#share-21.social-share{ margin-top: 0;}
#share-21.social-share .social-share-icon{ display:inline-block; border:#dbdcdf 1px solid; color:#a0a0a0 !important; margin: 0 4px !important; transition: .5s; font-size: 1.125rem; width: 3.25rem; height: 3.25rem; line-height: 3.125rem; }
#share-21.social-share .social-share-icon:hover{  border:1px solid #0092bc; background: #0092bc; border-radius: 50%; }
#share-21.social-share .social-share-icon:hover:before{ color: #fff;}
#share-21.social-share .icon-wechat .wechat-qrcode .qrcode{ height: 105px;}
.social-share .icon-wechat .wechat-qrcode{ z-index: 999999;}

.ar_fot{ display: flex; align-items: center; justify-content: space-between; margin-top: 3.5rem; border-top: 2px solid #edeff1; padding-top: 2.25rem; gap: 2rem;} 
.ar_fot a span{ font-size: 1rem; color: #4d4d4d; display: block; margin-bottom: 1.25rem; }
.ar_fot a h4{ font-size: 1rem; font-weight: bold; color: #4d4d4d; transition: .3s; }
.ar_fot a :hover h4{ color: #0092bc;}
.right_con>div{ position: sticky; top: 8rem; }
.ar_fot a h4:hover{ color: #0092bc;}

.n_news{}
.n_news .bd ul{ display: grid; gap: 3.5rem 3.125rem; grid-template-columns: repeat(3,1fr);}
.n_news .bd ul .box{ display: block; border-radius: .625rem; overflow: hidden;}
.n_news .box .img{}
.n_news .box .txt{ background: #fff; padding: 3rem 2.25rem;}
.n_news .box .txt .time{ font-size: .875rem; color: #606060; margin-bottom: 1.25rem; font-family: DISNEYENGLISH-MEDIUM; }
.n_news .box .txt h4{ font-size: 1.375rem; line-height: 2.125rem; height: 4.25rem; color: #131313; margin-bottom: 2.5rem; }
.n_news .box .txt .btn_xq2{ display: flex; align-items: center; color: #909090; gap: .875rem; transition: .5s;}
.n_news .box .txt .btn_xq2 span{ display: flex; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; border-radius: 50%; background: #dfe1e3; }
.n_news .box .txt .btn_xq2 span i{ color: #909090; font-size: .5rem;}

.n_news .box:hover .txt .btn_xq2{ color: #0092bc; }
.n_news .box:hover .txt .btn_xq2 span{  background: #0092bc; }
.n_news .box:hover .txt .btn_xq2 span i{ color: #fff; }

.n_fangan{ }
.n_fangan .bd{}
.n_fangan .bd ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 2.25rem 2.375rem; }
.n_fangan .bd ul li{ }
.n_fangan .bd ul li .box{ display: flex; align-items: center; gap: 2.375rem; background: #fff; border-radius: 1rem; padding: 3rem 2rem;}
.n_fangan .bd ul li .box .img{ width: 16.5rem; 
border-radius: 6px;
margin: 0 auto; max-width: 90%; flex-shrink: 0;}
/*.n_fangan .bd ul li .box .img:after{ padding-top: 100%;}*/
.n_fangan .bd ul li .box .txt{}
.n_fangan .bd ul li .box .txt h4{ font-size: 1.625rem; color: #212121; font-weight: bold; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; margin-bottom: 1rem;}
.n_fangan .bd ul li .box .txt p{ font-size: 1rem; color: #616161; line-height: 1.875rem;}
.n_fangan .bd ul li .box .txt span{ display: flex; width: 2rem; height: 2rem; margin-top: 1.5rem; align-items: center; justify-content: center; background: #dde6ec; transition: .5s; border-radius: 50%;}
.n_fangan .bd ul li .box .txt span svg{ width: 1.25rem;}
.n_fangan .bd ul li .box:hover .txt span{ background: #0092bc;}

.n_tt{ text-align: center; margin-bottom: 3.125rem;}
.n_tt span{ font-size: 1.25rem; color: #0092bc;display: block; margin-bottom: 5px; font-family: DISNEYENGLISH-MEDIUM;}
.n_tt h3{ font-size: 2rem; color: #212121; font-weight: bold;}

.n_liuyan{ background: url(../images/n_liuyan_bg.png) center top no-repeat; background-size: cover; }
.n_liuyan .m{ display: flex; gap: 3rem; justify-content: space-between;}
.n_liuyan .left{ color: #212121; font-size: 1.875rem; line-height: 2.75rem;}
.n_liuyan .right{ flex-grow: 1; max-width: 62rem; }
.n_liuyan .right form{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}
.n_liuyan .right form .group{ background: #fff; padding: 0 1.25rem; display: flex; border-radius: 5px; position: relative; overflow: hidden; }
.n_liuyan .right form .group .span{ height: 4rem; line-height: 4rem; font-size: 1.125rem; color: #717171; flex-shrink: 0; margin-right: 1rem; }
.n_liuyan .right form .group .input{ flex-grow: 1;font-size: 1rem; color: #313131; }
.n_liuyan .right form .group textarea.input{ padding: 1rem 0; line-height: 2rem; }
.n_liuyan .right form .group .yzm{ position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.n_liuyan .right form .button{ width: 11.25rem; height: 4rem; background-image: -webkit-linear-gradient(180deg, #20c368 0%, #0181d2 100%);
    background-image: -webkit-linear-gradient(180deg, #20c368 0%, #0181d2 100%); color: #fff; gap: .5rem; font-size: 1.125rem; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.textareabox{ grid-column: 1/3;}
 
.n_lianxi{}
.n_lianxi .m{}
.n_lianxi .box{ display: flex; align-items: center; border: 1px solid #e9eced; border-radius: .9375rem; overflow: hidden;}
.n_lianxi .img{ height: 100%;}
.n_lianxi .txt{ padding-left: 5rem; max-width:53rem;}
.n_lianxi .txt h4{ font-size: 2rem; color: #212121; font-weight: bold; margin-bottom: 2.5rem;}
.n_lianxi .txt .con>div+div{ margin-top: 1.5rem;}
.n_lianxi .txt .con span{ font-size: 1.25rem; color: #717171; display: block; margin-bottom: .75rem;}
.n_lianxi .txt .con p{ font-size: 1.125rem; color: #414141; line-height: 1.8;}
.n_lianxi .txt .con p img{ vertical-align: middle; }
.n_lianxi .txt .con p b{ font-size: 1.625rem; color: #0092bc;  font-family: DISNEYENGLISH-MEDIUM; font-weight: normal;}



.n_licheng{ background: url(../images/n_licheng_bg.jpg) center bottom no-repeat #fdfeff; background-size: cover;}
.n_licheng .s_tt{ margin-bottom: 0;}
.n_licheng .arrbox{ float: right; display: flex;}
.n_licheng .arr{ display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: .9375rem; width: 3.75rem; height: 3.75rem; transition: .5s; border-radius: 50%; border: 1px solid #cfd5db; z-index: 9;}
.n_licheng .arr svg{ width: 1rem; height: 1rem;fill:#000000; }
.n_licheng .arr svg path{fill:#000000; transition: 0s;}
.n_licheng .arr:hover { border: 1px solid #0092bc; background: #0092bc;}
.n_licheng .arr:hover svg{ fill: #fff;}
.n_licheng .arr:hover path{fill: #fff;}
.n_licheng .arr_left svg{ transform: rotate(180deg);} 
.n_licheng .n_tt{ margin-bottom: 0;} 
.n_licheng .hd{ overflow: hidden; width: 100%; margin-bottom: 2rem; display: flex; align-items: center; justify-content: space-between;}
.n_licheng .hd .tt{float: left;display: flex;align-items: baseline;}
.n_licheng .hd .tt span{font-size: 2rem;color: #0092bc;font-family: AVENIRNEXTLTPRO-DEMICN;}
.n_licheng .hd .tt h3{ font-size: 1.625rem; color: #434343; margin-top: .75rem;}
.n_licheng .hd .tt .ll{margin-left: -1.5rem;padding-bottom: .5rem;}
.n_licheng .hd .tt .ll img{ max-width:100%}
.n_licheng .hd .tt .rr p{font-size:1.1rem;color:#565959;line-height:1.875rem;max-width: 31rem;transform: translateY(-.625rem);}

.n_licheng .bd{ position: relative; margin-bottom: 3rem; }
.licheng_slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.licheng_slide .w1200{ height: 100%;}
.licheng_slide ul{ height: 100%; display: flex; position: absolute !important; left: 0 !important; padding-left: 4%;}
.licheng_slide ul li{float: left;width: 20%;position: relative;height: 100%;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s;}
.licheng_slide ul li .txt{position: absolute;padding-left: 24px;width: calc(100% + 1rem);transition: .5s;}
.licheng_slide ul li .txt .year{font-size: 2.25rem;color: #0092bc; font-family: "Swiss721BT-Bold"; margin-bottom: 1rem; transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s;margin-top: 0; transition: .5s;}
.licheng_slide ul li .txt .con p{font-size: 1rem;line-height: 1.4rem; color: #626262;width: 13rem;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s; width: 100%;}
.licheng_slide ul li .txt .con h3{ font-size:1.4rem; color:#0092bc; font-weight:bold; margin-bottom:0.65rem}
.licheng_slide ul li .txt .con p {
  margin-top: 5px;
  display: inline-block;
  margin: 0;
  text-indent: 0;
  vertical-align: top;
  /* 新增：让 p 标签相对定位，为 ::before 绝对定位做参考 */
  position: relative; 
  /* 新增：预留空间给小圆点，值需大于等于小圆点占位宽度 */
  padding-left: 1.2em; 
}

.licheng_slide ul li .txt .con p::before {
  content: "•";
  color: #0092bc;
  margin-right: 0.5em;
  flex-shrink: 0;
  font-size: 1.2em;
  display: inline;
  /* 新增：绝对定位，让小圆点脱离文本流 */
  position: absolute; 
  /* 调整位置，让圆点居左对齐 */
  left: 0; 
  top: 0;
}

.licheng_slide ul li .txt:before{content: "";background: #fff;display: block;width: 11px;height: 11px;position: absolute;z-index: 99;left: 0;top: 1rem;border: 2px solid #0092bc;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;box-sizing: border-box;}
.licheng_slide ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide ul li:nth-child(1) .txt{bottom: 47%;padding-bottom: 4rem;}
.licheng_slide ul li:nth-child(2) .txt{top: 56.5%;padding-top: 5rem;}
.licheng_slide ul li:nth-child(3) .txt{bottom: 45%;padding-bottom: 4rem;}
.licheng_slide ul li:nth-child(4) .txt{top: 65%;padding-top: 5rem;}
.licheng_slide ul li:nth-child(5) .txt{bottom: 35%;padding-bottom: 6rem;}
.licheng_slide ul li:nth-child(6) .txt{top: 64%;padding-top: 8rem;}
.licheng_slide ul li:nth-child(7) .txt{bottom: 50%;padding-bottom: 6rem;}
.licheng_slide ul li:nth-child(even) .txt:before{top: 6rem;}
.licheng_slide ul li:nth-child(even) .txt:after{height: 5rem;}

.licheng_slide ul li:nth-child(6) .txt:before{top: 9rem;}
.licheng_slide ul li:nth-child(6) .txt:after{height: 8rem;}

.licheng_slide .miso-list,.licheng_slide .miso-track{ height: 100%; overflow: visible;}
.n_licheng ul.miso-current li .year{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.n_licheng ul.miso-current li .con{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transition: .5s;}

.licheng_slide_wap{ display: none; } 
.licheng_slide_wap ul li{position: relative;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s;}
.licheng_slide_wap ul li .txt{padding-left: 24px;position: relative;padding-top: 7px;}
.licheng_slide_wap ul li .txt .year{font-size: 1.75rem;color: #0092bc; font-family: DISNEYENGLISH-MEDIUM;margin-bottom: 10px;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s; }
.licheng_slide_wap ul li .txt .con p{font-size: .9375rem;line-height: 1.625rem;padding-bottom: 0;color: #626262;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;-ms-transition: .7s;-o-transition: .7s;}
.licheng_slide_wap ul li .txt .con h3{ font-size: 1.125rem; color: #0092bc; font-weight: bold; margin-bottom: .375rem;}
.licheng_slide_wap ul li .txt:before{content: "";display: block;width: 11px;height: 11px;position: absolute;left: 0;top: 1rem;border: 2px solid #0092bc;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;box-sizing: border-box;z-index: 1;background: #fff;}
.licheng_slide_wap ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide_wap ul li .txt .con{ padding-bottom:1rem}
.licheng_slide ul li .txt .con{ transition: .5s; height: 8.5rem; overflow: auto;}
.n_licheng{ width: 100%; overflow: hidden;}
/* .licheng_slide ul li:nth-child(odd) .txt:hover .con{ padding-bottom: 1rem;}
.licheng_slide ul li .txt:hover .year{ margin-top: -1rem;} */
.licheng_slide ul li .txt:hover:after{ background: #0092bc;}
.licheng_line{ display: block; margin: 0 auto;}

.n_tt.left{ text-align: left; position: relative; z-index: 9;}
.n_tt span{ margin-bottom: 1rem; }
.n_tt h3{ line-height: 4rem;}
.n_about{}
.n_about .m{ display: flex;}
.n_about .leftcon{ flex-shrink: 0; margin-right: 5.375rem; display: flex; flex-direction: column; justify-content: space-between;}
.n_about .rightcon{}
.n_about .rightcon .con{ font-size: 1.0625rem; line-height: 2.125rem; color: #515151;}
.n_about .rightcon .img{ border-radius: .625rem; margin-top: 3rem; }

.n_shuzi{ }
.n_shuzi ul{  }
.n_shuzi ul li+li{ margin-top: 4rem; }
.n_shuzi ul li div{ display: flex; }
.n_shuzi ul li span{ font-size: 3.5rem; color: #0092bc; font-family: DISNEYENGLISH-MEDIUM;  }
.n_shuzi ul li i{ flex-shrink: 0; margin-top: .125rem; font-size: 1.25rem;  color: #0092bc; margin-left: .5rem;}
.n_shuzi ul li font{ flex-shrink: 0; font-size: 1.5rem; color: #0092bc; margin-left: .5rem; align-self: flex-end; margin-bottom: .375rem;}
.n_shuzi ul li p{ font-size: 1rem; color: #2c2c2e; margin-top: .75rem; }

.n_honor{ background: url(../images/n_honor_bg.jpg) center no-repeat; background-size: cover;}

.n_buju{ background: url(../images/n_buju_bg.jpg) center no-repeat; background-size: cover;}
.n_buju .m{ display: flex;  justify-content: space-between;}
.n_buju .m .left_con{}
.n_buju .m .left_con .box{ margin-top: 4.5rem;}
.n_buju .m .left_con .box h4{ display: flex; align-items: center; font-size: 1.625rem; color: #212121; line-height: 2.125rem; margin-bottom: 1.125rem;}
.n_buju .m .left_con .box h4 img{ flex-shrink: 0; margin-right: 1rem; height: 1.25rem;}
.n_buju .m .left_con .txt{ font-size: 1rem; line-height: 2rem; color: #212121;}
.n_buju .m .right_con{}

.buju_box{ position: relative; max-width: 1445px; margin: 0 auto; width: calc(100% + 5px);}
.buju_box img{ display: block; transform: translateY(2%); }
.buju_box .dot{ position: absolute; width: 0; height: 0; z-index: 9;}
.buju_box .dot .circle{ width: 4rem; height: 4rem; }
.buju_box .dot>p{ position: absolute; font-size: 1rem; color: #212121; white-space: nowrap; top: 100%; left: 50%; transform: translateX(-50%) translateY(1rem);}
.buju_box .dot:nth-child(2)>p{ left: 100%; top: 50%; transform: translateX(1rem) translateY(-50%);}
.buju_box .dot:nth-child(1){ top: 56%; left: 60%;}
.buju_box .dot:nth-child(2){    top: 70.5%;    left: 55%;}  
.buju_box .dot:nth-child(1) .circle:before{ width: 1rem; height: 1rem;}  
.buju_box .dot:nth-child(1) .circle{ width: 8rem; height: 8rem;}
.buju_box .dot .tag{ position: absolute; bottom: 3rem; left: -1rem; }
.buju_box .dot .tag p{ white-space: nowrap; padding: .75rem 1.25rem; border-radius: 3px; background: #0092bc; display: block; color: #fff; }
.buju_box .dot .tag:before{ content: ""; display: block; width: 0; height: 0; border: .75rem solid transparent; border-left: 0; border-top: 1.5rem solid #0092bc;
position: absolute; left: 1.125rem; top: 100%;}

.n_honor2{ background: url(../images/n_honor_bg.jpg) center no-repeat; background-size: cover;}
.n_honor2.pad_top2{ padding-top: 2.125rem; }
.n_honor2.pad_bot2{ padding-bottom: 4.125rem; }
.n_honor2 .n_tt{margin-bottom: 1.125rem;}
.n_buju .m .left_con .box{ margin-top: 4.5rem;}
.n_buju .m .left_con .box h4{ display: flex; align-items: center; font-size: 1.625rem; color: #212121; line-height: 2.125rem; margin-bottom: 1.125rem; }
.n_honor2 .m .left_con .box h4 img{ flex-shrink: 0; margin-right: 1rem; height: 1.25rem;}
.n_honor2 .m .left_con h4{margin-top: 1.25rem; }
.n_honor2 .m .left_con .txt{ font-size: 1rem; line-height: 2rem; color: #212121; padding: 1rem 0;}
.n_honor2 .m .right_con{}

.circle{ 
  margin: 0 auto;
  position: relative;
  top: 50%;
  right: 50%; transform: translateX(-50%) translateY(-50%);
  z-index: 999;  display: flex; align-items: center; justify-content: center;
  color: #3f897c;
  font-size: 30px;
} 
.circle:before{ content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #0092bc; 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, 148, 156, 0.4);
  -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;
}

.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
 


@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.n_chennuo{ background: url(../images/n_chn_bg.jpg) center no-repeat; background-size: cover;}
.n_chennuo .txt{ background: url(../images/chennuo_bg.jpg) center no-repeat; padding: 9.3rem 1rem; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 1rem;}
.n_chennuo .txt .n_tt{ margin-bottom: 2.25rem;}
.n_chennuo .txt .n_tt h3{ color: #fff;}
.btn_chengnuo{ display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background: #0092bc; border-radius: 50%; }
.btn_chengnuo svg{ width: 1.25rem;}

.solutionxq{}
.solutionxq .tt1{ margin-bottom: 2.25rem;}
.solutionxq .tt1 h3{ font-size:1.375rem; color:#0092bc; line-height:1.3; font-weight:bold; margin-bottom: 1.25rem;}
.solutionxq .tt1 p{ font-size:1rem; color:#5f5f5f; line-height:1.3;}
.solutionxq .tt2{ margin-bottom: 2.75rem;}
.solutionxq .tt2 span{ font-size:1rem; color:#0092bc; font-family: DISNEYENGLISH-MEDIUM; text-transform: uppercase;}
.solutionxq .tt2 h4{ color: #212121; font-weight: bold; font-size: 2.375rem; margin-top: .75rem;}
.solutionxq .con1{ margin-bottom: 5rem;}
.solutionxq .con1 ul{}
.solutionxq .con1 ul li{}
.solutionxq .con1 ul li .box{ position: relative; border-radius: .9375rem; overflow: hidden;}
.solutionxq .con1 ul li .img:after{ padding-top: 140%;}
.solutionxq .con1 ul li .txt{ position: absolute; left: 3rem; right: 3rem; bottom: 3rem; padding:3rem 2.5rem; background: rgba(255, 255, 255, .9); border-radius: .9375rem;}
.solutionxq .con1 ul li .txt h5{ font-size: 1.75rem; color: #212121; font-weight: bold; margin-bottom: 1rem;}
.solutionxq .con1 ul li .txt p{ font-size: 1.0625rem; color: #616161; line-height: 2.125rem; height: 4.25rem;}
.solutionxq .con2{ margin-bottom: 6rem;}
.solutionxq .con2 ul{  }
.solutionxq .con2 ul li{}
.solutionxq .con2 ul li .box{ background: #fff; padding: 4rem 3rem; border-radius: .625rem;}
.solutionxq .con2 ul li .box img{ width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
.solutionxq .con2 ul li .box h5{ font-size: 1.75rem; color: #212121; font-weight: bold; margin-top: 1.75rem; margin-bottom: 1.25rem;}
.solutionxq .con2 ul li .box p{ font-size: 1.0625rem; color: #616161; line-height: 2.125rem; height: 6.375rem;}

.n_honor{}
.n_honor .bd .li{ display: flex; justify-content: space-between;}
.n_honor .bd .rightcon{ max-width: 1100px; width: 100%;}
.n_honor .bd .li .box{ text-align: center; display: block;}
.n_honor .bd .li .box .img{ margin:0 auto 1rem; max-width: 225px;}
.n_honor .bd .li .box .img img{ transform: none !important;}
.n_honor .bd .li .box .img:after{ padding-top: 145%;}
.n_honor .bd .li .box+.box{ margin-top: 2.5rem;}
.n_honor .bd .li .leftcon{ height: 47rem; flex-shrink: 0; min-width: 23rem;
    max-width: 25rem;
    overflow: auto;
    padding-right: 3rem; margin-right: 3rem;}
.n_honor .bd .li .leftcon ul{}
.n_honor .bd .li .leftcon ul li{ margin-bottom: 1.75rem;}
.n_honor .bd .li .leftcon ul li a{ font-size: 1.125rem; color: #6b6b6b; line-height: 1.3; display: flex; align-items: baseline; }
.n_honor .bd .li .leftcon ul li a img{ margin-right: .5rem;}





/*=====================my style================*/
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content:center;}
.t_center_nowrap{display:flex; justify-content:center;align-items:center;}
img.pic_cover{width:100%; height:100%;object-fit:cover; display:block;}

.myarr {width:5%;}
.myarr svg{width:68%; fill:#0092bc;}
.myarr img{width:68%;}
.img_w100{width:100%;}
.box_bai{background:#fff; box-shadow: 0px 0px 20px 0px rgb(20 18 18 / 5%); padding:25px; box-sizing:border-box; border-radius:10px;}

/*UHPC应用*/
.uhpc_box1{ margin-bottom:3rem;}
.uhpc_box1 .left{width:55%;}
.uhpc_box1 .left li{width:48%; border:solid 1px #e8e8e8; box-sizing:border-box;}
.uhpc_box1 .left .desc{font-size:14px; line-height:1.8; margin-top:2rem; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}

.uhpc_box1 .right{width:40%;}
.uhpc_box1 .right .pic{width:60%; text-align:center;}
.uhpc_box1 .right .pic h3{ font-size:18px; font-weight:bold;}
.uhpc_box1 .right .pic h5{ font-size:15px; font-weight:bold; color:#0092bc;}
.uhpc_box1 .right .txt{width:40%;}
.uhpc_box1 .right .txt p{ position:relative; padding-left:20px; font-size:16px; line-height:2;}
.uhpc_box1 .right .txt p:before{ content:''; width:10px; height:10px; border:solid 2px #0092bc; display:block; border-radius:100%; position:absolute; left:0; top:0.7em; }
.uhpc_box1 .right .desc{font-size:14px; line-height:1.8; margin-top:1.25rem; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}

.uhpc_box2{}
.uhpc_box2 li{width:48%; text-align:center; margin-bottom:2rem;}
.uhpc_box2 img{width:100%;}
.uhpc_box2 li h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem;}
.uhpc_box2 li .desc{font-size:14px; line-height:1.8; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}
.uhpc_box2 .pic .myimg{width:50%;}
.uhpc_box2 .pic .txt{width:50%; text-align:left;}
/*.uhpc_box2 .pic .txt p{ position:relative; padding-left:20px; font-size:14px; line-height:2;}*/
/*.uhpc_box2 .pic .txt p:before{ content:''; width:10px; height:10px; border:solid 2px #0092bc; display:block; border-radius:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}*/
.uhpc_box2 .pic .txt p{ 
  position:relative; 
  padding-left:20px; 
  font-size:14px; 
  line-height:2;
}

.uhpc_box2 .pic .txt p:before{ 
  content:''; 
  width:10px; 
  height:10px; 
  border:solid 2px #0092bc; 
  display:block; 
  border-radius:100%; 
  position:absolute; 
  left:0; 
  top:0.7em; /* 与第一行文本对齐（根据14px字体和line-height:2计算） */
  /* 移除 transform:translateY(-50%); 避免垂直居中 */
}
.uhpc_box2 .box_bai{padding:2.8rem 3.5rem;}


/*电池安全预警*/
.dc_box1{margin-bottom:3rem;}
.dc_box1 .left{width:46%;}
.dc_box1 .right{width:46%;}
.dc_box1 .desc{font-size:14px; line-height:1.8; margin-top:1rem; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}

.dc_box2{}
.dc_box2 li{width:17%; text-align:center;}
.dc_box2 li h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem; margin-bottom:1rem;}
.dc_box2 li img{ border:solid 1px #e8e8e8; padding:5px; box-sizing:border-box;}

.dc_box3 h2{font-size:1.5rem; text-align:center; font-weight:bold; margin-bottom:1.5rem;}
.dc_box3 li{width:31%; text-align:center;}
.dc_box3 li h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem; margin-bottom:1rem;}
.dc_box3 li img{ border:solid 1px #e8e8e8; padding:0 1.5rem; box-sizing:border-box;}
.dc_box3 li p{font-size:14px; line-height:1.8; margin-top:10px; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px;}



/*低温快充应用*/
.diwei_box1{margin-bottom:3rem;}
.diwei_box1 .left{width:52%;}
.diwei_box1 .right{width:40%;}
.diwei_box1 .desc{font-size:14px; line-height:1.8; margin-top:1rem; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}
.diwei_box1 .right img{width:77%;}
.diwei_box1 .pic h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem; margin-bottom:1rem;}

.diwei_box2 li{width:35%; margin:0 7%; text-align:center;}
.diwei_box2 li h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto auto 1rem; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem;}
.diwei_box2 li h5{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:1rem auto 1rem; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem;}
.diwei_box2 li img{ border:solid 1px #e8e8e8; padding:0 1.25rem; box-sizing:border-box;}
.diwei_box2 li p{font-size:14px; line-height:1.8; margin-top:10px; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px;}
.diwei_box2 li .desc{line-height:1.6; margin-top:1rem;}


/*交流自加热*/
.my_box1{ margin-bottom:3rem;}
.my_box1 .left{width:30%; }
.my_box1 .left .desc{ font-size:14px; line-height:1.8; margin-top:1rem; text-align:justify;}

.my_box1 .right{width:65%;}
.my_box1 .right li{width:23%; text-align:center;}
.my_box1 .right li img{width:100%; margin-bottom:10px;}
.my_box1 .right .desc{ font-size:14px; line-height:1.8; margin-top:3rem; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:justify;}

.my_box2{ margin-bottom:3.5rem;}
.my_box2 li{ text-align:center;}
.my_box2 li img{width:88%;} 
.my_box2 .desc{font-size:20px; color:#0092bc; font-weight:bold; margin-top:2.5rem;}


.box_bai table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px; margin-bottom:15px;}
.box_bai table p{margin-bottom:0;}
.box_bai table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
.box_bai table td{padding:5px 10px; border:1px solid #D5DFEC; } 


/*CCP复杂工况测试*/
.ccp_box1{margin-bottom:3rem;}
.ccp_box1 img{max-height:12rem;}
.ccp_box1 .desc{ line-height:1.8; background:#f4f5f7; padding:1rem 1.5rem; margin-top:1.5rem; border-radius:10px; font-size:14px;}

.ccp_box2 .left{width:28%; text-align:center;}
.ccp_box2 .right{width:66%; text-align:center;}
.ccp_box2 h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto auto 1rem; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem;}



/*特征纹波注入*/
.wenbo_box1{margin-bottom:3rem;}
.wenbo_box1 li{width:23.5%; margin-right:3%; color:#fff; line-height:1.5; background:#0092bc;}
.wenbo_box1 li p{ padding:.8rem 1.1rem;}

.wenbo_box3 .box1{text-align:center;}
.wenbo_box3 h3{ display:inline-block; background:#0092bc; font-size:1.05rem; margin:auto auto 1.8rem; border-radius:2.2rem; line-height:2.2rem; color:#fff; padding:0 1rem;}
.wenbo_box3 li{width:23.5%;}
.wenbo_box3 .box1 .txt{width:90%; background:#f4f5f7; margin:auto; padding:1rem 1.2rem; border-radius:10px; font-size:14px; text-align:left; line-height:1.5; color:#333;}
.wenbo_box3 .box1 .txt h5{ font-size:16px; font-weight:bold; text-align:center; margin-bottom:10px; color:#0092bc;}
	
	
	
.wenbo_box3 .box2{text-align:center; border-top:dashed 1px #ddd; margin-top:2rem; padding-top:3rem;}
.wenbo_box3 .box2 .desc{ line-height:1.8; margin:2rem 5%; background:#f4f5f7; padding:1rem 1.5rem; border-radius:10px; text-align:center;}



.foot_lianxi{
    max-width: 33rem;
}

/* 手机端适配（以 768px 为断点，可根据需求调整） */
@media (max-width: 768px) {
    .foot_lianxi {
        max-width: 17rem;
    }
}
@media  (max-width: 480px) {
    #banner .s_btn {
        width: 18rem !important;
    }
    #banner .s_btn img {
        width: 4rem;
    }
    .s_tt p{ font-size: 1.125rem; color: #9fa0a2; margin-top: 1.25rem; line-height: 1.5rem; }
    .foot_add {
        font-size: 1.0625rem;
        color: #414141;
        line-height: 1.675rem;
    }
    .n_tt h3 {
        line-height: 3rem;
        font-size: 2rem !important;
    }
    .uhpc_box1 .left .desc {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 2rem;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left; 
    }
    .uhpc_box1 .left li {
        width: 100%;
        border: solid 1px #e8e8e8;
        box-sizing: border-box;
    }
    .uhpc_box1 .right .pic {
        width: 100%;
        text-align: center;
    }
    .uhpc_box1 .right .txt {
        width: 100%;
    }
    .uhpc_box1 .right .desc {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 1.25rem;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left;
    }
    .uhpc_box1 .right .pic h5 {
        font-size: 18px;
        font-weight: bold;
        color: #0092bc;
        text-align: left;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .uhpc_box2 li .desc {
        font-size: 14px;
        line-height: 1.8;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left;
    }
    .uhpc_box2 li h3 {
        display: inline-block;
        background: #0092bc;
        font-size: 1.05rem;
        margin: auto;
        border-radius: 2.2rem;
        line-height: 1.5rem;
        color: #fff;
        padding: 1rem 1rem;
    }
    .uhpc_box2 .pic .myimg {
        width: 100%;
    }
    .uhpc_box2 .pic .txt {
        width: 100%;
        text-align: left;
    }
    .dc_box1 .desc {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 1rem;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left;
    }
    .dc_box3 li p {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 10px;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left;
    }
    .ccp_box1 img {
        max-height: 100% !important;
        width: 100%;
    }
    .ccp_box2 h3 {
        display: inline-block;
        background: #0092bc;
        font-size: 1.05rem;
        margin: auto auto 1rem;
        border-radius: 2.2rem;
        line-height: 1.5rem;
        color: #fff;
        padding: 0.5rem 1rem;
    }
    .my_box1 .solution {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 1rem;
        background: #f4f5f7;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        text-align: left;
        margin-bottom: 1rem !important;
    }
    
    .page .box .prev a,.page .box .next a{
        align-items: center;
        justify-content: center;
        transition: .5s;
        font-size: 1rem;
        line-height: 1.875rem;
        color: #464c52;
        margin-right: 0.625rem;
        border: 1px solid #c4c4c4;
        border-radius: 15px;
        padding: 0 1rem;
    }
    .ar_article img {
        width: 100% !important;
        height: auto !important;
        margin: 1.5rem 0;
    }
    .ar_fot {
         display: block; 
        align-items: center;
        justify-content: space-between;
        margin-top: 3.5rem;
        border-top: 2px solid #edeff1;
        padding-top: 1.25rem;
        gap: 2rem;
    }
    .ar_fot a span {
        font-size: 1rem;
        color: #4d4d4d;
        display: block;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    .ar_title {
        display: block;
    }
    .ar_title h3{
        margin-top: 20px;
    }
}