@charset "utf-8";
    body,ul,li,div{ 
    padding: 0;
    margin: 0;
     }
li{
    list-style-type: none;
}
a{
    text-decoration: none;
    font-family: "微软雅黑"; 
}
input,img{
    border: none;
}
.clear{
    clear: both;
    height: 10px;
    width: 100px;
}
body html{
    font-family: "微软雅黑"; 
    height: 100%;
}
p,h1,h2,h3,h4,h5,h6{
    padding: 0;
    margin:0;
}
/*
background-size: cover; 视觉差
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center; 


 img{ 放大
    transition: all 1s;
}
 img:hover{
    transform: scale(1.4);
}
.divw{  布局居中  
        width: 100%;
        height: 500px;
        border:1px solid red;
        justify-content:sflex-start 所有元素居左
        justify-content:sflex-end   所有元素居右
        justify-content:scenter     所有元素居中
        justify-content:space-between    所有元素两遍对齐
        justify-content:space-around     所有元素两遍留白 这五个元素只要一个就可以
        align-items:center;               水平居中
        display:-webkit-flex;             适应各种浏览器
        flex-direction: row;              可以换行
        flex-wrap: wrap;                  可以换行    
    }
.divw::before   ::after{ 伪元素，一个前一个后
        content: "1";
        width: 100px;
        height: 100px;
        border:1px solid red;
        text-align: center;
        line-height: 100px;
    }

  
 {    视觉差效果
        background-attachment: fixed;
        background-size: cover;
        background-position: center center;
}



    @media  (min-width:1600px) and (max-width:9999px){

   } 响应式



   .divb{   鼠标经过动画 
        width:230px;        
        height:270px;      
        position:fixed;     
        top: 50%;
        left: 50%;
        margin-left: -115px;
        margin-top: -135px;
        transition:all 0.3s linear; 
        border: 1px solid red;
        -webkit-transition:all 0.3s linear; 
        z-index: 999;
        overflow: hidden;
    }
    .divb .divn{
        width: 230px;
        height: 100%;
        position:absolute; left:0px; top:0px;
        top:-270px; transition:all 0.2s ease; 
        -webkit-transition:all 0.2s ease;
        background: rgba(0,0,0,0.5);
    }
    .divb:hover .divn{
        display:block; top:0px;
    }
    
    span{ position:absolute;left:15px; bottom:32px;transition:all 1s; -webkit-transition:all 1s;}

    .divb .divn:hover span{ 
        animation: img4 0.8s linear infinite alternate; 
        -webkit-animation: img4 1s linear infinite alternate;
    }

    @keyframes img4 {0% { bottom:32px;} 100% { bottom:27px;}}

    @-webkit-keyframes img4 {0% { bottom:32px;} 100% { bottom:27px;}}
*/
.zhuti{
    font-size: 0;
}
.div1{

    height: 550px;
    background: url(../image/bj-1.jpg)no-repeat center center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.div-1{
    width: 622px;
    height: 98px;
    margin: 0 auto;
    background: url(../image/bj-1.png)no-repeat;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -252px;
}
.div2{
    margin: 0 auto;
    height: 907px;
    background: url(../image/bj-2.jpg)no-repeat center center;
}
.div22{
    width: 1260px;
    margin: 0 auto;
    position: relative;
    top: 200px;
    height: 720px;
}
.div22 p:nth-child(1){
    background: url(../image/bj-2-1.jpg)no-repeat center center;
    width: 623px;
    height: 609px;
    position: absolute;
    left: 0;
}
.div22 p:nth-child(2){
    background: url(../image/bj-2-2.jpg)no-repeat center center;
    width: 623px;
    height: 609px;
    position: absolute;
    right: 0;
}
.div3{
    position: relative;
    margin: 0 auto;
    height:762px;
    background: url(../image/bj-3.jpg)no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.div33{
    width: 1260px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    height: 620px;
}
.div33 p:nth-child(1){
    background: url(../image/bj-3.png)no-repeat center center;
    width: 776px;
    height: 76px;
    position: absolute;
    left: 236px;
}
.div33 p:nth-child(2){
    background: url(../image/bj-3-1.jpg)no-repeat center center;
    width: 332px;
    height: 444px;
    position: absolute;
    left: 0;
    top: 160px;
}
.div33 p:nth-child(3){
    background: url(../image/bj-3-2.jpg)no-repeat center center;
    width: 332px;
    height: 444px;
    position: absolute;
    left: 465px;
    top: 160px;
}
.div33 p:nth-child(4){
    background: url(../image/bj-3-3.jpg)no-repeat center center;
    width: 332px;
    height: 444px;
    position: absolute;
    right: 0;
    top: 160px;
}
.div4{
    position: relative;
    margin: 0 auto;
    height: 924px;
    background: url(../image/bj-4.jpg)no-repeat center center;
}
.div44{
    width: 1260px;
    margin: 0 auto;
    position: relative;
    top: 220px;
    height: 620px;
}
.div44 p:nth-child(1){
    background: url(../image/bj-4-1.jpg)no-repeat center center;
    width: 639px;
    height: 304px;
    position: absolute;
    left: 0px;
}
.div44 p:nth-child(2){
    background: url(../image/bj-4-2.jpg)no-repeat center center;
    width: 639px;
    height: 304px;
    position: absolute;
    right: 0px;
}
.div44 p:nth-child(3){
    background: url(../image/bj-4-3.jpg)no-repeat center center;
    width: 639px;
    height: 304px;
    position: absolute;
    left: 0px;
    top: 300px;
}
.div44 p:nth-child(4){
    background: url(../image/bj-4-4.jpg)no-repeat center center;
    width: 639px;
    height: 304px;
    position: absolute;
    right: 0px;
    top: 300px;
}
.div5{
    position: relative;
    margin: 0 auto;
    height: 876px;
    background: url(../image/bj-5.jpg)no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.div55{
    width: 1260px;
    margin: 0 auto;
    position: relative;
    top: 60px;
    height: 620px;
}
.div55 p:nth-child(1){
    background: url(../image/bj-5.png)no-repeat center center;
    width: 725px;
    height: 76px;
    position: absolute;
    left: 260px;
}
.div55 p:nth-child(2){
    background: url(../image/bj-5-1.jpg)no-repeat center center;
    width: 100%;
    height: 555px;
    position: absolute;
    left: 0px;
    top: 160px;
}
.div6{
    position: relative;
    margin: 0 auto;
    height:830px;
    background: url(../image/bj-6.jpg)no-repeat center center;
}

.div7{
    position: relative;
    margin: 0 auto;
    height: 891px;
    background: url(../image/bj-7.jpg)no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.div7 .aa1{
    display: inline-block;
    width: 40%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20%;
    background: url(../image/bj-7-1.png)no-repeat center center;
}
.div7 p{
    width: 455px;
    height: 76px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -227.5px;
    background: url(../image/bj-7.png)no-repeat center center;
}
.div7 .div77{
    width: 1260px;
    height: 560px;
    margin: 0 auto;
    position: relative;
    top: 180px;
    justify-content:space-between;
    align-items:center;               
    display:-webkit-flex;             
    flex-direction: row;             
    flex-wrap: wrap;
}

.div8{
    width: 1260px;
    margin: 0 auto;
    height: 593px;
    position: relative;
    background: url(../image/bj-8.jpg)no-repeat center center;
}
.div8 a:nth-child(1){
    position: absolute;
    display: inline-block;
    width: 49%;
    height:59%;
    top: 196px;
    left: 0;
}
.div8 a:nth-child(2){
    position: absolute;
    display: inline-block;
    width: 49%;
    height:59%;
    top: 196px;
    right: 0;
}
.div1 a, .div22 a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.aa1{
    display: inline-block;
    width: 40%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20%;
}

















.film_focus {
    width:1260px;
    height:496px;
    overflow:hidden;
    position:relative;
    margin:0px auto;
    top: 220px;
}
.film_focus .film_focus_imgs_wrap {
    width:756px ;
    height: 496px;


}
.film_focus ul.film_focus_imgs {
    height:496px;
    width: 756px;
    height:9999px;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;

}
.film_focus ul.film_focus_imgs li {
    height:496px;
    overflow:hidden;
    width: 756px;
}
.film_focus ul.film_focus_imgs li a{
    display: inline-block;
    width: 200px;
    height: 200px;
}
.film_focus ul.film_focus_imgs li img {
    height:496px;
    width:756px;
    display: block;

}
.film_focus .film_focus_desc h3 {
    height:45px;
    line-height:45px;
    overflow:hidden;
    position:absolute;
    left:232px;
    bottom:0;
    background:rgba(0, 0, 0, .5);
    color:#fff;
    width:100%;
    padding-left:20px;
    z-index:99;
    font-size:16px;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
}
.film_focus ul.film_focus_nav {
    width:496px;
    height:496px;
    position:absolute;
    right:0;
    top:0;
    z-index:100;
    font-size: 0;
}
.film_focus ul.film_focus_nav li {
    height:236px;
    position:relative;
    width:236px;
    cursor: pointer;
    cursor: hand;
    color:#333;
    font-weight:bold;
    font-size:26px;
    overflow:hidden;
    margin: 0 auto;
    display: inline-block;
    background: url(../image/bj-6.png)no-repeat center 40px;
    margin-left: 10px;
    margin-bottom: 18px;
    border: 1px solid #eeeeee;
}
.film_focus ul.film_focus_nav li.cur {
    background: url(../image/bj-66.jpg)no-repeat;
    left:0px;
    word-break:break-all;
    color:#fff;
}
.film_focus ul.film_focus_nav li b{
    position: absolute;
    top: 50%;
    left: 17%;
}
.film_focus ul.film_focus_nav li span{
    position: absolute;
    top: 65%;
    left: 28%;
}