@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
:root {
    --primary-color: #8a2be2;
    --primary-dark: #6a1b9a;
    --secondary-color: #f8f9fa;
    --accent-color: #ff8c00;
    --text-color: #333;
    --light-text: #666;
    --white: #ffffff;
    --dark: #222;
    --gray: #e0e0e0;
    --container-width: 1200px;
    --transition: all 0.3s ease;
	
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    background-color: var(--white);
}

a {
    text-decoration: none;
    color: #222222;
    transition: var(--transition);
}

a:hover {
    color: #ea4665;
}

img {
    max-width: 100%;
    height: auto;
	 display: block;
	
}

ul,li {
    list-style: none;
}
.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.corners{
	border-radius:12px;
	overflow:hidden;
	}


.index_con{
	max-width: 1200px;
	margin:0 auto;
	padding:50px 0 54px 0;
	}
.index_title{
	position:relative;
	width:572px;
	height:60px;
	text-align:center;
	margin:0 auto
	}
.index_title::before{content:'';position:absolute;left:240px;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.index_title .tit {
    font-size: 42px;
    line-height: 60px;
	color:#222;
	font-weight:bold;
  }
  
  
  

	
@media (max-width: 480px) {
	
.index_con {
	width:auto;
  padding: 30px 0 0px 0;
}

.index_title{
	position:relative;
	width:260px;
	height:36px;
	text-align:center;
	margin:0 auto
	}
.index_title::before{content:'';position:absolute;left:80px;bottom:-16px;width:97px;height:4px;background-color:#ea4665}
.index_title .tit {
    font-size: 30px;
	font-weight:bold;
    line-height: 36px;
	color:#222;
  }
  
.btn {
    display: inline-block;
    padding: 12px 54px;
    background-color: #ea4665;
    color: var(--white);
    border: none;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
	font-size:14px;
}

.btn:hover {
	font-size:14px;
    background-color: var(--primary-dark);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}	
	}
	
.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 15px;
}

.btn {
    display: inline-block;
    padding: 12px 54px;
    background-color: #ea4665;
    color: var(--white);
    border: none;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
}

.btn:hover {
    background-color: var(--primary-dark);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-outline {
    background-color: transparent;
    border: 1px solid #ea4665;
    color: #ea4665;
}

.btn-outline:hover {
    background-color: #ea4665;
    color: var(--white);
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.section-header h2 {
    font-size: 2rem;
    color: var(--dark);
    margin-bottom: 10px;
}

.section-header p {
    color: var(--light-text);
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-family: "����";
}

.more-link {
    color: #ea4665;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.more-link:hover {
    color: var(--primary-dark);
}

/* ���������� 332c2b*/
.top-bar {
    /*background-color: f92461#;*/
	background:#653f94;
    color: var(--white);
    padding: 4px 0;
    font-size: 0.9rem;
}

.top-bar .container {
    display: flex;
    justify-content: flex-end;
}

.top-links a {
    color: #666666;
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.top-links a:first-child {
    margin-left: 0;
}

.top-links a:hover {
    color: #ea4665;
}

/* 网站头部 */
.main-header {
    background-color: var(--white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0px;
    z-index: 998;
	border-top:4px #653f94 solid;
}

.main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 8px 0;
    position: relative;
}

.logo{
	 height: 66px;
	 overflow:hidden;
	}
.logo img {
    height: 66px;
    width: auto;
}
@media (max-width: 480px) {
	
.main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0 8px 0;
    position: relative;
}

.logo{
	 height: 50px;
	 overflow:hidden;
	}
.logo img {
    height: 50px;
    width: auto;
}
	}

.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 1001;
}

.menu-icon {
    display: block;
    width: 25px;
    height: 2px;
    background-color: var(--dark);
    position: relative;
    transition: var(--transition);
}

.menu-icon::before,
.menu-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--dark);
    left: 0;
    transition: var(--transition);
}

.menu-icon::before {
    top: -8px;
}

.menu-icon::after {
    bottom: -8px;
}

.main-nav ul {
    display: flex;
    gap: 40px;
}

.main-nav a {
    color: #222;
	font-size:18px;
    font-weight: 500;
    padding: 8px 0;
    position: relative;
}

.main-nav a:hover,
.main-nav a.active {
    color: #ea4665;
}

.main-nav a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ea4665;
}

.search-box {
    display: flex;
    align-items: center;
    margin-left: 20px;
	height:42px;
	line-height:42px;
	background:#eeeeee;
	border-radius:42px;
	overflow: hidden;
}

.search-box input {
	width:200px;
	text-indent:20px;
	height:42px;
	line-height:42px;
	background:none;
	border:none;
	outline:none;
}

.search-box button {
    background-color: #ea4665;
    color: var(--white);
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: var(--transition);
	width:60px;
	line-height:42px;
}

.search-box button:hover {
    background-color: #f1657e;
}



/*内页banner+导航条样式*/

.sub-banner{ position: relative; overflow: hidden;}

