@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%;
  margin-bottom: 30px;
}
.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: 0.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/zrdlhzy.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a1 a:after {
  background: url(../images/zrdlhzy_icon.png) center no-repeat;
}
.picScroll-left .bd li a:hover {
  background-size: 150%;
}

.picScroll-left .bd ul li.a2 a {
  background: url(../images/cgzs.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a2 a:after {
  background: url(../images/cgzs_icon.png) center no-repeat;
}
/* 都市建设 */
.picScroll-left .bd ul li.a3 a {
  background: url(../images/dsjshggsy_logoBg1.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a3 a:after {
  background: url(../images/dsjshggsy_logoBg.png) center no-repeat;
}

.picScroll-left .bd ul li.a4 a {
  background: url(../images/ny.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a4 a:after {
  background: url(../images/ny_icon.png) center no-repeat;
}

.picScroll-left .bd ul li.a5 a {
  background: url(../images/gy.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a5 a:after {
  background: url(../images/gy_icon.png) center no-repeat;
}

.picScroll-left .bd ul li.a6 a {
  background: url(../images/fwy.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a6 a:after {
  background: url(../images/fwy_icon.png) center no-repeat;
}
/* 対外経済貿易 */
.picScroll-left .bd ul li.a7 a {
  background: url(../images/dwjjmy_logoBg1.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a7 a:after {
  background: url(../images/dwjjmy_logoBg.png) center no-repeat;
}

.picScroll-left .bd ul li.a8 a {
  background: url(../images/jy.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a8 a:after {
  background: url(../images/jy_icon.png) center no-repeat;
}

.picScroll-left .bd ul li.a9 a {
  background: url(../images/wh.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a9 a:after {
  background: url(../images/wh_icon.png) center no-repeat;
}
/* 环境保护 */
.picScroll-left .bd ul li.a10 a {
  background: url(../images/hjbh_logoBg1.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a10 a:after {
  background: url(../images/hjbh_logoBg.png) center no-repeat;
}
/* 観光 */
.picScroll-left .bd ul li.a11 a {
  background: url(../images/guanguang_logoBg1.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a11 a:after {
  background: url(../images/guanguang_logoBg.png) center no-repeat;
}
.picScroll-left .bd ul li.a12 a {
  background: url(../images/ty.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a12 a:after {
  background: url(../images/ty_icon.png) center no-repeat;
}

.picScroll-left .bd ul li.a13 a {
  background: url(../images/ws.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a13 a:after {
  background: url(../images/ws_icon.png) center no-repeat;
}

.picScroll-left .bd ul li.a14 a {
  background: url(../images/msbz.jpg) center no-repeat;
}
.picScroll-left .bd ul li.a14 a:after {
  background: url(../images/msbz_icon.png) center no-repeat;
}

/* 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;
  }
}