/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,span,strong,em,del,p,blockquote,table,th,td {margin:0;padding:0;text-align: left;font-family:"Microsoft YaHei";}  
body {font-size:12px;color:#333;}
img {border:0 none; vertical-align:top;}    
h1,h2,h3,h4,h5,h6 {font-size:14px;font-weight:normal;}   
a,input{cursor:pointer; text-decoration:none; font-family:"Microsoft YaHei"; background:transparent; border:0;}
a img{border:none;}
a{color:#333;}
input,select,textarea,a{outline:none;}
.clear{clear:both;}
.topdiv{width:100%; background:#fff;padding:4px 0px;}
.main{width:1000px; margin:0 auto; padding:5px 0;}
.banner{background:url(../images/bannerbg.jpg) no-repeat center #56bf7f; width:100%; height:617px; position: relative;}
.earth{background:url(../images/earth.png) no-repeat bottom right;position:absolute; right:0;bottom:0px; z-index:0; width:100%; height:617px;}
.pr{position:relative;}
.querydiv{ position:absolute; left:0; top:103px; background:url(../images/querybg.png) no-repeat; z-index:1; width:781px; height:253px;padding: 138px 0px 0px;}
.txtinput{width:580px; height:60px; line-height:60px; font-size:20px; text-align:center; float:left; color:#999;}
.okbtn{float:right; width:170px; height:60px;font-size:22px;margin-right: 5px;color:#fff;text-align: center;text-shadow:1px 1px 1px rgb(140,140,140);font-family: SimHei;}
.okbtn:hover{opacity:.9; cursor:pointer;}
.tc{text-align:center;}
.tc h1{padding:80px 0;}
.tc h2{padding-bottom:100px;}
.footer{width:100%;  height:50px; line-height:50px;padding-top:10px;}
.footer p{text-align:center; width:100%; margin:0 auto; color:#5a5a5a;}
.footer p a{color:#5a5a5a;}
.footer p a:hover{color:#F00;}

.bg{position:relative;}
.bgimg{width:100%;  height:100%;}
.result{position:absolute; width:860px; min-height:470px; left:50%; margin-left:-430px; top:50%; margin-top:-235px; text-align:center;}
.result1{ background:#fff; width:100%; min-height:340px; margin-top:50px; float:left;}
.rel_title{ background:#f3f3f3; height:95px; border-bottom:2px solid #ccc; line-height:95px; color:#abaaaa; font-size:18px; text-align:center;}
.rel_title span{color:#ff8a00; font-size:28px;font-family: Arial,Helvetica,sans-serif; padding-left:10px;}
.result1 h2{font-size:18px; text-align:left; padding: 50px 0px;width: 71%;margin: 0 auto;line-height: 26px;text-indent: 36px;}
.butdiv,.butdiv em,.butdiv .borspan{transition:.4s ease-out; -moz-transition:.4s ease-out; -ms-transition:.4s ease-out; -o-transition:.4s ease-out; -webkit-transition:.4s ease-out;}
.box{width:860px; position:relative; left:50%; margin-left:-430px; text-align:center;}
.butdiv{border:2px solid #f3f3f3; position:relative;width:180px; height:50px; text-align:left; line-height:46px;display:inline-block; color:#2EC088; font-weight:bolder; font-size:18px; padding-left:20px; box-sizing:border-box;}
.icon-arrow{ position:absolute; left:130px; top:0;font-family: Arial,Helvetica,sans-serif;}
.butdiv:hover{ border-color:transparent;}
.butdiv:hover em{left:150px;}
.borspan{opacity:0; background:#2EC088;}
.border-top{ position:absolute; left:-110%; top:-2px; width:0px; height:2px;}
.butdiv:hover .border-top{ left:-2px; width:102%; opacity:1;}
.border-right{ position:absolute; right:-1%; top:-110%; width:2px; height:0;}
.butdiv:hover .border-right{ height:102%; opacity:1; top:-1%;}
.border-bottom{ position:absolute; right:-110%; bottom:-2px; width:0px; height:2px;}
.butdiv:hover .border-bottom{ right:-1.5px; width:102%; opacity:1;}
.border-left{ position:absolute; left:-2%; bottom:-110%; width:2px; height:0;}
.butdiv:hover .border-left{ height:105%; opacity:1; bottom:-2px;}
.mr10{ margin-right:10px;}
.errorma{width:66%;margin:30px auto;padding:20px 20px;background:rgb(249,249,249);border:1px solid rgb(220,220,220);border-radius:5px;margin-top:-20px;}
.err_lf{width:64px;float:left;margin-right:20px;display:block;margin-left:30px;}
.err_rh{width:450px;float:left;}
.err_rh p{font-size:16px;padding-top:6px;}
.error_p{padding:26px 30px;font-size:17px;text-align:center;}
/*��Ӧʽ��ʽ*/

.validate_body{font-size: 1em; background: #eee4d8;}
.page { background: rgb(238, 228, 216);background-size: 100% 100%; position: relative}
.validate_body nav {background: #b21d23; height: 38px; line-height: 38px;color: #f8eccd; padding: 0 10px; text-align: center;font-size: 1.125em;}
.section1 {margin: 0 auto; padding: 50px 20px;max-width: 640px;}
.s1 {background: #fff;text-align: center; padding: 10px;}
.bradius20 {border-radius: 20px;box-shadow: 0 1px 1px #666;}
.s1 img {border-radius: 20px;width: 100%; max-width: 640px;}
.txtp {background: #fbf5ed; line-height: 35px;height: 35px;padding: 0 10px;margin-top: 10px;}
.bradius10 {border-radius: 10px;box-shadow: 0 1px 1px #666;}
.w100 { width: 100%;}
.txtinput6 { border: none;background: transparent;margin-top:7px;}
.btnsty { line-height: 35px;height: 35px;background: #ffba00;color: #b21d23; text-align: center;border: none;margin: 10px 0 15px 0;font-size: 100%;}

.mob_nav{font-size: 1.6em; display:none;padding: 12px 0;    text-align: center;background-color: rgb(51,173,107); color: #fff;}
.bannermob{display:none;}
.mob_input{width:90%;font-size:1.3em;background:rgb(255,255,255);padding:12px 2%;margin:15% auto 30px;border:0px;border-radius:6px;display:block;}
.mob_inputa{width:90%;font-size:1.3em;text-align:center;background:rgb(255,144,0);color:rgb(255,255,255);padding:13px 2%;margin:0px auto 30%;border:0px;border-radius:6px;display:block;}
.mobf_p{display:none;}
.mobile_img{display:block;margin:10px auto;}
footer,.restera,.rel_title_app{display:none;}
@media only screen and (min-width:1400px) and (max-width:1650px){
  .topdiv{padding:0px;}
  .main{width:800px; }
  .banner{height:540px;}
  .earth{ height:540px;background-size:100%; }
  .querydiv {background-size: 700px;top: 90px;padding: 119px 0px 0px;}
  .txtinput { width: 540px;}
  .okbtn {float:left;width: 135px;height: 53px;margin-top: 4px;margin-left:10px;}
}
@media only screen and (min-width:1300px) and (max-width:1400px){
  .main{width:800px; }
  .banner{height:520px;}
  .earth{ height:520px;background-size:100%; }
  .querydiv {background-size: 700px;top: 95px;padding: 119px 0px 0px;}
  .txtinput { width: 540px;}
  .okbtn {float:left;width: 135px;height: 53px;margin-top: 4px;margin-left:10px;}
}
@media only screen and (min-width:1200px) and (max-width:1300px){
  .main{width:800px;}
  .banner{height:510px;}
  .earth{ height:510px;background-size: 100%; }
  .querydiv {background-size: 670px;top: 110px;padding: 114px 0px 0px;}
  .txtinput { width: 520px;}
  .okbtn {float:left;width: 126px;height: 50px;margin-top: 5px;margin-left:9px;}
}
@media only screen and (min-width:1100px) and (max-width:1200px){
  .main{width:800px;}
  .banner{height:500px;}
  .earth{ height:500px;background-size: 100%; }
  .querydiv {background-size: 630px;top: 115px;padding: 106px 0px 0px;}
  .txtinput { width: 490px;}
  .okbtn {float:left;width: 120px;height: 47px;margin-top: 6px;margin-left:7px;}
}
@media only screen and (min-width:1000px) and (max-width:1100px){
  .main{width:800px;}
  .banner{height:490px;}
  .earth{ height:490px;background-size: 100%; }
  .querydiv {background-size: 630px;top: 130px;padding: 106px 0px 0px;}
  .txtinput { width: 490px;}
  .okbtn {float:left;width: 120px;height: 47px;margin-top: 6px;margin-left:7px;}
}
@media only screen and (max-width: 1000px){
  .main{width:800px;}
  .banner{height:480px;}
  .earth{ height:480px;background-size: 100%; }
  .querydiv {background-size: 600px;top: 130px;padding: 98px 0px 0px;}
  .txtinput { width: 470px;}
  .okbtn {float:left;width: 115px;height: 45px;margin-top: 7px;}
}
@media only screen and (max-width: 600px){
     .topdiv{display:none;}
     .mob_nav{display:block;}
     .banner{display:none;}
     .bannermob{display:block;height:auto;padding:40px 0px 0px;}
     .main{width:100%;background: url(../images/earth.png) no-repeat  right bottom;background-size: 100%; right: 0; bottom: 0px;z-index: 0; width: 100%;}
     .footer p{display:none;}
     .footer .mobf_p{display:block;}
}