/*字体*/

/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */

* {

    padding: 0;

    margin: 0;

    outline: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

html {

    font-size: calc(100vw/19.2);

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

@media (min-width: 1901px) {

    html {

        font-size: 100px;

    }

}

@media (max-width: 1580px) {

    html {

        font-size: 66px;

    }

}

@media (max-width: 767px) {

    html {

        font-size: calc(100vw/7.5);

    }

}

body {

    min-height: 100%;

    font-family:'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';

    font-size: 16px;

    line-height: 1.5;

    color: #333;

    background: #fff;

}

@media (max-width: 1580px) {

    body {

        font-size: 14px;

    }

}

@media (max-width: 767px) {

    body {

        font-size: 0.28rem;

    }

}

img {

    border: 0;

    vertical-align: top;

}

li {

    list-style: none;

}

h1, h2, h3, h4, h5, h6 {

    font-family: inherit;

    font-style: inherit;

    font-size: inherit;

    font-weight: normal;

}

a, a:hover, a:focus {

    text-decoration: none;

}

input, button {

    -webkit-appearance: none;

    border-radius: 0;

}

button {

    cursor: pointer;

}

input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

textarea {

    resize: none;

    overflow: auto;

}

input, button, textarea, select {

    border: 0;

    font-family: inherit;

    font-style: inherit;

    font-size: inherit;

    font-weight: normal;

    color: inherit;

    background: transparent;

}

select {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

select::-ms-expand {

    display: none;

}

table {

    border-collapse: collapse;

}

.flex_b{
    display: flex;
}
.flex_b .itr{
    width: 100%;
}
.fl {

    float: left;

}

.fr {

    float: right;

}

.clear {

    zoom: 1;

}

.clear:after {

    content:'';

    display: block;

    clear: both;

}

.container {

    margin: 0 auto;

    width: 83.333333%;

    max-width: 1600px;

}

@media (max-width: 1580px) {

    .container {

        width: 86%;

    }

}

@media (max-width: 1199px) {

    .container {

        width: 90%;

    }

}
.yt_article_content p {
    word-wrap: break-word;
    overflow-wrap: break-word; /* 更现代的属性，效果类似 */
}
.bg-color1 {

    background-color: #fff;

}

.ptb100 {

    padding-top: 1rem;

    padding-bottom: 1rem;

}

@media (max-width: 767px) {

    .ptb100 {

        padding-top: 1.2rem;

        padding-bottom: 1.2em;

    }

}

.pt100 {

    padding-top: 1rem;

}

@media (max-width: 767px) {

    .pt100 {

        padding-top: 1.2rem;

    }

}

.pb100 {

    padding-bottom: 1rem;

}

@media (max-width: 767px) {

    .pb100 {

        padding-bottom: 1.2rem;

    }

}

.ptb140 {

    padding-top: 1.4rem;

    padding-bottom: 1.4rem;

}

@media (max-width: 767px) {

    .ptb140 {

        padding-top: 1.2rem;

        padding-bottom: 1.2rem;

    }

}

.pt140 {

    padding-top: 1.4rem;

}

@media (max-width: 767px) {

    .pt140 {

        padding-top: 1.2rem;

    }

}

.pb140 {

    padding-bottom: 1.4rem;

}

@media (max-width: 767px) {

    .pb140 {

        padding-bottom: 1.2rem;

    }

}

.font16 {

    font-size: 16px;

}

@media (max-width: 1580px) {

    .font16 {

        font-size: 14px;

    }

}

@media (max-width: 767px) {

    .font16 {

        font-size: 0.28rem;

    }

}

.font24 {

    font-size: 0.24rem;

}

@media (max-width: 1580px) {

    .font24 {

        font-size: 20px;

    }

}

@media (max-width: 991px) {

    .font24 {

        font-size: 18px;

    }

}

@media (max-width: 767px) {

    .font24 {

        font-size: 0.34rem;

    }

}

.font30 {

    font-size: 0.3rem;

}

@media (max-width: 1199px) {

    .font30 {

        font-size: 0.36rem;

    }

}

@media (max-width: 767px) {

    .font30 {

        font-size: 0.4rem;

    }

}

.font36 {

    font-size: 0.36rem;

}

@media (max-width: 1199px) {

    .font36 {

        font-size: 0.4rem;

    }

}

@media (max-width: 767px) {

    .font36 {

        font-size: 0.42rem;

    }

}

#hi-upgrade {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    background: #fff;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

}

#hi-upgrade .hi-wrap {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -177px 0 0 -450px;

    width: 900px;

}

#hi-upgrade .hi-wrap .hi-title {

    font-size: 30px;

    line-height: 40px;

    color: #333;

}

#hi-upgrade .hi-wrap .hi-close {

    margin: 10px 0;

    display: inline-block;

    cursor: pointer;

    font-size: 18px;

    color: #004896;

}

#hi-upgrade .hi-wrap .hi-close:hover {

    text-decoration: underline;

}

#hi-upgrade .hi-wrap .hi-text1 {

    color: #666;

}

#hi-upgrade .hi-wrap .hi-text1 span {

    color: #004896;

}

#hi-upgrade .hi-wrap .hi-text2 {

    position: relative;

    margin: 60px 0;

    color: #333;

}

#hi-upgrade .hi-wrap .hi-text2::before {

    content:"";

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 1;

    width: 100%;

    border-top: 1px solid #ddd;

}

#hi-upgrade .hi-wrap .hi-text2 span {

    position: relative;

    z-index: 5;

    padding: 0 30px;

    background: #fff;

}

#hi-upgrade .hi-wrap .hi-list {

    overflow: hidden;

}

#hi-upgrade .hi-wrap .hi-list li {

    display: inline-block;

    width: 16%;

}

#hi-upgrade .hi-wrap .hi-list li div {

    margin: 0 auto 5px;

    width: 50px;

    height: 50px;

}

#hi-upgrade .hi-wrap .hi-list li a {

    color: #666;

}

#hi-upgrade .hi-wrap .hi-list li a:hover {

    color: #004896;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {

    background: url(../image/hi-llq-1.jpg) no-repeat center / 100%;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {

    background: url(../image/hi-llq-2.jpg) no-repeat center / 100%;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {

    background: url(../image/hi-llq-3.jpg) no-repeat center / 100%;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {

    background: url(../image/hi-llq-4.jpg) no-repeat center / 100%;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {

    background: url(../image/hi-llq-5.jpg) no-repeat center / 100%;

}

#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {

    background: url(../image/hi-llq-6.jpg) no-repeat center / 100%;

}

.Hot {
    color: #f56300;
    margin-left: 5px;
    font-weight: 600;
    background: #FFEBDD;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 12px;
}

.solution {

    width: 100%;

    padding: 0.42rem 0 1.04rem;

}

.solution .container .solution-list {

    width: 100%;

}

.solution .container .solution-list ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.solution .container .solution-list ul li {

    width: 48.75%;

    position: relative;

    margin-right: 2.5%;

    margin-bottom: 0.4rem;

    transition: all ease-out 0.3s;

}

.solution .container .solution-list ul li:nth-child(2n) {

    margin-right: 0;

}

@media (max-width: 767px) {

    .solution .container .solution-list ul li {

        width: 100%;

        margin-right: 0;

    }

}

.solution .container .solution-list ul li a {

    display: block;

}

.solution .container .solution-list ul li .img {

    width: 100%;

    position: relative;

}

.solution .container .solution-list ul li .img::before {

    content:'';

    width: 100%;

    padding-top: 50.51%;

    display: block;

}

.solution .container .solution-list ul li .img::after {

    content:'';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    z-index: 2;

    background: rgba(0, 0, 0, 0.3);

    opacity: 0;

    transition: all ease-out 0.3s;

}

.solution .container .solution-list ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.solution .container .solution-list ul li .tbox {

    width: 100%;

    background: #f8f8f8;

    padding: 0.4rem;

    position: relative;

}

.solution .container .solution-list ul li .tbox::after {

    content:'';

    width: 0;

    height: 2px;

    background: #003686;

    position: absolute;

    left: 0%;

    bottom: 0;

    transition: all ease-out 0.3s;

}

.solution .container .solution-list ul li .tbox .t1 {

    font-size: 0.4rem;

    line-height: 1;

    color: #333;

}

.solution .container .solution-list ul li .tbox .t2 {

    line-height: 28px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-top: 0.23rem;

    padding-right: 1rem;

}

@media (max-width: 1580px) {

    .solution .container .solution-list ul li .tbox .t2 {

        line-height: 24px;

    }

}

@media (max-width: 991px) {

    .solution .container .solution-list ul li .tbox .t2 {

        padding-right: 0;

    }

}

.solution .container .solution-list ul li .tbox .more {

    display: flex;

    align-items: center;

    margin-top: 0.44rem;

}

.solution .container .solution-list ul li .tbox .more span {

    display: inline-flex;

    height: 36px;

    align-items: center;

    color: #3971ad;

}

.solution .container .solution-list ul li .tbox .more span img {

    width: 20px;

    height: 20px;

    margin-left: 0.1rem;

    transition: all ease-out 0.3s;

}

.solution .container .solution-list ul li .tbox .more span:hover img {

    margin-left: 0.2rem;

}

.solution .container .solution-list ul li .tbox .more i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    overflow: hidden;

    -webkit-transition: all 0.3s linear;

    margin-left: 10px;

    border-radius: 50%;

    background-color: #004896;

    transition: all 0.3s linear;

    height: 20px;

}

@media (max-width: 1580px) {

    .solution .container .solution-list ul li .tbox .more i {

        width: 18px;

        height: 18px;

        margin-left: 8px;

    }

}

.solution .container .solution-list ul li .tbox .more i img, .solution .container .solution-list ul li .tbox .more i svg {

    float: left;

    width: 30%;

}

.solution .container .solution-list ul li .tbox .more i img path, .solution .container .solution-list ul li .tbox .more i svg path {

    fill: #fff;

}

.solution .container .solution-list ul li:hover {

    transform: translateY(-10px);

}

.solution .container .solution-list ul li:hover .img::after {

    opacity: 1;

}

.solution .container .solution-list ul li:hover .tbox::after {

    width: 100%;

}

.solution .container .solution-list ul li:hover .tbox .more i {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

}

.solution-banner .img:after {

    background-color: #132d78;

    opacity: 0.5;

}

.solution-banner .cont .tit span:after {

    display: none;

}

.solution-banner .cont .ckbox {

    display: flex;

    margin-top: 0.55rem;

}

.solution-banner .cont .ckbox a {

    width: 1.84rem;

    height: 0.54rem;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all ease-out 0.3s;

    color: #004896;

    background: #fff;

    margin-right: 0.2rem;

}

@media (max-width: 767px) {

    .solution-banner .cont .ckbox a {

        width: 2.2rem;

        height: 0.7rem;

    }

}

.solution-banner .cont .ckbox a span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    margin-left: 0.1rem;

    position: relative;

    background-color: #004896;

    border-radius: 50%;

}

.solution-banner .cont .ckbox a span img, .solution-banner .cont .ckbox a span svg {

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: all ease-out 0.3s;

}

.solution-banner .cont .ckbox a span img:nth-child(2), .solution-banner .cont .ckbox a span svg:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.solution-banner .cont .ckbox a span svg {

    width: 42%;

}

.solution-banner .cont .ckbox a span svg path {

    fill: #fff;

}

.solution-banner .cont .ckbox a:hover {

    color: #fff;

    background: #004896;

}

.solution-banner .cont .ckbox a:hover span {

    background-color: #fff;

}

.solution-banner .cont .ckbox a:hover span img:nth-child(1) {

    opacity: 0;

}

.solution-banner .cont .ckbox a:hover span img:nth-child(2) {

    opacity: 1;

}

.solution-banner .cont .ckbox a:hover span svg path {

    fill: #004896;

}

.solution2-breadbox {

    background: #f8f8f8;

}

.sol2-box1 {

    width: 100%;

    background: #f8f8f8;

    padding: 0.5rem 0 1.3rem;

}

.sol2-box1 .container .title {

    text-align: center;

    font-size: 0.48rem;

    line-height: 1;

    color: #000;

}

.sol2-box1 .container .txt {

    width: 100%;

    max-width: 1080px;

    margin: 0.53rem auto 0;

    text-align: center;

    line-height: 30px;

}

@media (max-width: 1580px) {

    .sol2-box1 .container .txt {

        max-width: 800px;

        line-height: 24px;

    }

}

.sol2-box2 {

    width: 100%;

    padding: 1.4rem 0;

}

.sol2-box2 .container .title {

    text-align: center;

    font-size: 0.48rem;

    line-height: 1;

    color: #000;

}

.sol2-box2 .container .list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    margin-top: 0.63rem;

}

.sol2-box2 .container .list .item {

    width: 33.333%;

    border: 1px solid #ddd;

    padding: 0.75rem 0 0.9rem;

    margin-right: -1px;

}

@media (max-width: 991px) {

    .sol2-box2 .container .list .item {

        width: 100%;

        margin-right: 0;

        margin-top: -1px;

    }

}

.sol2-box2 .container .list .item .icon {

    width: 1.1rem;

    height: 1rem;

    margin: auto;

}

.sol2-box2 .container .list .item .icon img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.sol2-box2 .container .list .item .t1 {

    width: 100%;

    color: #333;

    line-height: 0.48rem;

    text-align: center;

    margin-top: 0.48rem;

}

.sol2-box2 .container .list .item .t2 {

    margin-top: 0.11rem;

    text-align: center;

    color: #666;

    line-height: 26px;

}

.sol2-box2 .container .boxs {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.sol2-box2 .container .boxs .img {

    width: 38.43%;

    position: relative;

}

@media (max-width: 991px) {

    .sol2-box2 .container .boxs .img {

        width: 100%;

    }

}

.sol2-box2 .container .boxs .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 65.04%;

}

.sol2-box2 .container .boxs .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.sol2-box2 .container .boxs .tbox {

    width: 61.57%;

    padding: 0.79rem 1.8rem 0 0.6rem;

    background: #f8f8f8;

}

@media (max-width: 991px) {

    .sol2-box2 .container .boxs .tbox {

        width: 100%;

        padding: 0.8rem 0.5rem;

    }

}

.sol2-box2 .container .boxs .tbox .t1 {

    width: 100%;

    font-size: 0.48rem;

    color: #000;

    line-height: 0.48rem;

}

.sol2-box2 .container .boxs .tbox .t2 {

    line-height: 30px;

    color: #666;

    margin-top: 0.5rem;

}

@media (max-width: 1580px) {

    .sol2-box2 .container .boxs .tbox .t2 {

        line-height: 24px;

    }

}

.sol2-box3 {

    width: 100%;

    background: #f8f8f8;

    padding: 1.55rem 0 1.42rem;

}

.sol2-box3 .container .item {

    width: 100%;

    display: flex;

    align-items: center;

    margin-bottom: 0.8rem;

    position: relative;

}

@media (max-width: 1199px) {

    .sol2-box3 .container .item {

        flex-wrap: wrap;

    }

}

.sol2-box3 .container .item:last-child {

    margin-bottom: 0;

}

.sol2-box3 .container .item .img {

    width: 67.5%;

    position: relative;

    flex-shrink: 0;

}

@media (max-width: 1199px) {

    .sol2-box3 .container .item .img {

        width: 100%;

    }

}

.sol2-box3 .container .item .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 59.25%;

}

.sol2-box3 .container .item .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.sol2-box3 .container .item .tbox {

    width: 38.43%;

    height: 4.4rem;

    background: #fff;

    z-index: 2;

    transition: all ease-out 0.3s;

}

@media (max-width: 1199px) {

    .sol2-box3 .container .item .tbox {

        width: 100%;

        height: auto;

    }

}

.sol2-box3 .container .item .tbox .t1 {

    color: #333;

    line-height: 1;

    transition: all ease-out 0.3s;

}

.sol2-box3 .container .item .tbox .t2 {

    color: #333;

    margin-top: 0.2rem;

    line-height: 30px;

    transition: all ease-out 0.3s;

}

@media (max-width: 1580px) {

    .sol2-box3 .container .item .tbox .t2 {

        line-height: 24px;

    }

}

.sol2-box3 .container .item .tbox .more {

    margin-top: 0.72rem;

    display: flex;

    align-items: center;

}

@media (max-width: 1580px) {

    .sol2-box3 .container .item .tbox .more {

        margin-top: 0.5rem;

    }

}

.sol2-box3 .container .item .tbox .more a {

    display: inline-flex;

    align-items: center;

    color: #3971ad;

    transition: all ease-out 0.3s;

}

.sol2-box3 .container .item .tbox .more a span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    overflow: hidden;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    margin-left: 10px;

    border-radius: 50%;

    background-color: #004896;

    transition: all ease-out 0.3s;

    height: 20px;

}

@media (max-width: 1580px) {

    .sol2-box3 .container .item .tbox .more a span {

        width: 18px;

        height: 18px;

        margin-left: 8px;

    }

}

.sol2-box3 .container .item .tbox .more a span img, .sol2-box3 .container .item .tbox .more a span svg {

    float: left;

    width: 30%;

}

.sol2-box3 .container .item .tbox .more a span img path, .sol2-box3 .container .item .tbox .more a span svg path {

    fill: #fff;

}

.sol2-box3 .container .item:hover .tbox {

    background: #004896;

}

.sol2-box3 .container .item:hover .tbox .t1 {

    color: #fff;

}

.sol2-box3 .container .item:hover .tbox .t2 {

    color: #fff;

}

.sol2-box3 .container .item:hover .tbox .more a {

    color: #fff;

}

.sol2-box3 .container .item:hover .tbox .more a span img:nth-child(1) {

    opacity: 0;

}

.sol2-box3 .container .item:hover .tbox .more a span img:nth-child(2) {

    opacity: 1;

}

.sol2-box3 .container .item:hover .tbox .more a span {

    margin-left: 0.2rem;

    background-color: #fff;

}

.sol2-box3 .container .item:hover .tbox .more a span svg path {

    fill: #004896;

}

.sol2-box3 .container .item:nth-child(n) {

    flex-direction: row-reverse;

}

.sol2-box3 .container .item:nth-child(n) .tbox {

    margin-right: -0.96rem;

    padding: 1rem 1rem 0 0.8rem;

}

@media (max-width: 1580px) {

    .sol2-box3 .container .item:nth-child(n) .tbox {

        padding: 0.8rem 1rem 0 0.8rem;

    }

}

@media (max-width: 1199px) {

    .sol2-box3 .container .item:nth-child(n) .tbox {

        margin: 0;

        padding: 0.8rem 0.86rem;

    }

}

@media (max-width: 991px) {

    .sol2-box3 .container .item:nth-child(n) .tbox {

        padding: 0.8rem 0.5rem;

    }

}

.sol2-box3 .container .item:nth-child(2n) {

    flex-direction: row;

}

.sol2-box3 .container .item:nth-child(2n) .tbox {

    margin-right: 0;

    margin-left: -0.96rem;

    padding: 1rem 0.86rem 0 0.96rem;

}

@media (max-width: 1580px) {

    .sol2-box3 .container .item:nth-child(2n) .tbox {

        padding: 0.8rem 0.86rem;

    }

}

@media (max-width: 1199px) {

    .sol2-box3 .container .item:nth-child(2n) .tbox {

        margin: 0;

        padding: 0.8rem 0.86rem;

    }

}

@media (max-width: 991px) {

    .sol2-box3 .container .item:nth-child(2n) .tbox {

        padding: 0.8rem 0.5rem;

    }

}

.solution-info {

    width: 100%;

    padding: 0.52rem 0 1.4rem;

}

.solution-info .container {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: flex-start;

    position: relative;

}

.solution-info .container .left {

    width: 56.25%;

}

@media (max-width: 1199px) {

    .solution-info .container .left {

        width: 65%;

    }

}

@media (max-width: 991px) {

    .solution-info .container .left {

        width: 100%;

    }

}

.solution-info .container .left .title {

    color: #000;

    font-weight: bold;

    line-height: 1;

    border-left: 3px solid #d40400;

    padding-left: 0.2rem;

}

.solution-info .container .left .txt {

    margin-top: 0.4rem;

    border-top: 1px solid #f0f0f0;

    line-height: 30px;

    color: #333;

    padding: 0.33rem 0 0.8rem;

}

@media (max-width: 1580px) {

    .solution-info .container .left .txt {

        line-height: 24px;

    }

}

.solution-info .container .left .txt img {

    max-width: 100%;

}

.solution-info .container .left .scase {

    width: 100%;

}

.solution-info .container .left .scase .stitle {

    color: #000;

    font-weight: bold;

    line-height: 1;

    border-left: 3px solid #d40400;

    padding-left: 0.2rem;

}

.solution-info .container .left .scase .list {

    width: 100%;

    border-top: 1px solid #f0f0f0;

    margin-top: 0.4rem;

    padding-top: 0.4rem;

    display: flex;

    flex-wrap: wrap;

}

.solution-info .container .left .scase .list .item {

    width: 48.89%;

    margin-right: 2.22%;

    margin-bottom: 0.2rem;

}

.solution-info .container .left .scase .list .item:nth-child(2n) {

    margin-right: 0;

}

.solution-info .container .left .scase .list .item:nth-child(n + 3) {

    display: none;

}

@media (max-width: 767px) {

    .solution-info .container .left .scase .list .item {

        width: 100%;

        margin-right: 0;

        margin-bottom: 0.5rem;

    }

}

.solution-info .container .left .scase .list .item a {

    display: block;

}

.solution-info .container .left .scase .list .item a .img {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.solution-info .container .left .scase .list .item a .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 63.64%;

}

.solution-info .container .left .scase .list .item a .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.solution-info .container .left .scase .list .item a .tbox {

    width: 100%;

    padding-top: 0.16rem;

}

@media (max-width: 767px) {

    .solution-info .container .left .scase .list .item a .tbox {

        padding-top: 0.3rem;

    }

}

.solution-info .container .left .scase .list .item a .tbox .t1 {

    font-size: 18px;

    line-height: 26px;

    color: #333;

}

