/* 手机 */
.m_sfq_box{flex-wrap: wrap}
.m_sfq{color: #000;margin-top: 10px;display: none}
.king01{padding: 40px;line-height: 36px;background: #f8f8f8;margin-bottom: 10px}
.king_h401{font-size: 18px;font-weight: bold}
.king_h501{font-size: 16px}
.m_gap12{margin: 0 -8px}
.m_gap12>.col{padding: 0 8px}
.m_gap12>.col{width: 100%}

/* 手机 */
.banner img{width: 100%;height: 100%}
.al_list .slick-prev{background: url(../images/pre.png) no-repeat left;height: 77px;width: 36px;left: -50px;top: 50%}
.al_list .slick-next{background: url(../images/next.png) no-repeat left;height: 77px;width: 36px;right: -40px;top: 50%}
.news_imgage{height: 216px}
.news_imgage img{width: 100%;height: 100%}
.news_img{width: 30%;height: 218px;overflow: hidden}
.news_img img{width: 100%;height: 100%}
.new_content{width: 70%;max-height: 218px}
.new_text{height: 62px;overflow: hidden}
.case_show_box_img img{width: 100%;height: 100%}
.pc_al>.col01{width: 25%}
.pc_al>.col02{width: 75%}
input{-webkit-user-select: text;-ms-user-select: text;user-select: text;-webkit-appearance: none;font-size: 1em;line-height: 1.5em;list-style: none}
input{outline: none;border: none;background: none}
.m_case_pohe{display: none}
.m_poho_list li a{display: inline-block;color: #fff;width: 100%}
/* index */
.gap-1{margin-left: -9px !important;margin-right: -9px !important}
.gap-1>.col{padding: 0 8px}
.layout-flex{-ms-flex-wrap: wrap;flex-wrap: wrap}
.index_product img{width: 100%;height: 100%}
.fw_list{padding-bottom: 20px}
.space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.gap-8{margin-left: -8px !important;margin-right: -8px !important}
.pd_bottom{padding-bottom: 0.5rem}
.mg_bottom{margin-bottom: 0.3rem}
.gap-8 >.col{padding: 0 8px; margin-bottom:20px}

.col-2>.col{width: 50%}
.mt-20{margin-top: 15px}
.col-7>.col{width: 14.2857%}
.mt-30{margin-top: 30px}
.col-4>.col,
.pad-col-4>.col{width: 25%}
.align-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.col-3>.col,
.pad-col-3>.col{width: 33.333%}
.fw{background: #edf7fd;padding-top: 50px}
.fw .swiper-pagination-bullet{height: 20px;width: 20px;line-height: 20px;color: #fff}
.fw .swiper-pagination-bullet-active{color: #000;background: #99d8f5}
.fwkh{padding-bottom: 10px}
.fw_tit{font-size: 0.4rem}
.font_w{font-weight: bold}
/* 轮播图 */
.title{padding-top: 0.6rem;text-align: center}
.h2{font-size: 48px;color: #00a0e9}
.tit{padding: 0.1rem 0 0.4rem 0;color: #747474;font-size: 16px}
.img-scale{overflow: hidden}
.more{color: #b0b0b0;padding-bottom: 0.2rem}
.mg_1{margin-bottom: 5px}
.home-cases{margin-top: 76px;background: url(../images/home-case-bg.jpg) no-repeat center top;background-size: 100% 100%}
.cases{display: flex;padding:80px 0;margin:0 auto;width:88%}
.case-l{width:465px}
.case-r{width:calc(100% - 600px)}
.case_tit{color: #fff;font-size:48px;font-weight: bold}


.mg_padding{padding-left: 0.3rem}
.mg_padding1{padding-bottom: 0.6rem}
.case-text{font-size:18px;padding: 20px 0; color: #fff}
.btn{height:40px;width: 120px;text-align: center;border: 1px solid #fff;line-height:40px;color: #fff;margin-top:50px}
.poster-item-tit{color: #fff;line-height: 36px;text-align: center;position: absolute;bottom: 8px;width: 100%;background-color: rgba(0, 0, 0, 0.4);height: 36px}
.datalis_imga{display: flex;justify-content: center;padding-bottom: 20px}
.xw{margin: 0 10px !important}
.xw>.col{width: 33.3333333%;padding-right: 10px}
.mg_bottom1{padding-bottom: 60px}
.caes_list{background: #fff;padding: 20px;margin-right: 10px}

.case_margin{margin-right: 0.1rem}
.case_tilte{font-size:18px;font-weight: bold;margin:10px 0; height:36px;overflow:hidden; line-height:36px}
.case_content{font-size:16px;color: #7f7f7f;height:95px;overflow:hidden}
.more-1{margin-top: 0.3rem}
.case-img{margin-top: 10px}
.case-img img{height: 100%;width: 100%}
.case-img img{height: 150px;width:100%;object-fit:cover;}
/* 产品中心 */
.gap_01{margin-left: -8px !important;margin-right: -8px !important}
.gap_01 .col{margin: 0 8px; margin-bottom:20px}
.product_list{width: calc(100% - 290px)}

.product_img{padding: 8px}

.pro_img{width: 80px;text-align: center;padding-top: 15px}

.m-top{padding-top: 60px}
.gap-2{margin-left: 20px}
.sub_icon{background: url(../images/xbt.png) no-repeat 0 15px;padding-left: 80px}

.sub_list{padding-top: 10px}
.sub_list li a{display: block;line-height: 60px;font-size: 16px}
.sol_img{overflow: hidden}
.sub_list li .cur{color: #00a0e9}
.sub_item_li{display: none}
.sub_item_li li a{background: url(../images/inco_d_03.png) no-repeat 40px center;padding-left: 60px;font-size: 14px;line-height: 45px}
.product_box{border: 1px solid #dddddd}




.product_box_tit{line-height: 0.4rem;font-weight: bold;font-size: 0.18rem}
.product_box_txt {

  padding: 0 0.25rem;color: #333333}
.product_box_btn a{width: 100px;height: 40px;background: #7f7f7f;line-height: 40px;border-radius: 10px;color: #fff;margin: 0.2rem auto}
.product_box_btn a:hover{color: #fff;background: #00A0E9}
/* 关于我们 */
.about_tab ul{display: flex;justify-content: center}
.about_tab ul li a{display: block;padding: 0 40px;font-size: 18px;line-height: 50px;font-weight: bold}

.about_tab ul li a:hover,
.cur_a a{background: #00a0e9;color: #fff}
.tab_box .item{display: none}
.tab_box .show{display: block}
.about_box{padding-top: 0.2rem;margin-bottom: 20px}
.item{display: block}
.about_us{width: 75%;margin-right: 0.1rem}
.about_us_tit{font-size: 28px;color: #00a0e9}
.about_txt{line-height: 35px;font-size: 16px;padding-top: 20px}
.about_tit{text-align: center;padding-bottom: 0.3rem}
.about_h3{font-size: 24px;font-weight: bold;line-height: 80px}
.about_h4{line-height: 30px;color: #010101;font-size: 18px;padding: 0 30px}
.about_hy{padding: 0.2rem 0}
/* 关于我们 - 行业地位 */
.about_icom_img{height: 1.4rem;width: 2rem;margin: 0 auto}
.about_icom_img img{width: 100%;height: 100%}
.about_icon a{display: block;background: #f6f6f6;border-radius: 10px;padding: 0.4rem 0 0.6rem 0;position: relative}
.a_tit{padding: 0.1rem 0 0.15rem 0;font-size: 0.24rem;font-weight: bold;height: 0.6rem}
.a_txt{font-size: 0.18rem}
.a_hover{background: #00a0e9;padding: 0.4rem 0 0.6rem 0;border-radius: 10px;position: absolute;top: 0;width: 100%;color: #fff;display: none}
.about_icon a:hover .a_hover{display: block;color: #fff}
.a_hover_tit{font-size: 0.32rem}
.a_hover_txt{font-size: 0.18rem}
.video{background: #000;padding: 0.3rem}
.pd{padding: 0 0.15rem 0.15rem 0.15rem}
.about_imga{position: relative;font-size: 16px}

.pd_1{margin: 10px}
.about_imga img{width: 100%}
.about_imga div{position: absolute;bottom: 30px;text-align: center;color: #fff;width: 100%}
.about_imga_box{padding-bottom: 50px}
.culture{background: url(../images/culture-bg.jpg) no-repeat left top;padding: 20px 0}
.culture_img{padding: 20px 0 0.40px 0}
.postion{position: relative}
.culture_img_box{display: block;width: 2.85rem;height: 3.69rem;margin: 0 auto;border-radius: 20px;overflow: hidden}

.qy_name{position: absolute;width: 100%;bottom: 0.8rem;font-size: 0.24rem;font-weight: bold;color: #fff}
.culture_tit{text-align: center;line-height: 80px;font-size: 27px;font-weight: bold}
.qywh{display: none;width: 2.85rem;height: 3.69rem;background: #00a0e9;position: absolute;top: 0;border-radius: 0.15rem;color: #fff;text-align: center;font-weight: bold}
.qywh_img{height: 1rem;width: 1rem;margin: 0.6rem auto 0 auto}
.qywh_img img{width: 100%;height: 100%}
.qywh_tit{font-size: 0.24rem;padding: 0.2rem 0}
.qywh_txt{font-size: 0.18rem}
.culture_img_box:hover .qywh{display: block}
.honor{background: url(../images/honour-bg.jpg) no-repeat left top}

.honor_tit{text-align: center;font-size: 24px;font-weight: bold;color: #fff;padding: 0.3rem 0}
.khsr{background: #00a0e9;text-align: center}
.khsr_tit{color: #fff;text-align: center;font-size: 24px;padding-top: 40px}


.gap_12,
.gap_8{margin-left: -8px !important;margin-right: -8px !important}
.gap_12>.col,
.gap_8>.col{padding: 0 8px}
.rczp_box{background: #f6f6f6;padding: 0.5rem 0 0.4rem 0;text-align: center;height: 387px}

.rc_tit{font-size: 18px;font-weight: bold;color: #333;padding: 0.5rem 0 0.3rem 0}
.add{font-size: 18px;color: #333;padding-top: 0.3rem}
.rc_txt{color: #696969;line-height: 25px}
.rc_more{background: #00a0e9;text-align: center;color: #fff;padding: 15px 0;margin-bottom: 10px}
.lxwm,
.swhz{text-align: center;padding: 0.5rem}
.lxwm{background: #f6f6f6}
.lxwm_tit{font-weight: bold;font-size: 24px;padding-bottom: 15px}
.lxwm_txt{font-size: 18px;line-height: 35px}
.mg_3{margin-top: 30px}
/* 案例详情 */
.case_details_tit{padding: 0.30rem;background: #f5f5f5;text-align: center}
.time{line-height: 30px}
.news_name{color: #00a0e9;font-size: 24px;font-weight: bold}
.case_details_txt{padding: 20px 0}
.case_details_txt img{width: 100%}
.case_details_txt div{line-height: 40px;font-size: 16px;color: #666666}
.switch a{padding: 0.4rem;background: #f5f5f5;font-size: 16px;display: block;margin-right: 10px}
.switch a span{font-weight: bold;color: #666}
.case_details_btn a{display: block;width: 140px;text-align: center;background: url(../images/icoimg-return.png) no-repeat 25px center #00a0e9;color: #fff;line-height: 40px;padding-left: 20px;margin: 30px auto 0 auto}
.case_details_btn a:hover{color: #fff}
/* 最新资讯*/
.news{display: flex;justify-content: space-between;}
.list{width: calc(100% - 450px)}
.list li{height:171px;margin-bottom:10px;background: #f5f5f5}
.list li a{display:flex;justify-content: space-between;}
.date{height:171px;width:171px;background: #e7e7e7}
.day{font-size:60px;text-align: center;padding:30px}
.year{text-align: center;font-size:18px}
.news_list{padding:30px;width: calc(100% - 171px);}
.news_title{font-size:18px;font-weight: bold;padding: 10px}
.news_txt{line-height:24px;height:48px;padding: 0 10px;color: #7f7f7f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-break: break-word;font-size:16px}
.new_hot{position: relative;height: 533px;text-align:center}
.new_hot img{width: 100%;height: 533px;object-fit: cover;}
.hot{position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);height:60px;width: 100%;color: #fff;font-weight: bold;padding-left:10px;line-height:60px}
/* 产品详情页 */
.details_tit{height: 0.8rem;color: #fff;font-weight: bold;font-size: 0.18rem;line-height: 0.8rem}
.product_details{background: #333333;padding-bottom: 0.7rem}
.details_img{display: flex;justify-content: space-between}
.mg{margin-right: 0.1rem}
.mg_1{margin-bottom: 0.2rem}
.mg_2{margin-bottom: 0.4rem}
.mg_left{margin-right: 10px}
/* 解决方案 */
.sol_list{background: #f5f5f5;padding-bottom: 10px}
.sol_tit{font-size: 18px;font-weight: bold;text-align: center;padding-top: 20px}
.sol_txt{color: #666666;padding: 0.2rem}
/* 技术支持 */
.m_contact{display: none}
.m_contact_tit{font-weight: bold;font-size: 20px}
.m_contact_box{background: #f6f6f6;padding: 15px}
.m_contact_tite{padding-left: 20px;font-size: 18px;line-height: 36px;color: #00a0e9;font-weight: bold}
.pdi_tit-margin{padding: 0 30px}
.jszc_tit{text-align: center;font-weight: bold;font-size: 24px;padding: 30px 0 10px 0}
.jszc_txt{text-align: center;font-size: 18px;padding-bottom: 20px;line-height: 35px}
.jszc_txt span{color: #00a0e9;font-weight: bold}
.pdi{padding-bottom: 0.7rem;background: url(../images/xs_02.png) no-repeat left top}
.pdi_tit{font-size: 18px;color: #fff;text-align: center;padding: 0.4rem 0;font-weight: bold}
.pdi_box{background: url(../images/pdi1.png) no-repeat right top #fff;padding: 50px}
.bd{font-size: 20px;padding: 50px 0 0 0;font-weight: bold}
.bd_tit{font-size: 18px;padding-top: 15px}
.pdi_btn{padding-top: 20px}
.gap-10{margin-left: -30px !important;margin-right: -30px !important}
.gap-10>.col{padding: 0 0.3rem}
.gap_11{margin-left: -8px !important;margin-right: -8px !important}
.gap-11>.col{padding: 0 8px}
.pdi_btn a{display: inline-block;font-size: 17px;color: #00a0e9;font-weight: bold;border-bottom: 1px solid #00a0e9;padding-bottom: 10px}
.wealth_tit{font-size: 18px;font-weight: bold;text-align: center;padding: 0.4rem 0}
.wealth_box{height: 5.81rem;width: 4.57rem;position: relative}
.wealth_txt{position: absolute;bottom: 40px;width: 100%;text-align: center;font-size: 0.18rem;color: #fff;font-weight: bold}
.wealth_box img{width: 100%;height: 100%}
.wealth_hove{height: 5.81rem;width: 4.57rem;display: none;position: absolute;left: 0;top: 0}
.wealth_hove_bg{background: url(../images/Support2.png) no-repeat center 100px #00a0e9}
.wealth_hove_bg1{background: url(../images/Support2.png) no-repeat center 100px #00a0e9}
.wealth_hove_bg2{background: url(../images/Support2.png) no-repeat center 100px #00a0e9}
.wealth_hove_tit{text-align: center;font-size: 24px;position: absolute;width: 100%;top: 300px;color: #fff}
.wealth_hove_txt{font-size: 18px;line-height: 30px;color: #fff;position: absolute;width: 100%;top: 380px;text-align: center}

.wealth_hove_btn{width: 100%;position: absolute;bottom: 50px;text-align: center}

.wealth_hove_btn a {

  font-size: 20px;padding: 10px 0;border-bottom: 1px solid #fff;color: #fff}
.wealth_hove_btn a:hover{color: #fff}
.wealth_box:hover .wealth_hove{display: block}
.cjwt{padding: 0.15rem;background: #f6f6f6;text-align: center}
.cjwt1{padding: 0.1rem;background: #f6f6f6}
.cjwt span{font-size: 16px;color: #6c6c6c;padding: 0.1rem 0}
.cjwt_box{border-left: 0.23rem solid #00a0e9;padding: 0.4rem 1rem;background: #fff}
.faq_tit{font-size: 28px;color: #00a0e9;font-weight: bold;line-height: 50px}
.faq_txt{line-height: 36px;font-size: 18px}
.cjwt_tit{font-size: 18px;font-weight: bold;padding-left: 100px;line-height: 40px}
.cjwt_tit span{color: #00a0e9}
.support_contact{border-radius: 10px;border: 2px solid #000;height: 648px;width: 97%}
.cjwt_bg{background: #fff;display: none}
.support_contact_tit{padding: 0.4rem 0;font-size: 24px;font-weight: bold;text-align: center}
.support_contact_box{padding: 0.3rem 0.5rem;background: #f6f6f6}
.border_bg{border-left: 9px solid #00a0e9}
.border_bg1{border-left: 9px solid #f48e21}
.border_bg2{border-left: 9px solid #33b0a0}
.font_color{color: #00a0e9}
.font_color1{color: #f48e21}
.font_color2{color: #33b0a0}
.support_name{line-height: 40px;font-size: 20px;font-weight: bold;padding-left: 60px}
.support_add{line-height: 40px;font-size: 18px;color: #555555;padding-left: 40px}
.bg3{background: url(../images/icon.png) no-repeat left 10px}
.bg4{background: url(../images/icon1.png) no-repeat left 10px}
.bg5{background: url(../images/icon2.png) no-repeat left 10px}
.support_list{display: block}
.support_list li{position: relative}
.gazetteer{font-size: 18px;line-height: 40px;padding-left: 50px}
/* 案例展示 */
.case_show_content{width: 82%;padding-bottom: 40px}
.case_show_box{border: 1px solid #dedede;box-shadow: 1px 1px 5px #dedede;margin-bottom: 30px}
.case_book{padding: 10px 30px 10px 30px;min-height: 216px}
.case_book_tit{font-size: 26px;color: #00a0e9;font-weight: bold;line-height: 40px;margin-bottom: 0.2rem;overflow: hidden;height: 40px}

.case_book_txt{line-height: 35px;font-size: 16px;color: #666666;

  height: 115px;overflow: hidden}

.checkDetails{background: #f2f2f2;width: 120px;text-align: center;margin-top: 0.1rem;padding: 0.15rem}
.case_show{width: 100%}
.fw_tab_tit{height: 40px;line-height: 40px;text-align: center;padding: 0 0.3rem;font-size: 0.18rem}
.fw_tab_tit_cur{color: #fff;background: #00A0E9}
.col01 img{width: 100%;height: 100%}

.col02{width: 50%}

/* 新闻动态 */
.bg6{background: #f5f5f5}
.new_time{border-bottom: 1px dashed #ababab;padding-bottom: 0.15rem;margin-bottom: 0.15rem;color: #ababab}
.new_time_btn{display: block;background: #00a0e9;display: block;width: 110px;padding: 0.15rem;margin-top: 10px;color: #fff}
.new_time_btn a:hover{color: #fff}
.list_new{display: block}
.list_new li{background: #f5f5f5;margin-bottom: 20px}
.new_content{width: 80%;padding: 0.2rem 0.4rem}
.new_tit{font-weight: bold;font-size: 17px;-webkit-line-clamp: 1;-moz-line-clamp: 1;-o-line-clamp: 1}
.new_text {

  font-size: 16px;margin: 0.15rem 0;-webkit-line-clamp: 2}
/* 多字省略 */
.font-omit{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-moz-box-orient: vertical;-moz-line-clamp: 2;-o-box-orient: vertical;-o-line-clamp: 2}

.time_new{background: url(../images/icoimg-news-date.png) no-repeat left center;padding-left: 20px;color: #9f9f9f;margin-top: 10px}

.header-m{display: none}
.swiper_box{position: relative;height: 100%}
.fw_item{display: none}
.relative{position: relative}

.abs_tit{bottom: 10%;color: #fff;font-size: 0.28rem;font-weight: 400;left: 23px}

.abs_tit_more{text-align: center;width: 100%;bottom: 34%;color: #fff;font-size: 0.28rem}
.pro_tit{bottom: 10%;color: #fff;left: 6%}

.abs_en{padding-top: 10px}
.abs_tit_more1{width: 100%;text-align: center;bottom: 34%;color: #fff;font-size: 0.28rem}

.m_container{display: none}
.albb{text-align: center}
.course{background: url(../images/about.jpg) no-repeat left top;color: #fff;padding-bottom: 50px}
.course_h3{padding-top: 30px;font-size: 24px}
.course_h4{font-size: 16px;padding-top: 15px}
.course_time{padding-top: 42px}
/* 手风琴效果 */
.about_sfq{background-image: url(../images/conten_bg.jpg)}
.about_sfq_main{max-width: 1200px}
.king{width: 100%;overflow: hidden}
.king ul{overflow: hidden}
.king li{position: relative;float: left;width: 175px;height: 500px}
.king li.current_1{width: 320px}
.king img{position: absolute;left: 0;top: 0;width: 100%;height: 500px;opacity: 0}
.king li.current_1 .king_tit{display: block}
.king li.current_1 .king_txt{display: block}
.king_tit{width: 175px;display: block}
.king_txt{position: absolute;top: 0;left: 0;width: 320px;display: none}
.king_tit,
.king_h4{color: #fff;font-size: 22px;padding: 150px 20px 0 20px}
.king_border{border-right: 2px solid #fff}
.king_h5{color: #fff;padding: 10px 20px;font-size: 18px;line-height: 30px}
/* 手风琴效果结束 */
.m_course_box{padding: 45px}

.m_course{display: none}

.img-scale img{transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}

.qh .swiper-slide{/* Center slide text vertically */
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center}

.qh .swiper-button-next,
.qh>.swiper-button-prev{color: #fff;background: rgba(0, 0, 0, 0.4)}

/* 旋转木马 */
.xzmm{display: flex;align-items: center;justify-content: center}
.poster-main{position: relative}

.poster-main a,
.poster-main img{display: block;width: 100%;height: 100%}
.poster-main .poster-list{width: 1000px;height: 500px}
.poster-main .poster-list .poster-item{width: 200px;height: 500px;position: absolute;left: 0;top: 0}

.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;filter: opacity(.5) brightness(1)}
.poster-main .poster-btn:hover{filter: opacity(1) brightness(2)}
.poster-main .poster-prev-btn{left: -120px;background: url(../images/left.png) no-repeat center center}
.poster-main .poster-next-btn{right: -120px;background: url(../images/right.png) no-repeat center center}
.poster-item-title{font-size: 18px;text-align: center;line-height: 48px;display: block;color: #fff}
.swiper-slide01{height: calc((100% - 30px) / 2);

  /* Center slide text vertically */
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding: 10px 0}
.fw img{width: 100%;height: 100%}
.fw .swiper-slide{padding-bottom: 20px}
.suspension{position: fixed;right: 0;top: 50%;width: 61px;border: 1px solid #d6d6d6;background: #fff;z-index: 100}
.suspension_item{position: relative}
.item_flex01 a,
.item_flex02 a,
.item_flex03 a,
.item_flex04 a,
.item_flex05 a{display: block;height: 60px;cursor: pointer;border-bottom: 1px solid #d6d6d6}

.item_flex01 a{background: url(../images/flex_1.png) no-repeat center center}
.item_flex02 a{background: url(../images/flex_2.png) no-repeat center center}
.item_flex03 a{background: url(../images/flex_3.png) no-repeat center center}
.item_flex04 a{background: url(../images/flex_4.png) no-repeat center center}
.item_flex05 a{background: url(../images/flex_5.png) no-repeat center center}
.item_flex01 a:hover{background: url(../images/flex_1_atv.png) no-repeat center center #00A0E9}

.item_flex02 a:hover{background: url(../images/flex_2_atv.png) no-repeat center center #00A0E9}

.item_flex03 a:hover{background: url(../images/flex_3_atv.png) no-repeat center center #00A0E9}

.item_flex04 a:hover{background: url(../images/flex_4_atv.png) no-repeat center center #00A0E9}

.item_flex05 a:hover{background: url(../images/flex_5_atv.png) no-repeat center center #00A0E9}

.item_flex_atv{position: absolute;top: 0;right: 55px;min-width: 160px;background: #00A0E9;padding: 19px 10px;font-size: 16px;color: #fff;text-align: center;display: none;min-height: 59px}

.wxewm {

  background: #fff}
.rczp_box_hover{background: #e4f5fc;width: 100%;display: none;padding: 30px 30px;text-align: left;color: #00a0e9;line-height: 22px;height: 387px;overflow-y: auto}

.rczp_box:hover .rczp_box_hover{display: block;top: 0;left: 0}

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

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

#certify .swiper-slide{width: 520px;height: 369px;background: #fff}

#certify .swiper-slide img{display: block;height: 100%;width: 100%;opacity: 1}

#certify .swiper-slide p{line-height: 48px;padding-top: 0;text-align: center;color: #fff;font-size: 1.1em;margin: 0;font-size: 18px;opacity: 0}

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

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

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

#certify .swiper-button-prev{left: -200px;width: 45px;height: 45px;color: #fff;

  background-position: 0 0;background-size: 100%;border-radius: 50px;padding: 10px}

#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: -200px;width: 45px;height: 45px;color: #fff;background-position: 0 0;background-size: 100%;border-radius: 50px;padding: 10px}

#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%
}
.foot_contact{padding-right:50px}

@media (max-width:1500px) {

  .main_mg,.main_mg2{padding: 15px}
  .albb{text-align: left}
}



@media (max-width: 1280px) {
  .product_box{width: auto;}
  .sol_tit{font-size: 14px}
  .suspension,.m_show{display: none}
  .abs_tit{font-size: 18px !important;}.zs{padding: 10px 0;color: #fff;font-size: 18px;text-align: center}
  .m_course_img{padding-top: 50px}
  .about_sfq{display: none}
  .m_sfq{display: block}
  .news_list{width: 70%;}

  .cases{padding-top: 0.3rem}
  .case-l{width: 28%;text-align: center}
  .case-l,.case-r{width: 100%}
  .gap_12>.col{width: 100%}
  .pc_contact{display: none}
  .m_contact{display: block;margin: 20px}
  .m_zy,.wealth_tit,.bd_tit{display: none}
  .gap-2{margin: 0}
  .product_box_txt{-webkit-line-clamp: 3}
  .font{-webkit-line-clamp: 3}
  .currentPosition{display: none}
  .case_show_content_details{width: 100%}
  .m_details{display: none}
  /* 案例详情页 */
  .m_ts>.flex_2{width: 100%}
  .switch a{width: 100%;margin: 0 0 10px 0}/* 手机关于我们页面 */
  .about_img{display: none}
  .about_us{width: 100%;padding: 0 50px}}





@media (max-width:900px) {
  .m_nav_sub{display: block}
  .popout,.m_sub{display: none}
  .m_content>.flex_2{width: 100%}
  .case_book_tit {padding: 0.15rem 0}
  .case_book_txt{font-size: 16px;line-height: 35px}.main_mg1{padding: 0}}

@media (max-width:800px) {
  .h2{font-size: 24px;}
  .cjwt_tit{padding-left: 10px}
  .faq_tit{font-size: 18px}
  .sol_txt{display: none;}
  .bd_tit{display: block}
  .pdi_img{display: none}
  .gap-10>.col{width: 100%}
  .pdi_box{padding: 20px 0}
  .bd{padding-top: 5px}
  /* 关于我们页面 */
  .rczp{padding: 0.1rem}
  .about_tab ul li{display: none}
  .about_us_tit{font-size: 25px;line-height: 36px;}
  .about_us{padding: 30px 10px 0 10px}
  .about_h3{font-size: 18px;line-height: 50px}
  .about_h4{font-size: 16px}
  .m_container{padding: 0.3rem}
  .m_container .flex_3{width: 50%}
  .gap_8>.flex_4{width: 50%}
  .foot_content>.flex_3{width: 100%;margin-bottom: 30px}
  .foot_top{display: none}
  .about_hy>.flex_4{width: 100%}
}

@media(max-width: 760px) {
  .index_03{flex-wrap: wrap}
  .index_03>.col{width: 100%;}
  .product_box_tit{font-size: 16px;height: 36px;overflow: hidden;line-height: 36px}
  .product_box_btn a{height: 30px;line-height: 30px}
  .case_book{min-height: auto;}
  .new_gap1{flex-wrap: wrap}
  .new_gap1>.col{width: 100%}
  .recruit>.col{width: 100%}
  .rczp_box{padding: 2.5rem 0 0.4rem 0;}}

@media(max-width: 970px) {
  .news_title,.news_txt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 0;font-size: 14px}
}

@media(max-width: 700px) {
  .list_new li{flex-wrap: wrap;}
  .news_img{width: 100%;height: auto;}
  .new_content{width: 100%;}
  .checkDetails{margin: 10px auto;}
  .new_text{display: none;}
  .case_book_tit{font-size: 20px;text-align: center;}
  .wxqrcode{flex-wrap: wrap;}
  .wxqrcode div{width: 100%;}
  .albb{text-align: center !important;}
  .fwkh{text-align: center;}
  .fwkh>.fw_tit{float: 0 !important;margin-bottom: 20px;font-size: 25px;}
  .fw_tab_tit{height: 35px;line-height: 35px;font-size: 16px;border-radius: 10px}
  .abs_tit_more,.abs_tit_more1{font-size: 20px;}
  .index_01>.col{width: 100%;}
  .index_04>.col,.index_02>.col{width: 50%;}
  .news_title,.news_txt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;padding: 0;font-size: 14px}
}



@media(max-width:1024px) {
  .product_list{width: 100%}
  .m_course{display: block}
  .m_course_tit{font-size: 24px;padding-bottom: 10px}
  .m_course_txt{font-size: 16px;line-height: 30px}
  .course{background: url(../images/about.jpg) no-repeat left bottom}
  .course_time{display: none}
  .m_course{display: block}
  .m-gap-9>.col{width: 50%}
  .m_course_fzlc{padding: 50px}
  .m_font{-webkit-line-clamp: 4}
  .m_case_show_content{width: 100%;margin: 10px}
  .m_magin{padding-top: 70px}
  .m_case_pohe{display: block;padding-top: 60px}
  .m_case_hide,.m_show{display: none}
  .new_width{width: 100%}
  /* 关于我们 */.container_about{display: none}
  .m_container{display: block;text-align: center}
  .m_honor{padding: 0.2rem}
  .m_container .flex>.flex_4{width: 33.33333%}
  .product{ padding-top: 50px}
  
 
}
@media(max-width:768px)
{
   .btn{margin: 18px auto 30px auto}
   .case_content{height:86px} 
    .news{flex-direction: column;}
    .list{width:100%}
    .new_hot{display:none}
}

@media(max-width:640px){
  .gap_01 > .flex_3{width:50%}
   
}


@media(max-width:480px){
 .case-text{padding:0;font-size:14px}
.al_list .slick-prev{left: -20px;}
.al_list .slick-next{right: -20px}
.home-cases{margin-top:0}
}