@charset "utf-8";
/* CSS Document */
/*article-title*/
.article-title {
    padding: 50px 0 30px;
    text-align: center;
    background: #e9efff;
}
.article-title h1{
    padding: 0 300px;
    margin-bottom: 30px;
    font-size: 42px;
    line-height: 52px;
}
.article-title .summary {
    padding: 0 240px;
    margin-bottom: 10px;
}
.article-title .summary p {
    font-size: 18px;
}
/*title-download-btn-group*/
.article-title .download-btn-group { margin-top: 36px;}
.article-title .download-btn-group .tag:first-child {
    margin-bottom: 12px;
}
.article-title .download-btn-group .download_one, .article-title .download-btn-group .download_two {
    position: relative;
    width: 230px;
    height: 54px;
}
.article-title .download-btn-group .download_one a, .article-title .download-btn-group .download_two a {
    display: block;
    width: 100%;
    height: 100%;
}
.article-title .download-btn-group .download_one a:hover, .article-title .download-btn-group .download_two a:hover {text-decoration: none;}
.article-title .download-btn-group .download_one a p, .article-title .download-btn-group .download_two a p {
    position: absolute;
    top: 15px;
    left: 80px;
    padding: 0;
    margin: 0;
}
.article-title .download-btn-group .download_two a:hover p, .article-title .download-btn-group .download_two a:hover span {color: #FFFFFF;}
.article-title .download-btn-group .download_one {
    background: #2bcd6f;
    transition: all 0.2s;
}
.article-title .download-btn-group .icon-mac {
    position: absolute;
    top: 15px; left: 36px;
}
.article-title .download-btn-group .icon-win {
    position: absolute;
    top: 17px; left: 36px;
}
.article-title .download-btn-group .icon-down-circle {
    position: absolute;
    top: 12px; left: 46px;
    font-size: 20px;
}
.article-title .download-btn-group .single a p {
    position: absolute;
    top: 9px; left: 86px;
}
.article-title .download-btn-group .download_one a span {}
.article-title .download-btn-group .download_one a {color: #fff;}
.article-title .download-btn-group .download_one a:hover {background: #25be66;}
.article-title .download-btn-group .download_one a p {color: #fff; font-style: normal;}
.article-title .download-btn-group .download_two {
    background: #ffffff;
}
.article-title .download-btn-group .download_two a span {color: #2bcd6f;}
.article-title .download-btn-group .download_two a p {color: #2bcd6f; font-style: normal;}
.article-title .download-btn-group .download_two a:hover {
    background: #2bcd6f;
    color: #fff;
}
.article-title .download-btn-group .file-protector {width: 248px;}
/*title-download-btn-group*/
@media (max-width: 1422px) {
    .article-title h1{padding: 0 200px;}
    .article-title .summary {padding: 0 80px;}
}
@media (max-width: 1199px) {
    .article-title h1{padding: 0;}
    .article-title .summary {padding: 0;}
}
@media (max-width: 767px) {
    .article-title {
        padding: 20px 0 8px;
        text-align: left;
    }
    .article-title h1 { margin-bottom: 10px;}
}
@media (max-width: 575px) {
    .article-title h1 {font-size: 30px;line-height: 30px;}
    .article-title .download-btn-group {margin-top: 20px;}
}
/*article-title-end*/
/*main*/
.main{
    margin-top: 26px;
    margin-bottom: 90px;
}
.main .title{
    margin-top: 30px;
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: bold;
}
.main ul li{
    padding-left: 24px;
    margin-bottom: 20px;
    font-size: 18px;
    background: url("/images/mark-icon/bullets03.png") no-repeat 0 7px;
}
/*main-end*/