.bg{background: #eff6ff}
.bg2{background: #e1efff}
.wrap{max-width: 1400px;margin: 0 auto;width: 100%}
.wrap1{max-width: 1400px;margin: 0 auto;width: 100%}
.header{left:0;top:0;width:100%;z-index:99;background:#fff}
.heder_top{height: 34px}

.langu,.welcome{color: #94AAC6}
.langu,.top_tel{padding-left: 30px}
.langu{background: url(../images/luang.png) no-repeat left center;margin-right: 20px}
.langu i{margin: 0 5px}
.top_tel{background: url(../images/top_tel.png) no-repeat left center;color: #F58200}
.heder_bottom{padding: 16px 0 14px 0}
.nav1 li{line-height: 48px;margin: 0 0.6vw}
.nav1 li a{display: block;font-size: 16px;position: relative}
.nav1 li a::after{position: absolute;content: "";left: 50%;transform: translateX(-50%);bottom: 0;height: 2px;background: #FF7800;width: 0;transition: 0.5s}
.search{margin-top: 9px;height: 35px;width: 150px;background: #F6F6F6;border-radius: 17px;margin-left: 10px}
.top_input{width: 190px;padding-left: 10px}
.top_input input{width: 100%;height: 30px;background: none}
.search_icon{display:none;margin-right:30px;margin-top:10px}
@media(min-width:1201px){
    .nav1 li.current a,.nav1 li a:hover{color: #FF7800}
    .nav1 li.current a::after,.nav1 li a:hover::after{width: 100%}
}
/* banner */
.banner1,.banner{padding-top:116px}
.indexbanner .swiper-slide a{display: block}
.indexbanner .con{left: 8%;top: 30%}
.indexbanner .con .t1{font-size: 60px;font-weight: bold;color: #fff}
.indexbanner .con .t2{color: #fff;font-size: 24px;line-height: 48px}
.indexbanner .con .more{margin-top: 120px;color: #fff;height: 41px;border-radius: 50px;width: 115px;line-height: 41px;border: 1px solid #fff;text-align: center;transition: 0.5s}
.indexbanner a:hover .more{background: #fff;color: #000}
.indexbanner .swiper-slide a img{width: 100%;height: auto;min-height: 100%;transition: 1s linear;transform: scale(1.1, 1.1);display: block}
.indexbanner .swiper-slide-active a img,.indexbanner .swiper-slide-duplicate-active a img{transition: 5s linear;transform: scale(1, 1)}
.indexbanner>.swiper-pagination{bottom: 20px !important}
.indexbanner>.swiper-pagination .swiper-pagination-bullet{height: 4px;width: 35px;background: #F8F8F8;border-radius: 0 !important}
.indexbanner>.swiper-pagination .swiper-pagination-bullet-active{background: #f58200}
/* 仪表成套安装 */
.title{text-align: center}
.title .t1{color: #0160AE;font-size: 40px;font-weight: bold}
.title .t2{color: #7D7D7D;font-size: 18px;font-family: Arial;color: rgba(125, 125, 125, 0.35);text-transform: uppercase;line-height: 36px}
.box{padding: 64px 0}
.box_list li{width: 24%;margin-top: 30px}
.bg1{background: #EBF4FF}
.box_content .icon{width: 147px;height: 147px;border-radius: 50%;background: #0160AE;left: 50%;transform: translateX(-50%);top: -70px}
.box_content .con{background: #fff;margin-top: 70px;padding: 90px 60px 0 60px;height: 170px}
.box_content .con{text-align: center}
.box_content .con .t1{color: #0160AE;font-size: 18px;font-family: Arial;font-weight: bold}
.box_content .con .t2{color: #363636;line-height: 30px;margin-top: 10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box1 a{display: block;width: 15.5%}
.box1 a .dx_case{overflow: hidden}
.box1 a .con{left: 50px;top: 30%;width: 80%;color: #fff;transition: 1s}
.box1 a .con .num1{font-size: 18px;font-weight: bold;padding-bottom: 50px;position: relative}
.box1 a .con .num1::after{position: absolute;left: 0;bottom: 30px;background: #fff;height: 3px;width: 20px;content: ""}
.box1 a .con .t1{font-size: 24px;margin-bottom: 30px}
.box1 a .con .t2{line-height: 24px;height: 48px;text-overflow: ellipsis;overflow: hidden;margin-bottom: 20px;display: none}
.box1 a .con .ckxq{width: 115px;height: 41px;line-height: 41px;text-align: center;background: #F58200;border-radius: 50px;margin-top: 20px;display: none}
.box1 a.current{width:25%;transition: 0.5s}
.box1 a.current .ckxq,.box1 a.current .t2{display: block;transition: 0.5s}
.bd{border-bottom: 1px solid #d2e6ff}
.more1{padding: 40px 0}
.more1 a{width: 87px;height: 35px;margin: 0 auto;display: block;color: #F58200;border: 1px solid #F58200;line-height: 35px;border-radius: 50px;text-align: center;transition: 0.5s}
.more1 a:hover{background: #F58200;color: #fff}
.pd{padding: 70px 0 40px 0}
.box2{padding-bottom: 62px}
.box2_item{width: 31%}
.newsbanner a{display: block}
.newsbanner .tu img{height: 295px;max-width: 100%;margin: 0 auto;object-fit: cover}
img{display: block}
.newsbanner .con{background: #fff;padding: 35px 30px 33px 30px}
.newsbanner .con .t1{color: #585858;font-size: 18px;height: 36px;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.newsbanner .con .data{padding-left: 22px;background: url(../images/icon_time.png) no-repeat left center;font-family: Arial, Helvetica, sans-serif;color: #656565;line-height: 26px;margin-top: 10px}
.newsbanner .con .t2{color: #626262;margin-top: 20px;line-height: 24px;height: 48px;overflow: hidden}
.newsbanner .con .more{color: #F58200;border-radius: 50px;border: 1px solid #F58200;height: 35px;line-height: 35px;width: 87px;text-align: center;margin-top: 43px;transition: 0.5s}
.newsbanner .con .more:hover{background: #F58200;color: #fff}
.newsbanner .swiper-button-prev:after,.newsbanner .swiper-button-next:after{font-size: 14px;color: #fff;background: rgba(0, 0, 0, 0.5);height: 36px;width: 36px;line-height: 36px;text-align: center}
.newsbanner .swiper-button-next{top: 276px;right: 3px}
.newsbanner .swiper-button-prev{top: 276px;right: 32px;left: auto}
.newsbanner .swiper-pagination{bottom: auto;top: 267px;font-size: 20px;width: 100px;right: 50px;left: auto}
.tit1 .t1{color: #4C4C4C;font-size: 24px;font-weight: bold;background: #eff6ff;z-index: 2}
.more2{z-index: 2}
.more2 a{width: 87px;height: 35px;border: 1px solid #F58200;color: #F58200;line-height: 35px;border-radius: 50px;text-align: center;display: block;transition: 0.5s;background: #eff6ff}
.more2 a:hover{background: #F58200;color: #FFF}
.tit1::after{position: absolute;width: 100%;height: 1px;background: #d2e6ff;content: "";left: 0;top: 18px}
.index_newslist li{padding: 33px 0 17px 0;border-bottom: 1px solid #d2e6ff}
.index_newslist li a{display: block}
.index_newslist li .data{width: 73px;height: 85px;text-align: center;background: #fff;color: #0160AE}
.index_newslist li .data .t1{font-size: 24px;font-weight: bold}
.index_newslist li .con{width: calc(100% - 87px)}
.index_newslist li .con .t1{color: #1F1F1F;font-size: 16px;font-weight: 400;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.index_newslist li .con .t2{line-height: 24px;height: 48px;overflow: hidden;color: #626262}
.index_newslist li a:hover .t1{color: #0160AE}
.hot_news{margin-top: 28px;height: 244px}
.hot_news img{height: 244px;object-fit: cover;width: 100%}
.hot_news .t1{height: 42px;width: calc(100% - 26px);padding: 0 13px;line-height: 42px;background: rgba(0, 0, 0, 0.5);left: 0;bottom: 0;color: #fff}
.box3{background: url(../images/bg4.png) no-repeat center top;background-size: 100% 100%;height: 928px}
.color{color: #fff !important}
.index_about{max-width: 1069px;width: 100%;margin: 0 auto;text-align: center;font-size: 16px;line-height: 30px;color: #fff}
.more_a a{border: 1px solid #fff;color: #fff}
.more_a a:hover{background: #fff;color: #000}
.box4{background: url(../images/bg5.jpg) no-repeat center top;padding-bottom: 20px}
.szhn{margin-top:30px;height: 217px;background: url(../images/bg3.jpg) no-repeat center top;width: 100%;font-weight: 400;color: #F58200;position:static !important;}
.szhn .num{font-size: 48px;font-family: Impact;margin-right: 10px;width: 95px}
.szhn p,.szhn .t1{font-size: 18px}
.szhn p{font-size: 18px;text-align:center}
.szhn li{width: 25%;border-right: 1px solid #ececec}
.gap_1{margin: 0 -15px}
.index_honer{padding-top:30px}
.index_honer li{width: 25%}
.index_honer li a{display: block;margin: 0 15px;overflow: hidden}
.index_honer li a img{height: 267px;max-width: 100%;object-fit: contain;margin: 0 auto}
.hover{height: 100%;background: url(../images/fd.png) no-repeat center center rgba(1, 96, 174, 0.7);width: 100%;left: 0;bottom: -267px;transition: 0.5s}
.hover .t1{font-size: 16px;text-align: center;color: #fff;padding-top: 170px}
.index_honer li a:hover .hover{bottom: 0;transition: 0.5s}
/* 底部 */
.footer{background: #3b3b3b}
.footer_top{padding: 46px 0}
.footer_nav{width: calc(100% - 630px)}
.footer_nav li{margin-right: 10px;width: 15%}
.footer_nav li:nth-child(5){width: 18%;margin-right: 10px}
.footer_nav h3{font-size: 16px;font-weight: bold;margin-bottom: 15px}
.footer_nav li a{display: block;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.footer_l{width: 500px}
.line{height: 234px;border-left: 1px dashed #fff;width: 10px}
.footer_lxwm p,.ewm p{font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 20px}
.footer_lxwm p{margin-bottom: 12px}
.ewm .tu{height: 164px;width: 164px}
.ewm .img{height: 164px;margin: a auto;object-fit: contain;max-width: 100%}
.footer_lxwm{color: #fff;line-height: 32px;width: 55%}
.f_tel{color: #f58200;font-size: 30px;font-weight: bold}
.f_address{background: url(../images/dz.png) no-repeat left 10px;padding-left: 25px;margin-top: 10px}
.f_tel1{background: url(../images/fax.png) no-repeat left 5px;padding-left: 25px}
.f_emlia{background: url(../images/yx.png) no-repeat left 10px;padding-left: 25px}
.footer .bq{text-align: center;padding: 25px 0;color: #fff;background: #323232}
.banner1{z-index: -1}
.banner1 .con{top: 40%;width: 100%}
.banner1 .t1{font-size: 60px;font-weight: bold;color: #fff}
.banner1 .t2{color: #fff;font-size: 24px;line-height: 48px}
.tab{height: 69px;background: rgba(1, 89, 170, 0.5);margin-top: -69px}
.tab_box a{font-size: 16px;line-height: 69px;color: #fff;font-weight: bold;padding: 0 15px;display: block;margin-right: 10px}
.tab_box a:hover,.tab_box a.current{background: #fff;border-top: 2px solid #ff7800;color: #ff7800;height: 67px}
.dqwz{background: url(../images/dqzz_03.png) no-repeat left center;padding-left: 32px;color: #fff}
.dqwz a:hover{color: #fff}
.pd67{padding-top: 67px}
.jdal{padding-bottom: 40px}
.case_box .t1{height: 74px;background: url(../images/jh.png)no-repeat 98% center #d7e7f7;color: #fff;line-height: 74px;padding: 0 30px;font-size: 18px;font-weight: bold;color: #0160ae;margin-bottom: 23px}
.gap_2{margin: 0;}
.gap_2 li{width: 23.5%;background: #fff;margin: 0 2% 26px 0;}
.gap_2 li:nth-child(4n){margin-right:0;}
.gap_2 a{display: block;}
.case_box1{display: none}
.case_list .t2{padding: 20px 30px;font-size: 16px;line-height: 30px}
.case_list .t2 p:first-child{color: #0160ae}
.case_box.current .t1{background: url(../images/jh_atv.png) no-repeat 98% center #0160ae;color: #fff}
.case_box.current .case_box1{display: block}
.plan{padding-bottom: 55px}
.plan_list a{background: #fff}
.plan_list .tu{width: calc(100% - 478px)}
.plan_list .tu img{height: 372px;width: 100%;object-fit: cover}
.plan_list .con{width: 360px;padding-right: 58px}
.plan_list .con .t1{font-size: 24px;color: #0160ae;font-weight: bold;padding-bottom: 30px}
.plan_list .con .t1::after{background: #0160ae;height: 2px;position: absolute;left: 0;bottom: 15px;width: 51px;content: ""}
.plan_list .con .t2{color: #575757;line-height: 30px}
.plan_list .con .jt{margin-top: 30px}
.plan_list li{margin-bottom: 55px}
.plan_list li:nth-child(2n) a{flex-direction: row-reverse}
.plan_list li:nth-child(2n) .con{padding: 0 0 0 58px}
.contact{background: #eff6ff}
.box5{width: 50%}
.pt80{padding-top: 80px}
.map{width: 100%;height: 801px}
.box5_con{color: #222;width: 448px;margin: 0 auto 50px auto}
.box5_con .t1{font-size: 30px;margin-bottom: 15px}
.box5_con .t2{line-height: 36px;font-size: 16px}
.gzh .tu{width: 116px;height: 116px;margin-top: 15px}
.gzh .tu img{height: 116px;width: 100%;margin: 0 auto;object-fit: contain}
.gzh p{width: 116px;text-align: center;line-height: 36px}
.message{max-width: 1240px;margin: 0 auto;width: 100%;padding: 80px 0;text-align: center}
.message .t1{color: #313131;font-size: 45px;margin-bottom: 10px}
.message_bd{padding-top: 40px}
.message_bd .input{padding-left: 18px;height: 36px;background: #fff;width: 21%;margin-bottom: 21px}
.message_bd input{background: none;width: 98%;height: 33px}
.message_bd .input:nth-child(6),.message_bd .input:nth-child(5){width: calc(100% - 18px)}
.message_bd .input:nth-child(5) input{width: 100%}
.message_bd .input:nth-child(6){height: 120px;padding-top: 10px}
.message_bd textarea{height: 115px;width:92%}
.message button{width: 172px;height: 36px;color: #fff;background: #204f9e}
.qywb{background: #eff6ff;padding-bottom: 50px}
.qywb img{margin: 0 auto;max-width: 100%;object-fit: contain}
.join_top{padding: 98px 0 77px 0}
.join_top .tu1{width: 46%}
.join_top .tu1 img{height: 444px;width: 100%;object-fit: cover;display: block}
.join_top .con{width: 51%}
.join_top .con .t1{font-size: 45px;color: #313131;margin-bottom: 10px}
.join_top .con .t2{font-size: 18px;line-height: 36px;font-weight: bold}
.color_b{color: #0160ae}
.zsns{padding: 40px 0;text-align: center;font-weight: bold;font-size: 45px}
.join_list{margin: 0 -21px}
.join_list li{width: 33.3333%}
.join_list li a{margin: 0 21px 42px 21px;display: block;height: 228px;background: #fff}
.join_list .con{padding: 30px 30px 25px 30px}
.join_list .con{line-height: 24px;color: #292828}
.join_list .con::after{position: absolute;content: "";width: 0;background: #1f509c;height: 3px;left: 0;top: 0;transition: 0.5s}
.join_list .con .t1{font-size: 16px}
.join_list .con .t1 p:last-child{font-size: 14px;color: #7b7b7b;margin-left: 20px}
.join_list .con .t2{height: 48px;overflow: hidden;margin-top: 10px;font-size: 14px}
.join_list .con .t3{margin-top: 10px;font-size: 16px;background: url(../images/wz.jpg) no-repeat left center;padding-left: 20px;color: #7b7b7b}
.fbsj{color: #7b7b7b;text-align: center;border-top: 1px solid #eaf1ff;line-height: 60px}
.join_list a:hover .con::after{width: 100%}
.join_list a:hover .t1 p:first-child{color: #1f509c}
.fbsj P:last-child{margin-left: 20px}
.none2{display: none}
.showall a{width: 200px;height: 54px;margin: 0 auto;color: #1f509c;background: #ffffff;line-height: 54px;text-align: center;border-radius: 50px;display: block;font-size: 16px}
.showall a:hover{background: #0160ae;color: #fff}
.honor_list{padding: 48px 0;margin: 0 -19px}
.honor_list li{width: 25%}
.honor_list li a{margin: 0 19px;display: block;border-radius: 10px}
.honor_list .tu{height: 300px;padding: 10px;background: #fff}
.honor_list .tu img{max-width: 100%;margin: 0 auto;object-fit: contain;height:90%}
.hover1{bottom: -320px;border-radius: 10px}
.honor_list a:hover .hover1{bottom: 0}
.honor_list p{text-align: center;padding: 15px 0;color: #4e4e4e;font-size: 16px}
.news{padding: 72px 0 47px 0}
.news_box{width: 32%;margin-right: 40px}
.news_box:last-child{margin-right: 0}
.news_box .tu{height: 213px}
.news_box .tu img{height: 213px;width: 100%;object-fit: cover}
.news_box .con{padding: 30px 30px 50px 30px;background: #fff;line-height: 24px}
.news_box .con .t1{font-size: 18px;color: #000;font-weight: bold;height: 48px}
.news_box .time{color: #656565;font-weight: bold;margin: 10px 0}
.news_box .con .t2{color: #626262}
.news_box .con::after{position: absolute;content: "";width: 0;background: #1f509c;height: 3px;left: 0;bottom: 0;transition: 0.5s}
.news_box a:hover .con:after{width: 100%}
.news_box a:hover .t1{color: #1f4f9d}
.news_list li{background: #fff;padding: 35px 26px;margin-bottom: 23px}
.news_list .time{width: 108px;height: 108px;background: #1f4f9d;color: #fff;text-align: center;font-weight: bold}
.news_list .time p:first-child{font-size: 24px}
.news_list .con{width: calc(100% - 173px)}
.news_list .con1{width: calc(100% - 185px)}
.news_list .con1 .t1{font-size: 18px;color: #000;font-weight: bold;padding: 12px 0}
.news_list .con1 .t2{color: #626262;line-height: 24px}
.news_list .add{width: 185px;transition: 0.5s}
.news_list a:hover .t1{color: #0160ae}
.news_list a:hover .add{transform: scale(1.1)}
.box6{padding: 43px 0}
.news_details{border-top: 5px solid #1f4f9d;background: #fff;padding: 0 30px}
.details_top{text-align: center}
.details_top{padding: 30px 0;border-bottom: 1px solid #e1e1e1;color: #9f9f9f}
.details_top .t1{color: #0e0e0e;font-size: 30px;font-weight: bold;margin-bottom: 20px}
.details_top .time{margin-bottom: 15px}
.details_con{max-width: 1100px;width: 100%;margin: 0 auto;padding: 40px 0;line-height: 30px !important}
.details_con img{margin: 0 auto;height: auto;max-width: 100%;object-fit: contain}
.details_btn{border-top: 1px solid #e1e1e1}
.returnList a{display: block;width: 103px;height: 47px;background: url(../images/icoimg-return.png) no-repeat 30px center #2B52A3;line-height: 47px;border-radius: 10px;padding-left: 60px;color: #fff;margin: 10px auto}
.returnList a:hover{color: #fff}
.left a{display: block}
.about{padding: 62px 0;max-height: 100%;line-height: 36px;font-size: 16px}
.about img{max-width: 100%}
.about p{margin-bottom: 35px}
.m_header{display:none}
.m_search{position:absolute;top:70px;left:0;width:98%;display:none}
.banner1 img{width:100%}
.bod{border-radius:10px}


.list_kw li{width:49.3%;margin-bottom:28px}
.list_kw li a{width:100%;padding:30px;background:#fff;height:65px;}
.list_kw .t1{padding-left:30px;color:#000; font-weight:bold}
.dowlaod{height:60px;width:60px;background:url(../images/dowlaod.png) no-repeat center center #1f4f9d;border-radius:50%}
.kw_left{width:calc(100% - 80px);}

@media(max-width:1650px){
    .wrap{max-width:96%}

}
@media(max-width:1400px){
    .wrap1{max-width:96%}
}
@media(max-width:1570px){
    
}
@media(max-width:1200px){
    .box1 a .icon,.pcNav{display:none;}
    .box1 a .ckxq,.box1 a .con .t2,.m_header{display:block !important}
    .banner,.banner1{padding-top:70px}
    .indexbanner .con .t1{font-size:30px}
    .indexbanner .con .t2{font-size:18px}
    .title .t1{font-size:24px}
    .title .t2{font-size:14px}
    .indexbanner .con .more{margin-top:10px}
    .box{padding:20px 0} 
    .box_content .con{padding:56px 20px 0 20px}
    .box_content .icon{width:110px;height:110px}
    .box_content .icon img{height:50px}
    .pd{padding:20px 0;}
    .box1 a{width:100%;margin-bottom:40px}
    .box1{flex-wrap:wrap}
    .box1 a.current{width:100%;}
    .box1 a .dx_case img{width:100%;height:400px;object-fit:cover;}
    .box1 a .con{position:static;color:#000;padding:20px;}
    .box1 a .con .t1{margin-bottom:15px}
    .box1 a .ckxq{color:#fff}
    .box1 a{display:flex}
    .box1 a:nth-child(2n){flex-direction: row-reverse;}
    .box1 a .dx_case{width:50%}
    .box1 a .con{width:calc(50% - 40px)}
    .box1 a .con .num1::after{background:#000;}
    .szhn .num{font-size:30px;width:60px}
    .szhn p{font-size:14px}
    .footer_top{display:none !important}
    .banner1 .t1 {font-size:24px}
    .tab{display:none}
    .main-nav-m{display:block !important}
    .box6{padding:20px 0;}
    .details_top .t1{font-size:18px}
    .honor_list .tu{height:240px}
    .join_top{padding:18px 0;}
    .message{max-width:96%}
    .box5_con .t1,.message .t1{font-size:24px}
    .plan{padding:30px 0;}
    .plan_list li{margin-bottom:24px}
    .jdal{padding:20px 0;}
    .case_box .t1{height:56px;line-height:56px}
}


@media(max-width:1000px){
    .box_list {flex-wrap:wrap}
    .box_list li{width:100%}
    .box_content .con{height:auto;padding-bottom:56px}
    .box1 a{flex-wrap:wrap}
    .box1 a .dx_case{width:100%}
    .box1 a .con{width:calc(100% - 40px)}
    .box1 a .dx_case img{height:auto;}
    .box2{flex-wrap:wrap} 
    .box2_item{width:100%;margin-bottom:20px}
    .newsbanner .tu img{width:100%;}
    .szhn{flex-wrap:wrap;position:static !important;background:none}
    .szhn li{width:50%;border-right:none;justify-content: start;}
    .index_honer{padding-top:12px;flex-wrap:wrap}
    .index_honer li{width:50%}
    .indexbanner .swiper-slide a img{height:300px;object-fit:cover;}
    .indexbanner .swiper-slide-active a img, .indexbanner .swiper-slide-duplicate-active a img{height:300px}
    .box2{padding-bottom:0px}
    .gap_1{margin:0 -5px;}
    .index_honer li a{margin:0 5px}
    .index_honer li a img{height:200px}
    .news{flex-wrap:wrap;padding-top:15px;padding-bottom: 0;}
    .news_box{margin:0;width:100%;margin-bottom:10px}
    .news_box .con{padding:20px}
    .news_list .con{width:calc(100% - 127px)}
    .news_list li{padding:20px}
    .news_list .add{display:none}
    .news_list .con1{width:100%;}
    .honor_list{margin:0 -5px}
    .honor_list a{margin:0 5px !important}
    .honor_list li{width:33.333%}
    .contact,.join_top{flex-direction:column}
    .join_top .con{padding:20px;width:calc(100% - 40px)}
    .join_top .con .t1{font-size:30px}
    .zsns{font-size:24px}
    .join_list li a,.join_list{margin:0;height:auto}
    .join_list li{margin-bottom:10px}
    .showall a{margin-top:30px}
    .join_list .con{padding:15px}
    .pt80{padding-top:25px}
    .plan_list .tu,.join_top .tu1,.join_list li,.box5,.plan_list .con{width:100%}
    .box5_con{width:96%;margin-bottom:20px}
    .message_bd .input{width:100%;margin-bottom:12px}
    .message{padding:30px 0;}
    .message button{margin-top:25px}
    .plan_list li:nth-child(2n) .con,.plan_list .con{padding:20px}
    .gap_2 a,.plan_list .tu img{height:auto}
    .gap_2 li{width:50%}
    .gap_2 li{width:100%}
    .case_box .t1,.gap_2 a{margin-bottom:10px}

    .list_kw li{width:100%;margin-bottom:15px}
    .list_kw li a{padding:20px;height:auto}
}
@media(max-width:480px){
    .index_honer li a img{height:auto}
    .index_honer li{width:100%;margin-bottom:12px}
    .index_honer li a,.gap_1{margin:0;}
    .logo img{height:33px}
    .indexbanner .con{top:15%;left:4%}
    .indexbanner .con .t1{font-size:24px}
    .indexbanner .con .more{line-height:34px;height:34px;width:86px}
    .box1 a .con .t1{font-size:20px}
    .more1{padding-top:0;}
    .szhn{height:auto;}
    .szhn li{width:38%;padding:15px;}
    .index_about{padding-bottom:50px}
    .details_con{flex-direction:column}
    .returnList{margin-top:10px}
    .details_con{padding:20px 0;}
    .banner1 img{height:200px;object-fit:cover}
    .about img{margin-bottom:20px !important;max-width:100%}
    .about{padding-top:15px;}
    .news_list .time{height:80px;width:80px}
    .news_list .con{width:calc(100% - 99px);}
    .news_list .con1 .t1{padding:0;}
    .news_list .time p:first-child{font-size:18px}
    .news_list li{margin-bottom:8px}
    .honor_list li{width:50%}
    .honor_list .tu{height:150px}
    .honor_list{padding:15px 0;}
    .plan_list .con .t1{font-size:18px}
    .plan_list li:last-child{margin:0;}
    .szhn .num{font-size:24px}
    .tit1 .t1{font-size:18px}
    .tit1::after{top:14px}
    .more2 a{width:60px;height:28px;line-height:28px;}
    .box1 a{margin-bottom:0;}
   
    
}