body {
    background-color: #f4f4f4;
}
.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:0px auto;height:730px; clear:both;position:relative;}
.bannerdiv #main_promo{height:730px; width:1920px;min-width:1200px;position:relative; top:0; left:50%; margin-left:-960px;overflow:hidden; z-index:0; }
.bannerdiv .promoWD{width:auto; min-width:1200px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:1920px;}
.bannerdiv #dots{height:8px; position:absolute;bottom:20px;z-index:99;left:50%;text-align:center; margin-left:-150px; width:300px;}
.bannerdiv #dots a{ width:50px; margin:0 5px; height:8px; display:inline-block; background:url(../images/dot-white.png) no-repeat 0px 0px;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat 0px 0px;}
.bannerdiv .boxBox{width: 100%;min-width: 1200px;height: 410px;overflow: hidden;position: absolute;top:140px;left: 0;z-index: 101;}
.bannerdiv .boxdiv{width: 1200px;height: 410px;overflow: hidden;position: absolute;left:50%;top: 0;margin-left: -600px;}
.bannerdiv .boxdiv .exercise{display: block;float: left;width:163px;height: 55px;line-height: 55px;text-align: center;background: url(../images/type-1.png) no-repeat center;border-radius: 5px;overflow: hidden;color: #fff;font-size: 18px;margin:310px 0 0 25px;}
.bannerdiv .boxdiv .exercise img{position: relative;top:4px;margin-right:10px;}
.bannerdiv .boxdiv .exercise.hover{background: url(../images/type-2.png) no-repeat center;}



.userDiv{width: 280px;border-radius: 5px;overflow: hidden;}
.userDiv .face{text-align: center;}
.userDiv .type{height:32px;line-height:32px;overflow: hidden;text-align: center;color: #1555ca;font-size:20px;}
.userDiv .txtDiv{height: 48px;overflow: hidden;background:#fff;margin:20px auto 0px auto;border-radius: 3px;border-style: solid;border-width:1px 1px;border-color: #ddd;}
.txtDiv img{display: block;float: left;margin: 17px 0 0 15px;}
.txtDiv .txt{float:left;width:236px;height: 40px;line-height: 40px;overflow: hidden;border:none;margin:5px 0 0 12px;background: none;font-family: "微软雅黑";overflow: hidden;color: #333;}
.codeDiv .txt{width: 127px;}
.codeDiv .hqcode{width: 110px;float: right;height: 48px;line-height: 48px;overflow: hidden;text-align:center;color: #fff;font-size: 14px;cursor: pointer;}
.userDiv .btn{display: block;cursor: pointer;border:none;background: #1555ca;width: 100%;height:50px; line-height:50px;overflow: hidden;border-radius: 50px;margin:30px auto 0px auto;color: #fff;font-size: 18px;font-family: "微软雅黑";font-weight: bold;}

.isLoginDiv{background:url(../images/opac-white.png);width:100%;float:right;margin-top:20px;text-align:center;border-radius:5px;font-size:16px;}
.isLoginDiv a{}


.indexContent{
    margin: 16px auto;
}
.newsDiv{
    width: 865px;
    height: 635px;
    float: left;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.loginDiv{
    width: 320px;
    height: 635px;
    float: right;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.index-title{
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: url(../images/title_bg.jpg) no-repeat left center;
    box-sizing: border-box;
    padding-left: 20px;
    border-bottom: 1px solid #dedede;
}
.index-title h1{
    display: inline-block;
    color: #fff;
    font-size: 19px;
    font-weight: normal;
}
.index-title a{
    float: right;
    font-size: 16px;
    color: #555555;
}

.top-news{}
.top-news h1{
    color: #333;
    font-size: 24px;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
}
.top-news p{
    color: #878787;
    font-size: 16px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
}
.newsDiv ul{
    margin: 20px 0;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}
.newsDiv ul li{
    float: left;
    width: 43%;
    background: url(../images/coc_35.jpg) no-repeat 6px 14px;
    padding-left: 15px;
    overflow: hidden;
    padding-right: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsDiv ul li a{
    display: block;
    height: 42px;
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
}
.clear{
    clear: both;
}

.qrcode{
    text-align: center;
    margin-top: 30px;
}
.qrcode img{
    width: 200px;
}
.qrcode h1{
    font-size: 18px;
    color: #444444;
}


.login-box .layui-layer-content{
    padding: 20px;
}
.login-box .layui-layer-content .box-title{
    text-align: center;
    font-size: 22px;
}

.login-form{
    margin-top: 40px;
}
.login-form .layui-input-block{
    margin: 0 auto;
    width: 285px;
}
.login-form span.type,.login-form span.types{
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #000;
}
.login-form span.type,.qrcode span.types{
    background: url(../images/phone.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 45px;
    margin: 20px auto;
}
.login-form span.types{
    background: url(../images/weixin.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 40px;
}
.login-form .getCode{
    position: absolute;
    right: 10px;
    top:0px;
    height: 38px;
    line-height: 38px;
    color: #1555ca;
    cursor: pointer;
}
.login-form .code-form .layui-input-block{
    position: relative;
}
.layui-btn-danger{
    background-color:#1555ca !important;
}


.links{
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
}

.picScroll-left{ width:100%;  overflow:hidden; position:relative;margin-top: 20px; }
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:273px; height:68px; display:block;  padding:2px;border: 1px solid #eee;  }
.picScroll-left .bd ul li .pic img:hover{border-color: #02b2fb;}