﻿
/****************************container-top**************************/

.container-top {
    margin-top:0px;
	min-width:1150px;
}


/****************????????????*******************************************/

.container-top .container-top-left {
    width: 355px;
}

.container-top .container-top-left .headlines {
    height: 24px;
    line-height: 24px;
}

.container-top .container-top-left .headlines .headlines-img {
    width: 46px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.container-top .container-top-left .headlines .headlines-title {
    height: 24px;
}

.container-top .container-top-left .headlines .headlines-title a {
    padding-left: 10px;
    font-size: 18px;
    color: #215796;
}

.container-top .container-top-left .headlines .headlines-title a:hover {
    text-decoration: underline;
}


/****************????????????*******************************************/

.container-top .container-top-center {
    margin-left: 15px;
    width: 516px;
    overflow: hidden;
}


/****************????????????*******************************************/

.container-top .container-top-right {
    margin-left: 15px;
    width: 249px;
	overflow:hidden;
	position:relative;
}


/**************************?????????****************************/

.container-top .container-top-right .tools table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 249px;
}

.container-top .container-top-right .tools table tr td {
    width: 81px;
    height:88px;
    vertical-align: middle;
    border: 1px solid #E5E5E5;
    text-align: center;
}

.container-top .container-top-right .tools table tr td a {
    display: block;
    width: 79px;
}

.container-top .container-top-right .tools table tr td a:hover {
    opacity: .7;
    color: #4C4C4C;
}

/**/


/*************************************?????????****************************/

.container-top .container-top-right .time {
    height: 330px;
    width: 247px;
    margin-top: 12px;
    border: 1px solid #E5E5E5;
}

.container-top .container-top-right .time .time-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding-left: 35px;
    background: url(img/time.png) no-repeat 10px center;
}

.container-top .container-top-right .time .scrolly {
    height: 339px;
}


/********************************?????????********************************************/

#timeline {
    overflow: hidden;
    /*position: relative;*/
    background: url('img/dot.png') 35px 0 repeat-y;
}

#dates {
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
}

#dates li {
    list-style: none;
    background: url('img/biggerdot.png') 33px 6px no-repeat;
    overflow: hidden;
    margin-top: 10px;
}

#dates li .issues {
    margin-left: 15px;
}

#dates li p {
    margin: 0;
    line-height: 2.5;
}

#dates .issues .issue-title {
    height: 20px;
    background: url('img/toolarrow.png') 0 center no-repeat;
    padding-left: 3px;
}

#dates .issues .issue-title .issue-month {
    height: 20px;
    line-height: 20px;
    width: 50px;
    background-color: #306BAF;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

#dates li .ht {
    line-height: 20px;
    height: 20px;
    padding-left: 2px;
}


/*************************** 2020 new add***********************/
.linian {
    border: 1px solid #c9cac9;
    margin-top: 10px; font-size:12px;
}

.linian b {
    font-size:16px; padding-top:4px;
}

.linian .title {
    height: 35px;
    line-height: 45px;
}

.linian .title img {
    /*vertical-align: middle;*/
    padding: 12px 8px 0;
}

.linian .title span {
    float: right;
}

.linian .title span a:last-child {
    border: 1px solid #c9cac9;
    border-radius: 5px;
    padding: 0px 5px;
}

.nian {
    padding: 10px;
}

.nian a {
    border: 1px solid #ecedec;
    padding: 2px 6px;
    border-radius:5px;
    margin: 3px;
    display: inline-block;
}

.nian a:nth-child(5n+1) {
  
}




.time-box:after,.table-bot:after,.box-kc:after,.time-box .time-nur:after,.m-listen-t:after,.jiaocai_con:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.list-a a,.m-listen span,.m-listen a:hover i,.time-box .tim-cl i,.box-lc dd i,.box-lc dd h3.hh em,.title-in .active i,.dqyb .active i,.title-in span a.more,.ks-dg-con li i,.jiaocai_con dd a i,.tm-tit a i{background: url(img/cj.png) no-repeat;}


