@charset "utf-8";
/* CSS Document */
body{background:#fff !important;}

/*弹窗广告*/
.jquery-lightbox-overlay{  background:#000000; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.jquery-lightbox-move a{color: #fff;font-size:14px;background: url(../2017_img/close.png) no-repeat center;padding: 6px 15px;float: right;}
.jquery-lightbox-button-close{/*! position: absolute; *//*! bottom: 0; *//*! right: 44%; */}
.jquery-lightbox-button-close span{display: none;}


/* 1 banner */
.section1{background: url(../2017_img/banner.jpg) no-repeat center;background-size:cover;position: relative;}
.section1 .next{position: absolute;bottom: 20px;text-align: center;width: 100%;-webkit-animation: bounce 0.6s ease-in-out infinite; animation: bounce 0.6s ease-in-out infinite; }

/*nav_t*/

/*弹跳按钮*/
@keyframes bounce {
  0% {
    bottom: 20px;
  }
  65% {
    bottom: 28px;
  }
  100% {
    bottom: 20px;
    border-radius: 49% 47% 42% 40%/60% 60% 40% 40%;
  }
}

/* 2 section */

.section2{background: url(../2017_img/ind_bglt.jpg) no-repeat top left;position: relative;}
.section2 .tableCell{background: url(../2017_img/ind_bglb.jpg) no-repeat bottom left;}
.section2 h3{margin-top: 90px;font-size: 32px;display: block;}
.section2>.tableCell span{display: none !important;}
.active>.tableCell span{display: block !important;}
.ind_c{margin-top: 20px;_margin-top: 10px;display: block;overflow: hidden;position: absolute;left: 0%;width: 100%;z-index: 900;}
.c_logo{border:5px #f5f5f5 solid;_border:none;width: 335px;margin: 20px auto 0;_margin: 0px auto 0;border-radius: 200px;height: 335px;_width: 345px;_height: 345px;z-index: 9999;background: #fff;display: block;}
.c_logo img{margin-top: 32px;_display:none;zoom:1;}
.c_logo .logo_ie{display: none;_display: inline-block;}

.sp-container{height: 100%;background: url(../2017_img/ind_bgrt.jpg) no-repeat top right;}
.sp-content{height: 100%;width: 100%;zoom: 1;background: url(../2017_img/ind_bgrb.jpg) no-repeat bottom right;}
.sp-content .circle-0{width: 252px;height: 252px;position: absolute;right: 24%;bottom: 14%;background: url(../2017_img/circle-0.png) no-repeat;}
.sp-content .circle-1{width: 280px;height: 280px;position: absolute;left: 21%;top: 24%;background: url(../2017_img/circle-1.png) no-repeat;}
.sp-content .circle-0,.sp-content .circle-1{*background: none;_display:none;-webkit-animation: rotate 45s linear;animation: rotate 45s linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;z-index: 888;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotate{0%{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
.caseBlanche {height:130px;width:130px; position:relative;border-radius: 104px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;zoom: 1;_background: url(../2017_img/votes_bg.jpg) no-repeat center 0px;*background: url(../2017_img/votes_bg.jpg) no-repeat center 0px;}
.caseBlanche:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}

.caseBlanche .load {font-family:calibri;text-align:center;position:absolute;top :8.5px;left :8.4px; height:87%; width:87%;border-radius:104px;_background:#092241; _background: none;*background: none;/*! opacity: 0.5; *//*! background:rgb(240, 204, 192); */background: rgb(252, 232, 225);}
.caseBlanche .load  p{ line-height:30px;margin-top: 0px;font-size: 16px;}
.caseBlanche .test {height:10px;width:10px; position:absolute; background-color:rgb(239, 198, 173);border-radius:50%;top:0px;left:13px;margin:7px;_display:none;*display:none;}
.rond {
  height:128px;
  width:128px;
  /*! border:1px solid rgb(239, 198, 173); */
  border-radius:50%;
  position:absolute;
  top:0px;
  left:0px;
	_border:none;
	*border:none;

  background: #fff;
  border: 1px #ddd dotted;
}
.caseBlanche:hover .rond{  animation:rond 3s infinite;
  -webkit-animation:rond 3s infinite;border:1px solid #ccc; *border:none;}
.caseBlanche:hover .rond  .test{background-color:#c00;*background:none;}
.caseBlanche:hover .load{/*background-color:#e56c35;*/background-color:#c00;*background:none;}
.caseBlanche a{color: #333;width: 100%;display: block;padding: 27px 0;border-radius: 104px;font-family: "微软雅黑", Arial;}
.caseBlanche a:hover{color: #fff;}
@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);} 
}
.sp-row{overflow: hidden;height: 100%;zoom: 1;position: relative;left: 0;width: 1350px;margin: 0 auto;}
.sp-row span {
	position: absolute;
	margin: 2px;
	z-index: 999;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	-webkit-animation: fromBack 0.4s linear backwards, fadeOut 0.3s linear backwards;
	-moz-animation: fromBack 0.4s linear backwards, fadeOut 0.3s linear backwards;
	-ms-animation: fromBack 0.4s linear backwards, fadeOut 0.3s linear backwards;
	animation: fromBack 0.4s linear backwards, fadeOut 0.3s linear backwards;
}

.tcsd{
	-webkit-animation-delay: 1s, 5s !important;
	-moz-animation-delay: 1s, 5s !important;
	-ms-animation-delay: 1s, 5s !important;
	animation-delay: 1s, 5s !important;
	left: 18%;
	top: 16.5%;
	/*transform: sprite-7 .0s linear forwards;*/
}
.wysd{
	-webkit-animation-delay: 1.1s, 5.1s !important;
	-moz-animation-delay: 1.1s, 5.1s !important;
	-ms-animation-delay: 1.1s, 5.1s !important;
	animation-delay: 1.1s, 5.1s !important;
	left: 24%;
	top: 44.5%;
}
.czsd{
	-webkit-animation-delay: 1.2s, 5.2s !important;
	-moz-animation-delay: 1.2s, 5.2s !important;
	-ms-animation-delay: 1.2s, 5.2s !important;
	animation-delay: 1.2s, 5.2s !important;
	left: 5%;
	top: 33%;
}
.tcyx{
	-webkit-animation-delay: 1.3s, 5.3s !important;
	-moz-animation-delay: 1.3s, 5.3s !important;
	-ms-animation-delay: 1.3s, 5.3s !important;
	animation-delay: 1.3s, 5.3s !important;
	left: 8%;
	top: 59%;
}
.dlscz{
	-webkit-animation-delay: 1.4s, 5.4s !important;
	-moz-animation-delay: 1.4s, 5.4s !important;
	-ms-animation-delay: 1.4s, 5.4s !important;
	animation-delay: 1.4s, 5.4s !important;
	left: 25%;
	top: 75%;
}
.fgzsd{
	-webkit-animation-delay: 1.5s, 5.5s !important;
	-moz-animation-delay: 1.5s, 5.5s !important;
	-ms-animation-delay: 1.5s, 5.5s !important;
	animation-delay: 1.5s, 5.5s !important;
	right: 18%;
	top: 16.5%;
}
.qpysd{
	-webkit-animation-delay: 1.6s, 5.6s !important;
	-moz-animation-delay: 1.6s, 5.6s !important;
	-ms-animation-delay: 1.6s, 5.6s !important;
	animation-delay: 1.6s, 5.6s !important;
	right: 24%;
	top: 44.5%;
}
.pgzsd{
	-webkit-animation-delay: 1.7s, 5.7s !important;
	-moz-animation-delay: 1.7s, 5.7s !important;
	-ms-animation-delay: 1.7s, 5.7s !important;
	animation-delay: 1.7s, 5.7s !important;
	right: 5%;
	top: 33%;
}
.wjssd {
	-webkit-animation-delay: 1.8s, 5.8s !important;
	-moz-animation-delay: 1.8s, 5.8s !important;
	-ms-animation-delay: 1.8s, 5.8s !important;
	animation-delay: 1.8s, 5.8s !important;
	right: 8%;
	top: 59%;
}
.mwzsd {
	-webkit-animation-delay: 1.9s, 5.9s !important;
	-moz-animation-delay: 1.9s, 5.9s !important;
	-ms-animation-delay: 1.9s, 5.9s !important;
	animation-delay: 1.9s, 5.9s !important;
	right: 25%;
	top: 75%;
}
.cpsd{
	-webkit-animation-delay: 2s, 6s !important;
	-moz-animation-delay: 2s, 6s !important;
	-ms-animation-delay: 2s, 6s !important;
	animation-delay: 2s, 6s !important;
	right: 44.5%;
	top: 75%;
}


/* -webkit- */
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes fadeInColor{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0);
	}
	50%{
		opacity: 0.5;
		background-color: rgba(255,255,255,0);
	}
	100%{
		opacity: 1;
		background-color: rgba(255,255,255,0.3);
	}
}
@-webkit-keyframes slideIn{
	0%{
		opacity: 0;
		-webkit-transform: translateX(-200px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@-webkit-keyframes sizeDownMove{
	0%{
		-webkit-transform: scale(1);
		left: 100px;
	}
	100%{
		-webkit-transform: scale(0.6);
		left: 0px;
	}
}
@-webkit-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
/* -moz- */
@-moz-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes fadeInColor{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0);
	}
	50%{
		opacity: 0.5;
		background-color: rgba(255,255,255,0);
	}
	100%{
		opacity: 1;
		background-color: rgba(255,255,255,0.3);
	}
}
@-moz-keyframes slideIn{
	0%{
		opacity: 0;
		-moz-transform: translateX(-200px);
	}
	100%{
		opacity: 1;
		-moz-transform: translateX(0px);
	}
}
@-moz-keyframes sizeDownMove{
	0%{
		-moz-transform: scale(1);
		left: 100px;
	}
	100%{
		-moz-transform: scale(0.6);
		left: 0px;
	}
}
@-moz-keyframes fromBack{
	0%{
		-moz-transform: scale(0);
		opacity: 0;
	}
	100%{
		-moz-transform: scale(1);
		opacity: 1;
	}
}
/**/
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeInColor{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0);
	}
	50%{
		opacity: 0.5;
		background-color: rgba(255,255,255,0);
	}
	100%{
		opacity: 1;
		background-color: rgba(255,255,255,0.3);
	}
}
@keyframes slideIn{
	0%{
		opacity: 0;
		transform: translateX(-200px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes sizeDownMove{
	0%{
		transform: scale(1);
		left: 100px;
	}
	100%{
		transform: scale(0.6);
		left: 0px;
	}
}
@keyframes fromBack{
	0%{
		transform: scale(0);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

.sp-content .ind_c {
	text-align: center;
	/*! padding: 30px 0px 20px 0px; */
	_padding: 10px 0px 20px 0px;
	-webkit-animation: fromBack 1.2s ease-in-out 1.5s backwards;
	-moz-animation: fromBack 0.6s ease-in-out 1.5s backwards;
	-ms-animation: fromBack 1.2s ease-in-out 1.5s backwards;
	animation: fromBack 1.2s ease-in-out 1.5s backwards;
}
/*.sp-content h2 {
	-webkit-animation: fromBack 0.6s ease-in-out 2.6s backwards, fadeOut 0.5s linear 4.5s backwards;
	-moz-animation: fromBack 0.6s ease-in-out 2.6s backwards, fadeOut 0.5s linear 4.5s backwards;
	-ms-animation: fromBack 0.6s ease-in-out 2.6s backwards, fadeOut 0.5s linear 4.5s backwards;
	animation: fromBack 0.6s ease-in-out 2.6s backwards, fadeOut 0.5s linear 4.5s backwards;
}*/