﻿@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline }
pre { white-space: pre-wrap;}
ol, ul { list-style: none }
table, tr { border-collapse: collapse; border-spacing: 0; border: 0 }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
body {font: normal 12px "微软雅黑","宋体", "simsun", Arial, Helvetica, sans-serif;  color: #868686;line-height: 12px;background-color: #FFFFFF;}
html, body { -webkit-text-size-adjust: none;} 
li { list-style-type: none}
img { border: none;-webkit-touch-callout:none;}
em, i { font-style: normal; font-weight: normal; display: inline-block }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-style: normal; font-weight: normal }
input, textarea { outline: none; padding: 0; margin: 0 }
textarea { resize: none } 
a { text-decoration: none; color: #868686;font: normal 12px "微软雅黑","宋体", "simsun", Arial, Helvetica, sans-serif;-webkit-touch-callout:none;}
a:link { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none;}
.clear { clear: both }
.cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left;}
.fr { float: right; }


/*body*/
/*body{background: url(../img/bg.jpg) repeat-x top;}*/
/*top*/
.topMax{width: 800px;position: relative;margin: 0 auto;}
.topBox{overflow: hidden;width: 800px;margin: 0 auto;}
.topBox .topL{float: left;height: 48px;}
.topBox .topL h1{line-height: 48px;font-size: 14px;color: #4a4a4a;}
.topR{float: right;padding-right: 0;position: absolute;top:155px;width: 180px;right: 0px;background: url(../img/dlico.png) no-repeat center;padding:100px 100px 68px 80px;}
.topR input{vertical-align: middle;height: 18px;line-height: 18px;padding: 0;border: 0;margin-right: 5px;}
.topR .user{background: none;padding-left: 10px;color: #636363;border:none;width: 110px;padding-top: 2px;padding-bottom: 2px;font-size: 12px; margin-left: 35px;}
.topR .Password{background: none;padding-left: 10px;color: #636363;border:none;width: 110px;font-size: 14px;padding-top: 2px;padding-bottom: 2px;font-size: 12px;margin-left: 35px;margin-top: 15px;}
.topR .codeinput{background: none;padding-left: 10px;color: #636363;border:none;width: 50px;font-size: 14px;padding-top: 2px;padding-bottom: 2px;font-size: 12px;}
.topR .codelable{padding-left: 10px;margin-top: 9px;}
.topR input.no{color: #c9c9c9;}
.topR label{vertical-align: middle;line-height: 20px;display: inline-block;overflow: hidden;}
.topR label.no{margin-left: 26px;}
.topR label a{color: #9e9e9e;text-decoration: underline;}
.topR label img{float: left;height: 26px;}
.topR a{color: #547cc9;}
.topR a:hover{color: #3261bd;}
.topR input.BtnSignIn{background: none;color: #d5e5ff;cursor: pointer;margin-left: 31px;height: 33px;width: 102px;}


.topBanner{background: url(../img/bgM.jpg) no-repeat center top;height: 627px;border-bottom: 1px solid #d8dee4;}
.topBanner.no{background: url(../img/bgM2.jpg) no-repeat center top;}
.topBanBox{width: 806px;margin: 0 auto;/*overflow: hidden;*/}
.topBanner .topSwfB{width: 806px;position: relative;margin: 0 auto;height: 430px;z-index: 1;/*overflow: hidden;*/}
.topBanner .topSwfB .logoBox{width: 103px;height: 103px;position: absolute;left: 30px; top:38px;}



.topBanner .topSwfB .bannerBox{width: 800;height: 278;position: absolute;left: 48px; top:120px;}




/*Btn*/
.BtnList{margin: 0 auto;position: relative;z-index: 99;width: 800px;}
.BtnList ul{width: 900px;height: 240px;}
.BtnList ul li{width: 129px;height: 160px;float: left;position: relative;margin-right: 95px;padding-top: 20px;}
.BtnList ul li a{width: 100%;height: 165px;display: block;margin: 0 auto;position: relative;top:0;}
.BtnList ul li.ico_1{background:url(../img/butnIco1_2.png) no-repeat center 148px;}
.BtnList ul li.ico_1 a{background:url(../img/butnIco1.png) no-repeat center top;}
.BtnList ul li.ico_2{background:url(../img/butnIco2_2.png) no-repeat center 148px;}
.BtnList ul li.ico_2 a{background:url(../img/butnIco2.png) no-repeat center top;}
.BtnList ul li.ico_3{background:url(../img/butnIco3_2.png) no-repeat center 148px;}
.BtnList ul li.ico_3 a{background:url(../img/butnIco3.png) no-repeat center top;}
.BtnList ul li.ico_4{background:url(../img/butnIco4_2.png) no-repeat center 148px;}
.BtnList ul li.ico_4 a{background:url(../img/butnIco4.png) no-repeat center top;}
.BtnList ul li.ico_5{background:url(../img/butnIco5_2.png) no-repeat center 148px;}
.BtnList ul li.ico_5 a{background:url(../img/butnIco5.png) no-repeat center top;}
.BtnList ul li.ico_6{background:url(../img/butnIco6_2.png) no-repeat center 148px;}
.BtnList ul li.ico_6 a{background:url(../img/butnIco6.png) no-repeat center top;}


.BtnList .EjectList{padding: 0;position: absolute;width: 100%;bottom: 180px;left:0px;overflow: hidden;display: none;}
.BtnList .EjectList ul{padding: 0;width: 90%;height: auto;background: url(../img/EjectList.png);margin: 0 auto;position: relative; margin-bottom: -1px;}
.BtnList .EjectList ul li{height: 30px;line-height: 30px;width: 100%;border-bottom: 1px solid #a6d3f2;float: none;margin: 0;padding: 0;}
.BtnList .EjectList ul li a{color: #FFFFFF;display: block;height: 30px;line-height: 30px;padding-left: 20px;width: auto;background: none;}
.BtnList .EjectList ul a:hover{background: #4568aa;}



/*foot*/
/*.footLine{border-bottom: 1px solid #d7d7d7;line-height: 1px;}*/
.footBox{width: 1000px;margin: 0 auto;line-height: 25px;padding: 20px 0px;text-align: center;margin-top: 20px;}
.footBox .footInfo{padding: 5px 0px;}
.footBox .footInfo span{margin: 0 10px;font-size: 16px;font-family: "微软雅黑";color: #4c4c4c;}
.footBox .footInfo a{font-size: 16px;font-family: "微软雅黑";color: #222222;}
.footBox .footInfo a:hover{color: #5f5f5f;}



.topBox .topUser{float: right;padding: 10px;padding-right: 0;}
.topBox .topUser a{color: #868686;font-size: 12px;line-height: 28px;}
.topBox .topUser a:hover{color: #4a4a4a;}
.flash_box1{width: 824px;height: 288px;position: absolute;top:175px;left:0;}
.flash_boxM{width: 100%;height: 130px;position: absolute;top:50px;overflow: hidden;}
.flash_box2{width: 1920px;height: 130px;position: absolute;top:0;left:50%;margin-left: -960px;}


.codelable img{
    width:60px;
    height:30px;
    display:inline-block;
}

.codelable input {
    border: 1px solid #868686;
    display: inline-block;
    width: 80px;
    height: 28px;
    vertical-align: top;
    border-radius: 50px;
    background-color: #EFEFEF;
    text-align:center;
}

#login-message{
    color:#e00b0b;
    padding:10px;
    position:absolute;
}