@charset "utf-8";
/* Style Reset */
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,header,html,input,label,legend,li,mark,menu,nav,ol,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:400;margin: 0;padding: 0;}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block}
ol,ul{list-style:none}
img{border:0 none;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
ins{text-decoration:underline}
del{text-decoration:line-through}
mark{background:0 0}
input::-ms-clear{display:none!important}
html{scroll-behavior:smooth}
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;background:#fff;scroll-behavior:smooth}
a{text-decoration:none;color:#333;-webkit-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
a:hover,a:focus{text-decoration:none;color: #0957b5;}
a,button,input,a:focus{outline: none;}


/* Common */
.outer,.inner{position: relative;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-two-line{display:-webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

/* Header */
.header{position: relative;z-index: 99;left: 0;right: 0;top: 0;padding: 0;background: #fff}
.header .container{position: relative;}
.header .overlay{position: absolute;top: 100%;left: 0;right: 0;z-index: 10;z-index: -1;width: 100%;height: 610px;background: rgba(7, 6, 61, .9);opacity: 0;visibility: hidden;-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.header .overlay.active{z-index: 1;opacity: 1;visibility: visible;}
.header-logo{position: absolute;left: 0;top:50%;display: block;margin-top: -28px;margin-left: 32px;padding-bottom:5px}
.header-logo img{width:auto;max-height:100px;height: 100%;overflow: auto;}
.header-nav > ul{display: flex;align-items: center;justify-content: flex-end;}
.header-nav > ul > li{position: relative;}
.header-nav > ul > li > a{position: relative;display: block;padding: 42px 0 32px;margin: 0 18px;font-size: 20px;font-weight: 600;color: #555;letter-spacing: 1px;}
.header-nav > ul > li:hover > a{color: #0957b5;}
.header-nav > ul > li > a::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 0;margin: 0 auto;border-bottom: 5px solid #0957b5;-webkit-transition: .5s all ease-in-out;-ms-transition: .5s all ease-in-out;transition: .5s all ease-in-out;}
.header-nav > ul > li:hover > a::after{width: 100%;}
.header-submenu{position: absolute;left: -10%;right: 0;top: 100%;z-index: -1;width: 120%;text-align: center;background-color: rgba(7, 6, 61, .8);box-shadow: 0 0 10px rgba(0,0,0,.1);opacity: 0;visibility: hidden;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.header-submenu.active{z-index: 12;opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.header-submenu a{position: relative;display: block;padding: 10px 16px;font-size: 16px;color: #fff;text-align: center;}
.header-submenu a:hover{color: #0957b5;background-color: #f0f0f0;}
.header-nav > ul > li:hover .header-submenu{z-index: 100;opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

.nav-toggle{position: absolute;top: 45px;right: 20px;display: none;width: 30px;height: 30px;background: url(../img/icon/icon_menu.png) no-repeat center/cover;border: 0;}
.nav-toggle.show{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.header-nav.show ul{display: block;}

.header-search{position:absolute;top: 6px;right: 20px;z-index: 1}
.search-input{position: absolute;right: 0;display:block;width: 200px;height:26px;padding:0 14px;line-height:26px;background:#f7f7f7;font-size: 14px;border: none;color:#333;border-radius: 13px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color:#333;opacity:.4}
.search-input::-moz-placeholder{color:#333;opacity:.4}
.search-input::-ms-input-placeholder{color:#333;opacity:.4}
.search-submit{position:absolute;top:0;right:0;display:block;width:26px;height:26px;background: #f0f0f0 url(../img/icon/icon_search.png) no-repeat center;background-size:16px;border:none;border-radius: 13px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input:focus,.search-submit:focus{box-shadow:0 0 10px rgba(0,0,0,.2)}
.search-submit:hover{background-color:rgba(0,0,0,.2)}

/* Footer */
.footer{padding: 80px 0 120px;background:#f6f1ee;}
.footer-logo{width: 100%;height: auto;padding: 10px 0}
.footer-logo img{max-width: 240px;width: 100%;height: auto;}
.footer-info{padding: 10px 0;text-align: left;}
.footer-info p{margin: 0;font-size: 14px;line-height: 24px;color: #808080}
.footer-copyright{padding-top: 26px;font-size: 14px;color: #808080;}
.footer-qrcode{margin-top: 10px;}
.footer-qrcode img{width: 120px;height: 120px;}
.footer-link{position: relative;width: 240px;margin-top: 10px}
.footer-link-btn{width: 240px;height: 32px;line-height: 32px;padding: 0 12px;color: #808080;border: 1px solid #ccc;cursor: pointer;border-radius: 16px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-link-btn:hover{color: #333;border-color: #0957b5;}
.footer-link-list{position: absolute;left: 0;right: 0;bottom: 120%;overflow: hidden;border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,.2);opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-link:hover .footer-link-list{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.footer-link-list li a{display: block;padding: 8px 12px;background: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-link-list li:hover a{background-color: #0957b5;color: #fff;}
.footer-back{position: absolute;right: 0;top: -30px;cursor: pointer;}
.back-top-toggle{display: inline-block;width: 14px;height: 108px;background: url(../img/icon/icon_back_top.png) no-repeat center;}

/* Title */
.section-title{max-width: 1920px;width: 100%;height: 86px;margin: 0 auto 20px;background-repeat: no-repeat;background-position: 0;}
.section-title.i1{background-image: url(../img/home_news_title.png);}
.section-title.i2{background-image: url(../img/home_research_title.png);}
.section-title.i3{height: 158px;background-image: url(../img/home_activity_title.png);}
.section-title.i4{background-image: url(../img/home_member_title.png);}
.view-more{display: inline-block;width: 94px;height: 30px;line-height: 30px;text-align: center;color: #666;border: 1px solid #666;border-radius: 15px;vertical-align: middle;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.view-more:hover{background-color: #0957b5;border-color: #0957b5;color: #fff;}