.banner{
    width:100%;
    position: relative;
}
.banner img{
    display: block;
    width:100%;
    height:640px;
}
.banner .dw{
    width:420px;
    height:56px;
    position: absolute;
    bottom: 110px;
    left: 19%;
}
.banner .dw a{
    display: block;
    width:198px;
    height:54px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height:54px;
}
.banner .dw .bin1:hover{
    background: none;
    border: 1px solid #0a6aff;
}
.banner .dw .bin2:hover{
    background: #0a6aff;
    border: 1px solid #0a6aff;
}
.banner .dw .bin1{
    float: left;
    border: 1px solid #0a6aff;
    text-align: center;
    background: #0a6aff;
    transition: .5s;
}
.banner .dw .bin2{
    float: right;
    border: 1px solid #0a6aff;
    text-align: center;
    transition: .5s;
    background: none;
}
.sec_txt h2{
    text-align: center;
    font-size: 40px;
    color: #333333;
}
.sec_txt p{
    text-align: center;
    font-size: 18px;
    color: #999999;
    margin-top: 12px;
}

/*.sec1{*/
    /*width:100%;*/
    /*background: #fff;*/
    /*position: relative;*/
/*}*/
/*.sec1 .img1{*/
    /*display: block;*/
    /*width:100%;*/
    /*height:734px;*/
/*}*/
/*.sec1 .dw{*/
    /*width:100%;*/
    /*position: absolute;*/
    /*top:80px;*/
    /*left:0;*/
/*}*/
/*.sec1 .dw .conter{*/
    /*width:1180px;*/
    /*height:440px;*/
    /*margin: 48px auto 0 auto;*/
    /*position: relative;*/
/*}*/
/*.sec1 .dw .conter .list{*/
    /*width:100%;*/
    /*height:100%;*/
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*z-index: 1;*/
/*}*/
/*.sec1 .dw .conter .list li{*/
    /*float: left;*/
    /*width:100%;*/
    /*height:100%;*/
    /*display: none;*/
    /*overflow: hidden;*/
    /*cursor: pointer;*/
/*}*/
/*.sec1 .dw .conter .list li.show{*/
    /*display: block;*/
/*}*/
/*.sec1 .dw .conter .list li .txt{*/
    /*float: left;*/
/*}*/
/*.sec1 .dw .conter .list li .txt .p1{*/
    /*font-size: 32px;*/
    /*color: #333;*/
    /*font-weight: bold;*/
    /*padding-top: 10px;*/
/*}*/
/*.sec1 .dw .conter .list li .txt .xian{*/
    /*width:55px;*/
    /*height:4px;*/
    /*margin: 20px 0 30px 0;*/
    /*background: #0a6cff;*/
/*}*/
/*.sec1 .dw .conter .list li .txt .p2{*/
    /*font-size: 18px;*/
    /*color: #999999;*/
/*}*/
/*.sec1 .dw .conter .list li img{*/
    /*float: right;*/
    /*display: block;*/
/*}*/
/*.sec1 .dw .conter .nav{*/
    /*width:380px;*/
    /*height:80px;*/
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*left:0;*/
    /*z-index: 2;*/
/*}*/
/*.sec1 .dw .conter .nav li{*/
    /*float: left;*/
    /*width:180px;*/
    /*height:80px;*/
    /*position: relative;*/
    /*background: #f1f1f1;*/
    /*cursor: pointer;*/
/*}*/
/*.sec1 .dw .conter .nav li .p1{*/
    /*font-size: 68px;*/
    /*color: #e0e0e0;*/
    /*font-family: Impact;*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 62px;*/
    /*z-index: 1;*/
/*}*/
/*.sec1 .dw .conter .nav li .p2{*/
    /*font-size: 20px;*/
    /*color: #666666;*/
    /*display: block;*/
    /*z-index: 2;*/
    /*position: absolute;*/
    /*top: 28px;*/
    /*left: 43px;*/
/*}*/
/*.sec1 .dw .conter .nav li .p3{*/
    /*left:55px;*/
/*}*/
/*.sec1 .dw .conter .nav li.active{*/
    /*background: #0f77ff;*/
    /*box-shadow: 2px 4px 16px 0 rgba(190, 202, 255, 1);*/
/*}*/
/*.sec1 .dw .conter .nav li.active .p1{*/
    /*color: #999;*/
    /*opacity:0.3;*/
/*}*/
/*.sec1 .dw .conter .nav li.active .p2{*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    /*top:28px;*/
/*}*/

