@charset "gb2312";
/* CSS Document */

html{}
body{margin:0px; padding:0px; background:/*url(../images/bg.jpg)*/#f2f6f8; background-attachment:fixed; font-family:"Î¢ÈíÑÅºÚ"; position:relative}
a{text-decoration:none; font-family:"Î¢ÈíÑÅºÚ"; color:#444444}
img{border:0px}
ul,li,h1,h2,dd,dl,p{margin:0px; padding:0px; list-style-type:none}
a{color:#343434; text-decoration:none}
a:hover{color:#CE3D3A; text-decoration:none}
.red{color:red}
.blue{color:blue}
.green{color:green}
.yello{color:#F08910}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.ml10{margin-left:10px}

.head{width:100%; min-width:1200px; height:140px; overflow:hidden; position:relative}
.logo{width:637px; height:100px; background:url(../images/logo.png) no-repeat left top; margin:-50px 0 0 -600px; position:absolute; left:50%; top:50%}
.daojishi{height:100px; margin:-45px -600px 0 0; position:absolute; right:50%; top:50%}
.daojishi ul.countdown{overflow:hidden}
.daojishi ul.countdown li{display:inline-block; height:100px; float:right}
.daojishi ul.countdown li.title{width:125px; background:url(../images/daojishi_bg.png) no-repeat left 15px}
.daojishi ul.countdown li.seperator{height:70px; line-height:70px; font-size:50px; font-weight:350}
.daojishi ul.countdown li p.time {height:70px; line-height:70px; font-size:50px; font-weight:350}
.daojishi ul.countdown li p.text{height:30px; line-height:5px; text-align:center; font-size:16px; font-weight:bold}
.user_center{width:183px; height:100px; background:url(../images/logo.png) no-repeat left -100px; margin:-45px -600px 0 0; position:absolute; right:50%; top:50%}
.div{width:600px; height:100px; margin:-50px -600px 0 0; position:absolute; right:50%; top:50%}

/*²Ëµ¥*/
.hl_nav{
    background-color: #17A5FF;
    position: relative;
    color: #ffffff;
	min-width: 1200px;
    height: 64px;
	margin:0 auto;
}
.hl_nav a{
    display: block;
    text-decoration: none;
}
.hl_nav .shade{
    position: absolute;
    width: 100%;
    height: 400px;
    top: 64px;
    left: 0;
    z-index: 199;
	/*background:url(../images/bg.jpg);*/
    background-color: #EEEEEE;
    opacity: 0.9;
    filter: alpha(opacity=100);
    box-shadow: 0 5px 15px #CCCCCC;
    display: none;
    border-bottom: #ffffff solid 1px;
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.hl_nav .nav_list{
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -600px;
    z-index: 200;
    padding: 0;
    list-style: none;
    width: 1200px;
    overflow: hidden;
    height: 64px;
}
.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    width: 120px;
    text-align: center;
    height: 464px;
}
.hl_nav .nav_head{
    height: 64px;
    line-height: 64px;
    color: #ffffff;
    font-size: 16px;
    background-color: #17A5FF;
}
.hl_nav .nav_head .icon{
    font-size: 18px;
}
.hl_nav .item{
    height: 40px;
    line-height: 40px;
    color: #333333;
    position: relative;
}
.hl_nav .item:hover:after{
    content: '';
    display: block;
    position: absolute;
    width: 60px;
    height: 2px;
    bottom: 5px;
    left: 30px;
    background-color: #17A5FF;
}
.hl_nav .nav_list:hover{
    height: 464px;
    transition: height 0.3s;
}
.hl_nav .nav_list:hover + .shade{
    display: block;
}
.hl_nav .nav_list>li.highlight:hover{
    background-color: #ffffff;
}
.hl_nav .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{
    background-color: #0095F4;
}
.hl_nav .nav_list>li.right{
    float: right;
}
.hl_nav .nav_list>li:hover .item{

}

/*·ÖÒ³*/
#pages{text-align:center; margin:0 auto}
.pages{display:inline-block; text-align:center; border-radius:10px; margin:0 auto; padding:10px}
.pages a{display:inline-block; color:#fff; background:#17A5FF; font-weight:bold; border-radius:10px; padding:15px 20px}
.pages a.a1{color:#fff; background:#17A5FF; border-radius:10px}
.pages a:hover{padding:20px}
.pages span{display:inline-block; color:#fff; background:#FF6D01; font-weight:bold; border-radius:10px; padding:20px}

/*µ×²¿*/
.foot{width:100%; min-width:1200px; background:#17A5FF; border-top:#ddd solid 1px; padding:50px 0; margin-top:20px; overflow:hidden}
.foot_logo{width:600px; height:125px; background:url(../images/logo_foot.png) no-repeat left center; margin-left:calc(50% - 600px); float:left}
.copyright{width:600px; margin-right:-600px; color:#fff; text-align:right; float:left; overflow:hidden}
.copyright p{height:25px; line-height:25px; font-size:14px}
.copyright p a{color:#fff; font-size:14px}
.copyright p.beian a{display:inline-table; line-height:25px; background:url(../images/beianico.png) no-repeat left center; padding-left:25px}
.copyright p.tongji{display:none}



/*ÓÑÇéÁ´½Ó*/
div.link{width:1200px; margin-left:calc(50% - 600px); border-bottom:#fff dashed 1px; margin-bottom:20px; overflow:hidden}
div.link h2{width:100%; height:45px; line-height:45px; color:#fff; font-size:16px; border-bottom:#fff dashed 1px}
div.link ul{}
div.link li{height:30px; line-height:30px; background:nome; font-size:14px; margin-right:10px; float:left}
div.link li a{color:#fff}
div.link li a:hover{color:#eee}