@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{
	color:#FFF;
	text-align:center;
	margin:0 auto;
	}
.index_title .tit{
	width:100%;
	font-size:42px;
	line-height:66px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	}
.index_title .txt{
	width:100%;
	font-size:18px;
	line-height:36px;
	color:#eee;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	}
.index_title2{
	color:#222;
	text-align:center;
	margin:0px auto 40px auto;
	}
.index_title2 .tit{
	width:100%;
	font-size:42px;
	line-height:60px;
	font-weight:bold;
	text-align:center;
	}
.index_title2 .txt{
	width:100%;
	font-size:18px;
	line-height:36px;
	color:#999;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	}
	
@media (max-width: 480px) {
.index_con {
  padding: 30px 0 0px 0;
}
.index_title{
	margin:0px auto 10px auto;
	}
.index_title .tit{
	font-size:30px;
	line-height:36px;
	}
.index_title .txt{
	font-size:14px;
	line-height:26px;
	}
.index_title2{
	margin:0px auto 10px auto;
	}
.index_title2 .tit{
	font-size:30px;
	line-height:36px;
	}
.index_title2 .txt{
	font-size:14px;
	line-height:26px;
	}
.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;
}



/* ���ֲ�ͼ */


.index_banner{
	position:relative;
	width: 100%;
	background: url('../images/banner1.jpg') center center repeat-x;
	display: inline-block;
}
.index_banner img{
	width: 100%;
}
.index_banner .hd {
    position: absolute;
    right: 50%;
	margin-right:-50px;
    bottom: 26px;
    z-index: 1;
}
.index_banner .hd ul li {
    float: left;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: rgba(250, 250, 250, 0.3);
    border-radius: 10px;
    margin: 0 8px;
	font-size:0.1px;
}
.index_banner .hd ul li.on {
    background: #eb3656;
}
.index_banner .bd {
    position: relative;
    z-index: 0;
}
.banner .bd li {
    position: relative;
    width: 100%;
    height: 400px;
}
.index_banner .bd li a {
    display: block;
    width: 100%;
    height: 100%;
}
.index_banner .bd li a img {
    width: 100%;
    height: 100%;
}

.index_banner .prev,
.index_banner .next{ position:absolute; left:3%; top:50%; margin-top:-40px; display:block; width:90px; height:100px;  filter:alpha(opacity=80);opacity:0.8;   }
.index_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.index_banner .prev:hover,
.index_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_banner .prevStop{ display:none;  }
.index_banner .nextStop{ display:none;  }



.main-slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.slider-container {
    position: relative;
    height: 600px;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.slide.active {
    opacity: 1;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--white);
    width: 100%;
    max-width: 800px;
    padding: 0 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.slide-content h2 {
    font-size: 3rem;
    margin-bottom: 15px;
}

.slide-content p {
    font-size: 1.2rem;
    margin-bottom: 25px;
}

.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 20px;
}

.prev-slide,
.next-slide {
    background: rgba(255, 255, 255, 0.3);
    color: var(--white);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.prev-slide:hover,
.next-slide:hover {
    background: rgba(255, 255, 255, 0.6);
}

.slider-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--white);
    background-color: transparent;
    cursor: pointer;
    transition: var(--transition);
}

.indicator.active {
    background-color: var(--white);
}


/*水秀演艺*/
.index_shuixiuyy{
	width:100%;
	}
.index_shuixiuyy .index_title{
	position:absolute;
	top:50px;
	left:50%; 
	width:260px;
	height:60px;
	color:#222;
	margin-left:-130px;
	text-align:center;
	z-index:997;
	}
.index_shuixiuyy .index_title::before{content:'';position:absolute;left:80px;bottom:-20px;width:100px;height:4px;background-color:#ea4665}
.index_shuixiuyy .index_title .tit {
    font-size: 42px;
    line-height: 60px;
  }
.index_shuixiuyy .more{
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:48px;
	line-height:48px;
	text-align:center;
	border:1px #ffffff solid;
	border-radius:48px;
	z-index:999;
	}
.index_shuixiuyy .more a{
	width:100%;
	color:#ffffff;
	text-align:center;
	
	}
.index_shuixiuyy .hd {
    position: absolute;
    right: 50%;
	margin-right:-30px;
    bottom: 26px;
    z-index: 1;
}
.index_shuixiuyy .hd ul li {
    float: left;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: rgba(250, 250, 250, 0.3);
    border-radius: 10px;
    margin: 0 8px;
	font-size:0.1px;
}
.index_shuixiuyy .hd ul li.on {
    background: #eb3656;
}
.index_shuixiuyy .bd {
    position: relative;
    z-index: 0;
}
.index_shuixiuyy .bd {
    position: relative;
    z-index: 0;
}
.index_shuixiuyy .bd li {
    position: relative;
    width: 100%;
}
.index_shuixiuyy .bd li a {
    display: block;
    width: 100%;
    height: 100%;
}
.index_shuixiuyy .bd li a img {
    width: 100%;
    height: 100%;
}
.index_shuixiuyy .prev,
.index_shuixiuyy .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:60px; height:57px; background:url(../images/icon_arrow2.png) -66px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.index_shuixiuyy .next{ left:auto; right:3%; background-position:8px 5px; }
.index_shuixiuyy .prev:hover,
.index_shuixiuyy .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_shuixiuyy .prevStop{ display:none;  }
.index_shuixiuyy .nextStop{ display:none;  }

@media (max-width: 480px) {
.index_shuixiuyy{
	width:100%;
	padding-top:96px;
	padding-bottom:70px;
	}
.index_shuixiuyy .index_title{
	position:absolute;
	top:20px;
	left:50%; 
	width:126px;
	height:36px;
	color:#222;
	margin-left:-63px;
	z-index:997;
	}
.index_shuixiuyy .index_title::before{content:'';position:absolute;left:30px;bottom:-20px;width:60px;height:4px;background-color:#ea4665}
.index_shuixiuyy .index_title .tit {
    font-size: 30px;
    line-height: 36px;
	color:#222;
  }
.index_shuixiuyy .more{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-75px;
	width:150px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:1px #666666 solid;
	border-radius:48px;
	z-index:999;
	}
.index_shuixiuyy .more a{
	width:100%;
	font-size:14px;
	color:#666666;
	text-align:center;
	
	}
}




/* 首页关于我们板块 */
.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) {
.about-section {
		padding: 20px 0 10px 0;
}
.about-text{
	margin-top:-10px;
	}
.about-text h2 {
    font-size: 30px;
    color: var(--dark);
    margin-bottom: 5px;
}
.buttons {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}


	
}


/* ˮ������ */
.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;
}


/*��Ʒ��Ŀ*/
.jpjm{
	    width: 100%;
    box-sizing: border-box;
    background-color: #f2f3f6;
	padding-top:20px;
	}
/*�������*/
.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: 767px) {
    .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
    }
	
	.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:6px 0;
}
}

