body{background-color: #CCCCCC;width:100%;margin:0;padding:0;font-family: Microsoft YaHei;overflow-x: hidden;}
.clear{clear:both;}
.container{min-width: 320px;max-width: 720px;margin:0 auto;background-color: #FFFFFF;}
.container .top{width:100%;text-align: center;padding-top:1px;position: relative}
.container .top .top_logo{width:100%;max-width: 720px;min-width: 320px;position: fixed;background-color: #FFFFFF;z-index: 3000;padding:10px 0;border-bottom: 1px solid #CCCCCC;}
.container .top .call_icon{position:absolute;right:20px;top:10px;}
.container .top .banner{min-width: 320px;max-width:720px;max-height:144px;position: relative;top:49px;text-align: center;}
.container .top .banner img{width:100%;max-width: 720px;display: block;}
.container .top .banner .conference_title{width:100%;font-size: 30px;text-shadow:0px 2px 1px white;color:#01469A;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
.container .top .banner .date{width:100%;font-size: 20px;color:#333333;position: absolute;line-height: 30px;top:60%;font-weight: bold;}
 .logo{width:100%;height:auto;font-size: 48px; line-height:48px;  text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
.container .center{width:95%;margin:0 auto;}

.container .bottom{width:100%;}
.container .bottom .conference_name{width: 100%;height:63px;background-color: #EEEEEE;line-height: 63px;text-align:center;font-size:13px;color:#999999;border-top:1px solid #BFBFBF;margin-bottom: 60px;padding-bottom:10px;}
.container .bottom .nav-list{position: fixed;bottom:0;max-width: 720px;min-width: 320px;width: 100%;height:64px;border-top:1px solid #DDDDDD;margin:0 auto;background-color: #FFFFFF;}
.container .bottom .nav-list ul{margin:0; padding:0;}
.container .bottom .nav-list ul li{ display:block; position:relative; list-style:none; float:left; margin:0; padding:0; width:20%; text-align:center;}
.container .bottom .nav-list ul li a{ display:block; position:relative; margin:12% auto 3% auto; text-align:center; width:80%; line-height:25px; text-decoration: none;}
.container .bottom .nav-list ul li a img{display:block; margin:auto; max-width:100%; }
.container .bottom .nav-list ul li a.pressed img{opacity:0.5;}
.container .bottom .nav-list ul li a span{display:block; margin:auto; width:98%;font-size: 12px;color:#666666;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.container .bottom .nav-list ul li a .parti{width:70px;height:50px;border: 1px solid #008CCA;border-radius: 100%;font-size:14px;color:#666666;line-height:50px;text-align: center;margin:-25px auto 0 auto;max-width:100%;padding:10px 0;background-color:#FFFFFF;}

@media only screen and (max-width: 590px) {
    .container .top .banner .conference_title{width:100%;font-size: 28px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .logo{width:100%;height:auto;font-size: 40px;line-height:40px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:22px;height:33px;}
}
@media only screen and (max-width: 550px) {
    .container .top .banner .conference_title{width:100%;font-size: 25px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .logo{width:100%;height:auto;font-size: 38px;line-height:38px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:20px;height:30px;}
}
@media only screen and (max-width: 490px) {
    .container .top .banner .conference_title{width:100%;font-size: 22px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .container .top .banner .date{width:100%;font-size: 17px;color:#333333;position: absolute;line-height: 30px;top:60%;font-weight: bold;}
    .logo{width:100%;height:27px;font-size: 35px;line-height:35px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:18px;height:27px;}
}
@media only screen and (max-width: 430px) {
    .container .top .banner .conference_title{width:100%;font-size: 19px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .container .top .banner .date{width:100%;font-size: 15px;color:#333333;position: absolute;line-height: 30px;top:60%;font-weight: bold;}
    .logo{width:100%;height:auto;font-size: 32px;line-height:32px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:16px;height:35px;}
    
    
    
}
@media only screen and (max-width: 380px) {
    .container .top .banner .conference_title{width:100%;font-size: 16px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .container .top .banner .date{width:100%;font-size: 15px;color:#333333;position: absolute;line-height: 30px;top:60%;font-weight: bold;}
    .container .bottom .nav-list ul li a .parti{width:30px;height:36px;border: 1px solid #008CCA;border-radius: 100%;font-size:13px;color:#666666;line-height:20px;text-align: center;margin:-15px auto 0 auto;max-width:100%;padding:12px 15px;background-color:#FFFFFF;}
    .logo{width:164px;height:auto;font-size: 30px;line-height:30px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:16px;height:28px;}
}

@media only screen and (max-width: 320px) {
    .container .top .banner .conference_title{width:100%;font-size: 14px;text-shadow:0px 2px 1px white;color:#0000CC;font-weight: bold;position: absolute;line-height: 30px;top:20%;}
    .container .top .banner .date{width:100%;font-size: 15px;color:#333333;position: absolute;line-height: 30px;top:60%;font-weight: bold;}
    .container .bottom .nav-list ul li a .parti{width:30px;height:36px;border: 1px solid #008CCA;border-radius: 100%;font-size:13px;color:#666666;line-height:20px;text-align: center;margin:-15px auto 0 auto;max-width:100%;padding:12px 15px;background-color:#FFFFFF;}
    .logo{width:164px;height:auto;font-size: 28px;line-height:28px;text-shadow:0px 2px 1px white;color:#0057AE;text-align: center;}
    .call_icon{width:14px;height:18px;}
}