@charset "utf-8";
html {
  /*overflow-x: hidden;*/
}
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;font-family: 'Hos';font-family: 'MonLight','Arial';}
body{font-size: 14px;min-width: 1200px; font-family: 'Hos','Microsoft YaHei';font-family: 'MonLight','Arial';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;opacity: 0;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
/* fonts */
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}
@font-face { 
        font-family: 'Har'; src: 
        url('https://cdn.114my.com.cn/font/lcw/AlibabaHealthFont2.0CN-85B.ttf') format('woff2'),  
}
@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}
@font-face {
font-family:neu;
src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2);
}

.f01{font-family: 'Har';}
.f03{font-family: 'Microsoft YaHei';}
.f04{font-family: 'axt';}
.f06{font-family:neu;}
@font-face {
  font-family: 'iconfont';  /* Project id 4978008 */
  src: url('//at.alicdn.com/t/c/font_4978008_bj4s9scq6vk.woff2?t=1760928404245') format('woff2'),
       url('//at.alicdn.com/t/c/font_4978008_bj4s9scq6vk.woff?t=1760928404245') format('woff'),
       url('//at.alicdn.com/t/c/font_4978008_bj4s9scq6vk.ttf?t=1760928404245') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*all_title*/
.all_title{text-align: center;padding-bottom:40px;}
.all_title p{font-size:24px;font-weight:normal;color: #444;}
.all_title em{font-size:40px;font-weight:normal;font-family:'Har';color: #fff;}
.all_title span{width:37px;height:9px;position:relative;display:flex;margin:18px auto 0;}
.all_title span::before,.all_title span::after{content:'';width:9px;height:9px;border-radius:100%;background:#075daa;top:0;}
.all_title span::before{left:0;animation:alltitle 3s infinite;}
.all_title span::after{right:0;animation:alltitri 3s infinite;}
.all_title i{width:30px;height:1px;background:#075daa;position:relative;top:4px;left:25%;margin-left:-15px;animation:alltiti 1.5s infinite;vertical-align: top; display: block;}
.all_title b{font-size:3rem;font-weight:bold; display: block; color: #075daa;padding-bottom: 14px;font-family:'Hos';    font-family: 'srm';
    text-transform: uppercase;}
.all_title t{font-size:22px;font-weight:normal; display: block; color: #999;padding-top: 14px;font-family: 'axt'; line-height:1.4;}
@keyframes alltitle{
  0%{left:0;opacity:1;}
  25%{opacity:0.5;}
  50%{left:calc(100% - 9px);opacity:1;}
  75%{opacity:0.5;}
  100%{left:calc(0);opacity:1;}
}
@keyframes alltitri{
  0%{right:0;opacity:1;}
  25%{opacity:0.5;}
  50%{right:calc(100% - 9px);opacity:1;}
  75%{opacity:0.5;}
  100%{right:calc(0);opacity:1;}
}
@keyframes alltiti{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.gyc {margin: 0 auto;max-width: 86%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya {margin: 0 auto;max-width: 80%;min-width: 1200px;overflow:hidden;}
.gyb {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gyd {margin: 0 auto;max-width: 80%;min-width: 1200px; position: relative;overflow:hidden;}
.gye {margin: 0 auto;max-width: 80%;min-width: 1200px; position: relative;}
.gyf {margin: 0 auto;max-width:100%;min-width: 1200px; position: relative;}
.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 {background: rgba(255,255,255,0.99);}
.wh {padding: 0px 0%;}
.wh8 {padding: 0px 8%;}
.clearfix {
    zoom: 1;
}
.flex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticky {
    position: fixed !important;
    top: 0;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
    -webkit-animation: sticky 1s;
    -moz-animation: sticky 1s;
    -o-animation: sticky 1s;
    animation: sticky 1s;
}
.flex2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.wh1 {padding: 0 3%;height: 100px;}
@media (max-width: 1680px) {.wh1 {padding: 0 1%;}}
@media (max-width: 1440px) {.wh1 {padding: 0 1%;}}
@media (max-width: 1366px) {.wh1 {padding: 0 1%;}}
@media (max-width: 1280px) {.wh1 {padding: 0 1%;}}
.head2 {
  position: relative;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
background: rgba(255, 255, 255, .999);
}

.head2.on {position: fixed;background: rgba(255, 255, 255, .999);box-shadow: 0 0 13px rgba(0, 0, 0, .3);}
.head2.on .head_logo p{color: #333;}
.head2.on .head_logo p b{color: #999;}
.head2.on #menu .nav_a1 li a{color: #333;}
.head2.on .head_num li>i,.head2.on .head_num a{color: #666;}
.head2.on .head_num li>p>span{color: #333;}
.head2.on .icon>div i span{color: #333;}
.head2.on .hei{display: flex;}
.head2.on .lan {display: none;}

.head .head2 {
  line-height: 5.3125rem;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  position: relative;
  background: rgba(255, 255, 255, .999);
box-shadow: 0 0 13px rgba(0, 0, 0, .3);
}

.head_logo {display:flex;align-items:center;width: 350px;}
.head_logo .lan {display: block}
.head_logo .hei {display: none}
.head_logo i {width: 345px;position: relative; padding: 0.5%; }
.head_logo i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.head_logo i:after {content:'';width: 3px;height: 20%; position:absolute;top: 22px;right: -18px;}
.head_logo i img {width:100%;height:auto;}

@font-face {
  font-family: "tname";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/a4HtplruTfpL/OpLnWJo7m4A9.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/a4HtplruTfpL/ULfF1otM4hvW.woff") format("woff");font-variation-settings: normal;font-display: swap;
}

.head_logo p {display: flex;flex-direction: column;font-size:1.8vw;font-weight: 100;letter-spacing: 1px;padding: 0 0 0 15px;color: #fff; font-family: 'tname';}
.head_logo p b {color: #fff;font-size:0.86vw;font-weight: 100;padding-top:0px;font-family: 'Hos'; padding-top:5px;}
.head_logo p b em {color: #fff; display: block;font-size: 0.79vw;padding-top:2px;}
.head_logo p span {font-size: calc(0.6rem + 0.4vw);font-weight:  lighter; border-radius: 50px;text-align: center;color: #8a8383;text-align-last: justify;position: relative;z-index: 5;}
.head_logo p span:before,.head_logo p span:after {content:'';width: 5%;height: 0.125rem;position:absolute;top:0;background: #666;bottom: 0;margin: auto;opacity: 0.5;display: none;}
.head_logo p span:before {left: 2rem;}
.head_logo p span:after {right: 2rem;}

.head_num {display:  flex;/* align-items:  center; *//* margin: 0 0 0 20px; *//* width: 12%; */}
.head_num a{color: #333;line-height:100px;font-size: 1.3rem;font-weight:bold;}
.head_num ul {display: flex;width: 100%; justify-content: center;}
.head_num li {/* position:relative; *//* width: 55px; */}
.head_num>ul>li:first-child {display:flex;align-items: center;/* display: none; */}
.head_num li+li {margin: 0 0 0 1vw; padding: 0 0 0 0vw;display: flex; align-items: center; position: relative;}
.head_num li>i {font-size: 22px; color: #333; display: flex;justify-content: center;align-items: center;border-radius: 5px; font-weight: 100;}
.head_num li:last-child:hover>p {transform: rotateX(0deg); }
.head_num li>p {font-size: 15px; white-space:  nowrap;display:  flex;flex-direction:  column;font-weight:  lighter;padding: 1.2% 0% 0 6%;transition: 0.5s;top: 100%;right: 0;}
.head_num li>p:hover a{/*color:#ccc;*/}
.head_num li:nth-child(3) p{padding-left:7px;}
.head_num li>p>span {font-family:DIN Medium;font-size: calc(0.8rem + 0.5vw);font-weight: bold;color: #fff;}
.head_num li>a {font-size: 15px;/* color: #fff; */font-family:  Arial;display: flex;align-items: center;}
.head_num li>a i {transform:rotate(90deg);font-size: 10px;margin: -3px 0 0 4px;}
.head_num li>a i img{width:26px;height:26px;}
.head_lan {/* margin: 0 0 0 30px; */position: absolute;transform: rotateX(90deg);transform-origin: top;transition: 0.5s;top: 100%;border-top: 2px solid #ff6600;}
.head_lan p {display:flex;/* border-top: 1px solid #eee; */padding: 12% 0;width: 88px;/* justify-content: center; *//* align-items: center; */background: #fff;transition: 0.5s;}
.head_lan p+p {border-top: 1px solid #ebebeb;}
.head_lan p:hover {background:#1a67bf;}
.head_lan p a {display:flex;align-items: center;}
.head_lan p:hover a {color:#fff;}
.head_lan p i {width: 26%;display: none;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 13px;margin: 0 0 0 16px;/* font-weight: lighter; */white-space: nowrap;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}
.search_l a:hover {
    color: #ff0000;
}

.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 25px;}
.icon>div i{/* width:40px; *//* height:40px; */border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 22px; color: #333; position: relative;z-index:2;font-weight: 100;}
.icon>div:hover i span{color: #075daa;}

.head_num li:nth-child(3) {position:relative;}
.ver-list { -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: rgba(255,255,255,1); padding: 10px 0px; box-sizing:border-box; width: 116%;position: absolute;top:50px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 15px rgba(29,56,75,.4);-moz-box-shadow: 0 0 15px rgba(29,56,75,.4);box-shadow: 0 0 15px rgba(29,56,75,.4); z-index: 999;}
.ver-list::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.ver-box:hover .ver-list {opacity: 1;transform: translateY(0);pointer-events: auto;}
.ver-list ul li a{display: block; font-size: 16px; line-height: 30px; border-bottom: 1px dashed #ccc; text-align: center; color: #666;position: relative;
    z-index: 9;}
.ver-list li+li {margin: 0;
    text-align: center;
    display: block;}
.ver-list ul li:last-child a{border-bottom: none;}
.ver-list ul li:hover a{color: #333;background: #a8c8e4;width:100%;}
.head_num li:hover .ver-list{
    opacity: 1;
}
.ver-list ul { flex-direction: column;}
.form_ul {/* padding:0; */}
.iser_box,.itel_box{position:absolute;top: 100%;right:0;padding: 4%;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 700px;display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;background: rgba(0,0,0,0.5);}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content: center;/* display: none; */padding: 2% 0 0;color:#fff;}
.search_l span+span{margin-left:4px;font-size: 16px;color: rgba(255,255,255,0.9);}
.search_l a{color: #444;font-size: 16px;margin: 0 5px;color: #fff;    text-transform: capitalize;}
.search_r{/* margin-top: 15px; */position:relative;width: 86%;display: flex;align-items: center;justify-content: center;}
#infoname{height: 64px;line-height: 64px;border:1px solid #eee;text-indent:12px;width: 100%;border-radius: 2rem;padding: 0 0 0 1%;}
.z_img{width: 38px;height: 38px;position:absolute;top: -16px;right: 20px;background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;display: none;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c { transform: rotateX(0);}
#menu {
  margin-right: 1vw;
}

@media (max-width: 1024px) {
  #menu {
    margin-right: 0.8vw;
  }
}

#menu .nav_a1 li {
  float: left;position: relative;
}

#menu .nav_a1 li a {
  display: block;
  color: #333;

}

#menu .nav_a1 li > a {
  font-size: 1.1vw;
  padding: 0 1.3vw;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  font-family: 'axt';    text-transform: capitalize;
}
@media (max-width: 1680px) {#menu .nav_a1 li > a { font-size: 1.2vw;padding: 0 1.1vw;}}
@media (max-width: 1440px) {#menu .nav_a1 li > a { font-size: 1.2vw;padding: 0 1.1vw;}}
@media (max-width: 1360px) {#menu .nav_a1 li > a { font-size: 1.3vw;padding: 0 1vw;}}

#menu .nav_a1 li > a span {
  position: relative;
  display: block;
  padding: 0 0em;
height: 100px;
line-height: 100px;
font-weight:bold;    font-family: Hos;
    font-weight: normal;
}

#menu .nav_a1 li .sec {
  position: absolute;
  top: 100%;
  width: 120%;
  left: -10%;
  background: white;
  z-index: 999;
  text-align: center;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
}

#menu .nav_a1 li .sec > a {
  font-size: 16px;
  padding: 0.4em 0;
  color: #333;
}

#menu .nav_a1 li .sec > a:hover {
  color: #075daa;
}

#menu .nav_a1 li .sec1 {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: white;
  z-index: 999;
  text-align: center;
  padding: 1.5rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
  text-align: center;
  line-height: 1;
}

#menu .nav_a1 li .sec1 > a {
  font-size:17px;
  color: #131313;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
border: 2px #eee solid;
padding: 1%;
}

#menu .nav_a1 li .sec1 > a u {
  display: block;
  font-size: 0;
  overflow: hidden;
  width: 14rem;
}
@media screen and (max-width: 1680px){#menu .nav_a1 li .sec1 > a u{width: 12rem;}}
@media screen and (max-width: 1440px){#menu .nav_a1 li .sec1 > a u{width: 12rem;}}
@media screen and (max-width: 1360px){#menu .nav_a1 li .sec1 > a u{width: 11rem;}}
@media screen and (max-width: 1280px){#menu .nav_a1 li .sec1 > a u{width: 11rem;}}
#menu .nav_a1 li .sec1 > a p{line-height: 3;}
#menu .nav_a1 li .sec1 > a u img {
  width: 100%;
}

#menu .nav_a1 li .sec1 > a .ys {
  position: absolute;
  right: 0;
  top: 0;
}

#menu .nav_a1 li .sec1 > a .ys b {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #f0f0f0;
  border-radius: 50%;
}

#menu .nav_a1 li .sec1 > a + a {
  margin-left: 1%;
}

#menu .nav_a1 li .sec1 > a:hover {
  color: #075daa;
}
#menu .nav_a1 li .sec2:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 11px 7px;
    content: "";
    left: 22px;
    position: absolute;
    top: -22px;
}
#menu .nav_a1 li .sec2 {
  position: absolute;
  top: 100%;
  width: 183%;
  left: 0;
  background: white;
  z-index: 999;
  text-align: center;
  padding: 1rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
  text-align: center;
  line-height: 1;
  border-top: 1px #eee solid;
box-shadow: 0 0 15px rgba(29, 56, 75, .4);
}
#menu .nav_a1 li:nth-child(3) .sec2{width: 118%;}
#menu .nav_a1 li:nth-child(4) .sec2{width: 225%;}
#menu .nav_a1 li:nth-child(5) .sec2{width: 110%;}
#menu .nav_a1 li:nth-child(6) .sec2{width: 104%;}
#menu .nav_a1 li:nth-child(7) .sec2{width: 120%;}
#menu .nav_a1 li .sec2 .sec-a {
  width: 100%;
}

#menu .nav_a1 li .sec2 .sec-a .img {
  width: 32.88288%;
  padding-bottom: 21.44144%;
  position: relative;
  height: 0;
  overflow: hidden;
border: 2px #eee solid;
}

#menu .nav_a1 li .sec2 .sec-a .img > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#menu .nav_a1 li .sec2 .sec-a .cont-p {
  width: 67.11712%;
  padding: 0 5%;
  text-align: left;
}

#menu .nav_a1 li .sec2 .sec-a .cont-p .tit {
  color: #3E3E3F;
  font: 600 1.875rem/1.5em "";
  text-transform: uppercase;
}

#menu .nav_a1 li .sec2 .sec-a .cont-p .p {
  color: #57585A;
  font-size:1.1rem;
  margin: 0.5rem 0 1em;
font-family: 'axt';
line-height:1.6;
font-weight:100;
}

#menu .nav_a1 li .sec2 .sec-a .cont-p a.more-b {
  display: inline-block;
  color: #fff;
  padding: 0.8rem 1.6rem;
}

#menu .nav_a1 li .sec2 .sec-b {
  width: 100%;
  padding-left: 0%;
}

#menu .nav_a1 li .sec2 .sec-b a {
  display: block;
  color: #3E3E3F;
  font-size: 0.9vw;
  padding: 0.8em 1em;
  text-align: left;
font-weight:100;
    font-family: 'axt';border-bottom: 1px #eee solid;text-transform: capitalize;
}

#menu .nav_a1 li .sec2 .sec-b a:hover {
  color: #333;
background: #a8c8e4;
}

#menu .nav_a1 li:hover > a {
  color: #fff;font-weight:bold;
}
#menu .nav_a1 li.active{color: #075daa;font-weight:bold;}

#menu .nav_a1 li:hover .sec, #menu .nav_a1 li:hover .sec1, #menu .nav_a1 li:hover .sec2 {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
   -ms-transform: translateY(0);
    -o-transform: translateY(0);
       transform: translateY(0);
}

#menu .nav_a1 li:hover > a span, #menu .nav_a1 li.active > a span {
  color: #075daa;font-weight:bold;
}

#menu .nav_a1 li#prad {
  position: static;}
  .more-b {
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 0rem;
  background-color: #075daa;
  color: #3E3E3F;
  overflow: hidden;
  position: relative;
  z-index: 1;
  font-family: '';
}
/*banner*/
.bann{overflow:hidden;}
.ban_bc .slider {width:100%;}
.ban_bc .slick-slide img{width:100%;}
.ban_bc .slick-current{height:auto; -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 1s ease-out  both;}
.ban_bc .slick-current img {width:100%;}
.ban_bc .slick-prev {left:38px;z-index:99;}
.ban_bc .slick-next {right:40px;}
.bann>button{display:none!important;}
.ban_bc{width:100%;position:relative;}
.ban_bc .slick-dotted.slick-slider{margin-bottom:0!important;}
.bann_num>span{font-size:30px;color:#fff;display:block;z-index:9;cursor:pointer;width:60px;height:90px;background:rgba(0,0,0,0.5);text-align:center;line-height:90px;}
.bann_num>.ban_prev{position:absolute;top:52%;left:40px;transform:rotate(180deg);}
.bann_num>.ban_next{position:absolute;top:52%;right:40px;}
.ban_dot{position:absolute;bottom:4%;left:50%;display:flex !IMPORTANT;margin-left:-33px;z-index: 9; display: none;}
.ban_dot li{width:12px;height:12px;border-radius:100%;background:#fff;}
.ban_dot li+li{margin-left:12px;}
.ban_dot li button{display:none;}
.ban_dot li.slick-active{background:#0056a2;}


/*pro*/
.pro {overflow: hidden;background:#f6f6f6;padding:5% 0 5% 0; position: relative;}
.pro_box {max-width:96%;margin: 0 auto;}
.pro_tit {}
.pro_tit p {font-size: 36px;display: flex;align-items: center;}
.pro_tit p span {color: #1f78c7;}
.pro_tit b em {font-size: 20px;padding: 5% 0 0;text-transform: uppercase;font-family: Arial;color: #999;font-weight: lighter;}
/*pro*/
.prod_list{text-align: center; margin-bottom:30px;margin-top:30px;}
.prod_list ul{display: inline-block; background: linear-gradient(to top, #075daa, #075daa); border-radius: 100px; overflow: hidden;width:86%;display: flex; margin: 0 auto;}
.prod_list ul li{ float:left;flex: 1;}
.prod_list ul li a{ line-height: 58px; color:#fff; font-size: 20px; display: block; position: relative; transition: all 0.3s ease;font-size: 0.88vw;    text-transform: capitalize;}
.prod_list ul li a:after{content:"";display:block; width: 1px; height: 30%; background:rgba(255,255,255,0.2); position: absolute;top:0; bottom:0; right: 0; margin:auto; }
.prod_list ul li:last-child a:after{display: none;}
.prod_list ul li a:hover,.prod_list ul li.on a{background: #016fd1;}

.proa {padding: 0% 0% 0 0;overflow:hidden; width: 100%;height: 100%;background:; background-size: cover; }
.pro_box {max-width: 100%;margin:0 auto;}
.pro_tab {margin: 0% 0 0;}
.pro_nav {display:none;width: 32%;}
.pro_nav ul {display:flex;justify-content: space-between;flex-wrap: wrap;row-gap: 0.5vw;}
.pro_nav li {/* width: 19.5%; *//* border: 1px solid #eee; *//* padding: 1.2%; */background: #fff;transition: 0.5s;position: relative;}
.pro_nav li:before {content:'\e8d4';font-family: 'iconfont';font-size: 20px;position: absolute;right: 10%;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;}
.pro_nav li:hover,.pro_nav li.on {/*background:#e6212a;*/}
.pro_nav li+li {/* margin:0 0 0 10px; */}
.pro_nav li a {font-size: 17px;font-weight: bold;color: #b0aeae;transition: 1s;}
.pro_nav li:hover a,.pro_nav li:hover:before,.pro_nav li.on a,.pro_nav li.on:before {color:#e6212a;}
.pro_con {margin: 1.5% 0 0;}
.pro_bcc1{overflow: hidden;}
.pro_cc1>div{width: 100%; flex-shrink: 0;}
.pro_cc1 ul{display: flex; width: 100%; flex-shrink: 0; flex-wrap: wrap;}
.pro_cc1 li{display: flex;flex-direction: column;width: 24%;flex-shrink: 0;background: #;padding: 0%;border-radius:0px; border: 0px #eee solid; margin-top: 1%; border-radius: 0px;height:50%;}
.pro_cc1 li+li{margin-left: 1%;}
.pro_cc1 li:nth-child(5){margin-left: 0%;}
.pro_cc1 li span{overflow:hidden}
.pro_cc1 li span a img{ width: 100%;transition:all .5s;display:block;}
.pro_cc1{margin-top: 0px;position:relative;    display: flex;    transition: 0.5s;}
.pro_cc1 li p a {font-size: 20px;color: #333;display: block;margin: 20px 0 18px;position:relative;}
.pro_cc1 li:hover p a { color: #075daa;  font-weight: bold;}
.pro_cc1 li p a:after{content: "+MORE";width: 26%;height: 30px;line-height: 30px;font-size: 14px;color: #333;transition:all .5s;display: block;margin: 20px auto 0;background: linear-gradient(to top, #eee, #ddd);border-radius: 20px;}
.pro_cc1 li:hover p a:after{background:#075daa;color:#fff;}
.pro_cc1 li:hover span a img{transform:scale(1.1)}
.pro_cc1 li p {text-align: center;}
.pro_cc1 .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}
.pro_prev{position: absolute;top: 50%;left: 0;margin-top: -54px;}
.pro_next{position: absolute;top: 50%;right: 0;margin-top: -54px;}
.prod_list ul li a+dl{display: none;}
.prod_list .prolist2021{}

.pro_bcc{overflow: hidden;margin-top:20px;}
.pro_cc .divproduct_new_div{display: flex; width: 100%; flex-shrink: 0; flex-wrap: wrap;}
.pro_cc .divproduct_new_div .divproduct_new_div_item{display: flex;flex-direction: column-reverse;width: 23.3%;flex-shrink: 0;background: #ffffff;padding: 1%;border-radius:0px; border: 2px #eee solid; height:48%;margin-top: 1%; border-radius: 10px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item{margin-left: 1%;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(5){margin-left: 0%;}
.pro_cc .product_div_item_pic{overflow:hidden}
.pro_cc .product_div_item_pic img{ width: 100%;transition:all .5s;display:block;}
.pro_cc{margin-top: 0px;position:relative;    display: flex;    transition: 0.5s;}
.pro_cc .divproduct_new_div_item_title a{font-size: 20px;color: #333;display: block;margin: 20px 0 18px;position:relative;}
.pro_cc .divproduct_new_div_item_title a:after{content: "+MORE";width: 40%;height: 30px;line-height: 30px;font-size: 14px;color: #333;transition:all .5s;display: block;margin: 20px auto 0;background: linear-gradient(to top, #f8f8f8, #f8f8f8);border-radius: 20px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover  .divproduct_new_div_item_title a:after{background:#fa4e56;color:#fff;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1)}
.pro_cc .divproduct_new_div_item_content{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}

.he_c2p4xtim p {
    font-size: 90px;
    line-height: 1;
    color: #f5f7fc;
    text-align: center;
    font-weight: bold;
    font-family: 'samsungsharpsans-b';
    transition: all 0.36s;
}

.he_b3p4 {
    width: 100%;
    padding-top: 80px;
    position: relative;
    padding-bottom: 80px;
}
.he_b3p4 .he_content {
    position: relative;
    z-index: 10;
}
.he_content {
    max-width: 1500px;
    margin: 0 auto;
}
.he_b3p4bx {
    width: 100%;
    position: relative;
}

.he_b3p4ul {
    width: 100%;
    position: relative;
    padding-top: 15px;
}

.he_b3p4uhd {
    width: 100%;
}

.he_b3p4li {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 56px 43px;
    transition: all 0.36s
}

.he_b3p3ti {
    overflow: hidden;
}

.he_b3p4uhd {
    /* width: 270px !important; */
    padding: 25px 20px;
}

.he_b3p4ic {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.he_b3p4ic i{font-size: 66px; line-height:70px;color: #999; height: 44px; font-weight: normal;
background: -webkit-linear-gradient(45deg, #19a602, #11ccee); 
    background: linear-gradient(45deg, #19a602, #11ccee); 
    -webkit-background-clip: text; 
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    color: transparent; 
}
.he_b3p4ic img {
    transition: all 0.36s;
}

.he_b3p4ic .he_img1 {
    opacity: 0;
}

.he_b3p4te p {
    font-size: 18px;
    line-height: 1.35;
    color: #333;
    overflow: hidden;
    transition: all 0.36s;
}
.he_b3p4te span{ font-size: 28px;color: #333;display: block; padding-bottom: 10%;}

.he_b3p4te {
    text-align: center;
    padding-top: 30px;
    position: relative;
}

.he_b3p4te::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 2px;
    background: #d4dbea;
    transition: all 0.36s;
    opacity: 0;
}

/* .he_b3p4ul .swiper-wrapper {
    padding: 0 10px;
} */

.he_b3p4ul .swiper-container {
    margin: 0 -30px;
}

.he_b3p4gds {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b3p4gds img {
    width: 100%;
}

.he_b3p4 .he_content {
    position: relative;
    z-index: 10;
}

.he_swefy {
    padding: 0 20px !important;
    width: 96% !important;
    left: 26px !important;
    height: 2px !important;
    background: #eaeff5 !important;
    top: inherit !important;
    bottom: 10px;
}

.he_swefy::before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to right, #1f78c7 0%, #11ccee 100%);
    border-radius: 50%;
    z-index: 10;
}

.he_swefy .swiper-pagination-progressbar-fill {
    background: linear-gradient(to right, #1f78c7 0%, #11ccee 100%) !important;
}

.he_swepb3 {
    padding-bottom: 60px !important;
}

.he_b3p4le,
.he_b3p4ri {
    width: 49px;
    height: 49px;
    outline: none;
    cursor: pointer;
    transition: all 0.36s;
}

.he_b3p4le img {
    width: 100%;
}

.he_b3p4ri img {
    width: 100%;
}

.he_b3p4ri {
    margin-left: 23px;
}

.he_b3p3an {
    width: 100%;
    margin-top: 60px;
}

/* .he_b3p4uhd.swiper-slide-active .he_b3p4li {
    background: #274a94;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img {
    opacity: 0;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img1 {
    opacity: 1;
}

.he_b3p4uhd.swiper-slide-active .he_b3p4te p {
    color: #fff;
} */
.he_b3p2ti p {
    font-size: 48px;
    line-height: 1.5;
    color: #274a94;
    font-weight: bold;
}

.dvbg{width:100%;margin:0 auto;background: #f9f9f9;padding-top:0%;}
.font18 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #7c7c7c;
}
.titleys {
    font-weight: bold;
    font-size: 3rem;
    line-height:2;
    color: #fff;
}
.textys {
    font-size: 1.125rem;
    line-height: 3rem;
    color: #7C7C7C;
    font-weight: 400;
}
.cf {
    color: #fff !important;
}

.subtitley {
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(255,255,255,0.8);
    margin-bottom: 1rem;
    position: relative;
}
.subtitley div::before {
    content: "";
    position: absolute;
    bottom: 0.42rem;
    left: 10%;
    width: 1.5625rem;
    height: 0.125rem;
    border-radius: 0.1875rem;
    background: #fff;
}
@media screen and (max-width: 1680px){.subtitley div::before{left: 12%;}}
@media screen and (max-width: 1440px){.subtitley div::before{left: 13%;}}
@media screen and (max-width: 1360px){.subtitley div::before{left: 13%;}}
.pr {
    position: relative;
}
.index_rd_0903 {
  padding: 6rem 0 0 0;
  overflow:hidden;
}

.index_rd_0903 .ul {
  display: flex;
  margin: 0 -0rem 0;
}

.index_rd_0903 .ul li {
  margin: 0 0.05rem;
  flex: 1 0 0;
  text-align: center;
 background: rgba(0, 119, 204, 0.99);position: relative;
display: flex;
    justify-content: center;
    align-items: center;
}
.index_rd_0903 .ul li i{color: #fff;font-size: 3rem; padding-right:10px;}
.index_rd_0903 .ul li:nth-child(2) i{font-size: 2.6rem;}

.index_rd_0903 .ul li a {
  font-size: 2rem;
  line-height: 1.1;
  color: #fff;
  padding: 2.2rem 0;
  position: relative;
font-family: 'axt';
font-weight:bold;    text-transform: capitalize;
}
.index_rd_0903 .ul li a span{font-family: 'axt';color: rgba(255,255,255,0.6);font-size: 1rem; display: block; padding-top:2px;display: none;}

.index_rd_0903 .ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: 3;
  background: rgba(255,255,255,0.2);
}

.index_rd_0903 .ul li::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #fa4d09;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 5;
}

.index_rd_0903 .ul li:hover::before,
.index_rd_0903 .ul li.active::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_rd_0903 .sum {
  margin: 1rem 0 4rem 0;
}

.index_rd_0903 .sum>div {
  display: none;
}

.index_rd_0903 .sum>div.active {
  display: block;
}

.index_rd_0903 .sum>div .name {
  font-size:1.8vw;
  line-height: 2;
  color: #075daa;
  font-weight: bold;
padding-bottom:1rem;font-family: Hos;
}
.index_rd_0903 .sum>div .namex{background: #075daa;color: #fff;width: 400px;
    padding: 12px;
    border-radius: 60px;
    text-align: center;font-size:22px;display: none;}
.index_rd_0903 .uw-line-x {
    width: 40%;
    height: 3px;
    position: relative;
    margin: 10px 0 16px 0;
}
.index_rd_0903 .uw-line-x {background: rgba(0,0,0,.1);}
.index_rd_0903 .uw-line-x::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
background: #075daa;
}
.index_rd_0903 .sum>div .name span{ font-size: 2.4rem;color: #666; display: block;text-transform: uppercase; padding-top:1%; font-family: 'neu';display: none;}

.index_rd_0903 .sum>div .text {
  color: #333;
  margin:0vw 0 1vw 0;
  width: 42%;
font-size:1vw;
line-height:1.7;
font-family: 'axt';
}

.index_rd_0903 .bgg>div {
position: absolute;
    top: 13%;
    right: 7%;
    width: 889px;
    height: 537px;
    z-index: -1;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    opacity: 0;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    background-size: cover;
    background-position: center center;
    background: rgba(255, 255, 255, .999);
    box-shadow: 0 0 13px rgba(0, 0, 0, .3);
    padding: 2%;
}
@media (max-width: 1680px) {.index_rd_0903 .bgg>div{width:750px; height: 453px;}}
@media (max-width: 1440px) {.index_rd_0903 .bgg>div{width:680px; height: 411px;}}
@media (max-width: 1366px) {.index_rd_0903 .bgg>div{width:640px; height: 387px;}}
@media (max-width: 1280px) {.index_rd_0903 .bgg>div{width:600px; height: 362px;}}
.index_rd_0903 .bgg>div:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(1, 2, 54, 0);
    left: 0;
    top: 0;
    z-index: 1;
}

.index_rd_0903 .bgg>div.active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.index_rd_0903 {
  overflow: hidden;
}

.index_rd_0903 .title {
  margin-bottom: 0.875rem;
}
.morey {
    background: #075daa;
    display: inline-block;
    border: 1px solid #075daa;
    font-size: 1.2rem;
    line-height: 3.4375rem;
    color: #666;
    padding: 0 2rem;
    position: relative;
    z-index: 4;
}
.morey.borf {
  background: transparent;
  color: #333;
  border-color: #ccc;
padding:10px 20px;
border-radius: 20px;
font-size:16px;text-transform: capitalize;
}

.morey.borf::before {
  background: #075daa;border-radius: 20px;
}

.morey.borf:hover {
  color: #fff;
  border-color: #075daa;
}

.morey.borf:hover img {
  filter: brightness(0) invert(1);
}

.morey div {
  display: flex;
  align-items: center;
}

.morey div img {
  height: 1.1rem;
  margin-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: brightness(0) invert(0);
}

.morey::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.morey:hover {
  color: #075daa;
}

.morey:hover img {
  filter: brightness(1) invert(0);
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.morey:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/*appli*/
.container {
    width: 100%;
    max-width: 80%;
    padding: 0 var(--container);
margin: 0 auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.subtitle {
    font-size: 1.25rem;
    color: rgb(31, 42, 131);
    display: inline-block;
    position: relative;
    margin-bottom: 0.25rem;
}
.titlej {
    font-weight: 100;
    font-size: 2.5rem;
    line-height: 3.125rem;
    color: rgb(0, 0, 0);
    font-family: 'Har';
}
.index_four .top .right {
    padding-left: 0px;
}

.col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;}
.textj {
    font-size: 1rem;
    line-height: 1.875rem;
    color: rgb(142, 142, 142);
}
.more.borg {
    color: rgb(142, 142, 142);
    border-color: rgb(142, 142, 142);
}
.more {
    line-height: 3.4375rem;
    font-size: 1rem;
    color: rgb(31, 42, 131);
    display: inline-block;
    position: relative;
    z-index: 5;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(31, 42, 131);
    border-image: initial;
    padding: 0px 2.25rem;
border-radius: 0.25rem;
}

.mt25 {
    margin-top: 1.5625rem;
}
.more::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform: scale(0.6);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #1F2A83;
  z-index: -1;
  opacity: 0;
}
.more:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.more:hover::before {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: scale(1);
}
.more > div {
    display: flex;
    align-items: center;
line-height: 3.4375rem;
}
.more .iconfont {
    font-size: 1rem;
    margin-left: 1rem;
}

/**ç¬ä¸å±**/
.b-title {
    width: 100%;
    height: auto;
    overflow: hidden;    text-align: center;
}
.b-title h2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size:1.6vw;
    color: #999;
    text-transform: uppercase;
    font-family: axt;    display: none;
}
.b-title h4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size:1.2vw;
    color: #333;
    text-transform: uppercase;
    font-family: neu;
margin-top:10px;
}
.b-title aside {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.b-title aside h3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 3vw;
    color: #075daa;
font-weight:bold;
    text-align: center;
padding-bottom:10px;text-transform: uppercase;    font-family: 'srm';
}
.b-title aside a {
    display: inline-block;
    width: 9em;
    height: 2.2em;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 2.2em;
    letter-spacing: 2px;
    color: #333;
    text-align: center;
    transition: all ease-out 0.3s;
line-height: 2em;
    font-family: 'axt';
display: none;
}
.b-title aside a:hover {
    color: #075daa;
    border-color: #075daa;
}
.page3.active .g-area .m-t, .page3.active .g-area .m-c {
    animation: topLoop 1s ease;
    animation-fill-mode: both;
}
.page3.active .g-area .m-t {
    animation-delay: 0.5s;
}
.page3.active .g-area .m-c {
    animation-delay: 1s;
}

.section{
    padding: 5% 0;
    background: url(https://memberpic.114my.com.cn/0369371/uploadfile/image/20251204/20251204085329_784439295.jpg) center center no-repeat;
    background-size: 100% 100%;}
.clearfix {
    clear: both;
    zoom: 1;}
.conn{margin-top:30px;}
.i-app li{ float:left; width:16.6%; position:relative; overflow:hidden}
.i-app li:last-child{ margin-right:0}
.i-app li .wenzi{ position:absolute; width:100%; height:100%; left:0; top:0;}
.i-app li .wenzi .inn{ position:absolute; bottom:0%; left:0%; padding:80px 40px 50px 40px; text-align:center; width:100%;transition: 0.5s; color:#fff; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.4)); }
.i-app li .wenzi .inn .ptitle{ height:30px; overflow: hidden; transition: 0.5s; }
.i-app li .wenzi .inn .ptitle h3{ font-size:22px;text-transform: capitalize;}
.i-app li .wenzi .inn .pmore{ margin-top:50px; display: inline-block; border:solid 1px #fff; padding:2px 15px; border-radius:10px; font-size:15px;}
.i-app li .wenzi .inn .pmore:hover{ background:#0b6abb; border:solid 1px #0b6abb;}
img.img1{position: absolute;}

.i-app li .wenzi .inn .pmore:hover i{background:url(../images/abnext.png) no-repeat 70% center; background-size:16px auto; }

.i-app li .wenzi .inn h3{ font-size:24px; margin-bottom:10px;}
.i-app li .wenzi .inn p{ line-height:26px;display: none;}
.i-app li .wenzi .inn .icon{ width:100px; border-radius:50%; overflow:hidden; margin:0 auto}
.i-app li .wenzi .inn .icon img{ display:block; width:100%; height:auto;}
.i-app li:hover .wenzi .inn .ptitle{ height:250px;}
.i-app li .wenzi .inn  .icon{ position:relative}
.i-app li .wenzi .inn .cirbox {-webkit-transition: all 700ms ease;transition: all 700ms ease;position: relative}
.i-app li .wenzi .inn .cirbox .ico{ position:relative; z-index:9}
.i-app li .wenzi .inn .cirbox img{ width:60px; height:auto; border-radius:50%; margin:10px auto 0px auto;}
.i-app li .wenzi .inn .cirbox span {top: 50%;left: 50%;position: absolute;display: inline-block}
.i-app li:hover .wenzi .inn .cir1 { background-color:rgba(11,106,187,0.5);width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;border-radius: 100%;-webkit-animation: touming 1s ease infinite;animation: touming 1s ease infinite}
.i-app li:hover .wenzi .inn .cir2 {width: 100px;height: 100px;margin-left: -50px;margin-top: -50px;border-radius: 100%;background-color:rgba(11,106,187,0.5);-webkit-animation: touming 1.2s ease infinite;animation: touming 1.2s ease infinite}
.i-app li:hover .wenzi .inn .cir3 {width: 120px;height: 120px;margin-top: -60px;margin-left: -60px;border-radius: 100%;background-color:rgba(11,106,187,0.5);-webkit-animation: touming 1.3s ease infinite;animation: touming 1.3s ease infinite}
.i-app li:hover .wenzi .inn .cirbox{ margin-bottom:40px;}


@-webkit-keyframes touming {
  0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
  100% {opacity: 1;-webkit-transform: scale(1)!important;transform: scale(1)!important;}
}


@keyframes touming {
  0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
  100% {opacity: 1;-webkit-transform: scale(1)!important;transform: scale(1)!important;}
}

/*ä¼*/
.adv_bg1{max-width:100%;margin:0 auto; padding: 0% 0;background: url(http://login.114my.cn/memberpic/036937120586en/uploadfile/image/20251229/20251229095632_1860807953.jpg) center center no-repeat;     height: 44.4vw;background-size: cover;   overflow: hidden; position: relative}
.ser_lc{width: 50%;position: relative;}
.ser_lc>p{width:918px;position: absolute;top: 0;right:0;}
.ser_bc>p>img{width: 100%;}
.ser_c {display: flex;}
.ser_tit {position: absolute;top: 220px;left: 90px;}
.ser_tit b{display: inline-block;font-size:3vw;color: #fff;letter-spacing: 3px;position: relative;    font-family: 'srm';
    text-transform: uppercase;}
.ser_tit p{font-size: 18px;color: #fff;margin-top:10%;    letter-spacing: 0px; line-height:2;    width: 84%;text-transform: capitalize;}
.ser_tit:before {
    position: absolute;
    content: "";
    width: 124px;
    height: 5px;
   background: #fff;
    top:44%;
    left: 0px;
}
.ser_lc>p img:hover{
    filter: brightness(1);
}
.sup_rc p img:hover {filter: brightness(0.6);}
.sup_rc p img{filter: brightness(1);transition:all .5s;}
.ser_lc>p img{
   filter: brightness(0.6);transition:all .5s;
}


.goods_list .box {
width: 50%;
    position: absolute;
    right: 0;
}

.goods_list .box li {
    width: 50%;
    *width: 19.98%;
    float: left;
    cursor: pointer;
	min-height:1px;
	margin-top:0px;
	position: relative;
	z-index: 99;
}

.screen1024 .goods_list .box li {
	*width: 19.6%;
}

.goods_list .box li .first {
    height: auto;
    margin: 0px 0px;
    position: relative;
	
}

.goods_list .box li .first img {
    width: 100%;
    height: auto;
}

.goods_list .box li .first dl {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.goods_list .box li .first dt {
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 35%;
}

.goods_list .box li .first dd {
    width: 94px;
    height: 26px;
    border: solid 1px #ccc;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    top: 46%;
}

.goods_list .box li .first .text:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 200px;
    background: #fff;
    top: 23%;
    left:8%;}

.goods_list .box li .first .text strong {
    font-size: 30px;
    font-weight: bold;
}
.goods_list .box li .first .text strong a{font-size: 30px;text-transform: capitalize;}

.goods_list .box li .first .text a {
    width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
padding-top:10%;    text-transform: capitalize;
}

.goods_list .box li .first .text span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;display: none; 
}

.goods_list .goods_btg {
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

.goods_list .goods_btg p {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.goods_list .box li .first .text {
    width: 100%;
    background: linear-gradient(to right, #0760ac 0%, #01b4f0 100%);
    padding:11% 5% 5% 13%;
    color: #fff;
    border-radius: 0px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0%;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
    transform: rotateX(90deg);
    bottom: 0;
}
.goods_list .box li:hover .text,.goods_list .box li.on .text {
    display: block;

    /* margin-top: -200px !important; */
    
    transform: rotateX(0deg);
    opacity: 1;
}

/*ä¼*/


/* °é»ä¸­å¿ */
.news_bg{margin-top:0%;padding: 5% 0 5% 0;background: #f5f5f5 url(https://memberpic.114my.com.cn/0369371/uploadfile/image/20251027/20251027142110_1837230170.jpg) center  top no-repeat;overflow: hidden;}
.news{margin-bottom:0%;}
/* ä¸ */
.news_top{display:flex;justify-content:center;align-items:cente;margin-top:30px;}
.news_top_left b{font-size:2.5vw;color:#333;    font-family: neu;}
.news_top_left p{font-size:30px;color:#333;font-weight:bold;}
.news_top_right{display: flex;}
.news_top_right a{display:block;width:150px;line-height:45px;text-align:center;font-size:18px;color:#333;font-family: 'Hos';background:#fff;border-radius:100px;margin-left:10px;}
.news_top_right a.on{background:#075daa ;border-radius:100px;color:#fff;}
.news_top_right a+a{}
/* ä¸ */
.news_bottom{margin-top:40px;}
.news_bottom_content{display: flex;justify-content: space-between;}
.news_bottom_content>div{width: 46%;overflow: hidden;font-family: 'Hos';position: relative;z-index: 5;}
/* ç¬ä¸ */
.news_bottom_content1 .news_div_item_pic>a{display:block;overflow:hidden;}
.news_bottom_content1 .news_div_item_pic>a img{width: 100%;transition: 0.3s;}
.news_bottom_content1:hover .news_div_item_pic>a img{transform: scale(1.2);}
.news_bottom_content1 .news_div_item_content {margin-top:1px;padding:8% 7%;/* background:#fff; */position: absolute;top: 0;left: 0;    z-index: 5;}
.news_bottom_content1 .news_div_item_title a{display:block;font-size: 27px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight: bold;width:60%; padding:2% 3%; background: rgba(255,255,255,0.6);    text-transform: capitalize;}
.news_bottom_content1 .news_div_item_body {margin:20px 0;font-size:16px;color:#666;line-height:1.5;width:60%;    text-transform: capitalize;}
.news_bottom_content1 ul>a{display: none;align-items: center;justify-content: space-between;font-size:15px;color:#aaa;}
.news_bottom_content1 ul>a:before{content:"";display:block;width:100%;height:9px;}
.news_bottom_content1 ul>a p{}
/* ç¬äº */
.news_bottom_content2{padding: 40px;background: #fff;display: none;}
.news_bottom_content2 li{display: flex;justify-content: space-between;}
.news_bottom_content2 li t{display:block;font-size:18px;color: rgb(0 0 0 / 75%);}
.news_bottom_content2 li dt{display:flex;font-size:16px;color:rgb(0 0 0 / 75%);}
.news_bottom_content2 .news_bottom_content2_a1{display:block;margin:80px 0 40px 0;font-size:22px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news_bottom_content2>span{display:block;font-size:15px;color:#666;line-height:2;}
.news_bottom_content2 .news_bottom_content2_a2{display:block;margin-top:120px;font-size:18px;color:#333;}
.news_bottom_content2 .news_bottom_content2_a2:after{content:"";display:block;width:30px;height:30px;margin-top:20px;background:url(https://memberpic.114my.com.cn/0369371/uploadfile/image/20251028/20251028154257_1976361042.png) no-repeat;}
/* ç¬ä¸ */
.news_bottom_content3{display:flex;flex-direction:column;justify-content:space-between;width: 52% !important;}
.news_bottom_content3 .news_div_item {display: flex;align-items: center;background: #;padding: 0%;position: relative;flex-direction: row-reverse;}
.news_bottom_content3 .news_div_item:hover {background:#075daa;color:#fff;}
.news_bottom_content3 .news_div_item:hover a,.news_bottom_content3 .news_div_item:hover .news_div_item_body,.news_bottom_content3 .news_div_item:hover .news_div_item_date:before {color:#fff;}
.news_bottom_content3 .news_div_item_pic a{display:block;overflow:hidden;flex-shrink:0;}
.news_bottom_content3 .news_div_item_pic a img{width: 200px;transition: 0.3s;}
.news_bottom_content3 .news_div_item:hover a img{transform: scale(1.2);}
.news_bottom_content3 .news_div_item_content{margin-left: 10px;}
.news_bottom_content3 .news_div_item_title a {font-size: 26px;color:#333;/*overflow:hidden;*/text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight: bold;    text-transform: capitalize;}
.news_bottom_content3 .news_div_item_body {margin-top: 9%;font-size:15px;color:#666;line-height:1.5;width:90%;    text-transform: capitalize;}
.news_bottom_content3 dt .news_bottom_content3_a2{display: block;width:100%;height:9px;margin-top: 0px;background:url() no-repeat;}

.news_bottom_content3 .news_div_item_date {
    position: absolute;
    left: 24%;
    top: 33%;
    display: flex;
    align-items: center;
    padding: 0 0 0 8.5%;
}
@media screen and (max-width: 1680px){
.news_bottom_content3 dt:last-child {left: 27%;padding: 0 0 0 9%;}
}
@media screen and (max-width: 1580px){
.news_bottom_content3 dt:last-child {left: 29%;padding: 0 0 0 10%;}
}
@media screen and (max-width: 1500px){
.news_bottom_content3 dt:last-child {left: 30%;padding: 0 0 0 12%;}
}
@media screen and (max-width: 1400px){
.news_bottom_content3 dt:last-child {left: 32%;padding: 0 0 0 11%;}
}
.news_bottom_content:nth-child(1) .news_bottom_content3 .news_div_item_date:before {content:'Dynamic |';position:absolute;left: 4px;top: 0;}
.news_bottom_content:nth-child(2) .news_bottom_content3 dt:last-child:before {content:'è¡ä¸èµè® |';position:absolute;left: 0;top: 0;}
.news_bottom_content:nth-child(3) .news_bottom_content3 dt:last-child:before {content:'常èé¢ |';position:absolute;left: 0;top: 0;}
.news_bottom_content3 dt:last-child>p {
    margin-top: 0;
    line-height: 0;
}

.h-footer{position:relative; background:#075daa;background-position: center;background-repeat: no-repeat;}
.foot1{padding:3% 0;}
.foot1>div{display: flex;}
.foot1 .h-info{display: flex;flex-direction: column;width: 342px;}
.foot1 .h-logo{margin-bottom: 40px;display: block;}
.foot1 .h-logo img{width: 265px;}
.h-logo img{width: 265px;}
.foot1 .lineInfo{display: flex;align-items: flex-start;}
.foot1 .lineInfo i{color: #fff;line-height: 29px;font-size:16px;}
.foot1 .lineInfo+.lineInfo{margin-top: 6px;}
.foot1 .lineInfo img{width: 16px;margin-top: 3px;}
.foot1 .lineInfo span{padding-left: 15px;width: calc(100% - 16px);display: block;font-size: 16px;color: #FFFFFF;line-height: 25px; font-family: axt;}
.foot1 .h-nav{display:flex;justify-content: space-between;width: 100%;padding: 0 0;}
.foot1 .h-nav dl{text-align:left;}
.foot1 .h-nav dt{margin-bottom: 25px;}
.foot1 .h-nav dt a{font-size: 19px;font-weight: 600;color: #FFFFFF;line-height: 36px;font-family: 'axt';    text-transform: capitalize;}
.foot1 .h-nav dd a{font-size: 16px;color: #FFFFFF;line-height: 24px; font-family: 'axt';text-transform: capitalize;}
.foot1 .h-nav dd+dd{margin-top: 10px;}
.foot1 .h-nav dd img{width: 100%;display: block;padding-top: 5px;}

.foot2{border-top: 1px solid rgba(255,255,255,0.2);padding: 25px 0; background: #fff;}
.foot2>div{display: flex;}
.foot2 .f2l{margin-right: auto;line-height: 54px;}
.foot2 span,.foot2 a{display: inline-block;font-size: 16px;color: #333;line-height: 54px;}
.foot1 .h-nav dd a:hover {
    color: #ff0000;
}
.foot1 .h-nav dt a:hover {
    color: #ff0000;
}

.h-footer a:hover{opacity: 1!important;}

.returnTop{position: absolute;right: 0;top: 0;height: 100%;width: 100px;z-index: 9;background: linear-gradient(180deg, #075daa, #00d0ec);display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer; display: none;}
.returnTop img{display: block;transition: .3s;}
.returnTop span{display: block;text-align: center;font-size: 16px;color: #FFFFFF;line-height: 18px;width: 24px;margin-top: 20px;}
.returnTop:hover img{animation: mousedown 1s infinite;}
.ewmi{margin-top:10px;}
.ewmi img{width:110px;}

/*link*/
.links {
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0;
    margin-top:0%;
    background: #075daa ;
}
.linksW {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.links_l {
    width: 110px;
}
.links_lm {
    font-size: 17px;
    line-height: 30px;
    font-weight: lighter;
 color: #fff;
}
.links_lm p {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
}
.links_lm p span {
    color: #fff;
}
.links_lm em {
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 16px;
}
.links_r {
    width: 100%;
    color: #fff;
    padding-left: 30px;
}
.links_r a {
    font-size: 14px;
    color: #fff !important;
}
.linkTagcs{width: 100% !important;}
.linkTagcs li a {
    font-weight: lighter;
}






.prod_list ul li:nth-child(n+8) {
    display: none;
}
.news_bottom_content1 .news_div_item_date {
    display: none;
}
.news_bottom_content3 .news_div_item:first-child {
    display: none;
}
.news_bottom_content3 .news_div_item_content {
    width: 76.5%;
}
.news_bottom_content3 .news_div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}