:root {
	--color-primary: #4886A8;
	--color-gradient-start: #4869e8;
	--color-gradient-stop: #4666e3
}

body {
	font-family: roboto,sans-serif;
	font-weight: 400;
	line-height: 1.625em;
	letter-spacing: .01em;
	font-size: 1em;
	color: #73747f
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
	font-family: rubik,sans-serif;
	color: #1a1c26
}

.h1,h1 {
	font-weight: 300;
	line-height: 1.244em;
	font-size: 45px
}

.h2,h2 {
	font-size: 42px;
	font-weight: 300;
	line-height: 1.285em
}

.h3,h3 {
	font-size: 35px;
	font-weight: 400;
	line-height: 1.342em
}

.h4,h4 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.35em
}

.h5,h5 {
	font-size: 25px;
	font-weight: 400;
	line-height: 1.35em
}

.h6,h6 {
	font-size: 21px;
	font-weight: 400;
	line-height: 1.2em
}

.main-nav>li>a {
	font-size: 15px;
	letter-spacing: .02em;
	color: #fff
}

.main-nav>li.is-active>a,.main-nav>li.current-menu-item>a,.main-nav>li:hover>a,.main-nav>li>a:hover {
	color: rgba(255,255,255,.85)
}

.main-footer {
	padding-top: 0px; background: #005299; line-height: 180%;
	color: rgba(255,255,255,.6)
}

.main-footer a:not(.btn) {
	color: rgba(255,255,255,.6)
}

.main-footer a:not(.btn):hover {
	color: #fff
}

.main-footer p{ margin: 0px;
}

#content{ background: linear-gradient(#fff, #D9EDFB)}

.main-header .container{ width: 90%;}


/*轮播*/
.banner{position:relative; width:100%; max-width: 1336px; height:auto;margin:0 auto;overflow:hidden; padding-top: 144px;}
.banner .bd ul{list-style:none;margin:0;padding:0}
.banner .bd ul li img{width:100%;}
.banner .bd ul li a{ width: 100%; height: auto; display: block;}

