@charset "utf-8";
/* CSS Document */
html,body { height: 100%; min-height: 700px; min-width: 960px;
 padding: 0; margin: 0; font-size:18px; font-family: "微软雅黑"; 
color:#191919; line-height:180%; text-align: center; position: relative; z-index: 0;}
input,textarea {font-family: "微软雅黑";}
body {background: url(/Images/bg.jpg) center center no-repeat; background-size:cover;}
ul,li { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt { margin: 0; padding: 0;}
a { text-decoration: none;color:#fff;} 
a:hover {  color:#fff;text-decoration: none;}
a img { border:0;}

input::-webkit-input-placeholder{color: #fff;}
input::-moz-placeholder{color: #fff;}
input:-ms-input-placeholder{color: #fff;}
.toptel { text-align: right;font-size: 20px; color: #373637; padding:0.8em 0.6em;}

.loginBoxB { position: absolute; left:50%; top: 50%; margin-top: -295px;
min-width:1240px;margin-left: -620px; 
padding: 3px; border: 3px solid rgba(255, 255, 255, 0.12);
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;overflow: hidden;}
.loginBox {
background:#fff;
filter:Alpha(opacity=12);
background: rgba(255, 255, 255, 0.12);
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.loginBox::after { display: block; content: ""; clear: both;}
.loginBox .boxL { float: left; width: 42%;  padding: 4em 0 5em;  position: relative; z-index: 0;}
.loginBox .boxL .con { position: relative; z-index: 1;}
.loginBox .boxL .bg { position: absolute; z-index: 0; right: 0; top: 50%; margin-top: -85%; width: 170%; height: 0; padding-top: 170%;
background:#fff;
filter:Alpha(opacity=40);
background: rgba(255, 255, 255, 0.4);
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.loginBox .boxR { float: left; width: 44%; margin-left: 6%; padding: 4.6em 0 0;}
.loginBox .boxR .con { width: 57%; margin: 0 auto;}
.loginBox .name { margin-left: 7%; text-align: left;}
.loginBox .name .logo { display: inline-block; vertical-align: middle;}
.loginBox .name .logo img { width: 68px; height: auto;}
.loginBox .name .txt {display: inline-block; vertical-align: middle; letter-spacing: 1px; color: #3f9215; margin-left: 0.3em;
 font-size: 26px; font-weight: bold;}

.loginBox .noticeBox { margin:3.2em auto 0 11%; width: 72%; color: #143a11; text-align: left;}
.loginBox .noticeBox a {color: #143a11;}
.loginBox .noticeBox a:hover {color: #2b6a26;}
.loginBox .noticeBox .tit { padding-left: 2.2em; background: url(/Images/notice.png) 0 center no-repeat; font-size: 26px; letter-spacing: 0.05em; }
.loginBox .noticeBox .list { margin-top: 0.8em; height: 13.8em; overflow: hidden;}
.loginBox .noticeBox .list li {font-size: 20px; line-height: 2.3em; height: 2.3em;overflow:hidden;
text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}

.loginForm { color: #fff;}
.loginForm .tit{ letter-spacing: 3px; font-size: 29px;}
.loginForm ul{ margin-top: 2em;}
.loginForm li { position: relative; z-index: 0; padding:0.5em 0 0 2.5em; border-bottom: 1px solid #fff;}
.loginForm li.liCode { padding-right: 5.3em;}
.loginForm .pic { position: absolute; left: 0; top: 1.2em; width: 40px; height: 40px;
 background:center center no-repeat; background-size:contain ;}
.loginForm .picUser { background-image: url(/Images/user.png);}
.loginForm .picPass { background-image: url(/Images/password.png);}
.loginForm .picCode { background-image: url(/Images/code.png);}
.loginForm .input { font-size: 18px; line-height: 1.4em; padding: 1.1em 0; width: 100%; color: #fff; border: 0;
 outline-width: 0; background-color: transparent;
}
.loginForm .input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: white;
  transition: background-color 0s linear 3600s;
}
 .loginForm .code { cursor: pointer; position: absolute; right: 0.3em; top: 1.3em; border: 1px solid #fff; width: 4.5em; line-height: 2em; height: 2em;
  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; overflow: hidden; letter-spacing: 1px;}
 .loginForm .code img { width: 100%; height: 100%;}
.loginForm .btnW { text-align: left; padding:2.4em 0 0 2.5em;F center ;}
.loginFo}
.loginForm .btnLogin { line-height: 1.9em; font-size: 24px; border: 0; padding: 0 1em; outline-width: 0;
 background-color: #ffffff; color: #143910; cursor: pointer; margin-right: 0.8em; font-weight: bold; letter-spacing: 1px;
 -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.loginForm .btnReset {line-height: 1.9em; font-size: 24px; border: 0; padding: 0 1em; outline-width: 0; 
background-color: #143910; color: #fff;cursor: pointer; font-weight: bold; letter-spacing: 1px;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.footer { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #637c78; color: #fff; 
font-size: 15px; padding: 1em 0 0.4em; }
.footer a:hover { color: #eee;}
@media only screen and (max-width: 1680px){
html,body {font-size:18px;}
.toptel { font-size: 18px;}
.loginBoxB { position: absolute; left:50%; top: 50%; min-width:1090px;margin-left: -545px; }
.loginBox .name .logo img { width: 57px;}
.loginForm .tit { font-size:25px ;}
.loginBox .name .txt { font-size: 20px;}
.loginBox .noticeBox .tit { font-size:23px ;}
.loginBox .noticeBox .list li {font-size: 18px;}
.loginForm .input { font-size: 16px;}
.loginForm .btnLogin { line-height: 1.9em; font-size: 22px;}
.loginForm .btnReset { line-height: 1.9em; font-size: 22px;}
.loginForm .pic {  width: 34px; height: 34px;}
.loginForm li { padding-left: 2.3em;}
.loginForm .btnW{ padding-left: 2.3em;}
 .loginForm .code { top: 1.2em; width: 3.7em; height: 1.6em;}
 .loginBox .boxR  { margin-left: 4.5%;}
 .loginBox .boxR .con { width: 60%; margin: 0 auto;}

}
@media only screen and (max-width: 1200px){
.loginBoxB { margin-left: -430px; min-width:860px;}
.loginBox .name .txt { font-size: 18px;}
.loginBox .name .logo img { width: 42px;}
.loginForm .btnLogin { margin-right: 1em;}
.loginBox .boxL .bg { margin-top: -100%; width: 200%; height: 0; padding-top: 200%;}
.loginBox .boxL  { width: 47%;}
.loginBox .noticeBox .list li {font-size: 16px;}
.loginForm .input { font-size: 16px;}
.loginForm .btnLogin { line-height: 1.9em; font-size: 20px;}
.loginForm .btnReset { line-height: 1.9em; font-size: 20px;}
 .loginBox .boxR .con { width: 70%; margin: 0 auto;}
}