* {
    margin: 0;
    padding: 0;
}

html body {
    font-size: 12px;
    color: #000;
    font-family: "SimHei", "SimHei UI", "黑体";
    background: #fff;

}

/*区别对待开始*/
@media (max-width: 1024px)and (min-width:768px){

    /*.container1 {*/
        /*width:1000px!important;*/
        /*margin: 0 auto!important;*/
    /*}*/
    /*.pp{*/
        /*min-width:1000px!important;*/
    /*}*/
    
    .work1 {
        height:711px!important;
    }
    .work1 .master {
        width: 29% !important;
        left: 9% !important;
        height: 67%!important;
    }
    .master-name{
        width: 57%!important;
        right: 6%!important;
        top: 7%!important;
    }
    .work2{
        height:444px!important;
    }
    .work2 img{
        left: 510px!important;
    }
    .work2 em{
        font-size: 22px !important;
        left: 457px!important;
    }
    .work2 .n {
        font-size: 104px !important;
    }

    .work2 h2 {
        font-size: 56px !important;
        margin: 0 auto -19px!important;
    }
    .work2 h3{
        margin-bottom: -21px!important;
    }
    .work2 .h4 {
        font-size: 16px!important;
        margin-bottom: -18px!important;
    }
    .work2 h6{
        font-size: 17px!important;
    }

    .work2 h5 {
        font-size: 30px !important;
        line-height: 63px !important;
    }
    .work3{
        height:475px!important;
    }
    .work3 .gold{
        width: 486px!important;
    }
    .work3 .gold img{
        width:76%!important;
        margin: 50px 0 0 57px!important;
    }
    .work4 {
        height:403px!important;
    }
    .work5{
        height:569px!important;
    }
.work4-d1{
    margin-left: 38px!important;
}
    .work4 .line1 .s1 .clearfix .sm-vs{
        width: 50%!important;
        margin-left: -37px!important;

    }
    .work4-d1 h6{
        font-size: 16px!important;
        line-height: 25px!important;
        padding-top: 2px!important;
    }
    .work4-d1 h3{
        font-size: 20px!important;
        line-height: 26px!important;
    }
    .work6 {
        height:303px!important;
    }
    .work6-d1{
        margin-left: 28px!important;
    }
    .work6-d1 h3{
        font-size: 16px!important;
    }
    /*.work8-d1 img{*/
        /*left: 351px!important;*/
    /*}*/
    .work6-d1 h2{
        padding-top:30px!important;
    }
    .work6-d1 h2 .n{
        font-size: 103px!important;
    }
    .work6-d1 img{
        left: -3px!important;
        top: -4px!important;
        width: 105px!important;
    }
    .work6 .line1 .s1 .clearfix .sm-vs h3{
        padding-top: 108px!important;
    }
    .work10{
        height:430px!important;
    }
    .work11{
        height:511px!important;
    }
    .work11 .clearfix li{
        margin-top: -15px!important;
        padding-bottom: 92px!important;
    }
    /*.work9{*/
        /*height:479px!important;*/
    /*}*/
    /*/!*.work9 .swiper-container{*!/*/
        /*/!*max-width:1024px!important;*!/*/
    /*/!*}*!/*/
    /*.work10{*/
        /*height:382px!important;*/
    /*}*/
    /*.work11{*/
        /*height: 454px!important;*/
    /*}*/
    /*.work11 .clearfix li{*/
        /*width: 294px!important;*/
        /*margin-left: 21px!important;*/
    /*}*/
    /*.work12-d1 h4{*/
        /*font-size:15px!important;*/
    /*}*/
    /*.work12-d2 ul li{*/
        /*height:462px!important;*/
    /*}*/
    /*.work12-d2 ul li:first-child{*/
        /*width: 69%!important;*/
    /*}*/
    /*.work12-d2 ul .right-tt{*/
        /*width: 29%!important;*/
    /*}*/
    /*.right-tt #over{*/
        /*width: 290px!important;*/
    /*}*/
    /*.right-tt #over p{*/
        /*font-size: 14px!important;*/
    /*}*/
    /*.right-tt #over h3{*/
        /*font-size:14px!important;*/
    /*}*/
    /*.right-tt #over h4{*/
        /*font-size: 14px!important;*/
    /*}*/
    /*.right-tt #over .ter{*/
        /*margin-top: 3px!important;*/
    /*}*/
    /*.containerx{*/
        /*width:1000px!important;*/
    /*}*/
}
@media (max-width: 1210px)and (min-width:1025px) {
    .work1 {
        height: 769px !important;
    }

    .work1 .master {
        width: 33% !important;
        left: 4% !important;
        height: 74%!important;
    }

    .work1 .master-name {
     width: 56% !important;
    right: 8% !important;
    }

    .work2 {
        height: 481px !important;
    }

    .work2 img {
        width: 164px !important;
        top: -48px !important;
    }

    .work2 em {
        font-size: 28px !important;
    }

    .work2 .n {
        font-size: 137px !important;
    }

    .work2 h2 {
        font-size: 56px !important;
    }

    .work2 h5 {
        font-size: 30px !important;
        line-height: 63px !important;
    }

    .work3 .gold img {
        width: 80%;
    !important;
        margin: 0 auto !important;
        padding-top: 70px !important;
        padding-left: 50px !important;
    }

    .work3 {
        height: 515px !important;
        /*margin-bottom: -157px!important;*/
    }

    .work4 {
        height: 435px !important;
    }

    .work4-d1 h2 {
        margin: -25px 0 1px 0!important;
    }

    .work4-d1 h3 {
        margin-top: -12px !important;
        font-size: 19px !important;
        margin-bottom: -10px !important;
    }

    .work4 .line1 .s1 ul > li {
        width: 42% !important;
        margin-left: 43px !important;
    }

    .work4 .work4-d1 .n {
        font-size: 110px !important;
    }
    .work6-d1 h3{
        font-size: 16px!important;
    }

    .work4 .line1 .s1 .clearfix .sm-vs {
        width: 49%!important;
        margin-left: -39px!important;
    }
    .work6 .line1 .s1 .clearfix .sm-vs{
        height: 377px!important;
    }
    .work6 {
        height: 423px !important;
    }

    .work6 .work6-d1 .n {
        font-size: 129px!important;
    }

    .work6 .line1 .s1 ul > li:first-child {
        margin-left: 55px !important;
        width: 45% !important;
    }

    .work6-d1 h3 {
        font-size: 17px !important;
    }

    .work6 .line1 .s1 .clearfix .sm-vs h3 {
        font-size: 17px !important;
        padding-top: 166px !important;
    }

    .work7 .line1 .s1 > ul li {
        width: 29% !important;
        margin-left: 35px !important;
    }

    .work8 .work8-d1 .n {
        font-size: 132px !important;
    }

    .work8-d1 h3 {
        font-size: 18px !important;
    }

    .work9 .call {
        width: 95% !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .work10 {
        height: 460px !important;
    }

    .work11 {
        height: 547px !important;
    }

    .work10-d1 h2 {
        font-size: 62px !important;
    }

    .work10-d1 h3 {
        font-size: 17px !important;
    }

    .work11-d1 h3 {
        font-size: 18px !important;
    }

    .work11 .clearfix li {
        width: 330px !important;
        margin-left: 45px !important;
        margin-top: 24px !important;
    }

    .work12-d1 h1 {
        padding-top: 47px !important;
    }

    .work12-d1 h3 {
        font-size: 15px !important;
    }

    .work12-d1 h4 {
        font-size: 18px !important;
        padding-top: 30px !important;
    }

    .work12-d2{
        width:93%!important;
    margin-right: 25px!important;
    margin-left: 35px!important;
    }
    
}



/*兼容手机*/
/*区别对待结束*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.headerdiv .headerdiv1 .logol img {
    -webkit-transform: scaleX(1) scaleY(1);
    -moz-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;

}

.headerdiv .headerdiv1 .logol:hover img {
    -webkit-transform: scaleX(0.95) scaleY(0.95);
    -moz-transform: scaleX(0.95) scaleY(0.95);
    transform: scaleX(0.95) scaleY(0.95);
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
}

.banner-container {
    background: url("../images/1-banner.jpg") center no-repeat;
    /*background-color: #f0f3f3;*/
    /*position: relative;*/
    min-width: 1206px;
    /*width: 100%;*/
    background-size: cover;
}

