.header {
    height: 146px;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px #eeeeee;
}

.header-inner {
    width: 1200px;
    margin: auto;
}

.header-right {
    float: right;
    width: 700px;
}

.logo {
    float: left;
    font-family: PingFangSC-Semibold;
    font-size: 34px;
    line-height: 80px;
    height: 80px;
    margin: 32px 0;
    color: #00A9E9;
    padding-left: 90px;
    background: url("../images/logo-big.jpg") no-repeat 0 50%;
   /* background-size: 80px auto;*/
}
.logo:hover{
    color: #00A9E9;
}
.header-imgs {
    display: block;
    width: 100%;
    margin-bottom: 17px;
    text-align: right;
    font-size: 0;
    height: 30px;
}

.header-img1 {
    display: inline-block;
    margin-right: 12px;
}

.header-img2 {
    display: inline-block;
}

.tNav {
    margin: 24px 0 13px 0;
    text-align: right;
}

.tNav-item {
    position: relative;
    display: inline-block;
    margin-right: 31px;
    line-height: 22px;
}

/*.tNav-item:last-child {
    margin-right: 0;
}*/
.tNav-item_last {
    margin-right: 0;
}

.tNav-item.active, .tNav-item > a:hover {
    color: #00A9E9;
}

.tNav-item > i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/nav-down.png") no-repeat;
}

.tNav-item.active i, .tNav-item:hover i {
    background: url("../images/nav-up.png") no-repeat;
}

.tNav-item > a {
    font-size: 14px;

    color: #999999;
}

.nav {
    text-align: right;
}

.nav-item {
    position: relative;
    display: inline-block;
    margin-right: 29px;
    white-space: nowrap;
}

/*.nav-item:last-child {
    margin-right: 0;
}*/
.nav-item_last {
    margin-right: 0;
}

.nav-item > a {
    font-size: 14px;
    line-height: 22px;
    color: #333333;
}

.nav-item.active > a, .nav-item:hover > a {
    color: #00A9E9;
}

.subNav {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 20px 0 20px 0;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.20);
    z-index: 1000;
}

.subNav > li {
    padding: 0 20px;
    min-width: 100px;
    margin-bottom: 9px;
    text-align: center;
}

.subNav > li:last-child {
    margin-bottom: 0;
}

.subNav > li > a {
    font-size: 14px;
    color: #666666;
}

.subNav > li > a:hover {
    color: #00A9E9;
}

.tNav-item.active .subNav, .nav-item.active .subNav, .tNav-item:hover .subNav, .nav-item:hover .subNav {
    display: block;
}

.banner {
    margin-bottom: 50px;
}

.banner img {
    width: 100%;
}

.container {
    width: 1200px;
    margin: auto;
}

.hTit {
    margin-bottom: 25px;
    
    font-size: 60px;
    color: #999999;
    font-weight: 700;
}

