@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
a,a:hover{ text-decoration:none; color:#fff;}
body{     font-family: "Microsoft YaHei"; font-size:14px; color:#fff;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1488951996007'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1488951996007#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1488951996007') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1488951996007') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1488951996007#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*head star*/
.aboutcanvas { position: absolute; top: 0;width: 100%;overflow: hidden;}
.abouthome, .cantacthome {  height: 100% !important; overflow: hidden;}
.denglu_ting{ height:100%;}
.login_kuan{ width:1000px; margin:0px auto; position:absolute; z-index:999999; height:365px; top:50%; margin-top:-182.5px; left:50%; margin-left:-500px;}
.login_ting{ width:615px; height:365px; float:right;}
.loginleft{ width:182px; float:left;}
.loginright{ width:433px; float:right; height:362px; background:rgba(0,0,0,0.49); padding:50px 60px; position:relative;}
.loginright h2{ font-weight:normal; color:#fff; line-height:40px;}
.inte{ border:solid 1px #f6f6f7; border-radius:4px; padding:5px; margin-bottom:15px;}
.inte img{    display: block;    float: left;    margin-top: 6px;}
.inte input{ height:30px; background:none; border:none; padding-left:5px; color:#fff}
.inte2 input.yam_leftm{ width:180px; height:30px; color:#fff}
.yzm_rightm{ width:auto; height:30px; float:right !important;}
.inte2 input.yam_leftm{border:solid 1px #f6f6f7; border-radius:4px; background:none; height:40px;  padding:5px 8px;}
.inte2 img{ height:40px; width:auto;}
.conform{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; border:solid 1px #e4e4e4; /*background:#e4e4e4;*/ font-size:16px; display:block; margin:15px 0px; border-radius:4px;}
.conform:hover{ background:#fff; color:#333;}
.pid_hight{ display:block; width:100%; height:100%;    background:url(../images/bg_logionn.jpg) no-repeat center;  position: absolute;}
.logo_pic{ position:absolute; left:50px; top:15px; width:280px; height:auto;}

/*head end*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e0e0e0; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e0e0e0;opacity:1;
}

input:-ms-input-placeholder{
    color: #e0e0e0;opacity:1;
}

input::-webkit-input-placeholder{
    color: #e0e0e0;opacity:1;
}
.bg_logon{ max-width:100%; height:auto;}
/*foot star*/
.foottt{ width:100%; color:#fff; position:absolute; bottom:30px; left:0px; text-align:center; display:block;}
/*foot end*/