html,body,table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;}
input,textarea{outline: none;}
button{padding: 0;background-color: unset}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}


.main_width{width: 62.5%;margin: 0 auto;max-width: 1200px;transition: all .5s}
.indexTit1{display: flex;justify-content: center;flex-direction: column;align-items: center}
.indexTit1 .top{position: relative}
.indexTit1 .top .pointer{position: absolute;display: flex;top:calc(50% - 1px);}
.indexTit1 .top .pointer span{width: 4px;height: 4px;border-radius: 50%;background-color:#ff4d1c;display:block;}
.indexTit1 .top .pointer span:nth-child(2){margin-left: 5px;}
.indexTit1 .top .pointer.pointerL{right: calc(100% + 65px);}
.indexTit1 .top .pointer.pointerR{left: calc(100% + 65px);}
.indexTit1 h5{color: #ff4d1c;font-size: 16px;text-align: center;position: relative;display: inline-block}
.indexTit1 h5::before,.indexTit1 h5::after{content: "";position: absolute;width: 40px;height: 4px;background-color: #ff4d1c;top:calc(50% - 1px);right: calc( 100% + 20px);border-radius: 5px}
.indexTit1 h5::after{right: unset;left: calc( 100% + 20px)}
.indexTit1 h3{font-size: 36px;margin-top: 20px;}



.px_header .bgImg{position: relative;z-index: -1}
.px_header .bgImg .fixedBox{position: fixed;top: 0;left: 0}
.px_header .bgImg .fixedBox img{width: 100%;}
@media (min-width: 1200px) {
    .px_header .bgImg .fixedBox img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
}


.px_header .head{position: relative;z-index: 2;padding-top: 50px;}
.px_header .head .content{display: flex;justify-content: space-between;align-items: center}
.px_header .head .content .right a{font-size: 16px;color: #ffffff;padding: 0 10px}
.px_header .head .bannerText{min-height: 600px;display: flex;justify-content: center;flex-direction: column;align-items: center}
.px_header .head .bannerText h2{font-size: 45px;color: #fff;text-shadow:2px 2px 13px #000}
.px_header .head .bannerText h3{font-size: 38px;color: #fff;margin-top: 20px;letter-spacing: .15rem}
main{position: relative;z-index: 2;background-color: white}

.index1{padding: 80px 0;position: relative;}
.index1 .body{position: relative;z-index: 2}
.index1 .indexTit1 .top .pointer span{background-color:#ff4d1c;}
.index1 .indexTit1 h5{color: #ff4d1c;}
.index1 .indexTit1 h5::before,.index1 .indexTit1 h5::after{background-color: #ff4d1c;}

.index1 .content{display: grid;grid-template-columns: repeat(3,32%);justify-content: space-between;margin-top: 60px;}
.index1 .content .list{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 30px;box-sizing: border-box}
.index1 .content .list h4{font-size: 24px;color: #333;text-align: center;margin-top: 30px;}
.index1 .content .list p{font-size: 16px;color: #53585f;margin-top: 20px;}
.index1 .content .list .ico{display: flex;justify-content: center}
.index1 .content .list i{font-size: 50px;color: #ff4d1c}
.index1 .dec{display: flex;margin-top: 80px;}
.index1 .dec .left{width: 46%;}
.index1 .dec .left img{width: 100%;}
.index1 .dec .right{width:0;flex: 1;margin-left: 50px;}
.index1 .dec .right h2{font-size: 36px;margin-bottom: 40px;}
.index1 .dec .right p{font-size: 18px;margin-top: 15px;line-height: 32px;}
.index1 .dec .right a{background-color: #ff4d1c;padding: 10px 20px;color: #fff;display: inline-block;margin-top: 36px;}

.index1 .position{position: absolute;bottom: 0;left: -200px;z-index: -2}
.index1 .position video{max-width: 800px;}
.index2 {background-color: #f8f8f8;padding: 80px 0}
.index2 .title{display: flex;align-items: center;justify-content: center}
.index2 .title h2{font-size: 45px;color: #2a5bff;}
.index2 .title h3{font-size: 38px;margin-left: 30px;}

.index2 .content{display: grid;grid-template-columns: repeat(3,31%);margin-top: 65px;grid-row-gap:75px}
.index2 .content .list h4{font-size: 20px;text-align: center;margin-top: 25px;color: #161414;}
.index2 .content .list p{font-size: 16px;text-align: center;color: #706565;line-height: 28px;width: 80%;margin: 20px auto 0}
.index2 .content .list .ico{width: 150px;height: 150px;border-radius: 50%;border: 2px solid #dfdfdf;display: flex;justify-content: center;align-items: center;margin: 0 auto;position: relative}
.index2 .content .list .ico i{font-size: 80px;color: #2a5bff}


.index2 .content .list:hover .ico::after{transform: scale(1.3);border-color: #dfdfdf;opacity: 0;}
.index2 .content .list .ico::after{border: 2px solid transparent;border-radius: 100%;content: "";height: 150px;left: -2px;position: absolute;top: -1px;transform: scale(1,1);width: 150px;opacity: 1;transition: 0.8s all linear;}
.single_service:hover i.service_icon::after {transform: scale(1.3);border-color: #dfdfdf;opacity: 0;}



.index3{padding-top: 80px;}
.index3 .indexTit1 .top .pointer span{background-color:#2a5bff;}
.index3 .indexTit1 h5{color: #2a5bff;}
.index3 .indexTit1 h5::before,.index3 .indexTit1 h5::after{background-color: #2a5bff;}

.index3 .content{display: grid;grid-template-columns: repeat(3,32%);justify-content: space-between;margin-top: 65px;grid-row-gap: 55px}
.index3 .content .list{position: relative;display: flex;justify-content: center}
.index3 .content .list .top{font-size: 18px;position: absolute;top: 20px;background-color: #2a5bff;width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 5px;color: #fff}
.index3 .content .list .li{width: calc( 100% - 50px);background-color: #F9F9FB;border: 3px solid #f5f5f5;border-radius: 5px;padding-top: 80px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)}
.index3 .content .list .li p{line-height: 50px;margin: 0 15px 0 25px;position: relative}
.index3 .content .list .li p::before{content: '';position: absolute;width: 5px;height: 5px;background-color: #2a5bff;border-radius: 2px;top: calc( 50% - 2px);left: -15px;}








.index4{padding:80px 0;background-image: url("../img/index4-bg.webp");background-position: center center;margin-top: 80px;background-size: cover}
.index4 .tit{font-size: 22px;font-weight: bold;}
.index4 .content{margin-top: 30px;}
.index4 .list{margin-top: 30px;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;}
.index4 .list .q{font-weight: bold;font-size: 17px;color: #1a1a1a;}
.index4 .list .a{font-size: 15px;margin-top: 15px;color: #646566;line-height: 32px;}



footer{background-color: #2a5bff;position: relative;z-index: 2;padding: 80px 0 0 0}
footer .content{display: flex;justify-content: space-between;padding-bottom: 50px;}
footer .content .right{display: flex;}
footer .content .right a{color: #fff;font-size: 17px;margin-left: 15px;}
footer .copyright{text-align: center;color: #fff;background-color: #1d4ce9;padding: 10px 0}






/*backtop*/
/*back-top*/
.progress-wrap{position: fixed;right: 0.2rem;bottom:16px;height: 50px;width: 50px;cursor: pointer;display: block;border-radius: 50%;
    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 99999;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
    transition: all 200ms linear;}
.progress-wrap.active-progress{opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap i{position: absolute;text-align: center;color: #566fc6;left: 50%;top: 50%;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;transform: translate(-50%,-50%)}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: #566fc6 ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}