@charset "utf-8";


.top {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 30px;
    left: 0px;
    z-index: 999;
    padding: 0px 70px;
    transition: all .5s;
}

.head {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.bannervideo {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.idxbannersnext,
.idxbannersprev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* background: url(../images/wl_bannerjt.png) no-repeat center center; */
    background-color: rgba(0, 0, 0, 0.5);
    left: 60px;
    background-size: 22px;
}

.idxbannersnext {
    right: 60px;
    left: unset;
    /* background-image: url(../images/w_bannerjt.png); */
}



.topl {
    height: 100%;
}

.logo {
    height: 19px;
}

.logo a img {
    height: 20px;
    filter: grayscale(10%) brightness(10%) invert(1);
}

.nav {
    margin-left: 50px;
    height: 100%;
}

.nav>ul>li,
.nav>ul {
    height: 100%;
}

.nav>ul>li>a,.download a {
    font-size: 20px;
    color: #ffffff;
    line-height: 80px;
    padding: 0px 30px;
    font-family: MiSans-Regular;
    text-transform: capitalize;
}

.acloud {
    width: 130px;
    height: 42px;
    border-radius: 19px;
    text-align: center;
    background: linear-gradient(to right, #1867D6, #003CAE);
}

.acloud a {
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
    text-transform: capitalize;
    font-family: MiSans-Regular;
}

.download {
    margin: 0px 50px;
}

/* .download a {
    font-size: 20px;
    color: #7D86A1;
    text-transform: capitalize;
    font-family: MiSans-Regular;
} */

.lang {
    width: 100px;
    height: 35px;
    cursor: pointer;
    border-radius: 20px;
    position: relative;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.lang p {
    font-size: 16px;
    color: #ffffff;
    margin-left: 8px;
    padding-top: 2px;
    text-transform: uppercase;
}

.lang img {
    height: 14px;
    filter: brightness(1000%);
}

.neitop .lang {
    border: 1px solid #7D86A1;
}

.neitop .lang img {
    filter: unset;
}

.neitop .lang p {
    color: #020202;
}

.neitop .nav>ul>li>a,.neitop .download a {
    color: #363636;
}

.neitop .lang57 img,
.neitop .lang56 img,
.neitop .lang45 img,.neitop .lang43 img,.neitop .lang122 img,.neitop .lang166 img,.neitop .lang203 img,.neitop .lang246 img,.neitop .lang323 img,.neitop .lang239 img ,
.neitop .lang72 img ,
.neitop .lang316 img ,
.neitop .lang196 img,
.neitop .lang159 img,.neitop .lang356 img,.neitop .lang363 img,
.neitop .lang115 img{

    filter: brightness(1000%);
}

.neitop .lang57 p,
.neitop .lang56 p,
.neitop .lang45 p,
.neitop .lang72 p,.neitop .lang43 p,.neitop .lang122 p,.neitop .lang166 p ,.neitop .lang203 p ,.neitop .lang246 p,.neitop .lang323 p,.neitop .lang316 p,.neitop .lang239 p,.neitop .lang196 p,.neitop .lang159 p ,.neitop .lang115 p,.neitop .lang356 p,.neitop .lang363 p,.neitop .download57 a, .neitop .download56 a, .neitop .download45 a, .neitop .download72 a, .neitop .download43 a, .neitop .download122 a, .neitop .download166 a, .neitop .download203 a, .neitop .download246 a, .neitop .download323 a, .neitop .download316 a, .neitop .download239 a, .neitop .download196 a, .neitop .download159 a, .neitop .download115 a, .neitop .download356 a, .neitop .download363 a{
    color: #ffffff;
}



.neitop.fixednav .lang {
    border: 1px solid #ffffff;
}

.neitop.fixednav .lang img {
    filter: brightness(1000%);
}

.neitop.fixednav .lang p {
    color: #ffffff;
}

.neitop .waptopr_lang .lang45 img {
    filter: unset;
}

.neitop .waptopr_lang .lang45 p {
    color: #363636;
}

.langxl {
    position: absolute;
    top: 34px;
    left: 0px;
    width: 100%;
    padding: 8px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    background-color: #ffffff;
    display: none;
}

.langxl a {
    display: block;
    font-size: 16px;
    line-height: 2;
}

.lang:hover .langxl {
    display: block;
}

.navxl {
    position: fixed;
    width: 100vw;
    height: 650px;
    top: 0px;
    left: 0px;
    z-index: -1;
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, 0.5);
    /* 半透明背景 */
    display: none;
}

.navxlbox {
    width: 100%;
    padding: 100px;
}



.slideTxtBox {
    width: 100%;
    padding: 50px 0px 0px 75px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.slideTxtBox .hd ul li {
    font-size: 20px;
    cursor: pointer;
    color: #B3B3B3;
    padding-right: 30px;
    margin-bottom: 30px;
}

.slideTxtBox .hd ul li a {
    color: #B3B3B3;
}

.slideTxtBox .hd ul li.on a,
.slideTxtBox .hd ul li:hover a,
.slideTxtBox .hd ul li.on {
    color: #ffffff;
}

.slideTxtBox .bd {
    width: 77%;
}

.slideTxtBox .bd ul {
    justify-content: flex-start;
}

.slideTxtBox .bd ul li {
    width: 23%;
    margin-left: 2.65%;
}

.slideTxtBox .bd ul li:nth-child(1) {
    margin-left: 0px;
}

.slideTxtBox .bd ul li a {
    width: 100%;
    height: auto;
}
.slideTxtBox43 .bd ul,.slideTxtBox122 .bd ul ,.slideTxtBox166 .bd ul ,.slideTxtBox246 .bd ul,.slideTxtBox363 .bd ul,.slideTxtBox323 .bd ul,.slideTxtBox203 .bd ul{
    padding-left: 100px;
}
.navimgbox {
    width: 100%;
    height: 270px;
    background-color: #f4f4f4;
    border: 1px solid #353535;
}

.navimgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navimgbox54 .navimgbox img ,.navimgbox130 .navimgbox img,.navimgbox174 .navimgbox img,.navimgbox211 .navimgbox img,.navimgbox254 .navimgbox img,.navimgbox331 .navimgbox img,.navimgbox371 .navimgbox img{
    object-fit: contain;
}

.navtitlebox {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.navtitlebox h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.6;
    height: 36px;
    overflow: hidden;
    text-transform: capitalize;
}

.top.fixednav {
    top: 0px;
    background: linear-gradient(to bottom, #191919, #000000);
}

.top.tophide {
    top: -80px;
}

.numCount ul {
    width: 100%;
}

.numCount ul::before,
.numCount ul::after {
    display: none;
}

.numCount ul li {
    width: 25%;
    cursor: default;
    height: 580px;
    padding: 150px 70px 0px;
    border-left: 1px solid #D3D3D3;
}

.numCount ul li {
    border-left: 0px;
    transition: all .5s;
}

.numU {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.numCX {
    font-size: 160px;
    color: #000000;
}

.numU i {
    font-size: 160px;
    color: #000000;
    font-style: normal;
    position: relative;
}

.numU i sup {
    font-size: 64px;
    color: #000000;
    position: absolute;
    top: 20px;
    right: -20px;
}

.numxiaoyu {
    font-size: 64px;
    color: #000000;
    line-height: 10px;
}

.indc {
    font-size: 16px;
    color: #000000;
    line-height: 1.6;
    margin-top: -20px;
    font-family: MiSans-Medium;
    text-transform: capitalize;
}

.numdesc {
    opacity: 0;
    margin-top: 30px;
}

.numdesc p {
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    font-family: MiSans-Normal;
}

.numCount ul li:hover {
    background: url(../images/banner.jpg) no-repeat center center;
    background-size: cover;
}

.numCount ul li:nth-child(2):hover {
    background-image: url(../images/idxpic2.jpg);
}

.numCount ul li:nth-child(3):hover {
    background-image: url(../images/idxpic3.jpg);
}

.numCount ul li:nth-child(4):hover {
    background-image: url(../images/idxpic4.jpg);
}

.numCount ul li:hover .numdesc {
    opacity: 1;
}

.activenum .indc,
.activenum .numxiaoyu,
.activenum .numU i sup,
.activenum .numU i,
.activenum .numCX {
    color: #ffffff;
}

.activenum .numCX,
.activenum .numU i {
    font-size: 120px;
}

.activenum .indc {
    margin-top: 0px;
}


.idxgf {
    width: 100vw;
    height: 100vh;
    background: url(../images/idxpic2.jpg) no-repeat center center;
    background-size: cover;
    /* background-attachment: fixed; */
}

.idxgfnum {
    padding-top: 100px;
}

.idxgfnum ul {
    width: 80%;
    justify-content: center;
    margin: 0px auto;
}

.idxgfnum ul li {
    border-radius: 20px;
    margin: 0px 10px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px 50px 20px 30px;
}

.idxgfnum ul li:nth-child(4) {
    padding-right: 100px;
}

.gfnum {
    font-size: 50px;
    color: #002BFF;
}

.gfjia {
    color: #002BFF;
    font-size: 32px;
}

.gfnumdesc p {
    font-size: 16px;
    color: #191919;
}

.idxgfnumbox2 {
    width: 1020px;
    height: 140px;
    margin: 50px auto;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

 .idxgfnumbox2 ul {
    width: 100%;
    height: 100%;
    padding-left: 45px;
}
 .idxgfnumbox2 ul::before, .idxgfnumbox2 ul::after {
    display: none;
 }
.idxgfnumbox2 ul li {
    background: none;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    width: 25%;
    padding-left: 60px;
    background: url(../images/numico2.png) no-repeat center left;
    background-size: 43px;
}
.idxgfnumbox2 .unitCgf i {
    font-size: 26px;
    top: 0px;
}
.idxgfnumbox2 ul li:nth-child(1) {
    background-image: url(../images/numico1.png);
}
.idxgfnumbox2 ul li:nth-child(3) {
    background-image: url(../images/numico3.png);
}
.idxgfnumbox2 ul li:nth-child(4) {
    padding-right: 0px;
}
.idxgfnumbox2 ul li .numgwp {
    font-size: 15px;
}
.idxgfnumbox2 ul li:nth-child(2) .numgwp {
    margin-left:30px;
}
.idxgfnumbox2 ul li:nth-child(4) .numgwp {
    margin-left: 25px;
}
.idxgfnumbox2 .numCXgf {
    font-size: 26px;
}
.idxpros { 
    width: 100%;
    padding: 100px 0px;
}

.idxprotop {
    border-bottom: 1px solid #E4E4E4;
}

.idxprotbox {
    width: 100%;
    padding-bottom: 10px;
}

.idxpro_tl h3 {
    font-size: 40px;
    color: #000000;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: MiSans-Medium;
}

.idxpro_tr a p {
    font-size: 16px;
    color: #000000;
    line-height: 1.6;
    font-family: MiSans-Medium;
}

.idxpro_tr a img {
    height: 10px;
    margin-left: 15px;
    transform: rotate(180deg);
    filter: brightness(500%);
}

.idxproswiper .swiper-slide {
    width: 30%;
    padding: 0px 50px;
    display: block;
}

.idxproli {
    width: 100%;
    height: 400px;
    justify-content: center;
    position: relative;
}

.idxproli h4 {
    font-size: 200px;
    font-weight: bold;
    color: #b7b7b7;
    font-family: MiSans-Bold;
}

.idxproliimg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.idxproliimg img {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    object-fit: contain;
}

.idxprodesc {
    opacity: 0;
}

.idxprodesc a {
    text-align: center;
}

.idxprodesc h3 {
    font-size: 20px;
    color: #000000;
    line-height: 1.6;
    text-transform: capitalize;
}

.idxprodesc p {
    font-size: 16px;
    color: #979797;
    line-height: 1.6;
}

.idxproswiper .swiper-slide.swiper-slide-active {
    width: 40%;
}

.idxproswiper .swiper-slide.swiper-slide-active .idxproli h4 {
    font-size: 250px;
}

.idxproswiper .swiper-slide.swiper-slide-active .idxproliimg img {
    transform: scale(1.1);
}

.idxproswiper .swiper-slide.swiper-slide-active .idxprodesc {
    opacity: 1;
}

.btnbule {
    background: linear-gradient(to right, #1867D6, #003CAE);
    color: #ffffff;
    border: 0px;
    width: 140px;
    height: 38px;
    border-radius: 19px;
    text-transform: capitalize;
    font-size: 12px;
    transition: all .5s;
    margin-top: 20px;
}

.btnbule:hover {
    background: linear-gradient(to right, #14171a, #000000);
}

.idxproswiper .swiper-button-next,
.idxproswiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    top: 40%;
}

.idxproswiper .swiper-button-next::after,
.idxproswiper .swiper-button-prev::after,.idxbannersnext.swiper-button-next:after, .idxbannersprev.swiper-button-prev:after {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.idxsolu {
    background: linear-gradient(to top, #DBDEE8, #FFFFFF);
    padding: 50px 0px;
}

.idxsolumid {
    margin: 50px 0px 80px;
}

.idxsolumid ul {
    justify-content: center;
}

.idxsolumid ul li {
    width: 360px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 25px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    line-height: 50px;
    cursor: pointer;
    transition: all .5s;
}

.idxsolumid ul li.active {
    background-color: #000000;
    color: #ffffff;
}

.idxsoluli {
    width: 100%;
    height: 530px;
    border-radius: 20px;
    overflow: hidden;
}

.idxsolubox2 .idxsoluli {
   width:91%;
   margin:0px auto;
}
/*.idxsolubox2 .idxsoluli {*/
/*   height:580px; */
/*}*/

.idxsoluli img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idxsolubox .swiper-slide:hover .idxsoluli img {
    transform: scale(1.1);
}

.idxsolubox .swiper-slide {
    display: block;
}

.idxsoludesc {
    padding: 30px 20px;
    opacity: 0;
}

.idxsoludesc h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: MiSans-Demibold;
}

.idxsoludesc p {
    color: #979797;
    font-size: 14px;
    line-height: 1.6;
}

.idxsolubox .swiper-slide {
    transform: scale(0.95);
}

.idxsolubox .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.idxsolubox .swiper-button-next,
.idxsolubox .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: 40%;
    background-color: rgba(0, 0, 255, 0.5);
    border-radius: 50%;
}

.idxsolubox .swiper-slide.swiper-slide-active .idxsoludesc {
    opacity: 1;
}

.idxsolubox .swiper-button-next::after,
.idxsolubox .swiper-button-prev::after {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.idxsolubox2 {
    display: none;
}

.idxsolubox2slide {
    width: 1080px;
    margin: 0 auto;
}

.idxsolubox2slide .idxsoludesc {
    opacity: 1;
}

.idxcase {
    padding: 100px 0px;
    background-color: #f6f6f6;
}

.idxcase .swiper-slide {
    overflow: hidden;
    width: 36%;
    height: 520px;
    border-radius: 20px;
    margin: 0px 30px;
    position: relative;
}

.idxcasemid {
    margin-top: 50px;
}

.idxcaseimg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
    position: absolute;
    border-radius: 23px;
}

.idxcaseimg img {
    width: 99.8%;
    height: 99.8%;
    object-fit: cover;
}

.idxcasedesc {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 50px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.idxcasedesc a {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.idxcasedesc h3 {
    width: 40%;
    font-size: 20px;
    color: #ffffff;
    line-height: 1.6;
    text-align: left;
}

.idxcasedesc_on {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 5;
    width: 100%;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px 50px;
    background-color: #ffffff;
    opacity: 0;
}

.idxcasedesc_on a {
    width: 100%;
    height: 100%;
    align-items: flex-start;
}

.idxcasedesc_on_l {
    text-align: left;
    width: 61%;
}

.idxcasedesc_on_l h4 {
    font-size: 20px;
    color: #363636;
    line-height: 1.6;
    font-family: MiSans-Semibold;
}

.idxcasedesctd {
    margin-top: 10px;
}

.idxcasedesctd p {
    font-size: 14px;
    color: #979797;
    line-height: 1.6;
    font-family: MiSans-Demibold;
}

.idxcasedesc_on_l .btnbule {
    font-size: 20px;
}

.idxcasedesc_on_r h4 {
    color: #002AFF;
    font-size: 20px;
    text-align: right;
    font-family: MiSans-Semibold;
}

.idxcasedesc_on_radd {
    text-align: right;
    margin-top: 10px;
}

.idxcasedesc_on_radd p {
    font-family: MiSans-Demibold;
    font-size: 14px;
    color: #979797;
}

.idxcasedesc_on_radd img {
    height: 13px;
    width: auto;
    margin-right: 6px;
}

.idxcaseswiper .swiper-slide.swiper-slide-active .idxcasedesc_on {
    opacity: 1;
}

.idxcaseswiper .swiper-slide.swiper-slide-active .idxcasedesc {
    display: none;
}

.idxnews {
    background-color: #f6f6f6;
    padding: 50px 0px 150px;
}

.idxnewsmid {
    margin-top: 80px;
}

.idxnewsmid .swiper-slide {
    width: 36%;
    margin: 0px 30px;
}

.idxnewsimglink {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.idxnewsimg {
    width: 99%;
    height: 460px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.idxnewsimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idxnewsmid .swiper-slide:hover .idxnewsimg img {
    transform: scale(1.05);
}

.idxnewsdesc {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /* height: 110px; */
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25px 50px;
}

.idxnewsdesc h3 {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.6;
    /* padding-right: 15%; */
    text-align: left;
    font-family: MiSans-Demibold;
}

.idxnewsico {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 125px;
    height: 125px;
    background: url(../images/newsicobg.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.idxnewsicobox {
    width: 70px;
    height: 70px;
    margin-right: 2px;
    background-color: #135ECD;
    border-radius: 50%;
}

.idxnewsicobox {
    justify-content: center;
}

.idxnewsicobox img {
    width: 30px;
    filter: brightness(1000%);
    height: auto;
    transform: rotate(315deg);
}

.idxnews .swiper-slide:hover .idxnewsicobox {
    background-color: #020202;
}

.idxnewspagination {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
}

.idxnewspagination .swiper-pagination-bullet {
    opacity: 1;
    width: 60px;
    height: 3px;
    border-radius: 0px;
    background-color: #E5E5E5;
}

.idxnewspagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #CACACA;
}

.footmess {
    background: #212121;
    padding: 100px 0px;
}

.footmesbox {
    width: 1220px;
    margin: 0px auto;
}

.fmbname h3 {
    text-align: center;
    font-size: 128px;
    font-family: MiSans-Demibold;
    font-weight: bold;
    background-image: linear-gradient(to bottom, rgba(158, 158, 158, 0.3), rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    color: transparent;
}

.fformtype {
    margin: 50px 0px 20px;
}

.fformtype ul li {
    width: 32.5%;
    border-radius: 10px;
    height: 128px;
    align-items: flex-end;
    background-color: #FFAC00;
    padding: 25px;
    position: relative;
}

.fformtype ul li p {
    font-size: 16px;
    color: #020202;
    font-family: MiSans-Regular;
}

.fformtype ul li input[type="radio"] {
    width: 22px;
    height: 22px;
    opacity: 0;
}

.foucsimg {
    position: absolute;
    right: 25px;
    bottom: 25px;
    height: 22px;
    width: 22px;
    object-fit: cover;
    display: none;
    z-index: 2;
}

.inputradio {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.4);
}


.fformtype ul li input[type="radio"]:checked+.foucsimg,
.foucsimg.active {
    display: block;
}

.fformtype ul li:nth-child(2) {
    background-color: #629B5C;
}

.fformtype ul li:nth-child(3) {
    background-color: #77AFD8;
}

.fformtx {}

.fformtx ul li {
    width: 32.5%;
    height: 56px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #303030;
}

.fftxinput {
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 16px;
    color: #d0d0d0;
    font-family: MiSans-Normal;
}

.fftxipt_bt {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #FF9191;
}

.fformtx ul li.fformtxcity {
    width: 100%;
}

.fftxtext {
    width: 100%;
    height: 106px;
    padding: 20px;
    font-size: 16px;
    color: #d0d0d0;
    border-radius: 10px;
    background-color: #303030;
    border: 0px;
}

.fformtxbtn {
    justify-content: center;
    margin-top: 40px;
}

.fformtxbtn .btnbule {
    width: 207px;
    height: 48px;
    border-radius: 30px;
    font-size: 14px;
}

.footer {
    padding: 50px 0px 100px;
    background-color: #212121;
}

.footbox {
    width: 100%;
    align-items: flex-start;
}

.footl {
    width: 50%;
    align-items: flex-start;
}

.footl dl dt {
    margin-bottom: 25px;
}

.footl dl dt a {
    color: #FFAC00;
    font-family: MiSans-Demibold;
    font-size: 16px;
}

.footl dl dd {
    margin-bottom: 15px;
}

.footl dl dd a {
    color: #808080;
    font-size: 14px;
    font-family: MiSans-Regular;
}

.footl dl dd a:hover {
    color: #ffffff;
}

.footr {
    width: 30%;
}

.footadd p {
    color: #7F7F7F;
    font-size: 14px;
    text-align: right;
    line-height: 1.6;
    padding-left: 35%;
    font-family: MiSans-Regular;
}

.footcwlist {
    width: 100%;
    margin-top: 20px;
}

.footcwlist ul li {
    width: 100%;
    border: 1px solid #5C5C5C;
    background-color: #2a2a2a;
    height: 45px;
    margin-bottom: 15px;
    border-radius: 6px;
    padding: 6px;
    justify-content: flex-start;
}

.footcwlist ul li:hover {
    background-color: #000000;
}

.fcwli_l {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #5C5C5C;
    justify-content: center;
}

.fcwli_l img {
    max-width: 50%;
    max-height: 50%;
    object-fit: contain;
    filter: brightness(10000%);
}

.fcwli_r {
    margin-left: 15px;
}

.fcwli_r a {
    font-size: 14px;
    color: #ffffff;
    font-family: MiSans-Regular;
}

.footicos {
    margin-top: 100px;
}

.footlogo a img {
    max-width: 410px;
}

.fticons a {
    margin-left: 40px;
}

.fticons a img {
    filter: brightness(1000%);
    height: 22px;
}

.foot_ewm {
    position: relative;
}

.foot_ewmimg {
    position: absolute;
    top: 30px;
    right: 0px;
    width: 120px;
    height: 120px;
    background-color: #ffffff;
    height: auto;
    display: none;
}

.fticons a img.foot_ewmimgs {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: unset;
}

.foot_ewm:hover .foot_ewmimg {
    display: block;
}

.footcopy {
    text-align: center;
    border-top: 1px solid #2B2B2B;
    background-color: #212121;
    padding: 30px 0px;
}

.footcopy p a,
.footcopy p span {
    color: #7F7F7F;
    font-size: 14px;
    font-family: MiSans-Regular;
}

.footcopy p span {
    margin: 0px 10px;
}

.backtopbtn {
    border: 1px solid #4F4F4F;
    width: auto;
    padding: 0px 20px;
    height: 38px;
    border-radius: 4px;
    justify-content: center;
}

.backtopbtn span {
    color: #FFFFFF;
    font-size: 14px;
    font-family: MiSans-Regular;
}

.backtopbtn img {
    height: 20px;
    object-fit: contain;
    margin-left: 10px;
    filter: grayscale(10%) brightness(10%) invert(1);
}


.idxgfbox {
    width: 100%;
    height: 100vh;
    position: relative;
}

.idxgfbox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idxgfnum {
    position: absolute;
    top: 0%;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.numUgf {
    position: relative;
}

.numCXgf,
.unitCgfpf {
    color: #002BFF;
    font-size: 50px;
    font-weight: bold;
    font-family: MiSans-Medium;
}

.unitCgf i,
.numgwp {
    font-style: normal;
    color: #002BFF;
    font-size: 32px;
}

.unitCgfpf {
    font-size: 46px;
}

.unitCgf i {
    position: absolute;
    top: 18px;
}

.indcgf {
    font-size: 16px;
    color: #191919;
    font-family: MiSans-Medium;
}

.neitop .logo a svg path {
    fill: #1461D0;
    color: #1461D0;
}

.neitop.fixednav .nav>ul>li>a ,.neitop.fixednav .download a {
    color: #ffffff;
}

.neitop.fixednav .logo a svg path {
    fill: #ffffff;
    color: #ffffff;
}

.neitop .logo a img {
    filter: unset;
}

.neitop.fixednav .logo a img {
    filter: grayscale(10%) brightness(10%) invert(1);
}

.neimain {
    margin-top: 150px;
}

.prolistpage {
    align-items: flex-start
}

.pro_list_l {
    width: 21%;
}

.pro_list_l ul li {
    border-bottom: 1px solid #EFEFEF;
    padding: 20px 0px;
}

.pro_list_l ul>li>a {
    color: #000000;
    font-size: 16px;
}

.pro_list_l ul li .prol_more {
    border: 1px solid #EFEFEF;
    width: 14px;
    height: 14px;
    justify-content: center;
    background-color: #ffffff;
}

.pro_list_l ul li.active .prol_more {
    background-color: #002AFF;
}

.proi_ernav {
    width: 100%;
    padding-top: 16px;
}

.proi_ernav a {
    color: #7C7C7C;
    size: 12px;
    line-height: 1.8;
    display: block;
    font-family: MiSans-Normal;
}



.pro_list_r {
    width: 72%;
}

.pro_list_r ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
}

.pro_list_r ul li a {
    width: 100%;
}

.pro_list_r ul li:nth-child(3n) {
    margin-right: 0px;
}

.prll_liimg {
    width: 100%;
    height: 252px;
    justify-content: center;
    background-color: #F4F4F4;
}

.prll_liimg img {
    max-height: 80%;
    max-width: 80%;
}

.prll_lidesc {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.prll_lidesc h3 {
    color: #464646;
    padding-bottom: 7px;
    font-size: 14px;
}

.prll_lidesc p {
    font-size: 11px;
    color: #7C7C7C;
}

.pro_list_r ul li:hover .prll_liimg img {
    transform: scale(1.05);
}

.pro_list_r ul li:hover .prll_lidesc h3 {
    color: #002AFF;
}

.huibg {
    background-color: #DFDFDF;
}

.toppicbox {
    width: 100%;
    height: 844px;
    position: relative;
    border-radius: 30px;
    /* border: 4px solid #B7B7B7; */
    justify-content: center;
    align-items: flex-end;
    /* background: radial-gradient(circle at center, #707070, #101010); */
}

.tpboxpic {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    z-index: 2;
    position: absolute;
}

.tpboxpic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.tpboxname {
    position: absolute;
    top: 95px;
    z-index: 0;
    left: 150px;
}

.tpboxname h3 {
    color: #aaaaaa;
    font-size: 300px;
    text-transform: uppercase;
    font-family: MiSans-Bold;
}

.tpboxdesc {
    width: 30%;
    text-align: center;
    margin-bottom: 100px;
}

.tpboxdesc p {
    font-size: 14px;
    line-height: 1.6;
    color: #a1a1a1;
    font-family: MiSans-Normal;
    margin-top: 30px;
}

.prode_td {
    background-color: #212121;
    width: 100%;
    padding: 100px 0px;
    /* height: 1080px; */
    margin-top: -100px;
}

.prode_td .con1220,
.prode_tdbox {
    height: 100%;
}

.prode_tdbox {
    /* align-items: flex-start; */
    position: relative;
}

.pdtdbox_l {
    width: 60%;
    height: 650px;
    overflow: hidden;
    padding-left: 6%;
    position: relative;
}

.pdtdbox_lswiper.swiper-container {
    height: auto;
    margin-top: -300px;
}

.pdtdbox_lslist {
    margin-bottom: 30px;
}

.pdtdbox_litem {
    width: 100%;
    align-items: flex-start;
}

.pdtdbox_litem_l {
    width: 25%;
    text-align: left;
}

.pdtdbox_litem_l h3 {
    color: #6C6C6C;
    font-size: 16px;
    padding-top: 15px;
    line-height: 1.6;
}

.pdtdbox_litem_r {
    width: 57%;
    text-align: left;
}

.pdtdbox_litem_r p {
    color: #6C6C6C;
    font-size: 13px;
    line-height: 1.6;
}

.pdtdbox_l .swiper-wrapper {
    overflow: hidden;
}

.pdtdbox_l .swiper-slide.swiper-slide {
    height: 200px;
}

.pdtdbox_l .swiper-slide.swiper-slide-active .pdtdbox_litem_l h3 {
    color: #FFFFFF;
}

.pdtdbox_l .swiper-slide.swiper-slide-active .pdtdbox_litem_r p {
    color: #FFFFFF;
}

.pdtdbox_lpagination {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 38%;
    top: 0px;
    z-index: 9;
    flex-direction: column;
    /* margin-top: 210px; */
    justify-content: center;
    background: url(../images/protdbgline.png) no-repeat center;
    /* background-size: 100% 100%; */
}

.pdtdbox_lpagination .swiper-pagination-bullet {
    background: url(../images/prortdlineon.png) no-repeat center;
    background-size: 100%;
    width: 16px;
    height: 70px;
    border-radius: 12px;
    opacity: 0;
    margin-left: -8px;
}

.pdtdbox_lpagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.yuanquan {
    margin-bottom: 15px;
    display: none;
}


.pdtdbox_licons {
    width: auto;
    height: auto;
    position: absolute;
    left: 29.5%;
    bottom: 10%;
    z-index: 9;
}

.pdtdbox_licons ul {
    justify-content: flex-end;
}

.pdtdbox_licons ul li {
    /* background-color: #D9D9D9; */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 15px;
}

.pdtdbox_l .swiper-slide.swiper-slide-active .yuanquan {
    display: block;
}

.pdtdbox_r {
    width: 40%;
    height: 100%;
    position: relative;
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, #707070 0%, #323232 55.29%, #212121 100%);

}

.pdtdbox_r .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.pdtdbox_r .swiper-slide img {
    max-width: 90%;
}

.pdtdbox_r .swiper-pagination {
    right: 0px;
    left: unset;
    top: 0px;
    display: flex;
    flex-direction: column;
    width: 10px;
    height: 100%;
    justify-content: center;
}

.pdtdbox_r .swiper-pagination .swiper-pagination-bullet {
    background-color: #535353;
    opacity: 1;
    margin: 5px 0px;
}

.pdtdbox_r .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #A4A4A4;
}



.retdpro {
    padding: 120px 0px;
}
.retdpro203,.retdpro729,.retdpro754,.retdpro1012 ,.retdpro1271,.retdpro1530 ,  .retdpro1947{
    padding: 60px 0px;
}
.retdproname h2 {
    color: #3C3C3C;
    font-family: MiSans-Demibold;
    font-size: 24px;
}

.retdprobox {
    margin-top: 60px;
}

.retdprobox ul {
    justify-content: flex-start;
}

.retdprobox ul li {
    width: 32%;
    height: 458px;
    margin-right: 2%;
    position: relative;
}

.retdprobox ul li:nth-child(3n) {
    margin-right: 0px;
}

.retdprobox ul li .retdproboxbg {
    width: 100%;
    height: 100%;
}

.retdprobox ul li a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.retdprobox_liimg {
    width: 100%;
    height: 80%;
    justify-content: center;
}

.retdprobox_liimg img {
    max-width: 90%;
    max-height: 90%;
    margin-top: 80px;
    object-fit: contain;
}

.retdprobox ul li:hover .retdprobox_liimg img {
    transform: scale(1.05);
}

.retdprobox_lidesc {
    width: 100%;
    text-align: center;
}

.retdprobox_lidesc h3 {
    color: #101010;
    font-size: 16px;

}

.retdprobox_ico {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    justify-content: center;
    border-radius: 50%;
    background-color: #003BAE;
}

.retdprobox ul li:hover .retdprobox_ico {
    background-color: #000000;
}

.retddocbox {
    margin-top: 60px;
}
.retddoc203,.retddoc729 ,.retddoc754,.retddoc1012,.retddoc1271,.retddoc1530,.retddoc1947{
    padding-bottom: 60px;
}


.docslideTxtBox .hd {
    width: 100%;
}

.docslideTxtBox .hd ul li {
    width: 32%;
    float: left;
    position: relative;
    /* margin-right: 2%; */
    margin-bottom: 25px;
    text-align: center;
    border: 2px solid rgba(101, 101, 101, .4);
    font-size: 24px;
    color: #272727;
    font-family: MiSans-Demibold;
    padding: 20px 30px;
    border-radius: 60px;
    overflow: hidden;
}

.docslideTxtBox .hd ul li:nth-child(3n) {
    /* margin-right: 0px; */
}
.docslide_on {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    background-color: #003BAE;
    opacity: 0;
}

.docno_yl {
    border: 1px solid #ffffff;
    width: 120px;
    height: 50px;
    border-radius: 26px;
}

.docno_yl a {
    justify-content: center;
    width: 100%;
    height: 100%;
}

.docno_yl a img {
    max-height: 15px;
}

.docno_yl a span {
    color: #FFFFFF;
    font-size: 15px;
    margin-left: 6px;
    font-family: MiSans-Demibold;
}

.downemail .docno_yl {
    width: 100%;
    border: 0px;
}

.docno_xz {
    margin-left: 25px;
}

.docslideTxtBox .hd ul li:hover .docslide_on {
    opacity: 1;
}

.docslideTxtBox .hd ul li:hover {
    border: 2px solid #003BAE;
}

.docslideTxtBox .bd,
.prodetail_page .bd {
    margin-top: 50px;
    background: url(../images/docbg.jpg) no-repeat right top;
    background-size: 35% 100%;
    padding: 50px 0px;
}

.doc_hdbox {
    justify-content: flex-end;
    position: relative;
    margin-bottom: 30px;
}

.doc_hd_img {
    width: 720px;
    height: 430px;
    overflow: hidden;
    border-radius: 14px;
}

.doc_hd_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doc_hd_desc {
    width: 55%;
    position: absolute;
    height: auto;
    background-color: #DFDFDF;
    top: 20%;
    left: 0px;
    transition: all .5s;
    padding: 100px 50px 100px 80px;
}

.dochd_desc_l {
    width: 60%;
}

.dochd_desc_l h3 {
    color: #313131;
    font-size: 20px;
    font-family: MiSans-Demibold;
    line-height: 1.4;
}

.dochd_desc_lbot {
    margin-top: 20px;
    justify-content: flex-start;
}

.dochd_desclbico {
    justify-content: flex-start;
    margin-right: 30px;
}

.dochd_desclbico p {
    color: #363636;
    font-size: 14px;
    margin-left: 8px;
}

.dochd_desc_r .retdprobox_ico {
    position: unset;
}

.doc_hd_desc:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.neibanner {
    position: relative;
}

.neibanner img {
    width: 100%;
    height: 1080px;
    object-fit: cover;
}

.casebanner {
    width: 51%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(to left, rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .8), rgba(16, 16, 16, .0));
}

.casebanbox {
    width: 620px;
    height: auto;
    margin-right: 8%;
}

.casebanbox h2 {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 1.4;
}

.casevideo {
    width: 100%;
    margin-top: 80px;
    height: 346px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.casevideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.casevdo_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all .5s;
    z-index: 9;
}

.casevdo_icon.hideico {
    opacity: 0;
}

.casetd {
    width: 100%;
    background-color: #212121;
    padding: 100px 0px;
}

.caseslideTxtBox .hd {
    width: 38%;
}

.caseslideTxtBox .hd li p{
    cursor: pointer;
    color: #515151;
    font-size: 44px;
    font-family: MiSans-Demibold;
}

.caseslideTxtBox .hd li span {
    color: #515151;
    line-height: 2;
    cursor: pointer;
    font-size: 44px;
    font-family: MiSans-Demibold;
    margin-left: 15px;
    padding: 15px 0px;
    width: 80%;
    display: inline-block;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.caseslideTxtBox140  .hd li span ,.caseslideTxtBox220  .hd li span ,.caseslideTxtBox338  .hd li span  {
    font-size: 34px;
}
.caseslideTxtBox218  .hd li span,.caseslideTxtBox378   .hd li span{
    font-size: 30px;
}
.caseslideTxtBox .hd li.on {
    color: #FFFFFF;
}

.caseslideTxtBox .hd li.on span {
    color: #FFFFFF;
}

.caseslideTxtBox .hd li:first-child span {
    border-top: 0px;
}

.caseslideTxtBox .bd {
    width: 55%;
}

.caseslidebox {
    width: 100%;
    min-height: 310px;
    padding: 50px;
    border-radius: 40px;
    background: linear-gradient(45deg, #272727, #272727, #272727, #3F3F3F);
}

.caseslidebox h3 {
    color: #DADADA;
    font-size: 24px;
    line-height: 1.4;
    font-family: MiSans-Semibold;
    margin-bottom: 20px;
}

.caseslidebox p,
.caseslidebox span {
    color: #DADADA;
    font-size: 16px;
    line-height: 1.6;
    font-family: MiSans-Regular;
}

.case_cs {
    padding: 150px 0px;
}

.casecsbox {
    align-items: flex-start;
}

.casecs_l {
    width: 31%;
    height: 660px;
    background-color: #0240B2;
    border-radius: 30px;
    flex-direction: column;
    padding: 100px 30px;
    align-items: flex-start;
}

.casecs_ltit h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-family: MiSans-Demibold;
    line-height: 1.6;
}

.casecsl_bot h4 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    margin-bottom: 10px;
}

.casecsl_bot p {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.6;
}

.casecs_r {
    width: 67.5%;
}

.casecs_r ul {
    align-items: flex-start;
}

.casecs_r ul li {
    width: 31.5%;
    height: 310px;
    margin-bottom: 40px;
    border: 1px solid #B7B7B7;
    border-radius: 30px;
    flex-direction: column;
    transition: all .5s;
    align-items: flex-start;
}

.casecs_rtop {
    width: 100%;
    height: 130px;
    padding: 30px;
}

.casecs_rtop h5,
.casecs_r ul li:nth-child(1) h6,
.casecs_r ul li:nth-child(2) h6 {
    font-size: 44px;
    color: #2C2C2C;
    text-align: center;
    width: 100%;
}

.casecs_rtop h6 {
    font-size: 24px;
    color: #2C2C2C;
    line-height: 1.4;
}

.casecs_rbot {
    width: 100%;
    padding: 20px 30px;
    height: 97px;
    border-top: 1px solid #C1C1C1;
}

.casecs_rbot span,
.casecs_rbot p {
    font-size: 20px;
    color: #2C2C2C;
    line-height: 1.4;
}

.casecs_r ul li:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.casexcname {
    margin-bottom: 100px;
}

.casexcbox {
    padding-bottom: 100px;
}

.casexcbox .swiper-slide {
    display: block;
}

.casexcname h3 {
    color: #2D2D2D;
    font-size: 40px;
    text-align: center;
    font-family: MiSans-Demibold;
}


#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 150px;
}

#certify .swiper-slide {
    width: 680px;
    height: 480px;
    background: #fff;
    border-radius: 20px;
}

#certify .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}

#certify .swiper-slide p {
    text-align: center;
    color: #A2A2A2;
    line-height: 1.6;
    font-size: 24px;
    padding: 80px 0px 0px;
    opacity: 0;
}

#certify .swiper-slide.swiper-slide-active p {
    opacity: 1;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}


#certify .swiper-button-prev::after,
#certify .swiper-button-next::after {
    font-size: 20px;
    color: #000000;
    font-weight: bold;

}

#certify .swiper-button-prev,
#certify .swiper-button-next {
    top: 92%;
    left: 22%;
}

#certify .swiper-button-next {
    left: unset;
    right: 22%;
}

.casep_list {
    width: 100%;
    height: auto;
    background: url(../images/docbg.jpg) no-repeat right top;
    background-size: 35% 100%;
}

.casepli_btn a {
    color: #FFFFFF;
    font-size: 14px;
    font-family: MiSans-Regular;
    display: block;
    width: 324px;
    height: 45px;
    line-height: 44px;
    margin: 100px auto;
    text-align: center;
    border-radius: 30px;
    background: linear-gradient(to right, #1867D6, #003CAE);
}

.abptop {
    width: 100%;
    height: 1080px;

    background: url(../images/docbg.jpg) no-repeat right top;
    background-size: 35% 100%;
}

.baitop .nav>ul>li>a {
    color: #141414;
}

.baitop .logo a svg path {
    fill: #1461D0;
    color: #1461D0;
}

.abptopbox {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.abptopbox_l {
    width: 47%;
}

.abptopbox_l h2 {
    color: #000000;
    font-size: 36px;
    line-height: 1.4;
    font-family: MiSans-Medium;
}
.abptopbox_l h2.abptopbox_l196 ,.abptopbox_l h2.abptopbox_l356 {
    font-size: 30px;
}

.abptopbox_r {
    width: 45%;

}

.abptopbox_r img {
    width: 100%;
    height: 720px;
    object-fit: cover;
}

.abpabout {
    padding: 150px 0px;
    background-color: #DFDFDF;
}

.abpantbox_l {
    width: 47%;
    height: 700px;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    align-items: flex-start;
}

.abpantbox_lbg {
    width: 356px;
    height: 450px;
    background-color: #040404;
}

.abpantbox_limg {
    width: 100%;
    height: 680px;
    object-fit: cover;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.abpantbox_r {
    width: 45%;
}

.abpantbox_r h3 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 50px;
}

.abpantbox_r p {
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    font-family: MiSans-Regular;
}

.abp_whytop {
    background: url(../images/whybg.jpg) no-repeat center top;
    background-size: 100% 100%;
    width: 100%;
    padding: 170px 0px;
}

.abp_whytop h2 {
    color: #FFFFFF;
    font-size: 50px;
}

.abp_whybot {
    padding: 50px 0px 100px;
    background-color: #212121;
}

.abp_whybot ul li {
    border-bottom: 1px solid #363636;
    height: 180px;
    overflow: hidden;
    padding: 0px 50px;
    transition: all .5s;
    cursor: pointer;
}

.abpwhy_rtopico {
    border: 1px solid #616161;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
}


.abp_whybotlist {
    align-items: flex-start;
}

.abpwhy_rtop {
    margin: 100px 0px 90px;
}

.abpwhy_l {
    width: 30%;
}

.abpwhy_l h4 {
    color: #FFFFFF;
    font-size: 300px;
    font-family: MiSans-Light;
}

.abpwhy_right {
    width: 70%;
}

.abpwhy_rtop h3 {
    font-size: 30px;
    color: #FFFFFF;
    font-family: MiSans-Normal;
}
.abpwhy_rtop.abpwhy_rtop223  h3 ,.abpwhy_rtop.abpwhy_rtop300   h3{
    font-size: 24px;
}
.abpwhy_rdesc p {
    color: #1E1E1E;
    line-height: 1.6;
    font-size: 16px;
}

.abp_whybot ul li.active {
    background-color: #CECECE;
    height: auto;
    padding: 30px 50px;
    border-radius: 30px;
}

.abp_whybot ul li.active .abpwhy_rtop {
    margin: 30px 0px 50px;
}

.abp_whybot ul li.active .abpwhy_rtop h3 {
    color: #1F1F1F;
}

.abp_whybot ul li.active .abpwhy_rtopico svg {
    transform: rotate(180deg);
}

.abp_whybot ul li.active .abpwhy_rtopico svg path {
    color: #1F1F1F;
    fill: #1f1f1f;
}

.abp_whybot ul li.active .abpwhy_l h4 {
    color: #060606;
}

.appyetop {
    width: 100%;
    height: 1080px;
    justify-content: center;
    background: url(../images/docbg.jpg) no-repeat right top;
    background-size: 45% 100%;
}

.appyetop_l {
    width: 52%;
    height: 720px;
}

.appyetop_l img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.appyetop_r {
    width: 25%;
    margin-left: 8%;
}

.appyetop_r h2 {
    color: #FFFFFF;
    font-size: 26px;
}

.appyetop_r h3 {
    color: #9B9B9B;
    font-size: 26px;
    margin: 20px 0px 60px;
}

.appyetop_r p {
    color: #868686;
    font-size: 14px;
    line-height: 1.6;
    font-family: MiSans-Regular;
}

.apptwtd {
    padding: 100px 0px 0px;
    background-color: #DFDFDF;
}

.apptwtdimg {
    width: 100%;
    height: auto;
    padding: 50px 100px 130px;
    background-color: rgba(235, 235, 235, 0.75);
}

.apptwtdimg img {
    width: 100%;
}

.apptddesc {
    width: 80%;
    margin-top: -60px;
    background-color: #262626;
    padding: 40px 60px;
}

.apptddesc h3 {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.apptddesc p {
    color: #FFFFFF;
    line-height: 1.6;
    font-size: 14px;
    font-family: MiSans-Regular;
}

.apptjcp .retdpro {
    padding-bottom: 0px;
}

.appyoushi {
    padding: 130px 0px;
    background-color: #222222;
}

.appyslist ul {
    align-items: flex-start;
    /* height: 925px; */
}

.appyslist ul li {
    width: 32%;
    height: 100%;
}

.appyslltop {
    width: 100%;
    height: 60%;
    border-radius: 30px;
    border: 1px solid #2D2D2D;
    position: relative;
    background: linear-gradient(to bottom, #212121, #04266580);
}

.appyslltimg {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    transition: all .5s;
}

.appyslltimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.appyslltimg:hover {
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}
.appyslltdesc {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    padding: 40px;

}

.appyslltdesc h3 {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1.2;
    font-family: MiSans-Demibold;
    margin-bottom: 30px;
}

.appyslltdesc p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 1.6;
    font-family: MiSans-Normal;
}

.appysl_lbot {
    width: 100%;
    height: 38%;
    /* border: 1px solid #2D2D2D; */
    margin-top: 5%;
    position: relative;
    /* background: linear-gradient(to bottom, #212121, #04266580); */
}

.appysl_lbotimg {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    transition: all .5s;
}

.appysl_lbotimg img {
    /* margin-left: 140px; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.appysl_lbotimg:hover {
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}
.appysl_lbotdesc h3 {
    padding-right: 50px;
}

.appysmid {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    position: relative;
    border: 1px solid #2D2D2D;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    /* background: linear-gradient(to bottom, #212121, #0048FF); */
}

.appysmiddesc {
    width: 100%;
    height: auto;
}

.appysmidimg {
    text-align: right;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transition: all .5s;
    overflow: hidden;
}

.appysmidimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.appysmidimg:hover {
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}
.appysright_top {
    width: 100%;
    height: 32%;
    border-radius: 30px;
    position: relative;
    border: 1px solid #2D2D2D;
    margin-bottom: 17px;
}

.appysright_top2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(to bottom, #212121, #042665);
}

.appysright_top2img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
    transition: all .5s;
}

.appysright_top2img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.appysright_top2img:hover {
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}
.apptjdoc {
    padding: 100px 0px 0px;
    background-color: #DFDFDF;
}

.apptjdoc .casepli_btn a {
    margin-bottom: 20px;
}




.newslist_r {
    /* margin-left: 40%; */
    width: 55%;
}

.newsli_desc {
    width: 46%;
}

.newsli_desc span {
    font-size: 14px;
    color: #919191;
}

.newsli_desc h3 {
    font-size: 16px;
    color: #040000;
    line-height: 24px;
    margin: 15px 0px 25px;
    transition: all .5s;
}

.newsli_desc p {
    color: #919191;
}

.newsli_desc button {
    width: 96px;
    height: 30px;
    border-radius: 16px;
    text-align: center;
    border: 0px;
    line-height: 30px;
    font-size: 18px;
    margin-top: 40px;
    background-color: #2f4e8e;
    color: #ffffff;
}

.newslist_ltags ul {
    padding-bottom: 100px;
}

.newslist_ltags ul li a {
    font-size: 20px;
    padding: 10px 0px;
    display: block;
}

.newsli_img {
    width: 43%;
    height: 240px;
    overflow: hidden;
}

.newsli_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newslist_r ul li:hover .newsli_desc h3 {
    /* padding-right: 10%; */
    color: #2f4e8e;
}

.newslist_r ul li:hover .newsli_desc button {
    background-color: #2f4e8e;
    color: #ffffff;
    border-color: #2f4e8e;
}

.newslist_r ul li:hover .newsli_img img {
    transform: scale(1.08);
}




.prodowns {
    margin-top: 170px;
}

.newslist {
    align-items: flex-start;
    position: relative;
}

.caselist_l {
    width: 15%;
}

.newslist_l h2 {
    font-size: 40px;
    color: #040000;
    font-weight: bold;
}

.newslist_l p {
    font-size: 18px;
    color: #919191;
    margin: 20px 0px;
}

.caselist_r {
    width: 75%;
    /* margin-left: 25%; */
}

.caselist_rli {
    width: 48%;
}

.newslist_r ul li {
    margin-bottom: 70px;
}

.newslist_r ul li a {
    width: 100%;
}

.idxcase_img {
    width: 100%;
    height: 265px;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
}

.idxcase_img img.idxcase_imgpic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 30px 0px 0px;
}

.idxcase_imgtop {
    position: absolute;
    top: 0px;
    left: 0px;
    /* width: 176px; */
    height: 41px;
    background-color: #010100;
    border-radius: 30px 0px 30px 0px;
    padding: 0px 22px;
    transition: all .5s;
}

.idxcase_imgtop img {
    width: 11px;
    height: 13px;
    object-fit: contain;
}

.idxcase_imgtop span {
    font-size: 14px;
    color: #ffffff;
    margin: 0px 10px;
}

.idxcase_more {
    position: absolute;
    top: 230px;
    right: 60px;
    width: 69px;
    height: 69px;
    border-radius: 50%;
    background-color: #2f4e8e;
    justify-content: center;
    flex-direction: column;
    transition: all .5s;
}

.idxcase_more p {
    font-size: 14px;
    color: #ffffff;
}

.idxcase_desc {
    width: 100%;
    height: 165px;
    background-color: #ececee;
    border-radius: 0px 0px 30px 30px;
    padding: 40px;
    text-align: left;
}

.idxcase_desc h3 {
    font-size: 18px;
    color: #323233;
    line-height: 1.6;
    margin-bottom: 15px;
}

.idxcase_desc p {
    font-weight: lighter;
    font-size: 14px;
    line-height: 1.6;
    width: 80%;
    color: #898989;
}

.idxcase_img:hover img.idxcase_imgpic {
    transform: scale(1.05);
}


.pagedetail {
    padding-top: 200px;
}

.pagecontent_image {
    padding: 0px 9%;
}

.pagecontent_image img {
    width: 100%;
}

.newscontent_detail {
    padding: 0px 15%;
}

.newscontent img {
    margin: 5px 0px;
}

.pagecontent_title span {
    display: block;
    margin: 40px 0px 20px;
    font-size: 16px;
    color: #7d7d7d;
}

.pagecontent_title h2 {
    font-size: 30px;
    color: #1b1b1b;
    margin-bottom: 40px;
}

.pagecontent {
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #797979;
}

.pagecontent p {
    font-size: 16px;
    line-height: 30px;
    color: #797979;
        font-family: Alibaba-PuHuiTi-Regular;
}

.newsnext {
    margin: 50px 0px 100px;
}

.newsnext ul li {
    border-radius: 18px;
    width: 279px;
    padding: 0px 20px;
    height: 37px;
    overflow: hidden;
    text-align: center;
    border: solid 1px #a7a7a7;
}

.newsnext ul li a {
    font-size: 16px;
    color: #090909;
    line-height: 34px;
}


.prodowns_item {
    align-items: flex-start;
}

.prodowns_item_l {
    width: 35%;
}

.prodowns_item_l ul li {
    margin-bottom: 55px;
}

.prodowns_item_l ul li a {
    font-size: 30px;
    transition: all .5s;
    color: #9c9c9c;
}

.prodowns_item_l ul li.active a,
.prodowns_item_l ul li:hover a {
    font-size: 40px;
    color: #0d0d0d;
}

.prodowns_item_r {
    width: 60%;
    margin-bottom: 50px;
}

.prodowns_item_r ul li {
    align-items: flex-start;
    margin-bottom: 30px;
}

.prodowns_rl {
    width: 30%;
}

.prodowns_rl h3 {
    font-size: 20px;
    margin-top: 20px;
    text-transform: capitalize;
    color: #0d0d0d;
}

.prodowns_rr {
    width: 100%;
}

.prodowns_rr a {
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 0px 50px 0px 30px;
}

.prodowns_rr a p {
    font-size: 16px;
    color: #0d0d0d;
}

.downicoimg {
    width: 33px;
    height: 33px;
    border-radius: 6px;
    border: solid 1px #d9d9d9;
    flex-direction: column;
    justify-content: center;
    transition: all .5s;
}

.downicoimg img {
    height: 14px;
}




.contact_swhz {
    padding: 238px 0px;
    background: url(../images/swhzbg.jpg) no-repeat center center;
    background-size: cover;
}

.contact_swhzitem {
    width: 53%;
    padding-left: 8%;
}

.contact_swhzitem h3 {
    font-family: MiSans-Bold;
    font-size: 48px;
    color: #ffffff;
}

.contact_swhzitem p {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin: 50px 0px 60px;
}

.contact_swhzitem a {
    width: 190px;
    height: 45px;
    display: block;
    text-align: center;
    border-radius: 23px;
    display: block;
    border: solid 1px #ffffff;
    font-size: 18px;
    line-height: 43px;
    color: #ffffff;
}

.contact_swhzitem a:hover {
    background-color: #2f4e8e;
    border-color: #2f4e8e;
}

.contact_join {
    padding: 190px 0px;
}

.joinlist_img {
    width: 100%;
    height: 310px;
    overflow: hidden;
}

.joinlist_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.joinlist_texttop {
    width: 100%;
    margin: 20px 0px;
}

.joinlist_texttop h3 {
    font-family: MiSans-Bold;
    font-size: 20px;
    color: #323233;
}

.joinlist_texttop span {
    /* width: 122px; */
    padding: 0px 20px;
    height: 40px;
    text-align: center;
    background-color: #e1fcfd;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    color: #2f4e8e;
}

.joinlist_textbottom {
    margin-bottom: 25px;
}

.joinlist_textbottom p {
    font-size: 13px;
    line-height: 24px;
    color: #616161;
}

.joinlist_text a {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

.fadi_list_swiper .swiper-slide:hover .joinlist_img img {
    transform: scale(1.1);
}

.swhzbanner .contact_swhzitem {
    padding-top: 100px;
    padding-left: 0px;
}

.swhzlist {
    padding: 150px 0px 30px;
}

.swhzlist_item ul li {
    width: 100%;
    height: 590px;
    margin-bottom: 80px;
}

.swhzlist_item ul li:last-child {
    height: 790px;
}

.swhzlist_l {
    height: 100%;
    width: 50%;
    justify-content: center;
    align-self: start;
    flex-direction: column;
    padding: 0px 50px;
    background-color: #010f1c;
}

.swhzlist h3 {
    font-family: MiSans-Bold;
    font-size: 46px;
    color: #ffffff;
}

.swhzlist_ldesc {
    margin: 50px 0px;

}

.swhzlist_ldesc p {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}

.swhzlist_limgs {
    align-items: flex-start;
}

.swhzlist_limgsitem {
    text-align: center;
    width: 33.33%;
}

.swhzlist_limgsitem img {
    width: 86px;
    height: 86px;
    object-fit: contain;
}

.swhzlist_limgsitem span {
    display: block;
    font-size: 20px;
    margin-top: 30px;
    color: #00f8ff;
}

.swhzlist_r {
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.swhzlist_r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swhzlist_r img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}






.contactpage {
    padding-top: 200px;
}

.idxwhy_name h3 {
    font-family: MiSans-Bold;
    font-size: 40px;
    margin-bottom: 60px;
    color: #323233;
}

.idxform_item_r {
    width: 100%;
    height: 660px;
    padding: 60px 53px;
    background: url(../images/idxform_item_rbg.png) no-repeat center;
    background-size: cover;
    background-color: #f2f2f4;
    border-radius: 30px;
}

.idxform_item_r ul li {
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 50px;
}

.idxcontact_l {
    width: 100%;
}

.idxform_item_r ul li h4 {
    font-size: 18px;
    color: #a7a7a7;
    margin-bottom: 20px;
}

.idxform_item_r ul li p {
    font-size: 18px;
    line-height: 30px;
    color: #2d2d2d;
}

.idxcontact_r {
    margin-left: 5%;
    width: 45%;
}

.idxcontact_rico {
    padding-left: 10px;
}

.idxcontact_r a {
    margin-right: 30px;
    position: relative;
}

.idxcont_rico {
    height: 22px;
}

.bannerswpagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    border: 0px;
}

.idxsolubox1swiperpagination.swiper-pagination {
    bottom: 0px;
}

.idxsolubox1swiperpagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background-color: #8C8C8C;
    border: 0px;
}

.idxcaseswiperpagination.swiper-pagination {
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

.idxcaseswiperpagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background-color: #8C8C8C;
    border: 0px;
    margin: 0px 2px;
}

.wappdtd {
    width: 100%;
    padding-top: 30px;
}

.wappdtd .swiper-slide.swiper-slide-active .yuanquan {
    display: block;
}

.wappdtdswiperpagination.swiper-pagination {
    justify-content: space-between;
    width: 100%;
    display: flex;
    background: url(../images/wapline.png) no-repeat center;
    background-size: 100%;
}

.wappdtdswiperpagination.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #4B4B4B;
    opacity: 1;
    margin-top: 5px;
    display: block;
}

.wappdtdswiperpagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
    height: 15px;
    border-radius: 8px;
    background-color: #D9D9D9;
}

.wappdtdbox_r {
    background: radial-gradient(circle, #707070 20%, #212121 80%);
}

.waptjpropagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    border-radius: 0px;
    background-color: #8C8C8C;
}

.waptjpro {
    width: 85%;
    margin: 0 auto;
}

.waptop.hei .logo a img,
.waptop.hei .lang img {
    filter: unset;
}

.waptop.hei .lang {
    border-color: rgba(0, 0, 0, 0.12);
}

.waptop.hei .lang p {
    color: #000000;
}

.langimg {
    background: url(../images/en.png) no-repeat left;
    background-size: 20px;
    background-position-x: 5px;
}
.langcn {
    background-image: url(../images/cn.png);
}
.langth {
    background-image: url(../images/th.png);
}
.langpt {
    background-image: url(../images/pt.png);
}
.langde {
    background-image: url(../images/de.png);
}
.langfr {
    background-image: url(../images/fr.png);
}
.langes {
    background-image: url(../images/es.png);
}



.wapcasexcimg {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

p.wapcasexcp {
    padding: 50px 0px;
    color: #A2A2A2;
    font-size: 16px;
}

.docslideTxtBox .hd ul li.downemail,
.docslideTxtBox .hd ul li.appdownli  {
    width: 49%;
}

.caselist_bot {
    margin-top: 30px;
}

.caselist_radd {
    justify-content: flex-start;
    margin-top: 0px;
}

.caselist_radd p {
    width: auto;
}

.casevideo img.casevideopic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pages {
    margin-top: 120px;
}
.pages ul {
    display: flex;
    width: 100%;
}
.pages ul li {
    margin-right: 10px;
}
.pages ul li:last-child ,.pages ul li:first-child{
    display: none;
}
.pages ul li a, .pages ul li span {
    margin-left: 0px;
}
.providbox,.video-js {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:20px;
}
.providswiper .swiper-slide {
    background-color: rgba(0, 0, 0, 0);
}

.providswiper .swiper-button-next, .providswiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.providswiper .swiper-button-next::after, .providswiper .swiper-button-prev:after {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}