@charset "utf-8";
/* CSS Document */

#ad{ max-width:500px; padding:20px; position:absolute; top:30%; left:50%; margin-left:-272px; z-index:999; background:#fff;box-shadow: 0 0 10px #333; border-top:#185596 6px solid;}
#ad h2{ font-size:1.6em; color:#F00; text-align:center; margin-bottom:20px;}
#ad p{ font-size:1.4em; line-height:28px;}

.Banner{ width:100%; overflow: hidden; position: relative; margin: 45px 0 0 0; background:#eaeaea; }
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%;overflow:hidden; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; text-align:center; }
.slide a{ height: 0; padding-bottom: 28.6%; display: block; width: 100%; overflow: hidden; }
.slide a img { width: 100%; display: block; }
.slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto;background:url(../images/rt.png) no-repeat left top; right: 10px; }
.slide_tabs{position:absolute;right:242px;bottom:67px;z-index:999; display: none;}
.slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:19px;background-color:#fff;float:left;color:#fff;}
.slide_tabs li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs li.slide_here{background:none;border:2px solid #fff;border-radius:15px;width:10px;height:10px;}
.channel{width:100%;bottom:0px;left:0;z-index:20;position:absolute;}
.channel ul{max-width:1120px;margin:0 auto;height:40px;}
.channel ul li{width:25%;float:left;line-height:40px;height:40px;text-align:center;}
.channel ul li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.channel ul li a{color:#fff;font-weight:bold;font-size:16px;display:block}
.channel ul li.ch01{background-color:#005bac}
.channel ul li.ch02{background-color:#eea200}
.channel ul li.ch03{background-color:#4ba509}
.channel ul li.ch04{background-color:#00988d}

.content{overflow:hidden;}
.mode01{max-width:100%;overflow:hidden;margin: 10px 70px 10px 70px; }
.mode04{overflow:hidden; margin:25px auto;width: 100%; background-color: #f6f6f6}
.news { width: 32%; float: left;margin-left: 1%; }
.news .title,.tongzhi .title,.xueshu .title ,.zhidu .title,.jgdt .title ,.mode04 .title{ height: 60px; line-height: 60px; margin-bottom:px;}
.mode04 .title{ height: 42px; line-height: 42px;}
.news h2,.tongzhi h2,.xueshu h2,.zhidu h2,.jgdt h2,.mode04  h2{ width: auto; float: left; font-size: 2.0em; color: #4a4a4a; }
.news .title a,.tongzhi .title a,.xueshu .title a,.zhidu .title a,.jgdt .title a,.mode04 .title a { float: right; color: #989898; font-size: 1.5em; }
.t01{ background:url(../images/xinwendongtai.png) no-repeat center left; padding-left:30px;background-size: 25px;}
.t02{ background:url(../images/tongzhi.png) no-repeat center left; padding-left:30px;background-size: 25px}
.t03{ background:url(../images/jiugai.png) no-repeat center left; padding-left:30px;background-size: 20px}
.title.t03 {
  margin: 0 0 0 5%;
}
.t04{ background:url(../images/t04.png) no-repeat center left; padding-left:30px;background-size: 25px}
.t05{ background:url(../images/anquan.png) no-repeat center left; padding-left:30px;background-size: 25px}
.t06{ background:url(../images/wenti.png) no-repeat center left; padding-left:30px;background-size: 25px}
.t07{ background:url(../images/xiazai.png) no-repeat center left; padding-left:30px;background-size: 25px}


.news_con { overflow: hidden;padding-top: 3%;}
.newsTop { width:100%; overflow:hidden;  padding-bottom:0px; margin-bottom:0px;}
.newsTop ul li{ width:100%; float:left; margin-right:3%;}
.newsTop ul li span{ display:block; padding-bottom:3%; overflow:hidden; width: 100%; }
.newsTop ul li img{ display:block; width:100%; transition: all 0.5s ease;margin: 0 auto;height: 250px;}

.newsTop ul li a:hover img{opacity: 0.8;transform: scale(1.1);}
.newsTop ul li:last-child{ margin-right:0;}
.newsTop ul li p{ color:#062e58; font-size:1.5em; font-weight:bold;height: 42px; overflow: hidden;margin: 10px 0 0 20px; }



.newsBt{ margin-bottom: 25px;}
.newsBt ul {}
.newsBt ul li { overflow: hidden; font-size: 1.5em; line-height:25px; padding: 9px 0 10px 17px; background: url(../images/jiantou.png) no-repeat 0px; background-size: 20px;background-size: 20px;
  border-bottom: 1.4px dotted;
    border-bottom-color: #bcbec7;}
.newsBt ul li a { height: 21px; overflow: hidden; display: block; }
.newsBt ul li span {float: right; color: #646464; font-size:14px; }


.tongzhi { width:31.5%; float:left;margin-right: 2%;}
.tongzhi ul { }
.tongzhi ul li { padding-bottom:6px;margin-bottom:6px; overflow: hidden; border-bottom: 1.4px dotted;
  border-bottom-color: #bcbec7;}
.tongzhi ul li .date { width: 55px; height:55px; background:#ffffff; display: inline-block; float: left; margin: 0 13px 0 0; }
.tongzhi ul li .day { border-radius: 30px 5px 0 0;height: 27px; line-height: 27px; font-size: 1.5em; color: #0d3f74; text-align:center; display: block; background:#e7f2fe; margin: 0 auto; }
.tongzhi ul li .month { border-radius: 0 0 30px 5px ;height: 27px; line-height: 27px; margin: 0 auto; font-size: 1.5em; color: #fff;text-align:center; display: block; background:#2a87e4; }
.tongzhi ul li a {  font-size: 1.5em; line-height: 25px; height: 55px; overflow: hidden; display: block;}

.Wrapmode02{  background-color:#448edc; overflow:hidden;}
.mode02 { max-width:1200px;overflow:hidden; margin:2.2% auto;}
.mode02 .lf{ width:47%; float:left;}
.mode02 .rt{ width:47%; float:right;}

.DownLoad{ overflow:hidden;}
.DownLoad_con{ background:#eff6ff;}
.DownLoad_title{ width:90px; margin:0 auto; overflow:hidden;margin-bottom:4%;}
.DownLoad_title h2{ font-size:2.0em; color:#fff; }


.mode01_li2{padding: 4%;}
.mode01_li2 h2{text-align: center;letter-spacing:6px;font-size: 18px;}

.li2_box{overflow: hidden;}
.mode02_form{float: left;}
.mode02_form p{margin-bottom: 10px;}
.mode02_form p label{width: 47px;float: left;font-size: 15px;}
.mode02_form p label.name{ background:url(../images/t08.png) no-repeat left center; padding-left:22px;}
.mode02_form p label.password{ background:url(../images/t09.png) no-repeat left center; padding-left:22px;}

.mode02_form p input{border:1px solid #d1d8e0;background: #fff;padding:6px 0 ;width: 70%;font-size: 14px;}
.mode02_search{float: left;margin-left:9%;margin-top:2%;}
.mode02_search .mode02_ser_input{background: url(../images/mode02_search.png) no-repeat center left;background-color: none;border:none;width: 40px;height:40px;cursor: pointer;}
.mode02_form1 p label{width: 47px;}
.mode02_zs{ float:right; width:27%;}
.mode02_zs p{ font-size:1.4em; color:#989898; line-height:25px;}

.wrap_mode03{ background:#e6eaed; overflow:hidden;}
.mode03{max-width:100%;margin: 10px 70px 10px 70px; position: relative; }
.xueshu { width: 31.5%; float: left; }
.zhidu { width:31.5%; float:left; margin:0 1.3%; padding:0 1.2%;}
.jgdt{ width:31.5%; float:right;}

.xueshu ul { margin: 0px 0 20px 0; }
.xueshu ul li { overflow: hidden; font-size: 1.5em; line-height: 25px;padding: 9px 0; border-bottom: 1.4px dotted;
  border-bottom-color: #bcbec7;}
.xueshu ul li a { height: 21px; overflow: hidden; display: block; }
.xueshu ul li span,.zhidu ul li span, .jgdt ul li span { float: right; color: #7d7d7d; }




.zhidu ul { margin: 0px 0 20px 0; }
.zhidu ul li { overflow: hidden; font-size: 1.5em; line-height: 25px;padding: 7px 0;border-bottom: 1.4px dotted;
  border-bottom-color: #bcbec7; }
.zhidu ul li a {height: 21px; overflow: hidden; display: block; }


.jgdt ul { margin: 0px 0 20px 0; }
.jgdt ul li { overflow: hidden; font-size: 1.5em; line-height: 25px;padding: 7px 0; border-bottom: 1.4px dotted;
  border-bottom-color: #bcbec7;}
.jgdt ul li a { height: 21px; overflow: hidden; display: block; }


.mode04{margin: 0px auto 20px;}
.topicList{margin:0 0 0px 0;overflow: hidden;font-size: 0}
.topicList li{width: 7.5%;display: inline-block;*display: inline;*zoom:1;margin: 0% 0% 2% 3.5%;}
.topicList li > a{display: block;margin:0 10px;}
.topicList li a >img {
  width: 70%;
  margin: 10px 15%;
}
.topicList li a >span {
  font-size: 13px;
  font-weight: 900;
  color: #282828;
  text-align: center;
  display: block;
  padding-top: 10px;}

.code{width: 100px;position: absolute;right: -120px;bottom: -12px}
.code span{display: block;margin-bottom: 10px;background: #fff;}
.code strong{line-height: 1.2;font-size: 12px;color:#333;padding:5px 0 10px;text-align: center;display: block;}
@media screen  and (max-width:1200px) {
 .channel{position:static;padding-top:-3px;clear:both;}
 .slide_tabs{right:5px;bottom:15px;}
 .banner { margin: 0px; }
 .code{display: none;}
 }


@media screen  and (max-width:1050px) {
  .flex-control-nav{bottom:44px;}
  .mode01,.mode02,.mode03{ margin-left:15px; margin-right:15px;}
  .mode04{ margin-left:0px; margin-right:15px;}
  .news,.tongzhi,.xueshu,.zhidu,.jgdt{ width: 100%; float: none;margin-bottom:20px; border:none;margin: 0px}
  .xueshu,.zhidu,.jgdt{ border-bottom:#ccc 1px solid; }
  .tongzhi ul li a { width: 80%; }
  .zhidu{ margin-left:0; margin-right:0; padding:0;}
  .tongzhi ul li a { width: 67%; }
  .mode02_zs{ width:100%; float:none; clear:both;}
  .Banner{ margin:0;}
  .topicList {margin:0 -8px;}
  .topicList li{width: 23%;margin-bottom: 15px}
  .topicList li > a{display: block;margin:0 8px;}
  .topicList li a>span{margin-left: 7%;}
}
@media screen  and (max-width:770px) {
	}

@media screen and (max-width:640px) {
	.mode02 .lf{ width:100%; float:none; margin-bottom:15px;}
	.mode02 .rt{ width:100%; float:none;}
	#ad{ margin-left:0; left:0; max-width:400px;}
 }

@media screen and (max-width:480px) {
	.newsTop ul li{ width:100%; float:none; margin-bottom:10px;}
}
@media screen and (max-width:375px) {
	.mode02_form p input{ width:60%;}
	.mode02_search{ margin-left:0; margin-top:5%;}
	
}