@charset "utf-8";
/* CSS Document */
body{
	font-family:"微软雅黑";
	background-color:#FFF;
	
}
.wrapper {
 width:1100px;
  min-width: 320px;
  margin: auto;
  display: block;
  position:relative;
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}


ul li {
	list-style:none;
}

.floor1{
	height:640px;
	background: url(../images/weixin_01.jpg) no-repeat center #fe6869;

	}
.top-black{
	display:block;
    margin: 30px 0 0 0;

}


.floor4{
	
background:#ff6868;
    }
    .floor5{
        background-color:#f8f8f8;
		padding-bottom:140px;
    }
.floor_rou{
	
	height:590px;
	background:#f9f9f9;
}
	.floor11{

}
	#tmall-desc{
		margin-top:90px;
		overflow:hidden;
	}
	#tmall-desc dl {
		height:160px;
  float: left;
  
  padding:0 42px;
}
#tmall-desc dl dt {
	margin-bottom:10px;
  color: #fff;
  font-size: 18px;
  
  height: 40px;
  line-height: 40px;
  text-align: left;
}
#tmall-desc dl a {
  display: block;
  
  overflow: hidden;
  font-size:14px;
  color:#696969;
  text-align: left;
  height: 24px;
  line-height: 24px;
 
}
#ensure,#beginner{
	border-right:1px #d4d2d2 solid;
}
#tmall-desc dl#mobile dt{
	text-align:center;
	margin:5px 0 15px;
}
#ensure{
	margin-left:37px;
}
#tmall-desc dl#mobile dt{
	color:#5b5b5b;
	font-weight:500;
}
.floor11 .tel{
	height:41px;
	width:230px;
}
.floor11 .tel img{
	margin:0;
	float:left;
	height:100%;
}
.floor11 .tel input{
	margin:0;
	height:39px;
	width:185px;
	border:1px solid #bdbdbd;
	border-right:none;
	    border-top-left-radius: 3px;
	    border-bottom-left-radius: 3px;
	line-height: 39px;
	background-color:#fff;
	text-indent:10px;
	color:#c2c2c2;
	float:left;
}
.floor11 .black{
	display:block;
	margin:0 auto 20px;
	width:160px;
	font-size:18px;
	color:#a2a5a4;
}
.floor6{
	padding:15px 0 40px;	
	font-size:12px;
	color:#464646;
	border-top: #d2d2d2 1px solid;
	
}
.floor6 h6{
	display:block;
	margin:auto;
	
	text-align:center;
	line-height:30px;
}
.floor6 .btn{
	display:none;
	padding:0;
	margin:40px auto 25px;
	width:348px;
	height:50px;	
	color:#449cf4;
	text-align:center;
	line-height:50px;
	border:1px #cdcdcd solid;
}

/*floor2 动画*/
.hover-fold {
  background: #42bb06;

  height: 298px;
  width:273px;
  
  -moz-perspective: 1500;
  -webkit-perspective: 1500;
  perspective: 1500;
  position: relative;

}

.hover-fold .top {
  height: 50%;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.hover-fold .top .face {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.hover-fold:hover .top {
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.hover-fold .front {
  /*background: url(../images/weixin_06.jpg) top;*/
  height: 100%;
  /*has to be 100% of .top */
  width: 100%;
}
.hover-fold .back {
  
  height: 100%;
  /*has to be 100% of .top */
 
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);

}
.hover-fold .back p {
  margin: 0;
}
.hover-fold .bottom {
 /* background: url(../images/weixin_06.jpg) bottom;*/
  height: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 0;

}
/*floor4 动画*/
.custom-block__info{
    transition: all 0.4s ease 0s;
}
.custom-block__info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px 20px 24px;
}
.custom-block__title {
	text-align:center;
  	font-size:18px;
    font-weight: 500;
    color: #fefefe;
}
.custom-block__info:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 100%);
    background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 100%);
}
  .custom-block:hover .custom-block__info{
	
	padding: 20px 20px 34px;

}