@charset "utf-8";
/* CSS Document */
.swiper-container1 img{
	display: block;
    width: 100%;
}
.swiper-container2 img{
	display: block;
    width: 100%;
}
.swiper-container3 img{
	display: block;
    width: 100%;
}
*{
	padding: 0;
	margin: 0;
}
body{
	margin: 0 auto;
	max-width: 760px;
	padding-bottom: 0.8rem;
}
a{
	text-decoration: none;
}
.clearfix{
	clear:both;
}
.header{
	height: 0.7rem;
	padding-top: 0.08rem;
    padding-bottom: 0.08rem;
}
.logo{
	float: left;
    padding-left: 0.14rem;
    border-right: 1px solid #dcdcdc;;
    padding-right: 0.14rem;
	padding-top: 0;
    height: 100%;
}
.logo img{
	height: 100%;
	float: left;
}
.header-content{
	float: left;
	padding-left: 0.14rem;
    height: 100%;
	text-align: center;
	
}
.header-content p{
	line-height: 0.35rem;
}
.header-content p:first-child{
	font-size: 0.20rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #1a1a1a;
}
.header-content p:nth-child(2){
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fa2601;
	font-weight: bold;
}
.banner{
	height: 8.5rem;
	text-align: center;
	position: relative;
}
.banner-img{
	width: 100%;
	height: 100%;
}
.banner-img img{
	height: 100%;
	width: 100%;
	-moz-box-shadow: 0px 20px 40px #333333;
    -webkit-box-shadow: 0px 20px 40px #333333;
    box-shadow: 0px 20px 40px #333333;
}
.banner-content{
	width: 70%;	
	border-radius: 10px;
	text-align: center;
	position: absolute;
	margin-left: -35%;
	left: 50%;
	bottom: -0.42rem;
	background: #FFFFFF;
}
.banner p{
	width: 100%;
	padding: 0.29rem 0.12rem;
	font-size: 0.18rem;
	bottom: 0;
	text-align: center;
}
.oranger-color{
	color: #f76f1c;
}
.banner p span{
	padding: 0 0.12rem 0 0.12rem;
	text-align: center;
	
}
.banner p span:first-child{
    border-right: 0.012rem solid #666666;
}

