﻿

@media (min-width:767px) {

.ywtb-card001 .ywtb-item3.active .btn-red a, .ywtb-card .ywtb-item3.active .zhenm a{

    padding-bottom: 10px!important;

}

.ywtb-card .icon-list li a i{

    color: #888;

}

}

@media (max-width:1440px){

    .share>ul>li,.share1>ul>li{

        box-shadow: 0 3px 10px 0 rgba(0,0,0,.08);

    }

    .index-container{

        padding:0 20px;

        width: 100%;

    }

    .header .index-container{

        padding-left: 20px;

        padding-right: 20px;

    }

    .footer-links{

        flex-wrap: wrap;

        justify-content: center!important;

    }

    .footer-links li{

        margin-bottom: 10px;

    }

    .footer-links li a{

        white-space: nowrap;

    }

    .slogen img{

        width: 250px;

    }

}

@media (max-width:1281px){

.ywtb-card li.ywtb-item3.active .icon-list li {

    width: 25.5%;

    margin: 10px 3.9%;

}

}

@media (max-width:1275px){

.ywtb-card .icon-list li a i {

    font-size: 20px;

}

.ywtb-card .three-last li a {

    padding: 10px 0;

    font-size: 13px;

}

}

@media (max-width:1254px) {

.btnicon-round li .hover-show{

    padding: 12px 0px 4px 0px;

}

.btnicon-round li .hover-show li a{

  padding-left: 25px;

}

}

@media (max-width:1239px){

.ywtb-card li.ywtb-item3.active .icon-list li {

    width: 26%;

    margin: 10px 3.6%;

    float: left;

    border: 0;

}

}

@media (max-width:1200px){

    .right-side{

        margin-left: 0;

        padding-left: 30px;

    }

    .header-sec{

        margin-bottom: 15px;

    }

    .bg-wall{

        display: none;

    }

    .main-menu{

        display: none;

    }

    .right-side .search-cont{

        width: 80%;

    }

    .ywtb-card .icon-list li a i{

        margin: 0 10px;

    }

    .ywtb-card li .btn-list li a{

        font-size: 14px;

    }

    .ywtb-card li .btn-list li{

        width: 48%;

        margin: 0 1% 15px;

    }

    .ywtb-card li.ywtb-item1 .btn-list li a{

        padding: 10px 5px;

    }

    .piao img{

        width: 60px;

    }

    .share,.share1{

        right: 10px;

    }

    .wy-btn .btn-list a i{

        margin-right: 5px;

    }

    .left-side .icon-lr li a i{

        margin: 0 2px 0 5px;

    }

}

@media (max-width:1119px){

.ywtb-card .three-last li a {

    padding: 10px 0;

    font-size: 12px;

}

}

@media (max-width:1111px){

.ywtb-card li.ywtb-item3.active .icon-list li {

    width: 31%;

    margin: 10px 1.1%;

    float: left;

    border: 0;

}

.ywtb-card .icon-list li a i {

    margin: 0 3px;

}

}

@media (max-width:1024px) and (min-width:991px) {

    .list-color li a i{

        margin: 0 5px;

    }

    .list-color li a{

        display: block;

        padding: 15px 0 15px 0px;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }

}

@media (max-height:768px){

    .share,.share1{

        bottom: 380px;

    }

    .share>ul>li,.share1>ul>li{

        margin-bottom: 5px;

    }

}

@media (max-width:1200px) and (min-width:991px) {

    .header .top-link{

        margin-top: 5px;

    }

    .header-cont-2 .search-header{

        width: 400px;

        margin:0 20px

    }

}