.solution-info .container .left .scase .list .item a .tbox .t2 {

    line-height: 30px;

    color: #666;

    margin-top: 0.15rem;

}

@media (max-width: 1580px) {

    .solution-info .container .left .scase .list .item a .tbox .t2 {

        line-height: 24px;

    }

}

.solution-info .container .left .scase .getmore {

    width: 100%;

    height: 0.5rem;

    border: 1px solid #004896;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #004896;

    transition: all ease-out 0.3s;

    cursor: pointer;

    margin-top: 0.2rem;

}

@media (max-width: 767px) {

    .solution-info .container .left .scase .getmore {

        height: 0.7rem;

    }

}

.solution-info .container .left .scase .getmore:hover, .solution-info .container .left .scase .getmore.on {

    background: #004896;

    color: #fff;

}

.solution-info .container .left .other {

    width: 100%;

    margin-top: 0.4rem;

}

.solution-info .container .left .other .sproduct {

    width: 100%;

    margin-top: -90px;

    padding-top: 90px;

}

.solution-info .container .left .other .sproduct .stitle {

    color: #000;

    font-weight: bold;

    line-height: 1;

    border-left: 3px solid #d40400;

    padding-left: 0.2rem;

}

.solution-info .container .left .other .sproduct .list {

    width: 100%;

    border-top: 1px solid #f0f0f0;

    margin: 0.4rem 0;

    padding-top: 0.4rem;

}

.solution-info .container .left .other .sproduct .list .item {

    width: 100%;

    margin-bottom: 0.2rem;

}

.solution-info .container .left .other .sproduct .list .item:last-child {

    margin-bottom: 0;

}

.solution-info .container .left .other .sproduct .list .item:nth-child(n + 3) {

    display: none;

}

.solution-info .container .left .other .sproduct .list .item a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.solution-info .container .left .other .sproduct .list .item a .img {

    width: 44.44%;

    position: relative;

    border: 1px solid #f1f1f1;

    overflow: hidden;

}

@media (max-width: 767px) {

    .solution-info .container .left .other .sproduct .list .item a .img {

        width: 100%;

    }

}

.solution-info .container .left .other .sproduct .list .item a .img::before {

    content:'';

    width: 100%;

    padding-top: 75%;

    display: block;

}

.solution-info .container .left .other .sproduct .list .item a .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.solution-info .container .left .other .sproduct .list .item a .tbox {

    width: 48.89%;

}

@media (max-width: 767px) {

    .solution-info .container .left .other .sproduct .list .item a .tbox {

        width: 100%;

        padding: 0.5rem 0;

    }

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t1 {

    font-size: 18px;

    line-height: 26px;

    color: #333;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t2 {

    line-height: 30px;

    color: #999;

    margin-top: 0.17rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 {

    display: flex;

    margin-top: 0.3rem;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more {

    display: inline-flex;

    align-items: center;

    color: #3971ad;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    overflow: hidden;

    -webkit-transition: all 0.3s linear;

    margin-left: 10px;

    border-radius: 50%;

    background-color: #004896;

    transition: all 0.3s linear;

    height: 20px;

}

@media (max-width: 1580px) {

    .solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span {

        width: 18px;

        height: 18px;

        margin-left: 8px;

    }

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span img, .solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span svg {

    float: left;

    width: 30%;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span img path, .solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span svg path {

    fill: #fff;

}

.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more:hover span {

    margin-left: 0.2rem;

}

.solution-info .container .left .other .sproduct .list .item a:hover .img img {

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

}

.solution-info .container .left .other .getmore {

    width: 100%;

    height: 0.5rem;

    border: 1px solid #004896;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #004896;

    transition: all ease-out 0.3s;

    cursor: pointer;

}

@media (max-width: 767px) {

    .solution-info .container .left .other .getmore {

        height: 0.7rem;

    }

}

.solution-info .container .left .other .getmore:hover, .solution-info .container .left .other .getmore.on {

    background: #004896;

    color: #fff;

}

.solution-info .container .left .share {

    width: 100%;

    margin-top: 0.85rem;

    border-top: 1px solid #f0f0f0;

    padding-top: 0.27rem;

    display: flex;

    align-items: center;

    color: #666;

}

.solution-info .container .left .share a {

    width: 21px;

    height: 22px;

    margin-left: 0.11rem;

    position: relative;

    display: flex;

}

.solution-info .container .left .share a img {

    width: 100%;

    height: 100%;

}

.solution-info .container .left .share a .er {

    display: none;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 120px;

    padding: 5px;

    background-color: #fff;

    margin-top: 15px;

}

.solution-info .container .left .share a:hover .er {

    display: block;

}

.solution-info .container .left .share .bshare-custom {

    display: flex;

    align-items: center;

}

.solution-info .container .left .share .bshare-custom .bshare-weixin {

    background: url(../image/share-icon1.png) center center no-repeat;

}

.solution-info .container .left .share .bshare-custom .bshare-sinaminiblog {

    background: url(../image/share-icon2.png) center center no-repeat;

}

.solution-info .container .left .share .bshare-custom .bshare-qqim {

    background: transparent url(../image/feniocniwferwm3.png) center center no-repeat;

    background-size: contain;

}

.solution-info .container .right {

    width: 28.75%;

}

@media (max-width: 991px) {

    .solution-info .container .right {

        width: 100%;

        margin-top: 1rem;

    }

}

@media (min-width: 992px) {

    .solution-info .container .right {

        position: sticky;

        top: 90px;

    }

}

.solution-info .container .right .title {

    color: #999;

    line-height: 1;

}

.solution-info .container .right .list {

    width: 100%;

    margin-top: 0.3rem;

}

.solution-info .container .right .list ul li {

    margin-bottom: 0.2rem;

}

.solution-info .container .right .list ul li a {

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.solution-info .container .right .list ul li a .img {

    width: 43.47%;

    position: relative;

}

.solution-info .container .right .list ul li a .img::before {

    content:'';

    width: 100%;

    padding-top: 60%;

    display: block;

}

.solution-info .container .right .list ul li a .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.solution-info .container .right .list ul li a .tbox {

    width: 51.73%;

    padding-top: 0.2rem;

}

.solution-info .container .right .list ul li a .tbox .t1 {

    font-size: 20px;

    color: #333;

    line-height: 1;

}

@media (max-width: 1580px) {

    .solution-info .container .right .list ul li a .tbox .t1 {

        font-size: 18px;

    }

}

@media (max-width: 767px) {

    .solution-info .container .right .list ul li a .tbox .t1 {

        font-size: 16px;

    }

}

.solution-info .container .right .list ul li a .tbox .t2 {

    font-size: 14px;

    line-height: 24px;

    color: #666;

    margin-top: 0.14rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.product {

    width: 100%;

    padding: 0.5rem 0 1.4rem;

}

.product .container {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

}

@media (max-width: 991px) {

    .product .container {

        flex-direction: column-reverse;

    }

}

.product .container .product-menu {

    width: 21.25%;

}

@media (max-width: 991px) {

    .product .container .product-menu {

        width: 100%;

        margin-top: 1rem;

    }

}

.product .container .product-menu li {

    width: 100%;

    background: #f5f5f5;

    margin-bottom: 2px;

}

@media (max-width: 991px) {

}

.product .container .product-menu li:last-child {

    margin-bottom: 0;

}

.product .container .product-menu li .menu-li {

    width: 100%;

    height: 0.68rem;

    padding: 0 0.3rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    transition: all ease-out 0.3s;

}

@media (max-width: 1580px) {

    .product .container .product-menu li .menu-li {

        height: 0.8rem;

    }

}

@media (max-width: 767px) {

    .product .container .product-menu li .menu-li {

        height: 1rem;

    }

}

.product .container .product-menu li .menu-li a {

    font-size: 18px;

    color: #333;

    line-height: 34px;

    transition: all ease-out 0.3s;

}

@media (max-width: 1580px) {

    .product .container .product-menu li .menu-li a {

        font-size: 16px;

    }

}

.product .container .product-menu li .menu-li span {

    width: 0.14rem;

    height: 0.14rem;

    display: flex;

    position: relative;

    cursor: pointer;

}

.product .container .product-menu li .menu-li span img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: all ease-out 0.3s;

}

.product .container .product-menu li .menu-li span img:nth-child(2) {

    position: absolute;

    top: 0;

    z-index: 2;

    opacity: 0;

}

.product .container .product-menu li .menu-li span:after, .product .container .product-menu li .menu-li span:before {

    content:"";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -1px;

    margin-left: -0.1rem;

    width: 100%;

    height: 2px;

    background-color: #333;

}

.product .container .product-menu li .menu-li span:before {

    transform: rotate(90deg);

}

.product .container .product-menu li .menu-li:hover, .product .container .product-menu li .menu-li.on {

    background: #004896;

}

.product .container .product-menu li .menu-li:hover a, .product .container .product-menu li .menu-li.on a {

    color: #fff;

}

.product .container .product-menu li .menu-li:hover span img:nth-child(1), .product .container .product-menu li .menu-li.on span img:nth-child(1) {

    opacity: 0;

}

.product .container .product-menu li .menu-li:hover span img:nth-child(2), .product .container .product-menu li .menu-li.on span img:nth-child(2) {

    opacity: 1;

}

.product .container .product-menu li .menu-li:hover span:before, .product .container .product-menu li .menu-li.on span:before {

    opacity: 0;

}

.product .container .product-menu li .menu-li:hover span:after, .product .container .product-menu li .menu-li.on span:after {

    background-color: #fff;

}

.product .container .product-menu li .s-menu {

    width: 100%;

    padding: 0.2rem 0.3rem;

    display: none;

}

.product .container .product-menu li .s-menu.on {

    display: block;

}

.product .container .product-menu li .s-menu a {

    width: 100%;

    height: 34px;

    color: #666;

    display: flex;

    align-items: center;

    position: relative;

    margin-bottom: 0.14rem;

    transition: all ease-out 0.3s;

}

@media (max-width: 1580px) {

    .product .container .product-menu li .s-menu a {

        height: 30px;

    }

}

.product .container .product-menu li .s-menu a:last-child {

    margin-bottom: 0;

}

.product .container .product-menu li .s-menu a i {

    content:'';

    width: 6px;

    height: 10px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    transition: all ease-out 0.3s;

}

.product .container .product-menu li .s-menu a i img, .product .container .product-menu li .s-menu a i svg {

    width: 100%;

}

.product .container .product-menu li .s-menu a i img path, .product .container .product-menu li .s-menu a i svg path {

    fill: #999999;

}

.product .container .product-menu li .s-menu a:hover, .product .container .product-menu li .s-menu a.on {

    color: #004896;

}

.product .container .product-menu li .s-menu a:hover i img path, .product .container .product-menu li .s-menu a.on i img path, .product .container .product-menu li .s-menu a:hover i svg path, .product .container .product-menu li .s-menu a.on i svg path {

    fill: #004896;

}

.product .container .right {

    width: 75%;

}

@media (max-width: 991px) {

    .product .container .right {

        width: 100%;

    }

}

.product .container .right .top {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

@media (max-width: 1199px) {

    .product .container .right .top {

        align-items: center;

    }

}

@media (max-width: 991px) {

    .product .container .right .top {

        flex-wrap: wrap;

    }

}

.product .container .right .top .tbox {

    width: 100%;

    margin-right: 0.85rem;

}

@media (max-width: 991px) {

    .product .container .right .top .tbox {

        margin-right: 0;

    }

}

.product .container .right .top .tbox .t1 {

    font-size: 0.3rem;

    color: #004896;

    line-height: 0.5rem;

}

@media (max-width: 1580px) {

    .product .container .right .top .tbox .t1 {

        font-size: 24px;

    }

}

@media (max-width: 991px) {

    .product .container .right .top .tbox .t1 {

        line-height: 22px;

    }

}

@media (max-width: 991px) {

    .product .container .right .top .tbox .t1 {

        font-size: 0.4rem;

    }

}

.product .container .right .top .tbox .t2 {

    line-height: 30px;

    color: #666;

    margin-top: 0.11rem;

}

@media (max-width: 1580px) {

    .product .container .right .top .tbox .t2 {

        line-height: 24px;

    }

}

.product .container .right .top .img {

    width: 35%;

    flex-shrink: 0;

    position: relative;

}

@media (max-width: 991px) {

    .product .container .right .top .img {

        width: 100%;

        margin-top: 0.3rem;

    }

}

.product .container .right .top .img::before {

    content:'';

    width: 100%;

    padding-top: 42.85%;

    display: block;

}

.product .container .right .top .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.product .container .right .list {

    width: 100%;

    margin-top: 0.4rem;

    border-top: 1px solid #ddd;

    padding-top: 0.4rem;

}

.product .container .right .list li {

    width: 100%;

    margin-bottom: 0.3rem;

}

.product .container .right .list li:last-child {

    margin-bottom: 0;

}

.product .container .right .list li a {

    width: 100%;

    display: flex;

    justify-content: space-between;

}

@media (max-width: 767px) {

    .product .container .right .list li a {

        flex-wrap: wrap;

    }

}

.product .container .right .list li a .img {

    width: 33.33%;

    position: relative;

    overflow: hidden;

    border: 1px solid #f1f1f1;

}

@media (max-width: 767px) {

    .product .container .right .list li a .img {

        width: 100%;

    }

}

.product .container .right .list li a .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 75%;

}

.product .container .right .list li a .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.product .container .right .list li a .tbox {

    width: 61.67%;

    padding-top: 0.1rem;

    border-bottom: 1px solid #f1f1f1;

    position: relative;

}

@media (max-width: 767px) {

    .product .container .right .list li a .tbox {

        width: 100%;

        padding: 0.5rem 0;

    }

}

.product .container .right .list li a .tbox::before {

    content:'';

    width: 0;

    height: 1px;

    background: #004896;

    transition: all ease-out 0.3s;

    position: absolute;

    left: 0;

    bottom: 0;

}

.product .container .right .list li a .tbox .t1 {

    color: #333;

    line-height: 1;

}

.product .container .right .list li a .tbox .t2 {

    line-height: 30px;

    color: #999;

    height: 120px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    margin-top: 0.2rem;

}

@media (max-width: 1580px) {

    .product .container .right .list li a .tbox .t2 {

        line-height: 24px;

        height: 96px;

    }

}

@media (max-width: 1199px) {

    .product .container .right .list li a .tbox .t2 {

        -webkit-line-clamp: 2;

        height: 48px;

    }

}

.product .container .right .list li a .tbox .more {

    display: flex;

    margin-top: 0.5rem;

}

.product .container .right .list li a .tbox .more span {

    display: inline-flex;

    align-items: center;

    color: #333;

    line-height: 1;

    transition: all ease-out 0.3s;

}

.product .container .right .list li a .tbox .more span img {

    width: 20px;

    height: 20px;

    margin-left: 0.12rem;

}

@media (max-width: 1199px) {

    .product .container .right .list li a .tbox .more span img {

        width: 14px;

        height: 14px;

    }

}

.product .container .right .list li a .tbox .more i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    overflow: hidden;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    margin-left: 10px;

    border-radius: 50%;

    background-color: #004896;

    height: 20px;

}

@media (max-width: 1580px) {

    .product .container .right .list li a .tbox .more i {

        width: 18px;

        height: 18px;

        margin-left: 8px;

    }

}

.product .container .right .list li a .tbox .more i img, .product .container .right .list li a .tbox .more i svg {

    float: left;

    width: 30%;

}

.product .container .right .list li a .tbox .more i img path, .product .container .right .list li a .tbox .more i svg path {

    fill: #fff;

}

.product .container .right .list li a:hover .img img {

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

}

.product .container .right .list li a:hover .tbox::before {

    width: 100%;

}

.product .container .right .list li a:hover .tbox .more span {

    color: #3971ad;

}

.product .container .right .list li a:hover .tbox .more i {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

}

.product-info {

    width: 100%;

}

.product-info .info-top {

    width: 100%;

    position: relative;

    padding-bottom: 0.8rem;

}

.product-info .info-top:before {

    content:"";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: url(../image/product-info-bg.jpg) center center no-repeat;

    background-size: cover;

    opacity: 0.8;

}

.product-info .info-top .breadbox {

    position: relative;

}

.product-info .info-top .top-box {

    width: 100%;

    margin-top: 0.5rem;

    position: relative;

}

.product-info .info-top .top-box .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.product-info .info-top .top-box .container .left {

    width: 56.25%;

    width: 47%;

    position: relative;

}

@media (max-width: 1199px) {

    .product-info .info-top .top-box .container .left {

        width: 52.25%;

    }

}

@media (max-width: 991px) {

    .product-info .info-top .top-box .container .left {

        width: 100%;

    }

}

.product-info .info-top .top-box .container .left .swiper {

    width: 100%;

    overflow: hidden;

}

.product-info .info-top .top-box .container .left .swiper .swiper-wrapper {

    width: 100%;

}

.product-info .info-top .top-box .container .left .swiper .swiper-wrapper .swiper-slide {

    width: 35%;

    position: relative;

}

.product-info .info-top .top-box .container .left .swiper .swiper-wrapper .swiper-slide::before {

    content:'';

    width: 100%;

    padding-top: 75%;

    display: block;

}

.product-info .info-top .top-box .container .left .swiper .swiper-wrapper .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.product-info .info-top .top-box .container .left .swiper .swiper-pagination {

    position: relative;

    font-size: 0;

    margin-top: 0.4rem;

}

.product-info .info-top .top-box .container .left .swiper .swiper-pagination .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: #c6c6c6;

    opacity: 1;

    margin: 0 0.1rem;

}

.product-info .info-top .top-box .container .left .swiper .swiper-pagination .swiper-pagination-bullet-active {

    background: #003686;

}

.product-info .info-top .top-box .container .right {

    width: 40%;

    width: 48%;

}

@media (max-width: 1199px) {

    .product-info .info-top .top-box .container .right {

        width: 43%;

    }

}

@media (max-width: 991px) {

    .product-info .info-top .top-box .container .right {

        width: 100%;

        margin-top: 1rem;

    }

}

@media (max-width: 767px) {

    .product-info .info-top .top-box .container .right {

        margin-top: 0.5rem;

    }

}

.product-info .info-top .top-box .container .right .t1 {

    font-size: 0.48rem;

    line-height: 0.58rem;

    color: #333;

}

.product-info .info-top .top-box .container .right .t2 {

    color: #333;

    line-height: 30px;

    margin-top: 0.36rem;

    max-height: 2.5rem;

    overflow-y: auto;

}

@media (max-width:1200px) {

    .product-info .info-top .top-box .container .right .t2 {

        height: 2rem;

    }

}

@media (max-width:768px) {

    .product-info .info-top .top-box .container .right .t2 {

        height: 3rem;

    }

}

.product-info .info-top .top-box .container .right .t2::-webkit-scrollbar {

    width: 1px;

    /*对垂直流动条有效*/

}

/*定义滚动条的轨道颜色、内阴影及圆角*/

.product-info .info-top .top-box .container .right .t2::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px #aaa;

    background-color: #aaa;

    border-radius: 3px;

}

/*定义滑块颜色、内阴影及圆角*/

.product-info .info-top .top-box .container .right .t2::-webkit-scrollbar-thumb {

    border-radius: 7px;

    -webkit-box-shadow: inset 0 0 6px #004896;

    background-color: #004896;

}

.product-info .info-top .top-box .container .right .t2 span {

    font-size: 18px;

    display: block;

    margin-bottom: 0.16rem;

}

.product-info .info-top .top-box .container .right .ckbox {

    margin-top: 0.73rem;

    display: flex;

}

.product-info .info-top .top-box .container .right .ckbox a {

    width: 1.84rem;

    height: 0.54rem;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all ease-out 0.3s;

    color: #004896;

    background: #fff;

    margin-right: 0.2rem;

}

@media (max-width: 767px) {

    .product-info .info-top .top-box .container .right .ckbox a {

        width: 2.2rem;

        height: 0.7rem;

    }

}

.product-info .info-top .top-box .container .right .ckbox a span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    margin-left: 0.1rem;

    position: relative;

    background-color: #004896;

    border-radius: 50%;

}

.product-info .info-top .top-box .container .right .ckbox a span img, .product-info .info-top .top-box .container .right .ckbox a span svg {

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: all ease-out 0.3s;

}

.product-info .info-top .top-box .container .right .ckbox a span img:nth-child(2), .product-info .info-top .top-box .container .right .ckbox a span svg:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.product-info .info-top .top-box .container .right .ckbox a span svg {

    width: 42%;

}

.product-info .info-top .top-box .container .right .ckbox a span svg path {

    fill: #fff;

}

.product-info .info-top .top-box .container .right .ckbox a:hover {

    color: #fff;

    background: #004896;

}

.product-info .info-top .top-box .container .right .ckbox a:hover span {

    background-color: #fff;

}

.product-info .info-top .top-box .container .right .ckbox a:hover span img:nth-child(1) {

    opacity: 0;

}

.product-info .info-top .top-box .container .right .ckbox a:hover span img:nth-child(2) {

    opacity: 1;

}

.product-info .info-top .top-box .container .right .ckbox a:hover span svg path {

    fill: #004896;

}

.product-info .info-top .top-box .container .right .ckbox .mov {

    background-color: #004896;

    color: #fff;

}

.product-info .info-top .top-box .container .right .ckbox .mov:hover {

    opacity: 0.9;

}

.product-info .pinfo-box2 {

    width: 100%;

    padding: 1.2rem 0 1.32rem;

}

.product-info .pinfo-box2 .container {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: flex-start;

    position: relative;

}

.product-info .pinfo-box2 .container .left {

    width: 56.25%;

}

@media (max-width: 991px) {

    .product-info .pinfo-box2 .container .left {

        width: 100%;

    }

}

.product-info .pinfo-box2 .container .left .tbox {

    width: 100%;

    margin-bottom: 0.75rem;

}

@media (max-width:767px) {

    .product-info .pinfo-box2 .container .left .tbox {

        margin-bottom: 0.3rem;

    }

}

.product-info .pinfo-box2 .container .left .tbox:last-child {

    margin-bottom: 0;

}

.product-info .pinfo-box2 .container .left .tbox .t1 {

    color: #000;

    line-height: 1;

    border-left: 3px solid #d40400;

    padding-left: 0.2rem;

}

.product-info .pinfo-box2 .container .left .tbox .t2 {

    width: 100%;

    border-top: 1px solid #f0f1f1;

    margin-top: 0.4rem;

    padding-top: 0.33rem;

    line-height: 30px;

    color: #333;

}

.product-info .pinfo-box2 .container .left .tbox .t2 img {

    max-width: 100%;

}

.product-info .pinfo-box2 .container .left .tbox .t2 table {

    width: 100%!important;

}

.product-info .pinfo-box2 .container .left .tbox .img-list {

    width: 100%;

    margin-top: 0.3rem;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul li {

    width: 22.22%;

    position: relative;

    margin-right: 3.7%;

    margin-bottom: 0.3rem;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul li:nth-child(4n) {

    margin-right: 0;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul li:nth-child(n + 5) {

    display: none;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul li::before {

    content:'';

    width: 100%;

    padding-top: 80%;

    display: block;

}

.product-info .pinfo-box2 .container .left .tbox .img-list ul li img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

}

.product-info .pinfo-box2 .container .left .tbox .img-list .getmore {

    width: 100%;

    height: 0.5rem;

    border: 1px solid #004896;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #004896;

    transition: all ease-out 0.3s;

    cursor: pointer;

}

@media (max-width: 767px) {

    .product-info .pinfo-box2 .container .left .tbox .img-list .getmore {

        height: 0.7rem;

    }

}

.product-info .pinfo-box2 .container .left .tbox .img-list .getmore:hover, .product-info .pinfo-box2 .container .left .tbox .img-list .getmore.on {

    background: #004896;

    color: #fff;

}

.product-info .pinfo-box2 .container .right {

    width: 28.75%;

}

@media (max-width: 991px) {

    .product-info .pinfo-box2 .container .right {

        width: 100%;

        margin-top: 1rem;

    }

}

@media (min-width: 992px) {

    .product-info .pinfo-box2 .container .right {

        position: sticky;

        top: 90px;

    }

}

.product-info .pinfo-box2 .container .right .title {

    color: #999;

    line-height: 1;

}

.product-info .pinfo-box2 .container .right .list {

    width: 100%;

    margin-top: 0.3rem;

}

.product-info .pinfo-box2 .container .right .list li {

    width: 100%;

    margin-bottom: 0.2rem;

}

.product-info .pinfo-box2 .container .right .list li:last-child {

    margin-bottom: 0;

}

.product-info .pinfo-box2 .container .right .list li a {

    display: flex;

    justify-content: space-between;

}

.product-info .pinfo-box2 .container .right .list li a .img {

    width: 34.78%;

    position: relative;

    border: 1px solid #f1f1f1;

    flex-shrink: 0;

    overflow: hidden;

}

.product-info .pinfo-box2 .container .right .list li a .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 75%;

}

.product-info .pinfo-box2 .container .right .list li a .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.product-info .pinfo-box2 .container .right .list li a .tbox {

    width: 65.22%;

    padding-top: 0.16rem;

    padding-left: 0.2rem;

}

.product-info .pinfo-box2 .container .right .list li a .tbox .t1 {

    font-size: 18px;

    color: #333;

    line-height: 24px;

}

@media (max-width: 1580px) {

    .product-info .pinfo-box2 .container .right .list li a .tbox .t1 {

        font-size: 16px;

    }

}

.product-info .pinfo-box2 .container .right .list li a .tbox .t2 {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin-top: 0.13rem;

}

.product-info .pinfo-box2 .container .right .list li a:hover .img img {

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

}

.product-info .pinfo-box2 .container .right .list li a:hover .tbox .t2 {

    color: #004896;

}

.product-info .pinfo-box2 .container .right .apply {

    width: 100%;

    position: relative;

    margin-top: 0.4rem;

    cursor: pointer;

}

.product-info .pinfo-box2 .container .right .apply .img {

    width: 100%;

    position: relative;

    border: 1px solid #f1f1f1;

    overflow: hidden;

}

.product-info .pinfo-box2 .container .right .apply .img::before {

    content:'';

    width: 100%;

    display: block;

    padding-top: 34.78%;

}

.product-info .pinfo-box2 .container .right .apply .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    transition: all 0.3s linear;

}

.product-info .pinfo-box2 .container .right .apply .txt {

    line-height: 1;

    color: #fff;

    position: absolute;

    left: 0.3rem;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}

.product-info .pinfo-box2 .container .right .apply:hover .img img {

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

}

.product-info .pinfo-box2 .getmore-pro {

    width: 100%;

    height: 0.5rem;

    border: 1px solid #004896;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #004896;

    cursor: pointer;

}

.product-info .pinfo-box2 .getmore-pro a {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #004896;

    width: 100%;

    height: 100%;

    transition: all ease-out 0.3s;

}

@media (max-width: 767px) {

    .product-info .pinfo-box2 .getmore-pro {

        height: 0.7rem;

    }

}

.product-info .pinfo-box2 .getmore-pro:hover a {

    background: #004896;

    color: #fff;

}

/*拓展*/

.pd-1 {

    padding: 10px;

}

.pd-2 {

    padding: 20px;

}

.pd-3 {

    padding: 30px;

}

.pd-4 {

    padding: 40px;

}

.module1_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 20px;

}

.mo_tit::before {

    background: #f39800;

    bottom: 50%;

}

.mo_tit::after {

    background: #003281;

    top: 50%;

}

.mo_tit::before, .mo_tit::after {

    content:'';

    width: var(--size);

    height: var(--size);

    position: absolute;

    left: 0;

    z-index: 1;

}

.mo_tit {

    padding-left: 0.7em;

    position: relative;

    --size: 6px;

}

.module1_nav {

    display: flex;

    justify-content: flex-start;

    gap: 30px;

    margin-bottom: 40px;

    flex-wrap: wrap;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 25px;
    
    margin-top: 10px;

}

.module-slm{
    text-align: center;
}

.module1_nav-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-decoration: none;

    color: #333;

    font-size: 14px;

    width: calc((100% - 210px) / 7);

    /* PC端一行最多8个 */

    min-width: 100px;

}

.module1_nav-icon {

    width: 80px;

    height: 80px;

    margin-bottom: 8px;

}

.module1_nav-item.active, .module1_nav-item:hover {
    color: #f39800;
    transition: all .3s ease;
}

.module1_products {

    /* display: grid; */

    display: none;

    /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/

    grid-template-columns: repeat(auto-fit, 245px);

    gap: 30px;

}

.module1_products .pr_t{
  
    border-top: 1px solid #f1efef;
    padding-top: 20px;
}

.module1_product-card {

    background: #fff;

    border-radius: 8px;

    overflow: hidden;

    border: 1px solid #f1efef;

}

.module1_product-image {

    width: 100%;
    object-fit: contain;
    
    padding: 20px;
}



.module1_product-title {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 10px;

    padding: 0 10px;

}

.module1_product-specs {

    font-size: 14px;

    color: #666;

    line-height: 1.6;

    padding: 0 10px;

}

.module1_product-specs p {

    font-size: 12px;

    margin-bottom: 5px;

}

/* 平板电脑端 */

@media (max-width: 768px) {

    .module1_nav {

        gap: 20px;

        padding: 0 10px;

    }

    .module1_nav {

        display: flex;

        overflow-x: auto;

        white-space: nowrap;

        flex-wrap: nowrap;

    }

    .module1_products {

        grid-template-columns: repeat(2, 1fr);

        gap: 15px;

    }

    .module1_product-image {

        height: 180px;

    }

}

.module_com_desc {

    max-width: 1300px;

    margin: 60px auto;

    padding: 20px;

    background-image: url(https://resource.fs.com/mall/generalImg/202503041754011k3czy.jpg);

}

.module_com_desc_box {

    margin: 0 auto;

    max-width: 1200px;

    width: 84vw;

}

.module_com_desc_box .listBox {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 20px;

    gap: 20px;

    margin-top: 24px;

    margin-bottom: 24px;

}

.module_com_desc_box .listBox li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 4px;

    text-align: center;

}

.module_com_desc_box .listBox li img {

    height: 68px;

    width: 68px;

}

.module_com_desc_box .listBox li .title {

    color: #19191a;

    font-size: 15px;

    font-weight: 600;

    line-height: 22px;

    margin-top: 8px;

    margin-bottom: 8px;

}

.module_com_desc_box .listBox li .desc {

    color: #707070;

    font-size: 13px;

    line-height: 20px;

    margin-top: 4px;
    
    padding: 0 20px;

}

/* 手机端 */

@media (max-width: 576px) {

    .module1_container {

        padding: 10px;

    }

    .module1_nav {

        display: flex;

        overflow-x: auto;

        white-space: nowrap;

        flex-wrap: nowrap;

        padding-bottom: 30px;
        
        margin-bottom: 0px;

    }

    .module1_nav-item {

        font-size: 12px;

        width: calc(50% - 8px);
        
        margin: 20px;

        /* 手机端一行2个 */

    }
    .module-slm{
        display: none;
    }
    .module1_nav-icon {

        width: 60px;

        height: 60px;

        margin-bottom: 5px;

    }

    .module1_products {

        /*grid-template-columns: 1fr;*/

        gap: 0px;

        padding-bottom: 0px;

    }

    .module1_product-card {

        padding: 10px;

    }

    .module1_product-image {

        height: 120px;

    }

    .module1_products .pd-1 {

        padding: 0px;

    }

    .module1_product-card {

        border: 0px solid #f1efef;

    }
    .module1_products .module1_product-card:last-child {
display: none;
}

    .module1_product-title {

        font-size: 14px;

        margin-bottom: 10px;

        margin-top: 10px;
    }

    .module1_product-specs {

        font-size: 12px;

    }

    .module3_container {

        display:none;

    }

    .module9_module h3 {

        font-size: 14px !important;

    }

    .module9_module p {

        display: none;

    }

    .module9_image-links {

        display: block !important;

        margin-bottom: 0px !important;

    }

    .module9_image-link {

        margin-bottom: 15px !important;

    }

    .module9_container {

        padding: 20px 10px !important;

    }

    .module2_container .idx_center .idx_title {

        display: contents !important;

    }

    .module2_container .idx_center .idx_title .title {

        margin: 10px 0px

    }

    .module2_container .idx_center .idx_title p {

        font-size: 23px !important;

        font-weight: bold;

    }

    .module2_container .idx_center .idx_title .details {

        max-width: 100% !important;

        font-size: 14px !important;
      
        line-height: 40px !important;
    }

    .idx_center {
        margin: 10px;
    }
    .yt_article_content .plyr{
            margin: 0 !important;
    }
    .yt_pingpai_banner_content{
        padding: 0 20px;
    }
    .yt_fnnr_banner p,.yt_cp_item1_banner p{
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .lxwm-map-section{
        display: none;
    }
    .module4_header{
        margin-bottom: 10px !important;
    }

    .module3_container .module_desp {

        margin-bottom: 0px !important;

    }

    .module4_container {

        margin-top:0px !important;

    }

    .module4_more {

        font-size: 12px;

    }
    .module_ad{
        display: none !important;
    }

    .module4_title_link {
        margin-bottom: 10px !important;
    }

    
    .yt_pingpai_title {
        text-align: center;
    }
    .yt_cp_product-container{
            padding: 0 !important;
    }
    .yt_cp_thumbnail-gallery{
        padding: 10px 0 30px !important;
    }
    .yt_cp_tabs{
        margin-top: 0px !important;
    }
    .m_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .rd3 .rd3_box .item h4{
        text-align: center;
        margin: 20px;
    }
    .rd3 .rd3_box .item .p1{
        display: none;
    }
    .breadcrumb_box{
    padding: 20px 20px;
    }

    .module_bg_container::before {

    display:none;

    }
    .menu-box{
        display: none;
    }
    .module6_navigation {

        font-size: 12px;

    }

    .module6_news_grid {

        gap: 0px !important;

    }

    .idx_nav .menu .item:hover .title {

        margin-left: 0 !important;

    }
    .pro-tip-ul li{
        margin: 20px 0;
    }
    .yls-switcher{
        display: none !important;
    }
    .yt_cp_product-specs{
        margin: 0;
    }
    .yt_cp_model-number{
        margin-bottom: 0 !important;
    }
    .idx_nav {

        padding-top: 10px !important;

        padding-bottom: 10px !important;

    }

    .mail_ding, .yt_contact2 {

        display: none;

    }
    .module6_headline{
        font-size: 16px !important;
    }
    .yt_contact1 {

        margin: 0 auto;

    }
    .fu-title p{
      display: none;
    }
    .module_com_desc{
        display: none;
    }
    .yt_article_primary_header_text{
        padding: 10px;
    }
    .yt_article_sidebar{
        margin-bottom: 20px;
    }
}

/* 超小屏幕 */

@media (max-width: 320px) {

    .module1_nav-item {

        font-size: 11px;

    }

    .module1_product-image {

        height: 140px;

    }

}

.module2_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 20px;

}

.module2_title {

    text-align: center;

    font-size: 24px;

    margin-bottom: 40px;

}

.module2_carousel {

    display: flex;

    gap: 20px;

    overflow-x: auto;

    padding: 20px 0;

    scroll-behavior: smooth;

    -ms-overflow-style: none;

    /* IE and Edge */

    scrollbar-width: none;

    /* Firefox */

}

/* Hide scrollbar for Chrome, Safari and Opera */

.module2_carousel::-webkit-scrollbar {

    display: none;

}

.module2_product {

    flex: 0 0 300px;

    background-color: #f5f7fa;

    padding: 20px;

    border-radius: 8px;

    display: flex;

    flex-direction: column;

}

.module2_product-title {

    font-size: 18px;

    margin-bottom: 10px;

    font-weight: bold;

}

.module2_product-desc {

    font-size: 14px;

    color: #666;

    margin-bottom: 20px;

}

.module2_product-image {

    width: 100%;

    height: 200px;

    object-fit: contain;

}

.module2_nav-button {

    width: 40px;

    height: 40px;

    border: 1px solid #ddd;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    background: white;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: opacity 0.3s;

}

.module2_nav-button:disabled {

    opacity: 0.5;

    cursor: not-allowed;

}

.module2_nav-prev {

    left: 0;

}

.module2_nav-next {

    right: 0;

}

.module2_carousel-wrapper {

    position: relative;

    padding: 0 50px;

}

@media (max-width: 768px) {

    .module2_product {

        flex: 0 0 250px;

    }

    .module2_product-title {

        font-size: 16px;

    }

}

@media (max-width: 480px) {

    .module2_product {

        flex: 0 0 200px;

    }

    .module2_nav-button {

        display: none;

    }

    .module2_carousel-wrapper {

        padding: 0;

    }

}

.module3_container {

    max-width: 100%;

    margin: 0 auto;

    padding: 20px 0;

}

.module3_title {

    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    
}

.module3_grid {

    display: flex;

    height: 600px;

    gap: 4px;

}

.module3_item {

    position: relative;

    flex: 1;

    transition: flex 0.3s ease;

    cursor: pointer;

    overflow: hidden;

}

.module3_item::before{
    width: 100%;
    height: 20%;
    content: " ";
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
    display: block;
}

.module3_item.active {

    flex: 1.2;

}

.module3_content {

    position: absolute;

    bottom: 20px;

    left: 20px;

    right: 20px;

    color: white;

    text-align: center;

}

.module3_number {

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 10px;

}

.module3_number i{
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    margin-left: 3px;
}

.module3_text {

    font-size: 14px;

    opacity: 0.9;

}

/* 响应式布局 */

@media (max-width: 768px) {

    .module3_grid {

        flex-direction: column;

        height: auto;

    }

    .module3_item {

        height: 200px;

    }

    .module3_item.active {

        flex: 1;

        height: 250px;

    }

}

.module_cta {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 40px 20px;

    position: relative;

    margin: 30px 0;

}

/* 可选：添加暗色遮罩 */

.module_cta::before {

    content:'';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.637);

}