.time-box{ position:relative;  border: 1px solid #c9cac9;    margin-top: 10px;}
.time-box .tim-cl{ width:30px; height:98px; float:left; display:block; background:#fcfcfc; border-right:1px solid #eee;}
.time-box .tim-cl i{ width:46px; height:46px; display:block; background-position:-48px -27px; position:absolute; left:8px; top:25px;}
.time-box .time-nur{ text-align:center; font-weight:bold; zoom:1;}
.time-nur p{ font-size:14px; height:26px; overflow:hidden; line-height:26px; padding:10px 0 5px 0;}
.time-nur p em{ font-weight:bold; color:#ef322d; font-size:14px;}
.time-box .day{ width:170px; margin:15px auto 0; padding-left:20px; *width:170px;}
.time-box .day em{ padding:2px 12px; font-size:30px; color:#ef322d; border:1px solid #dedede; border-radius:30px; *font-size:32px; }




/******************** ?????????????????? *******************************/
  
.index_zsyx{background: #fff;padding-bottom: 18px; padding-top:20px;}
.index_zsyx .title {height: 39px;margin-bottom:0px;font-size:20px;color: #114790; font-weight:bold; border-bottom:1px solid #e2e2e2; position:relative;}
.index_zsyx .title i{display: block;width:104px;height: 3px;background: #28a7e1; position:absolute; left:0; bottom:-2px;}
.index_zsyx .title span { font-size:14px; text-align:right; float:right; height: 32px;line-height: 32px; margin-right:50px; }



.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:272px; background: #f6f6f6;float:left;text-align: center;margin-right: 20px;margin-top: 28px;height: 341px;border-bottom:2px solid #cecccd;position: relative; border-radius:5px 5px 0 0;}
.picScroll-left .bd ul li:nth-child(4n) {margin-right: 0px;}

.picScroll-left .bd ul li:before{content: " ";width: 100%;height: 118px;background: #3bafe4; position: absolute;left: 0;top: 0;z-index: 0; border-radius:5px 5px 0 0;}
.picScroll-left .bd ul li:after{content: " ";width: 100%;height: 3px;background: #f54141;position: absolute;left: 0;bottom: -3px;z-index: 3;width: 0;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.picScroll-left .bd ul li h4{text-align: center;line-height: 28px;padding-top: 17px;font-size: 20px;color: #fff;font-weight: bold;position: relative;z-index: 2;}
.picScroll-left .bd ul li h5{text-align: center;line-height: 22px;color: #fff;font-weight: normal;position: relative;z-index: 2;}
.picScroll-left .bd ul li img{display: block;width: 123px;height: 123px;margin: 10px auto 20px auto;border-radius: 50%;position: relative;z-index: 2;}
.picScroll-left .bd ul li p{font-size: 14px;line-height: 26px;color: #353535;height:80px;overflow: hidden;margin-bottom: 13px; padding:0 15px;}
.picScroll-left .bd ul li .btn{text-align: center;}
.picScroll-left .bd ul li .btn a{display: inline-block;*display: inline;*zoom: 1;width: 66px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #f2f2f2;
background: #fff;color: #3bafe4;margin: 0 5px;}
.picScroll-left .bd ul li .btn a:first-child{color: #12c4bc;}
.picScroll-left .bd ul li .btn a:nth-child(2){color: #ff0000;}
.picScroll-left .bd ul li:hover img{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.picScroll-left .bd ul li:hover:after{width: 100%;}
.picScroll-left .bd ul li .btn a:hover{color: #fff; background:#3bafe4;}
.picScroll-left .bd ul li .btn a.hvr-bounce-to-bottom:before{background: #1db39c;}
.picScroll-left .bd ul li .btn a:first-child.hvr-bounce-to-bottom:before{background: #1792c9;}
.picScroll-left .bd ul li .btn a:last-child.hvr-bounce-to-bottom:before{background: #fd7a7d;}
.picScroll-left .bd ul li.iLi2:before,.picScroll-left .bd ul li.iLi2:after{background: #1792c9;}


/*????????????END*/

.Index-Channe{  overflow:hidden; height:620px;padding:0; margin-top:15px;border-top:0; font-size:14px;}
.Index-Channe-Title{background-image: url(img/Fgx2.png);width:100%; background-repeat:no-repeat; height:50px; line-height:50px; }
.Index-Channe-Title a{color:#333;}
.Index-Channe-Title a:hover{color:red;text-decoration:underline;}
.Index-Channe-Title .I-C-T-left{float:left;width:350px;padding-left:24px;color:#fff;letter-spacing:1px;}

.Index-Channe-Title .I-C-T-left a{font-size:20px;color:#fff;font-weight:bold;}
.Index-Channe-Title .I-C-T-right{float:right;/*width:350px;*/}
.Index-Channe-Title .I-C-T-right ul { margin:0;padding:0;}
.Index-Channe-Title .I-C-T-right li{float:left;overflow:hidden;height:50px; line-height:50px;width:85px;text-align:center;}
.Index-Channe-Title .I-C-T-right li:first-child{border-left:0;}

.Index-Channe-Left{width:790px;height:566px;margin-left:0px; float:left;clear:both;}
.Index-Channe-Left ul.I-C-L-Title{width:100%;margin:0;padding:0;border-bottom:1px solid #e7e7e7;float:left;margin-top:15px;background: #fff;border: 1px solid #e7e7e7;border-bottom: none; font-size:16px;}
.Index-Channe-Left ul.I-C-L-Title li{float:left;height:40px;line-height:40px;width:95px;overflow:hidden;text-align:center;text-decoration:none;}
.Index-Channe-Left ul.I-C-L-Title li:hover{text-decoration:none;}
.Index-Channe-Left ul.I-C-L-Title li.cug{border-bottom:3px solid #013694;color:#013694;font-weight:bold;background-color:#fff;}
.Index-Channe-Left ul.I-C-L-Title li a{color:#333;display: block;text-decoration: none;}
.Index-Channe-Left ul.I-C-L-Title li a:hover{color:#ff3a40; }
.Index-Channe-Left ul.I-C-L-Title>span{float:right;height:40px;line-height:40px;width:95px;overflow:hidden;text-align:center;}

.Index-Channe-Left .I-C-L-Con{width:100%;float:left;background: #fff;height: 510px;border: 1px solid #e7e7e7;overflow:hidden; }
.Index-Channe-Left ul.I-C-L-Con-Ul{width: 392px;float: left;overflow: hidden;}
.Index-Channe-Left a{color:#333;    font-size: 14px;}
.Index-Channe-Left a:hover{color:red;text-decoration:underline;}
.Index-Channe-Left ul.I-C-L-Con-Ul li{float:left;width:350px;margin-right:16px;margin-left:22px; border-bottom:1px solid #e7e7e7;overflow:hidden;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.img-li{height:135px;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.img-li img{float:left;width:130px;margin-top:16px;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.img-li div{float:right;width:200px;margin-top:14px;margin-right: 6px;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.img-li div h5{height:26px;line-height:26px;width:100%;overflow:hidden;margin:0;white-space: nowrap; text-overflow: ellipsis;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.img-li div p{font-size:13px;color:#808080; padding:0;margin:9px 0 0 0;width:100%;line-height:22px;height:66px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.text-li{height:45px;line-height:45px;}

.Index-Channe-Left ul.I-C-L-Con-Ul li.text-li i.li-img-ioc{}
.Index-Channe-Left ul.I-C-L-Con-Ul li.text-li a{width:270px;overflow:hidden;float:left;white-space: nowrap; text-overflow: ellipsis;}
.Index-Channe-Left ul.I-C-L-Con-Ul li.text-li span{float:right;}
.Index-Channe-Right{width:340px;height:552px;overflow:hidden; float:right;border:1px solid #e7e7e7;margin-top:15px;background: #fff;}

.Index-Channe-Right ul.I-C-R-Ul li{font-size:13px; width:100%;float:left;border-bottom:1px solid #e7e7e7;line-height:45px;padding-left:10px;padding-right:10px;overflow:hidden;}
.Index-Channe-Right ul.I-C-R-Ul li.overflow{height:48px;overflow:hidden; width:100%;white-space: nowrap; text-overflow: ellipsis;}
.Index-Channe-Right ul.I-C-R-Ul li.tit{height:40px;line-height:40px;background-color:#f7f5f5;font-size:16px; font-weight:bold;}
.Index-Channe-Right ul.I-C-R-Ul li.tit span{color:#ff3a40;margin-right:10px;}
.Index-Channe-Right ul.I-C-R-Ul li b{color:#ff3a40;padding-left:5px;padding-right:5px;float:left;font-size:13px;margin-right: 12px;letter-spacing: 1px;}
.Index-Channe-Right ul.I-C-R-Ul li p{float:left;margin:0;padding:0;letter-spacing: 1px;}
.Index-Channe-Right ul.I-C-R-Ul li.desc{padding-bottom:10px;padding-top:10px; margin:0px;}
.Index-Channe-Right ul.I-C-R-Ul li.desc p{line-height:24px;width:230px;overflow:hidden;height:50px;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.Index-Channe-Right ul.I-C-R-Ul li p img{margin-right:12px;margin-top:20px;margin-bottom:20px;border:2px solid red;margin-left:5px;}
.Index-Channe-Right div.input-group{margin-top:10px;margin-bottom:0px;overflow: hidden!important;}
.Index-Channe-Right div.input-group button.btn{vertical-align:top;}




.listbox {

	min-height: 200px;
	margin: 0 auto;
	margin-top: 10px;
}

.listbox .hd_title {
	background: url(img/dbj.jpg) repeat-x;
	width: 100%;
	padding-top: 15px;
}

.listbox .hd_title span {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	padding-left: 20px
}

.listbox .hd_title .hd_columnlist {
	margin-right: 15px;
	color: #888;
}

.listbox .hd_title .hd_columnlist a {
	color: #888;
}

.listbox .hd_title .hd_columnlist a:hover {
	text-decoration: underline
}

.listbox .news {
}


.listbox .news .newslist {
	margin-bottom: 10px;
	width: 790px;
}


.news .news_left {
	width: 790px;
}

.listbox .news .frac {
	width: 340px;
}

.listbox .news .frac dl {
	margin-top: 12px
}

.listbox .news .frac dl dt {
	color: #0090c5;
	font-weight: 800;
	
	padding-left: 10px
}

.listbox .news .frac dl dd {
	color: #666666;
	margin-top: 5px;
	word-wrap: break-word;
}

.listbox .news .frac dl dd a {
	line-height: 22px;
	color: #666666;
}

.listbox .news .frac dl dd a:hover {
	color: #0090c5;
	text-decoration: underline
}



.tab {
	float: left;
	width: 790px;
	height: 222px;
	margin-bottom: 10px;
	border: 1px solid #03B1E8;
}

.tab h2 {
	padding: 0px 10px;
	float: left;
	background: #03B1E8;
	font-weight: 700;
	min-width:100px;
	line-height: 42px;
	text-align: center;
	color: white;
}

.tab-hd {
	border-width: 1px 1px 0px 0px;
	height: 42px;
	float:right;
}

.tab-hd li {
	float: left;
	display: block;
	width: 91px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	line-height: 42px;
	background: #fcf7f7;
}

.tab-hd li:first-child {
	margin-left: 0px;
}

.tab-hd li.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
	border-top: 2px solid #03B1E8;
}

.tab-hd a.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 2px solid #0090c5
}

.tab-hd li a {
	text-decoration: none;
}

.tab-bd li {
	display: none;
	padding: 10px 10px 0 10px;
}

.tab-bd li.thisclass {
	display: list-item;
	height: 160px;
}

.tab-bd li.thisclass p {
	font-size: 14px;
	padding-bottom: 8px;
	color: #666666;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	float: left;
	width: 50%;
}

.tab-bd li.thisclass p a {
	padding-left: 8%;
	color: #474747;
	height: 24px;
/*	width: 260px;  */
	overflow: hidden;
	display: inline-block;
	background: url(img/dian.png) 18px 10px no-repeat;
}

.tab-bd li.thisclass p i {
	float: right
}

.tab-bd li.thisclass p a:hover, .details .details_label a:hover, .details .details_page ul li a:hover, .details .details_rele .rele_news .rele_list ul li a:hover {
	color: #0090c5;
	text-decoration: underline;
}

.tab1 {
	width: 343px;
	float: left;
	margin-bottom: 10px;
	margin-right: 12px;
	overflow: hidden;
	border: 1px solid #03B1E8;
}

.tab1 h3 {
	height: 34px;
	line-height: 35px;
	padding-left: 6px;
	font-weight: 800;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: linear-gradient(#03B1E8,#3ab6dd);
}

.tab1 h3 a {
	color: #fff;
	text-decoration: none;
}

.tab1-hd {
	border-width: 1px 1px 0px 0px;
	height: 34px;
}

.tab1-hd li {
	float: left;
	width: 100%;
	color: #666;
	text-align: center;
	cursor: pointer;
	line-height: 34px;
	background: #fcf7f7;
}

.tab1-hd li:first-child {
	margin-left: 0px;
}

.tab1-hd li.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
}

.tab1-hd a.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 2px solid #0090c5
}

.tab1-bd {
	height: 290px;
}

.tab1-bd li {
	display: none;
}

.tab1-bd li.thisclass {
	display: list-item;
	margin-left: 7px;
}

.tab1-bd li.thisclass p {
	color: #333;
	font-size: 13px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	padding: 5px 11px 0;
}

.tab1-bd li.thisclass p a {
	height: 24px;
	width: 260px;
	overflow: hidden;
	display: inline-block;
	text-decoration: none
}

.tab1-bd li.thisclass p i {
	float: right
}

.tab1-bd li.thisclass p a:hover, .details .details_label a:hover, .details .details_page ul li a:hover, .details .details_rele .rele_news .rele_list ul li a:hover {
	color: #FF0000;
}

.tab2-hd {
	border-width: 1px 1px 0px 0px;
	height: 42px;
	width: 788px;
}

.tab2-hd li {
	float: left;
	display: block;
	width: 71px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	line-height: 42px;
	background: #fcf7f7;
}

.tab2-hd li:first-child {
	margin-left: 0px;
}

.tab2-hd li.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
	border-top: 2px solid #03B1E8;
}

.tab2-hd a.active {
	color: #0090c5;
	font-weight: 800;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 2px solid #0090c5
}

.righter {
	display: block;
	float: right;
	width: 340px;
}



.news_right{
	float: right;
	width: 288px;
	
}

.side {
	display: block;
	width: 340px;
}

.side2 {
	display: block;
	float: right;
	width: 288px;
	border-left: 1px solid #03B1E8;
	border-right: 1px solid #03B1E8;
	border-bottom: 1px solid #03B1E8;
}

.side .tit {
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.ewm {
	text-align: center;
	border-left: 1px solid #03B1E8;
	border-right: 1px solid #03B1E8;
	border-bottom: 1px solid #03B1E8;
	height: 186px;
}

.ewm img {
	margin: 20px 0 10px 0;
}

.ewm p {
	color: #b83435;
	font-weight: 700;
	font-size: 17px;
}


.right3 {
	float: right;
	width: 340px;
}

.right3-in {
	background: url(img/bt-bj_03.png) repeat-x;
	height: 30px;
	margin-bottom: 5px;
}

.right3-in span {
	width: 12px;
	height: 15px;
	float: left;
	background: url(img/jiantou.png) no-repeat;
	margin: 9px 5px 0 10px;
}

.right3-in h2 {
	font-size: 14px;
	font-weight: 700;
	color: #0050a0;
	line-height: 30px;
}


.r3-in {
	border-left: 1px solid #03B1E8;
	border-right: 1px solid #03B1E8;
	border-bottom: 1px solid #03B1E8;
	height: 429px;
}

.r3-in ul {
	background-image: url(img/hot_10_bj.png);
	background-repeat: no-repeat;
}

.r3-in li {
	padding-top: 1px;
	line-height: 32px;
	color: #333;
	margin-left: 25px;
	font-size:14px;
}

.r4-in {
	border: 1px solid #03B1E8;
	height: 255px;
}

.r4-in ul {
	background-image: url(img/hot_10_bj.png);
	background-repeat: no-repeat;
}

.r4-in li {
	padding-top: 1px;
	line-height: 24px;
	color: #333;
	margin-left: 25px;
}


.pub_title {
	background: linear-gradient(#03B1E8,#3ab6dd);
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: 800;
	font-size: 17px;
	padding-left: 10px;
	position: relative;
	border: 1px solid #1595FD;
	border-bottom: none;
}

.pub_title a {
	color: #ffffff;
}
