@charset "utf-8";
/* CSS Document */
/*banner*/
#ins_banner { position: relative; z-index: 0;}
#ins_banner .swiper-slide { position: relative; z-index: 0;}
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 350px;}
#ins_banner .pic2 { padding-top: 860px;}
#ins_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#ins_banner .txtb { position: absolute; z-index: 2; left: 5.2%; top: 6.7vw; color: #fff;
bottom: 6.7vw; 
right: 5.2%;
display: flex; justify-content: center; align-items: center;}
#ins_banner .txtb .txt { width: 51%; margin: 0 auto 0; text-align: center;
}
#ins_banner .txtb .txt2 { margin-top: 2em;}
#ins_banner .txtb .txt .name {letter-spacing: 0.1em; font-weight: bold; line-height: 1.2; }
#ins_banner .txtb .txt .name2 { margin-top: 0.8em; font-weight: lighter; letter-spacing: 0.4em; 
 text-transform: uppercase;
 margin-bottom: 0.6em; font-weight: 100; line-height: 1.2;}
 #ins_banner .txtb .txt .arrow  { margin: 0 auto; width: 2.5em; height: 2.5em;
 background: url(../images/arrow_6.png) center center no-repeat;
 background-size:contain ;}
#ins_banner .txtb .txt .intro {font-weight: lighter;  font-weight: 100;  
max-width: 28em; margin: 0.6em auto 0 0; line-height: 1.2;
 max-height:2.4em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
#ins_banner .txtb .txt .intro2 {font-weight: lighter;  font-weight: 100;  
 margin: 0.6em auto 0 0; line-height: 1.2;

}
#ins_banner .txtb .txt .intro2 ul { margin-top: -0.9em; width: 25em;
	display: flex; flex-wrap:wrap ; justify-content: flex-start; align-items: stretch;}
#ins_banner .txtb .txt .intro2 li { margin-top: 0.7em; width: 11em; margin-right: 1.2em;
background-color: #69b9fb;
border: 1px solid #b0d7fb;
line-height: 2.3em;
-moz-border-bottom-left-radius:0.4em; 
-webkit-border-bottom-left-radius:0.4em; 
border-bottom-left-radius:0.4em;
-moz-border-bottom-right-radius:1em; 
-webkit-border-bottom-right-radius:1em; 
border-bottom-right-radius:1em;}
#ins_banner .txtb .txt .intro2 li div { padding: 0 0.5em 0 1.2em;}
#ins_banner .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
}

#ins_banner .btnNext,#ins_banner .btnPrev {
	cursor: pointer; display: inline-block;
	position: absolute; right: 5.2%; top: 50%; z-index: 10;
	width: 2.8em; height: 2.8em; margin-top: -1.4em;
	border: 1px solid #fff;
	background:#fff  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
#ins_banner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}

#ins_banner .btnNext:hover,
#ins_banner .btnPrev:hover {
	border: 1px solid #fff;	
}
#ins_banner .btnPrev::before,
#ins_banner .btnNext::before{
	content: ""; display: block;position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background:  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
}
#ins_banner .btnPrev:hover::before,
#ins_banner .btnNext:hover::before {
	background-image:  url(../images/arr_white.png);
}
#ins_banner .btnNext::after,
#ins_banner .btnPrev::after{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#068d39+0,058d7d+100 */
	background: linear-gradient(to right,  rgba(6,141,57,1) 0%,rgba(5,141,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
#ins_banner .btnNext:hover::after,
#ins_banner .btnPrev:hover::after{ 
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
#ins_banner  .swiper-button-disabled,
#ins_banner  .swiper-button-disabled:hover{ 
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
#ins_banner .swiper-button-disabled:hover::before,
#ins_banner .swiper-button-disabled:hover::before {
	background-image:  url(../images/arr_gray.png);
}
#ins_banner .swiper-button-disabled:hover::after,
#ins_banner .swiper-button-disabled:hover::after{ 
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

 @media only screen and (max-width:1200px) {
#ins_banner .pic { padding-top:29%;}
#ins_banner .pic2 { padding-top: 29%;}
}
 @media only screen and (max-width:828px) { 
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 60%;}
#ins_banner .pic2 { position: relative; z-index: 0; padding-top: 70%;}
#ins_banner .txtb { left: 2em; right: 2em;}
#ins_banner .txtb .txt { width: 100%;}
#ins_banner .txtb .txt .name { font-size: 4.8vw;}
#ins_banner .txtb .txt .intro { font-size: 2vw;}
#ins_banner .txtb .txt .btn { font-size: 2vw; margin-top: 1.8em;}

#ins_banner .txtb .txt .intro2 ul { font-size: 0.7em;}
#ins_banner .txtb .txt .intro2 li div { padding:0 0.5em;}
#ins_banner .txtb .txt .intro2 li { width: 10em; margin-right: 0.5em;}
}


