/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 53%; margin-top: 5rem !important;margin-top: 80px\9 !important;} 
.grid_7 { width: 43%; /*! margin: 2rem 6% 0% 0 !important; */} 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; margin: 0 auto !important;float: none !important;} 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 4% 0% 0;
	float: left;
	display: block;
}

.alpha{margin-left:0;}
.omega{margin-right:0;}

.container{
	width: 90%; /*! width: 1000px; */
	max-width: 1200px;
	margin: auto;
	
	/*! overflow: hidden; */
	/*!  */
	position: relative;
	height: 80px;
	padding: 0 15px;
	box-sizing: border-box;
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}




/* Mobile */
@media screen and (max-width : 780px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {width:100%;}
	

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}
	
	
	.con{height: 65px;font-size: 120%;line-height: 22px;/*!  */z-index: 995;}
	.b-btn p{padding-bottom: 2.7%;}
	.con i{background-size: 25px;}
	.con p{white-space:  nowrap;text-overflow: ellipsis;margin: 25px 3% 0;overflow: hidden;}
	.section{padding-top: 0px;border-bottom: 1px #ccc dotted;}
	.section .ewm{display: none;}
	
	#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10,#page11,#page12,#page13,#page14{height: auto !important;/* margin-top: 8%; */}
	.grid_6{margin-top: 0 !important;}
	.content .left,.content .right{width: 100% !important;padding: 0 3%;text-align: center;/*! margin-top: 0 !important; */max-width: 560px;margin: 0 auto;float: none;}
	.content .left img,.content .right img{width: 80%;margin: 1.5rem;max-width: 400px;}
	 
	/********  menu  ********/
	
	.menu{height: 65px;/*! overflow: hidden; */border-bottom: none;box-shadow: 0 2px 5px rgba(0,0,0,.15);padding: 1% 0;}
	.container{height:100%;width: 100%;padding: 0 3% 0%;}
	.VIP_logo{width: 35%;height: auto;/*!  */line-height:  normal;/*!  *//*!  *//*! display: none; */max-width: 100px;float: left;position: unset;}
	.VIP_logo img{width: 100px;}
	
	#logo {width: 100%;text-align: center;}

  #nav {width:100%;margin:5px 0;}

  .navigation{width: 65%;float: right;list-style: none;margin: 10px 0 0;padding:0;padding-left: 1rem;position: unset;
}

  .navigation li{float: left;width:15%;}
	.navigation li a{font-size: 14px;padding: 0;text-align: center;line-height: 30px;}
	
	/********  qiao  *******/
	#BDBridgeFixedWrap{display: none;}
	.izl-rmenu{right: 15px;}
	.izl-rmenu .btn-top{background-size: 35px;width: 35px;height: 17px;}
	.izl-rmenu .btn-close{font-size: 12px;}
	
	/***  banner  ***/
	.banner{/*! background:none; *//*! background-size: contain; */border: none;z-index: 998;}
	.banner .content{margin-top: -60px;background: url("../vip2.0_img/banner-m.png") no-repeat scroll center;background-size: contain;height: 100%;}
	.banner .main_con{margin: 5rem auto 0;}
	.main_con{width: 100%;margin: 15% auto 5%;}
	
	.page01 .grid_6{/*! position: absolute; */margin-top: 1rem !important;/*! background: url("../vip2.0_img/banner-m.jpg") no-repeat scroll 0% 0%; */height: 5em;display:   block;}
	.banner #content h1{font-size:2.5rem;margin: 0 3%;padding-bottom: 0.5rem;letter-spacing: 0.1em;display: none;}
	.banner #content h2{font-size: 12px !important;line-height: 1.5rem;text-align: left;margin: 3% 3%;padding-top: 10px;display: none;}
	.banner #content p{display: none;/*! line-height: 1.5rem; */}
	.banner #content .slide-btn{display: block;/*! margin-top: 20px; */position: absolute;width: 100%;bottom: 22%;}
	.banner #content .slide-btn a{margin: 0 auto;width: 50%;max-width: 198px;height: 10%;line-height: 30px;padding: 0.3rem 0;font-size: 16px;}
	
	#decorative{position: absolute;text-align: center;display: none;}
	#decorative img{width: 60%;}
	
	
	#page2 table{margin-bottom: 10%;}
	.bg001 .right{/*! position: absolute; */top:0px;/*! margin-top: 65px !important; */}
	#content h1, .round .title,.sq .sq_t{font-size: 28px;margin-bottom: 4%;line-height: 40px;}
	#content h2{font-size: 14px !important;line-height: 28px;margin-bottom: 3.5%;text-align: left;}
	#content p,#content h3{font-size: 12px;line-height: 30px;text-align: left;}
	
	#content h3{}
	
	/*** page2  ***/
	#page2 table{margin-top: 20px;border: 1px #ddd solid;}
	.section th, .section tr td{padding: 2% 1%;background: #fff;}
	.section th{background: #fffef4;}
	
	/*** page3 ***/
	#page3{border:none;}
	#page3,#page4{height:  auto !important;}
	#page4 .right{margin-top: 0 !important;/*! padding-bottom: 2rem; */}
	#page4 .content{margin-top: 1rem;}
	
	/***  page6  ***/
	#page6 .right{margin-top: 30px !important;}
	
	.page07 .title{margin-top: 20px !important;}
	
	.page8 .grid_7{margin-top:0;margin-bottom: 1rem;}
	
	/***  page10  ***/
	#page10{padding: 0 3% 1rem;max-width: 560px;margin: 0 auto;}
	.round,.round:hover{border: none;width: 100%;}
	.round,.round .title, .round .title a{width: 100%;height: auto;margin-bottom: 0.5rem;}
	.round .title{margin: 0 auto;display: block;}
	.round br{display: none;}
	.page10 li p{padding: 0;margin-bottom: 1rem;font-size: 14px;line-height: 32px;}
	.page10 li{margin: 0 0 20px;}
	
	/***  page11  ***/
	.page11 .grid_6{margin-top: auto !important;}
	.page11 .grid_7{margin-top: auto !important;}
	
	/***  page12  ***/
	.page12{padding-bottom: 50px;margin: 0 3%;}
	.page12 table th{font-size:14px;background:#fff;}
	.page12 table td{font-size:12px;}
	.page12 table img{width:10px;}
	
	.page12 table{max-width: 560px;margin: 0 auto 10px;}
	
	/***  page13  ***/
	.page14{padding: 0 3% 80px;max-width: 560px;margin: 0 auto;}
	.page14 p{font-size: 12px !important;line-height: 28px !important;margin-bottom: 0.5rem;}
	.page14 .grid_9 i{font-size: 12px;color: #ccc;width: auto !important;line-height: 30px;padding-right: 0;}
	.sq{padding-top:40px; }
	.page14 .slh i{width: 5px;height: 5px;margin-bottom: 8px;}
	
	/***  page14  ***/
	#page14{border: none;}
	.page14 p{color: #666 !important;}
	.pipei{display: none;}
	
	
	.page14 .grid_9 p{float: left;}
	
	.yListr{padding: 0 3%;max-width: 560px;}
	.yListr ul{margin-bottom: 0;padding-bottom: 5px;}
	.yListr ul li{margin-bottom: 0;}
	.yListr ul li span,.yListr label{font-size: 14px;padding: 0px 5px;}
	.yListr ul li em{width: 100%;margin: 8px 0 0;font-size: 12px;line-height: 20px;height: auto;box-shadow: 0px -3px 5px rgba(0,0,0,.05);border-radius: 5px;/*!  */}
	.yListr ul li em .box{padding: 0.5rem 1rem;}
	.yListr label{width: 100%;display: block;padding: 5px;}
	.yListr .dzyx{margin-left:0;}
	.yListr form input, .sm textarea{box-sizing: border-box;margin: 0 0 10px !important;width: 100% !important;height: 30px;padding: 5px;box-shadow: 0 3px 5px rgba(0,0,0,.08) inset;border-radius: 5px;}
	.sq .sm{margin: 0 0 1rem;}
	.yListr form .YImmediatelyininstallment{height: auto;font-size: 14px;line-height:  normal;padding: 2% 0;max-width: 300px;margin: 0 auto !important;}
	
	
	/***  foot  ***/
	#page15{border:none;/*! height: 20px !important; */}
	.foot .con{background: none;}
	.foot_con{width: 100%;padding: 0 3%;margin: 1rem 0;}
	.foot .left{width: 30%;line-height:  normal;}
	.foot .left p,.foot .right p,.foot .wx{display: none;}
	.foot .left a{margin-top: 10px;display: block;}
	.foot .ztw-logo{margin-bottom: 0;display: none;}
	.foot .right{/*! width: 186px; */padding: 0 0 0 1rem;}
	.foot p{margin: 0;}
	.foot .dh{display: block !important;font-size:20px;padding: 0;background: none;margin: 0;color: #ac8201;}
	
	.footer_con{width: 100%;height: 30px;}
	.footer_con .left,.footer_con p{width: 100%;text-align: center;line-height: 30px;}
	.footer_con .right{display: none;}
}

@media screen and (max-width : 480px){
	.con{font-size: 12px;height: 45px;}
	.con p{margin-top: 15px;}
	.PC_table{display: none;}
	.M_table{display: block;margin-bottom: 15px;}
	
	.page12 table th, .page12 table tr td{padding: 10px;}
	.page12 table th{background: #eee;}
	.page12 table th,.page12 table tr td:first-child{color: #333;}
	.section table,.section th, .section tr td{border-color: #e5e5e5;}
	.menu{height: 55px;}
	.container{height: 107%;margin-bottom: 1%;}
	
}


@media all and (max-width : 640px){
  .navigation{display:none;}

	/***  m-nav  ***/
	.m_nav{display: block;float:right;margin-right:10px;width:24px;cursor: pointer;margin-top: 8px;}
	.m_nav .xla{width: 162px;position:absolute;right:0px;background: #f8f8f8;z-index:99999;top:100%;display:none;}
	.m_nav .close img, .m_nav .open img{width:100%;margin-top:5px;}
	.hide{display:none;}
	.m_nav .xla li{border-bottom: 1px solid #eee;}
	.m_nav .xla li a{height: 2.2em;line-height: 2.2em;width:100%;display:block;/* border-bottom:1px solid #343434; */}
	.m_nav .xla li a font{color: #777;font-size: 0.9em;/* height:42px; */margin-left: 1em;float:left;}
	.m_nav .xla li a span{float:right;width:6px;height:11px;margin-right:30px;margin-top:16px;}
	.m_nav .xla li a .xiala{float:right;width:6px;height:11px;margin-right: 1em;/* margin-top:16px; */}
	.m_nav .xla li .zilan a{/* height: 1.8em; */line-height: 2em;overflow: hidden;background: #f8f8f8;font-size: 0.8em;border:none;padding-left: 2em;width:80%;color: #999;}
	.m_nav .xla li .zilan{display:none;}
    .foot_con #l_ewm{right: 0;}
}


@media all and (min-width : 640px) and (max-width : 1200px){
	#content h2{line-height: 40px;}
	.content .left img, .content .right img{margin-top: 10%;}
	.main_con{margin: 10px auto 10px;}

	.navigation{width: 450px;}
	.navigation li{width: 8%;margin: 0 2%;}
	.navigation li:nth-of-type(3),.navigation li:nth-of-type(5),.navigation li:nth-of-type(7){width: 14%;}
	.foot_con .right{padding-right: 0!important;}
    .foot_con #l_ewm{right:0 !important;}
}
@media all and (min-width : 780px) and (max-width : 1200px){
  
	.section{padding-left: 0.6rem;padding-right: 0.6rem;}
	.banner{padding:0;}
	.banner .page01{padding:0 10px;}
	.navigation{width: 480px;}
	.navigation li a{font-size: 16px;padding: 0;text-align: center;/*! line-height: 45px; */}
	.navigation li:nth-of-type(3), .navigation li:nth-of-type(5), .navigation li:nth-of-type(7){width: 14%;}
	
	.yListr ul li{margin-bottom: 0;}
	.sq .sm{margin-top: 20px;}
	.yListr ul li em{width: 26%;margin: 0 0% 0 2%;height: 70px;}
	.yListr ul li em .box{padding: 10px 5% 10% 10%;font-size: 14px;line-height: 25px;}
	.yListr ul li em .first-box{width: 25%;}
	.yListr ul li span, .yListr label{font-size: 14px;}
	
	.yListr form input{width: 80%;margin-right:1%;}
	.yListr .dzyx{margin-left: 0;}
    #VIPForm br {display:block;}

	.InputEmail{margin-top: 20px;}
	.sq .sm textarea{width: 80%;margin-left: 16px;}
	
	.foot{padding: 0;}

    .foot_con, .footer_con {padding:0 10px;}
	
}

@media all and (min-width : 640px) and (max-width : 780px){
    .main_con{margin: 80px auto 80px;}
	  
}