@media only screen and (max-width: 1400px){
    #page2 .det,
    #page3 .det,
    #page4 .det,
    #page5 .det
    {font-size: 14px;line-height: 1.8;}
    #page2 .tit,
    #page3 .tit,
    #page4 .tit,
    #page5 .tit
    {width: 190px;}
    .p-list1{padding-top: 30px;}
    .p-list1 .con{font-size: 20px;}
    .p-list1 .icon{margin-bottom: 15px;width: 70px;height: 70px;}
    .wp2{width: 1200px;}
    #page2 .pic, #page3 .pic, #page4 .pic, #page5 .pic{
        width: 1200px;
    }
}

/*Common For Max 1366*/
@media only screen and (max-width: 1199px){
    .wp,.wp2{padding: 0 15px;width: auto;}
    /*
    -----------------[番茄]--------------*/
    .header{
        padding: 0 25px;
    }
    .logo-pc{display: none;}
    .logo-m{display: block;height: 78px;line-height: 78px;float: left;}
    .logo-m img{height: 60%;}
    .menuBtn{display: block;}
    .hdr{
        float: none;
        position: fixed;left: 0;right: 0;top: 78px;bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 20px 0;
        background: #222;
        display: none;
    }
    .hd-vr{
        float: none;text-align: center;
        line-height: 40px;
        margin-bottom: 10px;
        color: #fff !important;
        display: none;
    }
    .hd-vr img{margin-right: 10px;}
    .hd-vr .img2{display: none !important;}
    .hd-vr .img1{display: inline-block !important;}
    .nav{
        float: none;
        margin: 0;
        display: none;
    }
    .nav li{float: none;}
    .nav li:after{display: none;}
    .nav .v1{
        display: block;
        line-height: 45px;text-align: center;
        color: #fff !important;
    }
    .nav dl{
        position: static;
        white-space: normal;
        text-align: center;
    }
    .nav li:hover dl{display: none;}
    .nav dl:after{display: none;}
    .nav dd{
        margin: 0 20px;
    }
    

    .footer{padding: 50px 0;}
    .f-logo{padding-left: 0;}
    .f-nav a{font-size: 14px;margin-right: 40px;}
    .f-copy{font-size: 12px;line-height: 1.5;}
    
    .m-tips{display: none;}
    #page2 .pic,
    #page3 .pic,
    #page4 .pic,
    #page5 .pic
    {width:auto;right:auto;top:auto;left: 20px;max-width: 46%;}
    #page3 .pic,
    #page5 .pic
    {right: 20px;left: auto;}
    #page2 .pic img,
    #page3 .pic img,
    #page4 .pic img,
    #page5 .pic img{
        position: static;
        max-width: 100%;display: block;
    }
    
    .index-loading{
        background: #000;
    }
    .index-loading .inner1{
        padding-top: 18%;
    }
    .index-loading video {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    }
    /*
    -----------------[萝卜]--------------*/

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    #page2 .inner,
    #page3 .inner,
    #page4 .inner,
    #page5 .inner
    {
        float: none;
        margin: 0;
    }
    #page2 .pic,
    #page3 .pic,
    #page4 .pic,
    #page5 .pic
    {
        position: static;
        clear: both;
        margin: 0 auto;
        padding-top: 0;
        max-width: 80%;
    }
    #page2 .pic img,
    #page3 .pic img,
    #page4 .pic img,
    #page5 .pic img
    {
        margin: 0 auto;
    }
    #page2 .txt,
    #page3 .txt,
    #page4 .txt,
    #page5 .txt
    {text-align: center;}
    #page2 .det,
    #page3 .det,
    #page4 .det,
    #page5 .det
    {
        font-size: 12px;
        float: none;display: inline-block;vertical-align: top;
        text-align: left;
        padding-top: 0;
    }
    #page2 .tit,
    #page3 .tit,
    #page4 .tit,
    #page5 .tit
    {
        width: 94px;margin-top: 0;
        padding-left: 10px;
        float: none;display: inline-block;vertical-align: top;
        padding-top: 10px;
    }
    .p-list1{
        position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;
        padding: 10px 0 5px;
    }
    .p-list1 li,.p-list1.black li{
        float: left;width: 33.33%;
        margin: 0;
    }
    .p-list1 .icon{
        width: 50px;height: 50px;
        margin-bottom: 5px;
    }
    .p-list1 .con{font-size: 14px;}
    #page2 .g-bg,
    #page3 .g-bg,
    #page4 .g-bg{
        display: none;
    }
    #page2:after,
    #page3:after,
    #page4:after,
    #page5:after{
        content: "";
        position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;
        height: 120px;
        background-image: linear-gradient(rgba(109,8,1,0) 2%,#6d0801 50%, #6d0801);
    }
    #page3:after{
        background-image: linear-gradient(rgba(109,8,1,0) 2%,#dfdcd8 50%, #dfdcd8);
    }
    #page4:after{
        background-image: linear-gradient(rgba(109,8,1,0) 2%,#fff 50%, #fff);
    }
    #page5:after{
        background-image: linear-gradient(rgba(109,8,1,0) 2%,#fccb9b 50%, #fccb9b);
    }

}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    /*
    -----------------[番茄]--------------*/
    .header{height: 50px;}
    .logo-m{height: 50px;line-height: 50px;}
    .hdr{top: 50px;}
    .footer{padding: 30px 0;}
    .footer .col-l,
    .footer .col-r{
        float: none;width: auto;
    }
    .f-logo{
        text-align: center;
        padding: 0 10% 20px;
    }
    .f-nav{
        padding-bottom: 10px;margin-bottom: 20px;
        border-bottom: 1px solid #999;
    }
    .f-nav a{width: 50%;margin: 0;text-align: center;line-height: 3;}
    .f-copy{text-align: center;}
    
    .m-tips{font-size: 14px;bottom: 3%;}
    .m-pic1 img{display: none;}
    .m-pic1 .img1{max-width: 90%;display: block;}
    #page2 .fp-tableCell,
    #page3 .fp-tableCell,
    #page4 .fp-tableCell,
    #page5 .fp-tableCell
    {
        vertical-align: top !important;
        padding-top: 60px;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .index-loading .pic1 img{margin-bottom: 60px;}
    .index-loading .inner1{padding-top: 20%;}
    .muted-off, .muted-on{
        margin: 20px 5px;
        width: 120px;
    }
    .index-loading .pass-tip{
        letter-spacing: 0;
    }
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    
}