.banner .hd{position:absolute;bottom:10px;right:10px;text-align:center;z-index: 9999;}
.banner .hd ul{list-style:none;margin:0;padding:0}
.banner .hd ul li{width:10px;height:10px;background:#fff;display:inline-block; zoom:1;margin:0 1px;cursor:pointer;line-height:18px;font-size:0; }

.banner .hd ul li.on{background:#00529D;color:#fff}

.bg-p1{ background: url(../images/index_bg01.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.pt01{ font-size: 26px;text-align: left; font-weight:400; letter-spacing: 3px; }
.pt01 b{color: #3F7FA5;font-weight: normal;}
.pt01 hr{ display: block; width: 68px;height: 3px; background: #4886A8; margin: 0px; padding: 0px; margin-top: 10px; text-align: left;}
.about-txt{ line-height: 180%; text-align: justify;}
.about-txt p{ text-indent: 2em;}

.nav-text{text-shadow: 1px 1px 2px #333; font-size: 16px;}
.main-header .is-stuck .nav-text{text-shadow:none;}
.main-header .logo-nav{display: none;}
.main-header .logo-default{ height: 50px;}


.main-header .is-stuck img.logo-nav{ height: 50px; display: block;}
.main-header .is-stuck img.logo-default{ display: none;}


.newsbox{}
.newsbox .p{ width: 110px; height: 80px; float: left; vertical-align: middle;}
.newsbox .contents{ width: 240px; float: left;  padding-left: 15px;}
.newsbox .contents h3{ margin: 0px;line-height: 180%; margin-bottom: 10px;}
.newsbox .contents h3 a{ color: #333;}
.newsbox .contents h3 a:hover{ color: #4886A8;}
.newsbox .contents .datetime{ font-size:12px; color: #999;}

.main-nav > li > a{ padding:15px 20px !important;}

@media screen and (max-width: 1199px) {  
	.col-md-4 {
    width:50%;
}
	.newsbox{}
.newsbox .p{ width: 25%; height: 80px; float: left; vertical-align: middle;}
.newsbox .contents{ width: 75%; float: left;  padding-left: 15px;}
.newsbox .contents h3{ margin: 0px;line-height: 180%; margin-bottom: 10px;}
.newsbox .contents h3 a{ color: #333;}
.newsbox .contents h3 a:hover{ color: #4886A8;}
.newsbox .contents .datetime{ font-size:12px; color: #999;}
	.mainbar-container{ width: 100% !important; max-width: 100% !important;}
	.secondarybar-container{ width: 100% !important; max-width: 100% !important;}
/*	.main-nav > li > a{ padding:10px !important;}*/
	
	.notice-box ul li .t { 
    width: 70% !important
		; 
}
	
}


.bg-p2{ background: url(../images/index_bg02.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.links{}
.links a{ padding: 5px 15px 5px 0; color: #333;}
.links a:hover{ color: #4886A8;}

.titlebar-sm .titlebar-inner{ min-height: 360px;} 
.ld-fh-txt{ color: #666; font-size: 14px; line-height: 180%;}

.lqd-column.pull-up {
    margin-top: -20%; min-height: 560px;  
}
.am-article{padding: 15px 20px}
.am-article-title{ font-size: 30px;}
.am-article-bd{ min-height: 400px;}
/*.iconbox .contents a{ display: block; width: 100%; height:auto;}*/




/* 通用分页样式 */
.am-pagination {
	padding-left: 0;
	margin: 1.5rem 0;
	list-style: none;
	color: #999;
	text-align: left
}

.am-pagination:after,.am-pagination:before {
	content: " ";
	display: table
}

.am-pagination:after {
	clear: both
}

.am-pagination>li {
	display: inline-block
}

.am-pagination>li>a,.am-pagination>li>span {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 5px;
	margin-right: 5px;font-size: 12px;
}

.am-pagination>li:last-child>a,.am-pagination>li:last-child>span {
	margin-right: 0
}

.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover {
	background-color: #eee
}

.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #0e90d2;
	border-color: #0e90d2;
	cursor: default
}

.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover {
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
	pointer-events: none
}

.am-pagination .am-pagination-prev {
	float: left
}

.am-pagination .am-pagination-prev a {
	border-radius: 0
}

.am-pagination .am-pagination-next {
	float: right
}

.am-pagination .am-pagination-next a {
	border-radius: 0
}

.am-pagination-centered {
	text-align: center
}

.am-pagination-right {
	text-align: right
}[class*=am-animation-] {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.am-pagination {
	position: relative
}

.am-pagination-default {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.6rem
}

.am-pagination-default .am-pagination-next,.am-pagination-default .am-pagination-prev {
	float: none
}

.am-pagination-select {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.6rem
}

.am-pagination-select>li>a {
	line-height: 36px;
	background-color: #eee;
	padding: 0 15px;
	border: 0;
	color: #555
}

.am-pagination-select .am-pagination-select {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 36px;
	text-align: center;
	border-radius: 0
}

.am-pagination-select .am-pagination-select select {
	display: block;
	border: 0;
	line-height: 36px;
	width: 70px;
	height: 36px;
	border-radius: 0;
	color: #555;
	background-color: #eee;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left: 18px
} 
.am-avg-sm-2{ padding: 0px; margin: 0px;}
.am-avg-sm-2 li{ list-style-type: none;}


.aui_border table, .aui_border td, .aui_border tr{ 
    border: none;
}



 
	.main-header .is-stuck {
		background: #fff!important
	}

	.mainbar-wrap.is-stuck .social-icon a,.mainbar-wrap.is-stuck .header-module .ld-module-trigger,.mainbar-wrap.is-stuck .main-nav>li>a,.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input {
		color: #424242!important
	}

	.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input {
		border-color: #424242!important
	}

	.is-stuck .btn {
		color: #fff;
		border-color: #5174fd
	}

	.is-stuck .btn.btn-solid {
		background-color: #5174fd
	}

	.is-stuck .btn:hover {
		border-color: #3a3a3a;
		color: #fff
	}

	.is-stuck .btn:hover,.is-stuck .btn.btn-solid:hover {
		background-color: #3a3a3a
	}

.notice-box{ width: 100%; display: inline-block; padding: 50px 0px 0px;}
.notice-box .ad-box{ width: 30%; float: right;}
.notice-box .ad-box img{ width: 100%; display: block; padding-bottom: 10px;}
.notice-box ul{width: 70%; float: left; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.notice-box ul li{ list-style-type: none; width: 50%; float: left; margin-bottom: 10px;}
.notice-box ul li .date{display: inline-block; width: 60px; height: 60px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px;}
.notice-box ul li .date b{ display: inline-block; height: 40px; width: 100%; font-size: 30px; line-height: 40px;}
.notice-box ul li .date span{ display: inline-block; background-color: #005299; height: 20px; width: 100%; font-size:12px; line-height: 20px; color: #fff;}
.notice-box ul li .t{ display: inline-block; width:80%; padding-left: 10px; box-sizing: border-box;}
.notice-box ul li .t b{display: block; font-size: 16px; color: #000}
.notice-box ul li .t span{display: block; font-size: 12px; color: #666666;height:78px}

.tit{ border-left:#005299 solid 5px; padding-left: 12px; font-size: 22px; color: #00529D;}
.tit span{ font-size: 18px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";text-transform : uppercase}
.tit .more{ float: right; font-size: 12px; padding-right: 20px;}

.page_tit{ border-left:#005299 solid 5px; padding-left: 12px; font-size: 22px; color: #00529D; margin-left: -39px; margin-top: 5px;}
.page_tit span{ font-size: 18px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}

.news_box{ height: 630px; width: 100%;}
.news_box .news_index{ width: 1336px; margin: 0px auto; background-size: cover; height:630px;  box-sizing: border-box;}
 
.news_box .news_index .nc{ max-width: 680px;}
.news_box .news_index .nc ul{ padding: 10px 20px; margin: 0px;}
.news_box .news_index .nc ul li{ list-style-type: none; width: 100%; float: left; margin-bottom: 10px; border-bottom: #ccc dotted 1px; padding-bottom: 15px;}
.news_box .news_index .nc ul li .p{ display: inline-block; width:100px; height: 80px; margin-top: 5px; vertical-align: top}
.news_box .news_index .nc ul li .t{ display: inline-block; width:80%; padding-left: 10px; box-sizing: border-box;}
.news_box .news_index .nc ul li .t b{display: inline-block; font-size: 16px; color: #000; width: 100%;}
.news_box .news_index .nc ul li .t b i{ float: right; font-style: normal; font-weight: normal; font-size: 12px; color: #666;}
.news_box .news_index .nc ul li .t span{display: inline-block; font-size: 12px; color: #666666;}

.photo_news{ padding-top: 30px;}
.photo_news li{ width: 49%; display: inline-block; list-style-type: none; position: relative; float: left;}
.photo_news li .p{ height: 323px; overflow: hidden;}
.photo_news li .p img{ width: 100%;}
.photo_news li .t{ height: 120px;
    overflow: hidden;
    width: 100%;
    background: rgb(32 94 160 / 70%);
    padding: 20px 40px;
    line-height: 180%;}
.photo_news li .t a{color: #fff;} 
.photo_news li .t b{ font-size: 16px; color: #fff; display: block;}
.photo_news li .t span{color: #ccc; font-size: 12px;}
.photo_news li .t p{color: #ccc; font-size: 14px;}
.photo_news li .t a.more{ display: block;border-radius: 100px; width: 130px; height: 40px; border:#fff solid 2px; text-align: center; font-size: 12px;}

.ab-box{ width: 100%; display: inline-block;}
.ab-box img{ float: right; padding:3px 20px;}
.ab-box p{ width: 100%;}

.vc_row{ background:url(../images/dun.png) no-repeat right bottom;}
.c-box{ min-height: 500px;  }


.nav-g{ width: 100%; background: rgba(255,255,255,.60); height: 68px; position: absolute; bottom: 0px; left: 0px;}
.nav-g .am-breadcrumb{ float: left;}
.nav-g .am-breadcrumb li{ list-style-type: none; color: #000; display: inline-block; line-height: 65px;}
.nav-g .am-breadcrumb  a{color: #000;}
.nav-g .nav-cate{ float: right;}
.nav-g .nav-cate li{ list-style-type: none; color: #000; display: inline-block; line-height: 65px; padding: 0px 5px;}
.nav-g .nav-cate li a{color: #000; padding: 0px 5px !important;}
.nav-g .nav-cate li a.am-active{ border-bottom: #02549D solid 3px; display: inline-block;}


.news_list01{ padding: 30px;}
.news_list01 ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.news_list01 ul li{ list-style-type: none; margin-bottom: 20px; border-bottom: #ccc dotted 1px; padding-bottom: 20px;}
.news_list01 ul li .date{display: inline-block; width: 80px; height: 80px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px;}
.news_list01 ul li .date b{ display: inline-block; height: 55px; width: 100%; font-size: 30px; line-height: 55px;}
.news_list01 ul li .date span{ display: inline-block; background-color: #005299; height: 25px; width: 100%; font-size:14px; line-height: 25px; color: #fff;}
.news_list01 ul li .t{ display: inline-block; width:80%; padding-left: 10px; box-sizing: border-box;}
.news_list01 ul li .t b{display: block; font-size: 16px; color: #000}
.news_list01 ul li .t span{display: block; font-size: 12px; color: #666666;}


.news_list02{ padding: 30px;}
.news_list02 ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.news_list02 ul li{ list-style-type: none; margin-bottom: 20px; border-bottom: #ccc dotted 1px; padding-bottom: 20px;}
.news_list02 ul li .p{display: inline-block; width:200px; height:150px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px;} 
.news_list02 ul li .img{ width: 100%;}
.news_list02 ul li .t{ display: inline-block; width:78%; padding-left: 10px; box-sizing: border-box;}
.news_list02 ul li .t b{display: inline-block; font-size: 16px; color: #000; line-height: 180%;}
.news_list02 ul li .t i{ font-style: normal; display: block;font-size: 12px; color: #666}
.news_list02 ul li .t span{display: inline-block; font-size: 14px; color: #666666; padding-bottom: 20px;line-height: 180%;}
.news_list02 ul li .t .more-btn{ width: 108px; height: 36px; line-height: 36px; border-radius: 10px; display: block; text-align: center; border:#00529D solid 1px; background-color: #fff; color: #00529D; font-size: 12px;}
.news_list02 ul li:hover .t .more-btn{ background-color: #00529D; border:#00529D solid 1px; color: #fff;}



.leader_list{ padding: 30px;}
.leader_list ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.leader_list ul li{ list-style-type: none; margin-bottom: 20px; border-bottom: #ccc dotted 1px; padding-bottom: 20px;}
.leader_list ul li .p{display: inline-block; width:200px; height:280px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px; overflow: hidden;} 
.leader_list ul li .img{ width: 100%;}
.leader_list ul li .t{ display: inline-block; width:78%; padding-left: 10px; box-sizing: border-box;}
.leader_list ul li .t b{display: inline-block; font-size: 16px; color: #000; line-height: 180%;}
.leader_list ul li .t i{ font-style: normal; display: block;font-size: 12px; color: #666}
.leader_list ul li .t span{display: inline-block; font-size: 14px; color: #666666; padding-bottom: 20px;line-height: 180%;}
.leader_list ul li .t .more-btn{ width: 108px; height: 36px; line-height: 36px; border-radius: 10px; display: block; text-align: center; border:#00529D solid 1px; background-color: #fff; color: #00529D; font-size: 12px;}
.leader_list ul li:hover .t .more-btn{ background-color: #00529D; border:#00529D solid 1px; color: #fff;}



.histroy_list{ padding: 30px;}
.histroy_list ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.histroy_list ul li{ list-style-type: none; padding-top: 10px; padding-bottom: 20px; border-left: #00529D solid 3px;}
.histroy_list ul li .icon{display: inline-block; width: 18px; height: 18px; background-color: #00529D; text-align: center; vertical-align: top; margin-top: 5px; border-radius: 100px; margin-left: -10.5px;}
.histroy_list ul li .t{ display: inline-block; width:90%; padding-left: 10px; box-sizing: border-box;}
.histroy_list ul li .t b{display: inline-block; font-size: 16px; color: #000}
.histroy_list ul li .t span{display: inline-block; font-size: 12px; color: #666666;}




.researcher{ width:100%; height:auto; margin-top:20px;}
.researcher .re_tit{ width:100%; display:block; margin-bottom:20px; text-align:center;}
.researcher .re_tags{ width:100%; height:30px; margin-bottom:20px; margin-left: 0px;padding-left: 0;}
.researcher .re_tags li{ float:left; display:block; margin:0 2px 0 3px; color:#fff; cursor:pointer;}
.researcher .re_tags li.all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900;}
.researcher .re_tags li.all_btn a{ color:#fff}

.researcher .re_tags li.m-all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900; font-size: 14px;}
.researcher .re_tags li.m-all_btn a{ color:#fff}


.researcher .re_tags li.tags_btn{ width:30px; height:30px; line-height:30px; text-align:center; display:block; background:#002147;}
.researcher .re_tags li.hover{ background:#FF9900;}
.researcher .re_list{ width:100%; height:auto; margin-bottom:20px;}
.researcher .re_list h4{ width:100%; height:30px; line-height:30px; background: url(../images/index/point_2.jpg) repeat-x left center; margin-bottom:10px;}
.researcher .re_list h4 span{ width:80px; height:30px; display:block; font-size:16px; background:
#fff; font-weight:bold;}
.researcher .re_list .re_name{ width:891px; height:auto;}
.researcher .re_list .re_name a{ width:80px; height:32px; line-height:32px; text-align:center; display:block; overflow:hidden; float:left; margin:1px 1px 1px 0; background:#f8f8f8;}
.researcher .re_list .re_name a:hover{ background:#002147; color:#fff;}



.researcher .re_list2{ width:100%; height:auto; margin-bottom:20px;}
.researcher .re_list2 h4{ width:100%; height:30px; line-height:30px; background: url(../images/index/point_2.jpg) repeat-x left center; margin-bottom:10px;}
.researcher .re_list2 h4 span{ width:80px; height:30px; display:block; font-size:16px; background:
#fff; font-weight:bold;}
.researcher .re_list2 .re_name{ width:891px; height:auto;}
.researcher .re_list2 .re_name a{ width:130px; height:32px; line-height:32px; text-align:center; display:block; overflow:hidden; float:left; margin:1px 1px 1px 0; background:#f8f8f8;}
.researcher .re_list2 .re_name a:hover{ background:#002147; color:#fff;}


.researcher .re_top{ width:100%; height:210px; display:block; overflow:hidden; margin-bottom:20px;}
.researcher .re_top dt{ width:160px; height:210px; display:block; overflow:hidden; text-align:center; float:left; margin-right:20px; background:#f8f8f8;}
.researcher .re_top dt img{ width:auto; height:210px;}
.researcher .re_top dd{ width:685px; height:34px; line-height:34px; display:block; overflow:hidden; border-bottom:1px solid #eee; background:url(../images/index/ico08.jpg) 1px 14px no-repeat; padding-left:20px;}
.researcher .re_top dd span{ color:#999;}
.researcher .re_con{ width:100%; height:auto;}
.researcher .re_con span{ background:#06264C; height:40px; line-height:40px; padding:0 20px; display:block; font-size:16px; font-weight:bold; color:#fff; margin-bottom:20px;}

.researcher .re_con .text{ width:100%; line-height:28px;}
.researcher .re_con .text strong{ display:block;}
.researcher .re_con .text p{ width:100%; height:auto; line-height:20px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden;}
.researcher .re_con .text p span{ background:none; height:auto; line-height:20px; padding:0; display:inline; font-size:14px; font-weight:normal; color:#333; margin:0;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}


.f_list .tab_tit{ width:100%; height:33px; margin:20px 0; display: inline-block; padding: 0px;}
.f_list .tab_tit li{ display:inline-block; float:left; text-align:center; height:33px; line-height:33px; margin-right:20px; background:#f5f5f5; padding: 0px 15px; }
.f_list .tab_tit li a{ color:#3B2126;}
.f_list .tab_tit li.hover{ background:#005aab;}
.f_list .tab_tit li.hover a{ color:#fff;}
.f_list .tab_tit li:hover{ background:#005aab; color:#fff;}
.f_list .tab_tit li:hover a{ color:#fff;}
.f_list .tabBox{ width:100%;}
.f_list .tabBox .tabCon{ width:100%;}

.page_title_box{ width: 100%;}
.page_title_box .container{ position: relative; height: 500px;}
.page_title_box .container .page_title{ position: absolute; top: 40%; left: 0px; color: #fff; text-align: left;}
.page_title_box .container .page_title b{ font-size: 45px; display: block; font-weight: lighter;line-height: 180%;}
.page_title_box .container .page_title span{ font-size: 26px;font-weight: lighter;line-height: 180%;text-transform : uppercase}


.team_list{}
.team_list ul{ margin: 0px; padding: 0px; }
.team_list ul li{/* width: 24.5%; *//* display: inline-block; *//* padding: 10px 30px; *//* box-sizing: border-box; */}
.team_list ul li .p{ width: 100%; height: 280px; overflow: hidden;}
.team_list ul li .p img{ width: 100%;}
.team_list ul li .t{ line-height: 200%; padding-top: 10px;}

#particles-js {
    position: absolute; display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(canvas.css);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    left: 0;
    top: 0;
}

canvas {
    display: block;
    vertical-align: bottom;
}



.news-box{ width:1170px; margin:30px auto; height:630px;padding-top:30px;}
/*
.news-box h1{ font-size:50px; color:#000; font-weight:bold; margin-bottom:50px;}
.news-box h1 a{color:#000; }
.news-box h1 b{ float:right; font-size:22px; font-weight: normal; padding-top:30px;}
*/

.news-box .l{ float:left; width:560px;}

.news-box .r{float:right; width:570px;}

.news_box .c{ padding:20px 0; display:inline-block; padding-bottom:0px;}
.news_box .c .p{ float:left; width:390px;}
.news_box .c .p img{ width:100%;}
.news_box .c .t{ float:left; width:418px; padding-left:20px;}
.news_box .c .t .toutiao{ border-bottom:#ccc dotted 1px; padding:0 5px 5px 5px; line-height:180%; padding-bottom:5px;}
.news_box .c .t .toutiao b{ font-size:14px; }
.news_box .c .t .toutiao p{ font-size:12px;}


.news_box .c .t ul{ height:256px; overflow:hidden;}
.news_box .c .t ul li{ background:url(../images/list_icon.jpg) no-repeat 10px 10px; height:32px; line-height:32px; padding-left:28px; font-size:12px;}
.news_box .c .t ul li span{ float:right;}


/*鐒︾偣鍥�*/ 

.swiper-news{width:575px; height:500px; overflow:hidden; position:relative;}

.swiper-news .swiper-wrapper{vertical-align:bottom; height:290px;}
.swiper-news .swiper-wrapper img{width:100%!important; height:100%;}
.swiper-news .swiper-button{width:30px;height:60px; background:rgba(208,208,208,.3);text-align:center}
.swiper-news .swiper-button i.fa{color:silver;margin-top:10px;font-size:40px;}
.swiper-news .swiper-button:hover{background:rgba(175,175,175,.3)}
.swiper-news .swiper-button:hover i.fa{color:#858585}
.swiper-news .swiper-pagination-bullets{bottom:0}
.swiper-news .swiper-pagination-bullet{width:68px;height:3px;background-color:rgba(188,188,188,.9)}
.swiper-news .swiper-pagination-bullet:not(:last-child){margin-right:20px}
.swiper-news .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(115,115,115,.9)}


.swiper-news-next,.swiper-news-prev{position:absolute;top:30%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-news-next.swiper-news-disabled,.swiper-news-prev.swiper-news-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-news-prev,.swiper-container-rtl .swiper-news-next{ left:0px;right:auto; font-size:30px;}
.swiper-news-prev.swiper-news-black,.swiper-container-rtl .swiper-news-next.swiper-news-black{ }
.swiper-news-prev.swiper-news-white,.swiper-container-rtl .swiper-news-next.swiper-news-white{ }
.swiper-news-next,.swiper-container-rtl .swiper-news-prev{ right:0px;left:auto}
.swiper-news-next.swiper-news-black,.swiper-container-rtl .swiper-news-prev.swiper-news-black{ }
.swiper-news-next.swiper-news-white,.swiper-container-rtl .swiper-news-prev.swiper-news-white{ }

.swiper-slide .p a{ display: block; width: 100%; height: 290px;} 

.s-tit{ position:absolute; top:290px; left:0px; width:100%; height:205px; background-color:#fff; padding:20px 30px; box-sizing: border-box ; text-align:left; line-height:200%;}
.s-tit b{ font-size:22px; font-weight:lighter; color:#000;}
.s-tit b a{color:#000;}
.s-tit i{font-size:14px; font-style:normal; display:block; padding:0; color:#666;}
.s-tit p{font-size:14px; color:#666;}


.index_news{ width:100%; float:left; } 
.index_news li{ width:100%; height:108px; overflow:hidden; float:left; padding:10px; box-sizing:border-box;  text-align:left; margin:0px 0px 21px 0px; display:inline-block; background-color:#fff; }
.index_news li .date{ width:98px; height:98px;  text-align:center; float:left; color:#005299}
.index_news li .date b{ height:56px; line-height:56px;  font-size:40px; width:100%; display:block; }
.index_news li .date span{width:100%; height:25px; line-height:160%; font-size:18px; display:block;  }

.index_news li:hover{ background-color:#02559D; color:#FFF } 
.index_news li:hover .date{ color:#EBEBEB;}
.index_news li:hover a{ color:#FFF}

.index_news li .p{ padding-bottom:20px; width:166px; height:166px; margin:20px auto;}
.index_news li .p a{width:166px; height:166px; display:block; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff; background-size:cover;}

.index_news li .p img{ width:166px; height:166px; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff;}
  
.index_news li:hover .p img{ /*border:#BF4738 solid 10px;transform:scale(1.2);;transition:all ease-in-out 0.5s*/}



.index_news li .t{ float:left; width:450px; padding-left:15px; }
.index_news li .t b{ font-size:22px; line-height:200%; color:#333; display:block; font-weight:lighter;}
.index_news li .t b a{color:#000;}
.index_news li .t span{ font-size:14px; line-height:120%;}
.index_news li:hover .t a{color:#fff;}

.secondarybar .header-module{ display: inline-block; }
.iconbox-inline{flex-direction: initial !important; -ms-flex-direction: initial !important;}
.header-module .iconbox{ display: inline-block;}
.header-module .iconbox a{ color: #fff}

.qr-code{ position: absolute; top: 0px; right: 0px;}
.qr-code img{ width: 80px;}



.news_list01{ padding: 30px;}
.news_list01 ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.news_list01 ul li{ list-style-type: none; margin-bottom: 20px; border-bottom: #ccc dotted 1px; padding-bottom: 20px;}
.news_list01 ul li .date{display: inline-block; width: 80px; height: 80px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px;}
.news_list01 ul li .date b{ display: inline-block; height: 55px; width: 100%; font-size: 30px; line-height: 55px;}
.news_list01 ul li .date span{ display: inline-block; background-color: #005299; height: 25px; width: 100%; font-size:14px; line-height: 25px; color: #fff;}
.news_list01 ul li .t{ display: inline-block; width:80%; padding-left: 10px; box-sizing: border-box;}
.news_list01 ul li .t b{display: block; font-size: 16px; color: #000;}
.news_list01 ul li .t span{display: block; font-size: 12px; color: #666666;}


.news_list02{ padding: 30px;}
.news_list02 ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.news_list02 ul li{ list-style-type: none; margin-bottom: 20px; border-bottom: #ccc dotted 1px; padding-bottom: 20px;}
.news_list02 ul li .p{display: inline-block; width:200px; height:150px; background-color: #EBEBEB; text-align: center; vertical-align: top; margin-top: 5px;} 
.news_list02 ul li .img{ width: 100%;}
.news_list02 ul li .t{ display: inline-block; width:78%; padding-left: 10px; box-sizing: border-box;}
.news_list02 ul li .t b{display: inline-block; font-size: 16px; color: #000; line-height: 180%;}
.news_list02 ul li .t i{ font-style: normal; display: block;font-size: 12px; color: #666;}
.news_list02 ul li .t span{display: inline-block; font-size: 14px; color: #666666; padding-bottom: 20px;line-height: 180%;}
.news_list02 ul li .t .more-btn{ width: 108px; height: 36px; line-height: 36px; border-radius: 10px; display: block; text-align: center; border:#00529D solid 1px; background-color: #fff; color: #00529D; font-size: 12px;}
.news_list02 ul li:hover .t .more-btn{ background-color: #00529D; border:#00529D solid 1px; color: #fff;}

 
.histroy_list{ padding: 30px;}
.histroy_list ul{width:100%; margin-left: 0px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
.histroy_list ul li{ list-style-type: none; padding-top: 10px; padding-bottom: 20px; border-left: #00529D solid 3px;}
.histroy_list ul li .icon{display: inline-block; width: 18px; height: 18px; background-color: #00529D; text-align: center; vertical-align: top; margin-top: 5px; border-radius: 100px; margin-left: -10.5px;}
.histroy_list ul li .t{ display: inline-block; width:90%; padding-left: 10px; box-sizing: border-box;}
.histroy_list ul li .t b{display: inline-block; font-size: 16px; color: #000;}
.histroy_list ul li .t span{display: inline-block; font-size: 12px; color: #666666;}




.researcher{ width:100%; height:auto; margin-top:20px;}
.researcher .re_tit{ width:100%; display:block; margin-bottom:20px; text-align:center;}
.researcher .re_tags{ width:100%; height:30px; margin-bottom:20px; margin-left: 0px;padding-left: 0;}
.researcher .re_tags li{ float:left; display:block; margin:0 2px 0 3px; color:#fff; cursor:pointer;}
.researcher .re_tags li.all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900;}
.researcher .re_tags li.all_btn a{ color:#fff;}

.researcher .re_tags li.m-all_btn{ width:46px; height:30px; line-height:30px; text-align:center; display:block; background:#FF9900; font-size: 14px;}
.researcher .re_tags li.m-all_btn a{ color:#fff;}


.researcher .re_tags li.tags_btn{ width:30px; height:30px; line-height:30px; text-align:center; display:block; background:#002147;}
.researcher .re_tags li.hover{ background:#FF9900;}
.researcher .re_list{ width:100%; height:auto; margin-bottom:20px;}
.researcher .re_list h4{ width:100%; height:30px; line-height:30px; background: url(../images/index/point_2.jpg) repeat-x left center; margin-bottom:10px;}
.researcher .re_list h4 span{ width:80px; height:30px; display:block; font-size:16px; background:
#fff; font-weight:bold;}
.researcher .re_list .re_name{ width:891px; height:auto;}
.researcher .re_list .re_name a{ width:80px; height:32px; line-height:32px; text-align:center; display:block; overflow:hidden; float:left; margin:1px 1px 1px 0; background:#f8f8f8;}
.researcher .re_list .re_name a:hover{ background:#002147; color:#fff;}



.researcher .re_list2{ width:100%; height:auto; margin-bottom:20px;}
.researcher .re_list2 h4{ width:100%; height:30px; line-height:30px; background: url(../images/index/point_2.jpg) repeat-x left center; margin-bottom:10px;}
.researcher .re_list2 h4 span{ width:80px; height:30px; display:block; font-size:16px; background:
#fff; font-weight:bold;}
.researcher .re_list2 .re_name{ width:891px; height:auto;}
.researcher .re_list2 .re_name a{ width:130px; height:32px; line-height:32px; text-align:center; display:block; overflow:hidden; float:left; margin:1px 1px 1px 0; background:#f8f8f8;}
.researcher .re_list2 .re_name a:hover{ background:#002147; color:#fff;}


.researcher .re_top{ width:100%; height:210px; display:block; overflow:hidden; margin-bottom:20px;}
.researcher .re_top dt{ width:160px; height:210px; display:block; overflow:hidden; text-align:center; float:left; margin-right:20px; background:#f8f8f8;}
.researcher .re_top dt img{ width:auto; height:210px;}
.researcher .re_top dd{ width:685px; height:34px; line-height:34px; display:block; overflow:hidden; border-bottom:1px solid #eee; background:url(../images/index/ico08.jpg) 1px 14px no-repeat; padding-left:20px;}
.researcher .re_top dd span{ color:#999;}
.researcher .re_con{ width:100%; height:auto;}
.researcher .re_con span{ background:#06264C; height:40px; line-height:40px; padding:0 20px; display:block; font-size:16px; font-weight:bold; color:#fff; margin-bottom:20px;}

.researcher .re_con .text{ width:100%; line-height:28px;}
.researcher .re_con .text strong{ display:block;}
.researcher .re_con .text p{ width:100%; height:auto; line-height:20px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden;}
.researcher .re_con .text p span{ background:none; height:auto; line-height:20px; padding:0; display:inline; font-size:14px; font-weight:normal; color:#333; margin:0;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}


.f_list .tab_tit{ width:100%; height:33px; margin:20px 0; display: inline-block; padding: 0px;}
.f_list .tab_tit li{ display:inline-block; float:left; text-align:center; height:33px; line-height:33px; margin-right:20px; background:#f5f5f5; padding: 0px 15px;}
.f_list .tab_tit li a{ color:#3B2126;}
.f_list .tab_tit li.hover{ background:#005aab;}
.f_list .tab_tit li.hover a{ color:#fff;}
.f_list .tab_tit li:hover{ background:#005aab; color:#fff;}
.f_list .tab_tit li:hover a{ color:#fff;}
.f_list .tabBox{ width:100%;}
.f_list .tabBox .tabCon{ width:100%;}

.page_title_box{ width: 100%;}
.page_title_box .container{ position: relative; height: 500px;}
.page_title_box .container .page_title{ position: absolute; top: 40%; left: 0px; color: #fff; text-align: left;}
.page_title_box .container .page_title b{ font-size: 45px; display: block; font-weight: lighter;line-height: 180%;}
.page_title_box .container .page_title span{ font-size: 26px;font-weight: lighter;line-height: 180%;text-transform : uppercase;}


.team_list{}
.team_list ul{ margin: 0px; padding: 0px;}
.team_list ul li{/* width: 24.5%; */height: 55px;width: 16%;border-bottom: 1px solid #ccc;line-height: 35px;text-align: center;display: inline-block;padding: 10px 15px;box-sizing: border-box;}
.team_list ul li .p{ width: 100%; height: 280px; overflow: hidden;}
.team_list ul li .p img{ width: 100%;}
.team_list ul li .t{ line-height: 200%; padding-top: 10px;}

#particles-js {
    position: absolute; display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(canvas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    left: 0;
    top: 0;}

canvas {
    display: block;
    vertical-align: bottom;}



.news-box{ width:1170px; margin:30px auto; height:680px;}
/*
.news-box h1{ font-size:50px; color:#000; font-weight:bold; margin-bottom:50px;}
.news-box h1 a{color:#000; }
.news-box h1 b{ float:right; font-size:22px; font-weight: normal; padding-top:30px;}
*/

.news-box .l{ float:left; width:560px;}

.news-box .r{float:right; width:570px;}

.news_box .c{ padding:20px 0; display:inline-block; padding-bottom:0px;}
.news_box .c .p{ float:left; width:390px;}
.news_box .c .p img{ width:100%;}
.news_box .c .t{ float:left; width:418px; padding-left:20px;}
.news_box .c .t .toutiao{ border-bottom:#ccc dotted 1px; padding:0 5px 5px 5px; line-height:180%; padding-bottom:5px;}
.news_box .c .t .toutiao b{ font-size:14px;}
.news_box .c .t .toutiao p{ font-size:12px;}


.news_box .c .t ul{ height:256px; overflow:hidden;}
.news_box .c .t ul li{ background:url(../images/list_icon.jpg) no-repeat 10px 10px; height:32px; line-height:32px; padding-left:28px; font-size:12px;}
.news_box .c .t ul li span{ float:right;}


/*鐒︾偣鍥�*/ 

.swiper-news{width:575px; height:500px; overflow:hidden; position:relative;}

.swiper-news .swiper-wrapper{vertical-align:bottom; height:290px;}
.swiper-news .swiper-wrapper img{width:100%!important; height:100%;}
.swiper-news .swiper-button{width:30px;height:60px; background:rgba(208,208,208,.3);text-align:center;}
.swiper-news .swiper-button i.fa{color:silver;margin-top:10px;font-size:40px;}
.swiper-news .swiper-button:hover{background:rgba(175,175,175,.3);}
.swiper-news .swiper-button:hover i.fa{color:#858585;}
.swiper-news .swiper-pagination-bullets{bottom:0;}
.swiper-news .swiper-pagination-bullet{width:68px;height:3px;background-color:rgba(188,188,188,.9);}
.swiper-news .swiper-pagination-bullet:not(:last-child){margin-right:20px;}
.swiper-news .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(115,115,115,.9);}


.swiper-news-next,.swiper-news-prev{position:absolute;top:30%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.swiper-news-next.swiper-news-disabled,.swiper-news-prev.swiper-news-disabled{opacity:.35;cursor:auto;pointer-events:none;}
.swiper-news-prev,.swiper-container-rtl .swiper-news-next{ left:0px;right:auto; font-size:30px;}
.swiper-news-prev.swiper-news-black,.swiper-container-rtl .swiper-news-next.swiper-news-black{}
.swiper-news-prev.swiper-news-white,.swiper-container-rtl .swiper-news-next.swiper-news-white{}
.swiper-news-next,.swiper-container-rtl .swiper-news-prev{ right:0px;left:auto;}
.swiper-news-next.swiper-news-black,.swiper-container-rtl .swiper-news-prev.swiper-news-black{}
.swiper-news-next.swiper-news-white,.swiper-container-rtl .swiper-news-prev.swiper-news-white{}

.swiper-slide .p a{ display: block; width: 100%; height: 290px;} 

.s-tit{ position:absolute; top:290px; left:0px; width:100%; height:205px; background-color:#fff; padding:20px 30px; box-sizing: border-box ; text-align:left; line-height:200%;}
.s-tit b{ font-size:22px; font-weight:lighter; color:#000;}
.s-tit b a{color:#000;}
.s-tit i{font-size:14px; font-style:normal; display:block; padding:0; color:#666;}
.s-tit p{font-size:14px; color:#666;}


.index_news{ width:100%; float:left;} 
.index_news li{ width:100%; height:108px; overflow:hidden; float:left; padding:10px; box-sizing:border-box;  text-align:left; margin:0px 0px 21px 0px; display:inline-block; background-color:#fff;}
.index_news li .date{ width:98px; height:98px;  text-align:center; float:left; color:#005299;}
.index_news li .date b{ height:56px; line-height:56px;  font-size:40px; width:100%; display:block;}
.index_news li .date span{width:100%; height:25px; line-height:160%; font-size:18px; display:block;}

.index_news li:hover{ background-color:#02559D; color:#FFF ;} 
.index_news li:hover .date{ color:#EBEBEB;}
.index_news li:hover a{ color:#FFF;}

.index_news li .p{ padding-bottom:20px; width:166px; height:166px; margin:20px auto;}
.index_news li .p a{width:166px; height:166px; display:block; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff; background-size:cover;}

.index_news li .p img{ width:166px; height:166px; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff;}
  
.index_news li:hover .p img{}



.index_news li .t{ float:left; width:450px; padding-left:15px;}
.index_news li .t b{ font-size:22px; line-height:200%; color:#333; display:block; font-weight:lighter;}
.index_news li .t b a{color:#000;}
.index_news li .t span{ font-size:14px; line-height:120%;}
.index_news li:hover .t a{color:#fff;}

.secondarybar .header-module{ display: inline-block;}
.iconbox-inline{flex-direction: initial !important; -ms-flex-direction: initial !important;}
.header-module .iconbox{ display: inline-block;}