.banner p span:nth-child(3) span{
    border-right: none;
}
.card{
	width: 90%;
	margin: 0.66rem auto 0 auto;
	background: url(../img/card-bg.png);
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}
.card-content
{
	padding: 0.76rem 0 0 0;;
}
.card-content p{
	font-size: 0.30rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.36rem;
	letter-spacing: 0.02rem;
	color: #161515;
	width: 100%;
	text-align: center;
}
.card-img{
	width: 74%;
	margin: 0.20rem auto 0 auto;
}
.card-img img{
	width: 45%;
}
.card-form{	
	width: 74%;
	margin: 0 auto;
}
.card-form div{
    border-bottom: 0.012rem solid #e5e5e5;
	width: 100%;
	height: 0.5rem;
	margin-bottom: 0.3rem;
}
.card-form div span {
	padding: 0.08rem;
	font-size: 0.24rem;
	letter-spacing: 0px;
	color: #666666;
	float: left;
}
.card-form div input{
	float: left;
	height: 80%;
	width: 80%;
	margin-top: 0.08rem;
	font-size: 0.24rem;
	color: #666666;
	border: none;
	outline: none;
}
.card-form div:last-child{
	border-bottom: none;
	height: 0.96rem;
	padding-bottom: 0.55rem;
}
.card-form div:last-child input{
	clear: both;
	width: 50%;
	margin: 0.2rem 30% 0 30%;
	color: #FFFFFF;
	font-weight: bold;
	height: 0.78rem;
	padding: 0.12rem 0.34rem;
	border-radius: 0.23rem;	
	background: -moz-linear-gradient(45deg, rgba(223, 68, 46, 1) 0%, rgba(247, 120, 37, 1) 99%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(223, 68, 46, 1)), color-stop(99%, rgba(247, 120, 37, 1)));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, rgba(223, 68, 46, 1) 0%, rgba(247, 120, 37, 1) 99%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, rgba(223, 68, 46, 1) 0%, rgba(247, 120, 37, 1) 99%);
        /* opera 11.10+ */
}
.base{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.base-title{
	color: #e01414;
	font-size: 0.3rem;
	margin: 0.25rem 0;
	text-align: center;
}
.base-content{	
	width: 82%;
	font-size: 0.2rem;
	color: #666666;
	text-align: left;
	margin: 0 auto;
}
.base-content p{
	text-indent:2em;
	line-height: 0.3rem;
}
.base-btns{
	width: 90%;
	margin: 0 auto;
}
.base-btn{
	padding: 0.16rem 0.2rem;
	background-color: #ea0713;
	border-radius: 0.1rem;
	font-size: 0.26rem;
	color: #ffffff;
}
.base-btn img{
	height: 0.3rem;
    width: 0.26rem;
    vertical-align:sub;
}
.orange-bg{
	background-color: #f9612c;
}
.swiper-container6{
	margin-top: 0.35rem;
}
.swiper-container6 .swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.15) !important;
    transform: scale(1.15) !important;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    z-index: 1002;
}
.swiper-container6 .swiper-slide-next{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.swiper-container6 .swiper-slide-prev{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.swiper-container6 img{display: block;width: 100%;}
.layer-mask {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: all 0.5s;
    background-color: #3e3e3e;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.swiper-slide-active .layer-mask {
    display: none;
}
.process{
	width: 95%;
	margin: 1.2rem auto 0 auto;	
	-webkit-box-shadow: 0px 7px 24px 0px rgba(10, 10, 9, 0.94);
	-moz-box-shadow: 0px 7px 24px 0px rgba(10, 10, 9, 0.94);
	box-shadow: 0px 7px 24px 0px rgba(10, 10, 9, 0.94);
}
.process-head{
	height: 1.31rem;
}
.process-head-img{
	float: left;
	margin-top: -0.85rem;
	height: 2.05rem;
	margin-left: 0.47rem;
}
.process-head-img-right{
	float: right;
	margin-top: -0.85rem;
	height: 2.05rem;
	margin-right: 0.47rem;
}
.process-head-title{
	font-size: 0.38rem;
	color: #feab29;
	text-align: center;
	height: 1.31rem;
	line-height: 1.31rem;
}
.process-head-img img{
	height: 100%;
}
.process-head-img-right img{
	height: 100%;
}
.process{	    
	padding-bottom: 0.45rem;
    	background-color: rgba(43,35,30,0.9);
	padding-bottom: 0.45rem;
}
.process-body{
	background-color: rgba(19,10,32,0.8);
	width: 90%;
	color: #ffffff;
	text-indent:2em;
	margin: 0 auto;
	font-size: 0.22rem;
	padding-bottom: 0.2rem;
	line-height: 0.45rem;
	padding-left: 0.13rem;
	padding-right: 0.13rem;
}
.process:nth-child(2) .process-body{
	background-color: rgba(94,7,7,0.8);
}
.process:nth-child(3) .process-body{
	background-color: rgba(255,167,13,0.8);
}
.count-down{
	margin-top: 1.42rem;
}
.count-down-head p:first-child{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #e01414;
	font-size: 0.3rem;
	font-weight: bold;
}
.count-down-head p:nth-child(2){
	margin: 0 auto;
	width: 85%;
	line-height: 0.40rem;
	letter-spacing: 0px;
	color: #1a1a1a;
	font-size: 0.25rem;
	text-align: center;
	margin-top: 0.32rem;
}
.count-down-img{
	width: 80%;
	margin: 0.59rem auto 0 auto;
}
.count-down-img img{
	width: 100%;
	display:block;
}
.count-down-content-num-box{
	width: 80%;
	margin: 0 auto;
	background-color: #ffbb45;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.53);
	border-radius: 6px;
	padding: 0.2rem;
}
.count-down-content-num{
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 3px #dc9227;
	text-align: center;
}
.count-down-content-num-item{
	background-color: #373737;
	padding: 0.11rem 0.07rem;
	float: left;
	margin-left: 2px;
	font-size: 0.46rem;
	color: #ffffff;
}
.count-down-content-num-items{
	display: inline-block;
}
.count-down-div{
	display: inline-block;
}
.count-down-content-num-char{
	font-size: 0.36rem;
	font-weight: bold;
	float: left;
	margin-top: 0.3rem;
	margin-left: 0.3rem;
}
.count-down-content-time{
	font-size: 0.25rem;
	text-align: left;
	margin-top: -0.26rem;
}
.count-down-content-time span:first-child{
	margin-left:0.75rem; 
}
.count-down-content-time span:nth-child(2){
	margin-left:1.25rem; 
}
.count-down-content-time span:nth-child(3){
	margin-left:1.25rem; 
}
.count-down-content-time span:nth-child(4){
	margin-left:1.25rem; 
}
.big-btn{
	background-color: #ea0713;
	border-radius: 0.10rem;
	width: 95%;
	height: 0.75rem;
	line-height: 0.75rem;
	letter-spacing: 0.05rem;
	color: #ffffff;
	font-size: 0.26rem;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.2rem;
}
.who-are-we{
	background-color: #f9a400; 
	padding-top: 0.19rem;
	margin-top: 0.19rem;
	padding-bottom: 0.3rem;
}
.who-are-we-box{
	width: 76%;
	background-color: #131d2a;
	box-shadow: 0px 6px 21px 0px 
		rgba(4, 9, 17, 0.83);
	margin: 0 auto;
}
.who-are-we-title{
	font-size: 0.30rem;
	text-align: center;
	width: 100%;
	color: #ffffff;
	padding-top: 0.25rem;
}
.who-are-we-title p:nth-child(2){
	font-size: 0.2rem;
	text-align: center;
	width: 100%;
	color: #b3b3b3;
	margin-top: 0.09rem;
}
.who-are-we-banner{
	width: 120%;
	margin: 0 auto;
	height: 1.63rem;
	background-color: #ef5a27;
	box-shadow: 0px 12px 7px 0px 
		rgba(10, 16, 23, 0.68);
	margin-left: -10%;
	margin-top: 0.6rem;
}
.who-are-we-title-img{
	height: 160%;
	float: left;
}
.who-are-we-title-img img{
	height: 100%;
	margin-top: -10%;
	margin-left: 0.3rem;
}
.who-are-we-title-a{
	color: #ffffff;
	font-size: 0.4rem;
	text-align: center;
}
.who-are-we-title-a p:first-child{
	padding-top: 0.2rem;
}
.who-are-we-body{
	clear: both;
	width: 90%;
	font-size: 0.2rem;
	letter-spacing: 0px;
	color: #ffffff;
	line-height: 0.35rem;
	margin: 0 auto;
	padding-bottom: 0.9rem;
}
.red-color{
	color: #ef2331;
}
.why-us-title{
	height: 100%;
	font-size: 0.3rem;
	color: #333333;
	text-align: center;
	margin-top: 0.54rem;
}
.why-us-body img{
	margin-top: 0.5rem;
	width: 100%;
}
.weixin{
	box-shadow: 0px 6px 16px 4px 
		rgba(2, 2, 2, 0.18);
	padding-bottom: 0.35rem;
}
.study-padding{
	padding-top: 0.22rem;
}
.weixin-box{
	overflow: hidden;
	text-align: center;
	margin-top: 0.33rem;
}
.study{
	background-color: #0c0a0a;
	box-shadow: 0px 6px 16px 0px 
		rgba(2, 2, 2, 0.18);
		padding:0 0.25rem 0.2rem 0.25rem;
}
.base-food-img{
	overflow: hidden;
	padding-bottom: 0.15rem;
}
.swiper-container5{
	position: relative;
}
.study-title{
	width: 100%;
	text-align: center;	
}
.study-lives{
	padding: 0 0.12rem 0.2rem 0.12rem;
}
.study-live{
	width:100%;
	overflow:hidden;
	margin-top: 0.1rem;
}
.study-title{
	color: #ffffff;
	font-size: 0.3rem;
	padding-top:0.36rem;
}
.study-second{
	margin-top:0.23rem;
	line-height: 0.30rem;
	letter-spacing: 0px;
	color: #ea0713;
	font-size: 0.26rem;
	border-left:solid medium #ea0713;
	padding-left:0.05rem;
	clear:both;
}
.study-img-boxs1{
	margin-top:0.2rem;
}
.study-img-box1{
	float:left;
	width:47%;
}
.study-img-box1 img{
	width:100%;
}
.study-img-box2{
	width:52%;
	float:right;
}
.study-img-box2 img{
	width:100%;
	float:left;
	margin-bottom:0.08rem;
}
.person-describ{
	background-color: rgba(8, 8, 8, 0.84);
	padding:0.12rem;
	margin-top: -2rem;
	position: relative;
}
.person-describ p span{
	display:block;
	font-size:0.2rem;
	color: #fb0f1b;
	padding-bottom:0.12rem;
}
.person-describ p{
	color: #fffefe;
	font-size:0.18rem;
}
.study-img-box-item3{
	width:32%;
	float:left;
	overflow: hidden;
	height: 1.5rem;
}.study-img-box3 .study-img-box-item3:nth-child(2){	
	margin:0 0.08rem;
}
.study-img-box-item3 img{
	width:100%;
}
.study-img-box3{
	margin-top: 0.15rem;
}
.study-img-box-item3 span{
	color: #ffffff;
	font-size:0.18rem;    
	display: block;
    margin-top: -0.80rem;
    margin-bottom: 0.20rem;
	text-align:center;
	background-color: #750d0d;
	    position: relative;
}
.study-img-box-item4{
	float:left;
	width:49%;
}
.study-img-box-item4 img{
	width:100%;
}
.study-img-box-item4:first-child{
	margin-right: 0.1rem;
}
.study-img-box-item4 span{
	display:block;
	font-size: 0.20rem;
	background-color: #131d2a;
	color: #ffffff;
	margin-top:-0.50rem;
	position: relative;
	float: left;
}
.study-img-boxs3{
	    margin-top: 0.2rem;
}
.study-img-boxs4{
	    margin-top: 0.2rem;
}
.recommend{
	text-align:center;
	background:#FFFCF5;
}
.recommend-item{
	width:30%;
	float:left;
	background:#FFF;
	box-shadow: 0px 11px 13px 0px 
		rgba(25, 23, 23, 0.24);
		margin-left:0.18rem;
	margin-top:0.18rem;
}
.recommend-item-title{
	width:100%;
	text-align:center;
	color: #e31e01;
	font-size: 0.22rem;
	margin-top:0.22rem;
}
.baoming
{
	width:100%;
	text-align:center;
	letter-spacing: 2px;
	color: #333333;
	font-size: 0.16rem;
}
.baoming span{
	color: #e31e01;
}
.recommend-item-btn{
	width:95%;
	margin:0.2rem auto;
	text-align:center;
	font-size: 0.18rem;	
}
.recommend-item-btn span{
	width:48%;
	padding:0.08rem 0.13rem;
}
.recommend-item-btn span:first-child{
	border: solid 1px #333333;
}
.recommend-item-btn span:first-child a{
	color: black;
}
.recommend-item-btn span:nth-child(2){
	color: #ffffff;
	background-color: #e31e01;
}
.recommend-item-btn span:nth-child(2) a{
	color: #ffffff;
}
.food-img{
	height:1.6rem;
	width:1.6rem;
	margin:0.22rem auto;
}
.food-img img{
	width:100%;
	height:100%;
	border-radius:50%
}
.bottom-form-box{
	width: 80%;
	margin: 0 auto;
	margin-top: 0.13rem;
}
.bottom-form{
	text-align:center;	
    background: #ffffff;
	padding-top: 0.7rem;
	padding-bottom: 0.3rem;
	width: 95%;
	margin: 0.22rem auto;
	
	box-shadow: 0px 11px 21px 0px 
		rgba(25, 23, 23, 0.21);
	
}
.bottom-form-title p:first-child{
	width:100%;
color: #ea0713;
	font-size: 0.33rem;
}
.bottom-form-title p:nth-child(2){
	width:100%;
	color: #141414;
	font-size: 0.24rem;
	margin-top: 0.13rem;
}
.bottom-form-title p:nth-child(2) span{	
	color: #ea0713;
}
.bottom-form-box span{
    padding: 0.08rem;
    font-size: 0.24rem;
    letter-spacing: 0px;
    color: #666666;
    float: left;
}
.bottom-form-box input {
    float: left;
    height: 90%;
    width: 80%;
    font-size: 0.24rem;
    color: #666666;
    border: none;
	background-color: #d9d9d9;
	border-radius: 4px;
}
.bottom-form-box div:last-child{
	border: none;
}
.bottom-form-box div {
    border-bottom: 0.012rem solid #e5e5e5;
    width: 100%;
    height: 0.5rem;
    margin-bottom: 0.3rem;
}
.bottom-form-box div:last-child{
	border: none;
}
.bottom-form-box span:last-child{
	color: #ffffff;
}
.bottom-btns{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 2147483648;
	height: 0.8rem;
	display: block;
    box-sizing: content-box;	
    text-align: center;
}
.bottom-btn{
	width: 50%;
    float: left;
    height: 100%;
    z-index: 2147483648;
	color: #fefefe;
	font-size: 0.29rem;
	padding-top: 0.16rem;
	background-color: #0a0820;
}
.bottom-btn a{
	color: #fefefe;
}
.bottom-btn img{
	vertical-align: middle;
	height: 0.34rem;
	width: 0.34rem;
}
.bottom-btn span{
	    height: 100%;
    line-height: 60%;
    vertical-align: middle;
	margin-left: 0.14rem;
}
.bottom-btn:last-child{
	background-color: #fb581f;
}