@charset "UTF-8";

/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 
   本网站通用布局
*/
/* Css 初始化 */

/* frame */
body { background-color: #fff; }
body::before { display: block; content: ""; width: 100%; height: 150em; position: absolute; top: 0; left: 0;  background: linear-gradient(180deg, #BFD8FF 0%, #fff 100%); z-index: -1;}

#header { background: none; }

#logo a { display: flex; align-items: center; gap: 10em; }
#logo .node-name { font-size: 16em; font-weight: bold; text-align: left; line-height: 1.5em; flex: 1; }
#logo img { max-height: 65em; }

/* btn-zw */
.btn-zw {  font-size: 16em;}




/* 首页 --------------------------------*/
.row { text-align: left; }
.row-video { padding-top: 20rem; padding-bottom: 20rem; }


/* row-01 --------------- */
.row-01 { background-color: #fff;}


/* box-eng */
.box-eng { background-color: #fff; text-align: left; border: 1px solid #eee; box-sizing: border-box; height: 100%; }
.box-eng .hd { padding: 20rem 40rem 0; }
.box-eng .bd { padding: 0 40rem 20rem; }
.box-eng .intro { line-height: 1.715em; margin-bottom: 20rem; overflow: hidden; color: #666; /* text-align: justify; */ font-size: 14em; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-eng .pic { padding-top: 40rem; }
.box-eng .pic img { width: 100%; }
.box-eng .map { overflow: hidden; position: relative; display: flex; justify-content: center; }
.box-eng .map::before { display: block; content: ""; background: url(../img/map.png) no-repeat; width: 101px; height: 74px; position: absolute; bottom: 20px; left: 10px; }

#map-container { width: 337px; float: right; position: relative; z-index: 1; padding-right: 130px;}
#map-container .city { cursor: pointer; transition: fill 0.3s; }
#map-container .city:hover { fill: #EE771D; }
#map-container text { text-transform: uppercase; }

/* box-video */
.box-video { padding: 0; background: none; }
.box-video .video-pic,
.box-video .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 60.8%; height: 0; z-index: 1; }
.box-video .video-pic video,
.box-video .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill; }
.box-about .intro { -webkit-line-clamp: 9; }

.box-video { flex :1; }
.box-video .swiper-pagination { bottom: 50rem !important;}
.box-video .swiper-pagination-bullet { opacity: 1; width: 16rem; height: 16rem; background-color: #f5f5f5; }
.box-video .swiper-pagination-bullet-active { background-color: #f60;}

.box-video li { position: relative;}
.box-video li .title { position: absolute; bottom: 0; z-index: 3; left: 5%; width: 90%; line-height: 60rem; height: 60rem; font-size: 16em; text-align: center; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-video li .title a { color: inherit;}
.box-video li .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; width: 100%; height: 5em; bottom: 0; left: 0; }

/* row-02 --------------- */
.row-02 { background-color: rgba(238, 119, 29, 0.8); padding-block: 70px; }

/* box-default */
.box-default .hd { margin-bottom: 40px; }
.box-default .hd h3 { text-align: center; font-weight: bold; font-size: 32px; line-height: 40px; }



/* box-news */
.box-news .hd h3 a { color: #fff; }
.box-news .pic-list li { margin-bottom: 20rem; }
.box-news .pic-list li:nth-child(3n) { margin-right: 0; }





/* row-04 --------------- */
.row-04 { text-align: left; padding-top: 40rem; padding-bottom: 40rem; position: relative; }
.row-04::before { background: linear-gradient(0deg, #BFD8FF 0%, #FFFFFF 100%); display: block; position: absolute; bottom: 0; left: 0; width: 100%; min-width: 1400px; content: ""; height: 200px; }
.row-04 .phtotList-swiper .title { display: none;}

/* 侧栏固定菜单 */
.sideFixed { z-index: 9; position: fixed; top: 50%; display: none; transform: translateY(-50%); right: 5px; width: 7.143em; background: #fff; font-size: 14em; _position: absolute; }
.sideFixed li { position: relative; background-color: #E0E0E0;}
.sideFixed li:nth-child(2n) { background-color: #E8E8E8; }
.sideFixed li a { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0.8em 0; }
.sideFixed li a::before { content: "\E827"; font-family: iconfont; font-size: 2.875em; line-height: 1;}
.sideFixed .mail a::before { content: "\E824"; font-size: 3em;}
.sideFixed .oa a::before { content: "\E837"; }
.sideFixed .gt a::before { content: "\E822"; font-size: 2.1428em; }
.sideFixed .on a,
.sideFixed li a:hover { background-color: #c50000; color: #fff; }

/* 文章-列表页 --------------------------------*/
.body-discover #content { padding-left: 20rem; padding-right: 20rem;}

.body-xzh .path { margin-top: 10rem; margin-bottom: 10rem; }
.body-xzh .path a[title="Home"] { display: inline;}
.body-xzh .articleCon { border: 1px solid #eee; }
.body-xzh .border { border: 1px solid #eee; padding: 20rem 40rem; }

.pageTPList .first.list-bold .title { font-size: 1.2em;}
.pageTPList .first.list-bold .intro { font-size: 0.8em; line-height: 1.8; -webkit-line-clamp: 5;}
.pageTPList .first.list-bold .others span.date { display: none; }

.printArea .conTxt img { max-width: 1000rem !important;}

@media (min-width: 768px) {
  #logo .node-name { font-size: 20em; }
  .sideFixed { display: block; }
}
@media (min-width: 992px) {
  .body-discover #sideMenu .bd { border: 1px solid #eee; }

  /* sideMenu */
  #sideMenu .hd { background-color: #0198DF; padding: 0.75em 0.5em; line-height: 1.5em; color: #fff; font-size: 20em; text-align: center; }
  #sideMenu .hd h3 { font-size: 0; font-weight: bold; display: none; } 
  #sideMenu .hd:before { font-size: 1.2em; font-weight: bold; display: block; content:'Introduction to Jiangsu';}

  #sideMenu .bd li { padding-top: 0.75em; text-align: center; }
}

@media (min-width: 1200px) {
  #logo .node-name { font-size: 26em; }
  .box-about .intro { -webkit-line-clamp: 12; } 
}

@media (min-width: 1400px) {
  #logo .node-name { font-size: 30em; }
   .box-about .intro { -webkit-line-clamp: 10; } 
}

@media (min-width: 1600px) {
  .box-about .intro { -webkit-line-clamp: 12; } 
}