.indexbanner-box{
            background: #f1f1f7;
            margin-top: 133px;
            overflow: hidden;
        }
        .indexbanner-box>.auto-container{
            padding:5% 0;
            overflow: hidden;
        }
        .indexbanner-box .banner-left{
            width:50%;
            float:left;
            font-size:18px;
            color:#222;
            line-height: 30px;
        }
        .indexbanner-box .banner-left h1{
            font-size: 52px;
            font-family: 'Microsoft JhengHei';
            line-height: 1.1;
            margin-bottom: 10px;
        }
        .indexbanner-box .banner-left>a{
            display: inline-block;
            width:auto;
            padding:0 30px;
            height:50px;
            background: #faa60a;
            color:#222;
            font-family: 'Microsoft JhengHei';
            font-size:18px;
            text-align: center;
            line-height: 48px;
            border-radius: 5px;
            margin-bottom: 20px;
        }
        .indexbanner-box .banner-left>a:hover {
            background-color: #eaa60a;
        }
        .indexbanner-box .banner-right{
            width:50%;
            float:right;
        }
        .indexbanner-box .banner-right img{
            width:71.5%;
            height:auto;
            float:right;
            margin-right: 14%;
            object-fit: cover;
        }
        .indexbanner-box .Certifications-box{
            width:100%;
            overflow: hidden;
            border-top:1px solid #e1dfe4;
            min-height: 106px;
        }
        .indexbanner-box .Certifications-box .cer-left{
            width: 50%;
            float:left;
            display: flex;
            align-items: center;
            font-size:18px;
            color:#222;
        }
        .indexbanner-box .Certifications-box .cer-left .h6{
            color:#222;
            font-family: 'Microsoft JhengHei';
            font-size:18px;
            margin:18px 0;
        }
        .indexbanner-box .Certifications-box .cer-right{
            width: 50%;
            float:right;
        }
        .indexbanner-box .Certifications-box .cer-right .img-list{
            width:100%;
            clear:both;
            display: flex;
            justify-content: space-between;
            padding-left: 5%;
        }
        .indexbanner-box .Certifications-box .cer-right .img-list>img{
            width:15.8%;
            height:auto;
        }

        .Capabilities-box{
            padding:4% 0;
        }
        .titlebox{
            text-align: center;
            color:#222;
            font-family: 'Microsoft JhengHei';
            font-size:16px;
        }
        .titlebox h2{
            font-family: 'Microsoft JhengHei';
            font-size:32px;
            margin-bottom: 20px;
        }
        .Network-box .titlebox{
            text-align: center;
            color:#fff;
            font-family: 'Microsoft JhengHei';
            font-size:16px;
        }
        .Network-box .titlebox h2{
            font-family: 'Microsoft JhengHei';
            font-size:32px;
            margin-bottom: 20px;
        }
        .Capabilities-box .Capabilities-list{
            margin-top:3%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            min-height: 650px;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item{
            width:24.4%;
            background: #f5f5f5;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item:hover{
            background: #faa60a;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a{
            display: block;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a .imgbox{
            min-height: 300px;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a img{
            width:100%;
            height:auto;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox{
            padding:10% 8%;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox h3{
            color:#000;
            font-family: 'Microsoft JhengHei';
            font-weight: normal;
            font-size:22px;
            margin-bottom: 18px;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item:hover>a .textbox h3{
            color:#222;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox ul{
            padding-left: 20px;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox li{
            list-style: disc;
            color:#666;
            font-size:16px;
            line-height: 24px;
            margin-bottom: 12px;
        }
        .Capabilities-box .Capabilities-list .Capabilities-item:hover>a .textbox li{
            color:#222;
        }

        .Network-box{
            background: #2a2c32;
            padding:4% 0;
        }
        .Network-box .Network-list{
            display: flex;
            justify-content: space-between;
            text-align: center;
            margin-top:4%;
        }
        .Network-box .Network-list .Network-item{
            width:14%;
        }
        .Network-box .Network-list .Network-item h3{
            color:#faa60a;
            font-size:28px;
            font-family: 'Microsoft JhengHei';
            margin-bottom: 5px;
        }
        .Network-box .Network-list .Network-item p{
            color:#fff;
            font-size:16px;
            font-family: 'Microsoft JhengHei';
        }

        .about-box{
            background: #2a2c32;
            padding:4%;
        }
        .about-box .titlebox{
            color:#fff;
        }
        .about-box .titlebox h2{
            margin-bottom: 2%;
        }
        .Network-box .titlebox+a{
            display: block;
            color:#fff;
            width:160px;
            height:50px;
            border:2px solid #fff;
            box-sizing: border-box;
            text-align: center;
            line-height: 42px;
            margin:35px auto 40px;
            font-family: 'Microsoft JhengHei';
            font-size:18px;
        }
        .about-box .titlebox+a:hover{
            background: rgba(255,255,255,0.2);
        }
        .videobox{
            position: relative;
            width:1000px;
            max-width: 98%;
            margin:auto;
        }
        .videobox div img{
            width:100%;
            height:auto;
        }
        .videobox>img{
            position: absolute;
            left:0;
            right:0;
            top:0;
            bottom:0;
            margin:auto;
            cursor: pointer;
        }
        .videobox>img:hover{
            opacity: 0.8;
        }

        .how-box{
            padding:4%;
            text-align: center;
        }
        .how-box .how-list{
            background: url('https://www.tuofa-cncmachining.com/res/magic/images/howbg.png')top left/100% no-repeat;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top:5%;
            margin-bottom: 5%;
        }
        .how-box .how-list .how-item{
            width:22%;
            text-align: center;
        }
        .how-box .how-list .how-item .imgbox{
            padding:24px;
            background: rgba(239,239,239,0.6);
            border-radius: 50%;
            width: 66%;
            margin:auto;
        }
        .how-box .how-list .how-item .imgbox img{
            width:100%;
            height:auto;
        }
        .how-box .how-list .how-item .textbox h3{
            font-size:22px;
            color:#000;
            font-family: 'Microsoft JhengHei';
            font-weight: normal;
            margin:10% 0 5%;
        }
        .how-box .how-list .how-item .textbox p{
            font-size:16px;
            color:#222;
            font-family: 'Microsoft JhengHei';
        }
        .how-box .how-list+a{
            display: inline-block;
            width:auto;
            padding:0 30px;
            height:50px;
            background: #faa60a;
            color: #222;
            font-family: 'Microsoft JhengHei';
            font-size: 18px;
            text-align: center;
            line-height: 48px;
            border-radius: 5px;
            margin:10px auto;
        }
        .how-box .how-list+a:hover{
            background-color: #eaa60a;
        }

        .Group-box{
            background: #f5f5f5;
            padding:4% 0 0;
        }
        .Group-box .Group-list{
            margin-top:4%;
        }
        .Group-box .Group-list>div{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .Group-box .Group-list>div:nth-child(2n){
            flex-direction: row-reverse;
        }
        .Group-box .Group-list>div>div{
            width:47%;
            margin-bottom: 4%;
        }
        .Group-box .Group-list>div>div img{
            width:100%;
            height:auto;
        }
        .Group-box .Group-list>div>div.textbox{
            display: flex;
            align-items: center;
            padding-right: 4%;
            font-size:16px;
            color:#222;
            font-family: 'Microsoft JhengHei';
        }
        .Group-box .Group-list>div>div.textbox h3{
            font-size:24px;
            font-family: 'Microsoft JhengHei';
            margin-bottom: 20px;
        }
        .Group-box .Group-list>div>div.textbox p{
            line-height: 26px;
            margin:20px 0;
        }
        .Group-box .Group-list>div>div.textbox a{
            display: inline-block;
            padding:0 20px;
            color:#003399;
            font-size:18px;
            border:1px solid #003399;
            border-radius: 20px;
            line-height: 38px;
        }
        .Group-box .Group-list>div>div.textbox a:hover{
            background-color: rgba(0,104,173,0.2);
        }


        .howdoes-box{
            padding:4% 0;
        }
        .howdoes-box .howdoes-list{
            margin-top:3%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .howdoes-box .howdoes-list .howdoes-item{
            width: 32.8%;
            border-radius: 10px;
            border: 1px solid #eee;
        }
        .howdoes-box .howdoes-list .howdoes-item:hover{
            background: #fff;
            border:1px solid #fff;
        }
        .howdoes-box .howdoes-list .howdoes-item>a{
            display: block;
        }
        .howdoes-box .howdoes-list .howdoes-item>a img{
            width:100%;
            height:auto;
        }
        .howdoes-box .howdoes-list .howdoes-item>a .textbox{
            padding:10% 8%;
        }
        .howdoes-box .howdoes-list .howdoes-item>a .textbox h3{
            color:#000;
            font-family: 'Microsoft JhengHei';
            font-weight: normal;
            font-size:22px;
            margin-bottom: 18px;
        }
        .howdoes-box .howdoes-list .howdoes-item:hover>a .textbox h3{
            color:#222;
        }
        .howdoes-box .howdoes-list .howdoes-item>a .textbox p{
            font-size:16px;
            line-height: 26px;
            color:#666;
            margin-bottom: 20px;
        }
        .howdoes-box .howdoes-list .howdoes-item>a .textbox ul{
            padding-left: 20px;
        }
        .howdoes-box .howdoes-list .howdoes-item>a .textbox li{
            list-style: disc;
            color:#222;
            font-size:16px;
            line-height: 24px;
            margin-bottom: 12px;
        }
        .howdoes-box .howdoes-list .howdoes-item:hover>a .textbox li{
            color:#222;
        }

        .join-box{
            padding:4% 0 1%;
            background: #f5f5f5;
        }
        .join-box .join-list,
        .resources-box .resources-list{
            position: relative;
            margin:5% 0;
        }
        .join-box .join-list .join-swiper .swiper-wrapper{
            display: flex;
          justify-content: space-between; /* 或其他适当的值 */
        }
        .join-box .join-list .join-swiper .swiper-slide {
          height:auto;
        }
        .join-box .join-list .join-swiper .swiper-slide{
            background: #fff;
            padding:3%;
            border-radius: 10px;
        }
        .join-box .join-list .join-swiper .swiper-slide .logobox{
            padding-bottom: 25px;
            margin-bottom: 25px;
            border-bottom: 1px solid #ddd;
        }
        .join-box .join-list .join-swiper .swiper-slide .logobox img{
            width: 100%;
            height:auto;
        }
        .join-box .join-list .join-prev,
        .resources-box .resources-list .resources-prev{
            font-family: '宋体';
            font-weight: bolder;
            font-size:16px;
            color:#fff;
            background: #bdbebf;
            width:40px;
            height:40px;
            text-align: center;
            line-height: 40px;
            left:-80px;
            border-radius: 50%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
        .join-box .join-list .join-next,
        .resources-box .resources-list .resources-next{
            font-family: '宋体';
            font-size:16px;
            font-weight: bolder;
            color:#fff;
            background: #bdbebf;
            width:40px;
            height:40px;
            text-align: center;
            line-height: 40px;
            right:-80px;
            border-radius: 50%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

        .join-box .join-list .join-next:hover,
        .join-box .join-list .join-prev:hover,
        .resources-box .resources-list .resources-next:hover,
        .resources-box .resources-list .resources-prev:hover{
            background: #3d3f43;
        }
        .join-box .join-list .join-swiper .swiper-slide .txbox{
            display: flex;
        }
        .join-box .join-list .join-swiper .swiper-slide .txbox>img{
            width:16%;
            height:auto;
            border-radius: 50%;
        }
        .join-box .join-list .join-swiper .swiper-slide .txbox .name-add{
            display: flex;
            align-items: center;
            padding-left: 15px;
        }
        .join-box .join-list .join-swiper .swiper-slide .txbox .name-add .h4{
            font-size:16px;
            color:#000022;
            font-family: 'Microsoft JhengHei';
            margin-bottom: 8px;
        }
        .join-box .join-list .join-swiper .swiper-slide .txbox .name-add p{
            font-size:14px;
            color:#faa60a;
            font-family: 'Microsoft JhengHei';
        }
        .join-box .join-list .join-swiper .swiper-slide .txtbox h3{
            font-size:22px;
            color:#000;
            font-family: 'Microsoft JhengHei';
            line-height: 26px;
            margin:5% 0;
        }
        .join-box .join-list .join-swiper .swiper-slide .txtbox p{
            font-size:16px;
            color:#222;
            font-family: 'Microsoft JhengHei';
            line-height: 26px;
        }

        .guid-box{
            padding:4% 0;
        }
        .guid-box>div{
            background: #f5f5f5;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            border-radius: 10px;
            overflow: hidden;
        }
        .guid-box>div .guid-left{
            width:50%;
            display: flex;
            align-items: center;
            padding: 0 8% 0 5%;
        }
        .guid-box>div .guid-right{
            width:50%;
        }
        .guid-box>div .guid-right img{
            width:100%;
            height:auto;
        }
        .guid-box>div .guid-left h2{
            font-size:32px;
            font-family: 'Microsoft JhengHei';
            color:#222;
        }
        .guid-box>div .guid-left p{
            font-size:16px;
            font-family: 'Microsoft JhengHei';
            color:#222;
            margin:5% 0;
            line-height: 26px;
        }
        .guid-box>div .guid-left a{
            display: inline-block;
            padding:0 20px;
            color: #003399;
            font-size: 18px;
            border: 1px solid #003399;
            border-radius: 20px;
            line-height: 38px;
        }
        .guid-box>div .guid-left a:hover{
            background-color: rgba(0,104,173,0.2);
        }

        .resources-box .resources-list{
            margin-top:4%;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a{
            display: block;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a .imgbox{
            overflow: hidden;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a .imgbox img{
            width:100%;
            transition: all 0.5s;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a:hover .imgbox img{
            transform: scale(1.1);
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox h3{
            font-size:22px;
            font-family: 'Microsoft JhengHei';
            color:#000;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            height:60px;
            margin:20px 0;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox p{
            font-size:16px;
            font-family: 'Microsoft JhengHei';
            color:#666;
            line-height: 24px;
            margin:20px 0;
        }
        .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox span{
            font-size:16px;
            font-family: 'Microsoft JhengHei';
            color:#faa60a;
        }


        @media screen and (max-width: 1600px){
            .join-box .join-list,
            .resources-box .resources-list{
                width:90%;
                margin:3% auto;
            }
            .join-box .join-list .join-prev,
            .resources-box .resources-list .resources-prev{
                left:-50px;
            }
            .join-box .join-list .join-next,
            .resources-box .resources-list .resources-next{
                right:-50px;
            }
            .indexbanner-box .banner-left h1{
                font-size:48px;
                color: #003265;
            }
            .Capabilities-box {
                padding: 5% 0;
            }
            .titlebox h2{
                margin-bottom: 30px;
                font-size:36px;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox {
                padding: 8%;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox li{
                margin-bottom: 6px;
            }
            .Network-box {
                padding: 5% 0;
            }
            .how-box {
                padding: 5%;
            }
            .how-box .how-list {
                margin-top: 4%;
                margin-bottom: 4%;
            }
            .how-box .how-list .how-item {
                width: 23%;
            }
            .how-box .how-list .how-item .textbox h3 {
                font-size: 20px;
                margin: 5% 0;
            }
            .Group-box {
                padding: 5% 0 0;
            }
            .howdoes-box {
                padding: 5% 0;
            }
            .howdoes-box .howdoes-list .howdoes-item>a .textbox {
                padding: 6%;
            }
            .join-box {
                padding: 5% 0 1%;
            }
            .join-box .join-list .join-swiper .swiper-slide .txtbox h3 {
                font-size: 20px;
            }
        }

        @media screen and (max-width: 1360px){
            .indexbanner-box .banner-left h1 {
                font-size: 32px;
                color: #003265;
            }
            .indexbanner-box .banner-left {
                font-size: 16px;
                line-height: 26px;
            }
            .indexbanner-box>.auto-container {
                padding: 5% 0;
            }
            .titlebox p{
                font-size: 14px;
                line-height: 28px;
            }
            .titlebox h2 {
                font-size: 24px;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox h3 {
                font-size: 18px;
                margin-bottom: 10px;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox li {
                line-height: 20px;
                font-size:14px;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .textbox {
                padding: 6%;
            }
            .Network-box .Network-list .Network-item h3 {
                font-size: 24px;
            }
            .Network-box .Network-list .Network-item p{
                font-size:14px;
            }
            .about-box {
                padding: 5%;
            }
            .how-box .how-list .how-item .textbox h3 {
                font-size: 18px;
            }
            .how-box .how-list .how-item .textbox p {
                font-size: 14px;
            }
            .Group-box .Group-list>div>div.textbox h3 {
                font-size: 20px;
            }
            .Group-box .Group-list>div>div.textbox p {
                line-height: 22px;
                font-size:14px;
            }
            .Group-box .Group-list>div>div.textbox a {
                font-size: 16px;
                line-height: 30px;
            }
            .howdoes-box .howdoes-list .howdoes-item>a .textbox h3 {
                font-size: 18px;
                margin-bottom: 10px;
            }
            .howdoes-box .howdoes-list .howdoes-item>a .textbox p {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 10px;
            }
            .howdoes-box .howdoes-list .howdoes-item>a .textbox li {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 0px;
            }
            .join-box .join-list .join-swiper .swiper-slide .txbox .name-add .h4 {
                font-size: 14px;
                margin-bottom: 3px;
            }
            .join-box .join-list .join-swiper .swiper-slide .txbox .name-add p{
                font-size:14px;
            }
            .join-box .join-list .join-swiper .swiper-slide .txtbox h3 {
                font-size: 18px;
            }
            .join-box .join-list .join-swiper .swiper-slide .txtbox p {
                font-size: 14px;
                line-height: 22px;
            }
            .guid-box>div .guid-left a {
                font-size: 16px;
                line-height: 30px;
            }
            .guid-box>div .guid-left h2 {
                font-size: 26px;
            }
            .guid-box>div .guid-left p {
                font-size: 14px;
                margin: 4% 0;
                line-height: 22px;
            }
            .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox h3 {
                font-size: 18px;
                line-height: 22px;
                height: 44px;
                margin: 10px 0;
            }
            .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox p,
            .resources-box .resources-list .resources-swiper .swiper-slide>a .textbox span{
                font-size: 14px;
                line-height: 22px;
                margin: 10px 0;
            }
        }

        @media screen and (max-width: 768px){
            .join-box .join-list .join-next,
            .join-box .join-list .join-prev,
            .resources-box .resources-list .resources-next,
            .resources-box .resources-list .resources-prev{
                display:none;
            }
            .indexbanner-box {
                margin-top: 46px;
            }
            .indexbanner-box .banner-left {
                width: 100%;
                float:none;
            }
            .indexbanner-box .banner-right {
                width: 100%;
                float: none;
                padding:20px 10px;
                min-height: 300px;
            }
            .indexbanner-box .banner-right img{
                margin-right: 0;
                width:100%;
                float:none;
            }
            .indexbanner-box .Certifications-box .cer-left {
                width: 100%;
                float: none;
                font-size: 16px;
            }
            .indexbanner-box .Certifications-box .cer-right {
                width: 100%;
                float: none;
            }
            .indexbanner-box .Certifications-box .cer-right .img-list{
                padding:0 !important;
                min-height: 55px;
            }
            .indexbanner-box .banner-left h1 {
                font-size: 30px;
                margin-top: 10px;
            }
            .indexbanner-box .banner-left>a {
                width: auto;
                height: 40px;
                font-size: 16px;
                line-height: 38px;
            }
            .Capabilities-box {
                padding: 30px 0;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item>a .imgbox{
                min-height: 160px;
            }
            .Capabilities-box .Capabilities-list .Capabilities-item {
                width: 49%;
                margin-bottom: 15px;
            }
            .Network-box {
                padding: 50px 0;
            }
            .Network-box .Network-list {
                justify-content: flex-start;
                flex-wrap: wrap;
            }
            .Network-box .Network-list .Network-item {
                width: 50%;
                margin-bottom: 30px;
            }
            .about-box {
                padding: 50px 0;
            }
            .about-box .titlebox+a {
                width: 150px;
                height: 40px;
                line-height: 36px;
            }
            .modal.in .modal-dialog{
                margin-top:50% !important;
            }
            .how-box {
                padding: 50px 0;
            }
            .how-box .how-list{
                background: none !important;
            }
            .how-box .how-list .how-item {
                width: 46%;
                margin-bottom: 20px;
            }
            .how-box .how-list .how-item .imgbox{
                width:90%;
                min-height: 140px;
            }
            .Group-box {
                padding: 50px 0;
            }
            .Group-box .Group-list>div{
                display: block;
                margin-bottom: 20px;
            }
            .Group-box .Group-list>div>div {
                width: 100%;
                min-height: 160px;
            }
            .howdoes-box .howdoes-list .howdoes-item {
                width: 100%;
                margin-bottom: 20px;
            }
            .join-box {
                padding: 50px 0;
            }
            .join-box .join-list, .resources-box .resources-list{
                width:100%;
            }
            .join-box .join-list .join-swiper .swiper-slide {
                padding: 20px;
            }
            .join-box .join-list .join-swiper .swiper-slide .txbox>img{
                width:20%;
            }
            .join-box .join-list .join-swiper,
            .resources-box .resources-list .resources-swiper{
                padding-bottom: 50px;
            }
            .guid-box>div .guid-left,.guid-box>div .guid-right{
                width:100%;
            }
            .guid-box>div{
                padding:0;
            }
            .guid-box>div .guid-left {
                padding: 50px 30px;
            }
            .guid-box>div .guid-left h2 {
                font-size: 24px;
            }
            .guid-box>div .guid-right {
                overflow: hidden;
            }
            .guid-box>div .guid-right img{
                transform: scale(1.1);
            }
            .howdoes-box .howdoes-list .howdoes-item>a .imgbox,
            .resources-box .resources-list .resources-swiper .swiper-slide>a .imgbox{
                min-height: 200px;
            }
            .videobox div img{
                min-height: 140px;
            }


        }