



.Banner { border-top: 1px solid #d8d8d8; }
.Banner .flexslider { position: relative; }
.Banner .flexslider .slides a { height: 0px; padding: 0 0 24% 0; display: block; }
.Banner .flexslider ul { overflow: hidden; }
.Banner .flexslider .flex-control-nav { position: absolute; z-index: 999; text-align: center; bottom: 10px; background: rgba(0,0,0,.5); padding: 5px 16px 5px 16px; left: 50%; border-radius: 50px; }
.Banner .flexslider .flex-control-nav li { width:14px;height:14px; display: inline-block; margin:0 0px 0 16px;   }
.Banner .flexslider .flex-control-nav li:first-child { margin-left: 0px; }
.Banner .flexslider .flex-control-nav a{display: block; text-indent: -9999px; cursor: pointer; text-indent: -9999; background-size: 14px;  width: 14px; height: 14px; background:url(../images/a_03.png);}
.Banner .flexslider .flex-control-nav a:hover,.Banner .flexslider .flex-control-nav a.flex-active { background-size: 14px; background:url(../images/a_hover_03.png);  }
.Banner .flex-direction-nav { display: none; }


.content { max-width: 1200px; margin: 30px auto; }
.mode01 { overflow: hidden; }
.mode01 .lf { width: 35%; float: left; }
.mode01 .rt { width: 61%; float: right; }

.science dl { margin: 25px 0 0 0; }
.science dt p {font-family: Arial; padding-left: 12px; font-size: 14px; color: #ffffff; font-weight: bold; height: 40px; line-height: 40px; background:-webkit-linear-gradient(left,rgba(4,167,222,1),rgba(53,195,56,1));/* Safari 5.1 - 6.0 */
           background:-o-linear-gradient(left,rgba(4,167,222,1),rgba(53,195,56,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(left,rgba(4,167,222,1),rgba(53,195,56,1));/* Firefox 3.6 - 15 */
           background:linear-gradient(left,rgba(4,167,222,1),rgba(53,195,56,1));/* 标准*/ }


 .title { height: 34px; line-height: 34px; border-bottom: 1px solid #cccccc; }
 .title h2 { width: auto; float: left; font-size: 24px; color: #333333; }
 .title span { font-size: 18px; color: #017fb1; font-family: Arial; margin: 0 0 0 8px; }
 .title a { float: right; border-radius: 50px; font-size: 14px; color: #666666; }
 .title a:hover { color: #1ead6b }




.mode02 { margin: 40px auto 0; overflow: hidden; }
.mode02 .lf { width: 62.5%; float: left; }
.mode02 .rt { width: 33.4%; float: right; }
.notice ul li { overflow: hidden; margin: 0 0 30px 0; }
.notice .date { width: 60px; height: 60px; background:#017fb1; border-radius: 50%; float: left; border-radius: 8px; }
.notice .day { text-align: center; height: 30px;  line-height: 40px; font-weight: bold; font-size: 24px; text-align: center; font-family: 'Times New Roman'; color: #ffffff; }
.notice .month { font-size: 12px; font-weight: bold; color: #ffffff; height: 30px; line-height: 25px; text-align: center; font-family: "Times New Roman"; }
.notice ul li .notice_right { margin: 0 0 0 70px; }
.notice ul li a {line-height: 56px; max-height: 24px; overflow: hidden; font-size: 16px;  line-height: 24px;  display: block; }
.notice ul { margin: 30px 0 0 0; }
.notice_con { font-size: 14px; line-height: 24px; overflow: hidden; height: 24px; color: #999999; }






.news dl { overflow: hidden; margin: 30px 0 0 0; }
.news dl dt { float: left; width: 48%; overflow: hidden; position: relative; padding: 0 0 10px 0; margin: 0 0 3px 0; background: url(../images/line02_03.png) repeat-x left bottom;}
.news dl dt:nth-child(even) { float: right; }
.news dl dd { float: left; width: 48%;}
.news dl dd:nth-child(even) { float: right; }
.news dl dt span { height: 120px; width: 215px; display: block; overflow: hidden; float: left; }
.news dl dt span img { height: 120px; width: 215px; }
.news dl dt a { margin: 0 0 0 228px; display: block; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; }
.news dl dt p { position: relative; bottom: 0px; text-align: right; font-family: ArialNarrow Bold,Arial; text-align: right; font-weight: bold; font-size: 14px; color: #017fb1; }
.news dl dd { width: 48%; float: left; padding: 18px 0 10px 0; background: url(../images/line02_03.png) repeat-x left bottom; }
.news dl dd:nth-child(even) { float: right; }
.n_date { width: 82px; height: 24px; overflow: hidden; }
.n_date .year {float: left; width: 36px; height: 24px; line-height: 24px; display: inline-block; color:#ffffff; font-size: 14px; background: #017fb1; background:-webkit-linear-gradient(left,rgba(2,99,138,1),rgba(54,173,220,1));/* Safari 5.1 - 6.0 */
           background:-o-linear-gradient(left,rgba(2,99,138,1),rgba(54,173,220,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(left,rgba(2,99,138,1),rgba(54,173,220,1));/* Firefox 3.6 - 15 */
           background:linear-gradient(left,rgba(2,99,138,1),rgba(54,173,220,1));/* 标准*/ font-family: ArialNarrow,Arial; text-align: center; }
.n_date .day { font-size: 14px; color: #017fb1; font-family: ArialNarrow,Arial;  width: 44px; height: 22px; line-height: 22px; float: left; border: 1px solid #cccccc; text-align: center; display: inline-block; }
.news dl dd a { font-size: 16px; line-height: 26px; padding: 10px 0 0 0; display: block; height: 58px; overflow: hidden; display: block; }
.news_con { font-size: 12px; color: #999999; line-height: 22px; height: 66px; overflow: hidden; }


@media screen  and (max-width:1386px) {
	.Banner .flexslider .flex-control-nav a { width: 10px; height: 10px; background-size: 10px; background-repeat: no-repeat; }
	.Banner .flexslider .flex-control-nav a:hover,.Banner .flexslider .flex-control-nav a.flex-active {width: 10px; height: 10px; background-repeat: no-repeat; background-size: 10px; }
	.Banner .flexslider .flex-control-nav li { margin: 0 0 0 10px; overflow: hidden; }
	.s_con h3 a { font-size: 15px; }
	.sc_con { font-size: 12px; }
	.content { max-width: 1000px; margin:25px auto; }
	.notice .day { font-size: 24px; }
	.notice .month { font-size: 12px; }
	.notice ul li a { font-size: 15px; line-height: 24px; }
	.notice .date { width: 50px; height: 50px; }
	.notice .day { line-height: 30px; height: 25px }
	.notice .month { line-height: 20px; height: 25px; }
	.news dl dt span { float: none; }
	.news dl dt a { margin: 10px 0 0 0; font-size: 15px; line-height: 24px; }
	.news dl dt p { text-align: left; margin: 10px 0 0 0; }
	.news dl dd.last { display: none; }
	.news dl dd a { font-size: 15px; }
}


/* CSS Document */
@media screen  and (max-width:999px) {
.content { width: auto; margin: 25px 15px 25px 15px; }
 .title a { height: 27px; line-height: 27px; }
 .title { height: 29px; line-height: 29px;}
.news dl dt span { float: left; width: 215px; }
.mode02 .lf { width: 100%; float: none; }
.notice ul {overflow: hidden;}
.notice ul li { width: 48%; float: left; }
.notice ul li:nth-child(even) { float: right; }
.mode02 .rt { width: 100%; float: none; margin: 40px 0 0 0; }
.news dl dt a { margin: 0 0 0 224px; max-height: 97px; }
.news dl dt p { margin: 10px 0 0 224px; }
}

@media screen  and (max-width:640px) {
	 .title h2 { font-size: 18px; }
	 .title span { font-size: 16px; }
	 .title a { height: 24px; line-height: 24px; }
 .title { height: 26px; line-height: 26px;}
.notice ul li a { font-size: 14px; }
.notice ul li { width: 100%; float: none; padding: 14px 0 14px 0; margin: 0px; }
.news dl dt { width: 100%; float: none; }
.news dl dt a { font-size: 14px; }
.news dl dd a { font-size: 14px; height: auto; }
.news_con { height: auto; }
.news dl dd { width: 100%; float: none; }
.news dl dt:nth-child(even) { float: none; }
}






@media screen and (max-width:380px) {
}





