#loading
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
}
.circle
{
    margin: .4rem auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .1rem;
    height: .1rem;
    background-color: rgba(255,255,255,.5);
    box-shadow: -.1rem 0 0 white;
    border-radius: 50%;
    animation: circle_classic 1s ease-in-out infinite alternate;
}
@keyframes circle_classic
{
    0%
    {
        opacity: .1;
        transform: rotate(0deg) scale(.5);
    }
    100%
    {
        opacity: 1;
        transform: rotate(360deg) scale(1.2);
    }
}
.jqthumb
{
    transition: all .6s ease;
}
.jqthumb:hover
{
    transition: all .6s ease;
    transform: scale(1.05);
}
.wrap
{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1400px;
    min-width: 300px;
}
.elli1
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elli2
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.elli3
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.elli4
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.m-title h2
{
    font-size: .4rem;
    color: #333;
    text-align: center;
    margin-bottom: .1rem;
    line-height: 1.5;
}
.m-title p
{
    font-size: .16rem;
    color: #666;
    text-align: center;
    line-height: 1.5;
}
@media screen and (max-width: 750px)
{
    [wap="hide"]
    {
        display: none!important;
    }
    .wrap
    {
        max-width: 750px;
        padding: 0;
    }
    .m-title
    {
        padding: 0 .25rem;
    }
    .m-title h2
    {
        font-size: .46rem;
    }
    .m-title p
    {
        font-size: .18rem;
    }
}
@media screen and (min-width: 751px)
{
    [pc="hide"]
    {
        display: none!important;
    }
}
.top-box
{
    padding: 0 .5rem;
    border-bottom: 1px solid rgba(255,255,255,.15);
    position: fixed;
    width: 100%;
    height: .88rem;
    z-index: 100;
    display: flex;
    align-items: center;
    transition: all .3s;
}
.top-box:hover
{
    background-color: #fff;
}
.top-box:hover .top-logo a img.white
{
    display: none;
}
.top-box:hover .top-logo a img.red
{
    display: block;
}
.top-box:hover .top-nav .fir-ul .fir-li .u-a
{
    color: #333;
}
.top-box:hover .y-right .m-earch .ico
{
    background-position: 0 -1.07rem;
}
.top-box:hover .y-right .m-earch span
{
    color: #333;
}
.top-box:hover .y-right .m-language .ico
{
    background-image: url(../image/language_icon_1.gif);
}
.top-box:hover .y-right .m-language p
{
    color: #333;
}
.top-box:hover .y-right .m-language::after
{
    background-position: -.48rem -1.07rem;
}
.top-box.act
{
    background-color: #fff;
}
.top-box.act .top-logo a img.white
{
    display: none;
}
.top-box.act .top-logo a img.red
{
    display: block;
}
.top-box.act .top-nav .fir-ul .fir-li .u-a
{
    color: #333;
}
.top-box.act .y-right .m-earch .ico
{
    background-position: 0 -1.07rem;
}
.top-box.act .y-right .m-earch span
{
    color: #333;
}
.top-box.act .y-right .m-language .ico
{
    background-image: url(../image/language_icon_1.gif);
}
.top-box.act .y-right .m-language p
{
    color: #333;
}
.top-box.act .y-right .m-language::after
{
    background-position: -.48rem -1.07rem;
}
.top-box .top-logo a
{
    display: block;
    width: 2.58rem;
    height: .34rem;
}
.top-box .top-logo a img
{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.top-box .top-logo a img.white
{
    display: block;
}
.top-box .top-logo a img.red
{
    display: none;
}
.top-box .top-nav
{
    margin-left: auto;
    border-right: 1px solid rgba(255,255,255,.15);
}
.top-box .top-nav .fir-ul
{
    display: flex;
    align-items: center;
}
.top-box .top-nav .fir-ul .fir-li
{
    position: relative;
}
.top-box .top-nav .fir-ul .fir-li .u-a
{
    display: block;
    font-size: .18rem;
    line-height: .88rem;
    color: #fff;
    position: relative;
    padding: 0 .25rem;
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav
{
    display: none;
    position: fixed;
    top: .88rem;
    background: #fff;
    width: 1.62rem;
    margin: 0 0 0 -.22rem;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a
{
    display: block;
    font-size: .14rem;
    color: #333;
    text-align: center;
    line-height: 1.5;
    padding: .12rem 0;
}
.top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a:hover
{
    color: #fff;
    background-color: #e30a08;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a
{
    font-weight: 700;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a, .top-box .top-nav .fir-ul .fir-li:hover .u-a
{
    color: #fff;
    background: #f01b2f;
}
.top-box .top-nav .fir-ul .fir-li.current .u-a::after, .top-box .top-nav .fir-ul .fir-li:hover .u-a::after
{
    content: '';
    display: block;
    width: calc(100% - .5rem);
    height: .02rem;
    background-color: #f01b2f;
    position: absolute;
    left: .25rem;
    bottom: 0;
}
.top-box .top-nav .fir-ul .fir-li:hover .nav-subnav
{
    display: block;
}
.top-box .y-right
{
    display: flex;
    align-items: center;
}
.top-box .y-right .m-earch
{
    display: flex;
    align-items: center;
    margin-left: .4rem;
    cursor: pointer;
}
.top-box .y-right .m-earch .ico
{
    display: block;
    width: .22rem;
    height: .22rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    margin-right: .06rem;
}
.top-box .y-right .m-earch span
{
    display: block;
    font-size: .13rem;
    color: #fff;
    line-height: .48rem;
}
.top-box .y-right .m-language
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: .4rem;
    width: 1.05rem;
    position: relative;
    padding: .2rem 0;
}
.top-box .y-right .m-language .ico
{
    display: block;
    width: .22rem;
    height: .22rem;
    background-image: url(../image/language_icon_2.gif);
    background-size: .22rem;
    margin-right: .07rem;
}
.top-box .y-right .m-language p
{
    height: .48rem;
    width: .7rem;
    line-height: .48rem;
    font-size: .13rem;
    color: #fff;
    cursor: pointer;
}
.top-box .y-right .m-language .lang-li
{
    display: none;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    text-align: center;
    border-radius: .04rem;
    padding: .08rem .03rem;
    position: absolute;
    left: .1rem;
    top: .7rem;
    z-index: 999;
    transition: all .5s ease;
}
.top-box .y-right .m-language .lang-li::before
{
    content: '';
    position: absolute;
    top: -.2rem;
    left: .35rem;
    display: block;
    z-index: 5;
    border-color: transparent transparent #fff transparent;
    border-width: .1rem;
    border-style: solid;
    transition: all .5s ease;
}
.top-box .y-right .m-language .lang-li ul li a
{
    display: block;
    color: #333;
    font-size: .14rem;
    padding: .05rem .15rem;
}
.top-box .y-right .m-language .lang-li ul li:last-child a
{
    line-height: .2rem;
}
.top-box .y-right .m-language .lang-li ul li:hover a
{
    color: #f01b2f;
}
.top-box .y-right .m-language::after
{
    content: "";
    display: block;
    width: .11rem;
    height: .05rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: -.47rem 0;
}
.top-box .y-right .m-language:hover .lang-li
{
    display: block;
}
.top-box .search-layer
{
    position: absolute;
    top: -.88rem;
    left: 0;
    width: 100%;
    height: .88rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}
.top-box .search-layer .ico
{
    display: block;
    width: .22rem;
    height: .22rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    margin-right: .06rem;
}
.top-box .search-layer .text
{
    display: block;
    width: 80%;
    height: .88rem;
    line-height: .88rem;
    font-size: .26rem;
    color: #000;
    background: none;
    border: none;
    outline: none;
}
.top-box .search-layer a
{
    display: block;
    width: .24rem;
    height: .24rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: 0 -.21rem;
    margin-left: auto;
}
.in-banner-box .swiper-container
{
    height: 100%;
}
.in-banner-box .swiper-container .swiper-slide
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.in-banner-box .swiper-container .swiper-slide img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.in-banner-box .swiper-container .swiper-slide .u-text
{
    position: absolute;
    width: 8rem;
    height: 2.2rem;
    left: 13.5%;
    top: 50%;
    margin-top: -1.1rem;
    z-index: 10;
}
.in-banner-box .swiper-container .swiper-slide .u-text p
{
    width: 100%;
    color: #fcfcfc;
    font-size: .22rem;
}
.in-banner-box .swiper-container .swiper-slide .u-text h3
{
    width: 100%;
    font-size: .45rem;
    color: #fcfcfc;
    margin-top: .2rem;
}
.in-banner-box .swiper-container .swiper-slide .u-text .banner-btn
{
    display: block;
    width: 1.46rem;
    margin-top: .5rem;
    border: 1px solid #fff;
    font-size: .14rem;
    text-align: center;
    line-height: .42rem;
    color: #fff;
}
.in-banner-box .swiper-container .swiper-slide .u-text .banner-btn:hover
{
    color: #fff;
    background-color: #e42919;
    border-color: #e42919;
}
.in-banner-box .swiper-button-prev, .in-banner-box .swiper-button-next
{
    background-image: url(../image/icon.png);
    background-size: 3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    outline: none;
}
.in-banner-box .swiper-button-prev
{
    background-position: -.57rem 0;
    left: .5rem;
}
.in-banner-box .swiper-button-next
{
    background-position: -1.17rem 0;
    right: .5rem;
}
.in-banner-box .swiper-pagination
{
    bottom: .3rem;
}
.in-banner-box .swiper-pagination .swiper-pagination-bullet
{
    width: .3rem;
    height: .05rem;
    border-radius: 0;
    opacity: 1;
    background-color: rgba(255,255,255,.3);
    cursor: pointer;
    outline: none;
}
.in-banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color: #fff;
}
.in-banner-box .scroll-down
{
    position: absolute;
    bottom: .7rem;
    left: 50%;
    z-index: 10;
    width: 1rem;
    margin-left: -.5rem;
}
.in-banner-box .scroll-down .mouse
{
    width: .24rem;
    height: .38rem;
    background: url(../image/mouse.png) no-repeat center/cover;
    border-radius: 1rem;
    margin: 0 auto .05rem;
    overflow: hidden;
    position: relative;
}
.in-banner-box .scroll-down .mouse::before
{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    animation: scrollDown 2s infinite linear;
}
@keyframes scrollDown
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: translate(0,.2rem);
        opacity: 0;
    }
}
.in-banner-box .scroll-down p
{
    font-size: .12rem;
    color: #959595;
    line-height: 1.5;
    text-align: center;
}
.banner-box
{
    height: 6rem;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-box .u-img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-box .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner-box .m-title
{
    position: relative;
    z-index: 10;
}
.banner-box .m-title h2, .banner-box .m-title p
{
    color: #fff;
}
.m-crumb
{
    margin-top: .35rem;
}
.m-crumb span
{
    margin: 0 .08rem;
    font-size: .14rem;
    color: #e2e2e2;
    line-height: 1.5;
    font-weight: 100;
}
.m-crumb a
{
    font-size: .14rem;
    color: #999;
    line-height: 1.5;
    margin-right: .05rem;
}
.m-crumb a.index, .m-crumb span.index
{
    color: #666;
}
.m-crumb a:hover
{
    color: #f01b2f;
}
.brand-box
{
    margin: .5rem .6rem;
}
.brand-box .wrap
{
    border: 1px solid #ededed;
    padding: .2rem .3rem;
    display: block;
}
.brand-box .wrap .itmes
{
    display: flex;
    justify-content: space-between;
    margin: .2rem 0;
}
.brand-box .wrap .itmes .itme-tit
{
    width: .9rem;
    font-size: .18rem;
    color: #333;
    line-height: .28rem;
    flex-shrink: 0;
}
.brand-box .wrap .itmes .itme-con
{
    flex-grow: 1;
}
.brand-box .wrap .itmes .itme-con ul
{
    display: flex;
    flex-wrap: wrap;
}
.brand-box .wrap .itmes .itme-con ul li
{
    font-size: .14rem;
    color: #4b4b4b;
    padding: 0 .2rem;
    line-height: .3rem;
    cursor: pointer;
    margin: 0 .08rem;
}
.brand-box .wrap .itmes .itme-con ul li.current, .brand-box .wrap .itmes .itme-con ul li:hover
{
    background-color: #e42919;
    color: #fff;
}
.m-pages
{
    display: flex;
    justify-content: center;
}
.m-pages a
{
    font-size: .14rem;
    color: #666;
    line-height: .48rem;
    height: .48rem;
    border: 1px solid #dedede;
    border-left: none;
    padding: 0 .2rem;
}
.m-pages a.current, .m-pages a:hover
{
    color: #fff;
    background-color: #e42919;
    border-color: #e42919;
}
.m-pages a.pageprv
{
    border-left: 1px solid #dedede;
}
.m-pages1 a
{
    display: flex;
    align-items: center;
    margin: .15rem 0;
}
.m-pages1 a .label
{
    display: block;
    font-size: .16rem;
    line-height: .22rem;
    color: #999;
    border-right: 1px solid #dedede;
    margin-right: .3rem;
    padding-right: .3rem;
}
.m-pages1 a .label span
{
    font-family: "SimSun"!important;
    margin-right: .1rem;
}
.m-pages1 a p
{
    font-size: .16rem;
    color: #333;
}
.m-pages1 a:hover p
{
    color: #e42919;
}
.service-box
{
    height: 1.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../image/service-box.jpg) no-repeat center/cover;
    margin-top: .85rem;
}
.service-box h2
{
    font-size: .3rem;
    color: #333;
    line-height: 1.5;
    font-weight: normal;
}
.service-box a
{
    display: block;
    width: 1.25rem;
    height: .4rem;
    margin-left: .75rem;
    line-height: .4rem;
    font-size: .14rem;
    color: #d41721;
    text-align: center;
    border: 1px solid #d41721;
}
.service-box a:hover
{
    background-color: #d41721;
    color: #fff;
}
.m-range
{
    display: flex;
    align-items: center;
    margin-top: .3rem;
}
.m-range .label
{
    padding: 0 .2rem;
    line-height: .38rem;
    border: 1px solid #eee;
    font-size: .14rem;
    color: #666;
    margin-right: .1rem;
}
.main-box .m-project .wrap
{
    flex-direction: column;
}
.main-box .m-project .wrap .m-title
{
    width: 100%;
    margin: .8rem 0 .6rem;
}
.main-box .m-project .wrap .project-con
{
    display: flex;
}
.main-box .m-project .wrap .project-con .left-column .items
{
    display: none;
    position: relative;
    width: 10.52rem;
    height: 6.18rem;
}
.main-box .m-project .wrap .project-con .left-column .items.current
{
    display: block;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text
{
    position: relative;
    z-index: 10;
    background-color: rgba(0,0,0,.8);
    padding: .75rem 1.65rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text h3
{
    font-size: .34rem;
    color: #fff;
    line-height: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text h3::after
{
    content: '';
    display: block;
    width: .32rem;
    height: .02rem;
    background-color: #fff;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-con
{
    margin-top: .55rem;
    font-size: .2rem;
    line-height: 1.8;
    color: #e2e2e2;
    text-align: center;
    height: 1.4rem;
    overflow: hidden;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a
{
    font-size: .14rem;
    color: #fff;
    line-height: .23rem;
    display: block;
    text-align: center;
    margin-top: .35rem;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a::after
{
    content: ">";
    font-size: .14rem;
    color: #fff;
    line-height: 1.5;
    font-family: '宋体';
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .u-a:hover
{
    color: #f01b2f;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .m-range
{
    margin-top: 1.05rem;
    justify-content: center;
}
.main-box .m-project .wrap .project-con .left-column .items .y-text .m-range .label
{
    margin: 0 .14rem;
    border: 1px solid #fff;
    color: #fff;
}
.main-box .m-project .wrap .project-con .left-column .items .u-img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.main-box .m-project .wrap .project-con .left-column .items .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-box .m-project .wrap .project-con .right-column
{
    width: 3.48rem;
}
.main-box .m-project .wrap .project-con .right-column ul li
{
    position: relative;
    height: 1.52rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a
{
    border-bottom: 1px solid #f5f6fb;
    padding: .45rem .4rem;
    display: block;
    height: 1.52rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a:hover .u-cn
{
    color: #e30a08;
}
.main-box .m-project .wrap .project-con .right-column ul li a .u-cn
{
    font-size: .24rem;
    color: #666;
    margin-right: .2rem;
    margin-bottom: .1rem;
    width: 3rem;
    line-height: .28rem;
}
.main-box .m-project .wrap .project-con .right-column ul li a .u-en
{
    font-size: .14rem;
    color: #e78a89;
    line-height: .24rem;
    display: none;
}
.main-box .m-project .wrap .project-con .right-column ul li a .ico
{
    display: none;
    width: .28rem;
    height: .08rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: -.24rem -.25rem;
    position: absolute;
    right: .4rem;
    top: .53rem;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a
{
    background-color: #e30a08;
    border-color: #e30a08;
    width: 4.08rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a .u-cn
{
    color: #fff;
}
.main-box .m-project .wrap .project-con .right-column ul li.current a .u-en, .main-box .m-project .wrap .project-con .right-column ul li.current a .ico
{
    display: block;
}
.main-box .m-product
{
    background: url(../image/product-bg.jpg) no-repeat center/cover;
    padding: .65rem 0;
    margin-top: 1rem;
}
.main-box .m-product .wrap
{
    align-items: center;
    flex-direction: column;
}
.main-box .m-product .wrap .m-title
{
    margin-bottom: .6rem;
}
.main-box .m-product .wrap .product-con
{
    width: 100%;
}
.main-box .m-product .wrap .product-con ul
{
    display: block;
}
.main-box .m-product .wrap .product-con ul::after
{
    content: "";
    clear: both;
    display: block;
}
.main-box .m-product .wrap .product-con ul li
{
    float: left;
    margin-right: 1%;
    width: 24%;
    height: 5.5rem;
}
.main-box .m-product .wrap .product-con ul li a
{
    display: block;
    width: 100%;
    margin-bottom: .3rem;
}
.main-box .m-product .wrap .product-con ul li a .u-img
{
    width: 100%;
    height: 3.4rem;
    overflow: hidden;
}
.main-box .m-product .wrap .product-con ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.main-box .m-product .wrap .product-con ul li a .u-text
{
    padding: .3rem .5rem;
    background-color: #fff;
    text-align: center;
    height: 1.7rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2
{
    font-size: .2rem;
    color: #333;
    line-height: .4rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text h2::after
{
    content: '';
    display: block;
    width: .1rem;
    height: .02rem;
    background-color: #e11b25;
    margin: .14rem auto;
}
.main-box .m-product .wrap .product-con ul li a .u-text p
{
    font-size: .14rem;
    color: #666;
    line-height: .28rem;
    margin-bottom: .2rem;
}
.main-box .m-product .wrap .product-con ul li a .u-text span
{
    display: none;
    width: 1.1rem;
    height: .3rem;
    background-color: #fff;
    font-size: .12rem;
    line-height: .3rem;
    color: #e30a08;
    margin: 0 auto;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text
{
    background-color: #db1615;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text h2
{
    color: #fff;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text h2::after
{
    display: none;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text p
{
    color: #fff;
}
.main-box .m-product .wrap .product-con ul li a:hover .u-text span
{
    display: block;
}
.main-box .m-product .wrap .more
{
    display: block;
    width: 1.7rem;
    height: .45rem;
    text-align: center;
    line-height: .45rem;
    font-size: .14rem;
    background-color: #fff;
    margin-top: .15rem;
}
.main-box .m-product .wrap .more:hover
{
    background-color: #db1615;
    color: #fff;
}
.main-box .m-about
{
    background: url(../image/about-bg.jpg) no-repeat center/cover;
    padding-top: .5rem;
    height: 5.5rem;
    display: none;
}
.main-box .m-about .wrap
{
    flex-direction: column;
}
.main-box .m-about .wrap h2
{
    font-size: .4rem;
    font-weight: normal;
    color: #fff;
    line-height: .8rem;
    text-align: center;
}
.main-box .m-about .wrap .u-con
{
    font-size: .16rem;
    color: #fff;
    line-height: .32rem;
    text-align: center;
    height: 1.28rem;
    margin: .25rem auto 0;
    width: 80%;
}
.main-box .m-about .wrap .m-datalist ul
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .6rem;
}
.main-box .m-about .wrap .m-datalist ul li
{
    flex-grow: 1;
    text-align: center;
    border-right: 1px solid #585858;
}
.main-box .m-about .wrap .m-datalist ul li:last-child
{
    border-right: none;
}
.main-box .m-about .wrap .m-datalist ul li .y-top strong
{
    font-size: .56rem;
    color: #fff;
}
.main-box .m-about .wrap .m-datalist ul li .y-top span
{
    font-size: .2rem;
    color: #fff;
}
.main-box .m-about .wrap .m-datalist ul li p
{
    font-size: .16rem;
    color: #c8c8c8;
}
.main-box .m-news .wrap
{
    flex-direction: column;
}
.main-box .m-news .wrap .m-title
{
    margin: .65rem 0;
}
.main-box .m-news .wrap .news-con
{
    display: flex;
    justify-content: space-between;
}
.main-box .m-news .wrap .news-con .left-column
{
    width: 47.5%;
    overflow: hidden;
}
.main-box .m-news .wrap .news-con .left-column a
{
    display: block;
    width: 6.6rem;
    position: relative;
}
.main-box .m-news .wrap .news-con .left-column a .u-img
{
    width: 100%;
    overflow: hidden;
    height: 3.3rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.main-box .m-news .wrap .news-con .left-column a .u-text h4
{
    font-size: .18rem;
    color: #333;
    line-height: .28rem;
    font-weight: normal;
    margin-top: .2rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-text p
{
    font-size: .14rem;
    color: #999;
    line-height: .22rem;
    height: .44rem;
    margin-top: .1rem;
    padding-right: .5rem;
}
.main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem
{
    font-size: .16rem;
    color: #999;
    line-height: .24rem;
    padding: .25rem 0;
    border-bottom: 1px solid #ececec;
    position: relative;
}
.main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem::after
{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #e42919;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all .35s;
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-img img
{
    transform: scale(1.1);
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-text h4
{
    color: #e11b25;
}
.main-box .m-news .wrap .news-con .left-column a:hover .u-text .u-tiem::after
{
    width: 100%;
}
.main-box .m-news .wrap .news-con .right-column
{
    width: 47.5%;
    border-top: 1px solid #ececec;
    overflow: hidden;
}
.main-box .m-news .wrap .news-con .right-column ul li a
{
    display: block;
    padding: .4rem 0;
    border-bottom: 1px solid #ececec;
    position: relative;
}
.main-box .m-news .wrap .news-con .right-column ul li a::after
{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #e42919;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .35s;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top h4
{
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    width: 5.65rem;
    font-weight: normal;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-top .u-tiem
{
    font-size: .18rem;
    line-height: .24rem;
    color: #c8c8c8;
}
.main-box .m-news .wrap .news-con .right-column ul li a .y-con
{
    width: 5.65rem;
    font-size: .14rem;
    color: #999;
    line-height: .26rem;
    height: .52rem;
    margin-top: .12rem;
}
.main-box .m-news .wrap .news-con .right-column ul li a:hover .y-top h4
{
    color: #e11b25;
}
.main-box .m-news .wrap .news-con .right-column ul li a:hover::after
{
    width: 100%;
}
.main-box .m-news .wrap .more
{
    display: block;
    width: 1.7rem;
    height: .45rem;
    text-align: center;
    line-height: .43rem;
    font-size: .14rem;
    background-color: #fff;
    margin: .5rem auto;
    border: 1px solid #eaeaea;
}
.main-box .m-news .wrap .more:hover
{
    color: #fff;
    background-color: #db1615;
    border: 1px solid #db1615;
}
.main-box .m-partners
{
    display: none;
}
.main-box .m-partners .wrap
{
    display: block;
}
.main-box .m-partners .wrap .m-title
{
    margin-top: .15rem;
}
.main-box .m-partners .wrap .swiper-container
{
    margin-top: .45rem;
    height: 2.3rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: .15rem;
    height: 1.15rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a
{
    display: block;
    width: 1.8rem;
    height: 1rem;
    border: 1px solid #eaeaea;
    transition: all .3s;
    margin-left: .64rem;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a:first-child
{
    margin-left: 0;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-box .m-partners .wrap .swiper-container .swiper-slide a:hover
{
    border-color: #e11b25;
}
.main-box .m-service
{
    background-image: url(../image/service-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: .45rem;
}
.main-box .m-service .wrap
{
    justify-content: space-between;
}
.main-box .m-service .wrap .u-img
{
    width: 5.17rem;
    height: 3.21rem;
    overflow: hidden;
}
.main-box .m-service .wrap .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-box .m-service .wrap .u-text
{
    flex-grow: 1;
    padding-top: .9rem;
}
.main-box .m-service .wrap .u-text h2
{
    font-size: .3rem;
    color: #333;
    line-height: .48rem;
}
.main-box .m-service .wrap .u-text p
{
    font-size: .14rem;
    color: #666;
    line-height: .24rem;
    margin: .1rem 0;
}
.main-box .m-service .wrap .u-text p::after
{
    content: "";
    display: block;
    width: .3rem;
    height: .02rem;
    background-color: #686868;
    margin-top: .1rem;
}
.main-box .m-service .wrap .u-text .form
{
    margin-top: .2rem;
    display: flex;
    align-items: center;
}
.main-box .m-service .wrap .u-text .form form
{
    display: flex;
    align-items: center;
}
.main-box .m-service .wrap .u-text .form form input
{
    display: block;
    width: 4.7rem;
    height: .5rem;
    line-height: .5rem;
    background-color: #fff;
    border: none;
    outline: none;
    font-size: .16rem;
    color: #999;
    padding: 0 .2rem;
}
.main-box .m-service .wrap .u-text .form form button
{
    display: block;
    width: 1.55rem;
    height: .5rem;
    line-height: .5rem;
    padding: 0;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    border: none;
    outline: none;
    background-color: #e11b25;
    cursor: pointer;
}
.main-box .m-service .wrap .u-text .form a
{
    display: block;
    width: 1.55rem;
    height: .5rem;
    border: 1px solid #e11b25;
    margin-left: .25rem;
    line-height: .48rem;
    text-align: center;
    font-size: .16rem;
    color: #e11b25;
}
.main-box .m-service .wrap .u-text .form a:hover
{
    border: 1px solid #c8111b;
    color: #c8111b;
    color: #fff;
    background: #c8111b;
}
.sub-box .product-list .wrap
{
    display: block;
    padding-bottom: .1rem;
    min-height: 3rem;
}
.sub-box .product-list .wrap ul li a
{
    display: flex;
    justify-content: space-between;
    margin-bottom: .58rem;
}
.sub-box .product-list .wrap ul li a .u-img
{
    width: 6.55rem;
    height: 3.3rem;
    overflow: hidden;
}
.sub-box .product-list .wrap ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sub-box .product-list .wrap ul li a .right-column
{
    width: 7rem;
    padding-left: .25rem;
    padding-top: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column h2
{
    font-size: .24rem;
    color: #333;
    line-height: .4rem;
}
.sub-box .product-list .wrap ul li a .right-column p
{
    font-size: .14rem;
    color: #666;
    line-height: .24rem;
    margin-top: .1rem;
}
.sub-box .product-list .wrap ul li a .right-column .u-con
{
    font-size: .14rem;
    line-height: .24rem;
    color: #999;
    height: auto;
    margin: .4rem 0 .1rem 0;
    border-bottom: 1px solid #eee;
    padding-bottom: .3rem;
}
.sub-box .product-list .wrap ul li a .right-column .m-range
{
    display: inherit;
    margin-top: .15rem;
}
.sub-box .product-list .wrap ul li a .right-column .m-range .label
{
    padding: 0 .2rem;
    line-height: .36rem;
    border: 1px solid #eee;
    font-size: .14rem;
    color: #666;
    margin: 0 .1rem .1rem 0;
    display: inline-block;
}
.sub-box .product-list .wrap ul li a:hover .right-column h2
{
    color: #e42919;
}
.sub-box .product-list .wrap .null
{
    font-size: .16rem;
    color: #666;
    padding-top: 1rem;
    text-align: center;
}
.sub-box .product-details .wrap
{
    display: block;
}
.sub-box .product-details .wrap .info-box
{
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}
.sub-box .product-details .wrap .info-box .left-column
{
    width: 46%;
    overflow: hidden;
}
.sub-box .product-details .wrap .info-box .left-column .swiper-button-black
{
    outline: none;
}
.sub-box .product-details .wrap .info-box .left-column .carouseltop li
{
    height: 3.8rem;
    width: 46%;
}
.sub-box .product-details .wrap .info-box .left-column .carouseltop li img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs
{
    padding: .15rem 0 .35rem;
    border-bottom: 1px solid #ededed;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li
{
    width: 1.44rem;
    height: .88rem;
    border: 1px solid transparent;
    cursor: pointer;
    opacity: .6;
    transition: all .3s;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li.swiper-slide-thumb-active
{
    border: 1px solid #e42919;
    opacity: 1;
}
.sub-box .product-details .wrap .info-box .left-column .casethumbs li img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sub-box .product-details .wrap .info-box .right-column
{
    width: 50%;
    margin-left: .1rem;
}
.sub-box .product-details .wrap .info-box .right-column h2
{
    font-size: .28rem;
    color: #221715;
    margin: .15rem 0;
}
.sub-box .product-details .wrap .info-box .right-column p
{
    font-size: .14rem;
    color: #666;
    line-height: .24rem;
}
.sub-box .product-details .wrap .info-box .right-column .u-con
{
    margin: .3rem 0 .25rem;
    border: 1px solid #fef4ab;
    background-color: #fffce6;
    font-size: .16rem;
    color: #333;
    line-height: .28rem;
    padding: .17rem .2rem;
}
.sub-box .product-details .wrap .info-box .right-column .m-range
{
    flex-wrap: wrap;
}
.sub-box .product-details .wrap .info-box .right-column .m-range .label
{
    margin-bottom: .15rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn
{
    margin-top: .6rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a
{
    display: inline-block;
    width: 1.7rem;
    height: .52rem;
    line-height: .5rem;
    text-align: center;
    font-size: .16rem;
    border: 1px solid #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.serv
{
    color: #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.serv:hover
{
    color: #fff;
    background-color: #e11b25;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.place
{
    color: #fff;
    background-color: #e11b25;
    margin-right: .2rem;
}
.sub-box .product-details .wrap .info-box .right-column .a-btn a.place:hover
{
    background-color: #cb0e17;
}
.sub-box .product-details .wrap .detail-box
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: .5rem;
}
.sub-box .product-details .wrap .detail-box .ProductDetail
{
    width: 9.6rem;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox
{
    display: flex;
    background-color: #f6f6f6;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span
{
    display: block;
    flex-grow: 1;
    line-height: .62rem;
    text-align: center;
    font-size: .18rem;
    cursor: pointer;
    color: #666;
    font-weight: 500;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span.current, .sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span:hover
{
    color: #e11b25;
    border-bottom: .02rem solid #e42919;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox
{
    padding: .2rem 0;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme
{
    display: none;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme.current
{
    display: block;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p
{
    font-size: .16rem;
    color: #333;
    line-height: .24rem;
    padding: .12rem 0;
}
.sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p img
{
    width: 90%;
    max-width: 100%;
    text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend
{
    width: 3.6rem;
    border: 1px solid #e6e6e6;
}
.sub-box .product-details .wrap .detail-box .recommend .u-tit
{
    background-color: #f6f6f6;
    text-align: center;
    font-size: .2rem;
    line-height: .64rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul
{
    margin-top: .35rem;
    padding: 0 .2rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a
{
    display: block;
    background-color: #fafafa;
    margin-bottom: .25rem;
    padding-bottom: .2rem;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-img
{
    width: 3.2rem;
    height: 2.9rem;
    overflow: hidden;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con h3
{
    color: #515151;
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .25rem;
    text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con i
{
    display: block;
    width: .12rem;
    height: .02rem;
    background-color: #e42919;
    margin: .1rem auto;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a .u-con p
{
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
    text-align: center;
}
.sub-box .product-details .wrap .detail-box .recommend ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .product-details .wrap .detail-box .recommend ul li a:hover .u-con h3
{
    color: #e42919;
}
.sub-box .programme-list
{
    margin-top: .55rem;
}
.sub-box .programme-list .wrap
{
    display: block;
}
.sub-box .programme-list .wrap ul li
{
    display: flex;
    justify-content: space-between;
    margin-bottom: .7rem;
}
.sub-box .programme-list .wrap ul li .u-img
{
    width: 45%;
    height: 3.55rem;
    background-color: #000;
    overflow: hidden;
}
.sub-box .programme-list .wrap ul li .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
    opacity: .6;
}
.sub-box .programme-list .wrap ul li .right-column
{
    width: 50%;
}
.sub-box .programme-list .wrap ul li .right-column h2
{
    font-size: .26rem;
    color: #333;
    font-weight: normal;
    line-height: .48rem;
    margin: .15rem 0;
}
.sub-box .programme-list .wrap ul li .right-column h4
{
    font-weight: normal;
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-con
{
    font-size: .16rem;
    color: #666;
    line-height: .36rem;
    height: 1.08rem;
    margin-top: .3rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-a a
{
    display: block;
    width: 1.2rem;
    height: .4rem;
    text-align: center;
    font-size: .14rem;
    color: #333;
    line-height: .4rem;
    border: 1px solid #999;
    margin-top: .2rem;
}
.sub-box .programme-list .wrap ul li .right-column .u-a a:hover
{
    color: #e42919;
    border-color: #e42919;
}
.sub-box .programme-details
{
    padding: .3rem 0 0 0;
}
.sub-box .programme-details .wrap
{
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub-box .programme-details .wrap .left-column
{
    width: 52%;
}
.sub-box .programme-details .wrap .left-column .u-tit h2
{
    font-size: .32rem;
    color: #333;
    font-weight: normal;
    line-height: .48rem;
}
.sub-box .programme-details .wrap .left-column .u-tit i
{
    display: block;
    width: .35rem;
    height: .03rem;
    background-color: #666;
    margin: .2rem 0;
}
.sub-box .programme-details .wrap .left-column .u-con p
{
    font-size: .14rem;
    color: #333;
    line-height: .28rem;
    padding: .15rem 0;
}
.sub-box .programme-details .wrap .right-column
{
    width: 44%;
}
.sub-box .programme-details .wrap .right-column img
{
    max-width: 100%;
}
.sub-box .programme-details .wrap .reco-case
{
    width: 100%;
    border-top: 1px solid #ededed;
    margin-top: .8rem;
    padding-top: .5rem;
}
.sub-box .programme-details .wrap .reco-case .u-tit h2
{
    font-size: .32rem;
    color: #333;
    font-weight: normal;
    text-align: center;
    line-height: .48rem;
}
.sub-box .programme-details .wrap .reco-case .u-tit i
{
    display: block;
    width: .35rem;
    height: .03rem;
    background-color: #666;
    margin: .2rem auto;
}
.sub-box .programme-details .wrap .reco-case ul
{
    margin-top: .3rem;
}
.sub-box .programme-details .wrap .reco-case ul li
{
    display: inline-block;
    margin-right: 1%;
    width: 23.9%;
    overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li:nth-child(4n)
{
    display: inline-block;
    margin-right: 0%;
    width: 24%;
    overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li a
{
    display: block;
    width: 100%;
}
.sub-box .programme-details .wrap .reco-case ul li a .u-img
{
    width: 100%;
    height: 2.1rem;
    overflow: hidden;
}
.sub-box .programme-details .wrap .reco-case ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .programme-details .wrap .reco-case ul li a p
{
    font-size: .18rem;
    color: #404040;
    line-height: .32rem;
    text-align: center;
    margin: .1rem 0;
}
.sub-box .programme-details .wrap .reco-case ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .case-list .wrap
{
    display: block;
}
.sub-box .case-list .wrap ul
{
    display: flex;
    flex-wrap: wrap;
    margin: .6rem 0;
}
.sub-box .case-list .wrap ul li
{
    border-top: 1px solid #ebebeb;
    flex-grow: 1;
    padding-top: .8rem;
    width: 50%;
}
.sub-box .case-list .wrap ul li:nth-child(2n)
{
    border-left: 1px solid #ebebeb;
}
.sub-box .case-list .wrap ul li:nth-child(2n) a
{
    margin-left: auto;
}
.sub-box .case-list .wrap ul li:nth-child(-n+2)
{
    padding-top: 0;
    border-top: none;
}
.sub-box .case-list .wrap ul li a
{
    display: block;
    width: 5.95rem;
    height: 4rem;
    padding-bottom: .4rem;
    overflow: hidden;
}
.sub-box .case-list .wrap ul li a .u-img
{
    width: 5.95rem;
    height: 2.17rem;
    overflow: hidden;
}
.sub-box .case-list .wrap ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .case-list .wrap ul li a .right-column h2
{
    font-size: .22rem;
    color: #333;
    line-height: .48rem;
    margin: .2rem 0;
    font-weight: normal;
}
.sub-box .case-list .wrap ul li a .right-column .u-con
{
    font-size: .14rem;
    line-height: .3rem;
    color: #999;
    height: .9rem;
}
.sub-box .case-list .wrap ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .case-list .wrap ul li a:hover .right-column h2
{
    color: #e42919;
}
.sub-box .advantage-list .wrap
{
    display: block;
    margin-top: .6rem;
}
.sub-box .advantage-list .wrap ul li a
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}
.sub-box .advantage-list .wrap ul li a .left-column
{
    width: 5.1rem;
}
.sub-box .advantage-list .wrap ul li a .left-column h2
{
    font-size: .28rem;
    color: #333;
    line-height: .48rem;
    font-weight: normal;
}
.sub-box .advantage-list .wrap ul li a .left-column p
{
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
}
.sub-box .advantage-list .wrap ul li a .left-column .u-con
{
    font-size: .14rem;
    color: #666;
    line-height: .36rem;
    height: 1.08rem;
    margin: .55rem 0 .7rem;
}
.sub-box .advantage-list .wrap ul li a .left-column .ico
{
    display: block;
    width: .28rem;
    height: .08rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: -.59rem -.64rem;
}
.sub-box .advantage-list .wrap ul li a .u-img
{
    width: 6.6rem;
    height: 4.3rem;
    overflow: hidden;
    box-shadow: 0 .05rem .1rem 0 rgba(226,226,226,.65);
    border: 1px solid #eaeaea;
}
.sub-box .advantage-list .wrap ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .advantage-list .wrap ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .patent-list .wrap
{
    display: block;
    margin: .6rem auto;
}
.sub-box .patent-list .wrap .column-tit
{
    background: #f5f5f5;
}
.sub-box .patent-list .wrap .column-tit .patent-type
{
    display: inline-block;
    font-size: .14rem;
    color: #333;
    line-height: .6rem;
    width: 10%;
    text-align: center;
}
.sub-box .patent-list .wrap .column-tit .patent-number
{
    display: inline-block;
    font-size: .16rem;
    color: #333;
    line-height: .6rem;
    text-align: center;
    width: 20%;
}
.sub-box .patent-list .wrap .column-tit .patent-title
{
    display: inline-block;
    font-size: .16rem;
    color: #333;
    line-height: .6rem;
    font-weight: normal;
    width: 52%;
}
.sub-box .patent-list .wrap .column-tit .patent-time
{
    display: inline-block;
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
    width: 14%;
    text-align: center;
}
.sub-box .patent-list .wrap ul li a
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    padding: .2rem 0 .2rem 0;
}
.sub-box .patent-list .wrap ul li a .column
{
    width: 100%;
}
.sub-box .patent-list .wrap ul li a .column .patent-type
{
    display: inline-block;
    font-size: .14rem;
    color: #fff;
    line-height: .6rem;
    background: #f01b2f;
    width: 10%;
    text-align: center;
}
.sub-box .patent-list .wrap ul li a .column .patent-number
{
    display: inline-block;
    font-size: .16rem;
    color: #333;
    line-height: .6rem;
    text-align: center;
    width: 20%;
}
.sub-box .patent-list .wrap ul li a .column .patent-title
{
    display: inline-block;
    font-size: .16rem;
    color: #333;
    line-height: .6rem;
    width: 52%;
    font-weight: 700;
}
.sub-box .patent-list .wrap ul li a .column .patent-time
{
    display: inline-block;
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
    width: 14%;
    text-align: center;
}
.sub-box .patent-list .wrap ul li a:hover
{
    background: #eee;
}
.sub-box .patent-list .wrap ul li a:hover .column .patent-title
{
    color: #f01b2f;
}
.sub-box .news-list .wrap
{
    display: block;
    margin: .35rem auto .7rem;
}
.sub-box .news-list .wrap ul li a
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem 0;
    border-bottom: 1px solid #eaeaea;
}
.sub-box .news-list .wrap ul li a .u-img
{
    width: 4rem;
    height: 1.9rem;
    overflow: hidden;
}
.sub-box .news-list .wrap ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .news-list .wrap ul li a .left-column
{
    width: 7.4rem;
}
.sub-box .news-list .wrap ul li a .left-column h2
{
    font-weight: normal;
    font-size: .18rem;
    color: #333;
    line-height: .32rem;
}
.sub-box .news-list .wrap ul li a .left-column .u-con
{
    font-size: .14rem;
    line-height: .3rem;
    color: #999;
    height: .9rem;
    margin: .15rem 0 0;
}
.sub-box .news-list .wrap ul li a .right-column
{
    width: 1.3rem;
}
.sub-box .news-list .wrap ul li a .right-column .time
{
    font-size: .18rem;
    color: #c8c8c8;
    line-height: .28rem;
    text-align: center;
}
.sub-box .news-list .wrap ul li a .right-column .ico
{
    display: block;
    width: .28rem;
    height: .08rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: -.59rem -.64rem;
    margin: .6rem auto 0;
}
.sub-box .news-list .wrap ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .news-list .wrap ul li a:hover .left-column h2
{
    color: #e42919;
}
.sub-box .news-list .wrap .no-result
{
    padding: 0 .2rem;
}
.sub-box .news-list .wrap .no-result h3
{
    text-align: center;
    font-size: .32rem;
    color: #333;
    line-height: .48rem;
}
.sub-box .news-list .wrap .no-result p
{
    text-align: center;
    font-size: .22rem;
    color: #666;
    line-height: .28rem;
}
.sub-box .service-list .wrap
{
    display: block;
}
.sub-box .service-list .wrap ul
{
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}
.sub-box .service-list .wrap ul li
{
    width: 6.64rem;
    position: relative;
}
.sub-box .service-list .wrap ul li .u-img
{
    width: 100%;
    height: 3.89rem;
    overflow: hidden;
}
.sub-box .service-list .wrap ul li .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sub-box .service-list .wrap ul li .text-column
{
    width: 6.18rem;
    background-color: #fff;
    position: relative;
    top: -.9rem;
    left: .33rem;
    z-index: 10;
    padding: .3rem .6rem 0;
}
.sub-box .service-list .wrap ul li .text-column h2
{
    font-size: .3rem;
    line-height: .48rem;
    color: #333;
}
.sub-box .service-list .wrap ul li .text-column p
{
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
    margin: .15rem 0 .3rem;
}
.sub-box .service-list .wrap ul li .text-column .contact .tele, .sub-box .service-list .wrap ul li .text-column .contact .mail
{
    font-size: .16rem;
    line-height: .28rem;
    color: #666;
}
.sub-box .service-list .wrap ul li .text-column .a-btn
{
    display: flex;
    align-items: center;
    margin-top: .3rem;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a
{
    display: block;
    width: 1.12rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .14rem;
    border: 1px solid #e11b25;
    color: #e11b25;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a:hover
{
    color: #fff;
    background-color: #e11b25;
}
.sub-box .service-list .wrap ul li .text-column .a-btn a.place
{
    margin-left: .2rem;
}
.sub-box .article .wrap
{
    margin-top: .3rem;
    border-top: 1px solid #ededed;
    justify-content: space-between;
    align-items: flex-start;
}
.sub-box .article .wrap .left-column
{
    width: 9.55rem;
}
.sub-box .article .wrap .left-column .article-tit
{
    padding: .55rem 0 .45rem;
    border-bottom: 1px solid #ededed;
}
.sub-box .article .wrap .left-column .article-tit h2
{
    font-size: .3rem;
    line-height: .36rem;
    color: #333;
    font-weight: normal;
}
.sub-box .article .wrap .left-column .article-tit .article-info
{
    margin: .25rem 0 0;
    display: flex;
    align-items: center;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items
{
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #999;
    line-height: .36rem;
    margin-right: .15rem;
}
.sub-box .article .wrap .left-column .article-tit .article-info .items a
{
    display: inline-block;
    width: .28rem;
    height: .28rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: .1rem;
    background-size: 3rem;
}
.sub-box .article .wrap .left-column .article-con
{
    margin-top: .3rem;
}
.sub-box .article .wrap .left-column .article-con p
{
    font-size: .14rem;
    line-height: .26rem;
    color: #333;
    margin: .1rem 0;
}
.sub-box .article .wrap .left-column .article-con p img
{
    max-width: 100%;
    margin: .1rem 0;
}
.sub-box .article .wrap .left-column .m-pages1
{
    margin-top: .6rem;
}
.sub-box .article .wrap .right-column
{
    width: 3.55rem;
    border: 1px solid #dedede;
    margin-top: .6rem;
}
.sub-box .article .wrap .right-column .u-tit
{
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .25rem;
}
.sub-box .article .wrap .right-column .u-tit span
{
    display: block;
    font-size: .16rem;
    color: #333;
    line-height: .6rem;
}
.sub-box .article .wrap .right-column .u-tit a
{
    font-size: .14rem;
    color: #999;
}
.sub-box .article .wrap .right-column .u-tit a:hover
{
    color: #e11b25;
}
.sub-box .article .wrap .right-column .u-tit i
{
    display: block;
    width: .28rem;
    height: .08rem;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    background-position: -.59rem -.64rem;
}
.sub-box .article .wrap .right-column ul
{
    padding: 0 .2rem;
}
.sub-box .article .wrap .right-column ul li
{
    margin: 0 0 .3rem 0;
    border-bottom: 1px dashed #f5f5f5;
}
.sub-box .article .wrap .right-column ul li a
{
    display: block;
    margin-top: .2rem;
}
.sub-box .article .wrap .right-column ul li a .u-img
{
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
}
.sub-box .article .wrap .right-column ul li a .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}
.sub-box .article .wrap .right-column ul li a .u-con h3
{
    font-size: .16rem;
    line-height: .26rem;
    color: #333;
    font-weight: normal;
    margin: .1rem 0;
}
.sub-box .article .wrap .right-column ul li a .u-con p
{
    font-size: .12rem;
    color: #999;
    line-height: .22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sub-box .article .wrap .right-column ul li a .u-con .time
{
    font-size: .14rem;
    color: #999;
    line-height: .28rem;
    margin: .2rem 0;
}
.sub-box .article .wrap .right-column ul li a:hover .u-img img
{
    transform: scale(1.1);
}
.sub-box .article .wrap .right-column ul li a:hover .u-con h3
{
    color: #e42919;
}
.sub-box .service-download .wrap
{
    display: block;
    margin: .6rem auto .55rem;
}
.sub-box .service-download .wrap ul
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sub-box .service-download .wrap ul li
{
    width: 31%;
    height: 1.95rem;
    border: 1px solid #ededed;
    padding: .15rem .25rem;
    margin-bottom: .25rem;
    margin-right: 2.3%;
}
.sub-box .service-download .wrap ul li .u-con
{
    padding-bottom: .3rem;
    border-bottom: 1px solid #ededed;
}
.sub-box .service-download .wrap ul li .u-con h2
{
    font-size: .2rem;
    color: #333;
    line-height: .4rem;
    font-weight: normal;
}
.sub-box .service-download .wrap ul li .u-con p
{
    font-size: .12rem;
    line-height: .2rem;
    color: #666;
    height: .4rem;
}
.sub-box .service-download .wrap ul li .u-a a
{
    display: block;
    width: 1.1rem;
    height: .34rem;
    font-size: .12rem;
    color: #666;
    line-height: .32rem;
    text-align: center;
    border: 1px solid #ededed;
    margin-top: .15rem;
}
.sub-box .service-download .wrap ul li .u-a a:hover
{
    border-color: #e42919;
    color: #fff;
    background-color: #e42919;
}
.sub-box .service-download .wrap ul li:hover
{
    box-shadow: 0 0 .1rem 0 rgba(0,0,0,.1);
}
.footer-box
{
    background-color: #222;
    padding: .6rem 0 .25rem;
}
.footer-box .wrap .left-column
{
    width: 3.85rem;
    padding-right: .55rem;
    border-right: 1px solid #303438;
}
.footer-box .wrap .left-column .bottom-logo
{
    display: block;
    width: 2.58rem;
    height: .34rem;
}
.footer-box .wrap .left-column .bottom-logo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.footer-box .wrap .left-column .u-con, .footer-box .wrap .left-column .mail, .footer-box .wrap .left-column .address
{
    font-size: .12rem;
    line-height: .24rem;
    color: #999;
}
.footer-box .wrap .left-column .u-con
{
    margin: .3rem 0 .2rem;
}
.footer-box .wrap .left-column .share
{
    margin-top: .2rem;
    display: none;
}
.footer-box .wrap .left-column .share ul
{
    display: flex;
    align-items: center;
}
.footer-box .wrap .left-column .share ul li
{
    position: relative;
    margin-right: .2rem;
}
.footer-box .wrap .left-column .share ul li .ico
{
    display: block;
    width: .28rem;
    height: .28rem;
    border-radius: 50%;
    background-image: url(../image/icon.png);
    background-size: 3rem;
    cursor: pointer;
}
.footer-box .wrap .left-column .share ul li .u-img
{
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    display: none;
    position: absolute;
    top: .3rem;
    left: 50%;
    margin-left: -.4rem;
}
.footer-box .wrap .left-column .share ul li .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.footer-box .wrap .left-column .share ul li.wb .ico
{
    background-position: 0 -.46rem;
}
.footer-box .wrap .left-column .share ul li.qq .ico
{
    background-position: -.28rem -.46rem;
}
.footer-box .wrap .left-column .share ul li.wx .ico
{
    background-position: 0 -.75rem;
}
.footer-box .wrap .left-column .share ul li:hover .u-img
{
    display: block;
}
.footer-box .wrap .bottom-nav
{
    width: 7rem;
    display: flex;
}
.footer-box .wrap .bottom-nav .items
{
    padding-left: .35rem;
    width: 1.75rem;
}
.footer-box .wrap .bottom-nav .items h3
{
    font-size: .16rem;
    color: #dfdfdf;
    line-height: .28rem;
    margin-bottom: .25rem;
}
.footer-box .wrap .bottom-nav .items .m-list ul li a
{
    display: block;
    font-size: .12rem;
    color: #999;
    line-height: 1.5;
    padding: .12rem 0;
}
.footer-box .wrap .bottom-nav .items .m-list ul li a:hover
{
    color: #fff;
    text-decoration: underline;
}
.footer-box .wrap .right-column
{
    flex-grow: 1;
}
.footer-box .wrap .right-column .u-phone
{
    font-size: .42rem;
    color: #e11b25;
    line-height: .6rem;
    text-align: center;
    font-weight: bold;
}
.footer-box .wrap .right-column p
{
    font-size: .14rem;
    color: #999;
    line-height: .28rem;
    text-align: center;
}
.footer-box .wrap .right-column .m-imgtext
{
    width: 100%;
    margin-top: .4rem;
    text-align: center;
}
.footer-box .wrap .right-column .m-imgtext .items
{
    display: inline-block;
    margin: 0 .1rem;
}
.footer-box .wrap .right-column .m-imgtext .items .u-img
{
    width: 1.15rem;
    height: 1.15rem;
}
.footer-box .wrap .right-column .m-imgtext .items .u-img img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.footer-box .wrap .right-column .m-imgtext .items span
{
    display: block;
    font-size: .14rem;
    color: #808188;
    text-align: center;
    margin: .2rem 0;
}
.footer-box .links
{
    display: flex;
    padding-top: .25rem;
    margin-top: .5rem;
    border-top: 1px solid #303438;
}
.footer-box .links label
{
    display: block;
    width: .75rem;
    font-size: .12rem;
    color: #999;
    line-height: .24rem;
    flex-shrink: 0;
}
.footer-box .links .links-list
{
    width: 13rem;
}
.footer-box .links .links-list ul
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-box .links .links-list ul li a
{
    font-size: .12rem;
    color: #808188;
    line-height: .24rem;
    margin: 0 .15rem;
}
.footer-box .links .links-list ul li a:hover
{
    text-decoration: underline;
    color: #eee;
}
.copyright-box
{
    background-color: #0b0b0c;
}
.copyright-box .wrap
{
    justify-content: space-between;
    align-items: center;
    height: .6rem;
}
.copyright-box .wrap .left-column p span
{
    font-size: .12rem;
    color: #808188;
    line-height: 1.5;
    margin: 0 .1rem;
}
.copyright-box .wrap .left-column p span a
{
    color: #808188;
}
.copyright-box .wrap .left-column p span a:hover
{
    color: #eee;
}
.copyright-box .wrap .right-column a
{
    font-size: .12rem;
    color: #808188;
    line-height: 1.5;
    margin: 0 .1rem;
}
.copyright-box .wrap .right-column a:hover
{
    text-decoration: underline;
}
.m-client
{
    position: fixed;
    top: 66%;
    right: .1rem;
    z-index: 99;
    margin-top: -.86rem;
    border: 1px solid #dfdfdf;
}
.m-client ul li
{
    border-bottom: 1px solid #dfdfdf;
}
.m-client ul li:last-child
{
    border: none;
}
.m-client ul li .u-box a
{
    position: relative;
    display: block;
    background: #fff;
    color: #fff;
    text-align: center;
    zoom: 1;
    width: .68rem;
    height: .88rem;
    padding-top: .13rem;
}
.m-client ul li .u-box a .icoBox .ico
{
    display: block;
    overflow: hidden;
    width: .25rem;
    height: .25rem;
    margin: 0 auto;
    background-image: url(../image/icon.png);
    background-repeat: no-repeat;
    background-size: 3rem;
}
.m-client ul li .u-box a span
{
    display: block;
    font-size: .12rem;
    color: #545559;
    line-height: 1.2;
    margin-top: .1rem;
}
.m-client ul li .u-box a:hover span
{
    color: #e42919;
}
.m-client ul li .u-box a .text
{
    position: absolute;
    top: 50%;
    margin-top: -.2rem;
    left: 1rem;
    padding: 0 .15rem 0 .05rem;
    white-space: nowrap;
    font-size: .18rem;
    font-family: 'Microsoft YaHei';
    color: #333;
    line-height: .4rem;
    background-color: #fff;
}
.m-client ul li .u-box a .erwei
{
    position: absolute;
    left: 1.4rem;
    top: 50%;
    display: block;
    margin-top: -.65rem;
    height: 1.3rem;
    width: 1.3rem;
}
.m-client ul li .u-box a .erwei img
{
    width: 1.3rem;
    height: 1.3rem;
}
.m-client ul li .u-box a:hover .text
{
    width: 1.86rem;
    left: -2rem;
}
.m-client ul li .u-box a:hover .erwei
{
    left: -1.4rem;
}
.m-client ul li.child-1 .ico
{
    background-position: -.53rem -.75rem;
}
.m-client ul li.child-2 .ico
{
    background-position: -.78rem -.75rem;
}
.m-client ul li.child-3 .ico
{
    background-position: -1.03rem -.75rem;
}
.m-client ul li.child-4 .ico
{
    background-position: -.28rem -.75rem;
}
.sitemap-name
{
    font-size: .2rem;
    line-height: 1.5;
    margin: .4rem 0 .1rem 0;
    display: block;
    color: #333;
}
.sitemap-name:hover
{
    color: #e11b25;
}
.sitemap-subname a
{
    display: inline-block;
    padding: 0 .4rem 0 0;
    font-size: .14rem;
    line-height: 1.5;
    color: #666;
}
.sitemap-subname a:hover
{
    color: #e11b25;
}
.legal-con b
{
    font-size: .2rem;
    line-height: 1.5;
    color: #333;
    display: block;
    margin: .4rem 0 0 0;
}
.legal-con p
{
    font-size: .14rem;
    line-height: 1.5;
    color: #666;
    display: block;
    padding: .1rem 0;
}
.card-form-list
{
    overflow: hidden;
    margin: 1rem 0 0 -3%;
}
.card-form-input
{
    width: 43%;
    margin: .2rem 3%;
    display: inline-block;
    border-bottom: 1px solid #ededed;
}
.card-form-input input
{
    outline: none;
    border: none;
    height: .5rem;
    width: 100%;
    font-size: .16rem;
    color: #333;
    background-color: transparent;
}
.card-form-file
{
    width: 100%;
    margin: .22rem 0 .2rem 3%;
    display: inline-block;
    border-bottom: 1px solid #ededed;
    padding: 0 0 .1rem 0;
}
.card-form-file span
{
    display: inline-block;
    font-size: .16rem;
    color: #333;
    padding: 0 .2rem 0 0;
}
.card-form-file form
{
    outline: none;
    border: none;
    height: .36rem;
    width: 40%;
    font-size: .16rem;
    color: #333;
    background-color: transparent;
    display: inline-block;
}
.card-form-file input
{
    outline: none;
    border: none;
    height: .36rem;
    width: 100%;
    font-size: .16rem;
    color: #333;
    background-color: transparent;
    display: inline-block;
}
.card-form-file-tips
{
    overflow: hidden;
    color: #999;
    font-size: .16rem;
    display: inline-block;
    text-align: right;
    width: 50%;
    line-height: 1;
    float: right;
}
.card-form-btn
{
    text-align: center;
    line-height: .5rem;
    margin: .32rem auto .8rem auto;
    background-color: #e11b25;
    color: #fff;
    font-size: .18rem;
    width: 1.77rem;
    height: .5rem;
    display: block;
}
.card-form-btn:hover
{
    background-color: #cc0e0e;
}
.card-form-btn.card-form-btn-service
{
    margin: .32rem auto .2rem auto;
}
.card-form-tips
{
    text-align: center;
    margin: 0 auto 1rem;
}
#productCategory
{
    border: none;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    color: #333;
}
@media screen and (max-width: 1600px)
{
    .wrap
    {
        padding: 0 .4rem;
    }
    .brand-box
    {
        margin: .5rem .4rem;
    }
}
@media screen and (max-width: 1400px)
{
    .wrap
    {
        padding: 0 .8rem;
    }
    .brand-box
    {
        margin: .5rem .8rem;
    }
    .top-box .y-right .m-language
    {
        margin-left: .6rem;
        width: 1.25rem;
    }
    .top-box .y-right .m-language p
    {
        width: .8rem;
    }
}
@media screen and (max-width: 750px)
{
    .wrap
    {
        width: 100%;
        padding: 0 0;
    }
    .top-box .top-logo a
    {
        width: 2.6rem;
        height: .34rem;
    }
    .top-box .top-logo a img
    {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .top-box .top-nav
    {
        order: 1;
        border: none;
        margin-left: .3rem;
    }
    .top-box .top-nav .menu
    {
        height: .32rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .top-box .top-nav .menu i
    {
        display: block;
        height: .02rem;
        width: .45rem;
        min-height: 2px;
        background-color: #fff;
        transition: all .3s;
    }
    .top-box .top-nav .spread i:nth-child(2)
    {
        width: .25rem;
    }
    .top-box .top-nav .spread i:nth-child(3)
    {
        width: .1rem;
    }
    .top-box .top-nav .fir-ul
    {
        left: 0;
        position: fixed;
        top: -200%;
        z-index: 10;
        background-color: #fff;
        width: 100%;
        display: block;
        transition: all .35s;
        opacity: 0;
        padding: 0 .25rem;
        overflow: scroll;
    }
    .top-box .top-nav .fir-ul .fir-li
    {
        border-bottom: 1px solid #eee;
    }
    .top-box .top-nav .fir-ul .fir-li:hover .u-a
    {
        color: #333;
    }
    .top-box .top-nav .fir-ul .fir-li:hover .u-a::after
    {
        content: '';
        display: none;
    }
    .top-box .top-nav .fir-ul .fir-li:hover .nav-subnav
    {
        display: none;
    }
    .top-box .top-nav .fir-ul .fir-li .u-a
    {
        padding: 0;
        line-height: 1.2rem;
        font-size: .32rem;
        color: #333;
    }
    .top-box .top-nav .fir-ul .fir-li .ico
    {
        display: block;
        width: .4rem;
        height: .4rem;
        position: absolute;
        top: .4rem;
        right: .1rem;
        z-index: 10;
    }
    .top-box .top-nav .fir-ul .fir-li .ico::before, .top-box .top-nav .fir-ul .fir-li .ico::after
    {
        content: "";
        display: block;
        background-color: #333;
        position: absolute;
        transition: all .3s;
    }
    .top-box .top-nav .fir-ul .fir-li .ico::before
    {
        width: 100%;
        height: .04rem;
        top: .18rem;
    }
    .top-box .top-nav .fir-ul .fir-li .ico::after
    {
        width: .04rem;
        height: 100%;
        top: 0;
        left: .18rem;
    }
    .top-box .top-nav .fir-ul .fir-li .ico.current::before
    {
        opacity: 0;
    }
    .top-box .top-nav .fir-ul .fir-li .ico.current::after, .top-box .top-nav .fir-ul .fir-li .ico.current::before
    {
        transform: rotate(90deg);
    }
    .top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a
    {
        font-size: .26rem;
        line-height: .8rem;
        text-align: left;
        padding-left: .3rem;
    }
    .top-box .top-nav .fir-ul .fir-li .nav-subnav ul li a:hover
    {
        color: #fff;
    }
    .top-box .top-nav .fir-ul .fir-li.parent>a
    {
        position: relative;
    }
    .top-box .top-nav .fir-ul .fir-li.parent>a::after
    {
        content: '';
        display: block;
        height: .26rem;
        width: .02rem;
        background-color: #fff;
        position: absolute;
        top: 50%;
        right: .13rem;
        margin-top: -.13rem;
    }
    .top-box .top-nav .fir-ul .fir-li.parent>a::before
    {
        content: '';
        display: block;
        width: .26rem;
        height: .02rem;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px;
    }
    .top-box .top-nav .fir-ul .fir-li.parent .nav-subnav
    {
        position: relative;
        top: 0;
        left: 0;
        background-color: transparent;
    }
    .top-box .top-nav .fir-ul .fir-li.parent .nav-subnav a
    {
        line-height: .72rem;
        font-size: .28rem;
        color: #fff;
        text-align: left;
        padding-left: .3rem;
        border: none;
    }
    .top-box .top-nav .fir-ul .fir-li.current
    {
        border-color: #f01b2f;
    }
    .top-box .top-nav .fir-ul .fir-li.current .u-a
    {
        border: none;
        color: #f01b2f;
        background: #fff;
    }
    .top-box .top-nav .fir-ul .fir-li.current .u-a::after
    {
        content: '';
        display: none;
    }
    .top-box .top-nav .fir-ul .fir-li.current .nav-subnav
    {
        position: relative;
        top: 0;
        display: block;
        box-shadow: 0 0 0 0 rgb(0 0 0/10%);
        margin: 0 0 0 0;
        width: 100%;
    }
    .top-box .top-nav .fir-ul.open
    {
        top: .88rem;
        opacity: 1;
    }
    .top-box .y-right
    {
        margin-left: auto;
    }
    .top-box .y-right .m-earch
    {
        transform: scale(1.5);
    }
    .top-box .search-layer
    {
        padding: 0 .5rem;
    }
    .top-box .search-layer .ico
    {
        transform: scale(1.5);
        display: none;
    }
    .top-box.act .top-nav .menu i
    {
        background-color: #333;
    }
    .in-banner-box .swiper-container .swiper-slide .u-text
    {
        height: 5rem;
        width: 80%;
        left: 10%;
    }
    .in-banner-box .swiper-container .swiper-slide .u-text p
    {
        text-align: center;
        font-size: .34rem;
    }
    .in-banner-box .swiper-container .swiper-slide .u-text h3
    {
        text-align: center;
    }
    .in-banner-box .swiper-container .swiper-slide .u-text .banner-btn
    {
        margin: .5rem auto;
        width: 40%;
        height: .8rem;
        font-size: .24rem;
        line-height: .78rem;
    }
    .in-banner-box .scroll-down .mouse
    {
        width: .4rem;
        height: .64rem;
        border: .02rem solid #ffff;
        border-radius: 1rem;
        margin: 0 auto .1rem;
        overflow: hidden;
        position: relative;
    }
    .brand-box
    {
        margin: 0 .25rem;
    }
    .brand-box .wrap
    {
        border: none;
        padding: .3rem 0;
    }
    .brand-box .wrap .itmes
    {
        margin: .2rem 0;
    }
    .brand-box .wrap .itmes .itme-tit
    {
        font-size: .3rem;
        line-height: .4rem;
    }
    .brand-box .wrap .itmes .itme-con ul li
    {
        font-size: .24rem;
        line-height: 1.2;
        height: auto;
        padding: .1rem .1rem;
        margin: 0 .1rem .2rem 0;
    }
    .m-pages a
    {
        font-size: .26rem;
        line-height: .8rem;
        padding: 0 .3rem;
        height: .8rem;
    }
    .service-box
    {
        flex-direction: column;
        height: 2.2rem;
    }
    .service-box a
    {
        margin: .2rem 0 .1rem;
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem;
    }
    .main-box .m-project .wrap .m-title
    {
        margin: .65rem 0;
    }
    .main-box .m-project .wrap .project-con .left-column
    {
        padding: 0 .25rem;
    }
    .main-box .m-project .wrap .project-con .left-column .items
    {
        display: block;
        width: 100%;
        height: 3.95rem;
        border-radius: .05rem;
        overflow: hidden;
        margin-bottom: .15rem;
    }
    .main-box .m-project .wrap .project-con .left-column .items .y-text
    {
        padding: .5rem;
    }
    .main-box .m-project .wrap .project-con .left-column .items .y-text .u-con
    {
        font-size: .26rem;
        line-height: .4rem;
        margin-top: .3rem;
    }
    .main-box .m-project .wrap .project-con .left-column .items .y-text .u-a
    {
        font-size: .22rem;
        line-height: .4rem;
    }
    .main-box .m-product
    {
        padding: 0 .25rem .5rem;
    }
    .main-box .m-product .wrap
    {
        padding: 0;
    }
    .main-box .m-product .wrap .product-con ul li
    {
        width: 50%;
        margin-right: 0;
        margin-bottom: .2rem;
        overflow: hidden;
    }
    .main-box .m-product .wrap .product-con ul li a
    {
        width: 3.4rem;
    }
    .main-box .m-product .wrap .product-con ul li a .u-text
    {
        padding: .3rem .25rem;
        height: 2.45rem;
    }
    .main-box .m-product .wrap .product-con ul li a .u-text h2
    {
        font-size: .28rem;
        line-height: .65rem;
    }
    .main-box .m-product .wrap .product-con ul li a .u-text h2::after
    {
        width: .3rem;
        height: .05rem;
        background-color: #e11b25;
        margin: .16rem auto;
    }
    .main-box .m-product .wrap .product-con ul li a .u-text p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .main-box .m-product .wrap .product-con ul li a .u-text span
    {
        display: none;
        width: 60%;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
    }
    .main-box .m-product .wrap .more
    {
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem;
    }
    .main-box .m-about
    {
        height: 5rem;
    }
    .main-box .m-about .wrap .u-con
    {
        padding: 0 .25rem;
        font-size: .26rem;
        line-height: .5rem;
        height: auto;
        -webkit-line-clamp: 6;
    }
    .main-box .m-news .wrap .news-con
    {
        display: block;
        justify-content: space-between;
    }
    .main-box .m-news .wrap .news-con .left-column
    {
        width: 100%;
        padding: 0 .25rem;
    }
    .main-box .m-news .wrap .news-con .left-column a
    {
        width: 100%;
    }
    .main-box .m-news .wrap .news-con .left-column a .u-text
    {
        padding: 0 0 .3rem 0;
        border-bottom: 1px solid #ececec;
    }
    .main-box .m-news .wrap .news-con .left-column a .u-text .u-tiem
    {
        font-size: .16rem;
        color: #fff;
        line-height: .24rem;
        padding: .25rem 0;
        border-bottom: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6rem;
        height: .8rem;
        background-color: rgba(0,0,0,.5);
        text-align: center;
    }
    .main-box .m-news .wrap .news-con .left-column a .u-text h4
    {
        font-size: .32rem;
        line-height: .64rem;
        margin-top: .3rem;
    }
    .main-box .m-news .wrap .news-con .left-column a .u-text p
    {
        font-size: .26rem;
        line-height: .48rem;
        height: auto;
    }
    .main-box .m-news .wrap .news-con .right-column
    {
        width: 100%;
        padding: 0 .25rem;
        border-top: none;
    }
    .main-box .m-news .wrap .news-con .right-column ul li a .y-top h4
    {
        font-size: .32rem;
        line-height: .64rem;
    }
    .main-box .m-news .wrap .news-con .right-column ul li a .y-top .u-tiem
    {
        font-size: .3rem;
        line-height: .64rem;
    }
    .main-box .m-news .wrap .news-con .right-column ul li a .y-con
    {
        font-size: .26rem;
        line-height: .48rem;
        height: .96rem;
    }
    .main-box .m-news .wrap .more
    {
        width: 94%;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem;
    }
    .main-box .m-partners
    {
        padding: 0 .25rem;
    }
    .main-box .m-partners .wrap .partners-list
    {
        height: 2.8rem;
        margin-bottom: .5rem;
    }
    .main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide
    {
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 0;
    }
    .main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide a
    {
        width: 2.3rem;
        height: 1.3rem;
        margin-bottom: .1rem;
        margin-left: 0;
        margin-right: .05rem;
    }
    .main-box .m-partners .wrap .partners-list .swiper-wrapper .swiper-slide a:nth-child(3n)
    {
        margin-right: 0;
    }
    .main-box .m-service
    {
        background-size: cover;
        padding-bottom: .6rem;
    }
    .main-box .m-service .wrap .u-text
    {
        padding-top: .35rem;
    }
    .main-box .m-service .wrap .u-text h2
    {
        text-align: center;
    }
    .main-box .m-service .wrap .u-text p
    {
        text-align: center;
        font-size: .2rem;
        line-height: .5rem;
    }
    .main-box .m-service .wrap .u-text p::after
    {
        margin: .15rem auto;
    }
    .main-box .m-service .wrap .u-text .form
    {
        flex-direction: column;
    }
    .main-box .m-service .wrap .u-text .form form input
    {
        font-size: .24rem;
        height: .7rem;
        line-height: .7rem;
    }
    .main-box .m-service .wrap .u-text .form form button
    {
        font-size: .24rem;
        height: .7rem;
        line-height: .7rem;
    }
    .main-box .m-service .wrap .u-text .form a
    {
        margin: .35rem auto;
        font-size: .24rem;
        height: .7rem;
        line-height: .7rem;
        display: none;
    }
    .sub-box .product-list
    {
        padding: 0 .25rem;
    }
    .sub-box .product-list .wrap
    {
        min-height: 3rem;
    }
    .sub-box .product-list .wrap ul li
    {
        width: 100%;
        display: block;
        margin-bottom: .5rem;
    }
    .sub-box .product-list .wrap ul li a
    {
        margin-bottom: .4rem;
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .sub-box .product-list .wrap ul li a .u-img
    {
        flex-shrink: 0;
        width: 100%;
        height: 3rem;
    }
    .sub-box .product-list .wrap ul li a .right-column
    {
        width: 100%;
        padding-left: 0;
        padding-top: .3rem;
    }
    .sub-box .product-list .wrap ul li a .right-column p
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: .8rem;
        line-height: .8rem;
        color: #fff;
        text-align: center;
        background-color: rgba(0,0,0,.5);
        margin-top: 0;
    }
    .sub-box .product-list .wrap ul li a .right-column h2
    {
        font-size: .3rem;
    }
    .sub-box .product-list .wrap ul li a .right-column .u-con
    {
        margin-top: .2rem;
        -webkit-line-clamp: 2;
        font-size: .24rem;
        line-height: .36rem;
        height: .72rem;
        padding-bottom: 0;
        border: 0;
    }
    .sub-box .product-list .wrap p
    {
        font-size: .24rem;
    }
    .sub-box .product-details .wrap
    {
        width: 96%;
        margin: 0 2%;
    }
    .sub-box .product-details .wrap .info-box
    {
        flex-direction: column;
    }
    .sub-box .product-details .wrap .info-box .left-column
    {
        width: 100%;
    }
    .sub-box .product-details .wrap .info-box .left-column li
    {
        height: 3.5rem;
    }
    .sub-box .product-details .wrap .info-box .right-column
    {
        width: 100%;
    }
    .sub-box .product-details .wrap .info-box .right-column h2
    {
        font-size: .28rem;
        line-height: .48rem;
    }
    .sub-box .product-details .wrap .info-box .right-column .u-con
    {
        font-size: .24rem;
        line-height: .48rem;
        height: 1.26rem;
        padding: .15rem;
    }
    .sub-box .product-details .wrap .info-box .right-column .a-btn
    {
        margin-top: .2rem;
    }
    .sub-box .product-details .wrap .info-box .right-column .a-btn a
    {
        width: 47%;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem;
    }
    .sub-box .product-details .wrap .detail-box
    {
        flex-direction: column;
    }
    .sub-box .product-details .wrap .detail-box .ProductDetail
    {
        width: 100%;
    }
    .sub-box .product-details .wrap .detail-box .ProductDetail .tabtitbox span
    {
        line-height: .88rem;
        font-size: .28rem;
    }
    .sub-box .product-details .wrap .detail-box .ProductDetail .concentbox
    {
        padding: .3rem .25rem 0;
    }
    .sub-box .product-details .wrap .detail-box .ProductDetail .concentbox .detailItme p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .sub-box .product-details .wrap .detail-box .recommend
    {
        width: 100%;
        margin-top: .5rem;
        border: none;
    }
    .sub-box .product-details .wrap .detail-box .recommend .u-tit
    {
        text-align: left;
        padding-left: .25rem;
        font-size: .32rem;
        left: .6rem;
    }
    .sub-box .product-details .wrap .detail-box .recommend ul
    {
        display: flex;
        justify-content: space-between;
    }
    .sub-box .product-details .wrap .detail-box .recommend ul li
    {
        width: 48%;
    }
    .sub-box .product-details .wrap .detail-box .recommend ul li a .u-img
    {
        width: 100%;
    }
    .sub-box .product-details .wrap .detail-box .recommend ul li a .u-con h3
    {
        font-size: .28rem;
        line-height: .42rem;
    }
    .sub-box .product-details .wrap .detail-box .recommend ul li a .u-con p
    {
        font-size: .24rem;
        line-height: .36rem;
    }
    .sub-box .programme-list
    {
        padding: 0 .25rem;
    }
    .sub-box .programme-list .wrap ul li
    {
        flex-direction: column;
        box-shadow: none;
        position: relative;
        margin-bottom: .4rem;
    }
    .sub-box .programme-list .wrap ul li .u-img
    {
        width: 100%;
        height: 4rem;
    }
    .sub-box .programme-list .wrap ul li .right-column
    {
        padding: .2rem 0;
        width: 100%;
    }
    .sub-box .programme-list .wrap ul li .right-column h2
    {
        font-size: .32rem;
        margin: 0;
        font-weight: 700;
    }
    .sub-box .programme-list .wrap ul li .right-column p
    {
        font-size: .2rem;
        line-height: .3rem;
    }
    .sub-box .programme-list .wrap ul li .right-column .u-con
    {
        font-size: .24rem;
        margin-top: .24rem;
    }
    .sub-box .programme-list .wrap ul li .right-column .u-a
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    .sub-box .programme-list .wrap ul li .right-column .u-a a
    {
        opacity: 0;
        width: 100%;
        height: 100%;
    }
    .sub-box .programme-details .wrap
    {
        padding: 0 .25rem;
    }
    .sub-box .programme-details .wrap .left-column
    {
        width: 100%;
    }
    .sub-box .programme-details .wrap .left-column .u-tit
    {
        margin-top: .55rem;
    }
    .sub-box .programme-details .wrap .left-column .u-tit h2
    {
        text-align: center;
    }
    .sub-box .programme-details .wrap .left-column .u-tit i
    {
        margin: .2rem auto;
    }
    .sub-box .programme-details .wrap .left-column .u-con p
    {
        font-size: .26rem;
        line-height: .48rem;
    }
    .sub-box .programme-details .wrap .right-column
    {
        width: 100%;
    }
    .sub-box .programme-details .wrap .reco-case ul
    {
        flex-wrap: wrap;
    }
    .sub-box .programme-details .wrap .reco-case ul li
    {
        flex-grow: 1;
        width: 49.5%;
        margin: .2rem 0;
    }
    .sub-box .programme-details .wrap .reco-case ul li:nth-child(4n)
    {
        display: inline-block;
        margin-right: 0%;
        width: 49.5%;
        overflow: hidden;
    }
    .sub-box .programme-details .wrap .reco-case ul li a
    {
        display: block;
        width: 98%;
        margin: 0 1%;
    }
    .sub-box .case-list .wrap ul
    {
        padding: 0 .25rem;
        margin-bottom: 0;
    }
    .sub-box .case-list .wrap ul li
    {
        border: none!important;
        padding-top: 0;
    }
    .sub-box .case-list .wrap ul li a
    {
        width: 100%;
    }
    .sub-box .case-list .wrap ul li a .u-img
    {
        height: 2.55rem;
        width: 100%;
    }
    .sub-box .case-list .wrap ul li a .right-column h2
    {
        font-size: .28rem;
    }
    .sub-box .case-list .wrap ul li a .right-column .u-con
    {
        font-size: .24rem;
        line-height: .42rem;
        height: auto;
    }
    .sub-box .advantage-list .wrap ul li a
    {
        margin: 0 .1rem .3rem;
        box-shadow: none;
    }
    .sub-box .advantage-list .wrap ul li a .left-column
    {
        order: 1;
        width: 3.5rem;
    }
    .sub-box .advantage-list .wrap ul li a .left-column p
    {
        font-size: .24rem;
        line-height: .36rem;
    }
    .sub-box .advantage-list .wrap ul li a .left-column .u-con
    {
        font-size: .26rem;
        margin: .2rem 0 .2rem;
        height: auto;
        display: none;
    }
    .sub-box .advantage-list .wrap ul li a .u-img
    {
        width: 3.3rem;
        height: 2rem;
        border: none;
        box-shadow: none;
        margin: .3rem .2rem .3rem 0;
    }
    .sub-box .news-list .wrap ul li
    {
        display: block;
    }
    .sub-box .news-list .wrap ul li a
    {
        margin: 0 .25rem;
        position: relative;
        flex-direction: column;
    }
    .sub-box .news-list .wrap ul li a .u-img
    {
        width: 100%;
        height: 3.2rem;
    }
    .sub-box .news-list .wrap ul li a .left-column
    {
        width: 100%;
    }
    .sub-box .news-list .wrap ul li a .left-column h2
    {
        font-size: .3rem;
        padding: .3rem 0 .2rem;
    }
    .sub-box .news-list .wrap ul li a .left-column .u-con
    {
        font-size: .24rem;
        line-height: .36rem;
        height: 1.08rem;
    }
    .sub-box .news-list .wrap ul li a .right-column
    {
        position: absolute;
        top: .35rem;
        left: 0;
        width: 1.6rem;
        height: .8rem;
        background-color: rgba(0,0,0,.5);
    }
    .sub-box .news-list .wrap ul li a .right-column .time
    {
        line-height: .8rem;
        font-size: .3rem;
        color: #fff;
    }
    .sub-box .article .wrap
    {
        display: block;
        padding: 0 .25rem;
        border: none;
        margin-top: 0;
    }
    .sub-box .article .wrap .left-column
    {
        width: 100%;
    }
    .sub-box .article .wrap .left-column .article-tit
    {
        padding-bottom: .2rem;
    }
    .sub-box .article .wrap .left-column .article-tit .article-info
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    .sub-box .article .wrap .left-column .article-tit .article-info .items
    {
        font-size: .24rem;
        line-height: .4rem;
        margin-right: .25rem;
    }
    .sub-box .article .wrap .left-column .article-tit .article-info .items a
    {
        transform: scale(1.2);
    }
    .sub-box .article .wrap .left-column .article-tit .article-info .items.share
    {
        display: none;
    }
    .sub-box .article .wrap .left-column .article-tit h2
    {
        font-size: .32rem;
        line-height: 1.5;
        color: #333;
        font-weight: normal;
        text-align: center;
    }
    .sub-box .article .wrap .left-column .article-con p
    {
        font-size: .26rem;
        line-height: .48rem;
    }
    .sub-box .article .wrap .left-column .m-pages1 a .label
    {
        font-size: .24rem;
        line-height: .36rem;
        flex-shrink: 0;
    }
    .sub-box .article .wrap .left-column .m-pages1 a p
    {
        font-size: .24rem;
    }
    .sub-box .article .wrap .right-column
    {
        width: 100%;
    }
    .sub-box .article .wrap .right-column .u-tit span
    {
        font-size: .28rem;
        line-height: .8rem;
    }
    .sub-box .article .wrap .right-column .u-tit i
    {
        transform: scale(1.2);
    }
    .sub-box .article .wrap .right-column ul li
    {
        margin: 0 0 .2rem 0;
        border-bottom: 1px dashed #f5f5f5;
        padding: .2rem 0 .1rem 0;
    }
    .sub-box .article .wrap .right-column ul li a
    {
        padding-bottom: .35rem .1rem;
    }
    .sub-box .article .wrap .right-column ul li a .u-img
    {
        display: none;
    }
    .sub-box .article .wrap .right-column ul li a .u-con h3
    {
        font-size: .3rem;
        line-height: 1.5;
        margin: .2rem 0 .2rem 0;
    }
    .sub-box .article .wrap .right-column ul li a .u-con p
    {
        font-size: .24rem;
        line-height: .36rem;
    }
    .sub-box .article .wrap .right-column ul li a .u-con .time
    {
        font-size: .22rem;
    }
    .sub-box .service-list .wrap ul
    {
        flex-direction: column;
        padding: 0 .25rem;
    }
    .sub-box .service-list .wrap ul li
    {
        width: 100%;
    }
    .sub-box .service-list .wrap ul li .text-column h2
    {
        font-size: .32rem;
    }
    .sub-box .service-list .wrap ul li .text-column p
    {
        font-size: .24rem;
        line-height: .4rem;
    }
    .sub-box .service-list .wrap ul li .text-column .contact .tele, .sub-box .service-list .wrap ul li .text-column .contact .mail
    {
        font-size: .24rem;
        line-height: .4rem;
    }
    .sub-box .service-list .wrap ul li .text-column .a-btn a
    {
        width: 2rem;
        height: .6rem;
        line-height: .58rem;
        font-size: .26rem;
    }
    .sub-box .service-download .wrap ul
    {
        padding: 0 .25rem;
    }
    .sub-box .service-download .wrap ul li
    {
        width: 100%;
        height: auto;
        padding: .2rem 0 0;
    }
    .sub-box .service-download .wrap ul li .u-con
    {
        margin: 0 .25rem;
        border: none;
    }
    .sub-box .service-download .wrap ul li .u-con h2
    {
        font-size: .3rem;
        line-height: .48rem;
    }
    .sub-box .service-download .wrap ul li .u-con p
    {
        font-size: .26rem;
        line-height: .36rem;
        height: .72rem;
        margin-top: .1rem;
    }
    .sub-box .service-download .wrap ul li .u-a a
    {
        width: 92%;
        border: 1px solid #eee;
        color: #e42919;
        font-size: .24rem;
        height: .6rem;
        line-height: .6rem;
        margin: 0 4% .22rem;
    }
    .copyright-box .wrap
    {
        flex-direction: column;
        height: auto;
        padding: .3rem;
    }
    .copyright-box .wrap .left-column p
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: .1rem 0 0 0;
    }
    .copyright-box .wrap .left-column p span
    {
        font-size: .22rem;
        line-height: 1.8;
    }
    .copyright-box .wrap .right-column
    {
        margin: .3rem 0 0 0;
    }
    .copyright-box .wrap .right-column a
    {
        font-size: .22rem;
    }
    .footer-box .wrap .left-column
    {
        display: none;
    }
    .footer-box .wrap .bottom-nav
    {
        display: none;
    }
    .footer-box .links
    {
        display: none;
    }
    .footer-box .wrap .right-column .u-phone
    {
        font-size: .6rem;
        color: #e11b25;
        line-height: 1.5;
    }
    .footer-box .wrap .right-column .m-imgtext .items .u-img
    {
        width: 1.8rem;
        height: 1.8rem;
    }
    .sitemap-name
    {
        font-size: .32rem;
        line-height: 2;
        margin: .5rem 0 .2rem 0;
    }
    .sitemap-subname a
    {
        padding: 0 .5rem 0 0;
        font-size: .24rem;
        line-height: 2;
    }
    .legal-con b
    {
        font-size: .32rem;
        line-height: 2;
        margin: .4rem 0 0 0;
    }
    .legal-con p
    {
        font-size: .24rem;
        line-height: 2;
        padding: .1rem 0;
    }
    .card-form-list
    {
        margin: .4rem .2rem 0 .2rem;
    }
    .card-form-input
    {
        width: 100%;
        margin: .2rem 0;
    }
    .card-form-input input
    {
        outline: none;
        border: none;
        height: .7rem;
        width: 100%;
        font-size: .28rem;
        color: #333;
        background-color: transparent;
    }
    .card-form-file
    {
        width: 100%;
        margin: .22rem 0 .2rem 0;
        display: inline-block;
        border-bottom: 1px solid #ededed;
        padding: 0 0 .1rem 0;
    }
    .card-form-file span
    {
        display: inline-block;
        font-size: .28rem;
        color: #333;
        padding: 0 .2rem 0 0;
    }
    .card-form-file form
    {
        outline: none;
        border: none;
        height: .36rem;
        width: 40%;
        font-size: .16rem;
        color: #333;
        background-color: transparent;
        display: inline-block;
    }
    .card-form-file input
    {
        outline: none;
        border: none;
        height: auto;
        width: 100%;
        font-size: .28rem;
        color: #333;
        background-color: transparent;
        display: inline-block;
    }
    .card-form-file-tips
    {
        font-size: .26rem;
        text-align: left;
        width: 100%;
        padding: .2rem 0 0 0;
        line-height: 2;
    }
    .card-form-btn
    {
        text-align: center;
        line-height: .8rem;
        margin: .32rem auto .84rem auto;
        background-color: #e11b25;
        color: #fff;
        font-size: .26rem;
        width: 100%;
        height: .8rem;
        display: block;
    }
    .card-form-btn:hover
    {
        background-color: #cc0e0e;
    }
    #productCategory
    {
        height: .8rem;
        line-height: .8rem;
        font-size: .28rem;
    }
    .sub-box .patent-list .wrap
    {
        display: block;
        margin: .6rem 3%;
        width: 94%;
    }
    .sub-box .patent-list .wrap .column-tit
    {
        background: #f5f5f5;
    }
    .sub-box .patent-list .wrap .column-tit .patent-type
    {
        font-size: .24rem;
        color: #333;
        line-height: .6rem;
        width: 20%;
        text-align: center;
    }
    .sub-box .patent-list .wrap .column-tit .patent-number
    {
        font-size: .24rem;
        color: #333;
        line-height: .6rem;
        text-align: center;
        width: 21%;
    }
    .sub-box .patent-list .wrap .column-tit .patent-title
    {
        font-size: .24rem;
        color: #333;
        line-height: .6rem;
        width: 55%;
    }
    .sub-box .patent-list .wrap .column-tit .patent-time
    {
        width: 0%;
        display: none;
    }
    .sub-box .patent-list .wrap ul li a .column .patent-type
    {
        display: inline-block;
        font-size: .24rem;
        width: 20%;
        text-align: center;
    }
    .sub-box .patent-list .wrap ul li a .column .patent-number
    {
        display: inline-block;
        font-size: .24rem;
        width: 21%;
    }
    .sub-box .patent-list .wrap ul li a .column .patent-title
    {
        font-size: .24rem;
        width: 54%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.1;
    }
    .sub-box .patent-list .wrap ul li a .column .patent-time
    {
        display: none;
        width: 0%;
    }
}