/* 首页水秀国际大剧院*/
.theater-section {
    padding: 80px 0;
	background-color: #f1f1f7;
}

.theater-section .index_title{
	position:relative;
	width:572px;
	height:60px;
	text-align:center;
	margin:0 auto
	}
.theater-section .index_title::before{content:'';position:absolute;left:240px;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.theater-section .index_title .tit {
    font-size: 42px;
    line-height: 60px;
	color:#222;
  }
.theater-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
	margin-top:70px;
}

.theater-text .txt1 {
    font-size: 1.8rem;
    color: var(--dark);
    margin-bottom: 20px;
	font-weight:bold;
}
@media (max-width: 480px) {
	
.theater-section .index_title{
	position:relative;
	width:214px;
	height:36px;
	margin:0 auto
	}
.theater-section .index_title::before{content:'';position:absolute;left:64px;bottom:-20px;width:90px;height:4px;background-color:#ea4665}
.theater-section .index_title .tit {
    font-size: 30px;
    line-height: 36px;
	color:#222;
  }
.theater-content {
  margin-top: 50px;
}
  
.theater-section {
	padding: 30px 0 20px 0;
	background-color: #f1f1f7;
}
.theater-text .txt1 {
	font-size: 24px;
	color: var(--dark);
	margin-bottom: 20px;
	font-weight:bold;
}
}

.theater-text h3 span {
    color: #ea4665;
}

.theater-text p {
    margin-bottom: 20px;
    line-height: 1.8;
}

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

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

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

/* ˮ����ʴ��Ժ��Ŀ */
.dajuyuan_jm{
	width:100%;
	background:#653f94;
	}
.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 (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
}


/*d���Ժ��չ����*/
.dajuyuan_tzhz{
	width:100%;
	}
.dajuyuan_tzhz .items-box {
    background: #fff;
    overflow: hidden;
}
.dajuyuan_tzhz  .items-box .item-col-img{
	position:relative;
	width:600px;
	float:left
	}
.dajuyuan_tzhz  .items-box  .item-col-img .item-img {
}
@media (max-width: 767px) {
.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;
}


/*首页水秀街板块*/
.street-section {
    padding: 50px 0 70px 0;
    background-color: #FFFFFF;
}
.street-section .index_title{
	position:relative;
	width:296px;
	height:60px;
	margin:0 auto
	}
.street-section .index_title::before{content:'';position:absolute;left:95px;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.street-section .index_title .tit {
    font-size: 42px;
    line-height: 60px;
	color:#222;
  }
  
.street-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
	margin-top:70px;
}

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

.street-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

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

.street-buttons {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.street-btn:nth-child(1) {
    padding: 30px 20px;
    background-color:#9538d7;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    text-align: center;
	height:144px;
}

.street-btn:nth-child(1):hover {
    background-color: #9f4adb;
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.street-btn:nth-child(2) {
    padding: 30px 20px;
    background-color:#f14c69;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    text-align: center;
	height:144px;
}

.street-btn:nth-child(2):hover {
    background-color: #f0516d;
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.street-btn:nth-child(3) {
    padding: 30px 20px;
    background-color: #f78526;
	color: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    text-align: center;
	height:144px;
}

.street-btn:nth-child(3):hover {
    background-color: #fa923c;
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}


.street-btn:hover h2,
.street-btn:hover p {
    color: var(--white);
}

.street-btn h2 {
    color: #ffffff;
    margin-bottom: 5px;
    transition: var(--transition);
}

.street-btn p {
    color: #ffffff;
    font-size: 0.9rem;
    transition: var(--transition);
}



@media (max-width: 480px) {	

.street-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
	margin-top:40px;
}
.street-section {
    padding: 30px 0 20px 0;
}
.street-section .index_title{
	position:relative;
	width:90px;
	height:36px;
	margin:0 auto
}
.street-section .index_title::before{content:'';position:absolute;left:20px;bottom:-20px;width:50px;height:4px;background-color:#ea4665}
.street-section .index_title .tit {
    font-size: 30px;
    line-height: 36px;
	color:#222;
}
  

.street-buttons {
  margin: -10px 0 10px 0;
}


.street-btn:nth-child(1) {
    padding: 10px 20px;
	height:82px;
}


.street-btn:nth-child(2) {
    padding: 10px 20px;
	height:82px;
}

.street-btn:nth-child(3) {
    padding: 10px 20px;
	height:82px;
}



.street-btn:hover h2,
.street-btn:hover p {
    color: var(--white);
}

.street-btn h2 {
    color: #ffffff;
    margin-bottom: 0px;
    transition: var(--transition);
}

.street-btn p {
    color: #ffffff;
    font-size: 0.75rem;
    transition: var(--transition);
}


}
/* ������Ѷ */
.news-section {
    padding: 80px 0;
}

.news-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.news-featured .news-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    height: 100%;
}

.news-featured .news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.news-featured .news-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.news-featured .news-info {
    padding: 20px;
}

.news-featured .news-info h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: var(--dark);
}

.news-featured .news-info p {
    color: var(--light-text);
    line-height: 1.6;
}

.news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px;
}

.news-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.news-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.news-item h4 {
    padding: 10px;
    font-size: 1rem;
}

.news-item h4 a {
    color: var(--dark);
}

.news-item .date {
    display: block;
    padding: 0 10px 10px;
    color: var(--light-text);
    font-size: 0.8rem;
}

.news-text-list {
    margin-bottom: 20px;
}

.news-text-list li {
    padding: 12px 0;
    border-bottom: 1px solid var(--gray);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-text-list li a {
    color: var(--dark);
    flex: 1;
}

.news-text-list li .date {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-left: 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: 480px) {
.main-footer {
    padding: 30px 0 0;
}
.footer-links h3 {
  margin-bottom: 10px;
}
.footer-links ul {
  gap: 5px;
}
}

/* ��Ӧʽ��� */
@media (max-width: 1024px) {
    .about-content,
    .theater-content,
    .street-content,
    .news-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-content {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .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;*/
    }
}




/*��ҳҳ��*/

.edit-container {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
@media (max-width: 480px) {
	
	.edit-container {
    width: 100%;
}
	}

/*��ҳ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;
}


/*��ǰλ��*/
.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;}



/*��ϵ������ҳ��*/
.lxwm-section{  padding: 70px 0;}
.lxwm-section .lxwm_con{ width:100%; }
.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{ width: 43.75%; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.lxwm-section .cont-inner-box{ background-color: #ea4665; padding: 15px 40px;}
.lxwm-section .cont-block{ padding: 25px 0 25px 90px; 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 20px 0;}
	.lxwm-section .lxwm_con{ width:100%; padding:100px 15px 0px 15px;}
	.lxwm-section .pic-box{ width: 100%; border-radius: 5px; overflow: hidden;}
	.lxwm-section .cont-inner{
		 width: 80%;
		position: absolute;
		top: 100px;
		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; */}
	
	.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; */}
}





/*��������ҳ��*/
/*about*/
/*about*/
.about01{margin: auto;box-sizing: border-box;margin-bottom: 30px;}
.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;}
.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; }

