@media only screen and (max-height: 750px){

    .index-row4{padding: 80px 0;}

}

@media only screen and (max-height: 650px){

    .index-row4{padding: 90px 0;}

    .m-see{padding-top: 30px;}

    .slick-works .slider{width: 350px;}

    .slick-works{background: none;}

}





















/*Common For Max 1200*/

@media only screen and (max-width: 1400px) {

    #fp-nav.right{left: 10px !important;}    



    .m-work1{top: 120px;}

    

    

    .slick-intro{margin: 0 -10px;}

    .slick-intro .item{margin: 0 10px;}

    

    .m-news{margin-top: -80px;}

    .wp4{max-width: 1100px;}

    .m-work1 h2{font-size: 120px;padding-bottom: 20px;}

    .m-work1 .info{margin-top: 50px;}


}





/*Common For Max 960*/

@media only screen and (max-width: 1199px) {

    .wp,.wp4{width: 98%; }

    #fp-nav.right{display: none !important;}

    .nav li a{margin: 0 15px;}

    .index-row4 .col-l{margin-right: 50px;}

    .t-list1{margin: 0;}

    .t-list1 .con{margin: 0 30px;}



    .ul-news .txt-box{width: 45%;}

    .ul-news .txt-box .txt{padding: 15px 25px;}

    .ul-news .txt-box .txt .btn-works{margin-top: 30px;}

    .ul-work1 a{width: 120px;height: 80px;line-height: 80px;}

    .m-news{margin-top: 30px;}

    .ul-news .pic-box{float: none;width: auto;}

    .ul-news .txt-box{position: static;width: auto;}

    .ul-news .txt-box .txt h3{font-size: 22px;line-height: 24px;-webkit-box-orient: inherit;height: auto;margin-bottom: 10px;}

    .ul-news .txt-box .txt p{-webkit-box-orient: inherit;height: auto;}

    .ul-news li{margin-bottom: 15px;}

    .ul-news{padding-bottom: 20px;}

    .g-more{width: 150px;height: 36px;line-height: 36px;}

    .m-news{padding-bottom: 45px;}



    .slick-intro{padding: 0 35px;}

}







/*Common For Max 768*/

