@charset "utf-8";
/* CSS Document */

/* i_banner */
#i_banner { position: relative; width: 100%; z-index: 1; overflow: hidden; }
#i_banner .pic { width: 100%; height: 600px; overflow: hidden; position: relative; }
#i_banner .pic img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; }
#i_banner .swiper-pagination { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 10; }
#i_banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: rgba(255,255,255,0.5); margin: 0 5px; cursor: pointer; transition: all 0.3s; }
#i_banner .swiper-pagination .swiper-pagination-bullet-active { background: #fff; width: 30px; border-radius: 6px; }

@media only screen and (max-width:828px) { 
#i_banner .pic { height: 300px; }
}
#i_banner .btnNPW { position: absolute; right:0; left: 0;  bottom: 4.8em;
z-index: 1000;height: 2.25em; text-align: right;  width: 100%;}
#i_banner .btnNext,#i_banner .btnPrev { position: relative;
	cursor: pointer; display: inline-block;
	width:2.25em; height: 2.25em; margin:0 0.62em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:rgba(255,255,255,0.4) url(../images/arrow_2.svg) center center no-repeat;
	background-size:contain;
	
} 
#i_banner .btnPrev {
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
#i_banner .btnNext:hover,
#i_banner .btnPrev:hover {
background-color: rgba(255,255,255,1);
}

#i_banner .swiper-button-disabled,
#i_banner .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}


@media only screen and (max-width:828px) { 
#i_banner .pic { position: relative; z-index: 0; }
}


/*简介*/
.inNewBox { padding-bottom: 2.8em;}
.inNewBox .con { display: flex; justify-content: space-between; align-items: flex-start;}

.introBox { padding: 6.8em 0 0; width: 45.6%;}

