html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,textarea,input{ margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'宋体','simsun','arial','tahoma';  color: #515151; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a,img{-webkit-touch-callout: none}
a,a:active,a:focus,a:hover,a:visited {text-decoration: none;color: #515151;max-width: 100%;}
input[type=password],input[type=text],textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol {list-style: none; }
:focus{outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden; padding-top: 20px;}
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
@media screen and (min-width: 1920px) { 
.wap_btn{ display:none;}
.wl{ width:1400px; margin:0 auto;}
.navBar {width:1400px;height:100px;margin:0 auto;}
.navBar .nav_logo {height:100%;float:left;}
.navBar .nav_search ul {list-style-type:none;float:right;margin-top:0;}
.navBar .nav_search ul li {font-size:18px;float:left;margin-left:50px; padding:20px 0 15px 0; margin:20px 0 30px 50px;}
.navBar .nav_search ul li a {text-decoration:none;color:black;}
.navBar .nav_search ul li.active{ background:url(../images/navac.png) center bottom no-repeat;}
.top{padding: 20px;}

.banner img{ width:100%;}
.banner .title{ position:absolute; right:0px; top:0px; width:calc(16% - 80px); background:rgba(0,0,0,0.6); height:100%; color:#fff;padding:0 40px;display: flex;align-items: center;}
.banner .title .tt{ line-height:30px; font-size:16px;letter-spacing:2px;}
.banner .title .tt font{ font-size:22px; }
.banner .swiper-button-white{ width:13% !important; right:28px !important; left:inherit !important; bottom:10% !important; display:flex;justify-content:space-around;}
.banner .swiper-button-white .swiper-pagination-bullet{background:#fff; width:22%; border-radius:5px; margin:0px !important;}
.banner .swiper-button-white .swiper-pagination-bullet-active{ background:#fff !important;}

.index1{ margin:130px 0;}
.index1 .since {width:1400px;margin:75px auto;}
.index1 .since .text{ }
.index1 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index1 .since .text ul li{margin-bottom:-2px;}
.index1 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index1 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 235px;}
.index1 .since .year span {font-size:18px;}
.index1 .since .year {float:right;margin-top:18px;}
.index1 .con{}
.index1 .con .lists{width:300px; float:left; margin:0 66px 70px 0;}
.index1 .con .lists:nth-child(4n){ margin-right:0px;}
.index1 .con .lists img{ width:100%; height:300px; border-radius:50%;}
.index1 .con .lists .a2{ padding:30px 0 3px 0;}
.index1 .con .lists .a2,.index1 .con .lists .a3{ text-align:center; font-size:16px; color:#515151;}
.index1 .more{ display:block; background:#e24c66; padding:10px 40px; color:#fff; font-size:16px; margin:0 auto; width:100px; text-align:center; border-radius:10px;}
.index1 .more:hover{ background:#cccccc;}

.index2{ margin:50px 0; background:url(../images/index2bg.jpg) center center no-repeat; background-size:100% 100%; height:600px; width:100%;}
.index2 .video{ width:800px; height:450px; margin:75px auto; position:relative;}
.index2 .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.index2 .video .bg img{ width:100%; height:100%; float:left;}
.index2 .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.index2 .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/index2_spbtn.png) center center no-repeat; cursor:pointer;}

.index3 .wl{}
.index3 .since {width:1400px;margin:150px auto 60px auto;}
.index3 .since .text{ }
.index3 .since .text ul {width:410px;position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index3 .since .text ul li{margin-bottom:-2px;}
.index3 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index3 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:250px;}
.index3 .since .year span {font-size:18px;}
.index3 .since .year {float:left;margin-top:22px;}
.index3 .a1{}
.index3 .a2 .lists{ float:left; width:19%; margin:0 8% 0px 0;}
.index3 .a2 .lists:nth-child(4){ margin-right:0px;}
.index3 .a2 .lists img{ width:100%; height:100%;}
.index3 .a2 .lists .tt{ padding:40px 0 0 0;}
.index3 .a2 .lists .tt .b1{ padding:0 0 10px 0;}
.index3 .a2 .lists .tt .b1 a{ font-size:24px; color:#515151;}
.index3 .a2 .lists .tt .b2{ font-size:16px; line-height:30px;color:#515151;}
.index3 .a2 .lists .tt .b3{ width:180px; height:44px; margin:50px auto 0 auto; border:1px solid #898989; text-align:center; line-height:44px; border-radius:10px;}
.index3 .a2 .lists .tt .b3 a{ display:block; color:#000; font-weight:600;}
.index3 .a2 .lists .tt .b3:hover{ background:#e24c66;border:2px solid #e24c66;}
.index3 .a2 .lists .tt .b3:hover a{ color:#fff;}

.index4{ margin:150px 0;}
.index4 .since {width:1400px;margin:30px auto;}
.index4 .since .text{ }
.index4 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index4 .since .text ul li{margin-bottom:-2px;}
.index4 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index4 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 235px;}
.index4 .since .year span {font-size:18px;}
.index4 .since .year {float:right;margin-top:18px;}

.index5 .wl{}
.index5 .since {width:1400px;margin:80px auto 60px auto;}
.index5 .since .text{ }
.index5 .since .text ul {width:410px;position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index5 .since .text ul li{margin-bottom:-2px;}
.index5 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index5 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:250px;}
.index5 .since .year span {font-size:18px;}
.index5 .since .year {float:left;margin-top:22px;}
.game163 .smallImg .tempWrap{ overflow-x:auto !important;}

/* 本例子css */
.game163{ position: relative;width:700px; float:left;}
.game163 .bigImg{position: relative;}
.game163 #gaodu{height:500px !important;}
.game163 .bigImg li img{ vertical-align:middle; width:698px;height: 700px; }
.game163 .smallImg{display:inline; width: 700px; overflow: hidden;opacity:0.8;}
.game163 .smallImg ul{ height:100px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left;width:99px !important;height:100px; cursor:pointer;  display: inline;  }
.game163 .smallImg li img{ width:99px; height:100px;}
.game163 .smallImg a{width:100%; height:100%; opacity:0.8;filter:Alpha(opacity=80);}
.game163 .smallImg .on{ border:2px solid #f00;width:96px; height:96px;opacity:1;filter:Alpha(opacity=100);}
.game163 .smallImg .on img{width:100%; height:100%;}

.tabtxt{ width:615px;min-height:300px; float:right;}
.tabtxt .txt1,.tabtxt .txt2,.tabtxt .txt3,.tabtxt .txt4,.tabtxt .txt5,.tabtxt .txt6{ display:none;}
.tabtxt .wenben{ font-size:20px; line-height:40px; padding:80px 0 0 0;}
.tabtxt .wenben font{ font-size:36px;}

.index6{ margin:150px 0;}
.index6 .since {width:1400px;margin:30px auto;}
.index6 .since .text{ }
.index6 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index6 .since .text ul li{margin-bottom:-2px;}
.index6 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-11px;}
.index6 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 235px;}
.index6 .since .year span {font-size:18px;}
.index6 .since .year {float:right;margin-top:18px;}
.index6 .a2{ padding:40px 0 0 0;}
.index6 .about_l{ width:calc(100% - 850px);font-size:18px; padding:20px 0 0 0;}
.index6 .about_l .b1{font-size:23px;}
.index6 .about_l .b2{font-size:16px; margin:0 0 30px 0;}
.index6 .about_l .b3 li{ background:url(../images/icon.png) left center no-repeat; padding-left:45px; list-style:none; margin-bottom:20px;}
.index6 .about_l .b4{ padding:20px 0; line-height:50px; margin-bottom:10px;}

.index7{ padding:80px 0; text-align:center; line-height:48px; font-size:20px;}
.index7 font{ color:#e24c66; font-size:24px;}
.index8{}
.index8 .a1 .b1{ font-size:20px; padding-bottom:20px;}
.index8 .a1 .b2 textarea{ width:calc(100% - 62px); height:190px; background:#f8f8f8; border-radius:20px; overflow:hidden; outline:none; padding:30px; font-size:16px; line-height:35px;}
.index8 .a2{ width:210px; height:50px; margin:52px auto; text-align:center; line-height:52px; background:#e24c66; color:#fff; font-size:20px;border-radius:10px;}
.index8 .a2:hover{ background:#cccccc;}

.foot {width:100%;height:400px;background-color:#cccccc;font-size:18px;margin:100px 0 0 0;}
.foot .content {height:100%;width:1400px;margin:0 auto;}
.foot .column {height:100%;width:1220px;float:left;}
.foot .content .up {width:1220px;height:22px;margin-top:0px;padding-left:0px;padding-top:84px;}
.foot .content .up li {float:left;margin-right:96px;}
.foot .content .up li a{ font-size:18px; color:#515151;}
.foot .content .tel {float:left;width:414px;height:80px;margin-top:80px;padding-left:0px;}
.foot .content .tel li {margin-bottom:28px;}
.foot .content .adrr {float:left;width:414px;height:80px;margin-top:80px;padding-left:0px;}
.foot .content .adrr li {margin-bottom:28px;}
.foot .content .erweima {width:178px;float:right;margin-top:84px;}
.foot .content .erweima span {display:block;text-align:center;margin-top:16px;}


.since1 {width:1400px;height:178px;margin:0 auto;padding-top:1px;}
.since1 .redLine {width:5px;height:69px;background-color:#e24c66;border-top:1px solid #ee94a3;border-bottom:1px solid #ee94a3;position:relative;bottom:-76px;float:left;}
.since1 .text ul {width:410px;height:78px;list-style-type:none;padding-left:16px;position:relative;bottom:-65px;float:left;margin-right:217px;}
.since1 .text ul .active {font-size:35px;margin-bottom:9px;}
.since1 .text ul li {}
.since1 .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:118px;}
.since1 .year span {font-size:18px;}
.since1 .year {float:right;margin-top:106px;}

.information {width:1400px;height:1155px;padding-top:1px;margin:0 auto;}
.information .left {float:left;width:550px;height:770px;margin-top:100px;}
.information .left img {width:100%;height:100%;}
.information .right {float:right;width:647px;height:758px;margin-top:210px; letter-spacing:2px;}
.information .right ul li{background:url(../images/bqtb.jpg) left center no-repeat; padding-left:25px;margin-bottom:30px;font-size:20px;}
.information .right .title {margin-top:0px;margin-bottom:0px;font-size:24px;font-weight:600;color:#515151;}
.information .right .english {font-size:14px;margin-bottom:55px; letter-spacing:1px;}
.information .right .detail {margin-top:50px;line-height:48px;letter-spacing:4px;font-size:20px;}
.information .right .youxiang{ font-size:27px; padding:50px 0; font-weight:600;}
.information .right .link a{font-size:27px;font-weight:600;color:#e24c66; text-decoration:underline;}

.bqdl .lm{ text-align:center; padding:30px 0;}
.bqdl .lm a{font-size:22px; padding:0 50px;color:#515151}
.bqdl .lm a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.bqdl .con{ padding:70px 0 20px 0;}
.bqdl .con .lists{width:21%; float:left; margin:0 2% 70px 2% !important;}
.bqdl .con .lists:nth-child(4n){ margin-right:0px;}
.bqdl .con .lists img{ width:100%; height:300px; border-radius:10px}
.bqdl .con .lists .a2{ padding:20px 0 3px 0;}
.bqdl .con .lists .a2,.bqdl .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}

.bqdl .ost{ padding:70px 0 20px 0;}
.bqdl .ost .lists{width:420px; float:left; margin:0 70px 70px 0;}
.bqdl .ost .lists:nth-child(3n){ margin-right:0px;}
.bqdl .ost .lists img{ width:100%; height:240px; border-radius:10px}
.bqdl .ost .lists .a2{ padding:20px 0 3px 0;}
.bqdl .ost .lists .a2,.bqdl .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}

.news {width:1400px;margin:0 auto;padding:1px 0 200px 0;}
.news .img {width:1202px;margin:100px auto 0 auto; text-align:center;}
.news .img img {}
.news .title {text-align:center;font-size:28px; padding-top:85px;}
.news .date {width:310px;margin:40px auto 40px auto;font-size:14px;}
.news .date .a {display:inline;float:right;}
.news .zw {width:100%; font-size:20px; line-height:48px;}

.videolist .video{ width:1240px; height:698px; margin:75px auto 0 auto; position:relative;}
.videolist .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.videolist .video .bg img{ width:100%; height:100%; float:left;}
.videolist .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.videolist .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.lyp .video_tt{ text-align:center; padding:40px 0 50px 0; font-size:24px;}

.lyp {width:1400px;margin:0 auto;padding:5px 0 100px 0;}
.lyp .videoArea {width:1240px;height:850px;margin-left:auto;margin-right:auto;margin-top:96px;text-align:center;}
.lyp .videoArea video {width:100%;margin-bottom:48px;}
.lyp .intro {line-height:36px;letter-spacing:3px;font-size:20px; margin:20px 0 0 0;}
.lyp .download {margin-top:74px;}
.lyp .download span {display:inline-block;margin-left:50px;font-size:20px;}
.lyp .download a {display:inline-block;color:#e24c66;border-bottom:2px solid #e24C66;padding-bottom:1px;text-decoration:none; font-size:20px;}


.zzxq h2 {width:1400px;margin:80px auto 0 auto;text-align:center;font-size:32px;}
.zzxq h6 {width:1400px;margin:25px auto 0 auto;text-align:center;font-size:16px;}
.zzxq .picture {height:560px;width:1400px;list-style-type:none;margin-left:auto;margin-right:auto;margin-top:38px;text-align:center;}
.zzxq .picture .left {display:inline-block;height:560px;width:436px;float:left;}
.zzxq .picture .middle {height:560px;width:436px;}
.zzxq .picture .right {display:inline-block;height:560px;width:436px;float:right;}
.zzxq .info {width:1400px;margin:85px auto 0;}
.zzxq .info span {display:block;letter-spacing:1px;line-height:48px;font-size:20px; }
.zzxq .detail {width:1400px;margin-left:auto;margin-right:auto;margin-top:80px;text-align:center; padding:0 0 100px 0;}
.zzxq .detail img {display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;width:960px;height:600px;}
.zzxq .detail span {display:block;margin-bottom:100px; font-size:20px;}

.yiren {width:1400px;margin:0 auto; padding-bottom:150px;}
.yiren .left {float:left;width:600px;height:600px;text-align:center; margin:100px 0 0 0;}
.yiren .left img {display:block;margin-bottom:30px;width:100%;height:100%;}
.yiren .left span {display:block;line-height:32px; font-size:20px;}
.yiren .right {float:right;width:703px;font-size:20px;}
.yiren .right .musicInfo {margin-top:94px;}
.yiren .right .musicInfo span {display:block;letter-spacing:2px; padding:3px 0;}
.yiren .right .singerInfo {display:block;margin-top:40px;letter-spacing:2px; font-size:20px; line-height:48px;}

.zhizuo{}
.zhizuo .lists{ height:350px; padding:100px 0;}
.zhizuo .lists .a1{ float:left; width:700px; height:350px;}
.zhizuo .lists .a1 img{ width:100%; height:100%;}
.zhizuo .lists .a2{ float:right; width:calc(100% - 800px); text-align:center;}
.zhizuo .lists .a2 .b1{ font-size:30px; padding:30px 0 20px 0;}
.zhizuo .lists .a2 .b1 a{ color:#515151;}
.zhizuo .lists .a2 .b2{ font-size:20px; line-height:36px; text-align:left;}
.zhizuo .odd .a1{ float:right;}
.zhizuo .odd .a2{ float:left;}

.about .con1{ margin:60px 0 0 0;}
.about .con1 .a1{ float:left;}
.about .con1 .a2{ float:left; margin:0 0 0 50px;}
.about .con1 .a3{ float:right;}
.about .con1 .a3 .b2{ margin:50px 0 0 0;}
.about .con2{ line-height:52px; font-size:23px; padding:60px 0;}
.about .con3{font-size:23px; margin-bottom:10px; background:url(../images/about5.png) left center no-repeat; padding:0 0 0px 40px;}
.about .con3 a{ color:#515151;}
.about .since1{ padding:80px 0 40px 0;}
.about .con4{ font-size:23px;}
.about .con4 .a1{ float:left; margin:40px 0 0 0;}
.about .con4 .a1 .b1{ padding-bottom:30px;}
.about .con4 .a2{ float:left;margin:40px 0 0 200px;}
.about .con4 .a2 .b1{ padding-bottom:30px;}
.about .con4 .a3{ float:right; text-align:center; font-size:18px;}
.about .con4 .a3 .b2{ margin:10px 0 0 0;}
.about .index8{ margin:80px 0 100px 0;}

.zhizuolist .a1{ text-align:center; padding:30px 0px 100px 0px;}
.zhizuolist .a1 a{font-size:22px; padding:0 50px;color:#515151}
.zhizuolist .a1 a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.zhizuolist .a2 .b1{ float:left; width:500px;}
.zhizuolist .a2 .b1 img{ width:100%;}
.zhizuolist .a2 .b2{ float:left; width:calc(100% - 580px); float:right;}
.zhizuolist .a2 .b2 .c1{ padding:10px 0 0 0;}
.zhizuolist .a2 .b2 .c1 a{ font-size:28px; color:#515151;}
.zhizuolist .a2 .b2 .c2{ font-size:18px; line-height:36px; padding:20px 0;}
.zhizuolist .a2 .b2 .c3{ padding:15px 0 0 0;}
.zhizuolist .a2 .b2 .c3 a{color:#515151; padding:8px 25px; border:1px solid #515151;border-radius:10px;}
.zhizuolist .a2 .b2 .c3 a:hover{ background:#e24c66;border:1px solid #e24c66;color:#fff;}
.zhizuolist .a2 .b2 .c4 .b1{ margin:10px 0 0 0;}
.zhizuolist .a2 .b2 .c4 .b2{ padding:15px 0 0 0; text-align:right;}
.zhizuolist .a2 .b2 .c4 .b2 a{color:#515151; padding:8px 40px; border:1px solid #515151; border-radius:10px; font-size:14px; color:#515151;}
.zhizuolist .a2 .b2 .c4 .b2 a:hover{ background:#e24c66;border:1px solid #e24c66;color:#fff;}
.zhizuolist .a2 .list{ padding:0 0 50px 0;}
.zhizuolist .a3{ text-align:center; padding:80px 0 120px 0;}
.zhizuolist .a3 a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}

.yirenlist .lists{ float:left; margin:60px 66px 0px 0;}
.yirenlist .lists:nth-child(4n){ margin-right:0px;}
.yirenlist .lists .a1{ width:300px; height:300px; border-radius:50%; overflow:hidden;}
.yirenlist .lists .a1 img{ width:100%; height:100%;}
.yirenlist .lists .a2{ text-align:center; padding:40px 0; font-size:25px;}
.yirenlist .lists .a3 a{ display:block; background:url(../images/yiren_t.png) left center no-repeat; width:50px; height:50px; margin:0 auto;}
.yirenlist .lists:hover .a3 a{background:url(../images/yiren_h.png) left center no-repeat;}
.yirenlist .yiren { display:flex; justify-content:space-between; padding:50px 0 50px 0;}
.yirenlist .yiren .a1{ width:49%; font-size:18px; line-height:30px;}
.yirenlist .yiren .a2{ width:49%;}

.yt .list{ width:400px; height:300px; float:left; margin:0 100px 100px 0;}
.yt .list img{ width:100%; height:100%;}
.yt .list:nth-child(3n){ margin-right:0px;}
.yt .con{ font-size:20px; line-height:36px; margin-bottom:100px;}

.video_n{ width:1400px; margin:0 auto;font-size:20px; }
.video_n .video{ width:1240px; height:697px; margin:75px auto 40px auto; position:relative;}
.video_n .video .bg{ position:absolute; z-index:1; width:100%; height:102%; left:0px; top:0px;}
.video_n .video .bg img{ width:100%; height:100%; float:left;}
.video_n .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.video_n .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.video_n .a1{ text-align:center; font-size:24px;}
.video_n .a2{ font-size:20px; line-height:36px; margin:70px 0 60px 0;}
.video_n .a3 .b1{ float:left; margin-right:100px;}
.video_n .a3 .b1 a{ color:#e24c66; text-decoration:underline;}
.video_n .a3 .b2{ float:left;}


.pages { text-align:center; padding:80px 0 120px 0;}
.pages a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}
.pages a.none{ background:#c1c1c1;}
} 

@media screen and (min-width: 860px) and (max-width: 1919px) { 
.wap_btn{ display:none;}
.wl{ width:80%; margin:0 auto;}
.navBar {width:1200px;height:100px;margin:0 auto;}
.navBar .nav_logo {height:100%;float:left;}
.navBar .nav_search ul {list-style-type:none;float:right;margin-top:0;}
.navBar .nav_search ul li {font-size:18px;float:left;margin-left:10px; padding:20px 0 15px 0; margin:20px 0 30px 20px;}
.navBar .nav_search ul li a {text-decoration:none;color:black;}
.navBar .nav_search ul li.active{ background:url(../images/navac.png) center bottom no-repeat;}

.banner img{ width:100%;}
.banner .title{ position:absolute; right:0px; top:0px; width:calc(16% - 80px); background:rgba(0,0,0,0.6); height:100%; color:#fff;padding:0 40px;display: flex;align-items: center;}
.banner .title .tt{ line-height:30px; font-size:16px;letter-spacing:2px;}
.banner .title .tt font{ font-size:22px; }
.banner .swiper-button-white{ width:13% !important; right:28px !important; left:inherit !important; bottom:10% !important; display:flex;justify-content:space-around;}
.banner .swiper-button-white .swiper-pagination-bullet{background:#fff; width:22%; border-radius:5px; margin:0px !important;}
.banner .swiper-button-white .swiper-pagination-bullet-active{ background:#fff !important;}

.index1{ margin:0 auto;width: 80%;}
.index1 .since {margin:30px auto;}
.index1 .since .text{ }
.index1 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index1 .since .text ul li{margin-bottom:-2px;}
.index1 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index1 .since .grayLine {width:300px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 100px;}
.index1 .since .year span {font-size:18px;}
.index1 .since .year {float:right;margin-top:18px;}
.index1 .con{}
.index1 .con .lists{width:20%; float:left; margin:0 6.5% 80px 0;height: 300px;}
.index1 .con .lists:nth-child(4n){ margin-right:0px;}
.index1 .con .lists img{ width:100%; border-radius:50%;}
.index1 .con .lists .a2{ padding:30px 0 3px 0;}
.index1 .con .lists .a2,.index1 .con .lists .a3{ text-align:center; font-size:16px; color:#515151;}
.index1 .more{ display:block; background:#e24c66; padding:10px 40px; color:#fff; font-size:16px; margin:0 auto; width:100px; text-align:center; border-radius:10px;}
.index1 .more:hover{ background:#cccccc;}

.index2{ margin:50px 0; background:url(../images/index2bg.jpg) center center no-repeat; background-size:100% 100%; height:600px; width:100%;}
.index2 .video{ width:800px; height:450px; margin:75px auto; position:relative;}
.index2 .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.index2 .video .bg img{ width:100%; height:100%; float:left;}
.index2 .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.index2 .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/index2_spbtn.png) center center no-repeat; cursor:pointer;}

.index3 .wl{}
.index3 .since {margin:100px auto 60px auto;}
.index3 .since .text{ }
.index3 .since .text ul {width:410px;position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index3 .since .text ul li{margin-bottom:-2px;}
.index3 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index3 .since .grayLine {width:300px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:100px;}
.index3 .since .year span {font-size:18px;}
.index3 .since .year {float:left;margin-top:22px;}
.index3 .a1{}
.index3 .a2 .lists{ float:left; width:19%; margin:0 8% 0px 0;}
.index3 .a2 .lists:nth-child(3){ float:left; width:19%; margin:0 8% 0px 0;}
.index3 .a2 .lists:nth-child(4){ margin-right:0px;}
.index3 .a2 .lists img{ width:95%;}
.index3 .a2 .lists .tt{ padding:30px 0 0 0;}
.index3 .a2 .lists .tt .b1{ padding:0 0 10px 0;}
.index3 .a2 .lists .tt .b1 a{ font-size:22px; color:#515151;}
.index3 .a2 .lists .tt .b2{ font-size:14px; line-height:30px;color:#515151;}
.index3 .a2 .lists .tt .b3{ width:160px; height:40px; margin:40px auto 0 auto; border:1px solid #898989; text-align:center; line-height:40px; border-radius:10px;}
.index3 .a2 .lists .tt .b3 a{ display:block; color:#000; font-weight:600; font-size:14px;}
.index3 .a2 .lists .tt .b3:hover{ background:#e24c66;border:2px solid #e24c66;}
.index3 .a2 .lists .tt .b3:hover a{ color:#fff;}

.index4{ margin:100px 0;}
.index4 .since {width:100%;}
.index4 .since .text{ }
.index4 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index4 .since .text ul li{margin-bottom:-2px;}
.index4 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index4 .since .grayLine {width:260px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 60px;}
.index4 .since .year span {font-size:18px;}
.index4 .since .year {float:right;margin-top:18px;}

.index5 .wl{}
.index5 .since {width:100%;margin:80px auto 60px auto;}
.index5 .since .text{ }
.index5 .since .text ul {width:410px;position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index5 .since .text ul li{margin-bottom:-2px;}
.index5 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index5 .since .grayLine {width:300px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:1px;}
.index5 .since .year span {font-size:18px;}
.index5 .since .year {float:left;margin-top:22px;}
.game163 .smallImg .tempWrap{ overflow-x:auto !important;}
.index5 .renwu{ margin:70px 0 150px 0 !important; }

/* 本例子css */
.game163{ position: relative;width:56%; float:left;}
.game163 .bigImg{position: relative; }
.game163 #gaodu{height:100%；}
.game163 .bigImg li img{ vertical-align:middle; width:100%;}
.game163 .smallImg{display:inline; width: 80px; overflow: hidden;opacity:0.8;}
.game163 .smallImg ul{ height:80px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left;width:80px;height:99px; cursor:pointer;  display: inline;  }
.game163 .smallImg li img{ width:80px; height:80px;}
.game163 .smallImg a{width:100%; height:100%; opacity:0.8;filter:Alpha(opacity=80);}
.game163 .smallImg .on{ border:2px solid #f00;width:80px !important; height:80px;opacity:1;filter:Alpha(opacity=100);}

.tabtxt{ width:40%;min-height:300px; float:right;}
.tabtxt .txt1,.tabtxt .txt2,.tabtxt .txt3,.tabtxt .txt4,.tabtxt .txt5,.tabtxt .txt6{ display:none;}
.tabtxt .wenben{ font-size:20px; line-height:40px; padding:30px 0 0 0;}
.tabtxt .wenben font{ font-size:36px;}

.index6{ margin:100px 0;}
.index6 .since {width:100%;margin:30px auto;}
.index6 .since .text{ }
.index6 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index6 .since .text ul li{margin-bottom:-2px;}
.index6 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-11px;}
.index6 .since .grayLine {width:300px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 40px;}
.index6 .since .year span {font-size:18px;}
.index6 .since .year {float:right;margin-top:18px;}
.index6 .a2{ padding:40px 0 0 0;}
.index6 .about_l{ width:40%;font-size:20px; padding:20px 0 0 0;}
.index6 .about_l .b1{font-size:25px;}
.index6 .about_l .b2{font-size:16px; margin:0 0 30px 0;}
.index6 .about_l .b3 li{ background:url(../images/icon.png) left center no-repeat; padding-left:45px; list-style:none; margin-bottom:20px;}
.index6 .about_l .b4{ padding:20px 0; line-height:50px; margin-bottom:10px;}
.index6 .about_r img{ width:600px;}

.index7{ padding:80px 0; text-align:center; line-height:48px; font-size:20px;}
.index7 font{ color:#e24c66; font-size:24px;}
.index8{}
.index8 .a1 .b1{ font-size:20px; padding-bottom:20px;}
.index8 .a1 .b2 textarea{ width:calc(100% - 62px); height:190px; background:#f8f8f8; border-radius:20px; overflow:hidden; outline:none; padding:30px; font-size:16px; line-height:35px;}
.index8 .a2{ width:210px; height:50px; margin:52px auto; text-align:center; line-height:52px; background:#e24c66; color:#fff; font-size:20px;border-radius:10px;}
.index8 .a2:hover{ background:#cccccc;}

.foot {width:100%;height:350px;background-color:#cccccc;font-size:18px;margin:100px 0 0 0;}
.foot .content {height:100%;width:1200px;margin:0 auto;}
.foot .column {height:100%;width:970px;float:left;}
.foot .content .up {width:100%;height:22px;margin-top:0px;padding-left:0px;padding-top:84px;}
.foot .content .up li {float:left;margin-right:50px;}
.foot .content .up li:last-child{ margin-right:0px;}
.foot .content .up li a{ font-size:18px; color:#515151;}
.foot .content .tel {float:left;width:414px;height:80px;margin-top:80px;padding-left:0px;}
.foot .content .tel li {margin-bottom:28px;}
.foot .content .adrr {float:left;width:414px;height:80px;margin-top:80px;padding-left:0px;}
.foot .content .adrr li {margin-bottom:28px;}
.foot .content .erweima {width:178px;float:right;margin-top:84px;}
.foot .content .erweima span {display:block;text-align:center;margin-top:16px;}


.since1 {width:80%;height:178px;margin:0 auto;padding-top:1px;}
.since1 .redLine {width:5px;height:69px;background-color:#e24c66;border-top:1px solid #ee94a3;border-bottom:1px solid #ee94a3;position:relative;bottom:-76px;float:left;}
.since1 .text ul {width:410px;height:78px;list-style-type:none;padding-left:16px;position:relative;bottom:-65px;float:left;}
.since1 .text ul .active {font-size:35px;margin-bottom:9px;}
.since1 .text ul li {}
.since1 .grayLine {width:300px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:118px;}
.since1 .year span {font-size:18px;}
.since1 .year {float:right;margin-top:106px;}

.information {width:1200px;height:900px;padding-top:1px;margin:0 auto;}
.information .left {float:left;width:500px;margin-top:100px;}
.information .left img {width:100%;height:100%;}
.information .right {float:right;width:610px;margin-top:210px; letter-spacing:2px;}
.information .right ul li{background:url(../images/bqtb.jpg) left center no-repeat; padding-left:25px;margin-bottom:30px;font-size:20px;}
.information .right .title {margin-top:0px;margin-bottom:0px;font-size:24px;font-weight:600;color:#515151;}
.information .right .english {font-size:14px;margin-bottom:55px; letter-spacing:1px;}
.information .right .detail {margin-top:50px;line-height:48px;letter-spacing:4px;font-size:20px;}
.information .right .youxiang{ font-size:27px; padding:50px 0; font-weight:600;}
.information .right .link a{font-size:27px;font-weight:600;color:#e24c66; text-decoration:underline;}

.bqdl .lm{ text-align:center; padding:30px 0;}
.bqdl .lm a{font-size:22px; padding:0 50px;color:#515151}
.bqdl .lm a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.bqdl .con{ padding:70px 0 20px 0;}
.bqdl .con .lists{width:21%; float:left; margin:0 2% 60px 2% !important;height: 400px;}
.bqdl .con .lists:nth-child(4n){ margin-right:0px;}
.bqdl .con .lists img{ width:100%;  border-radius:10px}
.bqdl .con .lists .a2{ padding:20px 0 3px 0;}
.bqdl .con .lists .a2,.bqdl .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}

.bqdl .ost{ padding:70px 0 20px 0;}
.bqdl .ost .lists{width:28%; float:left; margin:0 70px 70px 0;}
.bqdl .ost .lists:nth-child(3n){ margin-right:0px;}
.bqdl .ost .lists img{ width:100%;  border-radius:10px}
.bqdl .ost .lists .a2{ padding:20px 0 3px 0;}
.bqdl .ost .lists .a2,.bqdl .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}

.news {width:78%;margin:0 auto;padding:1px 0 200px 0;}
.news .img {width:80%;margin:100px auto 0 auto; text-align:center;}
.news .img img {}
.news .title {text-align:center;font-size:28px; padding-top:85px;}
.news .date {width:310px;margin:40px auto 40px auto;font-size:14px;}
.news .date .a {display:inline;float:right;}
.news .zw {width:100%; font-size:20px; line-height:48px;}

.videolist .video{ width:1240px; height:698px; margin:75px auto 0 auto; position:relative;}
.videolist .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.videolist .video .bg img{ width:100%; height:100%; float:left;}
.videolist .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.videolist .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.lyp .video_tt{ text-align:center; padding:40px 0 50px 0; font-size:24px;}

.lyp {width:1200px;margin:0 auto;padding:5px 0 100px 0;}
.lyp .videoArea {width:1240px;height:850px;margin-left:auto;margin-right:auto;margin-top:96px;text-align:center;}
.lyp .videoArea video {width:100%;margin-bottom:48px;}
.lyp .intro {line-height:36px;letter-spacing:3px;font-size:20px; margin:20px 0 0 0;}
.lyp .download {margin-top:74px;}
.lyp .download span {display:inline-block;margin-left:50px;font-size:20px;}
.lyp .download a {display:inline-block;color:#e24c66;border-bottom:2px solid #e24C66;padding-bottom:1px;text-decoration:none; font-size:20px;}


.zzxq h2 {width:1200px;margin:80px auto 0 auto;text-align:center;font-size:32px;}
.zzxq h6 {width:1200px;margin:25px auto 0 auto;text-align:center;font-size:16px;}
.zzxq .picture {height:560px;width:1200px;list-style-type:none;margin-left:auto;margin-right:auto;margin-top:38px;text-align:center;}
.zzxq .picture .left {display:inline-block;height:560px;width:436px;float:left;}
.zzxq .picture .middle {height:560px;width:436px;}
.zzxq .picture .right {display:inline-block;height:560px;width:436px;float:right;}
.zzxq .info {width:1200px;margin:85px auto 0;}
.zzxq .info span {display:block;letter-spacing:1px;line-height:48px;font-size:20px; }
.zzxq .detail {width:1200px;margin-left:auto;margin-right:auto;margin-top:80px;text-align:center; padding:0 0 100px 0;}
.zzxq .detail img {display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;width:960px;height:600px;}
.zzxq .detail span {display:block;margin-bottom:100px; font-size:20px;}

.yiren {width:80%;margin:0 auto; padding-bottom:100px;}
.yiren .left {float:left;width:40%;text-align:center; margin:100px 1% 0 5%;}
.yiren .left img {display:block;margin-bottom:30px;width:100%;height:100%;}
.yiren .left span {display:block;line-height:32px; font-size:20px;}
.yiren .right {float:right;width:45%;font-size:20px;}
.yiren .right .musicInfo {margin-top:94px;}
.yiren .right .musicInfo span {display:block;letter-spacing:2px; padding:3px 0;}
.yiren .right .singerInfo {display:block;margin-top:40px;letter-spacing:2px; font-size:20px; line-height:48px;}

.zhizuo{}
.zhizuo .lists{ height:350px; padding:50px 0;}
.zhizuo .lists .a1{ float:left; width:50%;margin-top: 5%;}
.zhizuo .lists .a1 img{ width:100%; height:100%;}
.zhizuo .lists .a2{ float:right; width:45%; text-align:center;}
.zhizuo .lists .a2 .b1{ font-size:30px; padding:30px 0 20px 0;}
.zhizuo .lists .a2 .b1 a{ color:#515151;}
.zhizuo .lists .a2 .b2{ font-size:20px; line-height:36px; text-align:left;}
.zhizuo .odd .a1{ float:right;}
.zhizuo .odd .a2{ float:left;}

.about .con1{ margin:60px 0 0 0;widows: 100%;}
.about .con1 .a1{ float:left;width: 30%;}
.about .con1 .a1 img,.about .con1 .a2 img{ height:330px;}
.about .con1 .a3 img,.about .con1 .a4 img{ height:141px;}
.about .con1 .a2{ float:left; margin:0 0 0 21%;}
.about .con1 .a3{ float:right;}
.about .con1 .a3 .b2{ margin:50px 0 0 0;}
.about .con2{ line-height:45px; font-size:20px; padding:50px 0;}
.about .con3{font-size:20px; margin-bottom:10px; background:url(../images/about5.png) left center no-repeat; padding:0 0 0px 40px;}
.about .con3 a{ color:#515151;}
.about .since1{ padding:80px 0 40px 0;}
.about .con4{ font-size:20px;}
.about .con4 .a1{ float:left; margin:40px 0 0 0;}
.about .con4 .a1 .b1{ padding-bottom:30px;}
.about .con4 .a2{ float:left;margin:40px 0 0 200px;}
.about .con4 .a2 .b1{ padding-bottom:30px;}
.about .con4 .a3{ float:right; text-align:center; font-size:18px;}
.about .con4 .a3 .b2{ margin:10px 0 0 0;}
.about .index8{ margin:0 auto;}

.zhizuolist .a1{ text-align:center; padding:30px 0 100px 0;}
.zhizuolist .a1 a{font-size:22px; padding:0 50px;color:#515151}
.zhizuolist .a1 a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.zhizuolist .a2 .b1{ float:left; width:45%;margin-top: 3%;}
.zhizuolist .a2 .b1 img{ width:100%;}
.zhizuolist .a2 .b2{ float:left; width:48%; float:right;}
.zhizuolist .a2 .b2 .c1{ padding:10px 0 0 0;}
.zhizuolist .a2 .b2 .c1 a{ font-size:24px; color:#515151;}
.zhizuolist .a2 .b2 .c2{ font-size:16px; line-height:35px; padding:20px 0;}
.zhizuolist .a2 .b2 .c3{ padding:15px 0 0 0;}
.zhizuolist .a2 .b2 .c3 a{color:#515151; padding:8px 25px; border:1px solid #515151;border-radius:10px;}
.zhizuolist .a2 .b2 .c3 a:hover{ background:#e24c66;border:1px solid #e24c66;color:#fff;}
.zhizuolist .a2 .b2 .c4 .b1{ margin:10px 0 0 0; width:300px;}
.zhizuolist .a2 .b2 .c4 .b2{ padding:15px 0 0 0; text-align:right; width:150px;}
.zhizuolist .a2 .b2 .c4 .b2 a{color:#515151; padding:8px 40px; border:1px solid #515151; border-radius:10px; font-size:14px; color:#515151;}
.zhizuolist .a2 .b2 .c4 .b2 a:hover{ background:#e24c66;border:1px solid #e24c66;color:#fff;}
.zhizuolist .a2 .list{ padding:0 0 50px 0;}
.zhizuolist .a3{ text-align:center; padding:80px 0 120px 0;}
.zhizuolist .a3 a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}

.yirenlist .lists{ float:left; margin:50px 4% 0px 0;width: 22%;}
.yirenlist .lists:nth-child(4n){ margin-right:0px;}
.yirenlist .lists .a1{ width:90%; height:90%; border-radius:50%; overflow:hidden;}
.yirenlist .lists .a1 img{ width:100%; height:100%;}
.yirenlist .lists .a2{ text-align:center; padding:40px 0; font-size:25px;}
.yirenlist .lists .a3 a{ display:block; background:url(../images/yiren_t.png) left center no-repeat; width:50px; height:50px; margin:0 auto;}
.yirenlist .lists:hover .a3 a{background:url(../images/yiren_h.png) left center no-repeat;}
.yirenlist .yiren { display:flex; justify-content:space-between; padding:50px 0 50px 0;width: 100% !important;}
.yirenlist .yiren .a1{ width:38%; font-size:18px; line-height:30px;}
.yirenlist .yiren .a2{ width:57%;}

.yt .list{ width:27%; float:left; margin:0 9% 100px 0;}
.yt .list img{ width:100%; height:100%;}
.yt .list:nth-child(3n){ margin-right:0px;}
.yt .con{ font-size:20px; line-height:36px; margin-bottom:100px;}

.video_n{ width:80%; margin:0 auto;font-size:20px; }
.video_n .video{ width:100%; height:96%; margin:75px auto 40px auto; position:relative;}
.video_n .video .bg{ position:absolute; z-index:1; width:100%; height:101%; left:0px; top:0px;}
.video_n .video .bg img{ width:100%; height:100%; float:left;}
.video_n .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.video_n .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.video_n .a1{ text-align:center; font-size:24px;}
.video_n .a2{ font-size:20px; line-height:36px; margin:70px 0 60px 0;}
.video_n .a3 .b1{ float:left; margin-right:100px;}
.video_n .a3 .b1 a{ color:#e24c66; text-decoration:underline;}
.video_n .a3 .b2{ float:left;}


.pages { text-align:center; padding:80px 0 120px 0;}
.pages a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}
.pages a.none{ background:#c1c1c1;}
} 
@media screen and (max-width: 640px) { 
.wl{ width:100%; margin:0 auto;}
.navBar {width:96%;height:100px;margin:0 auto;}
.navBar .nav_logo {height:100%;float:left;}
.ibg{ }
.ibg .nav_search{position:absolute; display:none;  background:rgba(0,0,0,0.8); right:0px; top:100px; z-index:999; width:160px;}
.wap_btn{ float:right; margin:35px 0 0 0;}
.wap_btn li{ width:45px; height:4px; background:#333; list-style:none;}
.wap_btn li:nth-child(2){ margin:10px 0;}
.navBar .nav_search ul {list-style-type:none;float:none;margin-top:0; padding:15px 0;}
.navBar .nav_search ul li {float:none; width:100%; height:40px; line-height:40px; text-align:center;}
.navBar .nav_search ul li a {text-decoration:none;color:black; text-align:center;font-size:18px; color:#fff;}
.navBar .nav_search ul li.active{ background:url(../images/navac.png) center bottom no-repeat;}

.banner img{ width:100%;}
.banner .title{ position:absolute; right:0px; top:0px; width:245px; background:rgba(0,0,0,0.6); height:100%; color:#fff;padding:0 20px;display: flex;align-items: center;}
.banner .title .tt{ line-height:35px; font-size:14px;letter-spacing:1px;}
.banner .title .tt font{ font-size:18px; }
.banner .swiper-button-white{ width:16% !important; right:28px !important; left:inherit !important; bottom:10% !important; display:flex;justify-content:space-around;}
.banner .swiper-button-white .swiper-pagination-bullet{background:#fff; width:22%; border-radius:5px; margin:0px !important;}
.banner .swiper-button-white .swiper-pagination-bullet-active{ background:#fff !important;}

.index1{ margin:40px 0;}
.index1 .since {width:96%;margin:30px auto;}
.index1 .since .text{ }
.index1 .since .text ul {padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index1 .since .text ul li{margin-bottom:-2px;}
.index1 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index1 .since .grayLine {width:100px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 120px;}
.index1 .since .year span {font-size:18px;}
.index1 .since .year {float:right;margin-top:18px;}
.index1 .con{ width:96%; margin:0 auto;}
.index1 .con .lists{width:calc(25% - 15px); float:left; margin:0 20px 30px 0;height: 260px;}
.index1 .con .lists:nth-child(4n){ margin-right:0px;}
.index1 .con .lists img{ width:100%; border-radius:50%;}
.index1 .con .lists .a2{ padding:20px 0 3px 0;}
.index1 .con .lists .a2,.index1 .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}
.index1 .more{ display:block; background:#e24c66; padding:12px 50px; color:#fff; font-size:20px; margin:0 auto; width:100px; text-align:center;}
.index1 .more:hover{ background:#cccccc;}

.index2{ margin:30px 0; background:url(../images/index2bg.jpg) center center no-repeat; background-size:100% 100%; height:380px; width:100%;}
.index2 .video{ width:90%; height:300px; margin:45px auto; position:relative;}
.index2 .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.index2 .video .bg img{ width:100%; height:100%; float:left;}
.index2 .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.index2 .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/index2_spbtn.png) center center no-repeat; cursor:pointer;}

.index3 .wl{}
.index3 .since {width:96%;margin:20px auto 40px auto;}
.index3 .since .text{ }
.index3 .since .text ul {position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index3 .since .text ul li{margin-bottom:-2px;}
.index3 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index3 .since .grayLine {width:100px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:120px;}
.index3 .since .year span {font-size:18px;}
.index3 .since .year {float:left;margin-top:22px;}
.index3 .a1{}
.index3 .a2 { width:98%; margin:0 auto;}
.index3 .a2 .lists{ float:left; width:48%; margin:0 1% 20px 1%;}
.index3 .a2 .lists img{ width:100%; height:100%;}
.index3 .a2 .lists .tt{ padding:20px 0;}
.index3 .a2 .lists .tt .b1{ padding:0 0 10px 0;}
.index3 .a2 .lists .tt .b1 a{ font-size:24px; color:#515151;}
.index3 .a2 .lists .tt .b2{ font-size:18px; line-height:30px;color:#515151;height: 68px;overflow: hidden;}
.index3 .a2 .lists .tt .b3{ width:200px; height:50px; margin:20px auto 0 auto; border:2px solid #000; text-align:center; line-height:50px;}
.index3 .a2 .lists .tt .b3 a{ display:block; color:#000; font-weight:600;}
.index3 .a2 .lists .tt .b3:hover{ background:#e24c66;border:2px solid #e24c66;}
.index3 .a2 .lists .tt .b3:hover a{ color:#fff;}

.index4{ margin:30px auto; width:96%;}
.index4 .since {width:1400px;margin:30px auto;}
.index4 .since .text{ }
.index4 .since .text ul {width:410px;padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index4 .since .text ul li{margin-bottom:-2px;}
.index4 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index4 .since .grayLine {width:600px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 235px;}
.index4 .since .year span {font-size:18px;}
.index4 .since .year {float:right;margin-top:18px;}

.index5 { width:96%; margin:0 auto;}
.index5 .wl{}
.index5 .since {width:100%;margin:60px auto 40px auto;}
.index5 .since .text{ }
.index5 .since .text ul {position:relative;float:right; text-align:right;border-right:5px solid #e24c66; padding-right:16px;}
.index5 .since .text ul li{margin-bottom:-2px;}
.index5 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-8px;}
.index5 .since .grayLine {width:100px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:right;margin-top:35px; margin-right:120px;}
.index5 .since .year span {font-size:18px;}
.index5 .since .year {float:left;margin-top:22px;}

/* 本例子css */
.game163{ position: relative;width:100%;height: 100%; float:none;}
.game163 .bigImg{position: relative;}
.game163 .bigImg li img{ vertical-align:middle; width:100%;height: 100%; }
.game163 .bigImg li a{ background-size:100% !important;}
.game163 .smallImg{display:inline; width: 100%;height: 100%; overflow: hidden;opacity:0.8;}
.game163 .smallImg ul{ height:80px;  width: 131% !important; overflow: hidden; }
.game163 .smallImg li{ float: left;width:80px !important;height:80px; cursor:pointer;  display: inline;  }
.game163 .smallImg a{width:100%; height:100%; opacity:0.8;filter:Alpha(opacity=80);background-size:100% !important;}
.game163 .smallImg a img{width:80px; height:80px;}
.index5 .renwu{ margin:40px 0 40px 0 !important;}

.game163 .smallImg .on{ border:2px solid #f00;width:80px; height:80px;opacity:1;filter:Alpha(opacity=100);}
.game163 .smallImg .tempWrap{overflow-x: auto !important; width:100% !important;height: 100% !important;}



.tabtxt{ width:100%;max-height:100%; float:none;}
.tabtxt .txt1,.tabtxt .txt2,.tabtxt .txt3,.tabtxt .txt4,.tabtxt .txt5,.tabtxt .txt6{ display:none;}
.tabtxt .wenben{ font-size:20px; line-height:40px; padding:30px 0 0 0;}
.tabtxt .wenben font{ font-size:36px;}

.index6{ margin:30px auto; width:96%;}
.index6 .since {width:100%;margin:30px auto;}
.index6 .since .text{ }
.index6 .since .text ul {padding-left:16px;position:relative;float:left;border-left:5px solid #e24c66}
.index6 .since .text ul li{margin-bottom:-2px;}
.index6 .since .text ul .active {font-size:35px;margin-bottom:12px; margin-top:-11px;}
.index6 .since .grayLine {width:100px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:32px;margin-left: 120px;}
.index6 .since .year span {font-size:18px;}
.index6 .since .year {float:right;margin-top:18px;}
.index6 .a2{ padding:0px 0 0 0;}
.index6 .about_l{ width:100%;font-size:20px; float:none; padding:20px 0 0 0;}
.index6 .about_l .b1{font-size:30px;}
.index6 .about_l .b2{font-size:18px; margin:0 0 15px 0;}
.index6 .about_l .b3 li{ background:url(../images/icon.png) left center no-repeat; padding-left:45px; list-style:none; margin-bottom:20px;font-size: 20px;}
.index6 .about_l .b4{ padding:0 0 10px 0; line-height:50px; margin-bottom:0px;font-size: 20px;}
.index6 .about_r{ width:100%; float:none; margin:20px 0 0 0;}

.index7{ padding:40px 0; text-align:center; line-height:40px; font-size:20px; width:93%; margin:0 auto;}
.index7 font{ color:#e24c66; font-size:22px;}
.index8{ width:94%; margin:0 auto;}
.index8 .a1 .b1{ font-size:28px; padding-bottom:20px;}
.index8 .a1 .b2 textarea{ width:calc(100% - 62px); height:190px; background:#f8f8f8; border-radius:20px; overflow:hidden; outline:none; padding:30px; font-size:16px; line-height:35px;}
.index8 .a2{ width:210px; height:50px; margin:52px auto 0 auto; text-align:center; line-height:52px; background:#e24c66; color:#fff; font-size:20px;}

.foot {width:100%;height:460px;background-color:#cccccc;font-size:14px;margin:60px 0 0 0;}
.foot .content {height:100%;width:96%;margin:0 auto;}
.foot .column {height:100%;width:calc(100% - 200px);float:left;}
.foot .content .up {width:140%;height:22px; margin:0 auto; padding:20px 0 0 0;}
.foot .content .up li {float:left;margin:0 20px 20px 0;}
.foot .content .up li a{ font-size:22px; color:#515151;}
.foot .content .tel {float:left;width:100%;margin-top:30px; font-size:20px;}
.foot .content .tel li {margin-bottom:15px;}
.foot .content .adrr {float:left;width:100%;height:80px;margin-top:20px;padding-left:0px;font-size:20px;}
.foot .content .adrr li {margin-bottom:15px;}
.foot .content .erweima {width:178px;float:right;margin-top:84px;}
.foot .content .erweima span {display:block;text-align:center;margin-top:16px;font-size:20px;}


.since1 {width:96%;height:160px;margin:0 auto;padding-top:1px;}
.since1 .redLine {width:5px;height:69px;background-color:#e24c66;border-top:1px solid #ee94a3;border-bottom:1px solid #ee94a3;position:relative;bottom:-76px;float:left;}
.since1 .text ul {height:78px;list-style-type:none;padding-left:16px;position:relative;bottom:-65px;float:left;}
.since1 .text ul .active {font-size:35px;margin-bottom:9px;}
.since1 .text ul li {}
.since1 .grayLine {width:100px;border-top:1px solid #b8b8b8;border-bottom:1px solid #919191;float:left;margin-top:118px;margin-left:20px;}
.since1 .year span {font-size:18px;}
.since1 .year {float:right;margin-top:106px;}

.information {width:96%;padding-top:1px;margin:0 auto;}
.information .left {float:none;width:100%;margin-top:50px;}
.information .left img {width:100%;height:100%;}
.information .right {float:none;width:100%;margin-top:40px; letter-spacing:2px;}
.information .right ul li{background:url(../images/icon.png) left center no-repeat; padding-left:50px;margin-bottom:30px;font-size:30px;}
.information .right .title {margin-top:0px;margin-bottom:0px;font-size:34px;font-weight:600;}
.information .right .english {font-size:20px;margin-bottom:55px; letter-spacing:1px;}
.information .right .detail {margin-top:50px;line-height:55px;letter-spacing:4px;font-size:29px;}
.information .right .youxiang{ font-size:27px; padding:50px 0; font-weight:600;}
.information .right .link a{font-size:27px;font-weight:600;color:#e24c66; text-decoration:underline;}

.bqdl .ost{ width:98%; margin:0 auto;}
.bqdl .ost .lists{ float:left; width:48%; margin:10px 0;}
.bqdl .ost .lists:nth-child(2n){ float:right;}
.bqdl .ost .lists img{ width:100%; height:200px;}
.bqdl .ost .lists .a2{ text-align:center; padding:10px 0px; font-size:20px;}
.bqdl .lm{ text-align:center; padding:30px 0;}
.bqdl .lm a{font-size:22px; padding:0 50px;color:#515151}
.bqdl .lm a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.bqdl .con{ padding:30px 0 20px 0; width:96%; margin:0 auto;}
.bqdl .con .lists{width:calc(50% - 30px); float:left; margin:15px 15px;height: 380px;}
.bqdl .con .lists:nth-child(4n){ margin-right:0px;}
.bqdl .con .lists img{ width:100%; border-radius:50%;}
.bqdl .con .lists .a2{ padding:20px 0 3px 0;}
.bqdl .con .lists .a2,.bqdl .con .lists .a3{ text-align:center; font-size:20px; color:#515151;}

.news {width:96%;margin:0 auto;padding:1px 0 60px 0;}
.news .img {width:100%;margin:50px auto 0 auto; text-align:center;}
.news .img img {}
.news .title {text-align:center;font-size:30px; padding-top:50px;}
.news .date {width:310px;margin:48px auto 45px auto;font-size:16px;}
.news .date .a {display:inline;float:right;}
.news .zw {width:100%; font-size:20px; line-height:48px;}

.videolist .video{ width:1240px; height:698px; margin:75px auto 0 auto; position:relative;}
.videolist .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.videolist .video .bg img{ width:100%; height:100%; float:left;}
.videolist .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.videolist .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.lyp .video_tt{ text-align:center; padding:40px 0 50px 0; font-size:24px;}

.lyp {width:1400px;margin:0 auto;padding:5px 0 100px 0;}
.lyp .videoArea {width:1240px;height:850px;margin-left:auto;margin-right:auto;margin-top:96px;text-align:center;}
.lyp .videoArea video {width:100%;margin-bottom:48px;}
.lyp .intro {line-height:36px;letter-spacing:3px;font-size:20px; margin:20px 0 0 0;}
.lyp .download {margin-top:74px;}
.lyp .download span {display:inline-block;margin-left:50px;font-size:20px;}
.lyp .download a {display:inline-block;color:#e24c66;border-bottom:2px solid #e24C66;padding-bottom:1px;text-decoration:none; font-size:20px;}

.zzxq{ width:96%; margin:0 auto;}
.zzxq h2 {width:100%;margin:50px auto 0 auto;text-align:center;font-size:28px;}
.zzxq h6 {width:100%;margin:25px auto 0 auto;text-align:center;font-size:13px;}
.zzxq .picture {width:100%;list-style-type:none;margin-left:auto;margin-right:auto;margin-top:38px;text-align:center; display:flex; justify-content:center;align-items:center;}
.zzxq .picture img{ width:31.33333%; margin:0 1%; border:0px; padding:0px; height:auto;}
.zzxq .info {width:100%;margin:30px auto 0;}
.zzxq .info span {display:block;letter-spacing:1px;line-height:40px;font-size:14px; }
.zzxq .detail {width:100%;margin-left:auto;margin-right:auto;margin-top:30px;text-align:center; padding:0 0 10px 0;}
.zzxq .detail img {display:block;margin-left:auto;margin-right:auto;margin-bottom:20px;width:100%;height:inherit;}
.zzxq .detail span {display:block;margin-bottom:30px; font-size:20px;}

.yiren {width:96%;margin:0 auto;}
.yiren .a1{ font-size:18px; line-height:40px; margin:0 0 30px 0;}
.yiren .a2{}
.yiren .left {float:none;width:100%;text-align:center; margin:40px 0 0 0;}
.yiren .left img {display:block;margin-bottom:30px;width:100%;}
.yiren .left span {display:block;line-height:32px; font-size:20px;}
.yiren .right {float:none;width:100%;font-size:20px;}
.yiren .right .musicInfo {margin-top:40px;}
.yiren .right .musicInfo span {display:block;letter-spacing:2px; padding:3px 0;}
.yiren .right .singerInfo {display:block;margin-top:30px;letter-spacing:2px; font-size:20px; line-height:48px;}

.zhizuo{ width:96%; margin:0 auto;}
.zhizuo .lists{ height:320px; padding:20px 0;}
.zhizuo .lists .a1{ float:left; width:100%; margin:80px 0 0 0;}
.zhizuo .lists .a1 img{ width:100%;}
.zhizuo .lists .a2{ float:right; width:100%; text-align:center;}
.zhizuo .lists .a2 .b1{ font-size:25px; padding:30px 0 1px 0;}
.zhizuo .lists .a2 .b1 a{ color:#515151;}
.zhizuo .lists .a2 .b2{ font-size:20px; line-height:36px; text-align:left;}
.zhizuo .odd .a1{ float:right;}
.zhizuo .odd .a2{ float:left;}

.about { margin:0px auto 0 auto; width:96%;}
.about .con1{ margin:60px auto 0 auto; }
.about .con1 .a1{ float:none; width:100%;}
.about .con1 .a2{ float:left; margin:30px 0 0 0px;}
.about .con1 .a3{ float:right;margin:30px 0 0 0px;}
.about .con1 .a3 .b2{ margin:50px 0 0 0;}
.about .con2{ line-height:50px; font-size:16px; padding:40px 0;}
.about .con3{font-size:14px; margin-bottom:10px; background:url(../images/about5.png) left center no-repeat; padding:0 0 0px 40px;}
.about .con3 a{ color:#515151;}
.about .since1{ padding:0px 0 0px 0;}
.about .con4{ font-size:13px;}
.about .con4 .a1{ float:none; margin:40px 0 0 0; padding:0 0 0 20px;}
.about .con4 .a1 .b1{ padding-bottom:30px;}
.about .con4 .a2{ float:none;margin:40px 0 0 0px; padding:0 0 0 20px;}
.about .con4 .a2 .b1{ padding-bottom:30px;}
.about .con4 .a3{ float:none; text-align:center; font-size:18px; margin:30px 0 0 0;}
.about .con4 .a3 .b2{ margin:10px 0 0 0; font-size:14px;}
.about .index8{ margin:80px auto 0px auto;}

.zhizuolist .a1{ text-align:center; padding:30px 0;}
.zhizuolist .a1 a{font-size:22px; padding:0 50px;color:#515151}
.zhizuolist .a1 a.active{ background:url(../images/active.png) center bottom no-repeat; padding:0 50px 20px 50px;color:#e24c66;}
.zhizuolist .a2{ width:96%; margin:0 auto;}
.zhizuolist .a2 .b1{ float:left; width:250px;margin: 50px 0 0 0;}
.zhizuolist .a2 .b1 img{ width:100%;}
.zhizuolist .a2 .b2{ float:left; width:calc(100% - 280px); float:right;}
.zhizuolist .a2 .b2 .c1{ padding:10px 0 0 0;}
.zhizuolist .a2 .b2 .c1 a{ font-size:26px; color:#515151;}
.zhizuolist .a2 .b2 .c2{ font-size:18px; line-height:30px; padding:0 0 !important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.zhizuolist .a2 .b2 .c3{ padding:15px 0 0 0;}
.zhizuolist .a2 .b2 .c3 a{color:#515151; padding:6px 30px; border:1px solid #515151;}
.zhizuolist .a2 .b2 .c4 .b1{ margin:10px 0 0 0; width:inherit;}
.zhizuolist .a2 .b2 .c4 .b2{ padding:15px 0 0 0;width:inherit;}
.zhizuolist .a2 .b2 .c4 .b2 a{color:#515151; padding:6px 30px; border:1px solid #515151;}
.zhizuolist .a2 .list{ padding:20px 0;}
.zhizuolist .a3{ text-align:center; padding:20px 0 30px 0;}
.zhizuolist .a3 a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}
.yirenlist{ width:96%; margin:0 auto; padding:40px 0 0 0;}
.yirenlist .lists{ float:left; margin:30px 15px; width:calc(50% - 30px);}
.yirenlist .lists .a1{ width:100%; height:280px; border-radius:50%;}
.yirenlist .lists .a1 img{ width:100%; height:100%; border-radius:50%;}
.yirenlist .lists .a2{ text-align:center; padding:20px 0; font-size:25px;}
.yirenlist .lists .a3 a{ display:block; background:url(../images/yiren_t.png) left center no-repeat; width:50px; height:50px; margin:0 auto;}
.yirenlist .lists:hover .a3 a{background:url(../images/yiren_h.png) left center no-repeat;}
.yt{ width:96%; margin:0 auto;}
.yt .list{ width:calc(33.3333% - 20px); float:left; margin:10px 10px;}
.yt .list img{ width:100%; height:100%;}

.yt .con{ font-size:20px; line-height:36px; margin-bottom:0px;}

.video_n{ width:96%; margin:0 auto;font-size:20px; }
.video_n .video{ width:100%; height:400px; margin:50px auto 30px auto; position:relative;}
.video_n .video .bg{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}
.video_n .video .bg img{ width:100%; height:100%; float:left;}
.video_n .video .msg{ width:100%; height:100%; position:absolute; z-index:2;left:0px; top:0px; background:rgba(0,0,0,0.5);}
.video_n .video .btn{ width:100%; height:100%; position:absolute; z-index:3;left:0px; top:0px; background:url(../images/video_btn.png) center center no-repeat; cursor:pointer;}
.video_n .a1{ text-align:center; font-size:24px;}
.video_n .a2{ font-size:14px; line-height:40px; margin:40px 0 30px 0;}
.video_n .a3 .b1{ float:none; margin:0 0 10px 0;}
.video_n .a3 .b1 a{ color:#e24c66; text-decoration:underline; font-size:14px;}
.video_n .a3 .b2{ float:none; font-size:14px;}


.pages { text-align:center; padding:80px 0 120px 0;}
.pages a{ color:#ffffff; padding:12px 60px; font-size:20px; margin:0 30px; background:#e24c66;}
}