﻿* {
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
    box-sizing:border-box;
}
body {
    background: #dadee0;
}
.header_pack {
    display:flex;
    justify-content:space-between;
    padding:0 100px;
    align-items:center;
    background:#fff;
}
.logo {
    height:120px;
    padding:25px 0 20px;
}
.logo a {
    display:block;
    height:100%;
}
.logo img {
    max-height:100%;
    display:block;
}
.header_left,
.iconfont {
    display: flex;
    align-items: center;
}
    .iconfont {
        padding-left:30px;
    }
    .iconfont i {
        width: 28px;
        height: 28px;
        background: url(../images/nav.png) no-repeat center/100% 100%;
    }
    .iconfont span {
        font-size: 16px;
        line-height: 28px;
        color: rgb(0, 45, 114);
        margin-left:10px;
    }
.header_right {
    width:40px;
    height:40px;
}
    .header_right a {
        display: flex;
        align-items:center;
        justify-content:center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #006dfe;
        display:none;
    }
    .header_right a img {
        max-width:70%;
        display:block;
    }
    .header_right a:first-child {
        display:flex;
    }
.header_nav {
    position:fixed;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.3);
    top:0;
    left:0;
    z-index:999;
    display:none;
}
.header_navlist {
    width:330px;
    background:#fff;
    height:100%;
    position:relative;
    padding:20px 0 20px 0;
}
.cha {
    width:24px;
    height:24px;
    border:1px solid #006dfe;
    border-radius:50%;
    background:url(../images/cha.png) no-repeat center/80% 80%;
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
}
.header_yi_nav h4  {
    padding-left:24px;
    font-size: 18px;
    line-height: 28px;
}
    .header_yi_nav h4 span {
        color: rgb(0, 45, 114);
        border-bottom: 1px solid rgb(0, 82, 204);
        display:block;
        width:85%;
        padding-bottom:5px;
    }
.header_er_nav{
    padding:30px 0;
}
    .header_er_nav > li > a {
        display: block;
        padding: 10px 24px;
        font-size: 14px;
        line-height: 20px;
        color: rgb(0, 45, 114);
    }
.header_san_nav {
    position:absolute;
    left:100%;
    top:0;
    width:330px;
    height:100%;
    background:#fff;
    padding:40px;
    display:none;
}
.header_san_nav li a {
    font-size:14px;
    line-height:28px;
    color:#5e6c84;
}
.header_er_nav > li > a.active {
    background: rgb(222, 235, 255);
}
.nei-banner-pack {
    display: flex;
    padding: 0 0 0 98px;
    background: #002d72;
    align-items:center;
}
.nei-banner-cont{
    width:calc(100% - 625px);
    padding-right:50px;
}
.nei-banner-img{
    width:625px;
}
.nei-banner-img img {
    width:100%;
    display:block;
}
.nei-banner-cont h3 {
    font-size:48px;
    line-height:58px;
    color:#fff;
    font-weight:bold;
}
.nei-banner-cont p {
    font-size:32px;
    line-height:42px;
    color:#fff;
    margin-top:15px;
}
.nei-banner-cont a {
    display: inline-block;
    width: auto;
    padding:0 15px;
    white-space:nowrap;
    line-height: 38px;
    font-size: 14px;
    color: #091e42;
    background: #ff991f;
    text-align: center;
    border-radius: 38px;
    margin-top: 20px;
}
.nei-banner-cont a:hover {
    background:#fff;
}
.case_plate1_pack{
    display:flex;
    padding:7%;
    background:#fff;
}
.case_plate1_cont {
    width:calc(100% - 470px);
    padding-right:50px;
}
    .case_plate1_cont h5 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 24px;
        color: #27375c;
    }
    .case_plate1_cont h4 {
        font-size: 38px;
        line-height: 45px;
        color: #091e42;
        margin-bottom:5px;
        font-weight:bold;
    }
    .case_plate1_cont p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
        color: #27375c;
    }
.case_plate1_video {
    width:470px;
    cursor:pointer;
}
.case_plate1_video img {
    width:100%;
    display:block;
}
.case_public_cont {
    width:100%;
    padding:0;
}
.case_plate2_pack {
    padding:7%;
    background: #f4f5f7;
}
.case_plate2_list,
.case_plate3_list {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -20px 0;
}
    .case_plate2_list li,
    .case_plate3_list li{
        width: 33.333%;
        padding: 0 20px;
        margin-bottom: 40px;
    }
        .case_plate3_list li a,
        .case_plate2_list li a{
            display: block;
        }
            .case_plate3_list li a:hover img,
            .case_plate2_list li a:hover img{
                transform: scale(1.1);
            }
        .case_plate2_img,
        .case_plate3_img {
            overflow: hidden;
        }
    .case_plate2_img img,
    .case_plate3_img  img{
        width: 100%;
        display: block;
        transition: all .5s;
    }
