/* BASIC css start */
.asTxt {width: 100%; height: 50px; margin: 0 auto;}
.asTxt h3 {font-size: 15px;color: #333;text-align: center; font-weight: bold; margin-top:50px;}

.center {max-width: 100%; margin: 0 auto;overflow: hidden;}
.title {font-size: 25px; font-weight: 600; padding: 80px 0 15px; color: #FF0047; text-align: center;margin-top:10px;display:flex;justify-content:center; }
.title-l {font-size: 40px; font-weight: 600; padding: 40px 0 0; color: #FF0047; margin-left: 20px;}    
.company_tab{width:100%;margin:0 auto;display:block;}
.company_tab > ul{display: flex;justify-content: center;margin:0 auto; margin-top:  20px; margin-bottom:20px;overflow:hidden;}
.cTab > li {float: left;padding-right: 1%;list-style: none;line-height: 30px;height:40px;}
.cTab > li:last-child{padding-right: 0;}    
.cTab > li span{display: inline-block;font-size: 12px;background: #696969; color: #fff; text-align: center; border-top-left-radius:7px; border-top-right-radius:7px;}  
.cTab > li span:hover{background-color: #ff0047;transition: 0.5s}
.cTab > li span a{color:#fff;text-decoration: none;font-size: 12px;display:block;} 
.company {} 
.subTit {font-size: 18px; font-weight: normal;text-align: center; padding-bottom: 20px; word-break: keep-all; color: #727272;}
.companyBan {}
.companyBan > li { float: left; text-align: center; position: relative; width: 100%;padding:20px 0;background:#f9f9f9;margin-bottom:10px;}
.companyBan img {width: 55%; vertical-align: middle;}
.companyBan strong {display: none;}
.companyBan p {font-size: 16px; line-height: 1.5; word-break: keep-all;}

.history{padding:30px 10px 30px 25px;border-radius: 10px;background-color: #f9f9f9;margin:10px 0 30px;}
.brand {border-bottom:2px solid #333;vertical-align: middle;line-height: 50px;width: 100%;display: flex;justify-content: center;margin-top:10px;}
.brand .brandTitle {text-align:center;margin:-15px 0 10px;}
.brand img {width: 50px;margin-right:-5px;}
.brand span{font-size:19px;font-weight:600;line-height:30px;vertical-align:middle;}
.brand .slogo {width:120px; vertical-align:middle;padding-left:5px;margin-top:-2px;}
.brandDes {width: 100%; display: inline-block; padding:30px 0;border-bottom:1px solid #b8b8b8;}
.brandDes:last-child{border-bottom:1px solid #333;}
.brandDes > li { float: left;}
.brandDes > li:first-child{width: 25%;text-align: center;}
.brandDes > li:nth-child(2){width: 72%;}
.brandDes2{display: flex; line-height:35px;}    
.brandDes2 > li {float: left;}  
.brandDes2 > li:first-child {width: 21%;}    
.brandDes2 > li:nth-child(2) {width: 75%;}   
.des1 .bigNum {font-size:40px;font-weight:bold;}
.des1 .bigNum2 {font-size:30px;font-weight:bold;}
.des2 p {font-size:16px;font-weight:bold;color:#333;line-height:1.6;margin-bottom: 15px;margin-top: -10px;}
.des2 span{line-height:1.8;font-size:14px;word-break: keep-all;}
.des3 p {font-size:17px;font-weight:bold;color:#333;}    
.des4 p {font-size:17px;color:#333;border-left: 1px solid #e5e5e5;padding-left:20px;word-break:keep-all;}    
    
#contWrap {width: 100%; margin: 0 auto;}
.inner {max-width:100%;margin:0 auto; position: relative;}
.inner h2{margin-top:60px;margin-left:15px;padding:0 0 15px; font-size: 24px; font-weight: bold;letter-spacing:-1px;}
.tg  {border-collapse:collapse;border-spacing:0;line-height:40px;width:100%;text-align:center;vertical-align:middle;position: relative;}
.tg td{font-size:17px;overflow:hidden;padding:10px 5px;border-bottom: 1px solid #e5e5e5;}
.tg th{border-top:2px solid #121212 !important;border-bottom:1px solid #121212 !important;border-width:1px;font-weight:bold !important;overflow:hidden;word-break:normal;background-color: #f9f9f9;font-size: 17px !important; color:#121212 !important;}
.tg .tg-des1{}
.tg .tg-des2{border-left:1px solid #e5e5e5;}    
.tg .tg-name{border-left:1px solid #e5e5e5;text-align: left;padding-left: 15px;line-height:1.8;font-size:15px;word-break:keep-all;}
.tg .tg-day {font-size:17px;font-weight:600;color:#333;vertical-align: top;padding:3px 32px;}

.idenWrap {width: 100%;}
.identity {display: flex;background-color: #333;margin-top: 80px;margin-bottom:10px;align-items:center;justify-content:center;height: 70px;}
.identity > li {float: left;}
.iden span{padding:3px 15px;background:#ff0047;border-radius: 5px;color: #fff;font-size: 18px; }
.iden2 span{color: #fff;font-size:18px;margin-left: 10px;}
.line2{border: 1px solid #ff6f97;display: inline-block;width: 40px;margin:20px;}
.idenBan {margin-bottom: 50px;padding:0;}
.idenBan > li { float: left; text-align: center; position: relative; width: 100%;padding:25px 0;background:#f9f9f9;margin-bottom:10px;}
.idenBan img {vertical-align: middle;}
.idenBan strong {display: block; margin-top: 10px; font-size: 20px;color:#ff0047;line-height:1.3;}
.iden p {font-size: 18px; line-height: 1.5;}
.idenBan p{line-height: 1.6;font-size: 15px;}

.project{border-radius: 5px;background-color: #333;margin-top: 80px;margin-bottom:25px;align-items:center;justify-content:center;height: 100px;display:inline-block;}
.proT{color: #ff0047;font-size:40px;}
.proS{color: #fff;font-size:24px}
.singer_arrow{display:flex;width:100%;justify-content:center;align-items:center;margin-top:50px;}
.singer_arrow li{float:left;position:relative;}
.singer_arrow li img{float:left;width:70px;}
.arrow_x{transform: scale(-1);filter:FlipH;}
.jumpuptxt {color:#ff0047;font-size:30px;font-weight:bold;margin: 25px 0 10px;display:flex;justify-content:center;}
.jumpup {}
.jumpup>li {float:left;width:33%;margin:0 0 20px;}
.jumpup>li strong{font-size:21px;color:#333;display:block;text-align:center;line-height:1.3;margin-top:-7px;}

.topBtn {right: 280px; width:30px; height:30px;}
.topBtn img {width:100%;}
/* BASIC css end */