@charset "utf-8";
*{ margin:0px; padding:0px; box-sizing: border-box;}
body{ font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; color:#333; font-size:0.875rem; line-height:1.5rem; background-color:#fff;}
h1 , h2 , h3 , h4{ /* display:inline;*/ font-size:inherit;}
li{ list-style:none;}
i{ font-style:normal;}
a:link , a:visited , a:active{ text-decoration:none;}
a:hover{ color:; text-decoration:none;}
img{ border:0; vertical-align:middle;}
a img{ border:none;}
input , textarea , select{ outline: none; font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";}
select::-ms-expand{ display: none;}

/*---------------------------------------------------*/

@font-face{
    font-family: DIN;
    src:url(DIN-MEDIUM.OTF);
}
.DIN{ font-family:"DIN","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";}

/* @font-face{
    font-family: SOURCEHANSANSCNREGULAR;
    src:url(SOURCEHANSANSCN-REGULAR.OTF);
} */
.SOURCEHANSANSCNREGULAR{}

/* @font-face{
    font-family: SOURCEHANSANSCNMEDIUM;
    src:url(SOURCEHANSANSCN-MEDIUM.OTF);
} */
.SOURCEHANSANSCNMEDIUM{ font-weight: bold;}

/* @font-face{
    font-family: SOURCEHANSANSCNBOLD;
    src:url(SOURCEHANSANSCN-BOLD.OTF);
} */
.SOURCEHANSANSCNBOLD{ font-weight: bold;}

/*---------------------------------------------------*/

.dis-flx{ display: flex;}

.flex-row{ flex-direction: row;}
.flex-column{ flex-direction: column;}

.flex-1{ flex: 1;}
.flex-wrap{ flex-wrap: wrap;}

.flex-x-start{ justify-content: flex-start;}
.flex-x-center{ justify-content: center;}
.flex-x-end{ justify-content: flex-end;}
.flex-x-between{ justify-content: space-between;}
.flex-x-around{ justify-content: space-around;}

.flex-con-start{ align-content: flex-start;}
.flex-con-center{ align-content: center;}
.flex-con-between{ align-content: space-between;}
.flex-con-end{ align-content: flex-end;}

.flex-y-start{ align-items: flex-start;}
.flex-y-center{ align-items: center;}
.flex-y-end{ align-items: flex-end;}

/*---------------------------------------------------*/

.one-line-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.two-line-ellipsis, .three-line-ellipsis{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.two-line-ellipsis{ -webkit-line-clamp: 2;}
.three-line-ellipsis{ -webkit-line-clamp: 3;}

/*---------------------------------------------------*/

/* 富文本约束 */
.rich_text{ max-height:6250rem; text-align:justify; text-justify:inter-ideograph; word-break:break-all !important; word-wrap:break-word !important; overflow: hidden;}
.rich_text img,.rich_text video{ max-width:100% !important; margin-top: 2.5rem; margin-bottom: 2.5rem;}
.rich_text p{ text-indent: 2em;}

/*---------------------------------------------------*/

.content_min_w{ width: 100%; min-width: 101.25rem; margin: 0 auto;}
.content_w{ width: 101.25rem; margin: 0 auto;}

/*---------------------------------------------------*/

@-webkit-keyframes fadeToLeftTan{0%{-webkit-transform:translateX(100%);opacity:0;}70%{-webkit-transform:translateX(-5%);opacity:1;}80%{-webkit-transform:translateX(2%);opacity:1;}90%{-webkit-transform:translateX(-2%);opacity:1;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToLeftTan{0%{transform:translateX(100%);opacity:0;}70%{transform:translateX(-5%);opacity:1;}80%{transform:translateX(2%);opacity:1;}90%{transform:translateX(-2%);opacity:1;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToRightTan{0%{-webkit-transform:translateX(-100%);opacity:0;}70%{-webkit-transform:translateX(5%);opacity:1;}80%{-webkit-transform:translateX(-2%);opacity:1;}90%{-webkit-transform:translateX(2%);opacity:1;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToRightTan{0%{transform:translateX(-100%);opacity:0;}70%{transform:translateX(5%);opacity:1;}80%{transform:translateX(-2%);opacity:1;}90%{transform:translateX(2%);opacity:1;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToTopTan{0%{-webkit-transform:translateY(100%);opacity:0;}70%{-webkit-transform:translateY(-5%);opacity:1;}80%{-webkit-transform:translateY(2%);opacity:1;}90%{-webkit-transform:translateY(-2%);opacity:1;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToTopTan{0%{transform:translateY(100%);opacity:0;}70%{transform:translateY(-5%);opacity:1;}80%{transform:translateY(2%);opacity:1;}90%{transform:translateY(-2%);opacity:1;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeToDownTan{0%{-webkit-transform:translateY(-100%);opacity:0;}70%{-webkit-transform:translateY(5%);opacity:1;}80%{-webkit-transform:translateY(-2%);opacity:1;}90%{-webkit-transform:translateY(2%);opacity:1;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToDownTan{0%{transform:translateY(-100%);opacity:0;}70%{transform:translateY(5%);opacity:1;}80%{transform:translateY(-2%);opacity:1;}90%{transform:translateY(2%);opacity:1;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeInMaxToMinTan{0%{-webkit-transform:scale(2);opacity:0;}70%{-webkit-transform:scale(.9);opacity:1;}85%{-webkit-transform:scale(1.1);opacity:1;}100%{-webkit-transform:scale(1);opacity:1;}}@keyframes fadeInMaxToMinTan{0%{transform:scale(2);opacity:0;}70%{transform:scale(.9);opacity:1;}85%{transform:scale(1.1);opacity:1;}100%{transform:scale(1);opacity:1;}}@-webkit-keyframes fadeInMinToMaxTan{0%{-webkit-transform:scale(0);opacity:0;}70%{-webkit-transform:scale(1.1);opacity:1;}85%{-webkit-transform:scale(.9);opacity:1;}100%{-webkit-transform:scale(1);opacity:1;}}@keyframes fadeInMinToMaxTan{0%{transform:scale(0);opacity:0;}70%{transform:scale(1.1);opacity:1;}85%{transform:scale(.9);opacity:1;}100%{transform:scale(1);opacity:1;}}@-webkit-keyframes fadeToLeft{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToLeft{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToLeft60{0%{-webkit-transform:translateX(3.75rem);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToLeft60{0%{transform:translateX(3.75rem);opacity:0;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToRight{0%{-webkit-transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToRight{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToRight60{0%{-webkit-transform:translateX(-3.75rem);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToRight60{0%{transform:translateX(-3.75rem);opacity:0;}100%{transform:translateX(0);opacity:1;}}@-webkit-keyframes fadeToTop{0%{-webkit-transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToTop{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeToTop60{0%{-webkit-transform:translateY(3.75rem);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToTop60{0%{transform:translateY(3.75rem);opacity:0;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeToDown{0%{-webkit-transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToDown{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeToDown60{0%{-webkit-transform:translateY(-3.75rem);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToDown60{0%{transform:translateY(-3.75rem);opacity:0;}100%{transform:translateY(0);opacity:1;}}@-webkit-keyframes fadeInMaxToMin{0%{-webkit-transform:scale(2);opacity:0;}100%{-webkit-transform:scale(1);opacity:1;}}@keyframes fadeInMaxToMin{0%{transform:scale(2);opacity:0;}100%{transform:scale(1);opacity:1;}}@-webkit-keyframes fadeInMinToMax{0%{-webkit-transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);opacity:1;}}@keyframes fadeInMinToMax{0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes flashOpacity{0%{opacity:.5;}100%{opacity:1;}}@keyframes flashOpacity{0%{opacity:.5;}100%{opacity:1;}}@-webkit-keyframes flashMin{0%{-webkit-transform:scale(1);}100%{-webkit-transform:scale(.95);}}@keyframes flashMin{0%{transform:scale(1);}100%{transform:scale(.95);}}@-webkit-keyframes flashMax{0%{-webkit-transform:scale(1);}100%{-webkit-transform:scale(1.05);}}@keyframes flashMax{0%{transform:scale(1);}100%{transform:scale(1.05);}}@-webkit-keyframes flashMaxToMin{0%{-webkit-transform:scale(1);}100%{-webkit-transform:scale(1.3);}}@keyframes flashMaxToMin{0%{transform:scale(1);}100%{transform:scale(1.3);}}@-webkit-keyframes flashTopDown{0%{-webkit-transform:translateY(0);}100%{-webkit-transform:translateY(0.5rem);}}@keyframes flashTopDown{0%{transform:translateY(0);}100%{transform:translateY(0.5rem);}}@-webkit-keyframes flashLeftRightTiny{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-0.5rem);}}@keyframes flashLeftRightTiny{0%{transform:translateX(0);}100%{transform:translateX(-0.5rem);}}@-webkit-keyframes flashLeftRight{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-6.25rem);}}@keyframes flashLeftRight{0%{transform:translateX(0);}100%{transform:translateX(-6.25rem);}}@-webkit-keyframes fadeToLeftOut{0%{-webkit-transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);opacity:0;}}@keyframes fadeToLeftOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}@-webkit-keyframes fadeToRightOut{0%{-webkit-transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);opacity:0;}}@keyframes fadeToRightOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}@-webkit-keyframes fadeToTopOut{0%{-webkit-transform:translateY(0);opacity:1;}100%{-webkit-transform:translateY(-100%);opacity:0;}}@keyframes fadeToTopOut{0%{transform:translateY(0);opacity:1;}100%{transform:translateY(-100%);opacity:0;}}@-webkit-keyframes fadeToDownOut{0%{-webkit-transform:translateY(0);opacity:1;}100%{-webkit-transform:translateY(100%);opacity:0;}}@keyframes fadeToDownOut{0%{transform:translateY(0);opacity:1;}100%{transform:translateY(100%);opacity:0;}}@-webkit-keyframes flashSkew{0%{-webkit-transform:skew(0,0);}100%{-webkit-transform:skew(5deg,-5deg);}}@keyframes flashSkew{0%{transform:skew(0,0);}100%{transform:skew(5deg,-5deg);}}@-webkit-keyframes rotateSwing{0%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}@keyframes rotateSwing{0%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}@-webkit-keyframes skewSwing{0%{-webkit-transform:skewX(-5deg);}100%{-webkit-transform:skewX(5deg);}}@keyframes skewSwing{0%{transform:skewX(-5deg);}100%{transform:skewX(5deg);}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);}100%{-webkit-transform:rotate(360deg);}}@keyframes rotating{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}@-webkit-keyframes light{0%{-webkit-transform:rotate(-15deg);}100%{-webkit-transform:rotate(15deg);}}@keyframes light{0%{transform:rotate(-15deg);}100%{transform:rotate(15deg);}}@-webkit-keyframes fadeToTopTransparent{0%{-webkit-transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:.5;}}@keyframes fadeToTopTransparent{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:.5;}}@-webkit-keyframes flashShakingX{0%{-webkit-transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{-webkit-transform:translate(-0.5rem,0);}25%,35%,45%,55%,65%,75%,85%,95%{-webkit-transform:translate(0.5rem,0);}}@keyframes flashShakingX{0%{transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{transform:translate(-0.5rem,0);}25%,35%,45%,55%,65%,75%,85%,95%{transform:translate(0.5rem,0);}}@-webkit-keyframes flashShakingY{0%{-webkit-transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{-webkit-transform:translate(0,-0.5rem);}25%,35%,45%,55%,65%,75%,85%,95%{-webkit-transform:translate(0,0.5rem);}}@keyframes flashShakingY{0%{transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{transform:translate(0,-0.5rem);}25%,35%,45%,55%,65%,75%,85%,95%{transform:translate(0,0.5rem);}}@-webkit-keyframes shakingBtn{0%,100%{-webkit-transform:scale(1) rotate(0);}40%,80%{-webkit-transform:scale(1.05) rotate(0);}45%,65%{-webkit-transform:scale(1.05) rotate(-3deg);}55%,75%{-webkit-transform:scale(1.05) rotate(3deg);}}@keyframes shakingBtn{0%,100%{transform:scale(1) rotate(0);}40%,80%{transform:scale(1.05) rotate(0);}45%,65%{transform:scale(1.05) rotate(-3deg);}55%,75%{transform:scale(1.05) rotate(3deg);}}@-webkit-keyframes shakingBox{0%,100%{-webkit-transform:scale(1) rotate(0);}40%,80%{-webkit-transform:scale(1.15) rotate(0);}45%,65%{-webkit-transform:scale(1.15) rotate(-5deg);}55%,75%{-webkit-transform:scale(1.15) rotate(5deg);}}@keyframes shakingBox{0%,100%{transform:scale(1) rotate(0);}40%,80%{transform:scale(1.15) rotate(0);}45%,65%{transform:scale(1.15) rotate(-5deg);}55%,75%{transform:scale(1.15) rotate(5deg);}}@-webkit-keyframes shakePhone{0%,40%,80%{-webkit-transform:rotate(0);}20%,60%{-webkit-transform:rotate(-5deg);}}@keyframes shakePhone{0%,40%,80%{transform:rotate(0);}20%,60%{transform:rotate(-5deg);}}@-webkit-keyframes flipX{0%{-webkit-transform:scaleX(1);}100%{-webkit-transform:scaleX(0);}}@keyframes flipX{0%{transform:scaleX(1);}100%{transform:scaleX(0);}}@-webkit-keyframes flipToMax{0%{-webkit-transform:scale(0) scaleX(-1);opacity:0;}100%{-webkit-transform:scale(1) scaleX(1);opacity:1;}}@keyframes flipToMax{0%{transform:scale(0) scaleX(-1);opacity:0;}100%{transform:scale(1) scaleX(1);opacity:1;}}@-webkit-keyframes flipShowX{0%{-webkit-transform:rotateY(50deg) scaleX(-1);opacity:0;}100%{-webkit-transform:rotateY(0) scaleX(1);opacity:1;}}@keyframes flipShowX{0%{transform:rotateY(50deg) scaleX(-1);opacity:0;}100%{transform:rotateY(0) scaleX(1);opacity:1;}}@-webkit-keyframes jumpBounceX{0%,10%,30%,50%,100%{-webkit-transform:translateX(0) rotateY(0);}20%,40%,60%{-webkit-transform:translateX(0.5rem) rotateY(20deg);}}@keyframes jumpBounceX{0%,10%,30%,50%,100%{transform:translateX(0) rotateY(0);}20%,40%,60%{transform:translateX(0.5rem) rotateY(20deg);}}@-webkit-keyframes jumpBounceY{0%,10%,30%,50%,100%{-webkit-transform:translateY(0) rotateX(0);}20%,40%,60%{-webkit-transform:translateY(0.5rem) rotateX(20deg);}}@keyframes jumpBounceY{0%,10%,30%,50%,100%{transform:translateY(0) rotateX(0);}20%,40%,60%{transform:translateY(0.5rem) rotateX(20deg);}}@-webkit-keyframes stretchX{0%,100%{-webkit-transform:scaleX(1);}50%,85%{-webkit-transform:scaleX(1.1);}65%{-webkit-transform:scaleX(.9);}}@keyframes stretchX{0%,100%{transform:scaleX(1);}50%,85%{transform:scaleX(1.1);}65%{transform:scaleX(.9);}}@-webkit-keyframes stretchY{0%,100%{-webkit-transform:scaleY(1);}50%,85%{-webkit-transform:scaleY(1.1);}65%{-webkit-transform:scaleY(.9);}}@keyframes stretchY{0%,100%{transform:scaleY(1);}50%,85%{transform:scaleY(1.1);}65%{transform:scaleY(.9);}}@-webkit-keyframes flashTipsToLeft{0%{-webkit-transform:translate(50%,50%);}100%{-webkit-transform:translate(0,0);}}@keyframes flashTipsToLeft{0%{transform:translate(50%,50%);}100%{transform:translate(0,0);}}@-webkit-keyframes flashTipsToRight{0%{-webkit-transform:translate(-50%,50%);}100%{-webkit-transform:translate(0,0);}}@keyframes flashTipsToRight{0%{transform:translate(-50%,50%);}100%{transform:translate(0,0);}}
@-webkit-keyframes fadeToTop60{
  0%{ -webkit-transform:translateY(3.75rem); opacity:0;}
  100%{ -webkit-transform:translateY(0); opacity:1;}
}
@keyframes fadeToTop10{
  0%{ transform:translateY(0.625rem); opacity:0;}
  100%{ transform:translateY(0); opacity:1;}
}

.wow{
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}
.topTop60{
  -webkit-animation-name:fadeToTop60;
          animation-name:fadeToTop60;
}
.topDown60{
  -webkit-animation-name:fadeToDown60;
          animation-name:fadeToDown60;
}
.leftLeft60{
  -webkit-animation-name:fadeToLeft60;
          animation-name:fadeToLeft60;
}
.rightRight60{
  -webkit-animation-name:fadeToRight60;
          animation-name:fadeToRight60;
}
.fadeInMinToMax{
  -webkit-animation-name:fadeInMinToMax;
          animation-name:fadeInMinToMax;
}
.fadeToTop10{
  -webkit-animation-name:fadeToTop10;
          animation-name:fadeToTop10;
}

/*---------------------------------------------------*/

.top{
  background: linear-gradient( 270deg, #0254EB 0%, #0D8CE9 100%);
}
.top_body{ /* height: 5.625rem; */}
.top_logo,.top_logo img{ width: 20.75rem; height: 5.625rem;}
.top_nav{}
.top_nav_body{ padding-right: 1.5rem;}
.nav_li{ height: 5.625rem; line-height: 5.625rem; padding: 0 1.5rem; color: #fff; font-size: 1.25rem; position: relative; cursor: pointer;}
a.nav_li{ color: #fff;}
.nav_li.curr , .nav_li:hover{ font-weight: bold;}
.nav_li::after{ content: ""; width: 0; height: 0.25rem; background-color: #fff; position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  transition: all linear .2s;
}
.nav_li:hover::after,.nav_li.curr::after{ width: calc(100% - 3.5rem);}

.nav_child{ width: 100%; background-color: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 5.625rem; z-index: 2;
  transform-origin: center top;
  transition: all linear .2s;
  transform: scaleY(0);
}
.nav_li:hover .nav_child{
  transform: scaleY(1);
}
.nav_child_li{ display: block; height: 2.8rem; line-height: 2.8rem; text-align: center; color: #0255EB; font-size: 1.1rem;
  transition: all linear .2s;
}
.nav_child_li.curr , .nav_child_li:hover{ color: #fff; background-color: rgba(2, 85, 235, .8);}

.search_body{}
.search_body form{ width: 14.375rem; height: 2.875rem; padding: 0 1.0625rem; border-radius: 23px; background-color: #fff;}
.search_input{ width: 10rem; height: 2.375rem; color: #333; font-size: 1rem; border: none;}
.search_btn{ width: 1.375rem; height: 1.375rem; border: none; outline: none; background: url(../img/top_search.png); background-size: 100% 100%; cursor: pointer;}

/*---------------------------------------------------*/

.bottom{ height: 15.625rem; background: url(../img/bottom_bg.png) center center; background-size: auto; cursor: default; position: relative;}
.bottom_body{ height: 100%;}
.bottom_qrcode{ width: 9.1875rem;}
.bottom_text{ width: 32.5rem; line-height: 1.875rem; color: #EAEAEA; font-size: 1rem;}
.bottom_logo{ display: block; width: 23.6875rem; margin-bottom: 1.875rem;}
.bottom_copyright{ width: 56.75rem; line-height: 3.125rem; padding-top: 1.25rem; color: #EAEAEA; font-size: 1rem;}
.bottom_copyright > a{ color: #EAEAEA;}
.bottom_links{ margin-bottom: 2.875rem;}
.bottom_links_li{ width: 17.5rem; height: 2.625rem; padding: 0 0.75rem; color: #fff; font-size: 1.125rem; font-weight: bold; border-radius: 10px; background-color: #458BF0; position: relative; cursor: pointer;}
.bottom_links_li span{}
.bottom_links_li img{ width: 0.625rem;
  transition: all linear .2s;
}

.bottom_links_li:hover img{
  transform: rotate(90deg);
}
.bottom_links_li:hover .bottom_links_more{
  transform: scaleY(1);
}

.bottom_links_more{ width: 100%; max-height: calc(2.75rem * 10); padding: 0 0.75rem; border-radius: 10px 10px 0 0; background-color: rgba(255,255,255,.8); position: absolute; left: 0; bottom: 2.625rem; overflow-y: auto;
  transform-origin: bottom center;
  transform: scaleY(0);
  transition: all linear .2s;
}
.bottom_links_more a{ display: block; width: 100%; height: 2.75rem; line-height: 2.75rem; color: #666; font-size: 1.125rem; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: #666 dashed 1px;}
.bottom_links_more a:last-child{ border-bottom: transparent;}
.bottom_links_more a:hover{ color: #004FCC;}

/*---------------------------------------------------*/

.page_body{ padding: 3.125rem 0;}
.page_pre{ width: 2.5rem; height: 2.5rem; margin: 0 0.25rem; background: url(../img/page_pre.png); background-size: 100% 100%; cursor: pointer;}
.page_number{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: 0 0.25rem; text-align: center; color: #666; font-size: 1.25rem; border-radius: 5px; background-color: #F5F7FA; font-family:"Arial","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; cursor: pointer;}
.page_number.curr , .page_number:hover{ color: #fff; background-color: #0255EB;}
.page_next{ width: 2.5rem; height: 2.5rem; margin: 0 0.25rem; background: url(../img/page_next.png); background-size: 100% 100%; cursor: pointer;}

/*---------------------------------------------------*/

/* 首页 */

.index_banner{ margin: 0 auto;}
.index_banner.swiper-container{ height: 35.5rem;}
/* .index_banner_arrow_left , .index_banner_arrow_right{ width: 4.625rem; height: 4.625rem; position: absolute; top: 50%; margin-top: -2.3125rem; z-index: 1;}
.index_banner_arrow_left{ background: url(../img/arrow-left.png); background-size: 100%; left: 0.625rem;}
.index_banner_arrow_right{ background: url(../img/arrow-right.png); background-size: 100%; right: 0.625rem;} */
.index_news_ico{ width: 9.3125rem; margin: 0 4.25rem;}

.index_title{ height: 10rem; margin: 0 auto; cursor: default; position: relative;}
.index_title::after{ content: ""; width: 6.75rem; height: 0.5rem; border-radius: 4px; position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  background: linear-gradient( 270deg, #0254EB 0%, #0D8CE9 100%);
}
.index_title_grey{ line-height: 10rem; text-align: center; color: #EAEAEA; font-size: 3.8125rem; font-weight: bold; white-space: nowrap;}
.index_title_light{ line-height: 8rem; text-align: center; color: #333; font-size: 3.375rem; font-weight: bold; white-space: nowrap; position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
}
.index_title_result .index_title::after{
  background: linear-gradient( 90deg, #01D2FA 0%, #85B1FF 100%);
}
.index_title_result .index_title_grey{ padding-right: 1.875rem; opacity: .29 !important;}
.index_title_result .index_title_light{ color: #fff;}

.index_title_notice .index_title{ cursor: pointer;}
.index_title_notice .index_title .index_title_light{ color: #666; font-size: 3rem;}
.index_title_notice .index_title::after{ display: none;}
.index_title_notice .index_title.curr .index_title_light{ color: #333; font-size: 3.375rem;}
.index_title_notice .index_title.curr::after{ display: block;}

.index_news_block{ padding: 0.9375rem 0 0 0;}
.index_title_news_more{ height: 3.375rem; padding-top: 0.25rem;}
.index_title_news_more a{ height: 3.125rem;
  transition: all linear .2s;
}
.index_title_news_more a:hover{
  transform: translateX(-1.25rem);
}
.index_title_news_more a img{ width: 4.25rem;}
.index_news_body{}
.index_news_li{ width: 32.5rem;}
.index_news{ display: block; width: 32.5rem; height: 39.5rem; border-radius: 20px; background-color: #F9F9F9;
  transition: all linear .2s;
}
.index_news:hover{
  transform: translateY(-1.25rem);
}
.index_news_img{ height: 23.3125rem;}
.index_news_img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0;}
.index_news_time{ padding-left: 3.125rem; height: 3.5rem; line-height: 3.5rem; margin-top: 1.875rem; color: #004FCC; font-size: 1.375rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news_title{ padding: 0 3.125rem; height: 5.25rem; line-height: 2.625rem; color: #333; font-size: 1.625rem;}
.index_news_more{ padding: 1.5625rem 3.125rem;}
.index_news_more img{ width: 2.8125rem;}

.index_result_block{ height: 57.75rem; margin-top: 4rem; background: url(../img/index/index_result_bg.png) no-repeat center top; background-size: 100%;}
.index_title_result{ height: 13rem; margin-bottom: 4rem; background: url(../img/index/index_result_title.png) no-repeat center top; background-size: 100%;}
.index_result_left{ display: block; width: 49.6875rem; height: 33.75rem; border-radius: 10px; position: relative; overflow: hidden;
  transition: all linear .2s;
}
.index_result_left:hover{
  transform: scale(1.02);
}
.index_result_left_img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.index_result_left_img_ele{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.index_result_left_title{ width: calc(100% - 1.25rem * 2); line-height: 5rem; color: #fff; font-size: 1.875rem; position: absolute; left: 1.25rem; bottom: 0;}
.index_result_right{ width: 48rem;}
.index_result_right_li{ margin-bottom: 2.25rem;}
.index_result_right_number{ width: 4.9375rem; height: 4.9375rem; line-height: 4.9375rem; text-align: center; color: #fff; font-size: 2.8125rem; background-color: #DCDCDC;
  transition: all linear .2s;
}
.index_result_right_li:hover .index_result_right_number{
  background: linear-gradient( 90deg, #0254EB 0%, #0D8CE9 100%);
}
.index_result_right_content{ width: 41.25rem;}
.index_result_right_title{ line-height: 2rem; color: #333; font-size: 1.625rem;}
.index_result_right_time{ margin-top: 0.9375rem; line-height: 2rem; color: #999; font-size: 1.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_result_more{ display: block; width: 18.125rem; height: 4.75rem; line-height: 4.75rem; margin: 2.625rem auto 0 auto; text-align: center; color: #fff; font-size: 1.5rem; border-radius: 10px;
  background: linear-gradient( 90deg, #0254EB 0%, #0D8CE9 100%);
  transition: all linear .2s;
}
.index_result_more:hover{
  transform: scale(1.05);
}

.index_ad{ margin-top: 3.375rem;}
.index_ad_img{ display: block; width: 100%; border-radius: 10px;}

.index_notice_recruit_block{ margin-bottom: 4.5rem;}
.index_title_notice,.index_title_recruit{ padding: 0.375rem 0 3.75rem 0;}
.index_title_notice{ position: relative;}
.index_title_notice::before{ content: ""; width: 100%; height: 4px; background-color: #F9F9F9; position: absolute; left: 0; top: 10.25rem;}

.index_notice_body{ width: 64.375rem;}
.index_notice_list{ height: 40.625rem; padding: 1.375rem 2.5rem; border-radius: 10px; background-color: #F9F9F9;}
.index_notice_li{ height: 5.4375rem; line-height: 5rem; color: #333; font-size: 1.625rem;
  transition: all linear .2s;
}
.index_notice_li:hover{ color: #004FCC;}
.index_notice_li:first-child ~ .index_notice_li{ border-top: #BABABA solid 1px;}
.index_notice_li_time{ width: 9.875rem; color: #004FCC;}
.index_notice_li_title{}

.index_recruit_body{ width: 35rem;}
.index_recruit_more{ display: block; height: 40.625rem; padding: 1.125rem; border-radius: 10px; background-color: #F9F9F9;
  transition: all linear .2s;
}
.index_recruit_more:hover{
  transform: scale(1.02);
}
.index_recruit_more img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}

/*---------------------------------------------------*/

.ny_banner{ margin: 0 auto; height: 27.25rem;}
.ny_nav{ height: 4.5rem; border-radius: 10px; background-color: #fff; margin-top: -2.25rem; position: relative;
  box-shadow: 0px 0.3125rem 0.625rem 0.0625rem rgba(217,235,253,0.52);
  -webkit-animation:fadeToTop10 linear .5s both;
          animation:fadeToTop10 linear .5s both;
}
.ny_nav_li{ padding: 0 2.25rem; height: 4.5rem; line-height: 4.5rem; color: #333; font-size: 1.375rem; position: relative; cursor: pointer;}
.ny_nav_li.curr , .ny_nav_li:hover{ color: #0255EB; font-weight: bold;}
.ny_nav_li::after{ content: ""; width: 0; height: 0.25rem; position: absolute; left: 50%; bottom: 0;
  background: linear-gradient( 270deg, #0254EB 0%, #0D8CE9 100%);
  transform: translateX(-50%);
  transition: all linear .2s;
}
.ny_nav_li:hover::after,.ny_nav_li.curr::after{ width: calc(100% - 4.5rem);}

/*---------------------------------------------------*/

/* 关于我们-中心简介 */
.about_body{ background: url(../img/about/about_bg.png) center 5.125rem; background-size: 100%;}
.about_content{ margin-top: 4.5rem; height: 45.1875rem; padding-top: 2.875rem; background: url(../img/about/about_bg2.png) no-repeat right 2.875rem; background-size: 57.3125rem; position: relative;}
.about_content::after{ content: ""; width: 5.25rem; height: 0.1875rem; background-color: #0A7DEA; position: absolute; left: 0; top: 0;}
.about_content_title_{ line-height: 2.625rem; color: #0A7DEA; font-size: 1.25rem;}
.about_content_title{ line-height: 3rem; color: #333; font-size: 2rem;}
.about_content_desc{ width: 58.125rem; padding: 0.625rem 0 0 8.9375rem;}
.about_content_desc p{ padding-top: 2.6875rem; line-height: 1.875rem; color: #666; font-size: 1.125rem;}
.about_content_desc_list{ margin-top: 3.9375rem;}
.about_content_desc_li{ width: 50%; color: #666; font-size: 1.125rem;}
.about_content_desc_li_num{ line-height: 4.875rem;}
.about_content_desc_li_num span{ color: #0255EB; font-size: 5.125rem; font-weight: bold;}
.about_content_desc_li_text{ line-height: 2.125rem;}
.about_project{ margin-top: 8.9375rem; margin-bottom: 8.5rem;}
.about_project_img{ width: 43.75rem; padding-top: 0.625rem;}
.about_project_img img{ display: block; width: 100%; height: 29.8125rem; object-fit: cover;}
.about_project_content{ width: 51.875rem;}
.about_project_title{ line-height: 3.125rem; color: #333; font-size: 1.75rem;}
.about_project_title p{}
.about_project_desc{ height: 20.3125rem; padding-top: 3.25rem; line-height: 1.875rem; color: #666; font-size: 1.125rem;}
.about_project_desc p{}
.about_project_list{ cursor: default;}
.about_project_li{
  transition: all linear .2s;
}
.about_project_li:hover{
  transform: translateY(-0.625rem) scale(1.1);
}
.about_project_li_ico{ width: 3.875rem; margin-right: 1.5rem;}
.about_project_li_text{ display: inline-block; color: #333; font-size: 1.375rem;}

/*---------------------------------------------------*/

/* 关于我们-组织架构 */
.organization_body{ margin: 3.5rem auto 6rem auto;}
.organization_img{ display: block; width: 100%;}

/*---------------------------------------------------*/

/* 最新动态 */
.news_body{ margin-top: 3.5rem;}
.news_li{ /* padding-top: 2.125rem; padding-bottom: 3rem; */ padding-top: 1.5rem; padding-bottom: 2.375rem;
  transition: all linear .2s;
}
.news_li:hover{ /* padding-top: 1.5rem; padding-bottom: 2.375rem; margin: 0.625rem 0; */ padding-left: 2.5rem; padding-right: 2.5rem; border-radius: 10px; background-color: #EEF6FE;}
.news_li:first-child ~ .news_li{ border-top: #ECECEC solid 1px;}
.news_li:first-child , .news_li:hover , .news_li:hover ~ .news_li{ border-top: transparent solid 1px !important;}
.news_li_img{ width: 15.625rem; padding-top: 0.625rem;}
.news_li_img img{ width: 100%; height: 9.8125rem; object-fit: cover; border-radius: 10px;}
.news_li_content{ width: 83.125rem;}
.news_li:hover .news_li_content{ width: 78.125rem;}
.news_li_title{ line-height: 2.75rem; color: #333; font-size: 1.375rem;}
.news_li_desc{ margin: 0.625rem 0; line-height: 1.875rem; color: #666; font-size: 1.125rem;}
.news_li_time{ height: 2.875rem;}
.news_li_time img{ width: 1.375rem; margin-right: 0.5rem; margin-bottom: 0.125rem;}
.news_li_time span{ line-height: 1.625rem; color: #0255EB; font-size: 1.25rem; font-family:"Arial","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";}
.news_li_btn{ width: 8.625rem;}

/*---------------------------------------------------*/

/* 详情 */
.detail_top{ padding: 2.8125rem 0 1.5625rem 0; text-align: center; border-bottom: #DCDCDC solid 1px;}
.detail_title{ padding: 0.3125rem 0; line-height: 1.875rem; color: #333; font-size: 1.375rem;}
.detail_time{ line-height: 2.125rem; color: #666; font-size: 1.125rem;}
.detail_time span{ margin: 0 0.625rem;}
.detail_content{ padding: 1.375rem 0; line-height: 2.75rem; color: #333; font-size: 1.125rem;}
.detail_content p{}
.detail_content img{}
.detail_bottom{ height: 10.625rem; border-top: #DCDCDC solid 1px;}
.detail_bottom_links{ width: 75rem;}
.detail_bottom_link{ line-height: 3.125rem;}
.detail_bottom_link a{ color: #333; font-size: 1.125rem;}
.detail_bottom_link a:hover{ color: #0255EB;}
.detail_bottom_back{ width: 8.75rem; cursor: pointer;}
.detail_bottom_back img{ display: block; width: 100%;}

/*---------------------------------------------------*/

/* 科学成果-科学动态 */
.science_body{ margin-top: 3.5rem;}
.science_dynamic_li{ width: 49.125rem; height: 17.9375rem; padding-right: 2.5rem; border-radius: 10px; background-color: #F6F7FB;
  transition: all linear .2s;
}
.science_dynamic_li:hover{ background-color: #EEF6FE;
  transform: scale(1.03);
}
.science_dynamic_li:nth-child(2) ~ .science_dynamic_li{ margin-top: 3rem;}
.science_dynamic_li:nth-child(odd){ margin-right: calc(100% - 49.125rem * 2);}
.science_dynamic_li_img{ width: 20.375rem; height: 17.9375rem;}
.science_dynamic_li_img img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px;}
.science_dynamic_li_content{ width: 23.75rem; padding-bottom: 0.875rem;}
.science_dynamic_li_title{ line-height: 2.75rem; color: #333; font-size: 1.375rem;}
.science_dynamic_li_title p{}
.science_dynamic_li_desc{ margin-top: 0.625rem; margin-bottom: 2.125rem; line-height: 1.875rem; color: #666; font-size: 1.125rem;}
.science_dynamic_li_desc p{}
.science_dynamic_li_btn{ width: 8.625rem;
  transition: all linear .2s;
}
.science_dynamic_li:hover .science_dynamic_li_btn{
  transform: translateX(1.25rem);
}

/*---------------------------------------------------*/

/* 科学成果-荣誉奖励 */
.honor_body{ margin-top: 3.5rem;}
.honor_hot{ width: 33.5rem; height: 50rem; position: relative;
  transition: all linear .2s;
}
.honor_hot:hover{
  transform: scale(1.03);
}
.honor_hot_img{ width: 100%; height: 100%; object-fit: cover;}
.honor_hot_title{ width: 31.625rem; height: 8.8125rem; padding: 0.8125rem 2.5rem 0 2.5rem; line-height: 2.375rem; color: #fff; font-size: 1.75rem; background: url(../img/science/honor_hot_bg.png); background-size: 100%; position: absolute; right: 0; bottom: 0;}
.honor_right{ width: 67.75rem;}
.honor_type{ height: 9.875rem; border-bottom: #DCDCDC solid 1px;}
.honor_type_li{ width: 14.375rem; height: 100%; padding-bottom: 1.125rem; text-align: center; position: relative;}
.honor_type_li.curr{}
.honor_type_li::after{ content: ""; width: 0; height: 0.5rem; position: absolute; left: 50%; bottom: 0;
  background: linear-gradient( 270deg, #0254EB 0%, #0D8CE9 100%);
  transform: translateX(-50%);
  transition: all linear .2s;
}
.honor_type_li:hover::after , .honor_type_li.curr::after{ width: 13.5rem;}
.honor_type_num{ line-height: 5rem; color: #0255EB; font-size: 5.125rem; font-weight: bold;}
.honor_type_text{ line-height: 2.25rem; color: #666; font-size: 1.125rem;}
.honor_list{ margin-top: 2rem;}
.honor_li{ width: 64.375rem; height: 5.4375rem; line-height: 5.375rem; padding-left: 2rem; color: #333; font-size: 1.375rem; border-bottom: #ECECEC solid 1px; position: relative;
  transition: all linear .2s;
}
.honor_li::after{ content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #0255EB; position: absolute; left: 0; top: 2.4375rem;
  transition: all linear .2s;
}
.honor_li:hover{ color: #0255EB;}
.honor_li:hover::after{ border-radius: 0; left: 0.3125rem;
  transform: rotate(45deg);
}

/*---------------------------------------------------*/

/* 人才招聘 */
.recruit_body{ margin-top: 3.5rem; margin-bottom: 5.5rem;}
.recruit_li{ width: 49.3125rem; height: 18.1875rem; border-radius: 20px; /* border: #fff solid 2px; */ position: relative; overflow: hidden; cursor: pointer;
  box-shadow: 0 0 1.875rem 0.625rem rgba(0,0,0,.1);
}
.recruit_li:nth-child(odd){ margin-right: calc(100% - 49.3125rem * 2);}
.recruit_li:nth-child(2) ~ .recruit_li{ margin-top: 3rem;}
.recruit_li_before{ width: 100%; height: 100%;}
.recruit_li_after{ width: 100%; height: 100%; position: absolute; left: 0; top: 100%;
  transition: all linear .2s;
}
.recruit_li:hover .recruit_li_after{ top: 0;}

/*---------------------------------------------------*/

/* 通知公告 */
.notice_body{ padding: 0 2.5rem; margin-top: 3.5rem; margin-bottom: 1.875rem; border-radius: 10px; background-color: #F9F9F9;}
.notice_li{ height: 6.625rem;}
.notice_li:first-child ~ .notice_li{ border-top: #DCDCDC solid 1px;}
.notice_li_msg{}
.notice_li_number{ width: 1.5625rem; height: 1.5625rem; line-height: 1.5625rem; margin-right: 1.5rem; text-align: center; color: #F9F9F9; font-size: 1.125rem; border-radius: 50% 50% 0 50%; background-color: #0D8CE9; font-family:"Arial","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";
  transition: all linear .2s;
}
.notice_li:hover .notice_li_number{
  transform: scale(1.1) rotate(-45deg);
}
.notice_li_number i{ display: inline-block; font-style: italic;}
.notice_li:hover .notice_li_number i{
  transform: rotate(45deg);
}
.notice_li_title{ width: 80rem; color: #333; font-size: 1.375rem;}
.notice_li:hover .notice_li_title{ color: #0255EB;}
.notice_li_time{ color: #004FCC; font-size: 1.375rem;}