.case_plate2_cont,
.case_plate4_cont {
    margin-top: 20px;
}
    .case_plate2_cont h4,
    .case_plate4_cont  h4{
        font-size: 28px;
        line-height: 38px;
        color: #0052cc;
        font-weight:bold;
    }
    .case_plate2_cont p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
        color: #27375c;
    }
.detail_banner_pack{
    background:#fff;
}
    .detail_banner_pack .nei-banner-cont h3 {
        color: #091e42;
    }
    .detail_banner_pack .nei-banner-cont p {
        color: #27375c;
    }
    .detail_banner_pack .nei-banner-img {
        width:489px;
        padding:50px 0;
    }
    .detail_banner_pack .nei-banner-cont {
        width:calc(100% - 498px);
    }
.NewsDetail001 {
    margin:0;
}
.detail_banner_pack {
    border-top: 8px solid #f16278;
}

.case_plate3 .case_plate2_pack {
    background: #fff;
}
.case_plate3_list .case_plate2_cont h4 {
    color: #091e42;
}
.case_plate4_pack {
    padding:7%;
    background: #f4f5f7;
}
.case_plate4_list {
    margin:20px -20px 0;
    display:flex;
    flex-wrap:wrap;
}
.case_plate4_list li {
    width:50%;
    padding:0 20px;
    margin-bottom:40px;
}
    .case_plate4_list li a {
        display:block;
    }
