.content{
    width:70%;
    min-width: 1200px;
    margin:10px auto 0;
    background:#fff;
   min-height: 500px;
}
.leftCon{
    background: #ffffff;
    width:19%;
    border:1px solid #dbdbdb;

}
.leftCon.poFix{
    width:13.3%;
    min-width:190px;
    position: fixed;
    top:0px;
    z-index:1;
}
.leftCon h2{
    font-size: 18px;
    height:40px;
    line-height:40px;
    text-align: center;
    background:#4988c3;
    color:#ffffff;
}
.leftCon ul li a{
    display: inline-block;
    width:100%;
    padding:0 0 0 15%;
    height:35px;
    line-height:35px;
    font-size: 16px;
    background: url('../images/img/h2bg.png') no-repeat 16px center;
    
    box-sizing:border-box;
    color:#666;
}
.leftCon ul li a:hover,.leftCon ul li.current a{
    color:#5297c4;background:#eee;
    text-decoration: none;
}

/*.leftCon ul li.current a{background:url('../images/img/h2bg.png') no-repeat 16px center;}*/
/*.leftCon ul li.current.noBg a{background:#fbefe6;}*/


.leftCon ul li ul{
    display:none;
}
.leftCon ul li.current ul{
    display:block;

}
.leftCon { color:#666666;}
    /*.conNav li:hover,.aboutNav li:hover {background:#fbefe6; }*/
.leftCon ul li.current ul li a,.leftCon ul li ul li a{
    width:100%;
    color:#666666;
    display: inline-block;
    height:30px;
    line-height:30px;
    font-size: 14px;
    padding:0 0 0 23%;
    background:url("../images/img/h2bg.png" ) no-repeat 40px center;
    box-sizing:border-box;
}
.leftCon ul li ul li.selected a,.leftCon ul li ul li a:hover{
    color:#5297c4;background:#dadada;

}
.line{
    width:100%;
    height:1px;
    background:#dbdbdb;
    margin:8px 0;
}
.subscription p,.focusUs p{
    padding-left:10%;
}
.focStyle{width:104px;margin:5px auto;}
.focStyle a{display:inline-block;width:33px;height:33px;margin:5px 7px ;}
.weiBo{background: url("../images/img/bgimg.png") no-repeat -7px -63px; }
.weiXin{background: url("../images/img/bgimg.png") no-repeat -7px -99px;}
.subscriptionPic a{
    display: inline-block;
    width:100%;
    height:70px;
    background:url("../images/img/subscription.png") no-repeat center top;
}
.subscriptionPic a span{
    display: inline-block;
    width:100%;
    height:30px;
    line-height: 30px;
    text-align: center;
    margin-top:40px;
}
.subscriptionPic a:hover span{color: #5297c4;}

/*right*/
.rightCon{
    width:80%;
    height:auto;color:#333;
}
/*鏈�柊浜嬩欢*/
.tips{
    width:99%;
    min-width:800px;
    margin:0 auto;
    border:1px solid #dbdbdb;
    height:92px;
    box-sizing:border-box;
}
.mapBox .title{ width:100%; border-bottom:1px solid #eee;margin-bottom:13px;}
.mapBox .title h2{ width:100px; display:block;  border-bottom:2px solid #5297c4; text-align:center; font-size:16px; line-height:33px; height:33px;}

.tipsLeft{
    width:20%;
    height:90px;
    border-right:1px solid #dbdbdb; text-align:center;
}
.red .tipsLeft{
    line-height:144px;
    background:#f2f2f2 url(../images/img/logoRed.png) no-repeat center 16px;
}
.orange .tipsLeft{
    background: url(../images/img/logoOrage.png) no-repeat center 16px;
}
.yellow .tipsLeft{
    background: url(../images/img/logoYellow.png) no-repeat center 16px;
}
.blue .tipsLeft{
    background: url(../images/img/logoBlue.png) no-repeat center 16px;
}

.None .tipsLeft{
    background: url(../images/img/logoNo.png) no-repeat center 16px;
}

/*.green .tipsLeft{
    background: url(../images/img/green.png) no-repeat center 16px;

}*/
.tipsLeft {
    position: relative;
    width:18%;
}

.tipsLeft p { width:100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align:center;
    bottom:6px;
    left:0;
}
.tipsText{
    position: relative;
    /*max-width:75%;*/
    /*width:75%;
    padding-top:20px;*/
    box-sizing:border-box;
    padding:8px 0 0 10px;
    width:81%;
    text-align: center;
}
.tipsText ul{
    width:95%;
    padding:3px 2% ;
    overflow: hidden;
}
.tipsText ul li{
    width:48%;
    height:28px;
    line-height: 28px;
    float:left;
}

.tipsText a{
    display: inline-block;
    width:70px;
    height:30px;
    line-height:30px;
    color:#5297c4;
    position:absolute;
    right:0;
    bottom:0;
    text-align: center;
}

.noTsunami { line-height: 80px;
    font-size: 20px;
    color:green;}
.tipsText span { display:inline-block;
    width:90px;
    color: #000;
    font-weight: bold;
    font-size:16px;
    /*text-align:right;*/
}
.tipsText tr {
    width:100%;
    line-height: 25px;
}
.map{
    height:auto;
    width:100%;
    /*left: 4px;*/
    /*top: 5px;*/
    overflow:hidden;
    position:relative;
    z-index:0;
    background-color:#000000;
    min-height:240px;
}
.map1{
    height:300px;
    width:100%;
    /*left: 4px;*/
    /*top: 5px;*/
    overflow:hidden;
    position:relative;
    z-index:0;
    /* background-color:#000000; */
    min-height:240px;
}

.mapCon	{
    /*top:10px;*/
    height:62%;
    width:200%;
    position:relative;
    z-index:1;
}

.mapControl{
    height:70px;
    overflow:hidden;
}
.LoLaCon{
    font-family:"寰蒋闆呴粦";
    font-size:12px;}
.LoLaCon{
    position:absolute;
    bottom:0;
    right:0;
    font-size:13px;
    height:35px;
    width:290px;
    padding:10px 0 0 60px;
    background:url(../images/bottombg.png) no-repeat;
    z-index:999;}
.LoLaCon table{
    font-family:"寰蒋闆呴粦";
    font-size:13.5px;
    margin-top:10px;}

.zoomCon{
    position:absolute;
    width:28px;
    border:1px solid #10010b;
    top:60px;
    left:10px;
    background:url(../images/zoomconbg.png) repeat;
    z-index:999;}
.zoomBtn{
    display:block;
    cursor:pointer;
    height:28px;
    width:28px;}
.mapZoom{
    height: 138px;
    margin:5px 0px;
    background:url(../images/zoombg.png) no-repeat top left;}




.maxMap{
    /**border: 1px solid #ccc;**/
    margin-top:20px;
    position: relative;
    /*min-height:500px;*/
}
.maxMap .amplitudeTuli{
    position: absolute;
    left:10px;
    top:50%;
    width:76px;
    height:350px;
    z-index: 999;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
.maxMap .travelTimeTuli{
    position: absolute;
    right:55px;
    top:50%;
    width:76px;
    height:300px;
    z-index: 999;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
.controlRight{
    /*margin-right:7px;*/
    height:40px;
    padding:5px 0 0 5px;
}
.colorBlack{
    color: #666;
}
.colorGray{
     color: #ccc;
 }


.controlRight li{
    float: left;
    height:28px;
    text-align:center;
    line-height:30px;
    margin-left: 10px;
}
.controlRight li a{
    display: inline-block;
    width:70px;
    border-radius: 3px;
    text-align: center;
    height:24px;
    line-height: 24px;
    margin:3px;
    background: #dbdbdb;
}
/*.controlRight li.current a,.controlRight li a:hover{*/
    /*background: #5297c4;*/
    /*color:#ffffff;*/
/*}*/
.controlRight p {float: left;
    height:28px;
    line-height:24px;
    margin-right: 20px;
    /*background: url("../images/btn1.png") no-repeat left center;*/
}
/*.controlRight p.odd{*/
    /*background-image: url("../images/btn2.png") ;*/
/*}*/


.controlRight .first{
    margin-left: 0;
}
/*.controlRight p .time { display: block;  height:28px;padding-left:20px; cursor:pointer;*/
          /*; font-size:14px; }*/
/*.controlRight p .time.tselected { background-color:rgb(82, 151, 196);}*/
.controlRight input{
    margin-right:4px;
    width:15px;
    height:15px;
    vertical-align:top;
}

.popover { box-shadow:0 0 20px;}



/*鍦伴渿淇℃伅*/
.eventList{
    width:100%;
}
.tableTitle{
    height:35px;
    background:#396b9a url("../images/img/titlebg.png") repeat-x left bottom;

    font-size:16px;
}

.listTile h2{
    width:200px;
    padding-left:20px;
    /*text-align: center;*/
    height:33px;
    font-size: 16px;
    line-height:33px;
    border-bottom:2px solid #5297c4;
    background: url("../images/img/h2bg.png") no-repeat 10px center;
    color:#333;

}
.listTile { margin-bottom:5px;}
.listTile .more{
    display: inline-block;
    margin:9px 10px;
    height:17px;
    width:40px;
    background:url("../images/img/bgimg.png") no-repeat -2px -46px;
}
.eventList table{
    margin:5px 0  0 0 ;
}
.eventList table tr td{
    text-align: center;
    height:26px;
    line-height:26px;
    font-size: 14px;
}
.eventList .tableTitle{
    height:32px;
    line-height: 32px;
    color:#ffffff;
}
.scList{
    width:90%;
    padding:0 5%;
    overflow: hidden;
}
.scList li{
    float: left;
    width:33%;
}
.scList a{
    width:100%;
    display: inline-block;
    height:80px;
}
.haiX{
    background: url("../images/img/haixiao.png") no-repeat center center;
}
.earthquake{
    background: url("../images/img/earthquake.png") no-repeat center center;
}
.save{
    background: url("../images/img/save.png") no-repeat center center;
}
.table02 { border:1px solid #ccc; box-sizing:border-box;}
.table02 tr:nth-of-type(1n){background:#fff;}
.table02 tr:nth-of-type(2n) { background:#f3f3f3;}
.table02 tr td { border:1px solid #ccc;}
.table01 tr td { border:1px solid #fff; }



/*棰勮娴佺▼浠嬬粛*/
.mapBox dl{ float:left; display:block; width:100%}
.mapBox dt{ width:100%; height:25px; line-height:25px; background:#ededed; color:#13487a; padding-left:15px; float:left }
.mapBox dt i{ display:inline-block; width:3px; height:3px; background:#13487a;vertical-align:middle; margin-right:6px;}
.mapBox dd{ margin-left:0px; text-indent:2em; width:1000px; margin:16px auto; word-wrap: break-word;/*word-break:break-all;鑻辨枃鏍煎紡涓嬬殑寮哄埗鎹㈣*/}
/*娴峰暩棰勮涓績浠嬬粛*/
#yj_list .mapBox dd{ text-indent:inherit}
.mapBox dd .ryjs{ width:100%;}
.mapBox dd ul li{ float:left; width:16%; margin-right:3%;  margin-top:3%}
.mapBox dd ul li:first-child{ margin-left:4%}
.mapBox dd ul li:last-child{ margin-right:0}
.mapBox dd ul li img{ float:left; width:120px; height:120px; overflow:hidden;}
.mapBox dd ul li h2{ padding-left:20px}
/*浜у搧鍒楄〃*/
.yj_list { width:100%}
.mapBox strong{ text-align:center; display: inline;color: #333333;font-weight: bold;}
.mapBox dd section{ width:455px; height:180px; margin:60px auto 0px; border:1px solid}
.mapBox dd section ul{ width:290px; float:left}
.mapBox dd section ul li{ float:inherit; width:inherit; margin:inherit; padding-bottom:10px }
.mapBox dd .zhwz{ width:222px; height:176px; border:1px solid; margin:40px auto 0px}
.mapBox dd table tr,.mapBox dd table tr td{ text-align:center;}

/*鍦伴渿璇︾粏淇℃伅*/
.earthImg{ text-align: center }
.ybdList{ text-align: center }


.conBox { width: 400px; height: 300px;  background:rgba(38,38,38,0.5);border-radius: 20px; box-shadow: 0 0 20px #4AB895;}
.conBox  .boxtop { height: 50px; line-height: 50px;background:rgba(138, 246, 238, 0.5); border-radius:20px 20px 0 0; box-sizing: border-box; padding-left:30px; color:#DDB9B9; }
.conBox  .conk { height: 40px; line-height: 40px; padding-left:30px; box-sizing:border-box; font-weight: bold; color:#fff; font-size:18px;}


.center .cen_t .gai { float:right; display:block; margin-right:50px; border: 1px solid #ccc}
.center .cen_t .gai:hover { color:deepskyblue;}