/* CSS Document */

@import url(web-media-index.css);

@import url(web-media-style-wy.css);

@import url(web-media-style-yhq.css);

@import url(web-media-style-zcl.css);

@import url(web-media-style-zl.css);



/*--------------------------------------- public style --------------------------------------------------*/

@media (min-width: 1920px){

}

@media (min-width: 1600px){

}

@media (min-width: 1440px){

}
@media (min-width: 1400px){
  .videos-lists h1.video-title{    
    font-size: 43px;
  }
}

@media (min-width: 1366px){

    .header-custom .header-right{
        right: 0;
    }

    .header-custom .sort-box{
        left: 0;
    }

    .header-custom .nav-custom1>li>a{
        padding-left: 30px;
    }

    .header-custom .sort-box .sort-btn .sort-tit .sort-con{
        width: 920px;
    }

}

@media (min-width: 1200px){

    .header-custom .header-right{

        top: -67px;

    }

    .header-custom .header-right .center-btn{

        margin-right: 30px;

        margin-left: 30px;

    }

    .header-custom .header-right .header-tel{

        background-position: right 14px;

    }

    .header-custom .nav-custom1>li>a{

        font-weight: bold;

    }

    .footer-box .footer-block .footer-nav{

        padding-left: 25%;

    }

}

@media (min-width: 992px){

    .header-custom .logo{

        margin-left: -15px;

    }

    .header-custom .header-right{

        position: absolute;

    }

    .header-custom .header-right .header-tel{

        background-image: url("../images/z_icon4.png");

        background-repeat: no-repeat;

        cursor: pointer;

        position: relative;

        z-index: 999;

    }

    .header-custom .header-right .header-tel .tel-con{

        padding-top: 20px;

        padding-left: 10px;

        background: #fff;

        box-shadow: 0 2px 10px rgba(0,0,0,0.06);

        position: absolute;

        top: 100%;

        right: 0;

        display: none;

    }

    .header-custom .nav-custom1{

        margin-right: -15px;

        margin-left: -15px;

    }

    .header-custom .nav-custom1>li{

        padding-bottom: 10px;

    }

    .header-custom .nav-custom1>li>a{

        padding-top: 4px;

        padding-right: 0;

        padding-bottom: 4px;

    }

    .header-custom .nav-bg{

        background: #fba81a;

    }

    .header-custom .nav-custom2{

        margin-right: -15px;

        margin-left: -15px;

    }

    .header-custom .nav-custom2>li>a{

        padding-top: 9px;

        padding-bottom: 9px;

    }

    .header-custom .nav-custom2.navbar-left>li>a{

        padding-right: 35px;

        padding-left: 35px;

    }

    .header-custom .nav-custom2.navbar-right>li>a:hover,

    .header-custom .nav-custom2.navbar-right>li>a:focus,

    .header-custom .nav-custom2.navbar-right>.active>a,

    .header-custom .nav-custom2.navbar-right>.active>a:hover,

    .header-custom .nav-custom2.navbar-right>.active>a:focus{

        color: #fff;

    }

    .footer-box .footer-block{

        padding-right: 270px;

        padding-left: 360px;

    }

    .center-title{

        margin-left: 40px;

        padding-left: 40px;

    }

}

@media (min-width: 768px){

    .footer-box .footer-block{

        min-height: 160px;

        position: relative;

    }

    .footer-box .footer-block .footer-address{

        width: 300px;

        position: absolute;

        top: 0;

        left: 0;

    }

    .footer-box .footer-block .footer-code{

        position: absolute;

        top: 0;

        right: 0;

    }

    .footer-box .footer-block .footer-nav{

        border-right: 1px solid #3c3c3c;

        border-left: 1px solid #3c3c3c;

    }

    .footer-copy .copy-left{

        float: left;

    }

    .footer-copy .copy-right{

        float: right;

    }

}

@media (min-width: 414px){

    .header-custom .header-right .search{

        width: 309px;

    }

}

