@charset "utf-8";
/* CSS Document */
html { overflow-x: hidden; }
.banner{ width:100%; overflow: hidden; position: relative; margin: 45px 0 0 0; }



.content{width:1200px;overflow:hidden; background: #ffffff; padding: 20px; margin: 0 auto;}


/*图片轮播*/
.Banner .flexslider{ width:100%;   overflow: hidden; position: relative;}
.Banner .flexslider a{display:block; height: 0px; padding-bottom: 33%; width: 100%; overflow: hidden; }
.Banner .flexslider li a.flex-prev {display: block; transition: all 1s ease 0s; width: 50px; height: 60px; background: url(../images/arrow_left_03.png) no-repeat; position: absolute; left: 0%; top: 50%; margin: -35px 0 0 0px; z-index: 9999; text-indent: 9998px;}
.Banner .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 50px; height: 60px; background: url(../images/arrow_right_03.png) no-repeat; position: absolute; right: 0%; top: 50%; margin: -35px 0px 0 0; z-index: 9999; text-indent: 9998px;}

.Banner .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.Banner .flexslider img{ display: block; width:100%;  }
.Banner .flexslider .til_slides{ width:98%; padding: 0 0 0 2%; height: 42px; position: absolute;bottom:0; left:0;background:url(../images/banner_bg.png) repeat; line-height: 42px;font-size:16px; font-weight: normal; color:#fff;  }
.Banner .flex-control-nav{ position:absolute;bottom:17px;right:10px;  text-align: right;z-index:999}
.Banner .flex-control-paging li{ margin:0 10px 0 0;float:left;}
.Banner .flex-control-paging li a{ width: 10px; height: 10px;   background:url(../images/a_03.png) no-repeat; text-indent:9999px;}
.Banner .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:10px;height:10px; background: url(../images/a_hover_03.png) no-repeat;}