.sub-banner img{ display: block; width: 100%;}
/* .sub-banner::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.1; position: absolute; top: 0; left: 0;} */
.sub-banner::after{ content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(to right, rgba(000,000,000,0.3), transparent); background: linear-gradient(to right, rgba(000,000,000,0.3), transparent); position: absolute; top: 0; left: 0;}
.sub-banner .banner-inner{ width: 100%; position: absolute; bottom: 25%; left: 0; z-index: 5; color: #fff; line-height: 1;}
.sub-banner .banner-inner .title-box .type-title{ font-size: 28px;}
.sub-banner .banner-inner .title-box .cn{ font-size: 48px; font-weight: bold; margin-top: 15px;}
.sub-banner .banner-inner .title-box .en{ margin-top: 15px;}
.sub-banner .banner-inner .title-box .en .icon{ display: inline-block; vertical-align: middle; height: 16px; display: none;}
.sub-banner .banner-inner .title-box .en .icon img{ display: block; width: auto; height: 100%;}
.sub-banner .banner-inner .title-box .en .title{ display: inline-block; vertical-align: middle; font-size: 28px; font-weight: bold; color: #b1ccee; /* margin-left: 20px; */}
.sub-banner::after {
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(to right, rgba(000, 000, 000, 0.3), transparent);
    background: linear-gradient(to right, rgba(000, 000, 000, 0.3), transparent);
    position: absolute;
    top: 0;
    left: 0;
}
.edit-container {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media screen and (max-width: 480px) {
.edit-container {
    width: 100%;
}
.sub-banner .banner-inner .title-box .type-title{ font-size: 14px;}
.sub-banner .banner-inner .title-box .cn{ font-size: 24px; font-weight: bold; margin-top: 15px;}
.sub-banner .banner-inner .title-box .en{ margin-top: 5px;}
.sub-banner .banner-inner .title-box .en .title{ display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #b1ccee; /* margin-left: 20px; */}

}

/*水秀演艺页面-精品剧目*/

.c-holiday-pandect {
    margin-bottom: 30px;
    opacity: 0
}

.c-holiday-pandect .c-big-title {
    marign-bottom: 30px
}

.c-holiday-pandect .container {
    position: relative;
	margin-top:50px;
}

.c-holiday-pandect img.embellish {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-holiday-pandect img.embellish.left {
    left: -406px
}

.c-holiday-pandect img.embellish.right {
    right: -406px
}

.c-holiday-pandect ul {
    margin-left: -5px;
    margin-right: -5px
}

.c-holiday-pandect ul li {
	width:calc(33.33% - 0px);
    padding: 0 10px;
    margin-bottom: 20px;
	float:left
}

.c-holiday-pandect ul .oImg {
    overflow: hidden;
    transform: rotate(0deg)
}

.c-holiday-pandect ul .oImg img {
    width: 100%;
    transition: all .5s;
	height:260px;
}

.c-holiday-pandect ul .cont {
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    transform: rotate(0deg)
}

.c-holiday-pandect ul .cont:hover .oImg img {
    transform: scale(1.1)
}

.c-holiday-pandect ul .text {
    position: relative;
    padding: 0 15px 30px;
    text-align: center
}

.c-holiday-pandect ul .iconfont {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    margin: -28px auto 0;
    border-radius: 50%;
    font-size: 30px;
    color: #fff
}

.c-holiday-pandect ul .iconfont:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.c-holiday-pandect ul .h4 {
    text-align: center;
    margin-top: 25px;
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.c-holiday-pandect ul .btn-wrap {
    margin-top: 20px
}

@media screen and (max-width: 480px) {
.c-holiday-pandect {
	margin-bottom:30px
}

.c-holiday-pandect .container {
	padding: 0 10px;
	margin-top: 40px;
	margin-bottom:30px;
}

.c-holiday-pandect .container ul li {
	margin-bottom: 10px
}

.c-holiday-pandect .container ul .btn-wrap {
	margin-top: 10px
}

.c-holiday-pandect .container ul .iconfont {
	width: 38px;
	height: 38px;
	font-size: 20px;
	margin-top: -19px
}

.c-holiday-pandect .container ul .btn {
	display: block;
	min-width: auto;
	width: 80%;
	margin: 0 auto
}

.c-holiday-pandect .container ul .h4 {
	margin-top: 15px
}

.c-holiday-pandect .container ul .text {
	padding: 0 10px 20px
}
.c-holiday-pandect ul li {
width:calc(100% - 0px);
padding: 0 10px;
margin-bottom: 20px;
float:left
}

}

.c-holiday-pandect.skin-global ul .iconfont,.c-holiday-pandect.skin-gz ul .iconfont {
    background: #ea4665
}

.c-holiday-pandect.skin-zh ul .iconfont {
    background: #005baa
}

.c-holiday-pandect.skin-group ul .iconfont {
    background: #b44a9c
}

.c-holiday-pandect.skin-member ul .iconfont {
    background: #d39f44
}

.c-holiday-pandect.skin-gz-card ul .iconfont {
    background: #fab516
}

.c-holiday-pandect.skin-zh-card ul .iconfont {
    background: #14b1e7
}

.c-holiday-pandect.skin-gz-park-paradise ul .iconfont {
    background: #fab516
}

.c-holiday-pandect.skin-gz-park-zoo ul .iconfont {
    background: #46897d
}

.c-holiday-pandect.skin-gz-park-water ul .iconfont {
    background: #14b1e7
}

.c-holiday-pandect.skin-gz-park-bird ul .iconfont {
    background: #a6ce39
}

.c-holiday-pandect.skin-gz-hotel-chimelong ul .iconfont {
    background: #9a5625
}

.c-holiday-pandect.skin-gz-hotel-panda ul .iconfont {
    background: #f15b47
}

.c-holiday-pandect.skin-gz-hotel-cl-xj ul .iconfont,.c-holiday-pandect.skin-gz-hotel-pxj ul .iconfont {
    background: #46897d
}

.c-holiday-pandect.skin-gz-acting-circus ul .iconfont {
    background: #ec008c
}

.c-holiday-pandect.skin-zh-park-kingdom ul .iconfont,.c-holiday-pandect.skin-zh-park-science ul .iconfont {
    background: #14b1e7
}

.c-holiday-pandect.skin-zh-hotel-hengqin ul .iconfont {
    background: #d39f44
}

.c-holiday-pandect.skin-zh-hotel-penguin ul .iconfont {
    background: #14b1e7
}

.c-holiday-pandect.skin-zh-hotel-penguin-2 ul .iconfont {
    background: #fab516
}

.c-holiday-pandect.skin-zh-hotel-circus ul .iconfont {
    background: #8a1538
}

.c-holiday-pandect.skin-zh-hotel-yinghai ul .iconfont {
    background: #005baa
}

.c-holiday-pandect.skin-zh-hotel-science ul .iconfont {
    background: #14126f
}

.c-holiday-pandect.skin-zh-acting-circus ul .iconfont {
    background: #005baa
}

.c-holiday-pandect.skin-zh-acting-opera ul .iconfont {
    background: #f15b47
}

.c-holiday-pandect.skin-zoo-plants ul .iconfont {
    background: #46897d
}


/*水秀演艺页面-精品节目*/
.jpjm{
    width: 100%;
    box-sizing: border-box;
    background-color: #f2f3f6;
	padding-top:20px;
	}
.jpjm .ul-newsb1{overflow:hidden;margin:0 10px}
.jpjm .ul-newsb1 li{float:left;width:33.33%}
.jpjm .ul-newsb1 .con{display:block;margin:0 0px 30px 0px}
.jpjm .ul-newsb1 .con:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.jpjm .ul-newsb1 .con:hover .txt{color:#d6aa56}
.jpjm .ul-newsb1 .pic{position:relative;height:0;padding-top:70%;overflow:hidden}
.jpjm .ul-newsb1 .pic img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s;object-fit: cover;}
.jpjm .ul-newsb1 .txt{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#000;background-color:#f2f3f6;line-height:65px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.jpjm .ul-newsb1 .con {
    display: block;
    margin: 0 10px 30px;
}
@media screen and (max-width: 480px) {
.jpjm {
  padding-top: 30px;
}
.jpjm .ul-newsb1 {
	overflow: hidden;
	margin: 20px 10px;
}
.jpjm .ul-newsb1 li{
	float:left;width:100%
	}
}


	
/* ���ڼ��� */
.about-section {
    padding: 80px 0;
}

.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.about-image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.about-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: var(--transition);
}

.about-image:hover img {
    transform: scale(1.02);
}

.about-text h2 {
    font-size: 2rem;
    color: var(--dark);
    margin-bottom: 20px;
}

.about-text p {
    margin-bottom: 15px;
    color: var(--text-color);
    line-height: 1.8;
}

.buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

@media (max-width: 480px) {
.sxdjy{
	margin:0 15px;

	}
.about-section {
		padding: 20px 0;
}
.about-text h2 {
    font-size: 30px;
    color: var(--dark);
    margin-bottom: 10px;
}
.buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}


	
}


/* ˮ������ */
.performance-section {
    padding: 0px 0;
    background-color: var(--secondary-color);
}

.performance-slider {
    position: relative;
    margin: 0 auto;
}

.performance-slider .slider-container {
    height: 844px;
}

.performance-slider .slide-content {
    position: absolute;
    bottom: 40px;
    left: 50%;
    right: 40px;
	height: 140px;
	margin-left:-500px;
	width:1000px;
    text-align: left;
    transform: none;
    max-width: none;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}

.performance-slider .slide-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}


/*水秀演艺页面-精品节目*/
.yysc{
	    width: 100%;
    box-sizing: border-box;
	padding-top:20px;
	padding-bottom:20px;
	}
.c-area-traffic {
    position: relative;
    margin-bottom: 50px
}

.c-area-traffic.skin-zh .thumbnail-list .thumbnail p:before {
    background-color: #f14c69
}

.c-area-traffic.skin-gz .thumbnail-list .thumbnail p:before {
    background-color: #f14c69
}

.c-area-traffic h2 {
    margin-bottom: 30px;
    text-align: center
}

.c-area-traffic .btn-wrap {
    padding-bottom: 30px
}

.c-area-traffic>.container {
    position: relative
}

.c-area-traffic .pendant {
    position: absolute;
    top: -408px;
    right: -290px
}

.c-area-traffic .thumbnail-list {
    position: relative;
    background-color: #fff
}
.c-area-traffic .thumbnail-list ul li {
	width:calc(25% - 20px);
	margin:5px 10px;
	float:left
}

.c-area-traffic .thumbnail-list .thumbnail {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    border-radius: 20px;
    transform: rotate(0deg);
    overflow: hidden
}

.c-area-traffic .thumbnail-list .thumbnail:hover img {
    transform: scale(1.1)
}

.c-area-traffic .thumbnail-list .thumbnail:hover p:before {
    opacity: .7
}

.c-area-traffic .thumbnail-list .thumbnail img {
    transition: all .5s ease;
	width: 100%;
    height: 220px;
}

.c-area-traffic .thumbnail-list .thumbnail p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.c-area-traffic .thumbnail-list .thumbnail p:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    display: block;
    content: "";
    background-color: #005baa
}

.c-area-traffic .thumbnail-list .thumbnail p span {
    position: relative
}

@media screen and (max-width: 480px) {
	.yysc{

	padding-top:30px;
	padding-bottom:30px;
	}
    .c-area-traffic {
        margin-bottom:30px
    }

    .c-area-traffic>.container {
        padding: 0 10px
    }

    .c-area-traffic h2 {
        margin-bottom: 20px
    }

    .c-area-traffic .btn-wrap {
        padding-bottom: 25px
    }

    .c-area-traffic .thumbnail-list {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        background: none
    }

    .c-area-traffic .thumbnail-list>.row {
        margin: 0 -5px
    }

    .c-area-traffic .thumbnail-list>.row>div {
        padding: 0 5px 10px
    }
	
	.btn {
    padding: 10px 20px;
    }
	.c-area-traffic .thumbnail-list ul li {
	width:calc(50% - 20px);
	margin:5px 10px;
	float:left
}
.c-area-traffic .thumbnail-list .thumbnail p {
    font-size:14px;
	padding:10px 0;
}
}


/*水秀国际大剧院页面-核心业务*/
.dajuyuan_jm{
	width:100%;
	background:#653f94;
	padding-top:50px;
	}
.dajuyuan_jm .index_title{
	position:relative;
	width:572px;
	height:60px;
	text-align:center;
	margin:0 auto
	}
.dajuyuan_jm .index_title::before{content:'';position:absolute;left:240px;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.dajuyuan_jm .index_title .tit {
    font-size: 42px;
    line-height: 60px;
	color:#FFFFFF;
	font-weight:bold;
  }
.dajuyuan_jm .swiper {
      width: 100%;
      height: 100%;
    }

.dajuyuan_jm .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: ;
      display: flex;
      justify-content: center;
      align-items: center;
    }
@media screen and (max-width: 480px) {
.dajuyuan_jm {
  width: 100%;
  background: #653f94;
  padding-top: 30px;
  padding-bottom:20px;
}


.dajuyuan_jm .swiper {
  width: 100%;

  height: 100%;

  margin: 20px 0;

}
.dajuyuan_jm .index_title {
  position: relative;
  width: 260px;
  height: 42px;
  text-align: center;
  margin: 0 auto;
}
.dajuyuan_jm .index_title::before{content:'';position:absolute;left:80px;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.dajuyuan_jm .index_title .tit {
    font-size: 30px;
    line-height: 42px;
	color:#FFFFFF;
	font-weight:bold;
  }
}
    @media (max-width: 760px) {
.dajuyuan_jm   .swiper-button-next {
        right: 20px;
        transform: rotate(90deg);
      }

.dajuyuan_jm  .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg);
      }
    }
.dajuyuan_jm .swiper a {
	width:calc(100% - 20px);
    background: #fff;
	margin:0 auto;
}

.dajuyuan_jm .swiper .pic-wrap {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-bottom: 2px
}

.dajuyuan_jm .swiper .pic-wrap .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height:260px;
}

