@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

b {word-break: break-all;}

html {
	font-size: calc(100vw/19.2);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	min-height: 100%;
	font-family: 'Microsoft YaHei', 'PingFang SC', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial';
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background: #fff;
}

@media (max-width: 1580px) {
	body {
		font-size: 14px;
	}
}

img {
	border: 0;
	vertical-align: top;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

input,
button {
	-webkit-appearance: none;
	border-radius: 0;
}

button {
	cursor: pointer;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

textarea {
	resize: none;
	overflow: auto;
}

input,
button,
textarea,
select {
	border: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: transparent;
}

select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

table {
	border-collapse: collapse;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	zoom: 1;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.container {
	margin: 0 auto;
	width: 1500px;
	padding: 0 ;
}

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis-2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis-4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

@media (max-width: 1580px) {
	.container {
		width: 84%;
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}
}

.bg-color1 {
	background-color: #fff;
}

.ptb100 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (max-width: 767px) {
	.ptb100 {
		padding-top: 0.72rem;
		padding-bottom: 0.72rem;
	}
}

.pt100 {
	padding-top: 1rem;
}

@media (max-width: 767px) {
	.pt100 {
		padding-top: 0.72rem;
	}
}

.pb100 {
	padding-bottom: 1rem;
}

@media (max-width: 767px) {
	.pb100 {
		padding-bottom: 0.72rem;
	}
}

.font18 {
	font-size: 0.18rem;
}

.font20 {
	font-size: 0.2rem;
}

.font22 {
	font-size: 0.22rem;
}

.font24 {
	font-size: 0.24rem;
}

.font26 {
	font-size: 0.26rem;
}

.font28 {
	font-size: 0.28rem;
}

.font30 {
	font-size: 0.3rem;
}
.font36 {
	font-size: 0.36rem;
}

@media (max-width: 1900px) {
	.font18 {
		font-size: 16px;
	}
}

@media (max-width: 1580px) {
	.font18 {
		font-size: 14px;
	}

	.font20,
	.font22 {
		font-size: 16px;
	}

	.font24,
	.font26 {
		font-size: 18px;
	}

	.font28,
	.font30 {
		font-size: 20px;
	}
	
	.font36 {
		font-size: 24px;
	}
	
}

 
#c-placeholder {
	height: 80px;
}

@media (max-width: 991px) {
	#c-placeholder {
		height: 60px;
	}
}
 
#c-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	color: #fff;
	transition: all 0.5s;
}

#c-header.c-head-move {
	top: -100px;
}

#c-header.c-style2 {
	color: #666;
	background: #d899c2;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.c-logo {
	float: left;
	display: block;
	width: 4.84rem;
	height: .5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/logo-lg.png);
	background-size: contain;
}

#c-header >.container {
	padding: 20px 0;
}

 
#c-header.is-active {
	background-color: #da9ec6;
	background-color: rgb(218 158 198 / 90%);
}
 



#c-header.is-active .c-switch i {
	background-color: #9857b0;
}

@media (max-width: 1200px) {
	.c-logo {
		display: block;
		width: 2.6rem;
		height: .5rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url(../images/logo2.png);
	}

	 
}

@media (max-width:1024px) {
   
  .c-logo {
     width: 3.8rem;
   }
}

@media (max-width: 992px) {
	.c-logo {
		display: block;
		margin: 15px 0;
		width:240px;
		height: 40px;
	}
}

#c-header a {
	color: #fff;
	transition: all 0.5s;
}


@media (max-width: 991px) {
	#c-header .container {
		padding: 0 0.5rem;
		width: 100%;
		height: 60px;
	}
}

@media (max-width: 767px) {
	#c-header .container {
		padding: 0 1rem;
	}
}

#c-header .c-right-box {
	float: right;
}

 
#c-header .c-logo .c-img-box {
	display: flex;
	align-items: center;
}

#c-header .c-logo .c-img-box img {
	height: 56px;
}

@media (max-width: 991px) {
	#c-header .c-logo .c-img-box img {
		height: 30px;
	}
}

#c-header .c-logo .c-img-box img:nth-child(2) {
	display: none;
}

#c-header .c-logo span {
	display: inline-block;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
	#c-header .c-logo span {
		display: none;
	}
}

#c-header.c-style2 .c-logo .c-img-box img:nth-child(1) {
	display: none;
}

#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
	display: inline-block;
}

 
#c-header .c-nav {
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	#c-header .c-nav {
		display: none;
	}
}

#c-header .c-nav>li {
	margin-right: .3rem;
}

#c-header .c-nav>li:last-child {
	margin-right: 0;
}

#c-header .c-nav>li> a:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	background: #9857b0;
	transition: 0.5s;
}

@media (max-width: 1260px) {
	#c-header .c-nav>li {
		margin-right: 10px;
	}
}

#c-header .c-nav> li >a {
	padding-top: .15rem;
	padding-bottom: .15rem;
	position: relative;
	display: block;
}

#c-header .c-nav> li >a i {
	margin-left: 8px;
	font-size: 20px;
}

#c-header .c-nav li.on>a::before,
#c-header .c-nav li:hover>a::before {
	width: 100%;
}
 

#c-header.c-style2 .c-nav> li.on>a,
#c-header .c-nav> li:hover>a {
	color: #9857b0;
}

 
#c-header .c-nav2 {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 0;
	line-height: 50px;
	color: #333;
	background: #fff;
	overflow-y: auto;
	transition: all 0.5s;
	text-align: left;
}

#c-header .c-nav2>li:last-child {
	border-bottom: 1px solid #f1f1f1;
}

#c-header .c-nav2 li {
	padding: 0 0.5rem;
	border-top: 1px solid #f1f1f1;
}

@media (max-width: 767px) {
	#c-header .c-nav2 li {
		padding: 0 1rem;
	}
}

#c-header .c-nav2 li .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#c-header .c-nav2 li a {
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#c-header .c-nav2 li a i {
	font-size: 20px;
}

#c-header .c-nav2 li a:hover,
#c-header .c-nav2 li.on>a {
	color: #9857b0;
}

#c-header .c-nav2 li ul {
	display: none;
}

.c-open #c-header .c-nav2 {
	height: calc(100vh - 60px);
	height: -webkit-calc(80vh);
}

 
#c-header .c-switch {
	margin: 25px 0;
	display: none;
	width: 24px;
	height: 20px;
	cursor: pointer;
}

@media (max-width: 991px) {
	#c-header .c-switch {
		display: block;
	}
}

#c-header .c-switch i {
	position: relative;
	display: block;
	height: 2px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#c-header .c-switch i:nth-child(1) {
	top: 0;
}

#c-header .c-switch i:nth-child(3) {
	bottom: 0;
}

#c-header .c-switch i:nth-child(2) {
	margin: 6px 0;
}

#c-header.c-style2 .c-switch i {
	background: #ffffff;
}
.sub-dropdown>a{
	position: relative;
	display: flex;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sub-dropdown>a>.txt ,
.sub-dropdown>a>.icon {
	position: relative;
	display: inline-block;
	flex: 1;
}
.sub-dropdown>a>.icon {
	flex-shrink: 1;
}
 
.sub-dropdown>a>.icon::after{
	font-size: 18px;
	content: "\e685";
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	line-height: 20px;
	margin-top: -10px;
	transform: rotate(180deg);
}
 
.sub-dropdown>a.open>.icon::after{
	transform: rotate(0);
}
body.c-open #c-header .c-switch i:nth-child(2) {
	opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

 
#c-header .c-gn {
	display: flex;
	align-items: center;
}

