/*h5*/
html, body {
    width: 100%;
    font-family: 'HiraginoSansGB-W3', 'MicrosoftYaHei', Verdana;
}

body {
    min-width: 3.2rem;/*320px*/
    font-size: .12rem;
    margin: 0;
    padding: 0;
}
a {
    font-size: .1rem;
    color: #2a5993;
    text-decoration: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.maintable {
    border-bottom: .04rem solid #698cc3;
    padding: 10px 10px;
}
.box {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
}
body#home .box {
    margin-top: .2rem;
    width: 100%;
    max-width: 1200px;
    margin: .2rem auto;
}
.box-inner {
    padding: .2rem;
}
.box-inner a {
    padding: 0 .1rem 0 0;
    line-height: 180%;
}
.box-inner a:hover {
    color: #698cc3;
}
.box-inner h1 {
    margin: .1rem 0 .2rem 0;
    font-size: .24rem;
    font-weight: 100;
}
.copyright {
    text-align: center;
    border-top: 1px solid #DEDEDE;
    padding-top: .16rem;
    font-size: .08rem;
}
.ch-container {
    padding: 0 .1rem;
}
.detail-connter {
    width: 100%;
    max-width: 1200px;
    margin: .2rem auto;
}
.line-more {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 10px;
}
.line-more strong {
    word-break: break-all;
}
@media only screen and (max-width: 768px) {
    body {
        font-size: .14rem; /* 在手机上调整body的字体大小 */
    }
    
    a {
        font-size: .13rem; /* 在手机上调整链接的字体大小 */
    }	
    .img-pic {
        width: 100%;
        max-width: 480px;
    }
    .ch-container {
        padding: 0 .1rem;
    }
    body {
        overflow-x: hidden;
    }
 	
    .col-md-8,.col-md-4 {
        width: 100% !important;
    }
    .maintable .right {
        display: none;
    }
}
.col-md-8 {
    width: 66.66666667%;
    float: left;
}
.col-md-4 {
    width: 31.33333333%;
    float: right;
}
body#detail .box-inner h1 {
    margin: 0 0 .2rem 0
}
body#detail .box-inner h2 {
    margin: 0 0 .1rem 0;
    font-weight: 100;
}
/*iphone5*/
@media only screen and (min-width: 320px) {
    html {
        /* 320/320 = 1*/
        font-size: 625% !important;
    }
 
}
/*android*/
@media only screen and (min-width: 360px) {
    html {
        /* 360/320 = 1.125*/
        font-size: 703.125% !important;
    }
 
}
/*iphone6*/
@media only screen and (min-width: 375px) {
    html {
        /* 375/320 = 1.171875  */
        font-size: 732.421875% !important;
    }
 
}
/*iphone6plus*/
@media only screen and (min-width: 414px) {
    html {
        /* 414/320 = 1.29375 */
        font-size: 808.59375% !important;
    }
 
}