* {margin:0; padding:0;}

body {
    margin:0px;
    padding:0px;
    background-size:100%;
    background-color:#ffffff;
    background-repeat: no-repeat;
    height:100%;
}

.text-center {text-align: center;}
.text-left {text-align: left;}
.float-left {float:left; }
.clear {clear:both;}

.wrapper {width:90%; margin: 0 auto; }

.topad {background-color: #f2f2f2; height:72px; }
.topad span {}
.topad .sp10 {float: left; margin-top: -2px;}
.topad .sp11 {font-size: 1em; font-weight: 700; line-height: 24px;}
.topad .sp12 {display:block; font-size: 0.8em; color: #616178; opacity: 0.7; line-height: 2;}

.topadin {padding:16px 0;}
.topad img {width: 40px; height: 40px; float: left; margin-right: 12px;}
.topad .sp2 {float: right; display: inline; margin-top: 10px; margin-right: -36px; padding: 1px; line-height: 24px;}
.topad button {padding-right: 10px; text-decoration: underline; color: #006CC1; background: none;cursor: pointer;text-transform:none;
border: solid 1px transparent; line-height: 24px;
    min-width: 120px; text-align:center;}
.topad a {font-size:0.9em; text-decoration: none; color: white; background-color: #0078D7;
    min-width: 120px; text-align:center; border:solid 1px transparent;
    line-height: 24px; display:inline-block;}
.topad a:hover {text-decoration: underline; background-color: #0060AC;}

.top {border-bottom:#bbbbbb solid 1px; border-top:#bbbbbb solid 1px; height:48px;}

.logo {float:left; }

.menu {float:left; }
.menu ul {list-style-type:none; }
.menu li {float:left; }
.menu a:link, .menu a:visited
{
    color: black;
    display:block;
    width:60px;
    height:37px;
    line-height:40px;
    padding:5px;
    background-color:#ffffff;
    text-align:center;
    text-decoration:none;
}
.menu a:hover, .menu a:active, #currentPage {background-color:#dddddd; border-bottom: 2px solid #aaa;}
.menu a:hover .dot, .menu a:active .dot, #currentPage .dot {background-color: #aaa;}
.dot{display: inline-block; width:5px; height: 5px; background-color: #fff; margin: 0 5px 3px 0;}




.section h3{padding-top: 12px; padding-bottom: 2px; }
.col { width:299px; padding-left:10px; padding-right: 10px; margin: 0 auto; display: inline-block; }
.col img {margin-top: 48px; width:279px;}
.col a {color:black; text-align: left; padding-top: 2px; padding-right: 10px; display: block;}
.col div{padding-top: 2px; padding-right: 10px;}
.col a:link, .col a:visited
{text-decoration:none;}
.col a:hover, .col a:active
{text-decoration: underline;}
.col a.col-button{margin-top: 10px; padding-bottom: 10px; color:#0067b8;}

.no-under a:hover, .no-under a:active
{color: black; text-decoration: none;}

.follow {padding-top:30px; height: 32px; color: rgba(0,0,0,0.6); height: 32px;}
.follow a {margin-right:12px;}
.follow ul {list-style-type:none; display: inline-block;}
.follow li {float:left; }

.follow-title {margin-right:12px; margin-top: -30px; display: inline-block; line-height: 32px; vertical-align: middle;}
.img-qrcode {width:90px; height: 90px; position: absolute; margin-top: 41px; margin-left: -26px; display: none;}
.li-weibo:hover .img-qrcode {display:block;}
.follow .img-icon {width:32px; height: 32px; }

.footer {background-color: #f2f2f2; font-size: 0.8em; margin-top:30px;}
.footer h4{padding-top: 30px; padding-bottom: 4px; color: #616161;}

.footer a:link, .footer a:visited
{color: #616178; text-decoration:none;}
.footer a:hover, .footer a:active
{color: black; text-decoration: underline;}
.foot-list {float:left; width:120px; padding-left:100px; padding-right: 10px;}
.foot-list ul {list-style-type:none; }
.foot-list li {margin: 8px 0; }

.footer-bottom {padding-top:30px; padding-bottom: 16px; text-align: center; color: #616178;}
.footer-content {margin-top:3px; margin-bottom:3px;}
.footer-content a, .footer-content em {margin:0 8px;}

.promotion {padding-top:30px; color: white;}
.promotion .wrapper {position: relative;}
.promotion-label {position: absolute; top:150px; left: 80px;}
.promotion-label h2 {padding-bottom: 5px; font-size: 2.5em; width: 500px;}
.promotion-label-paragraph {margin-top: 12px;}
.promotion-label-button {margin-top: 24px; width:120px; height: 40px; background-color: white; vertical-align: middle; text-align: center;}
.promotion-label-button:hover {#width:119px; #height:39px; background-color: #e6e6e6;}
.promotion span {color:black; margin-top: 10px; display: block; line-height: 40px; font-size: 0.9em;}
.promotion a {text-decoration: none;}