@charset "utf-8";
/* banner */
.c-banner{
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	height: 100vh;
}
.c-banner img{
	width: 50%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
	width: 100%;
	height: 100vh;
}

.lunbo1{ float:left;width:100%;height:100%;background-image:url("/img/lunbo1.jpg");background-repeat:no-repeat;background-position:center 0;background-color:#fff;margin: 0 auto 0px;display:block;background-size:auto 100%;}
.lunbo2{ float:left;width:100%;height:100%;background-image:url("/img/lunbo2.jpg");background-repeat:no-repeat;background-position:center 0;background-color:#fff;margin: 0 auto 0px;display:block;background-size:auto 100%}

.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
	height: 100vh;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 15px 10px 15px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.1;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .preImg {
    padding: 15px 0px 15px 7px;
    border-radius: 0 5px 5px 0;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.3;
}
.c-banner .nexImg{
	right: -12px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}


.top_index{ float:left; width:100%; height: 100vh;/* 重点一 */background-color:#f9f9f9;background-image: url(../img/top_index_bg.png);background-repeat: no-repeat;background-size: cover; /* 重点二 */ position:relative;overflow:hidden;}
.nav{width:1200px;margin:15px auto;display:block;clear:both;position: relative;z-index: 2;}
.nav .logo{float:left;width: 220px;height: 60px;background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:100%;cursor:pointer;margin-right:20px;}
.nav ul li{height:35px;line-height:35px;float:left;padding:10px 0px;margin: 0px 15px;position:relative;}
.nav ul li .a1{ color:#333;  font-size:17px; text-decoration:none; cursor:pointer;}
.nav ul li .a1:hover{ color:#000; text-decoration:none;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#000; top:46px; left:0;}
.nav .sortbox {float:left;width:72px; padding:6px 20px 6px 20px;display:block;line-height:30px;cursor:pointer;border:1px solid #E3E3E3;background:#333;position:absolute;left:-24px;top:55px;}
.nav .sortbox a{float:left;color:#eee;  font-size:14px; text-decoration:none; cursor:pointer;}
.nav .sortbox a:hover{ color:#fff; text-decoration:none;}
.nav .sortbox em{float:left; margin-right:5px; font-size:20px;}
.nav .sortbox a:hover em{ color:#fff000;}
.rbox{display:block;float: left;  margin: 12px 0 0 10px;}
.rbox .ss_ico,.rbox .ss_ico_h{float:left;width:33px;height:33px;background-image:url(../img/ss_ico.png); background-repeat:no-repeat; background-size:100%;cursor:pointer; margin-right:10px;position: relative;}
.rbox .wx_ico,.rbox .wx_ico_h{float:left;width:33px;height:33px;background-image:url(../img/wx_ico.png); background-repeat:no-repeat; background-size:100%;cursor:pointer; margin-right:10px;position: relative;}
.kSearch{ z-index: 1; display: none; width:220px; height: 34px; padding:8px 0; box-sizing: border-box; position: absolute; left: -188px; top: 48px; background: #fff; border:1px solid #171313; border-radius: 3px; }
.kSearchTxt{ width: 176px; box-sizing: border-box; float: left; padding: 0 8px; border-right:1px solid #171313; }
.kSearchTxt input{ border: none; background: no-repeat; color: #333; height: 20px; line-height: 34px; }
.kSearch button{  cursor: pointer; text-align: center;  border:none; }
.kSearchBtn{float:left;width:19px;height:19px;background-image:url(../img/ss_ico1.png); background-repeat:no-repeat; cursor:pointer; margin:0 0 0 10px;}
.kSearchBtn:hover{ background-position:-22px 0px;}

.kWeix{ z-index: 2; border: 1px solid #171313; background-color: #fff;border-radius: 5px; position: absolute;    top: 48px;    opacity: 1; left: -43px;  top: 48px; opacity: 1;}
.kWeix span{border-right: 1px solid #171313;border-top: 1px solid #171313;height: 10px;width: 10px; position: absolute; margin-left: -4px; top:-7px; left: 50%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-left: 1px solid transparent;border-bottom: 1px solid transparent; display: block; background-color: #fff;}
.kWeix img{ width: 114px; display: block;border-radius: 5px; }
.kWeix_hov{ transition:all .5s;-webkit-transition:all .5s;opacity:1;transform:translateY(-80px);-webkit-transform:translateY(-80px); }


.txtbox{/* width: 1200px; *//* float: left; *//* position: absolute; *//* top: 50%; *//* left: 50%; *//* margin-left: -600px; *//* margin-top: -100px; */}
.txtbox .txt1{ float:left; width:463px;height:79px;background-image:url(../img/txt1.png); background-repeat:no-repeat; background-size:100%; position: relative;
animation: myfirst3 2s;
-moz-animation: myfirst3 2s;	/* Firefox */
-webkit-animation: myfirst3 2s;	/* Safari 和 Chrome */
-o-animation: myfirst3 2s;
}
.txtbox .txt2{float: left;display: block;clear: both; margin:20px 0 0; font-size:16px; width:50%; line-height:30px; color:#666; position: relative;
animation: myfirst4 3s;
-moz-animation: myfirst4 3s;	/* Firefox */
-webkit-animation: myfirst4 3s;	/* Safari 和 Chrome */
-o-animation: myfirst4 3s;
}

@keyframes myfirst3{
      0%   { left:-60px;opacity:0.2;}
	  75% { left:0px;opacity:1;}
	 100% { left:0px;}
    }
	
@keyframes myfirst4{
      0%   { left:-60px;opacity:0;}
	  40%   { left:-60px;opacity:0;}
	  75% { left:0px;opacity:1;}
	 100% { left:0px;}
    }

.kBgCon{width:1060px;position:absolute;top: -170px;right:-57%;z-index: 1;}
.kBox1{ height: 830px; position: relative; }
.kBg2_1{width: 1264px;height: 1264px;background: url(../img/bg2_1.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 1;}
.kBg2_2{width: 1264px;height: 1264px;background: url(../img/bg2_2.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 2;transform: rotate(30deg);
animation: myfirst 3s;
-moz-animation: myfirst 3s;	/* Firefox */
-webkit-animation: myfirst 3s;	/* Safari 和 Chrome */
-o-animation: myfirst 3s;
	}
.kBg2_3{width: 1264px;height: 1264px;background: url(../img/bg2_3.png) no-repeat;position: absolute;left: 1px;
    top: -1px;z-index: 3;transform: rotate(0deg);
animation: myfirst1 3s;
-moz-animation: myfirst1 3s;	/* Firefox */
-webkit-animation: myfirst1 3s;	/* Safari 和 Chrome */
-o-animation: myfirst1 3s;
}
.kBg2_6{width: 1264px;height: 1264px;background: url(../img/bg2_6.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 6;}

    @keyframes myfirst{
      0%{-webkit-transform:rotate(120deg);}
      100%{-webkit-transform:rotate(30deg);}
    }
	@keyframes myfirst1{
      0%{-webkit-transform:rotate(-45deg);}
      100%{-webkit-transform:rotate(0deg);}
}



/* fullSlide */
.fullSlide{width:100%;position:relative;height:100vh; float:left;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:100vh;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:100vh;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:0%;background-position:-6px -137px;}