@charset "utf-8";
    body,ul,li,div{ 
    padding: 0;
    margin: 0;
     }
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
a:hover{
    color: red;
}
input,img{
    border: none;
}
.clear{
    clear: both;
    height: 10px;
    width: 100px;
}
body{
    font-family: "微软雅黑"; 
}
p,h1,h2,h3,h4,h5,h6{
    padding: 0;
    margin:0;
}
/*
 img{
    transition: all 1s;
}
 img:hover{
    transform: scale(1.4);
}
*/
@media  ( min-width: 1600px ){
    .div1{
    margin: 0 auto;
    background: url(../image/bj-1.jpg) no-repeat center center ;
    height: 1040px;
    position: relative;
}
}
@media  ( max-width:1599px ) {
   .div1{
    margin: 0 auto;
    background: url(../image/bj-1.jpg) no-repeat -180px;
    height: 1040px;
    position: relative;
}
}
.div1 p{
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 25px;
}
.div1 p strong{
    color: #f8f400;
}
.div2{
    margin: 0 auto;
    background: url(../image/bj-2.jpg) no-repeat center center;
    height: 1001px;
    position: relative;
}
.div2 ul{
    position: absolute;
    top: 284px;
    left: 50%;
    width: 1271px;
    margin-left: -629px;
}
.div2 ul li{
   display: inline-block;
   width: 297px;
   height: 273px;
   margin-right: 17px;
   margin-bottom: 29px;
   overflow: hidden;
   position: relative;
}
.div2 ul li img{
    width: 297px;
    height: 273px;
    display: inline-block;
    transform: translateY(0px);
    transition: all 0.5s;
}
.div2 ul li:hover img{
    transform: translateY(-275px); 
}
.div2 ul li p{
     transform: translateY(0px);
    transition: all 0.5s;
    background: #7e222d;
    width: 297px;
    height: 273px;
    text-align: center;
    padding-top: 80px;
    line-height: 35px;
    font-size: 22px;
    color: #fff;
}
.div2 ul li:hover p{
    transform: translateY(-275px); 
    top: 0;
}
.div2 ul li p span{
    display: inline-block;
}
.div2 a{
    display: inline-block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
}
.div3{
    margin: 0 auto;
    background: url(../image/bj-3.jpg) no-repeat center center;
    height: 1105px;
    position: relative;
}
.div3 a{
    display: inline-block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 40px;
}

@media ( min-width: 1900px ) {
    .div3 ul{
    font-size: 0;
    padding-top: 290px;
    margin: 0 auto;
    width: 1920px;
    overflow: hidden;
    height: 694px;
}
    .div3 li{
    width: 444px;
    height: 332px;
    margin-bottom: 20px;
    margin-left:26px; 
    display: inline-block;
    overflow: hidden;
}
}
@media  ( max-width:1899px ) {
    .div3 ul{
    font-size: 0;
    padding-top: 290px;
    margin: 0 auto;
    width: 1350px;
    height: 694px;
    overflow: hidden;
}
    .div3 li{
    width: 444px;
    height: 332px;
    margin-bottom: 20px;
    margin-left:6px; 
    display: inline-block;
    overflow: hidden;
}
}

.div3 li img{
    transition: all 0.5s;
}
.div3 li img:hover{
    transform: scale(1.7);
}
.div4{
    margin: 0 auto;
    background: url(../image/bj-4.jpg) no-repeat center center;
    height: 803px;
    position: relative;
}
.div4 p{
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 70px;
    font-size: 0;
}
.div4 a{
    display: inline-block;
    width:50%;
    height: 100%;
}
.div5{
    margin: 0 auto;
    background: url(../image/bj-5.jpg) no-repeat center center;
    height: 783px;
    position: relative;
}
.div5 p{
    width: 1260px;
    height: 186px;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -630px;
    font-size: 0;
}
.div5 a{
    display: inline-block;
    width:25%;
    height: 100%;
}
.div5 .a1{
    display: inline-block;
    width:100%;
    height: 66px;
    position: absolute;
    bottom: 0;
}