﻿﻿* {
  margin:0;
  padding:0;
  font-family:Microsoft YaHei,serif;
}
li {
  list-style:none;
}
.banner_box{
  max-height:690px;
  width:100%;
  position:relative;
  z-index:2;
}
.head{
  width:1000px;
  margin:20px auto;
}
.head h1{
  color:#e62129;
  font-weight:bold;
  text-align:center;
  font-size:22px;
}
.head h3{
  text-indent:2em;
  font-size:16px;
  line-height:24px;
}

#box {
  width:1000px;
  height:700px;
  margin:30px auto;
  position:relative;
}
#tab {
  width:1000px;
  height:200px;
  position:absolute;
  top:270px;
  left:0;
}
#tab ul li {
  width:200px;
  height:202px;
  margin:10px 25px;
  background:#f0f0f0;
  font-size:18px;
  text-align:center;
  line-height:50px;
  color:#fff;
  cursor:default;
  float:left;
}
#tab ul li:hover {
  -webkit-box-shadow:#e1e1e1 8px 8px 10px;
  box-shadow:#e1e1e1 8px 8px 10px;
}

#content {
  position:relative;
  width:1000px;
  height:235px;
  float:right;
}
#content .pic {
  display:none;
}
#content .pic.on {
  display:block;
}
#content .pic ul li {
  display:none;
  width:100%;
  height:235px;
  cursor:default;
}
#content .pic ul li img{
  float:left;
  width:450px;
  height:235px;
  margin-right:20px;
}
#content .pic ul li .txt{
  width:530px;
  float:left;
}
#content .pic ul li h2{
  font-weight:bold;
  font-size:18px;
  border-left:solid 5px #e62129;
  padding-left:10px;
  margin-bottom:5px;
}
#content .pic ul li p{
  font-size:14px;
  line-height:22px;
  text-indent:2em;
}
#content .pic ul li.on {
  display:block;
}
#content .btn {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  height:35px;
  width:450px;
  background:rgba(0,0,0,.5);
}
#content .btn.on {
  display:block;
}
#content .btn ul {
  float:right;
}
#content .btn ul li {
  float:left;
  width:35px;
  height:35px;
  background:#ddd;
  text-align:center;
  line-height:35px;
  margin-left:2px;
}
#content .btn ul li.on {
  background:#e62129;
}

.jieting{
  width:1000px;
  margin:auto;
  border-top:solid 3px #e62129;
  padding:15px 0;
  text-align:center;
  font-size:18px;
}
.jieting p{
  margin:5px;
}
.jieting p span{
  font-size:20px;
  font-weight:bold;
  color:#e62129;
}

.footer{
  width:100%;
  text-align:center;
  font-size:14px;
  background:#f0f0f0;
  padding-top:10px;
}
.gw{
	clear:both;
	width:1100px;
	margin:0 auto;
	overflow:hidden;}
.note{float:left;
      padding-top:20px;}
.footer p{
  margin-bottom:8px;
}
.footer a{
  color:#333;
}

.rwm{float:left;}
.cpright{
	float:left;
	text-align:center;
	width:750px;
	margin-right:30px;
	font-size:14px;}
.footer #_span_jiucuo{
  position:relative;
  top:-10px;
}

.fixed{
  width:120px;
  height:180px;
  background:#999;
  color:#fff;
  background:url('../images/piao.png');
  text-align:center;
  position:fixed;
  bottom:80px;
  right:50px;
}

#flash {width:100%; max-height:690px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
#flash a {width:100%; max-height:690px; display:none;}
#flash img {width:100%;}

#flashBg { max-height:690px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {max-height:690px; width:100%; clear:both;}


@media only screen and (max-width: 768px){
   #flash{ height:250px; }
   #flash a{ height:250px; }
   #flashBg {height:250px;}
   #flashLine  { height:250px;} 	    
}