@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, span { margin: 0; padding: 0;font: 14px/1em "微软雅黑" ;color:#666; box-sizing: border-box;}
img { border: 0; display: inline-block; vertical-align: middle; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
li { list-style: none; }
i { text-decoration: none; font-style: normal; display: inline-block; }
input, button, textarea, select, optgroup, option { outline: none;  }
a { outline: none; display: inline-block; text-decoration: none; cursor: pointer; }
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'),  url('../font/iconfont.ttf') format('truetype'),  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color:#666;
}
/* .icon-phone:before { content: "\e601"; } */
.icon-truck:before { content: "\e600"; }
/* .icon-unlock:before { content: "\e603"; } */
/* .icon-user:before { content: "\e604"; } */
/*.icon-user:before { content: "\e605"; }*/
/* .icon-lock:before { content: "\e602"; } */
/*.icon-lock:before { content: "\e602"; }*/

html,body{height: 100%;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.txtactive{color: #64a1e9; }
.clear{clear: both;}
.content{height: 100%;}
.header{width: 95%;margin:10px auto; }
.header .phone-txt {position: relative;top: 18px; }
.phone-txt em{margin-left: 16px;font-size: 18px;padding-right: 16px;border-right:1px solid #666 ; }
.phone-txt span{margin-left: 14px; font-size: 18px;}
.phone-txt .hh{font-size: 16px;}
.phone-txt span i{padding-right: 5px;}
.header .logo img{width: 100%; }
.banner{ height:83%; position:relative;}
.banner-img{ height:100%;position: relative; }
.banner-img li{width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0;z-index: 0;}
.banner-img img{ width:100%; height:107%; }
.banner-img .active{opacity: 1;z-index: 10;}
.text-box{position: absolute;right: 10%;top: 15%;padding: 24px;background-color: #fff; box-shadow: 1px 1px 1px #c4d1d4,-1px -1px 1px #c4d1d4; z-index: 500;width: 26%;height: 420px;min-width: 288px;max-width: 384px;  }
.he{padding-top: 60px;}

/*.text-box h5{color: #4c76c7; font-size: 22px;margin-bottom: 50px; }*/
.text-box h5{color: #4c76c7; font-size: 20px;margin-bottom: 20px; }
.he h5{ color: #333;}
.input-list{width: 100%;overflow: hidden; }
.input-list p{display: block; border: 1px solid #ddd;margin-bottom: 24px;height: 46px;line-height: 46px; border-radius: 5px;  }
.input-list p.border-none{border: none;line-height:inherit; }
.input-list .input-txt{width: 80%;height: 24px;line-height: 24px;border: none;border-radius: 3px; }
.input-list .iconfont{width: 40px;text-align:center; }
.input-btn{width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 20px; border-radius:5px ;background-color: #C6003B;color: #fff;border: none;cursor: pointer; }
.input-btn:hover{background-color: #DE0A46; }
.btn-min{width: auto;height: 35px;line-height: 35px;border: none;border-radius:3px ;font-size: 14px; background-color: #ccc;color: #666;  margin: 5px; padding: 0 10px;cursor:pointer;}
.btn-min.active{background-color: #4C76C7;color:#fff; }
.alink{color: #4c76c8; }
.register {display: none; height:420px ;}
.register h5{margin-bottom: 20px; }
.register .input-txt{padding-left:10px ;width: 98%;  }
.register p .input-min{width: 50%;margin-top: 10px; }
.register .protocl{display: block; margin-bottom: 20px;}
.footer{width:100% ;color:#404040;line-height:2.5em; text-align: center; position: relative;top:0; z-index: 11111;}

.tip{position: absolute;left: 0;top: 0; padding: 5px 10px;background-color: #fcf3d2;border-radius: 3px; border: 1px solid #d3bf97; width: auto;border: 1px solid #b3955e;z-index: 900;}
.tip:after{position: absolute;left: 20px;bottom: -9px;content: "";
		border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #fcf3d2; }
.tip:before{position: absolute;left: 18px;bottom: -11px;content: "";
		border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #d3bf97;
 }
.tip span{ color: #b3955e;font-size: 12px;}


.ztc,.mc{display:none;}
.right-con .block{display:block;}
.error-info{margin:15px 0 10px;visibility:visible;}
.error-info .error-icon{background-position:-108px -5px;width:20px;height:20px;display:inline-block;vertical-align:middle;}
.error-info span{color:#FE2725;font-size:16px;padding-left:5px;}
#ImgCodeLogin{
    position:relative;
    top:8px;
    left:10px;
}













