.index_zq{ background: #f6f6f8; margin: 5px 0 10px}
.index_zq img{display: block;}
.index_zq i{display: block; text-align: center; color: #c0c0c0; font-size: 10px; padding-bottom: 5px; margin-top: -10px}

.item{ background:#f6f6f8; padding: 20px 5px 10px; overflow: hidden; position: relative}
.item .swiper-slide{ width: 100%; overflow: hidden;}
.item .swiper-slide a{ display: block; width: 18%; margin:3px 3.5%; font-size: 0.9em; color: #666; text-align: center; float: left; position: relative}
.item .swiper-slide a i{ display: block; width: 100%; margin-bottom: 5px; border-radius:23px;}
.item .swiper-slide.ic1 a:nth-child(1) i{ background-color: #ee4b47;}
.item .swiper-slide.ic1 a:nth-child(2) i{ background-color: #27a9f4;}
.item .swiper-slide.ic1 a:nth-child(3) i{ background-color: #ff8040;}
.item .swiper-slide.ic1 a:nth-child(4) i{ background-color: #6440ff;}
.item .swiper-slide.ic1 a:nth-child(5) i{ background-color: #3cc24c;}
.item .swiper-slide.ic1 a:nth-child(6) i{ background-color: #ffcb40;}
.item .swiper-slide.ic1 a:nth-child(7) i{ background-color: #498bfc;}
.item .swiper-slide.ic1 a:nth-child(8) i{ background-color: #f54e91;}
.item .swiper-slide.ic2 a:nth-child(1) i{ background-color: #2aa9f2;}
.item .swiper-slide.ic2 a:nth-child(2) i{ background-color: #ff8040;}
.item .swiper-slide.ic2 a:nth-child(3) i{ background-color: #6440ff;}
.item .swiper-slide.ic2 a:nth-child(4) i{ background-color: #3cc24c;}
.item .swiper-slide.ic2 a:nth-child(5) i{ background-color: #ffcb40;}
.item .swiper-slide.ic2 a:nth-child(6) i{ background-color: #498bfc;}
.item .swiper-slide.ic2 a:nth-child(7) i{ background-color: #f54e91;}
.item .swiper-slide.ic2 a:nth-child(8) i{ background-color: #ee4b47;}
.itemBtn{ text-align: center}
.itemBtn span{ width:6%; height: 3px; background: #ccc; margin:0 4px; display:inline-block; text-indent: -999px; overflow: hidden; border-radius: 0; opacity: 1}
.itemBtn span.swiper-pagination-bullet-active{ background: #c2996d}

.item .swiper-slide.ic1 a:nth-child(8) i img{animation: jgb linear 0.5s 2s alternate infinite;}
.item .swiper-slide.ic1 a b{display: block; position: absolute; top:35%; left: 40%; width: 10px; height: 10px; opacity: 0}
.item .swiper-slide.ic1 a b:nth-last-of-type(1){ animation: q1 linear 0.8s 2s infinite; -webkit-animation: q1 linear 0.8s 2s infinite; background: url(../img/q.png) no-repeat; background-size: 100%;}
.item .swiper-slide.ic1 a b:nth-last-of-type(2){ animation: q2 linear 1s 2.4s infinite; -webkit-animation: q2 linear 1s 2.4s infinite; background: url(../img/q.png) no-repeat; background-size: 100%;}
.item .swiper-slide.ic1 a b:nth-last-of-type(3){ animation: q3 linear 0.8s 2s infinite; -webkit-animation: q3 linear 0.8s 2s infinite; background: url(../img/q2.png) no-repeat; background-size: 70%;}
.item .swiper-slide.ic1 a b:nth-last-of-type(4){ animation: q3 linear 0.8s 2.5s infinite; -webkit-animation: q3 linear 0.8s 2.5s infinite; background: url(../img/q.png) no-repeat; background-size: 100%;}
.item .swiper-slide.ic1 a b:nth-last-of-type(5){ animation: q1 linear 0.8s 2.5s infinite; -webkit-animation: q1 linear 0.8s 2.5s infinite; background: url(../img/q2.png) no-repeat; background-size: 70%;}

/*
@keyframes jgb{
	0%{
		transform: scale(1);-webkit-transform: scale(1);
	}
	
	100%{
		transform: scale(0.8);-webkit-transform: scale(0.8);
	}
}
*/
/*
@keyframes q1{
	0%{
		top:35%; left: 40%; opacity: 1
	}
	10%{ left: 38%;}
	20%{ left: 30%;}
	30%{ left: 26%;}
	40%{top: 10%; left:22%;}
	50%{ top:11%; left: 5%; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg)}
	
	80%{ top: 40%; left: -10%;}	
	
	100%{
		top: 80%; left: -15%; transform: scale(1.3) rotateZ(-180deg); -webkit-transform: scale(1.3) rotateZ(-180deg); opacity: 1
	}
}
@keyframes q2{
	0%{
		top:35%; opacity: 1
	}
	40%{top: -5%;}
	100%{
		top: 80%; transform: scale(1.2) rotateZ(180deg); -webkit-transform: scale(1.3) rotateZ(180deg); opacity: 1
	}
}
@keyframes q3{
	0%{
		top:35%; left: 50%; opacity: 1
	}
	10%{ left: 52%;}
	20%{ left: 60%;}
	30%{ left: 64%;}
	40%{top: 10%; left:78%;}
	50%{ top:11%; left: 80%; transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg)}
	
	80%{ top: 40%; left: 94%;}	
	
	100%{
		top: 80%; left: 100%; transform: scale(1.3) rotateZ(180deg); -webkit-transform: scale(1.3) rotateZ(180deg); opacity: 1
	}
}
*/

.news{ background: #fff; border-bottom: 8px solid #f6f6f8; height: 25px; line-height: 25px; padding:8px 15px; overflow: hidden; }
.news .ncL{ width: 21%; height: 25px; overflow: hidden; float: left; background: #c2996d url(../img/newsico.png) no-repeat 5%; background-size: 18%; padding-left:5.5%; margin-right: 2.5%; box-sizing: border-box; font-size: 12px; color: #fff; border-radius: 5px}
.news .newsCon{ overflow: hidden; width:75%; height: 25px; float: left}
.news .newsCon i{display: inline-block; width: 30px; height: 11px; margin-left: 3px; background: url(../img/newshot.png) no-repeat; background-size: 100%;}
.news .newsCon li{ width: 100%; height: 25px; overflow: hidden;}

.secTit{ text-align: center}
.secTit h2{ color: #c2996d; font-size: 1.4em}
.secTit i{ display: block; color: #ccc; font-size: 1.2em; margin-top: -5px}

.ys{ padding: 20px 0}
.ys .ysCon{ width: 100%; padding-top:10px}
.ys .ysCon .swiper-slide{ width: 100%; padding: 0 15px; box-sizing: border-box; overflow: hidden;}
.ys .ysCon .swiper-slide p{ width: 50%; padding-top: 4%; float: right}
.ys .ysCon .swiper-slide p b{display:inline-block; padding-bottom: 3px; border-bottom: 3px solid #c2996d; font-size: 1.2em; margin-bottom: 3px}
.ys .ysCon .swiper-slide p i{ display: block; padding-bottom: 4%}
.ys .ysCon .swiper-slide p strong{display: block; color: #c2996d; font-size: 1.2em}
.ys .ysCon .swiper-slide p span{display: block; padding-bottom: 10%}
.ys .ysCon .swiper-slide p a{display: block; width: 90%; height: 30px; line-height: 30px; text-align: center; background: #c2996d; color: #fff; border-radius: 5px; font-size: 1.2em}
.ys .ysCon .swiper-slide img{ display: block; width: 48%; float: left}
.yscbtn{ text-align: center; padding-top: 10px}
.yscbtn span{ width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 50%; display: inline-block; text-indent: -999px; overflow: hidden;}
.yscbtn span.swiper-pagination-bullet-active{ background: #c2996d}

.ijg{ padding: 20px 0; margin: 0 15px; overflow: hidden;}
.ijg .jgCon{ width: 100%; padding-top:20px}
.ijg .jgCon li{ text-align: center;}
.ijg .jgCon li a{display: block; position: relative; border-radius: 10px; overflow: hidden;}
.ijg .jgCon li a i{display: block; width: 30px; height: 18px; line-height: 18px; border-radius: 5px; font-size: 10px; background: #c2996d; color: #fff; position: absolute; bottom: 0; right: 0; z-index: 2}
.ijg .jgCon li p{ padding-top: 5px}
.jgcbtn{ text-align: center; padding-top: 10px}
.jgcbtn span{ width: 20px; height: 2px; background: #ccc; margin: 0 1px; border-radius: 0; display: inline-block; text-indent: -999px; overflow: hidden;}
.jgcbtn span.swiper-pagination-bullet-active{ background: #c2996d}

.btnncon{ overflow: hidden; padding-top: 20px}
.btnncon p{ width: 48%; height: 45px; line-height: 45px; color: #fff; background: #c2996d url(../img/btn_njt.png) no-repeat 94%; background-size: 22px 22px; border-radius: 5px;font-size: 1em; overflow: hidden;}
.btnncon p:nth-child(1),.btnncon p:nth-child(2){ margin-bottom: 10px}
.btnncon p:nth-child(odd){ float: left}
.btnncon p:nth-child(even){ float: right}
.btnncon p:nth-child(1) i{ background:url(../img/btnn1.png) no-repeat center; background-size: auto 30px;}
.btnncon p:nth-child(2) i{ background:url(../img/btnn2.png) no-repeat center; background-size: auto 30px;}
.btnncon p:nth-child(3) i{ background:url(../img/btnn3.png) no-repeat center; background-size: auto 30px;}
.btnncon p:nth-child(4) i{ background:url(../img/btnn4.png) no-repeat center; background-size: auto 30px;}
.btnncon p i{display: inline-block; width: 24.48%; height: 100%; float: left}

.case{ padding: 10px 18% 20px; border-bottom: 8px solid #f6f6f8;}
.case .caseCon{ width: 100%; padding-top:20px;}
.case .caseCon .swiper-slide{ width: 100%; float: left; border-radius: 10px; transform: scale(0.8); -webkit-transform: scale(0.8); background: #000; transition: ease all 0.5s}
.case .caseCon .swiper-slide>img{display: block; opacity: 0.5;}
.caseBtn{display: block; width: 50%; height: 35px; clear: both; margin:20px auto 0; line-height:35px; text-align: center; background: #c2996d; color: #fff; border-radius: 5px; font-size: 1.2em}
.case .caseCon .swiper-slide.swiper-slide-active{ z-index: 2; background: none; transform: scale(1); -webkit-transform: scale(1)}
.case .caseCon .swiper-slide.swiper-slide-active>img{ opacity: 1;}

.caseUps{ transform: scale(0) translateY(80%); -webkit-transform: scale(0) translateY(80%); width: 140%; box-shadow: 0 0 5px #999; position: absolute; bottom:-55px; left: -20%; z-index:9; border-radius: 10px; background: #f0f0f0; transition: ease transform 0.5s; -webkit-transition: ease transform 0.5s}
.caseUps.add{ transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0)}
.caseUps .caseClose{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; z-index:5; background: url(../img/caseClose.png) no-repeat; background-size: 100%}
.caseUps .cuTop{ background: #666; border-top-left-radius: 10px; border-top-right-radius: 10px}
.caseUps .cuTop img{display: block; width:45%; margin-top: -45px; float: left}
.caseUps .cuTop span{ display: block; width: 51%; padding-top: 8%; float: right; color: #fff; font-size: 1.2em}
.caseUps p{ padding: 15px 25px; }
.caseUps p em{display: block; border-bottom: 1px dashed #ccc; line-height: 30px}
.caseUps p em i{ color: #333;}
.caseUps .cuBottom{ overflow: hidden; padding: 0 25px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}
.caseUps .cuBottom a{ display: block; width: 47%; height: 35px; line-height: 35px; text-align: center; border-radius: 5px; color: #fff; font-size: 1.2em}
.caseUps .cuBottom a:nth-last-of-type(1){ background: #c2996d; float: left}
.caseUps .cuBottom a:nth-last-of-type(2){ background: #666; float: right}

@media only screen and (min-device-width: 360px)and (-webkit-min-device-pixel-ratio: 3) {
/*	.titemMain.add{ height:260px;}  */
}

/*首页ad广告位*/
/*
section,footer{ background: #fff}
.adbox{ height: 120px; border-top: 10px solid #fff; border-bottom: 10px solid #fff;}
.adbox:before{ content: "";  background-image: url(../img/ad6znq.jpg); position: fixed; top: 0; left: 0; right: 0;	bottom: 0; margin: auto; height: 100vh; width: 94%;max-width: 750px; -webkit-background-size: 100% auto !important; background-size: 100% auto !important; z-index: -1; background-position: center;}
*/