.box {
       width: 100%;
       margin: 0 auto;

   }

   .box1 {
       width: 100%;
       height: 100vh;
       position: fixed;

   }

   .box2 {
       width: 100%;
       height: 100vh;

       position: relative;
       top: 0;
       background-color: aquamarine;
   }
.dk{
    height: 150px;
}
   .mySwiper {
       width: 100%;
       height: 100%;

   }

   .mySwiper .swiper-wrapper {
       width: 100%;
       height: 100%;

   }

   .mySwiper .swiper-slide {
       width: 100%;
       height: 100%;
       position: relative;
   background-size:cover;
   background-repeat: no-repeat;
   background-position: center;
   }

    .slide_text {
       height: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: flex-start;
       position: absolute;
       top: 5%;
       right: 10%;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   .slide_text h1 {
    font-size: 42px;
   
       color: #fff;
       margin-bottom: 10px;
   }

   .slide_text p {
    font-size: 20px;
       color: #fff;
       padding-left: 100px;
   }

   .slide_text img {
       width: 160px;
       height: 160px;
       margin-bottom: 10px;
       margin-left: 110px;
   }
.logo{
    width: 90%;
    padding: 50px 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.logo_img{
    width: 400px;
      
}
.logo_img>img{
    width: 100%;
    height: 100%;
    
}
.logo_phone{
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.logo_phone>span{
    font-size: 20px;
    color: #fff;
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;

}
.logo_phone>span>img{
   width: 16px;
   height: 16px;
}
   .box2_text {
       width: 80%;
       margin: 0 auto;
       height: 100%;
       position: absolute;
       left: 10%;
       top: 0%;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: flex-start;
   }

   .box2_text>h1 {
       font-size: 40px;
       color: #fff;
       font-weight: 600;
       visibility: visible;
       animation-name: fadeInUp;
   }

   .box2_text>h4 {
       visibility: visible;
       animation-delay: 0.2s;
       animation-name: fadeInUp;
       font-size: 30px;
       font-family: 'Arial';
       color: rgba(255, 255, 255, .3);
       margin: 5px 0 8px;
       text-transform: uppercase;
   }

   .box2_text>p {
       visibility: visible;
       animation-delay: 0.4s;
       animation-name: fadeInUp;
       padding: 15px 15px;
       background: #e50012;
       display: inline-block;
       font-size: 20px;
       color: #fff;
   }

   @keyframes fadeInUp {
       0% {
           opacity: 0;
           -webkit-transform: translateY(20px);
           -ms-transform: translateY(20px);
           transform: translateY(20px);
       }

       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0);
       }
   }

   .scrollFlag {
       position: absolute;
       bottom: 50px;
       left: 0;
       right: 0;
       width: 70px;
       text-align: center;
       margin: 0 auto;
       font-size: 16px;
       color: #fff;
   }

   .scrollFlag .icon {
       width: 20px;
       display: block;
       margin: 10px auto 0;
   }

   .scrollFlag .icon:before,
   .scrollFlag .icon:after {
       content: '';
       width: 20px;
       height: 10px;
       background: url(../images/scroll_down.png);
       display: block;
       opacity: 0;
   }

   .scrollFlag .icon span {
       width: 20px;
       height: 10px;
       background: url(../images/scroll_down.png);
       display: block;
       opacity: 0;
   }

   .scrollFlag .icon:before {
       -webkit-animation: ani-svg1 1s linear infinite;
       animation: ani-svg1 1s linear infinite;
   }

   .scrollFlag .icon span {
       -webkit-animation: ani-svg2 1s linear infinite;
       animation: ani-svg2 1s linear infinite;
   }

   .scrollFlag .icon:after {
       -webkit-animation: ani-svg3 1s linear infinite;
       animation: ani-svg3 1s linear infinite;
   }

   @-webkit-keyframes ani-svg1 {
       0% {
           opacity: 0;
       }

       20% {
           opacity: .3;
       }

       90% {
           opacity: .3;
       }

       100% {
           opacity: 0;
       }
   }

   @-webkit-keyframes ani-svg2 {
       0% {
           opacity: 0;
       }

       20% {
           opacity: 0;
       }

       40% {
           opacity: .6;
       }

       90% {
           opacity: .6;
       }

       100% {
           opacity: 0;
       }
   }

   @-webkit-keyframes ani-svg3 {
       0% {
           opacity: 0;
       }

       40% {
           opacity: 0;
       }

       60% {
           opacity: 1;
       }

       90% {
           opacity: 1;
       }

       100% {
           opacity: 0;
       }
   }

   @keyframes ani-svg1 {
       0% {
           opacity: 0;
       }

       20% {
           opacity: .3;
       }

       90% {
           opacity: .3;
       }

       100% {
           opacity: 0;
       }
   }

   @keyframes ani-svg2 {
       0% {
           opacity: 0;
       }

       20% {
           opacity: 0;
       }

       40% {
           opacity: .6;
       }

       90% {
           opacity: .6;
       }

       100% {
           opacity: 0;
       }
   }

   @keyframes ani-svg3 {
       0% {
           opacity: 0;
       }

       40% {
           opacity: 0;
       }

       60% {
           opacity: 1;
       }

       90% {
           opacity: 1;
       }

       100% {
           opacity: 0;
       }
   }
   .b2b3_main{
    
    width: 100%;
    position: relative;
    top: 0;
   
   }
   .b2b3_main .section2 {
    width: 90%;
    background: #fff;
    overflow: hidden;
    padding:5%;
   
}

.b2b3_main .section2 .left {
    width: 52%;
    float: left;
    padding-top: 8%;
}

.b2b3_main .section2 .desc {
    margin-top: 20px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
    color: #808080;
    border-top: 1px solid #e5e5e5;
}

.b2b3_main .section2 .right {
    width: 44%;
    float: right;
    position: relative;
}

.b2b3_main .section2 .right .img_block img {
    width: 62%;
    float: right;
}

.b2b3_main .section2 .right .box {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.b2b3_main .section2 .right .box p{
    text-align: center;
    font-size: 16px;
}
.b2b3_main .section2 .right .box img {
    max-width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.b2b3_main .section2 .right .box:nth-of-type(1) {
    top: 0;
    left: 28%;
}

.b2b3_main .section2 .right .box:nth-of-type(2) {
    top: 25%;
    left: 35%;
}

.b2b3_main .section2 .right .box:nth-of-type(3) {
    top: 45%;
    left: 10%;
}

.b2b3_main .section2 .right .box:nth-of-type(4) {
    top: 60%;
    left: 35%;
}

.b2b3_main .section2 .right .box:nth-of-type(5) {
    top: 80%;
    left: 45%;
}

.b2b3_main .section2 .right .box:nth-of-type(odd):before {
    content: '';
    height: 12px;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    background: url(../images/img40.png) left center no-repeat;
}

.b2b3_main .section2 .right .box:nth-of-type(1):before {
    width: 80px;
    left: -80px;
}

.b2b3_main .section2 .right .box:nth-of-type(3):before {
    width: 40px;
    left: -40px;
}

.b2b3_main .section2 .right .box:nth-of-type(5):before {
    width: 70px;
    left: -70px;
}

.b2b3_main .section2 .right .box:hover {
    box-shadow: 0 0 15px rgba(229,0,18,.2);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.common_title h3 {
    font-size: 26px;
    color: #333333;
    font-weight: normal;
}
.common_title h4 {
    font-size: 14px;
    color: #bfbfbf;
    font-weight: normal;
    text-transform: uppercase;
}


.b2b3_main .section3 {
    background: #f2f2f2;
    width: 90%;
    padding: 5%;
}

.b2b3_main .section3 .desc {
    margin-top: 20px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 40px;
    color: #808080;
    border-top: 1px solid #e5e5e5;
}

.b2b3_main .section3 .items {
    margin: 7% 0 3%;
    width: 100%;
    display: table;
    font-size: 0;
    position: relative;
}

.b2b3_main .section3 .item {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    background: #fff;
    padding: 2% 3% 0;
    border-right: 1px solid #f2f2f2;
    -webkit-transition: width 500ms ease;
    transition: width 500ms ease;
}

.b2b3_main .section3 .item h3 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
}

.b2b3_main .section3 .item span {
    font-size: 16px;
    color: #333;
    opacity: .5;
    line-height: 30px;
    display: block;
    text-transform: uppercase;
}

.b2b3_main .section3 .item .p_block {
    margin-top: 5px;
    padding: 10px 0;
    border-top: 1px solid #f2f2f2;
}

.b2b3_main .section3 .item p {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.b2b3_main .section3 .item.active {
    width: 40%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    z-index: 2;
}

.b2b3_main .section3 .item.active .tit {
    padding: 15px 25px;
    background: #e50012;
    max-height: 60px;
    white-space: nowrap;
}

.b2b3_main .section3 .item.active h3 {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}

.b2b3_main .section3 .item.active span {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px;
}

.b2b3_main .section3 .item.active .p_block {
    margin: 0;
    padding: 0;
}

.b2b3_main .section3 .item.active p {
    border-top: 1px solid #f6f6f6;
    color: #808080;
    line-height: 60px;
}

.b2b3_main .section3 .item.active p:nth-of-type(odd) {
    background: #fff;
}

.b2b3_main .section3 .item.active p:nth-of-type(even) {
    background: #f9f9f9;
}

.b2b3_main .section3 .item.other {
    width: 30%;
}
.b2b3_main .section4{
    background: #444444;
    width: 90%;
    padding: 5%;
    overflow: hidden;
}
.b2b3_main .section4 .common_title h3 {
    color: #fff;
} 
.b2b3_main .section4 .items {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.15);
    font-size: 0;
}

.b2b3_main .section4 .item {
    width: 31.33%;
    display: inline-block;
    vertical-align: top;
}

.b2b3_main .section4 .item:nth-of-type(2) {
    margin: 0 2%;
}

.b2b3_main .section4 .item .img_block {
    overflow: hidden;
}

.b2b3_main .section4 .item img {
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section4 .item .txt_block {
    background: #5e5e5e;
    padding: 30px 40px;
}

.b2b3_main .section4 .item h3 {
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.b2b3_main .section4 .item p {
    font-size: 14px;
    line-height: 32px;
    height: 96px;
    overflow: hidden;
    color: #fff;
    opacity: .5;
    margin-top: 5px;
}

.b2b3_main .section4 .item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.b2b3_main .section5 {
    background: #fff;
    width: 90%;
    padding: 5%;
}

.b2b3_main .section5 .items {
    margin: 0 -30px;
    display: table;
    width: calc(100% + 60px);
    font-size: 0;
    border-spacing: 30px 15px;
    border-collapse: separate;
}

.b2b3_main .section5 .items.mt {
    margin-top: 10px;
}

.b2b3_main .section5 .item {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    background: #fff;
    text-align: center;
    padding: 3% 2%;
    border: 1px solid #efefef;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section5 .item i {
    display: block;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section5 .item1 i {
    background-image: url(../images/icon86.png);
}

.b2b3_main .section5 .item2 i {
    background-image: url(../images/icon87.png);
}

.b2b3_main .section5 .item3 i {
    background-image: url(../images/icon88.png);
}

.b2b3_main .section5 .item4 i {
    background-image: url(../images/icon89.png);
}

.b2b3_main .section5 .item5 i {
    background-image: url(../images/icon90.png);
}

.b2b3_main .section5 .item6 i {
    background-image: url(../images/icon91.png);
}

.b2b3_main .section5 .item h3 {
    font-size: 18px;
    color: #333;
    margin: 15px 0 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section5 .item p {
    font-size: 16px;
    color: #808080;
    line-height: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section5 .item5 p {
    font-size: 14px;
    line-height: 24px;
}

.b2b3_main .section5 .item:hover {
    background: #e50012;
    border-color: #e50012;
    box-shadow: 0 0 30px rgba(229,0,18,.4);
}

.b2b3_main .section5 .item1:hover i {
    background-image: url(../images/icon86on.png);
}

.b2b3_main .section5 .item2:hover i {
    background-image: url(../images/icon87on.png);
}

.b2b3_main .section5 .item3:hover i {
    background-image: url(../images/icon88on.png);
}

.b2b3_main .section5 .item4:hover i {
    background-image: url(../images/icon89on.png);
}

.b2b3_main .section5 .item5:hover i {
    background-image: url(../images/icon90on.png);
}

.b2b3_main .section5 .item6:hover i {
    background-image: url(../images/icon91on.png);
}

.b2b3_main .section5 .item:hover h3 {
    color: #fff;
}

.b2b3_main .section5 .item:hover p {
    color: #fff;
}

.b2b3_main .section5 .desc {
    background: #f9f9f9;
    margin-top: 15px;
    padding: 2% 4%;
    font-size: 16px;
    color: #808080;
    line-height: 40px;
}

.b2b3_main .section6 {
    background: #f2f2f2;
    width: 90%;
    padding: 5%;
}

.b2b3_main .section6 .desc {
    margin-top: 20px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 40px;
    color: #808080;
    border-top: 1px solid #e5e5e5;
}

.b2b3_main .section6 .tab_main {
    margin-top: 3%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.b2b3_main .section6 .tab_tit {
    width: 28%;
}

.b2b3_main .section6 .tab_tit .item {
    padding: 6% 2%;
    position: relative;
    text-align: center;
    background: #2b2b2b;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.b2b3_main .section6 .tab_tit .item:nth-of-type(2) {
    background: #363636;
}

.b2b3_main .section6 .tab_tit .item span {
    display: block;
    font-family: 'Reznor';
    font-size: 40px;
    color: #fff;
}

.b2b3_main .section6 .tab_tit .item p {
    font-size: 16px;
    color: #fff;
    margin-top: 1px;
}

.b2b3_main .section6 .tab_tit .item:hover, .b2b3_main .section6 .tab_tit .item.active {
    background: #e50012;
}

.b2b3_main .section6 .tab_tit .item.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #e50012;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 100%;
}

.b2b3_main .section6 .tab_cont {
    position: absolute;
    top: 50%;
    left: 28%;
    width: 72%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.b2b3_main .section6 .child {
    padding: 5% 6%;
    position: relative;
    display: none;
}

.b2b3_main .section6 .img_block {
    width: 45%;
}

.b2b3_main .section6 .img_block img {
    width: 100%;
    display: block;
}

.b2b3_main .section6 .txt_block {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.b2b3_main .section6 .txt_block h3 {
    font-size: 18px;
    color: #333;
}

.b2b3_main .section6 .txt_block p {
    font-size: 14px;
    color: #808080;
    line-height: 28px;
    margin-top: 15px;
}
.b2b3_main .section7 {
    background: #474747;
    width: 90%;
    padding: 5%;
}

.b2b3_main .section7 .common_title h3 {
    color: #fff;
}

.b2b3_main .section7 .desc {
    margin-top: 20px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.15);
}

.b2b3_main .section7 .common_section4 {
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.b2b3_main .section7 .common_section4 .item {
    border-color: #4d4d4d;
}

.b2b3_main .section7 .common_section4 .item h3 {
    color: #fff;
}

.b2b3_main .section7 .common_section4 .item p {
    color: #999;
}
.common_section4 {
    font-size: 0;
}

.common_section4 .item {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5%;
    border-left: 1px solid #ebebeb;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.common_section4 .item:first-of-type {
    border: none;
    padding-left: 0;
}

.common_section4 .item:last-of-type {
    padding-right: 0;
}

.common_section4 .item i {
    display: block;
    height: 40px;
    background-position: left center;
    background-repeat: no-repeat;
}

.common_section4 .item:nth-of-type(1) i {
    background-image: url(../images/icon10.png);
}

.common_section4 .item:nth-of-type(2) i {
    background-image: url(../images/icon11.png);
}

.common_section4 .item:nth-of-type(3) i {
    background-image: url(../images/icon12.png);
}

.common_section4 .item:nth-of-type(4) i {
    background-image: url(../images/icon13.png);
}

.common_section4 .item h3 {
    font-size: 24px;
    color: #333;
    margin: 30px 0 5px;
}

.common_section4 .item p {
    font-size: 14px;
    color: #808080;
    line-height: 22px;
    min-height: 44px;
}

.common_section4 .item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.copyright{
    width: 90%;
    padding: 2% 5%;
    background-color: #444444;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.copyright a{
     color: #fff;
}