/* ³õʼ»¯Ñùʽ */
.fd::after{
    content: " ";
    display: block;
    clear: both;
}
.fd{
    zoom: 1;
}
body {
    background-color: #f8f8f8;
}
/* a{
    display: block;
    width: 100%;
    height: 100%;
} */

.w {
    width: 1600px;
    margin: 0 auto;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.app{
    display: none;
}

/* Ò³ÃæÑùʽ */

/* Í·²¿µ¼º½À¸¿ªÊ¼ */

.header_1 {
    height: auto;
    position: relative;
}

.sy_banner{
    width: 100%;
    height: 861px;
    overflow: hidden;
}
.sy_banner .swiper-container{
    position: relative;
}
.sy_banner .swiper-container,.sy_banner .swiper-container img{
    width: 100%;
    height: 100%;
}
.sy_banner .swiper-slide{
    position: relative;
}
.headerMain{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,0%);
}
.sy_banner .swiper-pagination-bullet{
    color: #fff;
}
.swiper-pagination-bullet{
    background: none;
    position: relative;
}
.sy_banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 50px 0;
    display: block;
}
.sy_banner .swiper-pagination-bullet-active::before{
    content: '';
    position: absolute;
    bottom: -20px;
    left: -20px;
    z-index: -1;
    width: 124px;
    height: 13px;
    background: rgb(151,34,149);
}  
.sy_banner .swiper-container-vertical>.swiper-pagination-bullets {
    right: 95px;
    z-index: 60;
} 




/* ÂÖ²¥Ä¿Â¼ÇøÓò */

.header_1 .catalog {
    position: absolute;
    width: 125px;
    height: 220px;
    top: 385px;
    right: 0px;
}

.header_1 .catalog ul {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.header_1 .catalog div.line {
    height: 14px;
    width: 125px;
    background-color: #972295;
    position: relative;
    top: -209px;
    opacity: 0.7;
}

.header_1 .catalog li {
    font-size: 15px;
    height: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 60px;
    margin-left: 23px;
    line-height: 22px;
    opacity: 0.4;
    cursor: pointer;
}

.header_1 div.catalog .mask {
    position: absolute;
    width: 100%;
    height: 30px;
    cursor: pointer;
}

.header_1 div.catalog ul.nav li:nth-child(1) {
    opacity: 1;
    font-size: 20px;
}

/* Í·²¿µ¼º½À¸ÇøÓò½áÊø */

/* Í·²¿Ö÷ÌåÇøÓòÑùʽ¿ªÊ¼ */

.headerMain {
    height: auto;
    overflow: hidden;
}

.headerMain .TH-title {
    height: 190px;
    width: 627px;
    margin-top: 380px;
}

.headerMain .TH-title ul li:nth-child(1) {
    height: 35px;
    width: 221px;
    line-height: 35px;
    text-align: center;
    font-size: 26px;
    background-color: #06070a;
    color: #fff;
    font-weight: 900;
}

.headerMain .TH-title ul li:nth-child(2) {
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    margin-top: 30px;
    line-height: 50px;
}

.headerMain .TH-title ul li:nth-child(3) {
    height: 24px;
    width: 519px;
    margin-top: 48px;
}

.headerMain .TH-hot {
    width: 1046px;
    height: 92px;
    /* margin-left: 404px; */
    margin: 0 auto;
    margin-top: 170px;
}

.headerMain .TH-hot ul li {
    width: 260px;
    height: 100%;
    float: left;
    margin-left: 75px;
}

.headerMain .TH-hot ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.headerMain .TH-hot ul li a .MSC-ion {
    width: 92px;
    height: 92px;
    display: inline-block;
    background-color: #8b8a8b;
    border-radius: 50%;
}

.headerMain .TH-hot ul li a .MSC-ion .MSC-ion2 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #60385f;
    border-radius: 50%;
    text-align: center;
    margin-top: 21px;
    margin-left: 21px;
}

.headerMain .TH-hot ul li a .MSC-ion .MSC-ion2 b {
    font-size: 20px;
    color: #bdadb9;
    font-weight: 900;
    line-height: 50px;
    text-align: center;
}

.headerMain .TH-hot ul li a .MSC-title {
    width: 142px;
    height: 50px;
    float: right;
    margin-top: 21px;
}

.headerMain .TH-hot ul li a .MSC-title b {
    font-size: 18px;
    color: #c7c5c6;
    font-weight: 100;
}

.headerMain .TH-hot ul li a .MSC-title b i {
    font-size: 16px;
    font-weight: 900;
}

.headerMain .TH-hot ul li a .MSC-title span {
    font-size: 14px;
    color: #c7c5c6;
    margin-top: 10px;
    display: block;
}

/* Í·²¿ÒôÀÖhoverʼþ */

.headerMain .TH-hot ul li a:hover .MSC-ion {
    background-color: #fff;
}

.headerMain .TH-hot ul li a:hover .MSC-ion .MSC-ion2 {
    background-color: #972295;
}

.headerMain .TH-hot ul li a:hover .MSC-ion .MSC-ion2 b {
    color: #fff;
}

.headerMain .TH-hot ul li a:hover .MSC-title b {
    color: #fff;
}

.headerMain .TH-hot ul li a:hover .MSC-title span {
    color: #fff;
}

/* ½éÉÜÇøÓòÑùʽ */

.content {
    height: 1080px;
    margin-top: 163px;
    /* background-color: #f8f8f8; */
}

.content .leftContent {
    width: 555px;
    height: 100%;
    float: left;
}

.content .leftContent .headline {
    height: 67px;
    width: 145px;
    display: inline-block;
}

.content .leftContent .headline li {
    height: 31px;
    color: #fff;
    background-color: #06070a;
    margin-bottom: 6px;
    font-size: 16px;
    text-align: center;
    line-height: 31px;
    font-weight: 900;
}

.content .leftContent .headline li.twolist {
    width: 65px;
    margin-left: 3px;
}

.content .leftContent .introduce {
    height: 87px;
    float: right;
}

.content .leftContent .introduce p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    color: #333333;
}

.content .leftContent .environment-title {
    height: 32px;
    margin-top: 66px;
}

.content .leftContent .environment-title h2 {
    float: left;
    font-size: 30px;
    line-height: 30px;
}

.content .leftContent .environment-title span {
    float: right;
    font-size: 14px;
    color: #992497;
    line-height: 32px;
    font-weight: 100;
    font-family: "deni";
    /* font-weight: 900; */
}

.content .leftContent .music {
    height: 810px;
    width: 500px;
    margin: 0 auto;
    margin-top: 118px;
}




.content .leftContent .music .musicDisc img {
    border-radius: 50%;
}

.rotate {
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite
}

/* @-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
} */



.content .leftContent .player {
    margin-top: 85px;
    width: 447px;
    height: 178px;
    position: relative;
}

.content .leftContent .player i {
    cursor: pointer;
}


.content .leftContent .player i.circulation {
    font-size: 30px;
    color: #595e5a;
    position: absolute;
    top: 80px;
    left: 6px;
}

.content .leftContent .player i.musicList {
    font-size: 20px;
    color: #595e5a;
    position: absolute;
    top: 80px;
    right: 25px;
}

.content .leftContent .player i.Ona {
    font-size: 25px;
    position: absolute;
    top: 144px;
    left: 80px;
}

.content .leftContent .player i.playmusic {
    font-size: 60px;
    position: absolute;
    top: 138px;
    left: 192px;
}

.content .leftContent .player i.musicToSuspend {
    font-size: 50px;
    position: absolute;
    top: 145px;
    left: 192px;
    display: none;
}

.content .leftContent .player i.Thefollowingpiece {
    font-size: 25px;
    position: absolute;
    top: 144px;
    right: 90px;
    transform: rotate(180deg);
}

.content .leftContent .player i:hover {
    color: #972295;
}

.rightContent {
    height: 1081px;
    width: 776px;
    float: right;
}

.rightContent ul {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rightContent ul li {
    width: 246px;
    height: 247px;
    float: left;
}

.rightContent ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.rightContent ul li a h3 {
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 900;
    position: absolute;
    top: 109px;
    text-align: center;
    z-index: 1;
    display: none;
}

.rightContent ul li a h4 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 900;
    position: absolute;
    top: 144px;
    left: 0px;
    text-align: center;
    z-index: 1;
    display: none;
}

.rightContent ul li a:hover h3 {
    display: block;
}

.rightContent ul li a:hover h4 {
    display: block;
}
.rightContent ul li img{
    width: 100%;
    height: 100%;
}
/* ±³¾°É«hoverʼþ */
.rightContent ul li{
    position: relative;
}
.rightContent ul li .wz{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.rightContent ul li:nth-child(3) a img{
    width: 69px;
    height: 113px;
    float: right;
}
.rightContent ul li:nth-child(2) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}

.rightContent ul li:nth-child(5) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}

.rightContent ul li:nth-child(4) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}

.rightContent ul li:nth-child(8) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}

.rightContent ul li:nth-child(9) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}

.rightContent ul li:nth-child(11) a .wz:hover {
    background-color: #bb2cb2;
    opacity: 0.8;
}
.rightContent ul li:nth-child(6) {
    background-color: #fff;
}

.rightContent ul li:nth-child(6) b {
    display: inline-block;
    height: 12px;
    width: 50px;
    background-color: #992497;
    color: #fff;
    text-align: center;
    line-height: 12px;
    margin-top: 37px;
    margin-left: 36px;
    font-size: 12px;
}

.rightContent ul li:nth-child(6) p {
    font-size: 18px;
    font-weight: 900;
    margin-top: 12px;
    margin-left: 36px;
}

.rightContent ul li:nth-child(6) span {
    display: inline-block;
    height: 61px;
    width: 61px;
    background-color: #06070a;
    margin-top: 74px;
    margin-left: 39px;
    color: #fff;
    text-align: center;
    line-height: 61px;
    font-weight: 900;
}

.rightContent ul li:nth-child(7) {
    background-color: #fff;
    /* transform: rotate(90deg); */
    padding-left: 35px;
    padding-top: 40px;
}

/* .rightContent ul li:nth-child(7) i {
    display: inline-block;
    height: 37px;
    width: 37px;
    font-size: 37px;
    color: #992497;
    line-height: 37px;
    margin-top: 60px;
    margin-left: 46px;
} */
.rightContent ul li .xx{
    width: 36px;
    height: 35px;
}
.rightContent ul li:nth-child(7) .msg {
    width: 150px;
    margin: 0 auto;
    margin-top: 85px;
    display: flex;
    justify-content: space-between;
}

.rightContent ul li:nth-child(7) .msg b {
    font-weight: normal;
}

/*  ÖÕ¶ËÑùʽ  */

.terminal {
    height: 540px;
    max-width: 1720px;
    margin: 0 auto;
    margin-top: 120px;
   position: relative;
}

.terminal .terminalcontent {
    width: 100%;
    height: 100%;
    /* background-color: red; */
    position: absolute;
    top: 0;
    left: 0;
}

.terminal .terminalcontent h2 {
    margin-left: 130px;
}



.terminal .terminalcontent #slider-wrap {
    width: 800px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-top: 61px;
    margin-left: 130px;
}

