*, *:before, *:after
{
    box-sizing: border-box;
    outline: none;
    word-wrap: break-word;
}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    -webkit-tap-highlight-color: transparent;
}
ul, ol, dl
{
    list-style-type: none;
}
html, body
{
    *position: static;
    width: 100%;
    background: #fff;
    font: 16px/1.1 "SourceSansPro-Regular",Microsoft YaHei,system-ui,-apple-system,Heiti SC,tahoma,arial,Hiragino Sans GB,"宋体",sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
address, caption, cite, code, dfn, em, th, var
{
    font-style: normal;
    font-weight: 400;
}
input, button, textarea, select, optgroup, option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button
{
    overflow: visible;
    vertical-align: middle;
    outline: none;
}
a
{
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #1a1311;
}
a:hover, a:focus, a:active
{
    text-decoration: none;
    outline: none;
}
b, i
{
    font-weight: normal;
    font-style: normal;
}
sub, sup
{
    vertical-align: baseline;
}
button, input[type="button"], input[type="submit"]
{
    line-height: normal!important;
}
img
{
    max-width: 100%;
    border: 0;
    object-fit: cover;
    display: block;
    -webkit-user-drag: none;
}
a img
{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
input, textarea
{
    border: 0;
    background: none;
    outline: none;
    resize: none;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
{
    height: auto;
}
input[type="search"]
{
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea
{
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-tap-highlight-color: transparent;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
    -webkit-appearance: none!important;
    margin: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    color: #bbb;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    color: #bbb;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    color: #bbb;
}
.cover
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 24;
}
.product-cover
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 24;
}
.cl:after, .clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cl, .clearfix
{
    zoom: 1;
}
.fl
{
    float: left!important;
}
.fr
{
    float: right!important;
}
.xs-display
{
    display: none!important;
}
.text-c
{
    text-align: center;
}/*fonts*/
@font-face
{
    font-family: "SourceSansPro-Regular";
    src: url("") format("woff2"),url("") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: "BebasNeue";
    src: url("") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@keyframes mouseMove
{
    0%
    {
        transform: translate(0,-10px);
    }
    100%
    {
        transform: translate(0,10px);
    }
}
@keyframes rotate360
{
    100%
    {
        transform: rotate(360deg);
    }
}
@keyframes view-more
{
    0%
    {
        transform: rotate(45deg);
    }
    100%
    {
        transform: rotate(405deg);
    }
}
@keyframes pointMove
{
    0%
    {
        transform: translate(0,-6px);
    }
    100%
    {
        transform: translate(0,6px);
    }
}/* IE低版本提示 */
.pageTips
{
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}
.pageTips .con
{
    width: 660px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pageTips .con svg
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    fill: orangered;
    display: block;
}
.pageTips .con .msg
{
    font-size: 18px;
    line-height: 36px;
    padding-top: 10px;
    color: #000;
}
.container
{
    width: 87.5%;
    margin: 0 auto;
    position: relative;
    transition: all .5s ease;
}
.shareWx-box
{
    text-align: center;
}
.shareWx-box .url_img
{
    margin: 15px auto 10px;
}
.shareWx-box p
{
    font-size: 14px;
}/* header */
.header
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 26;
    transition: all .5s ease;
}
.header:before
{
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.1);
    position: absolute;
    left: 0;
    bottom: 0;
}
.header .container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo
{
    width: 2.5rem;
    height: .4rem;
    display: block;
    transition: none;
    background: url(/keywords.png) no-repeat center/100%;
    transition: all .5s ease;
}
.header .right
{
    display: flex;
}
.header .right .nav .item
{
    font-size: .16rem;
    color: #fff;
    line-height: .9rem;
    margin-left: .6rem;
    display: inline-block;
    position: relative;
    transition: all .5s ease;
}
.header .right .nav .item:before
{
    content: "";
    width: 0;
    height: .04rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #008dd3;
    transition: all .5s ease;
}
.header .right .nav .item:first-child
{
    margin: 0;
}
.header .right .nav .item:hover:before, .header .right .nav .item.active:before
{
    width: 100%;
}
.header .right .menu
{
    width: .9rem;
    height: .9rem;
    margin-left: .3rem;
    position: relative;
    transition: .3s;
    overflow: hidden;
    cursor: pointer;
}
.header .right .menu .bars
{
    width: .2rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.header .right .menu .bars .bar
{
    height: 2px;
    width: .22rem;
    display: block;
    background: #fff;
    transition: all .5s ease;
    position: absolute;
    left: 0;
    margin: auto;
    transition: top .2s ease,transform .2s ease-out;
    border-radius: .06rem;
}
.header .right .menu .bars .bar:nth-of-type(1)
{
    top: .34rem;
}
.header .right .menu .bars .bar:nth-of-type(2)
{
    width: .2rem;
    top: .43rem;
}
.header .right .menu .bars .bar:nth-of-type(3)
{
    width: .18rem;
    top: .52rem;
}
.header .right .menu.active .bars .bar:nth-of-type(1)
{
    top: .47rem;
    transform: rotate(45deg);
    transition: top .1s ease,transform .1s ease-out;
}
.header .right .menu.active .bars .bar:nth-of-type(2)
{
    opacity: 0;
}
.header .right .menu.active .bars .bar:nth-of-type(3)
{
    top: .47rem;
    transform: rotate(-45deg);
    transition: top .1s ease,transform .1s ease-out;
}
.header .right .menu:before
{
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.1);
    position: absolute;
    left: 0;
    bottom: 0;
}
.header .submenu-xs
{
    display: none;
}
.header.white, .header:hover
{
    background: #fff;
    box-shadow: 0 0 .1rem rgba(0,0,0,.15);
}
.header.white .logo, .header:hover .logo
{
    transition: none;
    background: url(/keywords.png) no-repeat center/100%;
}
.header.white .right .nav .item, .header:hover .right .nav .item
{
    color: #000;
}
.header.white .right .menu .bars .bar, .header:hover .right .menu .bars .bar
{
    background: #000;
}
.header.white .right .menu:before, .header:hover .right .menu:before
{
    background: rgba(0,0,0,.1);
}
.header .submenu
{
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .4s;
}
.header .submenu .container
{
    height: auto;
    overflow: hidden;
    padding: 3% 0;
    display: block;
}
.header .submenu .l
{
    width: 33%;
    text-align: right;
    float: left;
    position: relative;
    z-index: 1;
    padding-right: .35rem;
}
.header .submenu .l h1
{
    font-size: .24rem;
    color: #000;
    margin-bottom: 2%;
}
.header .submenu .l h2
{
    font-size: .44rem;
    color: rgba(51,51,51,.19);
    font-weight: lighter;
    text-transform: capitalize;
}
.header .submenu .l:after
{
    content: "";
    width: .03rem;
    height: .78rem;
    background: rgba(0,141,211,.2);
    position: absolute;
    right: 0;
    top: .02rem;
}
.header .submenu .r
{
    width: 60%;
    padding-left: 4%;
    float: right;
    position: relative;
    z-index: 1;
}
.header .submenu .r .snav
{
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 10%;
}
.header .submenu .r .snav a
{
    font-size: .16rem;
    line-height: .36rem;
    color: #000;
    display: block;
}
.header .submenu .r .snav a:hover
{
    color: #008dd3;
}
.header .submenu .r .img
{
    width: 68%;
    max-width: 6rem;
    float: left;
}
.header .submenu .r .img img
{
    width: 100%;
}
.header .submenu .submenuItem
{
    display: none;
    position: relative;
}
.header .submenu .submenuItem:before
{
    content: "";
    width: 40%;
    height: 100%;
    background: #efefef;
    position: absolute;
    left: 0;
    top: 0;
}
.header .submenu .submenuItem:after
{
    content: "";
    width: 60%;
    height: 100%;
    background: #fcfcfc;
    position: absolute;
    right: 0;
    top: 0;
}
.header .submenu .submenuItem.product
{
    background-color: #fff;
    padding: 0;
}
.header .submenu .submenuItem.product:after
{
    display: none;
}
.header .submenu .submenuItem.product:before
{
    width: 23.3%;
    background: #f6f7f9;
}
.header .submenu .submenuItem.product .container
{
    padding: 0 6.25%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.header .submenu .submenuItem.product .container ul
{
    width: 19.5%;
}
.header .submenu .submenuItem.product .container ul li
{
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 1.1rem;
    padding: .3rem .35rem;
    display: flex;
    align-items: center;
    transition: all .5s ease;
    border-top: 1px solid #e8e8e8;
}
.header .submenu .submenuItem.product .container ul li:first-child
{
    border-top: 0;
    margin-top: .2rem;
}
.header .submenu .submenuItem.product .container ul li i
{
    font-size: .26rem;
    margin-right: .1rem;
}
.header .submenu .submenuItem.product .container ul li h3
{
    font-size: .2rem;
    color: #000;
}
.header .submenu .submenuItem.product .container ul li.active
{
    background: url("keywords.png") no-repeat;
    background-size: cover;
}
.header .submenu .submenuItem.product .container ul li.active h3, .header .submenu .submenuItem.product .container ul li.active i
{
    color: #008dd3;
}
.header .submenu .submenuItem.product .container ul li.active:after
{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .04rem;
    background-color: #084eac;
}
.header .submenu .submenuItem.product .container .product-box
{
    flex: 1;
}
.header .submenu .submenuItem.product .container .product-box .product-box-item
{
    display: none;
    height: auto;
    overflow: hidden;
    padding-top: .35rem;
}
.header .submenu .submenuItem.product .container .product-box .product-box-item:first-child
{
    display: block;
}
.header .submenu .submenuItem.product .container .product-box .list
{
    width: 52%;
    float: left;
    padding: .25rem 0 .25rem 1.1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header .submenu .submenuItem.product .container .product-box .list .item
{
    width: 39.5%;
    font-size: .18rem;
    color: #000;
    padding-bottom: .2rem;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .submenu .submenuItem.product .container .product-box .list .item i
{
    font-size: .18rem;
    color: #ccc;
    transition: all .5s ease;
}
.header .submenu .submenuItem.product .container .product-box .list .item:hover
{
    color: #008dd3;
}
.header .submenu .submenuItem.product .container .product-box .list .item:hover i
{
    color: #008dd3;
}
.header .submenu .submenuItem.product .container .product-box .list .item:nth-last-child(-n+2)
{
    margin-bottom: 0;
}
.header .submenu .submenuItem.product .container .product-box .img
{
    width: 40%;
    height: 2.5rem;
    overflow: hidden;
    float: right;
    margin-top: .3rem;
}
.header .submenu .submenuItem.product .container .product-box .img img
{
    width: 100%;
    height: 100%;
}
.header .submenu-xs
{
    display: none;
}/* footer */
.footer
{
    width: 100%;
    padding-top: 1rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    left: 0;
    bottom: 0;
    background: #062641;
}
.footer:before
{
    content: "";
    width: 9.61rem;
    height: 7.54rem;
    background: url(/png/0soo2dbm.png) no-repeat center/100%;
    position: absolute;
    right: 0;
    top: 0;
}
.footer .top
{
    padding-bottom: .35rem;
    border-bottom: 1px solid rgba(112,112,112,.3);
}
.footer .center
{
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}
.footer .center .nav
{
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.footer .center .nav dl dt
{
    font-size: .18rem;
    color: #fff;
    margin-bottom: .25rem;
    position: relative;
}
.footer .center .nav dl dt a
{
    color: #fff;
}
.footer .center .nav dl dd
{
    font-size: .16rem;
    color: #a3b8ce;
    margin-top: .2rem;
}
.footer .center .nav dl dd a
{
    color: #a3b8ce;
}
.footer .center .nav dl dd a:hover
{
    color: #fff;
}
.footer .center .contact
{
    margin-left: 2.5rem;
}
.footer .center .contact dl
{
    margin-bottom: .4rem;
}
.footer .center .contact dl dt
{
    font-size: .16rem;
    color: #a3b8ce;
    margin-bottom: .05rem;
}
.footer .center .contact dl dd
{
    font-size: .16rem;
    color: #fff;
    line-height: .24rem;
}
.footer .bottom
{
    margin: .6rem 0 .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .bottom .left .bn a
{
    font-size: .16rem;
    color: #a3b8ce;
    margin-right: .4rem;
}
.footer .bottom .left .bn a:hover
{
    color: #fff;
}
.footer .bottom .left .copyright
{
    font-size: .16rem;
    color: #a3b8ce;
    margin-top: .3rem;
}
.footer .bottom .left .copyright a
{
    color: #a3b8ce;
    margin-right: .2rem;
}
.footer .bottom .right .flist
{
    width: 3.5rem;
    font-size: .16rem;
    color: #a3b8ce;
    vertical-align: middle;
    position: relative;
    z-index: 999;
    cursor: pointer;
}
.footer .bottom .right .flist a
{
    color: #a3b8ce;
}
.footer .bottom .right .flist .t
{
    height: .5rem;
    padding: 0 .2rem;
    overflow: hidden;
    position: relative;
    background: #0f3554;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .bottom .right .flist .t .iconfont
{
    font-size: .16rem;
    transition: all .5s ease;
    display: block;
}
.footer .bottom .right .flist ul
{
    width: 100%;
    display: none;
    padding: .1rem 0;
    position: absolute;
    left: 0;
    bottom: .5rem;
    max-height: 2rem;
    height: auto;
    overflow: hidden;
    z-index: 9999;
    overflow-y: auto;
    background: #0f3554;
    border-bottom: 1px solid rgba(221,221,221,.1);
}
.footer .bottom .right .flist ul::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background: #092d4a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.footer .bottom .right .flist ul::-webkit-scrollbar-thumb
{
    background: #09385e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.footer .bottom .right .flist ul li
{
    width: 100%;
    padding: 0 .2rem;
    transition: all .5s ease;
}
.footer .bottom .right .flist ul li a
{
    color: #a3b8ce;
    font-size: .15rem;
    display: block;
    padding: .05rem 0;
    line-height: .22rem;
}
.footer .bottom .right .flist ul li a:hover
{
    color: #fff;
}
.footer .bottom .right .flist:hover .iconfont
{
    transform: rotate(180deg);
}
.footer .jubao
{
    padding-bottom: .3rem;
    display: flex;
    justify-content: flex-end;
}
.main
{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.common-more
{
    width: 2rem;
    display: flex;
    align-items: center;
    font-size: .17rem;
    margin-top: .8rem;
}
.common-more span
{
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: #008dd3;
    box-shadow: 0 .03rem .06rem .01rem rgba(0,141,211,.24);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .2rem;
    transition: all .5s ease;
    position: relative;
}
.common-more span i
{
    font-size: .18rem;
    color: #fff;
    font-weight: bold;
}
.common-more span:after
{
    content: '';
    display: block;
    width: .08rem;
    height: .08rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #50b3ff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -.04rem;
    margin-top: -.04rem;
    transform: rotate(45deg);
    transform-origin: .04rem .25rem;
    animation: view-more linear 3s infinite;
}
.common-more.white
{
    color: #fff;
}
.common-more.white span
{
    background: #fff;
}
.common-more.white span i
{
    color: #008dd3;
}
.common-more:hover span
{
    margin-left: .25rem;
}
.common-btn
{
    width: 1.8rem;
    height: .56rem;
    font-size: .17rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #008dd3;
    border-radius: .5rem;
    margin: .5rem auto 0;
}
.common-btn i
{
    font-size: .18rem;
    color: #fff;
    margin-left: .1rem;
    transition: all .5s ease;
}
.common-btn:hover i
{
    margin-left: .15rem;
}
.common-btn.line
{
    background: transparent;
    border: 1px solid #008dd3;
    color: #008dd3;
}
.common-btn.line i
{
    color: #008dd3;
}
.common-btn.line:hover
{
    background: #008dd3;
    color: #fff;
}
.common-btn.line:hover i
{
    color: #fff;
}/* Index */
.Index .banner
{
    max-height: 100vh;
    overflow: hidden;
    position: relative;
}
.Index .banner:before
{
    content: "";
    width: 100%;
    height: .9rem;
    background: linear-gradient(180deg,rgba(19,46,67,.86) 0%,rgba(19,46,67,0) 100%);
    opacity: .67;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.Index .banner .swiper-slide
{
    position: relative;
}
.Index .banner .swiper-slide .img, .Index .banner .swiper-slide video
{
    width: 100%;
    height: 100%;
}
.Index .banner .swiper-slide .text
{
    width: 100%;
    height: 100%;
    padding-top: 3.8rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.Index .banner .swiper-slide .text h4
{
    font-size: .32rem;
    font-weight: bold;
}
.Index .banner .swiper-slide .text h3
{
    font-size: .5rem;
    font-weight: bold;
    margin-top: .3rem;
}
.Index .banner .swiper-pagination
{
    width: .32rem;
    height: 100%;
    top: 0;
    bottom: 0;
    left: auto;
    right: .45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.Index .banner .swiper-pagination .swiper-pagination-bullet
{
    width: .32rem;
    height: .32rem;
    opacity: 1;
    transition: all .5s ease;
    position: relative;
    background: none;
    margin: .05rem 0;
}
.Index .banner .swiper-pagination .swiper-pagination-bullet:before
{
    content: "";
    width: 100%;
    height: 100%;
    border: .02rem solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    opacity: 0;
}
.Index .banner .swiper-pagination .swiper-pagination-bullet:after
{
    content: "";
    width: .06rem;
    height: .06rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before
{
    opacity: 1;
}
.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after
{
    background: #fff;
}
.Index .banner .mouse
{
    width: .46rem;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .4rem;
    z-index: 1;
    margin: auto;
    animation: mouseMove 1.5s infinite alternate;
}
.Index .banner .mouse .icon-mouse
{
    font-size: .4rem;
    color: #fff;
    display: block;
    margin-bottom: .1rem;
}
.Index .banner .mouse .icon-down
{
    font-size: .2rem;
    color: rgba(255,255,255,.7);
}
.Index .section
{
    height: auto;
    overflow: hidden;
    position: relative;
}
.Index .section .title-box
{
    margin-bottom: .55rem;
}
.Index .section .title-box h3
{
    font-size: .2rem;
    color: rgba(99,99,102,.5);
    text-transform: uppercase;
}
.Index .section .title-box h2
{
    font-size: .4rem;
    font-weight: bold;
    margin-top: .1rem;
}
.Index .about
{
    padding: 1.1rem 0;
    background: url(/jpg/xgslmscf.jpg) no-repeat center/cover;
}
.Index .about .container
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Index .about .text
{
    width: 44%;
    padding-top: .1rem;
}
.Index .about .text .txt h3
{
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.Index .about .text .txt p
{
    font-size: .18rem;
    line-height: .36rem;
}
.Index .about .text .txt ul
{
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Index .about .text .txt ul li h5
{
    font-size: .18rem;
}
.Index .about .text .txt ul li h5 b
{
    font-size: .55rem;
    font-family: "BebasNeue";
    margin-right: .05rem;
}
.Index .about .text .txt ul li h5 i
{
    font-size: .22rem;
    font-weight: bold;
}
.Index .about .text .txt ul li h5 span
{
    font-size: .3rem;
    vertical-align: top;
    font-weight: bold;
}
.Index .about .text .txt ul li h6
{
    font-size: .16rem;
    margin-top: .05rem;
}
.Index .about .img
{
    width: 43%;
}
.Index .business .title-box
{
    position: absolute;
    left: 6.25%;
    top: 1.3rem;
    z-index: 2;
}
.Index .business .title-box h3
{
    color: rgba(0,0,0,.5);
}
.Index .business .slide
{
    height: 10rem;
    overflow: hidden;
    position: relative;
}
.Index .business .slide .swiper-slide
{
    overflow: hidden;
    position: relative;
}
.Index .business .slide .swiper-slide img
{
    width: 100%;
    height: 100%;
}
.Index .business .slide .swiper-slide .text
{
    width: 100%;
    position: absolute;
    top: 2.6rem;
    z-index: 2;
}
.Index .business .slide .swiper-slide .text h3
{
    font-size: .28rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.Index .business .slide .swiper-slide .text p
{
    width: 45%;
    font-size: .17rem;
    line-height: .36rem;
}
.Index .business .slide .swiper-slide .text .common-more
{
    margin-top: .5rem;
}
.Index .business .tabs
{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.Index .business .tabs .swiper-wrapper
{
    align-items: flex-end;
}
.Index .business .tabs .swiper-slide
{
    width: 16.6666%;
    height: 1.2rem;
    overflow: hidden;
    background: rgba(0,0,0,.4);
    display: flex;
    padding: .4rem;
    cursor: pointer;
    transition: all .5s ease;
    position: relative;
}
.Index .business .tabs .swiper-slide a
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.Index .business .tabs .swiper-slide:before
{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/png/nfzrd5yq.png) no-repeat top/100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all .5s ease;
}
.Index .business .tabs .swiper-slide i
{
    font-size: .32rem;
    color: #fff;
}
.Index .business .tabs .swiper-slide .icon-arrow
{
    position: absolute;
    right: .3rem;
    top: .3rem;
    opacity: 0;
}
.Index .business .tabs .swiper-slide .txt
{
    margin-left: .15rem;
}
.Index .business .tabs .swiper-slide .txt h3
{
    font-size: .2rem;
    color: #fff;
    margin-bottom: .08rem;
}
.Index .business .tabs .swiper-slide .txt h4
{
    font-size: .12rem;
    line-height: .16rem;
    color: rgba(255,255,255,.3);
}
.Index .business .tabs .swiper-slide.active
{
    height: 1.95rem;
    border-top-right-radius: .3rem;
    flex-direction: column;
    align-items: flex-start;
    background: linear-gradient(180deg,#00b5f0 0%,#0c5aab 100%);
}
.Index .business .tabs .swiper-slide.active:before
{
    opacity: 1;
}
.Index .business .tabs .swiper-slide.active .icon-arrow
{
    opacity: 1;
}
.Index .business .tabs .swiper-slide.active .txt
{
    margin-left: 0;
    margin-top: .15rem;
}
.Index .business.white .title-box h3
{
    color: rgba(255,255,255,.5);
}
.Index .business.white .title-box h2
{
    color: #fff;
}
.Index .business.white .slide .swiper-slide .text h3, .Index .business.white .slide .swiper-slide .text p, .Index .business.white .slide .swiper-slide .text .common-more
{
    color: #fff;
}
.Index .technical
{
    padding: 1rem 0;
    background: url(/jpg/h4c5kxij.jpg) no-repeat center/cover;
    position: relative;
}
.Index .technical:before
{
    content: "";
    width: 10.42rem;
    height: 1.04rem;
    background: url(/png/nh5j9mob.png) no-repeat center/100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%,-50%);
}
.Index .technical .container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Index .technical .text
{
    width: 46%;
    padding-top: .6rem;
}
.Index .technical .text .txt h3
{
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.Index .technical .text .txt p
{
    font-size: .16rem;
    line-height: .36rem;
}
.Index .technical .img
{
    width: 7.2rem;
    height: 7.2rem;
    position: relative;
}
.Index .technical .img .yuan
{
    width: 100%;
    position: relative;
}
.Index .technical .img .yuan:before
{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/png/h024fkp1.png) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 0;
}
.Index .technical .img .yuan img
{
    animation: rotate360 20s infinite reverse linear;
    position: relative;
    z-index: 1;
}
.Index .technical .img ul
{
    width: 90%;
    height: 90%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.Index .technical .img ul:before
{
    content: "";
    width: 45%;
    height: 45%;
    border: .02rem solid rgba(11,160,238,.2);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.Index .technical .img ul li
{
    width: 50%;
    position: relative;
}
.Index .technical .img ul li h3
{
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.Index .solution .container
{
    position: absolute;
    left: 6.25%;
    top: 17.7%;
}
.Index .solution .title-box h3
{
    color: rgba(255,255,255,.5);
}
.Index .solution .title-box h2
{
    color: #fff;
}
.Index .solution .txt
{
    width: 30%;
}
.Index .solution .txt p
{
    font-size: .16rem;
    line-height: .36rem;
    color: rgba(255,255,255,.8);
}
.Index .solution .img-box
{
    position: relative;
}
.Index .solution .img-box .dots
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.Index .solution .img-box .dots .dot
{
    position: absolute;
    opacity: 0;
    transition: all .36s;
}
.Index .solution .img-box .dots .dot .t
{
    opacity: 0;
}
.Index .solution .img-box .dots .dot.dot1
{
    bottom: 48.5%;
    left: 48.5%;
}
.Index .solution .img-box .dots .dot.dot1 .t
{
    width: 1.2rem;
    position: absolute;
    top: -.35rem;
    right: -.4rem;
    transition: opacity .4s 1.7s;
}
.Index .solution .img-box .dots .dot.dot2
{
    bottom: 63%;
    left: 55%;
}
.Index .solution .img-box .dots .dot.dot2 .t
{
    width: .8rem;
    position: absolute;
    top: -.3rem;
    right: -.7rem;
    transition: opacity .4s 2s;
}
.Index .solution .img-box .dots .dot.dot3
{
    bottom: 55%;
    left: 64.5%;
}
.Index .solution .img-box .dots .dot.dot3 .t
{
    width: .8rem;
    position: absolute;
    top: -.3rem;
    right: -.7rem;
    transition: opacity .4s 2.3s;
}
.Index .solution .img-box .dots .dot.dot4
{
    bottom: 66%;
    left: 73%;
}
.Index .solution .img-box .dots .dot.dot4 .t
{
    width: .8rem;
    position: absolute;
    top: -.3rem;
    right: -.7rem;
    transition: opacity .4s 2.6s;
}
.Index .solution .img-box .dots .dot.dot5
{
    bottom: 51%;
    left: 77.5%;
}
.Index .solution .img-box .dots .dot.dot5 .t
{
    width: 1.2rem;
    position: absolute;
    top: -.16rem;
    right: -1.25rem;
    transition: opacity .4s 2.9s;
}
.Index .solution .img-box .dots .dot.dot6
{
    bottom: 49%;
    left: 79%;
}
.Index .solution .img-box .dots .dot.dot6 .t
{
    width: 1.2rem;
    position: absolute;
    top: -.1rem;
    right: -1.25rem;
    transition: opacity .4s 3.2s;
}
.Index .solution .img-box .dots .dot.dot7
{
    bottom: 19%;
    left: 74%;
}
.Index .solution .img-box .dots .dot.dot7 .t
{
    width: 1.2rem;
    position: absolute;
    bottom: -.15rem;
    right: -1.25rem;
    transition: opacity .4s 3.5s;
}
.Index .solution .img-box .dots .dot.dot8
{
    bottom: 26%;
    left: 56%;
}
.Index .solution .img-box .dots .dot.dot8 .t
{
    width: 1.2rem;
    position: absolute;
    bottom: -.15rem;
    right: -1.25rem;
    transition: opacity .4s 3.8s;
}
.Index .solution .img-box .dots .dot.dot9
{
    bottom: 23%;
    left: 53%;
}
.Index .solution .img-box .dots .dot.dot9 .t
{
    width: .8rem;
    position: absolute;
    bottom: -.15rem;
    right: -.25rem;
    transition: opacity .4s 4.1s;
}
.Index .solution .img-box .dots .dot.dot10
{
    bottom: 44%;
    right: 47.2%;
}
.Index .solution .img-box .dots .dot.dot10 .t
{
    width: 1.2rem;
    position: absolute;
    bottom: -.07rem;
    left: -1.25rem;
    transition: opacity .4s 4.3s;
}
.Index .solution .img-box .dots .dot.dot11
{
    bottom: 51%;
    right: 46.1%;
}
.Index .solution .img-box .dots .dot.dot11 .t
{
    width: 1.2rem;
    position: absolute;
    bottom: -.07rem;
    left: -1.25rem;
    transition: opacity .4s 4.7s;
}
.Index .solution .img-box .dots.active .dot
{
    opacity: 1;
}
.Index .solution .img-box .dots.active .dot .t
{
    opacity: 1;
}
.Index .news
{
    padding: 1rem 0;
}
.Index .news .top
{
    display: flex;
    justify-content: space-between;
    padding-bottom: .4rem;
    border-bottom: 1px solid #ededed;
}
.Index .news .top .title-box, .Index .news .top .common-more
{
    margin: 0;
}
.Index .news ul
{
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}
.Index .news ul li
{
    width: 30%;
    margin-left: 5%;
}
.Index .news ul li .text h4
{
    font-size: .18rem;
    transition: all .5s ease;
}
.Index .news ul li .text h3
{
    font-size: .2rem;
    font-weight: bold;
    margin: .2rem 0;
    line-height: .3rem;
    transition: all .5s ease;
    height: .6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.Index .news ul li .text .tip
{
    line-height: .32rem;
    font-size: .14rem;
    color: #636366;
    padding: 0 .15rem;
    border: 1px solid #b8b8b8;
    border-radius: .5rem;
    display: inline-block;
    transition: all .5s ease;
}
.Index .news ul li .img
{
    margin-top: .4rem;
    overflow: hidden;
}
.Index .news ul li .img img
{
    width: 100%;
    aspect-ratio: 50/33;
}
.Index .news ul li:first-child
{
    margin-left: 0;
}
.Index .news ul li:hover .text h4, .Index .news ul li:hover .text h3, .Index .news ul li:hover .text .tip
{
    color: #008dd3;
}
.Index .news ul li:hover .text .tip
{
    border-color: #a3b8ce;
}
.Index .news ul li:hover img
{
    transform: scale(1.08);
}
.Index .member
{
    padding: .9rem 0;
    height: 7.5rem;
    background: linear-gradient(180deg,#f1f9ff 0%,#d2ebff 100%);
}
.Index .member .title-box
{
    text-align: center;
}
.Index .member .container
{
    position: relative;
    z-index: 1;
}
.Index .member .list
{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    padding-top: 5%;
}
.Index .member .list .item
{
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 auto;
    display: block;
    grid-column-end: span 2;
    margin-top: -35%;
    position: relative;
    opacity: .5;
    transition: all .5s ease;
    clip-path: polygon(50% -6%,106% 50%,50% 106%,-6% 50%);
}
.Index .member .list .item img
{
    margin: 0 auto;
}
.Index .member .list .item:hover
{
    opacity: 1;
}
.Index .member .list .item:nth-child(7)
{
    grid-column-start: 2;
}
.Index .member .list .item:nth-child(12)
{
    grid-column-start: 1;
}
.Index .member .list .item.light
{
    opacity: 1;
}
.Index .member .waves
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}/* Nei-page */
.Nei-page .banner
{
    height: auto;
    overflow: hidden;
    position: relative;
}
.Nei-page .banner:before
{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.Nei-page .banner img
{
    width: 100%;
    height: 100%;
}
.Nei-page .banner .text
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 2.7rem;
    z-index: 2;
}
.Nei-page .banner .text h3
{
    font-size: .24rem;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    font-weight: lighter;
}
.Nei-page .banner .text h2
{
    font-size: .44rem;
    color: #fff;
    position: relative;
    font-weight: bold;
    margin-top: .15rem;
}
.Nei-page .crumbs-tabs
{
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background: #f8f9f9;
}
.Nei-page .crumbs-tabs .container
{
    display: flex;
    justify-content: space-between;
}
.Nei-page .crumbs-tabs .position
{
    height: auto;
    overflow: hidden;
    line-height: .78rem;
    display: flex;
    align-items: center;
}
.Nei-page .crumbs-tabs .position a
{
    display: block;
    font-size: .14rem;
    color: #333;
}
.Nei-page .crumbs-tabs .position a.home
{
    display: block;
}
.Nei-page .crumbs-tabs .position a.home i
{
    font-size: .16rem;
    color: #333;
}
.Nei-page .crumbs-tabs .position .icon-position-right
{
    margin: 0 .05rem;
    font-size: .14rem;
    color: #333;
}
.Nei-page .crumbs-tabs .position span
{
    font-size: .14rem;
    color: #333;
    display: block;
}
.Nei-page .crumbs-tabs .tabs
{
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.Nei-page .crumbs-tabs .tabs .swiper-slide
{
    width: auto;
    font-size: .16rem;
    color: #000;
    margin-left: .6rem;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .5s ease;
    justify-content: center;
}
.Nei-page .crumbs-tabs .tabs .swiper-slide:after
{
    content: "";
    width: 0;
    height: .02rem;
    background: #008dd3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s ease;
}
.Nei-page .crumbs-tabs .tabs .swiper-slide.active, .Nei-page .crumbs-tabs .tabs .swiper-slide:hover
{
    color: #008dd3;
}
.Nei-page .crumbs-tabs .tabs .swiper-slide.active:after, .Nei-page .crumbs-tabs .tabs .swiper-slide:hover:after
{
    width: 100%;
}
.Nei-page .crumbs-tabs .tabs .swiper-slide:first-child
{
    margin: 0;
}
.Nei-page .content
{
    padding-top: .8rem;
    min-height: 3rem;
    overflow: hidden;
}
.Nei-page .title-box
{
    width: 81%;
    text-align: center;
    margin: 0 auto;
}
.Nei-page .title-box h2
{
    font-size: .42rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.Nei-page .title-box h2.white
{
    color: #fff;
}
.Nei-page .title-box p
{
    font-size: .16rem;
    line-height: .36rem;
}
.Nei-page .title-box p b
{
    font-weight: bold;
}
.Nei-page .section
{
    height: auto;
    overflow: hidden;
}/* About */
.About .content
{
    padding-top: 0;
}
.About .content .section1
{
    padding: .8rem 0;
    background: url(/jpg/0soo2dbm.jpg) no-repeat center/cover;
}
.About .content .section1 .container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.About .content .section1 .text
{
    width: 45%;
    padding-top: .4rem;
}
.About .content .section1 .text .title-box
{
    width: 100%;
    text-align: left;
}
.About .content .section1 .text .txt h3
{
    font-size: .24rem;
    margin: .4rem auto .25rem;
}
.About .content .section1 .text .txt p
{
    font-size: .16rem;
    line-height: .36rem;
}
.About .content .section1 .text .txt .common-more
{
    margin-top: .35rem;
}
.About .content .section1 .text .txt .common-btn
{
    display: none;
}
.About .content .section1 .text ul
{
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.About .content .section1 .text ul li h5
{
    font-size: .18rem;
}
.About .content .section1 .text ul li h5 b
{
    font-size: .7rem;
    color: #008dd3;
    font-family: "BebasNeue";
    margin-right: .05rem;
}
.About .content .section1 .text ul li h5 i
{
    font-size: .22rem;
    color: #008dd3;
    font-weight: bold;
}
.About .content .section1 .text ul li h5 span
{
    font-size: .3rem;
    color: #008dd3;
    vertical-align: top;
    font-weight: bold;
}
.About .content .section1 .text ul li h6
{
    font-size: .16rem;
    margin-top: .05rem;
}
.About .content .section1 .text ul li h6 i
{
    font-size: .16rem;
    margin-right: .1rem;
}
.About .content .section1 .img
{
    width: 50%;
}
.About .content .section1 .img img
{
    width: 100%;
    height: 100%;
}
.About .content .section2
{
    height: 8rem;
    padding-top: 1.5rem;
    background: url(/png/jjxjx9at.png) no-repeat center/cover;
}
.About .content .section2 .title-box
{
    width: 100%;
    text-align: left;
    color: #fff;
}
.About .content .section2 .title-box p
{
    width: 38%;
}
.About .content .section2 .common-more
{
    margin-top: .35rem;
}
.About .content .section2 .common-btn
{
    display: none;
}
.About .content .section3
{
    padding: .8rem 0;
}
.About .content .section3 .title-box
{
    margin-bottom: .5rem;
}
.About .content .section3 .list
{
    display: flex;
    margin-top: .4rem;
    overflow: hidden;
}
.About .content .section3 .list .item
{
    width: 24.9%;
    height: 5.5rem;
    position: relative;
    margin-left: .1%;
    transition: all .8s;
}
.About .content .section3 .list .item img
{
    width: 100%;
    height: 100%;
}
.About .content .section3 .list .item .text
{
    width: 100%;
    padding: .5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all .4s .4s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateY(55%);
}
.About .content .section3 .list .item .text h2
{
    font-size: .24rem;
    color: #fff;
    font-weight: bold;
}
.About .content .section3 .list .item .text p
{
    font-size: .18rem;
    color: #fff;
    margin-top: .2rem;
    height: .6rem;
    line-height: .3rem;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: .3s;
}
.About .content .section3 .list .item .text .btn
{
    width: .42rem;
    height: .42rem;
    margin-top: .3rem;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: .3s;
}
.About .content .section3 .list .item .text .btn i
{
    font-size: .22rem;
    color: #fff;
}
.About .content .section3 .list .item.active
{
    width: 50%!important;
}
.About .content .section3 .list .item.active .text
{
    transform: translateY(0);
}
.About .content .section3 .list .item.active .text p
{
    opacity: 1;
}
.About .content .section3 .list .item.active .text .btn
{
    opacity: 1;
}
.About .content .section3 .list .item.active:after
{
    opacity: 1;
}
.About .content .section3 .list .item:first-child
{
    margin-left: 0;
}
.About .content .section4
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.About .content .section4 .img
{
    width: 50%;
}
.About .content .section4 .img img
{
    width: 100%;
    height: 100%;
}
.About .content .section4 .text
{
    width: 50%;
    padding: 1.2rem 0 0 .8rem;
    background: #f7fafd;
    position: relative;
}
.About .content .section4 .text .title-box
{
    width: 100%;
    text-align: left;
}
.About .content .section4 .text .common-more
{
    margin-top: 1.6rem;
}
.About .content .section4 .text .common-btn
{
    display: none;
}
.About .content .section4 .text:after
{
    content: "";
    width: 5.02rem;
    height: 3.4rem;
    background: url(/png/fg7g2vbm.png) no-repeat center/100%;
    position: absolute;
    right: 0;
    bottom: 0;
}/* About-jj */
.About-jj .content
{
    padding-bottom: .9rem;
}
.About-jj .content .section1 ul
{
    margin-top: .5rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.About-jj .content .section1 ul li h5
{
    font-size: .18rem;
}
.About-jj .content .section1 ul li h5 b
{
    font-size: .7rem;
    color: #008dd3;
    font-family: "BebasNeue";
    margin-right: .05rem;
}
.About-jj .content .section1 ul li h5 i
{
    font-size: .22rem;
    color: #008dd3;
    font-weight: bold;
}
.About-jj .content .section1 ul li h5 span
{
    font-size: .3rem;
    color: #008dd3;
    vertical-align: top;
    font-weight: bold;
}
.About-jj .content .section1 ul li h6
{
    font-size: .16rem;
    margin-top: .05rem;
}
.About-jj .content .section1 ul li h6 i
{
    font-size: .16rem;
    margin-right: .1rem;
}
.About-jj .content .section1 .video
{
    overflow: hidden;
    margin-top: .5rem;
    position: relative;
    cursor: pointer;
}
.About-jj .content .section1 .video img
{
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}
.About-jj .content .section1 .video .play
{
    width: .61rem;
    height: .6rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.About-jj .content .section1 .video .play i
{
    font-size: .2rem;
    color: #fff;
}
.About-jj .content .section1 .video .play:after
{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/png/gvsd28kn.png) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: rotate360 5s infinite linear;
}
.About-jj .content .section1 .video:hover img
{
    transform: scale(1.05);
}/* About-history */
.About-history .content .section1
{
    padding-bottom: 2.5rem;
    position: relative;
}
.About-history .content .section1:after
{
    z-index: -1;
    content: "";
    width: 100%;
    height: 4.5rem;
    background: url(/jpg/nfzrd5yq.jpg) no-repeat bottom/cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.About-history .content .section1 .tabs
{
    overflow: hidden;
    margin-top: .5rem;
    position: relative;
    z-index: 1;
}
.About-history .content .section1 .tabs:before
{
    content: "";
    width: 100%;
    height: .02rem;
    background: #e8e8e8;
    position: absolute;
    left: 0;
    bottom: .12rem;
}
.About-history .content .section1 .tabs .swiper-slide
{
    text-align: center;
    cursor: pointer;
}
.About-history .content .section1 .tabs .swiper-slide h3
{
    font-size: .2rem;
    color: #636366;
}
.About-history .content .section1 .tabs .swiper-slide .dot
{
    width: .26rem;
    height: .26rem;
    background: url(/png/engckhhd.png) no-repeat center/100%;
    display: block;
    margin: .15rem auto 0;
}
.About-history .content .section1 .tabs .swiper-slide:hover h3, .About-history .content .section1 .tabs .swiper-slide.active h3
{
    color: #008dd3;
    font-weight: bold;
}
.About-history .content .section1 .tabs .swiper-slide:hover .dot, .About-history .content .section1 .tabs .swiper-slide.active .dot
{
    background: url(/png/08h3ho3n.png) no-repeat center/100%;
}
.About-history .content .section1 .box
{
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}
.About-history .content .section1 .box .img
{
    width: 55%;
    overflow: hidden;
    margin-left: 12%;
}
.About-history .content .section1 .box .img ul
{
    display: flex;
    flex-wrap: wrap;
}
.About-history .content .section1 .box .img ul li
{
    width: 48.5%;
    margin-left: 3%;
}
.About-history .content .section1 .box .img ul li img
{
    width: 100%;
    height: 100%;
}
.About-history .content .section1 .box .img ul li:first-child
{
    margin: 0;
}
.About-history .content .section1 .slide
{
    overflow: hidden;
    position: relative;
    z-index: 1;
    flex: 1;
}
.About-history .content .section1 .slide .swiper-slide
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.About-history .content .section1 .slide .swiper-slide .text ul li
{
    position: relative;
    padding-left: .4rem;
    margin-bottom: .6rem;
}
.About-history .content .section1 .slide .swiper-slide .text ul li:before
{
    content: "";
    width: .22rem;
    height: 1px;
    background: #008dd3;
    position: absolute;
    left: 0;
    top: .12rem;
}
.About-history .content .section1 .slide .swiper-slide .text ul li h4
{
    font-size: .26rem;
    color: #008dd3;
    font-weight: bold;
    margin-bottom: .1rem;
}
.About-history .content .section1 .slide .swiper-slide .text ul li p
{
    font-size: .18rem;
    line-height: .3rem;
}
.About-history .content .section1 .slide .swiper-slide .img
{
    width: 55%;
    overflow: hidden;
}
.About-history .content .section1 .slide .swiper-slide .img ul
{
    display: flex;
    flex-wrap: wrap;
}
.About-history .content .section1 .slide .swiper-slide .img ul li
{
    width: 48.5%;
    margin-left: 3%;
}
.About-history .content .section1 .slide .swiper-slide .img ul li img
{
    width: 100%;
    height: 100%;
}
.About-history .content .section1 .slide .swiper-slide .img ul li:first-child
{
    margin: 0;
}/* About-culture */
.About-culture .content .section1 ul
{
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}
.About-culture .content .section1 ul li
{
    width: 50%;
    position: relative;
}
.About-culture .content .section1 ul li img
{
    width: 101%;
    height: 101%;
}
.About-culture .content .section1 ul li .text
{
    width: 100%;
    padding: 0 6.25% .7rem;
    position: absolute;
    left: 0;
    bottom: 0;
}
.About-culture .content .section1 ul li .text h3
{
    font-size: .3rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: .2rem;
}
.About-culture .content .section1 ul li .text p
{
    font-size: .16rem;
    color: #fff;
}
.About-culture .content .section2
{
    height: 8.75rem;
    padding: .8rem 0;
    position: relative;
    background: url(/jpg/nh5j9mob.jpg) no-repeat bottom/cover;
}
.About-culture .content .section2 ul
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .5rem;
}
.About-culture .content .section2 ul li
{
    width: 19%;
    height: 3.9rem;
    background: #fff;
    padding: .35rem .3rem;
    box-shadow: 0 0 .15rem 1px rgba(163,184,206,.13);
}
.About-culture .content .section2 ul li img
{
    width: 1.48rem;
    margin: 0 auto;
}
.About-culture .content .section2 ul li .text
{
    text-align: center;
}
.About-culture .content .section2 ul li .text h3
{
    font-size: .24rem;
    font-weight: bold;
    margin: .15rem 0;
}
.About-culture .content .section2 ul li .text p
{
    font-size: .16rem;
    color: #1a1311;
    line-height: .3rem;
}/* About-honor */
.About-honor .content
{
    padding-bottom: .8rem;
}
.About-honor .content .list
{
    display: flex;
    flex-wrap: wrap;
}
.About-honor .content .list .item
{
    width: 31%;
    height: 3rem;
    background: #f8f9f9;
    margin: 3.5% 3.5% 0 0;
    display: flex;
    position: relative;
}
.About-honor .content .list .item:before
{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,#00b5f0 0%,#0c5aab 100%);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s ease;
}
.About-honor .content .list .item:after
{
    content: "";
    font-family: 'iconfont';
    font-size: .4rem;
    color: #fff;
    position: absolute;
    right: 21%;
    top: 44%;
    opacity: 0;
    z-index: 1;
    transition: all .5s ease;
    transform: translateY(100%);
}
.About-honor .content .list .item .text
{
    width: 50%;
    padding: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.About-honor .content .list .item .text h4
{
    position: relative;
    font-size: .3rem;
    font-family: "BebasNeue";
    padding-bottom: .2rem;
    transition: all .5s ease;
}
.About-honor .content .list .item .text h4:before
{
    content: "";
    width: .2rem;
    height: .04rem;
    background: #008dd3;
    border-radius: .05rem;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .5s ease;
}
.About-honor .content .list .item .text h3
{
    font-size: .18rem;
    line-height: .28rem;
    transition: all .5s ease;
}
.About-honor .content .list .item .text i
{
    font-size: .6rem;
    color: #e1e1e1;
    position: absolute;
    right: .25rem;
    top: .35rem;
    transition: all .5s ease;
}
.About-honor .content .list .item .img
{
    width: 50%;
    height: 2.97rem;
}
.About-honor .content .list .item .img img
{
    width: 100%;
    height: 100%;
    aspect-ratio: 260/297;
    -webkit-aspect-ratio: 260/297;
}
.About-honor .content .list .item:nth-child(3n)
{
    margin-right: 0;
}
.About-honor .content .list .item:hover:before
{
    opacity: .8;
}
.About-honor .content .list .item:hover:after
{
    opacity: 1;
    transform: translateY(0);
}
.About-honor .content .list .item:hover .text
{
    color: #fff;
}
.About-honor .content .list .item:hover .text i
{
    color: #008dd3;
    opacity: .4;
}/* Industry-xq */
.Industry-xq .content
{
    padding-top: 0;
}
.Industry-xq .content .section1 .container
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.Industry-xq .content .section1 .img
{
    width: 48%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.Industry-xq .content .section1 .img img
{
    transition: all .5s ease;
    width: 100%;
    height: 100%;
}
.Industry-xq .content .section1 .img:hover img
{
    transform: scale(1.08);
}
.Industry-xq .content .section1 .text
{
    width: 52%;
    padding: 0 6.25% 0 4%;
    position: relative;
    z-index: 1;
}
.Industry-xq .content .section1 .text .title-box
{
    width: 100%;
    text-align: left;
    margin-bottom: .4rem;
}
.Industry-xq .content .section1 .text h3
{
    font-size: .24rem;
    margin-bottom: .3rem;
}
.Industry-xq .content .section1 .text p
{
    font-size: .16rem;
    line-height: .36rem;
    margin-top: .1rem;
}
.Industry-xq .content .section2
{
    padding: .8rem 0 .9rem;
    background: #f5f7fa;
}
.Industry-xq .content .section2 .box
{
    margin-top: .55rem;
    text-align: center;
    overflow: hidden;
    --swiper-theme-color: #fff;
}
.Industry-xq .content .section2 .box .swiper-slide .img-box
{
    height: 6rem;
}
.Industry-xq .content .section2 .box .swiper-slide .img-box img
{
    width: 100%;
    height: 100%;
    aspect-ratio: 1680/600;
    -webkit-aspect-ratio: 1680/600;
}
.Industry-xq .content .section2 .box .swiper-slide .text-box
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 1.6rem 23%;
}
.Industry-xq .content .section2 .box .swiper-slide .text-box h3
{
    font-size: .3rem;
    line-height: .46rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: .3rem;
}
.Industry-xq .content .section2 .box .swiper-slide .text-box p
{
    font-size: .16rem;
    line-height: .36rem;
    color: #fff;
}
.Industry-xq .content .section2 .box .swiper-button-next, .Industry-xq .content .section2 .box .swiper-button-prev
{
    top: 55%;
}
.Industry-xq .content .section2 .box .swiper-button-prev
{
    left: .3rem;
}
.Industry-xq .content .section2 .box .swiper-button-next
{
    right: .3rem;
}
.Industry-xq .content .section2 .box .swiper-pagination
{
    bottom: .4rem;
}
.Industry-xq .content .section2 .box .swiper-pagination-bullet
{
    background-color: #fff;
}
.Industry-xq .content .section3
{
    padding: .8rem 0;
}
.Industry-xq .content .section3 ul
{
    display: flex;
    margin-top: .4rem;
    overflow: hidden;
}
.Industry-xq .content .section3 ul li
{
    width: 20%;
    height: 7rem;
    position: relative;
    transition: all .8s;
}
.Industry-xq .content .section3 ul li:before
{
    content: "";
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg,transparent 0%,#000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.Industry-xq .content .section3 ul li img
{
    width: 100%;
    height: 100%;
}
.Industry-xq .content .section3 ul li .text
{
    width: 100%;
    padding: .4rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .5s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-top-left-radius: .3rem;
}
.Industry-xq .content .section3 ul li .text h3
{
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-bottom: .15rem;
    line-height: .32rem;
}
.Industry-xq .content .section3 ul li .text h3:before
{
    content: "";
    width: .2rem;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.Industry-xq .content .section3 ul li .text-box
{
    transform: translateY(100%);
}
.Industry-xq .content .section3 ul li .text-box.text
{
    width: 80%;
    background: linear-gradient(129deg,#01adea 0%,#0a67b5 100%);
}
.Industry-xq .content .section3 ul li .text-box.text p
{
    font-size: .16rem;
    color: #fff;
    margin-top: .15rem;
    line-height: .28rem;
    transition: all .5s ease;
}
.Industry-xq .content .section3 ul li.active
{
    width: 54%!important;
}
.Industry-xq .content .section3 ul li.active .text-p
{
    opacity: 0;
}
.Industry-xq .content .section3 ul li.active .text-box
{
    transform: translateY(0);
    transition: all .6s ease;
    transition-delay: .6s;
}
.Industry-xq .content .section4
{
    padding: .8rem 0 1rem;
    background: #f5f7fa;
}
.Industry-xq .content .section4 .common-btn
{
    margin-top: .9rem;
}/* Product */
.Product
{
    background: #f8f9f9;
}
.Product .crumbs-tabs:after
{
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    left: 0;
    bottom: 0;
}
.Product .content
{
    padding: .5rem 0 1.3rem;
}
.Product .content .filter
{
    background: #fff;
    padding: .3rem;
    margin-bottom: .3rem;
}
.Product .content .filter .title
{
    font-size: .2rem;
    font-weight: bold;
}
.Product .content .filter form
{
    display: flex;
    align-items: center;
    margin-top: .25rem;
}
.Product .content .filter form .box
{
    width: 4rem;
    padding: 0 .15rem;
    display: flex;
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: .5rem;
}
.Product .content .filter form .box i
{
    font-size: .2rem;
    margin-right: .15rem;
    cursor: pointer;
}
.Product .content .filter form .box input
{
    flex: 1;
    height: .5rem;
    font-size: .16rem;
}
.Product .content .filter form .reset
{
    font-size: .16rem;
    color: #008dd3;
    margin-left: .2rem;
}
.Product .content .filter .fllist .row
{
    display: flex;
    align-items: center;
    border-top: 1px solid #ededed;
    padding-top: .3rem;
    margin-top: .3rem;
}
.Product .content .filter .fllist .row label
{
    width: 1rem;
    font-size: .18rem;
    font-weight: bold;
}
.Product .content .filter .fllist .row .item
{
    font-size: .16rem;
    color: #333;
    margin-left: .5rem;
    display: flex;
    align-items: center;
    transition: none;
}
.Product .content .filter .fllist .row .item i
{
    width: .2rem;
    height: .2rem;
    background: url(/png/hle3phiw.png) no-repeat center/100%;
    margin-right: .1rem;
}
.Product .content .filter .fllist .row .item:hover, .Product .content .filter .fllist .row .item.active
{
    color: #008dd3;
}
.Product .content .filter .fllist .row .item:hover i, .Product .content .filter .fllist .row .item.active i
{
    background: url(/png/yqyt1m8l.png) no-repeat center/100%;
}
.Product .content .filter .fllist .other
{
    display: none;
}
.Product .content .filter .more
{
    width: 1.5rem;
    font-size: .16rem;
    color: #999;
    text-align: center;
    cursor: pointer;
    margin: .4rem auto 0;
    transition: all .5s ease;
}
.Product .content .filter .more i
{
    font-size: .16rem;
    display: inline-block;
    transition: all .5s ease;
}
.Product .content .filter .more:hover
{
    color: #008dd3;
}
.Product .content .filter .more.active i
{
    transform: rotate(180deg);
}
.Product .content .result
{
    background: #fff;
    padding: .2rem;
    margin-bottom: .3rem;
    display: flex;
    align-items: center;
}
.Product .content .result i
{
    font-size: .18rem;
    color: #008dd3;
    margin-right: .05rem;
}
.Product .content .result span
{
    font-size: .16rem;
    color: #333;
    margin: 0 .06rem;
}/* product-list */
.product-list
{
    display: flex;
    flex-wrap: wrap;
}
.product-list li
{
    width: 23.125%;
    margin: 2.5% 2.5% 0 0;
    background: #fff;
}
.product-list li .img
{
    overflow: hidden;
}
.product-list li .img img
{
    width: 100%;
    height: 100%;
}
.product-list li .text
{
    padding: .5rem .3rem .55rem;
    position: relative;
}
.product-list li .text h3
{
    font-size: .22rem;
    line-height: .3rem;
    margin-bottom: .2rem;
    transition: all .5s ease;
}
.product-list li .text p
{
    font-size: .16rem;
    line-height: .24rem;
    margin-top: .1rem;
}
.product-list li .text .btn
{
    width: .5rem;
    height: .5rem;
    background: #008dd3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
.product-list li .text .btn i
{
    font-size: .24rem;
    color: #fff;
}
.product-list li .text .btn-box
{
    width: 100%;
    padding: 0 .3rem .3rem;
    position: absolute;
    left: 0;
    bottom: -.5rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    box-shadow: 0 .1rem .2rem 1px rgba(106,151,186,.2);
}
.product-list li .text .btn-box a
{
    width: 46%;
    height: .54rem;
    border: 1px solid #008dd3;
    font-size: .18rem;
    color: #008dd3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}
.product-list li .text .btn-box a:last-child
{
    background: #008dd3;
    color: #fff;
}
.product-list li:nth-child(4n)
{
    margin-right: 0;
}
.product-list li:hover
{
    box-shadow: 0 .1rem .2rem 1px rgba(106,151,186,.2);
}
.product-list li:hover img
{
    transform: scale(1.05);
}
.product-list li:hover .text h3
{
    color: #008dd3;
}
.product-list li:hover .text .btn
{
    opacity: 0;
}
.product-list li:hover .text .btn-box
{
    opacity: 1;
}/* Product-xq */
.Product-xq .crumbs-tabs
{
    background: #fff;
}
.Product-xq .crumbs-tabs:after
{
    content: "";
    width: 100%;
    height: 1px;
    background: #f8f9f9;
    position: absolute;
    left: 0;
    bottom: 0;
}
.Product-xq .content .section .title-box
{
    margin-bottom: .5rem;
}
.Product-xq .content .section1 .container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Product-xq .content .section1 .imgs
{
    width: 48%;
    overflow: hidden;
}
.Product-xq .content .section1 .imgs .big
{
    overflow: hidden;
    position: relative;
    background-color: #f9fafc;
}
.Product-xq .content .section1 .imgs .big img
{
    width: 100%;
    aspect-ratio: 80/50;
    -webkit-aspect-ratio: 80/50;
}
.Product-xq .content .section1 .imgs .big .swiper-pagination
{
    bottom: .2rem;
}
.Product-xq .content .section1 .imgs .big .swiper-pagination .swiper-pagination-bullet
{
    width: .3rem;
    height: .03rem;
    border-radius: 0;
}
.Product-xq .content .section1 .imgs .big .icon
{
    cursor: pointer;
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -.2rem;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    background-color: #008dd3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Product-xq .content .section1 .imgs .big .icon span
{
    color: #fff;
    font-weight: bold;
}
.Product-xq .content .section1 .imgs .big .icon.prev
{
    left: .2rem;
}
.Product-xq .content .section1 .imgs .big .icon.next
{
    right: .2rem;
}
.Product-xq .content .section1 .imgs .big .icon.swiper-button-disabled
{
    background-color: #c8c8c8;
}
.Product-xq .content .section1 .imgs .thumbs
{
    overflow: hidden;
    margin-top: .2rem;
}
.Product-xq .content .section1 .imgs .thumbs .swiper-slide
{
    position: relative;
    cursor: pointer;
}
.Product-xq .content .section1 .imgs .thumbs .swiper-slide img
{
    width: 100%;
}
.Product-xq .content .section1 .imgs .thumbs .swiper-slide.active:before
{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #008dd3;
    position: absolute;
    left: 0;
    top: 0;
}
.Product-xq .content .section1 .text
{
    width: 48%;
}
.Product-xq .content .section1 .text h2
{
    font-size: .42rem;
    font-weight: bold;
}
.Product-xq .content .section1 .text ul
{
    margin-top: .28rem;
}
.Product-xq .content .section1 .text ul li
{
    font-size: .16rem;
    line-height: .26rem;
    position: relative;
    padding-left: .15rem;
    margin-top: .1rem;
}
.Product-xq .content .section1 .text ul li:before
{
    content: "";
    width: .06rem;
    height: .06rem;
    background: #008dd3;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .09rem;
}
.Product-xq .content .section1 .text .fit
{
    padding: .2rem .4rem 0;
    margin-top: .25rem;
    background: #f9fafc;
}
.Product-xq .content .section1 .text .fit h3
{
    font-size: .24rem;
}
.Product-xq .content .section1 .text .fit .cars
{
    overflow: hidden;
    position: relative;
    margin-top: .2rem;
    padding-bottom: .25rem;
}
.Product-xq .content .section1 .text .fit .cars .item
{
    text-align: center;
}
.Product-xq .content .section1 .text .fit .cars .item:first-child
{
    margin-left: 0;
}
.Product-xq .content .section1 .text .fit .cars .item img
{
    width: .8rem;
    margin: 0 auto;
    display: block;
}
.Product-xq .content .section1 .text .fit .cars .item h4
{
    font-size: .16rem;
    margin-top: .15rem;
}
.Product-xq .content .section1 .text .fit .cars .swiper-horizontal>.swiper-scrollbar, .Product-xq .content .section1 .text .fit .cars .swiper-scrollbar.swiper-scrollbar-horizontal
{
    height: .03rem;
}
.Product-xq .content .section1 .text .fit .cars .swiper-scrollbar-drag
{
    background: rgba(6,131,213,.5);
}
.Product-xq .content .section1 .text .btns
{
    display: flex;
    margin-top: .32rem;
}
.Product-xq .content .section1 .text .btns .btn
{
    min-width: 2.8rem;
    padding: 0 .4rem;
    height: .7rem;
    font-size: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #008dd3;
    color: #008dd3;
    margin-left: .7rem;
    border-radius: .5rem;
}
.Product-xq .content .section1 .text .btns .btn:first-child
{
    color: #fff;
    background: #008dd3;
    margin: 0;
}
.Product-xq .content .section1 .text .btns .btn:hover
{
    opacity: .8;
}
.Product-xq .content .section2
{
    margin-top: .8rem;
}
.Product-xq .content .section3
{
    padding: .8rem 0;
}
.Product-xq .content .section3 table
{
    width: 100%;
    border-collapse: collapse;
}
.Product-xq .content .section3 table tr th
{
    font-size: .2rem;
    color: #fff;
    padding: .2rem .2rem .2rem 1.2rem;
    text-align: left;
    font-weight: bold;
    background: #0683d5;
    border: 1px solid #ebebeb;
}
.Product-xq .content .section3 table tr td
{
    font-size: .16rem;
    padding: .2rem .2rem .2rem 1.2rem;
    border: 1px solid #ebebeb;
    line-height: .24rem;
}
.Product-xq .content .section4
{
    padding: .8rem 0;
    background: #f5f7fa;
}
.Product-xq .content .section4 .title-box
{
    margin-bottom: 0;
}
.Product-xq .content .section4 .title-box h2
{
    margin-bottom: .05rem;
}/* News */
.News .content
{
    padding-bottom: 1rem;
}
.News .content .section1 .big
{
    overflow: hidden;
    background: #f5f7fa;
}
.News .content .section1 .big .left
{
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}
.News .content .section1 .big .left .swiper-slide
{
    overflow: hidden;
}
.News .content .section1 .big .left .swiper-slide .img
{
    overflow: hidden;
}
.News .content .section1 .big .left .swiper-slide .img img
{
    width: 100%;
    height: 100%;
}
.News .content .section1 .big .left .swiper-slide:hover img
{
    transform: scale(1.08);
}
.News .content .section1 .big .left .button
{
    transition: all .5s ease;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    width: .4rem;
    height: .4rem;
    background-color: #008dd3;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: rotateY(-50%);
}
.News .content .section1 .big .left .button span
{
    font-size: .18rem;
    font-weight: bold;
}
.News .content .section1 .big .left .button-next
{
    right: .4rem;
}
.News .content .section1 .big .left .button-prev
{
    left: .4rem;
}
.News .content .section1 .big .left:hover .button
{
    opacity: 1;
}
.News .content .section1 .big .left .swiper-pagination
{
    text-align: right;
    color: #fff;
    padding-right: .36rem;
    padding-bottom: .2rem;
}
.News .content .section1 .big .left .swiper-pagination span
{
    color: #fff;
}
.News .content .section1 .big .left .swiper-pagination .swiper-pagination-current
{
    font-size: .32rem;
}
.News .content .section1 .big .left .swiper-pagination .swiper-pagination-total
{
    font-size: .22rem;
}
.News .content .section1 .big .right
{
    height: auto;
    overflow: hidden;
    position: relative;
}
.News .content .section1 .big .right .text-box
{
    flex: 1;
    padding: .66rem .6rem;
    background: #f5f7fa;
    display: none;
}
.News .content .section1 .big .right .text-box:first-child
{
    display: block;
}
.News .content .section1 .big .right .text-box h4
{
    font-size: .18rem;
    color: #000;
    margin-bottom: .2rem;
}
.News .content .section1 .big .right .text-box h3
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: .28rem;
    font-weight: bold;
    color: #000;
    line-height: .4rem;
    margin-bottom: .24rem;
}
.News .content .section1 .big .right .text-box p
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .16rem;
    color: #333;
    line-height: .36rem;
}
.News .content .section1 .big .right .text-box .more
{
    margin-top: .6rem;
}
.News .content .section1 .big .right .text-box .more a
{
    width: 1.71rem;
    height: .5rem;
    font-size: .16rem;
    background: #008dd3;
    border-radius: .5rem;
    display: block;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.News .content .section1 .big .right .text-box .more a span
{
    font-weight: bold;
    font-size: .2rem;
    margin-left: .2rem;
}
.News .content .section1 .big .right .text-box .more a:hover
{
    opacity: .8;
}
.News .content .section1 .big .right .swiper-pagination
{
    display: none;
}
.News .content .section1 .box
{
    padding-top: .2rem;
}
.News .content .section1 .box ul li
{
    border-bottom: 1px solid #e6e6e6;
}
.News .content .section1 .box ul li a
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .4rem 0;
}
.News .content .section1 .box ul li a .img
{
    width: 31%;
    margin-left: .48rem;
    overflow: hidden;
}
.News .content .section1 .box ul li a .img img
{
    display: block;
    width: 100%;
    height: 100%;
}
.News .content .section1 .box ul li a .text-box
{
    flex: 1;
}
.News .content .section1 .box ul li a .text-box h4
{
    font-size: .18rem;
    color: #000;
    margin-bottom: .3rem;
}
.News .content .section1 .box ul li a .text-box h3
{
    transition: all .5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: .2rem;
    font-weight: bold;
    color: #000;
    line-height: .3rem;
    margin-bottom: .24rem;
}
.News .content .section1 .box ul li a .text-box p
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .16rem;
    color: #333;
    line-height: .3rem;
}
.News .content .section1 .box ul li a:hover img
{
    transform: scale(1.08);
}
.News .content .section1 .box ul li a:hover h3
{
    color: #008dd3;
}/* News-list */
.News-list .content
{
    padding-bottom: .8rem;
}
.news-list
{
    height: auto;
    overflow: visible;
    margin-bottom: .6rem;
}
.news-list li
{
    padding: .4rem 0;
    border-bottom: 1px solid #e2e6ec;
}
.news-list li a
{
    display: flex;
    flex-direction: row-reverse;
}
.news-list li .img
{
    width: 29%;
    overflow: hidden;
    margin-left: 1rem;
}
.news-list li .img img
{
    width: 100%;
    height: 100%;
}
.news-list li .text
{
    width: 0;
    flex: 1;
    padding: .4rem 0;
}
.news-list li .text h4
{
    font-size: .17rem;
    color: #6a6a6a;
}
.news-list li .text h4 i
{
    font-size: .22rem;
    color: #6a6a6a;
    font-weight: bold;
    margin-right: .05rem;
    vertical-align: -.02rem;
}
.news-list li .text h3
{
    font-size: .2rem;
    color: #000;
    margin: .25rem 0 .15rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s ease;
}
.news-list li .text p
{
    font-size: .16rem;
    color: #333;
    line-height: .3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list li .text .look
{
    font-size: .16rem;
    color: #000;
    margin-top: .25rem;
    transition: all .5s ease;
}
.news-list li .text .look i
{
    font-size: .14rem;
    color: #000;
    font-weight: bold;
    vertical-align: .01rem;
    margin-left: .05rem;
    transition: all .5s ease;
}
.news-list li:hover img
{
    transform: scale(1.08);
}
.news-list li:hover .text h3, .news-list li:hover .text .look
{
    color: #008dd3;
}
.news-list li:hover .text h3 i, .news-list li:hover .text .look i
{
    margin-left: .1rem;
    color: #008dd3;
}
.news-list li:first-child
{
    padding-top: 0;
}/* News-xq */
.News-xq .content
{
    padding: .85rem 0 .6rem;
    position: relative;
}
.News-xq .content:before
{
    content: "";
    background: #f5f7fa;
    width: 37%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.News-xq .content .container
{
    display: flex;
    flex-wrap: wrap;
}
.News-xq .content .left
{
    width: 65%;
    padding-right: .8rem;
}
.News-xq .content .left .title
{
    font-size: .34rem;
    line-height: .48rem;
    color: #1a1311;
    font-weight: bold;
    margin-bottom: .5rem;
}
.News-xq .content .left .other
{
    background: #f8f9fb;
    height: .6rem;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .6rem;
}
.News-xq .content .left .other .tags span
{
    font-size: .14rem;
    color: #636366;
    position: relative;
    margin-right: .3rem;
}
.News-xq .content .left .other .tags span i
{
    font-size: .22rem;
    position: relative;
    top: .02rem;
    margin-right: .04rem;
}
.News-xq .content .left .other .share
{
    font-size: .14rem;
    color: #666;
    display: flex;
    align-items: center;
}
.News-xq .content .left .other .share a
{
    font-size: .3rem;
    margin: 0 .06rem;
}
.News-xq .content .left .other .share a.wechat
{
    color: #48a414;
}
.News-xq .content .left .other .share a.weibo
{
    color: #ea5d5c;
}
.News-xq .content .left .other .share a.qq
{
    color: #008dd3;
}
.News-xq .content .left .text-box p
{
    font-size: .16rem;
    color: #1a1311;
    line-height: .3rem;
    margin-top: .4rem;
}
.News-xq .content .left .text-box img
{
    margin: 0 auto;
}
.News-xq .content .left .relevant
{
    margin-top: .6rem;
    padding: .45rem 0;
    border-top: 1px solid #e6e6e6;
}
.News-xq .content .left .relevant a
{
    display: flex;
    justify-content: flex-start;
    padding: .15rem 0;
    font-size: .17rem;
}
.News-xq .content .left .relevant a p
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
    text-align: left;
    color: #616164;
    transition: all .5s ease;
}
.News-xq .content .left .relevant a span
{
    margin-right: .1rem;
    color: #8c8d8f;
}
.News-xq .content .left .relevant a:hover p
{
    color: #008dd3;
}
.News-xq .content .right
{
    width: 34%;
    padding-left: .5rem;
}
.News-xq .content .right .title
{
    font-size: .3rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .5rem;
}
.News-xq .content .right ul li
{
    margin-bottom: .7rem;
}
.News-xq .content .right ul li .img
{
    height: 2.8rem;
    overflow: hidden;
}
.News-xq .content .right ul li .img img
{
    width: 100%;
    height: 100%;
}
.News-xq .content .right ul li .text
{
    padding-top: .2rem;
}
.News-xq .content .right ul li .text h4
{
    font-size: .18rem;
    color: #000;
    margin-bottom: .2rem;
}
.News-xq .content .right ul li .text h3
{
    font-size: .2rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s ease;
}
.News-xq .content .right ul li .text p
{
    font-size: .16rem;
    line-height: .3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.News-xq .content .right ul li .text i
{
    margin-top: .2rem;
    display: block;
    font-size: .2rem;
    color: #666;
    transition: all .5s ease;
}
.News-xq .content .right ul li:hover img
{
    transform: scale(1.1);
}
.News-xq .content .right ul li:hover .text h3
{
    color: #008dd3;
}
.News-xq .content .right ul li:hover .text i
{
    color: #008dd3;
    transform: translateX(10px);
}/* page */
.page
{
    height: auto;
    text-align: center;
    margin: .8rem 0 0;
}
.page a
{
    display: inline-block;
    width: .5rem;
    line-height: .48rem;
    border-radius: .5rem;
    border: 1px solid #e6eaf6;
    text-align: center;
    font-size: .16rem;
    color: #717991;
    margin: 0 5px;
}
.page a.first, .page a.last
{
    width: 1rem;
}
.page a:hover, .page a.active
{
    background: #008dd3;
    color: #fff;
    border-color: #008dd3;
}/* Page404 */
.Page404 .content
{
    padding: 1rem 0;
}
.Page404 .content .img
{
    margin: 0 auto;
    display: block;
}
.Page404 .content .text
{
    width: 430px;
    display: flex;
    align-items: center;
    justify-items: center;
    margin: .4rem auto 0;
}
.Page404 .content .text h1
{
    font-size: .5rem;
    color: #333;
    display: inline-block;
    font-weight: bold;
}
.Page404 .content .text .p p
{
    width: 100px;
    font-size: .14rem;
    line-height: .18rem;
    color: #333;
    float: left;
    margin: 0 .15rem;
}
.Page404 .content .text .p .btn11
{
    padding: 0 .2rem;
    height: .38rem;
    line-height: .38rem;
    font-size: .14rem;
    border: 1px solid #1a52ee;
    color: #1a52ee;
    text-align: center;
    display: block;
    float: left;
}
.Page404 .content .text .p .btn11 i
{
    font-size: .14rem;
    color: #1a52ee;
}/* Sitemap */
.Sitemap .banner .text
{
    top: 1.7rem;
}
.Sitemap .content
{
    padding: .8rem 0;
}
.Sitemap .content .title-box
{
    width: 100%;
    text-align: left;
    margin-bottom: .6rem;
}
.Sitemap .content dl
{
    height: auto;
    overflow: hidden;
    padding-bottom: .2rem;
    margin-top: .35rem;
    border-bottom: 1px solid #eee;
}
.Sitemap .content dl dt
{
    font-size: .22rem;
    color: #000;
}
.Sitemap .content dl dt a
{
    color: #000;
}
.Sitemap .content dl dt a:hover
{
    color: #008dd3;
}
.Sitemap .content dl dd
{
    height: auto;
    overflow: hidden;
    margin-top: .25rem;
}
.Sitemap .content dl dd a
{
    width: 16.6666%;
    font-size: .18rem;
    color: #333;
    float: left;
    margin-bottom: .15rem;
}
.Sitemap .content dl dd a:hover
{
    color: #008dd3;
}/* Legal */
.Legal .banner .text
{
    top: 1.7rem;
}
.Legal .content
{
    padding: .8rem 0;
}
.Legal .content .title-box
{
    width: 100%;
    text-align: left;
    margin-bottom: .6rem;
}
.Legal .content h3
{
    font-size: .2rem;
    color: #333;
    margin-bottom: .15rem;
}
.Legal .content p
{
    font-size: .16rem;
    color: #666;
    margin-bottom: .25rem;
    line-height: .28rem;
}/* Friendlink */
.Friendlink .banner .text
{
    top: 1.7rem;
}
.Friendlink .content
{
    min-height: 4.5rem;
    padding: .8rem 0;
}
.Friendlink .content .title-box
{
    width: 100%;
    text-align: left;
    margin-bottom: .2rem;
}
.Friendlink .content dl
{
    border-bottom: 1px solid #ececec;
    padding-bottom: .2rem;
}
.Friendlink .content dl dd
{
    display: flex;
    flex-wrap: wrap;
}
.Friendlink .content dl dd a
{
    width: 19.2%;
    margin-left: 1%;
}
.Friendlink .content dl dd a h3
{
    font-size: .2rem;
    color: #333;
    margin: .4rem 0 .1rem;
    transition: all .5s ease;
}
.Friendlink .content dl dd a p
{
    font-size: .16rem;
    color: #666;
    line-height: .35rem;
}
.Friendlink .content dl dd a:hover h2
{
    color: #008dd3;
}
.Friendlink .content dl dd a:first-child
{
    margin-left: 0;
}/* Contact */
.Contact .content
{
    padding-top: .78rem;
}
.Contact .way-list
{
    margin: .5rem 0 1rem;
}
.Contact .way-list ul
{
    display: flex;
    justify-content: center;
}
.Contact .way-list ul li
{
    text-align: center;
    flex: 1;
    flex-shrink: 0;
}
.Contact .way-list ul li img
{
    width: .94rem;
    margin: 0 auto;
    flex-shrink: 0;
}
.Contact .way-list ul li h2
{
    font-size: .24rem;
    color: #1a1311;
    margin-bottom: .1rem;
}
.Contact .way-list ul li p
{
    font-size: .18rem;
    color: #1a1311;
    min-height: .25rem;
}
.Contact .company-list
{
    padding-top: 1.3rem;
    padding-bottom: .6rem;
    background: url(/jpg/h024fkp1.jpg) no-repeat center/cover fixed;
}
.Contact .company-list .title-box h2
{
    margin-bottom: .55rem;
}
.Contact .company-list .scrollBox
{
    height: 5.89rem;
}
.Contact .company-list .box
{
    position: relative;
}
.Contact .company-list .company-box
{
    position: relative;
    overflow: hidden;
    padding-bottom: 1.17rem;
}
.Contact .company-list .company-box .swiper-button-next, .Contact .company-list .company-box .swiper-button-prev
{
    top: 42%;
}
.Contact .company-list .btn-left
{
    cursor: pointer;
    position: absolute;
    top: 44%;
    margin-top: -.4rem;
    left: -.8rem;
    width: .6rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #008dd3;
}
.Contact .company-list .btn-left span
{
    font-size: .2rem;
}
.Contact .company-list .btn-right
{
    cursor: pointer;
    position: absolute;
    top: 44%;
    margin-top: -.4rem;
    right: -.8rem;
    width: .6rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #008dd3;
}
.Contact .company-list .btn-right span
{
    font-size: .2rem;
}
.Contact .company-list .swiper-button-disabled
{
    background-color: #d2d2d2;
    color: #666;
}
.Contact .company-list ul
{
    display: flex;
    flex-wrap: wrap;
}
.Contact .company-list ul li
{
    transition: all .5s ease;
    width: 31.5%;
    margin-right: 2.75%;
    padding: .46rem .66rem;
    height: 2.74rem;
    margin-top: .4rem;
    background: url(/png/9kej28j8.png) no-repeat center/cover;
    box-shadow: 0 0 .15rem 1px rgba(13,110,208,.07);
    border-radius: .1rem;
}
.Contact .company-list ul li:nth-child(3n)
{
    margin-right: 0;
}
.Contact .company-list ul li:nth-child(-n+3)
{
    margin-top: 0;
}
.Contact .company-list ul li h3
{
    transition: all .5s ease;
    font-weight: bold;
    font-weight: bold;
    font-size: .2rem;
    color: #1a1311;
    position: relative;
    margin-bottom: .3rem;
    padding-bottom: .2rem;
}
.Contact .company-list ul li h3:before
{
    transition: all .5s ease;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .2rem;
    height: .03rem;
    background-color: #008dd3;
}
.Contact .company-list ul li p
{
    transition: all .5s ease;
    font-size: .16rem;
    color: #616164;
    margin-bottom: .25rem;
}
.Contact .company-list ul li p:last-child
{
    margin-bottom: 0;
}
.Contact .company-list ul li:hover
{
    background: url(/png/93q4nhe1.png) no-repeat center/cover;
    box-shadow: 0 0 .15rem 1px rgba(6,131,213,.3);
}
.Contact .company-list ul li:hover h3, .Contact .company-list ul li:hover p
{
    color: #fff;
}
.Contact .company-list ul li:hover h3:before
{
    background-color: #fff;
}
.Contact .company-list .load-more
{
    margin: .3rem auto 0;
    height: .5rem;
}
.Contact .company-list .load-more a
{
    margin: 0 auto;
    display: block;
    width: 1.7rem;
    height: .5rem;
    border-radius: .4rem;
    background-color: #008dd3;
    color: #fff;
    font-size: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Contact .company-list .load-more a span
{
    margin-left: .08rem;
    font-size: .2rem;
}
.Contact .company-list .load-more a:hover
{
    opacity: .8;
}/* Order */
.Order
{
    padding: .8rem 0 .9rem;
}
.Order .title-box h2
{
    margin-bottom: .55rem;
}
.Order .order-box
{
    display: flex;
    justify-content: space-between;
}
.Order .order-box .img-box
{
    width: 61.9%;
}
.Order .order-box .img-box img
{
    display: block;
    width: 100%;
    height: 100%;
}
.Order .order-box .text-box
{
    flex: auto;
    background-color: #f9fafc;
    padding: .74rem .65rem;
}
.Order .order-box .text-box h3
{
    font-weight: bold;
    font-size: .2rem;
    color: #1a1311;
    margin-bottom: .1rem;
}
.Order .order-box .text-box .input-box
{
    border-bottom: 1px solid #666;
    padding-top: .4rem;
}
.Order .order-box .text-box .input-box input, .Order .order-box .text-box .input-box textarea
{
    padding: 0 0 .2rem;
    font-size: .16rem;
    color: #000;
}
.Order .order-box .text-box .input-box input::placeholder, .Order .order-box .text-box .input-box textarea::placeholder
{
    color: #666;
}
.Order .order-box .text-box .btn-box
{
    display: flex;
    justify-content: center;
}
.Order .order-box .text-box .btn
{
    transition: all .5s ease;
    background: transparent;
    cursor: pointer;
    margin-top: .5rem;
    width: 100%;
    height: .6rem;
    border-radius: .3rem;
    border: 1px solid #000;
    display: block;
    text-align: center;
    line-height: .6rem;
    font-size: .2rem;
    color: #1a1311;
}
.Order .order-box .text-box .btn:hover
{
    background-color: #1a1311;
    color: #fff;
}/* Join */
.Join .tab-list
{
    margin: 0 auto .8rem;
    display: flex;
    justify-content: center;
}
.Join .tab-list li
{
    cursor: pointer;
    margin-right: .3rem;
}
.Join .tab-list li a
{
    width: 2.4rem;
    height: .6rem;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem;
}
.Join .tab-list li.active a
{
    color: #fff;
    background: #0683d5;
}
.Join .join-swiper
{
    overflow: hidden;
    margin-bottom: 1.1rem;
}
.Join .join-swiper .swiper-slide
{
    padding-top: .8rem;
}
.Join .join-swiper .fuli-box
{
    padding-top: .3rem;
}
.Join .join-swiper .fuli-box ul
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.Join .join-swiper .fuli-box ul li
{
    transition: all .8s;
    width: 24.4%;
    position: relative;
    margin-left: .2rem;
    height: 6rem;
}
.Join .join-swiper .fuli-box ul li::after
{
    z-index: 2;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
}
.Join .join-swiper .fuli-box ul li:first-child
{
    margin-left: 0;
}
.Join .join-swiper .fuli-box ul li img
{
    height: 100%;
    width: 100%;
}
.Join .join-swiper .fuli-box ul li .text-box
{
    z-index: 3;
    transition: all .4s .4s;
    transition-delay: .8s;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1rem;
    background: linear-gradient(360deg,#000 0%,transparent 100%);
}
.Join .join-swiper .fuli-box ul li .text-box .item
{
    width: 100%;
}
.Join .join-swiper .fuli-box ul li .text-box h3
{
    font-weight: bold;
    font-size: .24rem;
    text-align: center;
    color: #fff;
}
.Join .join-swiper .fuli-box ul li .text-box p
{
    display: none;
}
.Join .join-swiper .fuli-box ul li .text-box dl
{
    display: none;
}
.Join .join-swiper .fuli-box ul li.active
{
    width: 48.8%;
    top: 0;
}
.Join .join-swiper .fuli-box ul li.active::after
{
    opacity: 1;
}
.Join .join-swiper .fuli-box ul li.active .text-box
{
    top: 0;
    height: auto;
    background: none;
}
.Join .join-swiper .fuli-box ul li.active .text-box h3
{
    line-height: normal;
    margin-bottom: .1rem;
}
.Join .join-swiper .fuli-box ul li.active .text-box p
{
    display: block;
    color: #fff;
    text-align: center;
    font-size: .16rem;
    line-height: .3rem;
}
.Join .join-swiper .fuli-box ul li.active .text-box dl
{
    display: flex;
    justify-content: center;
    margin-top: .75rem;
    padding: 0 .3rem;
}
.Join .join-swiper .fuli-box ul li.active .text-box dl dd
{
    flex: 1;
}
.Join .join-swiper .fuli-box ul li.active .text-box dl dd img
{
    width: .5rem;
    height: .5rem;
    margin: 0 auto .15rem;
}
.Join .join-swiper .fuli-box ul li.active .text-box dl dd .tag
{
    margin: 0 auto .2rem;
    width: 1.25rem;
    height: .36rem;
    background: #0683d5;
    border-radius: .25rem;
    line-height: .36rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
}
.Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl
{
    margin-top: .4rem;
    padding: 0;
}
.Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl p
{
    font-size: .15rem;
}
.Join .join-swiper .table-box
{
    height: auto;
    overflow: hidden;
}
.Join .join-swiper .table-box .table-title
{
    width: 100%;
    overflow: hidden;
    line-height: .8rem;
    background: #008dd3;
}
.Join .join-swiper .table-box .table-title .item
{
    width: 25%;
    float: left;
    text-align: center;
    font-size: .2rem;
    color: #fff;
    position: relative;
    font-weight: bold;
}
.Join .join-swiper .table-box .table
{
    height: auto;
    overflow: hidden;
}
.Join .join-swiper .table-box .table li
{
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #ebebeb;
}
.Join .join-swiper .table-box .table li .item
{
    width: 25%;
    line-height: .8rem;
    float: left;
    text-align: center;
    font-size: .18rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
}
.Join .join-swiper .table-box .table li .item .iconfont
{
    font-size: .2rem;
    color: #07243f;
    position: absolute;
    right: 10%;
    transition: all .5s ease;
}
.Join .join-swiper .table-box .table li .con
{
    height: auto;
    overflow: hidden;
    padding: 0 .3rem .2rem;
    display: none;
    background: #f8f8f8;
}
.Join .join-swiper .table-box .table li .con .bb
{
    height: auto;
    overflow: hidden;
}
.Join .join-swiper .table-box .table li .con .bb .tt
{
    font-size: .16rem;
    color: #1a1311;
    margin-bottom: .1rem;
    margin-top: .2rem;
}
.Join .join-swiper .table-box .table li .con .bb p
{
    font-size: .16rem;
    color: #666;
    line-height: .26rem;
    position: relative;
}
.Join .join-swiper .table-box .table li.active
{
    border: 0;
}
.Join .join-swiper .table-box .table li.active .iconfont
{
    transform: rotate(180deg);
}
.Join .join-swiper .mab
{
    margin-bottom: .6rem;
}
.Join .join-swiper .mat
{
    margin-top: .6rem;
}
.Join .join-swiper .process
{
    padding-top: .3rem;
    margin-bottom: .8rem;
}
.Join .join-swiper .process ul
{
    display: flex;
    justify-content: space-between;
}
.Join .join-swiper .process ul li
{
    padding: .35rem .3rem;
    background-color: #f5f7fa;
    width: 22.6%;
}
.Join .join-swiper .process ul li .tit
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Join .join-swiper .process ul li .tit img:nth-child(1)
{
    width: .51rem;
}
.Join .join-swiper .process ul li .tit img:nth-child(2)
{
    width: .68rem;
}
.Join .join-swiper .process ul li h3
{
    font-size: .24rem;
    margin: .4rem 0 .2rem;
}
.Join .join-swiper .process ul li p
{
    font-size: .18rem;
    color: #333;
    line-height: .36rem;
}/* Technology */
.Technology .content
{
    padding: 0;
}
.Technology .section
{
    position: relative;
    height: 97vh;
}
.Technology .section .text-box
{
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.Technology .section .text-box .container
{
    width: 60.6%;
}
.Technology .section .text-box h2
{
    font-size: .42rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: .5rem;
}
.Technology .section .text-box p
{
    font-size: .18rem;
    color: rgba(255,255,255,.8);
    line-height: .4rem;
    text-align: center;
}
.Technology .section img
{
    width: 100%;
    height: 100%;
}
.Technology .section span
{
    width: .2rem;
    height: .2rem;
    background: url("/png/1e5r4r87.png") no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -.2rem;
    bottom: .5rem;
    z-index: 2;
    animation: mouseMove 1.5s infinite alternate;
}/* Jingtai */
.Jingtai .mat
{
    margin-top: .4rem;
}
.Jingtai .block
{
    margin-top: .8rem;
}
.Jingtai .block:first-child
{
    margin-top: 0;
}
.Jingtai .block .title-box p
{
    width: 82%;
    margin: 0 auto;
}
.Jingtai .block ul li
{
    display: flex;
    align-items: center;
    background: #f9fafc;
    margin-top: .6rem;
}
.Jingtai .block ul li:first-child
{
    margin-top: 0;
}
.Jingtai .block ul li:nth-child(2n)
{
    flex-direction: row-reverse;
}
.Jingtai .block ul li .img
{
    width: 44.6%;
}
.Jingtai .block ul li .img img
{
    display: block;
    width: 100%;
    height: 100%;
}
.Jingtai .block ul li .text-box
{
    flex: 1;
    padding: 0 .8rem;
}
.Jingtai .block ul li .text-box h3
{
    font-size: .3rem;
    color: #000;
    position: relative;
    padding-bottom: .2rem;
    font-weight: bold;
    margin-bottom: .3rem;
}
.Jingtai .block ul li .text-box h3:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .2rem;
    height: .03rem;
    border-radius: .05rem;
    background-color: #008dd3;
}
.Jingtai .block ul li .text-box p
{
    font-size: .16rem;
    color: #000;
    line-height: .28rem;
}
.Jingtai .block ul li .text-box dl
{
    display: flex;
    flex-wrap: wrap;
    margin-top: .2rem;
}
.Jingtai .block ul li .text-box dl dd
{
    border: 1px solid #008dd3;
    color: #008dd3;
    border-radius: .04rem;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .2rem;
    margin: 0 .2rem .15rem 0;
}/* Industry-list */
.Industry-list .content
{
    background-color: #f5f7fa;
    padding-bottom: 1.2rem;
}
.Industry-list .box
{
    margin-top: .8rem;
}
.Industry-list .box ul
{
    display: flex;
    flex-wrap: wrap;
}
.Industry-list .box ul li
{
    width: 31.4%;
    margin-right: 2.9%;
    height: 2.6rem;
    margin-bottom: .5rem;
    box-shadow: 2px 2px 10px 1px #e1e5eb;
    border-radius: .1rem;
    overflow: hidden;
    background: #fff;
}
.Industry-list .box ul li:nth-child(3n)
{
    margin-right: 0;
}
.Industry-list .box ul li a
{
    width: 100%;
    height: 100%;
    transition: all .4s cubic-bezier(.4,0,.2,1);
    display: block;
    padding: .3rem;
}
.Industry-list .box ul li a .logo
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .3rem;
}
.Industry-list .box ul li a .logo img:nth-child(1)
{
    width: 2.7rem;
}
.Industry-list .box ul li a .logo img:nth-child(2)
{
    width: .18rem;
}
.Industry-list .box ul li a h3
{
    margin-bottom: .25rem;
    font-size: .24rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Industry-list .box ul li a dl
{
    display: flex;
}
.Industry-list .box ul li a dl dd
{
    background: rgba(6,131,213,.1);
    color: #008dd3;
    font-size: .16rem;
    padding: .1rem .28rem;
    margin-right: .2rem;
    line-height: .22rem;
    margin-top: .1rem;
}
.Industry-list .box ul li a p
{
    transition: all .5s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: none;
    color: #fff;
    font-size: .16rem;
    line-height: .28rem;
}
.Industry-list .box ul li a:hover
{
    background: linear-gradient(90deg,#02abe9 0%,#0a6ab7 100%);
    padding-top: .6rem;
}
.Industry-list .box ul li a:hover .logo
{
    display: none;
}
.Industry-list .box ul li a:hover h3
{
    color: #fff;
    margin-bottom: .25rem;
}
.Industry-list .box ul li a:hover dl
{
    display: none;
}
.Industry-list .box ul li a:hover p
{
    display: -webkit-box;
}/* Industry */
.Industry .section1 .list
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.1rem;
    margin-top: .4rem;
    padding: 0 1%;
}
.Industry .section1 .list a
{
    display: block;
    width: 20%;
    position: relative;
    height: 7rem;
    margin: 0 0 0 1%;
    transition: all .5s ease;
    border-radius: .2rem;
    overflow: hidden;
}
.Industry .section1 .list a:first-child
{
    margin-left: 0;
}
.Industry .section1 .list a::before
{
    transition: all .5s ease;
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg,rgba(6,131,213,0) 0%,#0683d5 100%);
}
.Industry .section1 .list a img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Industry .section1 .list a .text
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.Industry .section1 .list a .text .icon
{
    display: flex;
    justify-content: center;
}
.Industry .section1 .list a .text .icon img
{
    width: .5rem;
}
.Industry .section1 .list a .text h2
{
    font-size: .2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: .2rem 0;
}
.Industry .section1 .list a .text p
{
    font-size: .16rem;
    line-height: .28rem;
    color: #fff;
    text-align: center;
    opacity: .85;
}
.Industry .section1 .list a .text .btn
{
    margin-top: .45rem;
    justify-content: center;
    display: flex;
}
.Industry .section1 .list a .text .btn img
{
    width: .18rem;
}
.Industry .section1 .list a .text-p
{
    transition: all .5s ease;
    padding: .7rem 0 .67rem;
    background: linear-gradient(180deg,transparent 0%,#000 100%);
}
.Industry .section1 .list a .text-p .btn
{
    display: none;
}
.Industry .section1 .list a .text-box
{
    transform: translateY(100%);
    padding: 0 9.2% .3rem;
}
.Industry .section1 .list a.active
{
    width: 56%;
}
.Industry .section1 .list a.active::before
{
    opacity: 1;
}
.Industry .section1 .list a.active .text-p
{
    opacity: 0;
}
.Industry .section1 .list a.active .text-box
{
    transform: translateY(0);
    transition: all .5s ease;
    transition-delay: .5s;
}/* AboutCompliance */
.AboutCompliance .content
{
    padding-bottom: 8%;
}
.AboutCompliance .content h1
{
    font-weight: bold;
    margin: 0 0 .4rem 0;
    text-align: center;
    font-size: .42rem;
}
.AboutCompliance .content h2
{
    font-size: .24rem;
    margin: .4rem 0 .2rem;
    color: #000;
}
.AboutCompliance .content h3
{
    font-size: .2rem;
    text-indent: .32rem;
    margin: .1rem 0 .2rem;
    color: #000;
}
.AboutCompliance .content .text-align
{
    text-align: center;
}
.AboutCompliance .content p
{
    font-size: .18rem;
    line-height: .36rem;
    margin-bottom: .15rem;
    text-indent: .32rem;
}
.AboutCompliance .content p a
{
    color: #008dd3;
}
.AboutCompliance .content ul
{
    margin: .1rem 0 .3rem;
}
.AboutCompliance .content ul li
{
    list-style-type: disc;
    margin-bottom: 5px;
    line-height: 1.75;
    font-size: .16rem;
}
.AboutCompliance .content ul li a
{
    text-decoration: underline;
}
.AboutCompliance .content .flnav
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.AboutCompliance .content .flnav .item
{
    width: 48.5%;
    overflow: hidden;
}
.AboutCompliance .content .flnav .item .img
{
    overflow: hidden;
}
.AboutCompliance .content .flnav .item .img img
{
    display: block;
    width: 100%;
    transition: all .5s ease;
}
.AboutCompliance .content .flnav .item h3
{
    transition: all .5s ease;
    font-size: .2rem;
    margin-top: .1rem;
    text-align: center;
    text-indent: 0;
}
.AboutCompliance .content .flnav .item :hover img
{
    transform: scale(1.08);
}/* fixed-right */
.fixed-right
{
    position: fixed;
    right: 1.2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.fixed-right .item
{
    transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    margin-top: .2rem;
    border-radius: 100%;
    background: #008dd3;
    box-shadow: 0 3px 6px 1px rgba(0,114,188,.5);
}
.fixed-right .item a
{
    display: block;
    position: relative;
    width: .6rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
}
.fixed-right .item span
{
    color: #fff;
    font-size: .26rem;
}
.fixed-right .item .item-box
{
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: .85rem;
    top: 0;
    height: .68rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fixed-right .item .item-box.tel
{
    width: 1.8rem;
    background: url("/png/etn3sxmo.png") center center no-repeat;
    background-size: 100%;
}
.fixed-right .item .item-box.order
{
    width: 1.2rem;
    background: url("/png/9647ktvj.png") center center no-repeat;
    background-size: 100%;
}
.fixed-right .item:hover .item-box
{
    opacity: 1;
    visibility: visible;
    right: .75rem;
}
.fixed-right.hidden
{
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.no-data
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .6rem 0;
}
.no-data img
{
    width: 1.2rem;
    margin-bottom: .2rem;
}
.no-data p
{
    font-size: .18rem;
    color: #666;
}
/*! <=991 手机端 */
@media all and (max-width: 991px)
{
    .container
    {
        width: 100%!important;
        padding: 0 .3rem;
    }
    .xs-display
    {
        display: block!important;
    }
    .lg-display
    {
        display: none!important;
    }
    .page-xs
    {
        margin-top: .5rem;
    }
    .page-xs .common-btn
    {
        margin: 0 auto;
        border-radius: .5rem;
    }
    .back-top
    {
        right: .6rem;
        top: 0;
    }
    .back-top span
    {
        font-size: .28rem;
    }/* header */
    .header .container
    {
        padding-left: .3rem;
        padding-right: 0;
    }
    .header .right
    {
        display: none;
    }
    .header .rightMob
    {
        display: block;
        padding: .26rem .3rem;
    }
    .header .rightMob i
    {
        color: #fff;
        font-size: .45rem;
    }
    .header .nav-xs
    {
        display: flex!important;
        align-items: center;
    }
    .header .nav-xs .lang
    {
        font-size: .26rem;
        color: #fff;
        margin-right: .3rem;
        position: relative;
    }
    .header .nav-xs .lang i
    {
        font-size: .26rem;
        color: #fff;
        margin-right: .1rem;
    }
    .header .nav-xs .lang .lang-box
    {
        width: 1.5rem;
        position: absolute;
        right: -.3rem;
        top: .4rem;
        padding-top: .1rem;
        z-index: 5;
        background: #fff;
        border: 1px solid #eee;
        text-align: center;
        display: none;
    }
    .header .nav-xs .lang .lang-box a
    {
        font-size: .26rem;
        display: block;
        padding: .2rem 0;
    }
    .header .nav-xs .lang .lang-box a:hover
    {
        color: #008dd3;
    }
    .header .nav-xs .menu
    {
        width: .99rem;
        height: 1rem;
        transition: .3s;
        overflow: hidden;
    }
    .header .nav-xs .menu .bars
    {
        height: 100%;
        height: 100%;
        position: relative;
    }
    .header .nav-xs .menu .bars .bar
    {
        height: 2px;
        width: .44rem;
        display: block;
        background: #fff;
        transition: all .5s ease;
        position: absolute;
        right: .35rem;
    }
    .header .nav-xs .menu .bars .bar:nth-of-type(1)
    {
        top: .33rem;
        transition: top .2s ease,transform .2s ease-out;
    }
    .header .nav-xs .menu .bars .bar:nth-of-type(2)
    {
        top: .46rem;
        transition: top .2s ease,transform .2s ease-out;
    }
    .header .nav-xs .menu .bars .bar:nth-of-type(3)
    {
        top: .61rem;
        transition: top .2s ease,transform .2s ease-out;
    }
    .header .nav-xs .menu.active .bars .bar:nth-of-type(1)
    {
        top: .47rem;
        transform: rotate(45deg);
        transition: top .1s ease,transform .1s ease-out;
    }
    .header .nav-xs .menu.active .bars .bar:nth-of-type(2)
    {
        opacity: 0;
    }
    .header .nav-xs .menu.active .bars .bar:nth-of-type(3)
    {
        top: .47rem;
        transform: rotate(-45deg);
        transition: top .1s ease,transform .1s ease-out;
    }
    .header:hover
    {
        background: none;
        box-shadow: none;
    }
    .header:hover .logo
    {
        background: url(/keywords.png) no-repeat center/100%;
    }
    .header.white
    {
        background: #fff;
        box-shadow: none;
    }
    .header.white .logo
    {
        background: url(/keywords.png) no-repeat center/100%;
    }
    .header.white .menu .bars .bar
    {
        background: #000;
    }
    .header .submenu
    {
        display: none;
    }
    .header .submenu-xs
    {
        width: 100%;
        max-height: calc(100vh - 1rem);
        overflow-y: auto;
        background: #fff;
        position: fixed;
        left: 0;
        top: 1rem;
        z-index: 10;
        border-top: 1px solid #eee;
        display: none;
    }
    .header .submenu-xs dl
    {
        height: auto;
        overflow: hidden;
    }
    .header .submenu-xs dl a
    {
        display: block;
    }
    .header .submenu-xs dl dt
    {
        font-size: .3rem;
        line-height: .95rem;
        padding: 0 .3rem;
        border-bottom: 1px solid #eee;
        color: #000;
        position: relative;
    }
    .header .submenu-xs dl dt i
    {
        font-size: .34rem;
        margin-right: .2rem;
        vertical-align: -.02rem;
    }
    .header .submenu-xs dl dt i.icon-add
    {
        z-index: 3;
        color: #999;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1.8rem;
        text-align: right;
        margin-right: 0;
        padding-right: .3rem;
    }
    .header .submenu-xs dl dt i.icon-add.active:before
    {
        content: "";
    }
    .header .submenu-xs dl dd
    {
        height: auto;
        overflow: hidden;
        display: none;
        padding: 0 .3rem .4rem;
        border-bottom: 1px solid #eee;
    }
    .header .submenu-xs dl dd .item
    {
        width: 48%;
        float: left;
        margin-top: .4rem;
    }
    .header .submenu-xs dl dd .item:nth-child(2n)
    {
        float: right;
    }
    .header .submenu-xs dl dd .item h2
    {
        font-size: .28rem;
        color: #333;
        padding-bottom: .25rem;
        margin-bottom: .25rem;
        border-bottom: 1px solid #eee;
    }
    .header .submenu-xs dl:nth-child(2) dd:nth-child(2)
    {
        border-bottom: 0;
    }/* footer */
    .footer
    {
        padding-top: .5rem;
    }
    .footer:before
    {
        display: none;
    }
    .footer .top
    {
        padding-bottom: .42rem;
        border-bottom: 1px solid rgba(112,112,112,.3);
    }
    .footer .top img
    {
        margin: 0 auto;
        width: 4rem;
    }
    .footer .center
    {
        display: none;
    }
    .footer .bottom
    {
        margin: .36rem 0 .7rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer .bottom .left
    {
        width: 100%;
    }
    .footer .bottom .left .bn
    {
        text-align: center;
    }
    .footer .bottom .left .bn a
    {
        font-size: .24rem;
        margin-right: .46rem;
        margin-left: .46rem;
        position: relative;
    }
    .footer .bottom .left .bn a:before
    {
        content: "";
        position: absolute;
        left: -.46rem;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #a3b8ce;
    }
    .footer .bottom .left .bn a:first-child
    {
        margin-left: 0;
    }
    .footer .bottom .left .bn a:first-child:before
    {
        display: none;
    }
    .footer .bottom .left .bn a:last-child
    {
        margin-right: 0;
    }
    .footer .bottom .left .copyright
    {
        font-size: .24rem;
        color: #a3b8ce;
        margin-top: .57rem;
        text-align: center;
        line-height: .42rem;
    }
    .footer .bottom .left .copyright a
    {
        color: #a3b8ce;
        display: block;
        margin-bottom: .1rem;
        margin-right: 0;
    }
    .footer .bottom .right
    {
        display: none;
    }
    .common-more
    {
        font-size: .26rem;
        margin-top: .3rem;
    }
    .common-more span
    {
        width: .62rem;
        height: .62rem;
    }
    .common-more span i
    {
        font-size: .28rem;
    }
    .common-more span:after
    {
        width: .1rem;
        height: .1rem;
        margin-left: -.05rem;
        margin-top: -.05rem;
        transform-origin: .05rem .36rem;
    }
    .common-btn
    {
        width: 2.4rem;
        height: .7rem;
        font-size: .26rem;
        margin: .3rem auto 0;
    }
    .common-btn i
    {
        font-size: .28rem;
    }/* Index */
    .Index .banner
    {
        height: 7.5rem;
    }
    .Index .banner .swiper-slide .text
    {
        padding-top: 3rem;
    }
    .Index .banner .swiper-slide .text h4
    {
        font-size: .3rem;
    }
    .Index .banner .swiper-slide .text h3
    {
        font-size: .5rem;
        margin-top: .2rem;
    }
    .Index .banner .mouse
    {
        width: .5rem;
    }
    .Index .banner .mouse .icon-mouse
    {
        font-size: .5rem;
    }
    .Index .banner .mouse .icon-down
    {
        font-size: .3rem;
    }
    .Index .section .title-box
    {
        margin-bottom: .5rem;
    }
    .Index .section .title-box h3
    {
        font-size: .3rem;
    }
    .Index .section .title-box h2
    {
        font-size: .42rem;
    }
    .Index .about
    {
        padding: .8rem 0;
    }
    .Index .about .text
    {
        width: 100%;
    }
    .Index .about .text .txt h3
    {
        font-size: .34rem;
        margin-bottom: .3rem;
        line-height: .5rem;
    }
    .Index .about .text .txt p
    {
        font-size: .28rem;
        line-height: .44rem;
    }
    .Index .about .text .txt ul
    {
        margin-top: .5rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .Index .about .text .txt ul li h5
    {
        font-size: .26rem;
    }
    .Index .about .text .txt ul li h5 b
    {
        font-size: .7rem;
    }
    .Index .about .text .txt ul li h5 i
    {
        font-size: .28rem;
    }
    .Index .about .text .txt ul li h5 span
    {
        font-size: .3rem;
    }
    .Index .about .text .txt ul li h6
    {
        font-size: .26rem;
    }
    .Index .about .text .txt .common-more
    {
        margin-top: .5rem;
    }
    .Index .about .img
    {
        width: 100%;
        margin-top: .5rem;
    }
    .Index .business .title-box
    {
        left: .3rem;
        top: .8rem;
    }
    .Index .business .slide
    {
        height: 9.5rem;
    }
    .Index .business .slide .swiper-slide .text
    {
        top: 2rem;
    }
    .Index .business .slide .swiper-slide .text h3
    {
        font-size: .34rem;
        margin-bottom: .2rem;
    }
    .Index .business .slide .swiper-slide .text p
    {
        width: 100%;
        font-size: .28rem;
        line-height: .42rem;
    }
    .Index .business .tabs
    {
        width: 100%;
    }
    .Index .business .tabs .container
    {
        padding: 0;
    }
    .Index .business .tabs .swiper-slide
    {
        width: 3rem;
        height: 1.2rem;
        align-items: center;
    }
    .Index .business .tabs .swiper-slide i
    {
        font-size: .4rem;
    }
    .Index .business .tabs .swiper-slide .txt
    {
        margin-left: .15rem;
    }
    .Index .business .tabs .swiper-slide .txt h3
    {
        font-size: .3rem;
        margin-bottom: 0;
    }
    .Index .business .tabs .swiper-slide .txt h4
    {
        display: none;
    }
    .Index .business .tabs .swiper-slide.active
    {
        height: 1.7rem;
    }
    .Index .technical
    {
        padding: .8rem 0;
    }
    .Index .technical:before
    {
        width: 5.63rem;
        height: .57rem;
        top: auto;
        bottom: 26%;
        transform: translate(-50%,0);
    }
    .Index .technical .text
    {
        width: 100%;
        padding-top: 0;
    }
    .Index .technical .text .txt h3
    {
        font-size: .34rem;
        margin-bottom: .3rem;
    }
    .Index .technical .text .txt p
    {
        font-size: .28rem;
        line-height: .44rem;
    }
    .Index .technical .img
    {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: .5rem;
    }
    .Index .technical .img ul li h3
    {
        font-size: .24rem;
    }
    .Index .solution .container
    {
        top: .8rem;
        left: 0;
        right: 0;
    }
    .Index .solution .txt
    {
        width: 100%;
    }
    .Index .solution .txt p
    {
        font-size: .28rem;
        line-height: .42rem;
    }
    .Index .solution .txt .common-more
    {
        margin-top: .6rem;
        color: #fff;
    }
    .Index .news
    {
        padding: .8rem 0;
    }
    .Index .news ul
    {
        margin-top: .5rem;
    }
    .Index .news ul li
    {
        width: 100%;
        margin-left: 0;
        margin-top: .6rem;
    }
    .Index .news ul li .text h4
    {
        font-size: .28rem;
    }
    .Index .news ul li .text h3
    {
        font-size: .3rem;
        line-height: .5rem;
    }
    .Index .news ul li .text .tip
    {
        line-height: .5rem;
        font-size: .24rem;
        padding: 0 .3rem;
    }
    .Index .news ul li:first-child
    {
        margin: 0;
    }
    .Index .member
    {
        padding: .8rem 0;
        height: 6rem;
    }
    .Index .member .list
    {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        padding-top: 10%;
    }
    .Index .member .list .item
    {
        width: .98rem;
        height: .98rem;
    }/* Nei-page */
    .Nei-page .banner
    {
        height: 7rem;
    }
    .Nei-page .banner .text
    {
        top: 2.92rem;
    }
    .Nei-page .banner .text h3
    {
        font-size: .3rem;
    }
    .Nei-page .banner .text h2
    {
        font-size: .5rem;
        margin-top: .1rem;
    }
    .Nei-page .crumbs-tabs
    {
        background: #fff;
    }
    .Nei-page .crumbs-tabs .container
    {
        width: 100%;
        padding: 0;
    }
    .Nei-page .crumbs-tabs .position
    {
        display: none;
    }
    .Nei-page .crumbs-tabs .tabs
    {
        width: 100%;
        border-bottom: .01rem solid #e8e8e8;
    }
    .Nei-page .crumbs-tabs .tabs .swiper-slide
    {
        font-size: .28rem;
        margin-left: .8rem;
        height: auto;
        padding: .5rem 0 .25rem;
    }
    .Nei-page .crumbs-tabs .tabs .swiper-slide:after
    {
        height: .04rem;
    }
    .Nei-page .crumbs-tabs .tabs .swiper-slide:first-child
    {
        margin-left: .3rem;
    }
    .Nei-page .crumbs-tabs .tabs .swiper-slide:last-child
    {
        margin-right: .3rem;
    }
    .Nei-page .content
    {
        padding-top: .8rem;
        min-height: 55vh;
    }
    .Nei-page .title-box
    {
        width: 100%;
        padding: 0 .3rem;
    }
    .Nei-page .title-box h2
    {
        line-height: .7rem;
        margin-bottom: .1rem;
    }
    .Nei-page .title-box p
    {
        font-size: .28rem;
        line-height: .42rem;
    }/* About */
    .About .content
    {
        padding-top: 0;
    }
    .About .content .section1
    {
        padding: .8rem 0;
    }
    .About .content .section1 .text
    {
        width: 100%;
        padding-top: 0;
    }
    .About .content .section1 .text .title-box
    {
        text-align: center;
    }
    .About .content .section1 .text .txt h3
    {
        font-size: .34rem;
        text-align: center;
    }
    .About .content .section1 .text .txt p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .About .content .section1 .text .txt .common-more
    {
        display: none;
    }
    .About .content .section1 .text .txt .common-btn
    {
        display: flex;
        margin-top: .35rem;
    }
    .About .content .section1 .text ul
    {
        margin-top: 0;
    }
    .About .content .section1 .text ul li
    {
        text-align: center;
        margin-top: .5rem;
    }
    .About .content .section1 .text ul li h5
    {
        font-size: .26rem;
    }
    .About .content .section1 .text ul li h5 i
    {
        font-size: .28rem;
    }
    .About .content .section1 .text ul li h5 span
    {
        font-size: .28rem;
    }
    .About .content .section1 .text ul li h6
    {
        font-size: .26rem;
    }
    .About .content .section1 .text ul li h6 i
    {
        font-size: .26rem;
        margin-right: .1rem;
    }
    .About .content .section1 .img
    {
        width: 100%;
        margin-top: .6rem;
    }
    .About .content .section1 .img img
    {
        width: 100%;
        height: 100%;
    }
    .About .content .section2
    {
        padding-top: .8rem;
        background: url(/jpg/jjxjx9at.jpg) no-repeat center/cover;
    }
    .About .content .section2 .title-box
    {
        text-align: center;
    }
    .About .content .section2 .title-box p
    {
        width: 100%;
        text-align: left;
    }
    .About .content .section2 .common-more
    {
        display: none;
    }
    .About .content .section2 .common-btn
    {
        display: flex;
        margin-top: .35rem;
        color: #008dd3;
        background: #fff;
    }
    .About .content .section2 .common-btn i
    {
        color: #008dd3;
    }
    .About .content .section3
    {
        padding: .8rem 0 0;
    }
    .About .content .section3 .container
    {
        padding: 0;
    }
    .About .content .section3 .title-box
    {
        margin-bottom: 0;
    }
    .About .content .section3 .list
    {
        flex-wrap: wrap;
        margin-top: .4rem;
    }
    .About .content .section3 .list .item
    {
        width: 100%;
        height: 4rem;
        margin-left: 0;
    }
    .About .content .section3 .list .item .text
    {
        width: 100%;
        padding: .8rem .3rem;
        bottom: auto;
        top: 0;
        transform: translateY(0);
    }
    .About .content .section3 .list .item .text h2
    {
        font-size: .3rem;
    }
    .About .content .section3 .list .item .text p
    {
        font-size: .26rem;
        margin-top: .2rem;
        height: auto;
        line-height: .42rem;
        opacity: 1;
    }
    .About .content .section3 .list .item .text .btn
    {
        width: .62rem;
        height: .62rem;
        margin-top: .4rem;
        opacity: 1;
    }
    .About .content .section3 .list .item .text .btn i
    {
        font-size: .3rem;
    }
    .About .content .section3 .list .item.active
    {
        width: 100%!important;
    }
    .About .content .section4 .text
    {
        width: 100%;
        height: 5.6rem;
        padding: .8rem 0 0 0;
    }
    .About .content .section4 .text .title-box
    {
        text-align: center;
    }
    .About .content .section4 .text .common-more
    {
        display: none;
    }
    .About .content .section4 .text .common-btn
    {
        display: flex;
        margin: .6rem auto;
        position: relative;
        z-index: 2;
    }
    .About .content .section4 .text:after
    {
        width: 4.49rem;
        height: 3.3rem;
    }/* About-jj */
    .About-jj .content
    {
        padding-bottom: 0;
    }
    .About-jj .content .section1 .title-box
    {
        width: 100%;
        padding: 0 .3rem;
    }
    .About-jj .content .section1 .title-box p
    {
        margin-bottom: .15rem;
    }
    .About-jj .content .section1 .container
    {
        padding: 0;
    }
    .About-jj .content .section1 ul
    {
        margin-top: 0;
    }
    .About-jj .content .section1 ul li
    {
        text-align: center;
        margin-top: .5rem;
    }
    .About-jj .content .section1 ul li h5
    {
        font-size: .26rem;
    }
    .About-jj .content .section1 ul li h5 i
    {
        font-size: .28rem;
    }
    .About-jj .content .section1 ul li h5 span
    {
        font-size: .28rem;
    }
    .About-jj .content .section1 ul li h6
    {
        font-size: .26rem;
    }
    .About-jj .content .section1 ul li h6 i
    {
        font-size: .26rem;
        margin-right: .1rem;
    }
    .About-jj .content .section1 .video
    {
        height: 6rem;
        margin-top: .6rem;
    }
    .About-jj .content .section1 .video .play
    {
        width: .91rem;
        height: .9rem;
    }
    .About-jj .content .section1 .video .play i
    {
        font-size: .3rem;
    }/* About-history */
    .About-history .content .section1
    {
        padding-bottom: 3rem;
        background: url(/jpg/fg7g2vbm.jpg) no-repeat bottom/100%;
    }
    .About-history .content .section1 .tabs:before
    {
        bottom: .16rem;
    }
    .About-history .content .section1 .tabs .swiper-slide h3
    {
        font-size: .3rem;
    }
    .About-history .content .section1 .tabs .swiper-slide .dot
    {
        width: .34rem;
        height: .34rem;
        margin: .2rem auto 0;
    }
    .About-history .content .section1 .slide
    {
        margin-top: .6rem;
    }
    .About-history .content .section1 .slide .swiper-slide .text
    {
        width: 100%;
    }
    .About-history .content .section1 .slide .swiper-slide .text ul li
    {
        padding-left: .4rem;
        margin-bottom: .5rem;
    }
    .About-history .content .section1 .slide .swiper-slide .text ul li:before
    {
        top: .15rem;
    }
    .About-history .content .section1 .slide .swiper-slide .text ul li h4
    {
        font-size: .36rem;
        margin-bottom: .15rem;
    }
    .About-history .content .section1 .slide .swiper-slide .text ul li p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .About-history .content .section1 .slide .swiper-slide .img
    {
        width: 100%;
    }/* About-culture */
    .About-culture .content .section1 ul li
    {
        width: 100%;
    }
    .About-culture .content .section1 ul li .text
    {
        padding: .6rem .3rem;
    }
    .About-culture .content .section1 ul li .text h3
    {
        font-size: .34rem;
        margin-bottom: .25rem;
    }
    .About-culture .content .section1 ul li .text p
    {
        font-size: .26rem;
    }
    .About-culture .content .section2
    {
        height: auto;
    }
    .About-culture .content .section2 ul li
    {
        width: 100%;
        height: 2rem;
        padding: .3rem;
        display: flex;
        align-items: center;
        margin-bottom: .3rem;
    }
    .About-culture .content .section2 ul li img
    {
        margin: 0;
    }
    .About-culture .content .section2 ul li .text
    {
        text-align: left;
        flex: 1;
    }
    .About-culture .content .section2 ul li .text h3
    {
        font-size: .32rem;
        margin: .15rem 0;
    }
    .About-culture .content .section2 ul li .text p
    {
        font-size: .26rem;
        line-height: .42rem;
    }/* About-honor */
    .About-honor .content .list
    {
        margin-top: .2rem;
    }
    .About-honor .content .list .item
    {
        width: 100%;
        height: auto;
        margin: .3rem 0 0 0;
    }
    .About-honor .content .list .item:after
    {
        font-size: .4rem;
        right: 21%;
        top: 44%;
    }
    .About-honor .content .list .item .text
    {
        width: 63%;
        padding: .4rem;
    }
    .About-honor .content .list .item .text h4
    {
        font-size: .4rem;
        padding-bottom: .2rem;
    }
    .About-honor .content .list .item .text h3
    {
        font-size: .28rem;
        line-height: .42rem;
    }
    .About-honor .content .list .item .text i
    {
        font-size: .8rem;
    }
    .About-honor .content .list .item .img
    {
        width: 37%;
    }/* Industry-xq */
    .Industry-xq .content
    {
        padding-top: .8rem;
    }
    .Industry-xq .content .section1 .title-box
    {
        margin-bottom: .4rem;
    }
    .Industry-xq .content .section1 .container
    {
        padding: 0;
    }
    .Industry-xq .content .section1 .img
    {
        width: 100%;
    }
    .Industry-xq .content .section1 .text
    {
        width: 100%;
        margin-top: .6rem;
        padding: 0 .3rem .8rem;
    }
    .Industry-xq .content .section1 .text h3
    {
        font-size: .34rem;
        margin-bottom: .3rem;
        text-align: center;
        line-height: .5rem;
    }
    .Industry-xq .content .section1 .text p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .Industry-xq .content .section2 .container
    {
        padding: 0;
    }
    .Industry-xq .content .section2 .box
    {
        margin-top: .5rem;
        padding: 0;
        --swiper-theme-color: #008dd3;
    }
    .Industry-xq .content .section2 .box .swiper-slide .img-box
    {
        height: 4rem;
    }
    .Industry-xq .content .section2 .box .swiper-slide .img-box img
    {
        width: 100%;
        height: auto;
        aspect-ratio: 750/400;
        -webkit-aspect-ratio: 750/400;
    }
    .Industry-xq .content .section2 .box .swiper-slide .text-box
    {
        position: static;
        padding: .4rem .3rem;
    }
    .Industry-xq .content .section2 .box .swiper-slide .text-box h3
    {
        font-size: .34rem;
        margin-bottom: .3rem;
        line-height: .5rem;
        color: #000;
        padding: 0 .3rem;
    }
    .Industry-xq .content .section2 .box .swiper-slide .text-box p
    {
        font-size: .26rem;
        line-height: .42rem;
        color: #000;
    }
    .Industry-xq .content .section2 .box .swiper-slide .text-box .common-btn
    {
        margin-top: .5rem;
    }
    .Industry-xq .content .section2 .box .swiper-button-next, .Industry-xq .content .section2 .box .swiper-button-prev
    {
        display: none;
    }
    .Industry-xq .content .section2 .box .swiper-pagination
    {
        bottom: 0;
    }
    .Industry-xq .content .section2 .box .swiper-pagination-bullet
    {
        background-color: #008dd3;
    }
    .Industry-xq .content .section3
    {
        padding: .8rem 0 0;
    }
    .Industry-xq .content .section3 .container
    {
        padding: 0;
    }
    .Industry-xq .content .section3 ul
    {
        flex-wrap: wrap;
    }
    .Industry-xq .content .section3 ul li
    {
        width: 100%!important;
        height: auto;
    }
    .Industry-xq .content .section3 ul li:before
    {
        display: none;
    }
    .Industry-xq .content .section3 ul li img
    {
        height: auto;
    }
    .Industry-xq .content .section3 ul li .text
    {
        width: 100%;
        padding: .5rem .4rem;
        position: static;
        background: #fff;
    }
    .Industry-xq .content .section3 ul li .text h3
    {
        font-size: .32rem;
        color: #000;
        padding-bottom: .3rem;
    }
    .Industry-xq .content .section3 ul li .text h3:before
    {
        width: .3rem;
        background: #008dd3;
    }
    .Industry-xq .content .section3 ul li .text p
    {
        font-size: .26rem!important;
        color: #000;
        margin-top: .3rem!important;
        line-height: .42rem!important;
        opacity: 1;
        transform: translateY(0);
        position: static;
    }
    .Industry-xq .content .section3 ul li .text-p
    {
        display: none;
    }
    .Industry-xq .content .section3 ul li .text-box
    {
        position: relative;
        transform: translateY(0);
        width: 100%!important;
        background: none!important;
    }
    .Industry-xq .content .section3 ul li .text-box p
    {
        color: #000!important;
    }
    .Industry-xq .content .section3 ul li.active
    {
        width: 100%!important;
    }
    .Industry-xq .content .section3 ul li.active .text
    {
        width: 100%;
        background: #fff;
    }
    .Industry-xq .content .section3 ul li.active .text p
    {
        font-size: .26rem;
        opacity: 1;
        display: block;
        position: static;
        transform: translateY(0);
        color: #000;
    }
    .Industry-xq .content .section4 ul li
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: .3rem;
    }
    .Industry-xq .content .section4 ul li .text
    {
        padding: .5rem .3rem .55rem;
    }
    .Industry-xq .content .section4 ul li .text h3
    {
        font-size: .3rem;
        line-height: .5rem;
        margin-bottom: .2rem;
    }
    .Industry-xq .content .section4 ul li .text p
    {
        font-size: .26rem;
        line-height: .4rem;
    }
    .Industry-xq .content .section4 ul li .text .btn
    {
        width: .7rem;
        height: .7rem;
    }
    .Industry-xq .content .section4 ul li .text .btn i
    {
        font-size: .3rem;
    }
    .Industry-xq .content .section4 .common-btn
    {
        margin-top: .5rem;
    }/* Product */
    .Product .content
    {
        padding: .8rem 0 1rem;
    }
    .Product .content .filter
    {
        background: transparent;
        padding: 0;
        margin-bottom: .4rem;
    }
    .Product .content .filter .title
    {
        font-size: .34rem;
        text-align: center;
    }
    .Product .content .filter form
    {
        margin-top: .4rem;
        justify-content: space-between;
    }
    .Product .content .filter form .box
    {
        width: 82%;
        padding: 0 .3rem;
        background: #fff;
    }
    .Product .content .filter form .box i
    {
        font-size: .32rem;
        margin-right: .2rem;
    }
    .Product .content .filter form .box input
    {
        font-size: .26rem;
        height: .7rem;
    }
    .Product .content .filter form .xs-btn
    {
        font-size: .28rem;
    }
    .Product .content .filter form .xs-btn i
    {
        font-size: .3rem;
        margin-right: .1rem;
        font-weight: bold;
    }
    .Product .content .result
    {
        padding: .25rem .3rem;
        margin-bottom: .3rem;
    }
    .Product .content .result i
    {
        font-size: .3rem;
        margin-right: .05rem;
    }
    .Product .content .result span
    {
        font-size: .26rem;
    }
    .filter-box-xs
    {
        width: 80%;
        height: 100%;
        padding: .4rem .3rem;
        background: #fff;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 25;
        transform: translateX(100%);
        transition: all .5s ease;
    }
    .filter-box-xs:before
    {
        content: "";
        width: 100%;
        height: 1px;
        background: #eee;
        position: absolute;
        left: 0;
        top: 0;
    }
    .filter-box-xs .row-box
    {
        overflow: auto;
        height: calc(100% - 1.4rem);
    }
    .filter-box-xs .row
    {
        margin-bottom: .4rem;
    }
    .filter-box-xs .row .title
    {
        font-size: .32rem;
        color: #07243f;
        margin-bottom: .3rem;
    }
    .filter-box-xs .row ul
    {
        display: flex;
        flex-wrap: wrap;
    }
    .filter-box-xs .row ul li
    {
        width: 48.5%;
        height: .7rem;
        font-size: .26rem;
        margin: 0 3% 3% 0;
        background: #f1f2f3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .08rem;
    }
    .filter-box-xs .row ul li:nth-child(2n)
    {
        margin-right: 0;
    }
    .filter-box-xs .row ul li.active
    {
        background: #008dd3;
        color: #fff;
    }
    .filter-box-xs .btns
    {
        width: 100%;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
    }
    .filter-box-xs .btns .btn
    {
        width: 50%;
        height: .8rem;
        background: #f9f9f9;
        font-size: .3rem;
        color: #8c8d8f;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .filter-box-xs .btns .btn.btn1
    {
        background: #008dd3;
        color: #fff;
    }
    .filter-box-xs.active
    {
        transform: translateX(0);
    }/* product-list */
    .product-list li
    {
        width: 100%;
        margin: .3rem 0 0 0;
    }
    .product-list li .text
    {
        padding: .4rem;
    }
    .product-list li .text h3
    {
        font-size: .3rem;
        line-height: .4rem;
    }
    .product-list li .text p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .product-list li .text .btn
    {
        display: none;
    }
    .product-list li .text .btn-box
    {
        width: 100%;
        padding: 0;
        position: static;
        bottom: 0;
        box-shadow: none;
        opacity: 1;
        margin-top: .3rem;
    }
    .product-list li .text .btn-box a
    {
        height: .7rem;
        font-size: .26rem;
    }
    .product-list li:hover
    {
        box-shadow: none;
    }
    .product-list li:hover img
    {
        transform: scale(1.05);
    }
    .product-list li:hover .text h3
    {
        color: #008dd3;
    }/* Product-xq */
    .Product-xq .content .section .title-box
    {
        margin-bottom: .4rem;
    }
    .Product-xq .content .section1 .imgs
    {
        width: 100%;
    }
    .Product-xq .content .section1 .imgs .big .icon
    {
        margin-top: -.25rem;
        width: .5rem;
        height: .5rem;
    }
    .Product-xq .content .section1 .imgs .big .icon.prev
    {
        left: .3rem;
    }
    .Product-xq .content .section1 .imgs .big .icon.next
    {
        right: .3rem;
    }
    .Product-xq .content .section1 .imgs .big .swiper-pagination-bullet
    {
        width: .4rem;
        height: .04rem;
        background: #e6e6e6;
        opacity: 1;
        border-radius: 0;
    }
    .Product-xq .content .section1 .imgs .big .swiper-pagination-bullet-active
    {
        background: #008dd3;
    }
    .Product-xq .content .section1 .text
    {
        width: 100%;
        padding-top: .6rem;
        padding-bottom: .4rem;
    }
    .Product-xq .content .section1 .text h2
    {
        text-align: center;
    }
    .Product-xq .content .section1 .text ul
    {
        margin-top: .3rem;
    }
    .Product-xq .content .section1 .text ul li
    {
        font-size: .26rem;
        line-height: .42rem;
        padding-left: .25rem;
        margin-top: .15rem;
    }
    .Product-xq .content .section1 .text ul li:before
    {
        width: .12rem;
        height: .12rem;
        top: .15rem;
    }
    .Product-xq .content .section1 .text .fit
    {
        padding: .3rem;
        padding-bottom: 0;
    }
    .Product-xq .content .section1 .text .fit h3
    {
        font-size: .34rem;
    }
    .Product-xq .content .section1 .text .fit .cars
    {
        padding-bottom: .3rem;
    }
    .Product-xq .content .section1 .text .fit .cars .item img
    {
        width: 1rem;
    }
    .Product-xq .content .section1 .text .fit .cars .item h4
    {
        font-size: .26rem;
        margin-top: .1rem;
    }
    .Product-xq .content .section1 .text .btns
    {
        margin-top: .4rem;
    }
    .Product-xq .content .section1 .text .btns .btn
    {
        height: .75rem;
        padding: 0 .3rem;
        font-size: .26rem;
        margin-left: .3rem;
        border-radius: .5rem;
        flex-shrink: 0;
        white-space: nowrap;
    }
    .Product-xq .content .section3 table tr th
    {
        font-size: .28rem;
        padding: .3rem;
    }
    .Product-xq .content .section3 table tr td
    {
        font-size: .26rem;
        padding: .3rem;
        line-height: .4rem;
    }/* News */
    .News .content .section1 .container
    {
        padding: 0;
    }
    .News .content .section1 .big .left
    {
        width: 100%;
    }
    .News .content .section1 .big .left .swiper-slide .img img
    {
        height: auto;
    }
    .News .content .section1 .big .left .button
    {
        opacity: 1;
        width: .6rem;
        height: .6rem;
    }
    .News .content .section1 .big .left .button span
    {
        font-size: .22rem;
        font-weight: bold;
    }
    .News .content .section1 .big .left .button-next
    {
        right: .3rem;
    }
    .News .content .section1 .big .left .button-prev
    {
        left: .3rem;
    }
    .News .content .section1 .big .left .swiper-pagination
    {
        padding-right: .3rem;
        padding-bottom: .2rem;
    }
    .News .content .section1 .big .right
    {
        width: 100%;
    }
    .News .content .section1 .big .right .text-box
    {
        padding: .5rem .3rem 1.4rem;
    }
    .News .content .section1 .big .right .text-box h4
    {
        font-size: .28rem;
        margin-bottom: .3rem;
    }
    .News .content .section1 .big .right .text-box h3
    {
        font-size: .34rem;
        margin-bottom: .3rem;
    }
    .News .content .section1 .big .right .text-box p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .News .content .section1 .big .right .text-box .more a
    {
        width: 2.4rem;
        height: .6rem;
        font-size: .26rem;
        border-radius: .5rem;
        margin: 0 auto;
    }
    .News .content .section1 .big .right .text-box .more a span
    {
        font-size: .2rem;
        margin-left: .12rem;
    }
    .News .content .section1 .big .right .swiper-pagination
    {
        display: block;
        bottom: .74rem;
    }
    .News .content .section1 .big .right .swiper-pagination .swiper-pagination-bullet
    {
        width: .5rem;
        height: .04rem;
        border-radius: 0;
        background: rgba(0,0,0,.2);
    }
    .News .content .section1 .big .right .swiper-pagination .swiper-pagination-bullet-active
    {
        background: #008dd3;
    }
    .News .content .section1 .box ul
    {
        padding-bottom: .2rem;
    }
    .News .content .section1 .box ul li a
    {
        padding: .6rem .3rem;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .News .content .section1 .box ul li a .img
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: .5rem;
    }
    .News .content .section1 .box ul li a .img img
    {
        height: auto;
    }
    .News .content .section1 .box ul li a .text-box
    {
        width: 100%;
    }
    .News .content .section1 .box ul li a .text-box h4
    {
        font-size: .28rem;
    }
    .News .content .section1 .box ul li a .text-box h3
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: .3rem;
        line-height: .45rem;
        margin-bottom: 0;
    }
    .News .content .section1 .box ul li a .text-box p
    {
        display: none;
    }
    .News .content .section1 .box ul li a:hover
    {
        background-color: #f5f5f5;
    }
    .news-list
    {
        margin-bottom: .5rem;
    }
    .news-list li
    {
        padding: .4rem 0;
    }
    .news-list li a
    {
        flex-direction: column;
    }
    .news-list li .img
    {
        width: 100%;
    }
    .news-list li .text
    {
        width: 100%;
        flex: 0;
        padding: .4rem 0 0;
    }
    .news-list li .text h4
    {
        font-size: .26rem;
    }
    .news-list li .text h4 i
    {
        font-size: .3rem;
        vertical-align: -.02rem;
    }
    .news-list li .text h3
    {
        font-size: .28rem;
        margin: .25rem 0 .2rem;
    }
    .news-list li .text p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .news-list li .text .look
    {
        font-size: .26rem;
        margin-top: .25rem;
    }
    .news-list li .text .look i
    {
        font-size: .24rem;
        vertical-align: -.01rem;
    }/* News-xq */
    .News-xq .content
    {
        padding: .8rem 0 0;
    }
    .News-xq .content .container
    {
        padding: 0;
    }
    .News-xq .content:before
    {
        display: none;
    }
    .News-xq .content .left
    {
        width: 100%;
        padding-right: 0;
    }
    .News-xq .content .left .title
    {
        font-size: .42rem;
        line-height: .55rem;
        margin-bottom: .5rem;
        padding: 0 .3rem;
    }
    .News-xq .content .left .other
    {
        height: auto;
        padding: .3rem;
        margin-bottom: .5rem;
        flex-wrap: wrap;
    }
    .News-xq .content .left .other .tags
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .3rem;
    }
    .News-xq .content .left .other .tags span
    {
        font-size: .26rem;
        margin-right: .2rem;
    }
    .News-xq .content .left .other .tags span i
    {
        display: none;
    }
    .News-xq .content .left .other .share
    {
        display: flex;
        align-items: center;
    }
    .News-xq .content .left .other .share a
    {
        font-size: .46rem;
        margin-right: .16rem;
    }
    .News-xq .content .left .text-box
    {
        padding: 0 .3rem;
    }
    .News-xq .content .left .text-box p
    {
        font-size: .26rem;
        line-height: .45rem;
    }
    .News-xq .content .left .relevant
    {
        margin-top: .7rem;
        padding: .25rem .3rem;
    }
    .News-xq .content .left .relevant a
    {
        padding: .25rem 0;
        font-size: .26rem;
    }
    .News-xq .content .left .relevant a p
    {
        width: 80%;
    }
    .News-xq .content .right
    {
        width: 100%;
        padding-left: 0;
        margin-top: .5rem;
        background-color: #f5f7fa;
        padding-bottom: .2rem;
    }
    .News-xq .content .right .title
    {
        font-size: .42rem;
        margin-bottom: .6rem;
        text-align: center;
        margin-top: .8rem;
    }
    .News-xq .content .right ul
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .News-xq .content .right ul li
    {
        width: 100%;
        margin-bottom: .3rem;
    }
    .News-xq .content .right ul li a
    {
        padding: 0 .3rem .6rem;
        display: block;
    }
    .News-xq .content .right ul li .img
    {
        height: 4rem;
    }
    .News-xq .content .right ul li .text
    {
        padding-top: .2rem;
    }
    .News-xq .content .right ul li .text h4
    {
        font-size: .28rem;
        margin-bottom: .2rem;
    }
    .News-xq .content .right ul li .text h3
    {
        font-size: .3rem;
        margin-bottom: 0;
    }
    .News-xq .content .right ul li .text p
    {
        font-size: .26rem;
        line-height: .42rem;
        display: none;
    }
    .News-xq .content .right ul li .text i
    {
        margin-top: .2rem;
        font-size: .3rem;
    }/* Contact */
    .Contact .way-list
    {
        margin: .2rem 0 .5rem;
    }
    .Contact .way-list ul
    {
        flex-direction: column;
    }
    .Contact .way-list ul li
    {
        width: 100%;
        background-color: #f5f7fa;
        margin-bottom: .3rem;
        padding: .6rem .52rem;
        display: flex;
        justify-content: flex-start;
    }
    .Contact .way-list ul li img
    {
        margin: 0 .3rem 0 0;
        height: .94rem;
        position: relative;
        top: -.18rem;
    }
    .Contact .way-list ul li .text
    {
        flex: 1;
        text-align: left;
    }
    .Contact .way-list ul li h2
    {
        font-size: .34rem;
        color: #000;
        margin-bottom: .2rem;
    }
    .Contact .way-list ul li p
    {
        font-size: .28rem;
        color: #000;
        line-height: .42rem;
    }
    .Contact .company-list
    {
        padding-top: .8rem;
        padding-bottom: .8rem;
        background: #f5f7fa;
    }
    .Contact .company-list .title-box h2
    {
        margin-bottom: .45rem;
        color: #000;
    }
    .Contact .company-list ul li
    {
        width: 100%;
        margin-right: 0;
        padding: .54rem .6rem;
        height: auto;
    }
    .Contact .company-list ul li:nth-child(-n+3)
    {
        margin-top: .4rem;
    }
    .Contact .company-list ul li h3
    {
        font-size: .3rem;
        color: #000;
        padding-bottom: .14rem;
    }
    .Contact .company-list ul li h3:before
    {
        width: .34rem;
        border-radius: .05rem;
    }
    .Contact .company-list ul li p
    {
        font-size: .26rem;
        margin-bottom: .17rem;
    }
    .Contact .company-list ul li:hover
    {
        background: url(/png/9kej28j8.png) no-repeat center/cover;
        box-shadow: 0 0 .15rem 1px rgba(13,110,208,.07);
    }
    .Contact .company-list ul li:hover h3, .Contact .company-list ul li:hover p
    {
        color: #1a1311;
    }
    .Contact .company-list .load-more
    {
        margin: .2rem auto 0;
    }
    .Contact .company-list .load-more a
    {
        width: 2.4rem;
        height: .6rem;
        border-radius: .5rem;
        font-size: .26rem;
    }
    .Contact .company-list .load-more a span
    {
        margin-left: .08rem;
        font-size: .3rem;
    }/* Order */
    .Order
    {
        padding-bottom: 0;
    }
    .Order .container
    {
        padding: 0;
    }
    .Order .title-box h2
    {
        margin-bottom: .6rem;
    }
    .Order .order-box
    {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .Order .order-box .img-box
    {
        width: 100%;
    }
    .Order .order-box .img-box img
    {
        display: block;
        width: 100%;
        height: 100%;
    }
    .Order .order-box .text-box
    {
        padding: .55rem .5rem .8rem;
        width: 100%;
    }
    .Order .order-box .text-box h3
    {
        font-size: .33rem;
        color: #000;
        margin-bottom: .1rem;
    }
    .Order .order-box .text-box .input-box
    {
        padding-top: .5rem;
    }
    .Order .order-box .text-box .input-box input, .Order .order-box .text-box .input-box textarea
    {
        padding: 0 0 .4rem;
        font-size: .26rem;
    }
    .Order .order-box .text-box .btn
    {
        font-weight: bold;
        margin-top: .6rem;
        width: 74%;
        height: .8rem;
        line-height: .8rem!important;
        border-radius: .4rem;
        border: 1px solid #000;
        font-size: .34rem;
    }
    .Order .order-box .text-box .btn:hover
    {
        background: none;
        color: #1a1311;
    }
    .Order .order-box .text-box .btn:active
    {
        background-color: #1a1311;
        color: #fff;
    }/* Join */
    .Join .tab-list
    {
        justify-content: space-between;
    }
    .Join .tab-list.mb
    {
        margin-bottom: .3rem;
    }
    .Join .tab-list li
    {
        margin-right: 0;
    }
    .Join .tab-list li a
    {
        width: 2.16rem;
        height: .8rem;
        font-size: .28rem;
    }
    .Join .join-swiper .fuli-box
    {
        padding-top: .1rem;
    }
    .Join .join-swiper .fuli-box ul
    {
        display: block;
    }
    .Join .join-swiper .fuli-box ul li
    {
        width: 100%;
        margin-left: 0;
        height: auto;
    }
    .Join .join-swiper .fuli-box ul li img
    {
        height: auto;
        width: 100%;
    }
    .Join .join-swiper .fuli-box ul li .text-box
    {
        display: block;
        position: static;
        height: auto;
        background: none;
        padding-bottom: .4rem;
    }
    .Join .join-swiper .fuli-box ul li .text-box h3
    {
        font-weight: bold;
        font-size: .34rem;
        text-align: center;
        color: #000;
        margin-top: .4rem;
        margin-bottom: .3rem;
        line-height: normal;
    }
    .Join .join-swiper .fuli-box ul li .text-box p
    {
        display: block;
        font-size: .26rem;
        color: #000;
        line-height: .42rem;
        text-align: center;
    }
    .Join .join-swiper .fuli-box ul li .text-box dl
    {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: .5rem;
        padding: 0;
    }
    .Join .join-swiper .fuli-box ul li .text-box dl dd
    {
        flex: auto;
        width: 33.333%;
        margin-bottom: .4rem;
    }
    .Join .join-swiper .fuli-box ul li .text-box dl dd img
    {
        width: .94rem;
        height: .94rem;
        margin: 0 auto .2rem;
    }
    .Join .join-swiper .fuli-box ul li .text-box dl dd .tag
    {
        position: relative;
        margin: 0 .1rem 0 0;
        padding-right: .1rem;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
        line-height: .42rem;
        text-align: left;
        font-size: .26rem;
        color: #000;
    }
    .Join .join-swiper .fuli-box ul li .text-box dl dd .tag:before
    {
        content: ":";
        position: absolute;
        right: 0;
    }
    .Join .join-swiper .fuli-box ul li.active
    {
        width: 100%;
    }
    .Join .join-swiper .fuli-box ul li.active::after
    {
        display: none;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box
    {
        background: none;
        height: auto;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box h3
    {
        margin-top: .4rem;
        margin-bottom: .3rem;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box p
    {
        color: #000;
        text-align: center;
        font-size: .26rem;
        line-height: .42rem;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box dl
    {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: .5rem;
        padding: 0;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box dl dd
    {
        width: 33.333%;
        flex: auto;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box dl dd img
    {
        width: .94rem;
        height: .94rem;
        margin: 0 auto .2rem;
    }
    .Join .join-swiper .fuli-box ul li.active .text-box dl dd .tag
    {
        margin: 0 .1rem 0 0;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
        line-height: .42rem;
        text-align: left;
        font-size: .26rem;
        color: #000;
    }
    .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl
    {
        margin-top: 0;
        padding: 0;
    }
    .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl dd
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 .2rem 0;
    }
    .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .Join .join-swiper .table-box .table-title
    {
        display: none;
    }
    .Join .join-swiper .table-box .table
    {
        height: auto;
        overflow: hidden;
    }
    .Join .join-swiper .table-box .table li
    {
        height: auto;
        overflow: hidden;
        border-bottom: 1px dashed #ebebeb;
    }
    .Join .join-swiper .table-box .table li .item-box
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        padding: .4rem 0 .32rem;
    }
    .Join .join-swiper .table-box .table li .item
    {
        width: 50%;
        line-height: normal;
    }
    .Join .join-swiper .table-box .table li .item:nth-child(1)
    {
        font-size: .28rem;
        font-weight: bold;
        color: #000;
        text-align: left;
        margin-bottom: .3rem;
    }
    .Join .join-swiper .table-box .table li .item:nth-child(2)
    {
        font-size: .24rem;
        color: #999;
        text-align: right;
        margin-bottom: .3rem;
    }
    .Join .join-swiper .table-box .table li .item:nth-child(3)
    {
        font-size: .26rem;
        color: #333;
        text-align: left;
    }
    .Join .join-swiper .table-box .table li .item:nth-child(4)
    {
        font-size: .26rem;
        color: #333;
        text-align: right;
        padding-right: .5rem;
    }
    .Join .join-swiper .table-box .table li .item .iconfont
    {
        font-size: .3rem;
        top: 50%;
        transform: translateY(-50%);
        color: #07243f;
        position: absolute;
        right: 0;
        transition: all .5s ease;
    }
    .Join .join-swiper .table-box .table li .con
    {
        padding: 0 .3rem .4rem;
    }
    .Join .join-swiper .table-box .table li .con .bb .tt
    {
        font-size: .26rem;
        margin-bottom: .2rem;
        margin-top: .4rem;
    }
    .Join .join-swiper .table-box .table li .con .bb p
    {
        font-size: .26rem;
        color: #666;
        line-height: .42rem;
    }
    .Join .join-swiper .table-box .table li.active
    {
        border: 0;
    }
    .Join .join-swiper .table-box .table li.active .iconfont
    {
        transform: rotate(180deg) translateY(50%);
    }
    .Join .join-swiper .mab
    {
        margin-bottom: .6rem;
    }
    .Join .join-swiper .mat
    {
        margin-top: .6rem;
    }
    .Join .join-swiper .process
    {
        padding-top: .1rem;
        margin-bottom: .5rem;
    }
    .Join .join-swiper .process ul
    {
        flex-wrap: wrap;
    }
    .Join .join-swiper .process ul li
    {
        padding: .3rem .3rem;
        width: 100%;
        margin-bottom: .3rem;
    }
    .Join .join-swiper .process ul li .tit img:nth-child(1)
    {
        width: .6rem;
    }
    .Join .join-swiper .process ul li h3
    {
        font-size: .34rem;
        margin: .25rem 0 .2rem;
    }
    .Join .join-swiper .process ul li p
    {
        font-size: .28rem;
        line-height: .42rem;
    }/* Technology */
    .Technology .content
    {
        padding: 0;
    }
    .Technology .section
    {
        height: auto;
    }
    .Technology .section .text-box
    {
        position: static;
        background: none;
        display: block;
        padding: .8rem 0 .5rem;
    }
    .Technology .section .text-box .container
    {
        width: 100%;
    }
    .Technology .section .text-box h2
    {
        color: #000;
        margin-bottom: .4rem;
    }
    .Technology .section .text-box p
    {
        font-size: .28rem;
        color: #000;
        line-height: .45rem;
    }/* Jingtai */
    .Jingtai .container
    {
        padding: 0;
    }
    .Jingtai .block .title-box p
    {
        width: 100%;
    }
    .Jingtai .block ul
    {
        padding: 0 .3rem;
    }
    .Jingtai .block ul li
    {
        display: block;
        background: #f9fafc;
        margin-top: .4rem;
    }
    .Jingtai .block ul li .img
    {
        width: 100%;
    }
    .Jingtai .block ul li .img img
    {
        height: auto;
    }
    .Jingtai .block ul li .text-box
    {
        padding: .4rem .3rem;
    }
    .Jingtai .block ul li .text-box h3
    {
        margin-bottom: .28rem;
    }
    .Jingtai .block ul li .text-box h3:before
    {
        width: .3rem;
        height: .04rem;
        border-radius: 0;
    }
    .Jingtai .block ul li .text-box p
    {
        font-size: .26rem;
        line-height: .42rem;
    }
    .Jingtai .block ul li .text-box dl
    {
        margin-top: .3rem;
    }
    .Jingtai .block ul li .text-box dl dd
    {
        height: .52rem;
        line-height: .52rem;
        margin: 0 .44rem .3rem 0;
    }/* Industry-list */
    .Industry-list .content
    {
        background-color: #f8f9f9;
        padding-bottom: .8rem;
    }
    .Industry-list .box
    {
        margin-top: .4rem;
    }
    .Industry-list .box ul
    {
        display: flex;
        flex-wrap: wrap;
    }
    .Industry-list .box ul li
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: .4rem;
        height: auto;
    }
    .Industry-list .box ul li a
    {
        padding: .4rem .3rem;
    }
    .Industry-list .box ul li a .logo img:nth-child(2)
    {
        display: none;
    }
    .Industry-list .box ul li a h3
    {
        margin-bottom: .2rem;
        font-size: .3rem;
    }
    .Industry-list .box ul li a dl
    {
        margin-bottom: .3rem;
    }
    .Industry-list .box ul li a dl dd
    {
        font-size: .24rem;
        line-height: .36rem;
    }
    .Industry-list .box ul li a p
    {
        display: block;
        color: #333;
        font-size: .26rem;
        line-height: .42rem;
    }
    .Industry-list .box ul li a:hover
    {
        background: #fff;
        padding-top: .4rem;
    }
    .Industry-list .box ul li a:hover .logo
    {
        display: block;
    }
    .Industry-list .box ul li a:hover h3
    {
        color: #000;
        margin-bottom: .2rem;
    }
    .Industry-list .box ul li a:hover dl
    {
        display: flex;
    }
    .Industry-list .box ul li a:hover p
    {
        color: #000;
        display: block;
    }/* Sitemap */
    .Sitemap .content .title-box
    {
        padding: 0;
        margin-bottom: .4rem;
    }
    .Sitemap .content dl dt
    {
        font-size: .3rem;
    }
    .Sitemap .content dl dd
    {
        margin-top: .3rem;
    }
    .Sitemap .content dl dd a
    {
        width: 25%;
        font-size: .26rem;
        margin-bottom: .2rem;
    }/* Legal */
    .Legal .content .title-box
    {
        padding: 0;
        margin-bottom: .4rem;
    }
    .Legal .content h3
    {
        font-size: .3rem;
        margin-bottom: .2rem;
    }
    .Legal .content p
    {
        font-size: .26rem;
        margin-bottom: .3rem;
        line-height: .42rem;
    }/* Friendlink */
    .Friendlink .content .title-box
    {
        padding: 0;
        margin-bottom: .2rem;
    }
    .Friendlink .content dl
    {
        padding-bottom: .3rem;
    }
    .Friendlink .content dl dd a
    {
        width: 49%;
        margin-left: 2%;
    }
    .Friendlink .content dl dd a h3
    {
        font-size: .3rem;
        margin: .4rem 0 .1rem;
    }
    .Friendlink .content dl dd a p
    {
        font-size: .26rem;
        line-height: .35rem;
    }
    .Friendlink .content dl dd a:nth-child(2n-1)
    {
        margin-left: 0;
    }/* Industry */
    .Industry .section1 .list
    {
        display: block;
        margin-bottom: 0;
        margin-top: .4rem;
        padding: 0;
    }
    .Industry .section1 .list a
    {
        width: 100%;
        height: auto;
        margin: 0;
        border-radius: 0;
        margin-top: .4rem;
    }
    .Industry .section1 .list a:first-child
    {
        margin-top: 0;
    }
    .Industry .section1 .list a::before
    {
        display: none;
    }
    .Industry .section1 .list a img
    {
        height: auto;
    }
    .Industry .section1 .list a .text h2
    {
        font-size: .3rem;
        margin: .2rem 0 .25rem;
    }
    .Industry .section1 .list a .text .btn
    {
        margin-top: 0;
    }
    .Industry .section1 .list a .text-p
    {
        padding: 0 0 .3rem;
        background: linear-gradient(180deg,transparent 0%,#000 100%);
    }
    .Industry .section1 .list a .text-p .btn
    {
        display: flex;
    }
    .Industry .section1 .list a .text-box
    {
        display: none;
    }
    .Industry .section1 .list a.active
    {
        width: 100%;
    }
    .Industry .section1 .list a.active::before
    {
        display: none;
    }
    .Industry .section1 .list a.active .text-p
    {
        opacity: 1;
    }
    .Industry .section1 .list a.active .text-box
    {
        display: none;
    }
    .AboutCompliance .content
    {
        padding-bottom: 8%;
    }
    .AboutCompliance .content h1
    {
        font-size: .42rem;
        margin-bottom: .6rem;
    }
    .AboutCompliance .content h2
    {
        font-size: .34rem;
        margin: .4rem 0 .2rem;
    }
    .AboutCompliance .content h2.text-align
    {
        margin-top: .6rem;
    }
    .AboutCompliance .content h3
    {
        font-size: .28rem;
        text-indent: 2em;
        margin: .2rem 0 .15rem;
    }
    .AboutCompliance .content p
    {
        font-size: .28rem;
        line-height: .44rem;
        margin-bottom: 10px;
        text-indent: 2em;
    }
    .AboutCompliance .content ul
    {
        padding-inline-start: 2em;
    }
    .AboutCompliance .content ul li
    {
        font-size: .28rem;
        line-height: .44rem;
        margin-bottom: .15rem;
    }
    .AboutCompliance .content .flnav .item
    {
        width: 100%;
        margin-bottom: .25rem;
    }
    .AboutCompliance .content .flnav .item h3
    {
        font-size: .3rem;
        margin-top: .2rem;
    }/* fixed-right */
    .fixed-right
    {
        right: .15rem;
    }
    .fixed-right .item
    {
        margin-top: .25rem;
    }
    .fixed-right .item a
    {
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
    }
    .fixed-right .item span
    {
        font-size: .4rem;
    }
    .fixed-right .item:hover .item-box
    {
        opacity: 0;
        visibility: hidden;
    }
    .no-data img
    {
        width: 1.6rem;
        margin-bottom: .2rem;
    }
    .no-data p
    {
        font-size: .26rem;
        color: #666;
    }
}