@media (min-width: 1200px) and (max-width: 1400px){
  .videos-lists .video-title{
    width: 188px;
    height: 188px;
    font-size: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1365px){

    .header-custom .nav-custom1>li>a{

        padding-left: 22px;

    }

    .header-custom .sort-box .sort-btn .sort-tit .sort-con{

        width: 860px;

    }

}

@media (min-width: 992px) and (max-width: 1365px){

    .header-custom .header-right{

        right: 15px;

    }

    .header-custom .sort-box{

        left: 15px;

    }

}

@media (min-width: 992px) and (max-width: 1199px){

    .header-custom .header-right{

        top: -57px;

    }

    .header-custom .header-right .search{

        position: relative;

        left: 170px;

    }

    .header-custom .header-right .center-btn{

        position: absolute;

        top: -35px;

        right: -5px;

    }

    .header-custom .header-right .header-tel{

        background-position: right 5px top 14px;

        position: relative;

        right: 309px;

    }

    .header-custom .nav-custom1>li>a{

        padding-left: 10px;

        font-size: 12px;

    }

    .header-custom .sort-box .sort-btn .sort-tit .sort-con{

        width: 660px;

    }

}
@media (max-width: 1200px){
  .videos-lists .video-title{
    width: 150px;
    height: 150px;
    font-size:24px;
  }
  .videos-lists .videos-lists-content {
    padding-top: 90px;
  }
  .videos-classify .classify-video-list>.classify-video-item{
    height: 200px;
  }
}

@media (min-width: 768px) and (max-width: 1024px){

}

@media (min-width: 768px) and (max-width: 991px){

    .header-custom .header-right .header-tel .li{

        float: left;

    }

    .header-custom .header-right .header-tel .tel-con{

        float: left;

    }

    .footer-box .footer-block{

        padding-right: 150px;

        padding-left: 310px;

    }

    .center-title{

        margin-left: 20px;

        padding-left: 20px;

    }

    .footer-btn{

        padding-right: 60px;

        padding-left: 60px;

    }

}

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

}

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

}

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

    .pb120{

        padding-bottom: 120px;

    }

    .header-custom .logo{

        height: auto;

        padding: 10px 15px;

    }

    .header-custom .header-right{

        padding-bottom: 20px;

    }

    .header-custom .header-right .search{

        background: #fff;

    }

    .header-custom .nav-custom2>li>a{

        color: #fba81a;

    }

    .header-custom .nav-custom2.navbar-right>li>a img{

        display: none;

    }

    .header-custom .nav-custom2.navbar-right>li>a:hover,

    .header-custom .nav-custom2.navbar-right>li>a:focus,

    .header-custom .nav-custom2.navbar-right>.active>a,

    .header-custom .nav-custom2.navbar-right>.active>a:hover,

    .header-custom .nav-custom2.navbar-right>.active>a:focus{

        color: #fba81a;

    }

    .header-custom .sort-box{

        display: none;

    }

    .header-custom .navbar-toggle{

        margin-top: 23px;

        margin-bottom: 0;

        border-color: #fba81a;

    }

    .header-custom .navbar-toggle .icon-bar{

        background: #fba81a;

    }

    .header-custom .navbar-toggle:hover,

    .header-custom .navbar-toggle:focus{

        background: #fba81a;

    }

    .header-custom .navbar-toggle:hover .icon-bar,

    .header-custom .navbar-toggle:focus .icon-bar{

        background: #fff;

    }

    .footer-btn{

        display: block;

    }

}

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

    .header-custom .logo .logoBig{

        display: none;

    }

    .header-custom .logo .logoSmall{

        display: block;

    }

    .footer-box .footer-block{

        text-align: center;

    }

    .footer-box .footer-block .footer-address{

        margin-bottom: 30px;

    }

    .footer-box .footer-block .footer-address .footer-logo{

        margin-right: auto;

        margin-left: auto;

    }

    .footer-box .footer-block .footer-nav{

        margin-bottom: 30px;

    }

    .footer-box .footer-block .footer-code{

        margin-right: auto;

        margin-left: auto;

    }

    .header-tel.tel-other{

        display: none;

    }

    .center-logo .logoBig{

        display: none;

    }

    .center-logo .logoSmall{

        display: block;

    }

    .center-title{

        margin-left: 10px;

        padding-left: 10px;

    }



    .pages{

        padding-bottom: 50px;

    }

    .pages a{

        display: none;

    }

    .pages a:first-child,.pages a:last-child{

        display: inline-block;

        width: 40%;

        margin-left: 2%;

        margin-right: 2%;

    }

}

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

}

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

    .center-title{

        margin-left: 5px;

        padding-left: 5px;

        font-size: 20px;

    }

}

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

}