@media (max-width: 1260px) {
	#c-header .c-gn {
		display: none;
	}
}

#c-header .c-gn form {
	padding: 0 30px;
	position: relative;
	cursor: pointer;
}

@media (max-width: 1900px) {
	#c-header .c-gn form {
		padding: 0 15px;
	}
}

#c-header .c-gn form:hover>i {
	color: #9857b0;
}

#c-header .c-gn form>i {
	transition: 0.5s;
}

#c-header .c-gn form .c-box {
	position: absolute;
	top: 106%;
	right: 0;
	display: none;
	width: 280px;
	height: 50px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

#c-header .c-gn form .c-box input {
	float: left;
	padding: 0 15px;
	width: -webkit-calc(30%);
	width: calc(100% - 70px);
	height: 50px;
}

#c-header .c-gn form .c-box button {
	float: left;
	width: 70px;
	height: 50px;
	font-size: 16px;
	color: #fff;
	background: #9857b0;
	cursor: pointer;
}

#c-header .c-gn .c-phone {
	display: flex;
	align-items: center;
}

#c-header .c-gn .c-phone i {
	margin: 0 10px 0 30px;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	line-height: 28px;
}

@media (max-width: 1900px) {
	#c-header .c-gn .c-phone i {
		margin: 0 5px 0 15px;
	}
}

#c-header .c-gn .c-phone span {
	font-weight: bold;
}

#c-header.c-style2 .c-gn .c-phone i {
	border: 1px solid rgba(222, 47, 9, 0.2);
}

#c-header.c-style2 .c-gn .c-phone {
	color: #9857b0;
}

 
.c-banner1 .swiper-slide {
	overflow: hidden;
}

.c-banner1 .swiper-slide img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.c-banner1 .swiper-slide .c-mb1,
.c-banner1 .swiper-slide .c-mb2 {
	display: none;
}

@media (max-width: 991px) {

	.c-banner1 .swiper-slide .c-mb1,
	.c-banner1 .swiper-slide .c-mb2 {
		display: block;
	}
}

@media (max-width: 991px) {

	.c-banner1 .swiper-slide .c-pc1,
	.c-banner1 .swiper-slide .c-pc2 {
		display: none;
	}
}

.c-banner1 .swiper-slide .c-pc1,
.c-banner1 .swiper-slide .c-mb1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.c-banner1 .swiper-slide .c-pc2,
.c-banner1 .swiper-slide .c-mb2 {
	position: relative;
	z-index: 2;
}

.c-banner1 .swiper-button-next {
	margin-top: -28px;
	width: 30px;
	height: 56px;
	opacity: 0.2;
	transition: 0.5s;
	right: 0.6rem;
	background:  no-repeat center / auto 100%;
}

.c-banner1 .swiper-button-prev {
	margin-top: -28px;
	width: 30px;
	height: 56px;
	opacity: 0.2;
	transition: 0.5s;
	left: 0.6rem;
	background:  no-repeat center / auto 100%;
}

.c-banner1 .swiper-button-next:hover,
.c-banner1 .swiper-button-prev:hover {
	opacity: 1;
}

 
#c-footer {
	background-color: #f5f5f5;
	overflow: hidden;
}


#c-footer .c-top-box {
	background: #f5f5f5;
}

@media (max-width: 767px) {
	#c-footer .c-top-box {
		padding:  0;
		background-color: #aa61bb;
		color: #ffffff;
	}
	#c-footer .c-top-box *{
		color: #ffffff;
	}
	#c-footer .c-bottom-box{
		background-color: #aa61bb!important;
	}
}

#c-footer .c-top-box .container {
	
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#c-footer .c-top-box .container .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.4rem;
}

@media (max-width: 767px) {
        #c-footer .c-top-box .container{
           display: flex;
         }
	#c-footer .c-top-box .container .c-title-box {
		padding: 0.5rem 0;
		border-bottom: 1px solid #666;
	}
}

#c-footer .c-top-box .container .c-title-box .c-title {
	color: #fff;
}

#c-footer .c-top-box .container .c-title-box a {
	color: #fff;
}

#c-footer .c-top-box .container .c-title-box a:hover {
	color: #9857b0;
}

#c-footer .c-top-box .container .c-title-box i {
	display: none;
	transition: 0.5s;
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-title-box i {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-list-box {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-list-box .c-list {
		padding-top: 0.5rem;
		display: none;
	}
}

#c-footer .c-top-box .container .c-list-box .c-list li {
	padding-bottom: 0.1rem;
}

#c-footer .c-top-box .container .c-list-box .c-list li:last-child {
	padding-bottom: 0;
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-list-box .c-list li:last-child {
		padding-bottom: 0.5rem;
	}
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-list-box .c-list li {
		padding-bottom: 0.5rem;
	}
}

#c-footer .c-top-box .container .c-list-box.on .c-title-box i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-list-box.on .c-title-box i {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-text-box {
		padding-top: 0.5rem;
	}
}

#c-footer .c-top-box .container .c-text-box p {
	padding-bottom: 0.1rem;
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-text-box p {
		padding-bottom: 0.5rem;
	}
}

#c-footer .c-top-box .container .c-ico {
	display: flex;
	align-items: center;
}

#c-footer .c-top-box .container .c-ico a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #fff;
	background: #33444f;
	transition: 0.5s;
}

#c-footer .c-top-box .container .c-ico a:hover {
	background: #9857b0;
}

#c-footer .c-top-box .container .c-weixin {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 910;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

#c-footer .c-top-box .container .c-weixin .c-img-box {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 20px;
	width: 200px;
	border-radius: 5px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#c-footer .c-top-box .container .c-weixin .c-img-box img {
	width: 100%;
}

#c-footer .c-top-box .container .c-weixin .c-img-box .c-text {
	padding-top: 10px;
	line-height: 1;
	text-align: center;
	color: #333;
}

@media (max-width: 767px) {
	#c-footer .c-top-box .container .c-text-wrap {
		width: 100%;
		padding-top: 1.5rem;
	}
}

#c-footer .c-bottom-box {
	padding: 0.15rem 0;
	color: #ffffff;
	text-align: center;
	background: #8e50ae;
}
.c-copyright{
	font-size: 15px;
}

.c-copyright p a { color:#fff; }


@media (max-width: 767px) {
	#c-footer .c-bottom-box {
		padding: 1rem 0;
	}
	.c-copyright{
		font-size: 13px;
		padding: 0 10px;
	}
}

#c-footer .c-bottom-box .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#c-footer .c-bottom-box .container a {
	color: #7f7f7f;
}

#c-footer .c-bottom-box .container .c-copyright {
	word-wrap: break-word;
	word-break: break-all;
}

 
#c-top-menu {
	background: #f7f7f7;
	border-bottom: 1px solid #fafafa;
}

#c-top-menu .c-list {
	position: relative;
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	margin-bottom: -1px;
}

#c-top-menu .c-list li {
	flex: none;
	margin-right: 0.4rem;
	line-height: 80px;
	width: 190px;
}

#c-top-menu .c-list li a {
	position: relative;
	display: block;
	color: #666;
	transition: 0.5s;
}

#c-top-menu .c-list li a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	border-bottom: 2px solid #9857b0;
	transition: 0.5s;
}

#c-top-menu .c-list li.on a,
#c-top-menu .c-list li a:hover {
	color: #9857b0;
}

#c-top-menu .c-list li.on a::before,
#c-top-menu .c-list li a:hover::before {
	width: 100%;
}

