/* BASIC css start */
.asTxt {width: 1200px; height: 200px; margin: 0 auto;}
.asTxt h3 {font-size: 24px;color: #333;text-align: center; font-weight: bold; margin-top:150px;}


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



.history{padding:30px 120px;border-radius: 10px;background-color: #f9f9f9;margin:20px 0 30px;}
.brand {border-bottom:2px solid #333;}
.brand .brandTitle {text-align:center;margin:-20px 0 20px;}
.brand img {}
.brand span{font-size:27px;font-weight:600;line-height:30px;vertical-align:middle;}
.brand .slogo {width:200px; vertical-align:middle;padding-left:10px;}
.brandDes {width: 1200px; display: flex; 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: 75%;}
.brandDes2{display: flex; line-height:40px;}    
.brandDes2 > li {float: left;}    
.des1 .bigNum {font-size:50px;font-weight:bold;}
.des1 .bigNum2 {font-size:30px;font-weight:bold;}
.des2 p {font-size:22px;font-weight:bold;color:#333;line-height:1.8;}
.des2 span{line-height:1.8;font-size:17px;}
.des3 p {font-size:20px;font-weight:bold;color:#333;width:180px;}    
.des4 p {font-size:20px;color:#333;border-left: 1px solid #e5e5e5;padding-left:45px;}    
    
#contWrap {width: 1200px; margin: 0 auto;}
.inner {max-width:1200px;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;word-break:normal;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;padding:10px 5px;word-break:normal;background-color: #f9f9f9;font-size: 22px !important; color:#121212 !important;}
.tg .tg-des1{width:290px;}
.tg .tg-des2{border-left:1px solid #e5e5e5;}    
.tg .tg-name{width:400px;border-left:1px solid #e5e5e5;text-align: left;padding-left: 50px;}
.tg .tg-day {width:100px;font-size:21px;font-weight:600;color:#333;vertical-align: top;}

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

.topBtn {position:fixed; bottom:20px; right: 280px; width:30px; height:30px;}
.topBtn img {width:100%;}




    
/* BASIC css end */