.about_box {
    padding: 3rem 0;
    box-sizing: border-box;
}

.about .l {
    width: 45%;
}

.about .l img {
    display: block;
    width: 100%;
}

.about .r {
    width: 50%;
    color: #fff;
}

body {
    background-color: #000;
}

.about .r span p {
    margin: 0 0 .4375rem 0 !important;
}

.bannerhead .swiper-slide-active {
    position: relative;
    z-index: 1;
}

.about .r h4 {
    margin: 0 0 .1875rem 0;
}

.bktit {
    color: #fff;
    text-align: center;
    margin: 0 0 1rem 0;
}

.why_box {
    padding: 1.875rem 0;
    box-sizing: border-box;
}

.bktit h4 {
    margin: 0 0 .1875rem 0;
}

.why .line_box .l {
    text-align: center;
    color: #fff;
}

.why .line_box .l ul li {
    padding: .3125rem;
    box-sizing: border-box;
}

.why .line_box .l ul li:hover {
    background-image: url(../image/昂顿首页2/矩形 382@1x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.why .line_box .l ul .three_act {
    background-image: url(../image/昂顿首页2/矩形 382@1x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.why .line_box .l,
.why .line_box .r {
    width: 45%;
}

.why .line_box .r .p_box img {
    display: block;
    width: 100%;
}

.why .line_box .r .p_box {
    display: none;
}


.why .line_box .r .p_act {
    display: block;
}

.product_box {
    padding: 1.875rem 0;
    box-sizing: border-box;
}

.two_unit li {
    margin: 0 .9375rem;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.two_unit li:hover {
    color: #D40413;
    transition: all 0.6s;
}

.two_unit .two_act {
    color: #D40413;
}

.two_unit {
    margin: 0 0 1.25rem 0;
}


.product_list ul li {
    width: 30%;
}

.product_list ul li:last-child {
    display: none;
}

.product_list ul li a {
    display: block;
    background-color: #fff;
    padding: .375rem .625rem;
    box-sizing: border-box;
}


.product_list ul li a img {
    display: block;
    width: 100%;
}

.product_list ul li a h4 {
    margin: .625rem 0 0 0;
}

/* 11 */
.product_list ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .375rem .625rem;
    box-sizing: border-box;
    background-color: #fff;
    /* background-image: url(../image/web/1.首页/c4b3610eea9b639e82abbf29f67c34d.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; */
    /* animation: rotateBorder 4s linear infinite; */
    overflow: hidden;
    position: relative;
    z-index: 0;
    position: relative;
}


.product_list ul li a::after {
    content: '';
    inset: 6px;
    position: absolute;
    z-index: -1;
    background-color: #fff;
}


.product_list ul li a:hover::before {
    content: '';
    width: 200%;
    height: 200%;
    background-color: #fff;
    /* conic-gradient 围绕中心点旋转的渐变 */
    /* background: conic-gradient(transparent, #66ddf7, transparent 30%); */
    /* 使用image可以使背景具备颜色 */
    background-image: conic-gradient(transparent, #D40413, transparent 30%);
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: -2;
    animation: rotate 5s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* 11 */

.product_list {
    display: none;
}

.list_act {
    display: block;
}

.bktit h4 {
    text-transform: uppercase;
}

.bktit p {
    font-weight: 300;
}

.sol_box {
    padding: 1.875rem 0;
    box-sizing: border-box;
}

.bannersol img {
    display: block;
    width: 100%;
}

.bannersol .p_box {
    position: relative;
}

.bannersol .text_box {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: .375rem .5rem;
    box-sizing: border-box;
}

.bannersol .text_box p {
    line-height: 29px;
}

.bannersol {
    width: 140%;
    transform: translate(-14%, 0%);
}

.sol_list a .l,
.sol_list a .r {
    width: 45%;
}

.sol_list a {
    padding: 1.25rem 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sol_list a .r img {
    display: block;
    width: 100%;
}

.sol_list a .l {
    color: #fff;
}

.sol_list a .l h4 {
    margin: 0 0 .1875rem 0;
}

.sol_list a .l p {
    font-weight: 300;
}

.par_box {
    padding: 1.875rem 0;
    box-sizing: border-box;
}

.hotwo ul {
    flex-wrap: wrap;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    background-color: #fff;
}

.hotwo ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100%/6);
    /* border: 1px solid #E1E1E1; */
    box-sizing: border-box;
    height: 160px;
}

.hotwo ul li a img {
    display: block;
    width: 100%;
    filter: grayscale(100%);
    /* 标准语法 */
}

.hotwo ul li a:hover img {
    filter: grayscale(0%);
    /* 标准语法 */
}

.hotwo ul {
    padding: 1rem 10% !important;
    box-sizing: border-box;
}

.news_box {
    padding: 1.875rem 0 3.75rem 0;
    box-sizing: border-box;
    color: #fff;
}

.news .tit h4 {
    margin: 0 0 .1875rem 0;
}

.bannernews img {
    display: block;
    width: 100%;
}

.bannernews {
    margin: .75rem 0 0 0;

}

.bannernews a {
    color: #fff !important;
}

.bannernews a h4 {
    margin: .3125rem 0 0 0;
}

.more {
    margin: 1.5rem auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    width: 214px;
    height: 54px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #FFFFFF;
}

.yd_textbox {
    display: none;
}

.pc_text_box {
    display: block;
}

.yd_list {
    display: none;
}

.bannerhead .text_box_ny {
    display: none !important;
}

.bannernews a:hover {
    color: #D40413 !important;
    transition: all 0.6s;
}

.more:hover {
    color: #fff !important;
    background-color: #D40413;
    transition: all 0.6s;
}

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

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

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

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

  
    

    .unit ul li .p_box::before,
    .unit ul .unit_act .p_box::after {
        top: -36% !important;
    }
}

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

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

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

    #yd_osol>a::after {
        display: none !important;
    }

    .news .yd_list {
        margin: 10px 0 !important;
    }

    .news .yd_list li a img {
        display: block;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .news .yd_list li a {
        color: #fff !important;
    }

    .news .yd_list li a h4 {
        margin: 0 0 10px 0  ;
    }

    .news .yd_list li {
        margin: 0 0 15px 0;
    }

    .bannernews {
        display: none;
    }

    .yd_list {
        display: block;
    }

    .pc_list {
        display: none;
    }

    .yd_textbox {
        display: block;
        color: #fff;
    }

    .yd_textbox p {
        margin: 10px 0 !important;
    }
    
    .pc_text_box {
        display: none;
    }

    .hotwo ul li:nth-child(7),
    .hotwo ul li:nth-child(8),
    .hotwo ul li:nth-child(9),
    .hotwo ul li:nth-child(10),
    .hotwo ul li:nth-child(11),
    .hotwo ul li:nth-child(12) {
        display: none;
    }

    .news .tit h4,
    .news .tit p {
        text-align: center;
    }

    .more {
        display: none;
    }

    .bannersol {
        padding: 0 5%;
        box-sizing: border-box;
    }

    .bannersol .text_box {
        position: relative;
    }

    .product_list ul li:last-child {
        display: block;
    }

    body {
        line-height: 1.5;
    }

    .foot .bottom dl>div {
        justify-content: center;
    }

    .conainer ul {
        display: flex;
    }

    .nav_two {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
    }

    .qcode_box {
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, -100%);
    }

    .conainer {
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 100%;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .phone {
        display: none;
    }

    .phone_two {
        display: block;
    }

    .nav .bottom {
        display: none;
    }

    .nav .top .r {
        display: none;
    }

    .nav_two {
        display: block;
    }

    .yyqh {
        font-size: 30px !important;
    }

    .por_box a {
        text-align: center;
        font-size: 12px !important;
    }

    .foot .top {
        display: none;
    }

    .foot .bottom .l,
    .foot .bottom .r {
        width: 100%;
    }

    .foot .bottom {
        flex-wrap: wrap;
    }

    .foot .bottom .r {
        margin: .625rem 0 0 0;
    }

    .foot .bottom dl dt {
        text-align: center;
    }

    .rail .r a {
        display: none;
    }

    .rail .l img {
        width: 66px;
        height: 19px;
    }

    .nav_box {
        position: fixed;
    }

    .wap-nav dl {
        background-color: #000;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    }

    .wap-nav dl dd a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff !important;
    }

    .wap-nav dl dd a {
        color: #fff !important;
    }

    .wap-nav dl dd a img {
        margin: 0 0 0 10px;
    }

    #yd_osol>a {
        position: relative;
    }

    #yd_osol>a::after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 250px;
        height: 1px;
        background-color: #D8D8D8;
    }

    #yd_tsol {
        display: none;
    }

    .ydxtb {
        padding: 20px 0;
        box-sizing: border-box;
    }

    .ydxtb a {
        margin: 0 5px;
    }

    .zj_box {
        display: none;
    }

    .bannerhead {
        margin: 58px 0 0 0;
    }

    .bannerhead .text_box_ny {
        width: 80%;
    }

    .yyqh {
        display: block;
    }

    .skip a {
        margin: 0 5px;
    }

    .skip a i {
        font-size: 30px;
    }

    .ennavbol {
        display: none;
    }

    .about .l,
    .about .r {
        width: 100%;
    }

    .about {
        flex-wrap: wrap;
    }

    .about .r {
        margin: 10px 0 0 0;
    }

    .why .line_box .l,
    .why .line_box .r {
        width: 100%;
    }

    .why .line_box {
        flex-wrap: wrap;
    }

    .product_list ul {
        flex-wrap: wrap;
    }

    .product_list ul li {
        margin: 0 0 10px 0;
        width: 49%;
    }

    .bannersol {
        width: 100%;
        transform: translate(0%, 0%);
    }

    .bannersol .text_box p {
        line-height: 1.5;
    }

    .sol_list a .l,
    .sol_list a .r {
        width: 100%;
    }

    .sol_list a {
        flex-wrap: wrap;
    }

    .sol_list a .r {
        margin: 5px 0;
    }

    .hotwo ul li {
        width: calc(100%/3);
    }

    .bannernews {
        padding: 0 10%;
        box-sizing: border-box;
    }

    .zx {
        display: block;
        margin: 0 auto;
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    .nav .top .l {
        width: 25%;
    }
}

@media screen and (max-width: 640px) {
    .nav .top .l {
        width: 30%;
    }
}

@media screen and (max-width: 375px) {
    .nav .top .l {
        width: 35%;
    }
}