* { font-size: 15px; outline: none; transition: all 0.1s ease-in-out; }
body { margin: 0; padding: 0; }
ul, p, h1, h2, h3 { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; color: #333; }
    a:hover { color: #f00; }
.header, .main-body, .footer { min-width: 1000px; max-width: 1350px; margin: 0 auto; box-sizing: border-box; padding: 0 10px; }
    .header .c1 { text-align: center; font-size: 16px; }
    .header .c1 { display: flex; justify-content: space-between; box-sizing: border-box; }
        .header .c1 .lt, .header .c1 .rt { display: flex; }
            .header .c1 .lt a, .header .c1 .rt a { padding: 0 10px; line-height: 3; display: flex; align-items: center; }
            .header .c1 .rt img { margin-right: 2px; }
            .header .c1 .rt a.phone { color: #f00; font-size: 16px; font-weight: bold; }

            .header .c1 .lt li { position: relative; }

            .header .c1 .lt .l1 .expand { position: absolute; left: 0; top: 20px; z-index: -1; opacity: 0; width: 450px; background-color: #f6f6f6; border-radius: 8px; border: 1px solid #e9e9e9; }
                .header .c1 .lt .l1 .expand .inner { display: flex; flex-direction: column; padding: 15px; }
                    .header .c1 .lt .l1 .expand .inner .bar { display: flex; }
                    .header .c1 .lt .l1 .expand .inner .list { display: flex; flex-direction: row; flex-wrap: wrap; }
                        .header .c1 .lt .l1 .expand .inner .list .tlt { font-weight: bold; line-height: 3; padding: 0 10px; width: 100%; text-align: left; }
            /*.header .c1 .lt:hover { color: #f00; }*/
            .header .c1 .lt li.l1:hover > a { color: #f00; }
            .header .c1 .lt li.l1:hover .expand { top: 40px; z-index: 10; opacity: 1; }

            .header .c1 .lt .l2 .expand { position: absolute; left: 0; top: 20px; z-index: -1; opacity: 0; width: 200px; background-color: #f6f6f6; border-radius: 8px; border: 1px solid #e9e9e9; font-size: 12px; }
                .header .c1 .lt .l2 .expand .inner { display: flex; flex-direction: column; padding: 15px; }
                .header .c1 .lt .l2 .expand p { line-height: 1.8; text-align: left; }
                    .header .c1 .lt .l2 .expand p.url { color: #00b0d7; }
            .header .c1 .lt .l2:hover .expand { top: 40px; z-index: 10; opacity: 1; }

            .header .c1 .rt li { position: relative; }

            .header .c1 .rt .l5 .expand { position: absolute; left: 0; top: 20px; z-index: -1; opacity: 0; width: 200px; background-color: #f6f6f6; border-radius: 8px; border: 1px solid #e9e9e9; font-size: 12px; }
                .header .c1 .rt .l5 .expand .inner { display: flex; flex-direction: column; padding: 15px; }
                .header .c1 .rt .l5 .expand p { line-height: 1.8; }
                    .header .c1 .rt .l5 .expand p.url { color: #00b0d7; }
            .header .c1 .rt .l5:hover .expand { top: 40px; z-index: 10; opacity: 1; }

    /*.header .c2 { background-color: #f0f0f0; font-size: 0; }*/
    .header .c2 a { font-size: 0; }
    .header .c2 img { width: 100%; max-height: 200px; image-rendering: pixelated; object-fit: cover; }
    .header .c3 { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 10px 0; border-bottom: 1px solid #eee; }
        .header .c3 .logo { display: flex; }
            .header .c3 .logo img { margin-right: 10px; }
            .header .c3 .logo .site-field { display: flex; align-items: center; }
                .header .c3 .logo .site-field a { padding: 0 5px; }
        .header .c3 .search-field form { display: flex; justify-items: center; }
        .header .c3 .search-field input { width: 150px; line-height: 2.2; border: 1px solid #ddd; border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-right: none; font-size: 16px; box-sizing: border-box; padding: 0 10px; }
        .header .c3 .search-field button { border: none; line-height: 2.5; padding: 0 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; cursor: pointer; background-color: #ddd; border: 1px solid #ddd; }
            .header .c3 .search-field button:hover { opacity: 0.8; }
    .header .c4 { padding: 0 0 20px 0; }
        .header .c4 > ul { display: flex; justify-content: space-between; }
            .header .c4 > ul > li { flex: 0.1; position: relative; }
                .header .c4 > ul > li > a { background-color: #f0f0f0; border-radius: 10px; line-height: 3; font-size: 18px; text-align: center; display: block; }
                .header .c4 > ul > li.selected > a { background-color: #f00; color: #fff; }

                .header .c4 > ul > li ul { display: flex; flex-wrap: wrap; padding: 5px 0 0 0; justify-content: space-between; position: absolute; left: 0; top: 50px; background-color: #fff; border-radius: 8px; }
                    .header .c4 > ul > li ul li { width: 100%; margin-bottom: 5px; text-align: center; line-height: 2; }
                        .header .c4 > ul > li ul li a { font-size: 15px; }

        .header .c4 .m1 .expand, .header .c4 .m2 .expand, .header .c4 .m3 .expand, .header .c4 .m4 .expand, .header .c4 .m5 .expand { position: absolute; left: 0; top: 40px; z-index: -1; opacity: 0; background-color: #f6f6f6; border-radius: 8px; border: 1px solid #e9e9e9; font-size: 12px; }
        .header .c4 .expand .inner { display: flex; flex-direction: column; padding: 15px; }
        .header .c4 .m1:hover > a, .header .c4 .m2:hover > a, .header .c4 .m3:hover > a, .header .c4 .m4:hover > a, .header .c4 .m5:hover > a { color: #f00; }
        .header .c4 .m1:hover .expand, .header .c4 .m2:hover .expand, .header .c4 .m3:hover .expand, .header .c4 .m4:hover .expand, .header .c4 .m5:hover .expand { top: 50px; z-index: 10; opacity: 1; }

    .header .c5 { display: flex; justify-content: space-between; margin-bottom: 10px; }
        .header .c5 > div { width: 19.5%; height: 140px; text-align: center; }
            .header .c5 > div img { width: 100%; height: 100%; image-rendering: pixelated; object-fit: cover; }

.rt > .inner > .ad { width: 100%; height: 260px; margin-bottom: 20px; }
    .rt > .inner > .ad img { width: 100%; height: 100%; image-rendering: pixelated; object-fit: cover; }

/*.footer { text-align: center; line-height: 2; border-bottom: 2px solid #f00; padding: 15px 0; }*/

.swiper a { height: 100%; display: flex; justify-content: center; align-items: center; }
.swiper .tlt { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 18px; background-color: #ffebeb; }
.swiper .pic-tlt { position: relative; width: 100%; height: 100%; display: flex; align-items: center; }
    .swiper .pic-tlt i { position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; line-height: 1.5; background-color: rgba(0,0,0,0.3); font-style: normal; font-size: 16px; text-shadow: 1px 0px 3px #000; color: #fff; box-sizing: border-box; padding: 3px; }
    .swiper .pic-tlt:hover i { bottom: 0; }

.topline { border-top: 3px solid #f00; position: absolute; top: 0; left: 0; width: 100%; }
.footer { text-align: center; line-height: 2; border-bottom: 3px solid #f00; padding: 0; color: #fff; background-color: #3b3b3b; max-width: 100%; position: relative; }
    .footer .flink { max-width: 1350px; margin: 0 auto; padding: 20px 0; }
        .footer .flink h2 { display: flex; }
        .footer .flink ul { display: flex; flex-wrap: wrap; flex-direction: row; }
            .footer .flink ul li { margin-right: 15px; }
                .footer .flink ul li:last-child { margin-right: 0; }
        .footer .flink a { color: #fff; }
    .footer .contact { max-width: 1350px; margin: 0 auto; padding: 15px 0; }
        .footer .contact span { font-size: 23px; }
        .footer .contact img { width: 50%; }
    .footer .copyright { color: #333; line-height: 3; font-size: 14px; background-color: #fff; }

/** 在线咨询 */
/*.chat-container { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }*/
.chat-container .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
    .chat-container .inner .chat-box { width: 100%; box-sizing: border-box; background-color: #fff; padding: 15px; border-radius: 0; }
        .chat-container .inner .chat-box h1 { font-size: 17px; line-height: 1; font-weight: normal; padding: 0 0 0 10px; border-left: 5px solid #f00; margin: 10px 0 15px 0; }
        .chat-container .inner .chat-box h2 { font-size: 18px; font-weight: normal; padding: 0; margin: 10px 0; }
        .chat-container .inner .chat-box .item { margin-bottom: 15px; /*width: 300px;*/ }
        .chat-container .inner .chat-box legend { padding: 0 5px; font-size: 14px; }
        .chat-container .inner .chat-box fieldset { padding: 0 5px; border-radius: 5px; overflow: hidden; border: 1px solid #bdbdbd; width: 100%; box-sizing: border-box; }
            .chat-container .inner .chat-box fieldset input { border: none; width: 100%; height: 35px; box-sizing: border-box; font-size: 16px; padding: 0 10px; }
            .chat-container .inner .chat-box fieldset textarea { border: none; width: 100%; height: 140px; box-sizing: border-box; font-size: 16px; padding: 10px; line-height: 1.5; }
        .chat-container .inner .chat-box .submitfield { display: flex; justify-content: space-around; margin-bottom: 15px; }
            .chat-container .inner .chat-box .submitfield button { width: 45%; height: 40px; border-radius: 8px; border: none; background-color: #f00; color: #fff; font-size: 18px; }
                .chat-container .inner .chat-box .submitfield button.close { background-color: #ababab; }
        .chat-container .inner .chat-box .qrcode { text-align: center; margin: -10px 0; }
.chat-container .required { border: 1px solid #f00 !important; }
    .chat-container .required input { color: #f00 !important; }
    .chat-container .required:before { content: '请输写信息'; color: #f00; font-size: 14px; display: flex; flex-direction: column; align-items: center; }
.chat-container .formaterror:before { content: '格式错误'; color: #f00; font-size: 14px; display: flex; flex-direction: column; align-items: center; }
.chat-container .lengtherror:before { content: '内容长度大于10小于200字以内'; color: #f00; font-size: 14px; display: flex; flex-direction: column; align-items: center; }

.chat-container .required legend { color: #f00; }

/* 联系地址 */
.main-body .contact h2 { display: flex; align-items: flex-end; }
    .main-body .contact h2 span:first-child { border-bottom: 5px solid #f00; font-size: 18px; line-height: 2; }
    .main-body .contact h2 span:last-child { flex: 1; border-bottom: 1px solid #ddd; }
.main-body .contact > .inner { padding: 15px 0; display: flex; justify-content: space-between; }
    .main-body .contact > .inner .lt { flex: 0.5; line-height: 2; }
    .main-body .contact > .inner .rt { flex: 0.5; }
    .main-body .contact > .inner .lt h3 { line-height: 3; }
    .main-body .contact > .inner .rt .changebar { padding: 10px 0; }
        .main-body .contact > .inner .rt .changebar a { margin-right: 15px; }
            .main-body .contact > .inner .rt .changebar a:last-child { margin-right: 0; }
        .main-body .contact > .inner .rt .changebar .selected { border-bottom: 2px solid #f00; padding: 3px 0px; }
    .main-body .contact > .inner .rt .cont { display: none; }
    .main-body .contact > .inner .rt .ex_a { display: block; }
    .main-body .contact > .inner .rt .cont > .inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
        .main-body .contact > .inner .rt .cont > .inner > div { width: 49%; margin-bottom: 10px; line-height: 2; }