/* CSS Document */

@charset "utf-8";

/* CSS Document */

:focus{outline:0; }

a:active{outline:none; }

*{margin:0px; padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}

ol,li,ul{margin:0; padding:0; list-style:none;}

a:link, a:visited{color: #555;text-decoration: none;}

a:hover{color: #006dad;text-decoration: none;}

img{border: none;vertical-align: middle;}

.cl{clear:both; height:0px; overflow:hidden;}

.fl{float: left;}

.fr{float: right;}

.absolute{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}

.ylw-img{height: auto;max-width: 100%;}

.img{width: 100% !important;height: 100% !important;display: block;}

body{

	font-size: 14px;

	font-family: "微软雅黑", sans-serif, serif;

	text-align: left;

	margin: 0px auto;

	width:100%;

	max-width: 640px;

	position: relative;

	min-width: 320px;

}
.lanse{ color: #0a5db9;}


.warp{margin: 0px auto;max-width: 640px;width: 100%;}

header{background: #fff;position: fixed;top: 0;left: 0;height: 70px;line-height: 70px;z-index: 10;box-shadow: 0 0 20px rgba(0, 0, 0, .2);zoom: 1;right: 0px; padding: 10px 15px;}

header .logo {width: 150px;height: 100%;text-align: center;float: left; position: relative;}

.mobile-nav {float: right;width: 50px;height: 50px;position: relative;z-index: 3;}

.mobile-nav div{ position: absolute; left: 0px; top: 0px; width: 40px;background: #b4b4b4; height: 40px; padding: 13px 8px;z-index: 99;}

.mobile-nav::after {content: ''; display: inline-block; position: absolute; right: 0px; bottom: 0px; border: 1px solid #b4b4b4; width: 40px; height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;transition: all 0.4s ease-out;}

/*.mobile-nav:hover::after{right: 10px;bottom: 10px;}*/

.mobile-nav.on div{background: #0e71c7;padding: 16px 8px;}

.mobile-nav.on::after{border: 1px solid #0e71c7;}

.mobile-nav span{width: 24px;height: 2px;background: #fff;display: block;margin-bottom: 4px;position: relative}

.mobile-nav.on span {transform-origin: center;transition: transform .3s;}

.mobile-nav.on span.line2 {display: none}

.mobile-nav.on span.line1 {transform: rotate(45deg);top: 3px}

.mobile-nav.on span.line3 {transform: rotate(-45deg);top: -3px}

.mobile-nav-box{width: 100%;background: #fff;position: absolute;top: 70px;left: 0;border-top: 1px solid #eee;overflow: auto;display: none}

.mobile-nav-box ul {width: 100%}

.mobile-nav-box li {width: 100%}

.mobile-nav-box li a{width: 100%;padding: 0 20px;border-bottom: 1px solid #eee;font-size: 13px;line-height: 36px;color: #333;cursor: pointer;display: block;}



.Tel{ margin-top: 70px;background: #0d73e2;height: 40px;line-height: 40px;color: #fff; z-index: 99;}

.Tel a{width: 50%;float: left;text-align: center;color: #fff;background: #ff8d00;}

.Tel span{ text-align: center; float: left; width: 50%;height: 40px;}

.Tel span b{display: inline-block; vertical-align:middle; font-weight: normal;}

.Tel span b::before{content: '';float: left; width: 22px;height: 40px;background: url(../img/waptel.png) left center no-repeat; margin-right: 5px;}

.Tel span b::after {content: '020-87584563';float: left;}



.footer{background: #6c8395;padding: 10px;color: #fff; text-align: center;}

.footer h1{width: 100%;height: 32px;color: #fff;font-size: 17px;line-height: 32px;}

.footer p{line-height: 20px;font-size: 12px;}

.more{overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #98abba;}

.more .button{width: 22.75%;float: left;margin-right: 3%;color: #fff;background: #85a2b8;font-size: 12px;height: 30px;line-height:28px;border: 1px solid #5f7688;border-radius: 4px;}

.more .button:nth-child(4){margin-right: 0;}

.footer .footer_bottom{ font-size: 12px;margin-top: 10px;line-height: 20px;}



.bannerBox {width: 300px;height: auto; margin: 0px auto 20px;}

.bannerBox h4 {width: 100%; height: 72px; text-align: center; color: rgb(66, 66, 66);line-height: 32px;padding: 20px 0px;font-size: 16px;font-weight: bold; display: block;}

.bannerBox_input {width: 100%;height: 32px;position: relative;margin-bottom: 10px;}

.bannerBox_input .name {width: 65px;height: 32px;color: rgb(81, 81, 81);line-height: 32px;font-size: 14px;float: left;display: block;}

.bannerBox_input .input {border: 1px solid rgb(195, 195, 195);width: 205px;height: 32px;color: rgb(191, 191, 191);line-height: 30px;text-indent: 5px;font-family: "Microsoft Yahei", Verdana, Tahoma, Arial, "ËÎÌå"; float: left; display: block;}

.bannerBox_input .topUp_input_focus {

	border: 1px solid rgb(195, 195, 195); width: 245px; height: 32px; color: rgb(51, 51, 51); line-height: 30px; text-indent: 5px; font-family: "Microsoft Yahei", Verdana, Tahoma, Arial, "ËÎÌå"; float: left; display: block;



}



.bannerBox_input .input_qvhao {



	width: 70px;



}



.bannerBox_input .yes {



	background: url("/images/icons1.gif") no-repeat -15px 0px; margin: 8px 0px 0px 5px; width: 16px; height: 16px; float: left; display: block;



}



.bannerBox_input .close {



	background: url("/images/icons1.gif") no-repeat -32px 0px; margin: 8px 0px 0px 5px; width: 16px; height: 16px; float: left; display: block;



}



.bannerBox_input .line {



	left: 195px; top: 0px; width: 14px; height: 30px; text-align: center; color: rgb(191, 191, 191); line-height: 400%; float: left; display: block; position: absolute;



}



.bannerBox_input .input_phone {



	width: 115px; margin-left: 20px;



}





.bannerBox .button {



	background: rgb(210, 34, 41);border-radius: 4px; border: none;width: 255px; height: 36px; text-align: center; color: rgb(254, 254, 254); line-height: 220%; font-size: 16px;  margin: 24px auto 0px; display: block;



}



.bannerBox .button:hover {



	text-decoration: underline;



}



.a{ cursor: pointer;}