.all{
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
.box{
	position: relative;
	padding:0;
	margin:0;
	border:0;
	width:100%;
}

.box img{
	width:1200px;
	margin:0 calc(50% - 600px);
}
.title01{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:24px;
	text-align:center;
	font-weight: bold;
	color:#C83030;
	width:100%;
	top:30%;
}
.content01{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:16px;
	text-align:left;
	color:#000000;
	width:800px;
	top:10%;
	margin:0 calc((100% - 800px)/2);
	line-height:30px;
}
.content02{
	width:800px;
	margin:0 calc((100% - 800px)/2);
}
.content02 img{
	width:180px;
	float:left;
	margin:0;
	padding:10px;
}
.title02{
	font-family: "microsoft yahei";
	font-size:20px;
	text-align:center;
	font-weight: bold;
	color:#C83030;
	width:100%;
	line-height:40px;
}
.title03{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:20px;
	text-align:center;
	font-weight: bold;
	color:#000000;
	width:100%;
	top:20px;
}
.content03{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	text-align:left;
	color:#000000;
	width:600px;
	top:120px;
	margin:0 calc((100% - 600px)/2);
	line-height:30px;
}

.content04{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	text-align:left;
	color:#000000;
	width:600px;
	top:250px;
	margin:0 calc((100% - 600px)/2);
	line-height:15px;
}

.content05{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:12px;
	text-align:center;
	color:#121212;
	width:100%;
	top:380px;
	margin:0;
	line-height:30px;
}
#showbox1,#showbox2,#showbox3,#showbox4{
	display: none;
	width:180px;
	height:297px;
	padding:5px;
	font-size:14px;
	background: #000000;
	color:#fff;
}
.img-1, .img-2, .img-3, .img-4{
	float:left;
	width:190px;
	padding:10px 5px;
}
.showbox{
	width:180px;
	padding:5px;
}
.b2-1{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:13.5px;
	color:#000000;
	top:35px;
	left:calc(50% - 360px);
	width:400px;
	line-height:26px;
}
.bz{
	font-size:10px;
	color:#000000;
	line-height:26px;
}
.b2-2{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:13.5px;
	color:#000000;
	top:35px;
	left:calc(50% + 60px);
	width:300px;
	line-height:26px;
}
.content06{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:12px;
	text-align:center;
	color:#121212;
	width:100%;
	bottom:60px;
	margin:0;
	line-height:15px;
}


/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
  0% {
    height: 0;
  }

  100% {
    height: 5px;
  }
}
@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0;
  }

  100% {
    height: 5px;
  }
}
@keyframes dothabottomcheck {
  0% {
    height: 0;
  }

  100% {
    height: 5px;
  }
}
@keyframes dothatopcheck {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: 15px;
  }
}
@-webkit-keyframes dothatopcheck {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: 15px;
  }
}
@-moz-keyframes dothatopcheck {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: 15px;
  }
}
input[type=radio] {
  display: none;
}

.check-box {
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: 2px solid black;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.check-box::before, .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 1px;
  background-color: #DC143C;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 4px;
  content: '';
  -webkit-transition: opacity ease .5;
  -moz-transition: opacity ease .5;
  transition: opacity ease .5;
}
.check-box::before {
  top: 9px;
  left: 5px;
  box-shadow: 0 0 0 3px #fff;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.check-box::after {
  top: 5px;
  left: 2px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=radio]:checked + .check-box,
.check-box.checked {
  border-color: #DC143C;
}
input[type=radio]:checked + .check-box::after,
.check-box.checked::after {
  height: 5px;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=radio]:checked + .check-box::before,
.check-box.checked::before {
  height: 15px;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;
  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}
.checktitle{
	padding-left:10px;
	font-size:13px;
	font-family: "microsoft yahei";
	font-weight: 400;
	
}
.ques{
	font-size:18px;
	font-family: "microsoft yahei";
	font-weight: 500;
	padding-top:12px;
}
.b3-1{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	color:#000000;
	top:20%;
	left:calc(50% - 300px);
	width:600px;
	line-height:26px;	
}
.b3-2{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	color:#000000;
	top:30%;
	left:calc(50% - 300px);
	width:600px;
	line-height:25px;	
}
.b3-2 span{
	padding:20px 10px;
}
.b3-2 p{
	margin-left:20px;
}

.b3-3{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:10px;
	color:#545454;
	top:93%;
	left:calc(50% - 300px);
	width:600px;
	text-align:center;
	line-height:25px;	
}

#banner{
    width:600px;
    height:400px;
    position:absolute;
    top:50%;
    margin-top:-200px;
    left:calc( 50% - 300px );
    margin-left:0;
}
.pic img{
    position:absolute;
	margin:0;
}
.tabs{
    position:absolute;
    bottom:5px;
    left:200px;
}
.tabs li{
    width:40px;
    height:4px;
    border:1px solid #fff;
    float:left;
    margin-left:15px;
    border-radius:0%;

}
.btn{
    width:30px;
    height:50px;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    font-size:30px;
    line-height:50px;
    text-align:center;
    position:absolute;
    top:40%;
    cursor:pointer;
}
.btn:hover{
    background-color:rgba(0,0,0,.8);
    color:red;
}
.btn1{
    left:-30px;
}
.btn2{
    right:-30px;
}
.bg{
    background-color:#fff;
}
.b4-1{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	color:#545454;
	top:5%;
	left:calc(50% - 300px);
	width:600px;
	text-align:center;
	line-height:15px;	
	margin-top:20px;
}
.b4-2{

	font-family: "microsoft yahei";
	font-size:10px;
	color:#545454;
	line-height:25px;	
}
.b5-1{
	position: absolute;
	font-family: "microsoft yahei";
	font-size:14px;
	top:10%;
	left:calc(50% - 300px);
	width:600px;
	text-align:center;
	line-height:25px;	
	margin-top:20px;
}

.box01{
	position: relative;
	font-family: "microsoft yahei";
	font-size:14px;
	margin-left:calc(50% - 300px);
	width:600px;
	line-height:25px;	
}
.title1{
	position: absolute;
	top:10%;
	left:7%;
	margin:8px 0;
	line-height:20px;
	font-size:20px;
	font-weight: bold;
	color:#fff;
}
.content1{
	position: absolute;
	left:7%;
	line-height:30px;
	font-size:14px;
	color:#000000;
}

#showbox1-1,#showbox1-2,#showbox1-3,#showbox1-4,#showbox1-5,#showbox2-1,#showbox2-2,#showbox2-3,#showbox2-4,#showbox3-1,#showbox3-2{
	display: none;
	text-align:left;
	position: relative;
	padding:5px;
	font-family: "microsoft yahei";
	font-size:14px;
	margin-left:calc(50% - 300px);
	width:600px;
	line-height:25px;
}

.showbox1{
	text-align:left;
	position: relative;
	padding:5px;
	font-family: "microsoft yahei";
	font-size:14px;
	margin-left:calc(50% - 300px);
	width:600px;
	line-height:25px;
}