header{
    background: #0073c6;
    text-align: center;
}
header img {
    width: 100%;
    max-width: 640px;
}

footer {
    background:url('../images/footer.jpg')  0 0 no-repeat;
    background-size:100% 100%;
    color: #fff;
    padding: 15px 10px 35px;
    font-size: 13px;
    line-height: 24px;
}
.banner img{
    width: 100%;
}
.nav-list{
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;

}
.nav-item{
    font-size: 16px;
    color: #222;
    text-align: center;

 }
.icons-nav{
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}
.nav-01{
    background: url('../images/nav-1.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.nav-02{
    background: url('../images/nav-2.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.nav-03{
    background: url('../images/nav-3.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.nav-04{
    background: url('../images/nav-4.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.nav-05{
    background: url('../images/nav-5.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.title-0{
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 30%;
    height: 70px;
    box-sizing: border-box;
}
.title-0.title-01{
    left: 0;
    right: auto;
}
.title-0-left{
    left: 0;
    right: auto;
}

.title-0 img{
    width: auto;
    max-height:65px;

}
.title-0-fix{
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index:999;
}

.title-1-fix{
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index:999;
}
.title-2-fix{
    display: none;
    position: fixed;
    top: 90px;
    right: 10px;
    z-index:999;
}
.title-0-fix img{
    width: 65px;
    height: 65px;
}
.title-0-fix.on{
    display: block;
}

/*三个悬浮球*/
.pop-ball {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
    transition: transform 0.3s ease;
}
.pop-ball-main {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 10px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.pop-ball-main a {
    display: block;
    margin-bottom: 10px;
}
.pop-ball-main a:last-child {
    margin-bottom: 0;
}
.pop-ball-main img {
    width: 60px;
    height: auto;
    display: block;
}
.icon-pop {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 25px;
    background: #007bff;
    color: #fff;
    font-size: 12px;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.pop-ball.collapsed .pop-ball-main {
    transform: translateY(100px);
    opacity: 0;
    pointer-events: none;
}
/*三个悬浮球end*/
.title-1{
    text-indent: -999em;
    margin: 20px auto;
    line-height: 50px;
    display: block;
    width:100%;
    max-width:430px;
    height: 70px;
}
.tt-1{
    background: url('../images/title-1.png') center center no-repeat;
    background-size: 100% auto;
}
.tt-2{
    background: url('../images/title-2.png') center center no-repeat;
    background-size: 100% auto;
}
.tt-3{
    background: url('../images/title-3.png') center center no-repeat;
    background-size: 100% auto;
}
.tt-4{
    background: url('../images/title-4.png') center center no-repeat;
    background-size: 100% auto;
}
.container{
    padding: 0 10px;
}
.flex-1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-1 a{
    display: inline-block;
    width: 50%;
    padding: 6px 4px;
    box-sizing: border-box;
}
.flex-1 img{
    width: 100%;
}
.videobox{
    width: 100%;
}
.tale, .tale2{
    margin: 10px 0;
}
.tale img, .tale2 img{
    width: 100%;
}
.tale .title, .tale2 .title{
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
}
.tale .title h2, .tale2 .title h2{
    color: #fff;
    font-size: 14px;
    display: inline-block;
}
.tale .title .picture, .tale2 .title .picture{
    /*background: url('../images/i-image.png') 0 center no-repeat;*/
    /*background-size:20px auto;*/
    /*padding-left: 25px;*/

}
.tale .title .video, .tale2 .title .video{
    background: url('../images/icons-vh.png') 0 center no-repeat;
    background-size:20px auto;
    padding-left: 25px;

}
.tale .title .num, .tale2 .title .num{
    color: #fff;
    font-size: 15px;
    display: inline-block;
    float: right;
}
.tale .title .num i, .tale2 .title .num i{
    color: #f3973c;
    font-size: 14px;
    font-style: normal;
}
.news-list .news-item{
    display: flex;
    /*justify-content: space-between;*/
    margin: 10px 0;
}
.news-list img{
    width: 108px;
    max-width: 200px;
    margin-right: 10px;
    height:80px;
    object-fit: cover;
}
.news-item .title{
    font-size: 16px;
    color: #333;
}
.news-item .content{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.news-list .handle{
    display: flex;
    justify-content: flex-end;
}
.news-list .handle .icon-thumb,
.news-list .handle .icon-eye{
    background: url('../images/i-thumb.png') 0 center no-repeat;
    background-size:18px 16px;
    padding-left: 25px;
    font-size:13px;
    color: #999;
    font-style: normal;
    margin-left: 10px;
}
.news-list .handle .icon-eye{
    background: url('../images/i-eye.png') 0 center no-repeat;
    background-size:18px 16px;
}
.fixed-bottom{position:fixed;bottom:0;width:100%;}

.bread{
    border-bottom: 1px solid #ddd;
    padding: 10px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.bread .btn-back{
    background: url('../images/i-turn-right.png') 0 center no-repeat;
    background-size:14px auto;
    width: 18px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 10px;
}
.bread span{
    display: block;
    font-size: 18px;
    color: #223b95;

}
.bread .m-01,
.bread .m-02,
.bread .m-03,
.bread .m-04,
.bread .m-05{
    background: url('../images/m-01.png') 0 0 no-repeat;
    background-size:25px auto;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}
.bread  .m-02{
    background: url('../images/m-02.png') 0 0 no-repeat;
    background-size:25px auto;
}
.bread  .m-03{
    background: url('../images/m-03.png') 0 0 no-repeat;
    background-size:25px auto;
}
.bread  .m-04{
    background: url('../images/m-04.png') 0 0 no-repeat;
    background-size:25px auto;
}
.bread  .m-05{
    background: url('../images/m-05.png') 0 0 no-repeat;
    background-size:25px auto;
}

.count-box{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 20px auto 0;
}
.count-item{
    background: url('../images/img-01.png') 0 0 no-repeat;
    background-size: 100% auto;
    width:30%;
    height:148px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #3140ad;
    font-size:16px;
    line-height:28px;
    margin-right:11px;
}
.count-item i{
    font-size:30px;
    font-weight:bold;
    font-style: normal;
    margin-right: 3px;
}

.txt-1{
    font-size: 14px;
    color: #333;
    line-height: 28px;
    text-indent: 2em;
}
.live-swiper img{
    width: 100%;
    height: 100%;
}
.live-swiper video{
    width: 100%;
    height: 100%;
}
.live-swiper .handle{
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

.live-swiper .handle i{
    display: inline-block;
    font-style: normal;

}
.live-swiper .handle .icon-thumb{
    background: url('../images/i-thumb2.png') 0 center no-repeat;
    background-size:20px auto;
    padding-left: 25px;
    margin-right: 10px;
}
.live-swiper .handle .icon-eye{
    background: url('../images/i-eye2.png') 0 center no-repeat;
    background-size:20px auto;
    padding-left: 25px;
}

.live-swiper .handle .i-player{
    background: url('../images/i-player.png') 0 0 no-repeat;
    background-size:30px auto;
    width: 30px;
    height: 30px;
}
.live-title{
    margin: 10px 0 20px;
    text-align: center;
    color: #223b95;
}
.live-title h2{
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.live-title .time{
    background: url('../images/i-time.png') 0 0 no-repeat;
    background-size:20px auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.live-img{
    width: 100%;
}
.article h2{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 10px 0;
}
.article p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    /*text-indent: 2em;*/
    
}
.article img{
    max-width: 100%;
    margin:  10px auto;
    display: block;
}
.menu{
    background: url('../images/icon-menu.png') 0 center no-repeat;
    background-size:27px auto;
    width: 30px;
    height: 30px;

    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
}
.pop-menu{
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    padding:20px 10px 10px;
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    width:100%;
}
.pop-menu .flex-1{
    max-width: 500px;
    margin: 10px auto;
}
.pop-menu .close{
    position: absolute;
    top: 22px;
    right: 10px;
    background: url('../images/icon-close.png') 0 0 no-repeat;
    background-size:18px auto;
    width: 18px;
    height: 20px;
    display: block;
}

.service .tt {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-top: 5px;
}
.service .tt a {
    width: 33%;
    font-size: 16px;
    color: #000;
    display: block;
    text-align: center;
    padding: 5px 0;
    float: left;
}
.service .tt a.cur {
    border-bottom: solid #0073c6 2px;
}

.btns{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btns a{
    display: inline-block;
    width: 48%;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin: 10px 0;
    background: -webkit-linear-gradient(#4b5bcf, #4050c1, #3443b1); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4b5bcf, #4050c1, #3443b1); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4b5bcf, #4050c1, #3443b1); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4b5bcf, #4050c1, #3443b1); /* 标准的语法 */
}
.btns a.cur{
    background: -webkit-linear-gradient(#fbac61, #f8a453, #f59942); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fbac61, #f8a453, #f59942); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fbac61, #f8a453, #f59942); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fbac61, #f8a453, #f59942); /* 标准的语法 */
}
.icons-search,
.icons-date,
.icons-cup{
    background: url('../images/icons-serach.png') 0 0 no-repeat;
    vertical-align: middle;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
}
.icons-date{
    background: url('../images/icons-date.png') 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.icons-cup{
    background: url('../images/icons-cup.png') 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.pop{
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.pop-bg{
    background: rgba( 0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.pop video{
    width: 100%;
    z-index:1000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    margin: 0 auto;
}
.ovfHiden {
      overflow: hidden;

  }
.price-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.price-box a{
    display: block;
    width: 48%;
    margin-bottom: 10px;
    font-size: 14px;

}
.price-box a img{
    width: 100%;
}


@media screen and (max-width: 339px){
    .price-box a{
        width: 100%;

    }
}