.cta_container {

    max-width: 1200px;

    margin: 0 auto;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

}

.cta_title {

    font-size: 36px;

    margin-bottom: 20px;

}

.cta_desc {

    font-size: 13px;

    margin-bottom: 30px;

    line-height: 1.6;

}

.cta_buttons {

    display: flex;

    gap: 20px;

    justify-content: center;

}

.cta_btn {

    display: inline-flex;

    align-items: center;

    padding: 10px 30px;

    border-radius: 5px;

    text-decoration: none;

    font-weight: bold;

    transition: all 0.3s ease;

}

.cta_btn i {

    margin-right: 10px;

}

.phone_btn {

    background-color: #007bff;

    color: #fff;

}

.phone_btn:hover {

    background-color: #0056b3;

}

.contact_btn {

    background-color: #28a745;

    color: #fff;

}

.contact_btn:hover {

    background-color: #218838;

}

/* 响应式设计 */

@media (max-width: 768px) {

    .cta_buttons {

        flex-direction: column;

        align-items: center;

    }

    .cta_title {

        font-size: 28px;

    }

    .cta_desc {

        font-size: 16px;

    }

}

.module_desp {

    font-size: 15px;

    color: #8f8e8e;

    text-align: center;

    margin-bottom: 40px;

}

.module4_container {

    max-width: 1400px;

    margin: 60px auto;

    padding: 20px;

}

.module4_header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;

}

.module4_title {

    font-size: 20px;

    font-weight: bold;

}

.module4_more {

    color: #f39800;

    text-decoration: none;

    font-size: 13px;

}

.module4_grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}

.module4_card {

    display: flex;

    flex-direction: column;

    overflow: hidden;

    border-radius: 5px;

    border: 1px solid #eceff3;

    position: relative;

}

.module4_card_box {

    padding: 0 20px;

    padding-top: 5px;

    padding-bottom: 10px;

}

.module4_image {

    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;

    background-color: #e0e0e0;

    margin-bottom: 10px;

}

.cpmo_card{
    position: relative;
    z-index: 0;
}

.cpmo_card .icon_hot,.module4_card .icon_hot {

    width: 125px;

    height: 125px;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: -99;

    opacity: .4;

}


.module4_card .icon_hot i {

    background: #e8ebf0;

}

@media (max-width:1560px) {

    .cpmo_card .icon_hot,.module4_card .icon_hot {

        width: 105px;

        height: 105px;

    }

}

@media (max-width:1366px) {

    .cpmo_card .icon_hot,.module4_card .icon_hot {

        width: 90px;

        height: 90px;

    }

}

@media (max-width:1024px) {

    .cpmo_card .icon_hot,.module4_card .icon_hot {

        width: 75px;

        height: 75px;

    }

}

@media (max-width:768px) {

    .cpmo_card .icon_hot,.module4_card .icon_hot {

        width: 50px;

        height: 50px;

    }

}
.faq-ul{
    margin-left: 20px;
    padding: 0 20px;
}
.faq-ul .right-tit{
font-size: 16px;
font-weight: 600;
line-height: 22px;
padding-bottom: 8px;
}
.faq-ul .public-txt{
background: #fff;
color: #707070;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 22px;
margin: 0px;
}
.faq-answer .answer p{
    color: #707070;
    font-size: 14px;
    line-height: 30px;
    margin: 0px;
}
.module4_card_box a:hover{
        color: #f39800;
        transition: all .3s ease;
    }
.module4_title_link {

    color: #333;

    text-decoration: none;

    font-size: 17px;

    line-height: 1.5;

    margin-bottom: 10px;

    display: block;

}

.module4_date {

    color: #999;

    font-size: 14px;

    margin-bottom: 10px;

}

.module4_description {

    color: #888585;

    font-size: 12px;

    line-height: 1.5;

    margin-bottom: 10px;

}

.module4_link a {

    text-decoration: underline;

    font-size: 13px;

    display: block;

    color: #333;

    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

}

@media (max-width: 1024px) {

    .module4_grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width: 640px) {

    .module4_grid {

        grid-template-columns: 1fr;

    }

    .module4_image {

        aspect-ratio: 2/1;

    }

}

.module5_container {

    max-width: 1500px;

    margin: 0 auto;

    padding: 20px;

}

.module5_title {

    font-size: 24px;

    margin-bottom: 20px;

    font-weight: bold;

}

.module5_grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    margin-bottom: 20px;

}

.module5_bottom_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}

.module5_card {

    position: relative;

    overflow: hidden;

    border-radius: 4px;

    aspect-ratio: 16/9;

}

.module5_card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.module5_card_content {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 15px;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);

    color: white;

}

.module5_tag {

    display: inline-block;

    padding: 2px 8px;

    background-color: rgba(255, 255, 255, 0.2);

    border-radius: 4px;

    margin-bottom: 8px;

    font-size: 12px;

}

.module5_card_title {

    font-size: 16px;

    line-height: 1.4;

}

@media (max-width: 768px) {

    .module5_grid {

        grid-template-columns: 1fr;

    }

    .module5_bottom_grid {

        grid-template-columns: 1fr;

    }

}

.module6_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 20px;

}

.module_bg_container {

    position: relative;

    padding-bottom: 30px;

}

.module_bg_container::before {

    position: absolute;

    bottom: 0;

    left: 50%;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: url(https://www.hans-pv.com/pc/images/in-bgm1.png) no-repeat center bottom;

    background-size: cover;

    content:"";

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    transform: translateX(-50%);

    -ms-transition: .5s;

}

.module6_header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}

.module6_title {

    font-size: 20px;

    font-weight: bold;

}

.module6_navigation {

    display: flex;

    gap: 10px;

}

.module6_nav_link {

    color: #333;

    text-decoration: none;

    display: flex;

    align-items: center;

}

.module6_nav_link::after {

    content:'>';

    margin-left: 5px;

    color: #f00;

}

.module6_news_grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 0px;

}

.module6_news_item {

    display: flex;

    align-items: flex-start;

    padding: 15px 0;

    border-bottom: 1px solid #eee;

}

.module6_date {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 15px;

    min-width: 60px;

}

.module6_day {

    color: #f39800;

    font-size: 24px;

    font-weight: bold;

}