.hNewsBox {
    float: left;
    width: 386px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

/*.hNewsBox:last-child{
    margin-right: 0;
}*/
.hNewsBox_last {
    margin-right: 0;
}

.hNewsBox-hd {
    height: 346px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
}

.hNewsBox-hd > img {
    display: block;
    width: 100%;
    height: 346px;
}

.hNewsBox_big {
    width: 590px;
    margin-bottom: 20px;
}

.hNewsBox_big .hNewsBox-hd {
    height: 448px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
}

.hNewsBox_big .hNewsBox-hd > img {
    display: block;
    width: 100%;
    height: 448px;
}

.hNewsBox-bd {
    padding: 10px 20px;
}

.hNewsBox-tit {
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    
    font-size: 18px;
    color: #09ADEA;
    line-height: 26px;
    font-weight: 700;

}

.hNewsBox-des {
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

.hMore {
    display: block;
    width: 330px;
    height: 54px;
    line-height: 52px;
    text-align: center;
    margin: 0 auto 100px auto;
    border: 1px solid #00A9E9;
    border-radius: 27px;
}

.hAbout {
    margin-bottom: 80px;
    padding: 30px 0 30px 0;
    background: url("../images/hAbout.jpg") no-repeat;
    background-size: cover;
}

.hAbout-icon {
    display: block;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    margin: 0 auto 28px auto;
    background: #09ADEA;
}

.hAbout-tit {
    margin: 0 0 10px 0;
    
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
}

.hAbout-des {
    /*height: 64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
    font-family: PingFangSC;
    font-size: 16px;
    line-height: 2;
    color: #FFFFFF;
    text-align: justify;
}

.hRules-left {
    float: left;
    width: 592px;
}

.hRules-right {
    float: right;
    width: 592px;
}

.hRulesList {
    margin-bottom: 52px;
}

.hRulesBox {
    position: relative;
    display: block;
    width: 592px;
    height: 716px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
    overflow: hidden;
}

.hRulesBox > img {
    display: block;
    width: 100%;
    min-height: 700px;
}

.hRulesBox_min {
    height: 348px;
    margin-bottom: 20px;
}

.hRulesBox_min > img {
    min-height: 348px;
}

.hRulesBox_min:last-child {
    margin-bottom: 0;
}

.hRulesBox-ft {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    background: #333;
    background: rgba(0, 169, 223, 0.5);
}

.hRulesBox-tit {
    margin-bottom: 8px;
    
    font-size: 17px;
    color: #FFFFFF;
    line-height: 26px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hRulesBox-des {
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
}


.footer {
    padding-top: 100px;
    height: 230px;
    background: url("../images/footer.png") no-repeat 0 100%;
    background-size: 100% auto;
    overflow: hidden;
}

.footer-top {
    margin-bottom: 20px;
}

.footer-left {
    float: left;
    padding-left: 70px;
    width: 630px;
    border-right: 1px solid #cccccc;
}

.footer-right {
    float: left;
    padding-left: 70px;
    width: 428px;
}

.footer-tit {
    margin-bottom: 21px;
    
    font-size: 18px;
    color: #00A9E9;
    font-weight: 700;
}

.footer-list {
    float: left;
    margin-right: 52px;
    
    font-size: 14px;
    color: #333333;
}

.footer-list li {
    margin-bottom: 17px;
}

.footer-list li:last-child {
    margin-bottom: 5px;
}

.copyright {
    padding: 23px 0;
    margin: 0;
    border-top: 1px solid #cccccc;
    
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.main {
    float: left;
    width: 800px;
}

.content {

}

.sidebar {
    float: right;
    width: 324px;
    padding-top: 43px;
}

/*--------------------news新闻列表---------------------*/
.newsList {
    margin-bottom: 51px;
    padding-top: 23px;
}

.newsBox {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.newsBox-img {
    float: left;
    width: 252px;
    height: 184px;
}

.newsBox-img > img {
    display: block;
    width: 252px;
    min-height: 184px;
}

.newsBox-cnt {
    padding-top: 10px;
    margin-left: 280px;
}

.newsBox-tit {
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
    
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    text-align: justify;
}

.newsBox-des {
    /*height: 63px;*/
    height: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 25px;
    
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: justify;
}

.newsBox-time {
    
    font-size: 14px;
    color: #999999;
}

.mLoading {
    display: block;
    width: 148px;
    height: 54px;
    margin: 0 auto 40px auto;
    line-height: 52px;
    text-align: center;
    border: 1px solid #00A9E9;
    border-radius: 27px;
    
    font-size: 16px;
    color: #00A9E9;
}

.popularBox {
    border-top: 4px solid #00A9E9;
}

.popularBox-hd {
    padding: 20px 0;
    
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
    font-weight: 400;
}

.popularNewsBox {
    position: relative;
    display: block;
    width: 324px;
    height: 190px;
    margin-bottom: 20px;
}

.popularNewsBox > img {
    width: 100%;
    height: 190px;
}

.popularNewsBox > p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgba(0, 169, 233, 0.50);
    
    font-size: 16px;
    color: #FFFFFF;
}

.popularNewsList {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}


.popularNewsList li {
    padding-left: 15px;
    margin-bottom: 6px;
    background: url("../images/icon-list.png") no-repeat 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popularNewsList a:hover {
    color: #00A9E9;
}

/*--------------------PHOTOS&VIDEOS---------------------*/
.photoVideosList {
    padding-top: 43px;
    padding-left: 5px;
    margin-right: -25px;
    margin-bottom: 40px;
    overflow: hidden;
}

.photoBox {
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.20);
}

.photoBox-hd {
    height: 162px;
    overflow: hidden;
}

.photoBox-hd > img {
    display: block;
    width: 100%;
    min-height: 162px;
}

.photoBox-bd {
    padding: 10px 20px;
}

.photoBox-tit {
    height: 52px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    font-weight: 400;
}

.photoBox-time {
    margin-bottom: 9px;
    
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    color: #999999;
}

/*-------------------------------------------------------*/
.rulesList {
    min-height: 500px;
    padding: 20px 0 50px 0;
}

.rulesItem {
    padding: 24px 0;
    border-bottom: 1px solid #EEEEEE;;
}

.rulesItem-tit {
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 29px;
}

.rulesItem-new {

}

.rulesItem-ifo {
    float: right;
    margin-right: 31px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #999999;
    text-align: right;
    line-height: 29px;
}

.rulesItem-down {
    float: right;
    width: 18px;
    height: 18px;
    background: url("../images/down.png") no-repeat;
}

/*---------------article-------------*/
.article {
    padding-top: 43px;
}
.article-hd{

}
.article-tit{
    font-size: 34px;
    color: #333333;
}
.article-tit_center{
    text-align: center;
}
.article-time{
    
    font-size: 14px;
    color: #999999;
}
.article-bd{
    padding-top: 30px;
    font-size: 16px;
    color: #333333;
}
.article-bd p{
    line-height: 1.7;
    margin: 0 0 1.5em  0;
    text-align: justify;
}
.article-bd h2{
    margin: 0 0 0.5em  0;
    font-size: 24px;
    color: #333333;
}
.article-bd h3{
    margin: 0 0 1em  0;
    font-size: 16px;
    color: #151515;
}

.article-bd img{
    display: block;
    margin-bottom: 2em;
    max-width: 100%;
}
.article-bd a{
    color: #337ab7;
    text-decoration: none;
}
.article-bd a:hover{
    text-decoration: underline;
}
.skiRightItem{

}
.skiRightItem p{

}
.skiRightItem img{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.skiLeftItem {

}
.skiLeftItem img{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}