@charset "utf-8";

.banner_tab{position: relative;}
.banner_tab .bd img{width: 100%;}
.banner_tab .hd ul{position:absolute;bottom: 30px;left: 50%;display: none;}
.banner_tab .hd ul li{float:left;width: 12px;height: 12px;border-radius: 6px;margin:0 4px;background: #fff;color: #fff;overflow: hidden;margin-top: 15px;}
.banner_tab .hd ul li.on{padding-top: 15px;margin-top: 0;}

.com_tt{font-size: 40px;margin-bottom: 25px;}
.com_tt a{color: #333333;}
.latest_tt_box .tit{height: 60px;line-height: 60px;font-size: 22px;background: #3893BC;padding-left: 25px;padding-right: 45px;position: relative;}
.latest_tt_box .tit a{color: #fff;}
.latest_tt_box .tit a:after{content: ">";position: absolute;font-size: 22px;color: #fff;font-family: 宋体;transform:rotate(90deg);right: 25px;}
.latest_tt_box .con{border: 1px solid #e6e6e6;border-top:0;padding: 25px 20px;position: relative;}
.latest_tt_box .con .pic{width:212px;height: 136px;margin-right:30px;}
.latest_tt_box .con .pic img{width: 100%;height: 100%;}
.latest_tt_box .con .memo{width: 395px;line-height: 2em;font-size: 18px;}
.latest_tt_box .con a.more{position: absolute;right: 30px;bottom: 20px;color: #4DABCD;font-size: 18px;}
.latest_list li{height: 92px;margin-top: 25px;position: relative;border: 1px solid #e6e6e6;background: #f8f8f8;}
.latest_list li .date{width: 120px;height: 100%;background: #4DABCD;color: #fff;text-align: center;position: absolute;}
.latest_list li .date .dd{font-weight: ;font-size:50px;padding:5px 0;}
.latest_list li .tit{padding:10px 22px 10px 142px;}
.latest_list li .tit a{display: block;line-height: 2em;height:82px;width: 100%;overflow: hidden;}
.sp_box{position: relative;width: 100%;height: 378px;}
.sp_box img{height: 100%;width: 100%;}
.sp_box i{display: block;width:80px;height: 80px;background: url(../images/sp_play_icon.png) center center no-repeat;position: absolute;left: 50%;top: 50%;margin-top:-40px;margin-left: -40px;}
.tp_box{margin-top: 20px;}
.tp_box ul li{width: 48%;height: 209px;position: relative;}
.tp_box ul li a{display: block;width: 100%;}
.tp_box ul li .tpxw_tm{position: absolute;width: 100%;height: 43px;bottom: 0;left: 0;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.tp_box ul li .pic img{width: 100%;height: 209px;}
.tp_box ul li .tit{position: absolute;line-height: 43px;height:43px;color: #fff;bottom: 0;left: 0;font-size: 22px;width: 100%;}
.tp_box ul li .tit span{padding:0 10px;}

.why_suzhou{text-align: center;padding:45px 0;}
.sztp_ul{padding-bottom: 45px;}
.sztp_ul li{float: left;position: relative;}
.sztp_ul li{width: 23.5%;margin-right: 2%;}
.sztp_ul li.no_mar{margin: 0;}
.sztp_ul li img{display: block;width: 100%;}
.sztp_ul li .tit{position: absolute;bottom: 0;left: 12px;bottom: 30px;color: #fff;font-size: 30px;}

.events_tt_box{}
.events_tt_box .pic{width: 353px;height: 216px;}
.events_tt_box .pic img{width: 100%;height: 100%;}
.events_tt_box .text{width: 265px;height: 215px;padding:0 30px;background:#f8f8f8;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;line-height: 1.5em}
.events_tt_box .tit{font-size: 22px;color: #3893BC;padding: 15px 0;line-height: 1.8em; /* height: 68px; overflow: hidden; */}
.events_tt_box .tit a{color:#3893BC; }
.events_tt_box .memo{font-size: 18px;color: #999;}
.events_list li{height: 110px;}
.events_list li .date{background: #f8f8f8;border-left:5px solid #4DABCD;color: #4DABCD;width: 115px;height:110px;}
.events_list li .tit{border-left: 0;height: 108px;}
.events_list li .date .dd{padding-top: 12px;}
.events_list li .tit a{padding-top:10px;}
.last_row{background: url(../images/last_row_bg.png) left bottom no-repeat;width: 100%;}
.lmlj_ul{padding-top:112px;height: 261px}
.lmlj_ul li{width: 32%;margin-right: 2%;float: left;height: 180px;background: #3893BC;position: relative;}
.lmlj_ul li.no_mar{margin-right: 0;}
.lmlj_ul li .pic{position: absolute;width: 26%;height: 188px;padding:6px;background: #fff;left: 6%;bottom: 30px;}
.lmlj_ul li .pic img{width: 100%;height: 100%;}
.lmlj_ul li .text{font-size: 40px;position: absolute;left:42%;top:70px;color: #fff;}
.lmlj_ul li .icon{position: absolute;width: 22px;height: 100%;background: url(../images/lmlj_icon.png) left center no-repeat;top: 0;right: 6%;}
.syhf_m{display: none;}


@media (min-width: 1921px) {
	
}
@media (max-width: 1919px) {
	.latest_tt_box .con .pic{width: 32%;margin-right: 3%;}
	.latest_tt_box .con .memo{width: 65%;height: 136px;overflow: hidden;}
	.latest_tt_box .con a.more{bottom: 5px;}
	.events_tt_box .pic{width: 49%;}
	.events_tt_box .text{width: 44%;padding:0 3%;}
	/* .events_tt_box .tit{height: 75px;overflow: hidden;} */
	.events_tt_box .memo{height: 108px;overflow: hidden;}
}



@media (min-width: 1024px) and (max-width: 1440px) {

}

@media (max-width: 1280px) {
	

}

@media (max-width: 1199px) {
	.lmlj_ul li .text{font-size: 30px;}
	
}

@media (max-width: 1023px) {
  .sztp_ul li .tit{font-size: 25px;}

}



@media (max-width: 992px) {
	
	.lmlj_ul li .icon{top: 30px;}
	.last_row{background:none;}
  
}


@media (max-width: 768px) {
	.multimedia_box{margin-top: 30px;}
	.sztp_ul li{width: 47%;margin:0 1.5% 20px;}
	.sztp_ul li.no_mar{margin:0 1.5% 20px;}
	.statistics_box{margin-top: 25px;}
	.lmlj_ul li .pic{display: none;}
	.lmlj_ul li .text{left: 10%;}
	.lmlj_ul li .icon{top: 0;}
	.syhf_m{display: block;}
	.syhf_w{display: none;}
  
}

@media (max-width: 640px) {
 .lmlj_ul{padding-top: 0px;}
 .lmlj_ul li{width: 100%;margin:0 0 20px 0;height: 60px;}
 .lmlj_ul li .text{top: 10px;}
 .latest_tt_box .tit a{white-space: inherit;}
 .latest_tt_box .text-nowrap{white-space: inherit;}
 .latest_tt_box .tit{height: auto; line-height: 40px;}
 .latest_tt_box .tit a:after{top: 20%;}
 .mt50 {margin-top: 25px;}
}


@media (max-width: 480px) {
  
  .latest_list li .date{width: 90px;}
  .latest_list li .tit{padding:10px 12px 10px 102px;}
  .sp_box{height: 250px;}
  .tp_box ul li{height: 150px;}
  .tp_box ul li .pic img{height: 150px;}
}

@media (max-width: 414px) {	
	.latest_tt_box .con .pic{width: 100%;}
	.latest_tt_box .con .memo{width: 100%;}
	.events_tt_box .pic{width:100%;}
	.events_tt_box .text{width: 94%;height: auto;}
	
}


@media (max-width: 380px) {
 .sztp_ul li{width: 100%;margin:0 0 20px 0;}
 .sztp_ul li.no_mar{margin:margin:0 0 20px 0;}
 
}

@media (max-width: 320px) {
	

}