.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-pro-1-pic {
        position: relative;
        overflow: hidden;
        margin-bottom: 1.5rem;
    }
    
    .p101-pro-1-pic a {
        position: absolute;
        width: 2.8rem;
        height: 2.8rem;
        background: rgba(0, 0, 0, 0.34);
        border-radius: 100%;
        top: 2rem;
        left: 4%;
        z-index: 50;
    }
    
    .p101-pro-1-pic a:after {
        content: "";
        width: 1rem;
        height: 1rem;
        border: 0.15rem solid #fff;
        border-style: solid none none solid;
        border-radius: 0.1rem;
        position: absolute;
        top: 50%;
        right: 0.6rem;
        margin-top: -0.5rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .p101-pro-1-pic li {
        position: relative;
    }
    
    .p101-pro-1-pic li img {
        width: 100%;
        display: block;
    }
    
    .p101-pro-1-pic .p101-pro-1-page {
        font-size: 1.1rem;
        width: 9.5%;
        height: 1.4rem;
        font-family: 'Arial';
        border-radius: 1.5rem;
        background: rgba(0, 0, 0, 0.47);
        font-weight: normal;
        line-height: 1.4rem;
        color: #fff;
        position: absolute;
        left: 86.5%;
        bottom: 1.4rem;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
    }
    
    .p101-pro-1-pic .p101-pro-1-page i {
        font-family: "SimHei";
    }
    
    .p101-pro-1-con {
        position: absolute;
        width: 100%;
        height: 4.25rem;
        background: #fa756e;
        z-index: 1;
        left: 0;
        bottom: 0;
    }
    
    .p101-pro-1-con i {
        position: absolute;
        width: 12.35rem;
        height: 6.2rem;
        font: bold italic 2.4rem/6.2rem Arial;
        color: #fff;
        background-size: 100% 100%;
        left: 0;
        bottom: 0;
        z-index: 1;
        padding-left: 1.5rem;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .p101-pro-1-con h4 {
        position: absolute;
        /*max-width: 50%;*/
        max-width: 70%;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.2rem;
        color: #ffffff;
        padding: 0 1.2rem;
        border: 1px solid #fff;
        background: rgba(255,255,255,0.25);
        border-radius: 1rem;
        /*right: 17.46%;*/
        left: 4%;
        top: 1.075rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        z-index: 3;
    }
    
    .p101-pro-1-con-desc {
        background: #fff;
        border-radius: 1rem;
        width: 85%;
        margin: 0 auto 1.5rem;
        padding: 1.75rem 3.5% 1.5rem;
    }
    
    .p101-pro-1-con-desc h4 {
        line-height: 2.3rem;
        font-size: 1.5rem;
        font-weight: bold;
        color: #191919;
        text-align: justify;
        margin-bottom: 1.25rem;
    }
    
    .p101-pro-1-con-desc p {
        line-height: 2.5rem;
        font-size: 1.3rem;
        color: #333333;
    }
    
    .p101-pro-1-con-desc p span {
        display: inline-block;
        width: 5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1.3rem;
        color: #333333;
        padding-left: 2.2rem;
        margin-right: 2.5rem;
       
    }


    .p101-pro-1-content {
        padding: 2rem 3.5%;
        background: #fff;
        border-radius: 1rem;
        width: 85%;
        margin: 0 auto 1.5rem;
        font-size: 1.5rem;
        line-height: 2.7rem;
        color: #444;
        text-align: justify;
    }


    .p101-related-pro {
        padding: 1.7rem 3.5% 2rem;
        background: #fff;
        border-radius: 1rem;
        width: 85%;
        margin: 0 auto;
    }
    
    .p101-related-pro-tit {
        height: 3.5rem;
        border-bottom: 1px solid #ededed;
        margin-bottom: 1.5rem;
        position: relative;
    }
    
    .p101-related-pro-tit h3 {
        display: inline-block;
        max-width: 60%;
        height: 3.5rem;
        line-height: 3.5rem;
        font-weight: normal;
        font-size: 1.8rem;
        color: #333333;
        position: relative;
    }
    
    .p101-related-pro-tit h3:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0.15rem;
        background: #fa756e;
        left: 0;
        bottom: -0.1rem;
        z-index: 1;
    }
    
    .p101-related-pro-more {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 2.8rem;
    }
    
    .p101-related-pro-more span,
    .p101-related-pro-more a {
        display: block;
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 1.3rem;
        color: #333333;
    }
    
    .p101-related-pro-more span {
        padding-right: 1.7rem;
    }
    
    .p101-related-pro-more i {
        position: absolute;
        width: 1.1rem;
        height: 1.1rem;
        border: 0.1rem solid #fa756e;
        border-radius: 100%;
        top: 0.7rem;
        right: 0.25rem;
    }
    
    .p101-related-pro-more i:after {
        content: "";
        width: 0.35rem;
        height: 0.35rem;
        border: 0.1rem solid #fa756e;
        border-style: solid solid none none;
        position: absolute;
        top: 50%;
        right: 0.37rem;
        margin-top: -0.2rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .p101-related-pro-list {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-flow: wrap;
    }
    
    .p101-related-pro-list a {
        width: 48.26%;
    }
    
    .p101-related-pro-list dt {
        border-radius: 0.5rem;
        overflow: hidden;
    }
    
    .p101-related-pro-list dt img {
        width: 100%;
        display: block;
    }
    
    .p101-related-pro-list dd h4 {
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.3rem;
        font-weight: normal;
        color: #333333;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


                .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;}