﻿@charset "utf-8";
/*!VIPABC | Author by Mike Li*/
/*!v2.0 | 2015-11-08*/
/*!License: vipabc.com*/


/*Reset*/
*{margin:0;padding:0;list-style-type:none;}

*html,*html body /* 修正IE6振动bug */{
	background-image:url(img/-1blank);
	background-attachment:fixed;
}
body{
	font-family:"Microsoft Yahei","Hiragino Sans GB" ,Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
	font-size:14px;
	background-color:#FFF;
}

a,img{border:none;text-decoration:none;}
a{color:#333;blr:expression(this.onFocus=this.blur());} /*去掉a标签的虚线框，避免出现奇怪的选中区域*/
/*a:active {test:expression(target="_blank");}*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:1.6em;}h2,h3,h4{font-size:1.4em;}h5,h6{font-size:1.2em;}
input{border:none;}
textarea{overflow:scroll;}
.fl{float: left;}
a, input,textarea, .hover-delay, button {
	font-family:"Microsoft Yahei","Hiragino Sans GB", Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
input.none-radius{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

::-ms-clear{ display:none;}
::-ms-reveal { display: none; }
 .clearfix::before,.clearfix::after{content:""; height: 0; line-height: 0;  clear: both; display: block;}
.clear{clear:both;}
.txt-indent{text-indent:-9999999px;overflow:hidden;}
.float-L{ float:left; width:100%; padding-bottom: 45px;}

input[type=text],input[type=tel],input[type=email],input[type=button]{
	-webkit-appearance: none;
	box-shadow: none;
}


input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        box-shadow:0 0 0 60px #fff inset;
        -webkit-text-fill-color: #000;
    }

/* conmmon */
.button-animated:active{
	-webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    -webkit-box-shadow:0px 0px 20px #FFF;
    -moz-box-shadow:0px 0px 20px #FFF;
    -o-box-shadow:0px 0px 20px #FFF;
    box-shadow:0px 0px 20px #FFF;
}
/*Reset end*/




/*-------------- wrapper -------------*/
.mobile-tel{display:none;}
.header, .banner-wrap, .container, .section, .footer, .copyright{
	float: left;
	width: 100%;
}

.wrapper{ position:relative; width:550px; margin:0 auto; background-color:#fff; }

.header{
	color:#fff;
	background-color:#f74c4c;
}
.logo{
	float:left;
	display: inline-block;
	margin: 8px;
}
.logo img{width:100px;}
.logo-info{
	float:left;
    display:inline-block;
	padding-top:16px;
}

.mobile-tel{
	display:inline-block;
	float:right;
	margin:5px;
}
.mobile-tel img{width:42px;}
.banner1{position: relative;}
.gift{position: absolute; left: 9%; bottom:-8px; box-sizing: border-box;-webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-box-sizing:border-box;}

/* header A*/
.header-A{
	padding:5px 0;
	border-bottom:4px solid #e50012;
	color:#333;
	background-color:#fff;
}
/*section*/
.section-con{background:rgba(222,222,222,.3);padding-top: 2%; padding-bottom: 5%;}
.font-con{font-size:1.625em; color: #012260; text-align: center;}
.flow{width: 100%; margin:0 auto; min-height: 100px;  margin-top: 3%; position: relative; z-index: 2;}
.sh_address .one-price{width: 22%; text-align: center; padding-top: 1%}
.sh_address .one-time{width: 75%; border: 1px solid #b8bcc6; padding:1%;}
.sh_address .one-font{font-size: 1.125em; font-weight: 700;}
.flow > ul >li{width: 33.333%; float: left; text-align: center; }
.sh_address{color: #012260; font-size: 0.9375em; line-height: 23px; padding-top: 2%; word-spacing: -2px;}
/*section0*/
.section0-yu .font-con{color: #FFF;}
.section0, .section1{
	background-color:#FFF;
}
.section0{
	
	text-align:center;
}

.section0 .yuyue,.section_o .yuyue,.section2 .yuyue,.section01 .yuyue{height: 48px; background:#eb4e01 url(../images/yuyue.png) no-repeat center center; width: 100%; background-size: 60%;}
.section_o{background:#FFF;}
.section_o .yuyue{background:#254a91 url(../images/yuyue1.png) no-repeat center center;width: 100%; background-size: 60%;}
.section01 .yuyue{background:#254a91 url(../images/yuyue3.png) no-repeat center center;width: 100%; background-size: 80%;}
.plan{margin:0 6%; padding: 5% 0;}
.plan li{margin-bottom: 2%;}
.section0 h3 strong{font-weight:normal; color:#f74c4c;}
.section0 p{
	color:#999;
}
.have-gift{width: 90%; margin:0 auto;}
.have-gift > p{font-size: 1.125em; color: #452401; line-height: 30px;}
.have-gift ul>li{width: 49%; float: left;text-align: center; margin-right: 1%; margin-top: 3%;}
.have-gift .font_w{font-size: 20px; color: #5277c2; text-align: center; padding-bottom:5%; padding-top: 3%; font-weight: 700;}
/*section1*/
.section1{ padding-bottom:20px;}


/*section2*/
.section2{background:#FFF; position: relative;}
.section0-A1 .yuyue{height: 48px; background:#e14f50 url(../images/yuyue2.png) no-repeat center center; width: 100%; background-size: 80%;}
/* .section2 h3{text-align: center; padding-bottom: 3%;} */
.section2 ul li{
	float:left;
	width:100%;
	padding-bottom:8px;
	
	
}

.section2 ul li .liwu{width: 100%; height: 40px; background: #eca41a; color: #FFF; font-size: 16px;text-align: center; line-height: 40px; border-radius: 30px;}
.section2 ul li .liwu1{color: #f0ed04; font-size: 16px;}
.section2 ul li .tel{color: #e34e50; font-size: 40px; text-align: center;}
.section2 ul li .ad{color: #0f0f0f; font-size: 15px;   line-height:28px; margin-left: 6%; margin-right: 6%; text-align: center;}
.section2 ul li .btn-zx{width: 60%; height: 40px; line-height: 40px; background: #e14f50; color: #17224d;font-size: 20px; border-radius: 30px; text-align: center; margin: 0 auto; } 
.section2 ul li .btn-zx a{color: #FFF;}
.section2 ul li .yu{
	font-size: 16px;
    color: #FFF;
    line-height: 30px;
}

.section2-A  ul li .item-right h5, .section0-A h3 strong{color: #ce0a0a;}
/*mobile navigation*/
.mobile-nav{
	display:none;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	z-index:10000;
	padding:5px 0;
	color:#fff;
	background-color:rgba(0,0,0,0.85);

}
.mobile-nav ul li{
	float:left;
	width:50%;
	text-align:center;
}
.mobile-nav ul li a{
	width:70%;
	margin:0 15%;
	display:block;
	font-size:10px;
	color:#fff;
}
.mobile-nav ul li img{
	width:20%;
	margin-bottom:2px;
}


@media all and (max-width:790px){


}



@media all and (max-width:550px){

/*common*/
.wrapper{ width:100%;}


@media all and (max-width:380px){

/*section0*/
.section0 h3{font-size:32px;}
.section0 p{ font-size:13px;}

/*footer*/
.footer{ margin-bottom:50px;}

}

@media all and (max-width:330px){

/* header A*/
.header-A{ padding:2px 0;}

/*section0*/
.section0 p{ font-size:12px;}
.section3 h4{font-size:35px;}

/*footer*/
.footer{ margin-bottom:44px;}

}
