body {
     width: 100%;
     box-sizing: border-box;
     overflow-x: hidden!important;
 }

 .tabberBox {

     width: 100%;

 }



 #tab {
     display: block;
     width: 100%;
     height: 70px;
     display: flex;
 }

 #tab>li {
     flex: 1;
 }

 .aboutUs>p {
     color: #ffffff;
     text-align: center;
 }

 .aboutUs {
     position: absolute;
     top: 25px;
     left: 50%;
     margin-left: -117px;
 }

 .aboutUss {
     font-size: 36px;
 }

 .us {
     font-size: 18px;
     line-height: 50px;
     margin-left: 20px;
     font-family: 'Georgia';
 }

 .tabOption {
     height: 100%;
     margin-left: 17px;
     position: relative;
 }

 .OptionN {
     font-size: 22px;
     line-height: 55px;
 }

 .tabBtn {
     color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .tabBtn>i {
     float: left;
     display: block;
     width: 63px;
     height: 56px;
 }

 .tabOpC1 {
     background-image: url('../images/introduce.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 .tabOpC2 {
     background-image: url('../images/Culture.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 .tabOpC3 {
     background-image: url('../images/contact.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 .tabOpC4 {
     background-image: url('../images/dynamic.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 .tabBtn:hover>.tabOpC1 {
     background-image: url('../images/introduce2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .tabBtn:hover>.tabOpC2 {
     background-image: url('../images/Culture2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .tabBtn:hover>.tabOpC3 {
     background-image: url('../images/contact2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .tabBtn:hover>.tabOpC4 {
     background-image: url('../images/dynamic2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .imgs1 {
     background-image: url('../images/introduce2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .imgs2 {
     background-image: url('../images/Culture2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .imgs3 {
     background-image: url('../images/contact2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .imgs4 {
     background-image: url('../images/dynamic2.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .tabBtn:hover {
     color: #ff4c4c;
 }

 .Options {
     width: 140px;
     font-size: 12px;
     line-height: 10px;
     position: absolute;
     bottom: 10px;
 }

 .icon {
     width: 31px;
     height: 27px;
     position: absolute;
     bottom: -38px;
     left: 30%;
     display: none;
 }

 .tabber-list {
     width: 100%;


 }

 .tabber-list-title {
     position: relative;
     overflow: hidden;
 }

 .tabber-list-title>p {
     float: left;
 }

 .column {
     width: 6px;
     height: 30px;
     background: #FF4C4C;
     position: absolute;
     top: 50%;
     margin-top: -15px;
 }

 .title {
     font-size: 36px;
     color: #333333;
     font-weight: 600;
     margin-left: 20px;
 }

 .titleE {
     font-size: 18px;
     color: #999999;
     font-family: 'Georgia';
     line-height: 50px;
     margin-left: 19px;
 }

 .data-num {
     font-size: 20px;
     color: #FF4C4C;
     font-family: 'FZPWJW--GB1-0';
     width: 30px;
     height: 30px;
     line-height: 40px;
     margin-right: 28px;
 }

 .data {
     font-size: 18px;
     line-height: 40px;
     width: 94%;
     color: #333333;
 }

 .tabber-data {
     padding: 70px 0px;
 }

 .tabber-icon {
     width: 30px;
     height: 30px;
     /* background: #ffffff; */

     background-image: url(../images/icon.png)
 }

 .tabber-icon>img {
     width: 100%;
     height: 100%;
     z-index: 99;
 }

 .tabbar-list-box {
     background: #ffffff;

     width: 100%;
 }

 .icon1 {
     position: absolute;
     top: 22.3%;
     left: 22%;
     z-index: 99;
 }

 .icon2 {
     position: absolute;
     top: 22.5%;
     left: 39%;
     z-index: 99;
 }

 .icon3 {
     position: absolute;
     top: 20.5%;
     left: 55%;
     z-index: 99;
 }

 .icon4 {
     position: absolute;
     top: 37.8%;
     left: 70%;
     z-index: 99;
 }

 .tabber-list.show {
     display: block;
 }

 .Culture {
     width: 100%;
     background-image: url(../images/back3.png);
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     flex-direction: column;
     padding: 0;

 }

 .Culture-box {
     width: 100%;
     height: 5rem;
     background-image: url(../images/cl_back2.png);
     background-size: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     justify-items: center;
     align-items: center;
 }

 .back4 {
     width: 99%;
     height: 3rem;
     margin-top: 1rem;
     background-image: url(../images/back4.png);
     background-size: 100% auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     justify-items: center;
     align-items: center;
     background-repeat: no-repeat;
     background-position: center center;
 }

 .thought {
     font-size: 28px;
     color: #C9242B;
     text-align: center;
     padding-top: 90px;
 }

 

 .back4-mid>p {
     font-size: 24px;
     color: #ffffff;
     padding: 8px;
     width: 100%;
     text-align: center;
 }

 .Culture-title {
     font-size: 28px;
     color: #333333;
     text-align: center;
 }

 .Culture-e {
     font-size: 20px;
     color: #333333;
     font-family: 'MicrosoftYaHei';

     margin-top: 20px;
 }

 .Culture-zz {
     font-size: 23px;
     color: #DD0A0A;
     text-align: center;
     margin-top: 15px;

 }

 .b-line {
     width: 100%;
     height: 1px;
     background: #B5B5B5;
     margin-top: 20px;
 }

 .b-line2 {
     width: 100%;
     height: 1px;
     background: #B5B5B5;
     margin-top: 10px;
 }

 .Culture-zzz {
     font-size: 23px;
     color: #DD0A0A;
     text-align: center;
     line-height: 35px;
     width: 230px;
     margin-top: 15px;
 }

 .title-e {
     font-size: 18px;
     color: #999999;

 }

 .wh {
     width: 165px;
     height: 200px;
 }



 .Info-title {
     font-size: 26px;
     color: #333333;
     text-align: left;
     font-weight: 600;
 }

 .Info-time {
     font-size: 20px;
     color: #999999;
     margin-top: 20px;
 }

 .Info-text {
     font-size: 20px;
     color: #999999;
     margin-top: 30px;
 }

 .cooperation-box {
     width: 30%;

     line-height: 40px;
 }

 .Map-box {
     width: 70%;
 }

 .cooperation-text>span {
     font-size: 20px;
     color: #666666;

 }

 .cooperation-text>p {

     font-size: 24px;
     color: #333333;

 }

 .map-btn-box>div {
     width: 80px;
     height: 80px;
     text-align: center;
     border: 1px solid #666666;
 }

 .city {
     font-size: 18px;
     margin-top: 15px;
 }

 .city-e {
     font-size: 14px;
     margin-top: 5px;
 }

 .city-t {
     margin-left: 80px;
 }

 .back {
     background: #C9242B;
     color: #ffffff;
 }

 .city-map-box {
     width: 100%;
     margin-top: 50px;
 }

 .company-phone,
 .commpany-address {
     text-align: center;
 }

 .company-phone {
     font-size: 30px;
     color: #333333;
     font-family: 'Benmo-Yonghei'
 }

 .commpany-address {
     font-size: 20px;
     color: #666666;
     margin-top: 30px;
 }

 #commpany-map {
     margin-top: 40px;
     height: 300px;
 }

 .tabsign-box {
     width: 100%;
     height: 30px;
     position: relative;
 }

 .sing {
     width: 30px;
     height: 30px;
     position: absolute;
     left: 8%;
     background-image: url('../images/三角-01.png');
     background-size: 30px 40px;
 }

 .add {
     color: #ff4c4c !important;
 }

 .add2 {
     color: #ff4c4c !important;
 }