@charset "utf-8";
.com_title{text-align: center;margin-top:3rem;}
.com_title span{display:inline-block;font-size:2.5rem; font-weight:600;line-height:5rem;border-bottom:0.25rem solid #0167ad;}
.mt48{margin-top:3rem;}
/* 公共列表样式 */
.common_list li{/* height:3rem; */font-size:1.25rem;color:#333;position:relative;}
.common_list li .point{display:block;width:6%;float:left;}
.common_list li .point span{display:block;width:66%;}
.common_list li .point img{width:100%;}
.common_list li a{display:block;/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */}
.common_list li p{width:94%;float:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:2rem;}


.cont1{position:relative;}
.cont1_bgimg_l{position:absolute;top:50%;left:0;margin-top:-15.625rem;background:url(../images/aboutsuzhou_shuye_l.png) top center no-repeat #FFF;
				width:27.3125rem;height:31.25rem;z-index:-9;}
.cont1_bgimg_r{position:absolute;top:-3.75rem;right:0;background:url(../images/aboutsuzhou_shuye_r.png) top center no-repeat #FFF;width:26.6875rem;height:35rem;z-index:-9;}

/* A Glimpse */
.picScroll-left{width:100%;overflow:hidden; position:relative;}
.picScroll-left .hd .prev{display:block;width:3.125rem; height:3.125rem; float:left;overflow:hidden;position:absolute;top:50%;left:4%;margin-top:-1.5625rem;
							cursor:pointer; background:url(../images/arrow_left.png) no-repeat;}
.picScroll-left .hd .next{display:block;width:3.125rem; height:3.125rem; float:right;overflow:hidden;position:absolute;top:50%;right:4%;margin-top:-1.5625rem;
							cursor:pointer; background:url(../images/arrow_right.png) no-repeat;}

.picScroll-left .bd{width:80%;margin:auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left;width:20%;}
.picScroll-left .bd ul li a{display:block;position:relative;height:28.125rem;margin:0 16px;box-sizing: border-box;background-size:cover;
							-webkit-transition:0.5s; font-size:1.5rem;color:#fff;}
.picScroll-left .bd ul li a span{width:80%;text-align:center;position:absolute;bottom:8rem;left:50%;margin-left:-40%;}
.picScroll-left .bd ul li a img{width:100%;height:100%;position: absolute;top:0;}
.picScroll-left .bd li a:hover{opacity: .8;}
.picScroll-left .bd li a:hover img{display:none;}
.picScroll-left .bd li a:after{content: ""; display: block; position: absolute; top:3rem; width: 80%; left: 10%; height:7.5625rem;}
.picScroll-left .bd ul li.a1 a{background:url(../images/glimpse_img_loc.png) center no-repeat;}
.picScroll-left .bd ul li.a1 a:after{background: url(../images/glimpse_img_loc_icon.png) center no-repeat;}
.picScroll-left .bd li.a1 a:hover{background-size:150%;}
.picScroll-left .bd ul li.a2 a{background:url(../images/glimpse_img_adm.png) center no-repeat;}
.picScroll-left .bd ul li.a2 a:after{background: url(../images/glimpse_img_adm_icon.png) center no-repeat;}
.picScroll-left .bd li.a2 a:hover{background-size:150%;}
.picScroll-left .bd ul li.a3 a{background:url(../images/glimpse_img_nat.png) center no-repeat;}
.picScroll-left .bd ul li.a3 a:after{background: url(../images/glimpse_img_nat_icon.png) center no-repeat;}
.picScroll-left .bd li.a3 a:hover{background-size:150%;}
.picScroll-left .bd ul li.a4 a{background:url(../images/glimpse_img_his.png) center no-repeat;}
.picScroll-left .bd ul li.a4 a:after{background:url(../images/glimpse_img_his_icon.png) center no-repeat;}
.picScroll-left .bd li.a4 a:hover{background-size:150%;}
.picScroll-left .bd ul li.a5 a{background:url(../images/glimpse_img_cit.png) center no-repeat;}
.picScroll-left .bd ul li.a5 a:after{background:url(../images/glimpse_img_cit_icon.png) center no-repeat;}
.picScroll-left .bd li.a5 a:hover{background-size:150%;}



/* Honors and Awards */
.csry_con{width:80%;margin:auto;}
.csry_con ul li{width:50%;float:left;}



.cont2{min-height:41.25rem;background:url(../images/gysz_con2_bg.png) center no-repeat;}
.cont2 ul{width:80%;margin:auto;}
.cont2 ul li{float:left;}

.cont2_l{width:20%;padding-top:14%;}
.cont2_l .img{width:84%;}

.cont2_m{width:45%;padding-top:4%;}
.cont2_m_bg{width:62%;height:19.625rem;position:relative;}
.cont2_m_txt{width:82%;height:82%;padding:9%;background-color:#0167ad;color:#fff;position:relative;}
.cont2_m_txt span{font-size:2.5rem;font-weight:600;}
.cont2_m_txt span a{color:#fff;}
.cont2_m_txt p{font-size:1.375rem;line-height:2rem;margin-top:1.5rem;}
.cont2_m_txt a.more{font-size:1.375rem;line-height:2rem;position:absolute;bottom:18%;color:#fff;}
.cont2_m_txt a img{margin-left:0.5rem;}
.cont2_m_img{width:100%;height:100%;position:absolute;top:-30%;right:-50%;}
.cont2_m_img img{width:100%;height:100%;}

.cont2_r{width:35%;padding-top:9%;height:32rem;background:url(../images/yhcs_img.png) center no-repeat;}
.cont2_r_txt{width:82%;height:64%;padding:9%;color:#fff;position:relative;}
.cont2_r_txt span{font-size:2.5rem;font-weight:600;float:right;}
.cont2_r_txt span a{color:#fff;}
.cont2_r_txt p{font-size:1.375rem;line-height:2rem;margin-top:1.5rem;float:right;text-align:right;}
.cont2_r_txt a.more{font-size:1.375rem;line-height:2rem;position:absolute;bottom:27%;right:9%;color:#fff;}
.cont2_r_txt a img{margin-left:0.5rem;}


.mrg-txt{height: 15.3rem;width: 100%;position: relative;}
.mrg-links{width: 135%;height: 10rem;position: absolute;top: -18%;left: 20%;background: #0167ad;color: #fff;text-align: center;font-size: 2rem;font-weight: 600;line-height: 10rem;z-index: 99;}
.mrg-links a{color: #fff;}
@media (max-width:1680px){
	.picScroll-left .bd ul li a{height:25rem;}
	.picScroll-left .bd ul li a span{bottom:5rem;}
	
	.common_list li p{width:88%;}
	
	.cont2{min-height:36rem;}
	.cont2_m_txt span{font-size:2rem;}
	.cont2_m_bg{height:15.3rem;}
	.cont2_r_txt span{font-size:2rem;}
	.cont2_r{padding-top:4%;height:26.040625rem;margin-top:3.5rem;}
}

@media (max-width:1440px){
	.cont2{min-height:31.5rem;}
	.cont2_m_txt span{font-size:1.9rem;}
	.cont2_m_bg{height:14.7rem;}
	.cont2_r_txt span{font-size:1.9rem;}
	.cont2_r{padding-top:4%;height:21.47875rem;margin-top:3.5rem;}
}

@media (max-width:1366px){
	.picScroll-left .bd ul li a{height:20rem;}
	.picScroll-left .bd ul li.a1 a:after{background-size:6.25rem 6.25rem;}
	.picScroll-left .bd ul li.a2 a:after{background-size:6.25rem 6.25rem;}
	.picScroll-left .bd ul li.a3 a:after{background-size:6.25rem 6.25rem;}
	.picScroll-left .bd ul li.a4 a:after{background-size:6.25rem 6.25rem;}
	.picScroll-left .bd ul li.a5 a:after{background-size:6.25rem 6.25rem;}
	.picScroll-left .bd ul li a span{bottom:4rem;}
	.picScroll-left .bd ul li a{font-size:1rem;}
	
	.cont2{min-height:31rem;}
	.cont2_m_txt span{font-size:1.8rem;}
	.cont2_m_txt p{line-height:1.5rem;}
	.cont2_m_bg{height:14.5rem;}
	.cont2_r_txt span{font-size:1.8rem;}
	.cont2_r_txt p{line-height:1.5rem;}
	.cont2_r{height:21.173rem;margin-top:3.5rem;}
}

@media (max-width:1280px){
	.cont2{min-height:30rem;}
	.cont2_m_txt span{font-size:1.7rem;}
	.cont2_r_txt span{font-size:1.7rem;}
	.cont2_r{height:19.83925rem;margin-top:3.5rem;}
}

@media (max-width:1024px){
	.picScroll-left .bd ul li a{height:14rem;}
	.picScroll-left .bd li a:after{top:1rem;}
	.picScroll-left .bd ul li.a1 a:after{background-size:4.5rem 4.5rem;}
	.picScroll-left .bd ul li.a2 a:after{background-size:4.5rem 4.5rem;}
	.picScroll-left .bd ul li.a3 a:after{background-size:4.5rem 4.5rem;}
	.picScroll-left .bd ul li.a4 a:after{background-size:4.5rem 4.5rem;}
	.picScroll-left .bd ul li.a5 a:after{background-size:4.5rem 4.5rem;}
	.picScroll-left .bd ul li a span{bottom:3rem;}
	
	.cont2{min-height:25rem;}
	.cont2_m{padding-top:6.8%;}
	.cont2_m_txt span{font-size:1.3rem;}
	.cont2_m_txt p{font-size:1rem;margin-top: 0.5rem;}
	.cont2_m_bg{height:10.55rem;}
	.cont2_r_txt span{font-size:1.3rem;}
	.cont2_r_txt p{font-size:1rem;}
	.cont2_r{height:15.871125rem;margin-top:3.5rem;}
	.cont2_m_txt a.more{font-size:1.2rem;}
	.cont2_r_txt a.more{font-size:1.2rem;}
}

@media (max-width:768px) {
	.picScroll-left .bd{overflow:hidden;}
	.picScroll-left .bd ul li{float:left;width:25%;}
	.picScroll-left .bd ul li a{margin:0 8px;}
	.picScroll-left .hd .prev{background-size:2.5rem 2.5rem;width:2.5rem;height:2.5rem;}
	.picScroll-left .hd .next{background-size:2.5rem 2.5rem;width:2.5rem;height:2.5rem;}
	
	.csry_con ul li{width:100%;}
	.common_list li p{width:94%;}
	
	.cont2{min-height:25rem;}
	.cont2_l{width:40%;}
	.cont2_m{width:60%;}
	.cont2_m_txt p{line-height:1.5rem;}
	.cont2_m_bg{height:11.5rem;}
	.cont2_r_txt span{font-size:1.8rem;}
	.cont2_r_txt p{line-height:1.5rem;}
	.cont2_r{height:37.424875rem;margin-top:0em;width:100%;}
	.cont2_r_txt{width:82%;height:64%;padding:9%;color:#fff;position:relative;}
	.cont2_r_txt span{font-size:2.5rem;font-weight:600;float:right;}
	.cont2_r_txt span a{color:#fff;}
	.cont2_r_txt p{font-size:1.375rem;line-height:2rem;margin-top:1.5rem;float:right;text-align:right;}
	.cont2_r_txt a.more{font-size:1.375rem;line-height:2rem;position:absolute;bottom:27%;right:9%;color:#fff;}
	.cont2_r_txt a img{margin-left:0.5rem;}

	.mrg-links{width: 110%;font-size: 1.3rem;}
}

@media (max-width:480px){
	.cont1_bgimg_l{width:9.8325rem;height:11.25rem;background-size:9.8325rem 11.25rem;}
	.cont1_bgimg_r{width:9.53125rem;height:12.5rem;background-size:9.53125rem 12.5rem;}
	.csry_con{width: 88%;}
	.common_list li{margin:0.5rem 0;}
	.common_list li .point{width:10%;}
	.common_list li p{width: 90%;white-space:normal;line-height:1.5rem;}
	.picScroll-left .bd ul li{width:50%;}
	.picScroll-left .bd ul li a{margin:0 12px;}
	.picScroll-left .hd .prev{background-size:2rem 2rem;width:2rem;height:2rem;}
	.picScroll-left .hd .next{background-size:2rem 2rem;width:2rem;height:2rem;}
	.picScroll-left .bd ul li a{font-size:1.2rem;}
	
	.cont2{min-height:25rem;}
	.cont2_l{width:100%;}
	.cont2_m{width:100%;}
	.cont2_m_txt p{line-height:1.5rem;margin-top: 1.5rem;}
	.cont2_m_bg{height:11.5rem;}
	.cont2_r_txt span{font-size:1.8rem;}
	.cont2_r_txt p{line-height:1.5rem;}
	.cont2_r{height:23.08rem;margin-top:-2rem;width:100%;}
	.cont2_r_txt{width:82%;height:64%;padding:9%;color:#fff;position:relative;}
	.cont2_r_txt span{font-size:2.5rem;font-weight:600;float:right;}
	.cont2_r_txt span a{color:#fff;}
	.cont2_r_txt p{font-size:1.375rem;line-height:2rem;margin-top:1.5rem;float:right;text-align:right;}
	.cont2_r_txt a.more{font-size:1.375rem;line-height:2rem;position:absolute;bottom:27%;right:9%;color:#fff;}
	.cont2_r_txt a img{margin-left:0.5rem;}

	.mrg-links{width: 80%;font-size: 1.3rem;height: 9.3rem;}
	
}

@media (max-width:414px){
	.picScroll-left .bd ul li{width:100%;}
	.picScroll-left .bd ul li a{height:28.125rem;margin:0 16px;}
	.picScroll-left .bd li a:after{top:3rem;}
	.picScroll-left .bd ul li.a1 a:after{background-size:8rem 8rem;}
	.picScroll-left .bd ul li.a2 a:after{background-size:8rem 8rem;}
	.picScroll-left .bd ul li.a3 a:after{background-size:8rem 8rem;}
	.picScroll-left .bd ul li.a4 a:after{background-size:8rem 8rem;}
	.picScroll-left .bd ul li.a5 a:after{background-size:8rem 8rem;}
	.picScroll-left .bd ul li a{font-size:1.5rem;}
	.picScroll-left .bd ul li a span{bottom:8rem;}
	
	.cont2_m_txt p{line-height:1.5rem;margin-top: 1.5rem;}
	.cont2_m_bg{height:10.5rem;width:66.5%;}
	.cont2_m_txt p {line-height: 1.2rem; margin-top: 0.5rem;}
	.cont2_r{height:20rem;margin-top:-1.9rem;}
	.cont2_r_txt a.more {bottom:6%;}
}

@media (max-width:375px){
	.picScroll-left .bd ul li a{margin:0 24px;height:24rem;}
	.picScroll-left .bd ul li a span{bottom:5rem;}
	
	.com_title span{font-size:2rem;}
	
	.cont2_m_txt p{display:none;}
	.cont2_m_txt span {font-size: 1.5rem;}
	.cont2_m_txt a.more {bottom: 36%;left: 18px;}
	.cont2_r{height:18rem;}
}

@media (max-width:320px){
	.picScroll-left .bd ul li a{height:20rem;}
	.picScroll-left .bd ul li a span{bottom:3.5rem;}
	
	.cont2_r_txt span{font-size: 2rem;}
	.cont2_r{height:15rem;}
	.cont2_r_txt a.more{bottom:4%;}
	.cont2_r_txt p{font-size: 1.2rem;}
}
