@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
body { font-size:14px; font-family:"微软雅黑";color:#000; background:#edf1f2;  }
input,select{ outline:none; -webkit-transition:0.3s; transition:0.3s; }

.top { height:85px; width:100%; background:#505050; }
.top .topmenu { border-bottom: 1px solid #ddd; min-height:85px; padding:0; width: 1200px; margin:auto; position:relative; }
.top .topmenu .logo { margin:0; padding:0; width:77px; height:77px; float:left; }
.top .topmenu .logo img { width:77px; height:77px;margin:4px 0px 4px 0px;border-radius:5px; }
.top .topmenu h1 { position:absolute; left:95px; top:24px; color:#fff; }

.mbody { width:100%; height:420px; background:#5cb85c; margin:0px auto; display:black; }
.mbody .midid { margin:0px auto; width:1200px; display:block; height:400px; }

.mbody .midid .intro { float:left;width:700px;float:left;border-radius:10px 10px 10px 10px;border:10px solid #505050;margin:20px 10px 10px 0; background:#FFFFFF; height:360px; position:relative;-webkit-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); -moz-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); box-shadow: 11px 11px 11px rgba(0,0,0,0.3); }
.mbody .midid .intro:before { display:block; position:absolute; left:0; top:0px; width:0; height:0; border-bottom:69px solid #fff; border-left:69px solid transparent; -webkit-box-shadow:11px 11px 11px rgba(0,0,0,0.3); -moz-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); box-shadow: 11px 11px 11px rgba(0,0,0,0.3); content:''; }
.mbody .midid .intro:after { display:block; position:absolute; left:-1px; top:-1px; width:0; height:0; border-top:69px solid #edf1f2; border-right:69px solid transparent; content:''; }
.mbody .midid .intro h1 { padding:10px 10px 10px 75px; font-size:15px; color:#655; height:60px; line-height:60px; font-size:28px; }
.mbody .midid .intro ol { margin-left:30px; list-style:none; margin:20px auto; width:660px; position:relative; }
.mbody .midid .intro ol li { display:block;list-style:none; float:left; margin-right:5px; border-radius:100%; width:80px; height:80px; background:#5cb85c; line-height:80px; text-align:center; margin:5px 5px;-webkit-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); -moz-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); font-weight:bold; font-size:16px;/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity:0.8;*/  }
.mbody .midid .intro ol li:nth-child(1) { color:#fff; }
.mbody .midid .intro ol li:nth-child(2) { color:#fff; }
.mbody .midid .intro ol li:nth-child(3) { color:#ff5c00; }
.mbody .midid .intro ol li:nth-child(4) { color:#ff5c00; }
.mbody .midid .intro ol li:nth-child(5) { color:#ff5c00; }
.mbody .midid .intro ol li:nth-child(6) { color:#ff5c00; }
.mbody .midid .intro ol li:nth-child(7) { color:#fff; }
.mbody .midid .intro ol li:nth-child(8) { color:#fff;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(9) { color:#fff;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(10) { color:#fff;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(11) { color:#fff;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(12) { color:#ff5c00;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(13) { color:#ff5c00;margin-top:15px; }
.mbody .midid .intro ol li:nth-child(14) { color:#fff;margin-top:15px; }
 
.mbody .midid .login { margin:20px 0px; display:block; width:350px; height:380px; border:1px solid #ddd; border-radius:5px;-webkit-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); -moz-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); box-shadow: 11px 11px 11px rgba(0,0,0,0.3); background:#FFFFFF; float:right; }
.mbody .midid .login table { width:100%; border-collapse:collapse; margin-top:20px; }
.mbody .midid .login table th { height:40px;text-shadow:5px 5px 5px #ddd; }
.mbody .midid .login table th.title { font-size:28px; height:67px; }
.mbody .midid .login table th.btm input { color:#fff;background: #5cb85c;border:1px solid #4cbd74;border-radius:3px;padding:10px 73px; line-height:30px; font-size:26px; cursor:pointer; border-radius:7px; } 
.mbody .midid .login table td { height:70px; font-size:16px; }
.mbody .midid .login table td:nth-child(1) { text-align:right; padding-right:3px; width:100px; }
.mbody .midid .login table td:nth-child(2) { text-align:left; padding-left:3px; }
.mbody .midid .login table td:nth-child(2) input { border:1px solid #ddd; border-radius:4px; padding:5px; height:28px; width:180px; font-size:20px; font-weight:bold; color:#5cb85c }
.mbody .midid .login table td:nth-child(2) img { height:35px; width:90px; margin-left:5px; }

.mbody .midid .login .user { display:block; position:relative; }
.mbody .midid .login .user .ewm { position:absolute; display:block; width:50px; height:50px; top:-20px; right:0px; }
.mbody .midid .login .user .ewm img { border:0; height:50px; width:50px; cursor:pointer; }
.mbody .midid .login .wxid { display:block; position:relative; }
.mbody .midid .login .wxid .putU { position:absolute; display:block; width:120px; height:50px; top:-40px; right:0px; line-height:30px; cursor:pointer }
.mbody .midid .login .wxid .saoma { width:310px; margin:auto; height:300px; margin-top:50px; background:url(../Img/loading.gif) no-repeat; background-position:center; } 
.mbody .midid .login .wxid .saoma img { border:0; height:280px; width:280px; cursor:pointer; margin:auto; }
.mbody .midid .login .wxid p { text-align:center; color:#666; line-height:30px; }

.foot { position:relative;background: #505050;color: #c8c8c8;font-size: 12px;border-top:6px #1fb400 solid;  }
.foot .foot_info { color:#fff; font-size:13px; display:block; width:1200px; margin:10px auto; text-align:center; line-height:26px; }
.foot .foot_info a { color:#FF6600; }