@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; display: block; overflow: hidden;}
*{box-sizing: border-box;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
img{display: block;}
.bk{width:100%; height:auto; overflow: hidden; }
.smy_ctrl { position:relative; min-height:150px; cursor:move; overflow:hidden;}
/***********************************************************************************/




.zt{width:750px; height:auto; margin: 0 auto; box-shadow: 0 0px 50px rgba(0, 0, 0, 0.15);}

/* loading */
.loading{width:750px; height: 100vh; position: fixed; top: 0; z-index: 1000; background: #fff;}
.jw_logo{ display: block; width: 180px; height: auto; margin-top: 40vh; margin-left: auto; margin-right: auto;}
.loading_gif{display: block; width: 80px; height: auto; margin-top: 20px; margin-left: auto; margin-right: auto;}


/* 吉刻头 */
.jjc_jike{
	width:100%; 
	height: 1.5rem; 
	position: relative; 
	overflow: hidden; 
	background: #fff; 
	box-shadow: 0 5px 5px rgba(0,0,0,.15);
}
.jjc_jike img{ 
	float: left; 
	width:60%; 
	height:auto; 
	margin-left:5%; 
	margin-top:0.45rem;
}
.jjc_jike .btn{ 
	  width: 1.1rem;
	  height: 0.5rem;
	  line-height: 0.5rem;
	  border-radius: 8px;
	  background: #0462C2;
	  float: right;
	  margin-right: 5%;
	  margin-top: 0.5rem;
	  border: 0;	  
	  text-align: center;
}
.jjc_jike .btn a{ color: #fff; font-size: 18px; }
/* 吉刻头  end*/

/* .jjc_content h1{
	width: 90%; 
    height: auto; 
	margin:30px auto; 
	font-size: 32px; 
	font-weight: bold; 
	overflow: hidden; 
	text-align: center;
    
} */

/* 初始展示 */
.top_img{ 
	width:100%; 
	height:18.5rem; 
	position: relative;
	overflow: hidden;
}
.banner_img{ width:100%; height:100%;}
.index_icon{ 
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 36%;
  height: auto;
}


/* 下拉内容 */
@keyframes bounce-opacity {  /* 透明度闪烁*/
  0% {opacity: 0.2;}
  50% { opacity: 1;}
  100% {opacity: 0.2;}
}
@keyframes flyAwayLeft {
    0% {		
        transform: rotate(0deg);
    }
    100% {		
        transform: rotate(30deg) translateX(-150%) translateY(150%);
    }
}
@keyframes flyAwayRight {
    0% {		
        transform: rotate(0deg);
    }
    100% {		
        transform: rotate(-30deg) translateX(150%) translateY(150%);
    }
}
.bounce-opacity{
	animation: bounce-opacity 1.5s linear infinite;
	-webkit-animation: bounce-opacity 1.5s linear infinite;
}
.fly-away-left {
    transform-origin: left top;
    animation: flyAwayLeft 1s ease-in forwards;
}
.fly-away-right {
    transform-origin: right top;
    animation: flyAwayRight 1s ease-in forwards;
}


.jjc_content{
	display: none;
	width:100%; 
	height:auto; 
	overflow: hidden;
}
.daodu_img{
	width: 100%; 
	height: 13.4rem; 
}
.daodu_img img{ 
	width:100%; 
	height:100%;
}

.img_bg_box{
	 width:100%; 
	 height:16rem; 	
     padding-top: 20px;
}
.img_bg_box1{
	 background: url(../images/bg_img2.jpg) no-repeat center top;
	 background-size: 100% 100%;
}
/* 
.img_bg_box2{
	 background: url(../images/bg_img2.jpg) no-repeat center top;
	 background-size: 100% 100%;
}
.img_bg_box3{
	 background: url(../images/bg_img3.jpg) no-repeat center top;
	 background-size: 100% 100%;
}
.img_bg_box4{
	 background: url(../images/bg_img3.jpg) no-repeat center top;
	 background-size: 100% 100%;
} */


.img_box{
	 width:90%; 
	 height:13.3rem;
	 margin: 0 auto;
	 position: relative;
	 /* box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5); */
}
.img_item{
	 width:100%; 
	 height:100%; 
	 position: absolute;
	 top: 0;
	 left: 0;
}
.img_item img{ 
	width:100%; 
	height:100%;
}
.img_item img:nth-child(2){
	position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 36%;
    height: auto;
}
.img_item1{ z-index: 10; }
.img_item2{ z-index: 9; }
.img_item3{ z-index: 8; }
.img_item4{ z-index: 7; }
.img_item5{ z-index: 6; }
.img_item6{ z-index: 5; }
.img_item7{ z-index: 4; }
.img_item8{ z-index: 3; }
.img_item9{ z-index: 2; }
.img_item10{ z-index: 1; }







.footer{ 
	width:100%;
	height:auto;  	 
	text-align: center; 
	background: #f7f7f7;
	padding: 5% 0;  
}
.footer p{		
	font-size: 16px;
	line-height: 45px;
}







@media screen and (max-width: 768px){
	.zt{ width:100%; }  
	.loading{ width: 100%; }
	.jjc_jike{ height: 2.2rem; }
	.jjc_jike img{ margin-top:0.8rem; }
	.jjc_jike .btn{
		  width: 2rem;
		  height: 0.8rem;
		  line-height: 0.8rem;
		  margin-top: 0.7rem;
	}
	.jjc_jike .btn a{ font-size: 0.35rem; }
	
	.jjc_content h1{ font-size: 0.6rem;}
	

	.footer p{ font-size: 0.35rem; line-height: 1rem; }
	.footer p b{ font-size: 0.45rem; }
}