/**公共部分 Start**/
 * {
    margin:0px; padding:0px; border:0px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; 
    list-style:none; font-family:"Microsoft YaHei";
 }
 html,body { width:100%; height:100%; overflow:hidden; }
 img { border:0px; }
 ul, ol, li, dl { list-style-type:none; list-style:none; }

/**页面背景图**/
 body { background-image:url("../Images/1011_01.jpg"); background-repeat:no-repeat; background-size:100% 100%; } 

/**页面内容区**/
 #Content { position:absolute; width:1300px; overflow:hidden; top:50%; left:50%; margin-top:-300px; margin-left:-650px; }

/**切换图片**/
 #banner { float:left; width:850px; height:600px; background-color:rgba(64,78,131,0.75); border-radius:10px 0px 0px 10px; }
 #banner .picimg    { position:relative; width:100%; height:100%; }
 #banner .picimg li { position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat; background-size:100% 100%; display:none; border-radius:10px 0px 0px 10px; }
 #banner .picimg li.cur { display:block; }
 #banner .picnav { position:absolute; bottom:15px; left:390px; z-index:10; }
 #banner .picnav ul    { width:120px; margin:0 auto;}
 #banner .picnav ul li { float:left; display:inline-block; width:24px; height:2px; background-color:#999999; cursor:pointer; overflow:hidden; margin-top:2px; margin-left:3px; margin-right:3px; }
 #banner .picnav ul li.cur { height:4px; margin-top:1px; background-color:#2887F0; border-radius:3px; }
 #banner .in_101 { position:absolute; top:25px; left:35px; z-index:20; }
 #banner .in_101 img { float:left; height:60px; }
 #banner .in_101 div { float:left; height:43px; border-left:1px solid #222222; margin-top:7px; margin-left:17px; padding-left:15px; }
 #banner .in_101 .P1 { color:#222222; font-size:25px; line-height:25px; letter-spacing:2.800px;  padding-top:1px; }
 #banner .in_101 .P2 { color:#222222; font-size:12px; line-height:12px; letter-spacing:-0.28px; padding-top:5px; }

/**用户登录**/
 #logons { float:left; width:450px; height:600px; background:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 80%, #DBECFF 100%); border-radius:0px 10px 10px 0px; }
 #logons .in_201 { height:130px; }
 #logons .in_201 .s1 { font-size:30px; color:#000000; letter-spacing:4px; padding:60px 0px 0px 40px; }
 #logons .in_201 .s2 { position:absolute; top:0px; right:0px; z-index:20; font-size:0px; cursor:pointer; }
 #logons .in_201 .s2 img { border-radius:0px 9px 0px 0px; }
 #logons .in_202 { overflow:hidden; padding:0px 50px; }
 #logons .in_202 li { height:80px; border-bottom:1px solid #CCCCCC; background-repeat:no-repeat; background-position:10px 33px; }
 #logons .in_202 li span { float:left; width:50px; margin-top:35px; font-size:24px; color:#999999; padding-left:10px; }
 #logons .in_202 li input[type="text"]     { float:left; margin-top:31px; width:280px; height:30px; line-height:30px; font-size:20px; border:0px; outline:medium; font-weight:bold; }
 #logons .in_202 li input[type="password"] { float:left; margin-top:31px; width:280px; height:30px; line-height:30px; font-size:28px; border:0px; outline:medium; font-weight:bold; letter-spacing:3px; }
 #logons .in_202 li input[type="submit"]   { float:left; margin-top:31px; width:100%;  height:55px; line-height:56px; font-size:24px; border:0px; outline:medium; background:#2887F0; color:#fff; letter-spacing:10px; cursor:pointer; border-radius:28px; }
 #logons .in_202 li input::-webkit-input-placeholder { font-size:18px; color:#BBBBBB; font-weight:normal; letter-spacing:0px; }
 #logons .in_203 { position:absolute; bottom:10px; }
 #logons .in_203 img { width:100%; opacity:0.38; filter:opacity(38%); -webkit-filter:opacity(38%); }
 #logons .in_204 { padding-top:20px; text-align:center; }
 #logons .in_204 a       { color:#2374EF; padding-bottom:2px; font-size:15px; text-decoration:none; }
 #logons .in_204 a:hover { color:#FF3300; border-bottom:1px solid #FF3300; }
 #logons .in_204 i       { font-style:normal; font-size:12px; color:#BBBBBB; margin-left:8px; margin-right:8px; position:relative; top:-1px; }