@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.5;background-color:#fff;color:#666666; font-family:  Gotham, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: Gotham, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{ display: block; max-width:1600px; width:85%; margin: 0 auto; }

.hcontainer{ display: block; max-width:1900px; width:95%; margin: 0 auto; }

.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}

/*Home*/
.header{ height:100px; position:fixed; width:100%; left:0; top:0; z-index:100; background:#ffffff; }
.header .container{ position: relative; }
.logo{ position: relative; z-index:10; }
.logo img{ height:100px; }
.nav{ overflow: hidden; font-weight:bold; text-align: center; position: absolute; left:0; top:0; padding:0 290px 0 300px; width:100%; line-height:100px; font-size:18px; color:#393737; }
.nav li{ display: inline-block; }
.nav li a{ display: block; padding:0 14px; position: relative; }
.nav li a:after{ content:""; height:5px; width:100%; position: absolute; left:0; bottom:0; background: linear-gradient(to right, #0e63ff , #10c9a7); opacity:0; }
.nav li.on a:after,.nav li a:hover:after{ opacity:1; }
.nav li.on a,.nav li a:hover{ color:#318bfb; }

.search{ margin-top:30px; width:190px; border-radius:20px; height:40px; border:1px solid #e5e5e5; overflow: hidden; margin-right:40px; position: relative; z-index:10;  }
.search .input{ width:140px; float: left; height:38px; padding:0 10px; }
.search .btn{ width:48px; height:38px; text-align: center; float: right; cursor:pointer; background:none; }
.search .btn span{ font-size:18px; font-weight: bold; color:#666666; }
.search .btn:hover span{ color:#318bfb; }

.search_btn{ display: none; }
.search_main{ display: none; }


.lang{ line-height:100px; font-size:18px; color:#555555; font-weight: bold; position: relative; z-index:10;  }
.lang span{ color:#342a27; font-size:18px; margin-right:8px; }
.lang:hover{ color:#318bfb; }
.lang:hover span{ color:#318bfb; }

.nav_btn{ width:40px; height:60px; padding:20px 0; cursor: pointer; display:none; }
.nav_btn span{ width:24px; height:2px; display: block; background:#333333; margin:0 auto; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5)}


.banner{ margin-top:100px; }
.banner img{ display: block; width:100%;}

.banner .bantxt{ text-align:left; height:100%; position: absolute; left:0; top:0; width:100%; }
.banner .bantxt .info{ width:60%; margin-bottom:100px; font-size:42px; font-weight:bold; color:#ffffff; line-height:1.5; }
.banner .bantxt .more{ padding:0 50px; display:inline-block; font-size:18px; color:#ffffff; height:60px; line-height:60px; text-align: center; border-radius:30px; 
background: linear-gradient(to right, #0e63ff , #10c9a7); }
.banner .bantxt .more .text{ font-size:18px; float: left; }
.banner .bantxt .more .iconfont{ font-size:28px; margin-left:18px; float: left; }
.banner .bantxt .more:hover{ border-radius:30px 0 30px 0;}

.banner .bantxt .info{ position: relative; opacity: 0; -webkit-transition: 0.5s 0.8s ease-in-out; -o-transition: 0.5s 0.8s ease-in-out; transition: 0.5s 0.8s ease-in-out; }
.banner .swiper-slide-active .bantxt .info{ top: 0; opacity: 1; }

.banner .bantxt .burl{ position: relative; opacity: 0; bottom:-100px; -webkit-transition: 0.4s 1s ease-in-out; -o-transition: 0.4s 1s ease-in-out; transition:0.4s 1s ease-in-out; }
.banner .swiper-slide-active .bantxt .burl{ bottom:0; opacity: 1; }
	

.banner .swiper-pagination{ line-height:0; position: absolute; left:0; width:100%; bottom:3%; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:14px; border:2px solid #31a6fb; height:14px; margin:0 7px; opacity:1; background:#ffffff; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#31a6fb; }


.homeMain{ overflow: hidden; height:260px; margin:70px 0; }
.hmLeft{ width:30%; height:100%; }
.hnews{ position: relative; }
.hmLeft .top{ overflow: hidden; }
.hmLeft .top .time{ float: left; color:#318bfb; font-size:18px; line-height:40px; width:140px; }
.hmLeft .top .tit{ width:100%; padding-left:180px; color:#353f58; font-size:28px; line-height:48px; }
.hmLeft .info{ font-size:18px; color:#797979; height:105px; line-height:35px; margin:17px 0; }
.hmLeft .more{ color:#31a6fb; font-size:16px; line-height:20px; }
.hmLeft .more span{ font-size:16px; margin-left:16px; }

.hmLeft:hover .top .tit{ color:#318bfb; }

.hnews .swiper-pagination{ line-height:0; position: absolute; right:0; bottom:0; text-align: right; }
.hnews .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 6px; opacity:1; background:#cccccc; }
.hnews .swiper-pagination .swiper-pagination-bullet-active{ background:#31a6fb; }

.hmCenter{ width:45%; overflow: hidden; height:100%; padding:0 40px; }
.hmCenter .img{ width:330px; height:100%; overflow: hidden; }
.hmCenter .img a{ display: block; width:100%; height:100%; }
.hmCenter .txt{ width:100%; padding-left:370px; }
.hmCenter .txt .tit{ font-size:30px; color:#23427e; font-weight:bold; line-height:50px; }
.hmCenter .txt .tit:hover{ color:#31a6fb; }
.hmCenter .txt .entit{ font-size:30px; color:#f6f6f6; font-weight:bold; line-height:50px; }
.hmCenter .txt .ftit{ font-size:30px; color:#393737; line-height:50px; }
.hmCenter .txt .info{ color:#3d3c3c; font-size:20px; line-height:50px; text-align:justify; }
.hmCenter .txt .info a{ color:#31a6fb; }
.hmCenter .txt .info a:hover{ text-decoration:underline; }

.hmRight{ width:25%; background:url(../images/himg02.jpg) no-repeat center center; background-size:cover; height:100%; }
.hmRight a{ height:100%; color:#ffffff; padding:0 60px; }
.hmRight .tit{ font-size:30px; color:#ffffff; font-weight:bold; line-height:1.2; }
.hmRight .info{ font-size:18px; line-height:2; margin:25px 0; }
.hmRight .more{ line-height:30px; }
.hmRight .more .text{ font-size:16px; float: left; }
.hmRight .more .iconfont{ font-size:24px; margin-left:16px; float: left; }
.hmRight .more:hover .text{ text-decoration:underline; }


.hdirection{ height:200px; margin:70px 0; overflow: hidden; }
.hdirection li{ float: left; height:100%; width:11.5%; color:#ffffff; position: relative; }
.hdirection li.on{ width:31%; }
.hdirection li .txt01{ position: absolute; width:100%; height:100%; left:0; top:0; }
.hdirection li .txt02{ position: absolute; width:100%; height:100%; left:0; top:0; }

.hdirection li a{ height:100%; padding:0 30px; position: relative; }
.hdirection li a:after{ content:""; left:0; top:0; position: absolute; width:100%; height:100%; }
.hdirection li a>div{ position: relative; z-index:1;}

.hdirection li .txt01{ opacity:1; }
.hdirection li .txt01 .tit{ font-size:20px; font-weight: bold; }
.hdirection li .txt01 .more{ line-height:1; margin-top:20px; }
.hdirection li .txt01 .more span{ font-size:20px; }

.hdirection li .txt02{ overflow: hidden; opacity:0; }
.hdirection li .txt02 .tit{ font-size:30px; font-weight: bold; }
.hdirection li .txt02 .info{ font-size:18px; margin-top:24px; }

.hdirection li.on .txt01{ opacity:0; }
.hdirection li.on .txt02{ opacity:1; }
.hdirection li.on a{ padding:0 50px; }

.hdirection li.li01 a:after{ background-image: linear-gradient(to right, rgba(39,81,193,1) 10%, rgba(39,81,193,0.7) 100%);}
.hdirection li.li02 a:after{ background-image: linear-gradient(to right, rgba(49,166,251,1) 10%, rgba(49,166,251,0.7) 100%);}
.hdirection li.li03 a:after{ background-image: linear-gradient(to right, rgba(58,27,137,1) 10%, rgba(58,27,137,0.7) 100%);}
.hdirection li.li04 a:after{ background-image: linear-gradient(to right, rgba(46,208,107,1) 10%, rgba(46,208,107,0.7) 100%);}
.hdirection li.li05 a:after{ background-image: linear-gradient(to right, rgba(242,181,31,1) 10%, rgba(242,181,31,0.7) 100%);}
.hdirection li.li06 a:after{ background-image: linear-gradient(to right, rgba(255,116,65,1) 10%, rgba(255,116,65,0.7) 100%);}
.hdirection li.li07 a:after{ background-image: linear-gradient(to right, rgba(140,29,95,1) 10%, rgba(140,29,95,0.7) 100%);}


.footer{ background:url(../images/footer.jpg) no-repeat center center; background-size:cover; padding:70px 0; }
.dbtxt{ width:40%; }
.dbtxt .dblogo{ height:130px; }
.dbtxt .dblogo img{ height:100%; display: block; }
.dbtxt .info{ padding-left:18px; color:#3f3f3f; font-size:18px; line-height:48px; margin:50px 0; }
.dbtxt .copy{ padding-left:18px; color:#3f3f3f; font-size:18px; line-height:48px; }
.dbtxt .copy a:hover{ color:#318bfb; }
.dbnav{ width:55%; }
.dbnav li{ float: left; width:33.33%; line-height:2; }
.dbnav li .tit{ font-size:24px; color:#3f3f3f; font-weight:bold; }
.dbnav li .sub{ color:#6d6d6d; font-size:18px; line-height:1.4; margin-top:18px; }
.dbnav li .sub a{ display: block; padding:6px 0; }
.dbnav li a:hover{ color:#318bfb; }

.dbnav li.li01{ width:40%; }
.dbnav li.li02{ width:40%; }
.dbnav li.li03{ width:20%; }
.dbnav li.li04{ width:40%; margin-top:18px; }
.dbnav li.li05{ width:40%; margin-top:18px; }
.dbnav li.li06{ width:20%; margin-top:18px; }

/*Home*/


/*内页*/
.nyban{ text-align: center; position: relative; margin-top:100px; }
.nyban img{ display: block; width:100%; }

.weizhi2{ position:absolute; bottom:0; right:0; width:100%; text-align:left; line-height:120px; color:#ffffff; font-size:16px; z-index:1; }
.weizhi2 span{ margin:0 5px; }
.weizhi2 a:hover{ text-decoration:underline; }

.nyban .swiper-pagination{ line-height:0; position: absolute; left:0; width:100%; bottom:6%; padding-right:2%; text-align: right; }
.nyban .swiper-pagination .swiper-pagination-bullet{ width:14px; border:2px solid #31a6fb; height:14px; margin:0 0 0 14px; opacity:1; background:#ffffff; }
.nyban .swiper-pagination .swiper-pagination-bullet-active{ background:#31a6fb; }
/*内页*/

/*Research Directions*/
.directionbj{ background:url(../images/directionbj.jpg) no-repeat center center; background-size:cover; }

.directionList{ overflow: hidden; margin:3% 0 1% 0; }
.directionList li{ float: left; width:32%; margin-right:2%; margin-bottom:2%; border-radius:5px; overflow: hidden; }
.directionList li .img{ border-radius:5px; overflow: hidden; position: relative; z-index:2; }
.directionList li img{ display: block; width:100%; }
.directionList li .txt{ margin-top:-5px; padding:8% 12%; background:#ffffff; position: relative; }
.directionList li .txt:after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to right bottom,#0e63ff 0%,#10cba5 100%); opacity:0; }
.directionList li .txt .tit{ color:#171151; font-size:24px; height:72px; line-height:1.5; font-weight:bold; position: relative; z-index:1; }
.directionList li .txt .info{ font-size:18px; color:#8d8e90; line-height:2; margin:6% 0 9% 0; position: relative; z-index:1; }
.directionList li .txt .more{ color:#10d0a1; font-size:16px; position: relative; z-index:1; }
.directionList li .txt .more span{ font-size:16px; font-weight:bold; margin-left:12px; }

.directionList li:hover .txt:after{ opacity:1; }
.directionList li:hover .txt .tit{ color:#ffffff; }
.directionList li:hover .txt .info{ color:#ffffff; }
.directionList li:hover .txt .more{ color:#ffffff; }
/*Research Directions*/

/*Research Directions详情*/
.topnav{ text-align: center; background:#f0f2f4; color:#3c3c3c; font-size:18px; }
.topnav .container{ position: relative; }
.topnav .container:after{ margin-left:20px; content:""; width:100%; height:100%; position: absolute; top:0; left:-100%; background:#0e65fd url(../images/topnav.png) no-repeat right center; background-size:auto 100%; }
.topnav a{ padding:16px; margin:0 16px; position: relative; display:inline-block; }
.topnav a:after{ content:""; height:4px; width:100%; position: absolute; left:0; bottom:0; background: linear-gradient(to right, #0e63ff , #10c9a7); opacity:0; }

.topnav a:hover,.topnav a.on{ font-weight:bold; color:#175af3; }
.topnav a.on:after{ opacity:1; }

.mtb100{ margin:6% 0; }

.directionTit{ color:#252525; text-align:center; font-size:36px; line-height:1; margin-bottom:4.5%;  }

.dtit{ padding-left:120px; background:url(../images/dtit.png) no-repeat left center; background-size:auto 25px; color:#252525; font-size:30px; height:30px; line-height:30px; }

.dOverview{ padding:0 120px; }
.dOverview .img{ width:38%; }
.dOverview .img img{ display: block; width:100%; }
.dOverview .txt{ padding-top:36px; width:56%; text-align:justify; color:#5d5d5d; font-size:18px; line-height:2; }

.dDirectionbj{ background:url(../images/dDirectionbj.jpg) no-repeat center center; background-size:cover; }
.dtxt{ font-size:18px; line-height:2.5; margin:2% 0; padding:0 120px; }

.dimg{ overflow: hidden; padding:0 120px; }
.dimg li{ width:46%; margin:0 2%; float: left; }
.dimg li .img{ height:360px; display:flex; justify-content:center; align-items:center; }
.dimg li .img img{ display:inline-block; max-width:100%; max-height:100%; }
.dimg li .tit{ text-align: center; color:#282828; font-size:16px; }

.dTag{ color:#5f5f5f; font-size:16px; line-height:34px; }
.dTag a{ height:34px; font-size:16px; display:inline-block; text-align: center; padding:0 24px; background:#f3f3f3; border-radius:17px; margin-right:17px; }
.dTag a:hover{ background:#175af3; color:#ffffff; }

.paging{ margin-top:3%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; overflow: hidden; font-size:16px; }
.paging .prev{ width:40%; color:#5f5f5f; line-height:85px; height:85px; }
.paging .home{ width:20%; text-align: center; color:#ffffff; background: linear-gradient(to right, #0e68fb , #41c7c4); line-height:85px; height:85px; }
.paging .home a{ display: block; }
.paging .next{ width:40%; color:#5f5f5f; text-align: right; line-height:85px; height:85px; }
.paging .prev a:hover,.next a:hover{ color:#175af3; text-decoration:underline; }
/*Research Directions详情*/

/*成员介绍*/
.memberbj{ background:url(../images/memberbj.jpg) no-repeat center top; background-size:cover; }
.mtit{ padding-left:120px; background:url(../images/dtit.png) no-repeat left center; font-weight:bold; color:#3c3c3c; font-size:36px; height:120px; line-height:120px; }
.mtit2{ font-size:28px; color:#3c3c3c; font-weight:bold; }

.memberMain{ margin:40px 0; }
.memberList{ overflow: hidden; padding:40px 40px 0 40px; }
.memberList2{ background:#e3edf6; }
.memberList li{ float: left; width:20%; overflow: hidden; position: relative; margin-bottom:40px; }
.memberList li .img{ width:50%; overflow: hidden; }
.memberList li .img img{ display: block; width:100%; }
.memberList li .txt{ position: absolute; right:0; top:0; width:50%; height:100%; padding:0 25px; color:#363636;  }
.memberList li .txt .tit{ font-size:24px; font-weight:bold; }
.memberList li .txt .info{ font-size:16px; margin-top:16px; }
.memberList li:hover .txt{ color:#318bfb; }

/*成员介绍*/

/*成员介绍-详情*/
.membershowbj{ background:url(../images/membershowbj.jpg) no-repeat center center; background-size:cover; }
.membershow{ margin:3% 0 9% 0;}
.mstop{ overflow: hidden; padding:4% 8%; background:url(../images/mstop.jpg) no-repeat center center; background-size:cover; }
.mstop .img{ width:22%; }
.mstop .img img{ display: block; width:100%; }

.mstop .txt{ width:73%; color:#ffffff; }
.mstop .txt .pinfo{ overflow: hidden; line-height:40px; margin-top:40px; }
.mstop .txt .pinfo .tit{ font-size:30px; font-weight:bold; }
.mstop .txt .pinfo .position{ font-size:16px; margin-left:30px; }

.mstop .txt .pcontact{ overflow: hidden; line-height:30px; margin:15px 0; }
.mstop .txt .pcontact .tel{ font-size:16px; }
.mstop .txt .pcontact .tel span{ font-size:16px; margin-right:16px; }
.mstop .txt .pcontact .email{ font-size:16px; margin-left:48px; }
.mstop .txt .pcontact .email span{ font-size:16px; margin-right:16px; }
.mstop .txt .tit2{ font-size:18px; font-weight: bold; margin-bottom:18px; }
.mstop .txt .info{ font-size:18px; line-height:2; }

.mblock{ background:#ffffff; padding:3%; margin-top:1%; }
.w50{ width:50%; }

.mstit{ color:#363636; font-size:20px; font-weight:bold; height:50px; line-height:50px; padding-left:45px; margin-bottom:25px; }
.mstit2{ margin-top:25px; }

.mico01{ background:url(../images/mico01.png) no-repeat left center; background-size:30px; }
.mico02{ background:url(../images/mico02.png) no-repeat left center; background-size:30px; }
.mico03{ background:url(../images/mico03.png) no-repeat left center; background-size:30px; }
.mico04{ background:url(../images/mico04.png) no-repeat left center; background-size:30px; }
.mico05{ background:url(../images/mico05.png) no-repeat left center; background-size:30px; }
.mico06{ background:url(../images/mico06.png) no-repeat left center; background-size:30px; }
.mico07{ background:url(../images/mico07.png) no-repeat left center; background-size:30px; }

.mtxt{ color:#363636; font-size:18px; line-height:2; padding-left:45px; }
.mtxt a{ color:#2f95e6; }
.mtxt a:hover{ text-decoration:underline; }

.mtxt ul{ overflow: hidden; }
.mtxt ul li{ position: relative; float: left; width:100%; padding-left:30px; margin-bottom:18px; }
.mtxt ul li:after{ content:""; width:6px; height:6px; border-radius:50%; background:#2892e6; position: absolute; left:0; top:15px; }

.mblock2{ background:url(../images/mblock2.jpg) no-repeat center center; background-size:cover; }
.mblock2 .mstit{ color:#ffffff; }
.mblock2 .mtxt{ color:#ffffff; }
.mblock2 .mtxt b{ color:#ffcc00; }
/*成员介绍-详情*/

/*关于我们*/
.abtopbj{ background:#f7f9fc url(../images/abtop.jpg) no-repeat center top; background-size: 100% auto; }
.abtop{  }
.abtop .txt{ width:45%; text-align:justify; }
.abtop .txt .tit01{ color:#171151; font-size:40px; font-weight:bold; margin:20px 0; }
.abtop .txt .tit02{ color:#393737; font-size:30px; }
.abtop .txt .info{ color:#3d3c3c; font-size:20px; line-height:1.8; }

.abtop .img{ width:50%; position: relative; }
.abtop .img .abico{ position: absolute; width:200px; right:0; bottom:0; margin-right:-100px; margin-bottom:-20px; z-index:10; }
.abtop .img .abico img{ display: block; width:100%; }

.abban{ position: relative; }
.abban img{ display: block; width:100%; }

.abban .swiper-pagination{ line-height:0; position: absolute; left:30px; bottom:30px; text-align: left; }
.abban .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 6px; opacity:1; background:none; opacity:1; border:2px solid #ffffff; }
.abban .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff; }


.committee{ position: relative; }
.committee_tit{ position: absolute; top:0; left:0; }
.committee_tit .tit01{ color:#171151; font-size:36px; font-weight:bold; }
.committee_tit .tit02{ color:#171151; font-size:18px; font-weight:bold; margin-top:18px; }

.committee .tit{ text-align: center;}
.committee .tit{ margin:0 auto; font-size:24px; font-weight:bold; color:#ffffff; padding:0 36px; width:160px; height:56px; line-height:56px; text-align: center; background:linear-gradient(to right, #0e63ff , #10caa6); border-radius:28px; }

.committee .name{ overflow: hidden; text-align: center; margin:24px 0; }
.committee .name li{ position:relative; display: inline-block; margin:15px; padding:0 36px; color:#31a6fb; font-size:24px; text-align:center; line-height:52px; height:56px; border:2px solid #9dd6ff; border-radius:28px; }
.committee .name li:after{ content:""; z-index:-1; background:#f2f7fb; width:100%; height:56px; position: absolute; top:3px; left:3px; border-radius:28px; }
.committee .name li span{ position: relative; z-index:1; }

.tips{ color:#696969; font-size:18px; text-align: center; }
/*关于我们*/

/*新闻*/
.newslist{}
.newslist li{ overflow: hidden; position: relative; }
.newslist li:after{ content:""; position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:url(../images/newsbj.jpg) no-repeat center center; background-size:cover;  }
.newslist li.li02{ background:url(../images/newsbj01.jpg) no-repeat center center; background-size:cover; }
.newslist li .content{ position: relative; padding:0 550px 0 180px; height:340px; margin:5% 0; overflow: hidden; z-index:1; }
.newslist li .content .txt{ padding-right:100px; margin-top:36px; }
.newslist li .content .txt .tit{ color:#292929; font-size:36px; line-height:1.4; }
.newslist li .content .txt .info{ color:#6a6a6a; font-size:20px; line-height:1.7; margin:36px 0; }
.newslist li .content .txt .more{ color:#31a6fb; font-size:16px; font-weight: bold; }
.newslist li .content .txt .more span{ font-size:16px; margin-left:16px; }

.newslist li .content .time{ width:180px; position:absolute; left:0; top:0; line-height:1.4; margin-top:36px; }
.newslist li .content .time .d{ color:#3b3b3b; font-size:48px; }
.newslist li .content .time .ym{ color:#646363; font-size:14px; }

.newslist li .content .img{ height:100%; position: absolute; right:0; top:0; overflow: hidden; }
.newslist li .content .img img{ display: block; height:100%; }

.newslist li:hover:after{ opacity:1; }
.newslist li:hover .content .time .d{ color:#ffffff;}
.newslist li:hover .content .time .ym{ color:#ffffff; }
.newslist li:hover .content .txt .tit{ color:#ffffff; }
.newslist li:hover .content .txt .info{ color:#ffffff; }
.newslist li:hover .content .txt .more{ color:#ffffff; }

.pageNumber{ text-align: center; font-size:18px; border-top:1px solid #dfe2ef; padding:6% 0; color:#333333; position: relative; z-index:1; }
.pageNumber a{ height:50px; padding:0 20px; line-height:48px; text-align: center; border:1px solid #dfe2ef; display:inline-block; position: relative; }
.pageNumber a:after{ z-index:-1; content:""; width:100%; height:100%; position: absolute; left:0; top:0; background: linear-gradient(to right bottom, #0e63ff , #10c9a7); opacity:0; }
.pageNumber a:hover,.pageNumber a.on{ color:#ffffff; }
.pageNumber a:hover:after,.pageNumber a.on:after{ opacity:1; }
/*新闻*/


/*招聘*/
.aboutbj{ background:url(../images/aboutbj.jpg) no-repeat center center; background-size:cover; }

.rtop{ margin-top:5%;}
.rtop .rtit{ text-align: center; color:#000000; font-size:40px; font-weight:bold; }
.rtop .rtit{ font-weight: bold; color:#000000; }
.rtop .rlist{ width:80%; margin:0 auto; overflow: hidden; }
.rtop .rlist li{ float: left; width:25%; }
.rtop .rlist li .ico{ width:70px; margin:0 auto; }
.rtop .rlist li .ico img{ display: block; width:100%; }
.rtop .rlist li .tit{ text-align: center; color:#5b5b5b; font-size:24px; margin-top:24px; line-height:1.2; }
.rtop .info{ color:#696969; font-size:18px; line-height:1.8; text-align: center; margin:3.5% 0; }

.rimg{ overflow: hidden; margin:10% 0; }
.rimg li{ float: left; width:25%; overflow: hidden; }
.rimg li .txt{ height:200px; text-align: center; }
.rimg li .txt>div{ width:100%; }
.rimg li .txt .ico{ width:70px; margin:0 auto; }
.rimg li .txt .ico img{ display: block; width:100%; }
.rimg li .txt .tit{ color:#ffffff; font-size:30px; line-height:1.2; font-weight:bold; }
.rimg li .img{ height:200px; overflow: hidden; }
.rimg li .img img{ display: block; height:100%; width:100%; }

.rimg li.li01{ background:#31a6fb; }
.rimg li.li02{ background:#2ed06b; }
.rimg li.li03{ background:#d72b2f; }
.rimg li.li04{ background:#f2b51f; }
/*招聘*/


/*招聘列表*/
.rnav{ margin:5% 0; text-align: center; }
.rnav li{ position: relative; display:inline-block; margin:0 5px; height:34px; line-height:34px; text-align:center; border-radius:17px; background:#f0f2f4; padding:0 20px; color:#222222; font-size:16px; }
.rnav li a{ display: block; position: relative; z-index:1; }
.rnav li::after{ content:""; top:0; left:0; opacity:0; border-radius:17px;  position: absolute; width:100%; height:100%; background:linear-gradient(to bottom right, #0e63ff , #10c9a7); }

.rnav li.on::after,.rnav li:hover::after{ opacity:1; }
.rnav li.on,.rnav li:hover{ color:#ffffff; }

.rtxt{ font-size:18px; line-height:1.8; color:#5f5f5f; margin:3% 0; text-align:justify; }
.rtxt a{ color:#0e63ff; }
.rtxt a:hover{ text-decoration:underline; }

.recruit_list{ overflow:hidden; }
.recruit_list li{ float:left; width:100%; }
.recruit_list li .rltop{ overflow: hidden; color:#222222; font-size:24px; font-weight: bold;  line-height:40px; cursor: pointer; }
.recruit_list li .rltop .container{ border-top:1px solid #eeeeee; position:relative; padding-right:160px; padding:20px 0;}
.recruit_list li .rltop span{ font-weight:normal; color:#8c8c8c; font-size:18px; margin-right:18px; }
.recruit_list li .rltop:hover{ color:#318bfb; }

.recruit_list li .rtit{ width:100%; float:left; }
.recruit_list li .rtit .name{ display:inline; position: relative;}
.recruit_list li .rtit .hot{ display:inline-block; text-align:center; border-radius:5px; width:50px; height:20px; line-height:20px; background:#f00; color:#ffffff; font-size:12px; margin-left:6px; font-weight:normal;  }
.recruit_list li .num{ width:50%; float:left; }
.recruit_list li .ad{ width:50%; float:left; }

.recruit_list li .btn{ transform: rotate(180deg); position:absolute; right:55px; top:35px; height:50px; width:50px; line-height:50px; text-align:center; border-radius:50%; background:linear-gradient(to bottom right, #0e63ff , #10c9a7); }
.recruit_list li .btn span{ color:#ffffff; margin-right:0 !important; font-size:24px; font-weight:bold; }
.recruit_list li .rcontent{ display:none; padding:50px 0; background:#f6f7f8 url(../images/rbj.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden; }
.recruit_list li .rcontent .container{ position: relative; }
.recruit_list li .rcontent .tit{ padding-left:20px; margin-top:20px; height:40px; line-height:40px; color:#2a2a2a; font-size:24px; font-weight:bold; position: relative; }
.recruit_list li .rcontent .tit:after{ left:0; top:50%; margin-top:-8px; content:""; border-radius:2px; width:5px; height:16px; position: absolute; background:linear-gradient(to bottom, #0e63ff,#10c9a7);}
.recruit_list li .rcontent .info{ padding-left:20px; color:#5b5b5b; font-size:20px; line-height:1.8; margin:20px 0; }
.recruit_list li .rcontent .more{ cursor: pointer; margin:0 auto; width:300px; line-height:60px; text-align: center; border-radius:30px; height:60px; background:linear-gradient(to right, #0e63ff,#10c9a7); }
.recruit_list li .rcontent .more span{ display:inline-block; background:url(../images/rmore.png) no-repeat left center; background-size:auto 100%; color:#ffffff; font-size:20px; padding-left:50px; font-weight:bold; }

.recruit_list li.on .rcontent{ display: block; }
.recruit_list li.on .btn{ transform: rotate(0deg); }

.rxian{ background:#eeeeee; height:1px; margin-bottom:5%; }

.pupbj{ display:none; position: fixed; z-index:100; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); }

.recruit_pup{ display:none; border-radius:10px; width:1024px; padding:70px; height:640px; position: fixed; z-index:101; top:50%; left:50%; margin:-320px 0 0 -512px; background:url(../images/rpupbj.jpg) no-repeat center center; background-size:cover; }
.recruit_pup .tit01{ color:#222222; font-size:36px; margin-bottom:36px; line-height:1; font-weight:bold; }
.recruit_pup .tit02{ padding-left:20px; height:40px; line-height:40px; color:#2a2a2a; font-size:24px; position: relative; }
.recruit_pup .tit02:after{ left:0; top:50%; margin-top:-8px; content:""; border-radius:2px; width:5px; height:16px; position: absolute; background:linear-gradient(to bottom, #0e63ff,#10c9a7);}
.recruit_pup .txt{ padding-left:20px; margin:20px 0; color:#5b5b5b; font-size:18px; line-height:2; }
.recruit_pup .txt a{ color:#3d74ff; }
.recruit_pup .txt a:hover{ text-decoration:underline; }
.recruit_pup .close{ width:40px; height:40px; text-align: center; line-height:40px; position: absolute; right:40px; top:40px; cursor:pointer; }
.recruit_pup .close span{ font-size:36px; color:#b1b1b1; }

.recruitImg{ overflow: hidden; width:50%; margin-bottom:3%; }
.recruitImg img{ width:100%; display: block; }
/*招聘列表*/

/*文章详情页*/
.showbj{ background:#f6f8f9 url(../images/showbj.jpg) no-repeat left top; background-size:100% auto; }

.nyban .showtop{ width:100%; position: absolute; height:100%; left:0; top:0; }
.nyban .showtop .tit{ color:#ffffff; font-size:40px; text-align:left; width:80%; line-height:1.3; }

.sbottom{ overflow: hidden; line-height:30px; margin-top:30px; }

.sbottom .parameter{ float: left; overflow: hidden; color:#bcb9e0; font-size:16px; }
.sbottom .parameter li{ float: left; margin-right:28px; }
.sbottom .parameter li span{ margin-right:7px; font-size:16px; }

.sbottom .breadcrumbs{ color:#c0cfe4; font-size:16px; }
.sbottom .breadcrumbs span{ margin:0 5px; }
.sbottom .breadcrumbs a:hover{ color:#ffffff; text-decoration:underline; }

.showtop .container{ position: relative; }
.showtop .return{ position: absolute; top:10%; right:0; height:26px; line-height:26px; padding-left:35px; color:#c0cfe4; font-size:16px; }
.showtop .return:after{ content:""; width:26px; height:26px; position: absolute; left:0; top:0; background:linear-gradient(to right bottom, #0e63ff,#10c9a7); border-radius:50%; }
.showtop .return:hover{ color:#ffffff; }

.showmain{ margin:2% 0 4% 0; }
.showmain .mainleft{ width:78%; background:#ffffff; padding:3%; border-radius:5px; }
.showtxt{ color:#5f5f5f; font-size:18px; line-height:2; text-align:justify; min-height:1200px; }
.showtxt img{ max-width:100%; height:auto !important; }

.showmain .mainright{ width:20%; }

.showPaging{ color:#ffffff; border-radius:5px; margin-bottom:18px; }
.showPaging a{ display: block; padding:35px; }
.showPaging .tit{ font-size:18px; line-height:25px; height:25px; position:relative; }
.showPaging .tit:after{ content:''; position: absolute; right:0; top:12px; height:1px; width:150px; background:rgba(255,255,255,0.5) ; }
.showPaging .time{ font-size:16px; margin:16px 0; }
.showPaging .time span{ font-size:16px; margin-right:8px; }
.showPaging .text{ font-size:16px; line-height:1.4; }
.showPaging:hover .text{ text-decoration:underline; }

.showPaging01{ background:linear-gradient(to right bottom, #0e63ff,#10c9a7); }
.showPaging02{ background:linear-gradient(to right bottom, #10c9a7,#0e63ff); }

.showHot{ background:#ffffff; border-radius:5px; padding:35px; }
.showHot .htit{ font-size:18px; color:#000000; }

.hlist{ overflow: hidden; }
.hlist li{ float: left; width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0; }
.hlist li .tit{ color:#666666; font-size:16px; }
.hlist li .tit:hover{ color:#318bfb; }
.hlist li .time{ color:#9c9c9c; font-size:14px; margin-top:14px; }
/*文章详情页*/


/*Research Progress*/
.evolvebj{ margin-top:100px; background:url(../images/evolvebj.jpg) no-repeat center center; background-size:cover; }

.evolve_weizhi{ color:#ffffff; font-size:16px; text-align:right; margin:4% 0 1.5% 0; }
.evolve_weizhi span{ margin:0 5px; }
.evolve_weizhi a:hover{ text-decoration:underline; }

.evolveList{ height:660px; overflow: hidden; margin-bottom:7%;  }
.evolveList li{ float:left; width:27%; height:100%; background:#ffffff;  }
.evolveList li .img{ height:0; width:0; margin:0 auto; }
.evolveList li .img a{ display: block; width:100%; height:100%; }
.evolveList li .img01{background:#ffffff url(../images/evolve01.jpg) no-repeat center center; background-size:100% auto; }
.evolveList li .img02{background:#ffffff url(../images/evolve02.jpg) no-repeat center center; background-size:100% auto; }
.evolveList li .img03{background:#ffffff url(../images/evolve03.jpg) no-repeat center center; background-size:100% auto; }

.evolveList li .txt{ height:100%; padding:0 10%; padding-top:47%; }
.evolveList li .txt .tit{ color:#ffffff; font-size:30px; line-height:1.4; font-weight:bold; }
.evolveList li .txt .more{ margin-top:150px; width:50px; height:50px; border:1px solid #ffffff; color:#ffffff; line-height:48px; text-align: center; border-radius:50%; }
.evolveList li .txt .more a{ display: block; }
.evolveList li .txt .more span{ font-size:20px; }

.evolveList li .txt01{background:#ffffff url(../images/evolvebj01.jpg) no-repeat center center; background-size:cover; }
.evolveList li .txt02{background:#ffffff url(../images/evolvebj02.jpg) no-repeat center center; background-size:cover; }
.evolveList li .txt03{background:#ffffff url(../images/evolvebj03.jpg) no-repeat center center; background-size:cover; }

.evolveList li.on{ width:46%; }
.evolveList li.on .img{ width:100%; height:50%; }
.evolveList li.on .txt{ height:50%; padding-top:0; background:linear-gradient(to right bottom, #0e63ff,#10c9a7); }
.evolveList li.on .txt .more{ margin-top:50px; }


.evolveTabulation{ margin:0 0 3% 0; border:1px solid #dcdcdc; border-bottom:none; border-radius:10px; }
.evolveTabulation li{ float:left; overflow: hidden; width:100%; border-bottom:1px solid #dcdcdc; }
.evolveTabulation li:nth-child(2n){ background:#fbfafa;}
.evolveTabulation li a{ display: block; padding:28px; overflow:hidden; line-height:28px; }
.evolveTabulation li .tit{ font-size:28px; color:#333333; padding-left:28px; float: left; width:80%; position: relative; }
.evolveTabulation li .tit:after{ content:""; background:#666666; border-radius:50%; position: absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; }
.evolveTabulation li .time{ font-size:20px; color:#999999; float: right; text-align: right; width:15%; }
.evolveTabulation li .time span{ font-size:20px; margin-right:10px; }
.evolveTabulation li:nth-child(2n){ margin-right:0; }

.evolveTabulation li:hover .tit{ color:#318bfb; }
.evolveTabulation li:hover .tit:after{ background:#318bfb; }
.evolveTabulation li:hover .time{ color:#318bfb; }
/*Research Progress*/

/*搜索页面*/
.search_bj{ background:#f6f8fa url(../images/searchbj.jpg) no-repeat center top; background-size:100% auto; overflow: hidden; }

.searchMain{ border-radius:10px; background:#ffffff; padding:2% 2% 0 2%; margin:2% 0 5% 0; box-shadow:0 0 10px #f3f1f1; }

.searchNav{ overflow: hidden; color:#393737; font-size:20px; font-weight:bold; border-bottom:1px solid #e7e7e7; padding:0 42px; }
.searchNav li{ float: left; height:56px; line-height:56px; margin-right:70px;}
.searchNav li.on,.searchNav li:hover{ background:url(../images/navbj.jpg) no-repeat center bottom; }

.searchInfo{ overflow: hidden; margin-top:35px; padding:18px 42px; }
.searchInfo .stip{ color:#393737; font-size:18px; }
.searchInfo .stip span{ color:#0f77ed; }
.searchInfo .screen{ color:#393737; font-size:18px; margin-left:100px; }
.searchInfo .screen a{ position: relative; padding-left:35px; margin-left:35px; }
.searchInfo .screen a:hover:after,.searchInfo .screen a:after{ position: absolute; left:0; top:50%; margin-top:-7px; content:""; width:12px; height:12px; border:1px solid #d4d4d4; border-radius:50%; }
.searchInfo .screen a:hover:after,.searchInfo .screen a.on:after{ border:3px solid #0f75ef; width:8px; height:8px; }
.searchInfo .screen a:hover,.searchInfo .screen a.on{ color:#0f77ed; }

.searchList{ overflow: hidden; }
.searchList li{ float: left; width:100%; padding:35px 42px; border-top:1px solid #e6e6e6; }
.searchList li:nth-child(1){ border-top:none;}
.searchList li .top{ overflow: hidden; line-height:35px; }
.searchList li .top .column{ height:35px; font-size:20px; padding:0 20px; margin-right:20px; color:#ffffff; float: left; text-align:center; border-radius:18px 0 18px 0; background: linear-gradient(to right, #10c9a7, #0e63ff); }
.searchList li .top .tit{ color:#393737; font-size:20px; font-weight:bold; }
.searchList li .top .tit a{ display: block; }
.searchList li .top .tit span{ background:#ffff00; color:#0f76ee; display:inline-block; padding:0 5px; margin:0 5px; }
.searchList li .top .tit:hover{ color:#0f77ed; }

.searchList li .info{ font-size:16px; line-height:30px; margin:8px 0; }
.searchList li .url{ color:#0f77ed; font-size:16px; line-height:30px; }
.searchList li .url:hover{ text-decoration:underline; }
/*搜索页面*/


.animated{opacity: 0;}
.evolveList li,.evolveList li .img,.evolveList li .txt,.evolveList li .txt .more,
.hdirection li,.hdirection li .txt01,.hdirection li .txt02{
transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

.nav li a:after,.nav li a,.search .btn span,.lang,.lang span,.hmLeft .top .tit,.hmCenter .txt .tit,.dbnav li a,.copy a,.banner .more,
.directionList li .txt:after,.directionList li .txt .tit,.directionList li .txt .info,.directionList li .txt .more,.topnav a,.dTag a,.paging a,.memberList li .txt,
.newslist li:after,.newslist li .content .time .d,.newslist li .content .time .ym,.newslist li .content .txt .tit,.newslist li .content .txt .info,
.newslist li .content .txt .more,.pageNumber a,.pageNumber a:after,.rnav li::after,.rnav li,.recruit_list li .rltop,.hlist li .tit,.sbottom .breadcrumbs a,
.evolveTabulation li .tit:after,.evolveTabulation li .tit,.evolveTabulation li .time
{transition: 0.3s;
-o-transition: 0.3s,;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.directionList li img,.memberList li .img img,.newslist li .content .img img,.rimg li .img img,.hmCenter .img a{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.directionList li:hover img,.memberList li:hover .img img,.newslist li:hover .content .img img,.rimg li:hover .img img,.hmCenter .img:hover a{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  }