@media (max-width:991px) {

.ywtb-card .three-last li a {

    padding: 9px 0;

    font-size: 14px;

}

    .ywtb-card .icon-list li a i {

    margin: 0 10px;

}

.ywtb-card li.active .three-last span {

    width: 90px;

}

    .header .top-link{

        display: none!important;

    }

    .gk-list .col-20{

        width: 33.33%!important;

        margin-bottom: 20px;

    }

    .gk-list{

        flex-wrap: wrap;

    }

    .gk-list .col-20 a{

        background-size: 100% auto;

    }



    .list-color li{

        width: 46%;

        float: left;

        margin-left:2%;

    }

    .list-color li p{

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        width: 80%;

    }

    .index-container{

        width: 100%;

        padding: 15px;

    }

    .left-side, .right-side{

        padding-top: 10px;

    }

    .right-side{

        margin-left: 0;

        padding-left: 0;

        border-left:0;

    }

    .right-side .header-ico{

        display: none;

    }

    .ywtb-list .ywtb-list-item img{

        width: 100%;

        height: 100%;

    }

    .btn-bs .col-20{

        width: 33.333%!important;

        margin-bottom: 20px;

    }

    .hot-link li{

        width: 25%!important;

        margin-bottom: 20px;

    }

    .btn-bs{

        flex-wrap: wrap;

    }

    .right-side{

        padding-bottom: 0;

    }

    .right-side-2{

        margin-top: 20px;

    }

    .header-cont-2 .slogen{

        display: none;

    }

    .header-cont-2 .search-header{

        width: auto;

    }

   .navbar-header-2{

        display: none;

    }

   .share,.share1{

       display: none;

   }

    .header .slogen{

        display: none;

    }

    .xxgk-list{

        flex-wrap: wrap;

        justify-content: flex-start;

    }

    .xxgk-list li{

        width: 33.3333%;

        margin-bottom: 10px;

    }

    .left-side .item{

        max-height: inherit;

        overflow: inherit;

    }

    .left-side .btn-list li{

        text-align: center;

    }

    .panel15{

        height: auto;

    }

    .panel15 .item img{

        height: auto;

    }

    .left-side .owl-carousel .owl-item img{

        height: 700px;

    }

    .piao{

        display: none;

    }



}

