*{
    margin:0;padding:0;
}
body{
    background: #FFF;
    font-size: 12px;
    color: #707070;
    font-family: "Microsoft yahei",sans-serif;
    text-decoration: none;
}
.wrap{
    width:1200px;
    margin:0 auto;
}
a{text-decoration: none;}
ul li,dl dd{
    list-style:none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.fix {
	*zoom: 1;
}
.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.hide{
    display:none;
}
input{
    outline:none;
    border:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;
}

@media only screen and (min-width: 641px) {
    .header,footer{
        width: 100%;
        background-color:rgba(12,108,182,0.8);
    }
    .header{
      position:fixed;
      top:0;left:0;
      z-index:2;
      height:80px;  
      background-color: #fff;
    }
    .nav li{
        float:left;
        height:100%;
    } 
    .nav-item{
        display:block;
        width:110px;
        font-size:16px;
        text-align:center;
        line-height:80px;
        color:#000;
    }
    .nav li:hover .nav-item{
        font-weight:bold;
        color: #0b77c3;
    }
    .logo-img{
        display: block;
        margin-top:10px;
    }
    .tel{
        line-height:80px;
        font-size:24px;
        color:#c20d20;
    }
    .nav-dl{
        position:absolute;
        top:80px;
        width:110px;
        font-size:14px;
        text-align:center;
        line-height:40px;
        color:#fff;  
        display:none;
    }
    .nav-dl dd{
        background: #fff;
    }
    .nav-dl dd a{
        color: #000;
    }
    .nav-dl dd:hover a{
        color: #0b77c3;
    }
    .main{
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        /* height:600px; */
        background:url(/static/front/images/login-back2.png) no-repeat center center;
        background-size:100% 100%;
    }
    .footer-pc{
        position:absolute;
        width:100%;
    }
    .footer-hd{
        position:relative;
        height:80px;
        background-color:#0b77c2;
        color:#fff;
        font-size:14px;
    }
    .footer-middle{
        padding:40px 0 60px 0;
        color:#fff;
        background-color:#0b77c2;
    }
    .footer-bt{
        width:100%;
        color:#fff;
        padding:20px 0;
        background-color:#156dac;
    }
    .service-ul li{
        width:20%;
        float:left;
    }
    .icon-img{
        margin:19px 10px 0 0;
    }
    .icon-img:hover{
        opacity:0.6;
    }
    .service-ul span{
       position:absolute;
       height:30px;
       line-height: 30px;
       top:25px;
    }
    
    .address-ul li{
        position:relative;
        display:inline-block;
        height:100px;
        overflow:hidden;
    }
    .le-border{
        display:inline-block;
        height:100px;
        margin:0 30px;
        position:relative;
    }
    .le-border::after{
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    height:100%;
    width:1px;
    border-right:1px solid #3c92cf;
    color:#3c92cf;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleX(0.5);
    transform:scaleX(0.5);
    }
    .le-border1{
        width:100%;
        position:relative;
    }
    .le-border1::after{
        content:" ";
        position:absolute;
        left:0;
        bottom:0;
        height:1;
        width:100%;
        border-bottom:1px solid #3c92cf;
        color:#3c92cf;
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        -webkit-transform:scaleY(0.5);
        transform:scaleY(0.5);
    }
    .ewm{
        width:61px;
        height:61px;
    }
    .le-title{
        font-size:16px;
        margin-bottom:10px;
    }
    .le-desc{
        font-size:12px;
        line-height:25px;
    }
    .footer-bt {
        text-align:right;
    }
    .footer-btul a{
        color:#fff;
    }
    .footer-btnul a:hover{
        color:#7ac8ff;
    }
    .footer-btul{
        line-height:25px;
    }
    .login-container{
        width:34%;
        height:350px;
        padding-top:30px;
        margin:70px auto;
        background-color:#fff;
        box-shadow: 0 0 10px #ccc;
    }
    .login-title{
        width:100%;
        height:80px;
        text-align:center;
        color:#000;
        font-size:22px;
        border-radius:4px 4px 0 0;
        background-color:#fff;
    }
    .login-bottom{
        width:100%;
        height:312px;
        border-radius: 5px;
    }
    .login-content{
        width:100%;
        padding-top:20px;
        background-color:#fff;
        height:auto;
    }
    .lzb-login-form{
        width:72%;
        margin:0 auto;
    
    }
    .lzb-form-content{
        width:100%;
    }
    .lzb-item-form input[type="text"],.lzb-item-form input[type="password"]{
        width:100%;
        height:40px;
        color:#999;
        font-size:14px;
        padding-left:14%;
        margin-bottom:14px;
        border-radius:3px;
        border:1px solid #d7d7d7;
    }
    .lzb-item-form input[type="text"]:focus{
    border:1px solid #0b77c3;
    animation:shine 2s infinite;
    }
    .lzb-item-form input[type="password"]:focus{
        border:1px solid #0b77c3;
        animation:shine 2s infinite;
    }
    .lzb-item-form input[type="password"]{
        margin-bottom:10px;
    }
    .lzb-item-form input[type="checkbox"]{
        vertical-align:middle;
        margin-right:4px;
    }
    @keyframes shine{
        50%{
            border:1px solid #d7d7d7;
        }
        100%{
            border:1px solid #0b77c3;
        }
    }
    .login-inp1{
        background:url(/static/front/images/icon2.png) no-repeat 3% center;
        background-size:25px 25px;
    }
    .login-inp2{
        background:url(/static/front/images/icon1.png) no-repeat 3% center;
        background-size:25px 25px;
    }
    .lzb-submit button{
        outline:none;
        border:none;
        width:100%;
        height:40px;
        line-height:40px;
        text-align:center;
        font-size:16px;
        color:#fff;
        margin-top:35px;
        border-radius:4px;
        background-color:#0b77c3;
    }
    .mobile-header{
        display:none;
    }
    .mobile-footer{
        display:none;
    }
    .mobile-footerbt{
        display:none;
    }
    .mobile-layout,.main-mobile{
        display:none;
    }
}
@media only screen and (max-width: 640px) {
    .header,.main,.footer-pc{
        display:none;
        top:0;
    }
    html{
        font-size:60px;
    }
}
@media only screen and (max-width: 479px) {
    .header,.main,.footer-pc{
        display:none;
        top:0;
    }
    html{
        font-size:48px;
    }

}
@media only screen and (max-width: 400px) {
    .header,.main,.footer-pc{
        display:none;
        top:0;
    }
    html{
        font-size:44px;
    }

}
@media only screen and (max-width: 360px) {
    .header,.main,.footer-pc{
        display:none;
        top:0;
    }
    html{
        font-size:41px;
    }

}
@media only screen and (max-width: 320px) {
    .header,.main,.footer-pc{
        display:none;
        top:0;
    }
    html{
        font-size:36px;
    }

}
.mobile-header{
    position:relative;
    width:100%;
    /* height:1rem; */
    text-align:center;
    background-color:rgba(12,108,182,0.8);
}
.mobile-header img{
    max-width:50%;
    margin:4px auto 0;
}
/* ********************************** */
.mobile-inner-header-icon {
    position:absolute;
    width: 7vh;
    top:0.15rem;
    right:0.2rem;
    color: #fff;
    height: 7vh;
    font-size: 18px;
    text-align: center;
    /* /* float: right; * */
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

.mobile-inner-header-icon:hover {
	background-color: rgba(255,255,255,0.2);
	cursor: pointer
}

.mobile-inner-header-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1)
}

