@charset "utf-8";
*{ margin:0px; padding:0px; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); /* cursor:pointer; */}
html{ max-width:750px; margin:0 auto;}
body{ font-family:"PingFangSC-Regular","STHeitiSC-Light","微软雅黑","Microsoft YaHei","sans-serif"; font-size:26px; line-height:1.6; color:#333;
    /* -webkit-user-select:none; user-select:none; */
    /* -webkit-touch-callout:none; touch-callout:none; */
}
li{ list-style:none;}
i{ font-style:normal;}
a:link , a:visited , a:hover ,a:active{ text-decoration:none; color:;}

.cle:after{ content:""; display:block; height:0; clear:both;}
button , input , select , textarea{ font-family:"PingFangSC-Regular","STHeitiSC-Light","微软雅黑","Microsoft YaHei","sans-serif"; outline:none; border-radius:0; font-size:26px;
    -webkit-appearance:none;
      appearance:none;
}
input[type=checkbox] , input[type=radio]{ margin:0 5px;}
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button{ margin:0; 
    -webkit-appearance:none !important;
      appearance:none !important;
}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ color:#aaa;}
img{ border:0; vertical-align:middle;}
a img{ border:none;}

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

@-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(60px);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToLeft60{0%{transform:translateX(60px);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(-60px);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}@keyframes fadeToRight60{0%{transform:translateX(-60px);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(60px);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToTop60{0%{transform:translateY(60px);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(-60px);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}@keyframes fadeToDown60{0%{transform:translateY(-60px);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 Blooming{0%{-webkit-transform:scale(0);opacity:0;}50%{-webkit-transform:scale(1);opacity:1;}100%{-webkit-transform:scale(1.2);opacity:0;}}@keyframes Blooming{0%{transform:scale(0);opacity:0;}50%{transform:scale(1);opacity:1;}100%{transform:scale(1.2);opacity:0;}}@-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(8px);}}@keyframes flashTopDown{0%{transform:translateY(0);}100%{transform:translateY(8px);}}@-webkit-keyframes flashLeftRightTiny{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-8px);}}@keyframes flashLeftRightTiny{0%{transform:translateX(0);}100%{transform:translateX(-8px);}}@-webkit-keyframes flashLeftRight{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-100px);}}@keyframes flashLeftRight{0%{transform:translateX(0);}100%{transform:translateX(-100px);}}@-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 rotateSwing{0%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}@keyframes rotateSwing{0%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}@-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 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(-8px,0);}25%,35%,45%,55%,65%,75%,85%,95%{-webkit-transform:translate(8px,0);}}@keyframes flashShakingX{0%{transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{transform:translate(-8px,0);}25%,35%,45%,55%,65%,75%,85%,95%{transform:translate(8px,0);}}@-webkit-keyframes flashShakingY{0%{-webkit-transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{-webkit-transform:translate(0,-8px);}25%,35%,45%,55%,65%,75%,85%,95%{-webkit-transform:translate(0,8px);}}@keyframes flashShakingY{0%{transform:translate(0,0);}20%,30%,40%,50%,60%,70%,80%,90%,10%{transform:translate(0,-8px);}25%,35%,45%,55%,65%,75%,85%,95%{transform:translate(0,8px);}}@-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 flashShakingSkew{0%,100%{-webkit-transform:skew(5deg) scale(1.02);}50%,85%{-webkit-transform:skew(-5deg) scale(1.02);}65%{-webkit-transform:skew(5deg) scale(1.02);}}@keyframes flashShakingSkew{0%,100%{transform:skew(5deg) scale(1.02);}50%,85%{transform:skew(-5deg) scale(1.02);}65%{transform:skew(5deg) scale(1.02);}}@-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 flipXpause{0%,50%{-webkit-transform:scaleX(1);}100%{-webkit-transform:scaleX(0);}}@keyframes flipXpause{0%,50%{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 flipShowXpause{0%,50%{-webkit-transform:rotateY(0) scaleX(1);opacity:1;}0%{-webkit-transform:rotateY(50deg) scaleX(-1);opacity:0;}}@keyframes flipShowXpause{0%,50%{transform:rotateY(0) scaleX(1);opacity:1;}0%{transform:rotateY(50deg) scaleX(-1);opacity:0;}}@-webkit-keyframes jumpBounceX{0%,10%,30%,50%,100%{-webkit-transform:translateX(0) rotateY(0);}20%,40%,60%{-webkit-transform:translateX(8px) rotateY(20deg);}}@keyframes jumpBounceX{0%,10%,30%,50%,100%{transform:translateX(0) rotateY(0);}20%,40%,60%{transform:translateX(8px) rotateY(20deg);}}@-webkit-keyframes jumpBounceY{0%,10%,30%,50%,100%{-webkit-transform:translateY(0) rotateX(0);}20%,40%,60%{-webkit-transform:translateY(8px) rotateX(20deg);}}@keyframes jumpBounceY{0%,10%,30%,50%,100%{transform:translateY(0) rotateX(0);}20%,40%,60%{transform:translateY(8px) 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);}}

.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;
}

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

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

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

.one-line-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.two-line-ellipsis, .three-line-ellipsis, .four-line-ellipsis, .five-line-ellipsis, .six-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;}
.four-line-ellipsis{ -webkit-line-clamp: 4;}
.five-line-ellipsis{ -webkit-line-clamp: 5;}
.six-line-ellipsis{ -webkit-line-clamp: 6;}

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

/* 富文本约束 */
.rich_text{ max-height:10000px; line-height: 1.8; /* 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: 60px; margin-bottom: 60px; object-fit: contain;}
.rich_text p{ text-indent: 2em; /* margin-bottom: 60px; */}
.rich_text p > img:first-child{ position: relative !important; left: -2em !important;}
.rich_text p span:before{ content: "0"; font-size: 0;}
.rich_text li{ list-style-type: inherit !important; list-style-position: inside !important;}
.rich_text li p{ display: inline;}
.rich_text *{ text-wrap: wrap !important; text-wrap-mode: wrap;}

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

.content_min_w{ width: 100%; margin: 0 auto;}
.content_w{ margin: 0 auto;}

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

.search_ico,
.search_btn,
.top_nav_more,
.nav_li_menu{ cursor: pointer;}

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

/* 导航 */
.content_min_w.top{ height: 200px; background: url(../img/nav/nav_bg.png) repeat-x center top / auto 180px; position: sticky; left: 0; top: 0; z-index: 999; pointer-events: none;}

.content_w.top_body{ height: 104px; padding: 0 32px; pointer-events: all; position: relative;
  display: flex; justify-content: space-between; align-items: center;
}

/* 滚动后样式 */
.content_min_w.top.showbg{ background: none;}
.content_min_w.top.showbg .content_w.top_body{ background-color: #172A6C;}

.top_logo{}
.top_logo img{ width: 348px;}

.top_nav{ width: 100%; height: calc(100vh - 104px); position: absolute; left: 0; top: 104px;
  display: none;
}

.content_w.top_body.show .top_nav{ display: block;}
.content_w.top_body.show{ background-color: #172A6C;}

.top_nav_body{ height: 100%; padding: 0 32px 80px 32px; background-color: rgba(6, 20, 68, .9); overflow-y: auto; -webkit-overflow-scrolling: touch;}
.nav_li{ border-bottom: rgba(255, 255, 255, .4) solid 1px; position: relative;}
a.nav_li,
.nav_li > a,
.nav_li > span{ display: block; width: 100%; height: 110px; line-height: 110px; padding: 0 22px; color: #fff; font-size: 30px;}
.nav_li.curr,.nav_li.curr > a{ color: #61C1FF;}

.nav_child{ width: 100%; padding:0 50px; background-color: #172A6C;
  transition: all linear .2s;
  height: 0; overflow: hidden;
}
.nav_child_li{ display: block; width: 100%; height: 94px; line-height: 94px; color: #fff; font-size: 26px;}
.nav_child_li:not(:last-child){ border-bottom: rgba(255, 255, 255, .4) dashed 2px;}
.nav_child_li.curr{ padding-left: 22px; background-color: #3B74B2;}

.nav_li_menu{ width: 74px; height: 110px; position: absolute; right: 0; top: 0;}
.nav_li_menu_line1{ width: 34px; height: 5px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.nav_li_menu_line2{ width: 5px; height: 34px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.nav_li.show{ background-color: #172A6C;}
.nav_li.show .nav_child{
  height: auto;
}
.nav_li.show .nav_li_menu_line1{ background-color: #61C1FF;}
.nav_li.show .nav_li_menu_line2{ display: none;}

.search_body{ width: 50px; height: 50px; position: absolute; left: 598px; top: 27px;
  display: flex; justify-content: flex-end; align-items: center;
}
.search_ico{ width: 30px;
  transition: all linear .2s;
}
.search_body.show .search_ico{ opacity: 0;}
.search_body form{ width: 250px; height: 50px; padding: 0 10px; border-radius: 25px; background-color: #fff; position: absolute; right: 0; top: 0;
  display: flex; justify-content: space-between; align-items: center;
  transform-origin: right center;
  transition: all linear .2s;
  transform: scaleX(0);
}
.search_body.show form{
  transform: scaleX(1);
}
.search_input{ width: 190px; height: 40px; color: #333; font-size: 26px; border: none;}
.search_btn{ width: 36px; height: 36px; border: none; outline: none; background: url(../img/nav/ico-search-.png) center center / 100% 100%;}

.top_nav_more{ width: 48px; height: 48px; position: relative;
  transition: all linear .2s;
}
.top_nav_more div{ width: 48px; height: 6px; border-radius: 3px; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-top: -3px;
  transform-origin: center center;
  transition: all linear .2s;
}
.top_nav_more div:nth-child(1){
  transform: translate(-50%,-13px);
}
.top_nav_more div:nth-child(2){
  transform: translate(-50%,13px);
}
.top_nav_more div:nth-child(3){
  transform: translate(-50%,0);
}
.top_nav_more.show{}
.top_nav_more.show div:nth-child(1){
  transform: translate(-50%,0) rotate(45deg);
}
.top_nav_more.show div:nth-child(2){
  transform: translate(-50%,0) rotate(-45deg);
}
.top_nav_more.show div:nth-child(3){ width: 0;}

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

.content_min_w.bottom{ height: 472px; margin-top: 96px; background: url(../img/bottom/bg.png) no-repeat center top / cover;}

.bottom_top{ height: 376px; padding-bottom: 18px;}
.content_w.bottom_top_body{ height: 100%; padding: 0 0 0 32px;
  display: flex; justify-content: flex-start; align-items: center;
}
.bottom_code{ padding-right: 34px;}
.bottom_code img{ width: 189px;}
.bottom_info{ color: #fff; font-size: 23px;}
.bottom_info_more{
	display: flex; justify-content: flex-start; align-items: center;
}
.bottom_info_li{ margin-top: 10px; line-height: 40px;
	display: flex; justify-content: flex-start; align-items: flex-start;
}
.bottom_info_li img{ width: 28px; height: 28px; margin-top: 6px;}
.bottom_info_li span{ padding-right: 32px; margin-left: 10px;}

.bottom_bottom{ height: 96px; color: #fff; font-size: 22px; background-color: #141846;
	display: flex; justify-content: center; align-items: center;
}
.content_w.bottom_bottom_body{ line-height: 60px; text-align: center;}
.content_w.bottom_bottom_body a{ color: #fff;}
.content_w.bottom_bottom_body a:hover{ color: #fff;}

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

/* 首页 */
.index_banner{ margin: -180px auto 0 auto;}
.index_banner.swiper-container{ height: 420px;}
.index_banner.swiper-container a{ background-size: cover !important;}

.index_tit{ width: 686px; margin: 36px auto; border-bottom: #9FA0A0 solid 1px; position: relative;
  display: flex; justify-content: space-between; align-items: center;
}
.index_tit_text{ height: 100px; line-height: 100px; color: #172A6C; font-size: 42px;}
.index_tit_link{ height: 100px;
  display: flex; justify-content: flex-end; align-items: center;
}
.index_tit_link span{ line-height: 40px; color: #3E3A39; font-size: 26px;}
.index_tit_link img{ width: 25px; margin-left: 5px;}
.index_tit::after{ content: ""; width: 300px; height: 4px; background-color: #172A6C; position: absolute; left: 0; bottom: -2px;}

.kycg_info{ width: 686px; margin: 0 auto;}

.kycg_left{ height: 450px; background-color: #eee;}
.kycg_left.swiper-container{ margin-left: inherit !important; margin-right: inherit !important;}
.kycg_left.swiper-container .swiper-slide > img{ width: 100%; height: 100%;
  transition: all ease-out .3s;
}
.kycg_left.swiper-container .swiper-slide > div{ width: 100%; height: 72px; line-height: 72px; padding: 0 200px 0 26px; color: #fff; font-size: 26px; background-color: rgba(23,42,108,.55); position: absolute; left: 0; bottom: 0;
  transition: all ease-out .3s;
}
.kycg_left.swiper-container .swiper-pagination.swiper-pagination-bullets{ width: auto !important; left: auto !important; right: 26px !important;}
.kycg_left.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 0 !important; background-color: rgba(255,255,255,.7); opacity: 1 !important;}
.kycg_left.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1);
  transform: rotate(45deg) scale(.9);
}
/*  */
.kycg_left.swiper-container .swiper-slide:hover > img{
  transform: scale(1.05);
}
.kycg_left.swiper-container .swiper-slide:hover > div{ background-color: rgba(23,42,108,1);}

.kycg_right{ margin-top: 40px;}
.kycg_right_li{ height: 56px; position: relative;
  display: flex; justify-content: space-between; align-items: center;
  transition: all ease-out .3s;
}
.kycg_right_li::before{ content: ""; width: 1px; height: 28px; background-color: #1077BE; position: absolute; left: 90px; top: 50%; transform: translateY(-50%);
  transition: all ease-out .3s;
}
.kycg_right_date{ color: #4C4948;
  display: flex; justify-content: flex-start; align-items: center;
  transition: all ease-out .3s;
}
.kycg_right_date_day{ width: 42px; line-height: 50px; font-size: 28px;}
.kycg_right_date_year{ width: 50px; line-height: 18px; font-size: 16px;}
.kycg_right_date_year p:first-child{}
.kycg_right_date_year p:last-child{}
.kycg_right_info{ width: 580px;}
.kycg_right_info p:first-child{ line-height: 50px; color: #3E3A39; font-size: 28px;
  transition: all ease-out .3s;
}
/*  */
.kycg_right_li:hover{ background-color: #172A6C;}
.kycg_right_li:hover::before{ background-color: #fff;}
.kycg_right_li:hover .kycg_right_date,
.kycg_right_li:hover .kycg_right_info p:first-child,
.kycg_right_li:hover .kycg_right_info p:last-child{ color: #fff;}

.hzjl_info{ padding: 0 32px; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.hzjl_li{ display: inline-block; width: 520px; height: 350px; color: #fff; position: relative;}
.hzjl_li:first-child ~ .hzjl_li{ margin-left: 26px;}
.hzjl_li_before{ width: 520px; height: 350px;}
.hzjl_li_before_img{ width: 100%; height: 100%;}
.hzjl_li_before_img img{ width: 100%; height: 100%;}
.hzjl_li_before_tit{ width: 100%; height: 142px; padding: 68px 20px 0 20px; background: url(../img/index/hzjl_1.png) no-repeat center center / 100% 100%; position: absolute; left: 0; bottom: 0;
  display: flex; justify-content: flex-start; align-items: center;
}
.hzjl_li_before_tit div{ width: 100%; font-size: 26px;}
.hzjl_li_after{ width: 100%; height: 0; border: #6A7381 solid 0; overflow: hidden; position: absolute; left: 0; top: 0;
  transition: all ease-out .3s;
}
.hzjl_li_after_bg{ width: 100%; height: 100%; background-color: #042664; opacity: .8; position: absolute; left: 0; top: 0;}
.hzjl_li_after_info{ width: 520px; height: 350px; padding: 0 48px; position: absolute; left: 0; top: 0;}
.hzjl_li_after_tit{ line-height: 80px; font-size: 26px;}
.hzjl_li_after_con{ line-height: 34px; color: #C4CCDA; font-size: 24px;}
.hzjl_li_after_con p{ white-space: pre-wrap;}
.hzjl_li_after_img{ margin-top: 10px; text-align: right;}
.hzjl_li_after_img img{ width: 40px;
  transform: scale(0);
  transition: all ease-out .3s .1s;
}
/*  */
.hzjl_li:hover .hzjl_li_after{ width: 100%; height: 100%; border: #6A7381 solid 1px;}
.hzjl_li:hover .hzjl_li_after_img img{
  transform: scale(1);
}

.news_link{ display: block; width: 686px; margin: 0 auto; overflow: hidden;}
.news_link img{ width: 100%;
  transition: all ease-out .3s .1s;
}
.news_link:hover img{
  transform: scale(1.05);
}

.dj_info{ width: 686px; margin: 0 auto; height: 330px; margin-top: 36px;}
a.dj_info{ display: block; width: 686px; position: relative; overflow: hidden;}
.dj_info.swiper-container{}

.dj_info img{ width: 100%; height: 100%;
  transition: all ease-out .3s .1s;
}
.dj_tit{ width: 100%; height: 188px; padding: 0 32px; background: url(../img/index/dj.png) no-repeat center center / 100% 100%; position: absolute; left: 0; bottom: 0;
  display: flex; justify-content: center; align-items: flex-end;
}
.dj_tit div{ line-height: 50px; text-align: center; color: #fff; font-size: 26px;}
/*  */
.dj_info:hover img{
  transform: scale(1.05);
}


.content_w:not(.top_body){ max-width: 100vw; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.dj_li_con{ width: calc(358px * 3 + 32px * 2 + 34px * 2); margin-top: 36px; padding: 0 32px;
  display: flex; justify-content: flex-start; align-items: flex-start;
}
.dj_li{ display: block; width: 358px; position: relative;}
.dj_li:first-child ~ .dj_li{ margin-left: 34px;}
.dj_li_img{ height: 280px; overflow: hidden;}
.dj_li_img img{ width: 100%; height: 100%;
  transition: all ease-out .3s;
}
.dj_li_time{ width: 212px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 28px; background-color: #172A6C; position: absolute; left: 73px; top: 260px;
  transition: all ease-out .3s;
}
.dj_li_info{ height: 238px; padding: 36px 26px 0 26px; color: #000; background-color: #F5F5F5;
  transition: all ease-out .3s;
}
.dj_li_info_tit{ height: 70px; line-height: 50px; font-size: 28px; position: relative;
  display: flex; justify-content: flex-start; align-items: center;
}
.dj_li_info_tit div{}
.dj_li_info_tit .two-line-ellipsis{
  -webkit-line-clamp: 1;
}
.dj_li_info_tit::after{ content: ""; width: 56px; height: 2px; background-color: #172A6C; position: absolute; left: 0; bottom: 0;
  transition: all ease-out .3s;
}
.dj_li_info_con{ margin-top: 12px; line-height: 34px; color: #666; font-size: 24px; white-space: pre-wrap;}
/*  */
.dj_li:hover .dj_li_img img{
  transform: scale(1.1);
}
.dj_li:hover .dj_li_time{ color: #172A6C; background-color: #fff;}
.dj_li:hover .dj_li_info{ color: #fff; background-color: #172A6C;}
.dj_li:hover .dj_li_info_tit::after{ background-color: #fff;}
.dj_li:hover .dj_li_info_con{ color: #fff;}

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

/* 二级列表 */
.list_banner{ height: 234px; margin: -150px auto 0 auto;}
.list_banner{ background-size: cover !important;}

.level_nav{ padding: 20px 32px 0 32px; background-color: #EFF6FB;}
.level_nav.dangjian{ background-color: #FFEFEF;}
.level_nav_show{ height: 100px; color: #000; font-size: 28px; cursor: default;
  display: flex; justify-content: flex-start; align-items: center;
}
.level_nav_show_li{ color: #000;}
.level_nav_show_middle{ margin: 0 5px;}

.level_nav_body{ padding-bottom: 56px; cursor: default;
  display: flex; justify-content: space-around; align-items: center;
}
.level_nav_li{ width: 193px; height: 46px; padding-left: 46px; color: #595757; font-size: 28px; background: url(../img/list/nav-ico.png) no-repeat 19px center / 0;
  display: flex; justify-content: flex-start; align-items: center;
  transition: all ease-out .2s;
}
.level_nav_li:hover , .level_nav_li.curr{ color: #172A6C; background: #fff url(../img/list/nav-ico.png) no-repeat 19px center / 19px;}
.level_nav_li img{ width: 19px; margin-right: 10px;}

.content_w.list_body{ margin-top: 72px; padding: 0 32px;}
.list_li{ /* height: 344px; */ padding: 36px 23px; border: #BEBEBF solid 1px;
  display: flex; justify-content: space-between; align-items: center;
  transition: all ease-out .3s;
}
.list_li:first-child ~ .list_li{ margin-top: 54px;}
.list_li:hover{ background-color: #DCE2E5;}
.list_li_info{ width: 310px;}
.list_li_title{ line-height: 42px; color: #172A6C; font-size: 28px;}
.list_li_day{ height: 50px; color: #172A6C; font-size: 24px;
  display: flex; justify-content: flex-start; align-items: center;
}
.list_li_day img{ width: 24px; margin-right: 10px;}
.list_li_day span{}
.list_li_desc{ height: calc(34px * 3); line-height: 34px; color: #838383; font-size: 22px;}
.list_li_img{ width: 292px; height: 190px;}
.list_li_img img{ width: 100%; height: 100%;
  transition: all ease-out .3s;
}
.list_li:hover .list_li_img img{
  transform: scale(1.05);
}


.content_w.list_page{ margin-top: 70px; cursor: default;
  display: flex; justify-content: center; align-items: center;
}
.page_li{ width: 56px; height: 56px; margin: 0 10px; color: #9FA0A0; font-size: 26px; border-radius: 50%;
  display: flex; justify-content: center; align-items: center;
  transition: all ease-out .3s;
}
.page_li:hover , .page_li.curr{ color: #fff; background-color: #172A6C;}
.list_page img{ width: 26px;}

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

.content_w.zhicai_body{ margin-top: 72px; padding: 0 32px;}
.zhicai_li{ height: 148px; padding: 0 23px; color: #172A6C; border: #BEBEBF solid 1px; background-color: #FAFAFA;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  transition: all ease-out .3s;
}
.zhicai_li:hover{ color: #fff; background-color: #172A6C;}
.zhicai_li:nth-child(1) ~ .zhicai_li{ margin-top: 36px;}
.zhicai_li_title{ width: 100%; line-height: 50px; font-size: 28px;}
.zhicai_li_day{ height: 50px;
  display: flex; justify-content: flex-start; align-items: center;
}
.zhicai_li_day img{ width: 26px; margin-right:10px;}
.zhicai_li_day span{ font-size: 24px;}

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

/* 三级详情 */
.content_w.detail_body{}
.detail_top{  padding: 60px 53px 50px 53px;}
.detail_top_info{ text-align: center; color: #172A6C;}
.detail_title{ line-height: 48px; font-size: 34px;}
.detail_day{ height: 46px; margin-top: 3px;
  display: flex; justify-content: center; align-items: center;
}
.detail_day img{ width: 22px; margin-right: 10px;}
.detail_day span{ font-size: 26px;}
.detail_con{}
.detail_info{ padding: 0 32px; line-height: 46px; color: #262626; font-size: 28px;}
.detail_info .rich_text{}
.detail_info .rich_text p , .detail_info .rich_text p span{ font-size: 28px !important;}
.detail_link{ margin-top: 60px; padding: 0 32px;
  display: flex; justify-content: space-between; align-items: center;
}
.detail_link_li{ width: 327px; height: 234px; padding: 20px 23px; border: #BEBEBF solid 1px;
  transition: all ease-out .3s;
}
.detail_link_li div:nth-child(1){ line-height: 58px; color: #172A6C; font-size: 30px;
  transition: all ease-out .3s;
}
.detail_link_li div:nth-child(2){ line-height: 40px; color: #838383; font-size: 26px;
  transition: all ease-out .3s;
}
.detail_link_li div:nth-child(3){ line-height: 56px; color: #0077DC; font-size: 26px;
  transition: all ease-out .3s;
}
.detail_link_li:hover{ background-color: #172A6C;}
.detail_link_li:hover div:nth-child(1),
.detail_link_li:hover div:nth-child(2),
.detail_link_li:hover div:nth-child(3){ color: #fff;}

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

/* 中心概况-机构设置 */
.content_w.jigoushezhi{ padding: 86px 32px 0 32px; text-align: center;}
.jigoushezhi_img{ width: 100%;}

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

/* 中心概况-中心简介 */
.content_min_w.zhongxingjianjie{ padding: 70px 32px 95px 32px; margin-bottom: -96px; background: url(../img/zhongxingjianjie.png) no-repeat center center / cover;}
.content_w.zhongxingjianjie_body{ padding: 36px 26px 60px 26px; background-color: rgba(255,255,255,.8);}
.zhongxingjianjie_title{ height: 114px; line-height: 114px; text-align: center; color: #181818; font-size: 45px; position: relative;}
.zhongxingjianjie_title::after{ content: ""; width: 88px; height: 3px; background-color: #172A6C; position: absolute; left: 50%; margin-left: -44px; bottom: 0;}
.zhongxingjianjie_info{ padding-top: 70px; /* line-height: 48px; */ color: #666; font-size: 28px; text-indent: 2em;
	 max-height:10000px; line-height: 1.8; text-align:justify; text-justify:inter-ideograph; word-break:break-all !important; word-wrap:break-word !important; overflow: hidden;
}
.zhongxingjianjie_info p , .zhongxingjianjie_info p span{ font-size: 28px !important;}
.zhongxingjianjie_info img,.zhongxingjianjie_info video{ max-width:100% !important; margin-top: 60px; margin-bottom: 60px;}
/* .zhongxingjianjie_info p:nth-child(1) ~ p{ margin-top: 68px;} */

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

/* 中心概况-科研布局 */
.content_w.keyanbuju{ padding: 0 32px;}
.keyanbuju_title{ margin-top: 36px; height: 114px; color: #181818; font-size: 45px; position: relative;
  display: flex; justify-content: flex-start; align-items: center;
}
.keyanbuju_title::after{ content: ""; width: 88px; height: 3px; background-color: #172A6C; position: absolute; left: 0; bottom: 0;}
.keyanbuju_info{ max-height: 10000px; margin-top: 36px; line-height: 48px; color: #666; font-size: 28px;}
.keyanbuju_info:not(:last-child){ padding-bottom: 65px; border-bottom: #F8F8F8 solid 1px;}
.keyanbuju_info p , .keyanbuju_info p span{ font-size: 28px !important;}

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

/* 人才建设-人才招聘 */
.content_w.zhaoping{ margin-top: 6.125rem;
  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
}
.zhaoping_li{ width: 40.125rem; height: 16.875rem; position: relative;}
.zhaoping_li:nth-child(2) ~ .zhaoping_li{ margin-top: 3.875rem;}
.zhaoping_li:nth-child(odd){ margin-right: calc(100% - 40.125rem * 2);}
.zhaoping_li_img{ width: 100%; height: 100%;}
.zhaoping_li_mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;
  transition: all ease-out .3s;
}
.zhaoping_li_mask_img{ width: 100%;}
.zhaoping_li_mask_code{ width: 10.25rem; position: absolute; left: 24.75rem; top: 3.25rem;
  transform: scale(1.2);
  transition: all ease-out .3s;
}
.zhaoping_li:hover .zhaoping_li_mask{ opacity: 1;}
.zhaoping_li:hover .zhaoping_li_mask_code{ transform: scale(1);}