/*登录页样式*/
* { margin: 0; padding: 0; }
ol, ul { list-style: none; }

a:link, a:visited, ins { text-decoration: none; }
a{cursor:pointer;}
img{border:none}
body {font-size: 14px; background-color: #fff;  font-family: "微软雅黑", "宋体", "黑体", Arial;  }
.hide{display:none!important}
.button{background:#4da7af; border-radius:3px; padding:8px 12px; color:#fff;}
a:hover{-webkit-filter:brightness(0.9);  -o-filter:brightness(0.9); -moz-filter:brightness(0.9);  filter:brightness(0.9);  transition:.5s;}
@font-face {font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?vcd3r3');
    src:  url('../fonts/icomoon.eot?vcd3r3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcd3r3') format('truetype'),
    url('../fonts/icomoon.woff?vcd3r3') format('woff'),
    url('../fonts/icomoon.svg?vcd3r3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
input::-webkit-input-placeholder{
    color:#aaa;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#aaa;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#aaa;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#aaa;
}
.main{
    background:#fff;
    overflow:hidden;
}
.main_box{
    width: 450px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
    top: 10%;
    border-top: 3px solid #ddd;
}
.login_box,.signin_box{
    padding-top:30px;
}
.login_box .back_index,.signin_box .back_index{display:block;
    margin:0 auto;
    text-align:center;
    text-align:center;
}
.login_box .back_index img,.signin_box .back_index img{
    cursor:pointer;
}
.login_box .title,.signin_box .title{
    font-size:16px;
    color:#40b4b7;
    text-align:center;
}
.login_box .login_form,.signin_box .signin_form{
    margin:20px;
    padding:0 40px;}
.login_box .login_input,.signin_box .signin_input{
    width:100%;
    height:40px;
    border-radius:2px;
    background:#f4f5f7;
    margin:15px 0;
}
.login_box .login_input  input,.signin_box .signin_input input{
    width:290px;
    height:40px;
    line-height:40px;
    color:#555;
    background:#f4f5f7;
    padding:0 5px;
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
    border:0;
    float:right;
}
.retrieve_box{
	border:0;
	top:80px;
	}
.retrieve_box h2{
	text-align:center;
	color:#333
}
.retrieve_box p{
	text-align:center;
	color:#aaa
}
.user_input::before{
    content:" \e914";
    font-family: "icomoon";
    font-size:16px;
    color:#cacbd0;
    position: relative;
    top: 12px;
    left: 12px;
}
.password_input::before{
    content:" \e913";
    font-family: "icomoon";
    font-size:16px;
    color:#cacbd0;
    position: relative;
    top: 12px;
    left: 12px;
}
.password_input .password_type{
    cursor:pointer;
    float: right;
    position: relative;
    left: 285px;
    top: 8px;
    color:#cacbd0;
}
.password_input .password_type:hover{
    transition:.5s;
    color:#9a9ba0;
    cursor:pointer;
    float: right;
    position: relative;
    left: 285px;
    top: 8px;
}
/*.password_input .password_type::after{*/
     /*content:" \e918";*/
     /*font-family: "icomoon";*/
     /*font-size:24px;*/
 /*}*/
.phone_input::before,.yanzheng_input::before{
    content:" \e912";
    font-family: "icomoon";
    font-size:16px;
    color:#cacbd0;
    position: relative;
    top: 12px;
    left: 12px;
}
.signin_box .yanzheng_input{
    width:60%;
    height:40px;
    background:#f4f5f7;
    float:left;
}
.signin_box .yanzheng_input input{
    width:160px;;
}
.signin_box .signin_input .yanzheng{
    display:block;
    width:120px;
    float:right;
    line-height:40px;
    height:40px;
    background:#40b4b7;
    color:#fff;
    text-align:center;
    border-radius:2px;
}
.signin_box .signin_input .yanzheng[disabled="true"]{
   background:#9a9ba0;
    transition:.5s;
}
.login_box .login_form a.login_submit{
    margin-top:80px;
    margin-bottom:0;
}
.login_box a.login_submit,.signin_box a.signin_submit{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:16px;
    text-align:center;
    margin:20px 0;
    margin-top: 50px;
    background:#40b4b7;
    border-radius:20px;
}
.login_box .switch,.signin_box .switch{
    width:100%;
    height:80px;
    margin-top:30px;
    background:#f4f5f7;
    border-top:1px solid #eee;
    text-align:center;
    color:#888;
    line-height:80px;
}
.login_box .switch a,.signin_box .switch a{
    color:#40b4b7;
}
.login_box .login_checkbox{
    float:left;
}
.login_box .login_recover{
    float:right
}
.login_box .login_checkbox .remember{
    color:#888;
    font-size:12px;
    cursor:pointer;
}
.login_box .login_recover a.recover{
    color:#888;
    font-size:12px;
}
.login_box .error_tip,.signin_box .error_tip{
    margin-top: 20px;
    text-align: center;
    width: 100%;
    line-height: 40px;
    background: #f9e8e8;
    color: #b77171;
}
.footer{background-color:#009fd9;font-family:"Microsoft Yahei"}
.footer-floor1{width:100%;padding:36px 0 60px}
.footer-list{width:69%;height:100%;float:left}
.footer-list ul{float:left;margin-right:13%}
.footer-list .flist-4{margin-right:0}
.footer-list li{line-height:32px}
.footer-list li a{color:#b6e2f2;font-size:12px;text-decoration:none}
.footer-list li a:hover{text-decoration:underline;color:#fff}
.footer-list .flist-title{font-size:16px;color:#fff;margin-bottom:15px}
.footer-floor2{width:100%;border-top:1px solid #4cc3ed;padding:20px 0;text-align:center}
.footer-floor2 p{text-align:center;color:#b6e2f2;font-size:12px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#b6e2f2}
.footer-floor2 a:hover{color:#a8d0e0;text-decoration:underline}
.foot-link{margin:0 15px;text-decoration:none;color:#b6e2f2}
.foot-link:hover{text-decoration:underline}
.footer-right{width:300px;float:right}
.telephone{width:100%;height:32px;line-height:32px;color:#fff}
.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url(../images/phone_32px.png);margin-left:16%}
.telephone .tel-number{font-size:30px;font-weight:400;text-align:right}
.official-plat{width:100%;height:100%;margin-top:20px;position:relative}
.official-plat ul{float:right;margin-top:7px}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(../images/plat_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(../images/plat_icon.png) no-repeat -32px 0}
.official-plat ul li .qq-logo{background:url(../images/plat_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:12px}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:10px;background-image:url(../images/plat_qrcode.png);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:10px;background-image:url(../images/plat_qrcode.png);background-repeat:no-repeat;background-position:-132px 0;display:none}
#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
.five-superiority{width:100%;border-bottom:1px solid #27aede;padding:10px 0 20px}
.five-superiority-list li{float:left;width:20%;height:36px;text-align:center;border-left:1px solid #27aede}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover{color:#bfe7f5}
.five-superiority-list li a.superiority-text{text-indent:4em}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(../images/footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{height:60px;background:#fff;width:100%; bottom:400px; position:absolute; z-index:0;}
.cover_color{top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(255,255,255,0.2);  width: 100%;  height: 100%;  overflow: hidden;  position: absolute;}
.wave_color{background:#3fb8c5; width:100%; height:400px;bottom:0;position:absolute; z-index:0; opacity:0.85;
    background: -ms-linear-gradient(top, #3fb8c5,  #488fdd);        /* IE 10 */

    background:-moz-linear-gradient(top,#3fb8c5,#488fdd);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3fb8c5), to(#488fdd));/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3fb8c5), to(#488fdd));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #3fb8c5, #488fdd);   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #3fb8c5, #488fdd);  /*Opera 11.10+*/}