@charset "utf-8";
/* CSS Document */

.fl{ float: left;}
.fr{float: right;}
.zwlj{width: 226px;
    float: left;line-height: 30px;}
.zw{    margin-left: 25px;}
.zw li a{color:#626262;padding: 0 4px;}
.pos{
	position: relative;}

.container{
	width:1170px;
	margin:auto;position: relative;
    z-index: 999;}
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative;}
.flexslider .slides img {width: 100%; display: block;height:480px;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { max-height: 300px;}
.flexslider .slides { zoom: 1;}
.carousel li { margin-right: 5px;}

/* Direction Nav */
.flex-direction-nav{*height: 0;width: 100%;}
.flex-direction-nav a{text-decoration:none;display: block;width: 36px;height: 72px;position: absolute;top: 39%;z-index: 10;overflow: hidden;cursor: pointer;color: rgba(0,0,0,0.8);text-indent:-999em;margin-top:-36px;*filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.flex-direction-nav .flex-prev {left: 0;background: url(../../images/left.jpg) center center no-repeat #fff;}
.flex-direction-nav .flex-next {right: 0;background: url(../../images/right.jpg) center center no-repeat #fff;}
.flex-direction-nav a:hover{*filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1;}
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {position: absolute;bottom: 20%;right: 0;text-align: center;z-index:99;width: 100%;height: 6px;border-radius: 10px;}
.flex-control-nav li {margin: 0px 4px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-paging li a {width: 6px; height: 6px; display: block; cursor: pointer; text-indent: -9999px;border-radius:3px;background-color:#fff;transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.flex-control-paging li a:hover { background: #063875;}
.flex-control-paging li a.flex-active { background: #fff;width: 34px;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.wrapBanner{width: 100%;overflow: hidden;min-width:1200px}
.Banner{position: relative;z-index: 1;width: 100%;margin: 0 auto;}
.bannerImg{width: 100%;height: 0;padding-bottom:26%;overflow: hidden;position: relative;display: block;}
.bannerImg .floatNav{position: absolute;left: 8%;bottom: 12%;width: 0;height: 0;border-left: 8px solid #2d8439;overflow: hidden;}
.bannerImg .floatNav .title{background: url(../../images/floatnavtitle.png);font-size: 16px;padding: 30px 4%;float: left;color: #fff;font-weight: bold;white-space: inherit;overflow: hidden;text-overflow: ellipsis;max-width: 80%;}
.bannerImg .floatNav .infoBox{background: url(../../images/floatnavinfo.jpg);padding:20px 23px;clear: both;}
.bannerImg .floatNav .info{font-size: 14px;line-height: 28px;color: #fff;height: 112px;overflow: hidden;}
.flex-active-slide .bannerImg .floatNav{width: 22.5%;height: 120px;
	-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideShow;animation-name: slideShow;}

.Academic{
background: url(../../images/research-banner-2560x1165-1.jpg) no-repeat left top;;
    padding-top: 100px;
    padding-bottom: 20px;background-size: cover;
    background-color: #012D5E!important;min-height: 450px;
} 
.Academicnr{

    padding-top: 8px;
    padding-bottom: 27px;
}
.Academictitle{padding-top: 20px;text-align: center;}
.Academictitle span{font-size:40px; color: #fff;}
.Academictitle .name{    text-align: center;
    color: #cccccc;}
.Academictab{display: block;
    margin: auto;width:1170px;}
.Academictab ul{}
.Academictab ul li{float: left;
    width: 350px;
    list-style: none;
    margin: 15px 20px;}
.Academictab ul li img{position: relative;    max-width: 100%;
    height: auto;box-sizing: border-box;transition: 0.4s;}
.Academictab ul li img:hover {
    transform: scale(1.05);
}
.Academictab ul li p{
font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 65px;
}
.wc-top{
	border-bottom: 5px solid #2d8439;
    height: 140px;}

.logo {
	width:700px;
	height: 97px;}
.logo img{
	width:420px;
	height: 97px;}
.top-right{
	width: 460px;}
.searchbg{
	background: url(../../images/searchbg.jpg) no-repeat left top;
	width: 232px;
	height: 30px;}
.searchbg input.inp-text{
	width: 180px;
	height: 30px;
	line-height: 28px;
	background: none;
	border: none;
	font-size: 14px;
	color: #333;
	padding-left: 5px;}
.searchbg input.inp-but{
	 width: 33px;
	 height: 30px;
	 background: none;
	 border: none;
	 cursor: pointer;
	 padding: 0px;}

.china{
	margin-top: 5px;
	*width:370px ;}
.china ul li {
	float: left;}
.china ul li a{
	float: left;
  	font-size: 18px;
  	color: #fff;
  	width: 118px;
  	display: block;
	height: 35px;
	font-family: 'AvenirLTStd-light';
	
	line-height: 35px;
	text-align: center;
	text-decoration: none;}
.china ul li a.a1{
	background: #0099cc;}
.china ul li a.a1:hover{
	background: #0386b1;
	transition: all 1.5s;}
.china ul li a.a2{
	background: #33cccc;}
.china ul li a.a2:hover{
	background: #39b6b6;
	transition: all 1.5s;}
.china ul li a.a3{
	background: #cc0066;}
.china ul li a.a3:hover{
	background: #b1055b;
	transition: all 1.5s;}


/*top End*/

.wc-menu{
	display: inline-block;
    float: initial;
    height: 93px;
    margin-top: -8px;}

.wc-menu ul {}
.wc-menu ul li{
	float: left;
	text-align:center;
	margin: 10px 0;
	line-height:48px;	
	position: relative;}
.wc-menu .on a{background:#1180e9;line-height:44px;height: 44px;color: #fff;}
.wc-menu ul li a{
	font-size: 18px;
	color: #08204c;
	display: block;
font-weight: 600;
    text-align: center;
	text-decoration: none;
	
	padding: 0 56px;*padding: 0 18px;}

.wc-menu ul li.last a{}

.wc-menu ul li a:hover,.wc-menu ul li a.active{
	
	color: #84b3e3;}

.wc-menu ul li .ernav{
	position: absolute;
	left: 0px;
	top: 47px;
	z-index: 1;*z-index: 10; 
	background:#fff;
	width: 100%;
	border: 1px solid #ccc;
    display: none;}
.wc-menu ul li .ernav  li{
	background: none;
	width: 100%;
	line-height: 28px;
	margin:0;
	text-align: left;}
.wc-menu ul li .ernav  li a{
	line-height: 25px;
	padding:5px 10px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
	color: #333;
	font-size: 14px;
	background: none;
    text-align: center;}
.wc-menu ul li .ernav  li a:hover{
    color: #0099cc;}
/*menu End*/

.wc-banner{
    height: 400px;}

.slideBox {
	position: relative;
	height: 400px;}
.slideBox .bd{
	width: 700px;}
.slideBox .bd ul li{
	float: left;
	width: 700px;
	height: 400px;}
.slideBox .bd ul li img{
	width: 700px;
	height: 400px;}
.slideBox .hd{
	position: absolute;
	right: 30px;
	bottom: 24px;
	z-index: 1;}
.slideBox .hd ul li{
	width: 21px;
	height: 21px;
	border: 1px solid #fff;
	border-radius:3px;
	float: left;
	margin: 0 3px;
	cursor: pointer;}
.slideBox .hd ul li.on{
	background: #0099cc;
	border: none;
	width: 23px;
	height: 23px;}
.slideBox .ban-text{
	background:#00356b;
	height: 320px;
	width: 356px;
	padding: 40px 57px;}
.slideBox .ban-text ul li{
	padding: 0 2px;}
.slideBox .ban-text ul li span{
	color: #0099cc;
	display: block;
	font-size: 18px;
	font-weight: bold;

	font-style: italic;
	margin-top: 5px;}
.slideBox .ban-text ul li a{
	color: #fff;
	display: block;
	font-size: 22px;
	line-height: 32px;
	font-family: times;
	text-decoration: none;
	margin: 20px 0 30px 0;
	height: 100px;
	overflow: hidden;}
.slideBox .ban-text ul li p{
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
	/* font-family: 'avenirltstd-light'; */
	font-family: times;}
/*banner End*/
.index-con{    width: 1170px;
    margin: auto;
	min-height: 650px;
	margin-top: 50px;}
.index-left{
	width: 800px;}
.index-right{
	width: 301px;
	/* background: url(../../images/inbg.jpg) no-repeat left top; */
	min-height: 772px;
	padding-left: 36px;}

.in-top{
	height: 104px;
	background: #ececec;}
.in-top img{
	float: left;}
.in-top span{
	font-size: 32px;
	color: #08204c;
	display: block;
	float: left;
	font-family: times;
	text-transform: uppercase;
	line-height: 109px;
	padding-left: 30px;}
.in-top a{
	display: block;
	color: #fff;
	background: url(../../images/morebg.jpg) no-repeat left top;
	width: 107px;
	height: 27px;
	line-height: 27px;
	float: right;
	margin-top: 40px;
	margin-right: 30px;
	padding-left: 40px;
	text-decoration: none;}
.in-top a.a2{
	
	background: url(../../images/morebg1.jpg) no-repeat left top;}
.in-con{
	padding-top: 35px;
	height: 223px;}
.in-con p{
	font-size: 16px;
	color: #000;
	line-height: 25px;
	/* font-family: 'avenirltstd-light'; */
    font-family: times;}
.new-con{
	padding-top: 5px;}
.new-ul{
    margin-right: -60px;
    overflow: hidden;}
.new-ul ul li{
	float: left;
	/* width:370px ; */
	/* height: 331px; */
	position: relative;}
    .new-ul ul li.li1 {
        margin-right: -30px;
        padding: 10px 0;}

        .new-ul ul li.li1:not(:last-child) {
            border-bottom: 1px solid #e3e3e3;}
    .new-ul ul li.li1 .li-aimg {
        float: left;
        width: 312px;}

    .new-ul ul li .li-new {
        background: #fff;
        /* padding: 25px 38px; */
        /* width: 294px; */
        height: 121px;
        /* position: absolute; */
        /* left: 0; */
        /* top: 205px; */
        /* border: 1px solid #ddd; */
        float: left;
        /* display: inline-block; */
        width: 488px;}

/* .new-ul ul li .li-new:hover{ */
/* 	box-shadow: 0px 0px 4px 2px #ccc; */
/* 	cursor: pointer; */
/* } */
    .new-ul ul li .li-new a.a1 {
        display: block;
        font-size: 18px;
        color: #4181b4;
        font-family: times;
        text-decoration: none;
        line-height: 25px;
        /* height: 75px; */
        overflow: hidden;}
.new-ul ul li .li-new span{
	display: inline-block;
	font-size: 16px;
	color: #6bb8da;
	font-family: 'AvenirLTStd-light';
	border-bottom: 2px solid #6bb8da;
	padding-bottom:10px;
	margin-top: 20px;}
.new-ul ul li .li-new a.a2{
	display: inline-block;
	color: #fff;
	background: url(../../images/more.jpg) no-repeat left top;
	text-decoration: none;
	width: 51px;
	height: 27px;
	line-height: 27px;
	padding-left: 42px;
	margin-top: 23px;
        float: right;}
.li-new .li-new-time {
    font-weight: bold;
    margin: 5px 0 5px 0;
    font-size: 14px;}
.li-new .li-new-intro {
    color: #8d8d8d;
    font-family: times;}

.new-date{
    margin-right: -60px;
    overflow: hidden;}
    .new-date ul li {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        width: 382px;
        float: left;
        height: 74px;
        padding: 16px 4px;}
.new-date ul li:hover{
	background: #f5f5f5;
    cursor: pointer;}
.new-date ul li.li1{
	margin-right: 13px;}

.new-date ul li .li-da{
	border: 2px solid #ccc;
	background: #fff;
	width: 59px;
	height: 64px;
	text-align: center;
	font-family: 'AvenirLTStd-light';}
.new-date ul li .li-da p{
	font-size: 14px;
	color: #08204c;
	padding-top: 6px;}
.new-date ul li .li-da span{
	font-size: 14px;
	color: #08204c;
	display: block;}
.new-date ul li .li-da i{
	font-size: 14px;
	color: #08204c;
	display: block;
	font-style: normal;}
.new-date ul li .li-daa{}
.new-date ul li .li-daa a{
	font-size: 18px;
	color: #08204c;
	line-height: 25px;
	text-decoration: none;
	/* font-family: 'avenirltstd-light'; */
	font-family: 'times';}

.ev-top{
	position: relative;}
.ev-top img{
	
	float: left;}
.ev-top span {
	font-size: 32px;
	color: #08204c;
	font-family: times;
	line-height: 45px;
	float: left;
	padding-left: 20px;	
	text-transform: uppercase;}
.ev-top span:hover {
    color: #6cb8da;}
    .ev-top span a {
        font-size: 14px;
        color: #00356b;
        text-transform: initial;
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 35px;}
.ev-ul{
	padding-top: 30px;}
    .ev-ul ul li {
        width: 300px;
        /* height: 57px; */
        /* border: 1px solid #ddd; */
        margin-bottom: 25px;
        overflow: hidden;
        background: url(../../images/events-time.jpg) 0 0 no-repeat;
        border-bottom: 1px dashed #e3e3e3;
        padding-bottom: 21px;}
.ev-ul ul li .li-eda{
	/* background: #f5f5f5; */
	width:48px;
	/* border-right: 1px solid #ddd; */
	/* height: 100%; */
	text-align: center;}
.ev-ul ul li .li-eda p{
	line-height: 37px;
	/* border-bottom: 1px solid #ddd; */
	font-weight: bold;
	color: #333;
	font-size: 14px;
	font-family: times;}
    .ev-ul ul li .li-eda .month {
        color: white;
        /* background: #0062ac; */
        /* height: 30px; */
        line-height: 28px;}
.ev-ul ul li .li-eda .month span{
	display: block;
	color: #333;
	font-size: 16px;
	font-family: times;
	line-height: 25px;
	padding-top: 10px;}
.ev-ul ul li .li-eda .month i{
	display: block;
	color: #333;
	font-size: 16px;
	font-family: times;
	font-style: normal;
	line-height: 25px;}


.ev-ul ul li .li-ea{
	width: 236px;
	height: 100%;}
    .ev-ul ul li .li-ea a {
        font-size: 18px;
        color: #333;
        /* font-family: 'avenirltstd-light'; */
        font-family: times;
        line-height: 21px;
        text-decoration: none;
        display: block;
        /* padding: 20px 18px 20px 30px; */
        overflow: hidden;
        padding-left: 0;}
.ev-ul ul li .li-ea:hover{
	cursor: pointer;
    color: #6cb8da;}
.ev-ul ul li .li-ea:hover a{}


.ev-a a{
	display: block;
	background: url(../../images/morebg2.jpg) no-repeat left top;
	width: 300px;
	height: 50px;
    color: #fff;
    font-size:16px;
    text-decoration: none;
    padding-left: 124px;
    line-height: 50px;}


.lifetitle{padding-top: 20px;text-align: center;}
.lifetitle span{font-size:40px;}
.lifetitle .name{    text-align: center;
    color: #7a7b7b;}
.lifetitle .name p{ font-size: 18px;   padding: 10px 0px 10px 0px;
}
.life{width:100%;    min-height: 955px;}
.lifetab{display: block;
    margin: auto;width:1170px;}
.lifetab ul{padding-left: 12px;padding-left: 66px;}
.lifetab ul li{float: left;
    width: 300px;
    list-style: none;
    margin: 15px 20px;}
.lifetab ul li img{position: relative; width: 326px;
    height: 245px;box-sizing: border-box;transition: 0.4s;}
.lifetab ul li img:hover {
    transform: scale(1.05);
}
.image-effect {
    overflow: hidden;
}

.wc-copy{
	height: 168px;
	background: #2262aa;
    width: 1200px;
    margin: 0 auto;
}
.wc-copy p{
	font-size: 16px;
	color: #e9e9e9;
	line-height: 28px;
	/* font-family: 'avenirltstd-light'; */
    font-family: times;    width: 600px;
    float: right;padding-top: 60px;}
.wc-copy p a{
	color: #e9e9e9;}

/*.wc-copyEnd*/

.li-da-div {
    width: 100%;
    display: inline-block;
    text-align: right;}
    .li-da-div a {
        background: url(../../images/morebg1.jpg) no-repeat left top;
        width: 107px;
        height: 30px;
        color: #fff;
        padding: 5px 81px 5px 13px;
        margin-top: 13px;
        display: inline-block;}
.footer{display: block;}
.footerp{width:600px;float:right;}
.footerimg{float:left;width:300px;    position: absolute;    padding-top: 26px;
    margin: auto;}
#main-footer{background-color:#2262aa;}
#footer-bottom{background-color:#333333;}
#footer-info,#footer-info a{color:#cecece;}#footer-info{font-size:15px;}#footer-bottom .et-social-icon a{color:#000000;}
#footer-bottom #footer-info{font-size:15px;width:100%;text-align:center;}