@charset "utf-8";
/* CSS Document */
.wrap_banner{width: 100%;overflow: hidden;margin-top: 20px}
#main{width:1200px;overflow:hidden;margin:0 auto ;}
body{overflow-x:hidden;}
.Banner .flexslider .slides > li a{height: 0;padding-bottom: 38.54%;overflow: hidden;display: block;}

.content{width:100%;overflow:hidden;margin:0px auto;}
.mode01,.mode02,.mode03{max-width:1200px;margin:30px auto;overflow:hidden;}
.mode01 .lf{width:47.5%;float:left;overflow: hidden;}
.mode01 .rt{width:47.5%;float:right;overflow: hidden;}
.articleList{}
.articleTitle{border-bottom: 1px solid #ccc;padding-bottom:10px;overflow: hidden;margin-bottom: 20px;}
.articleTitle .more{float: right;margin-top:20px;color:#017575;}
.articleTitle h2{font-size: 20px;font-weight: normal;padding-left: 55px;background: url(../../images/bj2020/title01.png) no-repeat center left;float: left;height: 46px;line-height: 46px;}
.articleTitle h2.title01{background-image: url(../../images/bj2020/title01.png);}
.articleTitle h2.title02{background-image: url(../../images/bj2020/title02.png);}
.articleTitle h2.title03{background-image: url(../../images/bj2020/title03.png);}
.articleTitle h2.title04{background-image: url(../../images/bj2020/title04.png);}
.articleTitle h2.title05{background-image: url(../../images/bj2020/title05.png);}

.articleTitle01{margin-bottom: 0;}

.NoticeList{overflow: hidden;}
.NoticeList li{margin-bottom: 16px;overflow: hidden;}
.NoticeList li span{float: left;width: 50px;border-right: 1px solid #ccc;text-align: left;}
.NoticeList li span i{font-size: 14px;color:#999;display: block;font-style: normal;letter-spacing: 1px;font-family: 'Arial';}
.NoticeList li span strong{font-weight: normal; font-size: 30px;color:#0a4381;font-family: 'Book Antiqua','Arial';}
.NoticeList li .notice{margin-left: 73px;border-bottom: 1px dashed #e5e5e5;padding-bottom: 10px;}
.NoticeList li .notice a{display: block;font-size: 14px;height: 20px;line-height: 20px; overflow: hidden;font-weight: bold;color:#666;}
.NoticeList li .notice p{color:#999;font-size: 12px;line-height: 18px;height: 18px;overflow: hidden;margin-top: 10px;}
.NoticeList li .notice a:hover{color:#f8ae31;}

.NewsBox{overflow: hidden;}
.NewsTop{overflow: hidden;}
.NewsTop a{display: block;}
.NewsTop a .left{float: left;width: 293px;overflow: hidden;height: 0;
padding-bottom: 34.5%;}
.NewsTop a .left img{display: block;width: 100%;	transform:scale(1);
-ms-transform:scale(1); 	/* IE 9 */
-moz-transform:scale(1); 	/* Firefox */
-webkit-transform:scale(1);/* Safari 和 Chrome */
-o-transform:scale(1);	/* Opera */
transition: all .4s;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease; }
.NewsTop a:hover .left img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.105); 	/* Firefox */
-webkit-transform:scale(1.05);/* Safari 和 Chrome */
-o-transform:scale(1.05);	/* Opera */}

.NewsTop a .right{margin-left: 325px;}
.NewsTop a .right h3{font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;margin-bottom: 10px;}
.NewsTop a .right i{color:#999;display: block;font-family: 'Arial';font-size: 14px;margin-bottom: 10px;}
.NewsTop a .right p{font-size: 12px;line-height: 25px;height:100px; color:#666;overflow: hidden;}
.NewsTop a:hover .right h3{color:#f8ae31;}


.NewsList{overflow: hidden;margin-top: 37px;}
.NewsList li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #e5e5e5;}
.NewsList li p{height: 20px;overflow: hidden;}
.NewsList li span{font-size: 14px;color:#999;float: right;font-family: 'Arial';font-style: italic;margin-top: 5px;}
.NewsList li a{font-size: 14px;color:#666;font-weight: bold;padding-left: 35px;background: url(../../images/bj2020/icon1.png) no-repeat center left;}
.NewsList li a:hover{color:#f8ae31;}




.ImportantList{overflow: hidden;width: 102.5%;}
.ImportantList li{float: left;width: 33.33%;*width: 32.33%;overflow: hidden;}
.ImportantList li a{display: block;margin-right: 30px;overflow: hidden;}
.Important{overflow: hidden;}
.Important .dateTime{height: 40px;line-height: 40px;background: #95e1d3;transition: all 0.5s ease;}
.Important .dateTime span{display: block;font-size: 16px;color:#fff;padding-left: 20px;font-family: 'Book Antiqua','Arial';letter-spacing: 1px;}
.Important .info{background: #f5f5f5;padding:20px;overflow: hidden;}
.Important .info h3{color:#666;font-size: 15px;margin-bottom: 15px;height: 20px;overflow: hidden;}
.Important .info p{color:#999;font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;}

.ImportantList li a:hover .Important .info h3{color:#f8ae31;}
.ImportantList li a:hover .Important .dateTime{background: #f8ae31;}


.DownBox{border:2px solid #e5e5e5;border-top:1px solid #e5e5e5;overflow: hidden;}
.DownList{padding:40px 0px;overflow: hidden;}
.DownList  li{float: left;width: 20%;text-align: center;}
.DownList  li:last-child a{border-right: none;}
.DownList  li a{display: block;border-right: 1px solid #ddd}

.DownList  li a img{transform:rotateY(0deg);
-ms-transform:rotateY(0deg); 	/* IE 9 */
-moz-transform:rotateY(0deg); 	/* Firefox */
-webkit-transform:rotateY(0deg); /* Safari 和 Chrome */
-o-transform:rotateY(0deg); 	/* Opera */
transition: all .4s;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.DownList  li a:hover img{transform:rotateY(180deg);
-ms-transform:rotateY(180deg); 	/* IE 9 */
-moz-transform:rotateY(180deg); 	/* Firefox */
-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
-o-transform:rotateY(180deg); 	/* Opera */}
.DownList  li a p{font-weight: bold;font-size: 16px;color:#666;margin-top: 5px;transition: all .4s;height: 20px;overflow: hidden;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;}
.DownList  li a:hover p{color: #f8ae31;}

.LinksBox{overflow: hidden;}
.LinksBox .LinksLeft{float: left;width: 48%;overflow: hidden;}
.LinksBox .LinksRight{float: right;width:48%;overflow: hidden;}
.LinksInfoBox{overflow: hidden;border:1px solid #e5e5e5;}
.LinksTitle{background: #f5f5f5;height: 40px;line-height: 40px;}
.LinksTitle h4{padding-left: 20px;font-size: 20px;color:#666;font-weight: normal;}
.linksList{padding:10px 15px 20px 15px;overflow: hidden;}
.linksList li{margin: 5px 0;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 20px;background: url(../../images/bj2020/link.png) no-repeat  left center;}
.linksList li a{ font-size: 14px;color:#666;}
.linksList li a:hover{color:#f8ae31;}


@media screen  and (max-width:1250px) {
	#main{width: 100%;}
	.mode01,.mode02,.mode03{width:90%;margin:20px auto 20px;}
	.TopCon a h2{margin-bottom:0;}
	.content{background: none;}
	.mode01 .lf{width:50%;}
	.mode01 .rt{width:46%;}
	/*.NewsTop a .left{width: 228px}*/
	/*.NewsTop a .right{margin-left: 240px;}*/
}

@media screen  and (max-width:1024px) {
	.wrap_banner{margin-top: 0;}
	.NewsTop a .left{width:200px;}
	.NewsTop a .right{margin-left: 220px;}
	.DownList li a p{font-size: 14px;}
	.DownList li a img{width:50px; }
	.DownList{padding:20px 0;}
	.LinksBox .LinksLeft{width: 100%;float: none;}
	.LinksBox .LinksRight{width: 100%;float: none;margin-top: 20px;}
	.linksList01 li{width: 50%;}
	
}
@media screen and (max-width: 800px) {
  .flex-direction-nav .flex-prev { opacity: 0; left: 0px;}
  .flex-direction-nav .flex-next { opacity: 0; right: 0px;}
  .flex-direction-nav a{top:65%;}
	.mode01 .lf{width:100%;float: none;}
	.mode01 .rt{width:100%;float: none;margin-top:20px;}	
	.flexslider .til_slides p{font-size: 14px;}
	.ImportantList li{width: 100%;float: none;margin-bottom: 20px;}
	.ImportantList {width: 100%;}
	.ImportantList li a{margin-right: 0;}
	.Important .info h3,.Important .info p{height: auto;}
	 .NewsList{margin-top: 20px;}
	 .NewsTop a .left{height: auto;padding-bottom: 0;}
	 .NewsTop a .right h3{height: auto;}
	 .NewsTop a .right p{height: 50px;}

	 

}
@media screen  and (max-width:640px) {
	.flexslider .til_slides{/* display: none; */}
	.articleTitle h2 {
    font-size: 17px;
    padding-left: 35px;

    height: 39px;
    line-height: 37px;
    background-size: 29% auto;}
    .articleTitle h2.title04{background-size: 16% auto;}
    .articleTitle .more{margin-top: 13px;}
    .NewsList li:last-child,.NoticeList li:last-child,.ImportantList li:last-child{margin-bottom: 0;}
    .DownList li{width: 33.33%;margin-bottom: 20px;}
    .linksList01 li{width: 100%;float: none;}

}

@media screen and (max-width:480px){
	
	.NewsTop a .left{width: 100%;float: none;}
	.NewsTop a .right{margin-left: 0;margin-top: 20px;}
	.NewsTop a .right h3,.NewsTop a .right p{height: auto;}
	.DownList li{width: 100%;float: none;margin-top: 0px;margin-bottom: 10px;}
	.DownList{padding:0;}
	.DownBox{border:none;margin-top: 20px;}
	.DownList li a img{display: none;}

	.DownList li a{border-right: none;padding:6px;}
	.DownList li{background: #fbd68e;}
	.DownList li:nth-child(2){background: #9fd5fd;}
	.DownList li:nth-child(3){background: #f9a898;}
	.DownList li:nth-child(4){background: #c6a2fb;}
	.DownList li:nth-child(5){background: #c7ea92;}
	.NoticeList li span i{font-size: 12px;}
	.NoticeList li span strong{font-size: 24px;}
	.NoticeList li span{width: 37px;}
	.NoticeList li .notice{margin-left: 52px;border-bottom: none;}
	
	.NewsList li p{height: auto;}
	.NewsList li span{float: none;display: block;padding-left: 35px;}
	.NewsList li a{display: block;margin-top: 10px;}
	.NewsList li{padding-bottom: 10px;margin-bottom: 10px;}



}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	.NoticeList li .notice a{height: auto;}
	.NoticeList li .notice p{display: none;}
}