#c-top-menu.c-click-move .c-list li {
	width: 25%;
	margin: 0;
}

.c-top-box {
	border-top: 1px solid #e4e4e4;
}

.foot-row {
	margin: 0;
}
#c-footer .foot-row {
    display: flex;
}

.foot-row>div {
	border-right: 1px solid #e4e4e4;
	padding: .6rem 0;
}

.foot-row>div:last-child {
	border-right: 0;
}

.info-logo {
	font-size: 0;
	margin-bottom: .2rem;
}
.info-logo .mobile {
	display: none;
}

.foot-row .foot-item {
	font-size: 14px;
	color: #033333;
	line-height: 2;
}

.foot-info .foot-item {
	text-indent: 32px;
}


.share-cell {
	padding: 0 .6rem;
}

.share-cell .share-cell_hd {
	margin-bottom: .4rem;
}

.foot-contact {
	padding-left: .5rem;
}

.foot-tel {
	color: #9857b0;
	margin-bottom: .2rem;
}

.foot-tel p a{
	color: #9857b0;
	 
}
.foot-tel .iconfont {
	font-size: inherit;
}

.share-list {
	text-align: center;
}

.share-list li {
	float: left;
	width: 25%;
}

@media (max-width:767px) {
	.info-logo .pc {
		display: none;
	}
	.info-logo .mobile {
		display: block;
	}
}

 
.c-page {
	padding-top: 50px;
	text-align: center;
	color: #666;
	font-size: 14px;
}
.c-page *{
	display: inline-block;
	vertical-align: middle;
	_zoom:1;
}
.c-page .item,
.c-page .page-btn{
	padding: 0 8px;
	border: 1px solid #dddddd;
	line-height: 24px;
	margin: 0 3px;
}
.page-btn{
	background-color: #f1f1f1;
}
.c-page .num{
	width: 46px;
	border: 1px solid #dddddd;
	line-height: 24px;
	margin:5px 2px;
	text-align: center;
}
.c-page .page-info{
	color: #333;
	line-height: 24px;
	font-size: 12px;
	padding:0 3px;
	margin:5px 0;
}
.c-page .item:hover{
	background-color: #9858b1;
	color: #ffffff;
	border-color: #9858b1;
}

@media (max-width: 767px) {
	.c-page .page-left{
		width: 100%;
	}
	.c-page .item {
		margin: 0;
	}
}



.navbar-nav>li>a {
	font-size: inherit;
}

 
.c-common-title {
	text-align: center;
}

.c-common-title .c-title {
	font-size: 36px;
	line-height: 70px;
	
	background-repeat: no-repeat;
	background-position: left 57% center;
	color: #fff;
	background-size: auto 70px;
}

.c-common-title .c-text {
	padding-top: 0.15rem;
	font-size: 22px;
	line-height: 32px;
	color: #666;
}
.share-link{
	position: relative;
	display: block;
}
.share-link img{
	position: absolute;
	display: block;
	left: 50%;
	width: 120px;
	height: 120px;
	max-width: 120px;
	margin-left: -60px;
	border-radius: 6px;
	background-color: #ffffff;
	padding: 10px;
	bottom: 120%;
	transition: .3s all;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.145);
}
.share-link:hover img,
.active .share-link img{
	visibility: visible;
	opacity: 1;
	bottom: 110%;
}
.share-link .iconfont {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	color: #8449aa;
	border-radius: 40px;
}

.share-link:hover .iconfont {
	background: #8449aa;
	color: #ffffff !important;
}

.share-link p {
	color: #033333;
	font-size: 14px;
	padding-top: .1rem;
}

.foot-info {
	padding-right: .6rem;
}









.in-banner {
	position: relative;
	 
	height: 4.34rem;
	 
	background-position-y: 10%;
    background-position-x: center;
    background-size: cover;
}


.in-banner:before {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/topshow.png) repeat-x;
	width: 100%;
	content: '';
	height: 214px;
}

.c-link-list {
	padding: .4rem 0;
}

.c-link-list li {
	float: left;
	line-height: 40px;
}
.c-link-list li.font18{
	font-weight: bold;
}
.c-link-list .item {
	margin-right: 20px;
}


@media (max-width:1024px) {
    .share-link .iconfont {
         display: inline-block;
         width: 50px;
         height: 50px;
         line-height: 50px;
     }
   .font28, .font30 {
         font-size: 19px;
 }
    #c-header .c-nav>li {
		margin-right: 8px;
	}
}


@media (max-width:992px) {
	.foot-row>div {
		border-right: 0;
		border-bottom: 1px solid #e4e4e4;
		padding: 20px 0;
	}

	.foot-row>div:last-child {
		border-right: 0;
		border-bottom: 0;
	}

	.share-link .iconfont {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #8449aa !important;
	}

	.c-link-list li {
		line-height: 30px;
	}

	.in-banner {
		height: 200px;
	}
    #c-footer .foot-row {
        display: block;
    }
}

 
.sin-main{
	position: relative;
	z-index: 11;
}
.aside {
	position: relative;
	float: left;
	width: 310px;
}
.aside-modal{
	background-color: #d696c2;
	background-repeat: no-repeat;
	background-image: url(../images/sidebg.png);
	background-position: 0 bottom;
	border-radius: 0 0 8px 8px;
}
.aside-hd{
	background: url(../images/topbar.png) no-repeat;
	color: #ffffff;
	width: 340px;
	height: 117px;
	position: absolute;
	top: -117px;
	left: 0;
	padding: 20px 40px;
	border-radius: 8px 8px 0 0 ;
}
.aside-hd .en{
	text-transform: uppercase;
}
.aside-modal{
	padding: 20px 40px 80px 20px;
	color: #ffffff;
}
.aside-modal a{
	color: #ffffff;
}
.sin-wrapper{
	padding-bottom: 100px;
}
.main-col{
	background-color: #ffffff;
	padding: 20px 40px;
	border-radius: 10px;
	overflow: hidden;
	_zoom:1;
	border-top: 6px solid #b978bc;
	margin-top: -6px;
}
.aside-hd .line{
	width: 155px;
	height: 1px;
	background-color: #c185bd;
}
.aside-nav>li>a{
	position: relative;
	font-weight: bold;
	display: block;
	padding: .2rem .2rem;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
	font-size: .175rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.aside-nav>li.active>a::after{
	content: "\e670";
	position: absolute;
	font-weight: normal;
	right: 0;
	top: 50%;
	display: block;
	line-height: 20px;
	margin-top: -10px;
}
.aside-sub-nav{
	padding-top: .1rem;
	display:none;
}
.active .aside-sub-nav{
	display: block;
}
.aside-sub-nav>li>a{
	position: relative;
	display: block;
	padding: .1rem .3rem .1rem .5rem;
	font-size: .16rem;
}
.aside-sub-nav>li>a:before{
	content: "";
	position: absolute;
	left: .3rem;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 40px;
	margin-top: -2px;
	background-color: #ffffff;
}
.aside-sub-nav>li.active>a:before{
	background-color: #ffe972;
}
.aside-sub-nav>li.active>a{
	color: #ffe972;
}
.col-header{
	padding: 16px 0;
	line-height: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d899c2;
}
.col-header .col-tt{
	position: relative;
	font-size: .24rem;
	padding: 0 10px;
	float: left;
}
.bread{
	float: right;
}
.col-header .col-tt:before{
	width: 100%;
	height: 6px;
	content: '';
	background-color: #a161b7;
	border-radius: 56px;
	position: absolute;
	left: 0;
	bottom: -19px;
}
body.open{
	overflow: hidden;
}
.open .sin-wrapper{
	position: relative;
	z-index:1000;
}
.col-list li{
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px dashed #dddddd;
}
.col-list li:hover a{
    color: #8046a9;
}
.col-list li:hover img{
    transform: scale(1.1);
}


.text-list li{
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px dotted #dddddd;
}
.text-list .list-title{
	float: left;
	max-width: 80%;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0;
	padding-left: 15px;
}
.text-list .list-title a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}



