﻿/* ===================== 样式重置 ===================== */
html {overflow-y:scroll;overflow-x:visible;}
body {margin:0;color:#6c6c6c;font:12px/21px "宋体";background:#fff;}
ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, input {margin:0;padding:0;}
img, fieldset {border:none;}
li{list-style:none;}
select,input,img{vertical-align:middle;}
select, input, textarea{font-size:12px;}
a{color:#010101;text-decoration:none;}
a:hover{color:#4c7d08;text-decoration:underline;}
div,ul,dl {zoom:1;}
div:after,ul:after,dl:after{ content:".";display:block;clear:both;height:0;visibility:hidden;}
.fRed {color:#fde7c8;font-weight:normal;font-family:Tahoma;}
.fRed strong {font:24px/24px Tahoma !important;color:#fde7c8 !important;}
.fBlack{color:#000;}
.f14{font-size:14px;}
.fOrange,a.fOrange:hover{color:#fde7c8;}
.fGray { color:#d0d0d0 !important; }
.noPic{background:#010101 url(http://www.qiyipic.com/common/http://www.qiyipic.com/dongman/fix/noPic.gif) center center no-repeat;} /* 缺图样式 */
/* ===================== 板块定义 ===================== */
/* 主内容 */
.wrap2{font-family:"Microsoft Yahei","微软雅黑","宋体",Tahoma,Arial,Helvetica,STHeiti;width:100%;margin:0px;padding:0px;position:relative;z-index:1;}
.wrap2 img{ vertical-align:top;}
.inner{}
/*头图*/
.navTop{
  width:100%;
  height:200px;
  background: #fff;
}
.TopImg{
  width:980px;
  margin:0 auto;
}
/*导航*/
.containerBg{
  width:100%;
  height:45px;
  border-top:2px solid #1a86ff;
  background: #fff;
}
.containerNav{
 
  height:45px;
  margin:0 auto;
  text-align:center;
}
.containerNav ul{text-align:center;}
.containerNav ul li{
  
  display:inline;
}
.containerNav ul li a{
  padding:0px 16px;
  font-size:18px;
  height:45px;
  line-height:45px;
  display:inline-block;
  margin:0px 10px;
}
.containerNav ul li a:hover{
  background: #1a86ff;
  color:#fff;
  text-decoration: none;
}
.fouceTop{
  height:400px;
  background: url(http://www.qiyipic.com/dongman/fix/tianma2015010811_06.jpg) no-repeat center top;
}
.fouceCenter{
  width:980px;
  padding-top: 20px;
  margin:0 auto;
}
.fouceTab{
  width:700px;
  height:360px;
  float:left;
  position: relative;
  background: #000;
}
.bigMap{
  width:100%;
  height:360px;
  position: relative;
  z-index:1;
  overflow: hidden;
}
.bigMap ul li{
  width:100%;
  height:100%;
  display: block;
  position: absolute;
  left:0px;
  top:0px;
  z-index:1;
  opacity: 0;
  filter:alpha(opacity:0);
}
.bigMap ul .zTop{
  z-index:2;
  opacity: 1;
  filter:alpha(opacity:1);
}
.maskBlock{
  width:100%;
  height:60px;
  position: absolute;
  left:0px;
  bottom:0px;
  z-index:3;
  background: #000;
  opacity: 0.8;
  filter:alpha(opacity:80);
  display: block;
}
.btnLeft{
  width:22px;
  height:36px;
  display: block;
  position: absolute;
  left:69px;
  bottom: 12px;
  z-index:4;
  text-indent: -9999px;
  cursor: pointer;
  background: url(http://www.qiyipic.com/dongman/fix/tianma2015010811_06_03.png) no-repeat;
}
.btnRight{
  width:22px;
  height:36px;
  display: block;
  position: absolute;
  right:69px;
  bottom: 12px;
  z-index:4;
  text-indent: -9999px;
  cursor: pointer;
  background: url(http://www.qiyipic.com/dongman/fix/tianma2015010811_06_03.png) no-repeat -45px 0px;
}
.smallMap{
  width:491px;
  height:50px;
  position: absolute;
  left:108px;
  bottom: 5px;
  z-index:4;
  overflow: hidden;
}
.smallMap ul{
  position: absolute;
  left:0px;
  top:0px;
}
.smallMap ul li{
  width:90px;
  height:50px;
  float:left;
  margin-right:10px;
}
.smallMap ul li a{
  border:1px solid #8fc31f;
  width:100%;height:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display: block;
}
.smallMap ul li a img{width:100%;height:100%;}
.smallMap ul .smallActive a{
  border:3px solid #8fc31f;
}
/*文字简介*/
.fouceItr{
  width:260px;
  height:360px;
  float:right;
  position: relative;
}
.fouceItr .mask{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  background: #000;
  opacity: 0.8;
  filter:alpha(opacity=80);
  display: block;
}
.fouceStr{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:2;
}
.fouceStr h1{
  width:100%;
  height:40px;
  line-height:50px;
  color:#fff;
  font-size:16px;
  display: block;
  text-align: center;
}
.fouceTextCon{
  width:210px;
  height:281px;
  position: absolute;
  left:12px;
  top:51px;
  overflow: hidden;
}
.fouceTextCon p{
  width:100%;
  position: absolute;
  display: block;
  left:0px;top:0px;
  color:#fff;
  text-align: justify;
  word-wrap:break-word;
  font-size: 14px;
  line-height:1.8em;

}
.fouceBar{
  wdith:4px;
  height:281px;
  position: absolute;
  left:240px;
  top:51px;
  background: #ccc;
  border-radius:60px;
}
.moveBar{
  width:10px;
  height:10px;
  background: #1a86ff;
  border-radius:60px;
  position: absolute;
  left:-4px;
  top:0px;
  cursor: pointer;
}
.timing{
  width:980px;
  margin:30px auto 0px;
  clear:both;
  position: relative;
}
.timing h1{
  width:100%;
  height:40px;
  line-height:40px;
  color:#000;
  font-size:20px;
  background:url(http://www.qiyipic.com/dongman/fix/tianma201501081_03.jpg) no-repeat 0px center;
  padding-left:10px;
}
.timing ul{width:1004px;}
.timing ul li{
  width:230px;
  height:340px;
  display: block;
  float:left;
  margin-right:20px;
}
.timing ul li a{
  width:100%;
  height:100%;
  color:#535353;
  font-size:14px;
  text-align: center;
  display: block;
}
.timing ul li a:hover{
  color:#1a86ff;
  text-decoration: none;
}
.timing ul li a img{width:100%;height:100%;
border:3px solid transparent;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display: block;}
  .timing ul li a:hover img{
  border:3px solid #1a86ff;
}
.pingwei{
  width:980px;
  margin:30px auto 0px;
  clear:both;
}
.pingwei h1{
  width:100%;
  height:40px;
  line-height:40px;
  color:#000;
  font-size:20px;
  background:url(http://www.qiyipic.com/dongman/fix/tianma201501081_03.jpg) no-repeat 0px center;
  padding-left:10px;
}
.pingwei ul{width:1004px;}
.pingwei ul li{
  width:180px;
  height:176px;
  display: block;
  float:left;
  margin-right:20px;
}
.pingwei ul li a{
  width:100%;
  height:100%;
  color:#535353;
  font-size:14px;
  text-align: center;
  display: block;
}
.pingwei ul li a:hover{
  color:#1a86ff;
  text-decoration: none;
}
.pingwei ul li a img{width:100%;height:100%;
border:3px solid transparent;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display: block;}
  .pingwei ul li a:hover img{
  border:3px solid #1a86ff;
}
.jingcaishun{
  width:980px;
  margin:30px auto 0px;
  clear:both;
}
.jingcaishun h1{
  width:100%;
  height:40px;
  line-height:40px;
  color:#000;
  font-size:20px;
  background:url(http://www.qiyipic.com/dongman/fix/tianma201501081_03.jpg) no-repeat 0px center;
  padding-left:10px;
}
.jiBigMap{
  width:700px;
  height:414px;
  float:left;
  position: relative;
  overflow: hidden;
}
.jiBigMap ul li{
  width:100%;
  height:100%;
  display: block;
  position:absolute;
  left:0px;top:0px;
  
  opacity: 0;
  filter:alpha(opacity:0);
   -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    z-index:1;
}
.jiBigMap ul .jiBigActive{
  
   opacity: 1;
  filter:alpha(opacity:1);
    z-index:2;
}
.fouceSmallMap{
  width:270px;
  height:414px;
  float:right;

}
.fouceSmallMap ul{
  width:292px;
}
.fouceSmallMap ul li{
  width:125px;
  height:125px;
  display: block;
  float:left;
  margin:0px 20px 20px 0px;
  overflow: hidden;
  cursor: pointer;
}
.fouceSmallMap ul li img{
  width:100%;
  height:100%;
   -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:2px solid transparent;
  display: block;
}
.fouceSmallMap ul .fouceSmallActive img{
  border:2px solid #1a86ff;
}
.jiangBox{
  width:70px;
  height:70px;
  position: absolute;
  right:-90px;
  top:0px;
  background:url(http://www.qiyipic.com/dongman/fix/tianma201501082_06.jpg) no-repeat;
  cursor: pointer;
}
.jiangBox:hover{
  background:url(http://www.qiyipic.com/dongman/fix/tianma201501082_06.jpg) no-repeat 0px -71px; 
}
.jiangBoxjs{
  width:400px;
  height:250px;
  border-radius: 10px;
  border:2px solid #489eff;
  box-shadow:0px 6px 40px #000;
  position: absolute;left:-430px;top:0px;
  background:#fff;
  display: none;
  z-index: 6;
}
.closeBtn{
  width:34px;
  height:31px;
  display: block;
  background: url(http://www.qiyipic.com/dongman/fix/tianma20150108333_13.jpg) no-repeat;
  position: absolute;
  right:5px;
  top:5px;
}
.pinTitle{
  width:100%;
  height:60px;
  line-height:60px;
  color:#1a86ff;
  font-size:40px;
  display: block;
  text-align: center;
}
.jiangBoxjs p{
  color:#000;
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 1.4em;
}











































































































