@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
/*div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}*/
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none; color: #000000; }
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
img{ display: block; }
.bk{width:100%; height:auto; overflow: hidden; }
.w90{width:90%; height: auto; overflow: hidden; margin-left:auto; margin-right:auto; }
.smy_ctrl { position:relative; min-height:150px; cursor:move; overflow:hidden;}
/***********************************************************************************/

.zt{width:750px; height:auto; margin: 0 auto;}




.jjc_banner{width:100%; height: 2.2rem; position: relative; overflow: hidden; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.15);}
.jjc_banner img{width:55%; height:auto; margin-left:5%; margin-top:0.8rem; float: left;}
.jjc_banner .btn{ width:2rem; height: 0.8rem; border-radius: 8px; background: #e92111; float: right; 
                  margin-right: 5%; margin-top: 0.7rem; border: 0;  line-height: 0.8rem; text-align: center;
}
.jjc_banner .btn a{ color: #fff; font-size: 0.45rem; font-weight: bold; }



.jjc_content{width:100%; height:auto; overflow: hidden;}

.index_img{ width:100%; height: auto; overflow: hidden; position: relative;}

.index_img img{ width:100%; height: auto; }

.btn1{
    font-size: 42px;
    text-shadow: 2px 2px 6px #000;
    letter-spacing: 5px;
    position: absolute;
    top: 1080px;
    color: #fff;
    padding: 16px 47px;
    background: #fa5525;
    border-radius: 50px;
    font-weight: bold;
    left: 50%;
    margin-left: -138px
}

.bounce-up {
  animation: bounce-up1 3s linear infinite;
  -webkit-animation: bounce-up1 3s linear infinite;
}

@keyframes bounce-up1 { 
  0% {transform: translateY(0);opacity: 0.3;}
  50% {transform: translateY(10px); opacity: 1;}
  100% {transform: translateY(0); opacity: 0.3;}
}

.instruction{
	position: absolute;
	bottom: 205px;
	left: 0;
	width: 100%;
	height: auto;
	padding: 0 5%;
	box-sizing: border-box;
}
.instruction h2{
	width: 100%;
	height: auto;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	font-size: 32px;
	box-sizing: border-box;
	font-weight: bold;
}
.instruction p{
	width: 100%;
	color: #fff;
	font-size: 28px;
	line-height: 48px;
	text-indent: 56px;
	
}

.instruction p a{ 
	color: #fbc602;
	text-decoration: underline;	
	font-weight: bold;
}

.title{width: auto; margin: 15px  20px; overflow: hidden;}

.title h1{
	width: auto;
	height: auto;
	font-size: 32px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

.jjc_content ul li{
	display: none;  
	width:100%; 
	height: auto; 
	overflow: hidden;
}





@media screen and (max-width: 768px){
	.zt{ width:100%; } 
	.title{width: auto; text-align: center;}
	.title h1{font-size: 0.5rem; text-align: center;}		
			
	
	.btn1{
	    font-size: 0.65rem;
	        text-shadow: 2px 2px 6px #000;
	        letter-spacing: 5px;
	        position: absolute;
	        top: 14rem;
	        color: #fff;
	        padding: 0.3rem 1rem;
	        background: #fa5525;
	        border-radius: 50px;
	        font-weight: bold;
	        left: 50%;
	        margin-left: -2.4rem;
	}
	
	.index_img img{ width:100%; height: 103.6rem; }
	
	.instruction{
		position: absolute;
		bottom: 2rem;
		left: 0;
		width: 100%;
		height: auto;
		padding: 0 5%;
		box-sizing: border-box;
	}
	.instruction h2{
		width: 100%;
		height: auto;
		padding: 0.3rem 0;
		text-align: center;
		color: #fff;
		font-size: 0.55rem;
		box-sizing: border-box;
		font-weight: bold;
	}
	.instruction p{
		width: 100%;
		color: #fff;
		font-size: 0.42rem;
		line-height: 30px;
		text-indent: 40px;
		
	}
	
	.instruction p a{ 
		 	
	}
	
}