.hd { height: 5.1rem; position: relative; z-index: 19; background: #fff; line-height: 0; }
                .hd img { max-width: 100%; }
                .logo { width: 10.85rem; padding: .8rem 0 0 4.53%; }
                .text { width: 30.3125%; display: flex; justify-content: space-between; align-items: center; height: 4.8rem; padding-top: .3rem; }
                .text a { display: block; color: #050505; font-size: 1.1rem; line-height: 4.8rem; position: relative; }
                .text span.cur a { color: #0D2D83; font-weight:bold;}
                .navbtn { width: 1.4rem; display: block; padding: 2.25rem 4.69% 1.6rem 2.25rem; }
                .menu2 { position: relative; z-index: 9; }
                .menu2 .slideMenu { width: 100%; display: none; z-index: 80; background: rgba(0, 102, 187, .95); overflow: hidden; position: absolute; top: 5.1rem; right: 0; transition: transform 1s; -webkit-transition: transform 1s; padding-bottom: 2rem; }
                .menu2 .slideMenu li { border-bottom: 1px solid rgba(255, 255, 255, .3); color: #fff; line-height: 3.9rem; font-size: 1.1rem; clear: both; }
                .menu2 .slideMenu li a { color: #fff; display: block; line-height: 3.9rem; text-align: center; }
                .menu2 .slideMenu ul { overflow: hidden; margin-bottom: 2.25rem; padding: 2rem 4rem; }
                .menu2 .h_contact .call { display: block; color: #0D2D83; font-size: 1.2rem; line-height: 3.5rem; text-align: center; font-weight: bold; background: #fff; width: 12.15rem; height: 3.5rem; margin: 1rem auto 4.5rem; border-radius: .3rem; letter-spacing: .1rem; }
            

    .nav-01 {
        position: relative;
        min-height: 4.4rem;
        background: #0d2d82;
        /*background-color: #ededed;*/
    }
    
    .nav-back {
        position: absolute;
        width: 2rem;
        height: 2rem;
        left: 3%;
        top: 50%;
        margin-top: -1rem;
    }
    
    .nav-back a {
        display: block;
        height: 2rem;
        position: relative;
    }
    
    .nav-back a img {
        width: 1rem;
        height: 2rem;
        display: block;filter: brightness(100);
        -webkit-filter: brightness(100);
    }
    
    .nav-nav {
        position: absolute;
        width: 2.2rem;
        height: 1.5rem;
        right: 3%;
        top: 50%;
        margin-top: -0.75rem;
        cursor: pointer;
    }
    
    .nav-nav a,
    .nav-nav img {
        width: 2.2rem;
        height: 1.5rem;
        display: block;
        
    }
    
    .nav-01-title {
        width: 75%;
        margin: 0 auto;
        height: 4.4rem;
        font-size: 1.5rem;
        text-align: center;
        color: #1a1a1a;
        color: #fff;
        line-height: 4.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }


    .mc1-left-nav {
        position: relative;
    }
    
    .mc1-left-nav-ss {
        position: absolute;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        width: 12%;
        right: 0;
        top: 0;
        z-index: 5;
        background-color: #fff;
        cursor: pointer;
        border-left: 1px solid #f2f2f2;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .mc1-left-nav-ss:after{content: "";
    width: 1rem;
    height: 1rem;
    border: 3px solid #0d2d82;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.45rem;
    margin-left: -0.85rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
    
    #topNav {
        padding: 1rem 12% 0 0;
        border-bottom: 1px solid #ebebeb;
        width: 88%;
        height: 3rem;
        overflow: hidden;
        position: relative;
    }
    
    #topNav .swiper-slide {
        width: auto;
        text-align: center;
        padding: 0 2%;
    }
    
    #topNav .swiper-slide span {
        transition: all .3s ease;
        color: #1a1a1a;
        font-size: 1.3rem;
        display: block;
        height: 2.5rem;
        line-height: 2.5rem;
        padding-bottom: 0.5rem;
        position: relative;
    }
    
    #topNav .active span {
        font-weight: bold;
    }
    
    #topNav .active span:after {
        content: "";
        position: absolute;
        width: 2.1rem;
        height: 0.3rem;
        border-radius: 0.25rem;
        background-color: #0d2d82;
        bottom: 0;
        left: 50%;
        margin-left: -1.05rem;
    }
    
    #topNav .swiper-next {
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 0;
    }


        .m5-prod-list-content-2 {
            margin-bottom: 1.2rem;
        }
        .m-describe{margin:1.2rem;
            box-sizing:border-box;}
        .m5-prod-list-content-2-con {
            overflow: hidden;
            padding:1.2rem 0 0;
        } 
.m5-prod-list-content-2-con a {
            display: block;
        } 
.m5-prod-list-content-2-con dl {
            border-bottom: 1px solid #f1f1f1;
            padding:0 1.2rem 1.2rem;
            position: relative;
            overflow: hidden;
            margin-bottom:1.2rem;
        } 
.m5-prod-list-content-2-con a:nth-last-child(1) dl {
            border-bottom: 0;
        } 
.m5-prod-list-content-2-con dt {
            width: 30%;
            float: left;
            margin-right: 3%;
            display: block;
            padding-bottom:1rem;
        } 
.m5-prod-list-content-2-con dt img {
            display: block;
            width: 100%;
            border: 1px solid #e2e2e2;
            box-sizing:border-box;
        } 
.m5-prod-list-content-2-con dd {
            overflow: hidden;
        } 
.m5-prod-list-content-2-con h3 {
            line-height: 2rem;
            padding-right: 1rem;
            font-size: 1.4rem;
            color: #333;
            max-width: 90%;
            overflow: hidden;
        } 
.m5-prod-list-content-2-con p {
            font-size: 1.4rem;
            max-height: 4.5rem;
            line-height:2.4rem;
            margin: 0.5rem 0;
            margin-right: 3%;
            color: #999;
            overflow: hidden;
        } 
.m5-prod-list-content-2-con .s-babg p span {
            width: auto;
            height: auto;
            background: none;
            position: relative;
            right: inherit;
            top: inherit;
            display: inline;
        } 
.m5-prod-list-content-2-con .s-babg p span:before {
            display: none;
        }
        /*产品标题颜色*/ 
.m5-prod-list-content-2-con dl span {
            display: block;
            width: 0.9rem;
            height: 1.6rem;
            position: absolute;
            top: 50%;
            margin-top: -0.4rem;
            right: 3%;
        }
        /*切换下面列表箭头样式*/ 
.m5-prod-list-content-2-con dl span:before {
            content: "";
            /*配合:before这个属性，写 before的时候一定要加上去*/
            position: absolute;
            background: #aaaaaa;
            width: 1.1rem;
            height: 1.1rem;
            right: 0;
            top: 0;
            z-indx: 10;
            -moz-transform: rotate(45deg);
            /*角度45度，针对火狐浏览器写的兼容*/
            -o-transform: rotate(45deg);
            /*角度45度，针对欧朋浏览器写的兼容*/
            -webkit-transform: rotate(45deg);
            /*针对苹果浏览器写的兼容*/
            transform: rotate(45deg);
        }
        /*切换下面列表箭头css3样式*/ 
.m5-prod-list-content-2-con dl span:after {
            content: "";
            position: absolute;
            background: #fff;
            width: 1.1rem;
            height: 1.1rem;
            right: 0.4rem;
            top: 0;
            z-indx: 11;
            -moz-transform: rotate(45deg);
            /*角度45度，针对火狐浏览器写的兼容*/
            -o-transform: rotate(45deg);
            /*针对欧朋浏览器写的兼容*/
            -webkit-transform: rotate(45deg);
            /*针对苹果浏览器写的兼容*/
            transform: rotate(45deg);
        }
    

                    .g-ft { width: 100%; background: #EDEBE9 url('images/foot_bg.jpg') repeat-y center top; -webkit-background-size: 100% auto; background-size: 100% auto; text-align: center; height: 16.6rem; margin-top: 4.2rem; border-top: .45rem solid #E0E0E0; }
                    .go_top { position: relative; height: 1.7rem; }
                    .g_top { display: block; width: 3.65rem; height: 3.65rem; position: relative; text-align: center; position: absolute; top: -1.95rem; left: 50%; margin-left: -1.85rem; }
                    .g_top img { width: 3.65rem; height: 3.65rem; margin: 0 auto; display: block; }
                    .f_company { margin-top: 1.4rem; }
                    .f_company p { font-size: 1rem; line-height: 1; color: #5F5F5F; margin-bottom: 1.05rem; }
                    .f_company span { display: inline-block; margin: 0 1rem; }
                    .f_company a { color: #5F5F5F; }
                    .f_company p:first-child { color:#393939; font-size:1.2rem; font-weight:bold;}
                    .f_company p:first-child a { color: #0066BB; display: inline-block;font-size:1.3rem; }
                    .f_company p:first-child a:first-child { margin-right: .5rem; }
                    .f_nav { height: 3.5rem; min-width: 320px; max-width: 640px; width: 100%; position: fixed; bottom: 0; z-index: 100; background: #222; display: flex; justify-content: space-between; }
                    .f_nav li { width: 25%; box-sizing: border-box; border-right: 1px solid #343434; }
                    .f_nav li a { height: 3.5rem; font-size: 1.2rem; color: #fff; line-height: 100%; display: block; text-align: center; }
                    .f_nav li img {display:block; width: 1.2rem; max-width: 100%; margin: .35rem auto .55rem; }
                    .f_nav li:last-child { border-right: none; }
                    .f_nav li.cur { background: #0066BB; border-color: #0066BB; }
                    .stick { position: fixed; left: 0; bottom: 0; }
                    .zli{}
                    .zli img{width:20%; display:inline-block;}