.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg)
}

.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg)
}

.mobile-inner-header-icon-click span:nth-child(1) {
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: clickfirst
}

.mobile-inner-header-icon-click span:nth-child(2) {
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: clicksecond
}

@keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg)
	}

	100% {
		transform: translateY(0) rotate(45deg)
	}
}

@keyframes clicksecond {
	0% {
		transform: translateY(-4px) rotate(0deg)
	}

	100% {
		transform: translateY(0) rotate(-45deg)
	}
}

.mobile-inner-header-icon-out span:nth-child(1) {
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: outfirst
}

.mobile-inner-header-icon-out span:nth-child(2) {
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: outsecond
}

@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg)
	}

	100% {
		transform: translateY(-4px) rotate(0deg)
	}
}

@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg)
	}

	100% {
		transform: translateY(4px) rotate(0deg)
	}
}



/* ****************************************** */

.mobile-nav{
    position:absolute;
    left:0;
    z-index:1;
    width:100%;
    padding:0.3rem 0.4rem;
    font-size:0.35rem;
    color:#fff;
    text-align:left;
    box-sizing:border-box;
    background-color:rgba(0,0,0,0.9);    
    display:none;
}
.mobile-nav li{
    height:1.3rem;
    line-height:1.3rem;
    border-bottom:1px solid #fff;
}
.mobile-nav li a{
    color:#fff;
}
.main-mobile{
    width:80%;
    margin:1.4rem auto 2rem;
    text-align:center;
}
.mobile-title{
    color:#000;
    font-size:0.45rem;
}
.mobile-text{
    line-height: 0.6rem;
    font-size:0.3rem;
}
.mobile-form{
    width:100%;
    margin:0.5rem auto;
}
.mobile-form-content{
    width:96%;
    margin:0 auto;
}
.mobile-form-item{
    width:100%;
    height:0.8rem;
    margin-bottom:0.6rem;
}
.login-inp1{
    display:block;
    width:100%;
    height:1rem;
    padding:0.15rem 0.15rem 0.15rem 36px;
    border-radius:2px;
    background:url(/static/front/images/icon2.png) no-repeat 3% center;
    background-size:20px 20px;
    border:1px solid #d9d9d9;
    box-sizing:border-box;
}
.login-inp2{
    display:block;
    width:100%;
    height:1rem;
    padding:0.15rem 0.15rem 0.15rem 36px;
    border-radius:2px;
    background:url(/static/front/images/icon1.png) no-repeat 3% center;
    background-size:20px 20px;
    border:1px solid #d9d9d9;
    box-sizing:border-box;
}
.mobile-btn{
    border:none;
    outline:none;
    width:100%;
    height:1rem;
    color:#fff;
    font-size:0.35rem;
    margin:0.5rem auto 0;
    border-radius:2px;
    background-color:#0b77c2;
}
/* .mobile-layout{
    position:absolute;
    bottom:-1px;
    left:0;
} */
.mobile-footer{
    padding:0.25rem 0.15rem;
    background-color:#0b77c3;
}
.mobile-footer-logo{
    width:40%;
    color:#fff;
    text-align:center;
    font-size:0.35rem;
    border-right:1px solid #4899d2;
    box-sizing:border-box;
}
.mobile-footer-logo img{
    width:90%;
}
.mobile-footer-service{
    width:60%;
    padding:0.15rem 0  0 0.15rem;
    font-size:0.15rem;
    color:#fff;
    box-sizing:border-box;
}
.mobile-footer-service li{
    float:left;
    width:50%;
    text-align:left;
    font-size:0.25rem;
    margin-bottom:0.2rem;
}
.mobile-footer-service img{
    vertical-align: middle;
    font-size:0.45rem;
    height:0.45rem;
}

.mobile-footerbt{
    text-align:center;
    color:#fff;
    font-size:0.25rem;
    padding:0.3rem  0.2rem;
    background-color:#156dab;
}
.mobile-btul{
    margin-bottom:0.1rem;
}
.mobile-footerbt a{
    color:#fff;
}
.mobile-form-item input[type="text"]:focus{
border:1px solid #0b77c3;
/* animation:shine 2s infinite; */
}
.mobile-form-item input[type="password"]:focus{
border:1px solid #0b77c3;
/* animation:shine 2s infinite; */
}
.lzb-submit hide{
    display: none;
}
.lzb-submit show{
    display: block;
}
.hide{
    display: none;
}
.show{
    display: block;
}