@media only screen and (max-width: 959px) {

    .header{overflow: visible;height: 50px;background-color: rgba(0,0,0,.8);}

    .header .wp{overflow: visible;width: 100%;}

    .header .nav{position: absolute;right: 0;left: 0;top: 50px;padding: 0;float: none;background-color: rgba(0, 0, 0, 0.8);display: none;}

    .header.on .nav{display: block;}

    .header .logo{padding-top: 10px;max-width: 120px;margin-left: 10px;}

    .header .nav li{float: none;width: auto;text-align: center;border-bottom: 1px solid rgba(255,255,255,.1);}

    .header .nav a{display: block;line-height: 36px;}

    .nav-btn{top: 14px;right: 10px;-webkit-transform: translate(0);

    -ms-transform: translate(0);

    -o-transform: translate(0);

    transform: translate(0);}

    

    .m-txt1{top: 50%;right: auto;left: 50%;-webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);}

    .index-row2 .pic{margin: 0 auto;float: none;width: 400px;height: 400px;}

    .index-row2 .txt{position: static;

        -webkit-transform: translate(0);

        -ms-transform: translate(0);

        -o-transform: translate(0);

        transform: translate(0);

        text-align: center;

    }

    .index-row2 .txt h3{margin-bottom: 30px;}



    



    .index-row4{padding: 30px 0;}

    .index-row4 .col-l,

    .index-row4 .col-c,

    .index-row4 .col-r{

        float: none;width: auto;margin: 0;

    }

    .m-txt4{text-align: center;}

    .m-txt4 p{width: auto;}

    .m-txt4 .btn-works{margin: 25px auto 0;text-align: left;}

    .m-see h4{text-align: center;font-size: 36px;margin-bottom: 20px;}

    .m-txt5 h3{font-size: 36px;display: inline-block;

    *display: inline;

    *zoom: 1;

    padding-bottom: 15px;}

    .slick-works{background: none;}

    .slick-works .slider::after{

        content: '';

        position: absolute;

        top: -10px;

        right: -10px;

        bottom: -10px;

        left: -10px;

        border: 2px solid #000;

        z-index: -1;

    }

    .m-see{text-align: center;padding-top: 30px;}

    .m-see a{text-align: center;display: inline-block;

    *display: inline;

    *zoom: 1;}

    .m-txt5 h3::after{bottom: 5px;}

    .ul-work li{margin-bottom: 15px;}

    .slick-works .slider{margin: 0 auto;width: 300px;}

    .m-txt5{text-align: center;}



    .m-txt2{position: static;background: none;text-align: center;width: auto;height: auto;}

    .m-txt2 h3{padding: 30px 0 0;font-size: 22px;line-height: 30px;}



    .m-txt2 i{display: none;}

    .m-txt3{bottom: 30px;top: auto;width: 100%;}

    .m-txt3 h3{text-align: center;font-size: 45px;}

    .m-txt3 h3 em{font-size: 20px;}

    .m-txt3 p{margin-top: 20px;text-align: center;background: none;}







    .fd-top{text-align: center;display: none;}

    .ul-partner{float: none;}

    .fd-tit{float: none;width: auto;}

    .fd-tit h3{text-align: center;}

    .fd-tit .btn-more{text-align: center;}

    .fd-con{display: none;}



    .fd-bot{padding: 10px 0;text-align: center;line-height: 24px;}



    .fd-bot .record{float: none;}

    .fd-bot .copy{float: none;width: auto;}





    .fp-viewing-section-2 .header .img1,

    .fp-viewing-section-4 .header .img1,

    .fp-viewing-section-5 .header .img1{

        display: block;

    }

    .fp-viewing-section-2 .header .img2,

    .fp-viewing-section-4 .header .img2,

    .fp-viewing-section-5 .header .img2{

        display: none;

    }

    .fp-viewing-section-2 .nav-btn span,

    .fp-viewing-section-4 .nav-btn span,

    .fp-viewing-section-5 .nav-btn span{

        background-color: #fff;

    }

    .fp-viewing-section-2 .nav li a,

    .fp-viewing-section-4 .nav li a,

    .fp-viewing-section-5 .nav li a{

        color: #d7d7d7;

    }



    .fp-viewing-section-5 .header{

        background-color: #000;

    }



    /*椤圭洰杩愯惀*/

    .m-work1 h2{font-size: 100px;}

    .m-work1 h2 em{font-size: 30px;}

    .m-work1 .info p{font-size: 22px;line-height: 30px;}

    .m-work1 .info{padding: 30px 10px;}

    .t-list1 h3{margin-bottom: 30px;padding-bottom: 20px;}

    .t-list1 .con{margin: 0 10px;}

    .t-list1 .info p{height: 80px;    -webkit-line-clamp: 4;}

    .t-list1{padding: 50px 0 60px;}

    .m-adva h3{font-size: 22px;margin-bottom: 20px;}

    .m-adva .t1{padding-bottom: 20px;}

    .m-adva .txt span{font-size: 16px;}

    .m-adva .txt h4{font-size: 16px;}

    .m-adva .txt em{font-size: 14px;}

    .m-adva .t2{padding-top: 15px;}

    .m-adva .t2 h4{margin-bottom: 10px;}



    .ul-work1 li{float: none;margin-bottom: 10px;}



    .m-tit1{margin: 30px 0 20px;}

    .m-tit1 a{margin-top: 25px;}

    .slick-intro .pic i{width: 60px;height: 60px;margin-top: -30px;margin-left: -30px;-webkit-background-size: 60px 60px;

    background-size: 60px 60px;}

    .m-tit1 h3{font-size: 22px;}

    .m-tit1 h3 em{font-size: 22px;}

    .slick-intro .item{margin: 0 5px;}

    .m-intro{margin-bottom: 30px;}

    .ul-list1 .tit h3{font-size: 18px;padding-bottom: 10px; }

    .ul-list1 .tit a{margin-top: 30px;}

    .ul-list1 .tit h3 em{font-size: 30px;}

    .ul-list1 .tit{margin-bottom: 20px;}

    .ul-list1 .txt{padding-top: 10px;}

    .ul-list1 .txt h4{margin-bottom: 10px;}

    .ul-list1 .inner{margin: 0 5px;}

    .ul-list1{margin: 0 -5px 50px;}



    .wp4{overflow: hidden;}

    .ul-actor .inner{margin-left: 10px;}

    .m-actor h3{font-size: 60px;padding-right: 5px;}

    .ul-actor .pic{margin-bottom: 15px;}

}







/*Common For Max 480*/

