@charset "utf-8";
/* css document */

/*图片轮播*/
/*flexslider默认样式*/
.banner{ width:100%; height:auto; float:left; overflow:hidden;}
.banner .flexslider { width:100%;height:auto;position: relative; zoom: 1; overflow:hidden; }
.banner .flexslider ul li{ list-style:none;}
.banner .flexslider ul li img{ display:block; width:100%; border:none;}
.banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.banner .loading .flex-viewport {  }
.banner .flexslider .slides { zoom: 1; padding:0;}
.banner .carousel li { margin-right: 5px; }
/*icon小点*/
.banner .flex-control-nav {width:auto; position: absolute; bottom:20px; right:20px;text-align:center;z-index:99999;}
.banner .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.banner .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block;background:#fff; cursor: pointer;text-indent: -9999px; }
.banner .flex-control-paging li a:hover {background:#ffc000; }
.banner .flex-control-paging li a.flex-active {background:#ffc000;}
.banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.banner .slides h4 a:hover{color:#fff;font-size:14px;}
.flex-direction-nav{ display:none; position:absolute; top:42%;}
.banner .flexslider ul li>div{position:absolute; bottom:0px; width:100%; height:60px;color:#fff;background:url(/uploads/image/nimages/banner_bg.png) repeat;line-height:60px; text-indent:20px; z-index:9999999;}
.banner .flexslider ul li>div a{ font-size:14px; color:#fff;}
.banner .flexslider ul li > a{ display:block; height:0; padding-bottom:60%;}




.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:25px auto; }
.mode01 .lf{ width:36.7%; float:left;}
.mode01 .rt{ width:60.9%; float:right;}



.articlelist01{ border-bottom:#ccc 1px solid; overflow:hidden;}
.articletitle01{ height:33px; line-height:33px; background:#9a0000; border-left:#ffc000 10px solid;}
.articletitle01 span{ font-size:16px; color:#fff; padding-left:12px;}

.articletxt{ overflow:hidden;}
.articletxt h2{ font-size:18px; color:#9a0000; font-weight:normal; text-align:center; line-height:24px; margin:22px 0;}
.articletxt p{ font-size:16px; color:#333; line-height:24px;}
.articletxt a{ color:#999999; float:right; font-size:14px; padding:10px;}

.articlelist01 ul li{ background:url(/uploads/image/nimages/li.png) no-repeat 0 27px; padding:20px 0 20px 15px; border-top:#ccc 1px dashed;}
.articlelist01 ul li a{ font-size:16px; color:#333;}



/*活动预告*/
.mode02{max-width:1200px;margin:0 auto;overflow:hidden;max-height:  98px;overflow:  hidden;}


.articletitle02{ background:#9a0000; width:10.5%; float:left;}
.articletitle02 .title{ font-size:18px; color:#fff; display:block; text-align:center; padding:10px 20px;}
.articletitle02 .more a{ font-size:14px; display:block; color:#fff; text-align:center; background:#810000; padding:5px;}

.articlelist02 ul{ width:89.5%; float:right;}
.articlelist02 ul li{ border:#ccc 1px solid; float:left; width:49.7%;}
.articlelist02 ul li li{ border-left:none;}
.articlelist02 ul li a{ font-size:14px; display:block; padding:10px 15px; line-height:22px; height:0; padding-bottom:10.4%;}
.articlelist02 ul li span{ font-size:14px; color:#999999; display:block; padding:5px; text-align:right;}







.mode03{max-width:1200px; margin:25px auto; overflow: hidden; }
.mode03 .lf{ width:31.7%; float:left; border:#ccc 1px solid;}
.mode03 .md{ width:31.7%; float:left; margin:0 2.2%; border:#ccc 1px solid;}
.mode03 .rt{ width:31.7%; float:right; border:#ccc 1px solid;}



.articletitle03 span{ font-size:18px; color:#9a0000; font-weight:bold;}


.articlelist03{ height:325px; padding:20px; overflow:hidden;}
.articlelist03 ul { margin: 10px 0 0 0; border-top:#ccc 1px dashed; }
.articlelist03 ul li { border-bottom:#ccc 1px dashed;  font-size: 14px; line-height:33px;padding: 0 0 0 15px; background:url(/uploads/image/nimages/li02.png) no-repeat 0 27px; overflow: hidden; display:block; height:64px; line-height:64px; }
.articlelist03 ul li a { }
.articlelist03 ul li span{ float: right; color: #7d7d7d; }
.articlelist03 .readmore a{ font-size:14px; color:#999999; float:right; padding-top:10px;}


.mode04{max-width:1200px; overflow:hidden; margin:0 auto;}
.articletitle04 { height:40px; line-height:40px; border-bottom:#9a0000 1px solid;}
.articletitle04 span{font-size:18px; color:#9a0000; font-weight:bold;}

.link{ overflow:hidden;}
.link a{ display:inline-block; font-size:14px; color:#333; padding:10px 12px;}

/*1113*/
.yugao1113{width: 89.5%;    float: right;}
.yugao1113 a{display: block;height: 98px;}
.yugao1113 a img{height: 98px;display: block;}

@media screen  and (max-width:1200px) {
    .mode03 .md{ margin:0 2%;}
 
 }

@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:44px;}
  .mode01,.mode02,.mode03,.mode04{margin-left:15px;margin-right:15px;max-height: none;}
  .news,.tongzhi,.xueshu,.zhidu,.jgdt{ width: 100%; float: none;margin-bottom:20px; border:none;}
  .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%; }
  
  .articlelist02 ul li{ width:49.7%;}  
  .mode03 .lf,.mode03 .md,.mode03 .rt{ width:99%; margin:0 auto;}
  .articlelist03 ul li{ width:45%; float:left; margin:0 1.2%;}
}
@media screen  and (max-width:770px) {
	.yugao1113{width: 100%;    float: none;}
	.yugao1113 a img{height: auto;}
	.articletitle02{width: 100%;float: none;}
	.articletitle02 .title br{display: none;}
	.yugao1113 a{height: auto;}
	}

@media screen and (max-width:640px) {
	.mode02 .lf{ width:100%; float:none; margin-bottom:15px;}
	.mode02 .rt{ width:100%; float:none;}
	.articlelist02 ul li,.articlelist02 ul{ width:100%; border-left:none;}
	.articlelist02 ul li a{ height:auto; padding-bottom:10px;}
	.articletitle02{ width:100%;}
	.articletitle02 .title{ padding:5px;}
	.articlelist03 ul li{ width:auto; margin:0 auto; float:none;}
	
 }

@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%;}
	
}