.case_plate4_img img,
.national_plate2_img img {
    width: 100%;
    display: block;
    transition: all .5s;
}
.case_plate4_img,
.national_plate2_img {
    overflow: hidden;
}
.case_plate4_list li a:hover img {
    transform:scale(1.1);
}
.case_plate5_pack {
    padding:7%;
    display:flex;
    background:#fff;
}
.case_plate5_cont {
    width: calc(100% - 542px);
    padding-right: 50px;
}
.case_plate5_form {
    width:542px;
}
.case_plate5_img {
    margin-top:20px;
}
.case_plate5_img img {
    width:100%;
    display:block;
}
.case_plate5_form p {
    font-size:12px;
    line-height:20px;
    margin-bottom:10px;
}
.case_plate5_inputlist{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
    .case_plate5_inputlist .case_plate5_input {
        width: calc(50% - 2.5px);
        margin-bottom:5px;
    }
.case_plate5_input label {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0 6px;
    color: #5e6c84;
    font-weight:500;
}
    .case_plate5_input label span {
        color: #bf0000;
        padding-right:5px;
    }
.case_plate5_input input {
    width: 100%;
    font-size: 16px;
    padding:10px;
    border-radius: 5px;
    border: 1px solid #5e6c84;
}
.case_plate5_input select {
    width: 100%;
    padding: 11px 10px;
    border-radius: 5px;
    border: 1px solid #5e6c84;
    font-size: 16px;
}
.submit {
    width: 150px;
    line-height: 38px;
    color: #fff;
    background: #0052cc;
    border-radius: 38px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 30px;
    border: 1px solid #0052cc;
}
.submit:hover {
    background:#fff;
    color:rgb(0, 82, 204);
}
.case_plate6_pack {
    padding: 100px;
    background: #f4f5f7;
}
.case_plate6_list {
    margin:30px -5px 0;
    display:flex;
    flex-wrap:wrap;

}
.case_plate6_list li {
    width:calc(100% / 6);
    padding:0 5px;
}
    .case_plate6_list li img {
        max-width:100%;
        display:block;
        margin:auto;
    }
.public_video_pack {
    background:rgba(0,0,0,.5);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    display:none;
}
.public_video_cont {
    width:70%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.public_video_cont video {
    width:100%;
}
.public_video_cont .video_cha {
    font-size:50px;
    line-height:60px;
    font-weight:300;
    color:#fff;
    transform:rotate(45deg);
    position:absolute;
    right:0;
    top:-60px;
    cursor:pointer;
}
.national_banner_pack {
    width:100%;
    position:relative;
}
.national_banner_img img {
    width:100%;
    display:block;
}
.national_banner_cont  {
    position:absolute;
    left:0;
    top:0;
    width:48%;
    height:90%;
    background:url(../images/n1.png) no-repeat center/100% 100%;
    padding:8% 4% 0 15%;
}
.national_banner_cont h3 {
    font-size:48px;
    line-height:58px;
    color:#091e42;
    font-weight:bold;
}
    .national_banner_cont p {
        font-size: 28px;
        line-height: 38px;
        color: #27375c;
        margin-top:10px;
    }
.national_plate1_pack {
    padding: 7%;
    display: flex;
    align-items: center;
    background: #f4f5f7;
}
.national_plate_cont {
    width:calc(100% - 300px);
    padding-right:40px;
}
.national_plate_video {
    width: 300px;
}
.case_plate1_video img {
    width:100%;
    display:block;
}
.case_plate1_video  p {
    font-size:16px;
    line-height:26px;
    color:#27375c;
    margin-top:10px;
}
.national_plate2_pack {
    padding:7%;
    background:#fff;
}
.national_plate2_list{
    margin:20px -20px 0;
    display:flex;
    flex-wrap:wrap;
}
.national_plate2_list li {
    width:50%;
    padding:0 20px;
    margin-bottom:40px;
}
    .national_plate2_list li a {
        display:block;
    }
.national_plate2_cont h4  {
    font-size:28px;
    line-height:33px;
    font-weight:bold;
    margin:20px 0 10px;
    color:#091e42;
}
.national_plate2_cont p {
    font-size:16px;
    line-height:26px;
    color:#27375c;
}
.national_plate2_list li a:hover img {
    transform:scale(1.1);
}
.national_plate3_pack {
    padding: 7%;
    background: #f4f5f7;
}
.national_plate3_title {
    text-align:center;
}
    .national_plate3_title h3 {
        font-size: 40px;
        line-height:54px;
        font-weight:bold;
        color: #091e42;
    }
    .national_plate3_title p {
        font-size: 22px;
        line-height: 28px;
        color: #091e42;
        margin-top:20px;
    }
.national_plate3_title img {
    width:44px;
}
.national_plate3_list {
    background:url(../images/n8.png) no-repeat center/100%;
    margin-top:20px;
    position:relative;
    display:flex;
    height:240px;
}
.national_plate3_cont {
    width:calc(100% / 6);
    position:relative;
}
    .national_plate3_cont>img {
        width:44px;
        cursor:pointer;
    }
    .national_plate3_cont:last-child .national_plate3_c {
        left: auto;
        right: 80%;
    }
    .national_plate3_c {
        padding: 20px;
        background: #fff;
        position: absolute;
        left: 60px;
        top: -30px;
        width: 100%;
        z-index: 10;
        display:none;
    }
.national_plate3_img img {
    width:100%;
    display:block;
}
.national_plate3_text h4 {
    font-size:18px;
    line-height:26px;
    font-weight:bold;
    margin-top:10px;
    color:#000;
}
.national_plate3_text p {
    font-size:16px;
    line-height:24px;
    color:#333;
    margin-top:10px;
    max-height:100px;
    overflow:auto;
}
.national_plate3_text p::-webkit-scrollbar {
    width:2px;
}
.national_plate3_cont:nth-child(2)>img {
    margin-top:50px;
}
.national_plate3_cont:nth-child(3) > img {
    margin-top:70px;
}
.national_plate3_cont:nth-child(4) > img {
    margin-top:50px;
}
.national_plate3_cont:nth-child(5) > img {
    margin-top:40px;
}
.national_plate3_cont:last-child > img {
    margin:40px 0 0 60px;
}
.national_plate4_pack {
    padding:7%;
    background:#fff;
}
.national_plate4_list {
    display:flex;
    flex-wrap:wrap;
    margin:20px -20px 0;
}
.national_plate4_list li {
    width:25%;
    padding:0 20px;
    margin-bottom:40px;
}
    .national_plate4_list li a {
        display:block;
    }
.national_plate4_img {
    overflow:hidden;
}
.national_plate4_img img {
    width:100%;
    display:block;
    transition:all .5s;
}
.national_plate4_cont h4 {
    color: #091e42;
    font-size: 28px ;
    font-weight:bold;
    margin-bottom: 10px ;
    margin-top: 20px ;
}
.national_plate4_cont p {
    font-size: 16px;
    line-height: 24px;
    color: #0052cc;
    font-weight:bold;
}
.national_plate4_list li a:hover p{
    text-decoration:underline;
}
.national_plate5_pack {
    padding: 7%;
    background: #002d72;
}
.national_plate5_cont h5,
.national_plate5_cont h4 {
    color: #fff;
}
.national_plate5_list {
    display:flex;
    flex-wrap:wrap;
    margin:30px -10px 0;
}
.national_plate5_list li {
    width:25%;
    padding:0 10px;
    margin-bottom:20px;
}
    .national_plate5_list li a {
        display:block;
    }
.national_plate5_img img {
    max-width:100%;
    display:block;
}
.national_plate5_text {
    color:#fff;
}
.national_plate5_text h4 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom:10px;
    font-weight:bold;
}
    .national_plate5_text p {
        font-size: 16px;
        line-height: 26px;
        color: #f5f5f5;
        margin-bottom:10px;
    }
.national_plate5_text span {
    font-size:16px;
    font-weight:bold;
}
.national_plate5_list li a:hover span {
    text-decoration:underline;
}
.solution_banner_pack {
    background: #f4f7f9;
    padding:0 30px 0 98px;
}
    .solution_banner_pack .nei-banner-cont h3,
    .solution_banner_pack .nei-banner-cont p {
        color: #091e42;
    }
    .p7 {
        padding:7%;
    }
.solution_plate1_pack {
    background: #002d72;
    position:relative;
}
.solution_plate1_title h4,
.solution_plate1_title p{
    color: #fff;
}
.solution_plate1_list {
    display:flex;
    flex-wrap:wrap;
    margin:20px -20px 0;
}
.solution_plate1_list li {
    width:33.333%;
    padding:0 20px;
    margin-bottom:40px;
}
.solution_plate1_list_cont h4 {
    font-size:16px;
    line-height:28px;
    color:#fff;
    margin-top:15px;
}
.solution_plate1_desc {
    padding: 4% 7%;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    background: #0052cc;
}
.solution_plate1_pack::after {
    content: "";
    border-top: 25px solid #002d72;
    border-right :29px solid transparent;
    border-bottom:25px solid transparent;
    border-left:29px solid transparent;
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
}
.solution_plate2_pack {
    background:#fff;
}
.solution_plate2_list{
    display:flex;
    margin:20px -20px 0;
    flex-wrap:wrap;
}
.solution_plate2_list li {
    width:33.333%;
    padding:0 20px;
    margin-bottom:40px;
}
    .solution_plate2_list li a {
        display:block;
    }
.img {
    overflow:hidden;
}
.img img {
    width:100%;
    display:block;
    transition:all .5s;
}
.solution_plate2_cont {
    margin-top:20px;
}
.f28 {
    font-size:28px;
    line-height:38px;
    font-weight:bold;
    color: #091e42;
}
.f16 {
    font-size: 16px;
    line-height: 26px;
    color: #27375c;
    margin-top:10px;
}
.fbtn {
    font-size:16px;
    line-height:30px;
    color: #006dfe;
    font-weight:bold;
    margin-top:10px;
    display:block;
}
.solution_plate2_list li a:hover span {
    text-decoration:underline;
}
.solution_plate3_pack {
    display: flex;
    padding: 0 0 2% 7%;
    background: #002d72;
    align-items:center;
}
.solution_plate3_title {
    width:calc(100% - 399px);
    padding-right:50px;
}
.solution_plate3_title h5 {
    color: #ff8b00;
}
    .solution_plate3_title h4,
    .solution_plate3_title p{
        color: #fff;
    }
    .solution_plate3_title a {
        display: block;
        width: 145px;
        line-height: 40px;
        text-align: center;
        font-size: 13px;
        color: #fff;
        font-weight: bold;
        background: #0052cc;
        border-radius:40px;
        margin-top:20px;
    }
.solution_plate3_img {
    width:399px;
    background-size:100% 100%;
}
.flex-margin20 {
    margin:20px -20px 0;
    display:flex;
    flex-wrap:wrap;
}
    .flex-margin20-w33 li {
        width: 33.33333%;
        padding: 0 20px;
        margin-bottom:40px;
    }
.solution_plate4_pack {
    background:#fff;
}
.solution_plate4_cont {
    margin-top:20px;
}
.solution_plate4_list li a:hover span {
    text-decoration:underline;
}
.solution_plate5_pack {
   flex-direction:row-reverse;
   padding:0 7% 2% 0;
}
    .solution_plate5_pack .solution_plate3_title {
        padding:0 0 0 50px;
    }
.solution_plate3_title a:hover {
    background:#fff;
    color:rgb(0, 82, 204);
}
.national_plate6_pack {
    background: #fff;
}
.national_plate6_title {
    text-align:left;
    margin-bottom:40px;
}
.national_plate6_title h3 {
    font-size: 38px;
    color: #091e42;
    margin-bottom: 5px;
    font-weight:bold;
}
.national_plate6_title p {
    font-size:16px;
    line-height:26px;   
    color: #27375c;
    margin-bottom:10px;
}
.national_plate6_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.national_plate6_list li {
    width:calc(50% - 15px);
    margin-bottom:30px;
}
.national_plate6_list img {
    width:100%;
    display:block;
}
    .national_plate6_list h3 {
        font-size:28px;
        color: #091e42;
        line-height:33px;
        margin:20px 0 10px;
        font-weight:bold;
    }
    .national_plate6_list p {
        font-size:16px;
        line-height:24px;
        margin-bottom:10px;
        color: #27375c;
    }
    .national_plate6_list a {
        display: block;
        font-size: 16px;
        line-height: 26px;
        color: #006dfe;
        font-weight:bold;
    }
        .national_plate6_list a:hover {
            text-decoration: underline;
            color: rgba(0,70,139,1);
        }
.national_plate7_pack {
    padding: 4% 7%;
    background: #002d72;
    display:flex;
    align-items:center;
}
.national_plate7_left {
    width:calc(100% - 350px);
    padding-right:50px;
}
    .national_plate7_left h3 {
        font-size: 44px;
        margin-bottom:10px;
        color:#fff;
    }
.national_plate7_left p {
    font-size:16px;
    line-height:26px;
    color:#fff;
    margin-bottom:20px;
}
    .national_plate7_left a {
        display: block;
        width: 187px;
        line-height: 40px;
        text-align: center;
        border-radius: 40px;
        background: #0052cc;
        color:#fff;
        font-size:13px;
        font-weight:bold;
    }
        .national_plate7_left a:hover {
            background: #fff;
            color: #0052cc;
        }
        .national_plate7_img {
            width: 350px;
        }
.footer_pack {
    padding:2% 7%;
    background: #002d72;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    border-top:1px solid #fff;
}
.footer_logo {
    width:70px;
}
.copyright {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    width:calc(100% - 120px);
}
    .copyright a {
        color:#fff;
    }
.national_plate8_pack,
.about_plate1_pack {
    background: #fff;
}
.about_plate1_pack h3 {
    font-size:48px;
    line-height:58px;
    font-weight:bold;
    color:#000;
}
.about_plate1_list {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:40px;
}
.about_plate1_list li {
    width:calc(50% - 15px);
    margin-bottom:30px;
}
    .about_plate1_list li a {
        display:block;
    }
.about_plate1_cont {
    margin-top:20px;
}
    .about_plate1_cont h4 {
        font-size: 28px;
        line-height: 38px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #091e42;
    }
    .about_plate1_cont p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        color: #27375c;
    }
