@import "font-awesome.css";
@import "swiper.min.css";
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none;box-sizing:border-box}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{font-size:0;display:inline-block;vertical-align:middle;max-width: 100%;border: 0;}
p{word-wrap:break-word}
a,u{text-decoration:none}
a{color:#666;transition: all .3s;}
a:hover{color:#2787ed;}
input,textarea,body{color:#666;;font-size:16px;font-family: '微软雅黑';}
a .pic{overflow:hidden}
a .pic img{width:100%;transform: translateZ(0);transition: transform .5s ease;}
a:hover .pic img{transform: scale(1.2);}
.wrap{width:100%;max-width:1200px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}

.header{height:90px;display:flex;align-items:center;background:#121619;}
.header .wrap{height:100%;display:flex;align-items: center;}
.header .menu{display:flex;}
.header .menu .item{display:flex;margin-left:18px;position: relative;}
.header .menu .item h3 a{position: relative;font-size:15px;color:#fff;height:90px;display:flex;align-items: center;}
.header .menu .item h3 a::after{transition-duration:.4s;content:'';position: absolute;bottom:10px;transform: translateY(-50%);width:0%;height: 2px;background: #FFF;}
.header .menu .item.on h3 a::after{width:100%;}
.header .menu .item .sub{z-index:9999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;left:0;top:90px;width:100%;min-width:200px;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.header .menu .item .sub:before{opacity:1;content: '';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top:-10px;left:10px;z-index:2;transition:opacity 0.3s ease-in-out;}
.header .menu .item .sub a{padding:0 10px;display:flex;align-items: center;font-size:14px;height:45px;}
.header .menu .item .sub a:hover{background:#2787ed;color:#fff;}
.header .menu .item:hover .sub{transform: scaleY(1);}
.header .info{display:flex;}
.header .info .so{display:flex;align-items:center;padding:0 20px;gap:12px;position: relative;cursor: pointer;}
.header .info .so::after,.header .info .so::before{content:'';position: absolute;top:50%;transform: translateY(-50%);width: 1px;height:25px;background: #898B8C;}
.header .info .so::after{left:10px}
.header .info .so::before{right:10px}
.header .info .so img{width:20px;height:20px;}
.header .info .so span{font-size:14px;;color:#fff;}
.header .info .lang{display:flex;gap:12px;align-items: center;}
.header .info .lang img{width:20px;height:20px;}
.header .info .lang a{color:#fff;font-size:14px;}
.header .info .lang a:hover{color:#0083FF}

.header_search{position:absolute;transition-duration:.5s;;top:-90px;width:100%;height:90px;display:flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.8);z-index:99}
.header_search form{display:flex;align-items: center;width:600px;height:50px;border-radius:8px;background:#fff;}
.header_search form button{background:none;cursor: pointer;border:0;width:60px;height:100%;}
.header_search form button img{width:20px;height:20px;}
.header_search form input{flex:1;padding:0 10px;border:0;outline: none;}
.header_search .close_search{margin-left:60px;}
.header_search .close_search img{width:20px;cursor: pointer;;height:20px;}

.page-header{height:55px;display:flex;align-items: center;background:#F5F5F5;}
.page-header .wrap{height:100%;display:flex;align-items: center;}
.page-header .return{display:flex;align-items: center;}
.page-header .return a{display:flex;align-items: center}
.page-header .return a svg{width:16px;height:16px;}
.page-header .return a span{font-size:14px;color:#222222;}
.page-header .return a:hover span{color: #2787ed;}
.page-header .position{display:flex;align-items: center;}
.page-header .position i{margin:0 5px;}
.page-header .position i svg{width:14px;height:14px;}
.page-header .position a{color:#303133;font-size:14px;}
.page-header .position a:hover{color:#2787ed;}
.page-header .position span{font-size:14px;color:#606266;}
.page-header .line{width:1px;height:16px;background:#DCDFE6;margin:0 16px;}

.footer{width: 100%;background: url(../images/footer_bg.png) 50% 50% / cover;padding:90px 0 40px;}
.footer .footer_bottom{font-weight:400;color: #222;font-size:14px;line-height:20px;text-align: center;margin-top:68px;}
.footer .footer_bottom i{font-style: normal;color:#222;margin:0 8px;}
.footer .footer_bottom a{font-size:14px;color:#222;}
.footer .footer_top{display:flex;}
.footer .footer_top .footer_top_left{width:calc(100% - 300px)}
.footer .footer_top .footer_top_left .menu{display:flex;position: relative;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.footer .footer_top .footer_top_left .menu .line{position: absolute;top:56px;height:1px;background:#e8e8e8;width:100%;}
.footer .footer_top .footer_top_left .menu .item{margin-right:12px}
.footer .footer_top .footer_top_left .menu .item h3{font-weight: 500;color: #222;font-size:56px;line-height:56px;font-size:16px}
.footer .footer_top .footer_top_left .menu .item .sub{height:210px;display: flex;flex-direction: column;flex-wrap: wrap;padding-top:30px;row-gap:12px;column-gap:12px;white-space: nowrap;}
.footer .footer_top .footer_top_left .menu .item .sub a{display:block;font-size:13px;font-weight: 400;color: #222;line-height:20px;cursor: pointer}
.footer .footer_top .footer_top_left .menu .item .sub2{display: flex;flex-direction: row;flex-wrap: wrap;white-space: nowrap;writing-mode: vertical-lr;}
.footer .footer_top .footer_top_left .menu .item .sub2 a{writing-mode: horizontal-tb;}
.footer .footer_top .footer_top_left .menu .item .sub a:hover{color: #2787ed;}
.footer .footer_top .footer_top_left .address_info{display:flex;justify-content: space-between;padding-top:60px;}
.footer .footer_top .footer_top_left .address_info .address{white-space: wrap;font-size: 14px;font-weight: 400;color: #222;line-height: 24px;display:flex;align-items: center;}
.footer .footer_top .footer_top_left .address_info .address .p1{white-space: nowrap;width:62px}
.footer .footer_top .footer_top_left .address_info .channel{display:flex;font-size: 14px;color: #222;;line-height:24px;}
.footer .footer_top .footer_top_left .address_info .channel a{color:#0083FF;font-size:14px;}
.footer .footer_top .footer_top_right{width:300px;padding-left:60px;}
.footer .footer_top .footer_top_right .qcode_box{display:flex;gap:20px}
.footer .footer_top .footer_top_right .qcode_box .qcode-item{width:100px;}
.footer .footer_top .footer_top_right .qcode_box .qcode-item img{width:100%;object-fit: cover;}
.footer .footer_top .footer_top_right .qcode_box .qcode-item p{text-align: center;color: #222;padding-top:10px;font-size: 12px;}
.footer .footer_top .footer_top_right .ico{display:flex;padding-top:60px;justify-content: space-between;}
.footer .footer_top .footer_top_right .ico a img{width:28px;height:28px;}

.phone_btn{margin-top:40px;max-width:240px;display:flex;justify-content: center;align-items: center;height: 48px;background: linear-gradient(90deg, #0083ff, #0ec7d9);border-radius: 10px;padding:12px 32px;}
.phone_btn img{width:24px;height:24px;}
.phone_btn span{font-size:18px;font-weight: 500;color: #fff;vertical-align: top;margin-left: 12px;}
.phone_btn:hover{border-radius:40px;}

#sidenav_container{position:fixed;right:10px;top:40%;width:70px;height:280px;background: #0083ff;border-radius:4px;padding: 10px 20px;z-index: 10;}
#sidenav_container a{height:25%;width:100%;display:flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(255, 255, 255, .5);}
#sidenav_container a:last-child{border-bottom: none;}

.fixed-modal{width:100%;height:100vh;z-index:1111;background-color: rgba(0, 0, 0, 0.5);bottom: 0;left: 0;overflow: auto;position: fixed;right: 0;top: 0;display:none;align-items: center;justify-content: center;}
.fixed-modal .info{border-radius: 6px;text-align: center;background:#fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);padding:80px 20px;width:90%;max-width:710px;}
.fixed-modal .info h3{font-weight: 500;color: #121619;font-size:24px}
.fixed-modal .info p{margin:10px 0 40px;font-size:18px;font-weight: 400;color: #666;}
.fixed-modal .info img{width:150px;height:150px;}

.pages{display:flex;justify-content:center;align-items: center;gap:5px}
.pages a{color:#515a6e;font-size:14px;height:32px;border:1px solid #DCDEE2;border-radius:4px;min-width:32px;padding:0 5px;display:flex;align-items: center;justify-content: center;}
.pages .active a,.pages a:hover{border-color:#147AF2;color:#147AF2;}

.main{padding:100px 0}
.main2{padding:50px 0;}
.main .tabs_box{padding:0 30px;display:flex;justify-content: space-between;min-height:50px;border-bottom:1px solid #D8D8D8;}
.main .tabs_box a{font-size:24px;font-weight: 400;position: relative;color: #222;flex: 1;height:100%;cursor: pointer;text-align: center;display:flex;justify-content: center;}
.main .tabs_box a.on{font-weight: 500;color: #0083ff;}
.main .tabs_box a.on::after{width:100px;height:5px;background: #0083ff;content: '';position: absolute;bottom:-21px;left: 50%;transform: translateX(-50%);}
.main .solution_tabs{min-height:45px;padding:0;justify-content: flex-start;}
.main .solution_tabs a{font-size:14px;line-height:45px;width:max-content;margin-left:35px;flex: none;}
.main .solution_tabs a.on::after{bottom:0;height:2px;width:100%}
.main .body{padding-top:100px;}
.main .body p{font-size:16px;font-weight: 400;color: #666;line-height: 30px;margin-bottom:15px;}
.main .body img{max-width:100%;object-fit: cover;}
.main .body video{max-width:100%;object-fit: cover;}
.main .job_box{display:flex;padding-top:70px;flex-wrap:wrap;justify-content: space-between;}
.main .job_box .job_box_left{width:calc(100% - 400px);}
.main .job_box .job_box_left .body{padding:0;}
.main .job_box .job_box_left .list .item{margin-bottom:20px;}
.main .job_box .job_box_left .list .item a{display:block;padding:30px;}
.main .job_box .job_box_left .list .item a h3{font-size:22px;line-height:30px;margin-bottom:20px;font-weight:bold;color:#222;}
.main .job_box .job_box_left .list .item a .attr{display:flex;gap:30px;}
.main .job_box .job_box_left .list .item a .attr span{font-size:18px;color:#666;display:flex;align-items: center;}
.main .job_box .job_box_left .list .item a .attr img{width:20px;height:20px;margin-right:5px;}
.main .job_box .job_box_left .list .item a:hover{background:#EFF7FF}
.main .job_box .job_box_left .list .item.on a{background:#EFF7FF;cursor:initial;}
.main .job_box .job_box_right{width:300px;}
.main .job_box .job_box_right .hr{position:sticky;top:40px;border-radius:10px;background: #fff;box-shadow: 0 0 10px #0000001a;}
.main .job_box .job_box_right .hr h2{height:60px;font-size: 18px;font-weight: 600;color: #222;line-height: 60px;padding: 0 30px;background: linear-gradient(90deg, #c6e3ff, #d7fbff 50%);}
.main .job_box .job_box_right .hr .info{padding:30px;}
.main .job_box .job_box_right .hr .info .pic{display:flex;}
.main .job_box .job_box_right .hr .info .pic img{width:70px;height:70px;margin-right:20px;}
.main .job_box .job_box_right .hr .info .pic .name{display:flex;justify-content: space-between;flex-direction: column;}
.main .job_box .job_box_right .hr .info .pic .name h3{font-size:18px;color:#222;}
.main .job_box .job_box_right .hr .info .pic .name p{font-size:16px;color:#999;}
.main .job_box .job_box_right .hr .info ul li{margin-top:22px;display:flex;align-items: center;}
.main .job_box .job_box_right .hr .info ul li img{width:20px;height:20px;margin-right:14px;}
.main .job_box .job_box_right .hr .info ul li span{font-size:14px;font-weight: 400;color: #666;;}
.main .contact .title{padding:60px 0;font-size:36px;color:#222;text-align:center;font-weight:bold;}
.main .contact .body{padding:0;}
.main .contact .body .phone_btn{margin:40px auto 0;}
.main .contact .body p{font-size:18px;line-height: 30px;}
.main .contact .form p{color:#222;font-size:18px;margin-top:30px;text-align:center;}
.main .contact .form .form_btn{width:160px;height:40px;background: #0083ff;border-radius:4px;font-size:14px;margin:30px auto;line-height:40px;text-align:center;border:0;;font-weight: 400;cursor: pointer;;color: #fff;transition-duration:.4s;}
.main .contact .form .form_btn:hover{border-radius:40px;}
.main .contact .form .form_input .item{width:calc(50% - 20px);margin-bottom:30px;}
.main .contact .form .item label{color: #515a6e;padding-bottom:5px;display:block;font-size:14px;}
.main .contact .form .item label span{color:red;}
.main .contact .form .form_input .item input{width:100%;padding:0 10px;height:40px;border-radius:4px;border:1px solid #DCDEE2;}
.main .contact .form .form_input .item input:hover{border-color:#0083ff;}
.main .contact .form textarea{width:100%;padding:10px;height:120px;border-radius:4px;border:1px solid #DCDEE2;}
.main .contact .form textarea:hover{border-color:#0083ff;}
.main .contact .info .info_left{width:calc(100% - 700px);border-radius:4px;padding:40px;background: #fff;box-shadow: 0 4px 15px #00000026;}
.main .contact .info .info_left h2{font-size:24px;font-weight:bold;color:#222;margin-bottom:60px;}
.main .contact .info .info_left ul li{margin-bottom:35px;display:flex;align-items: center;}
.main .contact .info .info_left ul li img{width:30px;height:30px;margin-right:20px;}
.main .contact .info .info_left ul li span{color:#666;font-size:16px;}
.main .contact .info .info_left .wx{display:flex;align-items: center;}
.main .contact .info .info_left .wx img{width:140px;height:140px;margin-right:20px;}
.main .contact .info .info_left .wx .txt p{font-size:16px;color:#222;margin:15px 0;line-height:28px;}
.main .contact .info .info_right{width:660px;}
.main .contact .info .info_right img{width:100%;max-width:100%;}
.main .service .service_left{width:300px;}
.main .service .service_left .menu{position:sticky;top:40px;}
.main .service .service_left .menu h2{background: #0083ff;font-size:16px;line-height:56px;height:56px;padding:0 20px;color: #fff;}
.main .service .service_left .menu .sub{background:#fff;padding:10px 0;}
.main .service .service_left .menu .sub a{display:flex;height:56px;align-items: center;padding:0 20px;font-size:16px;color:#666;}
.main .service .service_left .menu .sub a:hover{background:#ECF5FF}
.main .service .service_left .menu .sub a.on{background:#DEDEDE}
.main .service .service_right{background:#fff;width:calc(100% - 350px);min-height:500px;}
.main .service .service_right .title{font-size:28px;color:#666;border-bottom:1px solid #EBEEF5;padding:15px 20px;}
.main .service .service_right .body{padding:30px 20px;}
.main .service .service_right .download_list{padding:0 10px;}
.main .service .service_right .download_list .item{display:flex;align-items: center;border-bottom:1px solid #EBEEF5;padding:10px 0;}
.main .service .service_right .download_list .item div{flex:1;font-size:14px;color:#222;padding:0 10px;}
.main .service .service_right .download_list .item div.s1{max-width:150px;}
.main .service .service_right .download_list .item div.s3{max-width:80px;}
.main .service .ask_list{padding:20px 10px;}
.main .service .ask_list .t{display:flex;cursor: pointer;;justify-content: space-between;height:48px;border-bottom:1px solid #EBEEF5;align-items: center;}
.main .service .ask_list .t i{font-style: normal;}
.main .service .ask_list .t svg{transition-duration:.4s;width:16px;height:16px;}
.main .service .ask_list .t h3{color:#666;font-size:16px;}
.main .service .ask_list .item .item_box{display:none;padding-left:20px;}
.main .service .ask_list .item .item_box .pitem .p{display:none;font-size:13px;color:#333;line-height:26px;padding:12px;background:#F5F5F5;}
.main .service .ask_list .item.on .item_box{display:block;}
.main .service .ask_list .item.on .item_box .pitem.on .p{display:block;}
.main .service .ask_list .item .t svg.on{transform: rotate(90deg);}
.main .news_list{padding:40px 0 0 0;}
.main .news_list .list .item{margin-bottom:60px;}
.main .news_list .list .item a{display:flex;width:100%;}
.main .news_list .list .item a .pic{width:300px;height:200px;border-radius:8px;overflow: hidden;}
.main .news_list .list .item a .pic img{width:100%;max-width:100%;object-fit: cover;}
.main .news_list .list .item a .txt{flex:1;padding-left:30px;}
.main .news_list .list .item a .txt h3{padding:20px 0;font-size:24px;color:#222}
.main .news_list .list .item a .txt p{font-size:18px;line-height:28px;color:#999}
.main .news_content .news_content_left{width:calc(100% - 400px);}
.main .news_content .news_content_left .title{font-size:28px;color:#222;padding-bottom:20px;border-bottom:1px solid #EBEEF5;font-weight:bold;}
.main .news_content .news_content_left .info{display:flex;padding:30px 0;align-items: center;gap:40px;}
.main .news_content .news_content_left .info span{font-size:16px;color:#999;}
.main .news_content .news_content_left .body{padding:20px 0 40px;}
.main .news_content .news_content_left .ups{display:flex;align-items: center;justify-content: center;gap:50px;}
.main .news_content .news_content_left .ups a{width:140px;height:40px;font-size:15px;border:1px solid #E6E6E6;border-radius:5px;display:flex;align-items: center;justify-content: center;}
.main .news_content .news_content_left .ups a:hover{background:#0083ff;color:#fff;border-color:#0083FF}
.main .news_content .news_content_right{width:300px;}
.main .news_content .news_content_right .hot{position:sticky;top:40px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px;border-radius: 4px;padding:30px;}
.main .news_content .news_content_right .hot h2{font-size:20px;font-weight: 600;color: rgb(51, 51, 51);padding-bottom:10px;border-bottom:2px solid #E6E6E6}
.main .news_content .news_content_right .hot .sub{padding-top:20px;}
.main .news_content .news_content_right .hot .sub a{display:block;position: relative;padding-left:15px;margin-bottom:20px;font-size:16px;color:#666;line-height:28px;}
.main .news_content .news_content_right .hot .sub a::after{transition-duration:.4s;width:6px;height:6px;border-radius:6px;content:"";background:#D8D8D8;display:block;position:absolute;top:11px;left:0;;}
.main .news_content .news_content_right .hot .sub a:hover{color:#0083ff;}
.main .news_content .news_content_right .hot .sub a:hover::after{background:#0083ff;}
.main .solution_list .list .item{width:calc(100% / 3 - 30px);margin:0 45px 45px 0;transition-duration:.5s;}
.main .solution_list .list .item:nth-child(3n){margin-right:0;}
.main .solution_list .list .item a{display:block;width:100%;}
.main .solution_list .list .item .pic img{height:250px;object-fit: cover;}
.main .solution_list .list .item .txt{padding:20px}
.main .solution_list .list .item .txt h3{font-size:20px;font-weight: 500;color: #333;}
.main .solution_list .list .item .txt p{margin-top:8px;font-size:16px;font-weight: 400;color: #777;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height:22px;}
.main .solution_list .list .item .txt .btn{margin-top:40px;}
.main .solution_list .list .item .txt .btn span{font-size:16px;font-weight: 400;color: #0083ff;}
.main .solution_list .list .item .txt .btn img{width:16px;height:16px;}
.main .solution_list .list .item:hover{box-shadow: 0 4px 15px #00000012;}
.main .solution_content .title{padding:70px 0;font-size:36px;color:#222;text-align:center;font-weight:bold;}
.main .solution_content .info .pic{width:calc(100% - 400px)}
.main .solution_content .info .pic img{width:100%;height:450px;}
.main .solution_content .info .txt{width:400px;background:#313847;padding:80px 30px;height:450px;}
.main .solution_content .info .txt h3{font-size:22px;font-weight: 600;margin-bottom:25px;color: #fff;}
.main .solution_content .info .txt p{font-size:14px;line-height:26px;color:#fff;text-indent:2em;margin-bottom:10px;}
.main .solution_content .title{padding:70px 0;font-size:36px;color:#222;text-align:center;font-weight:bold;}
.main .pro_list .title{padding:90px 0 30px;}
.main .pro_list .title h2{font-size:36px;color:#222;text-align:center;font-weight:bold;}
.main .pro_list .title p{font-size:16px;line-height:28px;color:#333;margin-top:25px;}
.main .pro_content .index-title{margin:50px 0 0 0;}
.main .pro_content .body{padding:60px 0 0 0;max-width: 100%;margin: 0 auto;}
.main .pro_content .body table {width: 100%;border-collapse: collapse;border: 1px solid #e5e5e5;font-size: 14px;color: #666;text-align: center;}
.main .pro_content .body th,.main .pro_content .body td{border: 1px solid #e5e5e5;padding: 15px 20px;vertical-align: middle;}
.main .pro_content .body td:first-child {width: 20%;background-color: #F5F8FA;color: #666;border-right:1px solid #D8D8D8;font-weight: normal;}
.main .pro_content .pro_content_info{padding:90px 0;}
.main .pro_content .pro_content_info .pro_content_img{width:500px;}
.main .pro_content .pro_content_info .pro_content_img .gallery-top{width:100%;margin-bottom:30px;}
.main .pro_content .pro_content_info .pro_content_img .gallery-top .swiper-slide img{width:100%;}
.main .pro_content .pro_content_info .pro_content_img .gallery-thumbs .swiper-slide{border:1px solid #D8D8D8;width:90px;height:90px;;cursor: pointer;}
.main .pro_content .pro_content_info .pro_content_img .gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.main .pro_content .pro_content_info .pro_content_img .gallery-thumbs .swiper-slide:hover{border-color:#0083FF}
.main .pro_content .pro_content_info .pro_content_txt{width:calc(100% - 580px);}
.main .pro_content .pro_content_info .pro_content_txt h1{font-size:24px;font-weight:bold;color:#222;margin-bottom:50px;}
.main .pro_content .pro_content_info .pro_content_txt .txt p{font-size:16px;line-height:26px;position: relative;padding-left:20px;margin-bottom:15px;}
.main .pro_content .pro_content_info .pro_content_txt .txt p::after{width:8px;height:8px;background:#222;position: absolute;content:"";position: absolute;left:0;top:8px;border-radius:8px;}
.main .pro_content .pro_content_info .pro_content_txt .btn{margin:60px 0;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.zixun{width:250px;height:48px;background:#0083FF;text-align:center;display:flex;justify-content: center;align-items: center;font-size:16px;color:#fff;border-radius:8px;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.zixun:hover{border-radius:40px;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.jd{height:48px;padding:0 20px;border-radius:8px;border:1px solid #979797;display:flex;align-items: center;justify-content: center;gap:10px;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.jd img{width:40px;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.jd span{font-size:14px}
.main .pro_content .pro_content_info .pro_content_txt .btn a.jd:hover{border-color:#0083FF}
.main .pro_content .pro_content_info .pro_content_txt .app h3{font-size:32px;color:#222;margin-bottom:30px;}
.main .pro_content .pro_content_info .pro_content_txt .app ul{display:flex;align-items: center;}
.main .pro_content .pro_content_info .pro_content_txt .app ul li{display:flex;margin-right:30px;align-items: center;justify-content: center;flex-direction: column;text-align:center;}
.main .pro_content .pro_content_info .pro_content_txt .app ul li img{width:80px;}
.main .pro_content .pro_content_info .pro_content_txt .app ul li p{margin-top:10px;font-size:15px;color:#222;}

.hot-pro{position: relative;padding:25px 0 50px 0;}
.hot-pro .swiper-container{overflow: hidden;border-right:1px solid #DFE4E8;}
.hot-pro .swiper-slide{border-left:1px solid #DFE4E8;border-top:1px solid #DFE4E8;border-bottom:1px solid #DFE4E8;}
.hot-pro .swiper-slide a{display:block;width:100%;padding:1px;overflow: hidden;}
.hot-pro .swiper-slide .p{text-align:center;padding-bottom:15px;}
.swiper-prev,.swiper-next{transition-duration:.4s;display:flex;cursor: pointer;;align-items: center;justify-content: center;position: absolute;top:50%;transform: translateY(-50%);width:58px;height:58px;border-radius:58px;}
.swiper-prev{left:-85px;}
.swiper-next{right:-85px;}
.swiper-prev i{transition-duration:.4s;width:20px;height:20px;background:url(../images/left1.png) no-repeat center center;background-size: 100% 100%;display:block;}
.swiper-next i{transition-duration:.4s;width:20px;height:20px;background:url(../images/right1.png) no-repeat center center;background-size: 100% 100%;display:block;}
.swiper-next:hover{background:#0083FF !important;}
.swiper-next:hover i{background:url(../images/right2.png) no-repeat center center;background-size: 100% 100%;}
.swiper-prev:hover{background:#0083FF !important;}
.swiper-prev:hover i{background:url(../images/left2.png) no-repeat center center;background-size: 100% 100%;}

.cases_list{display:flex;flex-wrap: wrap;margin-top:40px;}
.cases_list .item{width:calc(100% / 4 - 30px);margin-right:40px;}
.cases_list .item:nth-child(4n){margin-right:0;}
.cases_list .item a{display:block;width:100%;position: relative;padding:60px 30px;}
.cases_list .item .bg{position: absolute;left:0;top:0;background:#F9F9FB;width:100%;height:100%;}
.cases_list .item .bg img{display:none;width:100%;height:100%;object-fit: cover;}
.cases_list .item .txt{position: relative;z-index:2;text-align:center;}
.cases_list .item .txt h3{font-size:24px;font-weight:bold;color:#333;}
.cases_list .item .txt p{font-size:15px;height:44px;line-height:22px;margin:20px 0 60px;color:#555;}
.cases_list .item .txt .icon img{width:90px;height:90px;margin:0 auto;}
.cases_list .item .txt .icon img:last-child{display:none;}
.cases_list .item:hover a{transform: translateY(-20px);}
.cases_list .item:hover .bg img{display:block;}
.cases_list .item:hover .txt .icon img:first-child{display:none;}
.cases_list .item:hover .txt .icon img:last-child{display:block;}
.cases_list .item:hover .txt h3{color:#fff;}
.cases_list .item:hover .txt p{color:#fff;}

.list-about-body{height:750px;background: url(../images/about_bg4.png) 50% 50% / cover;padding:100px 0;}
.list-about-body .title{margin-bottom:50px;display:flex;align-items: center;gap:10px;justify-content: center;}
.list-about-body .title h2{font-size:36px;color:#222;font-weight:bold;}
.list-about-body .body{padding:30px 0;font-size:16px;line-height:28px;color:#333;}
.list-about-body .body p{margin-bottom:30px;}
.list-about-advantage{padding:100px 0;background:#fff;}
.list-about-advantage h2{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:60px;}
.list-about-advantage .list .item{transition-duration:.4s;width:calc(100% / 4 - 30px);margin:0 40px 0 0;}
.list-about-advantage .list .item:nth-child(4n){margin-right:0;}
.list-about-advantage .list .item a{display:block;position: relative;width:100%;}
.list-about-advantage .list .item a .txt{transition-duration:.4s;padding:20px 30px;position: absolute;left:0;top:30%;background: #0000004d;}
.list-about-advantage .list .item a .txt h3{font-size:24px;color:#fff;font-weight:bold;margin-bottom:20px;}
.list-about-advantage .list .item a .txt p{font-size:16px;line-height:28px;height:84px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;color:#fff;}
.list-about-advantage .list .item:hover a{transform: translateY(-15px);}
.list-about-advantage .list .item:hover a .txt{top:20%}
.list-about-type{padding:80px 0;background:#F7F8FB;}
.list-about-type h2{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:60px;}
.list-about-type .list .item{width:calc(100% / 3 - 20px);margin:0 30px 0 0}
.list-about-type .list .item:nth-child(3n){margin-right:0}
.list-about-type .list .item a{display:block;width:100%;position: relative;}
.list-about-type .list .item .txt{position: absolute;left:0;top:0;text-align:center;width:100%;padding-top:80px;}
.list-about-type .list .item .txt h3{font-size:24px;font-weight:bold;margin-bottom:20px;color:#fff;}
.list-about-company{padding:100px 0;background: url(../images/about_bg3.png) 50% 50% / cover;}
.list-about-company .title{text-align:center;}
.list-about-company .title h2{font-size:36px;color:#222;font-weight:bold;}
.list-about-company .title h3{font-size:24px;font-weight:bold;color:#0083FF;margin-top:15px;}
.list-about-company .body{padding:40px 0;}
.list-about-company .body p{text-indent:2em;font-size:16px;line-height:28px;color:#333;margin-bottom:25px;}
.list-about-development{padding:140px 0 100px;height:610px;background: url(../images/about_bg2.png) 50% 50% / cover;overflow: hidden;}
.list-about-development h2{text-align:center;font-size:36px;color:#fff;font-weight:bold;margin-bottom:105px;}
.list-about-development .hot-development{position: relative;}
.list-about-development .swiper-container{overflow: hidden;}
.list-about-development .swiper-next,.list-about-development .swiper-prev{background:#FFFFFF}
.list-about-development .swiper-slide{width:100%;display:flex;align-items: center;justify-content: center;}
.list-about-development .swiper-slide .time{font-size:64px;margin-right:40px;;font-weight:bold;color:#fff;}
.list-about-development .swiper-slide .info{color:#fff}
.list-about-development .swiper-slide .info h3{font-size:20px;color:#fff;margin-bottom:25px;}
.list-about-development .swiper-slide .info p{font-size:15px;line-height:32px;color:#fff;}
.list-about-culture{padding:100px 0;background:#fff;}
.list-about-culture h2{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:55px;}
.list-about-culture .list{position: relative;}
.list-about-culture .list .line{width:800px;height:1px;background:#D8D8D8;position: absolute;left:200px;top:30px;content:"";}
.list-about-culture .list .item{width:calc(100% / 3);position: relative;z-index:2;display:flex;align-items: center;text-align:center;justify-content: center;flex-direction: column;}
.list-about-culture .list .item .icon img{width:60px;height:60px;margin:0 auto;}
.list-about-culture .list .item .icon img:last-child{display:none;}
.list-about-culture .list .item .txt h3{font-size:18px;color:#222;margin-top:15px;}
.list-about-culture .list .item .txt p{font-size:14px;color:#444;margin-top:10px;}
.list-about-culture .list .item:hover .icon img:first-child{display:none;}
.list-about-culture .list .item:hover .icon img:last-child{display:block;}
.list-about-culture .list .item:hover .txt h3{color:#0083FF;}
.list-about-culture .list .item:hover .txt p{color:#0083FF;}
.list-about-content{background: url(../images/about_bg3.png) 50% 50% / cover;padding:100px 0;}
.list-about-content h2{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:35px;}
.list-about-content .body{padding:30px 0;font-size:20px;line-height:34px;color:#333;text-indent:2em;}
.list-about-content .body p{margin-bottom:25px;}
.list-about-honor{padding:80px 0;}
.list-about-honor h2{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:55px;}
.list-about-honor .swiper-container{overflow: hidden;}
.list-about-honor .hot-honor{position:relative;}
.list-about-honor .swiper-slide .p{text-align:center;padding:30px 10px 0;font-size:15px;}

.index-title{text-align:center;font-size:36px;color:#222;font-weight:bold;margin-bottom:60px;}

.index-news{padding:80px 0 100px 0;}
.index-news .list .item{width:calc(100% / 4 - 20.25px);margin:0 27px 0 0;}
.index-news .list .item:nth-child(4n){margin-right:0;}
.index-news .list .item a{display:block}
.index-news .list .item .pic{width:100%;height:200px;border-radius:4px;}
.index-news .list .item .pic img{width:100%;height:100%;object-fit: cover;border-radius:4px;}
.index-news .list .item .txt{padding-top:15px;}
.index-news .list .item .txt .info{display:flex;justify-content:space-between;}
.index-news .list .item .txt .info span{font-size:14px;color:#666;}
.index-news .list .item .txt h3{margin-top:10px;font-size:16px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:28px;}
.index-news .list .item:hover .txt h3{color:#0083FF;}
.index-news .more{display:flex;margin:40px auto 0;width:100%;max-width:max-content;height:40px;border-radius:4px;background: linear-gradient(90deg, #0083ff, #0ec7d9);padding:10px 24px;cursor: pointer;color:#fff;align-items: center;justify-content: center;gap:5px;}
.index-news .more span{font-size:12px;font-weight:bold;}
.index-news .more img{width:20px;height:20px;}
.index-news .more:hover{border-radius:40px;}

.index-case{padding:100px 0 70px;}
.index-case .list .item{width:calc(100% / 3 - 24px);margin:0 36px 36px 0}
.index-case .list .item:nth-child(3n){margin-right:0;}
.index-case .list .item a{display:block;position: relative;}
.index-case .list .item .pic img{height:270px;}
.index-case .list .item .txt{position: absolute;left:30px;bottom:20px;z-index:1;}
.index-case .list .item .txt h3{color:#fff;font-size:22px;margin-bottom:10px;}
.index-case .list .item .txt p{color:#F5F5F5;font-size:14px;}
.index-case .list .item .btn{color:#F5F5F5;font-size:14px;position: absolute;right:20px;bottom:20px;}
.index-case .list .item:hover .btn{color:#0083FF;}

.index-pro{padding-top:100px;}
.index-pro .list .item{width:calc(100% / 4 - 19.5px);margin:0 26px 0 0}
.index-pro .list .item:nth-child(4n){margin-right:0;}
.index-pro .list .item a{display:block;padding:40px;;width:100%;height:370px;background: url(../images/index_bg1.png) 50% 50% / cover;}
.index-pro .list .item a h3{border-bottom: 1px solid #ffffff;padding-bottom:8px;font-size: 14px;font-weight: 400;color: #777;}
.index-pro .list .item a h2{font-size:30px;color:#333;margin:12px 0 24px;}
.index-pro .list .item a span{display:none;border-radius:4px;font-size:12px;margin-top:40px;color:#0083FF;width:90px;height:30px;border:1px solid #0083FF;align-items: center;justify-content: center;gap:5px;}
.index-pro .list .item a span img{width:16px;height:16px;}
.index-pro .list .item a:hover span{display:flex;}

.index_banner{position: relative;overflow: hidden;}
.index_banner .swiper-pagination{bottom:30px !important}
.index_banner .swiper-pagination .swiper-pagination-bullet{position: relative;;border-radius:4px;opacity:1;border-radius:0;width:60px;height:4px;background:#B7BCBC;}
.index_banner .swiper-pagination .swiper-pagination-bullet-active::after{width:100%;height:100%;content:"";position: absolute;left:0;bottom:0;border-radius:4px;background:#0083FF;animation: progress-fill 6s linear 1 forwards;}
@keyframes progress-fill {
    from {width: 0%;}
    to {width: 100%;}
}


.searchBar{transition-duration:.5s;position: fixed;top:-80px;opacity:0;z-index:998;left:0;width:100%;}
.searchBar .wrap{position: relative;display:flex;justify-content:flex-end}
.searchBar .form-group{width:400px;padding:25px;background:#F2EEEA;}
.searchBar .form-group .mask-close{position: absolute;right:0;top:50%;margin-top:-10px;}
.searchBar .form-group .mask-close img{width:20px;height:20px;}
.searchBar .form-group form{width:100%;display:flex;border-bottom:1px solid #212427;}
.searchBar .form-group form button{width:40px;height:40px;background:none;cursor: pointer;border:none;}
.searchBar .form-group form button img{width:25px;}
.searchBar .form-group form input{width:calc(100% - 40px);padding:0 15px;height:40px;color:#000;font-size:15px;}
.searchBar.on{top:60px;opacity:1;}
.wap_so_btn{right:60px;top:0;width:40px;position: absolute;z-index:2;height:60px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.wap_so_btn img{width:25px}


.whead{height: 60px;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;box-shadow: 0 0 15px rgba(0,0,0,.15);display: flex;align-items: center;padding: 0 15px;}
.waphd_height{width: 100%;height: 60px;}
.wlogo{display: inline-block;}
.wlogo img{display: block;border: 0;height: 36px;}
.waphdlg{display: inline-block;}
.waphdlg img{display: block;height: 30px;}
.whead i{display: block;width: 60px;height: 60px;background: url(../images/navicon.png) no-repeat center;background-size: 40%;color: #fff;text-align: center;line-height: 60px;font-size: 18px;position: absolute;right: 0;top: 0;z-index: 99999999;}
.whead i img{vertical-align: middle;margin-top: -3px;display: none;}
.wapnav{width: 240px;height: 100%;position: fixed;right: 0;top: 0;background: #fff;z-index: 9999;margin-right: -240px;transition: .5s;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.wapnava {padding: 0 0 15px 0;}
.wapnavtop{color: #fff;height: 60px;line-height: 60px;padding: 0 15px;border-bottom: 1px solid #eee;display: flex;align-items: center;}
.wapnavtop i{display: block;width: 60px;height: 60px;background: none;color: #222;text-align: center;line-height: 50px;font-size: 18px;position: absolute;background: url(../images/close.png) no-repeat center;background-size: 30%;right: 0;top: 0;z-index: 99999999;}
.wapprda i, .wapprda1 i {display: block;position: absolute;right: 15px;top: 0;height: 44px;line-height: 44px;transition: .25s;}
.wapprda_active i,.wapprda1_active i{transform:rotate(90deg);}
.wapnavtop i img{vertical-align: middle;margin-top: -3px;}
.wapnava p{display: block;}
.wapnava span{width: 100%;position: relative;display:block;}
.wapnava span i{position: absolute;right:5px;top: 0;height: 50px;display: flex;align-items: center;z-index: 9;width: 30px;justify-content: center;}
.wapnava span i img{height:16px;}
.wapprdai_active{transform:rotate(90deg);}
.wapnava a.wapprda{display: block;height: 50px;line-height: 48px;padding: 0 25px;color: #666;width: 100%;border-bottom: 1px solid #eee;font-size: 15px;}
.wpheadhide a{display: block;height: 48px;line-height: 46px;padding: 0 25px;color: #444;width: 100%;border-bottom: 1px solid #eee;}
.wapnava1{background: url(../images/navabg_06.png) no-repeat center;color: #E60012;text-align: center;border-bottom: 0 !important;margin-top: 10px;margin-bottom: 10px;}
.wapnavp1{text-align: center;font-weight: bold;}
.waphide,.waphides,.wpheadhide1,.wpheadhide,.head_wap,.top-tips,.head_pc{display: none;}
.wapprda,.wapprda1{position: relative;}
.wapprda i,.wapprda1 i{display: block;position: absolute;right: 15px;top: 0;}
.wapprda i img,.wapprda1 i img{height: 10px;}
.wpheadhide em{display: block;}
.wpheadhide a{font-size: 14px;padding-left: 30px;color: #666;}
.wpheadhide1 a{padding-left: 50px !important;background: #fff !important;color: #999;}
.waphides a{font-size: 12px;color: #666;display: block;height: 37px;line-height: 37px;border-bottom: 1px solid #aaa;padding: 0 30px;}
.wapclicka {background: url(../images/sj.jpg) no-repeat right center;}
.swiper-container-bn .swiper-button-next-bn,.swiper-container-bn .swiper-button-prev-bn{display: none;}
.wpnvbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;background: rgba(0,0,0,.7);opacity: 0;visibility: hidden;transition: .25s;}
.wpnvbg_active{opacity: 1;visibility: inherit;}
.wapnav_active{right: 0;top: 0;height: 100%;margin-right: 0;overflow-x: hidden;overflow-y: auto;}
a.wapprda.wapprda_active{font-weight: bold;}
.active-link{font-weight: bold;}
.waplga{padding: 0 15px;}
.waplga a{display: inline-block;width: 47%;height: 34px;background: #fff;color: #20A53A;line-height: 32px;font-size: 13px;border: 1px solid #20A53A;}
.waplga a.active{background: #20A53A;color: #fff;}
.waplga a.waplga_ac{display: block;margin: 0 auto;float: none;background: #fff;color: #20A53A;}

.info-title {display:inline-block;margin:50px 0;font-size:32px;color:#000;font-weight: 700;padding: 0 4px;position: relative;white-space: nowrap}
.info-title .icon:after,.info-title .icon:before {border-radius: 6px;left:10px;bottom:0;content: "";height:8px;position: absolute;width: 100%}
.info-title .icon:before {background-color:rgba(146,7,132,.1);left: 0}
.info-title .icon:after {background-color:rgba(146,7,132,.2);right: 0}
.company-philosophy .bd .info-card:nth-child(2n),.row-reverse{flex-direction: row-reverse;}
.info-card{box-shadow: 0 4px 20px rgba(0,0,0,.15);margin-bottom: 35px;position: relative;width: 100%;align-items: center;display: flex;justify-content: space-between;}
.info-card .info{max-width: 54%;padding:0 40px;}
.info-card .info .title{font-size: 26px;font-weight: 700;margin-bottom: 20px;color:#000;}
.info-card .info p{font-size: 16px;line-height: 32px;margin-bottom: 20px;}
.company-philosophy .bd .info-card:last-child{margin-bottom: 0;}
.company-philosophy .img {align-self: stretch;max-width: 50%;}
.company-philosophy .img picture img {height: 100%;-o-object-fit: cover;object-fit: cover;}
.honor ul {display: flex;flex-direction: column;padding-bottom:40px;}
.honor ul li {align-items: center;box-shadow: 0 4px 20px rgba(0,0,0,.15);display: flex;padding:12px 20px;margin-bottom: 20px;}
.honor ul li img {height: 64px;margin: 0 auto;width: 64px}
.honor ul li div{flex: 1;margin-left: 20px;}
.honor ul li .title {font-size: 20px;color:#000;}
.honor ul li .description {font-size: 16px;margin-top: 12px}

@media screen and (max-width:992px) {
.wrap{max-width:100%;}
.header,#sidenav_container{display:none !important}
.banner .p img{min-height:220px;object-fit: cover;}
.page-header{height:45px;padding:0 10px;}
.page-header .position a{font-size:12px;}
.page-header .return a span{font-size:12px;}
.page-header .position span{font-size:12px;}
.swiper-prev, .swiper-next{display:none !important}
.main{padding:20px 10px;}
.main .body img{height:auto !important}
.main .tabs_box{padding:0;min-height:40px;white-space: nowrap;overflow-x: auto; scrollbar-width: none;}
.main .tabs_box::-webkit-scrollbar {display: none;}
.main .tabs_box a{font-size:14px;margin:0 0 0 15px;}
.main .contact .title{padding:25px 0;font-size:24px;}
.main .contact .form .form_input .item{width:100%;margin-bottom:10px;}
.main .contact .form .item label{font-size:12px;margin-bottom:0;}
.main .contact .form p{font-size:15px;margin-top:15px;}
.main .contact .info .info_left{padding:25px;margin-bottom:15px;width:100%;}
.main .contact .info .info_right{width:100%;}
.main .contact .info .info_left h2{font-size:20px;margin-bottom:25px;}
.main .contact .info .info_left ul li{margin-bottom:15px;}
.main .contact .info .info_left ul li span{font-size:13px;}
.main .contact .info .info_left .wx .txt p{margin:10px 0;font-size:14px;}
.main .contact .info .info_left .wx img{margin-right:10px;}
.main .contact .body p{font-size:14px;line-height:24px;}
.main .contact .body .phone_btn{display:none;}
.main .body{padding-top:30px;}
.main .body p,.main .body span{font-size:14px !important;line-height:24px !important;margin-bottom:10px !important}
.main .job_box{padding-top:30px;}
.main .job_box .job_box_right{width:100%;margin-top:15px;}
.main .job_box .job_box_right .hr .info{padding:15px;}
.main .job_box .job_box_left{width:100%;}
.main .job_box .job_box_left .list .item{margin-bottom:15px;}
.main .job_box .job_box_left .list .item a{padding:15px;}
.main .job_box .job_box_left .list .item a h3{font-size:18px;font-weight:normal;margin-bottom:10px;line-height:24px;}
.main .job_box .job_box_left .list .item a .attr span{font-size:14px;}
.main .service .service_left{display:none;}
.main .service .service_right{min-height:auto;width:100%;}
.main .service .service_right .title{font-size:20px;padding:12px;}
.main .service .ask_list .t h3{font-size:14px;}
.main .service .ask_list .item .item_box{padding-left:10px;}
.main .service .ask_list .item .item_box .pitem .p{font-size:12px;line-height:20px;}
.main .news_list .list .item{margin-bottom:20px;}
.main .news_list .list .item a{display:block}
.main .news_list .list .item a .pic{width:100%;}
.main .news_list .list .item a .txt{width:100%;padding:15px 0 0 0}
.main .news_list .list .item a .txt h3{padding:0 0 12px 0;font-size:18px;}
.main .news_list .list .item a .txt p{font-size:14px;line-height:24px;}
.main .news_content .news_content_left{width:100%}
.main .news_content .news_content_left .info{padding:12px 0;gap:12px;}
.main .news_content .news_content_left .info span{font-size:13px;}
.main .news_content .news_content_left .body{padding:0 0 20px 0;}
.main .news_content .news_content_right{width:100%;margin-top:15px;}
.main .news_content .news_content_right .hot{display:block;position: static;padding:15px;}
.main .news_content .news_content_right .hot .sub a{margin-bottom:10px;font-size:14px;line-height:24px;}
.main .solution_list .list .item{width:100%;margin:0 0 15px 0;}
.main .solution_list .list .item .txt{padding:12px;}
.main .solution_list .list .item .txt p{font-size:14px;}
.main .solution_list .list .item .txt .btn{margin-top:20px;}
.main .solution_list .list .item .txt .btn span{font-size:14px;}
.main .solution_content .title{padding:30px 0 0 0;font-size:24px;}
.main .solution_content .info .pic{width:100%;padding-top:25px;}
.main .solution_content .info .pic img{height:auto !important}
.main .solution_content .info .txt{width:100%;height:auto;padding:30px;}
.main .pro_list .title{padding:20px 0;}
.main .pro_list .title h2{font-size:24px;}
.main .pro_content .pro_content_info{padding:30px 0;}
.main .pro_content .pro_content_info .pro_content_img{width:100%;}
.main .pro_content .pro_content_info .pro_content_txt{width:100%;}
.gallery-thumbs{display:none;}
.main .pro_content .pro_content_info .pro_content_txt h1{font-size:18px;margin-bottom:20px;}
.main .pro_content .pro_content_info .pro_content_txt .txt p{font-size:14px;line-height:24px;}
.main .pro_content .pro_content_info .pro_content_txt .btn{margin:30px 0;}
.main .pro_content .pro_content_info .pro_content_txt .btn a.jd{display:none;}
.main .pro_content .pro_content_info .pro_content_txt .app h3{font-size:24px;margin-bottom:15px;}
.main .pro_content .pro_content_info .pro_content_txt .app ul li{margin-right:15px;}
.main .pro_content .pro_content_info .pro_content_txt .app ul li p{margin-top:0;font-size:14px;}
.main .pro_content .body{padding-top:30px;}
.main .pro_content .index-title{margin-top:20px;}
.index-title{font-size:24px;}
.cases_list{flex-wrap:wrap;justify-content: space-between;}
.cases_list .item{width:49%;margin:0 0 15px 0 !important}
.cases_list .item a{padding:25px;}
.cases_list .item .txt p{margin:15px 0 30px;font-size:14px;height:40px;line-height:20px;}
.cases_list .item .txt .icon img{width:60px;height:60px;}
.footer{padding:30px 10px 60px;height:auto;}
.footer .footer_top .footer_top_left{display:none;}
.footer .footer_top .footer_top_right{padding:0;width:80%;margin:0 auto;}
.footer .footer_bottom{margin-top:20px;}
.footer .phone_btn{margin:20px auto 0;}
.footer .footer_top .footer_top_right .ico{padding-top:20px;}
.footer .footer_top .footer_top_right .qcode_box{display:none;}
.footer .footer_bottom{font-size:12px;line-height:1;}
.list-about-company{padding:40px 10px;}
.list-about-company .title h2{font-size:24px;}
.list-about-company .title h3{font-size:18px;}
.list-about-company .body{padding:20px 0 0 0;}
.list-about-company .body p{font-size:14px;line-height:24px;margin-bottom:12px;}
.list-about-development{height:auto;padding:40px 10px;}
.list-about-development h2{margin-bottom:30px;font-size:34px;}
.list-about-development .swiper-slide{display:block;}
.list-about-development .swiper-slide .time{font-size:40px;text-align:center;margin:0 0 15px 0;}
.list-about-development .swiper-slide .info h3{font-size:20px;margin-bottom:15px;text-align:center;}
.list-about-development .swiper-slide .info p{font-size:14px;line-height:24px;margin-bottom:0;text-align: center;}
.list-about-culture{padding:25px 10px;}
.list-about-culture .list .line{left:0;width:100%}
.list-about-culture .list .item .txt p{line-height:20px;font-size:12px;height:60px;}
.list-about-content{padding:30px 10px;}
.list-about-content .body{padding:20px 0;font-size:14px;line-height:24px;}
.list-about-content .body p{margin-bottom:12px;}
.list-about-honor{padding:30px 10px;}
.list-about-body{height:auto;padding:30px 10px;}
.list-about-body .title{margin-bottom:25px;}
.list-about-body .title h2{font-size:30px;}
.list-about-body .body{padding:20px 0;font-size:14px;line-height:24px;}
.list-about-body .body p{margin-bottom:12px;}
.list-about-advantage{padding:40px 10px;}
.list-about-advantage .list{justify-content: space-between;}
.list-about-advantage .list .item{width:49%;margin:0 0 25px 0;}
.list-about-advantage .list .item a .txt{top:0;height:100%;width:100%;padding:15px;}
.list-about-advantage .list .item a .txt h3{font-size:18px;margin-bottom:10px;}
.list-about-advantage .list .item a .txt p{font-size:14px;line-height:24px;}
.list-about-type{padding:30px 10px;}
.list-about-type .list .item{width:100%;margin:0 0 20px 0;}
.index_banner a .pic img{min-height:300px;object-fit: cover;}
.index_banner .swiper-pagination{bottom:10px !important}
.index-pro{padding:30px 10px 0 10px;}
.index-pro .list .item{width:100%;margin:0 0 20px 0;}
.index-pro .list .item a span{display:none !important}
.index-case{padding:30px 10px;}
.index-case .list{justify-content:space-between;}
.index-case .list .item{width:48%;margin:0 0 20px 0 !important;}
.index-case .list .item .btn{display:none;}
.index-case .list .item .txt{left:0;padding:10px;}
.index-case .list .item .pic img{height:200px;object-fit: cover;}
.index-news{padding:40px 10px;}
.index-news .list .item{width:100%;margin:0 0 20px 0;}
.head_wap{display:block;}
.info-card{flex-wrap:wrap;padding:0 15px;}
.info-card .info{max-width:100%;padding:20px 0;}
.company-philosophy .img{max-width:100%;}
.info-title{margin:25px 0;padding:0 15px;font-size:24px;}
.honor{padding:0 15px;}
}