@charset "UTF-8";

html, body{margin: 0; border: 0; padding: 0;}
*{margin: 0; border: 0; padding: 0; outline: 0; color: #999999;
 text-decoration: none; list-style: none; font-style: normal;}
header,section, footer{display: block;}


#wrap{width: 960px; height: 1200px; margin: auto;}
#headBox{width: 100%; height: 150px; 
 padding: 40px; box-sizing: border-box;}
h1{float: left; width: 200px; height: 70px; background-color: #fed;}
#headBox>ul{float: right; width: 600px; height: 50px;margin-top: 25px}
#headBox>ul>li{float: left; width: 200px; height: 40px; background-color: #dee;line-height: 40px;
 text-align: center;}
#headBox dl{width: auto; height: auto;}
#headBox dl>dt{width: auto; height: auto;}
#headBox dl>dd{display: none; width: auto; height: 40px; background-color: #eec;}

#conBox_01{position: relative; 100%; height: 400px;}
#conBox_01>.text{ position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto;
 width: 450px; height: 40px; background: #dddddd;
 text-align: center; line-height: 40px; color: #893700; font-weight: bold; border-radius: 50px}
#conBox_02{width: 100%; height: 500px;}
#conBox_02>ul{width: 100%; height: 100%;}
#conBox_02>ul>li{width: 100%;}
#conBox_02>ul>li:nth-child(1){height: 200px;}
.notice{float: left; width: 48%; height: 100%;}
.notice>div{width: 100%; height: 50px; text-align: center;
 font-size: 1.5rem; line-height: 50px; font-weight: bold; }
.notice>dl{width: 100%; height: 25px;}
.notice>dl>dt:nth-of-type(2n){background-color: #ddd;}
.notice>dl>dd:nth-of-type(2n){background-color: #ddd;}
.notice>dl>dt:nth-of-type(1){text-align:center; font-weight:bold;}
.notice>dl>dd:nth-of-type(1){text-align:center; font-weight:bold;}
.notice>dl>dt{float: left; width: 80%; height: 100%;font-size: 0.95rem;text-indent:3px; line-height: 25px;}
.notice>dl>dd{float: right; width: 20%; height: 100%; text-indent:3px; line-height: 25px;}

.info{float: right; width: 48%; height: 100%;}
.info>.info_text{width: 100%; height: 50px; text-align: center;
 font-size: 1.5rem; line-height: 50px; font-weight: bold;}
.info>.info_box{width:100%; height: 150px; background-color: #fed}
.info_box>p{float: right; color: #fff;}

#conBox_02>ul>li:nth-child(2){height: 300px; background-color:#dce}
#conBox_02>ul>li:nth-child(2)>div{float: left; width: 320px; height: 100%;}
.news{background-color: #36d}
.music{background-color: #ded}
.travel{background-color: #98e}
#footBox{width: 100%; height: 150px; background-color: #4298cc; }
#footBox>.link{float: left; width: 50%; height: 100%;
 padding: 60px 10px;; box-sizing: border-box}
.link>li{float: left; width: auto; margin-left: 30px; line-height: 30px;
 text-align: center;}
.link>li:nth-child(1){margin-left: 40px;}
#footBox>address{float: right; width: 50%; height: auto; 
 padding: 20px; box-sizing: border-box;}
#footBox>address li{color: #fff;}