/* Index */
.full {display: inline-block;width: 100%; padding-top: 20px; background: url(../img/bbs_bg22.png) repeat-x; }
.boxes {display: block;width: 1000px; margin: 0 auto}

.bx1 {width: 250px; display: inline-block;}
.bx1 table {width: 100%; font-size: 12px; color: #333; padding: 4px }
.bx1 th,td {padding: 6px; border-bottom: 0px solid #ccc}
.bx1 .tit { border-bottom: 2px solid #555; padding: 8px; font-size: 20px; margin-right: 20px}
.bx1 .tit i  { font-size: 20px; margin-right:10px}
.bx1 .map { background: url(../img/map.png) no-repeat ; background-size: 92%; height: 90px; margin-top: 8px}
.bx1 h2 { font-size: 24px; color: #fff; text-shadow: 2px 2px #000; padding: 30px 0 0 50px}
.bx1 .ba1 {background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 10px}
.bx1 .ba2 {background: url(../img/banner2.png) no-repeat ; height: 97px}

.bx2 {width: 750px; float: right }
.box2{display:inline-block; width: 100%; margin-top: 10px}
.box2 li{float: left; width: 250px; color: #465b2d; text-align: center;padding: 0 20px;border-right: 0px solid #e0e0e0; margin: 20px 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box2 h2{display: block;font-size: 18px; padding-bottom: 20px; color: #09767a}
.box2 li:last-child, .box2 li:first-child {border-right: none}
.box2 .download { display:inline-block;margin-top:20px;padding:8px 20px;background-color:#5b4c64;letter-spacing:1px;font-size:12px;color:#fff;.}
.box_line{display: block; width: 750px ; margin: 10px auto;  border-bottom: 1px solid #e0e0e0 }

.box1{display: block; width: 1000px; margin: 0 auto}
.box1 li { width: 25%; float: left}
.box1 li  i {font-size: 30px; margin: 50px 0 10px}
.box1 li h2 {margin-bottom: 20px}
.box1 li > span {display: block; margin-bottom: 30px}
.box1 .sq1 {padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box1 .sq2 {background-color:#0257ad; color: #fff; text-align: center;}
.box1 .sq3 {background-color:#0469b7; color: #fff; text-align: center;}
.box1 .sq4 {background-color:#0c7eb9; color: #fff; text-align: center;}
.box1 li:hover { background-color: #243c43 }

.box3{width: 750px; margin: 10px auto 10px; }
.box3 .bbs {width: 750px; display: inline-block; }
.box3 .bbs li{ width: 250px; float: left;}

.box3 .bbs .notice{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .notice .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .notice .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .notice .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box3 .bbs .news{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .news .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .news .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .news .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}
 
.box3 .bbs .photo{display: inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .photo .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .photo .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .photo .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box4{clear: left; padding: 20px; width: 1000px;margin: 0 auto ; border-top: 1px solid #e0e0e0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

/* Page */
.page_title{display:block;height: 70px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.page_title i {display: inline-block; float: left; width:12px;height:22px;border-radius:2px; background-color: #4682b4; margin: 22px 8px 0 16px}
.page_title h1{display: inline-block;font-size:16px; color:#555; padding: 22px 0 0 0 }


@media all and (max-width: 479px) {
    /* Index */
.full {display: inline-block;width: 100%; padding-top: 0px; background: url(../img/bbs_bg2.png) repeat-x; }
.boxes {display: block;width: 100%; margin: 0 auto}

.bx1 {width: 100%; display: inline-block;}
.bx1 table {width: 100%; font-size: 12px; color: #333; padding: 4px }
.bx1 th,td {padding: 8px; border-bottom: 0px solid #ccc}
.bx1 .tit { border-bottom: 2px solid #555; padding: 8px; font-size: 20px; margin-right: 0px}
.bx1 .tit i  { font-size: 20px; margin-right:10px}
.bx1 .map { display: none; background: url(../img/map.png) no-repeat ; background-size: 92%; height: 90px; margin-top: 8px}
.bx1 h2 { font-size: 24px; color: #fff; text-shadow: 2px 2px #000; padding: 30px 0 0 50px}
.bx1 .ba1 {display: none; background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 10px}
.bx1 .ba2 {display: none; background: url(../img/banner2.png) no-repeat ; height: 97px}

.bx2 {width: 100%; }
.box2{display:inline-block; width: 100%; margin-top: 10px}
.box2 li{float: left; width: 100%; color: #465b2d; text-align: center;padding: 0 20px;border-right: 0px solid #e0e0e0; margin: 20px 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box2 h2{display: block;font-size: 18px; padding-bottom: 20px; color: #09767a}
.box2 li:last-child, .box2 li:first-child {border-right: none}
.box2 .download { display:none; margin-top:20px;padding:8px 20px;background-color:#5b4c64;letter-spacing:1px;font-size:12px;color:#fff;.}
.box_line{display: block; width: 100% ; margin: 10px auto;  border-bottom: 1px solid #e0e0e0 }

.box1{display: block; width: 100%; margin: 0 auto}
.box1 li { width: 100%; float: left}
.box1 li  i {font-size: 30px; margin: 20px 0 10px}
.box1 li h2 {margin-bottom: 10px}
.box1 li > span {display: block; margin-bottom: 30px}
.box1 .sq1 {padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box1 .sq2 {background-color:#0257ad; color: #fff; text-align: center;}
.box1 .sq3 {background-color:#0469b7; color: #fff; text-align: center;}
.box1 .sq4 {background-color:#0c7eb9; color: #fff; text-align: center;}
.box1 li:hover { background-color: #243c43 }

.box3{width: 100%; margin: 10px auto 10px; }
.box3 .bann { display: none;}
.box3 .bann .ba1 {background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 20px}
.box3 .bann .ba2 {background: url(../img/banner2.png) no-repeat ; height: 97px}
.box3 .bbs {width: 100%;}
.box3 .bbs li{ width: 100%;}

.box3 .bbs .notice{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .notice .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .notice .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .notice .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box3 .bbs .news{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .news .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .news .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .news .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}
 
.box3 .bbs .photo{display: inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .photo .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .photo .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .photo .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box4{display: none; }
    
    /* Page */
    .page_title{display:block;height: 50px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
    .page_title i {display: inline-block; float: left; width:12px;height:22px;border-radius:2px; background-color: #4682b4; margin: 6px 8px 0 16px}
    .page_title h1{display: inline-block;font-size:16px; color:#555; padding: 6px 0 0 0 }
    }