.szgk_box{background: url(../images/szgk_bj.png) no-repeat top center; padding-bottom: 40px;overflow: hidden;}
.szgk_gk{overflow: hidden;}
.clearfix{clear: both;}
.szgk_pic img{height: 492px;}
.szgk_txt{ padding-top: 92px;font-size: 20px; line-height: 50px;}
.szgk_txt a{color: #D43030;}
.szgk_pic{float: left; padding-right: 20px;}
.szgk_link {padding-top: 294px;}
.szgk_link li{width: 20%; float: left;text-align: center;}
.szgk_link li a{display: block;font-size: 20px; font-weight: bold; color: #fff;}
.szgk_link li img{transition: all 0.4s ease 0s;}
.szgk_link li a:hover img{transform: scaleX(-1);}
.szgk_link li a:hover{color: #99c3e9;}
.szgk_link li span{display: block; padding-top: 15px;}
.tzszrcfw_box{background: url(../images/tzszrcfw_bj.png) no-repeat top center;}
.szgl_hd{height:116px; margin:20px 0;}
.szgl_hd a{display: block;height: 116px;width: 300px;margin: auto;}
/*投资苏州*/
.tzszrcfw_box{overflow: hidden; padding-bottom: 40px;}
.tzsz_hd{ background:url(../images/tzsz_tit.png) no-repeat center center;}
.tzsz_bd{background: url(../images/tzsz_fk.png) no-repeat top center; padding: 60px 40px; overflow: hidden;}
.tzsz_l{width: 51.66%; float: left;}
.tzsz_r{width: 45%;}
.tzsz_l li{width: 50%; float: left;}
.tzsz_l li a{display: block; margin: 10px; padding-left: 80px; line-height: 100px; font-size: 22px;}
.tzsz_l ul{margin-left: -10px; margin-right: -10px; margin-top: -10px;}
.tzsz_l li span{display: block;max-width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tzsz_l li:nth-child(1) a{background: url(../images/tzsz_icon01.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(2) a{background: url(../images/tzsz_icon02.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(3) a{background: url(../images/tzsz_icon03.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(4) a{background: url(../images/tzsz_icon04.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(5) a{background: url(../images/tzsz_icon05.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(6) a{background: url(../images/tzsz_icon06.png) no-repeat 20px center #E8F3FF;}
.tzsz_l li:nth-child(1) span{background: url(../images/tzsz_icon01_span.png) no-repeat right 25px; }
.tzsz_l li:nth-child(2) span{background: url(../images/tzsz_icon02_span.png) no-repeat right 25px; }
.tzsz_l li:nth-child(3) span{background: url(../images/tzsz_icon03_span.png) no-repeat right 25px; }
.tzsz_l li:nth-child(4) span{background: url(../images/tzsz_icon04_span.png) no-repeat right 25px; }
.tzsz_l li:nth-child(5) span{background: url(../images/tzsz_icon05_span.png) no-repeat right 25px; }
.tzsz_l li:nth-child(6) span{background: url(../images/tzsz_icon06_span.png) no-repeat right 25px; }
.tzsz_r{width: 45.4%;float: right; }
.tzsz_r a{display: block;position: relative; overflow: hidden;}
.tzsz_r a::before{display:block;content: ""; width: 68px; height: 68px; background: url(../images/sp_bnt.png) no-repeat center center;position: absolute; top: 40%; left: 44%;z-index: 10;}
.tzsz_r a img{transition: all 0.4s ease 0s; height: 339px;width: 100%;}
.tzsz_r a:hover img{transform: scale(1.1);}


/*人才服务*/
.rcfw_hd{ background:url(../images/rcfw_tit.png) no-repeat center center;}
.rcfw_bd{padding-left: 9%;}
.rcfw_bd li a{display:block;position: relative;}
.rcfw_bd li{width: 25%; float: left; position: relative;text-align: right;}
.rcfw_bd li span{display: block; position: absolute;font-size: 20px; color: #fff; line-height: 50px;font-weight: bold;text-align: center; width: 196px;
right:-26px;bottom: 40px;}
.rcfw_bd ul{overflow: hidden;}
.rcfw_bd li.li01{margin-top: 108px;}
.rcfw_bd li.li03{margin-top: 94px;}
.rcfw_bd li.li01 span{background: url(../images/rcfw_sbj01.png) no-repeat center center;}
.rcfw_bd li.li02 span{background: url(../images/rcfw_sbj02.png) no-repeat center center;}
.rcfw_bd li.li03 span{background: url(../images/rcfw_sbj03.png) no-repeat center center;}
.rcfw_bd li.li04 span{background: url(../images/rcfw_sbj04.png) no-repeat center center;}
.rcfw_bd li img{transition: all 0.4s ease 0s;}
.rcfw_bd li a:hover img{margin-top: -20px;}
.ewmbox{width: 648px; height: 240px; background: url(../images/rcfw_wx_bj.png) no-repeat top center; float: right;	}
.ewmbox li{width: 50%;float: left;text-align: center;}
.ewmbox li span{display: block;}
.ewmbox ul{width: 80%; margin: 0 auto;margin-top: 40px;}
/*文体旅游*/
.wtly_box{background: url(../images/wtly_bj.png) no-repeat top center; padding-bottom: 206px;}
.wtly_hd{ background:url(../images/wtly_tit.png) no-repeat center center;}
.wtly_bd {margin-top: 104px;}
.wtly_bd .bd{width: 52.2%; float: left;}
.wtly_bd .bd .item{margin-left: 10%;}
.wtly_bd .bd a{display: block;position:relative; overflow: hidden;}
.wtly_bd .bd span{display: block; font-size: 26px; font-weight: bold; color: #fff; position: absolute;left: 0; top: 40px; padding: 0 30px; line-height: 58px;
background: linear-gradient(90deg, rgba(184, 13, 13, 1) 10.06%, rgba(212, 48, 48, 0) 99.77%);z-index: 20;}
.wtly_bd .bd img{height: 452px;transition: all 0.4s ease 0s;}
.wtly_bd .bd a::before{display: block;content:" ";width: 94%; height: 94%; border:1px solid #fff; position: absolute; top: 3%; left: 3%; z-index: 10;}
.wtly_bd .bd a:hover img{transform: scale(1.1);}
.wtly_bd .hd{width: 40.2%;float:right;}
.wtly_bd .hd ul{margin-right: 10%;}
.wtly_bd .hd ul li{width: 25%; float: left;height: 226px;margin-bottom: 10px;}
.wtly_bd .hd ul li a{display: block;  }
.wtly_bd .hd ul li a span{height: 186px; background: url(../images/wtly_fk.png) no-repeat top center;writing-mode:tb-rl;text-orientation: upright;  padding:20px;font-weight: bold;
 font-size: 20px;text-align: center;}
.wtly_bd .hd ul li.on a span,.wtly_bd .hd ul li a:hover span{background: url(../images/wtly_fk_hover.png) no-repeat top center; color: #fff;}
/*友好城市*/
.yhcs_box{background: url(../images/yhcs_bj.png) no-repeat top center; padding-bottom: 80px; }
.yhcs_bd{background: url(../images/yhcs_fk.png) no-repeat top center; padding:60px 80px 80px 80px; background-size: 100% 100%; position: relative;}
.yhcs_hd{background:url(../images/yhcs_tit.png) no-repeat center center;}
.yhcs_tt{width: 48.2%; float:left;}
.yhcs_tt .title{font-size: 20px;text-align: center; line-height: 40px;font-weight: bold;}
.yhcs_tt .title a{color:#204F95;display: inline-block;max-width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yhcs_pic{width: 48.7%; float: right; }
.yhcs_pic img{height:328px;transition: all 0.4s ease 0s;}
.yhcs_pic a{display: block;overflow: hidden;}
.yhcs_pic a:hover img{transform: scale(1.1);}
.yhcs_tt .zhaiyao{font-size:20px;line-height: 50px;text-indent: 2em;}
.yhcs_tt .zhaiyao a{color: #D43030;}
.yhcs_bd .swiper-button-next, .yhcs_bd .swiper-button-prev{width: 62px; height: 62px;}
.yhcs_bd .swiper-button-next{background: url(../images/nav_r.png) no-repeat center center;right: -15px;}
.yhcs_bd .swiper-button-prev{background: url(../images/nav_l.png) no-repeat center center; left: -30px;}
/*宣传视频*/
.xcsp_box{background: url(../images/xcsp_bj.png) no-repeat top center; padding-bottom: 70px;}
.xcsp_hd{background:url(../images/xcsp_tit.png) no-repeat center center;}
.xcsp_bd ul{margin-left: -1%; margin-right: -1%;}
.xcsp_bd li{width: 9%;height: 448px;float: left;overflow:hidden;transition:.3s; margin: 0 0.5%;}
.xcsp_bd .itme.on{width: 67.92%;}
.xcsp_bd .itme.on .imgbox{width: 14.87%;float: left;position: relative;margin-right: 1%;overflow: hidden;}
.xcsp_bd .imgbox img{max-width:inherit; height: 470px; opacity: 0.5;}
.xcsp_bd .imgbox a{display: block;}
.xcsp_bd .imgbox span{display: block; position: absolute; top:10%;left:24%; display: block;writing-mode: vertical-rl;  letter-spacing: 5px; padding: 20px; font-size: 20px; 
color: #fff;font-weight: bold;z-index: 1;}
.xcsp_bd .txtbox{width:84.1%;float: right; height: 353px; background-color: #F2F9FF;display: none;}
.xcsp_bd .txtbox .inner img{width: 100%;height: 448px;}
.xcsp_bd .txtbox .inner .tit a{font-size: 24px;font-weight: bold; color: #1B4DB3;}
.xcsp_bd .txtbox .zhaiyao{margin-top: 20px;font-size: 20px; line-height: 40px;text-indent: 2em;overflow: hidden;text-overflow: ellipsis;    
display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp:5;

}
.xcsp_bd .txtbox .ckxq{float: right; margin-top: 20px; background: url(../images/zjxd/ckxq_bj.png) no-repeat top center; color: #fff; width: 93px; height: 28px;
 line-height: 28px;text-align: center;}
.xcsp_bd .itme .imgbox{position: relative;}
.xcsp_bd .itme.on .txtbox{display: block;}
.xcsp_bd .itme.on .imgbox::before{display: none;}
.xcsp_bd .itme .imgbox::before{display: block;content: ""; width: 100%; height: 100%; background:  rgba(0, 0, 0, 0.5);position: absolute;cursor: pointer;}
.xcsp_bd .itme .pic{position: relative;}
.xcsp_bd .itme .pic a::before{display: block; content: ""; width:48px; height: 48px; background: url(../images/xcsp_icon.png) no-repeat center center;
position: absolute; bottom: 20px; left: 10px;}


@media (max-width: 1280px){
.szgk_link li{width: 33.33%;margin-bottom: 20px;}	
.szgk_pic{width: 30%;}
.szgk_pic img{height: auto; }
.szgk_txt{padding-top: 20px;}
.wtly_bd .bd{width: 100%; float: none; }
.wtly_bd .hd{width: 100%; float: none; overflow: hidden;}
.wtly_bd .hd ul li{width: 25%;}
.wtly_bd{margin-top: 0;}
.wtly_bd .bd .item{margin-left: 0;}
.wtly_bd .bd img{height: auto; width: 100%;}
.wtly_bd .hd ul{margin-right: 0;}
.wtly_bd .hd ul li a span{height: auto;writing-mode:inherit; background: #fff; padding: 0; line-height: 50px; display: block; margin: 0 10px;}
.wtly_bd .hd ul li{height: auto; }
.wtly_bd .hd ul li.on a span, .wtly_bd .hd ul li a:hover span{background: #236aba;}
.yhcs_tt{width: 100%; float: none;}
.yhcs_pic{width: 100%; float: none;margin-top: 20px;}
.yhcs_pic img{height: auto; width: 100%;}
.yhcs_box{background-size: cover;}
.yhcs_bd{background: #fff; padding: 40px;}
.tzsz_l{width: 100%; float: none; overflow: hidden;}
.tzsz_r{width: 100%; float: none;}
.tzsz_r a img{height: auto; width: 100%;}
.tzsz_r .swiper-slide{height: 1px;}
.tzsz_r .swiper-slide.swiper-slide-active{height: auto;}
.tzsz_bd{background-size: 100% 100%;}
.rcfw_bd{padding-left: 0;}
.ewmbox{float: none; margin: 0 auto;}
.xcsp_bd li{width: 100%; margin-bottom: 20px;}
.xcsp_bd .itme.on{width: 100%;}
.xcsp_bd .txtbox .inner img{height: auto;}
.xcsp_bd .itme .imgbox{width: 15.87%;float: left;}
.xcsp_bd .itme .imgbox::before{display: none;}
.xcsp_bd .txtbox{display: block !important; background: none;}
.xcsp_bd .itme.on .imgbox{width: 100%;}
}

@media (max-width: 992px){
.xcsp_bd .itme .imgbox{width: 100%; float: none; margin-right: 0;}
.xcsp_bd .txtbox{width: 100%;float: none; height: auto;}
.xcsp_bd li{height: auto;}
.xcsp_bd .imgbox img{display: none;}
.szgk_link{padding-top: 200px;}	
.xcsp_bd .imgbox span{writing-mode: initial;position: inherit; color: #333;text-align: center; padding: 10px;}
.ewmbox{width: auto;background-size: 100% 100%;}


	
}

@media (max-width: 640px){
.szgk_link{padding-top: 142px;}	
.szgk_pic{width: 40%;}
.tzsz_l li{width: 100%;}
.szgk_link li img{height: 80px;}
.szgk_link li a{font-size: 18px;}
.rcfw_bd li{width: 50%;}
.rcfw_bd li.li01,.rcfw_bd li.li03{margin-top: 0;}
.rcfw_bd li a:hover img{margin-top: 0px;}
.rcfw_bd li img{height: 150px;}
.rcfw_bd li{text-align: center;}
.rcfw_bd li span{position: inherit;}
.ewmbox ul{width: 90%;}
.wtly_bd .hd ul li{width: 33.33%;}
.wtly_bd .hd ul li:nth-last-child(1){width: 66.66%;}
.wtly_box{padding-bottom: 40px;padding-top: 20px;}
.yhcs_box{padding-bottom: 40px;padding-top: 20px;}
.xcsp_box{padding-bottom: 40px;padding-top: 20px;}
.szgl_hd{height: auto; margin: 10px 0;}
.szgl_hd a{height: 100px;}
}