/* CSS Document */

body {
    background-color: #ecf0f1;
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    padding-top: 160px;
    -moz-transition: padding-top 0.5s ease;
    -o-transition: padding-top 0.5s ease;
    -webkit-transition: padding-top 0.5s ease;
    transition: padding-top 0.5s ease;
}
#hear1{
  display:none;
  background-color: #3498db;
  text-align: center;
  position: relative;
  position: fixed;
   z-index:9999;
  margin:0 auto;
  left:0;
  right:0;
  top: 0;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;	
	}
#head1 {
  width: 100%;
  height: 100px;

}
#head11{
  background-color: #3498db;
  text-align: center;
  position: relative;
  position: fixed;
  margin:0 auto;
  left:0;
  right:0;
  top: 0;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;	
	}
header1 {
  width: 100%;
  height: 160px;
  background-color: #3498db;
  text-align: center;
  position: relative;
  position: fixed;
    z-index:9999;
  top: 0;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header1 h1 {
  font-size: 42px;
  color: #fff;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header1 nav {
  position: absolute;
  bottom: 0;
  height: 60px;
  line-height: 60px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
header1 nav a {
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  line-height: 1;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
      outline: none;
}
header1 nav a:hover {
  -moz-box-shadow: 0 0 0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
      outline: none;
}

header3 {
  width: 100%;
  height: 100px;
  background-color: #3498db;
  text-align: center;
  position: relative;
  top: 0;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header3 nav {
  bottom: 0;
  height: 60px;
  line-height: 60px;
  width: 100%;
}
header3 nav a {
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  line-height: 1;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
      outline: none;
}
header3 nav a:hover {
  -moz-box-shadow: 0 0 0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
      outline: none;
}



/* Sticky Header Style */
/* ---------------------------------------- */
body.sticky-header {
  padding-top: 60px;
}
body.sticky-header header1 {
  height: 60px;
  background-color: rgba(52, 152, 219, 0.9);
}
body.sticky-header header1 h1 {
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
.clearfix:after{ clear:both;content: ".";display: block;height: 0;visibility: hidden;}
.clear {clear: both; font-size: 1px;height: 0;line-height: 0; margin-top: 0 !important;visibility: hidden;}

.left { float:left;}
.center {text-align: center;}
.right { float:right;}

.ribbon {
display:inline-block;
}

.ribbon:after, .ribbon:before {
margin-top:0.5em;
content: “”;
float:left;
border:1.5em solid #fff;
}

.ribbon:after {
border-right-color:transparent;
}

.ribbon:before {
border-left-color:transparent;
}

.ribbon a:link, .ribbon a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
}

.ribbon span {
background:#fff;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;

-webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */
-ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */
-o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */
transition: background-color 0.2s, margin-top 0.2s;
}

.ribbon a:hover span {
background:#FFD204;
margin-top:0;
}

.ribbon span:before {
content: “”;
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}

.ribbon span:after {
content: “”;
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
	/*动态CSS-图片新闻轮播-start*/

.m-slide{ position: relative; width:100% ;height: 365px;}
.m-slide .img { float: left; width:74%; height:100%; position: relative }
.m-slide .img img { display: block; }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .tab, .m-slide .tab2 { float: right; width:26% }
.m-slide .tab li { border: 4px solid #fff; border-right:0;  font-size: 13px; font-weight: bold; color: #fff; margin-top:-2px;}
.m-slide .tab2 li { border: 4px solid #fff; width: 98%; height: 77px;  font-size: 13px; font-weight: bold;}
.m-slide .tab2 li img { width: 98%; height: 77px; }
.m-slide .tab li+li { margin-top: 4px;}
.m-slide .tab2 li+li { margin-top: 9px;}
.m-slide .tab li .color1 { background-color: #75CFD9; width: 90%; height: 50px; padding: 7px 10px;}
.m-slide .tab li .color2 { background-color: #E4A17E; width: 90%; height:50px; padding: 7px 10px;}
.m-slide .tab li .color3 { background-color: #D0838C; width: 90%; height: 50px; padding: 7px 10px;}
.m-slide .tab li .color4 { background-color: #7CAA77; width: 90%; height: 50px; padding: 7px 10px;}
.m-slide .tab .on {}
.m-slide .tab .on .color1 { background-color: #08a7b9;}
.m-slide .tab .on .color2 { background-color: #e5611d;}
.m-slide .tab .on .color3 { background-color: #c75663;}
.m-slide .tab .on .color4 { background-color: #588753;}
.m-slide .tab2 .on { border: 4px solid #00AA98;}
.m-slide #ifocus_opdiv { position:absolute; left:0; bottom:0; width:100%; height:45px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
.m-slide #ifocus_tx { position:absolute; left:15px; bottom:10px; color:#FFF; }
.m-slide #ifocus_tx ul li{ display:none;  }
.m-slide #ifocus_tx ul li a{ color:#fff; font-size:17px; font-weight: bold;}
			/*动态CSS-图片新闻轮播-end*/
			
/*左右固定，中间自适应*/
/*Start*/
.container1{
    width: 100%;
    height: 100%;
    position: relative;
}
.left1{
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 800px;
    background-color: black;
}
.center1{
    width: auto;    /*如果没有这一句，那么，center这个div的文字就不会自动换行*/
    margin: 0 400px;
    height: 1000px;
    background-color: yellow;
}
.right1{
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 900px;
    background-color: red;
}
/*End*/			
.latestnews ul {
    width: 100%;
    position: relative;
	
    margin: 0;
    padding: 0;
}
.latestnews ul li {
	line-height:45px;
    list-style: none;
	 margin:0 5px 0 0;
    padding: 0;
	float:left;
}

.latestnews {
    margin-top: 20px;
    height: 45px;
    line-height: 45px;
    background: url(/index/images/latestnews-title.png) no-repeat 10px 10px;
    border: 1px solid #F4F3F3;
    padding-left: 120px;
    /* text-indent: 120px; */
    position: relative;
}
.latestnews a {
    font-size: 14px;
    color: #757474;
	}

.newslist-dian li{line-height:32px; height:32px; overflow:hidden; list-style-position:outside; background-image:url(/index/images/dian-xu17217.gif); background-position:left ; background-repeat:no-repeat;  padding-left:10px;  }
.newslist-dian li:hover{ color:f0efef;}