.mode01 { width: 1200px; height: auto; overflow: hidden; margin: 20px auto; }
.mode01 .lf { width: 65%; float: left; }
.mode01 .rt { width: 31%; float: right; }
.news .title { height: 38px; line-height: 38px; border-bottom: 2px solid #0091e1; }
.news .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; border-bottom: 2px solid #6eb300; padding: 0 5px; }
.news .title a { font-size: 14px; color: #999999; float: right; padding: 0 9px 0 0; font-weight: normal; }
.news_con { }
.news_left { float: left; width: 300px;  margin: 20px 0 0 0; }
.news_left span { height: 0px; display: block; padding-bottom: 66%; width: 100%; overflow: hidden; }
.news_left p { font-family: Tahoma; padding: 0 0 0 23px; background: url(../images/clock_03.png) no-repeat left center; font-size: 14px; color: #6eb300; font-style: oblique; margin: 15px 0 10px 0; }
.news_left h3 { height: 44px; overflow: hidden;  }
.news_left h3 a { font-size: 16px; }
.news_right { margin: 0 0 0 330px; }
.news_right ul li { padding: 0 0 0 15px; background: url(../images/li_03.png) no-repeat left center; height: 44px; line-height: 44px; *vertical-align: middle; overflow: hidden; }
.news_right ul li a { font-size: 14px; float: left; }
.news_right ul li span { font-size: 14px; font-family: Cambria; color: #999999; float: right; }






.Notice .title { height: 38px; line-height: 38px; border-bottom: 2px solid #0091e1; }
.Notice .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; border-bottom: 2px solid #6eb300; padding: 0 5px; }
.Notice .title a { font-size: 14px; color: #999999; float: right; padding: 0 9px 0 0; font-weight: normal; }
.Notice ul li { height: 44px; line-height: 44px; overflow: hidden; }
.Notice ul li span { font-family: Cambria; font-weight: bold; font-size: 14px; color: #6eb300; font-style: oblique; float: left; }
.Notice ul li a { font-size: 14px; margin: 0 0 0 10px; }






.scroll { overflow: hidden; }
.scroll .title { width: 30px; height: 160px; background: #0990d9; padding: 55px 5px 0 15px; float: left; }
.scroll .title h2 a ,.scroll .title h2{ font-size: 20px; color: #ffffff; font-weight: normal; }
#main_con1 { float: left; }
#main_con1 .con_cont #photo_move { height: 185px; margin: auto; width: 1115px; background:#e6e6e6; padding: 15px; }
#main_con1 .con_cont .blk_18 .LeftBotton {  display:block; float:left; height:145px;  width:30px; cursor:pointer;_margin:30px 0px 0 0px; margin:42px 17px 0 32px;}
#main_con1 .con_cont .blk_18 .RightBotton { display:block; float:left;  height:145px;  width:30px; background:url(../images/arrow_right_03.png) no-repeat;cursor:pointer;_margin:30px 0px 0 0px; margin: 42px 0 0 0; }
#main_con1 .con_cont #demo { width: 1115px;  display: inline;  float: left;  overflow: hidden;  }
#main_con1 .con_cont #indemo {float: left;  width: 800%;}
#main_con1 .con_cont #demo1, #demo2 { float: left;}
#main_con1 .con_cont .blk_18 .pl img { width: 248px; height: 163px; display:block; cursor: pointer; border: 1px solid #cccccc;}
#main_con1 .con_cont .blk_18 ul li { float:left; width: 248px; height: 187px; margin: 0 13px 0 0;}
#main_con1 .con_cont .blk_18 .pl { width: 218px; height: 187px;  display: block; width:auto; text-align:center; text-decoration:none; }
#main_con1 .con_cont .blk_18 .pl p { font-size: 14px; font-weight: bold; margin: 5px 0 0 0; }








.scroll01 { display: none; }
.scroll01 .title { height: 38px; line-height: 38px; border-bottom: 2px solid #0091e1;  }
.scroll01 .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; border-bottom: 2px solid #6eb300; padding: 0 5px; }
.scroll01 .title a { font-size: 14px; color: #999999; float: right; padding: 0 9px 0 0; font-weight: normal; }
.scroll01 ul { margin: 20px 0 0 0; overflow: hidden; }
.scroll01 ul li { width: 25%; float: left; }
.scroll01 ul li img { width: 100%; border: 1px solid #cccccc; }
.scroll01 ul li .pl { padding:0 10px; display: block; }
.scroll01 ul li .pl span { height: 0px; padding-bottom: 66%; display: block; }
.scroll01 ul li .pl p { font-size: 14px; font-weight: bold; margin: 5px 0 0 0; }


.mode03 { margin: 20px auto; }


.link .title { height: 38px; line-height: 38px; border-bottom: 2px solid #0091e1;  }
.link .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; border-bottom: 2px solid #6eb300; padding: 0 5px; }
.link .title a { font-size: 14px; color: #999999; float: right; padding: 0 9px 0 0; font-weight: normal; }
.link ul { margin: 20px -1.66% 0 -1.66%; overflow: hidden; }
.link ul li { width: 30%; height: 50px; line-height: 50px; float: left; margin: 0 1.66% 20px 1.66%; overflow: hidden; }
.link ul li a{ padding: 0 0 0 20px; font-size: 16px; }
.link ul li.li01 { background: #f3f7eb; }
.link ul li.li02 { background: #edf6fa;  }
.link ul li.li03 { background: #f3f7eb; }
.link ul li.li04 { background: #edf6fa;  }
.link ul li.li05 { background: #f3f7eb;  }
.link ul li.li06 { background: #edf6fa;  }

/*.link ul li.li01 { background: #FF0000; }
.link ul li.li02 { background: #FF0000;  }
.link ul li.li03 { background: #FF0000; }
.link ul li.li04 { background: #FF0000;  }
.link ul li.li05 { background: #FF0000;  }
.link ul li.li06 { background: #FF0000;}*/


.friendLink .title { height: 38px; line-height: 38px; border-bottom: 2px solid #0091e1;  }
.friendLink .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; border-bottom: 2px solid #6eb300; padding: 0 5px; }
.friendLink .title a { font-size: 14px; color: #999999; float: right; padding: 0 9px 0 0; font-weight: normal; }
.friendLink ul { margin: 20px 0 0 0; }
.friendLink ul li { float: left; padding: 0 28px 0 28px; background: url(../images/friendLi_03.png) no-repeat left center; }
.friendLink ul li:first-child { padding: 0 28px 0 0; background: none; }
.friendLink ul li a { font-size: 14px; color: #666666; }
.friendLink ul li a:hover { font-weight: bold; }




@media screen  and (max-width:1240px) {
 .mode01,.mode02,.mode03,.mode04{width:96%;margin:20px auto;}
   .content { width: auto; }
 .flex-direction-nav { display: none; }
  .flex-control-nav { right: 2%;margin: 0px; }
  .flexslider .til_slides { width: 100%; padding-left: 20px; margin: 0px; }
  .scroll { display: none; }
  .scroll01 { display: block; }  
  .news_right ul li a { width: 50%; height: 44px; display: inline-block; overflow: hidden; }
  .Notice ul li a { height: 44px; overflow: hidden; width: 60%; display: inline-block; }
}

@media screen  and (max-width:1023px) {
     .mode01 .lf { width: 100%; float: none; }
.mode01 .rt { width: 100%; float: none; margin: 20px 0 0 0; }
.Notice ul li { width: 48%; margin: 0 2% 0 0; float:left; }
  .link ul li { width: 48%; margin: 0 1% 1% 1%; }
.news_right ul li a { height: auto; width: auto; }
.Notice ul li a { width: auto; }
}



@media screen  and (max-width:1000px) {
  .articleList ul li { width: auto; float: none;  }
  .Notice ul li { width: 100%; float: none; }
}


@media screen  and (max-width:860px) {
.news_left { width: 100%; float: none; }
.news_left img {  width: 100%; display: block; }
.news_right { margin: 10px 0 0 0; }
}




@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:20px;}
  .flexslider .til_slides { display: none; }
  .scroll01 ul li { width: 50%; margin: 0 0 20px 0; }

}
@media screen  and (max-width:770px) {
	}

@media screen and (max-width:640px) {
  .scrollBox ul li { width: 100%; margin: 0 0 1% 0; float: none; }
  .link ul li { width: 100%; float: none; margin: 0 0 1% 0; }
  .link ul li.li02 { margin: 0 0 1% 0; }
  .link ul li.li05 { margin: 0 0 1% 0;  }
 }

@media screen and (max-width:600px) {
  .mode01,.mode02{width:96%;margin:36px auto 20px;}
  .news_right ul li span { float: none; margin: 0 0 0 10px; }
  .friendLink ul li { float: none; background: none; line-height: 30px; padding: 0px; }
}
@media screen and (max-width:480px) {
.news_right ul li { height: auto; line-height: 20px; margin: 0 0 10px 0; background: url(../images/li_03.png) no-repeat left 8px; }
.news_right ul li a { float: none; display: block; }
.news_right ul li span { float: none; margin: 5px 0 0 0; display: block; }
.Notice ul li span { display: block; }
.Notice ul li a { display: block; margin: 3px 0 0 0; }
.Notice ul { margin: 10px 0 0 0; }
.Notice ul li { height: auto; line-height: 20px; margin: 0 0 10px 0; }
 .scroll01 ul li { width: 100%; margin: 0 0 20px 0; float: none; }

}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {

}