@media only screen and (max-width: 767px) {

    .wp,.wp2,.wp4{width: 96%;}

    .m-work1 h2{font-size: 60px;padding-bottom: 30px;}

    .m-work1 h2 em{font-size: 20px;margin-top: 0;}

    .m-work1 .info p{font-size: 16px;}

    .m-work1 .info{margin: 80px 30px 0;}

    .t-list1 li{float: none;width: auto;}

    .t-list1 .con{margin: 0;}

    .t-list1 h3{margin-bottom: 15px;padding-bottom: 10px;}

    .t-list1 .info p { height: auto; -webkit-line-clamp: inherit;}

    .t-list1 li{margin-bottom: 20px;}

    .t-list1{padding: 30px 0 40px;}

    .m-adva{padding: 50px 0 30px;}

    .m-adva .box{width: auto;padding: 30px;}



    .ul-list1 li{float: none;width: auto;margin-bottom: 20px;}

    .ul-list1 .txt .btn-more{margin-top: 10px;}



    .m-works{position: static;padding-top: 100px;}

    .m-works h3{text-align: center;font-size: 60px;padding-bottom: 20px;}

    .m-works h3 em{font-size: 16px;}

    .m-works h3::after{margin-left: -50px;right: auto;width: 100px;}

    .m-works .ul-work h4{text-align: center;}

    .m-form h2{font-size: 30px;text-align: center;}

    .m-form h2 em{font-size: 14px;margin-top: 5px;}

    .ul-form .inner{width: 100px;height: 100px;}

    .ul-form{text-align: center;}

    .ul-form li{display: inline-block;

    *display: inline;

    *zoom: 1;

    margin-bottom: 10px;

    margin-right: 5px;

    float: none;}

    .m-intro1{padding: 40px 0 40px;}

    .m-intro1 .desc{margin: 0 35px 30px;}

    .m-intro1 h3{font-size: 22px;margin-bottom: 20px;}

    .m-intro1 h3 em{font-size: 24px;margin-right: 5px;}

    .g-works{margin-top: 20px;}

    .m-actor h3{float: none;display: inline-block;

    *display: inline;

    *zoom: 1;padding-bottom: 45px;margin-bottom: 20px;font-size: 42px;}

    .m-actor h3::after{right: auto;left: 0;bottom: 0;}

    .m-actor{padding: 45px 0 20px;text-align: center;}

    .ul-actor li{width: 33.33%;}

    .m-fine{height: 450px;}



    .m-adva0001 .box{width: 100%;text-align: right;padding: 55px 30px 60px;}

    .m-txt1{padding-right: 50px;}

    .pop-video .video-box iframe{
        width: 300px;
        height: 150px;
    }
    .pop-video .video-box video{
        width: 300px;
        height: 150px;
    }

}



/*Common For Max 320*/

@media only screen and (max-width: 479px) {

    .m-txt1 h2{font-size: 22px;line-height: 30px;}

    .m-txt1 h2 em{font-size: 20px;line-height: 24px;}

    .index-row2 .pic{width: 300px;height: 300px;}

    .index-banner .fp-slidesNav li,.index-banner .fp-slidesNav span{width: 30px;}

    .slick-works .slider{width: 240px;}



    .m-work1{top: 80px;}

    .ul-work1{margin-top: 60px;}

    .ul-work1 a{height: 60px;line-height: 60px;}

    .ul-news .txt-box .txt{padding: 10px;}

    .ul-news .txt-box .txt h3{font-size: 18px;}

    .ul-news .txt-box .txt p{font-size: 14px;}

    .m-intro1 .desc p span{display: block;}

    



    .m-works h3{font-size: 36px;}

    .m-works h3 em{font-size: 14px;}

    .m-form h2{font-size: 22px;margin-bottom: 15px;}

    .m-form{bottom: 20px;}

    .m-works .ul-work{margin-top: 20px;}

    .ul-work li{margin-bottom: 10px;float: left;width: 50%;}

    .m-fine h3{font-size: 60px;}

    .m-fine h3 em{font-size: 16px;}

    .m-fine{height: 380px;}

    .ul-fine .pic{width: 50px;height: 75px;}



    .ul-form .inner{width: 80px;height: 80px;}

    .ul-form p{padding-top: 60px;}



    .m-work1 h2{font-size: 60px;padding-bottom: 20px;}

    .m-work1 h2 em{font-size: 14px;}

    .m-works h3::after{width: 60px;margin-left: -30px;}



}



/*Common For Max 320*/

@media only screen and (max-width: 350px) {

    .m-works{padding-top: 65px;}

}