/* ==================== åŽŸæœ‰ PC ç«¯æ ·å¼ï¼ˆå®Œå…¨ä¿ç•™ï¼‰ ==================== */
/* ---------- é‡ç½® ---------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #222;
}
img {
    border: 0;
    vertical-align: top;
}
body {
    font-family: "Microsoft YaHei", sans-serif;
    min-width: 1300px;
}

/* ---------- å…¬ç”¨å®¹å™¨ ---------- */
.w100 { width: 100%; float: left; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.bgf { background: #fff; }
.bg1 { background: #004564; }
.bg2 { background: #eee; }
.shadow { box-shadow: 0 2px 10px #0f315a; }
.overflow_hidden { overflow: hidden; }
.f1 { margin-top: 45px; }
.f2 { padding: 45px 0; }

/* ---------- é¡¶éƒ¨è½®æ’­ ---------- */
.top_banner {
    width: 100%; min-width: 1300px; height: 780px;
    position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden;
}
.top_banner li {
    position: absolute; top: 0; left: 0; width: 100%; height: 780px;
    transition: transform 4s linear 1s;
}
.top_banner img { width: 100%; height: 780px; opacity: 0; }
.scale { transform: scale(1.05); }
.fade { opacity: 1; }

/* ---------- é¡¶æ  ---------- */
.top { width: 100%; height: 40px; background: #004564; }
.top p, .top span {float: left;font-size: 14px;line-height: 40px;color: #fff;}
.top p { margin-right: 10px; }
.top p a { color: #fff; display: block; }
.top .ico1 i, .top .ico2 i, .top .ico3 i, .top .ico4 i {
    width: 30px; height: 40px; float: left; background-repeat: no-repeat; background-position: center;
}
.top .ico1 i{
        background: url(../images/common/icon1.png) no-repeat center;
}
.top .ico2 i{
        background: url(../images/common/icon2.png) no-repeat center;
}
.top .ico3 i { background-image: url(../images/index/icon3.png); }
.top .ico4 i { background-image: url(../images/index/icon4.png); }
.top .wza, .top .zzgh {
    display: block; float: right; margin-top: 6px; padding: 0 15px;
    font-size: 14px; line-height: 26px; border-radius: 40px;
    color: #fff; background: none; border: 1px solid #fff;
}
.top .zzgh { line-height: 28px; border-radius: 20px; }
.top .zzb { background: #d18044; }
.top .ghb { background: #c00; }
.jtfontstyle28616{
    color:#fff;
    /* display: inline-block; */
    float: left;
    margin: 0 9px;
    height: 100%;
    line-height: 40px;
}

/* ---------- logo+æœç´¢ ---------- */
.hbg { width: 100%;  }
.logo { width: 100%; height: 300px; margin-top: 150px; background: url(../images/index/logo.png) no-repeat center top; }
.search { width: 900px; margin: 0 auto; overflow: hidden; }
.search .submit {
    width: 70%;
    height: 50px;
    margin: 100px auto 130px;
    border: 1px solid #bbb;
    background: rgba(255,255,255,0.5);
    border-radius: 40px;
    display: flex;
    justify-content: space-between;
}
.search .submit:hover { background: rgba(255,255,255,0.7); }
.search .text { width: 75%; height: 50px; margin-left: 25px; border: none; background: none; outline: none; }
.search .button {
    width: 124px; line-height: 45px; text-indent: 50px;
    background: #004564 url(../images/index/search.png) no-repeat 15px center;
    border: none; border-radius: 40px; font-size: 18px; color: #fff; text-align: left; cursor: pointer;
}

/* ---------- å¯¼èˆª ---------- */
.bnav { width: 100%; height: 0px; background: #004564; position: relative; }
.nav { width: 1200px; margin: 0 auto; overflow: hidden;position: relative; }
.nav li { width: 171px; float: left;position: relative;z-index: 3; }
.nav li a { display: block; font-size: 24px; color: #fff; line-height: 70px; text-align: center; }
.nav li a:hover { border-bottom: 3px solid #fff; height: 67px; line-height: 70px; }
.dys_nav_father {
    display: none; height: 70px; position: fixed; top: 0; width: 100%;
    background: #004564; z-index: 999; box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.ztzltitle { width: 100%; height: 50px; margin-bottom: 30px; background: url(../images/index/title.png) center no-repeat; }
.ztzltitle p a {
    display: block; font-size: 33px; line-height: 50px; color: #004564;
    text-align: center; font-weight: bold; letter-spacing: 5px;
}

/* ---------- å„æ¨¡å—å®½åº¦ï¼ˆPCï¼‰ ---------- */
.work { width: 550px; float: left; margin-left: 30px; }
.slide { width: 620px; float: left; }
.zwgk { width: 100%; float: left; padding: 20px; border: 1px solid #ddd; }
.xxgk { width: 878px; float: left; margin-right: 20px; }
.zfxx { width: 235px; float: left; margin-right: 20px; }
.zfxx p { width: 100%; float: left; border-radius: 5px; background: #eee; margin-bottom: 15px; overflow: hidden; }
.zfxx p a { display: block; font-size: 18px; line-height: 50px; color: #333; text-align: center; }
.zfxx p a:before { content: ''; width: 45px; height: 50px; float: left; margin-left: 15px; background-repeat: no-repeat; background-position: center; }
.zfxx p:nth-child(1) a:before { background-image: url(../images/index/xxgk1.png); }
.zfxx p:nth-child(2) a:before { background-image: url(../images/index/xxgk2.png); }
.zfxx p:nth-child(3) a:before { background-image: url(../images/index/xxgk3.png); }
.zfxx p:nth-child(4) a:before { background-image: url(../images/index/xxgk4.png); }
.zfxx p:nth-child(5) a:before { background-image: url(../images/index/xxgk5.png); }
.zfxx p:hover { background: #bad6ff; }
.zfxx p:hover a { color: #004564; font-weight: bold; }
.zwxx { width: 623px; float: left; }
.jcxx { width: 100%; float: left; margin-top: 20px; }
.jcxx p { width: 155px; float: left; margin-right: 20px; background: #004564; border: 2px solid #004564; }
.jcxx p a { display: block; line-height: 44px; font-size: 17px; color: #fff; text-align: center; border: 1px solid #fff; }
.jcxx p:hover { transform: translateY(-5%); box-shadow: 1px 1px 10px 2px #aaa; transition: all .4s; }
.ldzc { width: 260px; height: 428px; float: left; border-radius: 5px; overflow: hidden; }
.ldzc .ldzc-bt { background: #004564; }
.ldzc .ldzc-bt p { font-size: 20px; line-height: 50px; text-align: center; font-weight: bold; }
.ldzc .ldzc-bt p a { color: #fff; }
.ldzc-nr { background: #eee; }
.bsfw {width: 100%;float: left;margin-bottom: 35px;/* background: #fff; */}
.bsfw li { width: 384px; float: left; margin-left: 20px; margin-top: 28px; border: 1px solid #ddd; box-shadow: 0 0 10px #ccc; }
.bsfw li:first-child { margin-left: 0; }
.bsfw li:hover { transform: translateY(-2%); box-shadow: 1px 4px 10px 2px #ccc; transition: all .4s; }
.bsfw li i { width: 100%; height: 70px; float: left; margin-top: 35px; background-repeat: no-repeat; background-position: top center; }
.bsfw li .bs1 { background-image: url(../images/index/bsfw1.png); background-size: 100%; }
.bsfw li .bs2 { background-image: url(../images/index/bsfw2.png); }
.bsfw li .bs3 { background-image: url(../images/index/bsfw3.png); }
.bsfw li .bs4 { background-image: url(../images/index/bsfw4.png); }
.bsfw li span { display: block; width: 100%; float: left; padding: 47px 30px 0; height: 136px; }
.bsfw li span a { font-size: 24px; line-height: 40px; font-weight: bold; }
.bsfw li span font { font-size: 15px; line-height: 35px; color: #777; display: block; }
.bsfw li p a { display: block; width: 30%; float: left; font-size: 15px; line-height: 40px; color: #777; text-align: center; }
.bsfw li a.all { position: relative; top: 15px; display: block; width: 148px; height: 34px; margin: 20px auto 30px; line-height: 33px; text-align: center; border: 1px solid #004564; color: #004564; clear: both; }
.bsfw li:hover a.all { background: #004564; color: #fff; }
.service p { width: 189px; float: left; margin-right: 10px; background: #47778d; }
.service p a { display: block; font-size: 18px; line-height: 90px; text-align: center; color: #fff; }
.service p:hover { background: #004666; }
.szxx { width: 720px; float: left; margin-right: 20px; }
.hdjl { width: 444px; float: left; padding: 40px 30px 20px; background: #ccdae0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.hdjl li { height: 80px; background: #8fadbb; }
.hdjl li a { display: flex; align-items: center; width: 100%; height: 80px; justify-content: space-between; }
.hdjl li p { width: 110px; float: left; font-size: 18px; line-height: 80px; text-align: center; color: #004564; }
.hdjl li i { width: 31px; height: 38px; float: left; margin: 0px 15px; padding-top: 20px; background-size: 100% !important; position: relative; top: 5px; }
.hdjl li.hd1 i { background: url(../images/index/xzxx.png) no-repeat; }
.hdjl li.hd2 i { background: url(../images/index/jcjb.png) no-repeat; }
.hdjl li.hd3 i { background: url(../images/index/zxjy.png) no-repeat; }
.hdjl li.hd4 i { background: url(../images/index/zxft.png) no-repeat; }
.hdjl li.hd5 i { background: url(../images/index/fwrx.png) no-repeat; }
.hdjl li.hd6 i { background: url(../images/index/wsxf.png) no-repeat; top: 10px; }
.hdjl li:hover { background: #004564; transition: all .3s; }
.hdjl li i { transition: transform 0.3s, background-position 0.3s; }
.hdjl li:hover i { transform: translateY(-8px); }
.hdjl li:hover p { color: #fff; }
.hdjl li.hd1:hover i { background-position: -0px -73px; }
.hdjl li.hd2:hover i { background-position: -0px -90px; }
.hdjl li.hd3:hover i { background-position: -0px -51px; }
.hdjl li.hd4:hover i { background-position: -0px -53px; }
.hdjl li.hd5:hover i { background-position: -0px -51px; }
.hdjl li.hd6:hover i { background-position: -0px -56px; }
.content { width: 1300px; float: left; position: relative; overflow: hidden; margin-bottom: 60px; }
.drama-poster { width: 1200px; margin: 0 50px; overflow: hidden; position: relative; }
.drama-poster ul { width: 10000px; float: left; }
.drama-poster li { float: left; margin-right: 10px; }
.show-poster-3 { width: 292px; float: left; }
.show-poster-3 a { display: block; width: 100%; height: 190px; }
.show-poster-3 img { width: 100%; height: 100%; object-fit: cover; }
.drama-slide { width: 1300px; height: 190px; position: relative; }
.drama-slide li { position: absolute; top: 0; }
.drama-slide li.prev { left: 0; }
.drama-slide li.next { right: 0; }
.drama-slide li a { display: block; width: 40px; height: 190px; text-indent: -1000em; }
.drama-slide li.prev a { background: url(../images/index/zt-l.png) no-repeat -1px center; }
.drama-slide li.next a { background: url(../images/index/zt-r.png) no-repeat 3px center; }
.yqlj { width: 100%; height: 55px; background: #004564; }
.yqlj .yq-box { width: 1200px; margin: 0 auto; }
.yqlj .yq-box li { width: 183px; float: left; position: relative; }
.yqlj .yq-box li font { display: block; font-size: 16px; color: #fff; line-height: 55px; text-align: center; }
.yqlj .yq-box li font::after {
    content: ''; width: 8px; height: 8px; position: absolute; top: 23px; right: 5px;
    border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg);
}
.yqlj .yq-box li:hover font::after {
    top: 28px; border-right: none; border-bottom: none;
    border-left: 1px solid #fff; border-top: 1px solid #fff;
}
.yqlj .yq-box li dl {
    display: none; position: absolute; bottom: 55px; left: 0; width: 100%;
    max-height: 245px; background: #fff; padding: 10px 0; overflow-x: hidden; z-index: 10;
}
.yqlj .yq-box li:hover dl { display: block; }
.yqlj .yq-box li dl dd a { display: block; font-size: 15px; line-height: 35px; text-align: center; color: #333; }
.yqlj .yq-box li dl dd a:hover { color: #004564; }
.foot { width: 100%; float: left; background: #004564; border-top: 1px solid #145a79; }
.foot .footer { width: 1200px; margin: 30px auto; overflow: hidden; }
.foot .footer div { float: left; background: #145a79; margin-right: 5px; }
.foot .footer .f-l { width: 250px; height: 155px; }
.foot .footer .f-c { width: 100px; height: 155px; }
.foot .footer .f-e { width: 555px; height: 155px; padding: 0 20px; }
.foot .footer .f-r { width: 220px; height: 145px; padding: 10px 5px 0 15px; margin-right: 0; }
.foot .footer .f-l .red { width: 80px; height: 80px; margin: 0 25px; }
.foot .footer .f-l .wzabs {width: 110px;/* height: 55px; */float: left;/* margin: 13px 0 0 10px; */}
.foot .footer .f-l .wljb { width: 120px; float: left; }
.foot .footer .f-c p a { display: block; font-size: 14px; line-height: 51px; text-align: center; color: #fff; }
.foot .footer .f-e p { float: left; font-size: 14px; line-height: 39px; color: #fff; }
.foot .footer .f-r li { width: 100px; float: left; margin: 5px 10px 5px 0; text-align: center; }
.foot .footer .f-r li img { width: 100px; height: 100px; }
.foot .footer .f-r li p { font-size: 14px; line-height: 30px; color: #fff; }
.foot .foot-b { width: 100%; background: #145a79; }
.foot .foot-b p { width: 1200px; margin: 0 auto; font-size: 16px; color: #fff; line-height: 60px; text-align: left; }
.foot .foot-b p a { color: #fff; }
.floatr_lists, .floatl_lists { position: fixed; z-index: 100; }
.floatr_lists { right: 30px; text-align: right; }
.floatl_lists { left: 30px; }
.l1 { bottom: 240px; }
.l2 { bottom: 20px; }
.float_box { position: relative; display: inline-block; padding: 5px; background: #e5e5e5; }
.float_box a { display: block; width: 170px; height: 190px; }
.float_box img { width: 100%; height: 100%; object-fit: cover; }
.float_close {
    position: absolute; top: -12px; right: -12px; width: 25px; height: 25px;
    line-height: 25px; text-align: center; background: #fff; border-radius: 50%; cursor: pointer;
}
.winstyle28620 { width: 1200px; margin: 20px 0; text-align: center; }
.sumstyle28620 { color: #fff; line-height: 24px; font-size: 16px; 
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detailstyle28620 { color: #fff; font-size: 16px; }
.c28620 {
    display: block; font-size: 39px; font-weight: bold; text-align: center; line-height: 50px;
    padding: 20px 0; color: #fff; margin-top: 30px; overflow: hidden;
    height: 85px; white-space: nowrap; text-overflow: ellipsis; padding: 21px 25px 11px;
}
.c28620 a, .sumstyle28620 a { color: #fff !important; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.c28620:hover { color: #fff; }

/* ---------- è½®æ’­1æ ·å¼ï¼ˆPCï¼‰ ---------- */
.xwswiper { overflow: hidden; position: relative; }
.xwswiper .swiper-slide { transition: 300ms; position: relative; height: 350px; }
.xwswiper .swiper-slide a { display: block; width: 100%; height: 100%; }
.xwswiper .swiper-slide img { width: 100%; height: 100%; }
.xwswiper .swiper-slide p {
       position: absolute;
       bottom: 0px;
       width: 100%;
       padding-bottom: 20px;
       color: #fff;
       font-size: 19px;
       font-weight: bold;
       line-height: 50px;
       height: 50px;
       text-align: left;
       background: #33333394;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       padding-left: 20px;
}
.xwswiper .swiper-slide-prev p, .xwswiper .swiper-slide-next p { display: none; }
.xwswiper .swiper-slide-active, .xwswiper .swiper-slide-duplicate-active { transform: scale(1.8); z-index: 9; }
.xwswiper .swiper-slide-active p { display: block; }
.xwswiper .btn { position: absolute; top: 50%; margin-top: -53px; cursor: pointer; z-index: 10; }
.xwswiper .btn img { width: 100%; }
.xwswiper .xwprev { left: 0; }
.xwswiper .xwnext { right: 0; }
.xwswiper .swiper-pagination {bottom: 16px !important;}
.xwswiper .swiper-pagination-bullet { background: #fff; opacity: 1; border-radius: 4px; }
.xwswiper .swiper-pagination-bullet-active { width: 32px; background: #205BB8; }
.xwprev1 {width: 17px;position: absolute;right: 28px;bottom: 6px;z-index: 2;}
.xwnext1 {width: 17px;position: relative;/* left: 150px; *//* top: -34px; */z-index: 2;position: absolute;right: 9px;bottom: 6px;}

.child{
        width: 260px;
    height: 342px;
    overflow: hidden;
}
.c28808linkedimg{
    width: 100%;
    text-align: center;
    /* height: 51%; */
    /* margin: 18px auto; */
}
.c28808linkedimg img{
    width: 100%;
}
.c28808linkedimg .ldjj{
    width: 100%;
    margin-top: 12px;
    text-align: center;
}
.c28808linkedimg a{
    display: inline-block;
    height: 100%;
    width: 100%;
    width: 51%;
    height: 51%;
    margin: 21px auto 0;
}
.c28808linkedimg a img{
    width: 100%;
    height: 100%;
    /* å›¾ç‰‡ä¸æ‹‰ä¼¸ */
    object-fit: cover;
}
.c28808linkedimg .ldjj .p1{width: 100%;font-size: 18px;line-height: 35px;color: #004564;font-weight: bold;text-align: center;}
.c28808linkedimg .ldjj .p2{width: 100%;text-align: left;padding: 19px;line-height: 21px;}
.c28808linkedimg .ldjj .p2 a{width: 69px;}
.xwswiper1 {
    position: relative;
}


/* ==================== ç§»åŠ¨ç«¯å½»åº•ä¼˜åŒ–ï¼ˆä¸å½±å“PCï¼‰ ==================== */
@media (max-width: 768px) {
    /* å…¨å±€é˜²æº¢å‡º */
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }
    body {
        min-width: 100% !important;
    }

    /* æ‰€æœ‰å·²çŸ¥å®¹å™¨å®½åº¦å¼ºåˆ¶100%ï¼Œæ¶ˆé™¤æ¨ªå‘æ»šåŠ¨ */
    .search{

    }
    .w1200, .w1300, .w100, .nav, .content,
    .drama-poster, .drama-slide, .yqlj .yq-box,
    .foot .footer, .foot .foot-b p, .winstyle28620 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        position: relative;
        /* top: -13px; */
    }
    .winstyle28620 {
        height: 100px !important;
    }

    /* é¡¶éƒ¨è½®æ’­è‡ªé€‚åº”é«˜åº¦ */
    .top_banner {
        height: 59vw !important;
        min-width: 100% !important;
    }
    .top_banner li, .top_banner img {
        height: 57vw !important;
    }

    /* é¡¶æ æ”¹ä¸ºå—çº§å±…ä¸­ */
    .top {
        height: auto !important;
        padding: 5px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        display: none;
    }
    .top .left, .top .right {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .top p, .top span {
        float: none !important;
        display: inline-block;
        margin: 0 3px;
        line-height: 30px;
        font-size: 13px;
    }
    .top .wza, .top .zzgh {
        float: none !important;
        margin: 3px 5px;
        font-size: 13px;
        padding: 0 10px;
    }

    /* Logo + æœç´¢ */
    .logo {
        height: 30vw;
        margin-top: 10vw;
        background-size: contain;
    }
    .search .submit {
        width: 90% !important;
        height: 44px;
        margin: 5vw auto;
        display: flex;
                justify-content: space-between;
    }
    .search .text {
        width: 65%;
        height: 44px;
        margin-left: 10px;
        font-size: 14px;
    }
    .search .button {
        width: 90px;
        line-height: 40px;
        text-indent: 28px;
        font-size: 14px;
        background-position: 5px center;
    }

    /* å¯¼èˆªå˜çºµå‘ */
    .bnav { height: auto !important; }
    .nav{
        display: flex;
        flex-wrap: wrap;
                padding-top: 15px;
    }
    .hbg{
            height: 266px;
    }
    .nav li {
        width: 86px !important;
        float: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .nav li a {
        font-size: 16px;
        line-height: 44px;
        text-align: left;
        padding-left: 20px;
    }
    .nav li a:hover {
        height: auto;
        line-height: 44px;
        border-bottom: none;
        background: rgba(255,255,255,0.1);
    }
    .dys_nav_father {
        height: auto !important;
        position: relative !important;
        /* z-index: 5; */
        /* margin: 5px; */
    }

    /* æ‰€æœ‰å…ˆå‰æµ®åŠ¨/å›ºå®šå®½åº¦çš„æ¨¡å—å¼ºåˆ¶100% */
    .work, .slide, .zwgk, .xxgk, .zfxx, .zwxx,
    .szxx, .hdjl, .ldzc, .bsfw li, .jcxx p,
    .service p, .yqlj .yq-box li, .foot .footer div,
    .show-poster-3 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    .bgf {
        padding-top: 19px;
    }

    /* ç§»é™¤ drama-poster çš„è¶…å¤§å®½åº¦ */
    .drama-poster ul {
        width: auto !important;
        float: none !important;
        display: flex;
        flex-wrap: wrap;
    }
    .drama-poster li {
        width: 48% !important;
        margin: 1%;
    }
    .show-poster-3 a {
        height: 30vw !important;
    }
    .drama-slide {
        display: none !important; /* éšè—å·¦å³ç®­å¤´ */
    }

    /* æ–°é—»åˆ—è¡¨å¼¹æ€§ */
    .news-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dashed #ddd;
    }
    .news-dot { display: none; }
    .news-title {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        color: #333;
    }
    .news-date {
        flex-shrink: 0;
        margin-left: 12px;
        font-size: 13px;
        color: #999;
    }

    /* é€‰é¡¹å¡æ¨ªå‘æ»‘åŠ¨ */
    .tabbt {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }
    .tabbt li {
        flex-shrink: 0;
        margin-right: 20px;
        white-space: nowrap;
    }
    .tabbt li a {
        line-height: 38px;
        font-size: 15px;
    }

    /* äº’åŠ¨ä¸“åŒº */
    .hdjl {
        grid-template-columns: 1fr !important;
        padding: 15px !important;
    }

    /* é¢†å¯¼è½®æ’­å¼ºåˆ¶è‡ªé€‚åº” */
    .xwswiper1, .xwswiper1 .swiper-wrapper, .xwswiper1 .swiper-slide {
        width: 100% !important;
        height: auto !important;
    }
    .xwswiper1 .swiper-slide img {
        width: 70% !important;
        height: auto !important;
        margin: 10px auto;
    }
    .xwprev1, .xwnext1 {
        display: none !important;
    }

    /* æ–°é—»å›¾ç‰‡è½®æ’­ï¼ˆxwswiperï¼‰ */
    .xwswiper, .xwswiper .swiper-wrapper {
        width: 100% !important;
        height: 236px !important;
        height: 50px;
    }
    .xwswiper .swiper-slide {
        height: auto !important;
        transform: none !important; /* å–æ¶ˆæ”¾å¤§æ•ˆæžœ */
    }
    .xwswiper .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .xwswiper .swiper-slide p {
        position: static;
        font-size: 14px;
        padding: 8px;
        background: rgba(0,0,0,0.5);
    }
    .xwswiper .btn {
        display: none !important;
    }

    /* ä¸“é¢˜ä¸“æ è½®æ’­ */
    .ztswiper .swiper-wrapper {
        /* width: 112% !important; */
    }
    .ztswiper .swiper-slide {
        width: 48% !important;
        margin-right: 4% !important;
    }
    .ztprev, .ztnext {
        display: none !important;
    }

    /* å‹æƒ…é“¾æŽ¥ */
    .yqlj { height: auto !important; }
    .yqlj .yq-box {
        display: flex;
        flex-wrap: wrap;
    }
    .yqlj .yq-box li {
        width: 50% !important;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    /* åº•éƒ¨ */
    .foot .footer {
        padding: 15px !important;
        display: flex;
        flex-wrap: wrap;
    }
    .foot .footer div {
        width: 100% !important;
        height: auto !important;
        margin: 5px 0 !important;
    }
    .foot .footer .f-e { padding: 10px; }
    .foot .footer .f-r {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .foot .footer .f-r li {
        width: 45%;
        margin: 5px 0;
    }
    .foot .footer .f-r li img {
        width: 100%;
        height: auto;
    }
    .foot .foot-b p {
        text-align: center;
        line-height: 24px;
        padding: 10px;
        font-size: 13px;
    }

    /* éšè—æµ®åŠ¨å¹¿å‘Š */
    .floatr_lists, .floatl_lists {
        display: none !important;
    }

    /* æ ‡é¢˜å­—å·ç¼©å° */
    .ztzltitle p a {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .c28620 {
        font-size: 20px;
        line-height: 28px;
        height: auto;
        white-space: normal;
        padding: 10px;
    }

    /* å…¨å±€å¼ºåˆ¶ï¼šæ‰€æœ‰å…ƒç´ ä¸è¶…å‡ºå±å¹• */
    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* æŽ’é™¤ç»å¯¹å®šä½çš„è½®æ’­èƒŒæ™¯ */
    .top_banner, .top_banner li, .top_banner img {
        max-width: none !important;
    }
}

@media (max-width: 480px) {
    .logo { height: 25vw; }
    .search .text { width: 55%; }
    .search .button { width: 80px; }
    .nav li a { font-size: 15px; line-height: 40px; }
    .ztzltitle p a { font-size: 18px; }
    .ztswiper .swiper-slide {width: 100% !important;margin: 0 auto !important;}
    .yqlj .yq-box li { width: 100% !important; }
    .foot .footer .f-r li { width: 80%; margin: 5px auto; }
    .c28620 { font-size: 18px; }
}