
        .head2 {z-index: 22;height:4rem;background: #fff; width:100%;max-width:640px;min-width:320px;margin:0 auto;  }
        .head2 .logo{position: absolute;left:0;top:0;width:21.7%; z-index: 36 }
        .head2 .logo img{display:block; width:100%;}
        .head2 h3{margin-left: 23%;float: left;padding-top: 0.5rem;font-size: 0.8rem;color: #333;font-weight: bold; line-height:1.5rem;}
        .head2 h3 em{display: block;font-size: 0.8rem;font-weight: normal;color: #333}
        .head2 .menu_btn{width:10%; float:right; overflow:hidden; z-index:150;position: relative; }
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:0.8rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
         .menu2{position:relative;z-index:12;}
        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top:4rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s; }
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .menu2 ul {background:rgba(12,38,75,.94);padding:2rem 12.5% 5rem;}
        .menu2 ul li {color: #fff; font-size:1.2rem; line-height: 3rem;height: 3rem; border: 1px solid #fff;margin-bottom: 0.8rem; text-align: center;}
        .menu2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
        .menu2 ul li:last-child:before{ background:none; border:0;}
        .menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}





       

    .ad-01 {
        position: relative;
        min-height: 4.4rem;
        /*background: #0c264b;*/
        background-color: #ededed;
    }
    
    .ad-back {
        position: absolute;
        width: 2rem;
        height: 2rem;
        left: 3%;
        top: 50%;
        margin-top: -1rem;
    }
    
    .ad-back a {
        display: block;
        height: 2rem;
        position: relative;
    }
    
    .ad-back a img {
        width: 1rem;
        height: 2rem;
        display: block;
    }
    
    .ad-nav {
        position: absolute;
        width: 2.2rem;
        height: 1.5rem;
        right: 3%;
        top: 50%;
        margin-top: -0.75rem;
        cursor: pointer;
    }
    
    .ad-nav a,
    .ad-nav img {
        width: 2.2rem;
        height: 1.5rem;
        display: block;
    }
    
    .ad-01-title {
        width: 75%;
        margin: 0 auto;
        height: 4.4rem;
        font-size: 1.5rem;
        text-align: center;
        color: #1a1a1a;
        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 #0c264b;
    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: 35%;
        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: #0c264b;
        bottom: 0;
        left: 50%;
        margin-left: -1.05rem;
    }
    
    #topNav .swiper-next {
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 0;
    }


        .cm1-size750-pro-list {
            padding: 1.5rem 3% 0;
        }
        
        .cm1-size750-pro-list ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-flex;
            -ms-flex-pack: distribute;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        .cm1-size750-pro-list ul li {
            width: 48.5%;
            margin-bottom: 1.5rem;
        }
        
        .cm1-size750-pro-list ul li:nth-child(2n) {
            margin-left: 3%;
        }
        
        .cm1-size750-pro-list ul li span {
            display: block;
            border-radius: 0.25rem;
            overflow: hidden;
        }
        
        .cm1-size750-pro-list ul li span img {
            display: block;
            width: 100%;
        }
        
        .cm1-size750-pro-list ul li h4 {
            max-height: 4rem;
            line-height: 2rem;
            font-size: 1.3rem;
            font-weight: normal;
            color: #4c4c4c;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
             padding-top: 0.6rem;
        }
    

         .g-ft{height:28rem;position: relative; background:url(images/ftbg.jpg) no-repeat;background-size: 100%;}
         .g-ft .top{position: absolute;left:50%;width: 4.2rem;margin-left: -2.1rem;top:-2.1rem;}
         .g-ft .top img{width: 100%;display: block;}
         .g-ft .ftel{padding-top: 3.3rem;text-align: center;font-size: 1.6rem;color: #fff;margin-bottom: 0.7rem;}
         .g-ft .ftel a{color: #fff;}
         .g-ft .ftel i{width:2rem;height: 2rem;position: relative;top:0.66rem; display: inline-block; padding-right: 0.3rem; }
         .g-ft .ftel i img{width: 100%;display: block;}
         .bah{font-size: 1rem;line-height: 1.6rem;color: #fff;text-align: center;}
         .bah a{color: #fff;}
         .code{width: 6rem;height: 6rem;border: 0.7rem solid #fff;border-radius: 0.3rem;margin: 1.6rem auto 0;}
         .code img{width: 100%;display: block;}
         .code em{display:block;width:100%;height:3rem;line-height:3rem;text-align:center;font-size:0.8rem;color:#fff;}
         
 
         .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:640px;min-width:320px; height: 3.5rem;line-height: 3.5rem;background: #03060c;}
         .g_fnva ul{margin-left:3%;}
         .m-f01 li{float: left;width:30%;position: relative;padding-left: 5%;-webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;}
         .m-f01 li:nth-child(1){width:40%;}
         .m-f01 li:before{content: "";position: absolute;background:url(images/kefline.jpg) no-repeat;background-size: 100%;width: 0.3rem;height: 1.2rem;left:3%;top:1.3rem;}
         .m-f01 a{ color:#fff;display:block;font-size: 1.1rem;position: relative;}
 
 
 
 
      
