@charset "utf-8";

/* -- Main structure -- */

.pd-logwrap{background: url(../images/logbg.jpg) no-repeat; width: 100%; height: 100%; position: relative; overflow: hidden;background-size: 100% 100%;}
.pd-loginner{background: url(../images/loglogo.png) no-repeat; width: 1363px; height: 100%; position: absolute; left: 50%; bottom: 0; margin-left: -681.5px;top: 4%;}
.pd-logbx{background: url(../images/logbx.png) no-repeat; width: 1356px; height: 686px; margin: 170px auto 0; padding: 28px; box-sizing: border-box;}

.pd-slideBox{ width: 800px; height: 630px; overflow:hidden; position:relative; float: left;}
.pd-slideBox .hd{ height:13px; overflow:hidden; position:absolute; right: 30px; bottom:30px; z-index:1; }
.pd-slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pd-slideBox .hd ul li{ float:left; margin-left: 7px; width:13px; height:13px; background:#2c8feb; border-radius: 50%; cursor:pointer; }
.pd-slideBox .hd ul li.on{ background:#fff;}
.pd-slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pd-slideBox .bd li{ zoom:1; vertical-align:middle; }
.pd-slideBox .bd img{ width:800px; height:630px; display:block;  }

.pd-logform{overflow: hidden; padding: 0 50px;}
.pd-logform h1{font-size: 32px; color: white; padding: 45px 0 45px; border-bottom: 1px solid rgba(255,255,255,.1);}
.pd-logform ul{padding-top: 5px;}
.pd-logform ul li{margin-top: 40px;}
.pd-logform ul li .inptxt{width: 100%; height: 60px; line-height: 60px; border: 1px solid #b5c0db; box-sizing: border-box; background-repeat: no-repeat; background-position: 18px center; padding-left: 40px; border-radius: 10px; font-size: 16px; color: #333; outline: none;}
.pd-logform ul li .inptxt::-webkit-input-placeholder{color: #818181;}
.pd-logform ul li .inptxt:focus{border-color: #0d349a;}
.pd-logform ul li .inptxt.usr{background-image: url(../images/usric.png);}
.pd-logform ul li .inptxt.pwd{background-image: url(../images/pwdic.png);}

.pd-logform .btn{width: 100%; height: 65px; background: url(../images/btnbg.png) no-repeat; font-size: 32px; color: white; margin-top: 55px;}
.pd-logform .btn:hover{background-image: url(../images/btnbgon.png);}

.pd-logform h2{overflow: hidden; padding-top: 15px;}
.pd-logform h2 a{float: right; font-size: 14px; color: white;}

.logcheckBox{float: left;}
.logcheckBox .checkBox-icon{display:inline-block; background: url(../images/checkic.png) no-repeat; width: 13px; height: 13px; margin-right: 5px;}
.logcheckBox .checkBox-icon.on{background: url(../images/checkicon.png) no-repeat;}
.logcheckBox input[type="checkbox"]{display: none;}
.logcheckBox span{vertical-align: middle; font-size: 14px; color: white;}

.pd-botinfo{text-align: center; font-size: 18px; color: white; opacity: .8; position: absolute; bottom: 50px; left: 0; right: 0;}

.waves{position:absolute; left:0; top:40%; right:0; bottom:0; }

.pd-logbanner{float: left; width: 800px; height: 630px; background: url(../images/pic1.png) no-repeat; position: relative;}
.pd-logbanner i{position: absolute; background: url(../images/sd.png) no-repeat; width: 9px; height: 20px;}
.pd-logbanner i.i1{left: 164px; bottom: 130px; animation: linear i1 2s infinite;}
@keyframes i1 {
    0%{bottom: 130px; opacity: 0;}
    50%{bottom: 200px; opacity: 1;}
    100%{bottom: 280px; opacity: 0;}
}
.pd-logbanner i.i2{left: 229px; bottom: 120px; animation: linear i2 2s infinite;}
@keyframes i2 {
    0%{bottom: 120px; opacity: 0;}
    50%{bottom: 220px; opacity: 1;}
    100%{bottom: 320px; opacity: 0;}
}
.pd-logbanner i.i3{left: 363px; top: 218px; animation: linear i3 2s infinite;}
@keyframes i3 {
    0%{top: 218px; opacity: 0;}
    50%{ top: 188px; opacity: 1;}
    100%{ top: 138px; opacity: 0;}
}


@media (max-width: 1366px) {
  .pd-logwrap {
    transform: scale(0.7114);
    transform-origin: top left;
  }
}