.about_plate2_pack {
    background:#fff;
    padding-top:0;
}
    .about_plate2_pack h3 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 5px;
        color: #091e42;
        font-weight:bold;
    }
.about_plate2_list {
    justify-content:normal;
    margin:30px -15px 0;
}
.about_plate2_list li {
    width: 25%;
    padding: 0 15px;
}
.about_plate3_pack {
    background:rgb(0, 45, 114);
}
.about_plate3_pack h3 {
    font-size:38px;
    line-height:48px;
    color:#fff;
    margin-bottom:5px;
}
.about_plate3_list {
    display: flex;
    margin: 40px -15px 0;
    flex-wrap: wrap;
}
    .about_plate3_list li {
        width: 25%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .about_plate3_list li a {
        display:block;
    }
    .about_plate3_list li h4 {
        font-size:28px;
        line-height:38px;
        color:#fff;
        font-weight:bold;
        margin-bottom:10px;
    }
.about_plate3_list li p{
    font-size:16px;
    line-height:26px;
    color:#fff;
    margin-bottom:10px;
}
    .about_plate3_list li span {
        font-size:16px;
        line-height:26px;
        color:#fff;
        display:block;
        font-weight:bold;
    }
        .about_plate3_list li span:hover{
            text-decoration:underline;
        }
.distribution_banner_pack .national_banner_cont {
    left:auto;
    right:0;
    background:url(../images/b2.png) no-repeat center/cover;
    padding-left:3%;
    padding-top:15%;
    padding-right:15%;
}
.dis_plate1_pack {
    background: #f4f5f7;
}
    .dis_plate1_pack h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
        color: #27375c;
    }
    .dis_plate1_pack h3 {
        font-size: 38px;
        margin-bottom: 5px;
        color: #091e42;
        line-height:45px;
        font-weight:bold;
    }
    .dis_plate1_pack p {
        font-size: 16px;
        color: #27375C;
        line-height:24px;
    }
