@charset "utf-8";

/* CSS Document*/

header{background-size: cover!important;}

.case{background-color: #f4f4f4;}

.page{padding: 80px 0 8px; border-bottom: 1px solid #cba972; line-height: 40px;}

.fenye span{font-size: 18px; color: #333; padding-right: 10px;}

.fenye a{font-size: 18px; color: #999; padding-right: 10px;}

.fenye a:hover{color: #cba972;}

.fenye select{width: 45px; outline: none; font-size: 18px; color: #333; border: 1px solid #c9c9c9;

    margin-right: 10px;}



.demo-gallery{padding-top: 60px; padding-bottom: 70px;}

.demo-gallery>ul>li{float: left; margin-bottom: 30px; margin-right: 2.6%; width: 31.6%;}

.demo-gallery>ul>li:nth-child(3n){margin-right: 0;}

.demo-gallery>ul>li:hover .img{box-shadow: 5px 5px 15px #aaa;}

.demo-gallery>ul>li .img{width: 100%; transition: .5s;}

.demo-gallery>ul>li a>img{

    -webkit-transition: -webkit-transform 0.15s ease 0s;

    -moz-transition: -moz-transform 0.15s ease 0s;

    -o-transition: -o-transform 0.15s ease 0s;

    transition: transform 0.15s ease 0s;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    height: 100%;

    width: 100%;

}

.demo-gallery>ul>li .img>img{display: block; width: 100%;}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {opacity: 1;}

.demo-gallery > ul > li a .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.1);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: background-color 0.15s ease 0s;

    -o-transition: background-color 0.15s ease 0s;

    transition: background-color 0.15s ease 0s;

}

.demo-gallery > ul > li a .demo-gallery-poster > img {

    left: 50%;

    margin-left: -10px;

    margin-top: -10px;

    opacity: 0;

    position: absolute;

    top: 50%;

    -webkit-transition: opacity 0.3s ease 0s;

    -o-transition: opacity 0.3s ease 0s;

    transition: opacity 0.3s ease 0s;

}

.demo-gallery > ul > li a:hover .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {

    opacity: 1;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.1);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: background-color 0.15s ease 0s;

    -o-transition: background-color 0.15s ease 0s;

    transition: background-color 0.15s ease 0s;

}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {

    left: 50%;

    margin-left: -10px;

    margin-top: -10px;

    opacity: 0;

    position: absolute;

    top: 50%;

    -webkit-transition: opacity 0.3s ease 0s;

    -o-transition: opacity 0.3s ease 0s;

    transition: opacity 0.3s ease 0s;

}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

    background-color: rgba(0, 0, 0, 0.5);

}

.demo-gallery .video .demo-gallery-poster img {

    height: 48px;

    margin-left: -24px;

    margin-top: -24px;

    opacity: 0.8;

    width: 48px;

}

.demo-gallery.dark > ul > li a {

    border: 3px solid #04070a;

}

.honor_tit{font-size: 20px; color: #999; padding-top: 5px; transition: .5s;}

.demo-gallery>ul>li:hover .honor_tit{color: #cba972;}

.lg-sub-html h4{font-size: 20px;}

.pagination{padding-top: 40px; padding-bottom: 20px;}
.pagination li{float: left; width: auto!important; margin-right: 0!important;}
.pagination a, .pagination span{width: 38px; height: 38px; line-height: 38px; background-color: #f7f7f7;
    font-size: 20px; padding: 0; text-align: center; border-radius: 0; font-size: 20px; color: #666666;}
.active span{color: #ffffff; background-color: #cba972;}


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

    .wap_banner{width: 100%; background-size: cover!important; height: 230px;}

    .fenye span{font-size: 16px; padding-right: 8px;}

    .fenye a{font-size: 16px; padding-right: 8px;}

    .fenye select{margin-right: 8px;}

    .fenye span:last-child{display: none;}

    .page{padding: 30px 0 0;}

    .demo-gallery{padding-top: 30px; padding-bottom: 20px;}

    .demo-gallery>ul>li{width: 48%; margin-right: 0; margin-bottom: 10px;}

    .demo-gallery>ul>li:nth-child(2n){float: right!important;}

    .honor_tit{font-size: 16px; line-height: 20px; height: 40px; overflow : hidden; text-overflow: ellipsis;

        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .pagination{padding-top: 30px;}
    .pagination a, .pagination span{width: 32px; height: 32px; line-height: 32px; font-size: 18px;}

}