@charset "utf-8";
/* CSS Document */

 
html, body{ height:100%;}
 
html, body, ul, li, a, p{margin: 0;padding: 0;}
*{ padding:0px; margin:0px;}
h1,h2,h3,h4,h5,input,textarea,span,select{font-family: "微软雅黑", "宋体";}
body{font-size: 12px;font-family: "微软雅黑", "宋体";margin: auto; }
img{border: 0;}
ul, li{list-style: none;}
a,b,em,i{text-decoration: none;font-style: normal; color:#34495e;}
a:hover{ color:#406ba2;}
.slow a,.slow,.slow li{transition: all 0.5s ease 0s;}
 


.wrapper{ width:100%; height:100%;    min-height: 600px; position:relative}
.main-box{ min-width:700px; width:100%; height:174px; margin-top:-140px; position:absolute; top:35%;} 
.main-box-login{width:700px; margin:auto; }
.main-logo{ text-align:center;}
.login-input-box{ margin-top:50px;}
.login-label{ width:295px; height:39px; margin-right:5px; float:left; border: 1px solid #ccc; background:#fff;display:inline-block;vertical-align:top; border-color:#c5c5c5 #ddd #ddd #c5c5c5;overflow:hidden; position:relative}
.login-label:hover{ border-color:#bbb;}
.login-label input{ width:88%; border:none;height:39px; line-height:39px;  float:right;  font-size:14px; color:#888}
.login-label i{ position:absolute; top:10px; left:6px;}

.login-btn{ display:block; float:right; width:95px; height:40px; font-size:15px; color:#fff; background:#3499da; text-align:center; line-height:40px;
			 background: -webkit-linear-gradient(45deg, #2e8bff, #40b5ff); /* Safari 5.1 - 6.0 */
			  background: -o-linear-gradient(45deg, #2e8bff, #40b5ff); /* Opera 11.1 - 12.0 */
			  background: -moz-linear-gradient(45deg, #2e8bff, #40b5ff); /* Firefox 3.6 - 15 */
			  background: linear-gradient(45deg, #2e8bff, #40b5ff); /*   */
}
.login-btn:hover {
        box-shadow:0 6px 12px rgba(48,142,255,.4); color:#fff;
    }

.main-top{ position:absolute; right:2%; top:0; height:30px; line-height:30px;    margin: 19px 0 5px;}
.main-top a{ margin-left: 20px; font-size:15px; line-height:30px; background:url(../images/l-icon1.png) left no-repeat; padding-left:35px;height:30px; display:inline-block;}
.main-top a.zhmm{background:url(../images/l-icon1.png) left no-repeat;}
.main-top a.yjfk{background:url(../images/l-icon2.png) left no-repeat;}
.main-top a.islt{background:url(../images/l-icon8.png) left no-repeat;color:red;}
.main-top a.sjd{background:url(../images/l-icon4.png) left no-repeat;}


.footer{ width:100%; min-width:700px; background:#eff2f5; height:56px; line-height:56px;text-align:center;    border-top: 2px solid #e4e9ee; position:absolute; bottom:0;}
.footer p{ text-align:center; font-size:14px; color:#000}

.main-code-box{ width:100%; position:absolute; bottom:90px; }
.main-code{margin:auto; width:150px; overflow:hidden}
.login-code{ width:126px; text-align:center; float:left; margin:0 20px; }
.login-code p{ line-height:20px; height:20px;}

.ewm-blcok{ position:relative; display:inline; padding-bottom:20px;}
.main-top .ewm-blcok:hover .ewm-box{ display:block}
.ewm-blcok .ewm-box{ left:-10px; display:none; position:absolute; top:20px;  padding-top:20px; }
.login-code-r{ background:#eee; padding:10px;}
.jt-icon{ position:absolute; top:10px; left:50%; margin-left:-10px;}

.login-code-r img{ margin:13px auto; }
.login-code-r span{ border:0; background:none; cursor:pointer}
.login-code-r span i{color: #009bff; font-size:14px;  display: inline-block; padding: 0 15px;  margin: 0 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.login-code-r span i img{margin-right: 6px; top:2px;position: relative; margin:0; }
.login-code-r span i:hover{ background:#f8f8f8;transition: all 0.5s ease 0s}

.yjfk-tit{ width:100%; height:70px; line-height:70px; background-color:#0e60ac; min-width:900px; text-align:center; overflow:hidden}
.yjfk-tit h3{ font-size:20px; color:#fff; font-weight:normal}

.yjfk-main { width: 500px; margin:auto; padding-top: 50px; padding-bottom: 90px; }
.yjfk-main p { color: #898989; font-size: 14px; line-height: 36px; text-align:center}
.yjfk-main ul {margin-top:20px}
.yjfk-main li{width:100%;margin-bottom:20px;float:left}
.yjfk-main span{color:#545454;font-size:14px;width:100px;line-height:42px;text-align:right;float:left}
.necessary-info{color:#ff8400;vertical-align:middle;padding-right:5px;font-style:normal}
.fb-type-reminder{color:#009ed6;font-size:12px;font-style:normal;margin-left:10px;line-height:44px}
.yjfk-main li img{width:120px;height:42px;vertical-align:middle}
.feedback-type,.feedback-textarea,input{border:1px solid #e5e5e5;font-family:"microsoft yahei";color:#666;outline-color:#009ed6}
.feedback-textarea{width:500px;height:110px;padding:10px;resize:none}
.feedback-input,.captcha-input{color:#555;font-size:14px;width:500px;line-height:20px;padding:10px;border:1px solid #D8D6D6}
.captcha-input{width:100px}
.fb-btn{display:inline-block;background:#ff8400;color:#fff;font-size:16px;width:142px;height:42px;line-height:42px;text-align:center;border-radius:4px;border:none;outline:none;cursor:pointer;margin-right:10px}

.main-box-login2{ min-width:820px; }
.login-label-3{ width:150px;border:0; }
.login-label-1{ width:320px;border:0;  }
.login-label select{  border: 1px solid #ccc;  line-height:39px;height:39px; display:block; font-size:14px; color:#888; padding-left:10px; width:100%;}
.login-label-1 select{ width:320px;line-height:39px;height:39px; }
.login-label-3 select{ width:150px;line-height:39px;height:39px; }
.login-label-1 select option{width:270px;}
.login-label select option{border:0; display:block; width:100%; line-height:39px;height:39px; }