@charset "utf-8";
/* 走进昆山 */
.header{background-image: url(../images/zjks_banner.jpg);}
.zjks-common-tit{padding: 70px 0 40px;}
.zjks-common-tit img{display: block; margin: 0 auto;}

.zjks-ksgl{position: relative; background: url(../images/zjks_ksgl_bg.jpg) repeat-x center bottom #618edb; box-shadow:0 0 49px rgba(25,78,170,.23);}
.zjks-ksgl .container{height: 612px; position: relative;}
.zjks-ksgl-intro{color: #fff; font-size: 1.125em; line-height: 36px; text-align: center;}
.zjks-ksgl-accordion{position: absolute; bottom: 0; left: 0; right: 0; height: 298px; overflow: hidden;}
.zjks-ksgl-accordion .item{position: relative; height: 100%; float: left; width: 8.8%;}
.zjks-ksgl-accordion .tit{position: absolute; left: 0; top: 0; bottom: 0;  width: 100%; max-width: 128px; z-index: 10; box-sizing: border-box; transition: .3s;}
.zjks-ksgl-accordion .tit h2{font-size: 1em; height: 100%; overflow: hidden;}
.zjks-ksgl-accordion .tit h2 a{display: block; position: relative; height: 100%; overflow: hidden; color: #004984;}
.zjks-ksgl-accordion .tit h2 a:before{content: ''; display: block; margin: 50px auto 15px; width: 68px; height: 68px; background: url(../images/zjks_ksgl_icons.png) no-repeat;}
.zjks-ksgl-accordion .tit h2 strong{display: block; text-align: center; line-height: 26px; font-size:1.375em; font-weight: normal;}
.zjks-ksgl-accordion .item{border: #89b5f6 1px solid; transition:all 0.5s ease-in-out 0s; box-sizing: border-box; background: #fff;}
/* .zjks-ksgl-accordion .item + .item .tit h2:after{content: ''; position: absolute; width: 1px; background: #fff; left: 0; top: 0; bottom: 0;} */
/* .zjks-ksgl-accordion .item + .item .tit{padding-left: 1px; box-sizing: border-box;} */
.zjks-ksgl-accordion .item1 .tit h2 a:before{background-position: 0 0;}
.zjks-ksgl-accordion .item1 .tit h2{color:#fff; background-image: linear-gradient(to right, #a2c7fa, #8ab5f6 50%);}
.zjks-ksgl-accordion .item1 .tit h2 a{color:#fff;}
.zjks-ksgl-accordion .item2{border-color: #b0d5e9;}
.zjks-ksgl-accordion .item2 .tit h2 a:before{background-position: 0 -68px;}
.zjks-ksgl-accordion .item2 .tit h2{background: #e6f5fb;}
.zjks-ksgl-accordion .item3{border-color: #e1d2b7;}
.zjks-ksgl-accordion .item3 h2 a:before{background-position: 0 -136px;}
.zjks-ksgl-accordion .item3 .tit h2{background: #faf4e9;}
.zjks-ksgl-accordion .item4{border-color: #a4d1c2;}
.zjks-ksgl-accordion .item4 .tit h2 a:before{background-position: 0 -204px;}
.zjks-ksgl-accordion .item4 .tit h2{background: #ecf8f2;}

.zjks-ksgl-accordion .item.active{width: 73.6%;}
.zjks-ksgl-accordion .item.active .tit{width: 128px;}
.zjks-ksgl-accordion .item.active .cont{opacity: 1;}

.zjks-ksgl-accordion .cont{margin-left: 128px; padding: 0 30px;  height: 100%; box-sizing: border-box; opacity: 0; transition: .3s; overflow: hidden;}
.zjks-ksgl-subtit h3{position:relative; display: inline-block; padding-bottom: 14px; font-size:1.25em; font-weight: normal; color:#005192; white-space: nowrap;}
.zjks-ksgl-subtit h3 a{color:#005192;}
.zjks-ksgl-subtit.grain h3:after{position:absolute; left:0; right: 0; bottom: 0; content:""; width:24px; height:5px; border-radius:4px; margin: 0 auto; background-color:#8bcbff; border-radius: 2px;}
.zjks-ksgl-subtit{margin: 28px 0 20px;}
.zjks-ksgl-accordion .memo{line-height: 36px; max-height: 108px; overflow: hidden; margin-bottom: 18px; -webkit-line-clamp: 3;}
.zjks-ksgl-accordion .detail a{display: block; width: 134px; height: 40px; background: url(../images/zjks_ksgl_btn_bg.gif) repeat-x; border-radius: 4px; line-height: 40px; text-align: center; color: #fff;}

.tabSwitch .bd{position: relative; overflow: hidden;}
.tabSwitch .bd .move{position:absolute; z-index:1; top:0; left:0; width:100%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);-khtml-opacity:0; transition:opacity .3s}
.tabSwitch .bd .move.show{position:relative;z-index:2;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}

.zjks-sqsl{padding-bottom: 70px;}
.zjks-sqsl-tab .hd ul{margin: 0 -15px;}
.zjks-sqsl-tab .hd ul li{float: left; width: 25%;}
.zjks-sqsl-tab .hd ul li a{display: block; position: relative; height: 402px; margin: 0 15px 30px; border: #ebebeb 1px solid; border-radius: 3px; overflow: hidden;}
.zjks-sqsl-tab .hd ul li a img{display: block; width: 100%; height: 100%;}
.zjks-sqsl-tab .hd ul li a h4{display: block; position: absolute; bottom: 30px; left: 0; right: 0; z-index: 3; padding:0 10px; font-weight: bold; font-size: 1.25em; color: #fff; text-align: center; transition: all 0.5s ease;}
.zjks-sqsl-tab .hd ul li a small{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 32;
  width: 74%; padding-bottom: 74%; opacity: 0; transition: all 0.5s ease;}
.zjks-sqsl-tab .hd ul li a small:before,
.zjks-sqsl-tab .hd ul li a small:after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background-size: cover;}
.zjks-sqsl-tab .hd ul li a small:before{background-image: url(../images/circle1.png); animation: dh3 5s linear infinite;}
.zjks-sqsl-tab .hd ul li a small:after{ background-image: url(../images/circle2.png); animation: dh2 5s linear infinite;}
/* .zjks-sqsl-tab .hd ul li a:before{content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0;
left: 0; background-color: rgba(14,71,173,0.43); opacity: 0; transition: all 0.5s ease;} */
.zjks-sqsl-tab .hd ul li a:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 102px; background-image: linear-gradient(transparent, #2060d1 80%); z-index: 1; opacity: .8; transition: all 0.5s ease;}
@keyframes dh2 {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dh3 {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg);
	}
}
.zjks-sqsl .bd .outHd{display: none;}
.zjks-sqsl-subChannel{margin: 0 -15px;}
.zjks-sqsl-subChannel li{float: left; width: 50%;}
.zjks-sqsl-subChannel li .box{margin: 0 15px 30px; position: relative;}
.zjks-sqsl-subChannel li .pic{position: absolute; left: 0; top: 0; width: 334px;}
.zjks-sqsl-subChannel li .pic a{display: block; height: 192px;}
.zjks-sqsl-subChannel li .pic img{width: 100%; height: 100%;}
.zjks-sqsl-subChannel li .txt{margin-left: 334px; background: #fff; height: 192px; padding: 0 30px;}
.zjks-sqsl-subChannel li .txt h4{font-weight: bold; font-size: 1.25em; padding: 25px 0 18px;}
.zjks-sqsl-subChannel li .txt h4 a{color: #005192;}
.zjks-sqsl-subChannel li .txt p{line-height: 32px; color: #666666; -webkit-line-clamp: 3; max-height:96px; overflow: hidden;}

.zjks-sqsl .swiper-pagination{ position: static; clear: both; text-align: center; line-height: 0;}
.zjks-sqsl .swiper-pagination .swiper-pagination-bullet{display: inline-block; width: 24px; height: 4px; border-radius: 0; background: #dbdbdb; margin: 0 5px; cursor: pointer; opacity: 1;}
.zjks-sqsl .swiper-pagination .swiper-pagination-bullet-active{background: #2767e0;}

.zjks-tsks{background: url(../images/zjks_tsks_bg.jpg) repeat-x center top; padding-bottom: 70px;}
.zjks-tsks .zjks-common-tit{padding-bottom: 5px;}
.zjks-tsks .swiper-slide{width: 712px; margin: 0 20px; padding: 35px 0;}
.zjks-tsks .swiper-slide a{display: block; position: relative; height: 396px; border: #fff 4px solid; box-shadow:0 0 35px rgba(36,80,151,.35); background: #fff;}
.zjks-tsks .swiper-slide img{display: block; width: 100%; height: 100%;}
.zjks-tsks .swiper-slide .txt{position: absolute; bottom: 0; left: 0; right: 0; padding:30px; color: #fff; background-image: linear-gradient(transparent, rgba(3,37,99,.7) 80%); }
.zjks-tsks .swiper-slide h4{font-size: 1.5em; margin-bottom: 10px;}
.zjks-tsks .swiper-slide .memo{line-height: 30px; font-size: 1.125em; max-height: 60px; overflow: hidden;}
.zjks-tsks .swiper-button{position: relative; text-align: center; line-height: 0;}
.zjks-tsks .swiper-button .swiper-button-prev,
.zjks-tsks .swiper-button .swiper-button-next{width: 60px; height: 30px; position: relative; top: auto; right: auto; left: auto; margin-top: 0; display: inline-block; background: none;}
.zjks-tsks .swiper-button div:before{content: ''; width: 48px; height: 19px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: url(../images/outtab_arrow.png) no-repeat; cursor: pointer;}
.zjks-tsks .swiper-button .swiper-button-next:before{background-position: -48px 0;}
.zjks-tsks .swiper-button div.swiper-button-disabled{opacity: 1;}
.zjks-tsks .swiper-button .swiper-button-prev.swiper-button-disabled:before{background-position: 0 -19px;}
.zjks-tsks .swiper-button .swiper-button-next.swiper-button-disabled:before{background-position: -48px -19px;}

.zjks-yhks{padding-bottom: 70px;}
.zjks-yhks-l{float: left; width: 80%; height: 620px; background: #d1d6e0;}
.zjks-yhks-l .video{height: 550px;}
.zjks-yhks-l .txt{position: relative; height: 70px; line-height: 70px; background: #dde1e8;}
.zjks-yhks-l .txt h4{padding: 0 30px; font-weight: normal; font-size: 1.25em;}
/* .zjks-yhks-l .txt .count{position: absolute; right: 25px; top: 0; padding-left: 20px; background: url(../images/zjgc_icon_view.png) no-repeat left center; color:#7f7f7f;} */
.zjks-yhks-r{float: right; width: 20%; }
.zjks-yhks-r .box{height: 618px; padding: 0 30px; background: #eceff6; border: #d1d6e0 1px solid; border: #d1d6e0 1px solid;}
.zjks-yhks-r .total{margin: 0 0 20px; padding: 15px 0; color: #7f7f7f; border-bottom: 1px solid #abc6ea;}
.zjks-yhks-r .bd{height: 478px; overflow: hidden;}
.zjks-yhks-r ul li{margin-bottom: 22px; height: auto !important;}
.zjks-yhks-r ul li a{display: block; cursor: pointer; color: #666;}
.zjks-yhks-r ul li a:hover{color: #000;}
.zjks-yhks-r ul li .pic{height: 115px; margin-bottom: 13px;}
.zjks-yhks-r ul li .pic img{display: block; width: 100%; height: 100%;}
.zjks-yhks-r ul li h4{font-size:1em; line-height: 22px; font-weight: normal; text-align: center;}
.zjks-yhks-r .btn{padding-top: 18px; text-align: center;}
.zjks-yhks-r .btn a{display: inline-block; width: 18px; height: 10px; margin: 0 6px; background: url(../images/zjks_yhks_arrow.png) no-repeat; opacity: 0.8; cursor: pointer;}
.zjks-yhks-r .btn a.next{background-position: -18px 0;}
.zjks-yhks-r .btn a:hover{opacity: 1;}

.zjks-piclinks{padding: 40px 0; background: #f3f3f3; overflow: hidden;}
.zjks-piclinks ul{margin: 0 -20px;}
.zjks-piclinks li{float: left; width: 50%;}
.zjks-piclinks li a{display: block; position: relative; height: 160px; margin: 0 20px; overflow: hidden;}
.zjks-piclinks li a > img{display: block; width: 100%; height: 100%; transition:all 0.3s ease-in-out 0s;}
.zjks-piclinks li .txt{position: absolute; top: 45px; left: 30%; right: 20px;}
.zjks-piclinks li a h3{margin-bottom: 8px; font-size: 1.375em;}
.zjks-piclinks li a span{display: block; margin-bottom: 10px;}
.zjks-piclinks li.ksnj a{color: #0a6492;}
.zjks-piclinks li.sjks a{color: #005192;}
.zjks-piclinks li a:hover > img{transform:scale(1.05);}



@media (min-width: 1200px) {
	/* .zjks-sqsl-tab .hd ul li.on a::before{opacity: 1;} */
	.zjks-sqsl-tab .hd ul li.on a h4{bottom: 50%; transform: translateY(50%); padding-top: 0; padding-bottom: 0; background: none;}
	.zjks-sqsl-tab .hd ul li.on a small{ opacity: 1;}
  /* .zjks-sqsl-tab .hd ul li.on a:after{opacity: 0;} */
  .zjks-sqsl-tab .hd ul li.on a:after{ height: 100%; background: rgba(14,71,173,0.43);}
}

@media (max-width: 1480px) {
  .zjks-sqsl-subChannel li .pic{width: 275px;}
  .zjks-sqsl-subChannel li .txt{margin-left: 275px;}
  .zjks-piclinks ul{margin: 0 -15px;}
  .zjks-piclinks li a{margin-left: 15px; margin-right: 15px;}
}


@media (max-width: 1280px) {
	

}

@media (max-width: 1200px) {
	.zjks-sqsl-tab .hd{display: none;}
  .zjks-sqsl-tab .bd .move{opacity: 1; position: relative;}
  .zjks-sqsl .zjks-common-tit{padding-bottom: 10px;}
  .zjks-sqsl .bd .outHd{display: block;}
  .zjks-sqsl-subChannel li{float: none; width: 100%;}
  .zjks-sqsl .swiper-pagination{margin-bottom: 20px;}

  .zjks-yhks-l, .zjks-yhks-r{float: none; width: 100%; height: auto;}
  .zjks-yhks-l .video{height: auto;}
  .zjks-yhks-r .box{height: auto; padding: 0 20px;}
  .zjks-yhks-r .bd{width: auto; height:auto;}
  .zjks-yhks-r ul li .pic{height:auto;}
  .zjks-yhks-r .btn{display: none;}
  .zjks-yhks-r ul li a:hover .pic{height:auto;}

}


@media (max-width: 992px) {
  .zjks-ksgl{padding-bottom: 20px; }
  .zjks-ksgl .container{height: auto;}
  .zjks-ksgl-intro{margin-bottom: 30px;}
  .zjks-ksgl-accordion{ height: auto; position: relative;}
  .zjks-ksgl-accordion .inBox{height: auto;}
  .zjks-ksgl-accordion .item .cont{display: none;}
  .zjks-ksgl-accordion .item{ width: 25% !important;}
  .zjks-ksgl-accordion .item .tit{position: static; max-width: none; width: 100% !important;}
  .zjks-ksgl-accordion .item .tit h2 strong br{display: none;}
  .zjks-ksgl-accordion .item .tit h2{height: 155px;}
  .zjks-ksgl-accordion .item .tit h2 a:before{margin: 20px auto;}
  .zjks-ksgl-accordion .item .tit h2 strong{font-size: 1.125em;}
  .zjks-ksgl-accordion .item .cont{opacity: 1 !important;}

  .zjks-tsks .swiper-slide{margin: 0 15px; width: 75%;}
  .zjks-tsks .swiper-slide a{height: auto;}

  .zjks-piclinks ul{margin: 0 -10px;}
  .zjks-piclinks li a{margin-left: 10px; margin-right: 10px;}
  .zjks-piclinks li{float: none; width: 100%;}
  .zjks-piclinks li + li{margin-top: 20px;}

}

@media (max-width: 860px) {
  .zjks-ksgl-intro br{display: none;}
  
  
}


@media (max-width: 768px) {
  .zjks-tsks{background-color:#87bdea; background-size: auto 100%; padding-bottom: 30px;}
  .zjks-tsks .swiper-slide{margin: 0 10px; }
  .zjks-tsks .swiper-slide a{border-width: 2px;}
  .zjks-common-tit{padding-top: 40px;}
  .zjks-sqsl, .zjks-yhks{padding-bottom: 30px;}

  .zjks-yhks-l .txt{height: auto; line-height: 22px; padding: 10px 15px;}
  .zjks-yhks-l .txt h4{padding: 0; margin-bottom: 5px;}
  .zjks-yhks-l .txt .count{position: static;}
}

@media (max-width: 640px) {
  .zjks-sqsl-subChannel li .pic{position: static; width: 100%;}
  .zjks-sqsl-subChannel li .pic a{height: auto;}
  .zjks-sqsl-subChannel li .txt{margin-left: 0;}
  .zjks-sqsl-subChannel li .txt{padding: 0 20px; height: auto; padding-bottom: 20px;}
  .zjks-sqsl-subChannel li .txt h4{padding: 20px 0 15px;}
  /* .zjks-sqsl-subChannel li .txt p{height: auto; -webkit-box-orient:inherit; max-height: none;} */
}

@media (max-width: 580px) {
  .zjks-tsks .swiper-slide{width: 80%;}
  .zjks-tsks .swiper-slide .memo{display: none;}
  .zjks-tsks .swiper-slide h4{margin-bottom: 0; text-align: center; font-size: 1.25em; font-weight: normal;}
  .zjks-tsks .swiper-slide .txt{padding: 20px;}
}


@media (max-width: 480px) {
}

@media (max-width: 375px) {
  .zjks-ksgl-accordion .item .tit h2{height: 132px;}
  .zjks-ksgl-accordion .item .tit h2 a:before{transform:scale(.75); margin: 8px auto;}
  .zjks-ksgl-accordion .item .tit h2 strong{font-size: 1em; font-weight: normal;}
}

@media (max-width: 320px) {
  .zjks-ksgl-accordion .item{width: 50% !important;}
}