.module6_month_year {

    color: #666;

    font-size: 12px;

}

.module6_content {

    flex: 1;

}

.module6_category {

    color: #666;

    font-size: 14px;

    margin-bottom: 8px;

}

.module6_headline {

    color: #333;

    text-decoration: none;

    font-size: 14px;

    line-height: 1.4;

}

@media (max-width: 768px) {

    .module6_news_grid {

        grid-template-columns: 1fr;

    }

}

.module7_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 20px;

}

.module7_title {

    text-align: center;

    font-size: 24px;

}

.module7_news_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: 280px;

    gap: 20px;

}

.module7_news_main {

    grid-column: span 2;

    grid-row: span 2;

    position: relative;

}

.module7_news_secondary {

    grid-column: 3;

    grid-row: span 2;

    position: relative;

}

.module7_news_item {

    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.module7_news_tag {

    position: absolute;

    top: 10px;

    left: 10px;

    background: rgba(0, 0, 0, 0.6);

    color: white;

    padding: 5px 10px;

    border-radius: 4px;

    font-size: 12px;

    z-index: 1;

}

.module7_news_title {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 15px;

    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));

    color: white;

    margin: 0;

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.module7_news_main .module7_news_title {

    font-size: 20px;

    padding: 20px;

}

.module7_news_grid img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.3s ease;

}

/* 响应式设计 */

@media screen and (max-width: 768px) {

    .module7_news_grid {

        grid-template-columns: 1fr;

        grid-auto-rows: 200px;

    }

    .module7_news_main, .module7_news_secondary {

        grid-column: 1;

        grid-row: span 1;

    }

    .module7_news_main {

        height: 300px;

    }

    .module7_news_main .module7_news_title {

        font-size: 16px;

        padding: 15px;

    }

}

/* 鼠标悬停效果 */

.module7_news_main:hover img, .module7_news_secondary:hover img, .module7_news_item:hover img {

    transform: scale(1.05);

}

.module7_news_main, .module7_news_secondary, .module7_news_item {

    overflow: hidden;

}

.module9_container {

    display: flex;

    flex-direction: column;

    /* 垂直排列容器内的元素 */

    align-items: center;

    /* 居中对齐 */

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 20px 20px;

    box-sizing: border-box;

}

.module9_image-links {

    display: flex;

    /* 使两个图片横向排列 */

    justify-content: space-between;

    /* 在两者之间留出空间 */

    width: 100%;

    /* 使其占满容器宽度 */

    margin-bottom: 20px;

    /* 添加底部间距 */

}

.module9_image-link {

    flex: 1;

    /* 使每个链接占据相同的空间 */

    margin: 0 10px;

    /* 左右间距 */

    text-align: center;

}

.module9_image-link img {

    max-width: 100%;

    height: auto;

}

.module9_modules {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

    /* 使其占满容器宽度 */

}

.module9_module {

    flex: 1 1 calc(25% - 20px);
    margin: 10px;
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #f1efef;
    position: relative;

}

.module9_module p {
    color: #888585;
    font-size: 13px;
    margin-bottom: 5px;
}

.module9_module h3 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 5px;

}

.module-tag{
    display: flex;
    right: 12px;
    position: absolute;
    bottom: 12px;
    z-index: 1;
}
.module-tag-tui{
    align-items: center;
    border-radius: 4px;
    background-color: #f39800;
    color: #fff !important;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    margin-right: 8px;
    text-align: center;
    width: 48px;
}

.module9_module img {

    max-width: 100%;

    height: auto;

}

@media (max-width: 768px) {

    .module9_module {

        flex: 1 1 calc(50% - 20px);

    }

}

@media (max-width: 480px) {

    .module9_module {

        /**flex: 1 1 100%;**/

    }

}

/**HTML**/

a {

    color: #333;

}

.gsol2-box4 a {

    color: #333;

}

.hadbox:hover .yls-button{
    color: #007aff;
}


.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .item {

    margin-right: 0;

    padding-right: 0.6rem;

    width: 22%;

    flex: 1 1 auto;

}

.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .item:last-child {

    margin-right: 0;

    width: 67%;

    padding-right: 1.2rem;

}

.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .fz_item {

    width: 40%;

}

.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .fz_item .f_list {

    flex-wrap: nowrap;

}

.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt {

    width: 66%;

}

/*.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .item .f_list .nei {*/

/*    margin-right: 0;*/

/*    width: 100%;*/

/*}*/

/*.hadbox-sec3 .hadbot_cont .cont .f_zhong .lt .item {*/

/*    flex: 1 1 auto;*/

/*}*/

.hadbox-sec3 .hadbot_cont .cont .f_zhong .gt .fen .list a img, .hadbox-sec3 .hadbot_cont .cont .f_zhong .gt .fen .list a svg {

    width: 40%;

    height: 40%;

    object-fit: contain;

}

.tits {

    position: relative;

}

.tits::before {

    content:" ";

    background: url(../image/xialaimgfaz2.svg);

    position: absolute;

    right: -15px;

    top: 46%;

    width: 10px;

    height: 6px;

    transform: rotate(0deg);

}
.hadbox:hover .tits::before{
    background: url(../image/xialaimgfaz1.svg);
}
.hadbox2 .tits::before{
    background: url(../image/xialaimgfaz1.svg);
}



.transition {

    -webkit-transition: all 0.25s ease-out;

    transition: all 0.25s ease-out

}

.f_navbox li:hover .tits::before {

    transform: rotate(-180deg);

    /* 仅在当前li:hover时旋转 */

}

.f_navbox li .tits::before {

    transition: all .3s ease-out 0s;

    display: inline-block;

}

.icon_hot2 {

    width: 30px;

    height: 30px;

    position: relative;

    overflow: hidden;

}

.icon_hot2 i {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background: #003281;

}

.icon_hot2 .first {

    -webkit-clip-path: polygon(0 100%, 20% 100%, 100% 20%, 100% 0);

    clip-path: polygon(0 100%, 20% 100%, 100% 20%, 100% 0);

}

.icon_hot2 .middle {

    -webkit-clip-path: polygon(40% 100%, 60% 100%, 100% 60%, 100% 40%);

    clip-path: polygon(40% 100%, 60% 100%, 100% 60%, 100% 40%);

    background: #f39800;

}

.icon_hot2 .last {

    -webkit-clip-path: polygon(80% 100%, 100% 100%, 100% 80%);

    clip-path: polygon(80% 100%, 100% 100%, 100% 80%);

}

.module2_container .idx_center .idx_title {

    width: 100%;

    height: auto;

    margin: 20px 0 0;

    display: flex;

    justify-content: space-between;

}

.module2_container .idx_center .idx_title .title {

    font-size: 32px;
    font-weight: 600;
    color: #003281;
    
}

.module2_container .idx_center .idx_title .title span {

    color: #f39800;

}

.module2_container .idx_center .idx_title .details {

    max-width: 42%;

    margin-top: 0.7em;

    font-size: 18px;

    line-height: 100px;

}

/* 快捷导航 */

.idx_nav {

    width: 100%;

    height: auto;

    padding-top: 35px;

    padding-bottom: 35px;

    background: #004896;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.idx_nav .idx_center {

    position: relative;

    z-index: 2;

}

.idx_nav .menu {

    width: 100%;

    height: auto;

    position: relative;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

}

