/*public*/

body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1'; background:#6f7b89; overflow-x:hidden; min-width:1200px; }

em,i{font-style:normal;}

.hh{ overflow:hidden; text-indent:-999em; display:block;}

.pr{position:relative;}

.pa{position: absolute;}

.fl{ float: left;}

.fr{ float: right;}

img{display: block;}

.c:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both;}

.hide{width:0;height:0;overflow:hidden;display:none;}

input[type="text"], input[type="password"], select ,input[type="search"]{ -webkit-appearance: none;appearance:none; outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0); border-radius:0;box-sizing: border-box;}

.wrap{ color:#7f3300; font-size: 18px; overflow-x: hidden; position: relative;}

.mid{ width:1200px; margin:0 auto;  position: relative;}



/*head*/

.wrap{background: url("../image/bg.jpg") top center no-repeat; background-size:1920px auto; width: 100%; height: 1025px; }

.logo{background: url("../image/logo.png") no-repeat; width: 160px; height: 80px; display: block; position: absolute; left: 10px; top: 12px}

.content{height: 1025px;}

.m-con{position: relative; z-index: 2;}

.main1,.main2{width: 1200px; height: 512px; position: absolute; left: 0; top: 0;}

.main1{ background: url("../image/main1.jpg") top center no-repeat; background-size: 1200px auto; }

.main2{ background: url("http://www.898wanjie.pw/images/main2.jpg") top center no-repeat; background-size: 1200px auto; height: 513px; top: 512px;}

/*main*/

.login{ width: 768px; position: absolute; right: 0; top: 420px; text-align: center; color: #a94b0b; z-index: 20;}

.login a{ color: #f0a64d;}

.full-img{width: 100%;  height: 100%; display: block;}

.slg-box{width: 768px; height: 396px;position: absolute; right: 13px; top: 57px;}

.s-img{ width: 768px; height:396px; position: absolute; right: 6px; top: 0;}

.slg-box .s-txt{background: url("../image/s-txt-bg.png") no-repeat center 0; background-size: 538px auto; width: 100%; height: 50px; line-height: 50px; /**margin: 273px auto 0;**/ color: #7f3300; text-align: center; font-size: 25px;}
.s-txt1{    
    width: 100%;
	height: 50px;
    line-height: 50px;
    margin: 173px auto 0;
    color: #7f3300;
    text-align: center;
    font-size: 25px;
}
.s-txt2{
	width: 100%;
    height: 50px;
    line-height: 50px;
    color: #7f3300;
    text-align: center;
    font-size: 25px;
}
.slg-box .qq-txt{ color: #a04000; text-align: center; padding-top: 8px;}

.slg-box .qq-txt a{ color: #a04000; }

.slg-box .qq-txt a:hover,.slg-box .s-txt:hover{ color: #f56275;}

.bird{ width: 130px; height: 114px; position: absolute; right: -40px; top: 50px;}

.enter-box{ width: 676px; height: 232px; position: absolute; right: 32px; top: 474px;}

.enter-box li{width: 92px; height: 230px;float: left; text-indent:-999em;margin-right: 40px;}

/*.enter-box .li2{margin: 0 150px;}*/

.enter-box a{width: 100%; height: 100%; display: block;}

.enter-box a i{background: url("../image/enter-icons.png") no-repeat; background-size:296px auto; width: 92px; height: 230px;  display: block; }

.enter-box .li4 a i{background: url("../image/enter-icons2.png") no-repeat; background-position: -4px 0;}

.enter-box .li5 a i{background: url("../image/enter-icons2.png") no-repeat; background-position: -100px 0;}

.enter-box .enter1 i{background-position: -4px 0;}

.enter-box .enter2 i{ background-position: -100px 0; }

.enter-box .enter3 i{ background-position: -198px 0;}

.enter-box .enter1.on i,.enter-box .enter1:hover i{ background-position: -4px -236px;}

.enter-box .enter2.on i,.enter-box .enter2:hover i{ background-position: -100px -236px;}

.enter-box .enter3.on i,.enter-box .enter3:hover i{ background-position: -198px -236px;}

.enter-box .enter4.on i,.enter-box .enter4:hover i{ background-position: -4px -236px;}

.enter-box .enter5.on i,.enter-box .enter5:hover i{ background-position: -100px -236px;}



/****pop**/

.pop{ background: url("../image/pop1.png") no-repeat; background-size: 430px auto;   width: 430px; height: 310px;

    font-size: 18px;  color: #643200; position: relative; outline: none; display:none;}

.pop .closed{ background: url("../image/close.png") no-repeat; background-size: 60px auto; width: 60px; height: 60px;  position: absolute;  right: -60px; top:-12px;  z-index: 90; text-indent: -999em;}

.pop-con{ padding: 35px 60px 0;}

.pop-tit{ width: 100%; height: 40px; text-indent: -999em;}

.login-list li{margin-top: 12px; width: 100%; overflow: hidden;}

.login-list li span,.login-list li input{float: left;}

.login-list li span{ width: 30%; display: inline-block;text-align: right;}

.login-list li input{ width: 70%; height: 24px; line-height: 24px; background: #c29f65; color: #643200; font-size: 18px; padding: 0 5px; box-sizing: border-box; border:1px #cfb482 solid;}

.login-list li .forget{color: #643200; }

.forget:hover{text-decoration: underline;}

.pop-login-btn{ background: url("../image/login-btn.png") no-repeat; background-size: 172px auto; width: 172px; height: 42px; margin: 26px auto 0;  display: block;  text-indent: -999em;}

.pop-login-btn:hover,.pop .closed:hover{filter: brightness(1.1);-webkit-filter: brightness(1.1);}



/**ani**/

.enter-box li,.s-txt,.qq-txt{

    filter:alpha(opacity=0);

    -moz-opacity:0;

    -khtml-opacity: 0;

    opacity: 0;

}

.enter-box li{animation: moveBot .5s .4s linear forwards;-webkit-animation: moveBot .5s .4s linear forwards;}

.enter-box .li1{animation-delay: .6s;-webkit-animation-delay: .6s;}

.enter-box .li2{animation-delay: 1s;-webkit-animation-delay: 1s;}

.enter-box .li3{animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}

.enter-box .li4{animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}

.enter-box .li5{animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}

@-webkit-keyframes moveBot{

    0%{transform: translate(0,-20px);opacity: 0;}

    100%{transform:translate(0,0);opacity: 1;}

}

@keyframes moveBot{

    0%{-webkit-transform: translate(0,-20px);opacity: 0;}

    100%{-webkit-transform:translate(0,0);opacity: 1;}

}

.s-txt,.qq-txt{ animation: moveTop .5s .4s linear forwards;-webkit-animation: moveTop .5s .4s linear forwards;}

.s-txt{animation-delay: .2s;-webkit-animation-delay: .2s;}

.qq-txt{animation-delay: .4s;-webkit-animation-delay: .4s;}

@-webkit-keyframes moveTop{

    0%{transform: translate(0,20px);opacity: 0;}

    100%{transform:translate(0,0);opacity: 1;}

}

@keyframes moveTop{

    0%{-webkit-transform: translate(0,20px);opacity: 0;}

    100%{-webkit-transform:translate(0,0);opacity: 1;}

}

.s-img{animation: slogaIn .5s ease-in;-webkit-animation: slogaIn .5s ease-in;}

@-webkit-keyframes slogaIn {

    0%{-webkit-transform: scale(2); opacity: 0;}

    100%{-webkit-transform:scale(1); opacity: 1;}

}

@keyframes slogaIn {

    0%{transform: scale(2); opacity: 0;}

    100%{transform:scale(1); opacity: 1;}

}

.bird{-webkit-animation:flAni 2s linear infinite alternate;animation:flAni 2s linear infinite alternate;}

@-webkit-keyframes flAni{

    from{-webkit-transform:translate3d(0,0,0);}

    to{-webkit-transform:translate3d(3px,3px,0);}

}

@keyframes flAni{

    from{transform:translate3d(0,0,0);}

    to{transform:translate3d(3px,3px,0);}

}

.enter-box li a{ animation:downUp 2s linear infinite; -webkit-animation:downUp 2s linear infinite; }

.enter-box .li1 a{ animation-delay:.2s; -webkit-animation-delay:.2s;}

.enter-box .li2 a{ animation-delay:.6s; -webkit-animation-delay:.6s; }

.enter-box .li3 a{ animation-delay:.8s; -webkit-animation-delay:.8s;}

.enter-box .li4 a{ animation-delay:1.0s; -webkit-animation-delay:1.0s;}

.enter-box .li5 a{ animation-delay:1.2s; -webkit-animation-delay:1.2s;}

@keyframes downUp{0%{ transform:translateY(0);}25%{ transform:translateY(-4px);}

    50%{ transform:translateY(0);}75%{ transform:translateY(4px);}100%{ transform:translateY(0);}}

@-webkit-keyframes downUp{0%{ -webkit-transform:translateY(0);}25%{ -webkit-transform:translateY(-4px);}

    50%{ -webkit-transform:translateY(0);}75%{ -webkit-transform:translateY(4px);}100%{ -webkit-transform:translateY(0);}}



input::-webkit-input-placeholder{

  color: red;

  font-size: 12px;

}

button[type="submit"]{-moz-appearance:textfield; border:none;cursor:pointer;outline:none;}