.page1{
    position: relative;
}
#slideBox,
.bd,
.bd ul,
.tempWrap ,.bd ul li
{
    height: 100%;
   
}
#slideBox ul img{
    width: 100%;
   height: 100%;
    display: block;
}
.page1 .w1200{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 50%;
}
.brief{
width: 22%;
margin: 0 0 0 55%;
position: relative;
}
.brief>img{
    width: 50%;
    position: absolute;
    left: -55%;
    
}
.brief .content{
    writing-mode: tb-rl;
    font-size: 15px;
    width:125px;
    height: 262px;
    display: inline-block;
    background:url("../img/brief.png")no-repeat top;
    padding-top: 90px;
    margin-right: 2%;
    /* color:#ba0404 */
}
.brief ul{
    display: inline-block
}
.brief .content img {
display: block
}
.brief ul li{
    color:#efedee;
    font-size: 21px;
    font-weight: bold;
    width:37px;
    height: 37px;
    border-radius: 100%;
    background-color:#ba0404;
    line-height: 37px;
    text-align: center;
    margin-bottom: 2px;
}
.page1 .nav{
    top:4%;
}
.news{
    position: absolute;
    width: 100%;
    bottom:0;
    height: 80px;
    background:url("../img/news.png")no-repeat;
    background-size: 100% 100%;
    color:#efedee;
    padding-left: 18%;
    font-size: 16px;
        padding-top: 1.5%;
        overflow: hidden;
        padding-right: 2%;
        line-height: 1.5em;
}
.page2{
    background:url("../img/qiyuanBg.png")no-repeat;
    background-size:100% 100%;
  padding-bottom:4%
  
}
.page2 .w1200{
  position: relative;
}
.sideImg{
    width: 23.5%;
    display: block;
    position: absolute;
    right: 0;
    top:0;
    box-shadow: 0px 0px 15px #9c9b9a;
    height: 107%;
}
.develop h2{
    font-size: 28px;
    color:#bf0a0a;
    padding-top: 6.5%
}
.develop p{
    font-size: 16px;
   
    padding-bottom: 4%;
    color:#151515
}
.develop{
     width: 72%;
    padding-bottom: 1%;
    border-bottom:1px dashed #c8646c
}
.develop .font-weight{
    font-weight: bold;
    padding-top: 2%
}
.pageTitle{
    margin-top: 5.5%
}
.history{
     width: 72%;
    padding:3% 0;
     border-bottom:1px dashed #c8646c
}
.history li{
    float: left;
    margin-left: 8.8%;
    width: 12%;
}
.history li a{
    display: block;
    position: relative;
}
.history li img{
    width: 100%;
}
.history li a:hover .show{
    display: none;
}
.history li a:hover .hover {
    display:block;
}
.page3{
     background:url("../img/quyuBg.png")no-repeat right;
    overflow: hidden;
}
.page3 .left{
    position: relative;
}
.hover{
    display: none
}
.page3 .left,
.page3 .right{
    width: 50%
}
.page3 .left>img{
    width: 100%
}
.page3 .right{
   padding:2% 2% 2% 3%
  
}
.page3 .right>img{
    width: 38%
}
.page3 .right .content{
    width: 55%;
    font-size: 17px;
    color:#2d2d2d;
    line-height: 1.8em;
      max-height: 120px;
      overflow: hidden;
      margin-bottom:7%
}

.page3 .right h3{
width: 55%;
text-align: center;
color:#c40001;
font-size: 25px;
background:url("../img/titleBg.png")no-repeat center;
padding:2.5% 0;
    margin: 5% 0;
font-weight: 400;

}