.idx_nav .menu .item {

    width: 100%;

    height: auto;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.idx_nav .menu .item:first-child {

    border-left: 1px solid rgba(255, 255, 255, 0.1);

}

.idx_nav .menu .item a {

    width: 100%;

    height: auto;

    padding-top: clamp(14.5px, 1.51041667vw, 29px);

    padding-bottom: clamp(14.5px, 1.51041667vw, 29px);

    padding-left: clamp(12.5px, 1.30208333vw, 25px);

    padding-right: clamp(12.5px, 1.30208333vw, 25px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.idx_nav .menu .item .icon img{
    width: 100%;
}

.idx_nav .menu .item .icon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

}

.idx_nav .menu .item .title {

    margin-left: 1em;

    font-size: 20px;

    color: #fff;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.idx_nav .menu .item.active a {

    opacity: .5;

}

.idx_nav .menu .item:hover .title {

    margin-left: 1.5em;

}

@media (max-width:1366px) {

    .idx_nav .menu .item .icon {

        width: 30px;

        height: 30px;

    }

    .idx_nav .menu .item .title {

        font-size: 18px;

    }

}

@media (max-width:1024px) {

    .idx_nav .menu .item .title {

        font-size: 16px;

    }

}

@media (max-width:990px) {

    .idx_nav .menu .item a {

        -webkit-box-orient: vertical;

        -ms-flex-direction: column;

        -webkit-flex-direction: column;

        flex-direction: column;

    }

    .idx_nav .menu .item .title {

        margin: 1em 0 0;

    }

}

@media (max-width:768px) {

    .idx_nav .menu .item {

        border: 0;

    }

    .idx_nav .menu .item:first-child {

        border-left: 0;

    }

    .idx_nav .menu .item .icon {

        width: 24px;

        height: 24px;

    }

    .idx_nav .menu .item .title {

        font-size: 14px;

    }

}

@media (max-width:768px) {

    .idx_nav .menu {

        grid-template-columns: repeat(2, 1fr);

        border: 0;

        grid-gap: 20px;

    }

    .idx_nav .menu::before, .idx_nav .menu::after {

        content:'';

        width: 100%;

        height: 100%;

        position: absolute;

        top: 50%;

        left: 50%;

        z-index: 1;

        transform: translate(-50%, -50%);

        opacity: .1;

    }

    .idx_nav .menu::before {

        width: 1px;

        background: linear-gradient(#ffffff calc(50% - 10px), transparent calc(50% - 10px), transparent calc(50% + 10px), #ffffff calc(50% + 10px));

    }

    .idx_nav .menu::after {

        height: 1px;

        background: linear-gradient(to right, #ffffff calc(50% - 10px), transparent calc(50% - 10px), transparent calc(50% + 10px), #ffffff calc(50% + 10px));

    }

}

.idx_nav .icon_hot {

    width: 125px;

    height: 125px;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 1;

    transform: translateY(10%);

    mix-blend-mode: screen;

    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.8), transparent);

    mask: linear-gradient(rgba(0, 0, 0, 0.8), transparent);

}

@media (max-width:1560px) {

    .idx_nav .icon_hot {

        width: 105px;

        height: 105px;

    }

}

@media (max-width:1366px) {

    .idx_nav .icon_hot {

        width: 90px;

        height: 90px;

    }

}

@media (max-width:1024px) {

    .idx_nav .icon_hot {

        width: 75px;

        height: 75px;

    }

}

@media (max-width:768px) {

    .idx_nav .icon_hot {

        width: 50px;

        height: 50px;

    }

}

/* 客服挂件 */

.kefu_box {

    width: auto;

    height: auto;

    position: fixed;

    bottom: 35%;

    right: 0;

    z-index: 19;

    /*transform: translateY(-25%);*/

    background: #ededed;

}

.kefu_box .item {

    width: 54px;

    height: 54px;

    background: #ededed;

    position: relative;

    z-index: 5;

}

.kefu_box .item .images {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 2;

}

.kefu_box .item .images .img {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.kefu_box .item .images .img img {

    max-width: 40%;

    max-height: 40%;

}

.kefu_box .item .images .icon_hot {

    width: 50%;

    height: 50%;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 1;

    opacity: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.kefu_box .item .images .icon_hot i {

    background: #ffbb48;

}

.kefu_box .item .info {

    width: auto;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    transform: translateX(25%);

    background: #f39800;

    white-space: nowrap;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.kefu_box .item .info .word {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    padding: 10px 54px 10px 15px;

    font-size: 14px;

    color: #fff;

}

.kefu_box .item.last {

    background: #003281;

}

.kefu_box .item:hover .images .img {

    filter: brightness(0) invert(1);

}


.kefu_box .item:hover .images .icon_hot {

    opacity: .6;

}


.kefu_box .item:hover .info {

    transform: translateX(0);

    opacity: 1;

    visibility: visible;

}

.zxkefu .img{
    filter: brightness(0) invert(1)!important;
}
.zxkefu .icon_hot {
    opacity: .6!important;
}
.zxkefu .info {
    transform: translateX(0)!important;
    opacity: 1!important;
    visibility: visible!important;

}


@media (max-width:1024px) {

    .kefu_box .item {

        width: 48px;

        height: 48px;

    }

    .kefu_box .item .info .word {

        padding: 8px 48px 8px 10px;

    }

}

.kefu_box .contrast {

    width: 54px;

    height: auto;

    margin-top: 54px;

}

.kefu_box .contrast .number {

    width: 100%;

    height: auto;

}

@media (max-width:1024px) {

    .kefu_box {

        display: none;

    }

}

.icon_hot {

    width: 60px;

    height: 60px;

    position: relative;

    overflow: hidden;

}

.icon_hot i {

    width: 200%;

    height: 12%;

    background: #003281;

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) rotate(-45deg);

    transform-origin: top;

}

.icon_hot .middle {

    margin: 18% 0 0 18%;

}

.icon_hot .last {

    margin: 36% 0 0 36%;

}

@media (max-width:1366px) {

    .icon_hot {

        width: 50px;

        height: 50px;

    }

}

@media (max-width:1024px) {

    .icon_hot {

        width: 40px;

        height: 40px;

    }

}

.icon_hot2 {

    width: 30px;

    height: 30px;

    position: relative;

    overflow: hidden;

}

.icon_hot2 i {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;
    left: 0;
    background: #003281;

}

.icon_hot2 .first {

    -webkit-clip-path: polygon(0 100%, 20% 100%, 100% 20%, 100% 0);

    clip-path: polygon(0 100%, 20% 100%, 100% 20%, 100% 0);

}

.icon_hot2 .middle {

    -webkit-clip-path: polygon(40% 100%, 60% 100%, 100% 60%, 100% 40%);

    clip-path: polygon(40% 100%, 60% 100%, 100% 60%, 100% 40%);

}

.icon_hot2 .last {

    -webkit-clip-path: polygon(80% 100%, 100% 100%, 100% 80%);

    clip-path: polygon(80% 100%, 100% 100%, 100% 80%);

}

@media (max-width:1024px) {

    .icon_hot2 {

        width: 20px;

        height: 20px;

    }

}

/*article_list 内容*/

/* 面包屑导航 */

.yt_articlelist_crumbs {

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px;

    color: #999;

}

.yt_articlelist_crumbs a {

    color: #999;

    text-decoration: none;

}

/* 头部banner */

.yt_articlelist_banner {

    height: 400px;

    background-size: cover;

    background-position: center;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

.yt_articlelist_banner_title {

    color: #fff;

    font-size: 48px;

    font-weight: bold;

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}

/* 分类标签 */

.yt_articlelist_tabs {

    max-width: 1200px;

    margin: 0 auto 40px;

    border-bottom: 1px solid #eee;

    display: flex;

    gap: 40px;

    padding: 0 20px;

}

.yt_articlelist_tab {

    font-size: 18px;

    padding: 15px 0;

    color: #666;

    text-decoration: none;

    position: relative;

}

.yt_articlelist_tab.active {

    color: #333;

    font-weight: bold;

}

.yt_articlelist_tab.active:after {

    content:'';

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #333;

}

/* 文章列表 */

.yt_articlelist_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}

.yt_articlelist_item:hover .yt_articlelist_title{ color: #f39800;     transition: all .3s ease; }

.yt_articlelist_item {

    display: flex;

    gap: 30px;

    padding: 30px 0;

    border-bottom: 1px solid #eee;

    text-decoration: none;

    color: inherit;

}

.yt_articlelist_image {

    width: 200px;

    height: 130px;

    object-fit: cover;

    border-radius: 4px;

    flex-shrink: 0;

}

.yt_articlelist_content {

    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

}

.tts{
        position: relative;
        transition: padding-left .4s;
        transition: all .3s ease;
}
.yt_articlelist_item:hover .tts:before {
    width: 16px;
    opacity: 1;
}
.yt_articlelist_item:hover .tts {
 
    padding-left: 26px;
}

.tts:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1px;
    background-color: #f39800;
    transition: width .4s;
}

.yt_articlelist_title {

    font-size: 22px;

    margin-bottom: 15px;

    color: #333;
    
    font-weight: 600;

}

.yt_articlelist_desc {

    font-size: 14px;

    color: #9a9a9a;

    margin-bottom: 20px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.yt_articlelist_more {

    color: #f39800;

    font-size: 14px;

    margin-top: auto;

}

.yt_articlelist_date {

    font-size: 36px;

    color: #004896;

    text-align: center;
    
    font-weight: 600;

    margin-left: auto;
    
    border-left: 1px solid #e5e5e5;
    padding-left: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);    

}

.yt_articlelist_date small {

    display: block;

    font-size: 16px;

    margin-top: 5px;

}

/* 分页样式 */

.yt_articlelist_pagination {

    display: flex;

    justify-content: center;

    gap: 8px;

    margin: 40px 0;

}

.yt_articlelist_page {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #ddd;

    color: #666;

    text-decoration: none;

    font-size: 14px;

    transition: all 0.3s;

    border-radius: 5px;

}

.yt_articlelist_page:hover {

    background: #004896;

    color: #fff;

    border-color: #003875;

}

.yt_articlelist_page.active {

    background: #004896;

    color: #fff;

    border-color: #003875;

}

.yt_articlelist_page.disabled {

    color: #ccc;

    cursor: not-allowed;

}

/* 响应式调整 */

@media screen and (max-width: 480px) {

    .yt_articlelist_pagination {

        margin: 30px 0;

    }

    .yt_articlelist_page {

        width: 36px;

        height: 36px;

    }

}

/* 响应式设计 */

@media screen and (max-width: 1024px) {

    .yt_articlelist_banner {

        height: 300px;

    }

    .yt_articlelist_banner_title {

        font-size: 36px;

    }

}


.module_ad{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.module_ad .img{
    display: block;
    max-height: 99px;
    max-width: 100%;
    border-radius: 6px
}
.module_ad .ctn_box{
    position: relative;
}
.module_ad .ctn{
    display: inline-block;
    padding-left: 5%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 100%;
}
.module_ad .link{
    color: #eee;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
    -webkit-text-decoration: none;
    text-decoration: none;
}
.module_ad .text{
    color: #c4bebe;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}

/* 修改列表项响应式样式 */

@media screen and (max-width: 768px) {

    .yt_articlelist_item {

        position: relative;

        /* 将相对定位移到item上 */

        flex-direction: column;

        gap: 15px;

        padding: 20px 0;

    }

    .yt_articlelist_image {

        width: 100%;

        height: 200px;

    }

    .yt_articlelist_content {

        padding-right: 0;

        /* 移除之前的padding */

    }

    .yt_articlelist_title {

        font-size: 18px;

        margin-bottom: 10px;

        padding-right: 80px;

        /* 为日期腾出空间 */

    }

    .yt_articlelist_desc {

        font-size: 14px;

        -webkit-line-clamp: 2;

        margin-bottom: 10px;

    }

    .yt_articlelist_date {

        position: absolute;

        right: 15px;

        top: 30px;

        font-size: 24px;

        margin: 0;

        background: rgb(0 0 0 / 60%);

        width: 60px;

        text-align: center;

        color: #FFF;

        border-radius: 5px;

    }

    .yt_articlelist_date small {

        font-size: 12px;

        margin-top: 2px;

    }

}

@media screen and (max-width: 480px) {

    .yt_articlelist_title {

        font-size: 20px;

        padding-right: 65px;
        
        font-weight: 600;
    }

    .yt_articlelist_date {

        font-size: 20px;

    }

    .yt_articlelist_date small {

        font-size: 11px;

    }

}

/*article_list 内容*/

/*article内容*/

.yt_article_container {

    max-width: 1250px;

    margin: 0 auto;

    box-sizing: border-box;

}

.yt_article_header {

    width: 100%;

    height: 400px;

    background-size: cover;

    background-position: center;

    position: relative;

}

.yt_article_header_content {

    max-width: 1200px;

    margin: 0 auto;

    height: 100%;

    position: relative;

    padding: 0 20px;

    box-sizing: border-box;

}

.yt_article_header_text {

    position: absolute;

    bottom: 30px;

    color: white;

}

.yt_article_primary_header_text {

    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;

}

.yt_article_title {

    font-size: 28px;

    margin: 0;

    font-weight: 600;

}

.yt_article_date {

    margin-top: 10px;
    opacity: 0.8;
    max-width: 800px;
    line-height: 1.6;
    word-wrap: break-word;
    font-size: 18px;

}

.yt_article_content {

    font-size: 16px;

    line-height: 1.8;
    
    padding-top: 20px;

}

.yt_article_content .plyr{
    margin: 0 100px;
}

.yt_article_content p, .yt_article_content {

    line-height: 2.5;
    margin-bottom: 20px;
    color: #333;
    font-size: 15px;

}

.yt_article_content table{width:100%;border-collapse:collapse;margin:30px 0}
.yt_article_content td{color:#19191a;font-size:15px;width:25%;}
.yt_article_content td,.yt_cp_tab-content th{border:1px solid #ffffff26!important;padding:15px;text-align:left}
.yt_article_content th{background:rgba(64,128,255,.06)}
.yt_article_content tr:nth-child(odd){background: rgb(64 128 255 / 10%);}

.yt_article_content img {

    margin: 20px auto;

    border-radius: 6px;

    display: block;

    max-width: 90%;

}

.yt_article_paragraph {

    margin: 20px 0;

}

.yt_article_image_wrapper {

    width: 100%;

    margin: 30px 0;

}

.yt_article_image {

    width: 100%;

    height: auto;

    display: block;

}

.yt_article_subtitle {

    font-size: 24px;

    margin: 40px 0 20px;

    font-weight: normal;

}

.yt_article_navigation {

    display: flex;

    justify-content: space-between;

    margin: 50px 0;

    padding: 20px 0;

    border-top: 1px solid #eee;

    font-size: 14px;

}

.yt_article_nav_item {

    color: #666;

    text-decoration: none;

}

.yt_article_crumbs, .yt_article_crumbs a {

    text-decoration: none;

    color: #9d9d9d;

}

/* 左右布局相关样式 */

.yt_article_main {

    display: flex;

    gap: 40px;

    margin-top: 20px;

}

.yt_article_main .yt_article_date{
    font-size: 14px;
}

.yt_article_primary {

    flex: 1;

    min-width: 0;

}

.yt_article_sidebar {

    width: 300px;

    flex-shrink: 0;

}

.yt_article_recommend {

    background: #f1f7ff;

    padding: 20px;

    border-radius: 4px;

}

.yt_article_recommend_title {

    font-size: 18px;

    margin: 0 0 15px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee;

}

.yt_article_recommend_list {

    list-style: none;

    padding: 0;

    margin: 0;

}

.yt_article_recommend_item {

    margin-bottom: 15px;

}

.yt_article_recommend_item:last-child {

    margin-bottom: 0;

}

.yt_article_recommend_link {

    display: flex;

    gap: 12px;

    text-decoration: none;

    color: #333;

}

.yt_article_recommend_image {

    width: 120px;

    height: 80px;

    object-fit: cover;

    border-radius: 4px;

}

.yt_article_recommend_info {

    flex: 1;

    min-width: 0;

}

.yt_article_recommend_name {

    font-size: 14px;

    line-height: 1.4;

    margin: 0 0 8px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.yt_article_recommend_date {

    font-size: 12px;

    color: #999;

}

.yt_article_noe {

    bottom: 40%;

}

.yt_article_noe .yt_article_title {

    font-size: 48px;

}



/* 响应式设计 */

@media screen and (max-width: 1024px) {

    .yt_article_main {

        flex-direction: column;

    }

    .yt_article_sidebar {

        width: 100%;

    }

}

@media screen and (max-width: 768px) {

    .yt_article_header {

        height: 300px;

    }

    .yt_article_header_text {

        bottom: 20px;
        padding: 5%;

    }

    .yt_article_title {

        font-size: 24px;

    }

    .yt_article_content {

        font-size: 15px;
        padding: 0 10px;
    }

    .yt_article_subtitle {

        font-size: 20px;

    }

    .yt_article_navigation {

        flex-direction: column;

        gap: 10px;
        
        margin: 0;

    }
    .yt_article_content img{
        height: 100%;
    }

}

@media screen and (max-width: 480px) {

    .yt_article_container {

        padding: 0 15px;

    }

    .yt_article_header {

        height: 200px;

    }

    .yt_article_header_content {

        padding: 0 15px;

    }

    .yt_article_title {

        font-size: 20px;

    }

    .yt_article_content {

        font-size: 14px;
        margin-bottom: 0;

    }

    .yt_article_subtitle {

        font-size: 18px;

    }

}

/*article内容*/

/*公司介绍*/

.yt_cp_item1_banner_wrapper {

    width: 100%;

    background: url('https://dummyimage.com/1920x1080/000/fff') no-repeat center;

    background-size: cover;

    height: 400px;

    display: flex;

    align-items: center;

    position: relative;

}

.yt_cp_item1_banner {

    width: 100%;

    max-width: 1200px;

    padding: 0 20px;

    margin: 0 auto;

    color: #fff;

}

.yt_cp_item1_banner h1 {

    font-size: 36px;

    margin-bottom: 10px;

}
.yt_cp_item1_banner p{
    max-width: 800px;
    line-height: 1.6;
    word-wrap: break-word;
    font-size: 18px;
    margin-bottom: 20px;
}
.yt_cp_item1_banner h2 {

    font-size: 24px;

    font-weight: normal;

    margin-bottom: 20px;

}

.yt_cp_item1_btn {

    display: inline-block;

    padding: 8px 20px;

    background: #003281;

    color: #fff;

    text-decoration: none;

    border-radius: 3px;

    transition: background 0.3s;

}

.xm_item_btn:hover {
        background-color: #f39800;
        
    }

.xm_item_btn {
    display: inline-block;
    padding: 8px 20px;
    background: hsl(0deg 0% 100% / 43%);
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    transition: background 0.3s;
    position: absolute;
    left: 47%;
    top: 55%;
    margin: -40px 0 0 -40px;

}


.yt_cp_item1_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}

.yt_cp_item1_nav {

    display: flex;

    justify-content: center;

    margin: 0 auto;

    border-bottom: 1px solid #eee;

}

.yt_cp_item1_nav a {

    padding: 14px 40px;

    text-decoration: none;

    color: #333;

    position: relative;

    font-size: 14px;

}

.yt_cp_item1_nav a.active {

    color: #0066cc;

}

.yt_cp_item1_nav a.active::after {

    content:'';

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #0066cc;

}

.yt_cp_item1_nav.fixed {

    position: fixed;

    top: 70px;

    background: #fff;

    left: 0;

    width: 100%;

    z-index: 100;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}

.yt_cp_item1_intro {

    text-align: center;

    padding: 40px 0;

    max-width: 800px;

    margin: 0 auto;

}

.yt_cp_item1_intro h3 {

    position: relative;

    display: inline-block;

}

.yt_cp_item1_intro h3::after {

    content:'';

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    width: 40px;

    height: 2px;

    background: #0066cc;

}

.yt_cp_item1_intro p {

    margin-bottom: 20px;

    line-height: 220%;

    text-indent: 2em;

    color: #7D7D7D;

    font-size: 16px;

}

.yt_cp_item1_more {

    color: #0066cc;

    text-decoration: none;

    font-size: 14px;

}

.yt_cp_item1_stats_wrapper {

    width: 100%;

    background: #f8f8f8;

    padding: 60px 0;

}

.yt_cp_item1_stats {

    display: flex;

    justify-content: space-between;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}

.yt_cp_item1_stat_item {

    flex: 1;

    text-align: center;

    padding: 20px;

    opacity: 0;

    transform: translateY(20px);

    transition: all 0.8s ease;

}

.yt_cp_item1_stat_item.animate {

    opacity: 1;

    transform: translateY(0);

}

.yt_cp_item1_icon {

    width: 60px;

    height: 60px;

    margin-bottom: 20px;

}

.yt_cp_item1_stat_item h4 {

    font-size: 48px;

    color: #333;

    margin-bottom: 10px;

    font-weight: bold;

}

.yt_cp_item1_stat_item .unit {

    font-size: 16px;

    margin-left: 2px;

}

.yt_cp_item1_stat_item p {

    color: #666;

    font-size: 14px;

}

@media screen and (max-width: 768px) {

    .yt_cp_item1_banner_wrapper {

        height: 300px;

    }

    .yt_cp_item1_banner h1 {

        font-size: 28px;

    }

    .yt_cp_item1_banner h2 {

        font-size: 18px;

    }

    .yt_cp_item1_nav {

        flex-wrap: wrap;

    }

    .yt_cp_item1_nav a {

        padding: 10px;

    }

    .yt_cp_item1_stats {

        flex-direction: column;

    }

    .yt_cp_item1_stat_item {

        margin: 20px 0;

    }

}

.yt_cp_item2_wrapper {

    padding: 60px 0;

    background: #fff;

}

.yt_cp_item2_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}

.yt_cp_item2_title {

    text-align: center;

    font-size: 32px;

    color: #0066cc;

    margin-bottom: 40px;

}

.yt_cp_item2_content {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 60px;

}

.yt_cp_item2_text {

    flex: 1;

}

.yt_cp_item2_text p {

    margin-bottom: 20px;

    line-height: 220%;

    text-indent: 2em;

    color: #7D7D7D;

    font-size: 16px;

}

.yt_cp_item2_sign {

    margin-top: 30px;

    text-align: right;

}

.yt_cp_item2_sign span {

    font-size: 16px;

    color: #333;

    margin-right: 10px;

}

.yt_cp_item2_sign img {

    height: 40px;

    vertical-align: middle;

}

.yt_cp_item2_image {

    flex: 0 0 45%;

}

.yt_cp_item2_image img {

    width: 100%;

    height: auto;

    border-radius: 4px;

}

@media screen and (max-width: 768px) {

    .yt_cp_item2_content {

        flex-direction: column-reverse;

        gap: 30px;

    }

    .yt_cp_item2_image {

        flex: 0 0 auto;

        width: 100%;

    }

    .yt_cp_item2_title {

        font-size: 24px;

        margin-bottom: 30px;

    }

}

/*模块3*/

.yt_cp_item3_timeline {

    max-width: 1300px;

    margin: 60px auto;

    padding: 0px;

}

.yt_cp_itme3_main {

    position: relative;

    padding: 0 50px;

}

.yt_cp_item3_title {

    text-align: center;

    font-size: 28px;

    color: #0066cc;

    margin-bottom: 40px;

}

.yt_cp_item3_container {

    overflow: hidden;

    position: relative;

}

.yt_cp_item3_track {

    display: flex;

    transition: transform 0.5s ease;

    position: relative;


}

.yt_cp_item3_track::before {

    content:'';

    position: absolute;

    background: #eee;

    z-index: -1;

    /* PC版本默认水平线条 */

    left: 0;

    top: 50px;

    /* 根据年份位置调整 */

    width: 300%;

    height: 1px;

}

.yt_cp_item3_item {

    flex: 0 0 25%;

    padding: 0 20px;

    position: relative;

}

.yt_cp_item3_year {

    font-size: 22px;

    font-weight: bold;

    color: #333;

    margin-bottom: 30px;

    position: relative;

}



.yt_cp_item3_content {

    padding: 20px 0;

}

.yt_cp_item3_content p {

    margin-bottom: 15px;

    line-height: 1.6;

    color: #666;
    
    font-size: 16px;

}

.yt_cp_item3_content img {

    width: 100%;

    border-radius: 4px;

}

.yt_cp_item3_prev, .yt_cp_item3_next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    border: none;

    background: #0066cc;

    color: #fff;

    border-radius: 50%;

    cursor: pointer;

    border: 1px solid #ebebeb;

    z-index: 10;

    transition: opacity 0.3s ease;

}

.yt_cp_item3_prev {

    left: 0px;

}

.yt_cp_item3_next {

    right: 0px;

}

/* 移动端样式 */

@media screen and (max-width: 768px) {

    .yt_cp_itme3_main {

        padding: 0 30px;

    }

    .yt_cp_item3_track {

        flex-direction: column;

        min-height: auto;

    }

    .yt_cp_item3_container {

        height: 500px;

        overflow: hidden;

    }

    .yt_cp_item3_item {

        flex: 0 0 100%;

        height: 500px;

        padding: 0 0 20px 40px;

        box-sizing: border-box;

    }

    .yt_cp_item3_year::after {

        left: -34px;

    }

    .yt_cp_item3_track::before {

        left: 6px;

        top: 0;

        width: 2px;

        height: 100%;

    }

    .yt_cp_item3_content {

        padding: 15px 0;

    }

    .yt_cp_item3_content img {

        max-width: 100%;

        height: auto;

    }

    .yt_cp_item3_prev, .yt_cp_item3_next {

        top: auto;

        bottom: 20px;

        transform: none;

    }

    .yt_cp_item3_prev {

        left: 35%;

    }

    .yt_cp_item3_next {

        right: 35%;

    }

    .yt_cp_item3_prev:disabled, .yt_cp_item3_next:disabled {

        cursor: not-allowed;

        background: #cccccc;

        opacity: 0.5;

    }

}

/*第四部分*/

.yt_cp_item4_honors {

    max-width: 1200px;

    margin: 60px auto;

    padding: 0 20px;

}

.yt_cp_item4_content {

    display: flex;

    gap: 40px;

}

.yt_cp_item4_slider {

    width: 30%;

    position: relative;

}

.yt_cp_item4_slider_container {

    overflow: hidden;

    border: 1px solid #eee;

    border-radius: 4px;

}

.yt_cp_item4_slide {

    display: none;

    text-align: center;

}

.yt_cp_item4_slide.active {

    display: block;

}

.yt_cp_item4_slide_img {

    padding: 20px;

}

.yt_cp_item4_slide_img img {

    max-width: 100%;

    height: auto;

}

.yt_cp_item4_slide_title {

    padding: 15px;

    background: #f8f8f8;

    font-size: 14px;

    color: #666;

}

.yt_cp_item4_dots {

    display: flex;

    justify-content: center;

    gap: 8px;

    margin-top: 20px;

}

.yt_cp_item4_dots span {

    width: 24px;

    height: 3px;

    background: #ddd;

    cursor: pointer;

    transition: all 0.3s;

}

.yt_cp_item4_dots span.active {

    background: #0066cc;

}

.yt_cp_item4_honor_list {

    width: 70%;

    display: flex;

    gap: 30px;

}

.yt_cp_item4_honor_column {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 15px;

}

.yt_cp_item4_honor_column a {

    color: #666;

    text-decoration: none;

    transition: all 0.3s;

    font-size: 14px;

    line-height: 1.5;

    position: relative;

    padding-left: 15px;

}

.yt_cp_item4_honor_column a::before {

    content:'';

    position: absolute;

    left: 0;

    top: 8px;

    width: 4px;

    height: 4px;

    background: #0066cc;

    border-radius: 50%;

}

.yt_cp_item4_honor_column a:hover {

    color: #0066cc;

}

@media screen and (max-width: 992px) {

    .yt_cp_item4_content {

        flex-direction: column;

    }

    .yt_cp_item4_slider, .yt_cp_item4_honor_list {

        width: 100%;

    }

}

@media screen and (max-width: 768px) {

    .yt_cp_item4_honor_list {

        flex-direction: column;

    }

    .yt_cp_item4_honor_column {

        margin-bottom: 20px;

    }

}

/*解决方案CSS*/

.yt_nrlb_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 5%;

}

.yt_nrlb_section-title {

    text-align: center;

    margin: 40px 0 10px;

}

.yt_nrlb_section-subtitle {

    text-align: center;

    color: #666;

    margin-bottom: 40px;

}

/* 产品列表 */

.yt_nrlb_product-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 60px;

}

.yt_nrlb_product-item {

    background: #f8f8f8;

    border-radius: 5px;

    overflow: hidden;

}

.yt_nrlb_product-item_content {

    padding: 10px;

}

.yt_nrlb_product-item img {

    width: 100%;

    height: auto;

}

.yt_nrlb_product-item h3 {

    margin: 15px 0 10px;

    font-size: 18px;

}

.yt_nrlb_product-item p {

    font-size: 14px;

    color: #666;

}

/* 案例展示 */

.yt_nrlb_case-tabs {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-bottom: 30px;

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 10px;

}

.yt_nrlb_case-tab {

    padding: 10px 15px;

    cursor: pointer;

    color: #666;

}

.yt_nrlb_case-tab.active {

    color: #0066cc;

    border-bottom: 2px solid #0066cc;

}

.yt_nrlb_case-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 60px;

}

.yt_nrlb_case-item {

    position: relative;

}

.yt_nrlb_case-item img {

    width: 100%;

    height: auto;

}

.yt_nrlb_case-item h3 {

    margin: 15px 0 10px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

}

.yt_nrlb_case-item p {

    background: #f39800;

    color: white;

    border-radius: 4px;

    cursor: pointer;

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    padding: 0 8px;

    margin-right: 4px;

    display: inline-block;

}

.yt_nrlb_case-item a:hover {

    color: #f39800;

}

.yt_nrlb_case-item .yt_nrlb_more {

    color: #de456a;

    text-decoration: none;

    font-size: 14px;

}

/* 视频列表 */

.yt_nrlb_video-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}

.yt_nrlb_video-item {

    position: relative;

}

.yt_nrlb_video-item img {

    width: 100%;

    height: auto;

}

.yt_nrlb_video-item h3 {

    margin: 15px 0 10px;

    font-size: 16px;

}

.yt_nrlb_video-item p {

    font-size: 14px;

    color: #666;

}

/* 响应式布局 */

@media (max-width: 1200px) {

    .yt_nrlb_product-list {

        grid-template-columns: repeat(3, 1fr);

    }

}

@media (max-width: 900px) {

    .yt_nrlb_product-list {

        grid-template-columns: repeat(2, 1fr);

    }

    .yt_nrlb_case-list, .yt_nrlb_video-list {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width: 600px) {

    .yt_nrlb_product-list, .yt_nrlb_case-list, .yt_nrlb_video-list {

        grid-template-columns: 1fr;

    }

}

body {

    margin: 0;

    padding: 0;

}

.yt_fnnr_container {


    margin: 0 auto;

    max-width: 1350px;

}
.bg_hui{
    background: #f1f1f1;
    padding: 20px;
}

/* 面包屑导航 */

.yt_fnnr_breadcrumb {

    padding: 10px 5%;

    color: #666;

    font-size: 14px;

}

.yt_fnnr_breadcrumb a {

    color: #666;

    text-decoration: none;

}

/* 头部banner */

.yt_fnnr_banner {

    height: 400px;

    background: url('https://dummyimage.com/1920x400/0066cc/fff') center center no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

    color: #fff;

    position: relative;

}

.yt_fnnr_banner_content {

    padding-left: 8.5%;

    max-width: 1000px;

}

.yt_fnnr_banner_content .b_tits{
    font-size: 18px;
}

.yt_fnnr_banner h1 {

    font-size: 53px;

    word-wrap: break-word;

    hyphens: auto;

}

.yt_fnnr_banner p {

    max-width: 800px;

    line-height: 1.6;

    word-wrap: break-word;

    font-size: 18px;

}

/* 导航样式 */

.yt_fnnr_nav_wrapper {

    background-color: #f5f5f5;

}

.yt_fnnr_nav {

    display: flex;

    background-color: #f5f5f5;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

    -ms-overflow-style: none;

    justify-content: space-between;

}

.yt_fnnr_nav::-webkit-scrollbar {

    display: none;

}

.yt_fnnr_nav a {

    padding: 15px 30px;

    text-decoration: none;

    color: #333;

    white-space: nowrap;

    position: relative;

    transition: all 0.3s ease;

}

/* hover状态 */

.yt_fnnr_nav a:hover {

    color: #cc0000;

    background-color: #fff;

}

/* 普通导航项的hover下边框 */

.yt_fnnr_nav a:not(.yt_fnnr_contact):hover {

    border-bottom: 2px solid #cc0000;

}

/* active状态 */

.yt_fnnr_nav a.active {

    color: #cc0000;

    border-bottom: 2px solid #cc0000;

    background: #fff;

}

/* 联系我们按钮样式 */

.yt_fnnr_contact {

    margin-left: auto;

}

.yt_fnnr_contact_btn {

    padding: 8px 20px !important;

    background: #cc0000 !important;

    color: #fff !important;

    border-radius: 4px !important;

    border-bottom: none !important;

    top: 15px;

}

.yt_fnnr_contact_btn:hover {

    background: #aa0000 !important;

    color: #fff !important;

    border-bottom: none !important;

}

/* 内容区域 */

.yt_fnnr_content {

    display: flex;

    padding: 60px 0;

    align-items: flex-start;

    gap: 60px;

}

.yt_fnnr_text {

    margin-bottom: 20px;

    line-height: 40px;

    /*text-indent: 2em;*/

    color: #2c303d;

    font-size: 16px;

}

.yt_fnnr_text .yt_desp {

    color: #666;

    line-height: 1.6;

    margin-bottom: 20px;

}

.yt_fnnr_text h2 {

    font-size: 24px;

    margin: 0 0 15px;

}

.yt_fnnr_image {

    margin-left: auto !important;

}

.yt_fnnr_image img {

    height: auto;

    min-width: 400px;

    max-width: 400px;

    border-radius: 8px;

}

/* 解决方案部分样式 */

/* 通用标题样式 */

.yt_fnnr_section_title {

    font-size: 28px;

    text-align: center;

    margin: 60px 0 40px;

}

.yt_fnnr_section_title_desp {

    text-align: center;

}

/* 解决方案部分样式 */

.yt_fnnr_solutions {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    margin: 40px 0;

}

.yt_fnnr_solution_item {

    background: #fff;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}

.yt_fnnr_solution_item img {

    width: 100%;

    height: 240px;

    object-fit: cover;

}

.yt_fnnr_solution_item h3 {

    margin: 20px 0 15px;

    font-size: 18px;

}

.yt_fnnr_solution_item p {

    color: #666;

    line-height: 1.6;

    margin-bottom: 20px;

}

.yt_fnnr_links {

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.yt_fnnr_links a {

    color: #0066cc;

    text-decoration: none;

    font-size: 14px;

}

.yt_fnnr_links a:hover {

    text-decoration: underline;

}

/* 产品系列样式 */

.yt_fnnr_products {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin: 40px 0;

}

.yt_fnnr_product_item {

    background: #fff;

    border: 1px solid #f0f0f0;

    overflow: hidden;

    border-radius: 10px;

}

.yt_fnnr_product_item_content {

    padding: 20px;

}

.yt_fnnr_product_item img {

    width: 100%;

    height: auto;

    margin-bottom: 0px;

}

.yt_fnnr_product_item h4 {

    margin: 0 0 15px;

    font-size: 16px;

}

.yt_fnnr_product_links {

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.yt_fnnr_product_links a {

    color: #666;

    text-decoration: none;

    font-size: 14px;

}

.yt_fnnr_product_links a:hover {

    color: #0066cc;

}

/* 成功案例样式 */

.yt_fnnr_cases {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

    margin: 40px 0;

}

.yt_fnnr_case_item {

    background: #fff;

    overflow: hidden;

    border-radius: 10px;

    border: 1px solid #f0f0f0;

}

.yt_fnnr_case_item_content {

    padding: 20px;

}

.yt_fnnr_case_item img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}

.yt_fnnr_case_item h3 {

    margin: 0 0 15px;

    font-size: 16px;

}

.yt_fnnr_case_item p {

    color: #666;

    font-size: 14px;

    line-height: 1.6;

}

/* 联系表单样式 */

.yt_fnnr_contact_form {

    max-width: 600px;

    margin: 60px auto;

    text-align: center;

    box-sizing: border-box;

    padding: 0 20px;

}

.yt_fnnr_contact_form h2 {

    font-size: 24px;

    margin-bottom: 20px;

}

.yt_fnnr_contact_form p {

    color: #666;

    margin-bottom: 30px;

}

.yt_fnnr_contact_form_form-group {

    margin-bottom: 20px;

    text-align: left;

}

.yt_fnnr_contact_form_form-group label {

    display: block;

    margin-bottom: 8px;

    font-size: 14px;

    color: #333;

}

.yt_fnnr_contact_form_form-group input, .yt_fnnr_contact_form_form-group textarea {

    width: 100%;

    padding: 12px;

    border: 1px solid #ddd;

    border-radius: 4px;

    font-size: 14px;

    box-sizing: border-box;
    
    background: #FFF;

}

.yt_fnnr_contact_form_form-group textarea {

    height: 120px;

    resize: vertical;

}

.yt_fnnr_contact_form_word-count {

    text-align: right;

    font-size: 12px;

    color: #999;

    margin-top: 4px;

}

.yt_fnnr_contact_form_form-agreement {

    font-size: 12px;

    color: #666;

    margin: 20px 0;

}

.yt_fnnr_contact_form_form-agreement a {

    color: #0066cc;

    text-decoration: none;

}

.yt_fnnr_contact_form_submit-btn {

    background: #cc0000;

    color: #fff;

    border: none;

    padding: 12px 40px;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    transition: all 0.3s;

}

.yt_fnnr_contact_form_submit-btn:hover {

    background: #aa0000;

}

/* 响应式布局 */

@media (max-width: 1024px) {

    .yt_fnnr_solutions, .yt_fnnr_cases {

        grid-template-columns: repeat(2, 1fr);

    }

    .yt_fnnr_products {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width: 768px) {
    .ufc-container-form{
        padding: 10px !important;
    }
    .yt_fnnr_solutions, .yt_fnnr_cases, .yt_fnnr_products {

        grid-template-columns: 1fr;
        padding: 25px;
    }

    .yt_fnnr_section_title {

        font-size: 24px;

        margin: 40px 0 30px;

    }

    .yt_fnnr_contact_btn {

        top: 13px;

    }

}

/* 响应式布局 */

@media (max-width: 1024px) {

    .yt_fnnr_content {

        gap: 40px;

        padding: 40px 0;

    }

    .yt_fnnr_banner h1 {

        font-size: 32px;

    }

}

@media (max-width: 768px) {

    .yt_fnnr_content {

        flex-direction: column;

        padding: 30px 0;

        gap: 30px;

    }

    .yt_fnnr_banner {

        height: 300px;

    }

    .yt_fnnr_banner h1 {

        font-size: 24px;

    }

    .yt_fnnr_nav a {

        padding: 12px 20px;

    }

    .yt_fnnr_contact {

        margin-right: 20px;

    }

}

.yt_fnnr_banner_nav {

    background-color: #5050503b;

    position: absolute;

    bottom: 0px;

    width: 100%;

}

.yt_fnnr_banner_nav_item_center {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px;

    max-width: 1300px;

    margin: 0 auto;

}

.yt_fnnr_banner_nav_item_left {

    font-size: 14px;

    color: #fff;

}

.yt_fnnr_banner_nav_item_left a {

    color: #fff;

    text-decoration: none;

    padding: 10px 5px;

}

.yt_fnnr_banner_nav_item_left a:hover {

    color: #fff;

}

.yt_fnnr_banner_nav_item_right {

    font-size: 14px;

    color: #fff;

}

.yt_fnnr_banner_nav_item_right a {

    color: #fff;

    text-decoration: none;

    padding: 10px 15px;

}

.yt_fnnr_banner_nav_item_right a:hover {

    color: #fff;

}

@media (max-width: 768px) {

    .yt_fnnr_banner_nav_item_left {

        display: none;

    }

    .yt_fnnr_banner_nav {

        overflow-x: auto;

    }

    .yt_fnnr_banner_nav_item_right {

        width: 100%;

        overflow-x: auto;

        white-space: nowrap;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

        -ms-overflow-style: none;

    }

    .yt_fnnr_banner_nav_item_right::-webkit-scrollbar {

        display: none;

    }

}

/* 解决方案子列表 */

/* 顶部banner */

.yt_zliebiao_banner {

    position: relative;

    height: 400px;

    background: linear-gradient(to right, rgba(0, 102, 204, 0.9), rgba(0, 102, 204, 0.7)), url('https://dummyimage.com/1920x400/0066cc/fff') center/cover;

    color: white;

    padding: 0 10%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    /* 垂直居中 */

}

.yt_zliebiao_banner h1 {

    font-size: 36px;

    margin-bottom: 20px;

}

.yt_zliebiao_banner p {

    max-width: 800px;

    line-height: 1.6;

    word-wrap: break-word;

    font-size: 18px;

}

/* 面包屑导航 */

.yt_zliebiao_breadcrumb {

    background: #f6f8fb;

}

.yt_zliebiao_breadcrumb a {

    color: #000000;
    text-decoration: none;
    margin: 0 5px;

}

.breadcrumb_box {

    margin: 0 auto;

    max-width: 1250px;

    padding-top: 20px;

    padding-bottom: 20px;

}

/* 解决方案卡片容器 */

.yt_zliebiao_solutions {

    padding: 40px 10%;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

/* 解决方案卡片 */

.yt_zliebiao_solution_card {

    flex: 1;

    min-width: 300px;

    background: white;

    transition: all 0.3s ease;

}

.yt_zliebiao_solution_card:hover {

    transform: translateY(-5px);

}

.yt_zliebiao_solution_card img {

    width: 100%;

    height: 250px;

    object-fit: cover;

}

.yt_zliebiao_card_content {

    padding: 20px 0;

}

.yt_zliebiao_card_content h2 {

    margin-bottom: 15px;

    color: #333;

    font-size: 20px;

}

.yt_zliebiao_card_content p {

    color: #666;

    line-height: 1.6;

    margin-bottom: 15px;

}

.yt_zliebiao_read_more {

    color: #0066cc;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

}

.yt_zliebiao_read_more::after {

    content:"→";

    margin-left: 5px;

    transition: transform 0.3s ease;

}

.yt_zliebiao_read_more:hover::after {

    transform: translateX(5px);

}

/* 响应式设计 */

@media (max-width: 768px) {

    .yt_zliebiao_banner {

        padding: 30px 5%;

        height: 300px;

    }

    .yt_zliebiao_solutions {

        padding: 20px 5%;

    }

    .yt_zliebiao_solution_card {

        flex: 100%;

    }

    .yt_zliebiao_banner h1 {

        font-size: 28px;

    }

    .yt_zliebiao_banner p {

        font-size: 14px;

    }

}

/* 解决方案子列表 */

/* 关于我们 */

/* Banner区域 */

.yt_gywm_banner {

    position: relative;

    height: 400px;

    background: url('banner-bg.jpg') center/cover;

    display: flex;

    align-items: center;

    padding-left: 15%;

}

.yt_gywm_banner_content {

    color: #fff;

}

.yt_gywm_banner h1 {

    font-size: 36px;

    margin-bottom: 10px;

}
.yt_gywm_banner p {
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}



.yt_gywm_banner_btn {

    display: inline-block;

    padding: 8px 25px;

    background: #e60012;

    color: white;

    text-decoration: none;

    border-radius: 4px;

}

/* 导航菜单 */

.yt_gywm_nav {

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px 0;

    display: flex;

    justify-content: center;

    gap: 50px;

    border-bottom: 1px solid #eee;

}

.yt_gywm_nav a {

    color: #333;

    text-decoration: none;

    font-size: 16px;

    position: relative;

    padding: 5px 0;

}

.yt_gywm_nav a.active {

    color: #e60012;

}

.yt_gywm_nav a.active::after {

    content:'';

    position: absolute;

    bottom: -21px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #e60012;

}

/* 主要内容区域 */

.yt_gywm_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 40px 20px;

}

.yt_gywm_breadcrumb {

    margin-bottom: 30px;

    color: #666;

}

/* 联系信息区域 */

.yt_gywm_contact_container {

    display: flex;

    gap: 40px;

    margin-bottom: 60px;

}

.yt_gywm_contact_info {

    flex: 1;

}

.yt_gywm_contact_info h2 {

    font-size: 24px;

    margin-bottom: 30px;

}

.yt_gywm_contact_item {

    margin-bottom: 20px;

    color: #666;

    display: flex;

    align-items: flex-start;

    gap: 10px;

}

.yt_gywm_contact_item i {

    width: 20px;

    color: #333;

}

.yt_gywm_map_container {

    flex: 2;

}

.yt_gywm_map_img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    border-radius: 4px;

}

/* 卡片区域 */

.yt_gywm_cards {

    display: flex;

    gap: 30px;

}

.yt_gywm_card {

    flex: 1;

    position: relative;

    height: 300px;

    overflow: hidden;

    border-radius: 8px;

}

.yt_gywm_card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.yt_gywm_card_content {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 30px;

    text-align: center;

    color: white;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);

}

.yt_gywm_card_content h3 {

    font-size: 24px;

    margin-bottom: 15px;

}

.yt_gywm_card_content a {

    display: inline-block;

    padding: 8px 30px;

    border: 1px solid white;

    color: white;

    text-decoration: none;

    border-radius: 4px;

}

/* 响应式设计 */

@media (max-width: 1024px) {

    .yt_gywm_contact_container {

        flex-direction: column;

    }

    .yt_gywm_cards {

        flex-direction: column;

    }

    .yt_gywm_card {

        height: 250px;

    }

}

@media (max-width: 768px) {

    .yt_gywm_banner {

        height: 300px;

        padding-left: 5%;

    }

    .yt_gywm_nav {

        flex-wrap: wrap;

        gap: 20px;

        padding: 20px;

    }

    .yt_gywm_banner h1 {

        font-size: 28px;

    }

    .yt_gywm_banner p {

        font-size: 16px;

    }

}

/* 关于我们 */

/* 品牌介绍 */

/* Banner区域 */

.yt_pingpai_banner {

    position: relative;

    height: 400px;

    background: url('https://dummyimage.com/1920x400/060807/fff') center/cover;

    display: flex;

    align-items: center;

    padding-left: 12%;

}

.yt_pingpai_banner_content {

    color: #fff;

}

.yt_pingpai_banner h1 {

    font-size: 36px;

    margin-bottom: 10px;

}

.yt_pingpai_banner p {

    font-size: 18px;

    margin-bottom: 20px;

    color: #fff;

}

.yt_pingpai_banner_btn {

    display: inline-block;

    padding: 8px 25px;

    background: #e60012;

    color: white;

    text-decoration: none;

    border-radius: 4px;

}

/* 主要内容区域 */

.yt_pingpai_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 60px 20px;

}

.yt_pingpai_title {

    font-size: 28px;

    margin-bottom: 40px;

    font-weight: normal;

}

.yt_pingpai_intro {

    color: #666;

    font-size: 16px;

    margin-bottom: 60px;

}

.yt_pingpai_intro p {

    margin-bottom: 20px;

    line-height: 220%;

    text-indent: 2em;

    color: #2c303d;

    font-size: 16px;

}

/* 投资者互动平台区域 */

.yt_pingpai_platform {

    position: relative;

    height: 300px;

    margin-bottom: 60px;

    background: url('https://dummyimage.com/1200x300/060807/fff') center/cover;

    display: flex;

    align-items: center;

    padding: 0 40px;

}

.yt_pingpai_platform_content {

    position: relative;

    z-index: 2;

}

.yt_pingpai_platform h2 {

    font-size: 24px;

    margin-bottom: 20px;

    color: #fff;

}

.yt_pingpai_platform a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

}

/* 联系方式区域 */

.yt_pingpai_contact {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.yt_pingpai_contact_info {

    flex: 1;

}

.yt_pingpai_contact h2 {

    font-size: 24px;

    margin-bottom: 30px;

}

.yt_pingpai_contact_item {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    color: #666;

}

.yt_pingpai_contact_item img {

    width: 20px;

    margin-right: 15px;

}

.yt_pingpai_qrcode {

    width: 150px;

    text-align: center;

}

.yt_pingpai_qrcode img {

    width: 100%;

    margin-bottom: 10px;

}

.yt_pingpai_qrcode p {

    font-size: 14px;

    color: #666;

}

/* 响应式设计 */

@media (max-width: 768px) {

    .yt_pingpai_banner {

        height: 300px;

        padding-left: 0; 
        justify-content: center;

    }

    .yt_pingpai_banner h1 {

        font-size: 28px;

    }

    .yt_pingpai_banner p {

        font-size: 16px;

    }

    .yt_pingpai_platform {

        height: 250px;

        padding: 0 20px;

    }

    .yt_pingpai_contact {

        flex-direction: column;

    }

    .yt_pingpai_contact_info {

        margin-bottom: 40px;

    }

    .yt_pingpai_qrcode {

        margin: 0 auto;

    }
    .yt_pingpai_banner_content{
        text-align: center;
    }
    .yt_pingpai_banner_content h1{
        font-size: 24px;
    }

}

/* 品牌介绍 */

/* 文档中心 */

.yt_wd_header {

    background: url('https://dummyimage.com/1920x300/001428/fff') center/cover;

    padding: 140px 0;

    text-align: center;

    position: relative;

}

.yt_wd_title {

    color: #fff;

    font-size: 32px;

    margin-bottom: 30px;

    font-weight: normal;

}

.yt_wd_search {

    max-width: 600px;

    margin: 0 auto;

    position: relative;

    background: #fff;

    border-radius: 5px;

}

.yt_wd_search input {

    width: 100%;

    padding: 12px 20px;

    border: 1px solid #ddd;

    border-radius: 4px;

    font-size: 14px;

}

.yt_wd_search button {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    background: none;

    border: none;

    cursor: pointer;

}

.yt_wd_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px;

    display: flex;

    gap: 20px;

}

.yt_wd_sidebar {

    width: 220px;

    background: #fff;

    border-left: 1px solid #e6e6e6;

    border-radius: 4px;

}

.yt_wd_menu {

    list-style: none;

}

.yt_wd_menu li {

}

.yt_wd_menu li:last-child {

    border-bottom: none;

}

.yt_wd_menu a {

    color: #333;

    text-decoration: none;

    display: block;

    padding: 12px 20px;

    font-size: 14px;

}

.yt_wd_menu a:hover {

    color: #e60012;

    background: #f9f9f9;

    border-left: 2px solid #e60012;

}

.yt_wd_menu a.active {

    color: #e60012;

    background: #f9f9f9;

    border-left: 2px solid #e60012;

}

.yt_wd_content {

    flex: 1;

    background: #fff;

    padding: 20px;

    border: 1px solid #e6e6e6;

    border-radius: 4px;

}

.yt_wd_section {

    margin-bottom: 30px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e6e6e6;

}

.yt_wd_section:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

}

.yt_wd_section h2 {

    font-size: 18px;

    margin-bottom: 15px;

    color: #333;

    font-weight: normal;

}

.yt_wd_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 15px;

}

