/*整体架构*/
ul{
  padding:0px;
  margin:0px;  
}
li{
    list-style:none;
}
body{
    background-image:url(body-bg.jpg) ;
    font-family:'微软雅黑' !important;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('glyphicons-halflings-regular.eot');
  src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
   url('glyphicons-halflings-regular.woff') format('woff'),
    url('glyphicons-halflings-regular.ttf') format('truetype'),
     url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
 
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}
/*lbt*/
.mian{
    padding-left: 15px;
    padding-right: 15px;
    width: 1100px;
    margin:0 auto; 
    background: #fff;
    overflow: hidden;
}
/*最外层*/
.lbt{
    width: 100%;
    height:505px; 
}
.mian-floor1{
    width: 100%;
    height:285px;
    margin-top: 40px;
}
.mian-floor2{
    width: 100%;
    height:370px;
    margin-top: 40px;
}
.mian-floor3{
    width: 100%;
    height:230px;
    margin-top: 40px;
}
.mian-floor4{
    width: 100%;
    height:375px;
    margin-top: 40px;
    margin-bottom: 40px;
}
/*里面第一层*/
.floor1-l,.floor1-c,.floor1-r{
    float: left;
    width:343.33px;
    height:285px;  
    background: #faf4ec;
}
.floor1-c{
    margin:0px 20px; 
}
.floor2-l{
    float: left;
    width: 525px;
    height:370px;
}
.floor2-r{
    float:right;
    width: 525px;
    height:370px;
}
.floor2-r a:hover {
    text-decoration: none;
}
.floor3-l{
    float: left;
    width: 525px;
    height:230px;
}
.floor3-r{
    float:right;
    width: 525px;
    height:230px;
}
.floor3-l-top a:hover , .floor3-r a:hover , .floor4-l a:hover, .floor4-l-top a:hover, .floor4-r-bottom a:hover{
    text-decoration: none;
}
.floor4-l{
    float: left;
    width: 525px;
    height:375px;
}
.floor4-r{
    float:right;
    width: 525px;
    height:375px;
    padding-top: 48px;
}
/*里第二层*/
.floor1-l-title,.floor1-c-title,.floor1-r-title{
    display: inline-block;
    width: 100%;
    height:57px; 
    background-size: 100%;
    background-repeat: no-repeat; 
    line-height: 57px;
    text-align: center;
    font-size:25px;
    color: #fff; 

}
.floor1-l-title{
    background-image: url(floor1-l-title.png);
}
.floor1-c-title{
    background-image: url(floor1-c-title.png);
}
.floor1-r-title{
    background-image: url(floor1-r-title.png);
}
.floor1-l-list,.floor1-c-list,.floor1-r-list{
    width:100%;
    height: 228px;
    border: 1px solid pink;
    padding: 15px;
    position: relative;
}
.floor1-l-list>a:hover,.floor1-c-list>a:hover,.floor1-r-list>a:hover{
    color: #ffffff;
    text-decoration: none;    
}
.floor1-l-list>a:visited,.floor1-c-list>a:visited,.floor1-r-list>a:visited{
    color: #ffffff;
    text-decoration: none;    
}
.floor1-l-list>a,.floor1-c-list>a,.floor1-r-list>a{
    color: #ffffff;
    text-decoration: none;    
}
.floor1-l-more,.floor1-c-more,.floor1-r-more{
    display: inline-block;
    width: 277px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    position:absolute;
    bottom:30px;
    left: 33.16px; 
}
.floor1-l-more{
    background: #BE70D5;
}
.floor1-c-more{
    background: #A4D9EE;
}
.floor1-r-more{
    background: #28BF5A;
}
.floor1-l-list ul li,.floor1-c-list ul li{
    line-height:35px;
}
.floor1-l-list ul li a,.floor1-c-list ul li a{
    font-size: 16px;
    color: #333;
    text-decoration: none;   
}
.floor1-r-list ul li{
   line-height:35px;
   width: 25%;
   text-align:left;
   float: left;
   height: 35px;
}
.floor1-r-list ul li a{
   font-size: 16px;
   color: #333;
   text-align:left;
   text-decoration: none;   
}
/*第二层内部*/
.floor2-l-title{
 display: inline-block;
 border-left:#295fd4 solid 5px;
 height:30px; 
 line-height: 30px;
 color: #295fd4;
 padding-left:20px;
 font-size: 23px;
 width: 100%;
}
.floor2-l ul li{
    width:100%;
    height:93px;
    margin-top:20px; 
}
.floor2-l ul li span{
    font-size: 19px;
    line-height:30px;
}
.floor2-l ul li img{
    width: 140px;
    height:93px;
    float:left;
    margin-right: 20px;
}
.floor2-l ul li p{
    line-height: 30px;
    font-size: 15px;
    color: #999999;
}
.floor2-l ul li p a{
    line-height: 30px;
    font-size: 15px;
    color:#295fd4;
    text-decoration: none;   
}
.floor2-r{
    padding-top:39px;
    overflow: hidden;
}
.floor2-rb{
    width:538px; 
}
.floor2-r a{
    display: inline-block;
    width: 169px;
    height: 155px;
    float: left;
    margin-top:10px;
    margin-right: 10px;
    text-align: center; 
    padding-top:50px; 
    text-decoration: none;   
}
.floor2-r a span{
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;   
}
.floor2-r a p{
    font-size: 15px;
    line-height: 30px;
    color: #fefefe;
    text-decoration: none;   
}
.floor2-r-list1{
    background: #e5b145;
}
.floor2-r-list2{
    background: #3ebd59;
}
.floor2-r-list3{
    background: #ad78cb;
}
.floor2-r-list4{
    background: #5ba2cf;
}
.floor2-r-list5{
    background: #5d71c3;
}
.floor2-r-list6{
    background: #3babd8;
}
/*第三层*/
.floor3-r-list{
  height: 180px;
  width: 100%;
  background:#faf4ec;
  margin-top: 20px;
}
.floor3-r-list ul li{
    line-height:35px;
    padding: 0px 15px;
    font-size: 15px;
    color: #333; 
}
.floor3-r-list ul li a{
    color: #333;
}
.floor3-r-list ul li span{
    float:right;
}
.floor3-l-title {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #999;
    padding-left: 20px;
    font-size: 23px;
}
.floor3-l-active{
    color: #295fd4 !important;
}
.floor3-l-top{
   border-left: #295fd4 solid 5px;
}
.floor3-l-bottom{
    height: 180px;
    width: 100%;
    background: #e9cae3;
    margin-top: 20px;
    display: inline-block;
    padding:20px 0px; 
}
.floor3-l-bottom ul li{
    line-height:45px;
    padding: 0px 17px;
    font-size: 17px;
    color: #333; 
    width: 50%;
    float: left;
}
.floor3-l-bottom ul li a{
    color: #333;
    text-decoration: none;   
}

