* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Arial,Noto Sans SC,Microsoft YaHei, Helvetica, sans-serif,simsun; color: #1a1a1a; overflow-x: hidden; margin: 0 auto; max-width:1920px;font-weight:500;}
a { color: #333333; text-decoration: none; }
a:hover { color: #000073; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }

@font-face
{
    font-family: c036;
    src: url(../fonts/036-CAI978.ttf);
}
@font-face
{
    font-family: c037;
    src: url(../fonts/037-CAI978.ttf);
}
@font-face
{
    font-family: c038;
    src: url(../fonts/038-CAI978.ttf);
}
@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); video{ max-width: 80vw; max-height: 80vh; display: block; }}

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #004898; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:16px;}

.menu_wap {background: url(../images/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;/* margin-left: 20px; *//* height:100%; */}
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 62px; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top;}
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; }
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #18a4c7; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }
.f32{font-size:.32rem;}
.f28{font-size:.28rem;}
.f26{font-size:.26rem;}
.f24{font-size:.24rem;}
.f22{font-size:.22rem;}
.f20{font-size:.2rem;}
.f18{font-size:.18rem;}
.f16{font-size:16px;}

.main_w{max-width:1680px;margin:0 auto;padding:0 .4rem;}


.banner{width:100%;overflow:hidden;position:relative;}
.banner .swiper-paginationx{text-align:center;position:absolute;left:0px;bottom:0.36rem;width:100%;margin:0;z-index:3;}
.banner .swiper-paginationx .swiper-pagination-bullet{width:0.14rem;height:0.14rem;background:#000073;margin:0 0.1rem;opacity: 1;}
.banner .swiper-paginationx .swiper-pagination-bullet-active{background:#d30002;}
.tops{width:100%;overflow:hidden;}
.tops .main_w{display: flex;justify-content: space-between;align-items: center;}
.tops .logo{width:5.63rem;}
.tops .right{display:flex;align-items: center;gap:.3rem;font-size:18px;}
.tops .right .menu ul{display:flex;}
.tops .right .menu li{padding:0 .25rem;}
.tops .right .menu li a:hover{color:#000073;}
.tops .right .menu li.cur{font-weight:bold;background:url(../images/s1.png) no-repeat left center;background-size:.42rem auto;}

.who_am{width:100%;overflow:hidden;background:url(../images/index_05.jpg) no-repeat center;background-size:cover;padding-bottom:1rem;}
.who_am .title{color:#000073;font-weight:bold;font-size:.48rem;text-align:center;padding-top:.7rem;font-weight:bold;padding-bottom:.2rem;}
.who_am .title2{color:#333333;font-size:.24rem;text-align:center;line-height:1;}
.who_am .contents{text-align:center;font-size:.18rem;line-height:1.77;color:#333333;padding-top:.3rem;}
.who_am .list{max-width:1180px;justify-content: space-between;display:flex;margin:0 auto;padding-top:1.05rem;}
.who_am .list li{text-align:center;padding:.35rem;}
.who_am .list li p{font-size:0.2rem;color:#000073;padding-top:.1rem;}
.who_am .list li p font{font-size:.48rem;font-weight:bold;}
.who_am .list li p b{font-weight:bold;font-size:.48rem;}
.who_am .list li div{color:#333333;font-size:16px;}
.ytgo{width:100%;overflow:hidden;background:url(../images/index_06.jpg) no-repeat center;background-size:cover;}
.ytgo .title{font-size:.48rem;color:#ffffff;text-align:center;font-weight:bold;padding-top:.5rem;line-height:1;}
.ytgo .titles{text-align:center;color:rgba(255,255,255,.5);font-size:.24rem;padding-top:.2rem;text-transform: uppercase;padding-bottom:.6rem;}
.ytgo .list{overflow:hidden;}
.ytgo .list li{background:#f3f3f3;text-align:center;position:relative;}
.ytgo .list li p{text-align:center;padding:.3rem;padding-bottom:.4rem;font-size:.2rem;}
.ytgo .list li a:hover p{color:#000073;}
.ytgo .list li::after{content:"";display:block;width:0%;height:4px;background:#d30002;position:absolute;left:0px;bottom:0px;transition: 0.3s ease width;}
.ytgo .list li:hover::after{width:100%;}
.heun{margin-top:.8rem;margin-bottom:1rem;background:#c1c1d6;height:0.1rem;border-radius:50px;display:block !important;}
.heun >div{background:#d30002;border-radius:50px;}
.n_s{width:100%;overflow:hidden;background:#f2f2f7;}
.n_s .title{text-align:center;color:#000073;font-weight:bold;font-size:.48rem;padding-top:.6rem;overflow:hidden;}
.n_s .titles{color:#333333;font-size:.24rem;text-align:center;padding-top:.15rem;text-transform: uppercase;}
.n_s .list{margin-top:.5rem;}
.n_s .list li a{overflow:hidden;display:block;}
.n_s .list li a .main_w{display:grid;grid-template-columns: 3.78rem auto;gap:.35rem;border-top:1px solid #000073;padding:.4rem;align-items: center;}
.n_s .list li a .main_w>div{overflow:hidden;}
.n_s .list li a:hover{background:#fff;}
.n_s .list li a .tit{color:#333333;font-size:.26rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.n_s .list li a .conts{font-size:16px;color:#666;padding-top:.3rem;line-height:1.81;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
}
.n_s .list li a>div{overflow:hidden;}
.n_s .mores{text-align:center;padding-bottom:.65rem;padding-top:.3rem;}
.n_s .mores a{font-size:18px;color:#fff;background:#d30002;width:2.9rem;height:.72rem;border-radius:50px;display:flex;text-transform: uppercase;align-items: center;justify-content: center;margin: auto;}

.cel{width:100%;overflow:hidden;padding:.7rem 0;}
.cel .title{text-align:center;font-size:.68rem;color:#fff;padding:.6rem;padding-top:.8rem;line-height:1;}
.cel_nr{background:url(../images/index_12.jpg) no-repeat center;min-height:4.47rem;border-radius:50px;width:100%;overflow:hidden;padding-bottom:.8rem;}
.cel_nr .contents{text-align:center;font-size:.24rem;color:#ffffff;line-height:1.79;padding:0 .2rem;}
.cel_nr .mores{text-align:center;padding-top:.75rem;}
.cel_nr .mores a{font-size:18px;color:#ffffff;text-transform: uppercase;width:2.88rem;height:.7rem;border:1px solid #ffffff;border-radius:50px;display:flex;line-height:.7rem;align-items: center;justify-content: center;margin: auto;}

.aboutus{width:100%;overflow:hidden;background:url(../images/01about_02.jpg) no-repeat left center;height:4.2rem;background-size:cover;position:relative;}
.aboutus .title{COLOR:#000073;font-size:.9rem;font-weight:bold;text-align:center;padding-top:1.3rem;line-height:1;}
.aboutus .sb{text-align:center;position:absolute;left:0px;bottom:20px;width:100%;}

.gdt::-webkit-scrollbar { width: 6px; }

.gdt::-webkit-scrollbar-track { background: #585858; border-left: 0px solid rgba(255, 255, 255, 1); border-left: 0px solid rgba(255, 255, 255, 1); border-right: 0px solid rgba(255, 255, 255, 1); border-radius: 5px; }

.gdt::-webkit-scrollbar-thumb { background: #000073; border-radius: 5px; }

.gdt::-webkit-scrollbar-thumb:hover { background: #000073; }

.gdt::-webkit-scrollbar-corner { background: #000073; }


.gdt { scrollbar-color: #000073 #585858; scrollbar-width: thin; }

#PageContent { margin: 0 auto; text-align: center; }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 14px;}
#PageContent a {border: 1px solid #e3e3e3;background: #e3e3e3;width: .5rem;height: .5rem;line-height: .5rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent a:hover {border: #000073 1px solid;background: #000073;color: #e3e3e3;}
#PageContent a.Ahover {width: .5rem;height: .5rem;line-height: .5rem;background: #000073;border: 1px solid #000073;color: #e3e3e3;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #e3e3e3;background: #e3e3e3;width: .5rem;height: .5rem;line-height: .5rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}

.sha_bg {
    background-color: rgba(0, 0, 0, .8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 100%;
    top: 0;
    transition: left .5s ease;
    z-index: 11;
  
  }
  
  .sha_btn_close {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    font-size: .18rem;
    text-align: center;
    line-height: .4rem;
    color: #444;
    z-index:3;
  }
  
  .sha_vid {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    video{
      max-width: 80vw;
      max-height: 80vh;
      display: block;
    }
  }
  .newiconfont{position:relative;display:block;}
  .sha_btn_close .newiconfont:before, .sha_btn_close .newiconfont:after { content: ""; display: block; width: 20px; height: 1px; background-color: #999; position: absolute; left: 11px; top: 20px; }
  .sha_btn_close .newiconfont:before { transform: rotate(45deg); }
  .sha_btn_close .newiconfont:after { transform: rotate(-45deg); }
  .scroll-animate{animation-delay:0.5s;}

  .sb{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}
.sb img{width:.23rem;}

.menu_lists{width:100%;overflow:hidden;padding-top:.25rem;padding-bottom:.25rem;overflow:hidden;text-align:center;background:#f5f5f5;}
.menu_lists li{display:inline-block;}
.menu_lists li a{display:block;font-size:16px;padding-left:.2rem;padding-right:.2rem;margin:0 .1rem;height:0.55rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:0.55rem;}
.menu_lists li a:hover{background:#000073;color:#fff;}
.menu_lists li.cur a{background:#000073;color:#fff;}


.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height:1.65; color: #000; font-size: 23px; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto;  overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 0.1rem 0px 0.3rem 0px; margin-bottom: 0.3rem; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }

.updown-div { width: 100%; line-height: 2; overflow: hidden; margin: 0 auto; padding: 50px 0px 20px 0px; }
#newsnr { font-size: 14px; line-height: 26px; }

.aboutDetail { font-size: 14px; line-height: 28px; padding: 0px 0px; padding-top: .4rem; padding-bottom: .4rem; min-height:4rem}
.txt_cent { padding-top: .4rem; }
.about-content { padding-top: .4rem; overflow: hidden; }



.footer{width:100%;overflow:hidden;background:url(../images/x1.jpg) #f2f2f7;padding:.85rem 0;}
.foot{background:#f2f2f7;width:100%;overflow:hidden;}
.footer .main_w{display:flex;justify-content: space-between;gap: 0.8rem;}
.footer .menu_db{display:flex;justify-content: space-between;gap: 0.4rem;width:100%;}

.footer .menu_db ul{font-size:16px;line-height:2;}
.footer .menu_db li p{font-weight:bold;font-size:.22rem;line-height:1;white-space: nowrap;}
.footer .menu_db li.cur p::after{width:0.49rem;height:2px;content:"";display:block;background:#000073;margin-top:.15rem;margin-bottom:.2rem;}
.footer .kils{word-break: break-all;}
.footer .ewm p{text-align:center;font-size:16px;line-height:1.25;margin-top:0.1rem;}
.foot .main_w{display:flex;justify-content: space-between;padding:.4rem;font-size:16px;border-top: 1px solid #000073;overflow:hidden;flex-wrap: wrap;line-height:2;}
.tops .search img{width:.47rem;}



.hdil{background:url(../images/pro-_02.jpg) no-repeat center;width:100%;overflow:hidden;background-size:cover;}
.hdil .main_w{position:relative;height:4.64rem;}
.position{position:absolute;left:.4rem;bottom:0.3rem;font-size:16px;color:#333;opacity: .5;}
.position a{color:#333;}
.flk{padding-top:.64rem;overflow:hidden;}
.flk .list{overflow:hidden;}
.flk .list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.35rem .56rem;}
.flk .list li{background:#f3f3f3;text-align:center;position:relative;}
.flk .list li p{text-align:center;padding:.3rem;padding-bottom:.4rem;font-size:.2rem;}
.flk .list li a:hover p{color:#000073;}
.flk .list li::after{content:"";display:block;width:0%;height:4px;background:#d30002;position:absolute;left:0px;bottom:0px;transition: 0.3s ease width;}
.flk .list li:hover::after{width:100%;}


.menu_list{font-size:0.2rem;width:100%;overflow:hidden;background:#f3f3f3;}
.menu_list ul{display:flex;flex-wrap: wrap;gap:0 0.75rem;}
.menu_list li a{padding:.45rem 0;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display:block;text-align: center;}
.menu_list li a{position:relative;}
.menu_list li.cur a::after,.menu_list li a:hover::after{background:#000073;height:0.04rem;width:100%;position:absolute;left:0px;bottom:0px;border-radius:0.05rem;content:"";}



.dycs { width: 100%; overflow: hidden; padding-top: .4rem; padding-bottom: .4rem; }
.tik1{text-align:center;font-size:16px;font-weight:bold;padding-bottom:10px;}
.tik2{color:#999;font-size:12px;border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.tik3{line-height:1.75;}
.tik4{color:#666;font-size:14px;line-height:26px;padding-top:20px;}
.tik4 a{color:#666;}
.tik5{color:#666;font-size:14px;line-height:26px;}
.tik5 a{color:#666;}
.zuok{float:left;overflow:hidden;text-align:center;width:100%;}
.youk{float:left;overflow:hidden;text-align:center;width:100%;}
.youk font{font-weight:bold;font-size:20px;color:#333;padding-top:10px;display:block;}
.youk p{padding-top:20px;line-height:26px;font-size:14px;color:#666;}
.zonj{padding-left:20px;margin-bottom:20px;height:50px;line-height:50px;background:#004898;color:#fff;font-weight:bold;}
.toub {width: 100%;overflow: hidden;padding-bottom: 20px;}
.zuok .swiper-pagination-bullet-active{background: #004898;}
.zuok .kilo{padding-bottom:.4rem;position:relative;}
.zuok .kilo .swiper-pagination-bullet{width:10px;height:10px;}
.zuok .kilo .swiper-pagination-bullets{bottom:5px;}

.tik6{text-align:center;display:block;width:2.5rem;height:0.68rem;background:#004898;border-radius:0.5rem;line-height:0.68rem;margin-bottom:0.3rem;margin-top:0.4rem;}
.tik6 a{color:#ffffff;font-size:0.2rem;}




.pros_boxB{  border-bottom: 2px solid #F3F3F3;margin-top:.4rem;}
.pros_boxB p{width: 2.5rem;margin: 0 auto -2px auto;padding-bottom: 14px;border-bottom: 2px solid #DA3E2C;font-size: 0.24rem;font-weight: bold;text-align: center;}
.pros_boxG { width: 82.3%; margin: 0px auto; padding: 0.5rem 0; }
.pros_boxG .box_1 { margin-bottom: 20px; overflow: hidden; }
.pros_boxG .box_1 .box { float: left; width: 50%; display:flex; align-items:center; }
.pros_boxG label { color:#F00; margin-left:5px;}
.pros_boxG dl { width: calc(100% - 20px); border: 1px solid #ECECEC; display: flex; }
.pros_boxG dt { width: 80px; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; }
.pros_boxG dd {width: calc(100% - 80px);background-color: #fff;}
.pros_boxG .txt { width: calc(100% - 40px); padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .bkg_1 { background-image: url(../images/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(../images/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(../images/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(../images/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(../images/proShow_19_5.png); background-position: center 17px; }
.pros_boxG .box_2 { margin-bottom: 20px; display: flex; }
.pros_boxG .area { font-family: Microsoft YaHei;width: calc(100% - 40px); padding: 15px 20px; height: 100px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .box_3 { display: flex; color: #666; }
.pros_boxG .codebox { display: flex; align-items: center; }
.pros_boxG .box_3 .code {width: 120px;padding: 10px 20px;height: 26px;line-height: 26px;font-size: 14px;color: #333;border: 1px solid #ECECEC;background-color: #fff;outline: none;}
.pros_boxG .box_3 span { color: #F00; margin-left: 10px; }
.pros_boxG .btnbox { display: flex; align-items: center; margin-left: 4.17vw; }
.pros_boxG .box_3 .btn { margin-left: 10px; width: 13.8vw; min-width: 180px; height: 46px; line-height: 46px; font-size: 16px; font-weight: bold; text-align: center; background-color: #E6E6E6; border: 0; outline: none; cursor: pointer; }
.pros_boxG .box_3 .btn_1 { background-color: #004898; color: #FFF; }

.news_2 .list{margin-top:.5rem;}
.news_2 .list li a{overflow:hidden;display:block;}
.news_2 .list li a .main_w{display:grid;grid-template-columns: 3.78rem auto;gap:.35rem;border-top:1px solid #000073;padding:.4rem;align-items: center;}
.news_2 .list li a .main_w>div{overflow:hidden;}
.news_2 .list li a:hover{background:#f2f2f7;}
.news_2 .list li a .tit{font-size:.26rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.news_2 .list li a .conts{font-size:16px;color:#666;padding-top:.3rem;line-height:1.81;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
}



.cbgb { max-width: 1520px; margin: 0 auto; padding-left: 20px; padding-right: 20px; overflow: hidden; padding-bottom: 0.6rem; padding-top: 0.6rem;}
.cbga { width: 100%; overflow: hidden; position: relative; padding-top: 40px; border-top: 1px solid #e7e5f0; border-bottom: 1px solid #e7e5f0; box-sizing: border-box; padding-left: 40px; }
.cbga .job1 { color: #004898; font-size: 20px; }
.cbga .job2 { color: #808080; font-size: 14px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
.cbga .job2 li { float: left; overflow: hidden; margin-right: 35px; }
.cbga .job3 { font-size: 14px; color: #808080; line-height: 26px; }
.cbga .job4 { width: 152px; height: 45px; font-size: 14px; color: #fff; background: #004898; text-align: center; line-height: 45px; margin-top: 30px; margin-bottom: 40px; }
.cbga .job4 a { color: #fff; }
.cbga .job5 { position: absolute; top: 40px; right: 0px; width: 60px; text-align: center; height: 31px; background: #004898; padding-top: 29px; }
.cbgd { width: 100%; overflow: hidden; background: url(../images/x3.png); height: 107px; line-height: 107px; border-top: 1px solid #e7e5f0; cursor: pointer; }
.cbgd .job6 { color: #004898; font-size: 20px; overflow: hidden; padding-left: 40px; float: left; }
.cbgd .job8 { float: right; overflow: hidden; color: #808080; font-size: 14px; }
.cbgd .job8 li { float: left; margin-right: 35px; }
.cbgd .job7 { float: right; overflow: hidden; margin-right: 40px; font-size: 28px; color: #004898; font-weight: bold; margin-top: -3px; cursor: pointer; }
.cbgb li .cbga { display: none; }
.xmin { width: 100%; height: 78px; background: url(../images/qba.png); }
.div1 { min-width: 90px; width: 7.8947368421053%; text-align: right; font-size: 16px; float: left; line-height: 78px; margin-right: 2.6315789473684%; }
.div2 { min-width: 32px; float: left; width: 2.8289473684211%; height: 22px; }
.div2 font { background: #004898; width: 100%; height: 22px; color: #fff; text-align: center; margin-top: 30px; display: flex;align-items: center;justify-content: center; }
.div3 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div3 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.xbie { background: none; }
.nobg { background: none; }
.wfns{margin-top:.6rem;}
.div4 { float: left; overflow: hidden; margin-top: 30px; margin-left: 0.4rem; }
.div4 label { float: left;  padding-left: 24px;padding-right: 0.24rem; background: url(../images/f1.png) no-repeat left center; cursor: pointer; }
.div4 label font { color: #000000; font-size: 16px; }
.div4 label input { display: none; }
.div4 .chek { background: url(../images/f2.png) no-repeat left center; }
.div5 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div5 textarea { height: 225px; border: 1px solid #ebebeb; width: 100%; outline: none; padding: 20px; box-sizing: border-box; }
.texa { height: 265px; }
.div6 { float: left; margin-top: 18px; width: calc(71.710526315789% - 141px); margin-left: 2.6315789473684%; }
.div6 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.div7 { float: left; overflow: hidden; margin-top: 26px; margin-left: 2.7631578947368%; }
.qren { width: 100%; text-align: center ;overflow:hidden;}
.qren input { width: 212px; height: 55px; background: #004898; color: #fff; outline: none; border: 0px; margin-top: 0.6rem; margin-bottom: 0.6rem; cursor: pointer; }
.search{cursor: pointer;}