.dis_plate2_pack {
    background:#fff;
}
.dis_plate2_pack .dis_plate1_pack {
    background:#fff;
}
    .dis_plate2_pack .about_plate1_list .about_plate1_cont span,
    .dis_plate4_pack .about_plate1_cont span,
    .span{
        font-size: 16px;
        line-height: 22px;
        color: #0052CC;
        font-weight: bold;
    }
        .dis_plate2_pack .about_plate1_list .about_plate1_cont span:hover,
        .dis_plate4_pack .about_plate1_cont span:hover,.span:hover{
            text-decoration: underline;
        }
.dis_plate3_pack {
    background: #002d72;
    padding:6% 7%;
    display:flex;
    align-items:center;
}
    .dis_plate3_pack>div {
        width:50%;
    }
    .dis_plate3_left {
        padding-right:50px;
    }
.dis_plate3_left h3 {
    font-size:38px;
    line-height:45px;
    color:#fff;
    font-weight:bold;
    margin-bottom:5px;
}
.dis_plate3_left p {
    font-size:16px;
    line-height:22px;
    color:#fff;
}
.dis_plate3_right video {
    height:350px !important;
}
.dis_plate4_pack,
.dis_plate4_pack .dis_plate1_pack,
.dis_plate5_pack .dis_plate1_pack,
.dis_plate5_pack {
    background: #fff;
}
.dis_plate5_pack {
    padding-top:0;
}
.dis_plate6_pakc .dis_plate1_pack h3,
.dis_plate6_pakc .dis_plate1_pack h5 {
    color: #fff;
}
.dis_plate6_pakc {
    background: #002d72;
}
    .dis_plate6_pakc .dis_plate1_pack {
        background:transparent;
    }