#slider-wrap ul#slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#slider-wrap ul#slider li {
    float: left;
    position: relative;
    width: 800px;
    height: 300px;
}
#slider-wrap ul#slider li>div {
    width: 136px;
    height: 158px;
/*    cursor: pointer;*/
}

/* #slider-wrap ul#slider li i {
    display: inline-block;
    height: 57px;
    width: 55px;
    background: url("../images/dn2.png")no-repeat;
    position: absolute;
    top: 20px
}

#slider-wrap ul#slider li>div:hover i {
    margin-top: -20px;
    transition-duration: 0.5s;
}

#slider-wrap ul#slider li>div:first-child i {
    transition-duration: 0.5s;
} */


#slider-wrap ul#slider li h3 {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 87px;
}

#slider-wrap ul#slider li span {
    font-size: 14px;
    color: #972295;
    line-height: 14px;
    font-weight: 900;
    position: absolute;
    top: 147px;
    left: 0px;
}

#slider-wrap ul#slider li h4 {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    position: absolute;
    top: 37px;
    right: 291px;
}

#slider-wrap ul#slider li b {
    height: 90px;
    width: 398px;
    position: absolute;
    right: 0px;
    top: 86px;
}

#slider-wrap ul#slider li b p {
    font-size: 16px;
    color: #b9b9b8;
    margin-bottom: 15px;
    font-weight: 100; 
    line-height: 30px;
}
/* ÖÕ¶Ëc3²¥·ÅÇòÑùʽ */

span#musicBall {
    display: block;
    width: 181px;
    height: 181px;
    margin: 160px auto;
    animation: ripple 0.6s infinite;
    border-radius: 50px;
    background-image: url(../images/spbf.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.8;
    top: 96px;
    right: 154px;
}

span#musicBall>#play {
    line-height: 72px;
    font-size: 25px;
    color: #fff;
    margin-left: 25px;
    cursor: pointer;
}

span#musicBall>#pause {
    line-height: 74px;
    font-size: 25px;
    color: #fff;
    margin-left: 24px;
    cursor: pointer;
    display: none;
}

/* dalgalanma efekti */

/* @keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(108, 60, 160, 0.7), 0 0 0 20px rgba(108, 60, 160, 0.6), 0 0 0 40px rgba(108, 60, 160, 0.5), 0 0 0 60px rgba(108, 60, 160, 0.4);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(108, 60, 160, 0.3), 0 0 0 40px rgba(108, 60, 160, 0.2), 0 0 0 60px rgba(108, 60, 160, 0.1), 0 0 0 80px rgba(108, 60, 160, 0);
    }
} */

span#musicBall i#play:hover {
    color: #972295;
}
span#musicBall i#pause:hover {
    color: #972295;
}

/* ºÏ×÷»ï°éÄ£¿éÑùʽ */

.partner {
    height: 707px;
    margin-top: 80px;
}

.partner .partnercontent {
    width: 971px;
    height: 100%;
    margin: 0 auto;
}

.partner .partnercontent .partnerNamu {
    height: 125px;
    width: 402px;
    margin: 0 auto;
    position: relative;
}

.partner .partnercontent .partnerNamu b {
    height: 52px;
    width: 58px;
}

.partner .partnercontent .partnerNamu i {
    display: inline-block;
    height: 120px;
    width: 120px;
    background: url("../images/yyp.jpg");
    position: absolute;
    top: 5px;
    left: 58px;
    border-radius: 50%;
}

.partner .partnercontent .partnerNamu a {
    height: 74px;
    width: 194px;
    position: absolute;
    top: 36px;
    left: 216px;
}

.partner .partnercontent .partnerNamu a h2 {
    font-size: 30px;
    line-height: 30px;
}

.partner .partnercontent .partnerNamu a span {
    display: inline-block;
    height: 26px;
    width: 102px;
    background-color: #972295;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    text-align: center;
    margin-top: 17px;
    font-family: "deni";
}

.partner .partnercontent .workingTitle {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-top: 44px;
}

.partner .partnercontent .partnerModule {
    height: 485px;
    width: 100%;
    margin-top: 40px;
}

