/*
 * @Author: liuyang
 * @Date: 2018-02-06 19:16:15 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2018-03-12 15:27:25
 */

 /* @media (min-width: 1200px){
    .container {
        width: 1000px;
    }
} */
@media (max-width: 768px){
    html,body{
        font-size:40px;
    } 
    .header{
        width:100%;
        height:300px;
    }  
    .product ul>li{
        margin-bottom:20px;
    }  
    .header{
        width:100%;
        height:300px;
    }  
    .certificate li{
        margin:0 auto 20px;
    }
    .service-row li{
        width:50%;
        margin-bottom:0.8rem;
    }
    .product {
        padding: 0.6rem 0;
    }
    .parter-list .container {
        padding: 0 0rem 1rem;
    }
    .product .circle{
         width:3rem; 
         height:3rem;
    }   
    .product .url-load{
        width:3rem; 
        height:3rem;
        bottom:-2.3rem;
        background:#4057E8 ; 
        text-align:center;
        color:#fff;
        font-size:0.14rem;
        line-height:0.65rem;
    }
    .product .qrcode-link{
      width:3rem; 
      height:3rem;
      bottom:-2.3rem;  
    }  
    .product .circle p{
       line-height:0.3rem;
    } 
    .certificate-top{
        float:left;
    }
    .certificate-right{
        float:left;
        margin:0.5rem 0 0 0.6rem;
    } 
    .service-list{
        padding-bottom: 0.5rem;
    } 
    footer>.container>div{
        text-align:center;
    }
    .footer_bottom {
        margin-top:0;
    }
    footer{
        padding:0.6rem 0 0.6rem;
    }
}
@media (min-width: 768px){
    html,body{
        font-size:40px;
    } 
    .product ul>li{
        margin-bottom:20px;
    } 
    .certificate li{
        margin-bottom: 20px;
    }
}
@media (min-width: 992px){
    html,body{
        font-size:51px;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1000px;
    }
    html,body{
        font-size:62.5px;
    }
}
@media (min-width: 1366px){
    html,body{
        font-size:70px;
    } 
}
@media (min-width: 768px) and (max-width:1600px){
    .product .circle,.wechat,.product .url-load,.product .qrcode-link{
         width:180px; 
         height:180px;
    } 
    .product .url-load{
        bottom:-140px;
        font-size:14px;
        line-height:36px; 
    } 
    .product .qrcode-link{
        left:0;
        bottom:-180px;   
    } 
    .product .circle p.theme{
        font-size:16px; 
    }    
    .product .circle p{
        font-size:14px;
       line-height:23px;
    }             
}
@media (min-width: 1600px){
    .container {
        width: 1200px;
    }
    html,body{
        font-size:83px;
    }    
}
@media (min-width: 1920px){
    .container {
        width: 1400px;
    } 
    html,body{
        font-size:100px;
    }   
}