/*第四层*/
.floor4-l-img1,.floor4-l-img2{
    width:250px;
    height: 326px; 
    margin-top:20px; 
}
.floor4-l-img1{
    float: left;
}
.floor4-l-img2{
    float:right;
}
.floor4-l-top span{
    font-size:17px;
    color: #999; 
    margin:0px 20px; 
}
.floor4-r-title {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #999;;
    font-size: 19px;
}
.floor4-r-title1{
    border-left: solid 1px #999;
    padding-left: 20px;
}
.floor4-r-active{
    color: #295fd4 !important;
}
.floor4-r-bottom{
    height: 326px;
    width: 100%;
    margin-top: 20px;
    display: inline-block; 
}
.floor4-r-bottom p{
    line-height: 36px;
    font-size: 17px;
    text-indent: 2em;
}
.floor2-l-title:hover{
    color:#295fd4;
}
/*轮播图*/
/* css 重置 */
    *{margin:0; padding:0; list-style:none; }
    body{ font:normal 12px/22px ; width:100%; }
    img{ border:0;  }
    a{ text-decoration:none; color:#333;  }
    a:hover{ color:#1974A1;  }
    #footer{ text-align:center;  }

    /* 本例子css */
    .slider{ width:100%; height:505px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
    .slider .bd{ width:100%; position:absolute;   }
    .slider .bd li{ width:100%;  overflow:hidden; }
    .slider .bd li img{ display:block; width:100%; height:505px;    }
    .slider .tempWrap{ overflow:visible !important }
    .slider .tempWrap ul{  /*强制位置*/  }
    .slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
    .slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat; 
        margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
    .slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
    .slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:505px; cursor:pointer;   }
    .slider .prev{ left:-50%; margin-left:-490px;  }
    .slider .next{ left:50%;  margin-left:490px;  }
    .slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:505px; background:#000; filter:alpha(opacity=50);opacity:0.4;   }
    .slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:505px;  }
    .slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.4; }
    .slider .prev .arrow{ right:0; background:url(slider-arrow.png) -120px 0 no-repeat;top:70px;   }
    .slider .next .arrow{ left:0; background:url(slider-arrow.png) 0 0 no-repeat; top:70px; }