@media (max-width:767px) {

.ywtb-card li.active .three-last span {

    width: 110px;

}

.ywtb-card .three-last li a label{

    display: block;

}

.ywtb-card .ywtb-item3 li.active .three-last span {

    width: 110px;

}

.ywtb-card001 .ywtb-item3 li.active .btn-red a{

    padding-bottom: 3px!important;

}

.ywtb-card001 li.active .zhenm a {

    padding-bottom: 27px!important;

}

.ywtb-card001 .ywtb-item3  .btn-red a{

    padding-bottom: 3px!important;

}

.ywtb-card001 .zhenm a {

    padding-bottom: 27px!important;

}

    .ywtb-card .icon-list li a span, .ywtb-card li.active .three-last .txt01{

        width: auto;

        float: none;

    }

    .mobile-login{

        display: block;

        padding:  20px 0;

    }

    .ywtb{

        height: auto;

    }

    .ywtb-title{

        margin-bottom: 25px;

    }

    .ywtb-card>li,

    .ywtb-card>li.active{

        float: none;

        width: auto;

        height: auto;

        overflow: initial;

        margin: 0 0 10px 0;

        border-color: #c50001;

    }

    .ywtb-card li .card-title i{

        position: absolute;

        left: 50%;

        margin-left: -50px;

        font-size: 24px;

    }

    .ywtb-card li .card-title p{

        text-indent: 35px;

    }

    .ywtb-card>li .card-title,

    .ywtb-card>li.active .card-title{

        font-size: 18px;

        background: #c50001 url(../img/ywtb-bg.png) -30px center no-repeat;

        color: #fff;

    }

    .ywtb-card li.ywtb-item1 .icon-list,

    .ywtb-card li.ywtb-item2 .icon-list{

        margin: 8px 15px;

        overflow: hidden;

    }

    .ywtb-card li.ywtb-item1 .icon-list li,

    .ywtb-card li.ywtb-item2 .icon-list li {

        float: left;

        width: 25%;

        text-align: center;

        border: 0;

    }

    .ywtb-card li.ywtb-item1 .icon-list li i,

    .ywtb-card li.ywtb-item2 .icon-list li i {

        position: relative;

        float: none;

        margin: 0 auto 5px;

        width: 50px;

        height: 50px;

        line-height: 50px;

        border-radius: 50%;

        text-align: center;

        display: block;

        border: 1px solid #c50001;

        color: #c50001;

        overflow: hidden;

        transition: .6s;

    }

    .ywtb-card li .btn-list,

    .ywtb-card li.active .btn-list {

        position: initial;

        margin: 0 10px 0;

    }

    .ywtb-card li.ywtb-item3 .icon-list {

        margin-top: 10px;

        margin-bottom: 10px;

        overflow: hidden;

    }

    .ywtb-card li.ywtb-item3 .icon-list li,

    .ywtb-card li.ywtb-item3.active .icon-list li {

        width: 46%;

        margin: 5px 2%;

        float: left;

        border: 0;

    }

    .ywtb-card li.ywtb-item3 .icon-list li a,

    .ywtb-card li.ywtb-item3.active .icon-list li a{

        padding: 27px 0;

        text-align: center;

        border-radius: 3px;

        font-size: 16px;

        font-weight: bold;

    }

    .ywtb-card li.ywtb-item3 li.btn-red a {

        background-color: #f8e0da;

        color: #bb1619;

    }

    .ywtb-card li.ywtb-item3 li.btn-green a {

        background-color: #edf6e6;

        color: #7cb434;

    }

    .ywtb-card li.ywtb-item3 li.btn-blue a {

        background-color: #ddecf5;

        color: #51aec8;

    }

    .ywtb-card li.ywtb-item3 li.btn-orange a {

        background-color: #f9efe7;

        color: #f87b3f;

    }

    .ywtb-card li.ywtb-item3 .icon-list li a i {

        margin-bottom: 5px;

        display: block;

        float: none;

        font-size: 44px;

        font-weight: normal;

    }

    .ywtb-card li.ywtb-item3 .icon-list li a i,

    .ywtb-card li.ywtb-item3.active .icon-list li a i {

        margin-bottom: 5px;

        display: block;

        float: none;

        font-size: 24px;

        font-weight: normal;

    }

    .wy-btn{

        width: auto;

        float: none;

        overflow: hidden;

    }

    .wy-btn li{

        float: left;

        width: 33.333%;

    }

    .cx-link{

        margin-top: 20px;

        clear: both;

        width: auto;

        float: none;

    }



    #mobile-navigation{

        background: #4e4b4b;

    }

    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a{

        background: #4e4b4b;

    }

    .panel {

        padding: 0 10px;

    }

    .uli14 li {

        padding: 12px 0 12px 15px;

        background: url(../img/dot-circle.png) 0 center no-repeat;

    }

    .uli14 li:hover {

        background: url(../img/dot-circle-hover.png) 0 center no-repeat;

    }

    [class*="header-2-"] h2 {

        margin: 0 10px;

    }

    .hot-link li{

        width: 50%!important;

    }

    .btnicon-round{

        position: relative;

    }

    .btnicon-round li{

        position: initial;

    }

    .btnicon-round li .hover-show{

        width: 100%;

        height: 210px;

        margin: 0;

        top: 100px;

        left: 0;

    }

    /*.btnicon-round li .hover-show:before,

    .btnicon-round li .hover-show:after{

        display: none;

    }*/

    .right-side .search-cont{

        width: auto;

    }

    .right-side{

        padding-top: 0; 

        border-top: 0;

    }

    .right-side .search-cont{

        margin-top: 15px;

    }

    .title0831{

        padding-left: 15px;

    }

    .right-text p{

        margin-bottom: 10px;

    }

    .left-side .owl-carousel .owl-item img{

        height: 400px;

    }

    .footer-jb{

        margin: 0 10px

    }

    .footer-jb.hidden-xs{

        display: block;

    }

    .footer-zc{

        margin-bottom: 10px;

        position: absolute;

        bottom: 10px;

        left: 10px;

    }

    .footer-zc img{

        height: 50px;

        margin-top: 10px;

    }

    .footer-jb:last-child{

        padding-top: 10px;

    }

    .footer-info{

        text-align: left;

    }

    .footer-jb:last-child{

        margin-left: 120px;

    }

    .footer .footer-info p{

        text-align: left;

        line-height: 24px;

    }



    .footer-jb p{

        border-bottom: 1px dashed #827b7c;

        padding-bottom: 10px;

        padding-top: 6px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .footer-info div img{

        margin-left: 0;

    }

    .footer .footer-links{

        background: #716869;

        padding: 10px;

        margin-bottom: 4px;

        border-bottom: 0;

    }

}

