﻿.swiper-button-prev:after, .swiper-button-next:after
{
    font-size: 2rem!important;
}
.list .title
{
    font-size: 14px;
}
#name_box_w
{
    height: 50px;
    border-bottom: 1px solid rgba(255,255,255,.17);
    background: rgba(0,0,0,.1);
    transition: all .3s;
}
#header_logo img
{
    max-height: 30px;
    transition: all .3s;
}
#name_box_w.boxshow
{
    background-color: var(--base_color);
    height: 50px;
}
#name_box_w.boxshow #header_logo img
{
    max-height: 30px;
}
#header_tel
{
    width: 120px;
    border-left: 1px solid rgba(255,255,255,.17);
}
#header_tel
{
    color: #fff;
}
#header_tel i
{
    font-size: 20px;
}
#header_tel .tel-num
{
    font-size: 16px;
}
.header_wechat img
{
    height: 0;
    opacity: 0;
    transition: all .3s;
}
.header_wechat:hover img
{
    height: auto;
    opacity: 1;
}
#footer
{
    padding: 15px 0;
    background-color: #174f98;
    margin-bottom: 60px;
}
#footer_main, #footer_main a
{
    font-size: 12px;
    color: #fff;
}
#footer #footer_main
{
    padding-top: 15px;
    padding-bottom: 15px;
}
#footer_main #tel-box .icon
{
    margin-right: 10px;
    width: 20px;
}
#footer_main #tel-box .title
{
    margin-right: 0;
}
#footer_main #tel-box .content
{
    font-size: 20px;
}
#footer_main #address-box .icon
{
    margin-right: 10px;
    width: 20px;
}
#footer_main #address-box .content
{
    font-size: 12px;
}
#footer_copy, #footer_copy a
{
    font-size: 12px;
    color: rgba(246,246,246,.6)!important;
}
#page_left
{
    font-size: 14px;
}
#page_left .title
{
    font-size: 18px;
}
#page_left .desc
{
    font-size: 12px;
}
#page_left .slider_type_list li a
{
    font-size: 15px;
}
#page_right .page_title .title
{
    border-left: 3px solid var(--base_color);
    padding-left: 15px;
}
.mainInfo
{
    font-size: 14px;
}
.video_box
{
    width: 100%;
    height: 375px;
}
.mflash .swiper-pagination
{
    width: 100%!important;
    padding-left: 2.5%;
    text-align: left;
    top: 65%;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
}
.mflash .swiper-pagination .swiper-pagination-bullet
{
    line-height: auto!important;
    height: 2px!important;
}
.mflash .swiper-pagination-bullet:before
{
    width: 10px!important;
    height: 2px!important;
    margin-right: 5px!important;
    top: 0!important;
}
.mflash .swiper-pagination-bullet-active:before
{
    width: 12px!important;
}
.swiper-button-prev:after, .swiper-button-next:after
{
    font-size: 2rem!important;
}
@media(max-width: 575.98px)
{
    .de-page-mian .page-inner .prev, .de-page-mian .page-inner .next, .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn
    {
        display: none!important;
    }
    #name_box_w.boxshow
    {
        background-color: var(--base_color);
        height: 46px;
    }
    #name_box_w.boxshow #header_logo img
    {
        max-height: 28px;
    }
}
@media(min-width: 576px)
{
    #name_box_w
    {
        height: 60px;
    }
    #header_logo img
    {
        max-height: 36px;
    }
}
@media(min-width: 768px)
{
    #name_box_w
    {
        height: 70px;
    }
    #header_logo img
    {
        max-height: 38px;
    }
}
@media(min-width: 992px)
{
    body
    {
        font-size: 1.4rem;
    }
    main
    {
        margin-bottom: 50px;
    }
    .list .title
    {
        font-size: 16px;
    }
    .btn-lg
    {
        font-size: 16px;
    }
    #name_box_w
    {
        height: 80px;
    }
    #header_logo img
    {
        max-height: 40px;
    }
    #name_box_w #header_nav
    {
        padding: 0 20px;
    }
    #header_tel
    {
        width: 110px;
    }
    .navI>li
    {
        font-size: 14px;
        position: relative;
    }
    .navI>li a
    {
        position: relative;
        z-index: 1;
        display: block;
        color: #fff;
        text-align: center;
        padding: 10px 15px;
        white-space: nowrap;
    }
    .navI>li:after
    {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 100%;
        background: var(--second_color);
        content: '';
        transition: all .3s ease;
    }
    .navI>li:hover:after, .navI li.active:after
    {
        width: 100%;
    }
    #footer
    {
        padding: 30px 0 20px;
        margin-bottom: 0;
    }
    #footer_main
    {
        font-size: 16px;
    }
    #footer_nav .navI>li
    {
        line-height: 40px;
    }
    #footer_nav .navI>li:after
    {
        background: var(--base_color);
    }
    #footer_main
    {
        font-size: 14px;
    }
    #footer #footer_main
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #footer_main #tel-box .icon
    {
        margin-right: 18px;
        width: auto;
    }
    #footer_main #tel-box .title
    {
        margin-right: 10px;
        width: auto;
    }
    #footer_main #tel-box .content
    {
        font-size: 25px;
    }
    #footer_main #address-box .icon
    {
        margin-right: 18px;
    }
    #footer_main #address-box .content
    {
        font-size: 18px;
    }
    #footer_link
    {
        margin-bottom: 20px;
    }
    #footer_link a
    {
        display: block;
        margin: 0 6px;
        text-align: center;
        border-radius: 30px;
        padding: 13px 15px!important;
        background-color: rgba(246,246,246,.17);
        font-size: 16px;
        color: rgba(255,255,255,.6);
    }
    #footer_link a:hover
    {
        background-color: var(--base_color);
        color: #fff!important;
    }
    #page_left
    {
        max-width: 280px;
        font-size: 16px;
    }
    #page_right
    {
        width: 0;
    }
}
@media(min-width: 1200px)
{
    .clamp-xl-1
    {
        -webkit-line-clamp: 1;
    }
    .clamp-xl-2
    {
        -webkit-line-clamp: 2;
    }
    .clamp-xl-3
    {
        -webkit-line-clamp: 3;
    }
    .clamp-xl-4
    {
        -webkit-line-clamp: 4;
    }
    .clamp-xl-5
    {
        -webkit-line-clamp: 5;
    }
    .clamp-xl-6
    {
        -webkit-line-clamp: 6;
    }
    .clamp-xl-7
    {
        -webkit-line-clamp: 7;
    }
    #name_box_w
    {
        height: 100px;
    }
    #header_logo img
    {
        max-height: 46px;
    }
    #name_box_w #header_nav
    {
        padding: 0 30px;
    }
    .navI>li
    {
        font-size: 15px;
    }
    #header_tel
    {
        width: 260px;
    }
    #footer_link a
    {
        min-width: 160px;
    }
    #page_left
    {
        max-width: 300px;
        font-size: 16px;
    }
    #page_left .title
    {
        font-size: 20px;
    }
    #page_left .desc
    {
        font-size: 14px;
    }
    #page_right .page_title .title
    {
        border-left: 5px solid var(--base_color);
    }
    .mainInfo
    {
        font-size: 16px;
    }
    .de-page-mian
    {
        margin-top: 50px!important;
    }
    .video_box
    {
        width: 640px!important;
        height: 480px!important;
    }
    .mImg
    {
        max-width: 800px!important;
    }
    .pro_show
    {
        width: 640px!important;
    }
    .pro_show .icon_img
    {
        width: auto!important;
        height: auto!important;
    }
}
@media(min-width: 1400px)
{
    #name_box_w
    {
        height: 120px;
        border-bottom: 1px solid rgba(255,255,255,.17);
    }
    #header_logo img
    {
        max-height: 60px;
        transition: all .3s;
    }
    #name_box_w #header_nav
    {
        padding: 0 50px;
        padding-right: 300px;
    }
    .navI>li
    {
        font-size: 16px;
    }
    #name_box_w #header_tel
    {
        position: absolute;
        top: 0;
        right: 0;
    }
    #header_tel
    {
        width: 320px;
    }
    #header_tel i
    {
        margin-right: 18px;
    }
    .flash .swiper-pagination
    {
        width: 1320px!important;
        text-align: left;
        top: 95%;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .flash .swiper-pagination .swiper-pagination-bullet
    {
        line-height: auto!important;
        height: 4px!important;
    }
    .flash .swiper-pagination-bullet:before
    {
        width: 10px!important;
        height: 2px!important;
        margin-right: 5px!important;
        top: 0!important;
    }
    .flash .swiper-pagination-bullet-active:before
    {
        width: 12px!important;
    }
    .swiper-button-prev:after, .swiper-button-next:after
    {
        font-size: 2rem!important;
    }
    #footer_main
    {
        font-size: 16px;
    }
    #footer #footer_main
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #footer_main #tel-box .icon
    {
        margin-right: 28px;
        width: auto;
    }
    #footer_main #tel-box .title
    {
        margin-right: 18px;
        width: auto;
    }
    #footer_main #tel-box .content
    {
        font-size: 25px;
    }
    #footer_main #address-box .icon
    {
        margin-right: 28px;
    }
    #footer_main #address-box .content
    {
        font-size: 22px;
    }
    #page_right
    {
        padding-left: 20px!important;
    }
}
@media(min-width: 1440px)
{
    .container
    {
        max-width: 1400px;
    }
    #name_box_w #header_nav
    {
        padding: 0 320px 0 50px;
    }
    .navI>li
    {
        font-size: 16px;
    }
    #header_tel
    {
        width: 320px;
    }
}
@media(min-width: 1536px)
{
    #name_box_w #header_nav
    {
        padding: 0 320px 0 150px;
    }
}
@media(min-width: 1600px)
{
    .navI>li a
    {
        padding: 10px 20px;
    }
}
@media(min-width: 1920px)
{
    #name_box_w #header_nav
    {
        padding: 0 150px;
    }
}
.box_header
{
    text-align: center;
    margin-bottom: 37px;
}
.box_header .title
{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: var(--base_color);
    font-size: 20px;
}
.box_header .content
{
    color: rgba(9,49,90,.09);
    font-weight: 900;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 40px;
}
.box_header .content:after
{
    transition: all .3s;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 20px;
    height: 2px;
    background-color: #e4b821;
    display: block;
}
.box_header a:hover .content:after
{
    width: 60px;
}
.box_header.white .title
{
    color: #fff;
}
.box_header.white .content
{
    color: rgba(255,255,255,.09);
}
.box_header.white .content:after
{
    background-color: var(--second_color);
}
#in_box1
{
    padding-top: 30px;
    padding-bottom: 30px;
}
#in_box1 .goods_slider_type
{
    width: 100%;
    margin: 0 auto 28px;
}
#in_box1 .goods_slider_type a
{
    display: block;
    text-align: center;
    border-radius: 30px;
    padding: 13px 15px!important;
    background-color: var(--base_color);
    color: #fff;
}
#in_box1 .goods_slider_type a:hover
{
    background-color: var(--second_color);
    color: #fff!important;
}
#in_box1 .pro_gd
{
    padding-bottom: 40px;
}
@media(min-width: 321px)
{
    .box_header .title
    {
        font-size: 24px;
    }
}
@media(min-width: 576px)
{
    #in_box1
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(min-width: 768px)
{
    #in_box1
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media(min-width: 992px)
{
    .box_header .title
    {
        bottom: 10px;
        font-size: 28px;
    }
    .box_header .content
    {
        font-size: 70px;
    }
    #in_box1
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media(min-width: 1200px)
{
    .box_header .title
    {
        bottom: 10px;
        font-size: 36px;
    }
    .box_header .content
    {
        font-size: 70px;
    }
    #in_box1
    {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    #in_box1 .goods_slider_type
    {
        width: 1020px;
        margin: 0 auto 48px;
    }
}
@media(min-width: 1400px)
{
    #in_box1
    {
        padding-top: 95px;
        padding-bottom: 115px;
    }
    .in_title_box
    {
        text-align: center;
        margin-bottom: 37px;
    }
    .in_title_box .title
    {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: var(--base_color);
        font-size: 36px;
    }
    .in_title_box .content
    {
        color: rgba(9,49,90,.09);
        font-weight: 900;
        margin-bottom: 20px;
        font-family: Arial;
        font-size: 70px;
    }
}
#in_box2
{
    padding-top: 30px;
    padding-bottom: 30px;
    background: url(../image/in_ys_bg.jpg) center no-repeat var(--base_color);
    background-size: cover;
}
#in_box2 .wmdys_gd .item:nth-child(odd)
{
    margin-bottom: 25px;
}
#in_box2 .wmdys_gd .item .icon
{
    height: 18px;
    margin-right: 10px;
}
#in_box2 .wmdys_gd .item .title
{
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
#in_box2 .wmdys_gd .item .content
{
    color: rgba(255,255,255,.4);
    font-size: 12px;
    line-height: 1.5;
}
@media(min-width: 576px)
{
    #in_box2
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #in_box2 .wmdys_gd .item:nth-child(odd)
    {
        margin-bottom: 25px;
    }
    #in_box2 .wmdys_gd .item .icon
    {
        height: 30px;
        margin-right: 18px;
    }
    #in_box2 .wmdys_gd .item .title
    {
        color: #fff;
        font-size: 27px;
        line-height: 36px;
    }
    #in_box2 .wmdys_gd .item .content
    {
        color: rgba(255,255,255,.4);
        font-size: 16px;
        line-height: 26px;
    }
}
@media(min-width: 768px)
{
    #in_box2
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #in_box2 .wmdys_gd .item:nth-child(odd)
    {
        margin-bottom: 25px;
    }
    #in_box2 .wmdys_gd .item .icon
    {
        height: 30px;
        margin-right: 18px;
    }
    #in_box2 .wmdys_gd .item .title
    {
        color: #fff;
        font-size: 27px;
        line-height: 36px;
    }
    #in_box2 .wmdys_gd .item .content
    {
        color: rgba(255,255,255,.4);
        font-size: 16px;
        line-height: 26px;
    }
}
@media(min-width: 992px)
{
    #in_box2
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .text-box, .img-box
    {
        max-width: 47%;
    }
    #in_box2 .wmdys_gd .item:nth-child(odd)
    {
        margin-bottom: 25px;
    }
    #in_box2 .wmdys_gd .item .icon
    {
        height: 30px;
        margin-right: 18px;
    }
    #in_box2 .wmdys_gd .item .title
    {
        color: #fff;
        font-size: 20px;
        line-height: 36px;
    }
    #in_box2 .wmdys_gd .item .content
    {
        width: 300px;
        color: rgba(255,255,255,.4);
        font-size: 14px;
        line-height: 26px;
    }
}
@media(min-width: 1200px)
{
    #in_box2
    {
        padding-top: 90px;
        padding-bottom: 140px;
    }
    #in_box2 .wmdys_gd .item:nth-child(odd)
    {
        margin-bottom: 25px;
    }
    #in_box2 .wmdys_gd .item .icon
    {
        height: 30px;
        margin-right: 18px;
    }
    #in_box2 .wmdys_gd .item .title
    {
        color: #fff;
        font-size: 27px;
        line-height: 36px;
    }
    #in_box2 .wmdys_gd .item .content
    {
        width: 440px;
        color: rgba(255,255,255,.4);
        font-size: 16px;
        line-height: 26px;
    }
}
@media(min-width: 1400px)
{
    #in_box2
    {
        padding-top: 90px;
        padding-bottom: 150px;
        max-height: 1000px;
    }
    #in_box2 .wmdys_gd
    {
        margin-top: 20px;
        padding: 0 80px;
    }
    #in_box2 .wmdys_gd .item
    {
        width: 533px;
    }
    #in_box2 .wmdys_gd .item:nth-child(odd)
    {
        margin-bottom: 25px;
    }
    #in_box2 .wmdys_gd .item .icon
    {
        height: 36px;
        margin-right: 18px;
    }
    #in_box2 .wmdys_gd .item .title
    {
        color: #fff;
        font-size: 27px;
        line-height: 36px;
    }
    #in_box2 .wmdys_gd .item .content
    {
        color: rgba(255,255,255,.4);
        font-size: 16px;
        line-height: 26px;
    }
}
#in_box3 .container.bar
{
    background-color: #e4b821;
}
#in_box3 .container.bar .t3 a
{
    max-width: 200px;
}
@media(max-width: 575.98px)
{
    #in_box3
    {
        background-color: #e4b821;
    }
}
@media(min-width: 576px)
{
    #in_box3
    {
        background-color: #e4b821;
    }
}
@media(min-width: 1200px)
{
    #in_box3
    {
        position: relative;
        top: 0;
        left: 0;
        transform: translateY(-50%);
        z-index: 2;
        background-color: transparent!important;
    }
    #in_box3 .container.bar
    {
        height: 190px;
    }
    #in_box3 .container.bar>.row
    {
        height: 190px;
        padding: 0 30px;
    }
}
@media(min-width: 1400px)
{
    #in_box3 .container.bar>.row
    {
        padding: 0 50px;
    }
}
#in_box4
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media(min-width: 576px)
{
    #in_box4
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(min-width: 768px)
{
    #in_box4
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media(min-width: 992px)
{
    #in_box4
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media(min-width: 1200px)
{
    #in_box4
    {
        padding-top: 0;
        padding-bottom: 90px;
    }
}
#in_box5
{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f4f4f4;
}
#in_box5 .intro_content
{
    color: rgba(70,70,71,.6);
}
#in_box5 .aboutList li .icon
{
    height: 30px;
}
#in_box5 .aboutList li .title
{
    font-size: 14px;
    color: rgba(0,0,0,1);
}
#in_box5 .aboutList li .content
{
    font-size: 12px;
    color: rgba(0,0,0,.6);
}
@media(min-width: 576px)
{
    #in_box5
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(min-width: 768px)
{
    #in_box5
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media(min-width: 992px)
{
    #in_box5
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media(min-width: 1200px)
{
    #in_box5
    {
        padding-top: 100px;
        padding-bottom: 0;
    }
    #in_box5 .aboutList
    {
        max-width: 1200px;
    }
    #in_box5 .intro_content
    {
        max-width: 1200px;
        font-size: 15px;
        color: rgba(70,70,71,.6);
    }
    #in_box5 .aboutList li .icon
    {
        height: auto;
    }
    #in_box5 .aboutList li .title
    {
        font-size: 22px;
        color: rgba(0,0,0,1);
    }
    #in_box5 .aboutList li .content
    {
        font-size: 16px;
        color: rgba(0,0,0,.6);
    }
}
#in_box6
{
    padding-top: 30px;
    padding-bottom: 30px;
}
#in_box6 .news_gd
{
    padding-bottom: 50px;
}
.item_date .time_d
{
    font-size: 38px;
}
.item_date .time_m
{
    font-size: 12px;
}
.item_cont .title
{
    font-size: 16px;
}
.item_cont .content
{
    font-size: 12px;
}
@media(min-width: 576px)
{
    #in_box6
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media(min-width: 768px)
{
    #in_box6
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media(min-width: 992px)
{
    #in_box6
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media(min-width: 1200px)
{
    #in_box6
    {
        padding-top: 95px;
        padding-bottom: 50px;
    }
    #in_box6 .news_gd
    {
        padding-bottom: 100px;
    }
    .item_date .time_d
    {
        font-size: 46px;
    }
    .item_date .time_m
    {
        font-size: 16px;
    }
    .item_cont .title
    {
        font-size: 22px;
    }
    .item_cont .content
    {
        font-size: 15px;
    }
}