.sec_txt h1{
    text-align: center;
    font-size: 40px;
    color: #333333;
}
.sec_txt p{
    text-align: center;
    font-size: 18px;
    color: #999999;
    margin-top: 12px;
}

.sec1-1{
    width:100%;
    padding: 80px 0;
    background: #ffffff;
}


.sec1-1 .conter{
    width:1180px;
    height:458px;
    margin: 48px auto 0 auto;
}
.sec1-1 .conter .nav{
    float: left;
    width:280px;
    height:458px;
    border-radius: 8px;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
    overflow: hidden;
}
.sec1-1 .conter .nav li{
    float: left;
    width:280px;
    height:229px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
}
.sec1-1 .conter .nav li .conter1{
    width:100%;
    height:100%;
    position: relative;
    display: block;
    /*background-image: linear-gradient(#107aff,#085dff);*/
    background-color: #fff;
}
.sec1-1 .conter .nav li .conter1 .p1{
    display: block;
    font-size: 120px;
    font-family: Impact;
    position: absolute;
    top:50px;
    left:88px;
    color: #f6f5ff;
    z-index: 1;
}
.sec1-1 .conter .nav li .conter1 .p2{
    width:100%;
    position: absolute;
    top:100px;
    left:0;
    z-index: 2;
}
.sec1-1 .conter .nav li .conter1 .p2 p{
    text-align: center;
    font-size: 24px;
    color: #282828;
    font-weight: bold;
}
.sec1-1 .conter .nav li .conter1 .xian{
    width:36px;
    height:4px;
    z-index: 2;
    background: #ff5752;
    position: absolute;
    top:140px;
    left:123px;
}
.sec1-1 .conter .nav li .conter2{
    width:100%;
    height:100%;
    position: relative;
    display: none;
    /*background: #6450ff;*/
    background-image: linear-gradient(#107aff,#085dff);
}
.sec1-1 .conter .nav li .conter2 .p1{
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding-top: 66px;
    font-weight: bold;
}
.sec1-1 .conter .nav li .conter2 .xian{
    width:36px;
    height:4px;
    background: #ffe70a;
    margin: 5px auto 10px auto;
}
.sec1-1 .conter .nav li .conter2 .p2{
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.sec1-1 .conter .nav li.active .conter2{
    display: block;
}
.sec1-1 .conter .nav li.active .conter1{
    display: none;
}
.sec1-1 .conter .neirong{
    width:880px;
    height:458px;
    position: relative;
    float: right;
}
.sec1-1 .conter .neirong .img7{
    display: block;
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 1;
}

.baoku-box{
    background-color: #fff;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
}
.sec1-1 .conter .list li .baoku{
    width:840px;
    height:385px;
    margin: 25px auto 0 auto;
}
.sec1-1 .conter .list li .baoku img{
    width:2762px;
    height:340px;
    display: block;
}
.sec1-1 .conter .list li .baoku .swiper-container {
    padding-bottom: 40px;
}
.sec1-1 .conter .list li .baoku .swiper-container-horizontal>.swiper-scrollbar{
    opacity: 0.9!important;
    left: 0!important;
    width: 100%!important;
    bottom: 15px!important;
}
.sec1-1 .conter .list li .baoku .swiper-scrollbar{
    opacity: 0.2;
}
.sec1-1 .conter .list li .baoku .swiper-scrollbar-drag{
    background: #58537a;
}
.sec1-1 .conter .list li .baoku .swiper-container .swiper-slide{
    width: 2762px!important;
}
.sec1-1 .conter .list{
    position: absolute;
    top:0;
    left:0;
    width:880px;
    height:410px;
    z-index: 2;
}
.sec1-1 .conter .list li{
    float: left;
    width:100%;
    display: none;
    /*background: #fff;*/
}
.sec1-1 .conter .list li .img-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sec1-1 .conter .list li .img-box .img-box-le{
    background-color: #fff;
    width:480px;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
}

.img-box-le-title{
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.le-title-box{
    width: 100%;
    height: 100%;
    position: relative;
}

.title-img{
    width: 412px;
    height: 38px;
    position: absolute;
    top: 22px;
    left: 34px;
}

.title-img img{
    width: 100%;
    height: 100%;
}

.title-font{
    width: 412px;
    height: 38px;
    position: absolute;
    top: 28px;
    left: 34px;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.img-box-le-content{
    width: 445px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
}

.img-box-le-content div{
    width: 213px;
    height: 150px;
}


.img-box-le-content div:nth-child(3){
    margin-top: 16px;
}
.img-box-le-content div:nth-child(4){
    margin-top: 16px;
}

.img-box-le-content div img{
    width: 100%;
    height: 100%;
}


.sec1-1 .conter .list li .img-box .img-box-ri{
    background-color: #fff;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
}

/*.sec1-1 .conter .list li .img1{*/
    /*float: left;*/
    /*width:100%;*/
    /*!*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*!*/
/*}*/



.sec1-1 .conter .list li .img2{
    float: right;
    width:380px;
    /*margin-top: 5px;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
}
/*.sec1 .conter .list li .img3{
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
    height:340px;
    width:2002px;
}
.sec1 .conter .list li .duadong {
    width:840px;
    height:380px;
    background: #fff;
    padding: 25px 20px 0 20px;
}
.sec1 .conter .list li .duadong .bk{
    width:100%;
    height:360px;
    overflow: auto;
}
.sec1 .conter .list li .duadong .bk::-webkit-scrollbar{
    height:8px;
    background-color: #F5F5F5;
}
.sec1 .conter .list li .duadong .bk::-webkit-scrollbar-thumb{!*滚动条里面的小方块*!
    background: #5d5d5d;
    border-radius: 5px;
}*/
.sec1-1 .conter .list li img{
    display: block;
    width:100%;
}
.sec1-1 .conter .list li.show{
    display: block;
}

/*.sec2{*/
    /*width:100%;*/
    /*background: #f6f6f6;*/
    /*padding: 80px 0;*/
/*}*/
/*.sec2 .conter1{*/
    /*width:1180px;*/
    /*height:510px;*/
    /*margin: 48px auto 0 auto;*/
    /*position: relative;*/
/*}*/
/*.sec2 .conter1 .img1{*/
    /*display: block;*/
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*z-index: 2;*/
/*}*/
/*.sec2 .conter1 .img2{*/
    /*display: block;*/
    /*position: absolute;*/
    /*top:32px;*/
    /*right:0;*/
    /*z-index: 1;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
/*}*/
/*.sec2 .img3{*/
    /*display: block;*/
    /*width:576px;*/
    /*margin: 60px auto 30px auto;*/
/*}*/
/*.sec2 .conter2{*/
    /*width:1180px;*/
/*}*/
/*.sec2 .conter2{*/
    /*width:1176px;*/
    /*height:460px;*/
    /*margin: auto;*/
    /*position: relative;*/
/*}*/
/*.sec2 .conter2 .img1{*/
    /*display: block;*/
    /*position: absolute;*/
    /*top:20px;*/
    /*left:0;*/
    /*z-index: 1;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
/*}*/
/*.sec2 .conter2 .img2{*/
    /*display: block;*/
    /*position: absolute;*/
    /*top:0;*/
    /*right:0;*/
    /*z-index: 2;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
/*}*/

/*.sec3{*/
    /*width:100%;*/
    /*background: #fff;*/
    /*padding: 80px 0;*/
/*}*/
/*.sec3 .p3{*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*color: #cccccc;*/
    /*margin-top: 26px;*/
/*}*/
/*.sec3 ul{*/
    /*width:1180px;*/
    /*height:224px;*/
    /*margin: 48px auto 0 auto;*/
/*}*/
/*.sec3 ul li{*/
    /*float: left;*/
    /*width:280px;*/
    /*height:100px;*/
    /*margin: 0 20px 24px 0;*/
    /*border-radius: 7px;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
    /*background: #fff;*/
    /*position: relative;*/
    /*overflow: hidden;*/
    /*cursor: pointer;*/
/*}*/
/*.sec3 ul li .xian{*/
    /*width:14px;*/
    /*height:100px;*/
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*background: #ff850a;*/
/*}*/
/*.sec3 ul li .p1{*/
    /*font-size: 20px;*/
    /*color:#333333;*/
    /*padding: 22px 0 6px 50px;*/
/*}*/
/*.sec3 ul li .p2{*/
    /*font-size: 20px;*/
    /*color: #ff850a;*/
    /*font-weight: bold;*/
    /*padding-left: 50px;*/
/*}*/
/*.sec3 .bin{*/
    /*display: block;*/
    /*width: 200px;*/
    /*height: 56px;*/
    /*border-radius: 2px;*/
    /*font-size: 18px;*/
    /*color: #fff;*/
    /*line-height: 56px;*/
    /*text-align: center;*/
    /*background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);*/
    /*box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);*/
    /*margin: 48px auto 0 auto;*/
    /*transition: all 0.3s;*/
/*}*/
/*.sec3 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/

/*.sec4{*/
    /*width:100%;*/
    /*background: #f6f6f6;*/
    /*padding: 80px 0;*/
/*}*/
/*.sec4 .conter{*/
    /*width:1180px;*/
    /*margin: 48px auto 0 auto;*/
    /*height:344px;*/
    /*position: relative;*/
/*}*/
/*.sec4 .conter .img1{*/
    /*display: block;*/
    /*width:240px;*/
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*z-index: 1;*/
    /*box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);*/
/*}*/
/*.sec4 .conter .dw{*/
    /*width:1080px;*/
    /*height:320px;*/
    /*position: absolute;*/
    /*bottom:0;*/
    /*right:0;*/
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
    /*background: #fff;*/
    /*border-radius: 2px;*/
    /*z-index: 2;*/
/*}*/
/*.sec4 .conter .dw .ul2{*/
    /*width:1076px;*/
    /*margin: 65px auto 0 auto;*/
/*}*/
/*.sec4 .conter .dw .ul2 li{*/
    /*float: left;*/
    /*width:358px;*/
    /*height:200px;*/
    /*border-right: 1px dashed #dddddd;*/
/*}*/
/*.sec4 .conter .dw .ul2 li img{*/
    /*margin: -38px auto 0 auto;*/
    /*display: block;*/
/*}*/
/*.sec4 .conter .dw .ul2 li .p1{*/
    /*text-align: center;*/
    /*font-size: 20px;*/
    /*color: #0a6cff;*/
    /*font-weight: bold;*/
    /*margin-top: 15px;*/
/*}*/
/*.sec4 .conter .dw .ul2 li .p2{*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*color: #78818f;*/
    /*margin-top: 10px;*/
/*}*/
/*.sec4 .bin{*/
    /*display: block;*/
    /*width: 200px;*/
    /*height: 56px;*/
    /*border-radius: 2px;*/
    /*font-size: 18px;*/
    /*color: #fff;*/
    /*line-height: 56px;*/
    /*text-align: center;*/
    /*background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);*/
    /*box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);*/
    /*margin: 48px auto 0 auto;*/
    /*transition: all 0.3s;*/
/*}*/
/*.sec4 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/

.sec5{
    width:100%;
    position: relative;
}
.sec5 .img1{
    display: block;
    width:100%;
    height:320px;
}
.sec5 .dw{
    width:100%;
    position: absolute;
    top:80px;
    left:0;
}
.sec5 .dw .conter{
    width:1180px;
    height:498px;
    margin: 48px auto 0 auto;
    position: relative;
}
.sec5 .dw .conter .img2{
    display: block;
    z-index: 1;
    position: absolute;
    top:0;
    left:0;
}
.sec5 .dw .conter .img3{
    display: block;
    z-index: 3;
    position: absolute;
    top:48px;
    right:0;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
}
.sec5 .dw .conter .img4{
    display: block;
    z-index: 2;
    position: absolute;
    top:0;
    right:0;
}

.sec6{
    width:100%;
    background: #f6f6f6;
    padding: 80px 0;
}

.sec6 a{
    margin-bottom: 80px;
}
.sec6 .conter{
    width:1180px;
    height:498px;
    margin: auto;
    position: relative;
}
.sec6 .conter .img1{
    display: block;
    z-index: 2;
    position: absolute;
    top:20px;
    left:-10px;
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
}
.sec6 .conter .img2{
    display: block;
    z-index: 1;
    position: absolute;
    top:0px;
    right:-10px;
}
.sec6 .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 56px auto;
    /*transition: all 0.3s;*/
}
/*.sec6 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/
.sec6 .conter1{
    width:1180px;
    height:498px;
    margin: auto;
    position: relative;
}
.sec6 .conter1 .img1{
    display: block;
    z-index: 1;
    position: absolute;
    top:0px;
    left:-10px;
}
.sec6 .conter1 .img2{
    display: block;
    z-index: 2;
    position: absolute;
    top:20px;
    right:-10px;
    /*box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);*/
}
.sec6 .bin1{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 80px auto;
    /*transition: all 0.3s;*/
}
/*.sec6 .bin1:hover {*/
    /*transform: scale(1.1);*/
/*}*/
.sec6 .conter2{
    width:1180px;
    height:696px;
    margin: auto;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}
.sec6 .conter2 .p1{
    display: block;
    width:100%;
    height:64px;
    background: #0f77ff;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height:64px;
}
.sec6 .conter2 .neirong{
    width:1150px;
    height:580px;
    margin: 24px 0 0 20px;
    overflow: auto;
}
.sec6 .conter2 .neirong img{
    display: block;
    width:1120px;
}
.sec6 .conter2 .neirong::-webkit-scrollbar{
    width: 8px;
    height:8px;
    background-color: #F5F5F5;
}
.sec6 .conter2 .neirong::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/
    background: #5d5d5d;
    border-radius: 5px;
}
.sec6 .conter2 .neirong::-webkit-scrollbar-track{/*滚动条轨道的样式*/
    background: #e7e7e7;
    border-radius: 5px;
}

/*.sec7{*/
    /*width:100%;*/
    /*background: #fff;*/
    /*padding: 80px 0;*/
/*}*/
/*.sec7 .conter{*/
    /*width:1100px;*/
    /*height:388px;*/
    /*margin: 70px auto 0 auto;*/
    /*background: #0a6cff;*/
    /*padding: 0 40px;*/
/*}*/
/*.sec7 .conter .img1{*/
    /*display: block;*/
    /*float: left;*/
    /*width:536px;*/
    /*margin-top: -20px;*/
/*}*/
/*.sec7 .conter ul{*/
    /*float: right;*/
    /*width:536px;*/
    /*overflow: hidden;*/
    /*margin-top: 20px;*/
/*}*/
/*.sec7 .conter ul li{*/
    /*float: left;*/
    /*width:100%;*/
    /*margin-bottom: 20px;*/
    /*cursor: pointer;*/
/*}*/
/*.sec7 .bin{*/
    /*display: block;*/
    /*width: 200px;*/
    /*height: 56px;*/
    /*border-radius: 2px;*/
    /*font-size: 18px;*/
    /*color: #fff;*/
    /*line-height: 56px;*/
    /*text-align: center;*/
    /*background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);*/
    /*box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);*/
    /*margin: 48px auto 0 auto;*/
    /*transition: all 0.3s;*/
/*}*/
/*.sec7 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/

.sec8{
    width:100%;
    position: relative;
}
.sec8 .img1{
    display: block;
    width:100%;
    height:862px;
}
.sec8 .dw{
    width:100%;
    position: absolute;
    top:80px;
    left:0;
}

.sec8 .dw h2 span{
    color: #ffb41f;
}
.sec8 .dw img{
    display: block;
    margin: 48px auto 0 auto;
}
.sec8 .dw .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    margin: 48px auto 0 auto;
    /*transition: all 0.3s;*/
}
/*.sec8 .dw .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/

.sec9{
    width:100%;
    background: #f6f6f6;
    padding: 80px 0;
}
.sec9 .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 0 auto;
    /*transition: all 0.3s;*/
}
/*.sec9 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/
.sec9 .conter{
    width:1180px;
    height:400px;
    margin: 48px auto 0 auto;
}
.sec9 .conter .list{
    float: left;
    width:868px;
    height:400px;
    overflow: hidden;
}
.sec9 .conter .list li{
    float: left;
    width:100%;
    height:100%;
    display: none;
}
.sec9 .conter .list li.show{
    display: block;
}
.sec9 .conter .nav{
    float: right;
    width:280px;
    height:400px;
}
.sec9 .conter .nav li{
    float: left;
    width:280px;
    height:100px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    cursor: pointer;
}
.sec9 .conter .nav li img{
    float: left;
    display: block;
    margin: 20px;
}
.sec9 .conter .nav li .p1{
    font-size: 18px;
    color: #333333;
    margin-top: 28px;
}
.sec9 .conter .nav li .p2{
    font-size: 16px;
    color: #999999;
}
.sec9 .conter .nav li.active{
    background: #0a6cff;
    border-bottom: 1px solid #0a6cff;
}
.sec9 .conter .nav li.active .p1{
    color: #fff;
}
.sec9 .conter .nav li.active .p2{
    color: #ffdd00;
}

.sec10{
    width:100%;
    background: #f6f6f6;
    padding: 80px 0;
}
.sec10 .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 0 auto;
    /*transition: all 0.3s;*/
}
/*.sec10 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/
 .sec3_zh{
    width: 100%;
    margin-top: 48px;
}
 .sec3_zh .ul1{
    height: 135px;
    width: 1180px;
    margin: auto;
}
 .sec3_zh .ul1 li{
    height: 135px;
    width: 200px;
    float: left;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(61, 64, 76, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 195px;
}
 .sec3_zh .ul1 li.active{
    background: #0a6cff;
    box-shadow: 0px 13px 20px -10px #0a6cff;
}
 .sec3_zh .ul1 li.active .txt h5{
    color: #fff;
     font-weight: bold;
}
 .sec3_zh .ul1 li.active .txt h6{
    color: #fff;
}
 .sec3_zh .ul1 li.active:before{
    border-top: 15px solid #0a6cff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
 .sec3_zh .ul1>li:before {
    content: "";
    width: 0;
    height: 0;
    left: 43%;
    bottom: -15px;
    position: absolute;
    border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: all 0.3s ease;
}
 .sec3_zh .ul li p{
    display: block;
    width:90px;
    height:66px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    line-height:110px;
    transition: all 0.3s ease;
}
 .sec3_zh .ul1 .li1 p{
    background:url("/pc2022/images/dzpyb/1113_1.png")top center no-repeat;
    position: absolute;
    top: 167px;
    left: 56px;
}
 .sec3_zh .ul1 .li1.active p{
    background:url("/pc2022/images/dzpyb/052810.png")top center no-repeat;
    font-weight: bold;
    top: 167px;
}
 .sec3_zh .ul1 .li3 p{
    background:url("/pc2022/images/dzpyb/11131.png")top center no-repeat;
    position: absolute;
    top: 167px;
    left: 56px;
}
 .sec3_zh .ul1 .li3.active p{
    background:url("/pc2022/images/dzpyb/052812.png")top center no-repeat;
    font-weight: bold;
    top: 167px;
}
 .sec3_zh .ul1 .li5 p{
    background:url("/pc2022/images/dzpyb/11133.png")top center no-repeat;
    position: absolute;
    top: 167px;
    left: 56px;
}
 .sec3_zh .ul1 .li5.active p{
    background:url("/pc2022/images/dzpyb/052814.png")top center no-repeat;
    font-weight: bold;
    top: 167px;
}
 .sec3_zh .ul li .txt{
    padding: 22px 0;
}
 .sec3_zh .ul li .txt h6{
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: 500;
    transition: all 0.3s ease;
}
 .sec3_zh .ul li .txt h5{
    text-align: center;
    font-size: 32px;
    color: #0a6cff;
    transition: all 0.3s ease;
     font-family: inherit;
     font-weight: 500;
}
.sec3_zh_boder{
    background: #d3d3d3;
    height: 1px;
    width: 1180px;
    margin:50px auto;
}
 .sec3_zh .ul2 li p{
    margin-top:-9px;
    margin-bottom: 12px;
}
 .sec3_zh .ul2 li{
    height: 135px;
    width: 200px;
    float: left;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(61, 64, 76, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 193px;
    margin-right: 0;
}
 .sec3_zh .ul2>li:before {
    content: "";
    width: 0;
    height: 0;
    left: 43%;
    top: -15px;
    position: absolute;
    border-right:15px solid transparent;
    border-left:15px solid transparent;
    border-bottom:15px solid #fff;
    transition: all 0.3s ease;
}
 .sec3_zh .ul2 li.active:before{
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #0a6cff;
}
 .sec3_zh .ul2 .li2 p{
    background:url("/pc2022/images/dzpyb/111210.png")top center no-repeat;
    position: absolute;
    top: -85px;
    left: 56px;
}
 .sec3_zh .ul2 .li2.active p{
    background:url("/pc2022/images/dzpyb/052811.png")top center no-repeat;
    font-weight: bold;
    top: -85px;
}
 .sec3_zh .ul2 .li4 p{
    background:url("/pc2022/images/dzpyb/11132.png")top center no-repeat;
    position: absolute;
    top: -85px;
    left: 55px;
}
 .sec3_zh .ul2 .li4.active p{
    background:url("/pc2022/images/dzpyb/052813.png")top center no-repeat;
    font-weight: bold;
    top: -85px;
}
 .sec3_zh .ul2 .li6 p{
    background:url("/pc2022/images/dzpyb/11134.png")top center no-repeat;
    position: absolute;
    top: -85px;
    left: 56px;
}
 .sec3_zh .ul2 .li6.active p{
    background:url("/pc2022/images/dzpyb/052815.png")top center no-repeat;
    font-weight: bold;
    top: -85px;
}
 .sec3_zh .ul2{
    width:1180px;
    height:135px;
    margin: auto;
    margin-top: 75px;
}
 .sec3_zh .ul2 li.active{
    background: #0a6cff;
    box-shadow: 0px 13px 20px -10px #0a6cff;
}
.sec3_zh .ul2 li.active .txt h5{
    color: #fff;
}
.sec3_zh .ul2 li.active .txt h6{
    color: #fff;
}

.sec11{
    width:100%;
    position: relative;
}
.sec11 .img1{
    display: block;
    width:100%;
    height:560px;
}
.sec11 .dw{
    width:100%;
    position: absolute;
    top:80px;
    left:0;
}
.sec11 .dw ul{
    width:1180px;
    margin: 48px auto 0 auto;
    overflow: hidden;
}
.sec11 .dw ul li{
    float: left;
    width:368px;
    margin-right: 37px;
    cursor: pointer;
}
.sec11 .dw .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    margin: 48px auto 0 auto;
    /*transition: all 0.3s;*/
}
/*.sec11 .dw .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/

.e-commerce-industry-video-box{
    width: 100%;
    background-color: #f6f6f6;
}

.e-commerce-industry-video-box-middle{
    width: 1180px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 48px;

}

.e-commerce-industry-video-box .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 0 auto;
    transition: all 0.3s;
}


.middle-title{
    padding-bottom: 48px;
}
.middle-title h2{
    margin-bottom: 27px;
}


.e-commerce-industry-video-font-box{
    width: 100%;
    background: linear-gradient(to right,#0a6cff,#0968fa,#0a6afd);
    position: relative;
}

.video-box{
    width: 630px;
    height: 358px;
    transform: translate(25px,-25px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.video-box .e-commerce-industry-video-box{
    width: 100%;
    height: 100%;
    position: relative;
}

.e-commerce-industry-video{
    width: 100%;
    height: 100%;
    position: relative;
}

.e-commerce-industry-video-mark{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    /*background-color: rgba(0,0,0,0.2);*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.video-mark-button{
    cursor: pointer;
}

.font-box{
    width: 458px;
    position: absolute;
    top: 17px;
    right: 25px;
    background-color: #ffffff;
    padding-left: 10px;
}

.font-box-item{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.font-box-item::after{
    display: inline-block;
    content: "";
    width: 92%;
    height: 1px;
    background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 15px;
}

.font-box-item.item4::after{
    display: none;
}

.font-box-item-icon{
    width: 61px;
    height: 61px;
    background:url("/pc2022/images/dzpyb/1010.png")top center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.font-box-item-content p{
    font-size: 18px;
    color: #78818f;
}

.font-box-item-number{
    font-size: 60px;
    color: #eaeef4;
    font-weight: bold;
}

.entrepreneurship-and-employment-box{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f6f6f6;
}

.entrepreneurship-and-employment-content-box{
    width: 1180px;
    margin: auto;
}

.entrepreneurship-and-employment-content{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.content-item{
    width: 380px;
    height: 280px;
    background: url("/pc2022/images/dzpyb/7701.png") top center;
}

.content-item.item2{
    background: url("/pc2022/images/dzpyb/7702.png") top center;
}
.content-item.item3{
    background: url("/pc2022/images/dzpyb/7703.png") top center;
}

.content-item .content-item-img{
    display: inline-block;
    margin-top: 34px;
    margin-left: 34px;
}
.content-item .content-item-p1{
    margin-left: 34px;
    margin-top: 65px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}
.content-item .content-item-p2{
    margin-left: 34px;
    margin-top: 19px;
    font-size: 18px;
    color: #ffffff;
}

.entrepreneurship-and-employment-remarks{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
}
.entrepreneurship-and-employment-remarks p{
    font-size: 16px;
    color: #b8b8b8;
}

.e-commerce-industry-box1{
    padding-top: 80px;
    padding-bottom: 80px;
    background: url("/pc2022/images/dzpyb/908.png") top center;
    background-size: 100% 100%;
}

.e-commerce-industry-box1-title .middle-title h2{
    background-image:-webkit-linear-gradient(left,#2bf7ff,#5dacf4,#6c7cdd,#7686ef,#8a67eb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.e-commerce-industry-box1-content-img{
    text-align: center;
}

.e-commerce-industry-box1-remarks{
    width: 100%;
    text-align: center;
    color: #8f8fae;
    margin-top: 30px;
}

.e-commerce-industry-box1-middle-title .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    /*box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);*/
    margin: 48px auto 0 auto;
    transition: all 0.3s;
}

