* { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px; font-weight: normal; list-style: none; border: none; text-decoration: none; outline: none; font-style: normal; }
body { background: #66baf4; color: #333; overflow: hidden; }
.container { position: relative; min-width: 1000px; }
.logo { margin: 27px; overflow: hidden; }
.logoBox { float: left; padding-right: 15px; background: url(../images/login-line.png) no-repeat right center; }
.logoBox img { width: 47px; }
.textBox { float: left; margin-left: 14px; }
.textBox h1 { font-size: 18px; color: white; }
.textBox p { font-size: 12.3px; color: white; }
.loginForm { position:absolute; top:120px; left:60%; width: 348px; margin: 0 auto; overflow: hidden; z-index:9999; }
.loginForm >img { display: block; float: right; }
.loginForm form { width: 282px; height: 289px; background: url(../images/loginform-bg.png) no-repeat 0 0; margin-top: 40px; padding: 33px; }
.loginForm form .inputGro { padding: 7px 0; height: 26px; background: white; margin-bottom: 15px; }
.loginForm form .inputGro img { display: inline-block; vertical-align: middle; margin-left: 9px; }
.loginForm form .inputGro input { width: 250px; vertical-align: middle; text-indent: 1mm; }
.loginForm form .rem { margin-bottom: 15px; overflow: hidden; }
.loginForm form .rem .check { width: 12px; height: 12px; overflow: hidden; background: url(../images/checkbox.png) no-repeat 0 0; float: left; margin-top: 4px; margin-right: 4px; transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; }
.loginForm form .rem .check.checked { background: url(../images/checkbox.png) no-repeat -12px 0; transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; }
.loginForm form .rem a { float: left; color: white; cursor: pointer; }
.loginForm form .rem a:hover { text-decoration: underline; }
.loginForm form .rem .forget { float: right; }
.loginForm form .btnGro { margin-bottom: 25px; }
.loginForm form .btnGro a { display: block; background: #17457b; font-size: 16px; color: white; text-align: center; line-height: 34px; }
.loginForm form .btnGro a:hover { opacity: .8 }
.loginForm .link { text-align: center; color: white; background: url(../images/login-more.png) no-repeat center center; margin-bottom: 21px; }
.loginForm .website { overflow: hidden; }
.loginForm .website a { float: left; display: block; margin: 0 21px; opacity: 0.5; cursor: pointer; }
.loginForm .website a:hover { opacity: 1; }
.loginForm .website a .imgBox { width: 49px; height: 49px; border: 1px solid #eee; border-radius: 50%; overflow: hidden; }
.loginForm .website a .imgBox img { width: 100%; height: 49px; }
.footer { width: 100%; min-width: 1000px; height: 30px; bottom: 0; z-index: 9999; }
.footer p { color: #000; font-size: 12px; margin-top: 30px; text-align: center; }


/*banner部分*/
.bannerBox { width: 100%; margin: 0 auto; min-width: 1200px; min-height: 500px; position: relative; border-top:1px #8fccf6 solid; border-top:1px #8fccf6 solid; }
.banner { position: relative; height: inherit; overflow: hidden;  *overflow:visible;}
.banner li { width: 100%; min-width: 1200px; position: absolute; top: 0; }
.banner li img { display: block; width: 100%; height:500px; }
.pagenation { position: absolute; top: 92%; left: 50%; overflow: hidden; }
.pagenation li { float: left; width: 12px; height: 12px; margin: 0 4.5px; cursor: pointer; background: url(../images/point.png) no-repeat 0 0; }
.pagenation .current { background: url(../images/point.png) no-repeat -12px 0; }
.bannerBox .left { position: absolute; left: -2px; top: 50%; margin-top: -38.5px; display: none; cursor: pointer; }
.bannerBox .right { position: absolute; right: -2px; top: 50%; margin-top: -38.5px; display: none; cursor: pointer; }