.yt_wd_grid a {

    color: #666;

    text-decoration: none;

    padding: 8px 15px;

    font-size: 14px;

    border: 1px solid transparent;

    border-radius: 4px;

}

.yt_wd_grid a:hover {

    color: #e60012;

    border-color: #e6e6e6;

    background: #f9f9f9;

}

@media (max-width: 768px) {

    .yt_wd_container {

        flex-direction: column;

    }

    .yt_wd_sidebar {

        width: 100%;

    }

    .yt_wd_grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

/* 文档中心 */

/* 问题解答 */

/* 头部banner区域 */

.yt_qa_header {

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('path/to/bg.jpg') center/cover;

    padding: 140px 0;

    text-align: center;

}

.yt_qa_title {

    color: #fff;

    font-size: 28px;

    margin-bottom: 20px;

    font-weight: normal;

}

.yt_qa_search {

    max-width: 600px;

    margin: 0 auto;

    position: relative;

    background: #fff;

    border-radius: 5px;

}

.yt_qa_search input {

    width: 100%;

    padding: 12px 20px;

    border: 1px solid #ddd;

    border-radius: 4px;

    font-size: 14px;

    background: #FFF;

}

.yt_qa_search button {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    background: none;

    border: none;

    cursor: pointer;

    color: #999;

}

/* 主体内容区域 */

.yt_qa_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px;

    display: flex;

    gap: 20px;

}

/* 面包屑导航 */

.yt_qa_breadcrumb {

    color: #666;

    font-size: 12px;

    margin-bottom: 15px;

}

/* 左侧导航 */

.yt_qa_sidebar {

    width: 200px;

    flex-shrink: 0;

}

.yt_qa_menu {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 4px;

}
.yt_qa_menu_title:hover{
    background: #f6f8fb;
}
.yt_qa_menu_title {

    padding: 12px 15px;

    font-size: 14px;

    color: #333;

    cursor: pointer;


    display: flex;

    justify-content: space-between;

    align-items: center;

}

.yt_qa_menu_title:after {

    content:'>';

    transform: rotate(90deg);

    transition: transform 0.3s;

}

.yt_qa_menu_item.active .yt_qa_menu_title:after {

    transform: rotate(-90deg);

}

.yt_qa_submenu {

    list-style: none;

    display: none;

}

.yt_qa_menu_item.active .yt_qa_submenu {

    display: block;

}

.yt_qa_submenu li {

    border-bottom: 1px solid #f5f5f5;

}

.yt_qa_submenu li:last-child {

    border-bottom: none;

}

.yt_qa_submenu li a {

    display: block;

    padding: 10px 15px 10px 25px;

    color: #666;

    text-decoration: none;

    font-size: 13px;

    transition: all 0.3s;

}

.yt_qa_submenu li.active a, .yt_qa_submenu li a:hover {

    color: #e60012;

    background: #f8f8f8;

}

/* 右侧内容区 */

.yt_qa_content {

    flex: 1;

    background: #fff;

    padding: 20px;

    border-radius: 4px;

    border: 1px solid #eee;

}

.yt_qa_section h2 {

    font-size: 15px;
    color: #f59600;
    margin-bottom: 15px;

    font-weight: normal;

}
.yt_qa_section .number{

    font-weight: 600;
    margin-right: 10px;
}

.yt_qa_group {

    margin-bottom: 30px;

}

.yt_qa_group h3 {

    color: #333;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;

}

.yt_qa_item p{
    color: #707070;
    font-size: 14px;
    line-height: 30px;
    margin: 0px;
}

.yt_qa_item {

    background-color: #f6f8fb;

    padding: 6px 15px;

    margin-bottom: 15px;

    border: 1px solid #eee;

    border-radius: 4px;

}

.yt_qa_item h4 {

    color: #333;

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: normal;

}

.yt_qa_answer {

    color: #666;

    font-size: 13px;

    line-height: 1.6;

}

/* 底部帮助区域 */

.yt_qa_help {

    margin-top: 30px;

    padding-top: 20px;

    border-top: 1px solid #eee;

}

.yt_qa_help h3 {

    text-align: center;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: normal;

}

.yt_qa_help_grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}

.yt_qa_help_card {

    padding: 20px;

    background: #fff;

    border: 1px solid #eee;

    border-radius: 4px;

    text-decoration: none;

    transition: all 0.3s;

}

.yt_qa_help_card:hover {

    border-color: #ddd;

}

.yt_qa_help_card h4 {

    margin-bottom: 10px;

    color: #333;

    font-size: 16px;

    font-weight: normal;

}

.yt_qa_help_card p {

    color: #666;

    margin-bottom: 15px;

    font-size: 13px;

}

.yt_qa_help_card span {
    font-size: 13px;
}

/* 响应式适配 */

@media (max-width: 768px) {

    .yt_qa_container {

        flex-direction: column;

    }

    .yt_qa_sidebar {

        width: 100%;

    }

    .yt_qa_help_grid {

        grid-template-columns: 1fr;

    }

}

/* 问题解答 */

/* 服务支持 */

/* 头部banner */

.yt_fwzc_banner {

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('path/to/banner.jpg') center/cover;

    height: 400px;

    display: flex;

    align-items: center;

    padding: 0 5%;

    position: relative;

    width: 100%;

}

.yt_fwzc_banner_item {

    max-width: 1200px;

    margin: 0 auto;

    width: 100%;

    text-align: left;

}

.yt_fwzc_banner_content {

    color: #fff;

    text-align: left;

    width: 100%;

}

.yt_fwzc_banner_title {

    font-size: 32px;

    margin-bottom: 15px;

}

.yt_fwzc_banner_desc {

    font-size: 16px;

    opacity: 0.8;

}

.yt_fwzc_wrapper {

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px;

}

/* 面包屑导航 */

.yt_fwzc_crumbs {

    padding: 10px 0;

    color: #666;

    font-size: 14px;

}

.yt_fwzc_crumbs a {

    color: #666;

    text-decoration: none;

}

/* 主容器 */

.yt_fwzc_container {

    display: flex;

    gap: 30px;

    margin-top: 20px;

}

/* 左侧菜单 */

.yt_fwzc_sidebar {

    width: 240px;

    flex-shrink: 0;

}

.yt_fwzc_menu {

    background: #f5f5f5;

    border-radius: 4px;

}

.yt_fwzc_menu_item {

    border-bottom: 1px solid #ddd;

}

.yt_fwzc_menu_link {

    display: block;

    padding: 15px 20px;

    color: #333;

    text-decoration: none;

    transition: 0.3s;

}

.yt_fwzc_menu_link:hover, .yt_fwzc_menu_link.active {

    background: #f39800;

    color: #fff;

}

/* 右侧内容区 */

.yt_fwzc_content {

    flex: 1;

}

.yt_fwzc_section {

    margin-bottom: 40px;

}

.yt_fwzc_section_title {

    font-size: 24px;

    margin-bottom: 20px;

    color: #333;

    position: relative;

    padding-left: 15px;

}

.yt_fwzc_section_title::before {

    content:'';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 4px;

    height: 20px;

    background: #e60012;

}

/* 视频区域 */

.yt_fwzc_video {

    width: 100%;

    height: 400px;

    background: #000;

    margin-bottom: 30px;

}

/* 流程图 */

.yt_fwzc_process {

    display: flex;

    justify-content: space-between;

    margin: 30px 0;

}