.dis_plate6_list{
    display:flex;
    flex-wrap:wrap;
    margin:40px -15px 0;
}
.dis_plate6_list li {
    width:20%;
    padding:0 15px;
    margin-bottom:30px;
}
.dis_plate6_img {
    height:145px;
}
.dis_plate6_img img {
    max-height: 100%;
    display: block;
}
.dis_plate6_cont {
    font-size:20px;
    color:#fff;
    margin-top:20px;
    font-weight:bold;
}
.govern_banner {
    background:rgb(0, 45, 114);
    padding-bottom:3%;
}

    .govern_banner .nei-banner-cont h3,
    .govern_banner .nei-banner-cont p {
        color: #fff;
    }
    .govern_banner .nei-banner-cont a {
        width:180px;
        font-weight:bold;
    }
.govern_plate2_list li  {
    background:#fff;
}
    .govern_plate2_list li:nth-child(2n) {
        background: #f4f5f7;
    }
        .govern_plate2_list li:nth-child(2n) a {
            flex-direction:row-reverse;
        }
            .govern_plate2_list li:nth-child(2n) a .govern_plate2_left {
                padding:5% 7%;
            }
            .govern_plate2_list li a {
                display: flex;
                align-items: center;
            }
.govern_plate2_left {
    width: 60%;
    padding: 5% 7%;
}
.govern_plate2_img {
    width:40%;
}
.govern_plate2_img img {
    width:100%;
    display:block;
}
.govern_plate2_left h3 {
    font-size: 38px;
    line-height: 45px;
    color: #091e42;
    font-weight:bold;
}
.govern_plate2_desc {
    font-size:16px;
    line-height:26px;
    color: #27375C;
}
.govern_plate2_left > span {
    display: block;
    margin-top: 20px;
    width: 155px;
    line-height: 36px;
    border: 1px solid #0052cc;
    color: #0052cc;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 30px;
}
    .govern_plate2_left > span:hover {
        background: #0052cc;
        color:#fff;
    }
.govern_plate3 .dis_plate1_pack {
    background: #002D72;
}
    .govern_plate3 .dis_plate1_pack h3,
    .govern_plate3 .dis_plate1_pack h5,
    .govern_plate3 .dis_plate1_pack p{
        color: #fff;
    }
    .govern_plate3 .dis_plate1_pack a {
        display: block;
        width: 180px;
        line-height: 36px;
        border: 1px solid #c0830b;
        color: #000;
        border-radius: 36px;
        text-align: center;
        background: #FF991F;
        font-weight:bold;
        font-size:14px;
        margin-top:20px;
    }
    .govern_plate3 .dis_plate1_pack a:hover {
        background:#fff;
    }
.govern_plate4_pack {
    background:#fff;
}
    .govern_plate4_pack .dis_plate1_pack {
        background:#fff;
    }
    .govern_plate4_list {
        display: flex;
        flex-wrap: wrap;
        margin: 40px -15px 0;
    }
.govern_plate4_list li {
    width:calc(100% / 6);
    padding:0 15px;
    margin-bottom:30px;
}
.govern_plate4_cont {
    font-size: 20px;
    line-height: 30px;
    color: #091e42;
    margin-top:20px;
    font-weight:bold;
}
.govern_plate5_pack {
    background: #002D72;
}
    .govern_plate5_pack .dis_plate1_pack {
        background:transparent;
    }
    .govern_plate5_pack .dis_plate1_pack h3 {
        color:#fff;
    }
.govern_plate5_list {
    display:flex;
    flex-wrap:wrap;
    margin:40px -15px 0;
}
.govern_plate5_list li {
    width:33.3333%;
    padding:0 15px;
    margin-bottom:30px;
}
    .govern_plate5_list li a {
        display:block;
    }
    .govern_plate5_list li h4 {
        font-size:28px;
        color:#fff;
        line-height:38px;
        font-weight:bold;
        margin-bottom:10px;
    }
    .govern_plate5_list li p {
        font-size:16px;
        line-height:26px;
        color:#fff;
        margin-bottom:10px;
    }
    .govern_plate5_list li span {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #B2D4FF;
        font-weight:bold;
    }
    .govern_plate5_list li span:hover {
        text-decoration:underline;
    }