.noticeIBox {}
.noticeIBox .con{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.noticeIBox .conL { padding-top: 1.25em; width: 162px; border-right:1px solid #ededed;}
.noticeIBox .conR {padding-top: 1.25em; flex: 1; margin-left: 4.1%; padding-bottom: 5em;}

 @media only screen and (max-width:828px) { 
	.noticeIBox .con{ display: block;}
	.noticeIBox .conL {  width: 100%;}
	.noticeIBox .conR { margin-left: auto;} 
 }

.noticeIBox .sideNavFixed { position: fixed;  z-index: 100; }
.noticeIBox .sideNavAbs { position: absolute; z-index: 100;  
left: 0 !important; bottom: 0 !important; right: auto !important; top: auto !important;}

.noticeIBox .conL .tit { line-height: 2.75em; padding:0 1.8em; text-align: left; color: #000;
background: url(../images/i_notice.png) 0 center no-repeat; 
 background-size:auto 1.3em ; font-weight: bold;}
.noticeIBox .conL .list a { position: relative; z-index: 0;
 display: block; cursor: pointer; 
padding: 0 0.8em;text-align: left;
border-bottom: 2px solid #ededed; line-height: 3.7em; height: 3.7em;
overflow: hidden; color: #0a0a0a;}
.noticeIBox .conL .list a.cur { background-color: #c6efd2; 
border-bottom: 2px solid #32AC57;
 font-weight: bold; color: #32AC57;}
 .noticeIBox .conL .list a.cur::after { content: ""; display: block;
	 position: absolute; right: 0; top: 50%; margin-top: -0.5em;
	 height: 1em; width: 1em;
	 background: url(../images/arrow_5.png) right center no-repeat;
	 
 }
 
 
 .noticeIBox .conL .list a:hover { background-color: #c6efd2; 
border-bottom: 2px solid #32AC57;color: #32AC57;}
 .noticeIBox .conL .list a:hover::after { content: ""; display: block;
	 position: absolute; right: 0; top: 50%; margin-top: -0.5em;
	 height: 1em; width: 1em;
	 background: url(../images/arrow_5.png) right center no-repeat;
	 
 }
 
 
 

.newIBox { }
.newList li { padding: 1.6em 0 1.5em; text-align: left;
 display: flex; justify-content: space-between; align-items: center;
 border-bottom: 1px solid #ededed; }
.newList .name { padding-left: 1em; flex: 1; color: #0a0a0a;overflow: hidden;
text-overflow:ellipsis; height: 1.6em; line-height: 1.6; margin-right: 1em;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  position: relative; z-index: 0;}
  .newList .name::before { position: absolute; left: 0; top: 50%; margin-top: -0.188em;
  width:0.376em ; height:0.376em ;
  background-color: #32AC57; content: ""; display: block;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.newList .name a {color: #0a0a0a;}
.newList .name a:hover {color: #32AC57;}
.newList .date { line-height: 1.6;
color: #999; 
border: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center;}
.newList .date span { padding: 0.08em 0.5em 0;  display: inline-block;}
.newList .date span.yy { padding: 0.08em 0.5em 0; font-weight: bold;
background-color: #e6e6e6; display: inline-block;}


.newList2 { margin-top: 2.8em; width:50%}
.newList2 li { padding:0em 0 1.2em; text-align: left;
 display: flex; justify-content: space-between; align-items: center;
 }
.newList2 .name { padding-left: 1em; flex: 1; color: #0a0a0a;overflow: hidden;
text-overflow:ellipsis; height: 1.6em; line-height: 1.6; margin-right: 1em;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  position: relative; z-index: 0;}
.newList2 .name::before { position: absolute; left: 0; top: 50%; margin-top: -0.188em;
  width:0.376em ; height:0.376em ;
  background-color: #32AC57; content: ""; display: block;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.newList2 .name a {color: #0a0a0a;}
.newList2 .name a:hover {color: #32AC57;}
.newList2 .date { line-height: 1.6;
color: #999;  display: flex; justify-content: center; align-items: center;}
.newList2 .btnW { margin-top: 1.2em; text-align: left;}


.newList3 { margin-top: 2.5em;}
.newList3 li { padding:0em 0 1.2em; text-align: left;
 display: flex; justify-content: space-between; align-items: center;
 }
.newList3 .name { flex: 1; color: #0a0a0a;overflow: hidden;
text-overflow:ellipsis; height: 1.6em; line-height: 1.6; margin-right: 1em;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  position: relative; z-index: 0;}
.newList3 .name a {color: #0a0a0a;}
.newList3 .name a:hover {color: #32AC57;}
.newList3 .date { line-height: 1.6;
color: #999;  display: flex; justify-content: center; align-items: center;}
.newList3 .btnW { margin-top: 1.4em; text-align: right;}

.newList3 .btnW { display: flex; justify-content: space-between; align-items: center;}
.newList3 .btnW .line1 { height: 2.5em; width: 2px; background-color: #32AC57;}
.newList3 .btnW .line2 { height: 1px; background-color: #ededed; flex: 1; margin-right: 1.2em;}
.newList3 .name .num { padding: 0.08em 0.3em 0.05em; color: #fff; font-weight: bold; 
background-color: #32AC57; font-size: 0.95em; margin-right: 0.2em;
 -moz-border-bottom-left-radius:0.4em; 
 -webkit-border-bottom-left-radius:0.4em; 
 border-bottom-left-radius:0.4em;
 
 -moz-border-top-right-radius:0.4em;
 -webkit-border-top-right-radius:0.4em; 
 border-top-right-radius:0.4em;
 }

.mallList ul { display: flex; flex-wrap: wrap;
 justify-content: flex-start; align-items: stretch;}
.mallList li {width: 32%; margin-top:2%; margin-right: 2%; text-align: left;
display: flex; flex-direction: column;
 justify-content: center; align-items: stretch;
 }
.mallList li:nth-child(3n) { margin-right: 0;}
.mallList .lib { flex: 1; border: 1px solid #f0f0f0;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow: hidden;}
.mallList li:hover .lib { border: 1px solid #c6efd2;}
.mallList .pic { display:block;  cursor: pointer; position: relative; z-index: 0; padding-top: 83.8%; overflow: hidden;}
.mallList .pic img{position: absolute; left:0; top: 0;
width: 100%; height: 100%;
object-fit: cover;}
.mallList .txtb { padding: 0.7em 1em 1em; color: #212121; text-align: left;}
.mallList .txtb .name { height: 3.4em; line-height: 1.7em;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;}
 
.mallList .txtb .name .num { padding: 0.08em 0.3em 0.05em; color: #fff; font-weight: bold; 
background-color: #32AC57; font-size: 0.95em;
 -moz-border-bottom-left-radius:0.4em; 
 -webkit-border-bottom-left-radius:0.4em; 
 border-bottom-left-radius:0.4em;
 
 -moz-border-top-right-radius:0.4em;
 -webkit-border-top-right-radius:0.4em; 
 border-top-right-radius:0.4em;
 }
  .mallList .txtb .about { margin-top: 1.5em; display: flex; justify-content: space-between; align-items: center;}
 .mallList .txtb .date { color: #999;}
 
  @media only screen and (max-width:828px) {
 .mallList li {width: 32%; margin-top:1em; }
 
 .noticeIBox .sideNavAbs { position: inherit; z-index: 100;  
left: 0 !important; bottom: 0 !important; right: auto !important; top: auto !important;}

.newList2 {
    width: 100%;
}


  }
  @media only screen and (max-width:640px) {
  .mallList li {width: 100%; margin-top:1.5em; margin-right: 0; }
   }
 
 .notiIBox3 .mallList .txtb .name { font-weight: bold;}

.btnArrow3 { width: 0.8em; height:0.8em;
background: url(../images/arrow_7.png) center center no-repeat;
background-size:contain ;}


.videoList ul { display: flex; flex-wrap: wrap;
 justify-content: flex-start; align-items: stretch;}
.videoList li {width: 24%; margin-top:1.33%; margin-right: 1.33%; text-align: left;
display: flex; flex-direction: column;
 justify-content: center; align-items: stretch;
 }
.videoList li:nth-child(4n) { margin-right: 0;}
.videoList .lib { flex: 1;  background-color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
 overflow: hidden;}
.videoList .pic { display: block; cursor: pointer; position: relative; z-index: 0;
 padding-top: 56.6%; overflow: hidden;}
.videoList .pic img{position: absolute; left:0; top: 0;
width: 100%; height: 100%;
object-fit: cover;}
.videoList .txtb { padding: 1.5em 1em 1.8em; color: #212121; text-align: center;}
.videoList .txtb .name { height:1.5em; line-height: 1.5em;
display: flex; justify-content: center; align-items: center;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; color: #282828;}
 .videoList .txtb .name a {color: #282828;}

 @media only screen and (max-width:828px) { 
	 .videoList li {width: 49%; margin-top:2%; margin-right: 2%; 	  }
	 .videoList li:nth-child(2n) { margin-right: 0;}
 }

.notiIBox { position: relative; z-index: 0; padding: 2em 0 4.8em; border-bottom: 1px solid #edebeb;}
.notiIBox .anchor { position: absolute; left: 0; top: -6em;}
.notiIBox2 { padding: 3.4em 0 4.8em; border-bottom: 1px solid #edebeb;}
.notiIBox3 { padding: 3.8em 0 5em; border-bottom: 0;}
.notiIBox .tit { color: #212121; font-weight: bold; letter-spacing: 0.1em;}
.notiIBox .tit::after { content: ""; display: inline-block; vertical-align: middle; margin-left: 0.6em;
width: 1em; height: 1em;
background: url(../images/arrow_9.png) center center no-repeat;
background-size:contain ;
 transform: rotate(180deg);
 -ms-transform: rotate(180deg); /* IE 9 */
 -webkit-transform: rotate(180deg); /* Safari and Chrome */}
.notiIBox .tit::before { content: ""; display: inline-block;vertical-align: middle; margin-right: 0.7em;
width: 1em; height: 1em;
background: url(../images/arrow_9.png) center center no-repeat;
background-size:contain ;}
.notiIBox .conN{ display: flex; justify-content: space-between; align-items: flex-start;}


.notiIBox2 .conN { flex-direction: row-reverse;}
.notiIBox3 .conN { display: block;}
.notiIBox .conN .listPic { margin-top: 2.8em; width: 46.6%;}
.notiIBox .conN .listPic .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 84%;
height: 0; overflow: hidden;}
.notiIBox .conN .listPic .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari */}
.notiIBox .conN .listPic  .pic:hover img {
	-ms-transform:scale(1.05,1.05); /* IE 9 */
	-webkit-transform: scale(1.05,1.05); /* Safari */
	transform: scale(1.05,1.05); /* 标准语法 */
}
.notiIBox .conN .listPic .txtb { position: absolute; left: 0; right: 0; bottom: 0; 
background-color: rgba(0, 0, 0, 0.6);color: #fff; padding: 0.8em 1em;
display: flex; justify-content: space-between; align-items: center;}
.notiIBox .conN .listPic .txtb .date { color: #a5a6a9;}
.notiIBox .conN .listPic .txtb  .name { flex: 1; 
height: 1.5em;  margin: 0 1em 0 0; text-align: left;
 overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.notiIBox .conN .list {margin-top: 2.8em;  flex: 1; color: #0a0a0a;}
.notiIBox .conN .list ul {display: flex; justify-content: flex-start; align-items: stretch;}
.notiIBox .conN .list ul li { position: relative; z-index: 0; width: 43.3%; margin-left: 6.7%; background-color: #f4f5f7;}
.notiIBox .conN .list ul li::after { content: ""; display: block;
bottom: 0; left: 0; right: 0; height: 0.3em; background-color: #32AC57;}
.notiIBox .conN .list .lib { padding: 12% 7.5% 15%; text-align: left;}
.notiIBox .conN .list .date{ color:#abacb0}
.notiIBox .conN .list .date .dd{ line-height: 1.2; color:#32AC57; font-weight: bold; font-size: 1.9em;}
.notiIBox .conN .list .name { margin-top: 12%; font-weight: bold; max-height: 3.6em; line-height: 1.8em;
 overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.notiIBox .conN .list .name a { color:#0a0a0a;}
.notiIBox .conN .list .name a:hover {color:#32AC57;}
.notiIBox .conN .list .intro { margin-top: 6%; font-weight: bold; max-height: 8em; line-height: 2em;
 overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}

 @media only screen and (max-width:828px) { 
	 .notiIBox .conN { display: block;}
	 .notiIBox .conN .listPic { width: 100%;}
 }
.progBox { padding: 2.5em 0;} 
.progBox .con { background-color: #fff;}
.progBox .tab { padding-bottom: 1em; padding-top: 1em; border-bottom: 1px solid #eaeaea; width:90%; margin:0px auto}
.progBox .tab ul { display: flex; justify-content: center; align-items: center;}
 .progBox .tab ul li { padding: 1em 1.3em; cursor: pointer;}
 .progBox .tab ul li.cur {font-weight: bold; color: #32AC57;
 background: url(../images/arrow_8.png) center bottom no-repeat;
 background-size:1.5em auto ;}
.progBox .conPZ { width:90%; margin:0 auto 0; text-align: left; padding:2.6em 0;}
.progBox .conP { display: none; min-height: 374px;}
.progBox .conP:first-child { display: block;}
.progBox .conP .titd { margin-top: 1.4em; text-align: center; color: #db7141;}
.progBox .conP img { max-width: 100%; height: auto;}


.downList {
	width: 100%;
	margin: auto;
	overflow:hidden
}
.downList li {
	width: 31.8%; margin-right:2%;
	float: left;
	text-align: center;
	position: relative;
	border:1px solid #32AC57;
	border-radius:10px; padding:5% 0;
	
}


.downList  li:nth-child(3){ margin-right:0;}


.downList .ewm {
	width: 100%;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
 transition-duration: .5s;
	opacity: 0;
	filter: alpha(opacity=0);
 -webkit-transition-duration: .5s;;
	text-align: center;
	height: auto;
	position: absolute;
	top: 110%;
	z-index: 100;
}
.downList .ewm img {
	border: 1px solid #CCCCCC;
}
.downList .ewm.active {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.downList .imgs {

	position: relative;
}

.downList .imgs img{ border-radius:10px; width:175px; height:175px;}



.downList .tit {
	height: 50px;
	margin-top: 10px; font-size:22px;
}
.downList .hideText {
	background: #FFFFFF;
	width: 90%;
	padding: 5%;
	height: 90%;
	font-size: 12px;
	color: #3E3E3E;
	position: absolute;
	top: 0;
	left: 0px;
	text-align: left;
	display: none;
}
.downList .text {
	border: 1px solid #32AC57;
	color: #32AC57;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition-duration: 0.3s;
	padding: 0 20px;
	display: inline-block;
	cursor: pointer;
	margin-top: 10px; border-radius:30px;; background-color:#c6efd2; font-size:14px
}
.downList .text:hover {
	background: #32AC57;
	color: #FFF;
}
.downList .hideText {
	text-align: center;
}
.tit38 {
	text-indent: 0px;
}


#video{width:100%;margin:10px auto; height:600px; text-align:center}

 #all2map {
	width: 100%;
	height: 546px;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 14px;
}
#all2map b {
	color: #CC5522;
	font-size: 14px;
}
#all2map img {
	max-width: none;
}

 @media only screen and (max-width:828px) {
 .downList li {
 width: 98%;
 margin: 0 1% 30px;
 float: left;
 text-align: center;
 position: relative;
border:1px solid #32AC57;
border-radius:10px; padding:15% 0;

}

.downList .tit {
    height: 50px;
    margin-top: 10px;
    font-size: 18px;
}

#video{width:100%;margin:10px auto; height:250px; text-align:center}

video{ width:100%;}

 #all2map {
	width: 100%;
	height:300px;

}

}