.dajuyuan_jm .swiper picture img {
    width: 100%;
	height: 260px;
    transition: all .5s ease-out
}
.dajuyuan_jm .swiper .content .p {
    text-align: center;
    height: 48px;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	font-size:16px;
	
    overflow: hidden
}


.dajuyuan_jm .swiper .content .c-button {
	width:200px;
	margin: 20px auto 0;
    color: #ea4665;
	border:1px #ea4665 solid !important;
	font-size:16px;
    border: none;
    cursor: pointer;
	border-radius:30px;
	line-height:42px;
}

.dajuyuan_jm .swiper .content .c-button:hover {
    background-color: #ea4665;
	color:#FFFFFF;
}


.dajuyuan_jm .swiper .content .title {
    margin-bottom: 10px;
    font-weight: bolder;
    height: auto;
    max-height: 25px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.dajuyuan_jm .swiper .content .text {
    background: #fff;
    padding: 20px 35px 35px
}


/*水秀国际大剧院-拓展合作*/
.dajuyuan_tzhz{
	width:100%;
	}
.dajuyuan_tzhz .items-box {
    background: #fff;
    overflow: hidden;
	padding:50px 0 0px 0;
}
.dajuyuan_tzhz  .items-box .item-col-img{
	position:relative;
	width:600px;
	float:left
	}
.dajuyuan_tzhz  .items-box  .item-col-img .item-img {
}

.dajuyuan_tzhz .ul-newsb1{overflow:hidden;margin:0 0px}
.dajuyuan_tzhz .ul-newsb1 li{float:left;width:33.33%}
.dajuyuan_tzhz .ul-newsb1 .con{display:block;margin:0 0px 30px 0px}
.dajuyuan_tzhz .ul-newsb1 .con:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.dajuyuan_tzhz .ul-newsb1 .con:hover .txt{color:#ea4665}
.dajuyuan_tzhz .ul-newsb1 .pic{position:relative;height:0;padding-top:70%;overflow:hidden}
.dajuyuan_tzhz .ul-newsb1 .pic img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s;object-fit: cover;}
.dajuyuan_tzhz .ul-newsb1 .txt{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#000;background-color:#f2f3f6;line-height:65px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.dajuyuan_tzhz  .ul-newsb1 .con {
    display: block;
    margin: 0 10px 30px;
}
@media (max-width: 767px) {
.dajuyuan_tzhz{
	width:auto;
	margin: 0 15px;
	}
.dajuyuan_tzhz  .items-box .item-col-img .item-img {
        position:static;
        transform: translateX(0);
        width: 100%;
        height: auto
    }
}


.dajuyuan_tzhz    .items-box  .item-title {
    font-size: 24px;
    border-bottom: 1px solid hsla(0,0%,71.4%,.5);
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.dajuyuan_tzhz    .items-box  .c-button {
    margin-top: 15px
}

.dajuyuan_tzhz   .items-box  .item-col-text {
	width: calc(100% - 0px);
    padding: 0px 0px 35px 0px;
    float: left;
}

.dajuyuan_tzhz   .items-box  .item-col-text  p.text {
	text-indent:2rem;
}
/*水秀街页面-商业介绍*/
.scj_syjs{
	width:100%;
	
	}
.scj_syjs .left{
	width:660px;
	}
.scj_syjs .right{
	width:480px;
	margin-top:10px;
	float:right;
	}
.sxj_ytfb{
	width:100%;
	background:#f3f3f4;
	padding-top:40px;
	
	}
.wqychd{
	width:100%;
	padding:60px 0 30px 0;
	background:#ea4665;
	}

.wqychd .index_title::before{content:'';position:absolute;left:240px;bottom:-20px;width:97px;height:4px;background-color:#FFFFFF}
.wqychd .index_title .tit {
    font-size: 42px;
    line-height: 60px;
	color:#FFFFFF;
	font-weight:bold;
  }
	
.wqychd .swiper {
      width: 100%;
      height: 100%;
    }

.wqychd .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: ;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.wqychd .swiper a {
	width:calc(100% - 20px);
    background: #fff;
	margin:0 auto;
}

.wqychd .swiper .pic-wrap {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-bottom: 2px
}
.wqychd .swiper .pic-wrap img{
    width: 100%;
    transition: all .5s ease-out
}

.wqychd .swiper .pic-wrap .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.wqychd .swiper picture img {
    width: 100%;
    transition: all .5s ease-out
}
.wqychd .swiper .content .p {
    text-align: center;
    height: 48px;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	font-size:16px;
	
    overflow: hidden
}


.wqychd .swiper .content .c-button {
	width:200px;
	margin: 20px auto 0;
    color: #ea4665;
	border:1px #ea4665 solid !important;
	font-size:16px;
    border: none;
    cursor: pointer;
	border-radius:30px;
	line-height:42px;
}

.wqychd .swiper .content .c-button:hover {
    background-color: #ea4665;
	color:#FFFFFF;
}


.wqychd .swiper .content .title {
    margin-bottom: 10px;
    font-weight: bolder;
    height: auto;
    max-height: 25px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wqychd .swiper .content .text {
    background: #fff;
    padding: 20px 35px 35px
}



.wqychd .swiper .content .c-button {
	width:200px;
	margin: 20px auto 0;
    color: #ea4665;
	border:1px #ea4665 solid !important;
	font-size:16px;
    border: none;
    cursor: pointer;
	border-radius:30px;
	line-height:42px;
}

.wqychd .swiper .content .c-button:hover {
    background-color: #ea4665;
	color:#FFFFFF;
}
@media (max-width: 480px) {	
.wqychd .index_title::before{
	content:'';
	position:absolute;
	left:80px;
	bottom:-20px;
	width:97px;
	height:4px;
	background-color:#FFFFFF
	}
}
	
/*水秀街页面-招商合作*/	

.zshz {background:#FFFFFF url(/uploadfiles/img/footer_bottom_02.png) no-repeat center bottom !important; padding-top:30px;}
.page_warp.zshz .box{ width:1200px; margin: 73px auto;}
.page_warp.zshz .title{ box-sizing: border-box; margin-bottom: 40px; height: 68px; line-height: 34px; padding-left: 15px; color: #004889;}
.page_warp.zshz .title span{display: block; font-size:36px ; margin-bottom: 8px;}
.page_warp.zshz .title i{display: block; font-size: 21px;}
.page_warp.zshz .box .theme1{ position: relative;  padding-right: 600px; height:290px;}
.page_warp.zshz .box .theme1_left p{font-size: 16px; line-height: 30px; color: #373737; margin-bottom: 58px; text-indent:2rem;}
.page_warp.zshz .box .theme1_right{position: absolute; right: 0px; top: 0px; width: 560px; height: 329px; overflow: hidden;}
.page_warp.zshz .box .theme1_right img{max-width: 100%;}
.page_warp.zshz .theme1_left_bottom span{display: inline-block; margin-left:38px;}
.page_warp.zshz .theme1_left_bottom span:first-child{ margin-left: 0px;}
.page_warp.zshz .theme1_left_bottom span i{display: block; text-align: center; color: #666666; }

.page_warp.zshz .theme2{border: 1px solid #e5e5e5; background-color: #ffffff; margin-top: 65px; padding: 30px;}
.page_warp.zshz .theme2 ul li{float: left; width: 50%; height: 100px; font-size: 17px; box-sizing: border-box;}
.page_warp.zshz .theme2 ul li .i{display: block;}
.page_warp.zshz .theme2 ul li span{position: relative;}
.page_warp.zshz .theme2 ul li span:last-child{display: block; margin-top: 39px;}
.page_warp.zshz .theme2 ul li span img{position:absolute; left: -50px;}

.page_warp.zshz .theme2 ul li em{ font-style:normal;font-weight: bold;}
.page_warp.zshz .theme2 ul li.icon_li{height: 161px; padding-top: 20px; padding-left: 60px;}
.page_warp.zshz .theme2 ul li.icon_li1{height: 161px;}
.page_warp.zshz .theme2 ul li p {margin-bottom: 19px;}
.page_warp.zshz .theme2 ul li .i { font-style:normal;margin-bottom: 10px;}

@media (max-width: 480px) {
.page_warp.zshz .box{
	width:auto;
	margin:15px 0 15px 15px;
	}
.page_warp.zshz .box .theme1{ position: relative;  padding-right: 15px; height:auto}
.page_warp.zshz .box .theme1_left p{ width:auto; font-size: 16px; line-height: 30px; color: #373737; margin-bottom: 20px; margin-top:30px;}
.page_warp.zshz .box .theme1_right{ position:static; width:auto; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; float:left}
.page_warp.zshz .theme2 {
  margin-right: 15px;
}	
}

/* 网页底部 */
.main-footer {
    background-color: #f3f3f4;
    color: #222222;
    padding: 60px 0 0;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.footer-about {
    grid-column: span 1;
}

.footer-logo {
    height: 50px;
    margin-bottom: 20px;
}

.footer-about p {
    color: #666;

    margin-bottom: 20px;
    line-height: 1.6;
}

.social-links {
    display: flex;
    gap: 15px;
	margin-top:20px;
}

.social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    border-radius: 50%;
    transition: var(--transition);
}
.social-links a:nth-child(1) {
	background:#15be48;
}
.social-links a:nth-child(2) {
	background:#170b1a;
}

.social-links a:nth-child(3) {
	background:#ff4a08;
}

.social-links a:nth-child(4) {
	background:#f2251d;
}


.social-links a:hover {
    transform: translateY(-3px);
}

.footer-links h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #222222;
}

.footer-links ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-links a {
    color: #666;
    transition: var(--transition);
}

.footer-links a:hover {
    color: #222;
    padding-left: 5px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    text-align: center;
    color: #aaa;
    font-size: 0.9rem;
}

.footer-bottom p {
    margin-bottom: 5px;
}

/* ��Ӧʽ��� */
@media (max-width: 1024px) {
    .about-content,
    .theater-content,
    .street-content,
    .news-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}
    
    .footer-about {
        grid-column: span 3;
    }
    
    .performance-slider .slider-container {
        height: 400px;
    }

}

@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block;
    }
	 /* ���������� */
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            background: linear-gradient(135deg, #1a3a8f, #0d2b6b);
            color: white;
            position: relative;
            z-index: 100;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        .logo {
            font-size: 22px;
            font-weight: bold;
            letter-spacing: 1px;
        }
        
        /* �����˵���ť */
        .menu-toggle {
            width: 30px;
            height: 24px;
            position: relative;
            background: transparent;
            border: none;
            cursor: pointer;
            z-index: 101;
        }
        
        .menu-toggle span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            background: white;
            border-radius: 3px;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: .3s ease-in-out;
        }
        
        .menu-toggle span:nth-child(1) {
            top: 0;
        }
        
        .menu-toggle span:nth-child(2),
        .menu-toggle span:nth-child(3) {
            top: 10px;
        }
        
        .menu-toggle span:nth-child(4) {
            top: 20px;
        }
        
        /* �˵���ʱ�Ķ��� */
        .menu-toggle.open span:nth-child(1),
        .menu-toggle.open span:nth-child(4) {
            top: 10px;
            width: 0%;
            left: 50%;
        }
        
        .menu-toggle.open span:nth-child(2) {
            transform: rotate(45deg);
        }
        
        .menu-toggle.open span:nth-child(3) {
            transform: rotate(-45deg);
        }
        
        /* �����˵� */
        .nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        .nav-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .nav-menu {
            position: fixed;
            top: 0;
            right: -320px;
            width: 220px;
            height: 100%;
            background: white;
            z-index: 1000;
            padding: 70px 30px 30px;
            transition: right 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            overflow-y: auto;
        }
        
        .nav-menu.active {
            right: 0;
        }
        
        /* �رհ�ť */
        .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 30px;
            height: 30px;
            background: transparent;
            border: none;
            cursor: pointer;
            z-index: 102;
        }
        
        .close-btn:before, 
        .close-btn:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 2px;
            background: #666;
            transform-origin: center;
        }
        
        .close-btn:before {
            transform: rotate(45deg);
        }
        
        .close-btn:after {
            transform: rotate(-45deg);
        }
        
        .close-btn:hover:before, 
        .close-btn:hover:after {
            background: #1a3a8f;
        }
        
        .nav-menu ul {
            list-style: none;
        }
        
        .nav-menu li {
            margin-bottom: 25px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
        
        .nav-menu a {
            color: #333;
            text-decoration: none;
            font-size: 18px;
            font-weight: 500;
            display: block;
            transition: color 0.3s;
        }
        
        .nav-menu a:hover {
            color: #1a3a8f;
        }
		
    
    .main-nav {
        position: fixed;
        top: 66px;
        left: 0;
        width: 100%;
        background-color: var(--white);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        transform: translateY(-150%);
        transition: transform 0.3s ease;
        z-index: 999;
    }
    
    .main-nav.active {
        transform: translateY(0);
    }
    
    .main-nav ul {
        flex-direction: column;
    }
    
    .main-nav li {
        margin: 0 0 15px 0;
    }
    
    .menu-icon.active {
        background-color: transparent;
    }
    
    .menu-icon.active::before {
        transform: rotate(45deg);
        top: 0;
    }
    
    .menu-icon.active::after {
        transform: rotate(-45deg);
        bottom: 0;
    }
    
    .search-box {
        display: none;
    }
    
    .slider-container {
        height: 400px;
    }
    
    .slide-content h2 {
        font-size: 2rem;
    }
    
    .slide-content p {
        font-size: 1rem;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr 1fr;
    }
    
    .footer-about {
        grid-column: span 2;
    }



    .slider-container {
        height: 300px;
    }
    
    .slide-content h2 {
        font-size: 1.5rem;
    }
    
    .buttons {
        flex-direction: column;
    }
    
    .footer-content {
        /*grid-template-columns: 1fr;*/
    }
    
    .footer-about {
       /* grid-column: span 1;*/
    }
}




/*��ҳҳ��*/

/*关于我们页面-联系我们*/
.lxwm-section{  padding: 0px 0 40px 0;}
.lxwm-section .lxwm_con{ width:100%; position: relative; }
.lxwm-section .pic-box{ float: right; width: 70%; border-radius: 5px; overflow: hidden;}
.lxwm-section .pic-box img{ display: block; width: 100%;}

.lxwm-section .cont-inner{position: absolute; width: 43.75%;  top: 50%; transform:translateY(-50%); left: 0; margin-top:-150px; background:#f1869a}
.lxwm-section .cont-inner-box{ position:absolute; background-color: #ea4665; padding: 15px 40px;}
.lxwm-section .cont-block{ padding: 25px 0 25px 0px; color: #fff; position: relative; border-bottom: 1px solid #f1869a;}
.lxwm-section .cont-block .icon{ width: 34px; position: absolute; top: 34px; left: 15px;}
.lxwm-section .cont-block .icon img{ display: block; width: 100%;}
.lxwm-section .cont-block .title{ font-size: 24px; font-weight: bold; line-height: 50px;}
.lxwm-section .cont-block .cont{ font-size: 18px; line-height: 1.8; margin-top: 5px; /* width: 370px; */}
.lxwm-section .cont-block:last-child{ border-bottom: 0;}


@media (max-width: 480px) {
.lxwm-section{  padding: 20px 0 50px 0;}
.lxwm-section .lxwm_con{ width:100%; padding:100px 15px 30px 15px;}
.lxwm-section .pic-box{ width: 100%; border-radius: 5px; overflow: hidden;}
.lxwm-section .cont-inner{
	 width: 80%;
	position: absolute;
	top: 130px;
	transform: translateY(-50%);
	left: 10%;
	}
.lxwm-section .cont-inner-box{ background-color: #ea4665; padding: 15px 40px;}
.lxwm-section .cont-block{ padding: 10px 0 10px 0px; color: #fff; position: relative; border-bottom: 1px solid #f1869a;}
.lxwm-section .cont-block .title{ font-size: 20px; font-weight: bold; line-height: 1.5;}
.lxwm-section .cont-block .cont{ font-size: 14px; line-height: 1.5; margin-top: 5px; /* width: 370px; */}


.lxwm-section{  padding: 20px 0 20px 0;}
.lxwm-section .lxwm_con{ width:100%; padding:100px 15px 30px 15px;}
.lxwm-section .pic-box{ width: 100%; border-radius: 5px; overflow: hidden;}
.lxwm-section .cont-inner{
	 width: 80%;
	position: absolute;
	top: 170px;
	transform: translateY(-50%);
	left: 10%;
	}
.lxwm-section .cont-inner-box{ width:100%; background-color: #ea4665; padding: 15px 40px;}
.lxwm-section .cont-block{ padding: 10px 0 10px 0px; color: #fff; position: relative; border-bottom: 1px solid #f1869a;}
.lxwm-section .cont-block .title{ font-size: 20px; font-weight: bold; line-height: 1.5;}
.lxwm-section .cont-block .cont{ font-size: 14px; line-height: 1.5; margin-top: 5px; /* width: 370px; */}

	

}




/*��ǰλ��*/
.breadcrumb{ padding: 12px 0; }
.breadcrumb-inner{ background: url(../images/icon/icon-breadcrumb.png) 0 0 no-repeat; background-size: auto 20px; background-position: 0 4px; font-size: 14px; padding-left: 5px; color:#666666}
.breadcrumb-inner a,.breadcrumb-inner a:visited{ color:#666666}
.breadcrumb-inner .separate{ margin: 0 8px;}






/*关于我们页面-杂技集团*/
.about01{margin: auto;box-sizing: border-box;}
.l-text{width: 160px;box-sizing: border-box;font-size: 24px;color: #ea4665;padding-top: 20px;border-top: 3px solid #ea4665;float: left;}
.incont .min{width:100%;box-sizing: border-box; padding:15px;float: right;margin-top: 40px;}
.incont .min h4{font-size: 16px;line-height: 32px;margin-bottom: 30px; font-weight:normal}
.incont .min p{ text-indent:2rem;}
.about01 .min ul{width: caLc(100% + 20px);box-sizing: border-box;}
.about01 .min ul li{width: 100%;box-sizing: border-box;}
.about01 .min ul li .item{width:49%;;background-color: #f2f3f6;padding:26px 20px;box-sizing: border-box;float: left;min-height: 160px; margin-bottom:20px}
.about01 .min ul li .item:nth-child(3){ width:31%; }
.about01 .min ul li .item h3{font-size:16px;color: #a6a6a6;margin-bottom:20px;  line-height: 1em;}
.about01 .min ul li .item .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;min-height: 66px;}
.about01 .min ul li .item .cont p{display: block;width: 90px;}
.about01 .min ul li .item .cont img{display: block;width: 60px;}
.about01 .min ul li .item .cont h4{font-size: 16px;color: #858585;line-height: 26px;float: right;width: calc(100% - 90px);box-sizing: border-box;padding-left: 0;margin-bottom: 0;letter-spacing: 0;}
.about01 .min ul li:nth-of-type(2) .item{ width:100%; margin-bottom:20px;}
.about01 .min ul li:nth-of-type(2) .item:nth-of-type(2){  width:100%; margin-bottom:20px}
.about01 .min ul li .item .cont h4 font{font-size: 18px;display: block; font-weight: bold;}
.about01 .min ul li .item .cont h4 e{ width: 40px;height: 1px;background: #858585;display: inline-block;vertical-align: top;margin: 13px 3px 0;}
.about01 .min ul li:last-child{margin-bottom: 0;}
.about01 .min ul li .item .cont h4 .ywly-xz{margin-top: 0;}

.about01 .min ul li .sjbox{display: none;}


.about02{margin: 0px auto 0px 0;box-sizing: border-box; }  
.about02 .min li{width:32%;float: left;margin-right: 2%;background-color: #f2f3f6;overflow: hidden;min-height: 240px;position: relative;box-sizing: border-box;padding: 20PX;}
.about02 .min li:last-child{margin-right: 0;}
.about02 .min li img{display: block;width: 180px;float:right;position: absolute;right: 0;bottom: -30px;opacity: 0.1;}
.about02 .min li .text p{font-size: 14px;color: #676767;margin-bottom: 15px;}
.about02 .min li .text h3{font-size: 24px;color: #676767;    font-weight: bold;letter-spacing: 1px;}
.about02 .min li:hover .text p,.about02 .min li:hover .text h3,.about02 .min li:hover .text strong{color: #ea4665;}
.about02 .min li .text strong{    display: block;margin: 15px 0 0;font-weight: normal;font-size: 18px;color: #676767;}

.about01 .min ul .li5 .item:nth-child(1){width: 100%; padding-bottom: 52px;} 

.about01 .min ul li:nth-child(2) .item .cont h4{ min-height:104px; }


@media (max-width: 480px) {
.incont .min{
	width:100%;
	box-sizing: border-box; 
	padding:15px;
	float: right;
	margin-top: 20px;
	}
.incont .min h4 {
  margin-bottom: 16px;
}
}
.inwarp #p-pro-01{ height:50px; }

.ul-newsb2{overflow:hidden;margin:0 -10px}
.ul-newsb2 li{float:left;width:33.33%}
.ul-newsb2 .con{display:block;margin:0 10px 30px;}
.ul-newsb2 .con:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ul-newsb2 .con:hover .txt{color:#ea4665}
.ul-newsb2 .pic{position:relative;height:0;padding-top:77.72%;overflow:hidden}
.ul-newsb2 .pic img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s;object-fit: cover;}

.ul-newsb2 .txt{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#000;background-color:#f2f3f6;line-height:65px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-newsb2.sty1{padding-top:65px;}
.ul-newsb2.sty1 li:nth-child(1){width:45%}
.ul-newsb2.sty1 li:nth-child(1) .pic{padding-top:0;height:350px}
.ul-newsb2.sty1 li:nth-child(2){width:55%}
.ul-newsb2.sty1 li:nth-child(2) .pic{padding-top:0;height:350px}

.ul-newsb2.sty_about{padding-top:5px;}
.ul-newsb2.sty_about li:nth-child(1){width:33.33%}
.ul-newsb2.sty_about li:nth-child(1) .pic{padding-top:0;height:250px}
.ul-newsb2.sty_about li:nth-child(2){width:33.33%}
.ul-newsb2.sty_about li:nth-child(2) .pic{padding-top:0;height:250px}
.ul-newsb2.sty_about li:nth-child(3){width:33.33%}
.ul-newsb2.sty_about li:nth-child(3) .pic{padding-top:0;height:250px}




 

/*关于我们页面-发展历程*/
#fazhanlicheng{ height:40px;}
.about3warp{width: 100%;box-sizing: border-box;background-color: #f2f3f6;padding: 60px 0 70px 0;}
.about3warp .index_con {
    padding: 20px 0 50px 0;
}
.mbx a:hover{    color: #ea4665;}
.sjdevelopment{display: none;}

/* timeline */

.p-about-time2 #timeline{width:100%;overflow:hidden;position:relative;border-radius: 12px; overflow:hidden }
.p-about-time2 #next, .p-about-time2 #prev{  z-index: 3;   color: #ddd;font-size: 30px;background: none;width: 200px;height:150px; text-indent: inherit;left: auto;right: 0;text-align: center;}
.p-about-time2 #prev {background-image: linear-gradient(to top,rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.8) 40%, rgba(51, 51, 51, 1) 100%);}
.p-about-time2 #prev:before{ position: absolute;top: 30px;line-height: 30px;width: 30px;height: 30px;left: 50%;margin: 0 0 0 -15px;text-align: center;}
.p-about-time2 #next{ background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.8) 40%, rgba(51, 51, 51, 1) 100%);}
.p-about-time2 #next:before{ position: absolute;bottom: 34px;line-height: 30px;width: 30px;height: 30px;left: 50%;margin: 0 0 0 -15px;text-align: center;}
.p-about-time2 #next:hover, .p-about-time2 #prev:hover{ color:#ea4665; }

.p-about-time2 #dates{z-index: 2; width: 200px;position: absolute;right: 0; }
.p-about-time2 #timeline .bg-r{position: absolute;z-index: 1;width: 200px;height: 100%;top: 0;right: 0;background: rgba(51, 51, 51, 0.6);}
.p-about-time2 #dates li{ height: auto; line-height: 1em;width: 100%;padding: 0;}
.p-about-time2 #dates li a{line-height: 80px;text-align: center;display: block;padding: 0;border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size: 18px; letter-spacing: 0;color: #ccc; overflow: hidden; position: relative;}
.p-about-time2 #dates li a:hover{color:#ea4665;border-bottom: 1px solid #ea4665;}
.p-about-time2 #dates li a span{  transition: all .6s;  background: #ea4665;position: absolute;width: 100%;height: 1px;left: -100%;bottom: 0;}
.p-about-time2 #dates li a:hover span,.p-about-time2 #dates li .selected span{ left:0;  transition: all .6s; }

.p-about-time2 #dates li .selected{ color: #ea4665;font-size: 18px;border-bottom: 1px solid #ea4665;}
.p-about-time2 #issues{    width: 100%;}
.p-about-time2 #issues li{ width: 100%; position: relative; overflow: hidden;}

.p-about-time2 #timeline,.p-about-time2 #issues li,#issues{ height:580px; }
.p-about-time2 #issues .t1988{}

.p-about-time2 #issues li .p-t-center{ position: absolute;width: 100%;height: 100%;background-size: cover;}
.p-about-time2 #issues li .p-t-center .bg{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.4;z-index: 1;}
.p-about-time2 #issues li .p-t-center .txt{overflow: hidden; position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;left: 10%;width: calc(80% - 200px);z-index: 9;}
.p-about-time2 #issues li .p-t-center .txt h4{ margin:30px 0;display: block;overflow: hidden; position: relative; left: 0; /*transition: .2s ease .5s; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);*/}
.p-about-time2 #issues li .p-t-center .txt h4 span{ display: block;width: 120px;float: left;color: #ea4665;font-size: 24px;font-weight: bold;letter-spacing: 0;}
.p-about-time2 #issues li .p-t-center .txt h4 font{ width: calc(100% - 120px);float: right;color: #fff;font-size: 18px;letter-spacing: 1px;line-height: 26px;}
.p-about-time2 #issues .t2018 .p-t-center .txt h4{ margin: 20px 0;}

@media (max-width: 480px) {
#fazhanlicheng{ height:20px;}
.about3warp{width: 100%;box-sizing: border-box;background-color: #f2f3f6;padding: 40px 0 40px 0;}
.about3warp .min{
	margin-top: 0px;
	}
.p-about-time2 #timeline,.p-about-time2 #issues li,#issues{ height:200px; }
.p-about-time2 #next, .p-about-time2 #prev{ width: 80px;}
.p-about-time2 #dates{ width: 80px; }
.p-about-time2 #timeline .bg-r{width: 80px;}
.p-about-time2 #dates li a{line-height: 60px;}	
.p-about-time2 #issues li .p-t-center .txt h4 font {
  width: calc(100% - 0px);
  float: right;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 22px;
}
}


/*关于我们页面-资质荣誉*/
.honor-list{ 
float:left;
width:100%;
padding:15px;
margin-top: 40px;
}

.scrolling-container {
         width: 100%;
            overflow: hidden;
            position: relative;   
        }
.scrolling-content {
            
        }
@keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }        
.honor-list ul{
	display: inline-block;
  animation: scroll 20s linear infinite;
  height: 260px;
  overflow: hidden;
	}
.honor-list li.line{ width:100%; height:30px; border-top:solid 1px #e8e8e8; clear:both; padding-bottom20px; margin-top:20px;}
.honor-list li{ display: inline-block;
            margin-right: 15px;
            width: 300px;
            height: 260px;
            text-align: center;
            line-height: 100px; }
.honor-list li .news-img{
	 width:100%; height:200px;margin:0px 0px 0px 0px;
	 float:left
	   }
.honor-list li .news-img img{width:100%; height:200px; }
.honor-list li .title{
	width:100%;
	padding:5px 10px; 
	line-height:28px; 
	font-size:16px;
	float:left
	}
.honor-list li .title a{
	width:100%;
	color:#333333;
	 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; 
  float:left
	}
.honor-list li .title a:hover{ text-decoration:none; color:#0083e3;}


@media (max-width: 480px) {
.honor-list{ 
margin-top: 20px;
}
}    
        









.fy{ display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;width: 100%;}
.fy a{width: 40px;height: 40px;border-radius: 50%;border: 0 solid #DDDDDD; margin: 0 5px;  display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 18px;color: #666; }
.fy .activ,.fy a:hover{background: #ea4665;color: #fff; border: 0 solid #ea4665;  }

.fy .fa{ font-size: 24px; } 

.fy .extend{ color:#adadad; margin: 0; }
.fy span{ width: 40px;height: 40px;border-radius: 50%;border: 0 solid #DDDDDD;margin: 0 5px;font-size: 18px;color: #666;line-height: 30px;text-align: center;}

.fy .fa-angle-left,.fy .fa-angle-right{ width: 40px;height: 40px;display: block;margin: 0;text-align: center;line-height: 40px;border-radius: 50%; }

/*.fy a:nth-child(6){ display: none; }*/
.fy a:nth-last-child(5){ display: none; }

.fy .activ:nth-child(6){ display: flex; }



.ul-newsb2{overflow:hidden;margin:0 -10px}
.ul-newsb2 li{float:left;width:33.33%}
.ul-newsb2 .con{display:block;margin:0 10px 30px;}
.ul-newsb2 .con:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ul-newsb2 .con:hover .txt{color:#ea4665}
.ul-newsb2 .pic{position:relative;height:0;padding-top:77.72%;overflow:hidden}
.ul-newsb2 .pic img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s;object-fit: cover;}

.ul-newsb2 .txt{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#000;background-color:#f2f3f6;line-height:65px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.ul-newsb2.sty1{padding-top:30px;}
.ul-newsb2.sty1 li:nth-child(1){width:45%}
.ul-newsb2.sty1 li:nth-child(1) .pic{padding-top:0;height:350px}
.ul-newsb2.sty1 li:nth-child(2){width:55%}
.ul-newsb2.sty1 li:nth-child(2) .pic{padding-top:0;height:350px}

.ul-newsb2.sty_about{padding-top:5px;}
.ul-newsb2.sty_about li:nth-child(1){width:33.33%}
.ul-newsb2.sty_about li:nth-child(1) .pic{padding-top:0;height:250px}
.ul-newsb2.sty_about li:nth-child(2){width:33.33%}
.ul-newsb2.sty_about li:nth-child(2) .pic{padding-top:0;height:250px}
.ul-newsb2.sty_about li:nth-child(3){width:33.33%}
.ul-newsb2.sty_about li:nth-child(3) .pic{padding-top:0;height:250px}


@media (max-width: 480px) {	
.ul-newsb2 .con{display:block;margin:0 10px 20px;}
.ul-newsb2.sty_about li:nth-child(1){width:100%}
.ul-newsb2.sty_about li:nth-child(1) .pic{padding-top:0;height:230px}
.ul-newsb2.sty_about li:nth-child(2){width:100%}
.ul-newsb2.sty_about li:nth-child(2) .pic{padding-top:0;height:230px}
.ul-newsb2.sty_about li:nth-child(3){width:100%}
.ul-newsb2.sty_about li:nth-child(3) .pic{padding-top:0;height:230px}
}













/*ˮ���ҳ��*/
.scj_syjs{
	width:100%;
	}
.scj_syjs_con{
	width:100%;
	}
.scj_syjs .left{
	width:660px;
	}
.scj_syjs .right{
	width:480px;
	margin-top:10px;
	float:right;
	}	
.list-iconed {
    margin-bottom: 1.5rem;
    padding-left: 0;
    list-style-type: none;
    text-align: left
}
.list-iconed .tit {
  font-size:36px;
  word-spacing: -6px;
}

.list-iconed-item {
    display: flex
}

.list-iconed-item+.list-iconed-item {
    margin-top: 1em
}

.list-iconed-item:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    margin-right: 1em;
    content: "\f105";
    color: #f5ba4b
}

.sxj_ytfb{
	width:100%;
	background:#f3f3f4;
	
	}
	
/*水秀街页面-街区亮点*/

.wqychd{
	width:100%;
	padding:60px 0 30px 0;
	background:#ea4665;
	}

.wqychd .index_title .tit {
    font-size: 30px;
    line-height: 60px;
	color:#FFF;
	font-weight:bold;
  }
	
.wqychd .swiper {
      width: 100%;
      height: 100%;
    }
.wqychd .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: ;
      display: flex;
      justify-content: center;
      align-items: center;
    }

@media (max-width: 480px) {	

.wqychd  .swiper-button-next {
		right: 20px;
		transform: rotate(90deg);
	  }

.wqychd  .swiper-button-prev {
		left: 20px;
		transform: rotate(90deg);
	  }
.scj_syjs_con{
	padding:0 15px;
	
	}
.scj_syjs .left{
	width: auto;
	margin-top:10px;
	float:left
	}
.scj_syjs .right{
	width: auto;
	margin-top:10px;
	}
.list-iconed .tit {
   font-size:30px;
   }

.page_warp.zshz .theme2 ul li {
	float: left;
	width: 100%;
	height: 100px;
	font-size: 17px;
	box-sizing: border-box;
   }	
}
	
	
	
.wqychd{
	width:100%;
	padding:60px 0 30px 0;
	background:#ea4665;
	}
.wqychd p{
	padding-bottom:20px;  
	color:#FFFFFF;
	margin:20px 15px;
}
	
	
.wqychd .swiper {
      width: 100%;
      height: 100%;
    }

.wqychd .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: ;
      display: flex;
      justify-content: center;
      align-items: center;
    }


/*showҳ����ʽ*/
.incont .news-show{}
.incont .news-show h3{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #444;letter-spacing: 1px;}
.incont .news-show dd{ display: block;text-align: center;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 20px;margin: 20px 0;}
.incont .news-show dd h4{      color: #999;  display: inline-block;font-size: 14px;letter-spacing: 0;margin: 0 20px;}
.incont .news-show dt{}
.incont .news-show dt p,.incont .news-show dt span{display: block;text-align: justify;font-size: 16px;letter-spacing: 1px;line-height: 30px;color: #777;text-indent: 2.2em;}
.incont .news-show dt img{ display: block;width: auto;margin: 0 auto;max-width: 100%; height:auto; }
.p-b-no{ padding-top: 90px;}
.incont .news-show dt div{width:auto !important;}
.incont .news-show dt video{ width:auto; height:auto; margin:0 auto;    display: block; }
 

/*新闻资讯页面*/
.news-section {
    padding: 80px 0;
}
.news-content 
}
.news1{margin: auto;margin-bottom:10px;}
.news1 a{ position:relative;display: block;width: 100%;margin-bottom: 20px;}
.news1 a:last-child{margin-bottom: 0;}
.news1 a .imgbox{width: 300px; height:200px; background: url(../images/news_bg.jpg) no-repeat; background-size:100%;overflow: hidden; float:left}
.news1 a .imgbox img{display: block;width: 100%; height:250px;transition: ALL .6S;}
.news1 a:hover .imgbox img{transform: scale(1.1);}
.news1 a .text{ margin-left:300px; padding:30px 30px; min-height:188px; }
.news1 a .text p{width:100%;font-size: 14px;color: #999999;margin-bottom: 6px;}
.news1 a .text h3{width:100%;display: block; overflow: hidden; font-size: 20px;color: var(--dark);margin-bottom: 11px;}
.news1 a .text h4{ width:100%;font-size: 16px;color: #666666;line-height: 28px; letter-spacing: 0; font-weight:normal; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.news1 a:hover .text h3{ color:#ea4665; }
.news1 a .text font{font-size: 16px;color: #666666;}
.news1 a .text font .fa{ display: block;width: 26px;height: 26px;border: 1px solid #808080;    color: #888;border-radius: 50%;text-align: center;line-height: 26px;margin-right: 10px;}
.news1 a:hover .text{background-color: #f2f2f8;}
.news1 a .text:after{content: '';display: block;width: 0%;height: 3px;background-color: #ea4665;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.news1 a:hover .text:after{width: 100%;}

@media (max-width: 480px) {	
.news-content {
	width:100%;
}
.news1{margin: auto;margin-bottom:10px;}
.news1 a{display: block;width: 100%;margin-bottom: 15px;overflow: hidden;}
.news1 a:last-child{margin-bottom: 0;}

.news1 a .imgbox{width: 80px; height:50px; background: url(../images/news_bg.jpg) no-repeat; background-size:100%;overflow: hidden; float:left}
.news1 a .imgbox img{display: block;width: 100%; height:250px;}
.news1 a:hover .imgbox img{transform: scale(1.1);}

.news1 a .text{ margin-left:90px; padding:0px;min-height:60px;}
.news1 a .text p{font-size: 14px;color: #999999;margin-bottom: 2px; text-indent:0;}
.news1 a .text h3{display: block; overflow: hidden; font-size: 16px;color: var(--dark);margin-bottom: 2px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
	}
.news1 a .text h4{
	font-size: 14px;color: #666666;line-height: 20px; letter-spacing: 0; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.news1 a:hover .text h3{ color:#ea4665; }
.news1 a .text font{font-size: 16px;color: #666666;}
.news1 a .text font .fa{ display: block;width: 26px;height: 26px;border: 1px solid #808080;    color: #888;border-radius: 50%;text-align: center;line-height: 26px;margin-right: 10px;}
.news1 a:hover .text{background-color: #f2f2f8;}
.news1 a .text:after{content: '';display: block;width: 0%;height: 3px;background-color: #ea4665;position: absolute;left: 0;bottom: 0;}
.news1 a:hover .text:after{width: 100%;}



}
/*��ҳ��ʽ*/
#numpage SPAN {PADDING: 5px 12px;FONT-WEIGHT: bold;COLOR: #fff;LINE-HEIGHT: 24px;TEXT-DECORATION: none;background-color: #eb3656;border: 1px solid #eb3656;}
#numpage {FONT-SIZE: 14px;MARGIN: 20px 0 0 0;COLOR: #000;PADDING: 0px;TEXT-ALIGN: center;width:100%;}
#numpage i {PADDING: 5px 12px;BACKGROUND: #ffffff;COLOR: #aaa;LINE-HEIGHT: 24px;TEXT-DECORATION: none;border: 1px solid #DDD;font-style:normal;}
#numpage A:link { font-size:0.875rem;PADDING: 5px 12px;BACKGROUND: #ffffff;COLOR: #000000;LINE-HEIGHT: 24px;TEXT-DECORATION: none;border: 1px solid #ccc;}
#numpage A:visited { font-size:0.875rem;PADDING: 5px 12px;BACKGROUND: #ffffff;COLOR: #000000;LINE-HEIGHT: 24px;TEXT-DECORATION: none;border: 1px solid #ccc;}
#numpage A:hover,#numpage A:active { font-size:0.875rem;TEXT-DECORATION: none; color:#fff; background-color: #eb3656;border: 1px solid #eb3656;}


/* 确保轮播项初始隐藏 */
.index_banner .bd ul li,
.index_shuixiuyy .bd ul li {
    display: none;
    position: relative;
}

/* 当前激活的轮播项 */
.index_banner .bd ul li.active,
.index_shuixiuyy .bd ul li.active {
    display: block;
}

/* 指示器样式 */
.index_banner .hd ul li.on {
    background: #fff;
}

/* 动画元素初始隐藏 
.animate__animated {
    visibility: hidden;
}
*/