.products_banner {
    background: rgb(9, 30, 66);
}
.products_banner_pack {
    display:flex;
    align-items:center;
}
.products_banner_left {
    width: calc(100% - 680px);
    padding: 70px 75px 70px 0px;
}
.products_banner_left h3 {
    font-size:38px;
    line-height:45px;
    color:#fff;
    margin-bottom:8px;
}
.products_banner_left p {
    font-size:24px;
    line-height:34px;
    color:#fff;
}
.products_banner_img {
    width:680px;
}
.products_cont {
    padding:50px 0;
    background:#fff;
}
.products_cont_list {
    display:flex;
    flex-wrap:wrap;
    margin:0 -12px;
}
.products_cont_list li {
    width:calc(100% / 6);
    padding:0 12px;
    margin-bottom:24px;
}
    .products_cont_list li a {
        display:block;
    }
.products_cont_img {
    border: 1px solid rgb(223, 225, 229);
    padding:12px;
    height:205px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.products_cont_img img {
    max-width:100%;
    max-height:100%;
    display:block;
}
.products_cont_cont {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 12px;
    text-align: center;
    color: rgb(0, 82, 204);
    text-decoration:underline;
}
.products_cont_list li a:hover .products_cont_img {
    border-color: rgb(0, 82, 204);
}
.prodetail_pack {
    background: #fff;
    padding: 80px 40px 0;
    min-height:400px;
}
.yih {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.header_san_nav>li:first-child {
    display:none;
}
.prodetail_pack {
    display:flex;
    align-items:flex-start;
}
.prodetail_pack_img {
    width:400px;
}
    .prodetail_pack_img img {
        width:100%;
        display:block;
    }
.childern_swiper {
    overflow:hidden;
}
    .childern_swiper .swiper-slide.active {
        border:1px solid #27375c;
    }
.NewsDetail001-title {
    width:calc(100% - 400px);
    padding-left:50px;
    text-align:left;
}
    .NewsDetail001-title h3 {
        font-size: 28px;
        line-height: 38px;
        color: #091E42;
        margin-bottom:8px;
    }
    .NewsDetail001-title p {
        font-size: 14px;
        line-height: 20px;
        color: rgb(9, 30, 66);
    }
.NewsDetail001-item {
    background:#fff;
    padding:40px 15px;
}

@media(max-width:1500px) {
    .nei-banner-img, .products_banner_img {
        width: 500px;
    }
    .nei-banner-cont,
    .products_banner_left {
        width: calc(100% - 500px);
    }
        .nei-banner-cont h3,
        .national_banner_cont h3,
        .national_plate3_title h3,
        .national_plate7_left h3,
        .about_plate1_pack h3 {
            font-size: 36px;
            line-height: 46px;
        }
        .nei-banner-cont p,
        .case_plate2_cont h4, .case_plate4_cont h4,
        .national_plate2_cont h4,
        .national_plate4_cont h4,
        .national_plate5_text h4,
        .solution_plate1_desc,
        .f28,
        .national_plate6_list h3,
        .about_plate1_cont h4,
        .about_plate3_list li h4,
        .govern_plate5_list li h4 {
            font-size: 22px;
            line-height: 32px;
        }
        .case_plate1_cont h4,
        .national_plate6_title h3,
        .about_plate2_pack h3,
        .dis_plate1_pack h3,
        .dis_plate3_left h3,
        .govern_plate2_left h3,
        .products_banner_left h3 {
            font-size: 30px;
            line-height: 40px;
        }
        .national_banner_cont p,
        .products_banner_left p {
            font-size: 20px;
            line-height: 30px;
        }
    .dis_plate6_cont {
        font-size:16px;
        line-height:26px;
    }
    .products_banner_img img {
        height:300px;
        object-fit:cover;
    }
    .products_cont_list li {
        width:20%;
    }
}
@media(max-width:1000px) {
    .container,
    .national_plate7_left {
        width: 100%;
        padding: 0;
    }
    .header_pack {
        padding:0 10px;
    }
    .header_san_nav {
        left:0;
    }
    .header_san_nav li:first-child {
        display:block;
        font-size:30px;
        transform:rotate(45deg);
        color:#000;
        line-height:40px;
        position:absolute;
        right:20px;
        top:20px;
    }
    .nei-banner-pack {
        padding:20px 10px;
        display:block;
    }
    .nei-banner-cont, .products_banner_left,
    .nei-banner-img, .products_banner_img {
        width: 100%;
    }
    .nei-banner-img, .products_banner_img {
        margin-top:20px;
    }
    .nei-banner-cont h3, .national_banner_cont h3, .national_plate3_title h3, .national_plate7_left h3, .about_plate1_pack h3 {
        font-size:25px;
        line-height:35px;
    }
    .nei-banner-cont {
        padding:0;
    }
        .nei-banner-cont p, .case_plate2_cont h4, .case_plate4_cont h4, .national_plate2_cont h4, .national_plate4_cont h4, .national_plate5_text h4, .solution_plate1_desc, .f28, .national_plate6_list h3, .about_plate1_cont h4, .about_plate3_list li h4, .govern_plate5_list li h4 {
            font-size:16px;
            line-height:26px;
        }
        .nei-banner-cont p {
            margin-top:10px;
        }
    .case_plate1_pack,
    .case_plate2_pack,
    .case_plate4_pack,
    .case_plate5_pack,
    .case_plate6_pack,
    .national_plate1_pack,
    .national_plate2_pack,
    .national_plate3_pack,
    .national_plate4_pack,
    .national_plate5_pack,
    .p7,
    .solution_plate1_desc,
    .solution_plate3_pack,
    .national_plate7_pack,
    .dis_plate3_pack,
    .govern_plate2_left {
        padding: 7% 3%;
        display: block;
    }
    .case_plate1_cont {
        padding:0;
        width:100%;
    }
        .case_plate1_cont h4, .NewsDetail001-title h3, .national_plate6_title h3, .about_plate2_pack h3, .dis_plate1_pack h3, .dis_plate3_left h3, .govern_plate2_left h3, .products_banner_left h3 {
            font-size: 20px;
            line-height: 30px;
        }
    .case_plate1_video,
    .solution_plate3_img,
    .national_plate7_img {
        width: 100%;
        margin-top: 20px;
    }
    .public_video_cont {
        width:95%;
    }
        .public_video_cont video {
            height:250px !important;
            object-fit:cover;
        }
    .case_plate2_list, .case_plate3_list,
    .case_plate4_list,
    .national_plate2_list,
    .national_plate4_list,
    .solution_plate2_list,
    .flex-margin20-w33,
    .about_plate2_list,
    .about_plate3_list {
        margin: 20px 0 0;
    }
        .case_plate2_list li, .case_plate3_list li,
        .case_plate4_list li,
        .national_plate2_list li,
        .national_plate4_list li,
        .solution_plate2_list li,
        .flex-margin20-w33 li,
        .national_plate6_list li,
        .about_plate1_list li,
        .about_plate3_list li{
            width: 100%;
            padding: 0;
            margin-bottom: 15px;
        }
    .case_plate5_form {
        width:100%;
        margin-top:20px;
    }
    .case_plate6_list li {
        width:50%;
    }
    .national_banner_cont {
        position:static;
        width:100%;
        height:250px;
    }
        .national_banner_cont p, .products_banner_left p,
        .national_plate3_title p,
        .national_plate3_text h4 {
            font-size: 16px;
            line-height: 26px;
        }
    .national_plate3_cont {
        width:200px;
        flex:0 0 200px;
    }
    .national_plate3_list {
        overflow:auto;
    }
    .national_plate3_c {
        padding:10px;
    }
    .national_plate3_text p {
        font-size:14px;
    }
    .national_plate5_list li,
    .solution_plate1_list li,
    .dis_plate6_list li,
    .govern_plate4_list li,
    .govern_plate5_list li,
    .products_cont_list li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .national_plate5_list,
    .solution_plate1_list,
    .dis_plate6_list,
    .govern_plate4_list,
    .govern_plate5_list,
    .products_cont_list {
        margin: 20px -5px 0;
    }
    .solution_plate5_pack .solution_plate3_title {
        padding:0;
    }
    .about_plate1_list {
        display:block;
        margin-top:20px;
    }
    .dis_plate3_pack > div {
        width:100%;
        padding:0;
    }
    .dis_plate3_right video {
        height:auto !important;
        margin-top:20px;
    }
    .govern_plate2_list li a {
        display:block;
    }
    .govern_plate2_left,
    .govern_plate2_img,
    .prodetail_pack_img {
        width: 100%;
    }
    .govern_plate2_list li:nth-child(2n) a .govern_plate2_left {
        padding:7% 3%;
    }
    .products_banner_pack {
        display:block;
    }
    .products_banner_left {
        padding:7% 3%;
    }
    .products_cont,
    .prodetail_pack {
        padding: 30px 10px;
    }
    .NewsDetail001-title {
        width:100%;
        margin-top:20px;
        padding:0;
    }
.detail_banner_pack .nei-banner-cont {width:100%;}
.detail_banner_pack .nei-banner-img{width:100%;padding:0;}
}