.inwarp #p-pro-01{ height:50px; }



 
/* timeline */
#timeline{width:1070px;height:600px;overflow:hidden;margin:40px auto;position:relative;border-radius: 12px; overflow:hidden}
#dates{width:100px;height:600px;overflow:hidden;float:left;}
#dates li{width:100px;height:100px;line-height:100px;font-size:24px;padding-left:10px;}
#dates a{line-height:38px;padding-bottom:10px;}
#dates .selected{font-size:38px;}
#issues{width:400px;height:600px;overflow:hidden;float:left;}
#issues li{width:400px;height:600px;}
#issues li img{margin:60px 0 0 70px;}
#issues li h1{color:#ffcc00;font-size:48px;text-align:center; }
#issues li p{font-size:14px;margin:10px 20px;font-weight:normal;line-height:22px;color: #444;}
#grad_top,#grad_bottom{width:500px;height:80px;position:absolute;}
#grad_top{top:0;/*background:url('images/grad_top.png') repeat-x;*/}
#grad_bottom{bottom:0;/*background:url('images/grad_bottom.png') repeat-x;*/}
#next,#prev{position:absolute;left:55%;font-size:70px;width:38px;height:22px;background-position:0 -44px;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 0;}
#next{bottom:0;}
#prev{top:0;}
#next.disabled,#prev.disabled{opacity:0.2;	}