.text-list .list-time{
	float: right;
}


.list-pic{
	float: right;
	margin-left: .3rem;
	max-width: 180px;
}
.list-pic img{
	max-height: 128px;
}


.list-title {
	position: relative;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
}
.list-desc{
	color: #888888;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  
}
.list-time{
	color: #888888;
	font-size: 14px;
}
.list-time .iconfont{
	color: #ca9bcd;
	margin-right: 7px;
}
.scale{
	display: block;
	overflow: hidden;
	font-size: 0;
}
.scale img{
	transition: .3s all;
}
.scale:hover img{
	transform: scale(1.1);
}
.list-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 40px;
	margin-top: -3px;
	background-color: #333;
}
.article-head{
	padding: 20px 0;
	border-bottom: 1px solid #ebebec;
	text-align: center;
}
.article-body{
	padding: 20px 0;
	line-height: 1.8;
}
.article-body p{
	margin-bottom: 20px;
       /*text-indent: 2em;*/
}
.article-body a {
    color: #64adf5;
    border-bottom: 1px #6CF dashed;
}

.article-body img {
    margin: 8px auto;
    display: block;
    max-width: 96%;
    height: auto !important;
}


.art-page{
	padding:30px 20px;
	border-top: 1px solid #ebebec;
}
.art-page .art-link{
	max-width: 45%;
}
.art-page .h{
	font-weight: bold;
	color: #5d3b6f;
}
.art-rel{
	padding:30px 20px;
	border-top: 1px solid #ebebec;
}
.art-rel-hd{
	font-weight: bold;
	color: #5d3b6f;
	margin-bottom: 20px;
}
.rel-list li{
	width: 45%;
	margin-bottom: 10px;
}
.rel-list li a{
	position: relative;
	padding-left: 10px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
        padding-right: 10px;
}
.rel-list li a:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 40px;
	margin-top: -2px;
	background-color: #333;
}
.exp-pic-link .pic {
	width: 100%;
	height: 250px;
}
.exp-pic-link .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.article-head h1{
	line-height: 1.6;
	font-weight: bold;
}
.meta span{
	display: inline-block;
	padding: 0 10px;
	color: #666;
}
.aside-close{
	display: none;
}
.row-pic{
	padding-top: 40px;
}
.pic-cell{
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.pic-cell .pic-box{
	width: 100%;
	height: 235px;
	font-size: 0;
	margin-bottom: 20px;
}
.pic-cell .pic-box img{ 
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.row-export{
	padding-top: 20px;
}
.row-export .exp-cell{
	display: block;
	padding: .2rem .3rem;
	border: 1px solid #ebebec;
	color: #333;
	margin-bottom: 30px;
	transition: all 0.5s;
}
.row-export .exp-cell:hover{
	border: 1px solid #b978bc;
	box-shadow: 0 0 20px rgb(185 120 188 / 40%);
}
.exp-cell .exp-desc{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ebebec;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 66px;
}
.exp-col{
	overflow: hidden;
	zoom:1;
	padding: 10px 0;
}
.exp-cell .exp-item{
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}
.exp-pic{
	float: left;
	margin-right: .2rem;
	border-radius: 8px;
}
.exp-pic img{
	width: 124px;
	height: 146px;
	border-radius: 8px;
        object-fit: cover;
}
.exp-col .exp-name{
	margin-bottom: .1rem;
	font-weight: bold;
}

@media (max-width: 1500px) {
	.pic-cell .pic-box{
		height: 180px;
	}
	.exp-pic-link .pic { 
		height: 180px;
	}
}

@media (max-width:1200px) {
	.aside-hd{
		padding: 15px 20px;
		height:80px;
		top:-80px;
		font-family: "iconfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.aside-hd::after{
		content: "\e670";
		position: absolute;
		right: 15px;
		font-size: 24px;
		top: 50%;
		display: block;
		line-height: 20px;
		margin-top: -10px;
	}
	.aside-modal{
		position: fixed;
		transform: translateX(-100%);
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 2811;
		transition: all 0.5s;
		overflow: hidden;
		overflow-y: auto;
	}
	.aside-sub-nav>li>a{
		padding: 10px 15px 10px 30px;
	}
	.aside-sub-nav>li>a:before{
		left: 20px;
	}
	.aside-nav>li>a{
		font-size: 16px;
		padding: 10px 15px;
	}
	.aside-sub-nav>li>a{
		font-size: 14px;
	}
	.main-col{
		margin-top: 20px;
		border-top: 0;
		padding: 0;
	}
	.col-header{
		line-height: 20px;
	}
	.col-header .col-tt{
		font-size: 16px;
	}
	.bread{
		font-size: 12px;
	}
	.list-desc{
		line-height: 1.6;
		font-size: 12px;
	}
	.text-list .list-title{
		width: 100%;
		max-width: 100%;
		margin-bottom: 5px;
	}
	.text-list .list-time{
		float: left;
	}
	.open .sin-wrapper .aside-modal{
		transform: translateX(0);
	}
	.aside-close{
		position: absolute;
		right: 15px;
		top: 15px;
		color: #ffffff;
		display: block;
	}
	.rel-list li{
		width: 100%;
	}
	.art-page .art-link{
		max-width: 100%;
		padding: 10px 0;
	}
	.art-page{
		padding: 20px 10px;
	}
	.art-rel{
		padding: 20px 10px;
	}
	.pic-cell .pic-box{
		height: 200px;
	}
	.exp-pic-link .pic { 
		height: 260px;
	}
}





@media (max-width: 767px) {
	.article-head h1{
		margin-top: 0;
	}
	.sin-wrapper {
		padding-bottom: 20px;
	}
	.article-body {
		font-size: 16px;
	}
	.pic-cell .pic-box{
		height: 160px;
	}
	.exp-pic-link .pic { 
		height: 150px;
	}
}

@media (max-width: 340px) {
	.aside-hd {
		width: 90%;
	}
	.aside {
		width: 100%;
	}
 }

 
.index-banner{
	position: relative;
	height: 100vh;
	min-height: 9.7rem;
}
.index-banner .slick-list,
.index-banner .slick-track{
	height: 100%;
}
.index-banner .li {
	position: relative;
	width: 100%;
	height: 100%;
}
.index-banner .li .img{
	width: 100%;
	height: 100%;
}

.index-banner .swiper-slide{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.index-banner::after{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/topshow.png) repeat-x;
	width: 100%;
	content: '';
	height: 214px;
	z-index: 334;
}

.section{
	padding: 40px 0;
}
.index-header{
	text-align: center;
	margin-bottom: 30px;
}
.sec-head{
	display: inline-block;
	text-align: center;
}
.sec-head .sec-tt{
	display: inline-block;
	position: relative;
	color: #3f304e;
	font-weight: bold;
	line-height: 1;
}
.sec-head .sec-en{
	color: #cebfcc;
	font-size: 12px;
	text-transform: uppercase;
}
.sec-head .sec-line{
	margin: 10px 0;
	background: url(../images/line.png) no-repeat center;
	height: 5px;
}
 
.evn-tabs{
	margin-bottom: .6rem;
}
.evn-tabs li {
	float: left;
	margin-right: 1.4rem;
}
.evn-tabs li a{
	position: relative;
	color: #dcd3de;
	font-size: inherit;
}
.evn-tabs .active a{
	color: #3f304e;
	font-weight: bold;
}

.evn-box{
	text-align: center;
}
.evn-box p{
	margin-top: 15px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ts-cell{
	position: relative;
	display: block;
	height: 1.96rem;
	overflow: hidden;
}
.ts-cell .ts-text{
	position: absolute;
	color: #ffffff;
	text-align: center;
	width: 80%;
	top: 50%;
        left: 50%;
        padding: 0 4%;
	 
    transform: translate(-50%,-50%);
}
.ts-cell:before{
	content: '';
	position: absolute;
	right: 20px;
	left: 20px;
	top: 20px;
	bottom: 20px;
	display: block;
	z-index: 5;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.ts-pic{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: .3s all;
}
.ts-cell:hover .ts-pic{
	transform:scale(1.1);
}

.love-box{
	display: block;
	border: 1px solid #ecf0f3;
}
.love-box .love-pic{
	width: 100%;
    height: 190px;
}
.love-box .love-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
 }
.love-grid{
	padding: 15px;
        height: 110px;
       overflow: hidden;
}
.love-grid .tt{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
       display: block;
       white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}
.love-grid .desc{
	line-height: 1.7;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
   
}
.env-list .evn-pic {
	width: 100%;
	height: 196px;
}
.env-list .evn-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lc-main{
	position: relative;
}
.lc-main .swiper-slide{
	margin: 0 14px;
}
.lc-main .swiper--next,
.lc-main .swiper--prev{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	background-color: #ffffff;
	color: #e2c9e8;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	box-shadow: 0 0 10px #f0e3f3;
	z-index: 545;
	cursor: pointer;
}
.lc-main .swiper--prev{
	left:-50px
}
.lc-main .swiper--next{
	right:-50px
}
.mz-main{
	position: relative;
}
.mz-main .mz-box{
	display: block;
	text-align: center;
	color: #ffffff;
}
.mz-box{
	padding: .4rem 0;
}
.mz-box p{
	margin-top: .2rem;
}
@media (min-width:769px) {
	
	.mz-list li:nth-child(1) .mz-box{
		background-color: rgba(185, 60, 135, 0.8);
	}
	.mz-list li:nth-child(2) .mz-box{
		background-color: rgba(96, 38, 158, 0.8);
	}
	.mz-list li:nth-child(3) .mz-box{
		background-color: rgba(255, 201, 4, 0.8);
	}
	.mz-list li:nth-child(4) .mz-box{
		background-color: rgba(221, 152, 116, 0.8);
	}
	.mz-list li:nth-child(5) .mz-box{
		background-color: rgba(162, 86, 176, 0.8);
	}
	.mz-list li:nth-child(6) .mz-box{
		background-color: rgba(148, 175, 76, 0.8);
	}
	.mz-list li:nth-child(7) .mz-box{
		background-color: rgba(34, 117, 145, 0.8);
	}
}



.proj-cells{
	margin: 0 -40px;
}
.proj-cells li{
	float: left;
	width: 20%;
	padding: 0 40px;
	margin-bottom: 40px;
}
.proj-box{
	position: relative;
	display: block;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/proj-bg.png);
	background-size: cover;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.proj-box img{
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}
.proj-box:hover{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	color: #572b8d;
}
.proj-box:hover img{
	visibility: visible;
	opacity: 1;
}
.proj-box .p-text{
	position: absolute;
	top:.5rem;
	left: 27%;
	z-index: 8;
	width: 50%;
	font-weight: bold;
	text-align: center;
}
.proj-box .btn-more{
	display: inline-block;
	background-color: #fcf4fc;
	border: 1px solid #d9b8e0;
	color: #333;
	position: absolute;
	width: 86px;
	height: 30px;
	line-height: 28px;
	bottom:.3rem;
	left: 50%;
	font-size: 14px;
	border-radius: 6px;
	margin-left: -43px;
	z-index: 8;
	text-align: center;
}

.proj-box .plus-ico{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 28px;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
	z-index: 8;
	text-align: center;
	background: url(../images/plush.png) center no-repeat;
}
.exp-container{
	max-width: 16.90rem;
	margin: 0 auto;
}
.exp-main{
	position: relative;
}
.exp-main .swiper-slide{
	margin: 0 15px;
	height: 420px;
}
.exp-main .swiper-slide .index-exp,
.exp-main .swiper-slide .exp-photo{
	width: 100%;
	height: 100%;
}
.exp-main .swiper-slide .exp-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-exp{
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	border-bottom: 5px solid #9356a1;
}
.exp-photo{
	border-radius: 10px;
}
.index-exp .exp-abs{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
	background-color: rgba(147, 86, 161, 0.8);
	color: #ffffff;
}
.exp-abs .exp-desc{
	font-size: 14px;
	line-height: 1.78;
	text-align: left;
	visibility: hidden;
        height: 90px;
}
.index-exp .exp-in{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: translateY(128px);
}



.index-exp *{
	transition: .3s all;
}
.exp-abs .exp-tt{
	margin-bottom: 10px;
}
.exp-abs .exp-pos{
	margin-bottom: 20px;
}

.exp-main .cc--next,
.exp-main .cc--prev{
	position: absolute;
	top: 50%;
	margin-top: -42px;
	border-radius: 84px;
	width: 84px;
	height: 84px;
	line-height: 84px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 44;
	cursor: pointer;
}
.exp-main .cc--prev{
	left:-42px;
	background-image: url(../images/prev.png);
}
.exp-main .cc--next{
	right:-42px;
	background-image: url(../images/next.png);
}
.section{
	overflow: hidden;
}
.index-exp:hover .exp-in{
	height: 100%;
	background-image: url(../images/ssbg.png) ;
	transform: translateY(0);
}
.index-exp:hover .exp-desc{
	visibility: visible;
}
.index-exp:hover .exp-abs{
	background-color: transparent;
}
@media (max-width:1600px) {
	.row-export >div{
		width: 50%;
	}
}
@media (max-width:1024px) { 

      .mt1 {
          margin-bottom: 10px;
        }

      .env-list .evn-pic {
		height: 180px;
	}
	.mz-main .mz-box .mz-ico {
		width: 46%;
		text-align: center;
		margin: 0 auto;
	}
	.mz-main .mz-box p {
		margin-top: 0;
	}
	.evn-tabs {
		display: none;
	}
	.vxe-content .tab-pane .index-header{
		display: block !important;
	}
}

@media (max-width:820px) {
       .love-box .love-pic{
		height: 190px;
	}
      .media-list-link .date {
            margin-left: 5px;
       }

}

@media (max-width:750px) {
	.row-export .exp-cell{
		padding: 20px;
	}
	.exp-pic{
		margin-right: 20px;
	}
	.row-export >div{
		width: 100%;
	}
	 
	.env-list .evn-pic {
		height: 160px;
	}
	.exp-main .swiper-slide {
		margin: 0 10px;
		height: 220px;
	}
}

@media (max-width:1500px) {
	.index-exp .exp-in{
		transform: translateY(132px);
	}
}
@media (max-width:1400px) {
	.index-exp .exp-in{
		transform: translateY(158px);
	}
}


.about-section{
	padding: 80px 0;
	background: url(../images/first-bg.jpg) center no-repeat;
	background-size: cover;
}
.about-celll .tit{
	margin-bottom: 30px;
	font-weight: bold;
}
.about-desc p{
	line-height: 2;
	margin-bottom: 20px;
}
.data-row{
	padding-top: .5rem;
	text-align: center;
	color: #aa61bb;
}
.data-row >div{
	border-right: 1px solid #aa61bb;
}
.data-row >div:last-child{
	border-right: 0;
}
.about-link{
	padding-top: 20px;
}
.about-link .btn-more{
	display: block;
	width: 128px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #aa61bb;
	color: #aa61bb;
	border-radius: 4px;
}
.about-link .btn-more:hover{
	background-color: #aa61bb;
	color: #ffffff;
}
.about-photo{
	position: relative;
}
.about-photo .pic{
	position: relative;
	z-index: 5;
	font-size: 0;
}
.about-photo .pic img{
	width: 100%;
}
.about-photo:before{
	background-color: #aa61bb;
	position: absolute;
	content: '';
	top: -6px;
	bottom: -6px;
	left: 30px;
	right: 30px;
}
.media-panel{
	max-width: 456px;
	background-color: #ffffff;
}
.media-pic{
	width: 100%;
	height: 220px;
	position: relative;
	overflow: hidden;
	border-radius: 16px 16px 0 0;
}
.media-pic a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
}
.media-pic a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.media-pic a .title{
	font-size: 14px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	color: #ffffff;
	z-index: 3;
	transition: .3s all;
}
.media-pic:hover .title{
	text-indent: 10px;
}


.media-pic:before{
	content: '';
	background: url(../images/sbg.png) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.media-bd{
	padding: 20px 30px;
}
.media-hd{
	height: 30px;
	line-height: 30px;
	margin-bottom:15px
}
.media-hd .media-tt{
	float: left;
	font-weight: bold;
}
.media-hd .more{
	float: right;color: #994eab;
	font-size: 14px;
}
.media-list li{
	padding: 15px 0;
	border-bottom: 1px dotted #e3cae8;
}
.media-list li .media-list-link{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.media-list-link .date{
	display: inline-block;
	padding: 0 8px;
	height:22px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #aa61bb;
	color: #aa61bb;
	border-radius: 3px;
	font-size: 14px;
	margin-right: 10px;
}
.media-list-link:hover .date{
	background-color: #aa61bb;
	color: #ffffff;
}
.progress-list{
	margin-bottom: .8rem;
}
.progress-list li{
	float: left;
	text-align: center;
	margin-bottom:20px;
}
.progress-list .p-box{
	border-radius: 10px;
	border: 1px solid #ffffff;
	width: 142px;
	height: 166px;
	background: url(../images/box.png);
	box-shadow: 4px 0 20px rgba(0, 0, 0, 0.105);
}
.p-box .p-n{
	color: #ffffff;
	margin-bottom: 20px;
	line-height: 30px;
}
.p-box .p-ico{
	margin-bottom: 20px;
}
.progress-list .arrow{
	background: url(../images/smarrow.png) no-repeat center;
	width: 52px;
	height: 166px;
}

.lc-panel{
	border-radius: 16px;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 4px 0 20px rgba(0, 0, 0, 0.045);
}
.lc-panel_bd{
	padding: 50px 30px;
}
.lc-tab{
	background: url(../images/jbar.png) repeat-x;
}
.lc-tab li{
	position: relative;
	float: left;
	width: 20%;
	background: url(../images/lie.png) right center no-repeat;
}
.lc-tab li.active::after{
	content: '';
	background: url(../images/down-x.png) no-repeat;
	width: 22px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	bottom: -9px;
	font-size: 0;
}
.lc-tab li a{
	color: #ffffff;
	line-height: 66px;
	display: block;text-align: center;
	font-size: inherit;
}
.lc-tab li:last-child{
	background: none;
}
.lc-side-tab{
	width: 200px;
	margin: 5px 0;
	float: left;
	margin-right: 50px;
	border-top: 1px solid #ece1f1;
}
.lc-side-tab li{
	border-bottom: 1px solid #ece1f1;
}
.lc-side-tab li a{
	position: relative;
	display: block;
	padding: 15px 30px;
	color: #999999;
	font-weight: bold;
	line-height: 30px;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lc-side-tab .active a{
	color: #923fa5;
}
.lc-side-tab li.active a::after{
	content: "\e670";
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	line-height: 20px;
	margin-top: -10px;
}

.lc-col-pic{
	position: relative;
	border-radius: 10px;
}
.lc-col-pic .pic-l{
	border-radius: 10px;
}
.lc-list{
	padding: 20px 0;
	max-width: 350px;
}
.lc-list li {
	position: relative;
	padding: 10px 0;
	padding-left: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.lc-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 40px;
    margin-top: -2px;
    background-color: #333;
}
@media (max-width:1500px) {
	.lc-col-pic .pic-l img{
		width: 100%;
		height: 165px;
	}
	.lc-col-pic{
		padding: 6px 0;
	}
	.lc-side-tab{
		width: 180px;
		margin-right:30px;
	}
	.lc-list li{
		padding-top: 8px;
		padding-bottom: 6px;
	}
	.lc-col-pic{
		margin-bottom: 10px;
	}
	.lc-side-tab li a{
		padding: 10px;
		line-height: 20px;
	}
}
.lc-col{
	overflow: hidden;
}
.index-first{
	position: relative;
	overflow: hidden;
}

@keyframes bounce-inSS {
  0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
  }
  40% {
	transform: translateY(-15px);
  }
  60% {
	transform: translateY(-15px);
  }
}
.down-arrow{
	position: absolute;
	background: url(../images/down.png) no-repeat center;
	width: 76px;
	height: 76px;
	cursor: pointer;
	bottom: 50px;
	left: 50%;
	margin-left: -38px;
	z-index: 40;
	animation: bounce-inSS 5s infinite ;  
	opacity: .5;
}

.fir-abs{
	color: #ffffff;
	background: url(../images/barbg.jpg) no-repeat;
	background-size: cover;
}
.fir-abs .fir-left{
	padding: 18px 0;
}
.fir-tel{
	margin-bottom: 20px;
}
.fir-tel p a {color:#fff;}

.fir-search{
	position: relative;
}
.fir-search .form-control{
	border: 0;
	height: .56rem;
	box-shadow: 0 0 0 transparent;
}
.fir-search .btn-so{
	position: absolute;
	right: 0;
	top: 0;
	width: .65rem;
	height: .56rem;
	border-radius: 0 4px 4px 0 ;
	background-color: #ffc904;
	background-image: url(../images/so.png);
	background-repeat: no-repeat;
	background-position: center;
}
.fir-down-list .fir-box{
	display: block;
}
.fir-list{
	margin: 0 -1rem;
}
.fir-list li{
	width: 25%;
	float: left;
}
.fir-list .fir-box{
	display: block;
	padding: 20px 0;
	color: #ffffff;
	text-align: center;
}
.fir-list .fir-box img{
	width: 45px;
	height: 45px;
}
.fir-list li:nth-child(1) .fir-box{
	background-color: #d190b8;
}
.fir-list li:nth-child(2) .fir-box{
	background-color: #fbc523;
}
.fir-list li:nth-child(3) .fir-box{
	background-color: #e6a9aa;
}
.fir-list li:nth-child(4) .fir-box{
	background-color: #b481b7;
}
.nav-dropdown{
	position: absolute;
	left: 0;
	top: 110%;
	width: 100%;
	color: #ffffff;
	background: url(../images/downbg.png) center no-repeat;
	background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: .5s all;
}
.flex-show {
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.nav-dropdown a{
	color: #ffffff;
}
.nav-left{
	float: left;
	padding: .4rem 0;
}
.nav-left .dv-line{
	height: 4px;
	border-radius: 40px;
	background-color: #d899c2;
}
.nav-dropdown .down-nav{
	padding: .4rem 0;
	width: 42%;
	margin-left: 7%;
	float: left;
	text-align: left;
}
.nav-dropdown .fir-down-list{
	padding: .6rem 0;
	padding-left: .3rem;
	width: 38%;
	float: right;
	border-left: 1px solid #d899c2;
}
.fir-down-list li{
	width: 25%;
	float: left;
}
.fir-box .fir-ico{
	font-size: 0;
	margin-left: auto;
	margin-right: auto;
	width: 64px;
	height: 64px;
	padding: 8px 0;
	border: 1px solid #ffffff;
	border-radius: 50px;
	margin-bottom: 16px;
} 
.fir-box .fir-ico img{
	width: 45px;
	height: 45px;
}
.down-nav-list li {
	padding: .1rem 0;
}
.down-nav-list li a{
	display: inline-block;
	background: url(../images/dot-link.png) left  center no-repeat;
	padding-left: 26px;
	line-height: 30px;
	font-size: inherit;
}
.down-nav-list li a:hover{
	color: #fbc523!important;
}


@media (min-width:992px) {
	.about-section{
		padding: 120px 0;
	}
	.fir-abs .fir-left{
		width: 35%;
		float: left;
		padding: .4rem 0;
	}
	.fir-abs{
		width: 100%;
		z-index: 99;
	}
	.fir-list{
		width: 60%;
		float: right;
		margin: 0;
	}
	.fir-list .fir-box{
		padding: .45rem 0;
	}
	.fir-list .fir-box img{
		width: .9rem;
		height: .9rem;
	}
	
	.mz-box{
		width: 100%;
		height: 100%;
	}
	.mz-list{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mz-list li{
		position: absolute;
		z-index: 85;
		width: 20%;
		height: 33.33%;
	}
	.mz-list li:nth-child(1) {
		top: 0;
		left: 0;
	}
	.mz-list li:nth-child(2) {
		top: 33.33%;
		left: 0;
	}
	.mz-list li:nth-child(3) {
		top: 66.66%;
		left: 0;
	}
	.mz-list li:nth-child(4) {
		top: 66.66%;
		left: 20%;
	}
	.mz-list li:nth-child(5) {
		top: 66.66%;
		left: 40%;
	}
	.mz-list li:nth-child(6) {
		top: 66.66%;
		left: 60%;
	}
	.mz-list li:nth-child(7) {
		top: 66.66%;
		left: 80%;
	}
}

@media (max-width:1500px) {
	.lc-list{
		padding: 0;
	}
	.proj-cells{
		margin: 0 -20px;
	}
	.proj-cells li{
		padding: 0 20px;
		margin-bottom: 40px;
	}
}
@media (max-width:1200px) {
	.proj-cells{
		margin: 0 -10px;
	}
	.proj-cells li{
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.proj-cells li{
		width: 20%;
	}
	.progress-list {
		display: flex;
		flex-wrap: wrap;
	}
	.lc-panel_bd{
		padding:15px;
	}
	.lc-side-tab li a{
		line-height: 20px;
	}
	.lc-side-tab{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.progress-list .p-box{
		width: 120px;
	}
	.lc-panel_hd{
		display:flex;
		overflow: hidden;overflow-x:auto;
		height: 60px;
	}
	.lc-tab{
		display:flex;
		white-space: nowrap;
		height: 50px;
	}
	.lc-tab li{
		width: auto;
		display: inline-block;
		float: none;
	}
	.lc-tab li a{
		line-height: 50px;
		font-size: 16px;
		padding: 0 15px;
		height: 50px;
	}
	.media-pic{
		height: 160px;
	}
}

@media (max-width:1024px) { 
      .lc-tab li a  {
               padding: 0 45px;
      }
     .lc-panel_hd  {
             overflow-x: hidden;
      }
	  .vxe-content .tab-pane{
		display: block!important;
		opacity: 1;
		margin-bottom: 30px;
	}
     .exp-abs .exp-desc {
               height: 120px;
     }

 
}

@media (max-width:990px) {

       
       

	.fir-search .btn-so{
		width: 55px;
		height: 45px;
	}
	.fir-search .form-control{
		height: 45px;
	}
	.media-bd{
		padding: 15px 0;
	}
	.proj-cells li{
		width: 33.3%;
	}
	.progress-list li{
		width: calc((100% - 60px) / 2);
	}
	.progress-list .p-box{
		width: 100%;
	}
	.progress-list li:nth-child(4){
		display: none;
	}
	.progress-list li:nth-child(8){
		display: none;
	}
	.progress-list li:nth-child(12){
		display: none;
	}
	.proj-box .p-text{
	 
		top: 24%;
	}
	.proj-box .btn-more{
	 
		bottom: 20%;
	}
	.mz-list li{
		float: left;
		width: 50%;
	}
	.mz-main .mz-box{
		padding: 20px 0;
	}
	.mz-box img{
		width: 50px;
		height: 50px;
	}
	.mz-box p{
		font-size: 14px;
	}
	.ts-swiper .swiper-slide{
		width: 200px;
	}
	.ts-swiper .ts-cell{
		height: 120px;
	}
	.lc-main .swiper--prev{
		left:-15px
	}
	.lc-main .swiper--next{
		right:-15px
	}
	.exp-swiper .swiper-slide{
		width: 240px;
	}
	.index-exp .exp-in{
		transform: translateY(30px);
	}
	.exp-abs .exp-desc{
		height: 0;
		overflow: hidden;
	}
	.exp-main .cc--next,
	.exp-main .cc--prev{
		background-size: 42px 42px;
	}
	.about-photo{
		margin-top: 20px;
	}
	.about-photo:before{
		display: none;
	}
	.data-row .text{
		font-size: 12px;
	}
	.data-row{
		padding-top: 30px;
	}
    .media-panel {
        max-width: 100%;
    }
}
.lc-section{
	background: url(../images/lcbg.jpg) center no-repeat;
}
.section-middle{
	background: url(../images/bg-lg.jpg) center 400px no-repeat;
}
video{
	object-fit: cover;
}
.bg-dideo{
	width: 100%;
	height: 100%;
}
.index-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.up{
	transition: .3s all;
}
.up:hover{
	transform: translateY(-10px);
}
.fir-abs .fir-box{
	transition: .3s all;
}
.fir-abs .fir-box:hover{
	transform: scale(1.1);
}


.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.updown:hover {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
.navbar-nav .fir-box:hover {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.imgupdown img{
	display: inline-block;
}
.imgupdown:hover img{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
.ks-cell .ks-pic{
	max-width: 30%;
	float: left;
	margin-right:20px;
}
.ks-cell p{
	line-height: 2;
}
.ks-cell p span{
	color: #999999;
}
.exp-in-row >div{
	margin-bottom: 30px;
	text-align: center;
}
.exp-in-row .exp-pic-link img{
	width: 100%;
}
.exp-pic-link p{
	margin-top: 15px;
	font-size: 16px;
}
.bs-sm-tabs{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -5px;
	margin-bottom: 20px;
}
.bs-sm-tabs li{
	width: 33.33%;
	padding: 0 5px;
}
.bs-sm-tabs li a{
	display: block;
	line-height: 36px;
	border-radius: 4px;
	background-color: #e0dcdc;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.bs-sm-tabs .active a{
	background-color: #aa61bb;
	color: #ffffff;
}


@media (max-width:768px) {
	.index-banner{
		height: 280px;
	}
	.fir-tel{
		margin-bottom: 0;
	}
	.fir-search{
		display: none;
	}
	.fir-list li{
		width: 50%;
	}
	.down-arrow{
		width: 28px;
		height: 28px;
		bottom: 30px;
		background-size: contain;
		margin-left: -14px;
	}
	.love-row{
		margin: 0 -5px;
	}
	.love-row>div{
		padding: 5px;
	}
	.love-grid{
		padding: 10px;
                height: 100px;
	}
	.love-grid .desc{
		font-size: 12px;
	}
	
	.env-list{
		margin: 0 -5px;
	}
	.env-list>li{
		margin-bottom: 10px;
		padding: 5px;
	}
	.evn-box p{
		margin-top: 10px;
	}
	.vxe-content .tab-pane{
		display: block!important;
		opacity: 1;
		margin-bottom: 30px;
	}
	.vxe-content .tab-pane:last-child{
		margin-bottom: 0px;
	}
	.vxe-content .tab-pane .index-header{
		margin-bottom: 20px;
	}
	.vxe-foot .btn{
		width: 100%;
		background-color: #f5f2f2;
		color: #999;
	}
	.section{
		padding: 25px 0;
		border-bottom: 10px solid #f3f3f3;
	}
	.proj-cells li{
		width: 33.33%;
	}
	.proj-box{
		border: 1px solid #e9e6e6;
	}
	.proj-box .btn-more{
		display: none;
	}
	.section-middle{
		background: none;
	}
	.proj-box .p-text{
		font-size: 16px;
		top: 50%;
		transform: translateY(-50%);
	}
	.index-header{
		margin-bottom: 20px;
	}
	.mz-list{
		margin: 0 -5px;
	}
	.mz-list li{
		width: 25%;
		padding: 5px;
	}
	.mz-main .mz-box{
		color: #333;
		padding: 0;
	}
	.mz-box .mz-ico{
		padding:15px;
		border-radius: 10px;
	}
	.mz-box{
		text-align: center;
	}
	.mz-box p{
		margin-top: 10px;
	}
	.mz-list li:nth-child(1) .mz-box .mz-ico{
		background-color: rgba(185, 60, 135, 1);
	}
	.mz-list li:nth-child(2) .mz-box .mz-ico{
		background-color: rgba(96, 38, 158, 1);
	}
	.mz-list li:nth-child(3) .mz-box .mz-ico{
		background-color: rgba(255, 201, 4, 1);
	}
	.mz-list li:nth-child(4) .mz-box .mz-ico{
		background-color: rgba(221, 152, 116, 1);
	}
	.mz-list li:nth-child(5) .mz-box .mz-ico{
		background-color: rgba(162, 86, 176, 1);
	}
	.mz-list li:nth-child(6) .mz-box .mz-ico{
		background-color: rgba(148, 175, 76, 1);
	}
	.mz-list li:nth-child(7) .mz-box .mz-ico{
		background-color: rgba(34, 117, 145, 1);
	}
	.about-link{
		padding-top: 0;
	}
	.data-row{
		margin: 0;
	}
	.data-row >div{
		padding:10px 15px;
		border-right: 1px solid #e6d1eb!important;
	}
	.data-row >div:nth-child(1),
	.data-row >div:nth-child(2){
		border-bottom: 1px solid #e6d1eb;
	}
	.data-row >div:nth-child(2){
		border-right: 0!important;
	}
	.media-pic{
		border-radius: 0;
	}
	.media-list-link .date{
		float: right;
		color: #999999;
		border: 0;
		padding: 0;
	}
	.lc-list{
		max-width: 100%;
		margin-bottom: 20px;
	}
	.lc-list li a{
		display: block;
		overflow: hidden;
	}
	.lc-list li a .time{
		float: right;
		color: #999;
		max-width: 100%;
	}
	.proj-box img{
		visibility: visible;
		opacity: 1;
	}
	.ks-cell .ks-pic {
		max-width: 45%;
	}
	.index-banner::after {
		height: 60px;
		background-size: cover;
	}
}
.bs-line-tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ebd9ef;
	margin-bottom: 10px;
}
.bs-line-tabs li a{
	position: relative;
	padding:10px;
	display: block;
	font-weight: bold;
}
.bs-line-tabs .active a{
	color: #aa61bb;
}
.bs-line-tabs .active a::after{
	content: '';
	background-color: #aa61bb;
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.m-lc-list{
	margin:0 -5px;
	margin-bottom: 10px;
}
.m-lc-list li{
	float: left;
	box-sizing: border-box;
	width: 25%;
	padding: 5px;
}
.m-lc-list li .lc-bar{
	display: block;
	line-height: 28px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #ceb1d5;
	font-size: 13px;
	background-color: #e7d1ec;
	color: #aa61bb;
}


 
.contact {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	top: 32%;
	right: 15px;
	z-index: 400;
}
.contact .item {
	position: relative;
	width: 80px;
    height: 80px;
	transition: 1s;
	border-bottom: 1px solid #9063a5;
}
.contact .item::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(170, 97, 187, .7);
	z-index: -1;
}
.contact .item .icon{
	width: 32px;
	height: 32px;	
	object-fit: contain;
}
.contact .item.top .icon {
	width: 20px;
	height: 20px;
}
.contact .item .txt{
	color: #fff;
    font-size: 12px;
    margin-top: 5px;
}
.contact .item .box1 ,
.contact .item .box2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: transparent;
 
	
	border-left: 1px solid #9063a5;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #fff;
}
.contact .item .box2 {
	display: none;
	width: 156px;
	text-align: center;
}
.contact .item .qr-code{
	position: absolute;
	width: 120px;
	height: 120px;
	left: -120px;
    bottom: 0;
}
.contact .item .qr-code .img{
	width: 100%;
	height: 100%;
}
.contact .close {
	width: 80px;
	padding-top: 10px;
	text-align: center;
	opacity: 1;
}
.contact .item.cur{
	width: 156px;
}
 
.contact .item.cur .box1{
	display: none;
}
.contact .item.cur .box2{
	display: flex;
}


@media (max-width:767px) {
	.contact {
		right: 0;
	}
	.contact .item {
		width: 70px;
		height: 70px;
	}
	.contact .item .icon {
		width: 28px;
		height: 28px;
	}
	.contact .close {
		width: 70px;
	}

     .pull-right {
             float: left !important;
      }
     .art-page .art-link {
          width: 100%;
      }

     .list-title{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    }

}

@media (max-width:420px) {
        .env-list .evn-pic {
               height: 100px;
        }
      .bread {width: 58%;}
      .love-box .love-pic{
		height: 100px;
	}
}

@media (max-width:360px) {
       .bread {width: 54%;}
       .proj-box .p-text {  font-size: 12px;}
       .font24, .font26 { font-size: 15px;}
}
@media (max-width:320px) {
    .mz-box img{  height: 38px;}
   
}


.pb_sys_style1 .p_no_d {
    border: 1px solid #aa61bb !important;
    
    background-color: #aa61bb !important;
}