.introBox   .picb {  overflow: hidden;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.introBox .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 52.9%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.introBox  .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;
}
.introBox  .intro { margin-top: 2em; height:10em; line-height: 2em;
overflow: hidden; text-align: left;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:5;}
 
 
/*企业新闻*/
.newBox { padding: 5.5em 0 0; flex: 1; margin-left: 6.6%;}
.newBox .tit { text-align: left;}
.newBox .tit .name{ font-weight: bold; color: #333;}
.newBox .tit .name .red{ color: #9d0016;}
.newBox .tit .en{ margin-left: 1em;  color: #333; font-weight: normal;}

.newBox  .list li { display: flex; justify-content: space-between; align-items: flex-start;
	transition: all 0.5s;
	-webkit-transition:all 0.5s; margin-top: 1.5em; }

.newBox  .list  .picb { margin-right: 1.5em; width: 18em; overflow: hidden;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.newBox  .list  .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 77%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.newBox  .list  .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;
}

.newBox  .list  li:hover .pic img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}
.newBox  .list li .txtb { flex: 1;  padding-top: 0.3em; text-align: left;}
.newBox  .list li .name {  height: 2.5em; line-height: 1.25em;
overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;}
.newBox  .list li .intro { margin-top: 0.8em;  height: 6em; color: #999;
overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:4;}
 
.newBox  .list li .btnMore { display: inline-block; padding: 0 2.5em; margin-top: 0.5em;
	line-height: 2.7em;  color: #9f0217; border: 1px solid #9f0217; display: inline-block;
	-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
}
.newBox  .list li .btnMore::after { width: 2em; height: 1em; content: ""; display: inline-block;
background: url(../images/arrow_4.jpg) center center no-repeat;
background-size:contain ; margin-left: 0.8em; margin-top: 0.3em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
transform: translate(0,0.1em);
		-ms-transform: translate(0,0.1em);
		-webkit-transform: translate(0,0.1em);}

.newBox  .list li .btnMore:hover::after {
	transform: translate(0.2em,0.1em);
		-ms-transform: translate(0.2em,0.1em);
		-webkit-transform: translate(0.2em,0.1em);
}


.newBox  .listS { margin-top: 3.5em;}
.newBox  .listS li { display: flex; justify-content: space-between; align-items: flex-start;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;  padding: 1.5em 0;
	border-top:1px solid #eaeaea ;
	position: relative; z-index: 0; margin-left: 5.8em;}

.newBox  .listS  .date { position: absolute; left: -5.8em; top: 1.6em; text-align: left;}
.newBox  .listS  .date .dd{ color: #9d0016; font-weight: bold;}
.newBox  .listS  .date .mmyy{}
.newBox  .listS li {  }
.newBox  .listS li .txtb { flex: 1;  padding-top: 0.3em; text-align: left;}
.newBox  .listS li .name {  height: 1.5em; line-height: 1.5em;
overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
.newBox  .listS li .intro { margin-top: 0.8em;  height: 1.5em; color: #999;
overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
 
.newBox  .listS li .btnMore { display: inline-block; padding: 0 2.5em;
	line-height: 2.7em;  color: #9f0217; display: inline-block;
	-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
}
.newBox  .listS li .btnMore::after { width: 2em; height: 1em; content: ""; display: inline-block;
background: url(../images/arrow_3.jpg) center center no-repeat;
background-size:contain ;  margin-top: 0.3em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
transform: translate(0,0.1em);
		-ms-transform: translate(0,0.1em);
		-webkit-transform: translate(0,0.1em);}

.newBox  .listS li .btnMore:hover::after {
	background-image: url(../images/arrow_4.jpg) 
	transform: translate(0.2em,0.1em);
		-ms-transform: translate(0.2em,0.1em);
		-webkit-transform: translate(0.2em,0.1em);
}

@media only screen and (max-width:828px) { 
	.inNewBox .con { display: block;}
	
	.introBox {  width:100%;}
	.newBox {  margin-left: 0;}
}

/*租赁招商*/
.zlczBox { background: url(../images/zlcz_bg.jpg) center top no-repeat;
background-size:auto auto; background-repeat:repeat-x ; padding-bottom: 8.5em;}
.zlczBox .con { display: flex; justify-content: space-between; align-items: stretch;}

.zlBox { padding: 5.5em 0 0; width: 67%; display: flex; flex-direction: column;}
.zlBox .tit { text-align: left;}
.zlBox .tit .name{ font-weight: bold; color: #333;}
.zlBox .tit .name .red{ color: #9d0016;}
.zlBox .tit .name .date { margin-left: 4em;}
.zlBox .tit .name .date .yy { display: inline-block;font-size: 1.8em; font-weight: bold;}
.zlBox .tit .name .date .mm { display: inline-block;margin-left: 0.2em; font-weight: normal;}

.zlBox .tit .name .date .arrowR { margin: 0 0.4em;display: inline-block; width: 0.75em; height: 0.75em;
background: url(../images/arrow_7.jpg) center center no-repeat;
background-size:contain ; cursor: pointer;}
.zlBox .tit .name .date .arrowL { margin: 0 0.4em; display: inline-block;width: 0.75em; height: 0.75em;
background: url(../images/arrow_7.jpg) center center no-repeat;
background-size:contain ;cursor: pointer;
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */}

.zlBox .tit .en{ margin-top: 0.2em; font-weight: bold; color: #eddfdf;}
.zlBox .tit .line { display: block; margin: 1em auto 0 0; height: 2px; width: 2.7em;background-color: #9d0016;}

.zlBox  .list ul { margin-top: 1em; 
display: flex; flex-wrap: wrap; justify-content:space-between;
align-items: stretch;}
.zlBox  .list li { width: 50%;
	transition: all 0.5s;
	-webkit-transition:all 0.5s; margin-top: 1.5em; }
.zlBox  .list li .item { position: relative; z-index: 0; color: #333; margin-right: 1em; padding: 1.5em;
display: flex; justify-content: space-between; align-items: flex-start; 
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
overflow: hidden;
background-color: #fff;text-align: left;}
@media only screen and (max-width:828px) { 
	.zlBox  .list li { width: 100%;}
}
.zlBox  .list  .picb { margin-right: 1.5em; width: 10.3em; overflow: hidden;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.zlBox  .list  .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 100%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.zlBox  .list  .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;
}

.zlBox  .list  li:hover .pic img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}
.zlBox  .list li .txtb { flex: 1;  padding-top: 0.3em;}
.zlBox  .list li .name {  height: 1.5em;
overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
.zlBox  .list li .add { margin-top: 0.6em; height: 1.5em; overflow: hidden; color: #999;}
.zlBox  .list li .tabs{ margin-top: 0.6em; height: 3.8em; overflow: hidden; line-height: 1.8em; color: #FB9A5F;}
.zlBox  .list li .tabs span { margin-top: 0.3em; margin-right: 0.2em; padding: 0 0.7em; border: 1px solid #FB9A5F;
 display: inline-block;}
.zlBox  .list li .size { margin-top: 0.4em; height: 1.5em; overflow: hidden;}
.zlBox  .list li .btnMore { position: absolute; right: 1.4em; bottom: 1.6em;
 width: 2.4em; height: 2.4em;
 background: url(../images/arrow_5.jpg) center center no-repeat;
 background-size:contain;}
 .zlBox  .list li .btnMore:hover { 
  background-image: url(../images/arrow_6.jpg);}
.zlBox .btnW, .czBox .btnW { text-align: left; margin-top: auto; padding-top: 3.5em;}
.zlBox .btnW .btnRed, .czBox .btnW .btnRed { display: inline-block; padding: 0 2.5em;
	line-height: 2.9em; background-color: #9f0217; color: #fff; display: inline-block;
	-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;
}
/*处置招商*/
.czBox { padding: 5.5em 0 0; width: 30.5%; margin-left: 2.5%; min-width: 0; display: flex; flex-direction: column;}
.czBox .tit { text-align: left;}
.czBox .tit .name{ font-weight: bold; color: #333;}
.czBox .tit .name .red{ color: #9d0016;}
.czBox .tit .en{ margin-top: 0.2em; font-weight: bold; color: #eddfdf;}
.czBox .tit .line {display: block; margin: 1em auto 0 0; height: 2px; width: 2.7em; background-color: #9d0016;}
.czBox  .list li { margin-top: 2.4em;}
.czBox  .list  .picb { border: 0.37em solid #2d2f2c;
	overflow: hidden; background-color: #2d2f2c;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.czBox  .list  .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 90%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.czBox  .list  .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}

/*处置招商 swiper 分页器*/
.czBox .cz-swiper { position: relative; width: 100%; overflow: hidden; padding-bottom: 0; }
.czBox .cz-pagination { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; z-index: 10; }
.czBox .cz-pagination .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: rgba(80, 80, 80, 0.5); margin: 0 5px; cursor: pointer; transition: all 0.3s; }
.czBox .cz-pagination .swiper-pagination-bullet-active { background: #dd1010; width: 30px; border-radius: 6px; }

@media only screen and (max-width:828px) { 
	.zlczBox .con { display: block;}
	
	.zlBox {  width:100%; display: block;}
	.czBox {  width: 100%; margin-left: 0; display: block;}
	.zlBox .btnW, .czBox .btnW { text-align: center; margin-top: 0; padding-top: 2em;}
}

.yewuBox { padding: 2.8em 0 0;}
.yewuBox .tit { text-align:  center;}
.yewuBox .tit .name{ font-weight: bold; color: #333;}
.yewuBox .tit .name .red{ color: #9d0016;}
.yewuBox .tit .en{ margin-top: 0.2em; font-weight: bold; color: #eddfdf;}
.yewuBox .tit .line {display: block; margin: 1em auto 0; height: 2px; width: 2.7em; background-color: #9d0016;}

.yewuBox .list { padding: 3.75em 0; color: #333; margin-top: 2.6em; background-color: #f8f8f8;}
.yewuBox .list ul { display: flex; justify-content: space-around;
 align-items: flex-start; flex-wrap: wrap;}
.yewuBox .list li {}
.yewuBox .list li .pic { margin: 0 auto; width: 3.95em; height: 2.9em; margin: 0 auto 0.4em;}
.yewuBox .list li .pic img{ display: block;
width: 3.95em; height: 2.9em;
}
.yewuBox .list li .pic img:nth-child(2) { display: none;}
.yewuBox .list li a { color: #333;}
.yewuBox .list li a:hover .pic img{ display: block;
width: 3.95em; height: 2.9em;
}
.yewuBox .list li a:hover .pic img:nth-child(1) { display: none;}
.yewuBox .list li a:hover {color: #9F0116;}

.yewuPic img { display: block; width: 100%; height: auto;}