@media (max-width:640px) {

    .breadcrumb {

        display: none;

    }

    .search-box {

        left: 15px;

        right: 15px;

    }

    .search {

        width: 100%;

    }

    .gk-list .col-20{

        width: 50%!important;

    }

    .gk-list .col-20:last-child{

        margin-bottom: 0;

        width: 100%!important;

    }

    .list-color li{

        width: 100%;

        float: none;

        margin-left:0;

    }

    .index-container{

        padding:10px 30px;

    }

    /*.footer .footer-links{*/

        /*display: none;*/

    /*}*/

    .footer-cont{

        padding-left: 10px;

        padding-right: 10px;

    }

    .header-cont-2{

        padding-top: 20px;

        flex-direction: column;

        align-items: flex-start;

    }

    .header-cont-2 .search-header{

        margin-top: 15px;

        width: 100%;

    }

    .header-cont-2 .search-header .search-group input,.header-cont-2 .search-header .search-group .btn{

        height: 40px;

    }

    .xxgk-list{

        justify-content: center;

    }

    .xxgk-list li{

        width: 50%;

        margin-bottom: 10px;

    }

    .xxgk-list li a{

        display: block;

        text-align: center;

    }

    .footer-links li{

        width: 100%;

    }

    .header .nav-ul .top-link{

        display: block!important;

        margin-right: 0px;

        position: absolute;

        bottom: 10px;

        right: 20px;

    }

    .header .top-link li:nth-child(1),

    .header .top-link li:nth-child(2){

        display: none;

    }

    .ma-infinitypush-wrapper .ma-infinitypush-button{

        top: 10px!important;

    }

}

@media (max-width:570px) {

    .left-side .icon-lr li a{

        margin: 0 10px;

        text-align: center;

    }

    .left-side .icon-lr li a i{

        margin: 0;

    }

    .footer-jb{

        margin: 0;

    }

}

@media (max-width:480px) {

    .wy-btn li{

        width: 50%;

    }

    .wy-btn li:last-child{

        width: 100%;

    }

    .header-cont-2 img{

        width: 80%;

    }

    .right-side h2{

        font-size: 24px;

    }

    .ywtb-list{

        margin-top: 20px;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .ywtb-list>div{

        width: 100%;

    }

    .ywtb-list .ywtb-list-item{

        height: 120px;

        overflow: hidden;

        margin-bottom: 10px;

    }

    .ywtb-list .text{

        text-align: center;

        width: 75px;

        height: 75px;

        padding: 15px 10px;

        font-size: 20px;

        line-height: 22px;

        margin-left: -33px;

        margin-top: 0;        

        top: 24px;

    }

    .ywtb-list .ywtb-list-item:hover .old{

        transform: initial;

    }

    .ywtb-list .ywtb-list-item:hover .tb-hover-show{

        transform: rotateY(90deg);

    }

    .ywtb-list .ywtb-list-item img{

        height: auto;

    }

    ul.list-date li a {

        width: 100% !important;

    }

    ul.list-date li span.time {

        display: none;

    }

    .hot-link li{

        width: 100%!important;

        border-bottom: 1px dashed #eee;

    }

    .hot-link li:last-child{

        border:0;

    }



    .hot-link li a{

        padding: 8px 0;

    }

    .hot-link li a i{

        margin-right: 20px;

    }

    .gk-list .col-20>a{

        height: 130px;

    }

    .gk-list .col-20>a p{

        margin-top: 50px;

        font-size: 22px;

    }

    .gk-list .hover-show{

        top: 110px;

    }

    .left-side .owl-carousel .owl-item img{

        height: 330px;

    }

}

@media (max-width:380px) {

    .left-side .owl-carousel .owl-item img{

        height: 260px;

    }

    .ywtb-card li.ywtb-item3 .icon-list li a, .ywtb-card li.ywtb-item3.active .icon-list li a {

    padding: 24px 0;

}

.ywtb-card001 .ywtb-item3 li.active .btn-red a{

    padding-bottom: 0!important;

}

.ywtb-card001 li.active .zhenm a {

    padding-bottom: 27px!important;

}

.ywtb-card001 .ywtb-item3  .btn-red a{

    padding-bottom: 0!important;

}

.ywtb-card001 .zhenm a {

    padding-bottom: 27px!important;

}

}

@media (max-width:350px) {

    .gk-list .col-20{

        width: 100%!important;

    }

}



@media (min-width: 1200px){

.botm-footer{

    bottom: 225px!important;

}

.share1{

        bottom: 520px!important;

        



}

}



@media (max-width: 1200px){

    .share1{

            bottom: 264px!important;

    }

    .botm-footer{

    bottom: 175px!important;

}

}

@media (max-width:330px) {

.ywtb-card li .btn-list li a i {

    font-weight: normal;

    float: right;

    margin: 0;

    font-size: 22px;

}

}