.partner .partnercontent .partnerModule ul {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partner .partnercontent .partnerModule li {
    width: 241px;
    height: 241px;
    float: left;
}

.partner .partnercontent .partnerModule li:nth-child(2) {
    background-color: #fff;
}

.partner .partnercontent .partnerModule li:nth-child(4) {
    background-color: #fff;
}

.partner .partnercontent .partnerModule li:nth-child(5) {
    background-color: #fff;
}

.partner .partnercontent .partnerModule li:nth-child(6) span {
    font-size: 17px;
    position: absolute;
    top: 135px;
}

.partner .partnercontent .partnerModule li:nth-child(6) span i {
    font-size: 14px;
    font-weight: 900;
}

.partner .partnercontent .partnerModule li:nth-child(7) {
    background-color: #fff;
}

.partner .partnercontent .partnerModule li:nth-child(7) span {
    font-size: 17px;
    position: absolute;
    top: 135px;
}

.partner .partnercontent .partnerModule li:nth-child(7) span i {
    font-size: 14px;
    font-weight: 900;
}

.partner .partnercontent .partnerModule a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.partner .partnercontent .partnerModule a img {
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.partner .partnercontent .partnerModule a b {
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    position: absolute;
    top: 152px;
    left: 43px;
}

.partner .partnercontent .partnerModule a span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    position: absolute;
    top: 200px;
    left: 42px;
    color: #666666;
}

.partner .partnercontent .partnerModule a span i {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    width: 12px;
}

.partner .partnercontent .partnerModule a:hover img {
    width: 241px;
    height: 241px;
    transition-duration: 1s;
}

/* 
 .partner .partnercontent .partnerModule a:hover b {
     display: none;
     transition-duration: 1s;
 }

 .partner .partnercontent .partnerModule a:hover span {
     display: none;
     transition-delay: 1s;
    transition-duration: 1s;
} */

/* Á˽â¸ü¶àÑùʽ */

.learnMore {
    max-width: 100%;
    height: 656px;
    margin-top: 44px;
    position: relative;
}

.learnMore .learnMore-img {
    width: 100%;
    height: 497px;
    position: absolute;
    top: 160px;
    left: 0;
    border-bottom: #be8bbe solid 1px;
}
.learnMore .learnMore-img img{
    width: 100%;
    height: 100%;
}

.learnMore .learnMore-color {
    width: 100%;
    height: 497px;
    background-color: #7b1d7b;
    position: absolute;
    bottom: 0px;
    opacity: 0.8;
}

.learnMore .learnMore-title {
    height: 100%;
    position: relative;
    border-top: #f1f1f1 solid 13px;
    box-sizing: border-box;
}

.learnMore .learnMore-title>h2 {
    width: 338px;
    height: 195px;
    position: absolute;
    top: 35px;
}

.learnMore .learnMore-title>a {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 197px;
    left: 389px;
}

.learnMore .learnMore-title>span {
    display: inline-block;
    height: 26px;
    width: 156px;
    background-color: #541b86;
    position: absolute;
    top: 247px;
    left: 386px;
}

.learnMore .learnMore-title .learnMore-content {
    height: 154px;
    width: 1270px;
    position: absolute;
    bottom: 95px;
    left: 117px;
}

.learnMore .learnMore-title .learnMore-content ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.learnMore .learnMore-title .learnMore-content li {
    height: 100%;
    width: 227px;
}

.learnMore .learnMore-title .learnMore-content li b {
    height: 80px;
    width: 1px;
    background-color: #ac70ad;
    float: right;
    margin-top: 50%;
    margin-top: 40px;
}

.learnMore .learnMore-title .learnMore-content li a {
    display: inline-block;
    height: 100%;
    width: 150px;
    text-align: center;
}

.learnMore .learnMore-title .learnMore-content li a:hover i {
    margin-top: -20px;
    margin-bottom: 70px;
    transition-duration: 0.5s;
}

.learnMore .learnMore-title .learnMore-content li a:first-child i {
    transition-duration: 0.5s;
}

.learnMore .learnMore-title .learnMore-content li a i {
    display: inline-block;
    height: 73px;
    width: 150px;
    background: url("../images/lj_1.png")no-repeat center;
    margin-bottom: 50px;
}

.learnMore .learnMore-title .learnMore-content li:nth-child(2) a i {
    background: url("../images/lj_2.png")no-repeat center;
}

.learnMore .learnMore-title .learnMore-content li:nth-child(3) a i {
    background: url("../images/lj_3.png")no-repeat center;
}

.learnMore .learnMore-title .learnMore-content li:nth-child(4) a i {
    background: url("../images/lj_4.png")no-repeat center;
}

.learnMore .learnMore-title .learnMore-content li a span {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
}

/* ÓÑÇéÁ´½Ó */
.yqlj{
    width: 1020px;
    height: 70px;
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 1;
    background: rgb(151,34,149);
}
.yqlj span,.yqlj span a{
    font-size: 16px;
    color: #fff;
    line-height: 70px;
}

.yqlj span{
    margin-right: 40px;
}
.yqlj span:nth-child(1){
    font-size: 18px;
    margin-left: 55px;
    padding-right: 60px;
}
.yqlj span:nth-child(7){
    margin-right: 0;
}



/* Ò³½ÅÑùʽ */

.footer {
    width: 100%;
    height: 498px;
    background-color: #1c1c1c;
    position: relative;
    z-index: 0;
}

/*  */
.fo_top{
    height: 410px;
    width: 1400px;
    margin: 0 auto;
    padding-top: 90px;
}
.fo_top .ddh{
    width: 870px;
    height: 100%;
    float: left;
}
.ddh div{
    width: 145px;
    float: left;
}
.ddh div p a{
    font-size: 16px;
    color: #666;
    line-height: 28px;
}
.ddh div p a:hover{
    color: #999;
}

.ddh div p:nth-child(1){
   margin-bottom: 20px;
}
.ddh div p:nth-child(1) >a{
    font-size: 16px;
    color: #ddd;
}
.fo_top .rig{
    width: 490px;
    float: right;
    height: 100%;
}
.fo_top .rig .ewm{
    width: 138px;
    float: left;
}
.fo_top .rig .ewm img{
    width: 100%;
    height: 100%;
}

.social-share{
    margin-top: 5px;
}
.social-share .icon-weibo {
    color: rgb(72,72,72);
    border: none;
    margin-right: 13px;
}
.social-share .icon-weibo:hover {
    background: none;
}
.social-share .icon-qq {
    color: rgb(72,72,72);
    border: none;
    margin-right: 13px;
}

.social-share .icon-qq:hover {
    background: none;
}
.social-share .icon-wechat {
    color: rgb(72,72,72);
    border: none;
}

.social-share .icon-wechat:hover {
    background: none;
}
.wzrig{
    float: right;
    width: 325px;
}
.wzrig span{
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    line-height: 22px;
    display: block;
    padding-left: 30px;
    background-image: url(../images/dw.png);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 3px;
}
.wzrig span:nth-child(2){
    background-image: url(../images/dh.png);
}
.wzrig span:nth-child(3){
    background-image: url(../images/yx.png);
}

.fo_bot{
    height: 85px;
    width: 100%;
    border-top: 1px solid rgb(72,72,72);
}
.fo_bjz{
    width: 1400px;
    margin: 0 auto;
}
.fo_bot_l{
    float: left;
    line-height: 85px;
}
.fo_bjz span{
    font-size: 16px;
    color: #666;
}
.fo_bjz a{
    font-size: 16px;
    color: #666;
    margin-left: 30px;
}
.fo_bot_r{
    float: right;
    line-height: 85px;
}
.fo_bjz a:hover{
    color: #999;
}

.fo_bjz a:nth-child(2){
    margin-left: 0;
}





/* °¸ÀýÁбí */
.case_bann,.case_ban img{
    width: 100%;
    height: 100%;
}
.case_ban{
    position: relative;
    z-index: 10;
}
.ban_P{
    font-size: 48px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bantp{
    width: 517px;
    height: 24px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bantp img{
    width: 100%;
    height: 100%;
}
.main{
    width: 100%;
    min-height: 500px;
}
.cgcase{
    width: 100%;
    background: rgb(248,248,248);
}
.cgcase .cgcasejz{
    width: 1200px;
    margin: 0 auto;
    padding: 110px 0;
}
.xl{
    width: 180px;
    height: 84px;
    position: absolute;
    background: rgb(151,34,149);
    bottom: -27px !important;
    right: 18%;
    cursor: pointer;
    z-index: 20;
}
.xl .xx{
    display: block;
    width: 100%;
    height: 100%;
}
.xl .xx .p1{
    color: #fff;
    text-align: left;
    line-height: 84px;
    font-size: 18px;
    padding: 0 37px;
}
.xl .xx .p1 img{
    width: 13px;
    height: 7px;
    float: right;
    margin-top: 37px;
}
.xl .xlnr{
    width: 100%;
    height: auto;
    display: none;
    position: absolute;
    top: 100% !important;
    left: 0;
    z-index: 40;
}
.xl .xx:hover> .xlnr{
    display: block;
    z-index: 40;
}
.xlnr p{
    width: 100%;
    height: 84px;
    font-size: 18px;
    color: #333;
    line-height: 84px;
    background: rgb(255, 255, 255);
}
.bt{
    height: 51px;
    font-size: 30px;
    color: #191919;
    text-align: center;
    background-image: url(../images/bt_tp.png);
    background-repeat: no-repeat;
    background-position-x: 43%;
    line-height: 95px;
}
.fbt{
    width: auto;
    display: table;
    height: 26px;
    margin: 0 auto;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 75px;
    padding: 0 10px;
}
.cgcasejz .cgca_1{
    width: 100%;
    height: 465px;
    position: relative;
    margin-top: 65px;
}
.cgca_1 .wz{
    width: 50%;
    height: 390px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 35px 55px;
}
.cgca_1 .wz .p1{
    font-size: 24px;
    color: #333;
    text-align: center;
}
.cgca_1 .wz .p2{
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}
.cgca_1 .wz img{
    display: block;
    margin: 20px auto;
}
.cgca_1 .wz span{
    display: block;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.cgca_1 .wz div{
    width: 60px;
    height: 60px;
    background: #000;
    line-height: 60px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    margin: 0 auto;
    margin-top: 45px;
    cursor: pointer;
}
.cgca_1 .tp{
    width: 682px;
    height: 373px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.cgca_1 .tp img{
    width: 100%;
    height: 100%;
}
.cgca_1:nth-child(2n) .wz{
    float: right;
    position: relative;
    z-index: 1;
}
.cgca_1:nth-child(2n) .tp{
    position: absolute;
    left: 0;
 }





 /* °¸ÀýÏêÇé */
 .ca_list{
     width: 100%;
     background: rgb(248,248,248);
 }
 .ca_list .ca_listjz{
     width: 1200px;
     margin: 0 auto;
     background: #fff;
     margin-top: 127px;
     padding-top: 45px;
 }
 .ca_listjz .yypd{
     width: 1120px;
     height: 110px;
     background: rgb(248,248,248);
     margin: 0 auto;
     padding-left: 70px;
     padding-right: 40px;
     margin-bottom: 50px;
     position: relative;
 }
 .ca_listjz .yypd img{
     width: 78px;
     height: 78px;
     float: left;
     margin-top: 17px;
 }
 .ca_listjz .yypd .yysx{
     width: 1px;
     height: 78px;
     background: rgb(195,192,186);
     float: left;
     margin: 0 42px;
     margin-top: 18px;
 }
 .ca_listjz .yypd .p1{
     font-size: 18px;
     color: #333;
     display: block;
    padding-top: 25px;
    font-weight: bold;
 }
 .ca_listjz .yypd .p2{
    font-size: 14px;
    color: #666;
    display: block;
    padding-top: 20px;
}
.ca_listjz .yypd button{
    width: 138px;
    height: 50px;
    background: rgb(151,34,149);
    position: absolute;
    right: 45px;
    top: 35px;
}
.ca_listjz .yypd button a{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
}
.ca_listjz .p3{
    font-size: 22px;
    color: #972295;
    text-align: center;
}
.ca_listjz .fbt{
    margin-bottom: 30px;
}
.ca_listjz .zw{
    padding: 0 45px;
    padding-top: 65px;
    border-bottom: 1px solid rgb(214,214,214);
}
.ca_listjz .zw p{
    line-height: 22px;
    margin-bottom: 35px;
}
.ca_listjz .p4{
    font-size: 18px;
    color: #972295;
    text-align: left;
    margin-bottom: 10px;
}
.ca_listjz .p5{
    text-indent: 2rem;
}
.ca_listjz.zw p,.ca_listjz .zw p img{
    width: 100%;
    height: 100%;
}
.fy{
    width: 100%;
    padding: 30px 45px;
}
.fy .sy{
    /* width: 175px; */
    width: auto;
    padding-left: 18px;
    float: left;
    font-size: 14px;
    color: #333;
    background-image: url(../images/h2.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 2px;
}
.fy .xy{
    /* width: 175px; */
    width: auto;
    padding-right: 18px;
    float: right;
    font-size: 14px;
    color: #333;
    background-image: url(../images/h1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 2px;
}
.fy .p6{
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: left;
}
.fy .p7{
    text-align: right;
}
.fy .sy a,
.fy .xy a{
    width: 100%;
    height: 100%;
    display: block;
}
.fy .sy:hover{
    color: #972295;
    background-image: url(../images/z2.png);
}

.fy .sy a:hover> .p6{
    color: #972295;
}
.fy .xy:hover{
    color: #972295;
    background-image: url(../images/z1.png);
}
.fy .xy a:hover> .p6{
    color: #972295;
}

/* 
ÂÖ²¥Í¼ */
.kh{
    width: 100%;
}
.kh .khjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 125px;
    overflow: hidden;
}
.kh .khjz .fbt{
    margin-bottom: 25px;
}
.kh .khjz .swiper-pagination-bullet-active{
    background: rgb(151,34,149);
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -35px;
}
.khjz .swp img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.khjz .swp p{
    display: block;
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
    color: #333;
}
 




/* °æȨ·þÎñ */
.bqfw{
    width: 100%;
    background-image: url(../images/bqfwbj.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 140px;
}
.bqfw .bqwfjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 125px;
    position: relative;
}
.bqwfjz .rig,
.bqwfjz .lef{
    width: 600px;
    float: left;
    overflow: hidden;
}

.bqwfjz .lef .bt{
    text-align: left;
    background-position-x: 20%;
}
.bqwfjz .lef .fbt{
    margin:30px 0;
    background: rgb(151,34,149);
}
.bqwfjz .lef .fbt img{
    width: 100%;
    height: 100%;
}
.bqwfjz .lef .p1{
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
}
.bqwfjz .lef .p2{
    width: 80%;
    font-size: 16px;
    color: #333;
    line-height: 27px;
}


.bqwfjz .rig .z-swiper-box .flexbox .img-box{
    /* width: 513px;
    max-width: 513px; */
    width: 513px;
    height: 522px;
    position: relative;
}
.bqwfjz .img-box div{
    width: 280px;
    height: 280px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bqwfjz .img-box div .p1{
    font-size: 28px;
    color: #972295;
    text-align: center;
    margin-top: 55px;
}
.bqwfjz .img-box div .p2{
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 15px;
}

.bqwfjz .rig .z-swiper-box .flexbox .img-box div img{
    width: 36px;
    height: 35px;
    display: block;
    margin: 0 auto;
}

.bqwfjz .rig .z-swiper-box .swiper-slide,
.bqwfjz .rig .z-swiper-box .flexbox .img-box{
    width: 513px;
    height: 522px;
}
.bqwfjz .rig .z-swiper-box{
    overflow: visible;
}
.bqwfjz .rig .z-swiper-box .operate {
    left: -87%;
}
.bqwfjz .rig .z-swiper-box .operate .z-tabs2 a.active{
    color: #972295;
}
.bqwfjz .rig .z-swiper-box .operate .z-tabs2 a{
    color: #666;
    margin: 0 128px 0 0;
}
.bqwfjz .rig .jdt2 {
    width: 100%;
    height: 30px;
    background-image: url(../images/jdt2.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 85px;
    left: -100%;
    z-index: 2;
}

.bqwfjz{
    position: relative;
}

.bqwfjz .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 22%;
    left: -28%;
}
.bqwfjz .swiper-pagination-bullet{
    background: none;
}
.bqwfjz .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 69px;
}
.bqwfjz .swiper-pagination-bullet-active{
    color: #972295;
}
.bqwfjz .jdt{
    position: absolute;
    bottom: 24%;
    left: 0%;
}
.bqwfjz .jdt img{
    display: none;
}
.bqwfjz .jdt .ig{
    display: block;
}


/* ÒôÀֲ߻® */
.yych{
    width: 100%;
    background-image: url(../images/chbj.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.yych .yychjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 90px;
}
.yychjz .bt{
    color: #fff;
    background-image: url(../images/chbt.png);
    background-position-x: 56%;
}
.yychjz .fbt{
    background: rgb(151,34,149);
}
.yychjz .lanc{
    width: 100%;
    height: 260px;
}
.lanc div{
    width: 580px;
    height: 100%;
    transition: all 0.4s;
    background: #fff;
    padding: 65px 40px;
}
.lanc .lef{
    float: left;
    border-radius: 3px;
}
.lanc .lef .p1{
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    color: #333;
    background-image: url(../images/cs3.png);
    background-repeat: no-repeat;
    text-align: left;
    text-indent: 75px;
    margin-bottom: 20px;
}
.lanc .lef p{
    font-size: 16px;
    color: #666;
    line-height: 25px;
}
.lanc .rig{
    float: right;
    border-radius: 3px;
}
.lanc .rig .p1{
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    color: #333;
    background-image: url(../images/cs2.png);
    background-repeat: no-repeat;
    text-align: left;
    text-indent: 75px;
    margin-bottom: 20px;
}
.lanc .rig p{
    font-size: 16px;
    color: #666;
    line-height: 25px;
}
.lanc div:hover{
    background-image: url(../images/csbj.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.lanc .lef:hover>.p1{
    color: #fff;
    background-image: url(../images/cs4.png);
}
.lanc .rig:hover>.p1{
    color: #fff;
    background-image: url(../images/cs1.png);
}
.lanc .rig:hover>p{
    color: #fff;
}
.lanc .lef:hover>p{
    color: #fff;
}
.yychjz .jp{
    width: 100%;
    height: 223px;
    background: #fff;
    padding: 46px 185px;
    margin-top: 42px;
    border-radius: 7px;
}
.yychjz .jp .p1{
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    color: #333;
    background-image: url(../images/cs5.png);
    background-repeat: no-repeat;
    background-position-x: 32%;
    text-align: center;
    margin-bottom: 20px;
}
.yychjz .jp p{
    font-size: 16px;
    color: #666;
    line-height: 25px;
    text-align: center;
}
.yychjz .jp:hover{
    background-image: url(../images/csbj.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.yychjz .jp:hover>.p1{
    color: #fff;
    background-image: url(../images/cs6.png);
}
.yychjz .jp:hover>p{
    color: #fff;
}


/* ·þÎñÌØÉ« */
.futs{
    width: 100%;
}
.futs .futsjz{
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0;
    position: relative;
}
.futs .bt{
    width: 200px;
    position: absolute;
    left: 0;
    top: 100px;
    background-position-x: -7px;
}
.futs .fbt{
    position: absolute;
    left: 0;
    top: 155px;
}
.futsjz .bj1,.futsjz .bj2{
    width: 68px;
    height: 51px;
    background-image: url(../images/bt_tp.png);
    background-size: cover;
    position: absolute;
}
.futsjz .bj1{
    top: 32%;
    left: 35%;
    
}
.futsjz .bj2{
    bottom: 12%;
    right: -2%;
}
.team-item p{
    font-size: 18px;
}
.team-left, .team-right{
    display: none;
}

/* ÂÖ²¥ */
.z-swiper-box * {
    box-sizing: border-box;
}
.z-swiper-box {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 30px;
    box-sizing: border-box;
    overflow: hidden;
}
.bqwfjz .swiper-container,
.z-swiper-box2{
    position: static;
}
.z-swiper-box .flexbox {
    display: flex;
}



.z-swiper-box .flexbox .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.z-swiper-box .swiper-slide{
    position: relative;
    height: 556px;
}

.z-swiper-box .flexbox .info {
    /* flex: 1; */
    width: 600px;
    height: 360px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.z-swiper-box .flexbox .img-box{
    position: absolute;
    top: 0;
    right: 0;
}
.flexbox .info .rq{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 47px 78px;
}
.flexbox .info .rq .p1{
    font-size: 85px;
    color: #333;
    opacity: 0.06;
    position: absolute;
    bottom: 0;
    left: 0;
}
.flexbox .info .rq .p2{
    font-size: 22px;
    color: #333;
    margin-top: 25px;
    margin-bottom: 30px;
}
.flexbox .info .rq .p3{
    font-size: 16px;
    color: #666;
}

.z-swiper-box .operate {
    position: absolute;
    z-index: 2;
    left: calc(37% - 60px);
    bottom: 45px;
    display: flex;
    align-items: center;
}

.z-swiper-box .operate .z-case-swiper-next,
.z-swiper-box .operate .z-case-swiper-prev {
    position: static;
    margin: 0;
    width: 33px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    background-image: url(../images/you.png);
    background-repeat: no-repeat;
    background-size: 33px 15px;
}
.z-swiper-box .operate .z-case-swiper-prev{
    background-image: url(../images/zuo.png);
    margin-right: 30px;
    position: relative;
}
.operate .z-case-swiper-prev:before{
    content: "";
    width: 2px;
    height: 12px;
    background: rgb(132,132,132);
    margin: 0 20px;
    position: absolute;
    left: 23px;
}
.z-swiper-box .swiper-slide a:hover .flexbox .img-box img {
    transform: scale(1.05);
}



/* ·þÎñÓÅÊÆ */
.fuys{
    width: 100%;
}
.fuys .bt{
    background-position-x: 46%;
}
.fuys .fuysjz{
    width: 1200px;
    margin: 0 auto;
}
.fuys .fu_lef{
    float: left;
    width: 260px;
    height: 605px;
}
.fuys .fu_rig{
    float: right;
    width: 260px;
    height: 605px;
}
.fuys .fu_rig img{
    width: 100%;
    height: 100%;
}
.fuysjz .z-swiper-box .flexbox .img-box{
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.fuysjz .z-swiper-box .swiper-slide{
    height: 605px;
}
.z-swiper-box .operate .z-tabs {
    padding: 0 30px;
    height: 60px;
    display: flex;
    align-items: center;
}

.z-swiper-box .operate .z-tabs a {
    position: relative;
    margin: 0 160px 0 0;
    font-size: 16px;
    color: #999;
    transition: .3s;
}

.z-swiper-box .operate .z-tabs a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
    left: 0;
    bottom: -10px;
    transition: .3s;
}

.z-swiper-box .operate .z-tabs a {
    color: #666;
}
.z-swiper-box .operate .z-tabs a.active{
    color: #fff;
    font-weight: bold;
}
.fuysjz .operate{
    left: 160px;
}
.fuysjz .jdt{
    width: 100%;
    height: 25px;
    /* background-image: url(../images/jdt.png); */
    /* background-repeat: no-repeat; */
    position: absolute;
    bottom: 85px;
    left: 71px;
    z-index: 2;
}
.fuysjz .img-box{
    position: relative;
}
.fuysjz .img-box .wzk{
    width: 489px;
    height: 283px;
    background-image: url(../images/wzqbj.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 115px;
    left: 71px;
    border-left: 7px solid rgb(151,34,149);
    padding: 45px;
    padding-top: 55px;
    overflow: hidden;
}
.fuysjz .img-box .wzk .p{
    font-size: 24px;
    color: #333;
}
.fuysjz .img-box .wzk .p1{
    color: #972295;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 20px;
}
.fuysjz .img-box .wzk .p2{
    font-size: 16px;
    color: #333;
    line-height: 25px;
}
.fuysjz{
    position: relative;
}

.fuysjz .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 16%;
    left: -22%;
}
.fuysjz .swiper-pagination-bullet{
    background: none;
}
.fuysjz .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 65px;
}
.fuysjz .swiper-pagination-bullet{
    color: #fff;
}
.fuysjz .jdt{
    width: 415px;
    height: 21px;
    position: absolute;
    bottom: 19%;
    left: 7%;
}
.fuysjz .jdt img{
    display: none;
    width: 100%;
    height: 100%;
}
.fuysjz .jdt .ig{
    display: block;
}





/* ¹ã¸æÒôÀÖ */
.ggyy{
    width: 1200px;
    margin: 0 auto;
}
.ggyy .bt{
    background-position-x: 55%;
    font-size: 30px;
}
.ggyy .fbt{
    margin-bottom: 20px;
}
.ggyy p{
    color: #972295;
    font-size: 18px;
    text-align: center;
}
.ggyy .gqrq{
    width: 100%;
    height: 100%;
   padding-top: 50px;
   padding-bottom: 80px;
}
.ggyy .gy_1{
    width: 373px;
    height: 373px;
    float: left;
    background: #fff;
    padding: 67px 30px;
    margin-right: 40px;
}
.ggyy .gy_1:nth-child(3n){
    margin-right: 0;
}
.ggyy .gy_1:hover{
    background-image: url(../images/gy4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.ggyy .gy_1:hover> p{
    color: #fff;
}
.ggyy .gy_1 .yuang{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    margin: 0 auto;
    position: relative;
    margin-bottom: 45px;
}
.ggyy .gy_1 .yuang img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ggyy .gy_1 p{
    font-size: 18px;
    color: #333;
    line-height: 33px;
}
/* 
¹ã²¥¸å¼ÖÆ */
.gglz{
    width: 100%;
    background-image: url(../images/gglz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.gglz .gglzjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}
.gglz .gglzjz .bt{
    background-position-x: 56%;
}
.gglz .gglzjz .fbt{
    margin-bottom: 15px;
}
.gglz .gglzjz .p1{
    font-size: 18px;
    color: #972295;
    text-align: center;
}
.gglz .gglzjz .lzrq{
    width: 100%;
    height: 100%;
    padding-top: 55px;
}
.gglzjz .lzrq .gglz_1{
    width: 25%;
    float: left;
}
.lzrq .gglz_1 .tb{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.lzrq .gglz_1 .tb img{
    width: 100%;
    height: 100%;
}
.lzrq .gglz_1 p{
    font-size: 18px;
    color: #333;
    text-align: center;
    padding: 0 9px;
    margin-top: 50px;
}
/* ·þÎñÁ÷³Ì */
.fwlc{
    width: 100%;
    height: 470px;
    background: #000;
}
.fwlc .fwlcjz{
    width: 1200px;
    margin: 0 auto;
    padding: 55px 0;
}
.fwlc .fwlcjz .bt{
    color: #fff;
    background-image: url(../images/bt_tp2.png);
}
.fwlc .fwlcjz .fbt{
    background: rgb(151,34,149);
}
.fwlcjz .lcrq{
    width: 100%;
}
.fwlcjz .lcrq .lc{
    width: 260px;
    float: left;
    background-image: url(../images/lc.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 43px;
    margin-right:95px;
}
.fwlcjz .lcrq .lc:nth-child(4){
    width: 135px;
    background-image: none;
    margin-right: 0;
}
.fwlcjz .lcrq .lc .yq{
    width: 110px;
    height: 110px;
    border-radius: 100%;
    border: 1.5px solid rgb(106,106,106);
    background-image: url(../images/lc1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.fwlcjz .lcrq .lc:nth-child(2) .yq{
    background-image: url(../images/lc3.png);
}
.fwlcjz .lcrq .lc:nth-child(3) .yq{
    background-image: url(../images/lc5.png);
}
.fwlcjz .lcrq .lc:nth-child(4) .yq{
    background-image: url(../images/lc7.png);
}
.fwlcjz .lcrq .lc:nth-child(1):hover .yq{
    background-image: url(../images/lc2.png);
}
.fwlcjz .lcrq .lc:nth-child(2):hover .yq{
    background-image: url(../images/lc4.png);
}
.fwlcjz .lcrq .lc:nth-child(3):hover .yq{
    background-image: url(../images/lc6.png);
}
.fwlcjz .lcrq .lc:nth-child(4):hover .yq{
    background-image: url(../images/lc8.png);
}
.fwlcjz .lcrq .lc p{
    font-size: 24px;
    color: #fff;
    text-indent: 10px;
    margin-top: 35px;
}

/* Ãâ·ÑÊÔÌý */
.mfst{
    width: 100%;
}
.mfst .mfstjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 175px;
}
.mfst .mfstjz .srk{
    width: 100%;
}
.mfstjz .srk .inp_1,.mfstjz .srk .inp_2,.mfstjz .srk .inp_3,.mfstjz .srk .inp_4{
    width: 100%;
    margin-bottom: 15px;
}
.mfstjz .srk .inp_rq{
    height: 50px;
    border: 1px solid rgb(227,227,227);
    text-indent: 35px;
}
.mfstjz .srk .inp_rq label{
    font-size: 16px;
    color: #191919;
    height: 100%;
    line-height: 45px;
    float: left;
}
.mfstjz .srk .inp_rq input{
    width: 80%;
    height: 100%;
    float: left;
    font-size: 14px;
    color: #a8a8a8;
}
.mfstjz .srk .inp_rq2 input{
    width: 69%;
}
.mfstjz .srk .inp_1 .inp_rq{
    width: 49%;
    float: left;
}
.mfstjz .srk .inp_1 .inp_rq:nth-child(2n){
    float: right;
}
.mfstjz .srk .inp_2 .inp_rq3{
    width: 100%;
    height: 210px;
    border: 1px solid rgb(227,227,227);
    font-size: 16px;
    color: #191919;
    text-indent: 35px;
    padding-top: 20px;
}
.mfstjz .srk .inp_2 .inp_rq3 label{
    font-size: 16px;
    color: #191919;
    height: 100%;
    line-height: 13px;
    float: left;
}
.mfstjz .srk .inp_2 .inp_rq3 textarea{
    float: left;
    width: 80%;
    height: 100%;
    resize:none;
    font-size: 14px;
    color: #a8a8a8;
    padding-left: 20px;
}
textarea::-webkit-input-placeholder {
    color: #a8a8a8;
}
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a8a8a8;
}
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a8a8a8;
}
textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #a8a8a8;
}

.mfstjz .srk .inp_3{
    height: 50px;
    border: 1px solid rgb(227,227,227);
    line-height: 50PX;
    padding: 0 31PX;
    color: #972295;
}
.mfstjz .srk .inp_3 span{
    color: #000;
}
.mfstjz .srk .inp_3 input{
    margin-left: 30px;
}
.mfstjz .srk .inp_3 input:nth-child(1){
    margin-left: 380px;
}
.mfstjz .srk .inp_4 input{
    width: 91%;
}
.mfstjz .srk button{
    width: 175px;
    height: 50px;
    background: rgb(151,34,149);
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 0 auto;
}

.mfstjz .xzm{
    padding-top: 50px;
}
.mfstjz .xzm img{
    width: 138px;
    display: block;
    margin: 0 auto;
}
.mfstjz .xzm p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

@media(max-width:1460px){
    .mfstjz .xzm img{
        width: 100px;
    }
}   



/* ¹ØÓÚÌ«»ª-¹«ÒæÊÂÒµ */

.china_1{
    width: 100%;
}
.china_1 .china_1jz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 150px;
}
.china_1jz .cha1{
    width: 100%;
    background: #fff;
    margin-bottom: 27px;
}
.china_1jz .cha1 .lef{
    float: left;
    width: 305px;
    height: 305px;
}
.china_1jz .cha1 .lef img{
    width: 100%;
    height: 100%;
}
.china_1jz .cha1 .rig{
    float: right;
    width: 830px;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 27px;
    position: relative;
}
.china_1jz .cha1 .rig .p1{
    font-size: 24px;
    color: #333;
    position: absolute;
    left: 0px;
}
.china_1jz .cha1 .rig .p2{
    font-size: 14px;
    color: #666;
    font-weight: bold;
    margin-top: 55px;
    margin-bottom: 22px;
}
.china_1jz .cha1 .rig .p2 span{
    font-size: 14px;
    color: #666666;
    opacity: 0.5;
    margin-left: 25px;
    font-weight: 200;
}
.china_1jz .cha1 .rig p{
    font-size: 16px;
    color: #666;
    line-height: 25px;
}
.china_1jz .cha1 .rig .jia{
    width: 60px;
    height: 60px;
    /* background: rgb(151,34,149); */
    background: #000;
    text-align: center;
    line-height: 60px;
    color: #fff;
    margin-top: 30px;
}
.cha1 .rig .tp{
    width: 289px;
    height: 19px;
    position: absolute;
    top: 80%;
    left: 50%;
    margin-left: -144px;
    background-image: url(../images/cgca2.png);
}
.china_1jz .cha1:hover>.rig .p1 span{
    color: #972295;
}
.china_1jz .cha1:hover>.rig .jia{
    background: #972295;
}
.china_1jz .cha1:hover>.rig .tp{
    background-image: url(../images/cgca1.png);
}
.fyq{
    width: auto;
    display: table;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 120px;
    margin-top: 85px;
}
.fyq .y{
    width: 87px;
    float: left;
    text-align: right;
    background-image: url(../images/h2.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    border: none;
    line-height: 50px;
}
.fyq .y2{
    width: 87px;
    float: right;
    text-align: left;
    background-image: url(../images/h1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    border: none;
    line-height: 50px;
}
.fyq p a{
    width: 100%;
    height: 100%;
    display: block;
}

.fyq p{
    width: 51px;
    height: 51px;
    font-size: 18px;
    color: #333;
    line-height: 51px;
    float: left;
    border: 1px solid rgb(102,102,102);
    text-align: center;
    margin-right: 28px;
}
.fyq .on{
    background: rgb(151,34,149);
    border: none;
    color: #fff;
}
.fyq p:hover{
    background: rgb(151,34,149);
    border: none;
    color: #fff;
}
.fyq .y:hover{
    background: none;
    background-image: url(../images/h2.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    color: #333;
}
.fyq .y2:hover{
    background: none;
    background-image: url(../images/h1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    color: #333;
}





/* ¹ØÓÚÌ«»ª-¹«ÒæÊÂÒµ-ÏêÇé */
.gysy{
    width: 100%;
    padding-top: 135px;
    padding-bottom: 150px;
}
.gysy .gysyjz{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 0 60px;
}
.gysyjz .zw{
    padding-top: 60px;
    padding-bottom: 45px;
    border-bottom: 1px solid rgb(214,214,214);
}
.gysyjz .zw .fbt{
    margin-bottom: 45px;
}
.gysyjz .zw p{
    text-indent: 2rem;
    line-height: 28px;
}
.gysyjz .zw .fbt{
    text-indent: 0;
}
.gysyjz .zw .p1{
    text-indent: 0;
    margin-top: 38px;
}
.gysyjz .zw .p2{
    float: left;
    text-indent: 0;
    margin-top: 70px;
}
.gysyjz .zw .p3{
    float: right;
    text-indent: 0;
    margin-top: 70px;
}
.gysyjz .zw .p2 img,.gysyjz .zw .p3 img{
    width: 100%;
    height: 100%;
}



/* ¹ØÓÚÌ«»ª-ÕÐÏÍÄÉÊ¿
ÕÐÏÍÄÉÊ¿ */

.talent{
    width: 100%;
    height: 100%;
}
.talent .talent_jz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 115px;
    padding-bottom: 140px;
}
.talent .talent_jz .fbt{
    margin-bottom: 55px;
}
.talent_jz .gcx{
    width: 100%;
}
.talent_jz .gcx .gcx_1{
    width: 100%;
    border: 1px solid rgb(214,214,214);
    /* padding: 0 40px; */
    background: rgb(253,253,253);
    margin-bottom: 30px;
    cursor: pointer;
}
.gcx_1 .shang{
    background-image: url(../images/zp.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position-y: 25px;
    background-position-x: 40px;
}
.talent_jz .shang .p1{
    padding: 0 40px;
    font-size: 20px;
    color: #333;
    line-height: 80px;
    background-image: url(../images/jia.png);
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position-y: center;
    background-position-x: 96%;
    position: relative;
    margin-left: 80px;
} 
.talent_jz .shang .p1 .sp1{
    font-size: 14px;
    color: #333;
    line-height: 80px;
    position: absolute;
    left: 35%;
    top: 0%;
}
.talent_jz .shang .p1 .sp2{
    font-size: 14px;
    color: #333;
    line-height: 80px;
    position: absolute;
    right: 5%;
    top: 0%;
}

.talent_jz .shang .p1 span{
    font-size: 14px;
    line-height: 65px;
    color: #666;
    float: right;
    margin-right: 60px;
}
.talent_jz .gcx .gcx_1:hover{
    background: #972295;
}
.gcx_1:hover>.shang{
    background-image: url(../images/zp2.png);
}
.gcx_1:hover>.shang .p1{
    background-image: url(../images/jian.png);
}
.gcx_1:hover>.shang .p1,
.gcx_1:hover>.shang .p1 span{
    color: #fff;
}
.shang .yc{
    padding-bottom: 10px;
    display: none;
    background-image: url(../images/chianbj.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    padding-top: 40px;
    padding-bottom: 85px;
}
.shang .yc .kuan{
    width: 135px;
    height: 35px;
    font-size: 18px;
    color: #972295;
    border: 1px solid #972295;
    margin-left: 45px;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 35px;
}
.talent_jz .shang .yc span{
    font-size: 14px;
    color: #666;
    display: block;
    padding-left: 45px;
    line-height: 25px;
}
.talent_jz .fyq{
    margin: 0 auto;
}



/* ¹ØÓÚÌ«»ª */
.gsgy{
    width: 1200px;
    margin: 0 auto;
    padding-top: 95px;
    padding-bottom: 70px;
}
.gsgy .tprq{
    width: 100%;
}
.gsgy .tprq div:nth-child(1){
    float: left;
}
.gsgy .tprq div:nth-child(2){
    float: right;
}
.gsgy .zw{
    width: 100%;
    margin-top: 50px;
}
.gsgy .zw .log{
    width: 148px;
    height: 48px;
    margin: 0 auto;
}
.gsgy .zw .log img{
    width: 100%;
    height: 100%;
}
.gsgy .zw .p{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 20px 0;
}
.gsgy .zw  p{
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    line-height: 30px;
}
.gsgy .zw .xtp{
    width: 22px;
    height: 14px;
    margin: 0 auto;
    margin-top: 45px;
}
/* ¹«Ë¾ÈÙÓþ */
.chia4_ry{
    width: 100%;
    height: 700px;
    background-image: url(../images/rybj.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chia4_ry .chryjz{
    width: 1430px;
    margin: 0 auto;
    padding: 0 50px;
    padding-top: 50px;
    overflow: hidden;
}
.chia4_ry .chryjz .bt{
    background-position-x: 45%;
}
/*partner -end*/
        /*team -start*/
        .team-slide {
            position: relative;
        }

        .team-slide .swiper-slide {
            width: 449px;
            
        }
        .sec-team .swiper-slide{
            border: 33px solid rgb(194,194,195);
        }
        .sec-team .swiper-slide-active{
            border: 33px solid rgb(151,34,149);
        }
        .sec-team {
            padding-bottom: 80px;
            width: 100%;
            height: 100%;
        }

   

        .team-item .m-img img {
            width: 100%;
            height: 100%;
        }
        .m-img{
            position: relative;
            width: 380px;
            height: 253px;
        }
        .team-item p {
            position: absolute;
            bottom: -100px;
            width: 100%;
            font-size: 22px;
            color: #333;
            padding: .1rem;
            text-align: center;
            transition: all .3s;
        }

        .team-left,
        .team-right {
            width: 75px;
            height: 75px;
           background-image: url(../images/yj.png);
            border-radius: 50%;
            font-size: .18rem;
            color: #fff;
            text-align: center;
            line-height: .5rem;
            cursor: pointer;
            position: absolute;
            top: 50%;
            margin-top: -0.25rem;
            z-index: 1;
            transition: all .3s;
        }

        .team-left {
            left: 0rem;
            transform: rotate(180deg);
        }

        .team-right {
            right: 0rem;
        }

        .team-right:hover {
            transform: rotate(180deg);
            background-image: url(../images/yj2.png);
        }
        .team-left:hover {
            transform: rotate(0deg);
            background-image: url(../images/yj2.png);
        }

        .rel {
            position: relative;
        }

        .abs {
            position: absolute;
            height: 1px;
            top: -.6rem;
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin: 0 auto;
            height: 400px;
            overflow: hidden;
        }


/* 
ºÏ×÷»ï°é */
.chia4_hb{
    width: 100%;
    height: 740px;
    background-image: url(../images/hb.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chia4_hb .chhbjz{
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.chia4_hb .chhbjz .bt{
    color: #fff;
    background-position-x: 29%;
}
.chia4_hb .chhbjz .fbt{
    background: rgb(151,34,149);
    margin-bottom: 45px;
}
.chia4_hb .chhbjz .bttp{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 80px;
    left: 32%;
}
.chia4_hb .chhbjz .bttp img{
    width: 100%;
    height: 100%;
}
.chia4_hb .chhbjz .p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}
.chia4_hb .chhbjz .swiper-slide img{
    display: block;
    margin: 0 auto;
}
.chia4_hb .chhbjz .swiper-slide p{
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
}
.chia4_hb .chhbjz .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -80px;
}
.chia4_hb .chhbjz .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background: #fff;
    opacity: 0.9;
}
.chia4_hb .chhbjz .swiper-pagination-bullet-active{
    background: rgb(151,34,149);
}

/* ÉÌÒµºÏ×÷ */
.chia4_hz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 100px;
}
.chia4_hz .hzrq{
    width: 100%;
}
.chia4_hz .hzrq .hzrq1{
    width: 330px;
    height: 300px;
    background: #fff;
    position: relative;
    padding: 0 30px;
    padding-top: 80px;
    box-shadow: 0px 3px 22px 0px rgba(90, 91, 95, 0.3);
    float: left;
    margin-right: 105px;
}
.chia4_hz .hzrq .hzrq1:nth-child(3){
    margin-right: 0;
}
.hzrq .hzrq1 .xrq{
    width: 80px;
    height: 80px;
    background: rgb(151,34,149);
    position: absolute;
    left: 0;
    top: -20px;
}
.hzrq1 .xrq div{
    width: 100%;
    height: 100%;
    background-image: url(../images/hzrq1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.hzrq1:nth-child(2) .xrq div{
    background-image: url(../images/hzrq3.png);
}
.hzrq1:nth-child(3) .xrq div{
    background-image: url(../images/hzrq5.png);
}
.hzrq .hzrq1 .p{
    font-size: 20px;
    color: #333;
    margin-bottom: 25px;
}
.hzrq .hzrq1 .p1{
    font-size: 18px;
    color: #666;
    padding-top: 20px;
    background-image: url(../images/hzrqbj2.png);
    background-repeat: no-repeat;
    background-position-y: top;
}
.chia4_hz .hzrq .hzrq1:hover{
    background-image: url(../images/hzrqbj.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.chia4_hz .hzrq .hzrq1:hover>.xrq{
    background: #fff;
}
.chia4_hz .hzrq .hzrq1:nth-child(1):hover>.xrq div{
    background-image: url(../images/hzrq2.png);
}
.chia4_hz .hzrq .hzrq1:nth-child(2):hover>.xrq div{
    background-image: url(../images/hzrq4.png);
}
.chia4_hz .hzrq .hzrq1:nth-child(3):hover>.xrq div{
    background-image: url(../images/hzrq6.png);
}
.chia4_hz .hzrq .hzrq1:hover>.p1{
    color: #fff;
    background-image: url(../images/hzrqbj3.png);
}
.chia4_hz .hzrq .hzrq1:hover>.p{
    color: #fff;
}


/* ¹«Ë¾¶¯Ì¬ */
.chia4_dt{
    width: 100%;
    background: #fff;
}
.chia4_dt .chia4_dtjz{
    width: 1500px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    position: relative;
}
.chia4_dt .chia4_dtjz .bt{
    background-position-x: 45%;
}
.chia4_dtjz .swiper-container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.chia4_dtjz .swiper-slide .lef{
    float: left;
}
.chia4_dtjz .swiper-slide .rig{
    width: 370px;
    float: right;
}
.chia4_dtjz .rig .p1{
    font-size: 20px;
    padding-left: 0;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;




}
.chia4_dtjz .rig .p1 span{
    color: #972295;
}
.chia4_dtjz .rig .p2{
    font-size: 14px;
    color: #666;
    margin-top: 25px;
    margin-bottom: 30px;
    padding-left: 30px;
}
.chia4_dtjz .rig .p2 span{
    opacity: 0.5;
}
.chia4_dtjz .rig p{
    font-size: 14px;
    color: #666;
    padding-left: 30px;
}

.chia4_dtjz .rig .jia{
    width: 45px;
    height: 45px;
    background: rgb(151,34,149);
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin-top: 30px;
    margin-left: 30px;
}
.chia4_dtjz .swiper-button-next,.chia4_dtjz .swiper-button-prev{
    top: 60%;
    width: 61px;
    height: 61px;
    background-size: 61px;
}
.chia4_dtjz .swiper-button-prev{
    background-image: url(../images/lb1.png);
}
.chia4_dtjz .swiper-button-next{
    background-image: url(../images/lb2.png);
}
.chia4_dtjz .swiper-button-prev:hover{
    background-image: url(../images/lb3.png);
}
.chia4_dtjz .swiper-button-next:hover{
    background-image: url(../images/lb4.png);
}

/* 
¹«ÒæÊÂÒµ */
.gy{
    background: rgb(248,248,248);
}
.gy .swiper-slide .rig{
    width: 555px;
    float: right;
    padding-top: 53px;
}
.gy .swiper-slide .rig .p1{
    font-size: 24px;
    color: #972295;
    margin-bottom: 35px;
}
.gy .swiper-slide .rig p{
    font-size: 16px;
    color: #666;
    padding-left: 0;
}

/* Ô±¹¤·ç²É */
.chia4_yg{
    width: 100%;
    background: #fff;
}
.chia4_yg .chygjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 60px;
    overflow: hidden;
}
.chia4_yg .chygjz .swiper-container{
    padding-bottom: 60px;
}
.chia4_yg .chygjz .swiper-slide{
    position: relative;
}
.chygjz .yc{
    width: 100%;
    height: 40px;
    background: rgba(151,34,149,0.8);
    position: absolute;
    bottom: 3px;
    padding: 0 30px;
    display: none;
}
.chygjz .swiper-slide div:hover>.yc{
    display: block;
}
.chia4_yg .chygjz .yc .p1{
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    float: left;
}
.chia4_yg .chygjz .yc .p2{
    font-size: 11px;
    color: #fff;
    line-height: 40px;
    float: right;
}
.chygjz  .swiper-pagination-bullet-active{
    background: rgba(151,34,149)
}

/* ÕÐÏÍÄÉÊ¿ */
.chia4_zx{
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 80px;
}
.chia4_zx .zxrq{
    width: 100%;
}
.chia4_zx .zxrq div{
    width: 49%;
    margin-right: 2%;
    float: left;
    padding: 35px;
    background: #fff;
}
.chia4_zx .zxrq div:nth-child(2){
    margin-right: 0;
}
.chia4_zx .zxrq div .p1{
    font-size: 20px;
    color: #666;
}
.chia4_zx .custzd .ks{
    float: none;
    width: 100px;
    height: 30px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding: 0;
    margin: 20px 0;
    text-align: center;
    border: 1px solid rgb(232,232,232);
}
.chia4_zx .custzd  p{
    font-size: 14px;
    color: #777;
    margin-bottom: 8px;
}
.chia4_zx .custzd .p2{
    color: #972295;
}
.chia4_zx .custzd .ks2{
    float: none;
    width: 100px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    margin: 20px 0;
    text-align: center;
    color: #972295;
    border: 1px solid #972295;
}
.chia4_zx .custzd .shang .yc p{
    padding-left: 0;text-indent: 0;
}
.chia4_zx .custzd .shang .p1{
    padding-right: 100px;
}
.chia4_zx .custzd .p1 span{
    float: right;
}

/* ÁªÏµÎÒÃÇ */
.chia4_wm{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 260px;
    background: #fff;
}
.chia4_wm .bt{
    background-position-x: 46%;
}
.chia4_wm .fbt{
    margin-bottom: 50px;
}
.chia4_wm .map,.chia4_wm .map img{
    width: 100%;
    height: 100%;
}
.chia4_wm .map{
    position: relative;
}
.chia4_wm .map .muprq{
    width: 1200px;
    position: absolute;
    left: 50%;
    bottom: -150px;
    margin-left: -600px;
}
.chia4_wm .map .muprq .rq{
    width: 49%;
    height: 270px;
    margin-right: 2%;
    float: left;
    background: #fff;
    padding: 60px 50px;
    border: 1px solid rgb(230,230,230);
}
.chia4_wm .map .muprq div:nth-child(2){
    margin-right: 0;
}
.map .muprq .rq div{
    width: 100%;
    height: 100%;
    background-image: url(../images/wm1.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 95%;
}
.map .muprq .rq:nth-child(2) div{
    background-image: url(../images/wm2.png);
}
.map .muprq .rq div .p{
    font-size: 24px;
    color: #972295;
    background-image: url(../images/dz.png);
    background-repeat: no-repeat;
    background-position-x: left;
    margin-bottom: 40px;
}
.map .muprq .rq div p{
    font-size: 18px;
    color: #191919;
    padding-left: 60px;
    margin-bottom: 8px;
}










/* ÐÐÒµ·¨¹æ */
.laws_zz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 118px;
}
.laws_zz .fbt{
    margin-bottom: 40px;
}
.laws_zz .nrq{
    width: 100%;
    background: #972295;
    padding: 35px 52px;
}
.laws_zz .nrq .p1{
    width: 195px;
    height: 30px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
    text-align: center;
    line-height: 30px;
}
.laws_zz .nrq p{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}
.laws_zz .nrq p:nth-child(1){
    text-indent: 15px;
}
.laws_zz .nrq .jia{
    width: 60px;
    height: 60px;
    background: #fff;
    color: #972295;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    margin-top: 35px;
    float: left;
}
.laws_zz .nrq .pb{
    width: 289px;
    height: 19px;
    float: left;
    margin-top: 50px;
    margin-left: 105px;
    background-image: url(../images/pb.png);
    background-repeat: no-repeat;
}

/* ÇÖȨ°¸Àý */
.laws_zz2{
    padding-top: 47px;
}
.laws_zz2 .nrq{
    background: #fff;
}
.laws_zz2 .nrq .p1{
   color: #333;
    border: 1px solid rgb(232,232,232);
}
.laws_zz2 .nrq p{
    color: #666;
}
.laws_zz2 .nrq .jia{
    background: #000;
    color: #fff;
}
.laws_zz2 .nrq .pb{
    background-image: url(../images/cgca2.png);
}

/* ¹«Ë¾¶¯Ì¬ */
.laws_dt{
    width: 100%;
    background-image: url(../images/gglz.jpg);
    background-repeat: no-repeat;
    background-position-y: bottom;
}
.laws_dt .lawsbtjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 135px;
}
.laws_dt .lawsbtjz .lawsdt_rq{
    width: 50%;
    float: left;
}
.lawsbtjz .lawsdt_rq .lef{
    float: left;
}
.lawsbtjz .lawsdt_rq .rig{
    width: 378px;
    float: right;
}
.lawsdt_rq .rig .p1{
    font-size: 20px;
    /* padding-left: 0; */
}
.lawsdt_rq .rig .p1 span{
    color: #972295;
}
.lawsdt_rq .rig .p2{
    font-size: 14px;
    color: #666;
    margin-top: 25px;
    margin-bottom: 30px;
    padding-left: 30px;
}
.lawsdt_rq .rig .p2 span{
    opacity: 0.5;
}
.lawsdt_rq .rig p{
    font-size: 14px;
    color: #666;
    padding-left: 30px;
}

.lawsdt_rq .rig .jia{
    width: 45px;
    height: 45px;
    background: rgb(151,34,149);
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin-top: 30px;
    margin-left: 30px;
}





/* Öø×÷Ȩ·¨ */
.laws_de{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 55px 60px;
}
.laws_de .fbt{
    margin-bottom: 45px;
}
.laws_de .rq{
    width: 100%;
}
.laws_de .rq p{
    text-indent: 2rem;
}
.laws_de .rq .p1{
    text-indent: 0;
    width: 100%;
    height: 100%;
    margin-top: 50px;
}
.laws_de .rq .p1 img{
    width: 100%;
    height: 100%;
}



/* ÒôÀÖƵµÀ */
.music2{
    width: 1200px;
    margin: 0 auto;
    padding-top: 105px;
}
.music2 .musrq{
    width: 100%;
    margin-bottom: 74px;
}
.music2 .musrq .musfg{
    width: 589px;
    height: 236px;
    float: left;
    position: relative;
}
.music2 .musrq .musfg img{
    width: 100%;
    height: 100%;
}
.music2 .musrq .musfg:nth-child(2){
    float: right;
}
.musfg .wz{
    width: 125px;
    height: 30px;
    border-radius: 30px 0 0 30px;
    background: #fff;
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 35px;
    right: 0;
}

.musfg2 .musbj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(../images/fgbj.png);
    background-repeat: no-repeat;
}
.musfg2 .wz{
    background: rgb(151,34,149);
    color: #fff;
}
.music2 .musrq_1{
    width: 100%;
    display: none;
}
.music2 .musrq_2{
    display: block;
}
.music2 .musrq_1 .musrq_xq{
    width: 247px;
    height: 325px;
    float: left;
    margin-right: 70px;
    margin-bottom: 20px;
    position: relative;
}
.music2 .musrq_1 .musrq_xq:nth-child(4n){
    margin-right: 0;
}
.musrq_1 .musrq_xq .mus_nr img{
    width: 100%;
    height: 100%;
}
.musrq_1 .musrq_xq .p1{
    font-size: 20px;
    color: #333;
    margin-top: 10px;
}
.musrq_1 .musrq_xq .p2{
    font-size: 16px;
    color: #666;
    margin-top: 6px;
    display: none;
}
.musrq_1 .musrq_xq .mus_nr .bk{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(../images/bk.png);
    background-repeat: no-repeat;
    display: none;
}
.musrq_1 .musrq_xq:hover> .mus_nr .bk{
    display: block;
}
.music2 .fyq{
    margin-top: 55px;
    margin-bottom: 75px;
}






/* ²¥·ÅÖÕ¶Ë */
.cust_zd{
    width: 1200px;
    margin: 0 auto;
    padding-top: 105px;
}
.cust_zd .cust_zd1{
    width: 100%;
}
.cust_zd .cust_zd1 .cust_lef{
    width: 580px;
    float: left;
}
.cust_zd .cust_zd1 .cust_lef:nth-child(2){
    float: right;
}
.cust_zd .cust_zd1 .cust_lef .an{
    width: 180px;
    height: 50px;
    margin: 0 auto;
    font-size: 20px;
    color: #666;
    text-align: center;
    line-height: 50px;
    border: 1px solid rgb(208,208,208);
}
.cust_zd .cust_zd1 .cust_lef:hover>.an{
    background: rgb(151,34,149);
    color: #fff;
}
.cust_zd .cust_zd1 .cust_lef .tp{
    width: 100%;
    height: 270px;
    background: #fff;
    position: relative;
    margin-top: 25px;
}
.cust_zd .cust_zd1 .cust_lef .tp img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cust_zd .cust_zd1 .cust_lef p{
    padding: 35px 50px;
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

/* ÒôÀÖºÐ×Ó²Ù×÷˵Ã÷¼°ÎÊÌâ½â¾ö */
.cust_zd .cust_zd2{
    width: 100%;
    background: #fff;
    padding: 55px 50px;
}
.cust_zd .cust_zd2 .p{
    font-size: 24px;
    color: #972295;
    text-align: center;
    margin-bottom: 50px;
}
.cust_zd .hbrq{
    width: 530px;
    float: left;
}
.cust_zd .hbrq:nth-child(2){
    float: right;
}
.cust_zd .cust_zd2 .custzd_lift{
    width: 530px;
    height: 270px;
    background: rgb(248,248,248);
    padding: 35px 100px;
}
.cust_zd .cust_zd2 .custzd_lift .p1{
    font-size: 20px;
    color: #333;
    text-align: center;
}
.cust_zd2 .custzd_lift .lef{
    float: left;
    width: 165px;
    padding-top: 40px;
}
.custzd_lift .lef p{
    font-size: 16px;
    color: #333;
    text-align: left;
    margin-bottom: 13px;
    padding-left: 50px;
}

.custzd_lift .lef p:nth-child(1) {
    background-image: url(../images/hdy.png);
    background-repeat: no-repeat;
    background-size: 21px;
}
.custzd_lift .lef p:nth-child(2) {
    background-image: url(../images/MENU.png);
    background-repeat: no-repeat;
    background-size: 43px 11px;
    background-position-y: 3px;
}
.custzd_lift .lef p:nth-child(3) {
    background-image: url(../images/OK.png);
    background-repeat: no-repeat;
    background-size: 26px 12px;
}
.custzd_lift .rig{
    float: right;
}
.custzd_lift .rig p{
    background-position-y: 5px;
}
.custzd_lift .rig p:nth-child(1){
    background-image: url(../images/s1.png);
    background-repeat: no-repeat;
    background-size: 15px 13px;
}
.custzd_lift .rig p:nth-child(2) {
    background-image: url(../images/x1.png);
    background-repeat: no-repeat;
    background-size: 15px 13px;
}
.custzd_lift .rig p:nth-child(3) {
    background-image: url(../images/y1.png);
    background-repeat: no-repeat;
    background-size: 15px 13px;
}
.custzd_lift .rig p:nth-child(4) {
    background-image: url(../images/z3.png);
    background-repeat: no-repeat;
    background-size: 15px 13px;
}
.cust_zd .cust_zd2 .custzd_lift:hover{
    background: #972295;
}
.cust_zd .cust_zd2 .custzd_lift:hover> .p1{
    color: #fff;
}
.cust_zd .cust_zd2 .custzd_lift:hover>.rig p,
.cust_zd .cust_zd2 .custzd_lift:hover>.lef p{
    color: #fff;
}
.cust_zd .cust_zd2 .custzd_lift:hover>.lef p:nth-child(1){
    background-image: url(../images/bdy.png);
}
.cust_zd .cust_zd2 .custzd_lift:hover>.lef p:nth-child(2){
    background-image: url(../images/MENU_13.png);
}
.cust_zd .cust_zd2 .custzd_lift:hover>.lef p:nth-child(3){
    background-image: url(../images/OK_90.png);
}

.cust_zd .cust_zd2 .custzd_lift:hover>.rig p:nth-child(1){
    background-image: url(../images/s.png);
}
.cust_zd .cust_zd2 .custzd_lift:hover>.rig p:nth-child(2){
    background-image: url(../images/x.png);
}
.cust_zd .cust_zd2 .custzd_lift:hover>.rig p:nth-child(3){
    background-image: url(../images/y.png);
}
.cust_zd .cust_zd2 .custzd_lift:hover>.rig p:nth-child(4){
    background-image: url(../images/z.png);
}
.cust_zd .hbrq .tprq{
    width: 293px;
    height: 66px;
    margin: 0 auto;
    margin-top: 55px;
}
.cust_zd .hbrq .tprq img{
    width: 100%;
    height: 100%;
}


/* ²¥·ÅÆ÷Ãæ°åÏÔʾ½éÉÜ */
.cust_zd .cust_zd3{
    width: 1200px;
    margin: 0 auto;
    padding-top: 67px;
    padding-bottom: 87px;
}
.cust_zd3 .p{
    font-size: 24px;
    color: #972295;
    margin-bottom: 20px;
    text-align: center;
}
.cust_zd3 .nrq{
    width: 100%;
}
.cust_zd3 .nrq .nrq_1{
    height: 130px;
    margin-top: 40px;
    width: 50%;
    padding-left: 108px;
    padding-right: 145px;
    float: left;
}
.cust_zd3 .nrq .nrq_1 div{
    width: 348px;
    height: 71px;
    margin: 0 auto;
}
.cust_zd3 .nrq .nrq_1 .p1{
    padding-top: 25px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.cust_zd3 .nrq .nrq_1 p{
    font-size: 16px;
    color: #782a76;
    line-height: 30px;
}



.cust_zd3 .gcx_1{
    margin-top: 80px;
    width: 100%;
    /* padding: 0 40px; */
    background: #972295;
    margin-bottom: 30px;
    cursor: pointer;
}
.cust_zd3 .gcx_1 .shang{
    background-image: url(../images/zp2.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position-y: 25px;
    background-position-x: 40px;
}
.cust_zd3 .shang .p1{
    padding: 0 40px;
    font-size: 20px;
    color: #fff;
    line-height: 80px;
    background-image: url(../images/jian.png);
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position-y: center;
    background-position-x: 96%;
    position: relative;
    margin-left: 80px;
} 
.cust_zd3 .shang .yc{
    padding-bottom: 10px;
    background-image: url(../images/chianbj.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    padding-top: 40px;
    padding-bottom: 85px;
    padding-left: 185px;
    padding-right: 120px;
    display: block;
}

.cust_zd3 .shang .yc p{
    font-size: 14px;
    color: #666;
    padding-left: 45px;
    line-height: 25px;
    padding-left: 2rem;
}
.cust_zd3 .shang .yc .p2{
    padding-left: 0;
}
.cust_zd3 .fyq{
    margin: 0 auto;
}


/* ²Ù×÷ÊÓƵ */
.cust_zd4{
    width: 100%;
    background: #fff;
}
.cust_zd4 .cust_zdjz{
    width: 1200px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 90px;
}
.cust_zdjz .zdrq{
    width: 100%;
}
.cust_zdjz .zdrq .zdrq1{
    height: 227px;
    width: 50%;
    float: left;
    margin-bottom: 60px;
}
.zdrq .zdrq1 .rq_lef{
    float: left;
}
.zdrq .zdrq1 .rq_rig{
    float: right;
    height: 100%;
    padding-left: 50px;
    padding-right: 45px;
}
.zdrq .zdrq1 .rq_rig .nr{
    width: 275px;
    height: 100%;
    border-bottom: 1px solid rgb(240,240,240);
    padding-bottom: 25px;
    padding-top: 32px;
}
.zdrq1 .rq_rig .nr p{
    font-size: 16px;color: #333;
    line-height: 25px;
    margin-bottom: 45px;
}

.zdrq .zdrq1 .rq_rig .nr div p{
    float: right;
    margin-bottom: 0;
    margin-top: 25px;
    font-size: 14px;
    color: #666;
}
.cust_zd4 .video_pic{
    overflow: visible;
}
.cust_zd4 .video_pic:after {
    content: '';
    width: 70px;
    height: 70px;
    background: url(../images/video_a.png) no-repeat center;
    position: absolute;
    left: 139%;
    top: 68%;
    margin-top: 7.5px;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background-size: contain;
    z-index: 1;
}
.cust_zd4 .video_pic:hover:after{
    top: 68%;
}
.cust_zdjz .fyq{
    margin-top: 0;
    margin-bottom: 0;
}



/* Q&A */
.cust_zd5{
    width: 1200px;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 105px;
}
.cust_zd5 .bt{
    background-position-x: 47%;
}
.cust_zd .cust_zd5 .custzd{
    width: 100%;
}
.custzd .gcx_1{
    width: 100%;
    /* padding: 0 40px; */
    background: rgb(253,253,253);
    margin-bottom: 30px;
    cursor: pointer;
}
.custzd .gcx_1 .shang{
    background-image: url(../images/zp.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position-y: 25px;
    background-position-x: 40px;
}
.custzd .shang .p1{
    padding: 0 40px;
    font-size: 20px;
    color: #333;
    line-height: 80px;
    background-image: url(../images/jia.png);
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position-y: center;
    background-position-x: 96%;
    position: relative;
    margin-left: 80px;
} 
.custzd .gcx_1:hover{
    background: #972295;
}
.custzd .gcx_1:hover>.shang{
    background-image: url(../images/zp2.png);
}
.custzd .gcx_1:hover>.shang .p1{
    background-image: url(../images/jian.png);
}
.custzd .gcx_1:hover>.shang .p1{
    color: #fff;
}
.custzd .shang .yc{
    padding-bottom: 10px;
    display: none;
    background-image: url(../images/chianbj.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    padding-bottom: 85px;
    padding-left: 145px;
    padding-right: 100px;
    padding-top: 1px;
}
.custzd .shang .yc p{
    font-size: 16px;
    color: #666;
    display: block;
    /* padding-left: 45px; */
    line-height: 25px;
    /* text-indent: 2rem; */
}
.custzd .shang .yc .p2{
    text-indent: 0;
    margin-top: 40px;
}
.custzd .fyq{
    margin: 0 auto;
}


.xlnr p{
    height: 60px;
    line-height: 60px;
}
.xlnr p img{
    display: none;
}
.xlnr p a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 40px;
}
.xlnr p:hover{
    background: rgb(151,34,149);
    color: #fff;
}












/* ²¥·ÅÆ÷ */
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome¡¢firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.clear{}
	.clear::after{
		content: "";
		display: block;
		width: 100%;
		height: 0;
		clear: both;
    }
    #container{
        overflow: visible;
        margin-bottom: 70px;
    }
	.container{
		width: 1200px;
        height: 130px;
        margin: 0 auto;
		box-shadow: 0 0 10px rgba(255,255,255,0.5);
        background: rgb(243,243,243);
    }
	.music{
		width: 100%;
		height: 100%;
		box-sizing: border-box;

	}
	.photo{
        width: 100%;
        display: none;
	}
	.photo_pic{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 75px auto 0;
	border-radius: 50%;
	background: url(img/img_no.jpg);
	box-shadow: 0 0 2px #666, 0 0 10px #666;
	}
	.choose{
		height:150px;
	}
	.choose_obj{
		width: 50%;
		float: left;
		text-align: center;
		color: #fff
	}

	.icon{
		margin-top: 40px;
		height: 50px;
		font-size:50px;
		line-height: 50px;
		font-family: "iconfont";
		cursor: pointer;
		text-shadow: 2px 2px 0px #666;
	}
	.icon.yellow+span{
		color: aquamarine;
	}
	.icon.pink+span{
		color: #f7759f;
	}
	.choose_obj span{
		display: block;
		height: 30px;
		line-height: 30px;
		font-family: "΢ÈíÑźÚ";
		font-size: 14px;
	}
	.cd{
		width: 10px;
		height: 10px;
		position: absolute;
		top:50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
		background: #666;
		border: 10px solid #fff;
		box-shadow: 0 0 1px #000;
		border-radius: 50%;
	}
	.progress{
        margin: 0 auto;
        font-family: "iconfont";
        padding-top: 50px;
	}
	.lyric{
		width: 50%;
		height: 100%;
        float: right;
    }
    .lyric_con{
        display: none;
    }
    #container{
        position: relative;
    }
    .lyric_tit{
        position: absolute;
        left: 25%;
        top: -16%;
    }
	time{
		font-size: 12px;
		width: 49px;
		text-align: center;
		color: #333;
		height: 50px;
		line-height: 4px;
        position: absolute;
        right: 0;
    }
    .ks{
        right: 50px;
    }
	.progress_bar{
		position: relative;
		width: 100%;
		height: 2px;
		margin-top: -8px;
		background-color: #333;
		float: left;
        cursor: pointer;
        position: absolute;
        top: 50%;
	}
	.progress_cube{
		position: absolute;
		left: 0;
		top: -5px;
		width: 4px;
		height: 4px;
		background-color: #000;
		border:5px solid #333;
		border-radius: 50%;
		cursor: pointer;
	}
	.progress_obj2{
        width: 706px;
        height: 50px;
        margin: 0 auto;
		line-height: 30px;
		color:#ffffff;
       position: relative;
      
       margin-left: 290px;
	}
	.ctrl_btn{
		width: 130px;
        float: left;
        position: absolute;
        top: -42px;
        left: 125px;
    }
    .lsit2{
        width: 29px;
        height: 19px;
        position: absolute;
        right: 75px;
        top: -46px;
    }
	
	.ctrl_btn .btn{
		width: 33.3%;
		float: left;
		text-align: center;
        cursor: pointer;
        color: #333;
	}
	.play_btn{
		font-size: 24px;
	}
	.ctrl_info{
		width: 300px;
		float: left;
	}
	.vol{
		padding-left: 50%;
		width: 100px;
		height: 100%;
		float: left;
        display: none;
	}
	.vol_bar{
		position: relative;
		width: 70px;
		float: right;
		height: 2px;
		background-color: #fff;
        margin-top: 13px;
        display: none;
	}
	.vol_cube{
		position: absolute;
		left: 0;
		top: -4px;
		width: 3px;
		height: 3px;
		background-color: #000;
		border:4px solid #fff;
		border-radius: 50%;
		cursor: pointer;
	}
	.list{
		width: 20px;
		height: 100%;
		float: right;
        text-align: center;
	}
	.lyric_tit{
		height: 50px;
		line-height: 50px;
		color: #fff;
		text-align: center;
		font-weight: 700;
		margin-top: 30px;
        color: darkgrey;
	}
	.lyric_con{
		position: relative;
		line-height: 40px;
		color: #fff;
		font-size: 14px;
		padding: 0px 50px ;
		text-align: center;
		height: 450px;
		/* overflow: hidden; */
		margin-top: 20px;		
	}
	#lyric_txt{
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
	}
	.lyric_con p.played{
		color: aquamarine;
	}
	.lyric_con p.active{
		color: aquamarine;
		font-size: 20px;
		font-weight: 700;
	}
	.audio{
		display: none;
    }
    .progress_obj3{
        position: relative;
    }
    .tpcf{
        width: 86px;
        height: 86px;
        position: absolute;
        left: 10px;
        top: -78px;
        overflow: hidden;
    }
    .tpcf img{
        width: 100%;
        height: 100%;
    }
	#list{
        position: absolute;
        right: 35px;
        top: -46px;
        cursor: pointer;
        color: #333;
	}
	#list_con{
		position: absolute;
        bottom: 30px;
        right: -60px;
		width: 150px;
		height: 100px;
		color: #666;
		/* padding: 10px 0; */
		border-radius: 5px;
		background: #0000;
		font-family: "΢ÈíÑźÚ";
		font-size: 14px;
		cursor: pointer;
		display: none;
	}
   #list_con p{
        color:darkgrey;
        width: 100%;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        margin-bottom: 2px;
        background: #000;
    }
    .ctrl_btn .btn:nth-child(1),
    .ctrl_btn .btn:nth-child(3){
        margin-top: 5px;
    }
    .tpcf .mr{
        display: none;
    }
    .tpcf .av{
        display: block;
    }





/* Ê×Ò³²¥·ÅÆ÷ */
.leftContent .photo{
    display: block;
}
.leftContent #container{
    width: 100%;
}
.leftContent .photo_pic{
    width: 447px;
    height: 447px;
}

.leftContent .container{
    background: none;
}
.leftContent .progress_bar{
    top: 70%;
}
.leftContent .ctrl_btn .btn{
    font-size: 45px;
}
.leftContent .ctrl_btn {
    width: 254px;
    top: 318%;
    left: 95px;
}
.leftContent .ctrl_btn .btn:nth-child(1),
.leftContent .ctrl_btn .btn:nth-child(3) {
   font-size: 25px;
}
.leftContent #list {
    position: absolute;
    right: 9px;
    top: 165%;
}
.leftContent .lsit2 {
    width: 29px;
    height: 19px;
    position: absolute;
    left: -3px;
    top: 165%;
}
.leftContent .progress{
    position: relative;
}
.leftContent #list_con{
    background: #000;
    position: absolute;
    bottom: 58px;
    right: -64px;
}
.leftContent .ks{
    position: absolute;
    top: 10px;
}
.leftContent .js{
    position: absolute;
    top: 10px;
}


.leftContent .lyric{
    display: block;
}
.leftContent .lyric_con{
    display: none;
}
.content .leftContent .music{
    position: relative;
}
.leftContent .lyric_tit{
    position: absolute;
    top:67%;
    left: 48%;
    color: darkgrey;
}









#swi{
    width: 100%;
    position: relative;
    overflow: hidden;
}

#swi .nest {
    height: 84px;
    width: 222px;
    background-color: #972295;
    position: absolute;
    bottom: 0px;
    right: 92px;
    line-height: 84px;
    text-align: center;
    z-index: 2;
}

#swi .nest a {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
}

#swi .swiper-button-next {
    width: 20px;
    height: 17px;
    background-image: url(../images/jt2.png);
    background-size: contain;
    margin-top: -8px;
}

#swi .swiper-button-prev {
    width: 20px;
    height: 17px;
    transform: rotate(180deg);
    background-image: url(../images/jt2.png);
    background-size: contain;
    margin-top: -8px;
}