/*头部============================================开始 */



div.head div.top {height:100px;  background-size:auto 100%;}
div.head div.logo {width:273px;float: left; height: 80px;margin-left: 20px;}
div.head div.cca {height: 80px;width: 119px; margin-left: 30px;float: left;}
div.head div.bot,div.head div.bot ul {width: 100%;height: 90px;}
div.head div.bot ul li{float: left;width: 100px;height: 90px;position: relative;}
div.head div.bot ul li.max_width{
        width: 145px;
}


div.head div.bot ul li a.base {text-align: center;line-height: 90px;display: block;margin:auto;color: #000;font-size:14px;}
div.head div.bot ul li.on a.base {background: #3996d3;font-weight: bold;color: #fff;}
div.head div.bot li dl {min-width: 145px;position: absolute;z-index: 10;background: #3996d3;display: none;}
/* div.head div.bot ul li.on dl {display: block;} */
div.head div.bot li dl dd {width: 100%;height: 34px;line-height: 34px;margin-right: 10px;}
div.head div.bot li dl dd a{color:#fff;font-size:14px;display:block;margin-left: 10px;white-space: nowrap;}
div.head div.bot li dl dd:hover {background:#3996d3;}
div.head div.block {width: 340px;height: 178px;position: absolute;right: 0;top:0;}
div.head div.block div.time {width: 340px;height: 100px;background: #3996d3;}
div.block div.but {width: 340px;height: 90px;background: #e9e9e9;font-size:28px;color: #3996d3;line-height: 90px;text-align: center;font-weight: bold;}
div.block div.on {background: #3996d3;}
div.block div.on a {color: #fff;font-weight: bold;}
div.head div.block div.no_sign{width: 100%;height: 100%;position: relative;}
div.head div.block div.no_sign div.border {width: 329px;height: 178px;border:1px solid #fff;position: absolute;top: 5px;left: 5px;}
div.head div.block div.no_sign div.border a {display: block;height: 90px;width: 340px;position: absolute;bottom: -5px;left:-5px;}
/*头部============================================结束 */
/*底部============================================开始*/
div.foot {
    width: 1340px;
    margin:auto;}
div.foot div.back{padding-top: 1px;}
div.foot div.back div.logo {width: 350px;height: 240px;float: left; }
div.foot div.back div.main {float: left;margin-top:35px;color: #000;line-height: 34px;max-width: 44%;}
div.foot div.back div.chat {float: left;margin-left:50px;margin-top: 50px;width: 120px;height: 150px;}
div.foot div.back div.chat img {display: block;height: 120px;width: 120px;background: light-blue}


/*底部============================================结束*/

#countDown .countDays span.digit,#countDown .countHours span.digit,#countDown .countMinutes span.digit,#countDown .countSeconds span.digit{
    font-size:40px;
    background: none;
    width: auto;
    display: inline-block;
    height: 40px;
    /*font-family: impact;*/
    margin:0 2px;
}
#countDown .countDays {height:40px;display: inline-block;}
#countDown span.countDiv {color: #fff;margin:0 5px;position: relative;
    display: inline-block;
    width: auto;
    height: 1.6em;
    top: 19px;
    left:12px;
    font-weight: bold;}
div.time .countdownHolder {
    position: absolute;
    bottom: 110px;
    left: 0;
    font: 16px/1.5 'Open Sans Condensed', sans-serif;
    text-align: center;
    letter-spacing: -4px;
    width: 100%;
    text-align: center;
}


#coundDownIndex .countDays {height:40px;display: inline-block;}
#coundDownIndex span.countDiv {color: #fff;margin:0 5px;position: relative;
    display: inline-block;
    width: 23px;
    height: 1.6em;
    top:0px;
    left:-57px;
    font-weight: bold;
}
#coundDownIndex > span:nth-child(3){
    width:26px;
}
div.time div.back .count_down_time {
    position: absolute;
    bottom:17px;
    left:470px;
    font: 16px/1.5 'Open Sans Condensed', sans-serif;
    text-align: center;
    letter-spacing: -3px;
    width: 743px;height: 130px;margin-top: 20px;margin-right: 90px;float: right;
    padding-top: 1px;
}
#coundDownIndex .position {width:4.1em;}
/* #coundDownIndex .position:nth-child(3) span {
	left: 178px;
} */
#coundDownIndex .countDays span.countDiv{position: absolute;left: 520px;bottom: 174px;}
div.time div.back .count_down_time div.bg {
    height:95px;width: 706px; 
    margin-top:15px;margin-left: 27px;
    background: url(./countdown-nubbg.png)no-repeat center;
}

.navList,.mobile_header{
    display:none;
}
.top_title{display:none;}
.logo_new{display: none}
@media (max-width: 768px) {
    .logo_new{display: block;width: 25%;}
    div.head div.top{
        margin-top:-1px;
        border-bottom: 1px solid #3a97d3;
         background: unset;
        background-position-x: -10px;
        position:relative;
    }
    .mobile_header{
        display:block;
        float:left;
        color: #3a97d4;
        width: 220px;
        position: absolute;
        left: 75px;
        top: 15px;
    }
    .mobile_header h3{
        font-weight: bold;
        font-size: 20px;
    }
    .mobile_header p{
        font-size: 12px;
    }
    #coundDownIndex span.countDiv {width:auto;}
    *{box-sizing: border-box}
    html,body{
        overflow-x: hidden;
    }
    div.head,
    div.foot{
        width:100%;
        height:auto;
    }
    div.time div.back .count_down_time div.bg{
        width:100%;
        /*background:unset;*/
        position: unset;
        margin:0;
        background: #e9e9e9;
        height:auto;
    }
    div.time div.back .count_down_time{
        width:100%;
        margin-right:0;
        background: transparent;
        left:0;
        height:40px;
    }
    div.head div.block div.no_sign div.border{
        display:none;
    }
    .cca{
        display:none;
    }
    div.head div.block{
        display:none;
    }
    div.head div.logo{
        width:60%;
        background-size:100%;
    }
    .navList{
        display:block;
        width:50px;
        position: absolute;
        right: 10px;
        top: 20px;
        z-index: 1;
    }
    .navList span{
        display:block;
        width:100%;
        height:5px;
        margin: 0 auto;
        margin-bottom:5px;
        background:#fff;
        border-radius: 10px;
    }
    div.head div.bot{
        display:none;
    }
    div.head div.bot, div.head div.bot ul{
        height:auto;

        color:#fff;
    }

    div.head div.bot ul li{
        float:none;
        background:#3996d3;
        height:auto;
        width:100%;
        border-bottom: 1px solid rgba(255,255,255,.5);
        position:static;
    }
     div.head div.bot ul li.max_width{
        width:100%;
     }
    div.head div.bot ul li a.base{
        line-height: 45px;
        color:#fff;
        text-align: left;
        padding-left:15px;
    }
    div.head div.bot ul li dl{
        position: static;
        width:100%;
        margin-bottom:0;
        z-index: -1;
    }
    #coundDownIndex .countDays span.digit, #coundDownIndex .countHours span.digit, #coundDownIndex .countMinutes span.digit, #coundDownIndex .countSeconds span.digit{
        font-size:26px;
        position: static;
        color: #fff;
        font-weight: 500;
    }
    #coundDownIndex .position{
        width:20px;
        height:40px;
    }
    #coundDownIndex span.countDiv{
        top:-14px;
        left:0;
    }
    div.foot div.back{
        background:none;
        padding-bottom:30px;
    }
    div.foot div.back div.logo{
        width:100%;
        height:170px;
         float:none;
    }
    div.foot div.back div.main{
        margin-top:0;
        padding:0 15px;
        float:none;
        max-width:100%;
    }
    div.foot div.back div.chat{
        margin-right: 0;
        margin-top: 0;
        width:100%;
        height: auto;
        padding-top:15px;
        float:none;
        margin-left:0;
    }
    div.foot div.back div.chat img{
        margin:0 auto;
    }
}