@charset "utf-8";

/* 顶图切换 */
.txt-con{width: 590px;margin-top: 225px;z-index: 2;float: right;position: relative;z-index: 2;}
.txt-con p{color: #FFFFFF;font-size: 18px;line-height: 36px;text-indent: 2em;}
.m-linkname{width: 1380px;position: relative;z-index: 2;height: 85px;}
.m-linkname a{margin-right:35px;}
.m-linkname span{color: #FFFFFF;padding: 10px 10px;display: inline-block;}


.m-imgbd{float: left;margin: 0 1%;width: 23%;}
body {
  width: 100%;
  height: auto !important;
  margin: 0 auto;
}
.g-blk18 {
  display: block;
  height: 18px;
  clear: both;
}
.g-blk19 {
  display: block;
  height: 19px;
  clear: both;
}
.g-blk20 {
  display: block;
  height: 20px;
  clear: both;
}
.g-blk21 {
  display: block;
  height: 21px;
  clear: both;
}

.g-topbg { background: url(../image/gk-bg.jpg) no-repeat top center;}
.g-sliderbd{margin: 0 auto;width: 1470px;overflow: hidden;}
/* 通用标题 */
.m-sq-tnm{height: auto;text-align: center;}
.g-xagk{height: auto;background: url(../image/zibaishan.png) no-repeat 86% -5rem;}
.myvideo{height: 385px;width: 680px;float: left;position: relative;z-index: 3;}
.myvideo::after{position: absolute;content: '';background: linear-gradient(#9abae1 31%,#acc0dd 71%);width: 35px;height: 180px;top: 0;right: -18px;transform: skew(11deg);z-index: -1	;}
.prism-ErrorMessage,.video{z-index: 3;}
.m-xagkbg{position: relative;width: 1470px;margin: 0 auto;}
.m-xagkbg::after{content: '';position: absolute;bottom: 0;left: 0;height: 330px;width: 100%;background: rgba(93,142,213,0.5);z-index: 1;}
.txt-con{width: 590px;margin-top: 225px;z-index: 2;float: right;position: relative;z-index: 2;}
.txt-con p{color: #FFFFFF;font-size: 18px;line-height: 36px;text-indent: 2em;}
/* 城市名片 */





/* CSS Document */
.zj_bodybg{ background: url("") center bottom no-repeat;}
.pt40{ padding-top: 40px;}
.zj_title{ text-align: center;}
.zj_title img{ width:100%}
/*宜业*/
/*宜游*/
.rw_box{ background:  center top no-repeat; padding-top: 80px;}
.yyou_tulist{ height: 410px; margin:48px 0 50px; overflow: hidden;}
.yyou_tulist ul li{ float: left;  padding: 10px; margin-top: 120px; overflow: hidden; width:276px}
.yyou_tulist ul li.num2,.yyou_tulist ul li.num4{ margin-top: 0px;}
.yyou_tulist ul li.num1{ margin-left:0px;}
.yyou_tulist ul li .img_title{ display: none;}
.yyou_tulist ul li img{ width: 100%;  height: 100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.yyou_tulist ul li a:hover img{transform: scale(1.08);-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);}
@media (max-width:1499px) and (min-width:1200px){

/*宜游*/
.yyou_tulist{height: auto;}
.yyou_tulist ul li{width: 220px;}

}
@media (max-width:1199px) and (min-width:992px){

/*宜游*/
.yyou_tulist{height: auto;}
.yyou_tulist ul li{width: 178px;}

}
@media (max-width:991px){

/*宜游*/
.yyou_tulist{height: auto;}
.yyou_tulist ul li{width: 236px;}
.yyou_tulist ul li.num4{ margin-left: 118px;}
.yyou_tulist ul li.num5{ margin-top: 0px; margin-left: 20px;}
}
@media (max-width:767px){
/*宜游*/
.yyou_tulist{  margin:20px 0 0px;}
.yyou_tulist ul li{ padding: 1%; margin-top: 0px; margin-bottom: 20px; width: 31.33%;}
.yyou_tulist ul li.num2,.yyou_tulist ul li.num4{ margin-top: 0px;}
.yyou_tulist ul li.num4{ margin-left:15%;}
}







a {
  display: inline-block;
}
.container {
  width: 1452px;
  padding: 0 35px;
}
.zjxt_title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: 0.5rem;
}
.zjxt_title img {
  width: 227px;
  height: 62px;
}
.xtsq_con {
  display: flex;
  justify-content: space-between;
  height: auto;
}
.xtsq_left {
  width: 32%;
}
.xtsq_left img:nth-child(1) {
  margin-top: 20px;
  margin-bottom: 50px;
}
.xtsq_right {
  width: 64%;
  height: inherit;
}
.xtsq_right video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.csgk p {
  font-size: 20px;
  line-height: 48px;
  color: #231815;
}
.csgk p a {
  color: #0168b7;
}
.csgk .item_box {
  margin-top: 0.7rem;
  position: relative;
  width: 100%;
}
.csgk .item_box .item {
  position: relative;
  float: left;
  width: 20%;
  height: 450px;
  text-align: center;
}
.csgk .item_box .item img {
  transition: all 0.3s;
}
.csgk .item_box .item img:nth-child(1) {
  margin-bottom: 20px;
  width: 255px;
}
.csgk .item_box .item img:nth-child(2) {
  width: 110px;
}
.csgk .item_box .item:nth-child(2) a,
.csgk .item_box .item:nth-child(4) a {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.csgk .item_box .item a:hover img:nth-child(1) {
  transform: scale(1.1);
}
.lyjd {
  margin-bottom: 0.6rem;
}
#zjxtLyjd {
  width: 100%;
}
#zjxtLyjd .swiper-button-prev,
#zjxtLyjd .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 50px;
  box-shadow: 0px 0px 9px 0px rgba(83, 83, 83, 0.34);
}
#zjxtLyjd .swiper-button-prev {
  background: url();
}
#zjxtLyjd .swiper-button-next {
  background: url();
}
#zjxtLyjd .swiper-slide {
  transform: scale(0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
#zjxtLyjd .swiper-slide-active,
#zjxtLyjd .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 999;
  transition: all 0.3s;
}
#zjxtLyjd .swiper-slide-active .img_mask_box,
#zjxtLyjd .swiper-slide-duplicate-active .img_mask_box {
  box-shadow: 0px 0px 9px 0px rgba(83, 83, 83, 0.34);
}
#zjxtLyjd .swiper-slide-prev {
  position: relative;
  left: -9px;
}
#zjxtLyjd .swiper-slide-next {
  position: relative;
  right: -9px;
}
.img_mask_box a {
  width: 573px;
  height: 400px;
  position: relative;
}
.img_mask_box a img {
  width: 100%;
  height: 100%;
}
.img_mask_box a .mask_title {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index:9999; position:absolute; height:50px; color:#FFFFFF; line-height:50px; vertical-align:middle; font-size:20px
}
.img_mask_box a .mask_title h3 {
  position: relative;


  vertical-align:middle
  padding-left: 0.5rem;
  font-size: 16px;
  color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.img_mask_box a .mask_title h3::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
  border-radius: 50%;
}
@media (max-width: 1386px) {
  .container {
    width: 100%;
  }
  .csgk .item_box .item {
    height: 4.5rem;
  }
}
@media (max-width: 992px) {
  .zjxt_title {
    height: 1.8rem;
    line-height: 1.8rem;
  }
  .img_mask_box a {
    width: 100%;
    height: auto;
  }
  .xtsq_con {
    flex-direction: column;
  }
  .xtsq_left,
  .xtsq_right {
    width: 100%;
  }
  .xtsq_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.3rem;
  }
  .xtsq_left img:nth-child(1) {
    margin: 0;
    width: 40%;
  }
  .xtsq_left img:nth-child(2) {
    width: 60%;
  }
}










