﻿.banner { width: 100%; height: auto; }
.banner #banner_inner { width: 100%; height: 500px; position: relative; left: 50vw; margin-left: -50vw; top: 0px; z-index: 0; }
.banner #banner_inner #dts { width: 100%; height: auto; }
.banner #banner_inner #dts a { filter: alpha(opacity=0); opacity: 0; display: none; }
.banner #banner_inner #dts a img { width: 100%; height: auto; }
.banner #banner_inner #xts { list-style: none; width: auto; height: 12px; padding-top: 7px; padding-bottom: 7px; position: absolute; left: 50%; margin-left: 0px; bottom: 6px; z-index: 0; display: none; }
.banner #banner_inner #xts li { float: left; width: 10px; height: 10px; background-color: #B1B1B1; border-style: solid; border-color: #FFFFFF; border-width: 1px 1px 1px 1px; border-radius: 10px; margin-left: 6px; cursor: pointer; }

.menu-box { width: 100%; height: auto; padding: 25px 10px; box-sizing: border-box; text-align: left; }
.menu-box .menu-t { width: 100%; font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; position: relative; text-indent: 12px; font-weight: bold; }
.menu-box .menu-t:before { content: ""; display: inline-block; width: 2px; height: 18px; background-color: #0069be; margin-right: 10px; position: absolute; left: 0px; top: 4px; }
.menu { list-style: none; font-size: 14px; }
.menu li { width: 100%; height: 36px; line-height: 36px; text-align: left; text-indent: 10px; margin: 2px 0; }
.menu .select > a, .menu li a:hover { color: #fff; background: #0069be; }
.menu li a { display: block; width: 100%; height: 100%; text-decoration: none; }

.container { margin: 50px auto; }
.container .container-left { width: 282px; height: auto; float: left; border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; }
.container .container-right { width: 900px; min-height: 500px; float: right; box-sizing: border-box; border: 1px solid #ccc; padding: 30px; }
