@charset "utf-8";
::-webkit-scrollbar{width:6px; height:6px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:#222;}
::-webkit-scrollbar-thumb:vertical:hover{background:#464646;}

body,td,th,input,textarea,select{font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Microsoft YaHei','PingFang SC', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'sans-serif'; color:#5f5f5f; outline:none;}
html{font-size:62.5%;}
html,body{background:#fff; width:100%; height:100%;}
body.noscroll{overflow:hidden;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:active{color:#1f53be;}
div.float-wrap:after, ul.float-wrap:after, li.float-wrap:after, p.float-wrap:after, dl.float-wrap:after{content:''; display:block; width:0; height:0; clear:both; font-size:0;}
.after-none::after{display:none;}
#think_page_trace_open{z-index:999998;}
*{line-height:1;}
mark{display:inline-block;}
#backbuttonstate{display:none;}

.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.wrap{max-width:1600px; margin:auto;}
@media (max-width:1679px) {.wrap {max-width:1350px;}}
@media (max-width:1439px) {.wrap {max-width:1280px;}}
@media (max-width:1365px) {.wrap {max-width:1200px;}}
@media (max-width:1279px) {.wrap {max-width:100%;}}


#menu-container{width:100%; height:100px; position:fixed; z-index:999; left:0; top:0; transition:all 0.23s ease-in-out;}
#menu-container:hover, #menu-container.active, #menu-container.white{background:#fff; box-shadow:12px 12px 25px rgba(24, 92, 197, 0.18);}
#menu-container.blue{background:#19439a;}
#menu-container.blue.active{box-shadow:none;}
#menu-container .logo{margin:18px auto auto 52px; display:block; width:170px;  float:left; transition:all .35s ease;}
#menu-container .logo img{display:block;}
#menu-container:hover .logo img, #menu-container.active .logo img, #menu-container.white .logo img{display:none;}
#menu-container.blue:hover .logo img, #menu-container.blue.active .logo img, #menu-container.blue.white .logo img{display:block;}
#menu-container .logo img.blue{display:none;}
#menu-container:hover .logo img.blue, #menu-container.active .logo img.blue, #menu-container.white .logo img.blue{display:block;}
#menu-container.blue:hover .logo img.blue, #menu-container.blue.active .logo img.blue, #menu-container.blue.white .logo img.blue{display:none;}
#menu-container .logo span{display:block; color:#fff; font-size:1.3rem; margin-top:9px; font-family:'KaiTi'; letter-spacing:.06rem; padding-left:1px; transition:all .25s;}
#menu-container:hover .logo span, #menu-container.active .logo span, #menu-container.white .logo span{color:#838383;}
#menu-container.blue:hover .logo span, #menu-container.blue.active .logo span, #menu-container.blue.white .logo span{color:#fff;}
#mp-head, #mp-nav, #mp-search-wrap{display:none;}


@media (max-width:1279px){
    #menu-container{display:none;}
    #mp-head{display:block; position:fixed; z-index:999; width:100%; height:72px; transition:height .25s, background .35s;}
    #mp-head.active{background:#fff; height:66px;}
    #mp-head .logo a{display:block; position:absolute; left:15px; top:25px; transition:all .2s;}
    #mp-head.active .logo a{top:18px;}
    #mp-head .logo img{height:30px;}
    #search-btn{display:block; width:36px; height:36px; line-height:36px; color:#2e2d3c; position:absolute; right:93px; top:22px; text-align:center; transition:all .2s;}
    #search-btn i{font-size:1.7rem; position:relative; top:4px;}
    #mp-head.active #search-btn{top:15px;}
    #mp-search-wrap{display:flex; justify-content:center; align-items:center; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0,0,0, .7); opacity:0; visibility:hidden; transition:all .4s;}
    #mp-search-wrap.active{opacity:1; visibility:visible;}
    #mp-search-wrap>div{width:100%; padding:0 15px; box-sizing:border-box; position:relative;}
    #mp-search-wrap input{padding:15px 18px; font-size:1.5rem; width:100%; border-radius:50px; box-sizing:border-box;}
    #mp-search-wrap .btn{display:block; width:36px; height:36px; text-align:center; position:absolute; right:22px; top:10px;}
    #mp-search-wrap .btn i{line-height:33px; font-size:1.8rem;}
    #mp-search-wrap .close{display:block; width:36px; height:36px; text-align:center; position:absolute; right:22px; top:-50px;}
    #mp-search-wrap .close i{color:#fff; font-size:2.4rem; line-height:36px;}
    #nav-btn{display:block; width:36px; height:36px; color:#2e2d3c; position:absolute; right:15px; top:22px; text-align:center; transition:all .2s; background:transparent;}
    #mp-head.active #nav-btn{top:15px;}
    #nav-btn i{font-size:3.2rem; position:relative; top:2px;}
    #lan-en{display:block; width:36px; height:36px; text-align:center; color:#fff; position:absolute; right:56px; top:22px; transition:all .2s;}
    #mp-head.active #lan-en{top:15px;}
    #lan-en i{font-size:2.6rem; position:relative; top:6px;}
    #black{display:block; width:100%; height:100%; left:0; top:0; position:fixed; z-index:1000; background:rgba(0,0,0, 0); visibility:hidden; transition:all .35s;}
    #black.active{background:rgba(0,0,0, .35); visibility:visible;}
    #mp-nav{display:block; width:56%; height:100%; right:0; top:0; position:fixed; z-index:1001; background:#01398f; transition:all .45s ease; overflow:auto; transform:translateX(156%); opacity:0;}
    #mp-nav.active{transform:translateX(0); opacity:1;}
    #mp-nav .menu dl{border-bottom:1px solid rgba(0,0,0, .1);}
    #mp-nav .menu dl dt>a{display:block; height:44px; line-height:42px; color:#fff; font-size:1.5rem; font-weight:300; padding:0 20px; position:relative;}
    #mp-nav .menu dl dt>a::after{content:'\e65b'; font-family:'iconfont'; position:absolute; right:20px; top:0px; color:#fff; font-size:1.4rem; transition:all .25s;}
    #mp-nav .menu dl dt>a.active::after{transform:rotate(90deg);}
    #mp-nav .menu dl dt>a.no-dd::after{display:none;}
    #mp-nav .menu dl dd{display:none; background:#00255e; padding:5px 0;}
    #mp-nav .menu dl dd>a{display:block;  padding:0 36px; color:#fff; line-height:36px; font-size:1.3rem;}
    #mp-nav .lan{position:absolute; width:100%; left:0; bottom:25px; text-align:center; color:#fff; font-size:1.5rem;}
    #mp-nav .lan>a{color:#fff; font-size:1.5rem;}
}

#menu-container>.wrapper{width:100%; height:100%; position:relative; z-index:2;}
#menu-container.blue>.wrapper{background:#19439a;}
#menu{float:right; height:100%; margin-right:16px;}
#menu>li{float:left; height:100%;}
#menu>li>a{display:block; padding:0 18px; height:100%; font-size:1.6rem; color:#2e2d3c; line-height:100px; transition:all .15s; font-weight:300;}
#menu-container:hover #menu>li>a, 
#menu-container.active #menu>li>a, 
#menu-container.white #menu>li>a{color:#2e2d3c;}
#menu>li:hover>a{color:#e51029 !important; line-height:105px;}

#menu-container.blue:hover #menu>li>a, #menu-container.blue.active #menu>li>a, #menu-container.blue.white #menu>li>a{color:#fff;}
#menu-container.blue #menu>li>a{color:#fff;}
#menu-container.blue #menu>li:hover>a{color:#fff !important; opacity:.7;}
@media (max-width:1439px){ #menu>li>a{font-size:1.5rem;}}
@media (max-width:1365px){ #menu>li>a{padding:0 16px;}}

#menu>li::after{content:''; display:block; height:4px; width:0; background:#e51029; position:absolute; top:96px; transition:all .3s; margin-left:50px;}
#menu>li:hover::after{margin-left:20px; width:60px;}

#menu>li.active a{color:#e51029 !important; line-height:105px;}
#menu>li.active::after{margin-left:20px; width:60px;}






@media (max-width:1365px){ 
  #menu>li.fat:hover::after, #menu>li.active.fat:hover::after{margin-left:18px; width:56px;}
  #menu>li.thin:hover::after, #menu>li.active.thin:hover::after{margin-left:3px; width:56px;}
}

#menu>li>div{position:absolute; z-index:1; top:100px; background:rgba(20,60,160, .86); width:100%; left:0; box-sizing:border-box; padding:50px 0 65px 0; box-shadow:0 15px 25px rgba(0,0,0, .06); display:none;}
#menu>li>div .wrap{transition:all .25s; box-sizing:border-box; position:relative; min-height:250px;}
#menu>li>div .t{font-size:4.2rem;}
#menu>li>div .t .en{font-family:'Montserrat'; color:#fff; margin-left:-4px; display:inline-block;}
#menu>li>div .t .cn{font-size:1.8rem; color:#fff; font-family:'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .desc{max-width:65%; font-size:1.5rem; margin-top:20px; line-height:1.4; color:rgba(255,255,255, .7); font-weight:300;}
#menu>li>div .list{margin-top:50px; max-width:65%;}
#menu>li>div .list>a{display:inline-block; padding:13px 26px 14px 26px; background:#2e7eef; font-size:1.5rem; color:#fff; margin-right:3px; margin-bottom:7px; transition:all .3s; font-family:'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .list>a:hover{background:#fff; color:#1f53be;}
#menu>li>div .catalog{margin-top:30px; max-width:65%; width:unset;}
#menu>li>div .catalog>a{display:inline-block; font-size:1.5rem; font-family:'Microsoft Jhenghei', 'Microsoft YaHei'; margin-right:21px; line-height:1.4; margin-bottom:6px; position:relative; color:rgba(255,255,255, .7); transition:all .25s;}
#menu>li>div .catalog>a:hover{text-decoration:underline; color:#fff;}
#menu>li>div .catalog>a::after{content:''; display:block; width:1px; height:1.4rem; background:#ddd; position:absolute; right:-12px; top:4px;}
#menu>li>div .catalog>a:last-child::after{display:none;}
#menu>li>div .img{position:absolute; width:400px; height:280px; right:50px; top:10px; transition:all .3s; font-size:1.7rem; font-family:'KaiTi'; text-align:center; color:#464646;}
#menu>li>div .img>img{display:block; width:100%; margin-bottom:15px;}


#search-container{height:100%; width:42px; float:right; position:relative; text-align:center; line-height:100px; margin-right:40px; transition:all .35s ease;}
#search-container a{display:inline-block; width:32px; height:32px; text-align:center; line-height:32px;}
#search-container a>i{font-size:1.7rem; color:#2e2d3c; transition:all .25s; top:1px; position:relative;}
#menu-container:hover #search-container a>i, #menu-container.active #search-container a>i, #menu-container.white #search-container a>i{color:#2e2d3c;}
#search-container a:hover>i{color:#aaa !important;}
#menu-container.blue #search-container a>i{color:#fff;}
#menu-container.blue #search-container a:hover>i{color:rgba(255,255,255, .7);}


@media (max-width:1679px){
  #search-container{margin-right:35px;}
}
@media (max-width:1439px){
  #search-container a>i{font-size:1.6rem;}
  #menu>li>div .desc{font-size:1.4rem;}
  #menu>li>div .list>a{font-size:1.5rem;}
  #menu>li>div .catalog>a{font-size:1.4rem;}
  #menu>li>div .img{width:360px;}
}

@media (max-width:1365px){
  #menu>li>div .desc{max-width:650px;}
  #menu>li>div .catalog{max-width:650px;}
  #menu>li>div .desc{font-size:1.3rem;}
  #menu>li>div .list>a{font-size:1.4rem;}
  #menu>li>div .catalog>a{font-size:1.3rem;}
}


#language{height:100%; width:42px; float:right; position:relative; text-align:center; line-height:100px; padding-left:21px;}
#language::before{content:''; display:block; width:1px; height:15px; background:#999; position:absolute; left:0; top:43px; transition:all .2s;}
#menu-container:hover #language::before, #menu-container.active #language::before, #menu-container.white #language::before{background:#999;}
#menu-container.blue #language::before{background:rgba(255,255,255, .4);}
#language a{display:inline-block; width:32px; height:32px; text-align:center; line-height:32px;}
#language a>i{font-size:2.2rem; color:#fff; transition:all .2s; position:relative; top:3px;}
#menu-container:hover #language a>i, #menu-container.active #language a>i, #menu-container.white #language a>i{color:#2e2d3c;}
#language a:hover>i{color:#aaa !important;}
#menu-container.blue #language a>i{color:#fff;}
#menu-container.blue #language a:hover>i{color:rgba(255,255,255, .7);}

#search-wrap{width:100%; height:100px; background:#19439a; position:absolute; left:0; top:100px; z-index:1; display:none;}
#menu-container.blue #search-wrap{background:#fff; box-shadow:0 6px 17px rgba(0,0,0, .07);}
#search-wrap .wrap{position:relative;}
#search-wrap .wrap>a{display:block; width:32px; height:32px; position:absolute; right:0; top:5px; transition:all .35s;}
#search-wrap .wrap>a>i{font-size:2rem; color:#fff;}
#menu-container.blue #search-wrap .wrap>a>i{color:#464646;}
#search-wrap .wrap>a:hover{opacity:.7;}

#search-wrap .box{max-width:500px; margin:40px auto; position:relative;}
#search-wrap input{background:none; border-bottom:1px solid rgba(255,255,255, .2); color:#fff; font-size:1.4rem; font-weight:300; padding:5px 10px; width:100%; box-sizing:border-box; transition:all .2s;}
#menu-container.blue #search-wrap input{border-bottom:1px solid #ddd; color:#464646;}
#search-wrap input:focus{border-bottom:1px solid rgba(255,255,255, .4);}
#menu-container.blue #search-wrap input:focus{border-bottom:1px solid #aaa;}
#search-wrap input::placeholder{color:rgba(255,255,255, .5); transition:all .2s;}
#menu-container.blue #search-wrap input::placeholder{color:#bbb;}
#search-wrap input:focus::placeholder{color:rgba(255,255,255, .7);}
#search-wrap .box a{display:block; width:24px; height:24px; position:absolute; right:8px; top:2px; text-align:center; line-height:24px; opacity:.7; transition:all .2s;}
#search-wrap .box a:hover{opacity:1;}
#search-wrap .box a i{color:#fff;}
#menu-container.blue #search-wrap .box a i{color:#333;}




#foot{padding:85px 0; background:#f6f7fb; position:relative; z-index:2; border-top:1px solid #e7e9f2;}
#foot .wrap{display:flex; justify-content:space-between;}
#foot .l{display:flex; font-family:'Microsoft Jhenghei', 'Microsoft YaHei';}
#foot .l .item{text-align:center; color:#aaa; font-size:1.4rem; margin-right:20px;}
#foot .l img{display:block; width:108px; height:108px; margin-bottom:10px; background:#fff; padding:2px;}

#foot .c{width:750px; position:relative; font-family:'Microsoft Jhenghei', 'Microsoft YaHei';}
.site-group{max-width:400px; position:relative;  z-index:2;}
.site-group .tit{display:block; height:42px; background:#e6e7ee; font-size:1.4rem; line-height:42px; padding:0 15px; box-sizing:border-box; border-radius:4px; transition:all .3s;}
.site-group .tit.active{background:#fff; color:#bbb;}
.site-group .tit::after{content:'\e625'; font-family:'iconfont'; position:absolute; right:15px; top:0; color:#b6b8c0; transition:all .3s;}
.site-group .tit.active::after{transform:rotate(180deg);}
.site-list{position:absolute; z-index:1; width:400px; background:#fff; bottom:43px; border-radius:3px; display:none; max-height:200px; overflow:auto;}
.site-list::-webkit-scrollbar{width:4px;}
.site-list::-webkit-scrollbar-track{background:#fff;}
.site-list::-webkit-scrollbar-thumb{background:#ccc;}
.site-list::-webkit-scrollbar-thumb:vertical:hover{background:#999;}
.site-list a{display:block; font-size:1.4rem; height:42px; line-height:42px; padding:0 15px; transition:all .2s;}
.site-list a:hover{background:#5f8cec; color:#fff;}
#foot .block{color:#999; font-size:1.4rem; margin-top:30px;}
#foot .block span, #foot .block a{display:inline-block; margin-right:8px; color:#999;}
#foot .block a>img{margin-right:5px;}
#foot .block a:hover{text-decoration:underline; color:#5f8cec;}
#foot .support{font-size:1.4rem; margin-top:10px; color:#999;}
#foot .support a{color:#999;}
#foot .support a:hover{text-decoration:underline;}

#foot .r{width:250px; text-align:right;}
#foot .r .tit-1{font-size:1.1rem; color:#2b2b2b;}
#foot .r .tit-2{font-size:1.6rem; color:#2b2b2b; margin-top:1px;}
#foot .r .list{margin-top:18px;}
#foot .r .list>a{display:inline-block; background:#bdbdbd; width:38px; height:38px; text-align:center; line-height:38px; border-radius:50%; margin-left:7px; transition:all .2s;}
#foot .r .list>a:hover{background:#19439a;}
#foot .r .list>a>i{color:#fff; font-size:1.8rem; position:relative; top:2px;}
#foot .r .list>a>.icon-weixin{font-size:1.9rem;}
#foot .r .list>a>.icon-QQzone-fill{font-size:2.1rem;}
#foot .r .list>a>.icon-weibo-fill{font-size:2rem;}

@media (max-width:1679px){ 
  #foot{padding:80px 0;}
  #foot .c{width:720px;}
  #foot .r{width:200px;}
}
@media (max-width:1439px){ 
  #foot .l .item{font-size:1.3rem;}
  #foot .block, #foot .support{font-size:1.3rem;}
}
@media (max-width:1365px){ 
  #foot .c{width:660px;}
}
@media (max-width:1279px){ 
  #foot{padding:50px 0;}
  #foot .wrap{display:block;}
  #foot .l{display:flex; justify-content:center;}

  #foot .c{width:100%; padding:30px 15px; box-sizing:border-box;}
  .site-list{width:100%; box-sizing:border-box; bottom:unset; top:43px;}
  #foot .block span, #foot .block a{display:block; margin-right:unset; text-align:center; margin-bottom:6px;}
  #foot .block a img{position:relative; top:-1px;}
  #foot .support{text-align:center; margin-top:20px;}

  #foot .r{width:100%; text-align:center;}
  #foot .r .tit-1{font-size:1.3rem;}
  #foot .r .tit-2{font-size:1.8rem;}
  #foot .r .list>a:first-child{margin-left:0;}
}



/* 只显示一行 */
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 只显示两行 */
.ellipsis-line-2{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
}

/* 只显示三行 */
.ellipsis-line-3{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient:vertical;
}



/* 获取更多 */
#getmore{height:47px; margin-top:60px; margin-bottom:30px; text-align:center;}

#getmore .loading-box {margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;}
#getmore .loading-box>div{width:12px; height:12px; background-color:#1885f5; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
#getmore .loading-box .bounce1{animation-delay:-0.32s;}
#getmore .loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100% {transform:scale(0.0);}
  40%{transform:scale(1.0);}
}

#getmore .handle{padding:0 40px 0 50px; font-size:1.5rem; color:#fff; background:#2e7eef; height:47px; line-height:45px; display:inline-block; transition:all .2s; display:none; font-weight:300; border-radius:100px;}
#getmore .handle>span{font-size:1rem; transform:scale(.7); display:inline-block; vertical-align:top; margin-left:.6rem;}
#getmore .handle:hover{background:#5f8cec;}


/* 当前位置 */
#path{background:#fff; padding:20px 0; position:fixed; z-index:998; top:100px; width:100%;}
#path a{display:inline-block; font-size:1.3rem;}
#path a:hover{text-decoration:underline;}
#path a>i{font-size:1.3rem; margin-right:5px;}
#path .split::after{content:'\e615'; font-family:'iconfont'; font-size:1.2rem; color:#ccc; margin-left:5px; display:inline-block; width:15px;}


/* 内页栏目banner下的子菜单 */
#child{padding:70px 0; background:#f6f7fb;}
#child .wrap{height:80px; box-shadow:0 10px 25px -4px rgba(24, 92, 197, 0.18); display:flex; justify-content:space-between; overflow:hidden;}
#child .wrap>a{display:block; height:100%; text-align:center; width:33.333333%; line-height:80px; background:#fff; color:#2e2d3c; font-family:'Microsoft Jhenghei', 'Microsoft YaHei'; font-size:1.9rem; position:relative; transition:all .35s;}
#child .wrap>a::after{content:''; display:block; width:1px; height:1.9rem; background:#ccc; position:absolute; right:0; top:31px;}
#child .wrap>a:last-child::after{display:none;}
#child .wrap>a:hover{background:#2e7eef; color:#fff;}
#child .wrap>a.active{background:#2e7eef; color:#fff;}
#child .wrap>a:hover::after, #child .wrap>a.active::after{display:none;}

@media (max-width:1679px){ 
  #child .wrap{height:78px;}
  #child .wrap>a{font-size:1.8rem; line-height:78px;}
}
@media (max-width:1439px){ 
  #child .wrap{height:72px;}
  #child .wrap>a{font-size:1.7rem; line-height:72px;}
}
@media (max-width:1365px){ 
  #child .wrap{height:73px;}
  #child .wrap>a{font-size:1.7rem; line-height:72px;}
  #path a{font-size:1.2rem;}
  #path a>i{font-size:1.2rem;}
}
@media (max-width:1279px){ 
  #child{padding-bottom:50px;}
  #path{display:none;}
  #child .wrap{height:54px;}
  #child .wrap>a{line-height:53px; font-size:1.6rem; font-weight:300;}
  #child .wrap>a::after{height:1.6rem; top:18px;}
}


#backbuttonstate-view{display:none;}


.page {width:100%;height:70px;clear:both;text-align:center;padding-top:30px;}
.page .curr {color:#FFF;background-color:#1f53be;padding:7px 12px;margin:1px 10px 0px -1px;cursor:pointer;border:1px solid #1f53be;}
.page a {border:1px solid #e6e6e6;padding:7px 12px;margin-right:10px;cursor:pointer;color:#000;}
.page a:hover {background-color:#1f53be;border:1px solid #e6e6e6;color:#fff;}