/* CSS Document */
@import url(web-media-index.css);
@import url(web-media-style-wy.css);
@import url(web-media-style-zl.css);
@import url(web-media-style-hq.css);

/*--------------------------------------- public style --------------------------------------------------*/
@media (min-width: 1920px){
    .container-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1600px){
    .container{
        width: 1400px !important;
    }
}
@media (min-width: 1440px){
}
@media (min-width: 1366px){
    .container{
        width: 1200px;
        padding-left: 0;
        padding-right: 0;
    }
    .header{
        display: block !important;
        filter:alpha(opacity=100);  
        -moz-opacity:1;  
        -khtml-opacity: 1;  
        opacity: 1;
    }
    .header-mobile{
        display: none;
    }
    .header-nav{
        display: block;
        width: 100vw;
        padding-right: 24px;
    }
    .header-bream,.header-menu{
        display: block;
    }

}
@media (min-width: 1200px){
    
    .header-title:hover,.header-plan:hover,.header-news:hover{
        color: #fff;
    }
    .header-nav .nav1 a:hover{
        border-bottom: 3px solid #0071bb;
    }
    .header-nav .nav2>a:hover{
        border-bottom: 3px solid #0071bb;
    }
    .header-nav .nav2>span{
        height: 80px;
        display: inline-block;
    }
    .header-nav .nav2>span:hover{
        border-bottom: 3px solid #0071bb;
    }

    .header-search-div1 .but-01:hover{
        border-color: #fff;
    }

    
    .header-nav-area .div-city .span-01:hover{
        background: #0071bb;
    }
    .header-nav-area .div-city .span-01:hover a{
        color: #fff;
    }

    .foot-nav a:hover{
        color: #0071bb;
    }
    .bdshare-button-style0-16.foot-share a.f-icon1:hover{
        background: url('../images/f-icon-011.png') center center no-repeat;
    }
    .bdshare-button-style0-16.foot-share a.f-icon2:hover{
        background: url('../images/f-icon-022.png') center center no-repeat;
    }
    .bdshare-button-style0-16.foot-share a.f-icon3:hover{
        background: url('../images/f-icon-033.png') center center no-repeat;
    }
    .bdshare-button-style0-16.foot-share a.f-icon4:hover{
        background: url('../images/f-icon-044.png') center center no-repeat;
    }
    .bdshare-button-style0-16.foot-share a.bds_tsina:hover{
        background: url('../images/f-icon-033.png') center center no-repeat;
    }
    .bdshare-button-style0-16.foot-share a.bds_weixin:hover{
        background: url('../images/f-icon-044.png') center center no-repeat;
    }

    .foot-link a:hover .mg1{
        display: none;
    }
    .foot-link a:hover .mg2{
        display: block;
    }
}
@media (min-width: 992px){
}
@media (min-width: 768px){
    .page a.a-prev:hover,
    .page a.a-next:hover{
        color: #0071bb;
    }
    .header-nav-area .div-city .span-01 .bdo-icon{
        display: none
    }
}
@media (min-width: 414px){
}
@media (min-width: 1600px) and (max-width: 1919px){
    .container-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1440px) and (max-width: 1919px){
}
@media (min-width: 1440px) and (max-width: 1599px){
    .container-fluid{
        padding-right: 30px;
        padding-left: 30px;
    }

    .header-nav a{
        padding: 0 5px;
    }
    .header-nav .nav2 a{
        padding: 0 5px;
    }


}
@media (min-width: 1366px) and (max-width: 1440px){

    .header-left{
        height: 70px;
    }
    .header-xf{
        min-height: 70px;
    }
    .header-nav{
        height: 70px;
    }
    .header-logo{
        height: 70px;
    }
    .header-left .logo{
        margin-top: 21px;
    }
    .header-left .logo img{
        height: 26px;
    }
    .header-address{
        margin-top: 24px;
    }
    .header-title{
        margin-top: 27px;
    }
    .header-nav .line{
        margin-top: 27px;
    }
    .header-bream{
        width: 80px;
        height: 70px;
        padding-top: 26px;
    }
    .header-plan{
        height: 70px;
        line-height: 70px;
    }
    .header-news{
        height: 70px;
        line-height: 70px;
    }
    .header-menu{
        margin-right: 23px;
    }
    .header-menu-down{
        margin-top: 31px;
    }
    
    .header-searchUp{
        height: 70px;
    }
    .header-searchUp img{
        padding-top: 25px;
    }
    .header-nav a{
        padding: 0 10px;
        margin: 0 2px;
        height: 70px;
        line-height: 70px;
    }
    .header-nav .nav1 a{
        font-size: 16px;
    }
    .header-nav .nav2{
        font-size: 14px;
    }
    .header-nav .nav2 a{
        font-size: 14px;
        padding: 0 5px;
    }
    .header-plan{
        font-size: 20px;
    }
    .header-news{
        font-size: 20px;
    }
    .header-navBottom-list-01>li>a{
        font-size: 16px;
    }
    .header-navBottom-sub li a{
        font-size: 14px;
    }

    .header-search-tc{
        top: 70px;
    }

    .searchResult-title.bg-000{
        padding-top: 100px;
    }
}
@media (min-width: 1366px) and (max-width: 1660px){
}
@media (min-width: 1366px) and (max-width: 1440px){
    body.pt80{
        padding-top: 70px;
    }
    .goodsType-bg{
        margin-top: -70px;
    }
}
@media (min-width: 1200px) and (max-width: 1439px){
}
@media (min-width: 1200px) and (max-width: 1365px){
}
@media (min-width: 768px) and (max-width: 1365px){
    /* .header-left,.header-logo,.header-xf{
        height: 60px;
        min-height: 60px;
    }
    .header-left .logo{
        margin-top: 13px;
    }
    .header-title{
        margin-top: 5px;
        font-size: 24px;
    }
    .header-address{
        margin-top: 26px;
    }
    .header-bream-phone{
        width: 60px;
        height: 60px;
    }
    .header-bream-phone{
        padding-top: 21px;
    }
    .header-plan{
        line-height: 60px;
    }
    .header-search-phone{
        top: 19px;
    } */

    .header-mobile{
        height: 60px;
    }
    .body-top{
        padding-top: 60px !important;
    }
    body.pt80{
        padding-top: 60px;
    }
    .goodsType-bg{
        margin-top: -60px;
    }

}
@media (min-width: 992px) and (max-width: 1199px){
}
@media (min-width: 768px) and (max-width: 1024px){
}
@media (min-width: 768px) and (max-width: 991px){
}
@media only screen and (max-width: 1365px){
    .goods-qrcode{
        left: 80px;
        top: 20px;
    }
    .header{
        filter:alpha(opacity=0); 
        -moz-opacity:0;  
        -khtml-opacity: 0;  
        opacity: 0;
    }
    .header-mobile{
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background: #000;
        z-index: 1000;
    }
    .header-mobile-bream{
        float: left;
        width: 60px;
        height: 60px;
        background: #0071bb;
        padding-top: 21px;
        cursor: pointer;
        opacity: 1;
    }
    .header-mobile-bream img{
        width: 20px;
    }
    .header-mobile-bream .mg1{
        display: block;
    }
    .header-mobile-bream .mg2{
        display: none;
    }
    .header-mobile-bream.xz{
        background: #000;
    }
    .header-mobile-bream.xz .mg1{
        display: none;
    }
    .header-mobile-bream.xz .mg2{
        display: block;
    }
    .header-mobile-logo{
        float: left;
    }
    .header-mobile .logo{
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
    .header-mobile .logo img{
        width: auto;
        height: 30px;
    }
    .header-mobile .header-address{
        margin-top: 15px;
    }
    .header-mobile-title{
        height: 40px;
        line-height: 40px;
        border-left: 3px solid #0071bb;
        color: #fff;
        padding-left: 15px;
        margin-left: 15px;
        margin-top: 10px;
        font-size: 22px;
    }

    .header-mobile-right{
        float: right;
    }
    .header-mobile-right a{
        float: left;
        margin: 15px 15px 0 0;
    }
    .header-mobile-right a img{
        width: 29px;
    }
    .header-search-phone{
        z-index: 999;
    }
    .header-mobile-search{
        float: left;
        margin-top: 20px;
        margin-right: 15px;
        cursor: pointer;
    }
    .header-mobile-search img{
        width: auto;
    }
    .header-mobile-search .mg-search{
        display: block;
        width: 24px;
    }
    .header-mobile-search .mg-searchClose{
        display: none;
    }
    .header-mobile-search.xz{
        width: 60px;
        height: 60px;
        margin: 0;
        padding-top: 20px;
    }
    .header-mobile-search.xz .mg-search{
        display: none;
    }
    .header-mobile-search.xz .mg-searchClose{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20px;
    }
    .header-search-tc{
        top: 60px;
    }
	.qheader-search{
		padding-top: 60px !important;
	}
    
    .header-mobile-nav{
        background: #000;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        overflow: auto;
    }
    .header-mobile-nav>ul>li{
        background: #000;
        border-bottom: 1px solid #3f3f3f;
    }
    .header-mobile-nav>ul>li>span{
        background: #000;
        border-left: 1px solid #3f3f3f;
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        text-align: center;
    }
    .header-mobile-nav>ul>li>span img{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .header-mobile-nav>ul>li>span.xz img{
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg); 
    }
    .header-mobile-nav>ul>li a{
        display: block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        padding-left: 65px;
    }
    .header-mobile-nav>ul>li>ul>li{
        /* padding-left: 65px; */
    }
    .header-mobile-nav>ul li{
        position: relative;
        background: #282828;
    }
    .header-mobile-nav>ul li.li1>a{
        font-size: 16px;
    }
    .header-mobile-nav>ul li a{
        font-size: 16px;
    }
    .header-mobile-nav>ul>li>a{
        padding-left: 65px;
        padding-right: 50px;
        font-size: 18px;
        background: #000;
    }
    .header-mobile-nav>ul li span{
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        cursor: pointer;
    }
    .header-mobile-nav>ul>li ul{
        display: none;
    }
    .header-mobile-nav>ul>li ul li{
        border-top: 1px solid #3f3f3f;
    }
    .header-mobile-nav>ul>li ul li:first-child{
        border-top: none;
    }
 /*    .header-mobile-nav>ul>li>ul>li{
        padding-left: 65px;
        padding-right: 65px;
    } */
    .header-mobile-nav>ul>li>ul>li span{
        background: url('../images/icon-down.png') center center no-repeat;
    }
    .header-mobile-nav>ul>li>ul>li ul{
        padding-left: 65px;
        padding-right: 65px;
        border-top: 1px solid #3f3f3f;
    }
    .header-mobile-nav>ul>li>ul>li ul li a{
        padding-left: 0;
        font-size: 14px;
    }
    .header-mobile-nav ul{
        border-bottom: 1px solid #3f3f3f;
    }
    .header-mobile-nav ul li:first-child{
        border-top: none;
    }
    .header-mobile-nav>ul>li>ul span.xz{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg); 
    }

    .header-nav-area-tips{
        display: none !important;
    }
    .header-nav-area{
        width: 440px;
        left: 86px;
        top: 67px;
    }
    .header-nav-area .div-city .div-city-xl{
        width: 440px;
        left: 0px;
    }
}
@media only screen and (max-width: 1199px){
}
@media only screen and (max-width: 991px){
}
@media only screen and (max-width: 767px){
    .body-top{
        padding-top: 50px !important;
    }
    body.pt80{
        padding-top: 50px;
    }
    .goodsType-bg{
        margin-top: -50px;
    }
    .header-mobile{
        height: 50px;
    }
    .header-mobile-bream{
        width: 50px;
        height: 50px;
        padding-top: 19px;
    }
    .header-mobile-bream img{
        width: 20px;
    }
    .header-mobile-bream .mg2{
        position: relative;
        top: -5px;
    }
    .header-mobile-search.xz{
        width: 50px;
        height: 50px;
        padding-top: 16px;
    }
    .header-mobile-right a{
        margin-top: 10px;
    }
    .header-mobile .header-address{
        margin-top: 15px;
    }
    .header-mobile .logo{
        margin-top: 6px;
    }
    .header-mobile .logo img{
        height: 20px;
    }
    .header-mobile .header-address{
        font-size: 12px;
        margin-top: 7px;
    }
	.header-address .span-address img{
		position: relative;
		top: -2px;
	}
    .header-mobile-title{
        margin-top: 5px;
        font-size: 12px;
        border-left: none;
        position: absolute;
        left: 40px;
        bottom: 5px;
        height: auto;
        line-height: normal;
    }
    .header-mobile-right a{
        margin-top: 16px;
    }
    .header-mobile-right a img{
        width: 20px;
    }
    .header-mobile-search{
        margin-top: 15px;
    }
    .header-search-tc{
        top: 50px;
    }
	.qheader-search{
		padding-top: 50px !important;
	}
    .header-search-div1{
        padding: 10px 120px 10px 20px;
    }
    .header-search-div1 .put-01{
        width: 100%;
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        top: 9px;
    }
    .header-search-div1 .but-01{
        right: 20px;
        width: 88px;
        height: 50px;
        top: 9px;
    }

    .header-mobile-nav{
        top: 50px;
    }

    .header-nav-area{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        width: 100%;
        padding: 0;
    }
    .header-nav-area .mg-icon{
        display: none;
    }
    .header-nav-area .div-city{
        width: 100%;
        padding: 0;
    }
    .header-nav-area .div-city .span-01{
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #3f3f3f;
        font-size: 18px;
        color: #fff;
        padding-left: 65px;
        padding-right: 50px;
        position: relative;

    }
    .header-nav-area .div-city .span-01.xz{
        background: #000;
    }
    .header-nav-area .div-city .span-01.xz a{
        color: #fff;
    }
    .header-nav-area .div-city .span-01 .bdo-icon{
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #3f3f3f;
    }
    .header-nav-area .div-city .span-01 .bdo-icon img{
        webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .header-nav-area .div-city .span-01 .bdo-icon.xz img{
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header-nav-area .div-city .div-city-xl{
        position: static;
        font-size: 0;
        padding-left: 65px;
        padding-right: 50px;
    }
    .header-nav-area .div-city .div-city-xl span{
        display: inline-block;
        min-width: 30%;
        height: 50px;
        line-height: 50px;
    }
    .header-nav-area .div-city .div-city-xl a{
        font-size: 16px;
        margin: 0;
    }


    .footer-content{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    /* .footer-top{
        padding-left: 15px;
        padding-right: 15px;
    } */
    .footer-address{
        float: none;
        width: 100%;
        position: relative;
        padding-top: 10px;
        padding-bottom: 30px;
        word-break:break-all;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footer-address .div1{
        padding-left: 20px;
    }
    .footer-address .div1 .span1{
        float: left;
        margin-left: -30px;
    }
    .foot-nav{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .foot-nav .row>div{
        float: left;
        width: 33.33%;
    }
    .footer-copy{
        text-align: center;
        padding: 20px 15px;
    }
    .footer-logo{
        display: none;
    }

    .bdshare-button-style0-16.foot-share{
        float: none;
        width: 100%;
        font-size: 0;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
    }
    .bdshare-button-style0-16.foot-share a{
        display: inline-block;
        width: 50%;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: 0;
        border: 1px solid #666;
        border-top: none;
        border-left: none;
    }
    .bdshare-button-style0-16.foot-share a img{
        margin-left: auto;
        margin-right: auto;
    }
    .foot-link{
        flex:1;
        float: none;
        width: 100%;
    }
    .foot-link .title{
        display: block;
        top: 0;
    }
    .foot-link a,.foot-link a:first-child{
        float: left;
        margin: 0;
        width: 25%;
    }
    .foot-link a img{
        width: auto;
        max-width: 90%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .page a{
        display: none;
    }
    .page a.a-prev,
    .page a.a-next{
        display: inline-block;
        width: 40%;
        min-width: 100px;
        margin: 0 15px;
        background: #0071bb;
        color: #fff;
    }
    
    .y-report-art-title .title{
        font-size: 24px;
        margin-bottom: 30px;
        line-height: 34px;
    }
    .y-report-art-title .unscramble-share{
        margin-top: 30px;
    }
    .y-report{
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .header-mobile-logo{
        margin-top: 7px;
    }

}
@media only screen and (max-width: 550px){
    .footer-address .mg1{
        top: 85px;
    }
}
@media only screen and (max-width: 413px){
}
@media only screen and (max-width: 374px){
    .foot-nav .row>div{
        width: 50%;
    }
}
@media only screen and (max-width: 320px){
}