p{color: #616161;}
.fban{
    width: 100%;
    height: 450px;
    background: url(../images/sj/sjban.jpg) 50% 100% no-repeat;
}
.fban p{width: 310px;height: 280px;position: absolute;top: 80px;left: 50%;}

.fwcont{width: 100%;height: auto;}
.cont1{
    width: 100%;
    height: 1100px;
    background: url(../images/sj/sj2.jpg) 50% 100% no-repeat;
    padding-top: 100px;
    position: relative;
}
.cont1 .conts_1{width: 1460px;height: auto;margin: 0 auto;}
.conts_1 .tites .tit{color: #c3c3c3;}
.conts_1 .tites .tit1 span:nth-of-type(2){color: #c3c3c3;font-family: 宋体;}
.conts_1 .tites .tit1 span:nth-of-type(1){color: #000;background: #e4aa0d;}
.conts_1 .conimg{width: 100%;height: 638px;margin-top: 70px;border: 1px solid #817042;overflow: hidden;position: relative;z-index: 10;}
.conts_1 .conimg > div{display: none;position: absolute;top: 0;left: 0;}
.conts_1 .conimg > div.selected{display: block;}
.conts_1 .conimg > div img{width: 1460px;height: 638px;}
.conts_1 .conimg > div .miaos{
    width: 380px;
    height: 175px;
    position: absolute;
    top: 240px;
    left: 75px;
    background: rgba(0,0,0,.5);   
}
.conts_1 .conimg > div .miaos span{
    width: 310px;
    height: 105px;
    font-size: 14px;
    line-height: 27px;
    text-align: justify;
    color: #c3c3c3;
    margin: 35px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.conts_1 ul{width: 100%;height: 50px;overflow: hidden;margin-top: 30px;position: relative;z-index: 10;}
.conts_1 ul li{
    float: left;
    width: 280px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000;
}
.conts_1 ul li a{font-size: 24px;color: #e4aa0d;}
.conts_1 ul li:last-child{margin-right: 0;}
.conts_1 ul li.on{border: 1px solid #817042;}

.cont2{width: 1460px;height: auto;margin: 0 auto 120px;padding-top: 100px;}
.mesg{width: 100%;height: 780px;margin-top: 45px;position: relative;}
.mesg ul{width: 100%;height: auto;overflow: hidden;position: relative;}
.mesg ul li{float: left;margin-right: 4px;margin-bottom: 4px;overflow: hidden;cursor: pointer;}
.mesg ul li:nth-of-type(3),.mesg ul li:nth-of-type(6){margin-right: 0;}
.mesg ul li:last-child{position: absolute;bottom: 0;right: 0;}
.mesg ul li a{display: block;position: relative;}
.mesg ul li a img{transition: all 0.6s;}
.one{
    -ms-transform:scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.mesg ul li a p{color: #fff;position: absolute;top: 18px;left: 18px;}
.mesg ul li a p span:nth-of-type(1){font-size: 24px;}
.mesg ul li a p span:nth-of-type(2){
    font-size: 12px;
    padding: 2px 8px;
    border: 1px solid #fff;
    position: relative;
    top: -3px;
    left: 10px;
}
.mesg ul li a p span:nth-of-type(3){font-size: 8px;text-transform : uppercase;}
.mesg ul li.img1 img{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.mesg ul li.img1 img:hover{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
}

.tzy ul li:nth-of-type(1){overflow: hidden;width: 675px;height: 448px;}
.tzy ul li:nth-of-type(5){overflow: hidden;width: 509px;height: 320px;}

.cont3{width: 1460px;height: auto;margin: 0 auto;padding-top: 100px;padding-bottom: 60px;}

.tites{width: 1460px;margin: 0 auto;}
.tites .tit{font-size: 36px;color: #616161;text-transform : uppercase;}
.tites .tit1{margin-top: 10px;width: 100%;height: 46px;position: relative;}
.tites .tit1 span:nth-of-type(1){
    width: 320px;
    text-align: center;
    font-size: 36px;
    background: #00011c;
    color: #ffdd80;
    display: inline-block;
    line-height: 46px;
    font-weight: normal;
}
.tites .tit1 span:nth-of-type(2){
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 340px;
    color: #616161;
    font-family: 宋体;
}
.cont3 .youshi{width: 100%;height: auto;margin-top: 60px;position: relative;}
.cont3 .youshi .qiye{width: 100%;height: auto;}
.youshi .qiye .qiye1{width: 100%;height: auto;position: relative;}
.qiye .qiye1 .qytit{width: 200px;height: 45px;position: absolute;top: 30px;left: 35px;}
.qiye1 .qytit p:nth-of-type(1){font-size: 24px;color: #fff;}
.qiye1 .qytit p:nth-of-type(1) span{
    font-size: 12px;
    border: 1px solid #dcdcdc;
    padding: 2px 8px;
    position: relative;
    left: 10px;
    top: -2px;
}
.qiye1 .qytit p:nth-of-type(2){font-size: 8px;color: #fff;text-transform : uppercase;}
.qiye1 .xcp{width: 100%;height: auto;}
.qiye1 .xcp ul{width: 100%;height: 100%;overflow: hidden;}
.qiye1 .xcp ul li{float: left;width: 725px;height: 530px;position: relative;margin-right: 10px;margin-bottom: 40px;}
.qiye1 .xcp ul li:nth-of-type(1){width: 1460px;height: 735px;}
.qiye1 .xcp ul li:nth-of-type(1) img{width: 100%;height: 640px;}
.qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi1{width: 760px;height: 45px;line-height: 23px;position: absolute;top: 23px;left: 30px;font-size: 14px;}
.qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi2{
    width: 120px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 85px;
    top: 30px;
    background: #00011c;
    color: #ffdd80;
    text-align: center;
} 

.qiye1 .xcp ul li:nth-of-type(2n+1){margin-right: 0;}
.qiye1 .xcp ul li img{width: 100%;height: 437px;display: block;}
.qiye1 .xcp ul li .pxq{width: 100%;height: 93px;border: 1px solid #bfbfbf;position: relative;}
.qiye1 .xcp ul li .pxq p.zi1{
    width: 420px;
    height: 45px;
    position: absolute;
    top: 24px;
    left: 28px;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.qiye1 .xcp ul li .pxq p.zi2{
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 50px;
    top: 30px;
    text-align: center;  
    border: 1px solid #bfbfbf;  
}
.qiye1 .xcp .qytit{top: 14px;left: 26px;}

.wall{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#midground{
    background: url("../images/midground.png");
    z-index: 1;
    -webkit-animation: cc 100s linear infinite;
    -moz-animation: cc 100s linear infinite;
    -o-animation: cc 100s linear infinite;
    animation: cc 100s linear infinite;
}
div#foreground{
    background: url("../images/foreground.png");
    z-index: 2;
    -webkit-animation: cc 153s linear infinite;
    -o-animation: cc 153s linear infinite;
    -moz-animation: cc 153s linear infinite;
    animation: cc 153s linear infinite;
}
div#top{
    background: url("../images/midground.png");
    z-index: 4;
    -webkit-animation: dd 100s linear infinite;
    -o-animation: dd 100s linear infinite;
    animation: da 100s linear infinite;
}
@-webkit-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-o-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-moz-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@keyframes cc {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 600% 0;
    }
}

@keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-webkit-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-moz-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-ms-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}