.page{	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}

.page-1{ background-image: url(../images/bg01.jpg);}


.btbg{  position: absolute;  top:20%; left:38%;  text-align: center;  width:24%; }

.brebg{  position: absolute;  top:10%; left:38%;  text-align: center;  width:24%; }

.btnoup{background:#fff; border-radius:10px; padding:40px 0; width:100%; position:relative;}

.sdfter h2{ text-align:center; display: block; font-weight:normal; line-height:60px; height:60px; font-size:22px; color:#37474f;}



.lgoen{ width:300px; margin:0 auto; position:relative; }

.lgoen ul li{ width:100%; float:left; margin:20px 0; display:block;}



.lgoen ul li input{width:100%; padding:10px 0;border: none;color:#76838f; border-bottom:1px solid #e4eaec; -webkit-appearance:none;border-radius:0}





button{cursor:pointer;width:100%;height:44px; padding:0; 

background: -webkit-linear-gradient(#34a8f3, #0089e1); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(#34a8f3, #0089e1); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(#34a8f3, #0089e1); /* Firefox 3.6 - 15 */

  background: linear-gradient(#34a8f3, #0089e1); /* 标准的语法 */

  box-shadow: 0 0 5px #065e96;

  -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0;-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);font-size:16px; color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);-o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}

button:hover{-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2); }

button:active{-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);box-shadow:0 5px 8px 0 rgba(0,0,0,.1) inset,0 1px 4px 0 rgba(0,0,0,.1);border:0 solid #016FCB}







.subton{ color: #fff;background-color: #0089e1;border-color: #0089e1; width:100%;padding: 10px 18px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 4px;text-align: center;    white-space: normal;    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

    -webkit-font-smoothing: subpixel-antialiased;vertical-align: middle; background-image: none;

    border: 1px solid transparent;    -webkit-appearance: button;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;}

.rerter{ font-size:13px; line-height:60px; height:60px; display:block; text-align:center;}

.rerter a{ color:#0089e1;}



.rbotr{ font-size:14px; line-height:40px; color:#fff; display:block; text-align:center; margin-top:20px;margin-bottom:20px;}



@media(max-width:1500px){

	.btbg{  position: absolute;  top:18%; left:35%;  text-align: center;  width:30%; }

	.brebg{  position: absolute;  top:10%; left:35%;  text-align: center;  width:30%; }

	}

@media(max-width:1200px){

	.btbg{  position: absolute;  top:18%; left:30%;  text-align: center;  width:40%; }

	.brebg{  position: absolute;  top:10%; left:30%;  text-align: center;  width:40%; }

	}

@media(max-width:860px){

	.btbg{  position: absolute;  top:18%; left:25%;  text-align: center;  width:50%; }

	.brebg{  position: absolute;  top:10%; left:25%;  text-align: center;  width:50%; }

	}

@media(max-width:740px){

	.btbg{  position: absolute;  top:18%; left:20%;  text-align: center;  width:60%; }

	.brebg{  position: absolute;  top:10%; left:20%;  text-align: center;  width:60%; }

	}

@media(max-width:550px){

	.btbg{  position: absolute;  top:18%; left:15%;  text-align: center;  width:70%; }

	.brebg{  position: absolute;  top:10%; left:15%;  text-align: center;  width:70%; }

	}

@media(max-width:460px){ 

	.btbg{  position: absolute;  top:15%; left:10%;  text-align: center;  width:80%; }

	.brebg{  position: absolute;  top:8%; left:10%;  text-align: center;  width:80%; }

	.btnoup{background:#fff; border-radius:6px; padding:20px 0; width:100%; position:relative;} 

	.lgoen{ width:200px; margin:0 auto; position:relative; }

	.lgoen ul li{ width:100%; float:left; margin:5px 0; display:block;}

	.subton{ margin-top:10px;}

	

	}

@media(max-width:767px) and (orientation:landscape){

	.btbg{  position: absolute;  top:8%; left:20%;  text-align: center;  width:60%; }

	.brebg{  position: absolute;  top:2%; left:20%;  text-align: center;  width:60%; }

	.lgoen ul li{ width:100%; float:left; margin:10px 0; display:block;}

	}

 

@media(max-height:413px) and (orientation:landscape){ 

	.btbg{  position: absolute;  top:3%; left:25%;  text-align: center;  width:50%; }

	.brebg{  position: absolute;  top:2%; left:25%;  text-align: center;  width:50%; }

	.sdfter img{ max-width:100px;}

	.btnoup{background:#fff; border-radius:6px; padding:20px 0; width:100%; position:relative;}

	.sdfter h2{ text-align:center; display: block; font-weight:normal; line-height:40px; height:40px; font-size:14px; color:#37474f;}

	.lgoen{ width:200px; margin:0 auto; position:relative; }

	.lgoen ul li{ width:100%; float:left; margin:5px 0; display:block;}

	.rerter{ font-size:13px; line-height:35px; height:35px; display:block; text-align:center;}

	.rbotr{ display:none;}

	.subton{ padding:5px 0; font-size:14px; margin-top:10px;}

	button{height:30px; font-size: 14px;}

	}