body { background-color: #F5F6F6; color: #fff; }
.index_wrapper { width: 1200px; margin: 0 auto; }

.index_menu { border-bottom: 1px solid #505658; min-height: 60px; background-color: #132A4C; }
    .index_menu ul li { height: 60px; line-height: 60px; min-width: 100px; text-align: center; font-size: 16px; }
        .index_menu ul li a { color: #fff; height: 60px; line-height: 60px; min-width: 100px; float: left; cursor: pointer; }
            .index_menu ul li a:hover { background-color: #373D41; }
    .index_menu .logo { font-size: 20px; width: 200px; text-align: left; }

.index_body, .index_footer { background-color: #132A4C; }
.index_body { height: 500px; }
.login_left, .login_right { float: left; background-color: inherit; margin-top: 100px; }
.login_left { width: 60%; font-size: 14pt; }
    .login_left ul { float: left; }
        .login_left ul li { margin-bottom: 10px; list-style-position: inside; list-style-type: initial; }
        .login_left ul .noliststyle { list-style: none; }
    .login_left .title { font-size: 28px; color: #FA9524; }
        .login_left .title .logo { font-family: Broadway; font-size: 40px; padding-right: 10px; }
        .login_left .title .iconfont { font-size: 28pt; margin-right: 10px; color: orange; }
    .login_left .QRPDA { float: left; width: 150px;  margin-top: 140px; margin-left: 100px; }
        .login_left .QRPDA .qrcode {
            width: 120px;
            height: 120px;
            margin-bottom: 10px;
            background:#ffffff;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .login_left .QRPDA p { font-size: 14px; }

.login_right { width: 40%; margin-top: 110px; }
    .login_right a { color: #fff; display: block; }
.login_ul { width: 260px; margin: 0 auto; border: 1px solid #505658; padding: 20px; border-radius: 5px; }
    .login_ul li { color: #F5F5F5; height: 30px; line-height: 30px; }
        .login_ul li input { width: 250px; height: 30px; border: none; border-radius: 3px; padding: 0 5px; }
.li_submit { margin-top: 30px; margin-bottom: 10px; }
    .li_submit input[type="submit"] { width: 100%; background-color: #D7D7D8; cursor: pointer; letter-spacing: 5px; }
.introduce, .product { width: 1200px; margin: 0 auto; color: #000; }
    .introduce li p { font-size: 18pt; text-align: center; padding: 10px 0px; }
    .introduce li dl { width: 300px; float: left; height: 290px; }
        .introduce li dl dt { text-align: center; font-size: 12pt; height: 49px; line-height: 49px; border-bottom: 1px solid #ccc; }
        .introduce li dl dd { height: 240px; color: #24282C; }
        .introduce li dl:hover dd { font-weight: bold; }
        .introduce li dl dd ul li { margin-left: 20px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; font-size: 14px; padding-left: 10px; }
    .introduce dt i { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; margin-right: 10px; }

.product { margin-top: 30px; }
    .product .title { font-size: 18pt; text-align: center; padding: 10px 0px; color: #333; }
    .product ul li { width: 20%; float: left; text-align: center; min-height: 200px; }
        .product ul li div { width: 90%; margin: 0 auto; background-color: blue; min-height: 150px; }
/*footer*/
.index_footer { margin-top: 60px; padding-top: 20px; min-height: 110px; }