.yt_fwzc_process_item {

    text-align: center;

    position: relative;

    flex: 1;

}

.yt_fwzc_process_item:not(:last-child)::after {

    content:'→';

    position: absolute;

    right: -10px;

    top: 50%;

    transform: translateY(-50%);

    color: #999;

}

.yt_fwzc_process_icon {

    width: 60px;

    height: 60px;

    margin-bottom: 10px;

    border-radius: 50%;

}

.yt_fwzc_process_text {

    font-size: 14px;

    color: #666;

}

/* 测试中心卡片 */

.yt_fwzc_cards {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 30px;

}

.yt_fwzc_card {

    border: 1px solid #eee;

    border-radius: 8px;

    overflow: hidden;

    transition: 0.3s;

}

.yt_fwzc_card:hover {

    transform: translateY(-5px);

}

.yt_fwzc_card_img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}

.yt_fwzc_card_body {

    padding: 20px;

}

.yt_fwzc_card_title {

    font-size: 18px;

    margin-bottom: 10px;

    color: #333;

}

.yt_fwzc_card_desc {

    font-size: 14px;

    color: #666;

    margin-bottom: 15px;

}

.yt_fwzc_card_list {

    list-style: none;

    margin-bottom: 15px;

}

.yt_fwzc_card_item {

    font-size: 14px;

    color: #666;

    padding-left: 20px;

    position: relative;

    margin-bottom: 8px;

}

.yt_fwzc_card_item::before {

    content:'';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 6px;

    height: 6px;

    background: #e60012;

    border-radius: 50%;

}

.yt_fwzc_card_link {

    display: inline-block;

    color: #e60012;

    text-decoration: none;

    font-size: 14px;

}

.yt_fwzc_card_link:hover {

    text-decoration: underline;

}

/* 响应式设计 */

@media (max-width: 992px) {

    .yt_fwzc_container {

        flex-direction: column;

    }

    .yt_fwzc_sidebar {

        width: 100%;

    }

    .yt_fwzc_cards {

        grid-template-columns: 1fr;

    }

}

@media (max-width: 768px) {

    .yt_fwzc_process {

        flex-direction: column;

        gap: 20px;

    }

    .yt_fwzc_process_item:not(:last-child)::after {

        content:'↓';

        right: 50%;

        top: auto;

        bottom: -20px;

        transform: translateX(50%);

    }

}

/* 服务支持 */

/* 产品分类大类 */

.yt_cpdl_container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 15px;

}

.yt_cpdl_banner {

    position: relative;

    height: 400px;

    background: linear-gradient(to right, rgba(0, 102, 204, 0.9), rgba(0, 102, 204, 0.7)), url('https://dummyimage.com/1920x400/0066cc/fff') center/cover;

    color: white;

    padding: 0 10%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    /* 垂直居中 */

    box-sizing: border-box;

    /* 确保padding不会增加总宽度 */

    overflow: hidden;

    /* 防止内容溢出 */

    width: 100%;

    /* 确保宽度100% */

}

.yt_cpdl_banner h1 {

    font-size: 53px;

    margin-bottom: 0px;

    word-wrap: break-word;

    /* 允许长单词换行 */

    hyphens: auto;

    /* 在必要时添加连字符 */

}

.yt_cpdl_banner p {

    max-width: 800px;

    line-height: 1.6;

    word-wrap: break-word;

    /* 允许长单词换行 */

    font-size: 18px;

}

/* 响应式适配 */

@media screen and (max-width: 992px) {

    .yt_cpdl_banner {

        padding: 60px 8%;

    }

    .yt_cpdl_banner h1 {

        font-size: 32px;

        margin-bottom: 15px;

    }

}

@media screen and (max-width: 768px) {

    .yt_cpdl_banner {

        padding: 60px 6%;

        padding: 150px 10px;
        
        text-align: center;

    }

    .yt_cpdl_banner h1 {

        font-size: 28px;

        margin-bottom: 12px;

    }

    .yt_cpdl_banner p {

        font-size: 15px;

        line-height: 1.5;

    }

}

@media screen and (max-width: 480px) {

    .yt_cpdl_banner {

        height: 250px;


        background: linear-gradient(to right, rgba(0, 102, 204, 0.9), rgba(0, 102, 204, 0.8)), url('https://dummyimage.com/1920x400/0066cc/fff') center/cover;

    }

    .yt_cpdl_banner h1 {

        font-size: 22px;

        margin-bottom: 10px;

    }

    .yt_cpdl_banner p {

        font-size: 14px;

        line-height: 1.4;

        max-width: 100%;

        /* 在手机端允许文本占满宽度 */

    }

}

@media screen and (max-width: 360px) {

    .yt_cpdl_banner {

        height: 250px;

        padding: 0 4%;

    }

    .yt_cpdl_banner h1 {

        font-size: 20px;

        margin-bottom: 8px;

    }

    .yt_cpdl_banner p {

        font-size: 13px;

        line-height: 1.3;

    }

}

.yt_cpdl_section_header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}

.yt_cpdl_section_title {

    font-size: 20px;

    font-weight: 500;

}

.yt_cpdl_view_more {

    color: #999;

    font-size: 14px;

    text-decoration: none;

}

.yt_cpdl_products {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 40px;

}

.yt_cpdl_product {

    background-color: #fff;

    border-radius: 5px;

    overflow: hidden;

    transition: transform 0.3s, box-shadow 0.3s;

    display: flex;

    border: 1px solid #f9f9f9;

    flex-direction: column;

}

.yt_cpdl_product:hover {

    transform: translateY(-5px);

}

.yt_cpdl_product_featured {

    grid-column: span 2;

    grid-row: span 2;

    background-color: #e8f4f8;

}

.yt_cpdl_product_img {

    height: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    flex-grow: 1;

}

.yt_cpdl_product_featured .yt_cpdl_product_img {

    height: 250px;

}

.yt_cpdl_product_img img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

    transition: transform 0.3s;

}

.yt_cpdl_product:hover .yt_cpdl_product_img img {

    transform: scale(1.05);

}

.yt_cpdl_product_info {

    padding: 15px;

    background-color: rgba(255, 255, 255, 0.9);

    border-top: 1px solid #f0f0f0;

}

.yt_cpdl_product_title {

    font-size: 14px;

    margin-bottom: 10px;

    font-weight: 500;

    line-height: 1.4;

    height: auto;

    max-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.yt_cpdl_product_featured .yt_cpdl_product_title {

    font-size: 16px;

    max-height: none;

    -webkit-line-clamp: unset;

}

.yt_cpdl_product_price {

    color: #e60012;

    font-size: 16px;

    font-weight: bold;

    margin-top: 5px;

}

.yt_cpdl_product_desc {

    color: #666;

    font-size: 12px;

    margin-top: 5px;

    line-height: 1.4;

}

@media (max-width: 992px) {

    .yt_cpdl_products {

        grid-template-columns: repeat(3, 1fr);

    }

    .yt_cpdl_product_featured {

        grid-column: span 3;

        grid-row: span 1;

    }

    .yt_cpdl_product_featured .yt_cpdl_product_img {

        height: 200px;

    }

    .yt_cpdl_banner_text {

        left: 100px;

    }

}

@media (max-width: 768px) {

    .yt_cpdl_products {

        grid-template-columns: repeat(2, 1fr);

    }

    .yt_cpdl_product_featured {

        grid-column: span 2;

    }

    .yt_cpdl_banner_text {

        left: 50px;

        top: 40px;

    }

    .yt_cpdl_banner_text h1 {

        font-size: 24px;

    }

    .yt_cpdl_banner_text h2 {

        font-size: 20px;

    }

}

@media (max-width: 576px) {

    .yt_cpdl_products {

        grid-template-columns: 1fr;

    }

    .yt_cpdl_product_featured {

        grid-column: span 1;

    }

    .yt_cpdl_banner_text {

        left: 30px;

        top: 30px;

    }

    .yt_cpdl_banner_text h1 {

        font-size: 20px;

    }

    .yt_cpdl_banner_text h2 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .yt_cpdl_banner_text p {

        font-size: 12px;

    }

}

/* 产品分类大类 */

/* 产品分类列表 */

.yt_cplb_container {

    margin: 0 auto;

    max-width: 1300px;

    padding: 0 15px;

    /* 添加内边距避免内容贴边 */

    box-sizing: border-box;

    /* 确保padding不会增加总宽度 */

}

/* 导航路径样式 */

.yt_cplb_nav {

    color: #666;

    padding: 15px 0;

    font-size: 14px;

}

.yt_cplb_nav a {

    color: #666;

    text-decoration: none;

}

/* 标题样式 */

.yt_cplb_title {

    font-size: 24px;

    font-weight: bold;

    margin: 15px 0;

}

/* banner样式 */

.yt_cplb_banner {

    width: 100%;

    height: 200px;

    background: url('https://dummyimage.com/1200x200/e60012/fff') center center no-repeat;

    background-size: cover;

    position: relative;

    margin-bottom: 20px;

    border-radius: 4px;

    overflow: hidden;

}

.yt_cplb_banner_content {

    position: absolute;

    top: 50%;

    right: 15%;

    transform: translateY(-50%);

    color: white;

}

.yt_cplb_banner_content h2 {

    font-size: 20px;

    margin-bottom: 10px;

}

.yt_cplb_banner_content p {

    font-size: 14px;

}

/* 分类导航样式 */

.yt_cplb_category, .yt_cplb_subcategory {

    display: flex;

    flex-wrap: wrap;

    margin: 10px 0;

    padding: 15px 0;

    border-bottom: 1px solid #eee;

}

.yt_cplb_category_label, .yt_cplb_subcategory_label {

    margin-right: 20px;

    white-space: nowrap;

    padding: 5px 10px;

}

.yt_cplb_category_items, .yt_cplb_subcategory_items {

    display: flex;

    flex-wrap: wrap;

}

.yt_cplb_category_item, .yt_cplb_subcategory_item {

    margin-right: 10px;

    margin-bottom: 10px;

    /* 添加底部间距，避免在换行时元素挤在一起 */

    padding: 5px 10px;

    cursor: pointer;

    white-space: nowrap;
    
    border: 1px solid #dcdfe6;

}

.yt_cplb_category_item.active, .yt_cplb_subcategory_item.active {

    background: #f39800;

    color: white;

    border-radius: 3px;

}

.yt_cplb_category_item.active a, .yt_cplb_subcategory_item.active a {

    color: white;

}

/* 筛选条件样式 */

.yt_cplb_filter {

    margin: 15px 0;

    display: flex;

    flex-direction: column;

}

.yt_cplb_filter_row {

    display: flex;

    margin: 10px 0;

    align-items: center;

    flex-wrap: wrap;

    /* 允许在小屏幕上换行 */

}

.yt_cplb_filter_label {

    color: #999;

    width: 80px;

    flex-shrink: 0;

}

.yt_cplb_filter_options {

    display: flex;

    flex-wrap: wrap;

}

.yt_cplb_filter_option {

    margin-right: 20px;

    margin-bottom: 10px;

    /* 添加底部间距 */

    display: flex;

    align-items: center;

}

.yt_cplb_filter_option input {

    margin-right: 5px;

}

/* 产品列表样式 */

.yt_cplb_products {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin: 20px 0;

}

.yt_cplb_product {

    display: flex;

    flex-direction: column;

    text-align: center;

    box-sizing: border-box;

    /* 确保padding不会增加总宽度 */

    border: 1px solid #f5f5f5;

    border-radius: 5px;

    padding: 20px;

    position: relative;

    box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1);

}

.yt_cplb_product_hot {

    color: #ff6600;

    font-size: 14px;

    position: absolute;

    top: 20px;

    left: 20px;

}

.yt_cplb_product_pdf {

    color: #ff6600;

    font-size: 14px;

    position: absolute;

    top: 20px;

    right: 20px;

}

.yt_cplb_product_img {

    max-width: 100%;

    height: auto;

    margin-bottom: 15px;
    
    padding: 10px;

}

.yt_cplb_product_title {

    text-align: left;

    font-size: 15px;

    margin-bottom: 10px;

    line-height: 1.4;

    font-weight: 600;

}

.yt_cplb_product_specs {

    text-align: left;

    font-size: 12px;

    color: #999;

    margin-bottom: 10px;

}

.yt_cplb_product_specs .tag {

    background: #f39800;

    color: white;

    border-radius: 4px;

    cursor: pointer;

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    padding: 0 8px;

    margin-right: 4px;

    display: inline-block;

}

.yt_cplb_product_price {

    color: #e60012;

    font-size: 18px;

    font-weight: bold;

    text-align: left;

    margin: 10px 0;

}

.yt_cplb_product_delivery {

    text-align: left;

    font-size: 13px;

    color: #999;

    margin-bottom: 10px;

}

.yt_cplb_product_sales {

    text-align: left;

    font-size: 12px;

    color: #999;

}

/* 分页样式 */

.yt_cplb_pagination {

    display: flex;

    justify-content: center;

    margin: 30px 0;

    flex-wrap: wrap;

    /* 允许在小屏幕上换行 */

}

.yt_cplb_pagination_item {

    margin: 0 5px 5px;

    /* 添加底部间距 */

    padding: 5px 12px;

    cursor: pointer;

    border-radius: 3px;

}

.yt_cplb_pagination_item.active {

    background: #f5f5f5;

}

/* 响应式适配 */

@media screen and (max-width: 1200px) {

    .yt_cplb_products {

        grid-template-columns: repeat(3, 1fr);

        gap: 15px;

    }

    .yt_cplb_product_img {

        height: 180px;

        /* 控制图片高度 */

        object-fit: cover;

    }

}

@media screen and (max-width: 992px) {

    .yt_cplb_banner {

        height: 180px;

    }

    .yt_cplb_banner_content h2 {

        font-size: 18px;

    }

    .yt_cplb_banner_content p {

        font-size: 13px;

    }

    .yt_cplb_product_img {

        height: 160px;

    }

}

@media screen and (max-width: 768px) {
    
    .yt_cplb_product_specs{
        display: none;
    }

    .yt_cplb_products {

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

    }

    .yt_cplb_product {

        border: 1px solid #f5f5f5;

        border-radius: 5px;

        padding: 20px;

    }

    .yt_cplb_title {

        font-size: 20px;

    }

    .yt_cplb_banner {

        height: 150px;

    }

    .yt_cplb_product_img {

        height: 140px;

        margin-bottom: 10px;

    }

    .yt_cplb_product_price {

        font-size: 16px;

    }

    .yt_cplb_category_item, .yt_cplb_subcategory_item {

        margin-right: 15px;

        margin-bottom: 8px;

    }

}

@media screen and (max-width: 480px) {

    .yt_cplb_products {

        grid-template-columns: repeat(2, 1fr);

        /* 确保手机端每行2个产品 */

        gap: 10px;

    }

    .yt_cplb_category_label, .yt_cplb_subcategory_label, .yt_cplb_filter_label {

        width: 100%;

        margin-bottom: 8px;

    }

    .yt_cplb_filter_row {

        flex-direction: column;

        align-items: flex-start;

    }

    .yt_cplb_banner {

        height: 120px;

    }

    .yt_cplb_banner_content {

        right: 10%;

    }

    .yt_cplb_banner_content h2 {

        font-size: 16px;

        margin-bottom: 5px;

    }

    .yt_cplb_banner_content p {

        font-size: 12px;

    }

    .yt_cplb_product_img {

        height: 120px;

    }

    .yt_cplb_product_title {

        font-size: 13px;

        margin-bottom: 6px;

    }

    .yt_cplb_product_specs, .yt_cplb_product_delivery, .yt_cplb_product_sales {

        font-size: 11px;

        margin-bottom: 6px;

    }

    .yt_cplb_product_price {

        font-size: 15px;

        margin: 6px 0;

    }

    /* 减小间距使布局更紧凑 */

    .yt_cplb_category, .yt_cplb_subcategory {

        padding: 10px 0;

        margin: 5px 0;

    }

    .yt_cplb_category_item, .yt_cplb_subcategory_item {

        padding: 3px 8px;

        margin-right: 10px;

        margin-bottom: 6px;

        font-size: 13px;

    }

}

/* 超小屏幕额外优化 */

@media screen and (max-width: 360px) {

    .yt_cplb_product_img {

        height: 100px;

    }

    .yt_cplb_product_title {

        font-size: 12px;

    }

    .yt_cplb_product_price {

        font-size: 14px;

    }

}

/*产品内容*/

.yt_cp_container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 15px;

}



.yt_cp_ccimg img{
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.yt_cp_breadcrumb {

    padding: 12px 0;

    font-size: 14px;

    color: #666;

    border-bottom: 1px solid #efefef;

    margin-bottom: 10px;

}

.yt_cp_breadcrumb a {

    color: #666;

    text-decoration: none;

    transition: color 0.2s ease;

}

.yt_cp_breadcrumb a:hover {

    color: #0066cc;

}

.yt_cp_product-container {

    display: flex;

    flex-wrap: wrap;

    padding: 20px 0;

    background-color: #fff;

    border-radius: 8px;

}

.yt_cp_product-image {

    flex: 1;

    min-width: 300px;

    padding: 20px;

    text-align: center;

}

.yt_cp_product-image img {

    max-width: 100%;

    height: auto;

    border-radius: 4px;

    transition: transform 0.3s ease;

}



.yt_cp_product-info {

    flex: 1;

    min-width: 300px;

    padding: 20px;

}

.yt_cp_product-title {

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 5px;

    color: #222;

    line-height: 1.3;

}

.yt_cp_hot-tag {

    background-color: #e74c3c;

    color: white;

    padding: 3px 8px;

    border-radius: 4px;

    font-size: 12px;

    margin-left: 10px;

    font-weight: normal;

    vertical-align: middle;

}

.yt_cp_product-specs {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin: 15px 0;

}

.yt_cp_spec-item {

    background-color: #f5f5f5;

    padding: 6px 12px;

    border-radius: 6px;

    font-size: 14px;

    transition: background-color 0.2s ease;

    cursor: pointer;

}

.yt_cp_spec-item:hover {

    background-color: #e8e8e8;

}

.yt_cp_price {

    font-size: 26px;

    font-weight: bold;

    color: #e74c3c;

    margin: 25px 0;

    padding: 15px;

    background-color: #f9f9f9;

    border-radius: 6px;

    border-left: 4px solid #e74c3c;

}

.yt_cp_model-number {

    color: #666;

    font-size: 14px;

    margin-top: 5px;

    font-weight: normal;

    margin-bottom: 20px;

}

.yt_cp_service-items {

    display: flex;

    gap: 20px;

}

.yt_cp_service-item {

    flex: 1;

    padding: 5px 10px;

    border: 1px solid #c3c0c0;
    background-color: #f2f2f2;

    border-radius: 4px;

    text-align: center;

    position: relative;

    cursor: pointer;
    
    max-width: 30%;

}

.yt_cp_service-item label {

    font-size: 13px;

    color: #666;

}

.yt_cp_quantity-control {

    display: flex;

    align-items: center;

    margin: 25px 0;

}

.yt_cp_quantity-control button {

    background-color: #ff3d3d;

    font-size: 18px;

    cursor: pointer;

    transition: background-color 0.2s ease;

    border-radius: 4px;

}

.yt_cp_quantity-control button:hover {

    background-color: #ff2424;

}

.yt_cp_quantity-control input {

    width: 60px;

    height: 40px;

    text-align: center;

    border: 1px solid #ddd;

    margin: 0 8px;

    border-radius: 4px;

    font-size: 16px;

}

.yt_cp_add-to-cart {

    background-color: #e74c3c;

    color: white;

    border: none;

    padding: 12px 25px;

    font-size: 16px;

    border-radius: 4px;

    cursor: pointer;

    transition: background-color 0.2s ease;

}

.yt_cp_add-to-cart:hover {

    background-color: #c0392b;

}

.yt_cp_product-features {

    margin: 25px 0 5px;

    padding: 15px;

    background-color: #f6f8fb;

    border-radius: 6px;

}

.yt_cp_feature-title {

    font-size: 15px;
    margin-bottom: 10px;
    color: #222;
    position: relative;

}

.yt_cp_feature_pdf{
    color: #ff6600;
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 45px;
    cursor: pointer;
}

.yt_cp_feature_fx{
    color: #ff6600;
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.yt_cp_feature-list {

    list-style-type: none;
    margin-left: 10px;
}

.yt_cp_tips{
    color: #999;
    line-height: 30px;
    font-size: 13px;
}

.yt_cp_tips a{
    color: #f39800;
}

.yt_cp_feature-list li {

    margin-bottom: 8px;

    padding-left: 13px;

    position: relative;

}

.yt_cp_feature-list li:before {

    background: #707070;

    border-radius: 4px;

    content:" ";

    display: block;

    height: 4px;

    left: 0;

    position: absolute;

    top: 9px;

    width: 4px;

}

.yt_cp_expand-link {

    display: inline-block;

    margin-top: 12px;

    color: #0066cc;

    text-decoration: none;

    font-weight: 500;

    transition: color 0.2s ease;

}

.yt_cp_expand-link:hover {

    color: #004d99;

    text-decoration: underline;

}

.yt_cp_thumbnail-gallery {

    display: flex;

    margin-top: 20px;

    overflow-x: auto;

    padding: 10px 0;

    scrollbar-width: thin;

    scrollbar-color: #ddd transparent;

    justify-content: center;

}

.yt_cp_thumbnail-gallery::-webkit-scrollbar {

    height: 6px;

}

.yt_cp_thumbnail-gallery::-webkit-scrollbar-thumb {

    background-color: #ddd;

    border-radius: 3px;

}

.yt_cp_thumbnail {

    border: 1px solid #ddd;

    margin-right: 10px;

    cursor: pointer;

    width: 70px;

    height: 70px;

    padding: 3px;

    border-radius: 4px;

    transition: border-color 0.2s ease;

}

.yt_cp_thumbnail:hover {

    border-color: #999;

}

.yt_cp_thumbnail.active {

    border-color: #0066cc;

}

.yt_cp_tabs {

    margin-top: 40px;

    background-color: #fff;

    overflow: hidden;

}

.yt_cp_tab-links {

    display: flex;

    list-style: none;

    padding: 0;

    margin: 0;

    background-color: #f6f8fb;

   

    overflow-x: auto;

    scrollbar-width: none;

}

.yt_cp_tab-links::-webkit-scrollbar {

    display: none;

}

.yt_cp_tab-link {

    padding: 15px 20px;

    cursor: pointer;

    border-bottom: 3px solid transparent;

    white-space: nowrap;

    transition: all 0.2s ease;

    font-weight: 500;

}

.yt_cp_tab-link:hover {

    background-color: #f0f0f0;

}

.yt_cp_tab-link.active {

    border-bottom-color: #0066cc;

    color: #0066cc;

}

.yt_cp_tab-content {

    padding: 25px;

}

.yt_cp_tab-content h2 {

    margin-bottom: 20px;
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 32px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}

.yt_cp_tab-content p {

    margin-bottom: 20px;
    color: #19191a;
    font-size: 15px;
    line-height: 30px;

}

.yt_cp_specs-table {

    width: 100%;

    border-collapse: collapse;

    margin: 25px 0;

}

.yt_cp_specs-table tr {

    border-bottom: 1px solid #eee;

}

.yt_cp_specs-table tr:nth-child(even) {

    background-color: #f9f9f9;

}

.yt_cp_specs-table td {

    padding: 15px;

}

.yt_cp_specs-table tr td:first-child {

    width: 25%;

    font-weight: 600;

    color: #444;

}

.yt_cp_related-products {

    margin: 40px 0;

}

.yt_cp_related-title {

    font-size: 22px;

    margin-bottom: 25px;

    color: #222;

    position: relative;

    padding-left: 15px;

}

.yt_cp_related-title::before {

    content:"";

    position: absolute;

    left: 0;

    top: 5px;

    height: 20px;

    width: 4px;

    background-color: #0066cc;

    border-radius: 2px;

}

.yt_cp_related-items {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}

.yt_cp_related-item {

    flex: 1;

    min-width: 220px;

    max-width: 280px;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 15px;

    text-align: center;

    position: relative;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

    background-color: #fff;

}

.yt_cp_related-item:hover {

    transform: translateY(-5px);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}

.yt_cp_related-item img {

    max-width: 100%;

    height: auto;

    border-radius: 4px;

}

.yt_cp_video-icon {

    position: absolute;

    left: 15px;

    bottom: 50px;

    background-color: rgba(0, 0, 0, 0.7);

    color: white;

    padding: 3px 8px;

    border-radius: 4px;

    font-size: 12px;

    display: flex;

    align-items: center;

    gap: 5px;

}

.yt_cp_video-icon::before {

    content:"▶";

    font-size: 10px;

}

.yt_cp_related-item-title {

    margin-top: 15px;

    font-size: 15px;

    text-align: left;

    font-weight: 500;

    color: #333;

    transition: color 0.2s ease;

}

.yt_cp_related-item:hover .yt_cp_related-item-title {

    color: #0066cc;

}

/* 响应式设计优化 */

@media (max-width: 992px) {

    .yt_cp_product-container {

        flex-direction: column;

    }

    .yt_cp_product-image, .yt_cp_product-info {

        width: 100%;

    }

    .yt_cp_tab-link {

        padding: 12px 15px;

        font-size: 14px;

    }

    .yt_cp_tab-content {

        padding: 20px 15px;

    }

}

@media (max-width: 768px) {

    .yt_cp_related-items {

        justify-content: center;

    }

    .yt_cp_related-item {

        min-width: 45%;

    }

    .yt_cp_quantity-control {

        flex-wrap: wrap;

    }

    .yt_cp_add-to-cart {

        margin-left: 0;

        margin-top: 15px;

        width: 100%;

    }

    .yt_cp_specs-table td {

        padding: 12px 10px;

    }

    .yt_cp_specs-table tr td:first-child {

        width: 35%;

    }

}

@media (max-width: 576px) {

    .yt_cp_product-title {

        font-size: 18px;

    }

    .yt_cp_price {

        font-size: 22px;

        padding: 10px;

    }

    .yt_cp_spec-item {

        font-size: 12px;

        padding: 4px 8px;

    }

    .yt_cp_related-item {

        min-width: 100%;

    }

    .yt_cp_thumbnail {

        width: 60px;

        height: 60px;

    }

    .yt_cp_tab-links {

        flex-wrap: nowrap;

    }

    .yt_cp_tab-link {

        padding: 10px;

        font-size: 13px;

    }

    .yt_cp_specs-table tr td:first-child {

        width: 40%;

    }

}

/* 可访问性增强 */

.yt_cp_visually-hidden {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

/* 焦点状态优化 */

a:focus, button:focus, input:focus {

    outline: 2px solid #0066cc;

    outline-offset: 2px;

}

/* 动画效果 */

@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

.yt_cp_fade-in {

    animation: fadeIn 0.3s ease-in-out;

}

/*产品内容*/

#arrow {

    width: 100%;

    height: 100vh;

    max-height: 584px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    opacity: .4;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

    pointer-events: none;

}

#arrow svg {

    width: 100% !important;

    max-width: 1440px !important;

    height: 100%;

    -webkit-mask: linear-gradient(180deg, #ffffff, transparent);

    -moz-mask: linear-gradient(180deg, #ffffff, transparent);

    mask: linear-gradient(180deg, #ffffff, transparent);

}

@media (max-width:990px) {

    #arrow {

        height: auto;

        max-height: auto;

    }

}

@media (max-width:768px) {

    #arrow {

        width: 150%;

    }

}

@media (max-width:480px) {

    #arrow {

        width: 200%;

    }

}

#arrow.active svg path {

    stroke: #f39800;

}