/*.e-commerce-industry-box1-button-box{*/
    /*width: 100%;*/
    /*margin-top: 49px;*/
/*}*/

/*.e-commerce-industry-box1-button{*/
    /*width: 200px;*/
    /*height: 56px;*/
    /*color: #ffffff;*/
    /*background-image: linear-gradient(#107aff,#085dff);*/
    /*margin: auto;*/
    /*text-align: center;*/
    /*line-height: 56px;*/
    /*font-size: 18px;*/
    /*border-radius: 3px;*/
/*}*/

.sec2-1{
    width:100%;
    padding: 80px 0;
    background: #fff;
}
.sec2-1 .conter{
    width:1180px;
    margin: 48px auto 0 auto;
    height:356px;
    position: relative;
}
.sec2-1 .conter .img1{
    display: block;
    width:240px;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    box-shadow: 2px 4px 16px 0 rgba(84, 65, 250, 0.4);
    border-radius: 3px;
}
.sec2-1 .conter .dw{
    width:1080px;
    height:334px;
    position: absolute;
    bottom:0;
    right:0;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
    background: #fff;
    border-radius: 3px;
    z-index: 2;
}
.sec2-1 .conter .dw .ul1{
    width:1032px;
    margin: 26px auto 0 auto;
    overflow: hidden;
}
.sec2-1 .conter .dw .ul1 li{
    float: left;
    width:330px;
    height:130px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    margin: 0 18px 18px 0;
    overflow: hidden;
    cursor: pointer;
}
.sec2-1 .conter .dw .ul1 li img{
    width:84px;
    display: block;
    float: left;
    margin: 23px 12px 0 30px;
}
.sec2-1 .conter .dw .ul1 li .img3{
    display: none;
}
.sec2-1 .conter .dw .ul1 li .p1{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 24px;
}
.sec2-1 .conter .dw .ul1 li .p2{
    font-size: 18px;
    color: #b6b6b6;
    margin-top: 10px;
}
.sec2-1 .conter .dw .ul1 li.active{
    background: #f5f9ff;
    border: 1px solid #0a6cff;
}
.sec2-1 .conter .dw .ul1 li.active .p1{
    color: #0a6cff;
}
.sec2-1 .conter .dw .ul1 li.active .p2{
    color: #4a668f;
}
.sec2-1 .conter .dw .ul1 li.active .img3{
    display: block;
}
.sec2-1 .conter .dw .ul1 li.active .img2{
    display: none;
}
.sec2-1 .conter .dw .ul2{
    width:1076px;
    margin: 65px auto 0 auto;
}
.sec2-1 .conter .dw .ul2 li{
    float: left;
    width:358px;
    height:200px;
    border-right: 1px dashed #dddddd;
}
.sec2-1 .conter .dw .ul2 li img{
    margin: -38px auto 0 auto;
    display: block;
}
.sec2-1 .conter .dw .ul2 li .p1{
    text-align: center;
    font-size: 20px;
    color: #0a6cff;
    font-weight: bold;
    margin-top: 10px;
}
.sec2-1 .conter .dw .ul2 li .p2{
    text-align: center;
    font-size: 18px;
    color: #78818f;
    margin-top: 5px;
}
.sec2-1 .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 0 auto;
    transition: all 0.3s;
}
/*.sec2-1 .bin:hover {*/
    /*transform: scale(1.1);*/
/*}*/


.design-operation-box{
    width:100%;
    padding: 80px 0;
    background: #fff;
}
.design-operation-box .conter{
    width:1180px;
    margin: 48px auto 0 auto;
    height:304px;
    position: relative;
}
.design-operation-box .conter .img1{
    display: block;
    width:240px;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    box-shadow: 2px 4px 16px 0 rgba(84, 65, 250, 0.4);
}

.design-operation-box .conter .design-operation-box-conter{
    width:1080px;
    height:279px;
    position: absolute;
    bottom:0;
    right:0;
    box-shadow: 2px 4px 16px 0 rgba(153, 153, 153, 0.2);
    background: #fff;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.design-operation-box .bin{
    display: block;
    width: 200px;
    height: 56px;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(to right,#1079ff,#0a6cff,#085eff);
    box-shadow: 2px 4px 16px 0 rgba(8, 94, 255, 0.6);
    margin: 48px auto 0 auto;
    transition: all 0.3s;
}