@media  (max-width: 1469px){
	.g-sliderbd{width: 92%;}
	.m-qxgk{margin: 0;}
	.m-xagkbg,.m-qxgk,.m-linkname{width: 100%;}
	.m-linkname{width: 100%;}
	.m-linkname a{margin-right: 2%;}
}
@media  (max-width: 1359px){
	.myvideo{width: 48%;}
	.txt-con{width: 45%;}
	.xadfz-link a img{width: 180px;}
}
@media  (max-width: 1259px){
	.m-linkname a{margin: 0 1%;}
	.m-linkname span{padding: 5px 0;width: 10.5%;text-align: center;}
	.g-foottop{height: 150px;}
}
@media  (max-width: 1199px){
	.myvideo{height: 280px;}
	.txt-con{margin-top: 130px;width: 49%;}
	.m-linkname span{width: 10%;}
	.xadfz-link a{text-align: center;}
	.xadfz-link a img{width: 75%;float: none !important;text-align: center;}
	.xadfz-link a span{display: block;margin: 0 auto !important;}
	.myvideo::after{height: 79px;right: -8px;}
	.m-qxgk img{width: 100%;height: auto;}
	.swiper-button-prev, .swiper-button-next{top: 35%;}
	.m-picvideo{width: 100%;margin: 0 auto;}
}
@media  (max-width: 991px){
	.swiper-button-prev, .swiper-button-next{top: 30%;width: 25px;}
	.txt-con{margin-top: 81px;}
	.txt-con p{line-height: 32px;}
	.m-linkname span{font-size: 16px;}
	.m-linkname a{margin: 0 0.5%;}
	#picvideo{width: 100%;}
}
@media  (max-width: 767px){
	.container,.g-topbg,.g-2ndbg,.g-top{ }
	.m-linkname span{width: 10.6%;}
	.m-picvideo img{width: 100%;}
}





