body{background-color:#fff;}
.dis-flex{display: flex;}
.head-info{flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;align-items:center;height:60px;}
.head-logo{flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;align-items:flex-end;flex:1}
.head-name{margin-left:5px;}
.head-name .name-zh{font-size:16px;color:#666666;line-height:1.4;font-weight:bold;}
.head-name .name-en{font-size:12px;color:#666;line-height:1.4}
.login-wrap{position:absolute;z-index:9;width:100%;top:210px;}
.login-title{text-align:center;letter-spacing:2px;padding:14px 0;}
.login-title h1{color:#333;font-size:25px;font-weight:bold;}
.login-form{width:380px;margin:auto;float:right;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:14px 20px;box-shadow:0 0 8px #eeeeee;box-sizing: border-box;}
.login-form .layui-form-item{position:relative;}
.login-form .layui-form-item label{position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2;}
.login-form .layui-form-item input{padding-left:36px;}
.captcha{width:60%;display:inline-block;}
.captcha-img{display:block;float:right;width:35%;border:1px solid #e6e6e6;}
.captcha-img img{height:36px;width:100%;}
.foot{margin:0 auto;flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;justify-content:space-between;flex-wrap:wrap;padding:14px 0 0}
.foot-left{position:relative;padding-right:120px;height:135px;}
.foot-left>div>span:nth-child(1){height:35px;line-height:35px;display:inline-block;color:#575757}
.foot-right{line-height:2;}
.foot-right ul{list-style:none;overflow:hidden;margin:0;padding:0;margin-bottom:5px;}
.foot-right ul li{float:left;margin-right:30px;}
.foot-right ul li a{color:#575757;-ms-transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}
.foot-right ul li a:hover{text-decoration:none;color:#f08303}
.foot-img{text-align:center;position:absolute;right:0;top:0;}
.foot-img .ewm-name{display:inline-block;font-size:12px;text-align:center;-ms-transform:scale(1.05,1.03);-webkit-transform:scale(1.05,1.03);-moz-transform:scale(1.05,1.03);-o-transform:scale(1.05,1.03);transform:scale(1.05,1.03);text-align:center;}
.copyright{margin:10px 0;}
.dianhua{display:inline-block;vertical-align:text-top;vertical-align:-23px;line-height:1.4em;width:150px}
.dianhua>span:nth-child(1){line-height:1.4;color:#f08303;font-size:20px;font-weight:bold}
.dianhua>span:nth-child(3){display:inline-block;width:16px;height:16px;border-radius:50%;background:#818181;color:white;text-align:center;line-height:13px;vertical-align:2px;font-size:12px;}
.dianhua>span:nth-child(4){height:16px;line-height:16px;color:#575757}
.guanzhu{color:rgba(0,0,0,.2);margin-top:10px;}
.guanzhu .icon{font-size:18px;color:#575757;margin:0 10px;font-size:20px;-ms-transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}
.guanzhu .icon:hover{color:#f08303}
.guanzhu .icon:nth-child(2):hover{color:#1695d4;cursor:pointer;}
.guanzhu .icon:nth-child(3):hover{color:#44b549;cursor:pointer;}
.guanzhu .icon:nth-child(4):hover{color:#e6162d;cursor:pointer;}
#ewm{width:110px;height:110px;overflow:hidden;}
#ewm img{width:100%;height:100%}
#ewm img:nth-child(1){display:inline;}
#ewm img:nth-child(2){display:none;}
#ewm img:nth-child(3){display:none;}
@media screen and (max-width:1020px){
    .foot{flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;}
}
@media screen and (max-width:768px){
    .layui-carousel img{height:100%;}
}
@media screen and (max-width:576px){
    .login-wrap{top:18%}
    .login-form{width:100%;float:none;}
    .foot .foot-left{width:100%;}
    .foot .foot-right{width:100%;}
}