body{padding:0;margin:0 auto;background:#fff;color:#999;word-wrap:break-word;word-break:break-word;overflow-x:hidden;}
body,div,input,button,select,textarea,span,small,big,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav,pre{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}
section,article,header,footer,aside,nav{display:block}
.listStyle ul,.listStyle li{margin:0;padding:0;list-style:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
img{border:none}
a{color:#999;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;}
*{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color:transparent;
}
.clear{clear:both;overflow:hidden;height:0;line-height:0}
.clearafter:after{content:"";width:100%;clear:both;height:0;overflow:hidden;display:block;}
.left{float:left}
.right{float:right}
pre{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0}
.index_sec{position:absolute;top:0;left:0;width:100%;height:100%;display:table;vertical-align:middle}
.sec_box{display:table-cell;vertical-align:middle}
.radius10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius30{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}

/*登录*/
.denglubg{position: relative}
.dlle{position: absolute;top: 0;left: 0;width: 67%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center top;}
.dllogo{line-height: 66px;margin: 3% 0 0 4.5%}
.dllogo img{display: inline-block;vertical-align: top;height: 66px;}
.dllogo p{display: inline-block;vertical-align: top;color: #231916;margin-left: 40px;font-size: 30px;}
.dlxx{position: absolute;bottom: 50px;left: 5%}
.dlxx li{float: left;position: relative;color: rgba(255,255,255,.6);margin-right: 60px;line-height: 18px;}
.dlxx li a{color: rgba(255,255,255,.6)}
.dlxx li img{vertical-align: top;display: inline-block;margin-right: 5px;height: 18px;}
.wxshow{position: absolute;width: 147px;height: 154px;background: url(../images/wxbg.png) no-repeat center center;background-size: cover;bottom: 30px;left: 50%;margin-left: -73.5px;display: none}
.dlxx li .wxshow img{display: block;margin: 24px auto 0;width: 100px;height: 100px;}
.dlri{padding: 0 4%;width: 25%;position: relative}
.khlog{position: relative;height: 165px;overflow: hidden;width: 100%;margin: 18% 0 13%}
.khlog img{ position: absolute;margin: auto;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;max-width: 100%;max-height: 100%;}
.htglxt{text-align: center;color: #333333;font-size: 48px;line-height: 1;margin-bottom: 10%}
.dlfrom li{margin-bottom: 25px;position: relative}
.yhdlinpt{width:90%;height: 60px;line-height: 60px\9;border: 1px solid #eaeaea;outline: none;background: none;padding: 0 5%;display: block;color: #666;font-size: 20px}
.yhdlinpt::-webkit-input-placeholder{color:#999;}
.yhdlinpt::-moz-placeholder{color:#999;}
.yhdlinpt:-moz-placeholder{color:#999;}
.yhdlinpt:-ms-input-placeholder{color:#999;}
.yhdlinptwidt0{width: 30%}
.dlfrom li img{position: absolute;top: 0;right: 0;width: 55%;height: 100%;cursor: pointer}
.yhdlbtn{width:100%;height: 60px;line-height: 60px;border:0;outline: none;font-size: 22px;color: #fff;cursor: pointer;display: block;;margin-top: 50px;
    background-color: #c10000;
    background-image: -moz-linear-gradient( 0deg, rgb(204,0,0) 0%, rgb(145,0,0) 99%);
    background-image: -webkit-linear-gradient( 0deg, rgb(204,0,0) 0%, rgb(145,0,0) 99%);
    background-image: -ms-linear-gradient( 0deg, rgb(204,0,0) 0%, rgb(145,0,0) 99%);
}
.dlbq{text-align: center;position: absolute;bottom: 20px;left: 0;width: 98%;font-size: 14px;padding: 0 1%}
.dlbq p{margin: 5px 0}

.dltwo{background-attachment: fixed;background-position: center center;position: relative;height: 100vh;background-size: cover;}
.dltwodiv{position: absolute;background: #fff;height: 580px;width: 700px;top: 50%;left: 50%;margin-top: -290px;margin-left: -350px}
.dltwodiv .khlog{margin: 40px auto 20px;height: 50px}
.dltwodiv .htglxt{margin: 0 auto 30px;font-size: 36px}
.dltwodiv .dlfrom{margin: 0 10%}
.dltwodiv .yhdlinpt{background: #f5f5f5;font-size: 18px}



.dlxx li:hover .wxshow{display: block}
.dlxx li a:hover{text-decoration: underline}
.yhdlbtn:hover{opacity: .8}

/****************适配****************/
@media only screen and (max-width:1440px){
    .dlle{width: 63%}
    .dlri{width: 29%}
}
@media only screen and (max-width:1366px){
    .dlxx li{margin-right: 30px;}
}
@media only screen and (max-width:1200px){
    .dllogo p{margin-left: 20px;font-size: 22px;}
    .dlxx li{margin-right: 10px;font-size: 14px;}

}
@media only screen and (max-height:840px){
    .khlog{margin: 14% 0 10%;height: 130px;}
    .htglxt{font-size: 40px}
    .yhdlinpt{line-height: 50px\9;height: 50px;}
    .yhdlbtn{line-height: 50px;height: 50px;}
    .dlbq{bottom: 10px;}


    .dltwodiv{height: 540px;margin-top: -270px;}
}

@media only screen and (max-height:700px){
    .khlog{margin: 10% 0 8%;height: 120px;}
    .htglxt{font-size: 36px}
    .yhdlbtn{margin-top: 30px}
    .dlfrom li{margin-bottom: 20px;}

    .dltwodiv{height: 510px;margin-top: -255px;}
}

@media only screen and (max-height:640px){
    .khlog{margin: 10% 0 6%;height: 100px;}
    .htglxt{font-size: 34px}
    .yhdlbtn{margin-top: 20px}

    .dltwodiv{height: 480px;margin-top: -240px;}
}

@media only screen and (max-height:590px){
    .khlog{margin: 8% 0 4%;}
    .htglxt{font-size: 30px}
    .yhdlbtn{margin-top: 15px}
    .dlbq p{margin: 2px 0}

}

@media only screen and (max-height:560px){
    .htglxt{margin-bottom: 20px;font-size: 28px}
    .yhdlinpt{line-height: 44px\9;height: 44px;font-size: 18px}
    .yhdlbtn{line-height: 44px;height: 44px;}


    .dltwodiv{height: 460px;margin-top: -230px;}
}

@media only screen and (max-height:510px){
    .htglxt{margin-bottom: 20px;font-size: 22px}
    .yhdlinpt{line-height: 40px\9;height: 40px;font-size: 16px}
    .yhdlbtn{line-height: 40px;height: 40px;}
    .dlbq{font-size: 12px}
    .dlfrom li{margin-bottom: 15px}

    .dltwodiv{height: 420px;margin-top: -210px;}
}

@media only screen and (max-height:460px){
    .dlri{height: auto !important;}
    .khlog{margin: 10% 0 8%}
    .dlbq{position: relative;padding-bottom: 15px;bottom: 0;margin-top: 20px;}
    .yhdlbtn{margin-top: 30px}
    .htglxt{margin-bottom: 30px}


    .dltwo{padding: 50px 0;height: auto}
    .dltwodiv{position: relative;margin: 0 auto;top: 0;left: 0;padding: 5px 0 30px ;height: auto}


}