/*dios*/
.dios_wrap{max-width: 1200px; width: 90%; margin: 0 auto;}
.dios_banner{position: relative;font-weight: 400; margin-top: 66px;}
.dios_banner .txt{color: #f6f6f6;}
.industrybody .dios_banner .txt{color: #0F0F11;}
.dios_banner h2{ font-weight: 600; line-height: 50px;}
.dios_banner h3{margin-top: 16px;line-height:28px; font-weight: 400;text-align:justify; text-justify:distribute-all-lines;}
.dios_banner h3.an{opacity: 0.7!important; color: #030303;}
.dios_banner p{margin-top: 12px; line-height:28px; opacity: 0.7!important;font-weight: 400; width: 56%;text-align:justify; text-justify:distribute-all-lines;}
.dios_banner .btn_ty{display: inline-block; margin-top: 24px; /*width: 120px;*/ padding: 0 16px; height: 40px; line-height: 40px; text-align: center;color: #fff; background: #145AFE;border-radius: 4px;}
.dios_tab_tit{position: relative; top:-34px; height: 68px; background: #fff; box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.05);}
.dios_tab_tit ul{ text-align: center; width: 100%;}
.dios_tab_tit li{ cursor: pointer; position: relative; display: inline-block; height: 68px; line-height: 60px; padding: 0 120px; font-weight: 500;color: #181818;}
.dios_tab_tit li::after{content: ""; position: absolute; lefT:0; top:17px; width: 1px; height: 34px; background: #EFEFEF;}
.dios_tab_tit li.on{ color: #145AFE;}
.dios_tab_tit li:first-child::after{ display: none;}
.dios_tab_tit li::before{ display: none; content: ""; position: absolute; left:50%; margin-left: -15px; bottom:14px; width: 30px;height: 4px;background: #145AFE;border-radius: 2px;}
.dios_tab_tit li.on::before{display: block;}
.dios_tab_tit_3 li{ float: left; width: 33.33%; padding: 0!important;}
.dios_tab_tit_4 li{ float: left; width: 25%; padding: 0!important;}
.dios_tab_tit_5 li{ float: left; width: 20%; padding: 0!important;}
.dios_tab_tit_6 li{float: left; width: 16.66%; padding: 0!important;}

.dios_01-part01{padding:1% 0;}
.dios_t{ margin-bottom: 5%; text-align: center; font-weight: 600; line-height: 40px; color: #181818;}
.dios_01-part01 li{margin-bottom: 3%;}
.dios_01-part01 dt{ float: left; width:49%;}
.dios_01-part01 dt img{ max-width: 100%;}
.dios_01-part01 dd{ float: right; width: 45%; margin-top: 7%;}
.dios_01-part01 dd h3{font-weight: 500;color: #181818; line-height: 28px;}
.dios_01-part01 dd p{ margin-top: 12px;font-weight:400;color: #3D485D;line-height: 22px;text-align:justify; text-justify:distribute-all-lines;}
.dios_01-part01 dd a{ display: block;margin-top: 24px; width: 88px; height: 36px; line-height: 36px; border-radius: 4px; color: #fff; text-align: center; font-weight: 400; background: #145AFE;}
.dios_01-part01 li:nth-child(2n) dt{ float: right;}
.dios_01-part01 li:nth-child(2n) dd{ float: left;}
.dios_01-part02{padding: 5% 0;}
.dios_01-part02 ul{margin: 0 -0.5%; padding-top: 1%;}
.dios_01-part02 li{ float: left; box-sizing: border-box; width: 24%; padding: 2%; margin: 0 0.5% 1%;background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 4px;border: 2px solid #FFFFFF;}
.dios_01-part02 li span{display: block; max-width: 64px; overflow: hidden;}
.dios_01-part02 li h3{margin-top: 16px; font-weight: 500; line-height: 26px; height: 26px; overflow: hidden; color: #181818;}
.dios_01-part02 li p{margin-top: 12px;font-weight: 400; line-height: 22px; height: 88px;color: #3D485D;text-align:justify; text-justify:distribute-all-lines;}



.dios_comm-part{padding: 8% 0 5%; color: #fff;margin-top: -46px;position: relative;z-index: 3;}
.dios_comm-part h2{font-weight: 600;}
.dios_comm-part .btn_more{ display: block; width: 120px; height: 36px; line-height: 36px; margin-top: 24px;color: #145AFE!important; font-weight:400;text-align: center; border-radius: 4px; border:1px solid #fff; background: #fff;}

@media only screen and (max-width:1440px) {
    .dios_banner h3{ margin-top: 10px;}
    .dios_banner .btn_ty{margin-top: 16px;}
    .dios_banner .txt p{ line-height: 24px;}
}
@media only screen and (max-width:1365px) {
    .dios_banner .txt p{ line-height: 22px;}
    .dios_tab_tit{top:0;}
    .dios_tab_tit li{padding: 0 80px;}
}
@media only screen and (max-width:1279px) { 
    .dios_01-part01{padding: 5% 0;}
    .dios_01-part02 li p{ height: 110px;}
    .dios_banner p{ width: 100%;}
}
@media only screen and (max-width:1024px) {
    .dios_banner{margin-top: 50px;}    
}

@media only screen and (max-width:1023px) {
    .dios_banner{ height: 300px;}
    .dios_banner img{ display: none;}
    .dios_tab_tit li{padding: 0 40px;}    
    .dios_01-part01 dd{margin-top: 0;}
    .dios_01-part02{padding-bottom: 10%;}
    .dios_01-part02 li{ width: 49%; padding: 5%;}
}
@media only screen and (max-width:767px) {
    .dios_banner h2{ line-height: 1.5; margin-bottom: 5px;}
    .dios_banner .txt p{ line-height: 20px; margin-top: 5px;}
    .dios_tab_tit li{padding: 0 20px;}
    .dios_tab_tit_6 li{ width: 25%; height: 34px; line-height: 34px;}
    .dios_tab_tit_6 li::before{bottom:0;}
    .dios_tab_tit li::after{ display: none;}
    .dios_01-part01 dt,.dios_01-part01 dd{ width: 100%;}
    .dios_01-part01 li,.dios_01-part01 dt{margin-bottom: 5%;}
    .dios_01-part01 dd h3,.dios_01-part02 li h3{ font-size: 16px;}
    .dios_01-part02{padding-bottom: 15%;}
    .dios_01-part02 li{ width: 99%;}
    .dios_01-part02 li p{ height: auto;}    
}


.dios_02-part01{padding:1% 0 4%;}
.dios_02-part01 ul{margin: 0 -0.8%;}
.dios_02-part01 li{ position: relative; float: left; padding:3% 2.5%; height: 340px; overflow: hidden; box-sizing: border-box; width: 23.4%; margin: 0 0.8% 1%;background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;}
.dios_02-part01 li h3{font-weight: 500;color: #181818;line-height: 26px;}
.dios_02-part01 li p{position: relative; z-index: 2; margin-top: 12px;font-weight: 400;color: #3D485D;line-height: 22px;text-align:justify; text-justify:distribute-all-lines;}
.dios_02-part01 li span{position: absolute; z-index: 1; right:-30px; bottom: -30px; width: 180px; height: 191px; overflow: hidden;}
.dios_02-part01 li span img{ display: block;}
.dios_02-part01 li span img+img{ display: none;}


.dios_02-part02{padding: 5% 0 6%;}
.dios_02-part02 .box{position: relative; padding-bottom:6%;}
.dios_02-part02 .yuan{max-width: 356px; width: 30%; margin: 0 auto;}
.dios_02-part02 li{position: absolute; width: 35%;}
.dios_02-part02 li.li_01{left:0; top:18%; width: 33%; text-align: right; padding-right: 12px; padding-top: 8px;background: url(/images/dios/dios_dot10.png) right top no-repeat;}
.dios_02-part02 li.li_02{lefT:66%;top:18%; width: 33%; text-align: left; padding-left: 12px; padding-top: 8px;background: url(/images/dios/dios_dot09.png) left top no-repeat;}
.dios_02-part02 li.li_03{lefT:0; top:50%; width: 31%; text-align: right; margin-right: 3%; padding-right: 12px; padding-top: 8px;background: url(/images/dios/dios_dot10.png) right top no-repeat;}
.dios_02-part02 li.li_04{lefT:68%; top:50%; width: 31%; text-align: left; padding-left: 12px; padding-top: 8px;background: url(/images/dios/dios_dot09.png) left top no-repeat;}
.dios_02-part02 li.li_05{lefT:20%; top:90%; width: 20%;padding-left: 12px; padding-top: 8px;background: url(/images/dios/dios_dot10.png) left top no-repeat;}
.dios_02-part02 li.li_06{lefT:40%; top:90%;width: 20%;padding-left: 12px; padding-top: 8px;background: url(/images/dios/dios_dot10.png) left top no-repeat;}
.dios_02-part02 li.li_07{lefT:60%; top:90%;width: 20%;padding-left: 12px; padding-top: 8px;background: url(/images/dios/dios_dot10.png) left top no-repeat;}
.dios_02-part02 li h3{font-weight: 500;color: #181818;line-height: 24px;}
.dios_02-part02 li p{margin-top: 6px;font-weight: 400;color: #3D485D;line-height:20px;}

.dios_02-part03{ padding: 5% 0 2%; background: #fff;}
.diostab-tit{position: relative;}
.diostab-tit .swiper-container{ margin:0;}
.diostab-tit.cen ul{text-align: center;display: inline-block;}
.diostab-tit ul li{ cursor: pointer; display: inline-block; position: relative; text-align: center; padding-bottom: 25px;}
.diostab-tit ul li span{ display: block; margin: 0 auto; width: 60px;height: 60px; /*overflow: hidden;*/}
.diostab-tit ul li p{margin-top: 22px;font-weight: 400;color: #181818;line-height: 24px;}
.diostab-tit ul li em{ position: absolute; lefT:0; bottom:0px; width:0; height:4px;background: #145AFE;}
.diostab-tit ul li.on em{ width:100%;}
.diostab-tit ul li.on p{color: #145AFE;}
.diostab-tit .swiper-button-prev{ left:0; background-size: 30px 30px;}
.diostab-tit .swiper-button-next{ right:0;background-size: 30px 30px;}
.diostab-con{ padding: 3% 0; background: linear-gradient(180deg, #F3F6FC 0%, #FFFFFF 100%);}
.diostab-con .item{ display: none;}
.diostab-con .item.on{ display: block;}
.diostab-con .item .box{ background: #fff; border-radius: 8px; padding: 32px;}
.diostab-con .item .box p{font-weight: 400;color: #4B5B76;;line-height: 24px;text-align:justify; text-justify:distribute-all-lines;}
.diostab-con .item .box p+img{margin-top: 15px;border-radius: 8px; overflow: hidden;}


.dios_02-part04{padding: 5% 0;}
.dios_02-part04 .swibox{position: relative; padding-bottom: 70px;}
.dios_02-part04 .swibox li{box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 4px; overflow: hidden; background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);}
.dios_02-part04 .swiper-wrapper{ display: block;}
.dios_02-part04 .swibox li{ float: left; width: 49%;}
.dios_02-part04 .swibox li:nth-child(2n){ float: right;}
.dios_02-part04 .swibox dd{ padding: 16px 24px 24px;}
.dios_02-part04 .swibox dd h3{font-weight: 500;color: #181818;line-height: 26px;}
.dios_02-part04 .swibox dd p{ margin-top: 12px; font-weight: 400;color: #3D485D;line-height: 22px; min-height: 66px; text-align:justify; text-justify:distribute-all-lines;}
.dios_02-part04 .swibox .swiper-button-prev{top:auto; left:auto; right:70px; margin-top: 0; bottom:0; width: 50px; height: 50px; background: url(/images/dios/btn_ll.png) no-repeat; background-size: cover;}
.dios_02-part04 .swibox .swiper-button-next{top:auto; right:0; margin-top: 0; bottom:0;width: 50px; height: 50px; background: url(/images/dios/btn_rr.png) no-repeat; background-size: cover;}
.dios_02-part04 .swibox .swiper-button-prev.swiper-button-disabled,.dios_02-part04 .swibox .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;opacity: 1;}
.dios_02-part04 .swibox .swiper-button-prev:hover{ background: url(/images/dios/btn_ll_on.png) no-repeat;background-size: cover;}
.dios_02-part04 .swibox .swiper-button-next:hover{ background: url(/images/dios/btn_rr_on.png) no-repeat;background-size: cover;}

@media only screen and (max-width:1279px) {
    .dios_02-part01{padding: 5% 0;}
    .dios_02-part01 li{ height: 300px;}
    .dios_02-part01 li span{ width: 100px; height: auto; bottom:-10px; right:-10px;}
    .dios_02-part02{padding-bottom: 10%;}
    .dios_02-part02 li.li_05{ lefT:10%;}
    .dios_02-part02 li.li_07{ left:70%;}
}
@media only screen and (max-width:1023px) {
    .dios_02-part01 li{ width: 48.4%; margin-bottom: 2%; height: 240px;}
    .dios_02-part02 .box{padding-bottom: 0;}
    .dios_02-part02 .yuan{ width: 60%;}
    .dios_02-part02 li{position: static; width: 100%!important; box-sizing: border-box; text-align: left!important; margin-top: 5%;}
    .dios_02-part02 li.li_01,.dios_02-part02 li.li_03{padding-left: 12px; padding-right: 0; background-position: left top;}
    .dios_02-part02 li p br{ display: none;}
    .dios_02-part04{padding-bottom: 10%;}
    .dios_02-part04 .swibox .swiper-button-prev,.dios_02-part04 .swibox .swiper-button-next{ width: 40px; height: 40px;}
    .dios_02-part04 .swibox .swiper-button-prev{ right:50px;}
}
@media only screen and (max-width:767px) {
    .diostab-tit ul li span{ width: 40px; height: 40px;}
    .diostab-tit ul li p{margin-top: 10px;}
    .diostab-tit ul li{padding-bottom: 10px;}
    .dios_02-part02 .yuan{ width:100%;}
    .dios_02-part04{padding-bottom: 15%;}
    .dios_02-part04 .swibox li{ width: 100%; margin-bottom: 2%;}
}


.dios_03-part01{padding:1% 0 4%;}
.dios_03-part01 ul{margin: 0 -1%;}
.dios_03-part01 li{ position: relative; float: left; padding:56px 24px 51px; height: 426px; overflow: hidden; box-sizing: border-box; width: 31.33%; margin: 0 0.8% 1%;background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;}
.dios_03-part01 li h3{font-weight: 500;color: #181818;line-height: 32px;}
.dios_03-part01 li p{margin-top: 56px;font-weight: 400;color: #3D485D;line-height: 22px;text-align:justify; text-justify:distribute-all-lines;}
.dios_03-part01 li dl{margin-top: 32px; border-top: 1px solid #F0F0F0;padding-top: 24px;}
.dios_03-part01 li dl dd{font-weight: 400;color: #3D485D;line-height: 22px; margin-bottom: 16px;position: relative; padding-left: 20px;text-align:justify; text-justify:distribute-all-lines;}
.dios_03-part01 li dl dd:last-child{ margin-bottom: 0;}
.dios_03-part01 li dl dd::before{content: ""; position: absolute; left:0; top:7px; width:6px; height: 6px; border-radius: 2px; background: #3D485D;;}
.dios_03-part01 li dl dd span{color: #145AFE;}
.dios_03-part02{color:#fff; padding: 5% 0;}
.dios_03-part02 .dios_t{color:#fff;}
.dios_03-part02 ul{margin: 0 -0.5%;}
.dios_03-part02 li{ cursor: pointer; float: left; width:24%; margin: 0 0.5%; height: 380px; box-sizing: border-box; position: relative;
background: linear-gradient(180deg, #3E4450 0%, #30353F 100%);opacity: 0.5;border-radius: 6px;border: 1px solid #FFFFFF;}
.dios_03-part02 li.on{ width: 49%;opacity: 1; border:none; background: linear-gradient(225deg, #5474FF 0%, #3E62FF 100%);}
.dios_03-part02 li span{ position: absolute; z-index: 1; right:0; bottom:0; max-width: 187px; max-height: 175px; overflow: hidden;}
.dios_03-part02 li span img{ display: block;}
.dios_03-part02 li span img+img{ display: none;}
.dios_03-part02 li dl{padding: 54px 24px;}
.dios_03-part02 li dt{color: #fff; font-weight: 500; line-height: 33px; margin-bottom: 5%;}
.dios_03-part02 li dd{opacity: 0; position: relative;z-index: 2; display: block; padding: 0 24px; box-sizing: border-box; overflow: hidden; width: 70%;margin-bottom: 14px;border-radius: 4px; border:1px solid #738FFF; height: 64px; line-height: 64px;background: linear-gradient(90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);}
.dios_03-part02 li dd:last-child{margin-bottom: 0;}
.dios_03-part02 li dd em{ float: left; width: 70%;}
.dios_03-part02 li dd i{ float: right; width: 30%; text-align: right;}
.dios_03-part02 li.on dd{ opacity: 1;}
.dios_03-part02 li.on span img{ display: none;}
.dios_03-part02 li.on span img+img{ display: block;}

@media only screen and (max-width:1279px) {
    .dios_03-part01{padding: 5% 0;}
    .dios_03-part01 li{padding: 24px;}
    .dios_03-part01 li p{margin-top: 24px;}
}
@media only screen and (max-width:1023px) {
    .dios_03-part01 ul{margin: 0;}
    .dios_03-part01 li{height: auto; width: 100%; margin: 0 0 3%;}
    .dios_03-part01 li dl{margin-top: 24px;}
}
@media only screen and (max-width:767px) {
    .dios_03-part02 ul{ margin: 0;}
    .dios_03-part02 li{ width: 100%; height: auto; margin: 0 0 3%;}
    .dios_03-part02 li dl{padding: 24px;}
    .dios_03-part02 li.on{ width:100%;}
    .dios_03-part02 li dd{opacity: 1; height: 44px; line-height: 44px;}
}


.dios_02-part01 li span img,.dios_02-part01 li span img+img,.diostab-tit ul li em,.dios_02-part04 .swibox .swiper-button-prev,.dios_02-part04 .swibox .swiper-button-next,
.dios_03-part01 li,.dios_03-part02 li,.dios_01-part02 li,.dios_02-part01 li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px) {
    .dios_01-part02 li:hover,.dios_02-part01 li:hover,.dios_03-part01 li:hover{transform:translateY(-16px);-webkit-transform:translateY(-16px);}
    .dios_02-part01 li:hover span img{ display: none;}
    .dios_02-part01 li:hover span img+img{ display: block;}
    .diostab-tit ul li:hover em{width:100%;}
    .diostab-tit ul li:hover p{color: #145AFE;}
    .dios_03-part01 li:hover{ transform:translateY(-20px); background:linear-gradient(162deg, rgba(230,236,255,0.77) 0%, rgba(255,255,255,0.22) 100%);}
    .dios_banner .btn_ty:hover,.dios_01-part01 dd a:hover{color:#fff!important; background: #5F85F7;}
    .dios_comm-part .btn_more:hover{border:1px solid #6082F7;background:#B3C2FA;}
}