.p-about-time2 #timeline{ width: 100%; margin: 0;background: #ddd;}
.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;}




 



.about3warp{width: 100%;box-sizing: border-box;background-color: #f2f3f6;padding: 60px 0 70px 0;}
.about3warp .about3{margin: auto;}
.mbx a:hover{    color: #ea4665;}
.sjdevelopment{display: none;}


/*��˾����*/
/*�����б�*/
.honor-list{ 
float:left;
width:100%;
padding:15px;
}
 .scrolling-container {
         width: 100%;
            overflow: hidden;
            white-space: nowrap;
            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; }
.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: 200px;
            background: #f0f0f0;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 100px; }
.honor-list li .news-img{ width:100%; height:200px;margin:0px 0px 0px 0px;  }
.honor-list li .news-img img{ width:100%; height:200px; }
.honor-list li .title{ padding:5px 10px; line-height:28px; font-size:16px; }
.honor-list li .title a{ color:#333333;}
.honor-list li .title a:hover{ text-decoration:none; color:#0083e3;}


@media (max-width: 480px) {
	.about01 {
	  margin-bottom: 0px;
	}
	.about3warp{padding: 30px 0;}  }    
        

.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; }


.g-titb1{ width:208px;font-size:34px; height:30px;color:#222;position:relative; margin:0 auto}
.g-titb1::before{content:'';position:absolute;left:0;bottom:-20px;width:97px;height:4px;background-color:#ea4665}
.g-titb1.tac{text-align:center}
.g-titb1.tac::before{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}