@charset "utf-8";
body {color: #333;font-size: 14px;font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;margin:0 auto;position:relative;}
.img-hide{ overflow:hidden; }
.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1430px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.dh li:nth-child(2){ animation-delay:0.2s; }
.dh li:nth-child(3){ animation-delay:0.4s; }
.dh li:nth-child(4){ animation-delay:0.6s; }
.dh li:nth-child(5){ animation-delay:0.8s; }
.dh li:nth-child(6){ animation-delay:1s; }
.dh li:nth-child(7){ animation-delay:1.2s; }
.dh li:nth-child(8){ animation-delay:1.4s; }
.dh li:nth-child(9){ animation-delay:1.4s; }
.dh li:nth-child(10){ animation-delay:1.4s; }
.dh li:nth-child(11){ animation-delay:1.4s; }
.dh li:nth-child(12){ animation-delay:1.4s; }
.dh li:nth-child(13){ animation-delay:1.4s; }
.dh li:nth-child(14){ animation-delay:1.4s; }
.dh li:nth-child(15){ animation-delay:1.4s; }
.dh li:nth-child(16){ animation-delay:1.4s; }
.dh li:nth-child(17){ animation-delay:1.4s; }
.dh li:nth-child(18){ animation-delay:1.4s; }
.dh li:nth-child(19){ animation-delay:1.4s; }
.dh li:nth-child(20){ animation-delay:1.4s; }

.logo-box{ height:224px; background: url(../images/banner.jpg) center no-repeat;}
.toplink{padding:10px;}
.header{width:1200px;margin:0 auto;padding:2% 0;height:90%;}
.logo{width:90%;height:100%;}
.logo a{width: 100%;height: 100%;display: block;}
.search{    position: relative;top: -10px;right: 50px;}
.abstract{height:304px;  overflow:hidden;}
.abstract p{text-indent: 2em; font-size: 15px; line-height: 38px;}
.abstract a{color:#999;}
.abstract img{margin:0; width:100%;height:auto;}
.leftimg{margin-top:10px;}
.list-ul{min-height:320px;}




.btn-ss{ position: absolute; right: 10px; top: 0; bottom: 0; width: 16px;  border:none; box-shadow: none; }
.search-box .form-control::-webkit-input-placeholder{ color:#fff !important;}
.search-box .form-control::-moz-input-placeholder{ color:#fff !important;}
.search-box .form-control::-ms-input-placeholder{ color:#fff !important;}
.nav-box{ z-index: 1000000; position: relative;background: #0c4daf;}
.nav-list{width: 85%;float:left;}
.nav-list li{float: left;width: 12.5%;text-align: center;position: relative;}
.nav-list li a{ display: block; line-height: 50px; font-size: 18px; color: #fff; }
.nav-list li a:hover{color: #fce405;font-weight: bold; }
.nav-down{ position: absolute; display: none; z-index: 100000; background:#0c4daf; left: 0; top: 100%; width: 100%; text-align: center; }
.nav-down li{ float: none; width: 100%; }
.nav-list li:hover{ background: #0c4daf; }
.nav-down li a{ height: 37px; line-height: 37px; font-size: 14px; color: #fff!important; }
.nav-down li a:hover{ background: #0c4daf; color: #fce405!important; }
.nav-list li:hover .nav-down{ display: block; }
.nav-click {display: none;}
.searchbox{width: 15%;float:right;line-height: 50px;position:relative;}
.searchbox input{vertical-align:center;}
.searchbox input[type="text"]{width: 100%;height: 30px;border-radius: 30px;border: 1px solid #fff;background: #0c4daf;text-indent: 10px;color: #fff;}
.searchbox input[type="submit"]{width:30px;height:30px;line-height:30px;background:url('../images/search.png') no-repeat center center;border:0;position:absolute;right: 5px;top:50%;transform:translateY(-50%);z-index: 10;}
.left-width{ width: 62.5%; }
.title,.title2{padding-left: 10px; position: relative; margin-bottom: 23px; font-size: 20px; color: #0c4daf; margin-top:50px; }
.title2{margin-top:10px;background: #f2f2f2;line-height:45px;padding-left: 0;height: 45px;}
.title:before{ display: block; content: ""; position: absolute; left: -5px; bottom: 0px; height:100%; background: #0c4daf; width: 6px;  }
.title a,.title2 a{ font-size: 14px; color: #999; }
.title2 a{padding-right:10px;}
.title img{ position: absolute; left: -54px; bottom: 0; }
.titles{color:#0c4daf;padding:0 15px;}
/* .titles{background: #0c4daf;color:#fff;padding:0 15px;} */
.slick-p{ font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow:hidden; }
.slick-left{ width: 100%; overflow:hidden; }
.slick-left img{ width: 100%;height: 100%; }
.slick-left .slick-dots{ bottom: 0;right: 0%; width: auto; }
.slick-left .slick-dots li{ height: 15px; display: block; float: left; width: 15px; background:url(../images/cir1.png) no-repeat center; }
.slick-left .slick-dots li button{ opacity: 0; height: 15px; width: 15px; }
.slick-left .slick-dots li.slick-active{ background:url(../images/cir2.png) no-repeat center; }

.link-img{ margin-top: 30px; }
.over-box{ overflow:hidden; margin-top: 20px;}
.slick-left{ width: 100%; }
.slick-left img{ width: 100%; height: 270px; }
.slick-tt{ text-align:left; padding:14px 20px 0 0px; font-size: 14px; color: #464545; }
.list-ul1 li,.list-ul2 li{ line-height: 38px; padding-right: 128px; position: relative;background: url(../images/li.png) no-repeat left center;padding-left:18px; }
.list-ul1 li a,.list-ul2 li{ font-size: 15px; color: #333; }
.left-width-l{ width: 49%; padding-right: 30px; }
.list-ul1{ width: 51%;}
.list-ul1 li span,.list-ul2 li span{ position: absolute; right: 0; top: 0; font-size: 14px;color:#999999;}
.right-width-r{ width: 34.6%; }
.list-ul-lg{ width: 100%; }
.left-width-b{ width: 48.5%; }
.over-box{ overflow:hidden; }
.col-xs-4,.col-xs-8{ padding:0 25px; }
.row{ margin:0 -25px; }
.friends-back{ background: #f2f2f2; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; }
.friends-list li{ float: left; margin-left:40px; margin-top: 10px; }
.friends-list li a{ font-size: 15px; color: #333; }
.footer{background: #0c4daf;padding: 20px 0;color: #fff;margin-top: 30px;position: relative;z-index: -1;}
.footer p{margin:0;line-height:30px;color:#fff;}
.footer p a{color:#fff;}
.tz-list li{ height: 83px; border-bottom: dashed 1px #d3d3d3; padding-top: 15px; position: relative; padding-left: 80px; }
.tz-list li a{ display: block; font-size: 15px; color: #333; height: 42px; overflow:hidden; }
.tz-list li:last-child{ border:none; }
.list-ul1 li a:hover,.list-ul2 li a:hover,.tz-list li a:hover,.title a:hover,.friends-list li a:hover{ color: #0c4daf; }
.slick{ margin:0; overflow:hidden; }

/* list */
.left-width{ width: 280px; margin-top: 35px; }
.left-width-tt{ background: #0c4daf; height: 60px; line-height: 60px; font-size: 18px; color: #fff; }
.left-nav-list li a{ display: block; position: relative; line-height: 47px; border-top: solid 1px #fff; font-size: 16px; color: #333; background: #eef0ef; }
.left-nav-list li a:hover,.left-nav-list li.active a{ background: #dae8f8; color: #0d4eaf; }
.left-nav-list li a:hover:before,.left-nav-list li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #0d4eaf; }
.nav-b{ color: #333; margin-bottom: 25px; border-bottom: solid 1px #d9d9d9; padding:10px 0; padding-left: 25px; background: url(../images/icon-b.png) left center no-repeat; }
.nav-b a{ color: #333; }
.right-width{ width: 1080px; margin-top: 30px; }
.list-ul li{ line-height: 35px; position: relative; padding-right: 100px; }
.list-ul li > span{ position: absolute; right: 0; top: 0; color: #999; }
.list-ul li a{ padding-left: 20px; font-size: 15px; color: #333; position: relative;background:url(../images/li.png) no-repeat left center; }
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #224caa; border-color: #224caa; color: #fff; }
.page-box{ padding:30px 0 0 0; }
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-box{ display: inline-block; }
.page-r{ margin:20px 0; }
.nav-click {display: none;}
.list-ul li a:hover,.nav-b a:hover,.img-list-box a:hover{ color: #224caa;border-bottom:dottod 1px #224caa; background:url(../images/li2.png) no-repeat left center;}

/* content */
.article-tt{ font-size: 20px; color: #333; margin:40px 0; }
.article-date{ background: #f3f3f3; padding:15px 0; color: #666; }
.article-date span{ padding:0 20px; }



.article-p{ padding:10px 0; overflow:hidden;}
.article-p p{ font-size: 15px; color: #666; line-height: 30px; text-align: justify;padding-bottom: 10px; }

.article-p .art-tit { text-align: center;    border-bottom: 1px dotted #e5e5e5;    margin-top: 40px;}
.article-p .art-tit h2 {   color: #000000;    font-weight: normal;    font-size: 24px;    margin-bottom: 10px;}
.article-p .art-tit h3 {      color: #333;    font-weight: normal;    font-size: 20px;    margin-bottom: 10px;}
.article-p .information {text-align: center;	font-size: 16px;font-weight: normal;color: #666;padding:10px 0;}
.article-p .art-body p {	text-indent: 2em;	font-size: 16px;line-height: 30px;	margin-bottom: 20px;}

.article-p .art-body img {	max-width: 80% !important;	display: block;	margin: 0 auto;}

.article-p .art-body table{ font-size:14px; margin-top:15px; margin-bottom:15px; width:100%; border-collapse: collapse;}
.article-p .art-body table a{ color:#323232;}
.article-p .art-body table a:hover{ color:#018b8d; text-decoration:underline;}
.article-p .art-body table img{ max-width:600px;}
.article-p .art-body table td{ text-align:center; padding:5px 10px; border:1px #bbb solid;}
.article-p .art-body table td:hover{ background:#eef4fa;}
.article-p .art-body table td p{ text-indent:0px; margin:0; padding:0;}




.article-a p a{ font-size: 15px; color: #333; }
.article-a{ padding-bottom: 20px; }








.about-p{ padding:10px 0; }
/**********piclist**********/
.img-list li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 30px; }
.img-list{ margin:0 -15px; padding-top: 10px; }
.img-list-img img{ width: 100%; }
.img-list-bottom{ background: #f4f4f4; display: block; padding:15px 15px; font-size: 16px; color: #555; line-height: 30px; }
.img-list-bottom p{ margin:0;  overflow:hidden; }
.pagination > li > a, .pagination > li > span{ margin:0 3px; border-radius: 0!important; color: #888; }
.linkbox li{/* width: 12.5%; */float: left;text-align: center;font-size: 16px;height: 30px;line-height: 30px;padding-left: 30px;}


@media( max-width: 1499px){
    .container{ width: 1200px; }
    .right-width{ width: 850px; }
    .searchbox{width: 100%;float:right;}
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.right-width{ width: 630px; }
        .searchbox{width: 100%;float:right;}
}
@media( max-width: 991px){
    .logo-box{height: 150px;/* background: url(../images/bg2.jpg) center/cover no-repeat; */position: relative;z-index: 999999999;background-size: cover;}
	.header{width:100%;padding:20px 15px 15px 15px;}
	.container{ width:100%;}
	.center img{width:50%;display: block;margin: auto;}
	.menu-button {display: block;}
	.nav-list{position: absolute;display: none;z-index: 10000000;border-top: solid 1px #ddd;left: 0;top: 100%;right: 0;box-shadow: 1px 2px 3px #ddd;background: #0c4daf;width: 100%;}
	.nav-list li{ width: 100%; float: none; margin:0; text-align: left; line-height: 40px; }
	.nav-list li a{ height: 40px; line-height: 40px; padding:0 15px; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-list li:hover{ background: none; }
	.nav-list li:hover a{ color: #fce405; }
	.nav-down{ display: none; position: static;background: rgba(255,255,255,0.2)!important;}
	.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	.nav-click.active{ transform: rotate(180deg); }
	.search-box{ margin:15px auto; float: none!important; }
	.searchbox{float:left;width: 50%;}

	.nav-box{ position: relative; height: 50px; }
	.logo img { height: 95%; height:auto; margin:10px auto;}
	.logo{width: 85%; top:10%;}
	.col-xs-4,.col-xs-8{ width: 100%;  }
	.left-width-l{ width: 100%; margin-bottom: 25px; padding:0; }
	.list-ul1{ width: 100%; }
	.title{ margin-top: 30px; margin-bottom: 20px; }
	.link-img{ margin-top: 10px; }
	.friends-tt{ width: 100%; text-align: center; }
	.friends-list li{ margin-left:0; margin-right: 15px; }
	.friends-back{ margin-top: 20px; }
	.footer{ padding:15px 0 15px 0; }
	.footer span{ display: block; }
	.footer p{ margin:0; line-height: 25px; }
	.list-ul1 li{ line-height: 35px; }
	.right-width,.left-width{ width: 100%; margin-top: 20px; }
	.img-list li{ width: 50%; margin-bottom: 20px; }
	.footer{margin-top:20px;}
	.linkbox li{width:25%;padding-left: 0;}
	.abstract{height:auto;
}
@media( max-width: 576px){
	.logo-box{height: 130px;/* background: url(../images/bg3.jpg) center/cover no-repeat; *//* position: relative; *//* z-index: 999999999; */}
        .logo{/* width: 85%; */position: absolute;/* top:105%; */}
        .searchbox{float:left;width: 50%;}

	.img-list li{ width: 50%; margin-bottom: 20px; }
	.img-list-bottom {background: #f4f4f4;display: block;padding: 0.8em 0em 0.8em 0.8em;font-size: 14px;color: #555;line-height: 30px;}
	.article-tt {font-size: 22px;color: #555;margin: 1em 0;line-height: 1.5em;}
	.article-p {padding: 2em 0;overflow: scroll;}
	.linkbox li{width:33.33%;}
}
@media(min-width:991px){
.nav-list{display: block !important;}

}