@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; position:relative; }
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}

.login-box{width: 100%; height: 100%; position: relative;}
.login-box .le{width: 50%; height: 100%; position: relative; overflow: hidden;}
.login-box .le .bg{width: 100%; position: absolute; height: 100%; background: url(../images/left-pic.jpg) no-repeat; background-size: cover; animation: run 12s linear infinite;}
.login-box .ri{width: 50%; height: 100%; position: relative; padding:120px 8% 0 8%;}
.l-logo {text-align: center;}
.l-logo img{display: inline-block; max-width: 100%;}

.Menubox1 {width: 100%; padding-top: 50px; position: relative; text-align: center; }
.Menubox1 li {display: inline-block; cursor: pointer;height: 56px; line-height: 56px; padding:0 15px; font-size: 36px;color: #333333; position: relative; }
.Menubox1 li:nth-child(1):after{content: "";position: absolute; width: 4px;height: 35px; background: #3a3d40; right: -2px; top: 11px; }
.Menubox1 li.hover {color: #9e8214;}
.CbContainer1{position:relative;  padding-top: 20px; }
.Contentbox1 {clear: both; width:100%; min-height:196px; }

.lo-list{width: 70%; margin:0 auto;}
.lo-list li{width: 100%; border-bottom: 1px solid #e5e5e5; list-style: none; height: 68px; margin-top: 20px;  padding-left: 70px;}
.lo-list li:nth-child(1){background:url(../images/l-icon1.png) no-repeat 8px center; font-size: 20px;}
.lo-list li:nth-child(2){background:url(../images/l-icon2.png) no-repeat 8px center; font-size: 20px;}
.lo-list li input{width: 100%; height: 48px; line-height: 48px; margin-top: 10px; outline: none; border:none; font-size: 20px;}
.an{display: block; border:none; outline: none; width: 100%; background: #9e8214; color: #fff; height: 62px;text-align: center; line-height: 62px;  font-size: 24px; margin-top: 90px; border-radius: 50px; cursor: pointer;}
.re-list{width: 70%; margin:0 auto;}
.re-list li{width: 100%; border-bottom: 1px solid #e5e5e5; list-style: none; height: 68px; margin-top: 20px;  padding-left: 70px;}
.re-list li:nth-child(1){background:url(../images/l-icon3.png) no-repeat 8px center; font-size: 20px;}
.re-list li:nth-child(2){background:url(../images/l-icon1.png) no-repeat 8px center; font-size: 20px;}
.re-list li:nth-child(3){background:url(../images/l-icon2.png) no-repeat 8px center; font-size: 20px;}
.re-list li:nth-child(4){background:url(../images/l-icon2.png) no-repeat 8px center; font-size: 20px;}
.re-list li input{width: 100%; height: 48px; line-height: 48px; margin-top: 10px; outline: none; border:none; font-size: 20px;}

@keyframes run {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.04);
    }
    50% {
        transform: scale(1.08);
    }
    75% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}


@media only screen and (max-width: 1440px){
.login-box .ri{ padding:80px 8% 0 8%;}
.Menubox1 {
    padding-top: 30px;
}
.Menubox1 li {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    font-size: 28px;
}
.Menubox1 li:nth-child(1):after{width: 3px;height: 30px; top: 9px; }
.re-list {
    width: 88%;
}
.lo-list {
    width: 88%;
}
.an {
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    margin-top: 50px;
}
.lo-list li{ height: 58px; margin-top: 10px;}
.re-list li{ height: 58px; margin-top: 10px;}
.lo-list li input{height: 40px; line-height: 40px; margin-top:9px; font-size: 18px;}
.re-list li input{height: 40px; line-height: 40px; margin-top:9px; font-size: 18px;}
}

@media only screen and (max-width: 1367px){
.re-list li{ height: 58px; margin-top: 0px;}
.lo-list li input{ font-size: 16px;}
.re-list li input{ font-size: 16px;}
}

@media only screen and (max-width: 1281px){

}
@media only screen and (max-width: 992px){
.login-box .le {
    display: none;
}
.login-box .ri {
width: 100%;
}
}

@media only screen and (max-width: 760px){

}