@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;} /*1440*/ @media (max-width:1679px){ .wrap{max-width: 1350px;} } /*1366*/ @media (max-width:1439px){ .wrap{max-width: 1280px;} } /*1280*/ @media (max-width:1365px){ .wrap{max-width: 1200px;} } /*MP*/ @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: 24px auto auto 52px; display: block; width: 150px; height: 60px; 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;} /*MP*/ @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: #1f53be; 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: 26px;} #search-btn{isplay: block; width: 36px; height: 36px; line-height: 36px; color: #fff; 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: #fff; 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: #fff; 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){ /*1366*/ #menu>li>a{font-size: 1.5rem;} } @media (max-width:1365px){ /*1280*/ #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;} @media (max-width:1365px){ /*1280*/ #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: #fff; 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);} /*1440*/ @media (max-width:1679px){ #search-container{margin-right: 35px;} } /*1366*/ @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;} } /*1280*/ @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: rgba(255,255,255, .5); 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){ /*1440*/ #foot{padding: 80px 0;} #foot .c{width: 720px;} #foot .r{width: 200px;} } @media (max-width:1439px){ /*1366*/ #foot .l .item{font-size: 1.3rem;} #foot .block, #foot .support{font-size: 1.3rem;} } @media (max-width:1365px){ /*1280*/ #foot .c{width: 660px;} } @media (max-width:1279px){ /*MP*/ #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){ /*1440*/ #child .wrap{height: 78px;} #child .wrap>a{font-size: 1.8rem; line-height: 78px;} } @media (max-width:1439px){ /*1366*/ #child .wrap{height: 72px;} #child .wrap>a{font-size: 1.7rem; line-height: 72px;} } @media (max-width:1365px){ /*1280*/ #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){ /*mp*/ #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;}