.head {
            height: 9.6rem;
        }
        
        .g-hd {
            min-width: 320px;
            max-width: 750px;
            width: 100%;
        }
        
        .g-hd {
            height: 9.6rem;
        }
        
        .g-hd .hea_top {
            height: 6.45rem;
            padding-top: 1.2rem;
            box-sizing: border-box;
        }
        
        .g-hd .hea_top .t_logo {
            float: left;
            width: 15.3%;
            height: 3.75rem;
            padding: 0 0 0 10.4%;
            margin: 0.2rem 0.85rem 0 0;
        }
        
        .g-hd .hea_top .t_logo a img {
            width: 100%;
            height: 100%;
        }
        
        .g-hd .hea_top h2 {
            display: block;
            float: left;
            position: relative;
            padding-left: 1.65rem;
            box-sizing: border-box;
            background: url(images/hea-xt.png) no-repeat left 0.2rem;
            background-size: 1.6%;
        }
        
        .g-hd .hea_top h2 em {
            display: block;
            font-size: 1.8rem;
            height: 2.25rem;
            line-height: 2.25rem;
            color: #333333;
            font-weight: bold;
            letter-spacing: 2px;
        }
        
        .g-hd .hea_top h2 p {
            font-size: 1.4rem;
            height: 1.85rem;
            line-height: 1.85rem;
            color: #666666;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: 3px;
        }
        
        .head .hea_bot {
            height: 3.15rem;
            background: #0B84DD;
        }
        
        .head .hea_bot .hea_nav {
            width: 87.7%;
            float: left;
            height: 3.15rem;
            line-height: 3.15rem;
            text-align: center;
        }
        
        .head .hea_bot .hea_nav span {
            display: block;
            width: 33.3%;
            float: left;
        }
        
        .head .hea_bot .hea_nav span a {
            display: block;
            font-size: 1.3rem;
            color: #FFFFFF;
            position: relative;
            border-right: 1px solid #81c7fa;
            border-left: 1px solid #195683;
            box-sizing: border-box;
            font-weight: bold;
        }
        
        .head .hea_bot .hea_nav span:last-child a {
            border-right: 0;
        }
        
        .g-hd .m-nav2 {
            width: 12.2%;
            height: 3.15rem;
            float: right;
            display: inline;
        }
        
        .g-hd .m-nav2 i {
            display: block;
            width: 100%;
            height: 100%;
            background: url(images/hea-ico.jpg) no-repeat center;
            background-size: 100%;
        }
        
        .menu2 {
            position: relative;
            z-index: 100;
        }
        
        .menu2 .erji {
            width: 100%;
            display: none;
            overflow: hidden;
            position: absolute;
            background: #EEEEEE;
            background-size: 100% 100%;
            height: 52.35rem;
            max-width: 750px;
            top: 3.15rem;
            right: 0;
            transition: transform 3s;
            -webkit-transition: transform 3s;
            padding: 5.3% 4% 0;
            box-sizing: border-box;
        }
        
        .menu2 .erji ul li {
            float: left;
            width: 30.4%;
            height: 10.5rem;
            border-radius: 2rem;
            box-shadow: 6px 8px 20px 0px rgba(0, 0, 0, 0.1);
            margin-bottom: 1.5rem;
            margin-right: 4%;
            padding-top: 2.4rem;
            box-sizing: border-box;
            background: #FFF;
        }
        
        .menu2 .erji ul li:nth-child(3n) {
            margin-right: 0;
        }
        
        .menu2 .erji ul li i {
            display: block;
            width: 3.25rem;
            height: 3.15rem;
            margin: 0 auto 1.1rem;
        }
        
        .menu2 .erji ul li i img {
            width: 100%;
        }
        
        .menu2 .erji ul li em {
            display: block;
            font-size: 1.2rem;
            color: #333333;
            text-align: center;
        }
        
        .menu2 .erji strong {
            display: block;
            width: 43.75%;
            height: 3.5rem;
            line-height: 3.5rem;
            background: #2197EE;
            border-radius: 35px;
            margin: 0.75rem auto 0;
        }
        
        .menu2 .erji strong a {
            display: block;
            padding-left: 6rem;
            font-size: 1.2rem;
            color: #FFF;
            background: url(images/tel.png) no-repeat 27%;
            background-size: 14%;
            font-weight: normal;
        }
    

    .p101-fdh-3 {
        position: relative;
        background: #ffffff;
        padding: 0 4%;
    }
    
    #topNav {
        min-height: 2.8rem;
        overflow: hidden;
        position: relative;
        padding: 1.3rem 0 0.75rem;
    }
    
    #topNav .swiper-slide {
        width: 22%;
        text-align: center;
    }
    
    #topNav .swiper-slide img {
        display: block;
        width: 2.4rem;
        height: 2.1rem;
        margin: 0 auto;
    }
    
    #topNav .swiper-slide span {
        transition: all .3s ease;
        color: #000000;
        font-size: 1.3rem;
        display: block;
        height: 2.8rem;
        line-height: 2.8rem;
        position: relative;
        letter-spacing: 0.1rem;
    }
    
    #topNav .active span {
        color: #fa756e;
    }
    
    #topNav .active span:after {
        content: "";
        position: absolute;
        width: 60%;
        height: 0.2rem;
        border-radius: 0.25rem;
        background-color: #fa756e;
        bottom: -0.75rem;
        left: 20%;
        z-index: 1;
    }
    
    .p101-fdh-3-list {
        padding: 0 4%;
    }
    
    .p101-fdh-3-list dt {
        height: 4rem;
        line-height: 4rem;
        border-bottom: 0.1rem dashed #dfdfdf;
    }
    
    .p101-fdh-3-list dt:last-child {
        border-bottom: 0;
    }
    
    .p101-fdh-3-list dt a {
        float: left;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.2rem;
        color: #6a6a6a;
        width: 33%;
        margin-right: 0.5%;
        padding-left: 3%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
    }
    
    .p101-fdh-3-list dt a:last-child {
        margin-right: 0;
    }
    
    .p101-fdh-3-list dt a:before {
        content: '';
        position: absolute;
        width: 0.05rem;
        height: 0.25rem;
        background: #6a6a6a;
        left: 0;
        top: 50%;
        margin-top: -0.125rem;
    }
    
    .p101-fdh-3-list dt a:after {
        content: '';
        position: absolute;
        border-top: 0.125rem solid transparent;
        border-bottom: 0.125rem solid transparent;
        border-left: 0.15rem solid #6a6a6a;
        left: 0.1rem;
        top: 50%;
        margin-top: -0.125rem;
    }


    .p101-pro-1 {
        padding: 1.5rem 4%;
    }
    /*默认4:3的比例*/
    
    .p101-pro-4-3-list {
        background: #fff;
        padding: 0 2.9%;
        border-radius: 1rem;
    }
    
    .p101-pro-4-3-list dl {
        padding: 1.5rem 0;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-flow: wrap;
    }
    .p101-pro-4-3-list a:last-child dl{border-bottom: 0;}
    .p101-pro-4-3-list dt {
        width: 37.23%;
        overflow: hidden;
        border-radius: 1rem;
    }
    
    .p101-pro-4-3-list dt img {
        display: block;
        width: 100%;
    }
    
    .p101-pro-4-3-list dd {
        width: 58.5%;
        position: relative;
    }
    
    .p101-pro-4-3-list dd h4 {
        height: 2.7rem;
        line-height: 2.7rem;
        font-size: 1.5rem;
        color: #333333;
        margin: 0.25rem 0;
        white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }
    
    .p101-pro-4-3-list .p101-pro-1-desc {
        line-height: 1.8rem;
        font-size: 1.2rem;
        color: #666666;
        text-align: justify;
    }
    
    .p101-pro-4-3-list .p101-pro-1-more {
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 1.4rem;
        font-size: 1.1rem;
        color: #fa756e;
    }


                .g-ft{height:11.2rem;}
                .g-f{height:7.8rem;background:#F2F2F2;position: relative;padding-top:2.2rem; box-sizing:border-box;}
                .g-f .xf{width:2.95rem; height:2.95rem; position:absolute; left:45%;top:-1.5rem;}
                .g-f .xf img{width:100%;}
                .g-f span{display:block; height:2.2rem;text-align: center;}
                .g-f span a{display:inline-block; height:2.2rem; line-height: 2.2rem; font-size: 1.3rem; color:#333333;}
                .g-f span i{display:inline-block;font-size: 1.3rem; color:#333333;margin:0 1rem;}
                .g-f p{height:2.0rem;line-height: 2.0rem;text-align: center;font-size: 1.1rem;color:#6E6C6C;}

                .g-ft .dbdh{min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 50;}
                .g-ft .dbdh li{float:left; width:25%; height:3.4rem;background:#565656;box-sizing: border-box;}
                .g-ft .dbdh li:first-child{background:#2197EE;}
                .g-ft .dbdh li em{display:block; width:1.7rem;height:3.4rem;float:left; margin-left: 1.45rem;}
                .g-ft .dbdh li em img{width:100%;height:100%;}
                .g-ft .dbdh li i{display:block; float:left; height:3.4rem; line-height: 3.4rem;font-size: 1.2rem;color:#FFF;}
                .g-ft .dbdh li:last-child em{margin-left: 1rem;}
                iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;}