.page3 .right .checkMore{
    font-weight: bold;
    font-size: 19px;
    color:#bd0102;
    background:url("../img/checkmore.png")no-repeat;
    background-size: 100% 100%;
    padding:1.5% 3%
}
.checkMore:hover{
    opacity: 0.5;
    filter:alpha(opacity=50)
}
.right>img{
    width:38%
}
.page4 ul li{
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
}
.page4 ul li>a>img{
    width: 100%
}
.information{
    height: 100%;
    border: 1px solid #e3d3d4;
    padding:12% 7% 5% 7%
}
.mask{
    position: absolute;
    width: 100%;
    height: 100%;
   background:rgba(119, 33, 30, 0.7);
    left: 0;
    top:-100%;
    padding:2%
}
.information h5{
    font-size: 29px;
    color:#fcfcfd;
    text-align: center;
    padding-bottom:3%;
      border-bottom: 1px solid #e3d3d4;
      font-weight: normal;
      margin-bottom:4%;

}
.information p{
    font-size: 16px;
 color:#fcfcfd;
 line-height: 1.5em;
 max-height: 72px;
 overflow: hidden;
}
.link{
    display: block;
    width: 12%;
margin:4% auto 0 auto
}
.link img{
    width: 100%
}
.page4 ul li:hover .mask{
    top:0
}
.page5 .left,.page5 .right{
    width:50%
}
.page5{
    background:url("../img/showBg.png")no-repeat left;
position: relative;
}
.page5 .left li>a{
    display: block;
     padding:2% 5% 2% 20%
}
.page5 .left li>a:hover {
    background-color: #9a0a14
}
.page5 .left li>a:hover span{
    color:#fdfdfd
}
.page5 .left li .title{
    font-size:22px;
    color:#8c010b;
    font-weight: 600;
    font-family: "宋体"
}
.infor{
    font-size:17px;
    color:#3b3b3b
}
.square{
    display: inline-block;
    width :13px;
    height: 13px;
    background-color:#7f050e;
    border:1px solid #7f050e;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);

}
.page5 .left li>a:hover .square{
     border:1px solid #fff;
     background-color:#9a0a14
}
.page5 .left ul{
    margin-top: 9%
}
.page5 .left>img{

        width: 38%;
        margin-top: 5%;
        margin-left: 20%;
}
.page5 .left li span{
       
       margin-left: 5%;

}
.page5 .left li .infor
{
    width: 52%;
    display: inline-block;
           max-width: 352px;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
}
.right img{
    width: 100%;
}
.arrow{
    position: absolute;
    bottom:3%;
    left: 50%;
    margin-left: -79px;
    z-index: 99;
}
.page3 .left a{
    display: inline-block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    color:#efecec;
    font-size: 17px;
   text-align: center;
   width: 8%;
   font-weight: bold;
   font-family: "宋体"
}
.left a .popDiv{
    display: none;
     position: absolute;
     background: url('../img/divPopBg.png')no-repeat;
     background-size: 100% 100%;
     width: 300%;
     padding: 18% 15%;
     font-size: 16px;
     font-weight: normal;
     color: #333;
     text-align: left;
     left: 80%;
}
.left a img{
    width: 30%;
    display: block;
    margin-left: 2%;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
            margin: 0 auto;
}
.page3 .left a:hover img {
    width: 35%
}
.page3 .left .longxian
{
        left: 25%;
        top: 20%;
}
.page3 .left .qianyang
{
    left: 45%;
    top: 27%;
}
.page3 .left .fengxiang {
       left: 60%;
       top: 39%;
}
.page3 .left .linyou {
    left: 79%;
    top: 29%;
}
.page3 .left .baoji {
      left: 33.8%;
      top: 52%;
}
.page3 .left .chencang {
    left: 58.8%;
    top: 57%;
}
.page3 .left .qishan {
left: 69%;
top: 47%;
}
.page3 .left .fufeng {
    left: 86%;
    top: 49%;
}
.page3 .left .meixian {
     left: 76%;
     top: 59%;
}
.page3 .left .taibai {
    left: 57%;
    top: 68%;
}
.page3 .left .fengxian {
    left: 10%;
    top: 77%;

}
.page6{
 background: url(../img/feiyiBg.png)no-repeat;
 background-size: 100% 100%;
 padding: 2% 0 110px 0;
 position: relative;
}

.page6 .w1200{
 position: relative;
}
.photoWall li{
    width: 19%;
    float: left;
   height: 205px;
    overflow: hidden;
    margin: 0.5%;
}
.photoWall li img{
    width: 100%;
    height:100%;
}
.photoWall .transparent {
    padding: 9%;

}
.visiable{
    visibility: hidden;
}
.photoWall li a:hover{
    opacity: 0.8;
}
.peopleMore{
    position: absolute;
    width: 31%;
    background: rgba(119, 33, 30, 0.9);
    top: 69.7%;
    left: 28.5%;
    color: #ddd;
    padding: 2% 2% 3% 2%;
    font-size: 16px;
}
.name{
font-weight: bold;
font-size: 18px;
display: inline-block;
margin: 3% 0;
}
.peopleMore p{
        line-height: 1.5em;
        margin-bottom: 9%;
        max-height: 140px;
        overflow: hidden;
}
.more{
    color:#bd0102;
    font-weight: bold;
    font-size: 18px;
    background:url("../img/checkmore.png")no-repeat;
    background-size: 100% 100%;
    padding:2% 3%;
    margin-top: 1%;
}
.page6 .w1200>img{
    width: 25.5%;
    margin-bottom: 2%
}
.imgs {
    position: relative;
}
.imgs a{
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top:0;
}
.imgs .first{
    display: block
}
.ocuppied{
    visibility: hidden;
}

/* *************************************************** */
.flip-container {
    margin: 30px;
    display: inline-block;

    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    /*重要*/
    transform-style: preserve-3d;
    /*重要*/
}

.flipper {
position: relative;
width: 75px;
height: 305px;
transition: 0.6s;
transform-style: preserve-3d;
    /*重要*/
}

/* 触发翻转 */
.flip-container:hover .flipper {
    transform: rotateY(180deg);

}

.front,
.back {
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
    /*重要*/
    width: 100%;
    height: 100%;
}

.front {
    transform: rotateY(0deg);
    z-index: 2;
    background:url("../img/goTop.png")no-repeat;
    background-size: 100% 100%;
}

.back {
    transform: rotateY(-180deg);
     background:url("../img/hgoTop.png")no-repeat;
     background-size: 100% 100%;
}
.flip-container {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    margin: 30px;
    display: inline-block;
    position: fixed;
        right:1%;
        bottom:5%;
        z-index: 1000;
        display: none;
}
 .txtScroll-top .prev,
 .txtScroll-top .next {
     display: block;
     width: 9px;
     height: 5px;
     float: right;
     margin-right: 5px;
     overflow: hidden;
     cursor: pointer;
     background: url("../img/icoUp.gif") no-repeat;
 }

 .txtScroll-top .next {
     background: url("../img/icoDown.gif") no-repeat;
 }
.txtMarquee-left{
    background: rgba(153, 0, 12, 0.8);
    color:#fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}