*{
    margin: 0px;
    padding: 0px;
}
html {
    background: #ededed;
    font-family:'微软雅黑';
    
}
a:link { text-decoration: none;color: #0A9EB0;}
　　 a:active { text-decoration:none;color: #0A9EB0;}
　　 a:hover { text-decoration:none;color: #0A9EB0;}
　　 a:visited { text-decoration: none;color: #0A9EB0;}　 
ul,li{list-style:none;}
.heading,
.container,
.footing{
    margin:10px auto;
    align-self: center;
    width:800px;
}

.hleft {
    background: url(../imgs/banner.png) no-repeat #ededed;
    background-size:125px 125px;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
    width:125px;
}
.container2{
    padding: 5px;
    margin-left:auto;
    margin-right:auto;
    height: auto;
    width:60%;
    font-size:18px; 
    color:#000000;
}
.left p {padding: 10px;};
.hright ul {height: 100%; margin-left: 35px;  }
.hright ul li{ float :left; padding: 5px; }

.footing{
    height: 50px;
    font-size:18px; 
    color:#000000;
    text-align: center;
}
.txt {margin-top:10px;margin-left: 0px;height:300px;}
.txt ul {   font-weight:400;}
.txt ul li{ float :left; padding: 10px; }


.btn ul {margin:10px auto;color:#ffffff; font-size:24px;  font-weight:260;}
.btn ul li{ position: absolute; padding: 2px; background-color: #0A9EB0;width:150px;text-align: center;}
.btn ul li.p1{ margin-left: 10px;}
.btn ul li.p2{ margin-left: 170px;}
.btn ul li.p3{ margin-left: 330px;}
.main img{position: absolute; margin-left:100px;height:400px;width:180px;}
@media screen and (min-width: 992px) {
    body {font-size: calc(100vw/19.58);}
    .heading,
    .container,
    .footing{
        width: 800px;
    }
    .heading{
        margin-top:30px;
        height: 100px;
        
    }
    .hleft2 {
        float: left;
        margin-left:50px; 
        height: 100%;  
        font-size: 32px;
        font-weight:400;
    }
    .hright {
        background-color: #ededed;
    
        margin-left:600px;
        height: 100%;
    
        font-size:18px; 
        color:#000000;
        
    }
    .left,
    .main{
        
        height: 500px;
        margin-left:auto;
    margin-right:auto;
    }
 
 
    .left{
        width: 500px;
    }
    .main{
        margin-left:auto;
    margin-right:auto;
        width: 400px;
    }
 
    .container{
        height: 800px;
        width:960px;
    }
    .txt {height:250px; width:95%; }
    .txt ul {  font-weight:400;}
    .txt ul li.p1{ color: #0d0d0d;font-size:24px;}
.txt ul li.p2{ color: #303030;font-size:20px;}
.txt ul li.p3{ color: #555555;font-size:20px;}

}

@media screen and (max-width: 991px) {
    body {font-size: calc(100vw/19.58);}
    .heading,
    .container,
    .footing{
        width: 400px;
    }
    .heading{
        margin-top:30px;
        height: 70px;
        
    }
    .hleft2 {
        float: left;
        margin-left:20px; 
        height: 100%;  
        font-size: 32px;
        font-weight:400;
    }
    .hright {
        background-color: #ededed;
    
        margin-left:200px;
        height: 100%;
    
        font-size:18px; 
        color:#000000;
        
    }
    
    .main{
        display: none;
    }
 
    
 
    .container{
        
        height: auto;
    }
    .footing{
        height: 50px;
    }
    .txt {height:180px; width:95%; }
    .btn {margin-left: auto; margin-right: auto;text-align: center;margin-top: 70px; }
    .txt ul {margin-left: 0px;width:95%; margin-top: 20px; font-size:20px;}
    .btn ul li{ position: absolute; padding: 2px; }
    .btn ul li.p1{ margin-top: 0px;margin-left: 120px;}
    .btn ul li.p2{ margin-top: 50px;margin-left: 120px;}
    .btn ul li.p3{ margin-top: 100px;margin-left: 120px;}
}