*{margin:0;padding:0;list-style-type:none;}
body{font-size:16px;font-family: '微软雅黑';}
img{width: 100%; height: auto;display: block;border:0;}
a{text-decoration: none;cursor: pointer;border:0;width: max-content;height: max-content;color: initial;}
a:hover{text-decoration:none}
.show-div{display: block !important;}
.show-div-flex {display: flex !important;}
.hidden-div{display: none !important;}
/* 滚动条 */
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-thumb{background: #d2d2d2;border-radius: 2px;}
::-webkit-scrollbar-thumb{background: #0166B6;border-radius: 2px;}
/* 头部 */
.header{display: flex;align-items: center;justify-content: space-between;background: #FFFFFF;height: 100px;box-sizing: border-box;padding: 0 12.5%;
z-index: 99;}
.header .h-logo{width: 145px;}
.header .l-menu{display: flex;align-items: center;}
.header .l-menu a{margin-left: 110px;font-size: 16px;font-weight: 400;color: #333333;letter-spacing: 1px;}
.header .h-active{color: #0062B1 !important;}
/* 小屏头部 */
.navbar .l-logo{width: 100px;}
.navbar{justify-content: space-between;display: none;position: absolute;height: 60px;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.1);z-index: 99;box-sizing: border-box;padding: 0 5%;align-items: center;z-index: 9999;}
.navbar ul{display: flex;align-items: center;padding-bottom: 50px;}
.navbar input{z-index: 99;width: 31px;height: 30px;opacity: 0; cursor: pointer;}
.navbar span{z-index: 99;position: absolute;right: 5%;background: #FFFFFF;top: calc(45% - 10px);width: 30px;height: 4px;border-radius: 15px;pointer-events: none; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out 0.3s;}
.navbar span:nth-child(3){top: calc(45%);}
.navbar span:nth-child(4){top: calc(45% + 10px);}
.navbar ul{background: rgba(51, 51, 51, 0);overflow:hidden;position: fixed;top: 0px;left:0;right:0;width: 100%;height:0;transition: all 0.8s;white-space: nowrap;}
.navbar ul li{list-style: none;margin:0px 15px;}
.navbar ul a{ height: 10%;text-decoration: none;font-size: 18px;font-weight: 800;color:#fff;margin-bottom: 20px;display: none;}
.navbar ul a:hover{color:#2374ED !important;}
.navbar input:checked ~ ul{width: 100%;height:calc(100vh - 80px);display: flex;flex-direction: column;background: rgba(0, 0, 0, 0.7);padding: 80px 0;}
.navbar input:checked ~ ul a{display: inline;}
.navbar input:checked ~ span:nth-child(3){top: calc(50% - 2px); transform: rotate(-45deg);background-color: #fff;transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;}
.navbar input:checked ~ span:nth-child(4){top: calc(50% - 2px);transform: rotate(45deg); background-color: #fff;transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;}
.navbar input:checked ~ span:nth-child(5){display: none;background-color: #fff;transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;}
/* 公用banner */
.other-box{position: relative;}
.other-box .tt_title{display: flex;flex-direction: column;font-weight: bold;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;justify-content: center;
box-sizing: border-box;padding-left: 12.5%;}
.other-box .tt_title span:first-child{font-size: 34px;color: rgba(0, 98, 177, 0);line-height: 54px;opacity: 0.57;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0,98,177,0) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.other-box .tt_title span:last-child{font-size: 40px;color: #FFFFFF;margin-top: -30px;letter-spacing: 3px;}

/* 面包屑 */
.crumb {display: flex;align-items: center;}
.crumb img{width: 16px;margin-right: 10px;}
.crumb a,.crumb span{font-size: 14px;font-weight: 400;color: #666666;}
.crumb span{margin: 0 5px;}

/* 底部 */
.footer{width: 100%;height: 325px;background: #0064B4;display: flex;flex-direction: column;}
.footer .footer-one{box-sizing: border-box;padding: 48px 12.5%;display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.19);}
.footer .fone-left{display: flex;flex-direction: column;}
.footer .fone-left img{width: 218px;height:auto;}
.footer .fone-tell{font-size: 31px;font-weight: bold;color: #FFFFFF;margin: 29px 0 25px 0;}
.footer .fone-address{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.footer .fone-center{margin: 23px 116px 0 184px;flex: 1;}
.footer .fc-name{font-size: 16px;font-weight: 600;color: #FFFFFF;}
.footer .fc-menu{display: flex;align-items: center;flex-wrap: wrap;}
.footer .fc-menu a{font-size: 14px;font-weight: 300;color: rgba(255, 255, 255, 0.8);width: 19.8%;margin: 27px 6.9% 0 0;}
.footer .fc-menu a:nth-child(4n){margin-right: 0;}
.footer .fone-right{display: flex;flex-direction: column;align-items: center;font-size: 14px;font-weight: 400;color: #FFFFFF;letter-spacing: 1px;}
.footer .fone-right img{width: 145px;margin-bottom: 10px;}
.footer .banquan{flex:1;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 400;color: rgba(255, 255, 255, 0.6);
flex-direction: column;}
.footer .banquan a{color: inherit;}
.footer .banquan a:hover{color: rgba(255, 255, 255, 1);}

/* 动效 */
.header .l-menu a:hover,
.product .pro-main .menu-item:hover .mune-text,
.crumb a:hover{color: #0062B1;}
.index .ind-third .r-oimg:hover img,
.index .ind-third .r-timg:hover img,
.index .ind-third .t-thi-two:hover img,
.index .ind-fourth .r-fourth .img-item img:hover,
.index .ind-fifth .fif-list:hover img,
.introduce .introduce-1 .int1-first .fir1-right img:hover,
.introduce .introduce-2 .aptitude .zz-logo img:hover,
.introduce .introduce-2 .certificate .zs_logo img:hover,
.introduce .introduce-3 .info-img img:hover,
.introduce .introduce-4 .int4-list img:hover,
.product .pro-main .pro-list:hover img,
.product-details .details-main .main-img img:hover,
.case .case-main .case-item .case-img img:hover{transition: all 0.8s;transform: scale(1.05);}
.index .ind-third .link-list:hover{transition: all 0.2s;transform: scale(1.05);}
.footer .fc-menu a:hover{color: #FFFFFF;font-weight: 600;}
.introduce .introduce-1 .int1-second .hx-list:hover,
.contact .con-main .submit:hover{transition: all 0.5s;transform: translateY(-5px);}
@media screen and (max-width: 1700px) {
.contact .con-main{padding: 20px 10.5% 95px 10.5%;}

.case-details .cdetails-main{padding: 20px 10.5% 50px 10.5%;}
.case .case-main{padding: 20px 10.5% 60px 10.5%;}
.case .case-main .case-item{margin: 0 1.17% 20px 0;}
.case .case-main .case-item .case-img{height:220px;}
.product-details .details-main{padding: 20px 10.5% 100px 10.5%;}
.product .pro-main{padding: 20px 10.5% 50px 10.5%;}
.introduce .introduce-4{padding: 50px 10.5%;}
.introduce .introduce-3{padding: 50px 10.5%;}
.introduce .introduce-2{padding: 50px 10.5% 60px 10.5%;}
.other-box .tt_title{padding-left: 10.5%;}
.introduce .int-menu{padding: 0 10.5%;}
.introduce .introduce-1 .int1-first{padding: 50px 10.5%;height: max-content;}
.introduce .int-menu{height: 60px;}
.introduce .introduce-1 .int1-first .fir1-name{font-size: 25px;margin: 20px 0;}
.introduce .introduce-1 .int1-first .fir1-left p{line-height: 35px;}
.introduce .introduce-1 .int1-second{padding: 50px 10.5%;}
.introduce .introduce-1 .int1-second .sec-name{margin: 40px 0 30px 0;}
.introduce .introduce-1 .int1-second .sec-hexin{margin-top: 55px;}
.introduce .introduce-1 .int1-third{padding: 50px 10.5%;height: max-content;}
.introduce .introduce-1 .int1-third .title{margin-bottom: 35px;}
.introduce .introduce-1 .int1-third .third-right{margin-left: 70px;}

.header{padding: 0 10.5%;}
.index .ind-second{padding: 40px 10.5% 10px 10.5%;}
.index .ind-third{padding: 50px 0 50px 10.5%;height: max-content;}
.index .ind-third .r-third{width: 60%;margin-left: 50px;}
.index .ind-third .thi-content{font-size: 15px;line-height: 35px;}
.index .ind-third .adv-title{font-size: 23px;}
.index .ind-third .adv-title img{width:19px;}
.index .ind-third .adv-list,
.index .ind-third .link-list{width: 27.6%;}
.index .ind-third p{font-size: 13px;line-height: 21px;}
.index .ind-third .advantage{margin-top: 50px;}
.index .ind-third .pagelink{margin-top: 100px;}
.index .ind-fourth{padding: 50px 10.5% 20px 10.5%;height: max-content;}
.index .ind-fourth .swiper{margin: 65px 0 30px 0;}
.index .ind-fourth .r-fourth .img-item{margin-bottom: 30px;}
.index .ind-fifth{padding: 0 0 20px 10.5%;}
.index .ind-fifth .l-fifth{padding-top: 40px;}
.index .ind-fifth .r-fifth{width: 14.3%;}
.footer .footer-one{padding: 48px 10.5% 48px 10.5%;}
.footer .fone-center{margin: 23px 100px 0 110px;}
.footer{height: max-content;}
.footer .banquan{height: 47px;flex: initial;}
.index .ind-fifth .fif-two{margin-top: 50px;}

}
@media screen and (max-width: 1600px){
.contact .con-main{padding: 20px 8% 60px 8%;}
.contact .con-main .title{font-size: 32px;}
.contact .con-main .gs-info{margin-top: 70px;}
.contact .con-main .info-text span:first-child{font-size: 22px;}
.contact .con-main .info-text span:nth-child(2){margin-top: 15px;}
.contact .con-main .map-bg{height: 340px;}

.case-details .cdetails-main{padding: 20px 8% 50px 8%;}
.case .case-main{padding: 20px 8% 50px 8%;}
.case .case-main .case-item{width: 23.9%;}
.case .case-main .case-name{font-size: 17px;height: 55px;line-height: 55px;}
.case .case-main .case-list{margin-top: 50px;}
.case .case-main .case-item .case-img{height:200px;}
.product-details .details-main{padding: 20px 8% 80px 8%;}
.product-details .details-main .main-box{margin-top:40px;}
.product .pro-main{padding: 20px 8% 50px 8%;}
.product .pro-main .menu-title{font-size: 22px;height: 65px;line-height: 65px;}
.product .pro-main .mune-text{font-size: 15px;}
.product .pro-main .menu-item{height: 70px;line-height: 70px;}
.product .pro-main .product-name{font-size: 25px;height: 65px;line-height: 65px;}
.product .pro-main .pro-title{font-size: 15px;}
.introduce .introduce-4{padding: 50px 8%;}
.introduce .introduce-3{padding: 50px 8%;}
.introduce .introduce-3 .title{margin-bottom: 55px;}
.introduce .introduce-3 .list-time{width: 130px;height: 45px;font-size: 25px;}
.introduce .introduce-3 .yuan{width: 25px;height: 25px;}
.introduce .introduce-3 .list-name{font-size: 19px;}
.introduce .introduce-3 .list-data{font-size: 15px;}
.introduce .introduce-3 .list-data span{font-size: 34px;}
.introduce .introduce-3 .list-one{height: 60px;}
.introduce .introduce-3 .info-img{width: 41%;margin-left: 11%;}
.introduce .introduce-3 .list-info p{line-height: 30px;}
.introduce .introduce-3 .shuline{height: 120px;}
.introduce .introduce-2{padding:50px 8% 60px 8%}
.introduce .introduce-2 .int2-first{margin-top: 50px;}
.other-box .tt_title{padding-left: 8%;}
.other-box .tt_title span:first-child{font-size: 31px;}
.other-box .tt_title span:last-child{font-size: 36px;}
.introduce .int-menu{padding: 0 8%;height: 55px;}
.introduce .menu-list{font-size: 15px;}
.introduce .introduce-1 .int1-first{padding: 50px 8%;}
.introduce .title{font-size: 31px;}
.introduce .title span:first-child{line-height: 36px;}
.introduce .title span:last-child{margin-top: -19px;}
.introduce .introduce-1 .int1-first .fir1-name{font-size: 23px;margin: 15px 0;}
.introduce .introduce-1 .int1-first .fir1-left p{font-size: 15px;line-height: 30px;}
.introduce .introduce-1 .int1-first .fir1-right{margin-left: 50px;}
.introduce .introduce-1 .int1-second{padding: 50px 8%;}
.introduce .introduce-1 .int1-second .sec-name{margin: 30px 0 20px 0;font-size: 20px;}
.introduce .introduce-1 .int1-second p{font-size: 17px;}
.introduce .introduce-1 .int1-second .sec-hexin{margin-top: 45px;}
.introduce .introduce-1 .int1-second .hx-mengceng img{width: 40px;margin-bottom: 25px;}
.introduce .introduce-1 .int1-second .hx-mengceng{font-size: 18px;}
.introduce .introduce-1 .int1-third .thir-left p{font-size: 15px;line-height: 35px;}
.introduce .introduce-1 .int1-third .third-right{margin-left: 40px;}
.introduce .introduce-1 .int1-third .title{margin-bottom: 25px;}

.header{padding: 0 8%;}
.header .l-menu a{margin-left: 85px;}
.index .ind-second{padding: 30px 8% 10px 8%;}
.index .title{font-size: 30px;}
.index .see-more{height: 44px;line-height: 44px;}
.btn-public:hover:before, .btn-public:hover:after {border-width: 42px 138px;}
.index .ind-second .sec-two{margin-top: 30px;}
.index .ind-second .sec-item .sec-name{font-size: 16px;}
.index .ind-second .sec-list .sec-more{font-size: 13px;}
.index .ind-third{padding: 50px 0 50px 8%;}
.index .ind-third .thi-content{font-size: 14px;line-height: 30px;}
.index .ind-third .adv-title{font-size: 20px;}
.index .ind-third .adv-title img{width: 14px;}
.index .ind-third p{font-size: 12px;}
.index .ind-third .link-list span{font-size: 15px;}
.index .ind-third .link-logo{width: 22px;}
.index .ind-third .pagelink{margin-top: 65px;}
.index .ind-third .thi-content{margin-top: 35px;}
.index .ind-fourth{padding: 50px 8% 20px 8%;}
.index .ind-fourth .fou-name{font-size: 50px;}
.index .ind-fourth .fou-danwei{font-size: 16px;line-height: 25px;}
.index .ind-fourth .swiper{margin: 50px 0 20px 0;}
.index .ind-fourth .l-f-text{font-size: 15px;line-height: 35px;}
.index .ind-fourth .r-fourth{margin-left: 75px;}
.index .ind-fourth .swiper-pagination-bullet-active{width: 20px;height: 20px;}
.index .ind-fifth{padding: 0 0 20px 8%;}
.index .ind-fifth .l-fifth{padding-top: 35px;}
.index .ind-fifth .fif-one{padding-bottom: 35px;}
.index .ind-fifth .fif-mc{font-size: 17px;padding: 15px;}
.index .ind-fifth .fif-mc span{text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index .ind-fifth .fif-line{width: 3px;height: 18px;}
.index .ind-fifth .r-fif-text{font-size: 17px;justify-content: center;padding-top:0;}
.footer .footer-one{padding: 40px 8%;}
.footer .fone-left img{width: 185px;}
.footer .fone-tell{font-size: 27px;margin: 20px 0;}
.footer .fone-address{font-size: 13px;}
.footer .fone-center{margin: 25px 75px 0 75px;}
.footer .fone-right img{width: 125px;}
.footer .fone-right{font-size: 12px;}
.footer .fc-menu a{font-size: 13px;margin: 20px 6.9% 0 0;}
.footer .fc-name{font-size: 15px;}
}
@media screen and (max-width: 1400px){
.contact .con-main{padding: 20px 5% 40px 5%;}
.contact .con-main .title{font-size: 30px;}
.contact .con-main .info-text span:first-child{font-size: 20px;}
.contact .con-main .info-logo{width: 28px;}
.contact .con-main .info-text{margin-left: 15px;}
.contact .con-main .info-text span:nth-child(2){font-size: 15px;}
.contact .con-main .gs-info{margin-top: 50px;}
.contact .con-main #container{height: 440px;}
.contact .con-main .map-bg{top: 490px;height: 290px;}
.contact .con-main .title1{margin-top: 110px;}
.contact .con-main .form-list span{font-size: 17px;}
.contact .con-main .input-box{height: 60px;margin-top: 15px;padding: 15px 20px;}
.contact .con-main .form{margin-top: 40px;}
.contact .con-main .input-box{font-size: 15px;}
.contact .con-main .submit{height: 60px;line-height: 60px;}
.contact .con-main .input-box1{height: 180px !important;}

.case-details .cdetails-main{padding: 20px 5% 40px 5%;}
.case-details .cdetails-main .det-name{margin: 40px 0;}

.case .case-main{padding: 20px 5% 40px 5%;}
.case .case-main .case-list{margin-top: 40px;}
.case .case-main .case-name{font-size: 16px;height: 50px;line-height: 50px;}
.case .case-main .case-item .case-img{height:185px;}
.product-details .details-main{padding: 20px 5% 80px 5%;}
.product-details .details-main .main-img{margin-top: 40px;}
.product .pro-main{padding: 20px 5% 40px 5%;}
.product .pro-main .menu-box{width: 260px;}
.product .pro-main .main-right{margin-left: 30px;}
.introduce .introduce-4{padding: 40px 5%;}
.introduce .introduce-4 .title{margin-bottom: 40px;}
.introduce .introduce-4 .mc-name{font-size: 24px;}
.introduce .introduce-4 .mc-line{margin: 20px 0;}
.introduce .introduce-4 .int4-mc p{font-size: 15px;line-height: 25px;}
.introduce .introduce-3{padding: 40px 5%;}
.introduce .introduce-3 .title{margin-bottom: 40px;}
.introduce .introduce-3 .list-center{margin: 0 10px;}
.introduce .introduce-3 .list-time{width: 120px;height: 45px;font-size: 24px;margin-bottom: 10px;}
.introduce .introduce-3 .list-name{font-size: 18px;}
.introduce .introduce-3 .list-data span{font-size: 32px;}
.introduce .introduce-3 .list-one{height: 55px;}
.introduce .introduce-3 .list-info p{font-size: 15px;}
.introduce .introduce-3 .shuline{height: 105px;}
.introduce .introduce-3 .yuan{width: 22px;height: 22px;}

.introduce .introduce-2{padding: 40px 5% ;}

.other-box .tt_title span:first-child{font-size: 29px;}
.other-box .tt_title span:last-child{font-size: 33px;}
.other-box .tt_title{padding-left: 5%;}
.introduce .int-menu{padding: 0 5%;height: 50px;}
.introduce .menu-listed{border-bottom: 3px solid #0062B1;}
.introduce .introduce-1 .int1-first{padding: 40px 5%;}
.introduce .title{font-size: 28px;}
.introduce .title span:first-child{line-height: 23px;}
.introduce .title span:last-child{margin-top: -15px;}
.introduce .introduce-1 .int1-first .fir1-name{font-size: 20px;}
.introduce .introduce-1 .int1-second{padding: 40px 5%;}
.introduce .introduce-1 .int1-second .sec-name{font-size: 19px;margin: 25px 0 20px 0;}
.introduce .introduce-1 .int1-second p{font-size: 16px;}
.introduce .introduce-1 .int1-third{padding: 40px 5%;}
.introduce .introduce-1 .int1-third .third-right{width: 48.5%;}
.introduce .introduce-1 .int1-third .title{margin-bottom: 20px;}

.header{height: 80px;padding: 0 5%;}
.header .l-menu a{font-size: 15px;margin-left: 60px;}
.header .h-logo{width: 138px;}
.index .ind-second{padding: 25px 5% 10px 5%;}
.index .title{font-size: 27px;}
.index .title span:last-child{margin-top: -27px;}
.index .title span:last-child{height: 40px;line-height: 40px;width: 120px;}
.btn-public:hover:before, .btn-public:hover:after{border-width: 41px 120px;}
.index .ind-second .sec-two {margin-top: 25px;}
.index .ind-second .sec-item .sec-name{font-size: 15px;}
.index .ind-second .sec-list .sec-more{font-size: 12px;margin-top: 8px;}
.index .ind-second .sec-list .sec-item{padding: 15px 0;}
.index .ind-second .sec-list{margin-bottom: 30px;}
.index .ind-third{padding: 25px 0 40px 5%;}
.index .ind-third .thi-content{line-height: 27px;margin-top: 20px;}
.index .ind-third .r-third{width: 56%;}
.index .ind-third .adv-title{font-size: 18px;}
.index .ind-third .adv-title img{width: 11px;}
.index .ind-third .adv-list, .index .ind-third .link-list{width: 27.4%;padding-bottom: 7px;}
.index .ind-third .advantage{margin-top: 20px;}
.index .ind-third .pagelink{margin-top: 45px;}
.index .ind-third .link-logo{width: 20px;}
.index .ind-third .link-list span{font-size: 14px;margin-left: 10px;}
.index .ind-third .link-jt{width: 13px;}
.index .ind-fourth {padding: 40px 5% 20px 5%;}
.index .ind-fourth .swiper{margin: 20px 0 15px 0;}
.index .ind-fourth .fou-name{font-size: 45px;}
.index .ind-fourth .fou-danwei{font-size: 14px;line-height: 20px;margin-left: 0px;}
.index .ind-fourth .l-f-text{font-size: 14px;line-height: 30px;}
.index .ind-fourth .r-fourth{margin-left: 55px;width: 53%;}
.index .ind-fourth .r-fourth .img-item{margin-bottom: 20px;}
.index .ind-fifth{padding: 0 0 10px 5%;}
.index .see-more{height: 40px;line-height: 40px;width: 111px;font-size: 13px;}
.index .ind-fifth .fif-mc{font-size: 16px;}
.index .ind-fifth .fif-mc span{text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.footer .footer-one{padding: 40px 5% 35px 5%;}
}
@media screen and (max-width: 1200px){
.contact .con-main .title{font-size: 27px;}
.contact .con-main .gs-info{margin-top: 40px;}
.contact .con-main .info-text span:first-child{font-size: 19px;}
.contact .con-main .info-text{margin-left: 10px;}
.contact .con-main .info-text span:nth-child(2){font-size: 14px;margin-top: 10px;}
.contact .con-main .contact-right{margin-top: 50px;}
.contact .con-main .title{font-size: 28px;}

.case-details .cdetails-main .det-name{font-size: 26px;}
.case-details .cdetails-main .det-name{margin: 30px 0;}

.case .case-main .case-list{margin-top: 30px;}
.case .case-main .case-item .case-img{height:153px;}
.product-details .details-main .main-box{margin-top: 30px;}
.product-details .details-main .main-img{margin: 30px auto;}
.product-details .details-main .pro-name{font-size: 25px;}
.product-details .details-main .pro-title{font-size: 20px;margin-bottom: 30px;}
.product .pro-main .main-box{margin-top: 30px;}
.product .pro-main .menu-box{width: 220px;}
.product .pro-main .menu-title{height: 60px;line-height: 60px;font-size: 20px;}
.product .pro-main .mune-text{font-size: 14px;}
.product .pro-main .menu-item{height: 60px;line-height: 60px;}
.product .pro-main .product-name{height: 60px;line-height: 60px;font-size: 23px;}

.introduce .introduce-4 .title{margin-bottom: 30px;}
.introduce .introduce-4 .mc-name{font-size: 20px;}
.introduce .introduce-4 .mc-line{margin: 10px 0;}
.introduce .introduce-4 .int4-mc p{font-size: 14px;}
.introduce .introduce-4 .int4-list{margin-bottom: 30px;}
.introduce .introduce-4{padding: 40px 5% 20px 5%;}

.introduce .introduce-3 .title{margin-bottom: 30px;}
.introduce .introduce-3 .list-time{width: 110px;height: 42px;line-height: 42px;font-size: 22px;}
.introduce .introduce-3 .hengxian{width: 60px;}
.introduce .introduce-3 .list-center{height: 42px;}
.introduce .introduce-3 .list-name{font-size: 17px;}
.introduce .introduce-3 .list-right{padding: 0 15px;}
.introduce .introduce-3 .list-info p{font-size: 14px;line-height: 25px;}
.introduce .introduce-3 .info-img{width: 45%;margin-left: 5%;}
.introduce .introduce-3 .int3-list{margin-bottom: 10px;}

.introduce .introduce-2 .int2-first{margin-top: 40px;}

.other-box .tt_title span:last-child{font-size: 29px;}
.other-box .tt_title span:first-child{font-size: 25px;}
.introduce .menu-list{font-size: 14px;}
.introduce .title{font-size: 25px;}
.introduce .introduce-1 .int1-first .fir1-name{font-size: 18px;}
.introduce .introduce-1 .int1-first .fir1-left p{font-size: 14px;line-height: 25px;}
.introduce .introduce-1 .int1-first .fir1-right{margin-left: 30px;}
.introduce .introduce-1 .int1-second .sec-name{font-size: 17px;margin: 20px 0 15px 0;}
.introduce .introduce-1 .int1-second p{font-size: 14px;}
.introduce .introduce-1 .int1-second .hx-mengceng{font-size: 16px;}
.introduce .introduce-1 .int1-second .hx-mengceng img{width: 35px;margin-bottom: 15px;}
.introduce .introduce-1 .int1-third .thir-left p{font-size: 14px;line-height: 30px;}

.header .l-menu a{margin-left: 50px;}
.header{height: 70px;}
.header .h-logo{width: 130px;}
.index .title{font-size: 24px;}
.index .title span:last-child{margin-top: -31px;}
.index .ind-third .thi-content{font-size: 13px;line-height: 25px;}
.index .ind-third .adv-title{font-size: 17px;}
.index .ind-third .adv-title img{width: 10px;}
.index .ind-third .r-third{width: 50%;margin-left: 20px;}
.index .ind-third .link-logo{width: 18px;}
.index .ind-third .link-jt{width: 12px;}
.index .ind-third .pagelink{margin-top: 30px;}
.index .ind-fourth .fou-name{font-size: 38px;}
.index .ind-fourth .fou-danwei{font-size: 13px;}
.index .ind-fourth .l-f-text{font-size: 13px;line-height: 25px;}
.index .ind-fifth .l-fifth{padding-top: 25px;}
.index .ind-fifth .fif-one{padding-bottom: 25px;}
.index .ind-fifth .fif-mc{font-size: 15px;}
.index .ind-fifth .fif-two{margin-top: 40px;}
.index .ind-fifth .r-fif-text{padding-top: 0;font-size: 16px;}
.index .ind-fifth .r-fifth{width: 15.3%;margin-left: 30px;}
.footer .fone-left img{width: 163px;}
.footer .fone-tell{font-size: 23px;margin: 15px 0;}
.footer .fone-address{font-size: 12px;}
.footer .fone-center{margin: 25px 55px 0 55px;}
.footer .fc-menu a{font-size: 12px;margin: 15px 2.9% 0 0;width: 22.8%;}
.footer .fone-right img{width: 115px;}
.footer .banquan{height: 45px;}
.footer .footer-one{padding: 40px 5% 20px 5%;}
}
@media screen and (max-width: 993px){
.contact .con-main .title{font-size: 25px;}
.contact .con-main .info-text span:first-child{font-size: 16px;}
.contact .con-main .info-logo{width: 23px;}
.contact .con-main .info-text span:nth-child(2){font-size: 12px;}
.contact .con-main .contact-right{margin-top: 40px;}
.contact .con-main #container{height: 400px;}
.contact .con-main .map-bg{height: 205px;top: 465px;}
.contact .con-main .title1{margin-top: 70px;}
.contact .con-main .form-list span{font-size: 16px;}
.contact .con-main .input-box{height: 50px;padding: 15px;}
.contact .con-main .input-box{font-size: 14px;}
.contact .con-main .form-list{margin-bottom: 20px;}
.contact .con-main .submit{height: 55px;line-height: 55px;font-size: 17px;}

.case-details .cdetails-main .det-name{font-size: 24px;}
.case .case-main .case-item{width: 30%;margin: 0 3% 20px 0;}
.case .case-main .case-name{height: 45px;line-height: 45px;font-size: 15px;}
.case .case-main .case-item:nth-child(3n){margin-right: 0;}
.case .case-main .case-item:nth-child(4n){margin-right: 3%;}

.product-details .details-main .pro-name{font-size: 22px;}
.product-details .details-main .pro-title{font-size: 18px;}

.product .pro-main .main-box{flex-direction: column;}
.product .pro-main .menu-box{width: 100%;display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;}
.product .pro-main .menu-item,.product .pro-main .menu-title{width: 33.3%;text-align: center;}
.product .pro-main .menu-title{border-radius: 10px 0 0 0;}
.product .pro-main .line{bottom: 0;left: 10%;right: 0;width: 80%;height: 2px;top: auto;}
.product .pro-main .menu-item{padding: 0;}
.introduce .introduce-4{padding: 30px 5% 10px 5%;}
.introduce .introduce-4 .title{margin-bottom: 25px;}
.introduce .introduce-4 .mc-name{font-size: 18px;}
.introduce .introduce-4 .mc-line{margin: 5px 0;}
.introduce .introduce-4 .int4-mc p{font-size: 13px;}
.introduce .introduce-4 .int4-list img{object-fit: cover;}
.introduce .introduce-4 .int4-mc{padding-left: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.introduce .introduce-4 .int4-list img{width: 100%;}
.introduce .introduce-4 .int4-list{position: relative;}
.product .pro-main .mune-text{border-bottom: none;}
.product .pro-main .main-right{margin-top: 10px;margin-left: 0;}

.introduce .introduce-3{padding: 30px 5%;}
.introduce .introduce-3 .list-time{width: 95px;height: 40px;line-height: 40px;font-size: 19px;}
.introduce .introduce-3 .list-center{height: 40px;}
.introduce .introduce-3 .hengxian{width: 50px;}
.introduce .introduce-3 .list-name{font-size: 16px;}
.introduce .introduce-3 .list-data span{font-size: 28px;margin-right: 5px;}
.introduce .introduce-3 .list-one{height: max-content;padding:5px 15px;}
.introduce .introduce-3 .list-info{padding: 10px 0;}
.introduce .introduce-3 .list-info p{font-size: 13px;}

.other-box img{height: 200px;width: -webkit-fill-available;object-fit: cover;}
.other-box .tt_title{justify-content: flex-end;padding-bottom: 40px;}
.other-box .tt_title span:first-child{font-size: 24px;}
.other-box .tt_title span:last-child{font-size: 25px;}
.introduce .introduce-1 .int1-first{flex-direction: column;}
.introduce .introduce-1 .int1-first .fir1-right{width: 100%;margin-left: 0;margin-top: 20px;}
.introduce .introduce-1 .int1-second .hx-list{width: 31%;}
.introduce .introduce-1 .int1-second .sec-hexin{margin-top: 35px;}
.introduce .introduce-1 .int1-second .sec-name{font-size: 16px;}
.introduce .introduce-1 .int1-second p{font-size: 13px;}
.introduce .introduce-1 .int1-second .hx-mengceng{font-size: 15px;}
.introduce .introduce-1 .int1-second .hx-mengceng img{width: 30px;margin-bottom: 10px;}
.introduce .introduce-1 .int1-third{flex-direction: column;}
.introduce .introduce-1 .int1-third .third-right{margin: 20px 0 0 0;width: 100%;}

.header{display: none;}
.navbar{display: flex !important;}
.index .ind-first .swiper-pagination-bullet{width: 20px;height: 3px;}
.index .ind-second .sec-item .sec-name{font-size: 14px;text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index .ind-second .sec-list .sec-item{padding: 10px 0;}
.index .ind-second .sec-list .sec-more{margin-top: 5px;}
.index .ind-third{flex-direction: column;padding: 40px 5%;position: relative;}
.index .ind-third .r-third{width: 100%;margin-left: 0;margin-top: 40px;}
.index .ind-third .thi-content{font-size: 12px;margin-top: 10px;}
.index .ind-fourth .l-f-text{font-size: 12px;}
.index .title span:last-child{line-height: 65px;}
.index .title span:first-child{line-height: 26px;}
.index .ind-second{padding: 40px 5% 10px 5%;}
.index .ind-fourth{flex-direction: column;padding: 15px 5% 20px 5%;}
.index .ind-fourth .l-fourth{flex: initial;width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.index .ind-fourth .swiper{width: 150px;margin-left: auto;}
.index .ind-fourth .fou-name{font-size: 34px;}
.index .ind-fourth .fou-danwei{font-size: 12px;line-height: 15px;}
.index .ind-fourth .swiper-pagination{margin-top: 5px;}
.index .ind-fourth .r-fourth{margin: 20px 0 0 0;width: 100%;justify-content: initial;}
.index .ind-fourth .r-fourth .img-item{width: 31.5%;margin-right: 2.75%;}
.index .ind-fourth .r-fourth .img-item:nth-child(3n){margin-right: 0;}
.index .ind-fifth .r-fif-text{font-size: 14px;letter-spacing: 9px;}
.index .ind-fifth .fif-one{padding-bottom: 20px;}
.index .ind-fifth .fif-mc{font-size: 14px;padding: 10px;}
.index .ind-fifth .fif-mc span{text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index .ind-fifth .fif-line{height: 16px;margin-right: 10px;}
.index .ind-fifth .l-fifth{padding-top: 35px;}
.index .ind-fifth .fif-two{margin-top: 30px;}
.footer .fone-left img{width: 140px;}
.footer .fone-tell{font-size: 20px;margin: 10px 0;}
.footer .fone-center{margin: 0 25px;}
.footer .fc-menu a{width: 30%;margin: 10px 3% 0 0;}
.footer .fc-menu a:nth-child(4n){margin-right: 3%;}
.footer .fc-menu a:nth-child(3n){margin-right: 0;}
.footer .fone-right img{width: 100px;}
.footer .footer-one {padding: 35px 5% 20px 5%;}
.footer .banquan{height: max-content;padding:10px 0}

}
@media screen and (max-width: 768px){
.contact .con-main .title{font-size: 22px;}
.contact .con-main .gs-info{flex-direction: column;margin-top: 30px;}
.contact .con-main .info-list{margin-bottom: 20px;}
.contact .con-main .contact-right{margin-top: 10px;}
.contact .con-main #container{height: 300px;}
.contact .con-main .map-bg{height: 160px;}
.contact .con-main .title1{margin-top: 60px;}
.contact .con-main .form{margin-top: 30px;}
.contact .con-main .form-list span{font-size: 15px;}
.contact .con-main .input-box{height: 45px;padding: 10px;font-size: 13px;}
.contact .con-main .input-box1{height: 145px;line-height: 22px;}
.contact .con-main .submit{height: 50px;line-height: 50px;font-size: 16px;}

.case-details .cdetails-main .det-name{font-size: 22px;}
.case .case-main .case-item{margin: 0 2.8% 20px 0;}
.case .case-main .case-item .case-img{height:115px;}
.case-details .cdetails-main{min-height: 56vh;}
.product .pro-main .menu-title{height: 50px;line-height: 50px;font-size: 18px;}
.product .pro-main .menu-item{height: 50px;line-height: 50px;}
.product .pro-main .mune-text{font-size: 13px;}
.product .pro-main .product-name{font-size: 20px;height: max-content;padding: 10px 0;line-height: initial;margin-top: 10px;}
.product .pro-main .pro-title{font-size: 14px;height: 40px;line-height: 40px;}

.introduce .introduce-4 .mc-name{font-size: 17px;}
.introduce .introduce-4 .int4-mc p{font-size: 12px;line-height: 20px;}
.introduce .introduce-4 .int4-list{margin-bottom: 20px;}
.introduce .introduce-3 .list-left{display: none;}
.introduce .introduce-3 .list-center{display: none;}
.introduce .introduce-3 .list-one{padding: 5px;}
.introduce .introduce-3 .list-info{flex-direction: column;}
.introduce .introduce-3 .info-img{width: 100%;margin-left: 0;margin-top: 10px;}
.introduce .introduce-3 .int3-list{margin-bottom: 20px;}
.introduce .introduce-2 .int2-first{margin-top: 30px;}
.introduce .introduce-2 .certificate{width: 49%;margin-right: 2%;}
.introduce .introduce-2 .certificate:nth-child(3n){margin-right: 2%;}
.introduce .introduce-2 .certificate:nth-child(2n){margin-right: 0;}

.other-box .tt_title span:first-child{font-size: 21px;}
.other-box .tt_title span:last-child{font-size: 22px;margin-top: -26px;}
.introduce .menu-list{font-size: 13px;}
.introduce .menu-listed{border-bottom: 2px solid #0062B1;}
.introduce .int-menu{height: 40px;}
.introduce .introduce-1 .int1-first{padding: 30px 5%;}
.introduce .title{align-items: center;font-size: 23px;}
.introduce .introduce-1 .int1-first .fir1-name{text-align: center;font-size: 17px;}
.introduce .introduce-1 .int1-first .fir1-left p{font-size: 13px;}
.introduce .introduce-1 .int1-first .fir1-right{margin-top: 10px;}
.introduce .introduce-1 .int1-second{padding: 30px 5%;}
.introduce .introduce-1 .int1-second .sec-name{font-size: 15px;margin: 15px 0 10px 0;}
.introduce .introduce-1 .int1-second p{font-size: 12px;}
.introduce .introduce-1 .int1-second .hx-mengceng img{width: 25px;}
.introduce .introduce-1 .int1-second .hx-mengceng{font-size: 13px;}
.introduce .introduce-1 .int1-second .sec-hexin{margin-top: 25px;}
.introduce .introduce-1 .int1-third{padding: 30px 5%;}
.introduce .introduce-1 .int1-third .thir-left p{font-size: 13px;line-height: 25px;}
.introduce .introduce-1 .int1-third .title{margin-bottom: 15px;}
.introduce .introduce-1 .int1-third .third-right{margin: 10px 0 0 0;}

.index .ind-second{padding: 30px 5% 10px 5%;}
.index .ind-second .sec-list{width: 49%;margin-right: 0;}
.index .ind-second .sec-two{justify-content: space-between;margin-top: 30px;}
.footer .fone-center{display: none;}
.footer .footer-one{justify-content: space-between;align-items: center;}
.index .ind-fifth .r-fifth{display: none;}
.index .ind-fifth{padding: 0 5% 10px 5%;}
.index .see-more{height: 35px;line-height: 35px;font-size: 12px;width: 100px;}
.btn-public:hover:before, .btn-public:hover:after{border-width: 33px 100px;}
.index .ind-fifth .fif-list{width: 49%;margin-right: 0;}
.index .ind-fifth .fif-two{justify-content: space-between;}
.footer .footer-one{padding: 30px 5% 20px 5%;}
}
@media screen and (max-width: 576px){
.footer .banquan >p{width:80%;text-align:center;display:flex;flex-direction:column;align-items: center;}
.crumb a, .crumb span{flex:none;}
.crumb{flex-wrap: wrap;}
.contact .con-main .title{font-size: 20px;}
.contact .con-main .info-text span:first-child{font-size: 15px;}
.contact .con-main .info-logo{width: 20px;}
.contact .con-main .gs-info{margin-top: 20px;}
.contact .con-main .contact-right{margin-top: 0;}
.contact .con-main #container{height: 230px;}
.contact .con-main .map-bg{top: 355px;}
.contact .con-main .title1{margin-top: 45px;}
.contact .con-main .form-list{width: 100%;}
.contact .con-main .form{margin-top: 20px;}
.contact .con-main .submit{font-size: 15px;height: 45px;line-height: 45px;}

.case-details .cdetails-main .det-name{font-size: 20px;margin: 20px 0;}
.case-details .cdetails-main{min-height: auto;}

.case .case-main .case-item{width: 48%;margin-right: 0;}
.case .case-main .case-list{justify-content: space-between;}
.case .case-main .case-item:nth-child(4n){margin-right: 0;}
.case .case-main .case-name{font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case .case-main .case-list{margin-top: 20px;}
.case .case-main{padding: 20px 5%;}

.crumb a, .crumb span{font-size: 12px;}
.product-details .details-main .pro-name{font-size: 18px;}
.product-details .details-main .main-box{margin-top: 20px;}
.product-details .details-main .main-img{margin: 20px auto;}
.product-details .details-main .pro-title{font-size: 16px;}
.product-details .details-main .pro-line{height: 19px;}
.product-details .details-main .pro-title{padding-bottom: 10px;}
.product-details .details-main .pro-title{margin-bottom: 20px;}
.product-details .details-main{padding: 20px 5%;}

.product .pro-main .menu-title{font-size: 16px;width: 100%;height: 40px;line-height: 40px;border-radius: 10px 10px 0 0;}
.product .pro-main .menu-item{width: 50%;height: 45px;line-height: 40px;display:flex;align-items:center;justify-content:center;}
.product .pro-main .product-name{margin-top: 0;}
.product .pro-main .product-name{font-size: 18px;}
.product .pro-main .pro-list{width: 49%;margin-right: 0;}
.product .pro-main .product-box{justify-content: space-between;}
.product .pro-main .pro-title{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .pro-main .mune-text{line-height: 20px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 5px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.introduce .introduce-4 .int4-list img{height: 150px;}

.introduce .introduce-3{padding: 20px 5%;}
.introduce .introduce-3 .list-name{width: 60%;font-size: 14px;}
.introduce .introduce-3 .list-data span{font-size: 24px;}
.introduce .introduce-3 .list-info p{font-size: 12px;}

.introduce .introduce-2{padding: 20px 5%;}
.introduce .introduce-2 .int2-first{margin-top: 20px;}
.introduce .introduce-2 .aptitude{width: 48%;margin-right: 0;}
.introduce .introduce-2 .int2-first{justify-content: space-between;}

.other-box img{height: 160px;object-fit: none;}
.other-box .tt_title{padding-bottom: 20px;}
.other-box .tt_title span:first-child{font-size: 19px;}
.other-box .tt_title span:last-child{font-size: 20px;}
.introduce .menu-list{font-size: 12px;}
.introduce .introduce-1 .int1-first{padding: 20px 5%;}
.introduce .title{font-size: 20px;}
.introduce .title span:first-child{line-height: 17px;}
.introduce .title span:last-child{margin-top: -12px;}
.introduce .introduce-1 .int1-first .fir1-name{font-size: 15px;margin: 10px 0;}
.introduce .introduce-1 .int1-first .fir1-left p{font-size: 12px;}
.introduce .introduce-1 .int1-second{padding: 20px 5%;}
.introduce .introduce-1 .int1-second .sec-name{font-size: 14px;}
.introduce .introduce-1 .int1-second .sec-hexin{flex-direction: column;margin-top: 0;}
.introduce .introduce-1 .int1-second .hx-list{width: 100%;margin-top: 20px;}
.introduce .introduce-1 .int1-second .hx-mengceng img{width: 45px;margin-bottom: 15px;}
.introduce .introduce-1 .int1-second .hx-mengceng{font-size: 16px;}
.introduce .introduce-1 .int1-third{padding: 20px 5%;}
.introduce .introduce-1 .int1-third .thir-left p{font-size: 12px;}
.introduce .introduce-1 .int1-third .title{margin-bottom: 10px;}



.index .ind-second .sec-one{flex-direction: column;align-items: center;}
.index .see-more{margin: 20px 0 0 auto;}
.index .title{align-items: center;}
.index .ind-second{padding: 20px 5% 10px 5%;}
.index .ind-second .sec-two{margin-top: 25px;}
.index .ind-second .sec-list{margin-bottom: 20px;}
.index .ind-third{padding: 25px 5%;}
.index .ind-third .thi-content{margin-top: 20px;}
.index .ind-third .advantage,
.index .ind-third .pagelink{flex-direction: column;margin-top: 10px;}
.index .ind-third .adv-list, .index .ind-third .link-list{width: 100%;}
.index .ind-third .link-list{margin-bottom: 20px;}
.index .ind-third .r-third{margin-top: 10px;}
.index .ind-fourth .l-fourth{flex-direction: column;}
.index .ind-fourth .swiper{margin: 20px auto;}
.index .ind-fourth .r-fourth .img-item{width: 49%;margin-right: 0;}
.index .ind-fourth .r-fourth{justify-content: space-between;}
.index .ind-fourth{padding: 20px 5% 5px 5%;}
.index .ind-fifth .l-fifth{padding-top: 15px;}
.index .ind-fifth .fif-one{padding-bottom: 15px;}
.index .ind-fifth .fif-two{margin-top: 25px;}
.footer .fone-right img{width: 90px;}
.footer .footer-one{padding: 25px 5% 20px 5%;}
}