#arrow.active.active_blue svg path {

    stroke: #0867d1;

}

.gsry_container {

    max-width: 1250px;

    margin: 0 auto;

    padding: 20px;
    
    margin-bottom: 80px;

}

.gsry_title {

    text-align: center;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 30px;

}

.gsry_content {

    display: flex;

    flex-wrap: wrap;

}

.gsry_left {

    flex: 1;

    min-width: 300px;

    padding-right: 20px;

}

.gsry_right {

    flex: 1;

    min-width: 300px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.gsry_right img {

    max-width: 100%;

    height: auto;

}

.gsry_left ul {

    list-style-type: none;

}

.gsry_left ul li {

    position: relative;

    padding-left: 20px;

    margin-bottom: 15px;

}

.gsry_left ul li:before {

    content:"•";

    position: absolute;

    left: 0;

    color: #000;

}

.gsry_honor_item {

    margin-bottom: 20px;

}

.gsry_honor_title {

    margin-bottom: 5px;
    font-weight: 600;
}

.gsry_honor_org {

    color: #666;

}

@media (max-width: 768px) {

    .gsry_content {

        flex-direction: column;

    }

    .gsry_left {

        padding-right: 0;

        margin-bottom: 20px;

    }

}

.pagination-container {
    margin: 50px 0;
    text-align: center;
}

.pagination-box {
    display: inline-block;
    border-radius: 4px;
    padding: 5px 10px;
}

.pagination-box a, 
.pagination-box span {
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 3px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent;
    border-radius: 3px;
}

.pagination-box a:hover {
    color: #4f4f4f;
    background-color: #f1f1f1;
}

.pagination-box .now-page {
    background-color: #f39800;
    color: #fff;
    font-weight: bold;
} 

.yt_article_main {
  display: flex;          /* 启用 flex 布局 */
  position: relative;     /* 为 sticky 创建定位上下文 */

}

.yt_article_primary {
  flex: 1;               /* 主内容区域占据剩余空间 */
}

.yt_article_sidebar {
  position: sticky;
  top: 85px;            /* 距离顶部 100px */
  align-self: flex-start; /* 防止侧边栏被拉伸 */
  height: fit-content;   /* 高度自适应内容 */
}

.maps{
    width: 1260px;
}
@media (max-width: 767px) {
    .support-box2 .page-title h1,.support-box2 .introduce{
        padding-left: 20px;
    }
    .maps{width:auto;}
}

.m-tops{
    margin-top: 110px;
}
@media (max-width: 767px) {
    .yt_articlelist_date{
        display: none;
    }
    .ufc-title{
        margin: 20px !important;
    }
    .module4_header{
        margin-bottom: 0px;
    }
    .m-size{
       font-size: 14px !important; 
    }
    .yt_fnnr_text{
        margin: 0;
    }
    .yt_fnnr_image {
        padding: 0 5%;
    }
    .yt_fnnr_banner_content,.yt_fnnr_text{
        padding: 5%;
        text-align: center;
        
    }
    .yt_fnnr_products{
        padding-top: 0;
    }
    .m-l{
        padding-left: 20px;
    }
    .aetag{
        display: none;
    }
    .yt_article_header{
        padding-top: 260px;
    }
    .yt_article_header .yt_article_title{
        font-size: 24px;
    }
    .yt_article_header .yt_article_date{
        font-size: 14px;
        opacity:1;
    }
    .m-tops{
        margin-top: 60px;
    }
    
    
}
/* 默认隐藏所有.module9_modules元素 */
.module9_modules {
  display: none;
}
@media (max-width: 767px) {
    .yt_cp_item1_nav{
        top: 60px!important;
    }
    .qiye-list .qiye-item{
        margin-top: 25px!important;
    }
    
    .content_faq_div{
        padding: 5px 15px!important;
    }
    .yt_qa_sidebar{
        flex: 0 0 auto!important;
    }
}





/* --- 弹窗框架样式 (cply-前缀) --- */
.cply-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
    box-sizing: border-box;
}

.cply-modal-overlay.cply-active {
    display: flex;
}

.cply-modal-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 800px;
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.cply-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #e9e9e9;
    flex-shrink: 0;
}

.cply-modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.cply-modal-close {
    background: none;
    border: none;
    font-size: 28px;
    font-weight: 300;
    color: #888;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.cply-modal-close:hover {
    color: #000;
}

.cply-modal-body {
    overflow-y: auto;
    padding: 24px; /* 恢复内边距，统一管理内部间距 */
}

/* --- 产品信息样式 (新增回来) --- */
.cply-product-info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 24px;
    margin-bottom: 24px; /* 与下方表单的间距 */
}

.cply-product-image {
    width: 100px;
    height: auto;
    flex-shrink: 0;
}

.cply-product-details p {
    
    font-size: 14px;
    line-height: 1.5;
}

.cply-product-name {
    font-weight: 600;
    color: #333;
    margin-top: 10px;
    margin-bottom: 5px;
}
.cply-product-source{
    margin-bottom: 5px;
}
.cply-product-link{
    margin-bottom: 5px;
}

.cply-product-link a {
    color: #007bff;
    text-decoration: none;
    word-break: break-all;
}
.cply-product-link a:hover {
    text-decoration: underline;
}


/* --- 您提供的表单样式 (ufc-前缀) --- */
.ufc-container-form {
    padding: 0; /* 移除内边距，防止与 .cply-modal-body 的内边距叠加 */
}
.ufc-title{
    text-align: center;
    margin: 0 0 20px 0;
}
.ufc-title p {
    font-size: 14px;
    color: #666;
}
.ufc-form-group {
    margin-bottom: 15px;
}
.ufc-form-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}
.ufc-required::after {
    content:" *";
    color: #f56c6c;
}
.ufc-option-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}
.ufc-radio-option {
    display: none;
}
.ufc-radio-label {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f5f7fa;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
    border: 1px solid #e0e0e0;
}
.ufc-radio-option:checked + .ufc-radio-label {
    background-color: #e6f1ff;
    color: #409eff;
    border-color: #a0cfff;
}
.ufc-radio-label:hover {
    border-color: #a0cfff;
}
.ufc-textarea, .ufc-input {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #f6f8fb;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}
.ufc-textarea:focus, .ufc-input:focus {
    outline: none;
    border-color: #1867c0;
    background-color: #fff;
}
.ufc-textarea {
    min-height: 80px;
    resize: vertical;
}
.ufc-submit-btn {
    background-color: #1867c0;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.ufc-submit-btn:hover {
    background-color: #1756a9;
}
.ufc-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* --- 响应式 --- */
@media (max-width: 600px) {
    .cply-modal-body {
        padding: 16px;
    }
    .cply-product-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .ufc-two-columns {
        grid-template-columns: 1fr;
    }
}


/*footer*/

.viewer-toolbar{position:fixed!important;top:50%!important;left:0!important;right:0!important;width:100%!important;height:auto!important;transform:translateY(-50%)!important;background:0 0!important;border:none!important;box-shadow:none!important;z-index:2000!important;pointer-events:none}
.viewer-toolbar ul{position:relative!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.viewer-toolbar li{pointer-events:auto;width:50px!important;height:50px!important;background:rgba(0,0,0,.5)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;opacity:.8}
.viewer-toolbar li:hover{background:rgba(0,0,0,.8)!important;opacity:1}
.viewer-toolbar .viewer-prev{margin-left:20px!important}
.viewer-toolbar .viewer-next{margin-right:20px!important}
.viewer-toolbar li::before{content:'';width:0;height:0;border-style:solid}
.viewer-toolbar .viewer-prev::before{content:'';border-right:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:-2px}
.viewer-toolbar .viewer-next::before{content:'';border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-right:-2px}
@media (max-width:768px){.viewer-toolbar li{width:40px!important;height:40px!important}
.viewer-toolbar .viewer-prev{margin-left:10px!important}
.viewer-toolbar .viewer-next{margin-right:10px!important}
.viewer-toolbar .viewer-prev::before{border-right:6px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.viewer-toolbar .viewer-next::before{border-left:6px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
}
.viewer-container:not(:hover) .viewer-toolbar li{opacity:.6}

/*footer*/


/*form*/
.ufc-container-form{padding:40px}
.ufc-container{background-color:#fff;color:#333;line-height:1.6;padding:20px;max-width:800px;margin:0 auto;border-radius:8px}
.ufc-title{text-align:center;margin:20px 0}
.ufc-title h2{font-size:24px;font-weight:700}
.ufc-form-group{margin-bottom:15px}
.ufc-form-label{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#333}
.ufc-required::after{content:" *";color:#f56c6c}
.ufc-option-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}
.ufc-radio-option{display:none}
.ufc-radio-label{display:inline-block;padding:10px 20px;background-color:#f5f7fa;border-radius:4px;cursor:pointer;font-size:14px;min-width:100px;text-align:center}
.ufc-radio-option:checked+.ufc-radio-label{background-color:#e6f1ff;color:#409eff}
.ufc-input:not(:disabled):hover,.ufc-radio-label:hover,.ufc-textarea:not(:disabled):hover{background:-webkit-gradient(linear,left bottom,left top,from(rgba(25,25,26,.04)),to(rgba(25,25,26,.04))),#f6f6f8;background:linear-gradient(0deg,rgba(25,25,26,.04),rgba(25,25,26,.04)),#f6f6f8}
.ufc-textarea{width:100%;padding:12px;border-radius:4px;min-height:100px;font-size:14px;resize:vertical;background-color:#f6f8fb}
.ufc-input{width:100%;padding:12px;border-radius:4px;font-size:14px;background-color:#f6f8fb}
.ufc-submit-btn{background-color:#1867c0;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:12px;cursor:pointer;transition:background-color .3s}
.ufc-submit-btn:hover{background-color:#1756a9}
.ufc-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:600px){.ufc-two-columns{grid-template-columns:1fr}
}

/*form*/

/*maps*/
@media (max-width: 1600px) {
    .support-box2 .introduce h3 {
        font-size: 18px;
    }
    .support-box2 .introduce p {
        font-size: 14px;
    }
    .support-box2 .introduce h5 {
        font-size: 15px;
    }
}
.support-box2 .introduce h5 {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    margin: min(2.604166666666667vw, 50px) 0 min(1.0416666666666665vw, 20px);
}
 .support-box2 .introduce p {
    font-size: 16px;
    color: #9cb9d2;
    line-height: 26px;
}
.support-box2 .introduce h3 {
    font-size: 24px;
    color: #fff;
    line-height: 1.6;
}
.map_img img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
}
.support-box2 {overflow: hidden;padding: 50px 0 80px;background: #2e4d67;}
@media (max-width:1024px) {
	.support-box2 { padding: 70px 0 80px 0 }
}
.support-box2 .page-title h1 { color: #00a0e9 }
.support-box2 .introduce { margin-top: min(1.0416666666666665vw, 20px) }
.support-box2 .content .wrap-box {
    position: relative;
    width: 100%; height: auto;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
     grid-gap: 50px;
}
.support-box2 .content .wrap-box::before,
.support-box2 .content .wrap-box::after { display: none; }
.support-box2 .content .wrap-box .le { width: 100%; flex: 1; padding-top: 30px; z-index: 2;}
.support-box2 .content .wrap-box .map_box { width: 58.73015873015873%; height: auto; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; position: absolute;
z-index: 1;
right: 0; top: 18%;}
.support-box2 .content .wrap-box .map_box .map_main { width: 100%; height: auto; position: relative; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; }
.support-box2 .content .wrap-box .map_box .map_main .map_img { width: 100%; height: auto; position: relative; z-index: 1; }
.support-box2 .content .wrap-box .map_box .map_main .map_img .img_active { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; }
.support-box2 .content .wrap-box .map_box .map_main .map_img .img { width: 100%; height: auto; background: #2e4d67; font-size: 0; }
.support-box2 .content .wrap-box .map_box .map_main .map_img .img img { mix-blend-mode: inherit; }
.support-box2 .content .wrap-box .map_box .map_main .item { width: 0; height: 0; position: absolute; z-index: 5; }
.support-box2 .content .wrap-box .map_box .map_main .item_1 { left: 25.1%; top: 48%; display:none;}
.support-box2 .content .wrap-box .map_box .map_main .item_2 { left: 34.7%; top: 41%; }
.support-box2 .content .wrap-box .map_box .map_main .item_3 { left: 31.94%; top: 46%; }
.support-box2 .content .wrap-box .map_box .map_main .item_4 { left: 32.2%; top: 53%; }
.support-box2 .content .wrap-box .map_box .map_main .item_5 { left: 36%; top: 46.5%; }
.support-box2 .content .wrap-box .map_box .map_main .item_6 { left: 36.1%; top: 46.5%; }
.support-box2 .content .wrap-box .map_box .map_main .item_7 { left: 36.2%; top: 46.7%; }
.support-box2 .content .wrap-box .map_box .map_main .item_8 { left: 34.5%; top: 51.5%; }
.support-box2 .content .wrap-box .map_box .map_main .item_9 { left: 35.5%; top: 50.4%; }
.support-box2 .content .wrap-box .map_box .map_main .item_10 { left: 36.4%; top: 50%; }
.support-box2 .content .wrap-box .map_box .map_main .item_11 { left: 38%; top: 43%; }
.support-box2 .content .wrap-box .map_box .map_main .item_12 { left: 33.5%; top: 58%; }
.support-box2 .content .wrap-box .map_box .map_main .item_13 { left: 31%; top: 55%; }
.support-box2 .content .wrap-box .map_box .map_main .item_14 { left: 31%; top: 60%; }
.support-box2 .content .wrap-box .map_box .map_main .item_15 { left: 31.5%; top: 63%; }
.halo_box { width: 94px; height: 94px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.halo_box::before, .halo_box::after { content: ''; width: 0; height: 0; position: absolute; background: #fff; }
.halo_box::before, .halo_box::after, .halo_box .halo { top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; }
.halo_box::before { animation: bgfd 4s linear infinite; }
.halo_box::after { animation: bgfd 4s linear infinite 1s; }
.halo_box .halo { width: 5px; height: 5px; position: relative; z-index: 5; background: #fff; }
@media (max-width: 1280px) {
    .halo_box { width: 80px; height: 80px; }
    .halo_box .halo { width: 4px; height: 4px; }
}
@media (max-width: 768px) {
    .support-box2 .content .wrap-box { display: block; }
    .support-box2 .content .wrap-box .le { padding: 0; }
    .support-box2 .content .wrap-box .map_box { width: 100%; padding-top: 30px;position: relative; }
    .halo_box { width: 60px; height: 60px; }
    .halo_box .halo { width: 3px; height: 3px; }
}

@keyframes bgfd{ 0%{ width: 0%; height: 0%; opacity: .1; } 100%{ width: 100%; height: 100%; opacity: 0; } }
/*maps*/




/* --- 以下是海报生成功能所需的样式 --- */

/* 加载提示 */
.poster-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 20px 30px;
    border-radius: 8px;
    z-index: 1001;
    font-size: 18px;
    display: none; /* 默认隐藏 */
}

/* 海报模态框遮罩层 */
.poster-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 半透明灰色背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.poster-modal-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* 海报容器 */
.poster-modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 海报图片 */
.poster-modal-content img {
    max-width: 100%;
    max-height: calc(90vh - 100px); /* 预留空间给按钮 */
    object-fit: contain;
}

/* 下载按钮 */
.poster-modal-content .download-btn {
    margin-top: 10px;
padding: 4px 10px;
    font-size: 12px;
    color: white;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
.poster-modal-content .download-btn:hover {
    background-color: #0056b3;
}


/* 使用了 not- 前缀的容器 class */
    .not-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 巨大的 404 数字 */
    .not-container h1 {
        font-size: 15vw; /* 使用视口宽度的15%作为字体大小，实现响应式 */
        font-weight: 700;
        color: #e9ecef;
        margin: 0;
        line-height: 1;
    }

    /* 提示信息 */
    .not-container p {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    /* 返回首页链接，设计成按钮样式 */
    .not-container a {
        display: inline-block;
        padding: 12px 25px;
        font-size: 30px;
        color: #fff;
        background-color: #007bff;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .not-container a:hover {
        background-color: #0056b3;
    }

    /* 在小屏幕上调整字体大小 */
    @media (max-width: 600px) {
        .not-container h1 {
            font-size: 35vw; /* 在手机上让数字更大更突出 */
        }
        .not-container p {
            font-size: 16px;
        }
        .not-container a {
            padding: 10px 20px;
            font-size: 16px;
        }
    }