.master {
    display: inline-block;
    width: 37%;
    height: 88%;
    position: absolute;
    left: 0%;
    top: 0;
}

.master-name {
    display: inline-block;
    width: 68%;
    position: absolute;
    right: 0%;
    top: 3%;
}
.container1 {
    width: 1206px;
    margin: 0 auto;
    position: relative;
}

.work1 {
    margin: 0 auto;
    height: 998px;
    /*height:250px;*/
    width: 100%;
    min-width: 1206px;

}

.work2 {
    /*background: #f0f3f3;*/
    height: 623px;
    /*position: relative;*/
    min-width: 1206px;
    background: url("../images/master-p2.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}

.work2 img {
    position: absolute;
    width: 200px;
    left: 559px;
    top: -67px;
    z-index: 2;
    opacity: 0.8;
}

.work2 em {
    font-style: normal;
    text-decoration: none;
    font-size: 34px;
    color: white;
    position: absolute;
    left: 440px;
    top: 15%;
    letter-spacing: 2px;
    font-weight: 500;
}

.work2 h2 {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    font-weight: 800;
    font-size: 70px;
    line-height: 90px;
    text-align: center;
    color: white;
    letter-spacing: 4px;
    text-indent: 12px;
    padding-top: 52px;
}

.work2 h3 {

    font-size: 23px;
    line-height: 52px;
    text-align: center;
    color: white;
    letter-spacing: 0px;
    text-indent: 12px;
    margin-bottom: -1px;
}

.work2 h4 {
    font-family: 'Arial';
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: white;
    letter-spacing: 0px;
    text-indent: 12px;
    margin-bottom: -1px;
    font-weight: 100;
    padding-top: 15px;
}

.work2 h5 {
    font-weight: 800;
    font-size: 30px;
    line-height: 90px;
    text-align: center;
    color: white;
    letter-spacing: 4px;
    top: -15px;
    left: 432px;
    text-indent: 12px;
    padding-top: 10px;
}

.work2 h6 {
    font-family: 'Arial';
    font-size: 19px;
    line-height: 33px;
    text-align: center;
    color: white;
    letter-spacing: 1px;
    text-indent: 12px;
    margin-bottom: -1px;
    font-weight: 100;
}

.work3 {
    background: url("../images/master-p3.jpg") center no-repeat;
    background-size: cover;
    /*border-top: #393b3b dashed 1px;*/
    min-width: 1206px;
    width: 100%;
    /*margin-bottom: -90px;*/
    height: 668px;
}

.work3 .gold {
    width: 484px;
    margin: 0 auto;
    height: 666px;
}

.work3 .gold {
    left: 50%;
}

.work4 {
    background: url("/images/mxjs-article/nikita/p4-1.jpg") center no-repeat;
    /*background: black;*/
    background-size: cover;
    min-width: 1206px;
    width: 100%;
    height: 565px;
}

.work4 .line1 .s1 ul li h4 {
    font-family: "Arial";
    color: #7f7f7f;
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    padding-bottom: 13px;
    letter-spacing: 3px;
}

.work4 .line1 .s1 > ul {
    overflow: hidden;
    display: inline-block;
    width: 98%;
    height: 446px;
    padding: 10px;
}

.work4-d1 {
    width: 100%;
    height: 446px;
}

.work4-d1 img {
    width: 100px;
}

.work4-d1 h2 {
    color: white;
    font-size: 63px;
    letter-spacing: -3px;
}

.work4-d1 h3 {
    font-family: Arial;
    font-weight: 200;
    font-size: 21px;
    line-height: 31px;
    text-align: left;
    color: white;
    letter-spacing: 0px;
    /*text-indent: 12px;*/
    margin-bottom: -1px;
    padding-left: 88px;
}

.work4-d1 h6 {
    font-size: 19px;
    line-height: 33px;
    text-align: left;
    color: white;
    letter-spacing: 1px;
    /*text-indent: 12px;*/
    margin-bottom: -1px;
    font-weight: 400;
    padding-left: 88px;
    padding-top: 12px;

}

.work4 .line1 .s1 ul > li {
    float: left;
    width: 50%;
    margin-left: 10px;
}

.work4 .line1 .s1 .clearfix .sm-vs {
    width: 44%;
    /*background:gray;*/
    height: 446px;
}

.work4 .line1 .s1 .clearfix .sm-vs span {
    background: url(/images/mxjs-article/nikita/sp.png) center center no-repeat rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    display: block;
    /*border-radius: 50%;*/
    transition: all 1s;
}

.work4 .line1 .s1 .clearfix .sm-vs div {
    display: inline-block;
    width: 200px;
    height: 200px;
    /*background:yellow;*/
    margin: 131px 0 0 40px;
    border-radius: 15px;
    float: left;
    overflow: hidden;
}

.work5 {
    /*background: #f0f3f3;*/
    height: 798px;
    /*position: relative;*/
    min-width: 1206px;
    background: url("../images/p4-2.jpg") center no-repeat;
    background-size: cover;
    /*position: relative;*/
}

.work6 {
    background: url("../images/p6-1.jpg") center no-repeat;
    background-size: cover;
    height: 423px;
    min-width: 1206px;
    width: 100%;

}

.work6 .line1 .s1 > ul {
    overflow: hidden;
    /*background:blue;*/
    display: inline-block;
    width: 100%;
    height: 423px;
    /*height:100%;*/
    /*padding: 10px;*/
    /*background: blue;*/
}

.work6-d1 {
    position: relative;
    width: 100%;
    /*background:red;*/
    height: 446px;
}

.work6-d1 img {
    width: 125px;
    position: absolute;
    left: 2px;
    top: -14px;
    opacity: 0.8;

}

.work6-d1 h2 {
    padding-top: 71px;
    font-family: 'Arial';
    color: white;
    font-size: 63px;
    letter-spacing: 1px;
}

.work6-d1 h3 {
    font-family: Arial;
    font-weight: 200;
    font-size: 20px;
    line-height: 31px;
    text-align: left;
    color: white;
    letter-spacing: 1px;
    /*text-indent: 12px;*/
    padding-left: 22px;
    padding-top: 10px;
}

.work6 .line1 .s1 ul > li:first-child {
    float: left;
    width: 54%;
    /*margin-left:10px;*/
}

.work6 .line1 .s1 .clearfix .sm-vs {
    float: right;
    width: 46%;
    /*background:gray;*/
    height: 446px;
}

.work6 .line1 .s1 .clearfix .sm-vs h3 {
    /*font-family:'Arial';*/
    font-weight: 200;
    text-align: left;
    padding-top: 184px;
    line-height: 31px;
    font-size: 20px;
    color: white;
}

.work7 {
    background: url("../images/p6-2.jpg") center no-repeat;
    background-size: cover;
    height: 438px;
    min-width: 1206px;
    width: 100%;

}

.work7 .line1 .s1 > ul {
    overflow: hidden;
    /*background:blue;*/
    display: inline-block;
    width: 100%;
    height: 396px;
    /*height:100%;*/
    /*padding-top: 10px;*/
    /*background: blue;*/

}

.work7 .line1 .s1 > ul li {
	transition:all.4s;
	-o-transition:all.4s;
	-ms-transition:all.4s;
	-moz-transition:all.4s;
	-webkit-transition:all.4s;
    overflow: hidden;
    width: 33%;
    height: 80%;
    /*background:brown;*/
    float: left;
    margin-left: 3px;
}
.work7 .line1 .s1 > ul li:hover{
	transition:all.4s;
	transform:scale(1.08);
}

.work7 .line1 .s1 > ul li:first-child {
    background: url("/images/mxjs-article/nikita/p7-1.jpg") center no-repeat;
}

.work7 .line1 .s1 > ul .second {
    background: url("/images/mxjs-article/nikita/p7-2.jpg") center no-repeat;
}

.work7 .line1 .s1 > ul .third {
    background: url("/images/mxjs-article/nikita/p7-3.jpg") center no-repeat;
}

.work8 {
    background: url("/images/mxjs-article/nikita/p8-1.jpg") center no-repeat;
    background-size: cover;
    height: 434px;
    min-width: 1206px;
    width: 100%;
}

.work8 .line1 .s1 > ul {
    overflow: hidden;
    /*background:blue;*/
    display: inline-block;
    width: 100%;
    height: 423px;
    /*height:100%;*/
    /*padding: 10px;*/
    /*background: blue;*/
}

.work8-d1 {
    position: relative;
    width: 100%;
    /*background:red;*/
    height: 446px;
}

.work8-d1 h1 {
    position: absolute;
    color: white;
    left: 47%;
    top: 8%;
    font-size: 15px;
    font-weight: 200;
    letter-spacing: 4px;
    line-height: 20px;
}

.work8-d1 img {
    width: 125px;
    position: absolute;
    left: 450px;
    top: -14px;
    opacity: 0.8;

}

.work8-d1 h2 {
    padding-top: 71px;
    font-family: 'Arial';
    color: white;
    font-size: 63px;
    letter-spacing: 1px;
    text-align: center;
}

.work8-d1 h3 {
    text-align: center;
    font-family: Arial;
    font-weight: 200;
    font-size: 20px;
    line-height: 31px;
    color: white;
    letter-spacing: 1px;
    /*text-indent: 12px;*/
    padding-left: 22px;
    padding-top: 23px;
}

.work9 {
    /*background: url("../images/p9-1.jpg") center no-repeat;*/
    background: black;
    background-size: cover;
    height: 568px;
    min-width: 1206px;
    width: 100%;
}

/*.work9 .swiper-container {*/
    /*width: 1200px;*/
    /*/!*height: 300px;*!/*/
/*}*/

.swiper-slider > img {
    width: 90%;
    height: 90%;
}

.work10 {
    background: url("../images/p10.jpg") center no-repeat;
    background-size: cover;
    height: 552px;
    min-width: 1206px;
    width: 100%;
}

.work10 .line1 .s1 > ul {
    overflow: hidden;
    /*background:blue;*/
    display: inline-block;
    width: 100%;
    height: 423px;
    /*height:100%;*/
    /*padding: 10px;*/
    /*background: blue;*/
}

.work10-d1 {
    position: relative;
    width: 100%;
    /*background:red;*/
    height: 446px;
}

.work10-d1 h1 {
    position: absolute;
    color: white;
    left: 47%;
    top: 8%;
    font-size: 15px;
    font-weight: 200;
    letter-spacing: 4px;
    line-height: 20px;
}

.work10-d1 img {
    width: 125px;
    position: absolute;
    left: 542px;
    top: 3px;
    opacity: 0.8;

}

.work10-d1 h2 {
    padding-top: 71px;
    font-family: 'Arial';
    color: white;
    font-size: 75px;
    letter-spacing: 5px;
    text-align: center;
}

.work10-d1 h3 {
    text-align: center;
    font-family: Arial;
    font-weight: 200;
    font-size: 20px;
    line-height: 31px;
    color: white;
    letter-spacing: 1px;
    /*text-indent: 12px;*/
    /*padding-left: 22px;*/
    padding-top: 23px;
}

.work11 {
    background: url("/images/mxjs-article/nikita/p11.jpg") center no-repeat;
    background-size: cover;
    height: 655px;
    min-width: 1206px;
    width: 100%;
}

.work11-d1 h3 {
    text-align: center;
    font-family: Arial;
    font-weight: 200;
    font-size: 20px;
    line-height: 31px;
    color: white;
    letter-spacing: 1px;
    /*text-indent: 12px;*/
    /*padding-left: 22px;*/
    padding-top: 71px;
}

.work11 .clearfix li {
    width: 389px;
    height: 300px;
    /*background: red;*/
    float: left;
    margin-left: 10px;
    margin-top: 24px;
}

.work12 {
    background: black;
    background-size: cover;
    min-width: 1206px;
    width: 100%;
    height: 852px;
}

.work12-d1 h1 {
    text-align: center;
    font-size: 34px;
    font-weight: 200;
    letter-spacing: 3px;
    color: white;
}

.work12-d1 h3 {
    padding-top: 19px;
    font-family: 'Arial';
    font-weight: 200;
    line-height: 25px;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    color: white;
}

.work12-d1 h4 {
    line-height: 28px;
    font-size: 18px;
    letter-spacing: 5px;
    font-family: 'Arial';
    padding-top: 50px;
    text-align: center;
    color: white;
}

.work12-d2 {
    margin: 55px 0 20px 0;
    width: 100%;
    height: 500px;
    /*background:red;*/

}

.work12-d2 ul li {
    overflow: hidden;
    height: 500px;
    /*background:blue;*/
    float: left;
}

.left-tt .swiper-container {
    width: 70%;
    height: 500px;
}

.work12-d2 ul li:first-child {
    width: 70%;
}

.work12-d2 ul .right-tt {
    width: 30%;
    /*background:brown;*/
}

.right-tt > div {
    height: 250px;
    position: relative;
    /*overflow:hidden;*/
}

.right-tt #over {
    z-index: 9;
    background: black;
    /*-webkit-transition: all 0.8s;*/
    /*-o-transition: all 0.8s;*/
    /*-moz-transition: all 0.8s;*/
    /*-ms-transition: all 0.8s;*/
    font-size: 29px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 360px;
    height: 250px;
    color: white;
    text-align: center;
    line-height: 75px;
    opacity: 0.6;
}

.right-tt #over p {
    font-family: 'Arial';
    padding-top: 53px;
    line-height: 24px;
    font-size: 18px;
    letter-spacing: 2px;
}

.right-tt #over h3 {
    font-family: 'Arial';
    padding-top: 10px;
    letter-spacing: 2px;
    line-height: 24px;
    font-size: 18px;
}

.right-tt #over h4 {
    font-family: 'Arial';
    padding-top: 10px;
    letter-spacing: 2px;
    line-height: 30px;
    font-size: 18px;
}

.right-tt #over a {
    text-decoration: none;
    display: block;
    width: 200px;
    height: 50px;
    margin: 42px auto 0;
    font-size: 21px;
    line-height: 50px;
    border: 2px solid white;
    list-style: normal;
}

.right-tt div:first-child {
    /*background:yellow;*/
}

.video-view {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.video-view-over {
    background: rgba(0, 0, 0, 0.9);
}

.video-control {
    display: block;
    width: 800px;
    top: -30%;
    left: 46%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    z-index: 999;
    transition: top .8s;
    -webkit-transition: top .8s;
    -moz-transition: top .8s;
}

.close-view {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
}

.footer {
    position: fixed;
    font-size: 15px;
    letter-spacing: 3px;
    bottom: 0;
    line-height: 50px;
    color: white;
    background: #7a4621;
    width: 100%;
    height: 50px;
    text-align: center;
}