/* AB模板网 整站模板下载 *//* 模板：Www.AdminBuy.Cn *//* 仿站：Fang.AdminBuy.Cn *//* 素材：Sc.AdminBuy.Cn *//* js特效：js.AdminBuy.Cn *//* 在线工具 Tool.Adminbuy.Cn *//* QQ：9490489 */
@media(min-width: 1201px)
{
    .wrap
    {
        max-width: 1200px;
    }
    .wrap.type-full
    {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(min-width: 1231px)
{
    .wrap
    {
        padding-left: 0;
        padding-right: 0;
    }
}
@media(min-width: 1471px)
{
    .wrap
    {
        max-width: 1440px;
    }
    .wrap.type-wid-a
    {
        max-width: 1400px;
    }
}
@media(min-width: 1571px)
{
    .wrap.type-full
    {
        max-width: 1920px;
        padding-left: 65px;
        padding-right: 65px;
    }
}
@media(max-width: 1200px)
{
    .wrap
    {
        max-width: 768px;
    }
}
.bg0
{
    background-color: #fff;
}
.bg1
{
    background-color: #101010;
}
.bg2
{
    background-color: #1c1c1c;
}
.bg3
{
    background-color: #f8f8f8;
}
.bg4
{
    background-color: #f6f6f6;
}
.bg5
{
    background-color: #f3f4f8;
}
.bg6
{
    background-image: linear-gradient(#efefed,#fff);
}
.bg7
{
    background-color: #f4f4f4;
}
.bg8
{
    background-color: #f3f3f3;
}
.bg9
{
    background-color: #f7f7f7;
}
.colorf
{
    color: #fff;
}
.color1
{
    color: #222;
}
.color2
{
    color: #333;
}
.color3
{
    color: #888;
}
.color4
{
    color: #555;
}
.color-main
{
    color: #2e80d4;
}/***箭头***/
.jt-a-css
{
    position: relative;
}
.jt-a-css.left, .jt-a-css.right
{
    display: block;
    border-radius: 50%;
    background: #f8f8f8 no-repeat center;
    transition: all .3s;
}
.jt-a-css.left:hover, .jt-a-css.right:hover
{
    background-color: #f5bb00;
}
.jt-a-css.left
{
    background-image: url(../image/icon_jt_1_1_1.png);
}
.jt-a-css.left:hover
{
    background-image: url(/k522/skin/images/icon_jt_1_1_3.png);
}
.jt-a-css.right
{
    background-image: url(../image/icon_jt_1_2_1.png);
}
.jt-a-css.right:hover
{
    background-image: url(/k522/skin/images/icon_jt_1_2_3.png);
}
.jt-a
{
    width: 46px;
    height: 46px;
    position: relative;
}
.jt-a.left, .jt-a.right
{
    display: block;
    border-radius: 50%;
    background: #f8f8f8 no-repeat center;
    transition: all .3s;
}
.jt-a.left:hover, .jt-a.right:hover
{
    background-color: #f5bb00;
}
.jt-a.left
{
    background-image: url(../image/icon_jt_1_1_1.png);
}
.jt-a.left:hover
{
    background-image: url(/k522/skin/images/icon_jt_1_1_3.png);
}
.jt-a.right
{
    background-image: url(../image/icon_jt_1_2_1.png);
}
.jt-a.right:hover
{
    background-image: url(/k522/skin/images/icon_jt_1_2_3.png);
}
@media(max-width: 992px)
{
    .jt-a
    {
        width: 36px;
        height: 36px;
    }
}
.jt-c-css
{
    position: relative;
}
.jt-c-css::before, .jt-c-css::after
{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background: rgba(51,51,51,.6);
    transition: all .3s;
}
.jt-c-css::before
{
    transform: translate(-85%,0) rotate(45deg);
}
.jt-c-css::after
{
    transform: translate(-15%,0) rotate(-45deg);
}
.jt-c-on-css::before
{
    transform: translate(-85%,0) rotate(-45deg);
}
.jt-c-on-css::after
{
    transform: translate(-15%,0) rotate(45deg);
}
.jt-c-on-css.on::before
{
    transform: translate(-85%,0) rotate(-45deg);
}
.jt-c-on-css.on::after
{
    transform: translate(-15%,0) rotate(45deg);
}
.jt-c
{
    width: 22px;
    height: 10px;
    position: relative;
}
.jt-c::before, .jt-c::after
{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background: rgba(51,51,51,.6);
    transition: all .3s;
}
.jt-c::before
{
    transform: translate(-85%,0) rotate(45deg);
}
.jt-c::after
{
    transform: translate(-15%,0) rotate(-45deg);
}
.jt-c-on.on .jt-c::before
{
    transform: translate(-85%,0) rotate(-45deg);
}
.jt-c-on.on .jt-c::after
{
    transform: translate(-15%,0) rotate(45deg);
}
.jt-c-on.on .jt-c.on::before
{
    transform: translate(-85%,0) rotate(-45deg);
}
.jt-c-on.on .jt-c.on::after
{
    transform: translate(-15%,0) rotate(45deg);
}
.swiper-container .swiper-points
{
    padding: 0;
    text-align: center;
}
.swiper-container .swiper-points .swiper-pagination-bullet
{
    margin: 0 7px;
    width: 10px;
    height: 10px;
    border: solid 2px #fff;
    background: transparent;
    opacity: 1;
}
.swiper-container .swiper-points .swiper-pagination-bullet-active
{
    border-color: #2e80d4;
    background-color: #2e80d4;
}/**头部导航**/
#header
{
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    background: transparent;
    transition: all .3s ease-in;
}
#header .logo-box
{
    transition: all .3s;
}
#header .logo-box img
{
    width: auto;
    transition: all .3s;
}
#header .logo-box .i
{
    display: block;
}
#header .logo-box .i_h
{
    display: none;
}
#header .menu
{
    vertical-align: middle;
}
#header .menu .menu-box
{
    display: flex;
}
#header .menu .menu-son
{
    transition: all .3s;
}
#header .menu .menu-title
{
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    transition: all .3s;
}
#header .right-box .language-block
{
    border: 0 none;
}
#header .right-box .language-block .word-li
{
    padding-right: 0;
    color: #fff;
}
#header .right-box .language-block .word-li.default::after
{
    display: none;
}
#header .right-box .language-block+.line
{
    display: block;
}
#header .right-box .line
{
    display: none;
    margin: 0 24px;
    width: 1px;
    height: 18px;
    background-color: #fff;
    opacity: .28;
}
#header .right-box .search-check
{
    display: block;
    height: 19px;
    width: 19px;
    background: url(../image/icon_search.png) no-repeat center/contain;
}
body[data-them="white"] #header .logo-box .i
{
    display: block;
}
body[data-them="white"] #header .logo-box .i_h
{
    display: none;
}
body[data-them="white"] #header .right-box .language-block .word-li
{
    color: #fff;
}
body[data-them="white"] #header .menu .menu-title
{
    color: #fff;
}
body[data-them="white"] #header .search-check
{
    background-image: url(../image/icon_search.png);
}
body[data-them="gray"] #header .logo-box .i
{
    display: none;
}
body[data-them="gray"] #header .logo-box .i_h
{
    display: block;
}
body[data-them="gray"] #header .right-box .language-block .word-li
{
    color: #333;
}
body[data-them="gray"] #header .menu .menu-title
{
    color: #333;
}
body[data-them="gray"] #header .search-check
{
    background-image: url(../image/icon_search_h.png);
}
.small-header header#header
{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background-color: #fff;
}
.small-header header#header .logo-box .i
{
    display: none;
}
.small-header header#header .logo-box .i_h
{
    display: block;
}
.small-header header#header .right-box .line
{
    background: #666;
}
.small-header header#header .right-box .language-block .word-li
{
    color: #888;
}
.small-header header#header .right-box .search-check
{
    background-image: url(../image/icon_search_h.png);
}
.phone-menu
{
    display: none;
    position: relative;
    order: 2;
    border-radius: 5px;
    height: 32px;
    width: 36px;
    flex-wrap: wrap;
    background: #1492ff;
}
.phone-menu .phone-menu-i
{
    display: block;
    position: absolute;
    left: 15%;
    top: 50%;
    margin-top: -1.5px;
    border-radius: 1.5px;
    width: 70%;
    height: 3px;
    background: #fff;
    opacity: 1;
    transform: rotate(0);
    transition: all .3s;
}
.phone-menu .phone-menu-i.i1
{
    margin-top: -9.5px;
}
.phone-menu .phone-menu-i.i3
{
    margin-top: 6.5px;
}
.menu-show .phone-menu .phone-menu-i.i1
{
    margin-top: -1.5px;
    transform: rotate(45deg);
}
.menu-show .phone-menu .phone-menu-i.i2
{
    opacity: 0;
}
.menu-show .phone-menu .phone-menu-i.i3
{
    margin-top: -1.5px;
    transform: rotate(-45deg);
}
.header-type-a #header
{
    background-color: #fff;
}
.header-type-a #header .logo-box .i
{
    display: none;
}
.header-type-a #header .logo-box .i_h
{
    display: block;
}
.header-type-a #header .right-box .line
{
    background: #666;
}
.header-type-a #header .right-box .language-block .word-li
{
    color: #888;
}
.header-type-a #header .right-box .search-check
{
    background-image: url(../image/icon_search_h.png);
}
@media(min-width: 1201px)
{
    header#header:hover
    {
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        background-color: #ffff;
    }
    header#header:hover .logo-box .i
    {
        display: none;
    }
    header#header:hover .logo-box .i_h
    {
        display: block;
    }
    header#header:hover .menu-son .menu-title
    {
        color: #333;
    }
    header#header:hover .menu-son.on .menu-title, header#header:hover .menu-son:hover .menu-title
    {
        color: #008cff;
    }
    header#header:hover .right-box .line
    {
        background: #666;
    }
    header#header:hover .right-box .language-block .word-li
    {
        color: #888;
    }
    header#header:hover .right-box .search-check
    {
        background-image: url(../image/icon_search_h.png);
    }
    header#header .wrap-box
    {
        position: relative;
    }
    header#header .logo-box
    {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }
    header#header .logo-box img
    {
        height: 60%;
    }
    header#header .mid-box
    {
        width: 100%;
    }
    header#header .menu
    {
        text-align: center;
    }
    header#header .menu .menu-box
    {
        margin: 0 auto;
        width: auto;
    }
    header#header .menu .menu-title
    {
        position: relative;
        font-size: 17px;
        line-height: 100px;
        color: #fff;
    }
    header#header .menu .menu-title::after
    {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #008cff;
        transition: all .3s;
    }
    header#header .menu .pc-hide
    {
        display: none!important;
    }
    header#header .menu-son
    {
        display: flex;
        padding: 0 20px;
        align-items: center;
    }
    header#header .menu-son.on .menu-title, header#header .menu-son:hover .menu-title
    {
        color: #008cff;
    }
    header#header .menu-son.on .menu-title::after, header#header .menu-son:hover .menu-title::after
    {
        left: 0;
        width: 100%;
    }
    header#header .menu-son.on .menu-title::after, header#header .menu-son:hover .menu-title::after
    {
        left: 0;
        width: 100%;
    }
    header#header .menu-son .menu-lib-btn
    {
        display: none;
    }
    header#header .menu-son:hover .lib-box
    {
        margin-top: 0;
        opacity: 1;
        pointer-events: auto;
    }
    header#header .lib-box
    {
        display: block!important;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: -10px;
        transform: translateX(-50%);
        width: 1400px;
        max-width: 100%;
        padding: 45px 0 55px;
        opacity: 0;
        text-align: left;
        white-space: nowrap;
        pointer-events: none;
        transition: margin .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out;
    }
    header#header .lib-box::before
    {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        margin-left: -100vw;
        border-top: 1px solid #ededed;
        height: 100%;
        width: 200vw;
        background: #fff;
        box-shadow: 0 10px 15px rgba(0,0,0,.05);
    }
    header#header .lib-box .flex-box
    {
        position: relative;
    }
    header#header .lib-box .flex-box .flex-left
    {
        flex-direction: column;
    }
    header#header .lib-box .flex-box .flex-left .menu-lib-title
    {
        width: 100%;
    }
    header#header .lib-box .flex-box .line
    {
        margin: 0 75px;
        width: 1px;
        background: #ebebeb;
    }
    header#header .lib-box .flex-box .img-box
    {
        width: 415px;
    }
    header#header .lib-box .flex-box .img-box::before
    {
        content: "";
        display: block;
        width: 100%;
        padding-top: 54.216%;
    }
    header#header .menu-lib-title
    {
        display: block;
    }
    header#header .menu-lib-title .a
    {
        display: block;
        position: relative;
        transform: translateX(0);
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.4em;
        color: #333;
        transition: all .3s;
    }
    header#header .menu-lib-title .a.on, header#header .menu-lib-title .a:hover
    {
        color: #008cff;
    }
    header#header .menu-lib-title .a:hover
    {
        transform: translateX(3px);
    }
    header#header .right-box
    {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }
    .header-type-a
    {
        height: 101px;
        border-bottom: 1px solid #e6e6e6;
    }
    .header-type-a #header .logo-box img
    {
        height: 30px;
    }
    .header-type-a #header .menu .menu-son .menu-title
    {
        color: #333;
    }
    .header-type-a #header .menu .menu-son .menu-title:hover
    {
        color: #008cff;
    }
    .header-type-a #header .menu .menu-son.on .menu-title
    {
        color: #008cff;
    }
    .small-header #header .logo-box img
    {
        height: 100%;
    }
    .small-header #header .menu .menu-son .menu-title
    {
        font-size: 15px;
        line-height: 60px;
        color: #333;
    }
    .small-header #header .menu .menu-son.on .menu-title, .small-header #header .menu .menu-son:hover .menu-title
    {
        color: #008cff;
    }
    .small-header #header .lib-box
    {
        padding: 25px 0;
    }
    .small-header #header .menu-lib-title .a
    {
        font-size: 14px;
    }
}
@media(max-width: 1200px)
{
    body[data-them="white"] #header .right-box .language-block .word-li
    {
        color: #333;
    }
    body[data-them="white"] #header .menu .menu-title
    {
        color: #333;
    }
    .header-box
    {
        position: sticky;
        top: 0;
        z-index: 99;
        height: 0;
    }
    #header
    {
        position: static;
    }
    #header .logo-box
    {
        height: 56px;
    }
    #header .logo-box img
    {
        height: 100%;
    }
    #header .mid-box .menu
    {
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        flex-flow: column;
        top: 56px;
        left: 0;
        height: calc(100% - 56px);
        width: 100%;
        padding: 0;
        background: #fafafa;
        overflow-y: auto;
        pointer-events: none;
        opacity: 0;
        z-index: -1;
        transform: scale(.99) translateY(5%);
        transition: transform .2s ease-in-out,opacity .3s,height .3s,top .3s;
    }
    #header .mid-box .menu-box
    {
        margin: 0 auto;
        max-width: 100%;
        width: 768px;
        padding: 0 15px;
        flex-wrap: wrap;
    }
    #header .mid-box .menu-son
    {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    #header .mid-box .menu-son .menu-title
    {
        display: flex;
        position: relative;
        border-bottom: 1px solid #eee;
        height: auto;
        width: 100%;
        padding: 5px 10px;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        line-height: 38px;
        color: #555;
    }
    #header .mid-box .menu-son .menu-title .menu-lib-btn
    {
        height: 100%;
    }
    #header .mid-box .menu-lib
    {
        display: none;
        border-bottom: 1px solid #eee;
        width: 100%;
        padding: 7px 0;
    }
    #header .mid-box .menu-lib .flex-box
    {
        justify-content: unset;
    }
    #header .mid-box .menu-lib .flex-box .line
    {
        display: none;
    }
    #header .mid-box .menu-lib .flex-box .flex-right
    {
        display: none;
    }
    #header .mid-box .menu-lib .menu-lib-title
    {
        display: block;
        width: 100%;
    }
    #header .mid-box .menu-lib .menu-lib-title .a
    {
        display: block;
        padding: 5px 25px;
        font-size: 14px;
        color: rgba(0,0,0,.7);
    }
    #header .right-box .language-block
    {
        display: none;
    }
    #header .right-box .language-block+.line
    {
        display: none;
    }
    #header .right-box .phone-menu
    {
        display: block;
        margin-left: 25px;
    }
    .header-type-a
    {
        height: 56px;
    }
    .menu-show #header .mid-box .menu
    {
        pointer-events: auto;
        z-index: 999;
        opacity: 1;
        transform: scale(1) translateY(0);
        background: #fafafa;
    }
}
@media(max-width: 768px)
{
    #header .logo-box
    {
        height: 46px;
    }
    #header .logo-box img
    {
        height: 80%;
    }
    #header .mid-box .menu
    {
        top: 46px;
        height: calc(100% - 46px);
    }
    #header .right-box .search-check
    {
        height: 16px;
        width: 16px;
    }
    #header .right-box .phone-menu
    {
        width: 32px;
        height: 28px;
        margin-left: 15px;
    }
    #header .right-box .phone-menu .phone-menu-i.i1
    {
        margin-top: -7.5px;
    }
    #header .right-box .phone-menu .phone-menu-i.i3
    {
        margin-top: 4.5px;
    }
    .menu-show #header .right-box .phone-menu .phone-menu-i
    {
        margin-top: -1.5px;
    }
}
.language-block
{
    position: relative;
    border: solid 1px #dfdfdf;
}
.language-block:hover .word-ul
{
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.language-block .word-li
{
    padding: 5px 14px 5px 19px;
    color: #888;
}
.language-block .word-li:hover
{
    color: #008cff;
}
.language-block .word-li .word
{
    padding-left: 10px;
    font-size: 14px;
    line-height: 30px;
}
.language-block .word-li.default::after
{
    content: "";
    display: block;
    margin-bottom: 2px;
    margin-left: 13px;
    width: 8px;
    height: 4px;
    background: url(../image/icon_jt_4_1_1.png) no-repeat center/contain;
}
.language-block .word-li.default:hover::after
{
    background-image: url(../image/icon_jt_4_1_2.png);
}
.language-block .word-ul
{
    position: absolute;
    left: 0;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s,transform .3s;
    background: #fff;
}
.language-block.top .word-ul
{
    top: 100%;
}
.language-block.bot .word-ul
{
    bottom: 100%;
}
.form-type-a
{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    align-items: center;
    opacity: 0;
    transition: all .4s ease-in-out;
    background-color: rgba(0,0,0,.6);
}
.form-type-a .form-box
{
    display: flex;
    width: 100%;
    padding: 45px 40px;
}
.form-type-a .form
{
    display: flex;
    position: relative;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #2e80d4;
    border-radius: 4px;
    width: 1200px;
    max-width: 100%;
    font-size: 0;
    background: #fff;
}
.form-type-a .form .key
{
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 52px;
    padding: 0 30px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}
.form-type-a .form .key:focus
{
    border-color: #fff;
}
.form-type-a .form .key:placholder-show
{
    color: #c4cbd4;
}
.form-type-a .form .submit
{
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 4px;
    height: 100%;
    width: 50px;
    padding: 0;
    background: #f1f1f1 url(../image/icon_search_h.png) no-repeat center;
    cursor: pointer;
}
.form-type-a .form .submit:hover
{
    background-color: #dedede;
}
.form-type-a .exit
{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 0 none;
    cursor: pointer;
}
.form-type-a .exit::after, .form-type-a .exit::before
{
    display: none;
}
.search-show .form-type-a
{
    pointer-events: auto;
    opacity: 1;
    z-index: 9999;
}
.form-type-b .form
{
    margin: 0;
    border: solid 1px #aaa;
    padding: 0;
}
.form-type-b .form .key
{
    width: 100%;
    height: 52px;
    padding: 0 25px;
    font-size: 16px;
    line-height: 52px;
    color: #666;
}
.form-type-b .form .submit
{
    margin: 0;
    width: 78px;
    padding: 0;
    flex-shrink: 0;
    background: transparent url(../image/icon_search2.png) no-repeat center;
    cursor: pointer;
    transition: all .3s;
}
.form-type-b .form .submit:hover
{
    background-color: #f1f1f1;
}
@media(max-width: 1200px)
{
    .form-type-b .form .key
    {
        height: 42px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 42px;
    }
    .form-type-b .form .submit
    {
        width: 58px;
        background-size: 22px auto;
    }
}
.footer-type-a
{
    border-top: 1px solid #eaeaea;
}
.footer
{
    padding-top: 56px;
    font-size: 14px;
    color: #898989;
}
.footer a
{
    color: #898989;
}
.footer a:hover
{
    color: #008cff;
}
.footer .title
{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    color: #222;
}
.footer .top
{
    border-bottom: 1px solid #dfdfdf;
}
.footer .top .list
{
    width: 65%;
}
.footer .top .list .list-li
{
    width: 95px;
    padding-right: 10px;
}
.footer .top .list .list-li.contact
{
    width: 255px;
    padding-right: 0;
}
.footer .top .list .a-box .a-li
{
    padding: 5px 0;
}
.footer .top .list .a-box .a
{
    display: block;
    transform: translateX(0);
    transition: all .3s;
}
.footer .top .list .a-box .a:hover
{
    transform: translateX(3px);
}
.footer .top .list .cont
{
    line-height: 24px;
}
.footer .top .list .cont .con-mid
{
    margin: 17px 0 17px;
}
.footer .top .list .cont .flex-box span
{
    flex-shrink: 0;
}
.footer .top .code-block
{
    border-left: 1px solid #dfdfdf;
    width: 30%;
    padding-left: 4.16%;
}
.footer .top .code-block .code-li
{
    max-width: 32%;
    text-align: center;
}
.footer .top .code-block .code-li img
{
    height: auto;
}
.footer .top .code-block .txt
{
    margin-top: 5px;
}
.footer .top .friend
{
    padding-top: 72px;
    padding-bottom: 24px;
}
.footer .top .friend .friend-tit
{
    flex-shrink: 0;
}
.footer .top .friend a
{
    margin-right: 45px;
}
.footer .top .friend .line
{
    margin: 0 18px;
    width: 1px;
    height: 14px;
    background-color: #ddd;
}
.footer .links .line
{
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background-color: #b5b4b4;
}
.footer .foot-bot
{
    padding-top: 18px;
    padding-bottom: 18px;
    color: #b5b4b4;
}
.footer .foot-bot a
{
    color: #b5b4b4;
}
.footer .foot-bot a:hover
{
    color: #008cff;
}
.footer .foot-bot .copy
{
    display: inline-block;
}
@media(max-width: 1200px)
{
    .footer
    {
        padding-top: 35px;
    }
    .footer .title
    {
        margin-bottom: 5px;
    }
    .footer .top .flex-box
    {
        flex-wrap: wrap;
    }
    .footer .top .list
    {
        width: 100%;
    }
    .footer .top .list .list-li
    {
        display: none;
    }
    .footer .top .list .list-li.contact
    {
        display: block;
        width: 100%;
    }
    .footer .top .list .cont .con-mid
    {
        margin: 0;
    }
    .footer .top .code-block
    {
        justify-content: start;
        border-left: 0 none;
        width: 100%;
        padding-left: 0;
    }
    .footer .top .code-block .code-li
    {
        margin-right: 5%;
        max-width: 28%;
    }
    .footer .top .code-block .code-li img
    {
        width: 100px;
    }
    .footer .top .share-box
    {
        margin: 5px 0 10px;
    }
    .footer .top .friend
    {
        padding: 10px 0;
    }
    .footer .top .friend a
    {
        line-height: 24px;
        margin-right: 15px;
    }
    .footer .top .friend .line
    {
        margin: 0 15px;
    }
    .footer .foot-bot
    {
        text-align: center;
    }
    .footer .foot-bot .left
    {
        width: 100%;
    }
    .footer .foot-bot .right
    {
        display: none;
        width: 100%;
    }
}
@media(max-width: 992px)
{
    .footer .top .code-block .code-li img
    {
        width: 80px;
        height: auto;
    }
}/**首页**//**banner**/
.index-banner
{
    position: relative;
    text-align: center;
}
.index-banner .box
{
    display: block;
}
.index-banner .swiper-btns
{
    position: absolute;
    left: 0;
    bottom: 50%;
    z-index: 2;
    width: 100%;
}
.index-banner .swiper-btns .btns-box
{
    height: 0;
}
.index-banner .swiper-btns .btn
{
    width: 30px;
    height: 60px;
    background: no-repeat center;
    opacity: .13;
}
.index-banner .swiper-btns .btn:hover
{
    opacity: 1;
}
.index-banner .swiper-btns .prev
{
    background-image: url(../image/icon_jt_1_1_1.png);
}
.index-banner .swiper-btns .next
{
    background-image: url(../image/icon_jt_1_2_1.png);
}
.index-banner .swiper-points
{
    position: absolute;
    left: 0;
    bottom: 4.21%;
    z-index: 2;
    width: 100%;
}
@media(max-width: 768px)
{
    .index-banner .box img
    {
        display: block;
        height: 200px;
        object-fit: cover;
    }
    .index-banner .swiper-btns .btn
    {
        background-size: 20px auto;
    }
}
.more-box-a
{
    font-size: 0;
    line-height: 0;
}
.more-box-a .btn
{
    border-radius: 28px;
    padding-left: 28px;
    padding-right: 15px;
    font-size: 15px;
    line-height: 56px;
    color: #fff;
    background-color: #d8262c;
}
.more-box-a .btn::after
{
    content: '';
    display: block;
    margin-left: 30px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #b71120 url(../image/icon_jt_3_2_1.png) no-repeat center;
    transform: translateX(0);
    transition: all .3s;
}
.more-box-a .btn:hover
{
    background-color: #008cff;
}
.more-box-a .btn:hover::before, .more-box-a .btn:hover::after
{
    background-color: #0094fb;
    transform: translateX(-5px);
}
.more-box-b .btn
{
    display: block;
    width: 132px;
    height: 42px;
    background: #2c80d4 url(../image/icon_jt_5_1_1.png) no-repeat center;
}
.more-box-b .btn:hover
{
    background-color: #008cff;
}
.more-box-b .btn.on
{
    transform: rotate(180deg);
}
.auto-title
{
    padding-top: 60px;
    padding-bottom: 25px;
}
.auto-title .auto-title-h1
{
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 4px;
}
.auto-title .auto-title-h1 .line
{
    display: block;
    margin: 12px auto 0;
    width: 36px;
    height: 1px;
    background-color: #333;
}
.auto-title .auto-title-h1+.auto-title-h2
{
    margin-top: 3px;
}
.auto-title .auto-title-h2
{
    font-size: 24px;
    line-height: 1.4em;
    letter-spacing: 1px;
}
.auto-title .auto-title-h2+.auto-title-h1
{
    margin-top: 3px;
}
.auto-title-b
{
    padding-top: 60px;
    padding-bottom: 25px;
}
.auto-title-b .auto-title-h1
{
    font-size: 38px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 1px;
}
.auto-title-b .auto-title-h1+*
{
    margin-top: 5px;
}
.auto-title-b .auto-title-h2
{
    font-size: 16px;
    line-height: 1.4em;
    opacity: .25;
}
.auto-title-b .auto-title-h2+*
{
    margin-top: 5px;
}
.auto-title-b .auto-title-h3
{
    font-size: 15px;
    line-height: 1.4em;
}
.auto-title-b .auto-title-h3+*
{
    margin-top: 5px;
}
.auto-title-b .auto-title-h4
{
    font-size: 18px;
    line-height: 1.4em;
}
.auto-title-b .auto-title-h4+*
{
    margin-top: 5px;
}
@media(max-width: 1200px)
{
    .auto-title
    {
        padding-top: 35px;
        padding-bottom: 20px;
    }
    .auto-title .auto-title-h1
    {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .auto-title .auto-title-h2
    {
        font-size: 16px;
    }
    .auto-title-b
    {
        padding-top: 35px;
        padding-bottom: 20px;
    }
    .auto-title-b .auto-title-h1
    {
        font-size: 20px;
    }
    .auto-title-b .auto-title-h2
    {
        font-size: 14px;
    }
    .auto-title-b .auto-title-h3
    {
        font-size: 14px;
    }
    .auto-title-b .auto-title-h4
    {
        font-size: 14px;
    }
    .more-box-a .btn
    {
        border-radius: 18px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 36px;
    }
    .more-box-a .btn::after
    {
        margin-left: 15px;
        width: 20px;
        height: 20px;
        background-size: 4px auto;
    }
}
@media(max-width: 992px)
{
    .auto-title .cn
    {
        font-size: 18px;
    }
}
@media(max-width: 768px)
{
    .more-box-a .btn
    {
        border-radius: 15px;
        padding-left: 15px;
        font-size: 13px;
        line-height: 32px;
    }
    .more-box-a .btn::after
    {
        margin-left: 10px;
    }
}
.video-auto-a
{
    position: relative;
}
.video-auto-a img
{
    display: block;
    position: static;
    width: 100%;
    height: auto;
}
.video-auto-a .video-play
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.2);
    transition: all .3s;
}
.video-auto-a .video-play .icon
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff no-repeat center/contain;
    transition: all .3s;
}
.video-auto-a .video-play .icon::before
{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -7px;
    border-left: 13px solid #f5bb00;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transition: all .3s;
}
.video-auto-a .video-play:hover
{
    background: rgba(0,0,0,.5);
}
.video-auto-a .video-play:hover .icon
{
    background-color: #f5bb00;
}
.video-auto-a .video-play:hover .icon::before
{
    border-left-color: #fff;
}
@media(max-width: 992px)
{
    .video-auto-a .video-play .icon
    {
        width: 40px;
        height: 40px;
    }
    .video-auto-a .video-play .icon::before
    {
        margin-left: -3px;
        margin-top: -6px;
        border-left-width: 10px;
        border-top-width: 6px;
        border-bottom-width: 6px;
    }
}
.index-block-a
{
    overflow: hidden;
}
.index-block-a+.index-block-a .auto-title
{
    padding-top: 0;
}
.index-block-a .swiper-box
{
    position: relative;
    margin: 0 -20px;
    text-align: center;
}
.index-block-a .swiper-box .swiper-container
{
    padding: 20px 10px;
}
.index-block-a .swiper-box .box
{
    display: block;
    margin: 10px;
}
.index-block-a .swiper-box .box:hover .img-box
{
    box-shadow: 0 0 21px 0 rgba(99,99,99,.13);
}
.index-block-a .swiper-box .box:hover .cont .title
{
    color: #008cff;
}
.index-block-a .swiper-box .img-box
{
    display: block;
    box-shadow: 0 0 21px 0 rgba(99,99,99,0);
    border-radius: 10px;
    width: 330px;
    max-width: 100%;
    background-color: #fff;
}
.index-block-a .swiper-box .img-box::after
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.index-block-a .swiper-box .cont
{
    padding: 43px 0;
}
.index-block-a .swiper-box .cont .title
{
    margin-bottom: 4px;
    font-family: Arial-BoldMT;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #222;
}
.index-block-a .swiper-box .cont .des
{
    font-size: 14px;
    line-height: 1.4em;
    color: #999;
}
.index-block-a .swiper-btn .btn
{
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 25px;
    height: 100%;
    background: no-repeat center;
}
.index-block-a .swiper-btn .btn.prev
{
    left: -60px;
    background-image: url(../image/icon_jt_2_1_1.png);
}
.index-block-a .swiper-btn .btn.prev:hover
{
    background-image: url(../image/icon_jt_2_1_2.png);
}
.index-block-a .swiper-btn .btn.next
{
    right: -60px;
    background-image: url(../image/icon_jt_2_2_1.png);
}
.index-block-a .swiper-btn .btn.next:hover
{
    background-image: url(../image/icon_jt_2_2_2.png);
}
.index-block-a .swiper-btn .btn.swiper-button-disabled
{
    display: none;
}
@media(max-width: 1200px)
{
    .index-block-a+.index-block-a
    {
        margin-top: 0;
    }
    .index-block-a .swiper-box
    {
        margin: 0 -10px;
    }
    .index-block-a .swiper-box .swiper-container
    {
        padding: 0 10px;
    }
    .index-block-a .swiper-box .box
    {
        margin: 0 10px;
    }
    .index-block-a .swiper-box .cont
    {
        padding: 20px 10px 0;
    }
    .index-block-a .swiper-btn .btn
    {
        background-size: 16px auto;
    }
}
@media(max-width: 768px)
{
    .index-block-a .swiper-btn .btn.prev
    {
        left: 0;
    }
    .index-block-a .swiper-btn .btn.next
    {
        right: 0;
    }
}
.index-block-b
{
    padding-bottom: 30px;
    background: url(../image/bg1.jpg) no-repeat center/100% 100%;
}
.index-block-b .auto-title
{
    padding-top: 20px;
}
.index-block-b .des
{
    margin-top: -15px;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    opacity: .68;
}
.index-block-b .swiper-container
{
    margin: 0 -16px;
    padding-top: 45px;
    padding-top: 20px;
}
.index-block-b .swiper-container .swiper-li
{
    display: none;
}
.index-block-b .swiper-container .swiper-slide
{
    display: block;
}
.index-block-b .swiper-container .box
{
    display: block;
    margin: 0 16px;
    border-radius: 4px;
}
.index-block-b .swiper-container .box::before
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 126.966%;
}
.index-block-b .btns
{
    padding-top: 20px;
    text-align: center;
}
.index-block-b .btns .btn
{
    width: 16.666%;
}
.index-block-b .btns .btn.on .top img
{
    opacity: 1;
}
.index-block-b .btns .btn.on .top .word
{
    opacity: 0;
}
.index-block-b .btns .btn.on .bot .word
{
    opacity: 1;
}
.index-block-b .btns .btn.on .line::before
{
    left: 0;
    width: 100%;
}
.index-block-b .btns .word
{
    font-size: 17px;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #fff;
}
.index-block-b .btns .top
{
    position: relative;
    width: 100%;
    padding: 20px 15px;
}
.index-block-b .btns .top img
{
    display: block;
    margin: 0 auto;
    height: auto;
    opacity: 0;
    transition: all .3s;
}
.index-block-b .btns .top .word
{
    position: absolute;
    left: 5%;
    bottom: 20px;
    width: 90%;
    padding-bottom: 15px;
    opacity: 1;
    transition: all .3s;
}
.index-block-b .btns .line
{
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.18);
}
.index-block-b .btns .line::before
{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #2e80d4;
    transition: all .3s;
}
.index-block-b .btns .bot
{
    width: 100%;
    padding: 15px;
}
.index-block-b .btns .bot .word
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8em;
    opacity: 0;
    transition: all .3s;
}
@media(max-width: 1200px)
{
    .index-block-b .des
    {
        margin-top: -15px;
        font-size: 14px;
        line-height: 24px;
    }
    .index-block-b .swiper-container
    {
        margin: 0 -5px;
        padding-top: 15px;
    }
    .index-block-b .swiper-container .box
    {
        margin: 0 5px;
    }
    .index-block-b .btns
    {
        padding-top: 10px;
    }
    .index-block-b .btns .btn
    {
        width: 25%;
    }
    .index-block-b .btns .word
    {
        font-size: 14px;
    }
    .index-block-b .btns .top
    {
        padding: 10px;
    }
    .index-block-b .btns .top img
    {
        width: 40px;
        opacity: 1;
    }
    .index-block-b .btns .top .word
    {
        bottom: 10px;
        padding-bottom: 10px;
        opacity: 0;
    }
    .index-block-b .btns .bot
    {
        padding: 10px 10px 0;
    }
    .index-block-b .btns .bot .word
    {
        height: 2.8em;
        opacity: 1;
    }
}
.index-block-c
{
    padding: 100px 0 115px;
    background: url(../image/bg2.jpg) no-repeat center/100% 100%;
}
.index-block-c .des
{
    margin-top: 8px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.index-block-c .more-box-a
{
    margin: 40px 0;
}
.index-block-c .left-box
{
    width: 40%;
}
.index-block-c .right-box
{
    width: 51.389%;
}
.index-block-c .swiper-container .swiper-slide
{
    text-align: center;
}
.index-block-c .swiper-container .swiper-slide.swiper-slide-active .box::before
{
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 90px;
    max-height: 70%;
}
.index-block-c .swiper-container .swiper-slide .box
{
    display: block;
    position: relative;
    padding: 35px 15px;
    color: #555;
}
.index-block-c .swiper-container .swiper-slide .box::before, .index-block-c .swiper-container .swiper-slide .box::after
{
    content: "";
    display: block;
    position: absolute;
    background-color: #efefef;
}
.index-block-c .swiper-container .swiper-slide .box:hover
{
    color: #008cff;
}
.index-block-c .swiper-container .swiper-slide .box:hover .img .i
{
    opacity: 0;
}
.index-block-c .swiper-container .swiper-slide .box:hover .img .i_h
{
    opacity: 1;
}
.index-block-c .swiper-container .swiper-slide .box+.box::after
{
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 90px;
    height: 1px;
    max-width: 90%;
}
.index-block-c .swiper-container .swiper-slide .img
{
    display: inline-block;
    position: relative;
    margin-bottom: 11px;
    vertical-align: top;
}
.index-block-c .swiper-container .swiper-slide .img img
{
    display: block;
    height: auto;
}
.index-block-c .swiper-container .swiper-slide .img .i
{
    opacity: 1;
}
.index-block-c .swiper-container .swiper-slide .img .i_h
{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.index-block-c .swiper-container .swiper-slide .txt
{
    font-size: 17px;
    line-height: 1.4em;
    letter-spacing: 1px;
}
.index-block-c .swiper-points span
{
    margin: 0 6.5px;
    width: 13px;
    height: 13px;
    opacity: 1;
    background-color: #d5d5d5;
}
.index-block-c .swiper-points span.swiper-pagination-bullet-active
{
    background-color: #2e80d4;
}
@media(min-width: 1201px)
{
    .index-block-c .auto-title
    {
        padding-top: 0;
    }
}
@media(max-width: 1200px)
{
    .index-block-c
    {
        padding: 35px 0 30px;
    }
    .index-block-c .left-box
    {
        order: 2;
        width: 100%;
    }
    .index-block-c .right-box
    {
        order: 1;
        width: 100%;
    }
    .index-block-c .auto-title
    {
        padding-top: 20px;
    }
    .index-block-c .des
    {
        margin-top: -15px;
        font-size: 14px;
        line-height: 24px;
    }
    .index-block-c .more-box-a
    {
        margin: 20px 0;
    }
    .index-block-c .swiper-container .swiper-slide .box
    {
        padding: 25px 15px;
    }
    .index-block-c .swiper-container .swiper-slide .img
    {
        margin-bottom: 10px;
        zoom: .6;
    }
    .index-block-c .swiper-container .swiper-slide .txt
    {
        font-size: 14px;
    }
    .index-block-c .swiper-points span
    {
        margin: 0 5px;
        width: 10px;
        height: 10px;
    }
}
.index-block-d
{
    padding: 145px 0;
    background: url(../image/bg3.jpg) no-repeat center/100% 100%;
}
.index-block-d .flex-box
{
    position: relative;
}
.index-block-d .flex-box .left-box
{
    position: relative;
    z-index: 2;
    width: 490px;
}
.index-block-d .flex-box .right-box
{
    position: relative;
    z-index: 2;
    min-width: 270px;
    height: 485px;
    padding-right: 50px;
    overflow-y: auto;
    color: #fff;
}
.index-block-d .flex-box .right-box .ul .li+.li
{
    margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,.09);
    padding-top: 40px;
}
.index-block-d .flex-box .right-box .ul .img
{
    border-radius: 50%;
    padding: 13px;
    background: rgba(255,255,255,.04);
}
.index-block-d .flex-box .right-box .ul .img img
{
    display: block;
    border-radius: 50%;
    background: #fff;
}
.index-block-d .flex-box .right-box .ul .cont
{
    padding-left: 18px;
}
.index-block-d .flex-box .right-box .ul .cont .num
{
    padding-bottom: 5px;
    font-size: 0;
    line-height: 0;
}
.index-block-d .flex-box .right-box .ul .cont .num .num-val
{
    font-family: Bebas;
    font-size: 54px;
    line-height: 50px;
    letter-spacing: 2px;
}
.index-block-d .flex-box .right-box .ul .cont .num .ico
{
    vertical-align: top;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}
.index-block-d .flex-box .right-box .ul .cont .txt
{
    font-size: 16px;
    line-height: 24px;
}
.index-block-d .flex-box .mid-box
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 3%;
}
.index-block-d .flex-box .mid-box .img-map
{
    position: relative;
}
.index-block-d .flex-box .mid-box img
{
    display: block;
    max-width: 100%;
    height: auto;
}
.index-block-d .flex-box .mid-box .point
{
    position: absolute;
    height: 0;
    width: 0;
}
.index-block-d .flex-box .mid-box .point .bg
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #fff;
}
.index-block-d .flex-box .mid-box .point .bg::before
{
    content: "";
    display: block;
    position: absolute;
    left: -70%;
    top: -70%;
    border-radius: 50%;
    height: 240%;
    width: 240%;
    background: rgba(255,255,255,.12);
    animation: index-points 1.1s ease-in-out infinite alternate;
}
.index-block-d .flex-box .mid-box .point.point1
{
    left: 19.5%;
    top: 28.5%;
}
.index-block-d .flex-box .mid-box .point.point2
{
    left: 18.5%;
    top: 38.5%;
}
.index-block-d .flex-box .mid-box .point.point3
{
    left: 45.5%;
    top: 39.5%;
}
.index-block-d .flex-box .mid-box .point.point4
{
    left: 48%;
    top: 39.8%;
}
.index-block-d .flex-box .mid-box .point.point5
{
    left: 49.5%;
    top: 51.5%;
}
.index-block-d .flex-box .mid-box .point.point6
{
    left: 55.5%;
    top: 40%;
}
.index-block-d .flex-box .mid-box .point.point7
{
    left: 54.5%;
    top: 75%;
}
.index-block-d .flex-box .mid-box .point.point8
{
    left: 57%;
    top: 31.5%;
}
.index-block-d .flex-box .mid-box .point.point9
{
    left: 56.2%;
    top: 22%;
}
.index-block-d .flex-box .mid-box .point.point10
{
    left: 59.7%;
    top: 40%;
}
.index-block-d .flex-box .mid-box .point.point11
{
    left: 62.7%;
    top: 42.9%;
}
.index-block-d .flex-box .mid-box .point.point12
{
    left: 64.3%;
    top: 35.4%;
}
.index-block-d .flex-box .mid-box .point.point13
{
    left: 65.1%;
    top: 23%;
}
.index-block-d .flex-box .mid-box .point.point14
{
    left: 69.1%;
    top: 44%;
}
.index-block-d .flex-box .mid-box .point.point15
{
    left: 70.1%;
    top: 37%;
}
.index-block-d .flex-box .mid-box .point.point16
{
    left: 72%;
    top: 40.3%;
}
.index-block-d .flex-box .mid-box .point.point17
{
    left: 73.3%;
    top: 42.6%;
}
.index-block-d .flex-box .mid-box .point.point18
{
    left: 74.4%;
    top: 45.5%;
}
.index-block-d .flex-box .mid-box .point.point19
{
    left: 75.4%;
    top: 43.1%;
}
.index-block-d .flex-box .mid-box .point.point20
{
    left: 75.4%;
    top: 49%;
}
.index-block-d .flex-box .mid-box .point.point21
{
    left: 77.1%;
    top: 47.5%;
}
.index-block-d .flex-box .mid-box .point.point22
{
    left: 77%;
    top: 14.5%;
}
.index-block-d .flex-box .mid-box .point.point23
{
    left: 78%;
    top: 26.5%;
}
.index-block-d .flex-box .mid-box .point.point24
{
    left: 81%;
    top: 42.5%;
}
.index-block-d .flex-box .mid-box .point.point25
{
    left: 81%;
    top: 49.5%;
}
.index-block-d .flex-box .mid-box .point.point26
{
    left: 80.8%;
    top: 59.9%;
}
.index-block-d .flex-box .mid-box .point.point27
{
    left: 85%;
    top: 75%;
}
.index-block-d .flex-box .des
{
    width: 420px;
    max-width: 100%;
    -webkit-line-clamp: 3;
    font-size: 17px;
    line-height: 36px;
    color: #fff;
    opacity: .73;
}
.index-block-d .flex-box .phone
{
    margin-top: 70px;
    margin-bottom: 55px;
    width: 100%;
}
.index-block-d .flex-box .phone .phone-li
{
    padding-left: 43px;
    font-family: Bebas;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    background: url(../image/icon_phone.png) no-repeat left center;
}
.index-block-d .flex-box .phone .phone-li+.phone-li
{
    margin-top: 10px;
}
@media(min-width: 1201px)
{
    .index-block-d .auto-title
    {
        padding-top: 0;
    }
}
@keyframes index-points
{
    0%
    {
        transform: scale(.5);
    }
    100%
    {
        transform: scale(1.6);
    }
}
@media(max-width: 1200px)
{
    .index-block-d
    {
        padding: 0 0 35px;
    }
    .index-block-d .flex-box
    {
        position: relative;
    }
    .index-block-d .flex-box .left-box
    {
        width: 100%;
    }
    .index-block-d .flex-box .right-box
    {
        width: 100%;
        height: auto;
        padding-right: 0;
    }
    .index-block-d .flex-box .right-box .ul
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .index-block-d .flex-box .right-box .ul .li
    {
        width: 50%;
        flex-wrap: wrap;
        border-top: 0 none!important;
        border-bottom: 1px solid rgba(255,255,255,.09);
        padding-top: 20px;
    }
    .index-block-d .flex-box .right-box .ul .li+.li
    {
        margin-top: 0;
        padding-top: 20px;
    }
    .index-block-d .flex-box .right-box .ul .img
    {
        margin: 0 auto;
        padding: 10px;
    }
    .index-block-d .flex-box .right-box .ul .img img
    {
        width: 52px;
        height: 52px;
    }
    .index-block-d .flex-box .right-box .ul .cont
    {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 15px;
        padding-left: 0;
        text-align: center;
    }
    .index-block-d .flex-box .right-box .ul .cont .num
    {
        padding-bottom: 10px;
    }
    .index-block-d .flex-box .right-box .ul .cont .num .num-val
    {
        font-size: 26px;
        line-height: 24px;
        letter-spacing: 0;
    }
    .index-block-d .flex-box .right-box .ul .cont .num .ico
    {
        font-size: 12px;
    }
    .index-block-d .flex-box .right-box .ul .cont .txt
    {
        font-size: 14px;
        line-height: 22px;
    }
    .index-block-d .flex-box .mid-box
    {
        position: static;
        margin: 25px 0 0;
        width: 100%;
        height: auto;
        padding-left: 0;
    }
    .index-block-d .flex-box .des
    {
        margin-top: -15px;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .index-block-d .flex-box .phone
    {
        margin-top: 15px;
        margin-bottom: 20px;
        width: 100%;
    }
    .index-block-d .flex-box .phone .phone-li
    {
        width: 100%;
        padding-left: 30px;
        font-size: 29px;
        line-height: 30px;
        background-size: 20px auto;
    }
}
.index-block-e
{
    padding-top: 20px;
}
.index-block-e .flex-box
{
    padding-top: 20px;
    padding-bottom: 85px;
}
.index-block-e .flex-box .wid
{
    position: relative;
    width: 31.25%;
    background-color: #f4f4f4;
}
.index-block-e .flex-box .type-word
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    transition: all .3s;
}
.index-block-e .flex-box .type-word:hover
{
    background-color: #008cff;
}
.index-block-e .singale-li .img-box
{
    display: block;
}
.index-block-e .singale-li .img-box::before
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 62.2222%;
}
.index-block-e .singale-li .cont
{
    display: block;
    padding: 27px 25px;
    color: #333;
}
.index-block-e .singale-li .cont .title
{
    font-size: 18px;
    line-height: 22px;
}
.index-block-e .singale-li .cont .time
{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 23px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
    background: url(../image/icon1.png) no-repeat left center;
}
.index-block-e .singale-li .cont .des
{
    font-size: 15px;
    line-height: 30px;
    color: #999;
}
.index-block-e .singale-li:hover .cont
{
    color: #008cff;
}
.index-block-e .list .ul
{
    width: 100%;
    padding: 25px 0;
}
.index-block-e .list .box
{
    display: block;
    padding: 20px 35px;
    color: #333;
    transition: all .3s;
}
.index-block-e .list .box:hover .title
{
    transform: translateX(3px);
    color: #008cff;
}
.index-block-e .list .title
{
    margin-bottom: 7px;
    transform: translateX(0);
    font-size: 18px;
    line-height: 24px;
    transition: all .3s;
}
.index-block-e .list .time
{
    font-size: 15px;
    line-height: 22px;
    color: #666;
}
@media(max-width: 1200px)
{
    .index-block-e
    {
        padding-top: 0;
    }
    .index-block-e .flex-box
    {
        padding-top: 0;
        padding-bottom: 35px;
    }
    .index-block-e .flex-box .wid
    {
        width: 100%;
    }
    .index-block-e .singale-li
    {
        margin-bottom: 15px;
    }
    .index-block-e .singale-li .cont
    {
        display: block;
        padding: 20px 20px 25px;
        color: #333;
    }
    .index-block-e .singale-li .cont .title
    {
        font-size: 16px;
    }
    .index-block-e .singale-li .cont .time
    {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .index-block-e .singale-li .cont .des
    {
        font-size: 14px;
        line-height: 24px;
    }
    .index-block-e .list .ul
    {
        width: 100%;
        padding: 35px 0 15px;
    }
    .index-block-e .list .box
    {
        display: block;
        padding: 10px 20px;
    }
    .index-block-e .list .title
    {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .index-block-e .list .time
    {
        font-size: 14px;
    }
}/**内页banner**/
.auto-banner
{
    position: relative;
    overflow: hidden;
}
.auto-banner .cont
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}
.auto-banner .cont .title
{
    margin-bottom: 6px;
    font-size: 43px;
    line-height: 1.4em;
}
.auto-banner .cont .long-title
{
    font-size: 17px;
    line-height: 1.4em;
}
@media(max-width: 1200px)
{
    .auto-banner .cont
    {
        padding-top: 16px;
    }
    .auto-banner .cont .title
    {
        font-size: 22px;
    }
    .auto-banner .cont .long-title
    {
        font-size: 14px;
    }
}
@media(max-width: 768px)
{
    .auto-banner
    {
        height: 180px;
    }
    .auto-banner .img
    {
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        height: 100%;
        width: auto;
        max-width: 999999px;
    }
    .auto-banner .cont
    {
        padding-top: 26px;
    }
    .auto-banner .cont .title
    {
        margin-bottom: 3px;
        font-size: 20px;
    }
}/**分类菜单**/
.type-menu
{
    height: 0;
}
.type-menu .wrap
{
    position: relative;
}
.type-menu .flex-box
{
    position: absolute;
    bottom: 0;
    border: solid 1px rgba(255,255,255,.16);
    width: 100%;
    background: rgba(0,0,0,.16);
}
.type-menu .flex-box .btn
{
    border-right: 1px solid rgba(255,255,255,.16);
    text-align: center;
    font-size: 14px;
    line-height: 70px;
    color: #fff;
    display: inline-block;
    padding: 0 25px;
    float: left;
}
.type-menu .flex-box .btn:hover
{
    background-color: #008cff;
    border-right-color: #008cff;
}
.type-menu .flex-box .btn.on
{
    background-color: #008cff;
}/**三级菜单**/
.next-menu .swiper-slide
{
    width: auto;
}
.next-menu .link
{
    display: block;
    position: relative;
    margin: 0 25px;
    padding: 0 14px;
    font-size: 15px;
    line-height: 62px;
    color: #555;
    transition: all .3s;
}
.next-menu .link:hover
{
    color: #008cff;
}
.next-menu .link::after
{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #008cff;
    transition: all .3s;
}
.next-menu .on .link
{
    color: #008cff;
}
.next-menu .on .link::after
{
    left: 0;
    width: 100%;
}
@media(max-width: 1200px)
{/**分类菜单**/
    .type-menu
    {
        height: auto;
    }
    .type-menu .flex-box
    {
        position: static;
        border: 0 none;
        overflow: hidden;
    }
    .type-menu .flex-box .btn
    {
        font-size: 14px;
        line-height: 24px;
    }/**三级菜单**/
    .next-menu
    {
        border-top: 1px solid #e6e6e6;
    }
    .next-menu .link
    {
        margin: 0 15px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 42px;
    }
}
@media(max-width: 768px)
{/**分类菜单**/
    .type-menu
    {
        height: auto;
    }
    .type-menu .flex-box .btn
    {
        width: 25%;
        padding: 0;
        line-height: 35px;
        border-bottom: 1px solid rgba(255,255,255,.16);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 5px;
    }/**三级菜单**/
    .next-menu .link
    {
        margin: 0;
    }
}/**面包屑地址**/
.website-map
{
    background-color: #f7f7f7;
    padding: 22px 0;
    font-size: 14px;
    line-height: 22px;
    color: #555;
}
.website-map a
{
    color: #555;
}
.website-map a:hover
{
    color: #008cff;
}
.website-map .home img
{
    margin-right: 10px;
}
.website-map .jt
{
    margin: 0 8px;
}
@media(max-width: 1200px)
{/**面包屑地址**/
    .website-map
    {
        padding: 12px 0;
    }
}
@media(max-width: 768px)
{/**面包屑地址**/
    .website-map
    {
        font-size: 13px;
    }
    .website-map .home img
    {
        margin-right: 5px;
        width: 14px;
        height: auto;
    }
}/**公司介绍**/
.brand-block-a
{
    padding-top: 75px;
    padding-bottom: 70px;
}
.brand-block-a .left-box
{
    margin-right: 3%;
    width: 300px;
    flex-shrink: 0;
}
.brand-block-a .left-box img
{
    display: block;
    margin-bottom: 13px;
}
.brand-block-a .left-box .h2
{
    font-weight: 400;
    font-size: 36px;
    line-height: 1.4em;
    color: #333;
}
.brand-block-a .right-box
{
    width: 1015px;
    font-size: 18px;
    line-height: 38px;
    color: #666;
    background: url(../image/bg1.png) no-repeat right 15%;
}
.brand-block-a .right-box p+p
{
    margin-top: 20px;
}
@media(max-width: 1200px)
{
    .brand-block-a
    {
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .brand-block-a .left-box
    {
        margin-right: 0;
        width: 100%;
        padding-bottom: 10px;
    }
    .brand-block-a .left-box img
    {
        margin-bottom: 10px;
        zoom: .6;
    }
    .brand-block-a .left-box .h2
    {
        font-size: 20px;
    }
    .brand-block-a .right-box
    {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .brand-block-a .right-box img
    {
        height: auto!important;
    }
    .brand-block-a .right-box p+p
    {
        margin-top: 5px;
    }
}
.brand-block-b
{
    padding-bottom: 80px;
    background-image: url(../image/bg2.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
.brand-block-b .list2
{
    margin-top: 35px;
}
@media(max-width: 1200px)
{
    .brand-block-b
    {
        padding-bottom: 35px;
    }
    .brand-block-b .list2
    {
        margin-top: 0;
    }
}
.brand-block-c .swiper-box
{
    margin: -11px;
    padding-bottom: 80px;
    text-align: center;
}
.brand-block-c .swiper-box .swiper-container
{
    padding: 11px 0;
}
.brand-block-c .swiper-box .box
{
    display: block;
    margin: 11px;
    box-shadow: 0 0 18px 0 rgba(182,182,182,.31);
    padding: 40px 40px 26px;
}
.brand-block-c .swiper-box .box:hover .txt
{
    color: #008cff;
}
.brand-block-c .swiper-box .img-box
{
    display: inline-block;
    overflow: visible;
}
.brand-block-c .swiper-box .img-box img
{
    display: block;
    position: static;
    height: auto;
    width: auto;
}
.brand-block-c .swiper-box .txt
{
    margin-top: 14px;
    font-size: 15px;
    line-height: 24px;
    color: #555;
}
@media(max-width: 1200px)
{
    .brand-block-c .swiper-box
    {
        padding-bottom: 30px;
    }
    .brand-block-c .swiper-box .swiper-container
    {
        padding: 0;
    }
    .brand-block-c .swiper-box .box
    {
        padding: 20px 20px 15px;
    }
    .brand-block-c .swiper-box .txt
    {
        margin-top: 10px;
        font-size: 14px;
    }
}/**产品中心**/
.product-list-a
{
    padding-top: 40px;
}
@media(max-width: 1200px)
{
    .product-list-a
    {
        padding-top: 30px;
    }
}/**产品详情**/
.product-info-a
{
    padding-top: 35px;
    padding-bottom: 100px;
}
.product-info-a .left-box
{
    width: 50%;
}
.product-info-a .left-box .swiper-nav
{
    position: relative;
    width: 100px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.product-info-a .left-box .swiper-nav .swiper-container
{
    height: 540px;
}
.product-info-a .left-box .swiper-nav .img-box
{
    display: block;
    border: 1px solid #e4e4e4;
    transition: all .3s;
}
.product-info-a .left-box .swiper-nav .img-box::before
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.product-info-a .left-box .swiper-nav .img-box img
{
    opacity: .35;
}
.product-info-a .left-box .swiper-nav .img-box:hover
{
    border-color: #008cff;
}
.product-info-a .left-box .swiper-nav .on .img-box
{
    border-color: #008cff;
}
.product-info-a .left-box .swiper-nav .on .img-box img
{
    opacity: 1;
}
.product-info-a .left-box .swiper-btns .btn
{
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 36px;
    background: no-repeat center;
    opacity: .5;
}
.product-info-a .left-box .swiper-btns .btn:hover
{
    opacity: 1;
}
.product-info-a .left-box .swiper-btns .prev
{
    top: 0;
    background-image: url(../image/icon_jt_6_1_1.png);
}
.product-info-a .left-box .swiper-btns .next
{
    bottom: 0;
    background-image: url(../image/icon_jt_6_2_1.png);
}
.product-info-a .left-box .big-img
{
    width: calc(100% - 100px);
    padding-left: 5%;
}
.product-info-a .left-box .big-img .img-box
{
    width: 600px;
    max-width: 100%;
}
.product-info-a .left-box .big-img .img-box::before
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.product-info-a .right-box
{
    width: 40.714%;
    padding-top: 30px;
}
.product-info-a .right-box .ad
{
    font-size: 16px;
    line-height: 1.4em;
    color: #777;
}
.product-info-a .right-box .title
{
    font-size: 46px;
    font-weight: normal;
    line-height: 1.4em;
    color: #333;
}
.product-info-a .right-box .cont
{
    margin-top: 13px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 38px;
    padding-bottom: 58px;
    font-size: 15px;
    line-height: 22px;
    color: #777;
}
.product-info-a .right-box .cont.type2
{
    margin-bottom: 35px;
    padding-bottom: 24px;
}
.product-info-a .right-box .cont ul
{
    margin: 0;
    padding-left: 18px;
}
.product-info-a .right-box .cont ul li
{
    padding: 8px 0;
}
.product-info-a .right-box .cont-tit
{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
    color: #333;
}
@media(max-width: 1200px)
{
    .product-info-a
    {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .product-info-a .left-box
    {
        width: 100%;
    }
    .product-info-a .left-box .swiper-nav
    {
        order: 2;
        margin-top: 15px;
        width: 100%;
        padding: 0 40px;
    }
    .product-info-a .left-box .swiper-nav .swiper-container
    {
        height: auto;
    }
    .product-info-a .left-box .swiper-btns .btn
    {
        left: auto;
        top: 0;
        width: 30px;
        height: 100%;
        background-size: 14px auto;
    }
    .product-info-a .left-box .swiper-btns .prev
    {
        left: 0;
        background-image: url(../image/icon_jt_1_1_2.png);
    }
    .product-info-a .left-box .swiper-btns .next
    {
        right: 0;
        background-image: url(../image/icon_jt_1_2_2.png);
    }
    .product-info-a .left-box .big-img
    {
        width: 100%;
        padding-left: 0;
    }
    .product-info-a .left-box .big-img .img-box
    {
        margin: 0 auto;
        width: 600px;
    }
    .product-info-a .right-box
    {
        width: 100%;
        padding-top: 20px;
    }
    .product-info-a .right-box .ad
    {
        font-size: 14px;
    }
    .product-info-a .right-box .title
    {
        font-size: 20px;
    }
    .product-info-a .right-box .cont
    {
        margin-top: 10px;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 14px;
    }
    .product-info-a .right-box .cont.type2
    {
        margin-bottom: 18px;
        padding-bottom: 20px;
    }
    .product-info-a .right-box .cont ul li
    {
        padding: 2px 0;
    }
    .product-info-a .right-box .cont-tit
    {
        margin-bottom: 5px;
    }
}
.product-info-b
{
    position: relative;
    padding-bottom: 15px;
}
.product-info-b::before
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 355px;
    max-height: 25%;
    background: linear-gradient(#f3f3f3,#fff);
}
.product-info-b .wrap
{
    position: relative;
}
.product-info-b .list4
{
    margin-top: -10px;
}
@media(max-width: 1200px)
{
    .product-info-b
    {
        padding-bottom: 0;
    }
}/**服务支持**//*常见问题*/
.server-block-a
{
    padding-bottom: 90px;
}
@media(max-width: 1200px)
{
    .server-block-a
    {
        padding-bottom: 35px;
    }
}/*下载专区*/
.down-block-a .form-type-b
{
    margin-top: 8px;
    margin-bottom: 7px;
}
.down-block-a .list6
{
    margin-top: -10px;
    padding-bottom: 72px;
}
@media(max-width: 1200px)
{
    .down-block-a .form-type-b
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .down-block-a .list6
    {
        margin-top: 0;
        padding-bottom: 25px;
    }
}/***数目增加减少***/
.number-box
{
    position: relative;
    border: 1px solid #d9d9d9;
}
.number-box .n-btn
{
    position: relative;
    height: 46px;
    width: 50px;
    cursor: pointer;
}
.number-box .n-btn:hover
{
    background-color: #f1f1f1;
}
.number-box .n-btn::before, .number-box .n-btn::after
{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #b7b7b7;
    transition: all .3s;
}
.number-box .n-btn::before
{
    margin-top: -1px;
    margin-left: -6px;
    height: 2px;
    width: 12px;
}
.number-box .n-btn::after
{
    margin-top: -6px;
    margin-left: -1px;
    height: 12px;
    width: 2px;
}
.number-box .n-btn:hover::before, .number-box .n-btn:hover::after
{
    background-color: #008cff;
}
.number-box .reduce::after
{
    display: none;
}
.number-box .number
{
    margin: 0;
    border: 0 none;
    padding: 0;
    height: 46px;
    width: 34px;
    line-height: 36px;
    font-size: 16px;
    color: #444;
}
@media(max-width: 1200px)
{/***数目增加减少***/
    .number-box .n-btn
    {
        height: 34px;
        width: 40px;
    }
    .number-box .number
    {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
}/**礼品定制**//**购物车**/
.checkbox-box
{
    position: relative;
}
.checkbox-box .checkbox
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.checkbox-box .checkbox:checked+.checkbox-icon
{
    background: url(../image/icon4.png) no-repeat center;
}
.checkbox-box .checkbox-icon
{
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #dbdbdb;
}
.cart-block-a
{
    padding: 60px 0 90px;
}
.cart-block-a .form-box
{
    border-radius: 16px;
    padding: 15px 25px;
}
.cart-block-a .form
{
    display: block;
}
.cart-block-a .car-title
{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 28px;
    line-height: 1.4em;
    color: #333;
}
.cart-block-a .dl
{
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
}
.cart-block-a .dl .dl-li
{
    margin-left: 0;
    padding-left: 45px;
    padding-right: 25px;
}
.cart-block-a .dl .dl-li:last-child
{
    padding-top: 60px;
    padding-bottom: 50px;
}
.cart-block-a .dl .dt
{
    padding-top: 18px;
    padding-bottom: 18px;
    font-weight: 400;
    background-color: #f5f6f6;
}
.cart-block-a .dl .dd
{
    border-bottom: 1px solid #f0f0f0;
    padding-top: 25px;
    padding-bottom: 25px;
}
.cart-block-a .dl .wid
{
    padding: 0 10px;
    text-align: center;
}
.cart-block-a .dl .wid1
{
    flex-shrink: 0;
    width: 50px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}
.cart-block-a .dl .wid2
{
    margin-left: 65px;
    margin-right: 135px;
    width: 125px;
    padding-left: 0;
    padding-right: 0;
}
.cart-block-a .dl .wid3
{
    margin-right: 40px;
    width: 330px;
}
.cart-block-a .dl .wid4
{
    width: 275px;
}
.cart-block-a .dl .wid5
{
    width: 260px;
}
.cart-block-a .dl .txt
{
    font-size: 16px;
    line-height: 24px;
    color: #888;
}
.cart-block-a .dl .title .img-box
{
    margin-right: 25px;
    flex-shrink: 0;
    border: solid 1px #f0f0f0;
    width: 67px;
}
.cart-block-a .dl .title .img-box::before
{
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.cart-block-a .dl .title .title-word
{
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.cart-block-a .dl .title:hover .img-box
{
    border: solid 1px #008cff;
}
.cart-block-a .dl .title:hover .title-word
{
    color: #008cff;
}
.cart-block-a .dl .edit-btn
{
    display: inline-block;
    height: 26px;
    width: 26px;
    background: url(../image/icon5_1.png) no-repeat center;
}
.cart-block-a .dl .edit-btn:hover
{
    background-image: url(../image/icon5_2.png);
}
.cart-block-a .dl .line
{
    margin: 0 15px;
    width: 1px;
    height: 14px;
    background-color: #ddd;
}
.cart-block-a .dl .delete-all
{
    color: #888;
}
.cart-block-a .dl .delete-all:hover
{
    color: #008cff;
}
.cart-block-a .info-block .pad-box
{
    margin: -10px -15px;
}
.cart-block-a .info-block .info-li
{
    padding: 10px 15px;
}
.cart-block-a .info-block .input
{
    border: 1px solid #e0e0e0;
    width: 100%;
    padding: 11px 18px;
    font-size: 15px;
    line-height: 24px;
    color: #666;
}
.cart-block-a .info-block .submit-box
{
    padding-top: 10px;
    padding-bottom: 40px;
}
.cart-block-a .info-block .submit-box .form-btn
{
    border-radius: 21px;
    width: 162px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    color: #fff;
    background-color: #d8262c;
    cursor: pointer;
}
.cart-block-a .info-block .submit-box .form-btn:hover
{
    background-color: #008cff;
}
@media(max-width: 1470px)
{
    .cart-block-a .car-title
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .cart-block-a .dl .wid1
    {
        width: 35px;
    }
    .cart-block-a .dl .wid2
    {
        margin-left: 50px;
        margin-right: 50px;
    }
    .cart-block-a .dl .wid3
    {
        margin-right: 30px;
    }
    .cart-block-a .dl .wid4
    {
        width: 200px;
    }
}
@media(max-width: 1200px)
{
    .checkbox-box .checkbox:checked+.checkbox-icon
    {
        background-size: contain;
    }
    .checkbox-box .checkbox-icon
    {
        width: 14px;
        height: 14px;
    }
    .cart-block-a
    {
        padding: 35px 0;
    }
    .cart-block-a .form-box
    {
        border-radius: 10px;
        padding: 15px;
    }
    .cart-block-a .car-title
    {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
    }
    .cart-block-a .dl
    {
        margin-bottom: 8px;
        font-size: 14px;
    }
    .cart-block-a .dl .dl-li
    {
        position: relative;
        padding-left: 35px;
        padding-right: 15px;
    }
    .cart-block-a .dl .dl-li:last-child
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .cart-block-a .dl .dt
    {
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: space-between;
    }
    .cart-block-a .dl .dt .wid
    {
        margin: 0;
        position: static;
        width: auto;
    }
    .cart-block-a .dl .dt .wid1
    {
        display: none;
    }
    .cart-block-a .dl .dd
    {
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .cart-block-a .dl .wid
    {
        padding: 0;
        text-align: left;
    }
    .cart-block-a .dl .wid1
    {
        position: absolute;
        left: 10px;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .cart-block-a .dl .wid2
    {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
        width: 100%;
    }
    .cart-block-a .dl .wid3
    {
        margin-right: 0;
        width: 100%;
        text-align: left;
    }
    .cart-block-a .dl .wid4
    {
        position: absolute;
        top: 0;
        left: 125px;
        margin-top: 82px;
        width: auto;
    }
    .cart-block-a .dl .wid5
    {
        position: absolute;
        top: 8px;
        right: 15px;
        width: auto;
        line-height: 0;
    }
    .cart-block-a .dl .txt
    {
        font-size: 14px;
        padding-right: 30px;
    }
    .cart-block-a .dl .title
    {
        align-items: flex-start;
    }
    .cart-block-a .dl .title .img-box
    {
        margin-right: 10px;
        width: 80px;
    }
    .cart-block-a .dl .title .title-word
    {
        height: 44px;
        overflow: hidden;
        font-size: 14px;
        line-height: 22px;
    }
    .cart-block-a .dl .edit-btn
    {
        background-size: 14px auto;
    }
    .cart-block-a .dl .line
    {
        margin: 0 10px;
    }
    .cart-block-a .info-block .pad-box
    {
        margin: -6px;
    }
    .cart-block-a .info-block .info-li
    {
        padding: 6px;
    }
    .cart-block-a .info-block .input
    {
        padding: 9px 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .cart-block-a .info-block .submit-box
    {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .cart-block-a .info-block .submit-box .form-btn
    {
        border-radius: 18px;
        width: 130px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }
}/**联系我们**/
.contact-block-a
{
    padding-bottom: 75px;
}
.contact-block-a .block-box
{
    margin: -15px;
}
.contact-block-a .block-li
{
    padding: 15px;
}
.contact-block-a .block-info
{
    padding: 65px 2% 55px;
    line-height: 0;
}
.contact-block-a .block-info .h2
{
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #222;
}
.contact-block-a .block-info .hr
{
    display: inline-block;
    vertical-align: top;
    margin: 20px 0;
    border: 0 none;
    border-top: 1px solid #ededed;
    width: 45%;
}
.contact-block-a .block-info .words
{
    font-size: 17px;
    line-height: 24px;
    color: #999;
}
.contact-block-a .block-info:hover
{
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.contact-block-a .block-cont
{
    height: 100%;
    padding: 60px 40px 35px;
}
.contact-block-a .block-cont .title
{
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #222;
}
.contact-block-a .block-cont .info
{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    color: #222;
}
.contact-block-a .block-cont .info .info-li
{
    padding-right: 10px;
}
.contact-block-a .block-cont .info .info-li img
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}
.contact-block-a .block-cont .info .address-btn
{
    color: #008cff;
}
.contact-block-a .block-cont:hover
{
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.contact-block-b
{
    padding-bottom: 80px;
}
.contact-block-b .form
{
    border-top: 1px solid #e6e6e6;
    padding: 0;
}
.contact-block-b .form .form-li
{
    margin-top: 28px;
}
.contact-block-b .form .input
{
    display: block;
    margin: 0;
    border: solid 1px #d0d0d0;
    height: 48px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    line-height: 24px;
    color: #555;
}
.contact-block-b .form textarea.input
{
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-block-b .form .code-li .code-input
{
    width: 235px;
}
.contact-block-b .form .code-li img
{
    margin-left: 18px;
    width: 135px;
    flex-shrink: 0;
    cursor: pointer;
}
.contact-block-b .form .submit-box .form-btn
{
    width: 220px;
    height: 48px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    background-color: #008cff;
    transition: all .3s;
    cursor: pointer;
}
.contact-block-b .form .submit-box .form-btn:hover
{
    background-color: #b71120;
}
@media(min-width: 1201px)
{
    .contact-block-b .form .lw-w-4
    {
        width: 32%;
    }
}
.contact-block-c
{
    padding-bottom: 60px;
}
.map-tank
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.64);
}
.map-tank .flex-box
{
    height: 100%;
    width: 100%;
}
.map-tank img
{
    max-width: 99999px;
}
.map-tank .map-box
{
    position: relative;
    padding: 40px;
}
.map-tank .map-box .exit
{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    height: 40px;
    width: 40px;
    background-color: transparent;
    transition: all .3s;
}
.map-tank .map-box .exit:hover
{
    background-color: #008cff;
}
.map-tank .map-box .exit:hover::after, .map-tank .map-box .exit:hover::before
{
    background-color: #fff;
}
.map-tank .map-box .map
{
    height: 610px;
    max-height: 60vh;
}
@media(max-width: 1200px)
{/**联系我们**/
    .map-tank .map-box
    {
        padding: 25px;
    }
    .map-tank .map-box .exit
    {
        height: 25px;
        width: 25px;
    }
    .map-tank .map-box .map
    {
        height: 80vh;
        max-height: 68vh;
    }
    .contact-block-a
    {
        padding-bottom: 30px;
    }
    .contact-block-a .block-box
    {
        margin: 0;
    }
    .contact-block-a .block-li
    {
        padding: 5px 0;
    }
    .contact-block-a .block-info
    {
        padding: 25px 15px;
    }
    .contact-block-a .block-info .h2
    {
        font-size: 18px;
    }
    .contact-block-a .block-info .hr
    {
        margin: 10px 0;
        width: 95%;
    }
    .contact-block-a .block-info .words
    {
        font-size: 14px;
        line-height: 22px;
    }
    .contact-block-a .block-cont
    {
        height: auto;
        padding: 25px 15px;
    }
    .contact-block-a .block-cont .title
    {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .contact-block-a .block-cont .info
    {
        font-size: 14px;
        line-height: 24px;
    }
    .contact-block-a .block-cont .info .info-li img
    {
        zoom: .8;
    }
    .contact-block-b
    {
        padding-bottom: 35px;
    }
    .contact-block-b .form .form-li
    {
        margin-top: 12px;
    }
    .contact-block-b .form .input
    {
        height: 36px;
        width: 100%;
        padding: 6px 15px;
        font-size: 14px;
    }
    .contact-block-b .form textarea.input
    {
        height: auto;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .contact-block-b .form .code-li .code-input
    {
        width: 100%;
    }
    .contact-block-b .form .code-li img
    {
        margin-left: 10px;
        width: 115px;
        height: 36px;
    }
    .contact-block-b .form .submit-box .form-btn
    {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }
    .contact-block-c
    {
        padding-bottom: 30px;
    }
}/**新闻中心**/
.news-list-a
{
    padding-top: 75px;
}
@media(max-width: 1200px)
{/**新闻中心**/
    .news-list-a
    {
        padding-top: 30px;
    }
}/**详情页上一篇下一篇**/
.info-page
{
    margin-top: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 30px;
    color: #2e9aff;
    background: #dfeffc;
    transition: all .3s;
}
.info-page a
{
    color: #2e9aff;
}
.info-page a:hover
{
    color: #008cff;
}
.info-page p
{
    max-width: 48%;
}
@media(max-width: 1380px)
{/**详情页上一篇下一篇**/
    .info-page
    {
        margin-top: 30px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media(max-width: 1200px)
{/**详情页上一篇下一篇**/
    .info-page
    {
        margin-top: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media(max-width: 992px)
{/**详情页上一篇下一篇**/
    .info-page
    {
        line-height: 26px;
    }
    .info-page p
    {
        width: 100%;
        max-width: 100%;
    }
}/***详情页分享***/
.share-box-a
{
    font-size: 0;
}
.share-box-a .btn
{
    display: inline-block;
    position: relative;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    background: #bdbdbd no-repeat center/contain;
}
.share-box-a .btn+.btn
{
    margin-left: 16px;
}
.share-box-a .btn:hover
{
    background-color: #008cff;
}
.share-box-a .btn:hover .code-box
{
    margin-bottom: 0;
    opacity: 1;
    pointer-events: auto;
}
.share-box-a .wechat
{
    background-image: url(../image/icon_share_1.png);
}
.share-box-a .sina
{
    background-image: url(../image/icon_share_2.png);
}
.share-box-a .contact
{
    background-image: url(../image/icon_share_3.png);
}
.share-box-a .qq
{
    background-image: url(../image/icon_share_4.png);
}
.share-box .btn:hover
{
    background-color: #008cff;
}
.share-box .btn:hover .code-box
{
    margin-bottom: 0;
    opacity: 1;
    pointer-events: auto;
}
.share-box .code-box
{
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -66px;
    margin-bottom: -10px;
    width: 122px;
    padding: 6px;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    pointer-events: none;
    transition: margin .3s,opacity .3s;
}
.share-box .code-box img
{
    width: 100%;
}
.share-box .code-box canvas
{
    width: 110px;
    height: 110px;
}
.share-box .code-box .code-text
{
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}
@media(max-width: 1200px)
{
    .share-box-a .a
    {
        width: 36px;
        height: 36px;
    }
}/***详情***/
.info-block-a img
{
    max-width: 100%;
}
.info-block-a .share-box .btn
{
    height: 30px;
    width: 30px;
}
.info-block-a .share-box .btn+.btn
{
    margin-left: 7px;
}
.info-block-a .left-box
{
    width: 66.5%;
    padding-top: 60px;
    padding-bottom: 38px;
}
.info-block-a .left-box .h2
{
    font-weight: 600;
    font-size: 30px;
    line-height: 1.4em;
    color: #222;
}
.info-block-a .left-box .other
{
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 30px;
    color: #c8c8c8;
}
.info-block-a .left-box .other .looks
{
    margin-left: 12px;
}
.info-block-a .left-box .content
{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 40px 0;
    font-size: 15px;
    line-height: 28px;
    color: #555;
}
.info-block-a .left-box .content img
{
    height: auto!important;
}
.info-block-a .right-box
{
    width: 28%;
    padding-top: 62px;
}
.info-page-box
{
    padding: 20px 0;
}
.info-page-box .p
{
    max-width: 48%;
    font-size: 15px;
    line-height: 30px;
    color: #555;
}
.info-page-box .p a
{
    color: #555;
}
.info-page-box .p a:hover
{
    color: #008cff;
}
.put-news-b .title
{
    font-size: 22px;
    line-height: 30px;
    color: #333;
}
.put-news-b .ul
{
    padding-top: 25px;
}
.put-news-b .ul li+li
{
    margin-top: 18px;
    border-top: 1px solid #f0f0f0;
    padding-top: 18px;
}
.put-news-b .ul .li-title
{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.put-news-b .ul .li-title:hover
{
    color: #008cff;
}
.put-news-b .ul .other
{
    font-size: 14px;
    line-height: 24px;
    color: #c8c8c8;
}
.put-news-b .ul .other .looks
{
    margin-left: 13px;
}
@media(max-width: 1200px)
{
    .info-page-box
    {
        padding: 10px 0;
    }
    .info-page-box .p
    {
        max-width: 100%;
        width: 100%;
        line-height: 26px;
    }
    .info-block-a .left-box
    {
        padding-top: 30px;
        width: 100%;
        padding-bottom: 0;
    }
    .info-block-a .left-box .h2
    {
        text-align: center;
        font-size: 18px;
    }
    .info-block-a .left-box .other
    {
        padding-top: 5px;
        padding-bottom: 10px;
        text-align: center;
    }
    .info-block-a .left-box .other .word
    {
        width: 100%;
    }
    .info-block-a .left-box .other .share-box
    {
        display: block;
        margin: 0;
        width: 100%;
    }
    .info-block-a .left-box .other .share-box .btn
    {
        height: 26px;
        width: 26px;
    }
    .info-block-a .left-box .content
    {
        padding: 20px 0 15px;
        font-size: 14px;
        line-height: 26px;
    }
    .info-block-a .right-box
    {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .put-news-b
    {
        width: 100%;
    }
    .put-news-b .title
    {
        font-size: 20px;
        line-height: 26px;
    }
    .put-news-b .ul
    {
        padding-top: 15px;
    }
    .put-news-b .ul li+li
    {
        margin-top: 15px;
        padding-top: 15px;
    }
    .put-news-b .ul .li-title
    {
        font-size: 15px;
        line-height: 26px;
    }
    .put-news-b .ul .other
    {
        font-size: 14px;
        line-height: 20px;
    }
    .put-news-b .ul .other .looks
    {
        margin-left: 15px;
    }
}/***单页***/
.info-block-b
{
    padding: 65px 0;
}
.info-block-b img
{
    max-width: 100%;
}
.info-block-b .cont-box
{
    padding: 35px;
}
.info-block-b .cont-box .h2
{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.4em;
    color: #222;
}
.info-block-b .cont-box .content
{
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0 40px;
    font-size: 15px;
    line-height: 28px;
    color: #555;
}
.info-block-b .cont-box .content img
{
    height: auto!important;
}
@media(max-width: 1200px)
{
    .info-block-b
    {
        padding: 35px 0;
    }
    .info-block-b .cont-box
    {
        padding: 25px 15px 10px;
    }
    .info-block-b .cont-box .h2
    {
        font-size: 18px;
    }
    .info-block-b .cont-box .content
    {
        padding: 20px 0 15px;
        font-size: 14px;
        line-height: 26px;
    }
}/**列表翻页**/
.page-btn-box
{
    display: flex;
    padding: 90px 15px 120px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-align: center;
}
.page-btn-box .page-btn
{
    margin: 2.5px;
    border: 1px solid #ccc;
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
    color: #666;
    background: #fff;
    transition: all .3s;
}
.page-btn-box .page-btn:hover
{
    background: #f1f1f1;
}
.page-btn-box .page-btn.on
{
    color: #fff;
    border-color: transparent;
    background: #008cff;
}
.page-btn-box .page-btn.text
{
    border-color: transparent;
    padding: 0 20px;
    background-color: transparent;
}
.page-btn-box .page-btn.prev, .page-btn-box .page-btn.next
{
    padding-left: 20px;
    padding-right: 20px;
}
.page-btn-box .page-btn .jt
{
    display: inline-block;
    height: 9px;
    width: 5px;
    background: no-repeat center;
}
.page-btn-box .page-btn .jt.left
{
    margin-right: 9px;
    background-image: url(../image/icon_jt_1_1_1.png);
}
.page-btn-box .page-btn .jt.right
{
    margin-left: 9px;
    background-image: url(../image/icon_jt_1_2_1.png);
}
.page-btn-box .key
{
    border: 1px solid #ccc;
    width: 60px;
    padding: 0 10px;
    text-align: center;
    background: #fff;
}
.page-btn-box .submit
{
    cursor: pointer;
}
@media(max-width: 1380px)
{
    .page-btn-box
    {
        padding: 40px 15px 60px;
    }
}
@media(max-width: 1200px)
{
    .page-btn-box
    {
        padding: 35px 10px 45px;
    }
}
@media(max-width: 992px)
{
    .page-btn-box
    {
        padding: 30px 0 35px;
    }
    .page-btn-box .page-btn
    {
        margin: 2px;
        height: 34px;
        min-width: 30px;
        padding: 0 15px;
        line-height: 34px;
    }
    .page-btn-box .page-btn.text
    {
        padding: 0 10px;
    }
    .page-btn-box .page-btn.prev, .page-btn-box .page-btn.next
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-btn-box .page-btn .jt.left
    {
        margin-right: 7px;
    }
    .page-btn-box .page-btn .jt.right
    {
        margin-left: 7px;
    }
    .page-btn-box .key
    {
        width: 40px;
    }
}/**网站地图**/
.site-map
{
    padding-bottom: 35px;
}
.site-map .title
{
    margin: 35px 0 20px;
    font-size: 26px;
    color: #444;
    line-height: 1.2em;
}
.site-map .ul .li
{
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.site-map .ul .li-type
{
    font-size: 20px;
    line-height: 1.4em;
}
.site-map .ul .aBox
{
    margin: -5px -8px;
    padding-top: 10px;
}
.site-map .ul .aBox .div
{
    display: inline-block;
    padding: 5px 8px;
    font-size: 14px;
}
.site-map .ul .aBox a:hover
{
    color: #008cff;
}
@media(max-width: 1200px)
{
    .site-map
    {
        padding-bottom: 25px;
    }
    .site-map .title
    {
        margin: 30px 0 15px;
        font-size: 20px;
    }
    .site-map .ul .li
    {
        padding: 10px 0;
    }
    .site-map .ul .li-type
    {
        font-size: 16px;
    }
    .site-map .ul .aBox
    {
        margin: -3px -5px;
    }
    .site-map .ul .aBox .div
    {
        padding: 3px 5px;
    }
}
@media(max-width: 1200px)
{
    .site-map
    {
        padding-bottom: 25px;
    }
    .site-map .title
    {
        margin: 25px 0 0;
        font-size: 18px;
    }
}