/* * name: responsive * version: v2.1.1 * update: 添加pad竖屏状态Padp * data: 2017-06-13 */ /* hide template textarea */ .UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;} /* * PcMode */ body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc'; } .PcMode:after { content: 'Pc' !important;} .UnpcPush, .MobilePush { display: none;} img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); } @media only screen and (max-width: 1920px) { /* rem+vw+calc, 同时设置px兼容 */ html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));} } @media only screen and (max-width:1680px){ .new_tech02 .cont2 li .after_box .time_line{padding:0.3rem;} } @media only screen and (max-width:1600px){ .invest02 .content .bd .right .item_list .item{padding:0.14rem 0;} } /* FHD缩放125% */ @media only screen and (max-width: 1540px) { html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));} .mwrap { width:1200px; } /*1540（FHD缩放125%） 网站样式*/ /* 新闻中心 */ .news_center01 .bott .swiper-slide:nth-child(3) .words, .news_center01 .bott .swiper-slide:nth-child(4) .words{padding-top:6%; padding-bottom:5%;} /* 首页 */ .ibanner .words_box .tit{font-size:.54rem;} .ipart01 .left .des_box li{width:48%; margin-right:4%;} .ipart01 .left .des_box li:nth-child(2n){margin-right:0;} .ipart02 .show_box .ind_show .con_box{margin-top:6%;} /* 新-产品 */ /* .new_pro02 .bott .left .bott_ li{width:45%; margin-right:10%;} */ /* 新-首页 */ .new_ibanner .words_box .tit{font-size:.54rem;} .new_tech02 .cont2 li .after_box .item{padding:0 .1rem;} } /* 1440（2K） */ @media only screen and (max-width: 1440px) { .mwrap { width:1200px; } /*1440（2K） 网站样式*/ html{font-size:80px;} /* 首页 */ .ibanner .words_box .tit{font-size:.5rem; line-height:.7rem;} .ipart02 .show_box{top:15%;} .ipart04 .right li{margin-bottom:.1rem;} .ipart01,.ipart02,.ipart03{margin-top:.8rem;} .ipart04{margin:.8rem 0;} /* 新-产品 */ .new_pro02 .bott .left{width:40%;} .new_pro02 .bott .left .bott_ li .tit{font-size:.28rem;} /* 新-关于 */ .about01 .right .infor{padding-top:0;} .about03 .left .list{padding:.3rem 0;} .about03 .left{width:30%;} .about03 .left .big_num .item .num{font-size:.5rem;} .about05 .cont .desc{bottom:8%;} /* 新-首页 */ .new_ibanner .words_box .tit{font-size:.5rem; line-height:.7rem;} .new_index03 .cont .words{width:40%;} .new_index01 .top .left{margin-right:5%;} .new_index01 .top .right{max-width:60%;} .new_index01 .bott .right li{width:49%; margin-right:2%;} .new_index01 .bott .right{width:50%;} .new_index02 .content .item .img img{left:65%;} .new_tech05 .item .right{padding-top:.6rem;} .new_tech05 .item .right .words .num_ li{margin-bottom:.45rem;} } /* 1366（普通14寸） */ @media only screen and (max-width: 1366px) { .mwrap { width:1200px; } /*1366（普通14寸） 网站样式*/ /* 新闻详情 */ .news_detail01 .right .item .item_con{padding:.2rem;} .news_detail01 .right .item .item_con .sub input{text-indent:.15rem;} /* 关于我们 */ .about_us02 .right{padding-top:0;} /* 社会责任 */ .responsive02 .right .box{top:40%; left:10%; right:10%;} .responsive02 .right .btns{right:10%; bottom:10%;} /* 首页 */ .ibanner .swiper-container-horizontal>.swiper-pagination-bullets,.ibanner .cover_icon{top:92%;} .ipart02 .btn_box{bottom:6%;} .ipart04 .right li{margin-bottom:0;} .ipart04 .right a{padding-top:.1rem;} /* 解决方案 */ .solution01 .bott li{width:23.8%; margin-right:1.6%;} .solution01 .bott li:nth-child(5n){margin-right:1.6%;} .solution01 .bott li:nth-child(4n){margin-right:0;} /* 战略目标 */ .strategy02 .item .cover{height:4rem;} .strategy02 .item .cover .box{padding-top:.5rem; padding-bottom:.5rem;} /* 新-产品 */ .new_pro02 .bott .left .bott_ li{width:48%; margin-right:4%;} /* 投资者关系 */ .invest05 .left .top{padding-bottom:.2rem; margin-bottom:.3rem;} .invest05 .left .num_box .num02{margin-left:5%;} .invest05 .left .tips{margin:.3rem 0;} /* 新-技术 */ .new_tech04 .content{padding:.6rem 2%;} .new_tech02 .cont2 li .after_box .item .c{font-size:.15rem;} .new_tech02 .cont2 li .after_box .item{padding-left:0;} } /* * PadMode */ @media only screen and (max-width: 1240px) { html{font-size:80px;} body:after { content: 'Pad'; } body{ user-select: none;-webkit-user-select: none;} html { overflow-x:hidden;} body,input,textarea,button,select { font-size:.16rem;} .PcPush{display: none;} .UnpcPush{display: block;} .wrap, .mwrap { width:940px; } /*padMode 1240px 网站样式*/ /* 导航 */ .header .inav_wrapper{margin-left:.2rem;} .header .inav_wrapper .nav_li{padding:0 .15rem;} /* 公共字体 */ .tit48{font-size:.42rem; line-height:.54rem;} .tit42{font-size:.36rem; line-height:.44rem;} .tit36{font-size:.32rem; line-height:.4rem;} /* 二级导航 */ .xc_nav .content{padding-top:.2rem;} .xc_nav .xc_link a{margin-left:.3rem; padding-bottom:.2rem;} /* 下层banner */ .xc_banner .xc_words .con{width:60%; margin-top:.2rem;} /* 底部 */ .footer .footer_top{padding:.4rem 0;} .footer .footer_top .left{padding-right:3%;} .footer .footer_top .left .box .num_box .num01{font-size:.48rem; margin-right:.2rem;} .footer .footer_top .left .box .num_box .num02{font-size:.3rem;} .footer .footer_top .right{padding-left:3%;} .footer .footer_top .right .l_box .title{font-size:.28rem;} .footer .footer_bott .b_center{padding-bottom:.3rem;} /* 公共按钮 */ .common_btns .iconfont{margin-left:.1rem;} /* 公共部分 */ .channel_content{padding:.6rem 0;} /* 新闻中心 */ .news_center01{padding:.6rem 0;} .news_center01 .bott .swiper-slide .words{padding:.3rem;} .news_center01 .bott .swiper-slide:nth-child(3) .words, .news_center01 .bott .swiper-slide:nth-child(4) .words{padding:5% .3rem;} /* .news_center02{margin-top:.6rem;} */ .news_center02 .bd li{padding:.4rem 0;} .news_center02 .bd li .words_box .tit{font-size:.24rem;} .news_center02 .bd li .words_box .con{margin:.1rem 0 .2rem;} /* 分页 */ .news_page{margin-top:.6rem;} /* 新闻详情 */ .news_detail_banner.xc_banner{height:4rem;} .news_detail01 .left .text{padding-bottom:.5rem;} .news_detail01 .right{width:24%;} .news_detail01 .right .item .item_con{padding:.2rem .15rem;} .news_detail01 .right .item .item_con .sub input{width:calc(100% - .6rem);} /* 产品详情 */ .xc_banner .kefu_btn{margin-top:.3rem;} .pro_detail01{padding-bottom:.6rem;} .pro_detail01 .five .li_{width:19.2%; margin-right:1%;} .pro_detail01 .content .li_:last-child{margin-right:0;} .pro_detail01 .content .li_ .li_box .intro{bottom:7%;} .pro_detail01 .content .li_ .li_box .intro .tit{margin-top:.2rem;} .pro_detail02,.pro_detail03{margin-bottom:.6rem;} .pro_detail04{padding:.6rem 0;} .pro_detail03 .item .t{font-size:.22rem;} .pro_detail03 .item .txt_full{left:.3rem; right:.3rem; bottom:.2rem;} .pro_detail04 .swiper-slide .words{padding:.3rem .2rem;} .pro_detail04 .swiper-container-horizontal>.swiper-pagination-bullets{margin-top:.4rem;} /* 关于我们 */ .about_us01 .bd{margin-top:.5rem;} .about_us02{margin-top:.6rem; padding:.6rem 0;} .about_us02 .right{padding-right:0;} .about_us02 .right .infor .con{margin-top:.1rem; max-height:1.5rem; overflow-y:auto; padding-right:.1rem;} .about_us02 .right .infor .con::-webkit-scrollbar {width:2px; height:4px;} .about_us02 .right .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .about_us02 .right .infor .con::-webkit-scrollbar-track {border-radius:0; background:#fff;} .about_us02 .cover_box{padding:.2rem 0;} .about_us03 .infor{width:60%;} .about_us03 .infor .con{margin-bottom:.3rem;} .about_us03 .big_num{margin-top:.4rem;} .about_us03 .big_num li .num_box .num{font-size:.5rem;} .about_us04{padding-top:.6rem;} .about_us04 .bott_box{margin-top:.4rem;} .about_us04 .bott_box .swiper-controls{margin-top:.3rem;} /* 媒体图库 */ .media01 .hd .cover .infor{width:40%;} .media01 .bd li .intro{padding:.2rem; padding-right:.6rem;} .media01 .bd li{margin-bottom:.3rem;} /* 文化 */ .culture01 .bd{margin-top:.5rem;} .culture01 .bd .cont .item .infor{padding:0 .3rem;} .culture02{margin-top:.6rem;} .culture02 .content{align-items:flex-start;} .culture02 .left li .infor>div{padding-left:.3rem;} .culture02 .right{width:60%;} /* 社会责任 */ .responsive01 .top .infor{width:90%; margin-bottom:.4rem;} .responsive01 .top .infor .con{margin-top:.1rem;} .responsive01 .top .big_num .item .num{font-size:.5rem;} .responsive01 .bott .swiper-slide{width:8rem;} .responsive02{margin-top:.6rem;} .responsive02 .right .box .con{max-height:1.5rem; overflow-y:auto; padding-right:.1rem; margin-top:.1rem;} .responsive02 .right .box .con::-webkit-scrollbar {width:2px; height:2px;} .responsive02 .right .box .con::-webkit-scrollbar-thumb {border-radius:5px; background:#0d4696; } .responsive02 .right .box .con::-webkit-scrollbar-track {border-radius:0; background:#f7f7f7;} .responsive02 .right .btns{bottom:5%;} /* 联系我们 */ .contact_us01 .left{height:7rem;} .contact_us01 .right .item{margin-top:.4rem; padding-top:.4rem;} .contact_us02{margin-top:.6rem;} .contact_us02 .content li{padding:.4rem 2% .2rem; margin-bottom:.2rem;} .contact_us02 .content li .cont{margin-top:.2rem;} .contact_us03 .form_box .btns_list button{width:2rem;} /* 科研创新 */ .technology01 .infor{width:80%;} .technology01 .infor .title{margin-bottom:.2rem;} .technology01 .item .tit{left:.4rem; bottom:.3rem;} .technology02{margin-top:.6rem;} .technology02 .content li{height:1.4rem; margin-bottom:.2rem;} .technology03 .right .box{width:90%;} .technology03 .right .box .big_num{margin-top:.5rem;} /* 科研成果 */ .achievement02{margin:.6rem 0;} .achievement03{padding:1rem 0 .8rem; min-height:6.2rem;} .achievement03 .cont li .num_box .num{font-size:.56rem;} .achievement03 .cont li .t{margin-top:.1rem;} /* 人才 */ .talent .content .t_box span:first-child{font-size:.8rem; line-height:1;} .talent .content .t_box span:last-child{font-size:.24rem; line-height:1;} .talent01 .right .common_btns{margin-top:.3rem;} .talent02,.talent05{margin-top:.6rem;} .talent02 .content .top .tit{font-size:.3rem;} .talent02 .content01{margin-top:.5rem;} .talent02 .content02{margin-top:.6rem;} .talent02 .content02 .top .tit{margin-bottom:.4rem;} .talent02 .content02 .cont{width:100%; margin:0;} .talent02 .content02 .left{width:41%;} .talent03{margin-top:.7rem; padding:.6rem 0;} .talent03::after{height:2rem; top:-15%;} .talent03 .cont{width:100%; align-items:center;} .talent03 .left{transform:none;} .talent04{margin-top:.7rem;} .talent03::before{bottom:-.1rem;} .talent04 .content .swiper-container-horizontal>.swiper-pagination-bullets{margin-top:.4rem;} .talent05 li{height:2rem; margin-bottom:.2rem;} .talent05 li .icon{width:1rem; height:1rem;} .talent05 li .icon img{width:.4rem;} .talent05 li .t{margin-top:.15rem;} /* 首页 */ .ipart_title .title{margin-top:.05rem;} .ibanner .words_box .info{width:54%;} .ibanner .words_box .tit{font-size:.46rem; line-height:.6rem;} .ipart01 .left .con{margin-bottom:.4rem;} .ipart01 .right .swiper-button-next{right:-7%;} .ipart02 .show_box{top:10%;} .ipart04 .top .common_btns{margin-bottom:.1rem;} .ipart04 .right .t{height:.32rem; -webkit-line-clamp:1;} /* 解决方案 */ .solution01 .top .word{line-height:.5rem;} .solution01 .bott li .cover .infor .c{max-height:2.25rem;} /* 解决方案详情 */ .solu_detail01 .item{padding:.6rem 0;} .solu_detail01 .item .words{width:45%; padding-right:0;} .solu_detail01 .item .words .rela_box a{padding:0 .3rem; line-height:.5rem;} /* 战略目标 */ .strategy01 .cover{width:91%;} .strategy01 .cover .right .t{margin-top:.1rem;} /* .strategy02{margin-top:.6rem;} */ .strategy02 .item{margin-bottom:.6rem; } .strategy02 .item .cover{height:3.6rem;} .strategy02 .item .cover .box .con{max-height:2.1rem;} .strategy03{padding:.6rem 0;} .strategy03 .content .right{width:53%;} .strategy03 .content .left .box a{padding-bottom:.15rem; margin-bottom:.15rem;} .strategy02 .item .cover .box .tit{font-size:.28rem;} .strategy04{padding-top:.6rem;} /* 投资 */ .invest01 .left{padding-left:0;} .invest01 .left .bot_ .item_list .item{margin-right:2%; width:23.5%;} .invest01 .left .bot_ .item_list .item04{margin-right:0%;} .invest02 .content .bd .left .rect-562 .text_box .c{font-size:.26rem;} .invest02{padding-bottom:.8rem;} /* 20240325 */ /* 媒体图库 */ .media01 .center{margin-top:.4rem;} /* 解决方案详情 */ .new_solution01{padding-top:.2rem;} .new_solution01 .content a{margin-right:.3rem; padding-bottom:.2rem;} /* 研发创新 */ .technology04 .left .cont .infor{width:100%;} .technology04 .left .cont .infor .con{margin:.2rem 0 .4rem;} .technology04 .left .cont .item_box li{margin-bottom:.1rem; font-size:.18rem; line-height:.24rem;} .technology04 .left .cont .item_box li::before{top:.03rem;} .technology03 .content{min-height:3.45rem;} .technology03 .left img{max-width:none; position:absolute; left:50%; transform:translate(-50%,-50%); top:50%;} /* 质量管理 */ .quality01 .title{margin-bottom:.4rem;} .quality01 .hd li .icon{width:1.4rem;} .quality01 .hd li .icon img{max-width:.6rem;} .quality01 .bd .item{margin-top:.6rem;} .quality01 .bd .item .left .words .tit{margin-bottom:.15rem;} .quality01 .bd .item .left .words .list,.quality01 .bd .item .left .words .con{margin-bottom:.2rem;} .quality01 .bd .item .left .words .img_ li{margin-bottom:.1rem;} .quality01 .bd .item .left .words .num_ li{margin-bottom:.1rem;} .quality01 .bd .item .left{padding:.2rem 4%;} .quality01 .bd .item .right{position:relative; overflow:hidden;} .quality01 .bd .item .right img{position:absolute; max-width:none; width:auto; min-width:100%; height:100%;} /* 新-产品 */ .new_pro01{padding:.7rem 0 .6rem;} .new_pro01::after{height:3.5rem; width:7.7rem;} /* .new_pro01 .left{width:60%;} */ .new_pro01 .left .t{margin-top:.4rem; /*font-size:.28rem;*/} /* .new_pro02 .top .tab_t{font-size:.28rem;} */ .new_pro02 .bott .wrap{width:calc(50% + 470px);} .new_pro02 .bott .right{width:48%;} .new_pro02 .bott .left{width:48%;} .new_pro02 .bott .left .bott_ li{margin-top:.3rem;} .new_pro03{margin-top:.6rem;} /* 投资者关系 */ .invest05 .left .top{margin-bottom:.2rem;} .invest05 .left .num_box .num02{font-size:.3rem;} .invest05 .right{width:55%;} /* 新-技术 */ .new_tech01 .bott{width:100%;} .new_tech01 .bott li .num_box .num{font-size:.6rem;} .new_tech02,.new_tech03,.new_tech04{margin-top:.6rem;} .new_tech02 .cont li{padding:.5rem .2rem;} .new_tech02 .cont{margin-top:-1.2rem; height:4.92rem;} .new_tech02 .cont li .icon img{height:100%;} .new_tech02 .cont li .infor{margin-top:.2rem;} .new_tech02 .cont li .infor .tit{font-size:.24rem; margin-bottom:.2rem;} .new_tech03 .con{margin-top:.2rem;} .new_tech03 .big_num{margin-top:.3rem;} .new_tech04 li{width:48%; margin-right:4%;} .new_tech04 li:nth-child(3n){margin-right:4%;} .new_tech04 li:nth-child(2n){margin-right:0;} .new_tech04 .title{margin-bottom:.5rem;} .tit30{font-size:.28rem; line-height:.4rem;} /* 新-人才 */ .personnel01{margin-bottom:.6rem;} .personnel02{padding:.6rem 0; margin-bottom:.6rem;} .personnel02 .content li{height:2.6rem;} .personnel02 .content li::before{bottom:.5rem;} .personnel02 .content li .li_box .cover_ .box{padding:0.4rem 9%;} .personnel02 .content li .li_box .cover_ .more{bottom:13%;} .personnel03 .left .tab_box{margin:.2rem 0;} .personnel04 .content .cont{width:36%;} .personnel04 .content .cont .con{margin-bottom:.4rem;} .personnel03{margin-bottom:.6rem;} .personnel01 .item .txt_full{padding:.4rem 4%;} .personnel01 .item .icon img{height:.4rem;} /* 新-关于 */ .about01{padding:.6rem 0;} .about01 .left{width:47%;} .about01 .right .con{height:2.72rem;} .about02 .content .title{padding:.6rem 0 .4rem;} .about02 .content li .infor{height:2.2rem;} .about02 .content li .infor .t{margin-bottom:.1rem;} .about02 .content li.cur .infor{height:2.88rem;} .about03 .left .list li{padding-left:.4rem;} .about03 .left .big_num .item .num{font-size:.44rem;} .about04 .item .cover .box .tit{margin-bottom:.15rem;} .about04,.about05{padding-top:.6rem;} .about05 .infor{top:0; width:30%;} .about05 .cont .desc{bottom:0; width:30%; padding-top:.3rem;} .about05 .ditu{width:80%; margin-right:0;} /* 新-首页 */ .new_ibanner .words_box .info{width:54%;} .new_ibanner .words_box .tit{font-size:.46rem; line-height:.6rem;} .new_index01{padding:.8rem 0 1rem;} .new_index01 .bott .right{width:52%;} .new_index02 .content .item .img{height:7rem;} .new_index02 .content::before, .new_index02 .content::after{width:.8rem; height:3rem;} .new_index02 .content::before{transform:translateY(-.45rem);} .new_index02 .content::after{transform:translateY(.45rem);} .new_index02 .content .item{width:40%; margin-left:-15%;} .new_index02 .content .item.on{width:80%;} .new_index02 .content .item .cont .link_box .link{padding:0 .1rem;} .new_index02,.new_index03,.new_index04{margin-bottom:.8rem;} /* 解决方案banner */ .solu_banner{height:auto;} .solu_banner .solu_intro .slide_body{width:55%;} /* 新闻详情 */ .news_detail01 .left .text img{max-width:100%!important;} .quality01 .bd .item{min-height:4.15rem;} .new_pro02 .bott .tab_c>.infor{margin-bottom:.4rem;} .new_tech05 .item{margin-top:.6rem; min-height:4.15rem;} .new_tech05 .item .right .words .tit{margin-bottom:.15rem;} .new_tech05 .item .right .words .list{margin-bottom:.2rem;} .new_tech05 .item .right .words .num_ li{margin-bottom:.1rem;} .new_tech05 .item .right .words .list li{margin-bottom:.1rem;} .new_tech05 .item .right{padding:.2rem 4%; align-items:center;} .new_tech05 .item .left{position:relative; overflow:hidden;} .new_tech05 .item .left img{position:absolute; max-width:none; width:auto; min-width:100%; height:100%;} .new_tech02 .cont2 li .before_box{padding:.6rem 8%;} .new_tech02 .cont2 li .after_box .time_line{padding:.2rem;} .new_tech02 .cont2 li .after_box{padding-top:.6rem;} .new_tech02 .cont2 li .after_box .item{padding:0; padding-left:.1rem;} .new_tech02 .cont2 li .after_box .item:first-child{padding-left:0;} .new_tech02 .cont2 li .after_box .item .c{font-size:.14rem;} .new_tech02 .cont2 li .after_box .box{width:94%;} .new_tech03 .big_num li{margin-right:6%;} .new_tech03 .big_num li:last-child{margin-right:0;} .new_tech05 .item .right .words .num_ li{width:45%; margin-right:10%; margin-bottom:.3rem;} .new_tech05 .item .right .words .num_ li:nth-child(2n){margin-right:0;} } @media only screen and (max-width: 1024px) { body:after { content: 'Padp'; } .wrap, .mwrap { width:760px; } /*padMode 1024px 网站样式*/ /* 导航 */ .header .inav_wrapper{display:none;} .header .h_tools .h_menu{display:none;} .header .h_tools .mobile_key{display:inline-block;} .header .h_tools .mobile_key{outline:none; position:relative; padding:0; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px; cursor:pointer; margin-top:.21rem; width:.24rem; height:.4rem; margin-left:.2rem;} .header .h_tools .mobile_key .icon_bar{display:block; width:.22rem; height:2px; border-radius:1px; position:absolute; top:50%; left:50%; margin-left:-.11rem; margin-top:-1px; background-color:#ffffff;} .header .h_tools .mobile_key .icon_bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .header .h_tools .mobile_key .icon_bar:nth-child(2){opacity:0;} .header .h_tools .mobile_key .icon_bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} /* 导航关闭状态下的按钮 */ .header .h_tools .mobile_key.collapsed{margin-top:.34rem;} .header .h_tools .mobile_key.collapsed .icon_bar{position:static; margin:0; margin-top:4px;} .header .h_tools .mobile_key.collapsed .icon_bar:nth-child(1){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);margin-top:0;} .header .h_tools .mobile_key.collapsed .icon_bar:nth-child(2){opacity:1;} .header .h_tools .mobile_key.collapsed .icon_bar:nth-child(3){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} .header .h_tools>div{font-weight:bold;} .header.fixed .h_tools .mobile_key .icon_bar{background-color:#222;} .header.fixed .h_tools .mobile_key .icon_bar:hover{background-color:#0d4696;} .header:hover .h_tools .mobile_key .icon_bar{background-color:#222;} .header:hover .h_tools .mobile_key .icon_bar:hover{background-color:#0d4696;} .header.xc_header .h_tools .mobile_key .icon_bar{background-color:#222;} .header.xc_header .h_tools .mobile_key .icon_bar:hover{background-color:#0d4696;} .mNav{display:block;} .mNav{width:100%; position:fixed; left:100%; top:0.89rem; bottom:0; padding:0 0.15rem; background-color:#f8f8f8; box-shadow:0 -2px 4px 0px #f2f2f2; -webkit-transition:all 0.5s; transition:all 0.5s; overflow:hidden; padding-bottom:0.48rem; box-sizing:border-box;} .mNav.in{left:0;} .mNav>ul{padding-top:0.15rem;} .mNav ul .m_li{position:relative; margin:0 0.25rem;} .mNav ul .m_li>a{position:relative; display:block; font-size:0.22rem; border-bottom:1px solid #d4d4d4; /*font-weight:bold;*/ padding:0.2rem 0;} .mNav ul .m_li>a span{float:right; display:block; font-size:0.2rem;} .mNav ul .m_li .nav_open{width:100%; border-bottom:1px solid #d4d4d4; position:fixed; left:100%; top:0.89rem; bottom:0; background-color:#fff; overflow-y:auto; z-index:120; padding:0.3rem 0.25rem; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:hidden; box-sizing:border-box;} .mNav ul .m_li .nav_open.in{left:0; visibility:visible;} .mNav ul .m_li .nav_open>a{font-size:0.2rem;} .mNav ul .m_li .nav_open>a span{margin-right:8px; margin-top:0; margin-left:0; font-size:.18rem;} .mNav ul .m_li .nav_open .bd{margin-left:-0.15rem; margin-right:-0.15rem; overflow:hidden;} .mNav ul .m_li .nav_open .bd .title {font-size:0.24rem; /*font-weight:bold;*/ margin:0.1rem 0.25rem; margin-bottom:0; padding:0.1rem 0; border-bottom:1px solid #d4d4d4;} .mNav ul .m_li .nav_open .bd .container{padding:0 0.25rem; margin:0 auto;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t>a{display:block; font-size:0.2rem; border-bottom:1px solid #d4d4d4; padding:0.2rem 0 0.1rem 0; font-weight:normal; overflow:hidden; margin:0;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t span{margin-right:8px; margin-top:0; margin-left:0; font-size:0.2rem; float:right; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t .collapsed span{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav{padding:0 0.25rem; display:none} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav.in{display:block;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav li{border-bottom:1px solid #d4d4d4; padding:.15rem 0; margin:0; font-size:.18rem;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t .iconfont{display:none;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t.has_third .iconfont{display:block;} .mobile-menu-open {overflow:hidden;} /* 底部 */ .footer .footer_top{padding:.3rem 0;} .footer .footer_top .left{width:100%; padding-right:0; border-right:0;} .footer .footer_top .left .box .num_box .num01{font-size:.42rem;} .footer .footer_top .left .box .num_box .num02{font-size:.26rem; line-height:.3rem;} .footer .footer_top .right{display:none;} .footer .footer_bott{padding-top:0;} .footer .footer_bott .b_top{display:none;} .footer .footer_bott .b_center{display:none;} .footer .footer_bott .b_bott .b_left, .footer .footer_bott .b_bott .b_right{width:100%; text-align:center;} /* 公共按钮 */ .common_btns{padding:0 .25rem;} .common_btns>div{line-height:.5rem;} /* 公共字体 */ .tit48{font-size:.36rem; line-height:.5rem;} .tit42{font-size:.32rem; line-height:.4rem;} .tit36{font-size:.28rem; line-height:.36rem;} .tit24{font-size:.22rem;} /* 新闻中心 */ .news_center01 .bott .swiper-slide:nth-child(4){position:relative;} .news_center01 .bott .swiper-slide:nth-child(3) .img_box, .news_center01 .bott .swiper-slide:nth-child(4) .img_box{display:block;} .news_center01 .bott .swiper-slide:nth-child(3) .words, .news_center01 .bott .swiper-slide:nth-child(4) .words{padding:.3rem;} .news_center01 .bott .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; bottom:auto; margin-top:.2rem; font-size:0;} .news_center01 .bott .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:.15rem; height:.15rem; background:#fff;} .news_center02 .hd .item{font-size:.18rem;} .news_center02 .hd .item2 input{font-size:.18rem;} .news_center02 .bd li .img_box{width:28%;} .news_center02 .bd li .words_box .tit{font-size:.22rem;} .news_center02 .bd li.no_img .words_box{width:100%;} /* 新闻详情 */ .news_detail01 .left{width:70%;} .news_detail01 .right{width:26%;} .news_detail01 .right .item .item_con{padding:.2rem .1rem;} .news_detail01 .right .item .item_con .sub input{text-indent:.1rem;} /* 产品详情 */ .xc_banner .xc_words .con{width:70%;} .pro_detail01 .five .li_ .li_box .intro .tit{margin-top:.1rem;} .pro_detail04 .swiper-slide .words{padding:.2rem;} /* 关于我们 */ .about_us02 .content{flex-wrap:wrap;} .about_us02 .cover_box{position:relative; width:100%; margin-top:.3rem;} .about_us02 .right .infor .con{max-height:none;} .about_us03 .content{top:50%;} .about_us03 .big_num li .num_box .num{font-size:.4rem;} /* 媒体图库 */ .media01 .bd li{width:32.4%; margin-right:1.4%;} .media01 .bd li:nth-child(4n){margin-right:1.4%;} .media01 .bd li:nth-child(3n){margin-right:0;} /* 科研创新 */ .technology01 .infor{width:90%;} .technology01 .item .tit{left:.2rem; right:.2rem; bottom:.2rem;} .technology02 .content li{height:1.2rem;} /* 科研成果 */ .achievement01 .left .cont .infor .title{margin-bottom:.2rem;} .achievement01 .left .cont .big_num{margin-top:.3rem;} .achievement02 .swiper-slide{min-height:2.6rem; padding:.2rem;} .achievement02 .swiper-slide .right{width:1.6rem;} .achievement03{min-height:5rem;} .achievement03 .cont li .num_box .num{font-size:.48rem;} /* 人才 */ .talent01 .content{align-items:flex-start;} .talent02 .content .top .tit{font-size:.25rem; line-height:.34rem;} .talent02 .content01 .bott .right{padding-top:.4rem;} .talent02 .content02 .bott{padding-bottom:0;} .talent05 li{width:32.4%; margin-right:1.4%;} .talent05 li:nth-child(3n){margin-right:0;} .talent04 .content{width:70%;} /* 首页 */ .ibanner .words_box .tit{font-size:.42rem; line-height:.54rem;} .ipart01 .right .swiper-button-next{right:-5.2%;} .ipart01 .right .swiper-button-next,.ipart01 .right .swiper-button-prev{width:.6rem; height:.6rem;} .ipart02 .btn_box .btns{height:1.1rem;} .ipart03 .content{height:4rem;} .ipart03 .content .item .after_words{width:80%;} .ipart03 .content .item .after_words .infor{margin-bottom:.4rem;} .ipart04 .left{width:50%;} .ipart04 .right .t{font-size:.22rem; line-height:1; height:.22rem;} .ipart04 .left .words .tit{font-size:.22rem; line-height:.3rem;} .ipart04 .left .words{left:4%;} .ipart04 .left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:.5rem;} /* 解决方案 */ .solution01 .bott li{width:32.4%; margin-right:1.4%;} .solution01 .bott li:nth-child(5n){margin-right:1.4%;} .solution01 .bott li:nth-child(4n){margin-right:1.4%;} .solution01 .bott li:nth-child(3n){margin-right:0;} /* 解决方案详情 */ .solu_detail01 .item .words .rela_box a{padding:0 .2rem; line-height:.45rem;} .solu_detail01 .item .words .infor{margin-bottom:.2rem;} /* 战略目标 */ .strategy01 .cover .right{width:4rem;} .strategy02 .item .cover .box{padding-top:.4rem; padding-bottom:.4rem;} .strategy02 .item .cover .box .tit{font-size:.24rem;} .strategy02 .item .cover .box .con{max-height:1.8rem;} .strategy02 .item .cover{height:3rem;} .strategy03 .content .right .play_btn{width:.7rem; height:.7rem;} /* 投资 */ .invest01 .left{width:100%;} .invest01 .left .top_{margin-top:0; margin-bottom:0.3rem;} .invest01 .left .bot_{margin-bottom:0.3rem;} .invest01 .right{width:100%; margin-top:0.3rem;} .invest02 .content .bd .left{display:none;} .invest02 .content .bd .right{width:100%;} .invest01 .left .top_ .con .num01 span{font-size:.46rem; line-height:1;} .invest01 .left .bot_ .item_list .item .num{font-size:.3rem;} .invest02{padding-bottom:.6rem;} .invest02 .content .bd{margin-top:.3rem;} /* 右侧导航 */ .widgets_right_nav_6{display:none;} /* 20240325 */ /* 新-解决方案 */ .new_solution01 .content{white-space:nowrap; overflow-x:auto;} .new_solution01 .content a{margin-right:.2rem;} /* 新-产品 */ .new_pro01 .left .link a{padding:0 .4rem;} .new_pro02 .bott .wrap{width:760px; margin:0 auto; display:block;} .new_pro02 .bott .left{width:100%;} .new_pro02 .bott .right{width:100%; margin-top:.4rem;} .new_pro02 .bott .right .swiper-slide{border-radius:.3rem;} .new_pro02 .top .tab_t{/*font-size:.24rem;*/ padding-bottom:.15rem; margin-right:5%;} /* .new_pro01 .left .t{font-size:.24rem;} */ /* 投资者关系 */ .invest05 .left .num_box .num02{font-size:.26rem;} .invest05 .left .tips{margin:.2rem 0;} /* 新-技术 */ .new_tech03 .content{position:relative; padding:.4rem 0; transform:none; top:auto;} .new_tech03 .cont{width:50%;} .new_tech03 .bg img{position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); max-width:none; z-index:-1; min-width:100%;} .new_tech02 .cont li .infor .tit{font-size:.24rem; line-height:.32rem; } .new_tech02 .cont{height:4.78rem;} .tit30{font-size:.24rem; line-height:.34rem;} /* 新-关于 */ .about03{height:auto;} .about03 .wrap{height:auto;} .about03 .left{width:100%; height:auto; display:block;} .about03 .right{width:100%; height:4rem; overflow:hidden;} .about03 .left .list{font-size:0;} .about03 .left .list ul{max-height:none; padding-right:0;} .about03 .left .list li{display:inline-block; vertical-align:text-top; width:48%; margin-right:3%; box-sizing:border-box; margin-bottom:.1rem;} .about03 .left .list li:nth-child(2n){margin-right:0;} .about04 .item .cover .box{padding:.4rem 4%;} .about04 .item .cover{width:60%;} .about04 .item .cover .box .con{max-height:1.36rem;} .about05 .infor{position:relative; width:100%; margin-bottom:.3rem;} /* 新-首页 */ .new_ibanner .words_box .tit{font-size:.42rem; line-height:.54rem;} .new_ibanner .widgets{bottom:.4rem;} .new_index01 .top{display:block; margin-bottom:.3rem;} .new_index01 .top .left{margin-right:0;} .new_index01 .top .left .title{width:100%; margin-bottom:.2rem;} .new_index01 .top .right{width:100%; max-width:none;} .new_index01{padding-bottom:3rem;} .new_index01 .bott .right{width:65%;} .new_index02 .content .item .img{height:6rem;} .new_index02 .content{justify-content:space-between;} .new_index02 .content .item{width:49%; margin-left:0;} .new_index02 .content .item.on{width:49%;} .new_index02 .content .item .img{transform:none;} .new_index02 .content .item .img img{transform:none; min-height:auto; top:0;} .new_index02 .content .item:nth-child(2) .img img{left:50%;} .new_index02 .content .item .cont{padding:0 .6rem .4rem; box-sizing:border-box; width:100%;} .new_index02 .content .item .cont .link_box{opacity:1; visibility:visible; transition:opacity 0.15s 0.5s linear; width:100%; margin-bottom:0; white-space:normal;} .new_index03 .cont .words{width:44%;} .new_index03 .cont .words .con{margin:.1rem 0 .2rem;} .footer .footer_top::after{display:none;} .new_index01 .bott .right li{margin-top:0; margin-bottom:.3rem;} .strategy04 .infor .con{width:100%;} .new_tech02 .cont2{height:auto;} .new_tech02 .cont2 li{width:100%; height:auto; margin-bottom:.3rem;} .new_tech02 .cont2 li:last-child{margin-bottom:0;} .new_tech02 .cont2 li .before_box{display:none;} .new_tech02 .cont2 li .after_box{opacity:1; visibility:visible; padding:.4rem 0 .5rem; position:relative;} .new_tech02 .cont2 li .after_box .box .tit{margin-bottom:.1rem;} .new_tech02 .cont2 li .after_box .time_line{margin-top:.2rem;} .new_tech02 .cont2 li .after_box .item{padding:0 .1rem;} .new_tech02 .cont2 li.cur{width:100%;} .new_tech02 .cont2 li .after_box .item .c{font-size:.15rem;} .about03 .right{height:6rem;} .about03 .right .img_box .swiper-container .swiper-slide img{height:100%;} } @media only screen and (max-width: 820px) { img[data-src]{opacity: 1;} .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; } .mwrap .wrap { padding-left:0; padding-right:0; } body,input,textarea,button,select {font-size:14px;} .UnmobilePush{display: none;} .MobilePush{display:block;} body:after { content: 'Mobile'; } /*移动端防恶意复制信息*/ * { -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input { -webkit-user-select:auto; /*webkit浏览器*/ } textarea { -webkit-user-select:auto; /*webkit浏览器*/ } /* 公共部分 */ .channel_content{padding:.4rem 0;} /* 二级导航 */ .xc_nav .content{padding:.2rem 0;} .xc_nav .xc_link{display:none;} .xc_nav .wrap::after{display:none;} /* 下层banner */ .xc_banner>img{height:2rem; max-width:none; width:auto; min-width:100%;} /* 公共字体 */ .tit48{font-size:.32rem; line-height:.44rem;} .tit42{font-size:.28rem; line-height:.36rem;} .tit36{font-size:.26rem; line-height:.34rem;} .con18{font-size:15px; line-height:24px;} .con16{font-size:14px; line-height:22px;} /* 搜索下拉 */ .search_alert .cent-form{width:calc(100% - 1.2rem);} .search_alert .cent-form form .btns{width:1rem;} .search_alert .cent-form form .inp{width:calc(100% - 1.1rem);} /* 底部 */ .footer .footer_top .left .box .num_box .num01{font-size:.36rem;} .footer .footer_top .left .box .num_box .num02{font-size:.24rem;} /* 新闻中心 */ .news_center01{padding:.3rem 0;} .news_center01 .bott .swiper-slide{width:100%;} .news_center01 .bott .swiper-slide .words .con{height:44px;} /* .news_center02{margin-top:.3rem;} */ .news_center02 .bd li{padding:.2rem 0;} /* .news_center02 .bd li .words_box .con{display:none;} */ .news_center02 .bd li .words_box .time{margin-top:.2rem;} /* .news_center02 .bd li .words_box .tit{font-size:.2rem;} */ /* 分页 */ .news_page{margin-top:.3rem;} /* 新闻详情 */ .news_detail_banner.xc_banner{height:auto;} .news_detail_banner.xc_banner>img{width:auto; position:relative; transform:none; min-width:100%;} .news_detail01 .left{width:100%;} .news_detail01 .left .con{margin-top:.15rem;} .news_detail01 .left .text{padding-bottom:0.3rem;} .news_detail01 .left .share_box{margin:0.2rem 0;} .news_detail01 .left .btns .prev{width:100%; margin-bottom:0.1rem;} .news_detail01 .left .btns .next{width:100%; float:left; text-align:left;} .news_detail01 .right{width:100%; margin-top:0.3rem;} .news_detail01 .right .item:last-child{margin-bottom:0;} .news_detail01 .right .item .item_con .time{margin-bottom:.05rem;} /* 产品详情 */ .pro_detail01{padding-bottom:.3rem;} .pro_detail01 .content .li_{width:49%; margin-right:2%; margin-bottom:0.1rem;} .pro_detail01 .content .li_:nth-child(2n){margin-right:0;} .pro_detail01 .content .li_ .li_box .intro{bottom:0.2rem;} .pro_detail01 .content .li_.cur .li_box::after{opacity:0; visibility:hidden;} .pro_detail02 .tit{margin-bottom:.15rem;} .pro_detail02, .pro_detail03{margin-bottom:.4rem;} .pro_detail03 .tit{margin-bottom:.15rem;} .pro_detail03 .item{width:100%; margin-left:0; margin-bottom:0.1rem;} .pro_detail03 .item:last-child{margin-bottom:0;} .pro_detail03 .item.on{width:100%;} .pro_detail03 .item .txt_full{left:0.2rem; bottom:0.2rem; right:0.2rem; width:auto;} .pro_detail03 .item.on .txt_full{bottom:0.2rem;} .pro_detail03 .item .txt_cover .t{font-size:.2rem; writing-mode:horizontal-tb;} .pro_detail03 .rect-1366{padding-bottom:30%!important;} .pro_detail04{padding:.4rem 0;} .pro_detail04 .tit{margin-bottom:.15rem;} .pro_detail04 .swiper-container-horizontal>.swiper-pagination-bullets{margin-top:.3rem;} /* 关于我们 */ .about_us01 .hd .content .center{width:66%;} .about_us01 .bd{margin-top:.3rem;} .about_us01 .bd .cont{width:96%; margin-left:4%;} .about_us02{margin-top:.4rem; padding:.4rem 0;} .about_us02 .left{display:none;} .about_us02 .right{width:100%;} .about_us02 .cover_box{padding:.2rem 0;} .about_us02 .cover_box .li_{padding:0 .2rem;} .about_us03 .infor{width:100%;} .about_us03 .big_num{margin-top:.2rem;} .about_us03 .infor .con{margin-bottom:.2rem;} .about_us03 .content{position:relative; transform:none; top:auto; padding:.4rem 0;} .about_us03 .bg img{position:absolute; top:0; height:100%; right:0; min-width:100%; max-width:none; width:auto;} .about_us04{padding-top:.4rem;} .about_us04 .top_box .tabs01 .item .icon img{width:.35rem;} /* 媒体图库 */ .media01 .hd .cover .infor{width:50%;} .media01 .bd{padding-top:.4rem; /*margin-top:.4rem;*/} /* 文化 */ .culture01 .bd{margin-top:.3rem;} .about_us01 .hd .content .center{width:66%;} .culture01 .bd .cont .item .infor .tit{margin-bottom:.1rem;} .culture01 .bd .cont .item .infor .con{opacity:1; display:block; visibility:visible; transform:none; height:auto;} .culture01 .bd .cont{position:relative;} .culture01 .bd .cont .item{height:4rem;} .culture01 .bd .bg img{position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%); width:auto; min-width:100%;} /* 社会责任 */ .responsive01 .top .infor{width:100%; margin-bottom:.3rem;} .responsive01 .top .big_num .item .num{font-size:.4rem;} .responsive01 .bott{margin-top:.4rem; padding-left:4%; padding-right:4%;} .responsive01 .bott .words_box{bottom:.2rem; left:4%; right:4%;} .responsive01 .bott .words_box .t{font-size:.22rem; margin-bottom:0;} .responsive01 .swiper-controls{margin-top:.2rem;} .responsive02{margin-top:.4rem;} .responsive02 .content{display:block;} .responsive02 .left{width:100%;} .responsive02 .right{width:100%;} .responsive02 .right .box{margin-top:0; padding:4%; padding-bottom:.3rem; box-sizing:border-box; position:relative; top:auto; left:auto; right:auto; transform:none;} .responsive02 .right .box .con{margin-top:.1rem; max-height:none;} .responsive02 .right .btns{position:relative; right:auto; text-align:center; padding-bottom:.3rem;} .responsive02 .left .words_box{bottom:.2rem; left:4%; right:4%;} .responsive02 .left .words_box .t{font-size:.22rem;} .responsive02 .left .words_box .c{margin-top:0;} /* 联系我们 */ .contact_us01 .content{flex-wrap:wrap; flex-direction:column-reverse;} .contact_us01 .left{width:100%; height:3rem;} .contact_us01 .right{width:100%; display:block; padding-bottom:.1rem;} .contact_us01 .right .item{padding-top:.3rem; margin-top:.3rem;} .contact_us01 .right .item .tit{font-size:.22rem; margin-bottom:.2rem;} .contact_us02{margin-top:.4rem;} .contact_us02 .content li{padding:.3rem 2% .1rem; width:48%; margin-right:4%;} .contact_us02 .content li:nth-child(3n){margin-right:4%;} .contact_us02 .content li:nth-child(2n){margin-right:0;} .contact_us02 .content li .tit{font-size:.22rem;} .contact_us03{margin-top:.2rem;} .contact_us03 .form_box .btns_list{width:100%;} /* 科研创新 */ .technology .title{margin-bottom:.3rem;} .technology01 .infor{width:100%;} .technology01 .infor .title{margin-bottom:.1rem;} .technology01 .item .tit{font-size:.22rem;} .technology02{margin-top:.4rem;} .technology02 .content li{height:1rem;} .technology03{margin-top:.2rem;} .technology03 .content{flex-wrap:wrap; flex-direction:column-reverse; min-height:auto;} .technology03 .left{width:100%;} .technology03 .left img{transform:none; position:static; width:100%; height:auto; } .technology03 .right{width:100%;} .technology03 .right .box .infor .tit{font-size:.22rem; line-height:.32rem; margin-bottom:.15rem;} .technology03 .right .box .big_num{margin-top:.3rem;} /* 科研成果 */ .achievement01{padding-top:.4rem;} .achievement01 .left{position:relative; top:auto; transform:none;} .achievement01 .left .cont{width:100%;} .achievement01 .right{width:100%; margin-top:.2rem;} .achievement02{margin:.4rem 0;} .achievement02 .swiper-slide{width:100%;} .achievement02 .swiper-slide .left{padding-right:4%;} .achievement02 .swiper-slide .left .tit{font-size:.22rem;} .achievement02 .swiper-slide .right{width:1.5rem;} .achievement02 .swiper-controls{margin-top:.1rem;} .achievement03{min-height:auto; padding:.6rem 0; } .achievement02 .title{margin-bottom:.1rem;} .achievement03 .cont li{width:19%;} .achievement03 .cont li .num_box .num{font-size:.4rem;} .achievement02 .swiper-container{padding:.2rem;} /* 人才 */ .talent01 .content{display:block;} .talent01 .left{width:100%; margin-bottom:.2rem;} .talent01 .right{text-align:center; width:100%;} .talent02, .talent05{margin-top:.4rem;} .talent02::before{display:none;} .talent02 .content .top .tit{font-size:.22rem; line-height:.3rem; margin-bottom:.1rem;} .talent02 .content01{margin-top:.3rem;} .talent02 .content01 .top{margin-bottom:.2rem;} .talent02 .content01 .bott{display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .talent02 .content01 .bott .left{width:100%;} .talent02 .content01 .bott .right{padding:0; width:100%; padding:0 4%; box-sizing:border-box; margin-bottom:.2rem; display:block;} .talent02 .content02 .left{width:100%;} .talent02 .content02 .right{position:relative; margin-top:.2rem; width:100%;} .talent02 .content02{margin-top:.4rem;} .talent .content .t_box{padding-bottom:.1rem; margin-bottom:.2rem;} .talent .content .t_box span:first-child{font-size:.6rem;} .talent .content .t_box span:last-child{font-size:.22rem;} .talent02 .content02 .left::after,.talent03::after,.talent03::before{display:none;} .talent02 .content02 .left .t22{margin-top:.2rem;} .talent02 .content02 .left .t22 span{font-size:.2rem; padding-bottom:.15rem;} .talent03{margin-top:.3rem; padding:.3rem 0;} .talent03 .cont{flex-wrap:wrap; flex-direction:column-reverse;} .talent03 .right{width:100%; margin-bottom:.2rem;} .talent03 .left{width:100%;} .talent04{margin-top:.4rem;} .talent04 .title,.talent05 .title{margin-bottom:.2rem;} .talent04 .content{width:90%;} .talent04 .content .swiper-slide .t{font-size:.22rem; bottom:.15rem;} .talent04 .content .swiper-container-horizontal>.swiper-pagination-bullets{margin-top:.3rem;} /* 首页 */ .ibanner .img_box video{display:none;} .ibanner .m_img{display:block;} .ibanner .words_box .info{width:80%;} .ibanner .words_box .tit{font-size:.36rem; line-height:.44rem;} .ipart01, .ipart02, .ipart03{margin-top:.5rem;} .ipart04{margin:.5rem 0;} .ipart01 .left{width:100%; margin-bottom:.4rem;} .ipart01 .left .des_box li .icon{height:.7rem;} .ipart01 .right{width:80%; position:relative; margin:0 auto; overflow:visible;} .ipart01 .right .box{width:100%;} .ipart01 .right .swiper-button-next{right:0;} .ipart01 .right .swiper-button-prev{left:0; transform:translateX(-100%);} .ipart02{min-height:calc(100vh - .92rem);} .ipart02 .btn_box{text-align:center; bottom:3%;} .ipart02 .btn_box .btns{width:auto; height:auto; display:inline-block; text-align:center; float:none; margin:0 .1rem; border-radius:.2rem; border:2px solid #0d4696;} .ipart02 .btn_box .btns .icon img{width:.4rem; } .ipart02 .btn_box .btns .infor{padding-left:0; margin-top:.2rem;} .ipart02 .btn_box .btns .infor .tit{font-size:.2rem;} .ipart02 .bg .img_ img{height:100%; width:auto; max-width:none; transform:translateX(-50%); left:50%; position:absolute; top:0; height:100%; min-width:100%;} .ipart02 .bg .img_{background-size:auto 100%; background-position:50%;} .ipart02 .show_box .ind_show .con_box{margin-top:.3rem; display:block; height:auto;} .ipart02 .show_box .ind_show .con_box .item::after, .ipart02 .show_box .ind_show .con_box .item::before{display:none;} .ipart02 .show_box .ind_show .con_box .item{margin:.1rem 0 .2rem;} .ipart02 .show_box .ind_show .con_box .item .cover{width:100%; display:flex; align-items:center; justify-content:flex-start} .ipart02 .show_box .ind_show .con_box .item .cover .icon{margin-left:0; margin-right:.2rem; background:#fff; flex-shrink:0;} .ipart02 .show_box .ind_show .con_box .item .cover .infor{text-align:left;} .ipart02 .show_box .ind_show .con_box .item .cover .c{display:block; width:100%;} .ipart02 .show_box .ind_show .con_box .item .cover .t{position:relative; transform:none; left:auto; margin-top:0;} .ipart02 .show_box{position:relative; top:auto; padding:.5rem 0 1.8rem;} .ipart03 .content{display:none;} .ipart03 .m_content{display:block; border-radius:.2rem; overflow:hidden; margin-top:.3rem;} .ipart03 .m_content .cover_words{width:70%; position: absolute; top:45%; left:6%; padding:.3rem 0; z-index:10; transition:all .5s ease-out; pointer-events:none; transform:translateY(-50%); box-sizing:border-box;} .ipart03 .m_content .cover_words .infor{margin-bottom:.5rem;} .ipart03 .m_content .cover_words .infor .tit{color:#fff; /*font-weight:bold;*/} .ipart03 .m_content .cover_words .infor .con{color:#fff; margin-top:.15rem;} .ipart03 .m_content .swiper-container-horizontal>.swiper-pagination-bullets{font-size:0;} .ipart03 .m_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:.15rem; height:.15rem; background:#fff; opacity:1;} .ipart03 .m_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0d4696;} .ipart04 .content{display:block; margin-top:.3rem;} .ipart04 .left{width:100%; margin-bottom:.3rem;} .ipart04 .right{width:100%;} .ipart02 .show_box .ind_show .con_box .item .cover .icon .img02{display:block;} .ipart02 .show_box .ind_show .con_box .item .cover .icon .img01{display:none;} /* 解决方案 */ .solution01 .bott li{width:49%; margin-right:2%;} .solution01 .bott li:nth-child(5n){margin-right:2%;} .solution01 .bott li:nth-child(3n){margin-right:2%;} .solution01 .bott li:nth-child(2n){margin-right:0;} .solution01 .bott li .m_link{display:block; position:absolute; top:50%; left:4%; right:4%; transform:translateY(-50%); font-size:.22rem; /*font-weight:bold;*/ text-align:center; color:#fff;} .solution01 .bott li .cover{display:none;} .solution01 .top .word{line-height:.4rem; left:5%;} /* 解决方案详情 */ .solu_detail01 .item .cont{align-items:flex-start;} /* 战略目标 */ /* .strategy02{margin-top:.4rem;} */ .strategy02 .item{margin-bottom:.4rem;} .strategy02 .item .cover .box .tit{font-size:.22rem; margin-bottom:.1rem;} .strategy02 .item .cover .box .con{max-height:132px;} .strategy03{padding:.4rem 0;} .strategy03 .content .left .title{padding-bottom:.2rem;} /* 投资 */ .invest01 .left .top_ .con .num01 span{font-size:0.3rem;} .invest01 .left .bot_ .item_list .item .num{font-size:0.22rem;} .invest02{margin-top:.4rem; padding:.4rem 0;} .invest02 .content{margin-top:0.1rem;} .invest02 .content .bd .right .item_list .item{width:100%;} .invest02 .content .hd .swiper .swiper-slide .year{height:0.4rem; line-height:0.4rem;} .invest02 .content .bd{margin-top:0.1rem;} .invest03{margin-top:.4rem;} .invest03 .infor{margin-bottom:0;} .invest03 .content .item_list .item{width:100%; margin-right:0; background:none !important;} .invest03 .content .item_list .item:nth-child(2n){background:#f6f6f6 !important;} .invest04{margin-top:0.4rem;} .invest04 .content .rect-02{padding-bottom:inherit; height:auto;} .invest04 .content .rect-02{padding-bottom:40%; height:0;} .invest04 .content .rect-02 img{position:absolute; left:90%; transform:translateX(-50%); max-width:none; height:100%;} .invest04 .content .rect-02::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(13, 70, 150,0.5);z-index:0;} .invest03 .content .item_list .item{height:.7rem; line-height:.7rem;} .invest03 .content .item_list .item .center_,.invest03 .content .item_list .item .right_{line-height:.7rem;} /* 20240325 */ /* 媒体图库 */ .media01 .center .item{margin:0 .2rem;} /* 研发创新 */ .technology04 .left{position:relative; transform:none; top:auto; padding:.4rem 0;} .technology04 .left .cont{width:100%;} .technology04 .left .cont .infor .con{margin:.1rem 0 .3rem;} .technology04 .right{width:100%;} /* 质量管理 */ .quality01 .title{margin-bottom:.3rem;} .quality01 .hd li .icon{width:1.1rem;} .quality01 .hd li .icon img{max-width:.5rem;} .quality01 .bd .item{margin-top:.4rem;} /* 社会责任 */ .strategy04{padding-top:.4rem;} .strategy04 .bot_{width:92%;} .strategy04 .bot_ .text_box .tit{font-size:.22rem;} .tit24{font-size:.2rem; line-height:.3rem;} .tit30{font-size:.22rem; line-height:.32rem;} /* 新-产品 */ .new_pro02 .bott .wrap{width:auto;} .new_pro01{padding:.4rem 0 .5rem;} .new_pro01 .left .link a{font-size:.24rem; line-height:.6rem; padding:0 .3rem;} .new_pro01 .left .t{/*font-size:.22rem;*/ margin-top:.3rem;} /* .new_pro02 .top .tab_t{font-size:.22rem;} */ .new_pro02 .top .tab_t_box{white-space:nowrap; overflow-x:auto;} .new_pro02 .bott{margin-top:.3rem;} .new_pro02 .bott .left .bott_ li .tit{margin-bottom:.1rem; font-size:.24rem;} .new_pro02 .bott .left .bott_ li{margin-top:.2rem; padding-bottom:.1rem;} .new_pro03{margin-top:.4rem;} .new_pro01::after{height:2.5rem; width:5.7rem;} .new_pro03 .words{padding:.4rem 4%; display:block; position:relative; top:auto; left:auto; right:auto; transform:none; box-sizing:border-box;} .new_pro03 .words .tit{margin-bottom:.3rem;} .new_pro03 .content .bg img{position:absolute; left:20%; top:0; max-width:none; width:auto; height:100%; transform:translateX(-20%);} /* 投资者关系 */ .invest05 .left{width:100%;} .invest05 .right{display:none;} /* 新-技术 */ .new_tech01 .top{width:100%; margin-bottom:.3rem;} .new_tech01 .top .con{margin-top:.2rem;} .new_tech01 .bott li{width:23.8%; margin-right:1.6%;} .new_tech01 .bott li .num_box{width:100%;} .new_tech01 .bott li .num_box .num{font-size:.4rem;} .new_tech01 .bott li .circle{margin-bottom:.2rem;} .new_tech02 .cont li{width:100%;} .new_tech02 .cont li .infor .con{height:auto;} .new_tech02 .cont li.cur .infor .con{height:auto;} .new_tech02 .cont li{padding:.4rem 4%;} .new_tech02, .new_tech03, .new_tech04{margin-top:.4rem;} .new_tech02 .bg{display:none;} .new_tech02 .cont{margin-top:0; height:auto;} .new_tech02 .cont li{border-bottom:2px solid #154296;} .new_tech02 .cont li:last-child{border-bottom:0;} .new_tech03 .content{padding-top:0;} .new_tech03 .cont{width:100%;} .new_tech03 .bg img{position:relative; transform:none; z-index:1; width:100%; max-width:100%; left:auto;} .new_tech04 li{width:100%; padding:.3rem 4%; height:auto;} .new_tech04 .content{padding:.4rem 4%;} .new_tech04 .title{margin-bottom:.3rem;} .new_tech04 li .icon img{max-height:.6rem;} .new_tech01 .bott li .num_box{padding-bottom:0; height:auto;} .new_tech01 .bott li .num_box .box{position:relative; transform:none; top:auto;} .new_tech01 .bott li .circle{background:none!important; padding:0; margin-bottom:.1rem;} .new_tech02 .cont li .infor .tit{font-size:.22rem;} /* 新-人才 */ .personnel03 .right{width:100%;} .personnel03 .wrap{width:auto;} .personnel03 .content{display:block; padding-bottom:.7rem; position:relative;} .personnel03 .left{width:100%;} .personnel03 .left .title{text-align:center;} .personnel03 .left .tab_box{white-space:nowrap; overflow-x:auto; text-align:center; margin:.3rem 0;} .personnel03 .left .tab_box .tab_t{display:inline-block; margin-bottom:0; margin-right:.3rem;} .personnel03 .left .tab_box .tab_t:last-child{margin-right:0;} .personnel03 .left .btns_box{position:absolute; bottom:0; left:50%; transform:translateX(-50%);} .personnel01,.personnel02,.personnel03{margin-bottom:.4rem;} .personnel02{padding:.4rem 0;} .personnel02 .content{margin-top:.3rem;} .personnel02 .content li{width:50%; } .personnel02 .content li .li_box .cover_ .con{height:1.2rem; -webkit-line-clamp:4;} .personnel04 .content .cont{width:55%;} .personnel04 .content .cont .con{margin:.2rem 0 .3rem;} /* 新-关于 */ .about01{padding:.4rem 0;} /* .about01 .left{display:none;} */ .about01 .content{flex-wrap:wrap; flex-direction:column-reverse;} .about01 .left{width:100%; margin-top:.3rem;} .about01 .right{width:100%;} .about01 .right .con{height:auto;} .about01 .right .infor::after{display:none;} .about01 .right .jt{display:none;} .about02 .content li{padding-top:0; width:50%; margin-bottom:.4rem;} .about02 .content li .box{height:auto;} .about02 .content li .icon img{height:.4rem;} .about02 .content li .infor{height:auto;} .about02 .content li .infor .c{opacity:1; visibility:visible} .about02 .content li.cur .infor{height:auto;} .about02 .content .title{padding:.4rem 0;} .about03 .left .big_num .item .num{font-size:.36rem;} .about04, .about05{padding-top:.4rem;} .about04 .item .cover{position:relative; height:auto; top:auto; transform:none; width:100%;} .about04 .item .cover .box{position:relative; height:auto; top:auto; transform:none; padding:0; margin-bottom:.2rem;} .about04 .item .cover .box .con{max-height:none;} .about05 .ditu{width:100%;} .about05 .cont .desc::after{display:none;} .about05 .cont .desc{width:100%; position:relative;} .about03 .right .img_box .swiper-container .swiper-slide{padding:.1rem;} .about03 .right .img_box .swiper-container{padding:0 .1rem;} /* 新-首页 */ .new_ibanner .img_box video{display:none;} .new_ibanner .m_img{display:block;} .new_ibanner .words_box .info{width:80%;} .new_ibanner .words_box .con{font-size:.16rem; line-height:.3rem;} .new_ibanner .words_box .tit{font-size:.24rem; line-height:.34rem;} .new_ibanner .swiper-button-prev, .new_ibanner .swiper-button-next{width:.4rem; height:.4rem;} .new_ibanner .widgets{bottom:.2rem;} .new_ibanner .widgets .iconfont{font-size:.2rem;} .new_ibanner .swiper-button-next{margin-left:.1rem;} .new_ibanner .scroll_down{left:4%;} .new_ibanner .words_box .common_btns{margin-top:.3rem;} .new_index01{padding:.5rem 0; background:#f1f4ff;} .new_index01 .top_all{margin-bottom:.2rem;} .new_index01 .bott .left{display:none;} .new_index01 .bott .right{width:100%;} .new_index01 .bott .right li{margin-bottom:0; margin-top:.3rem;} .new_index02 .content{flex-wrap:wrap;} .new_index02 .content .item.on,.new_index02 .content .item{width:100%;} .new_index02 .content .item .img{height:4rem;} .new_index02 .content::before, .new_index02 .content::after{display:none;} .new_index02 .content .item .cont{padding:0 4% .4rem;} .new_index02 .content .item .cont .link_box{margin-top:.2rem;} .new_index02 .content .item.on .cont .link_box{margin-top:.2rem;} .new_index02 .content .item .cont .icon img{height:.4rem;} .new_index02, .new_index03, .new_index04{margin-bottom:.5rem;} .new_index04 .bott .btns_box{width:100%;} .new_index03 .cont{position:relative; transform:none; top:auto; padding:.5rem 0;} .new_index03 .cont .words .con{font-size:.18rem; line-height:.3rem;} .new_index03 .bg img{position:absolute; left:0; top:50%; transform:translateY(-50%); } .new_index03 .cont .words{width:60%;} .new_index01 .bott .right li .icon img{height:.4rem;} .new_index01 .bott .right li .t{font-size:.16rem; line-height:.3rem;} .new_index01 .bott .right li{width:49%; margin-right:2%;} /* 解决方案banner */ .solu_banner{height:auto;} .solu_banner .solu_intro{display:none;} .new_index02 .content .item:first-child{margin-bottom:.3rem;} .new_index02 .content .item .img img{height:100%; min-width:100%; left:50%; top:0; width:auto; max-width:none; transform:translateX(-50%); margin-left:0;} .new_pro02 .bott .tab_c>.infor{margin-bottom:.3rem;} .new_pro02 .bott .tab_c .infor .con{margin-top:.1rem;} .technology02 .new_infor{margin-bottom:.3rem;} .technology .technology02 .title{margin-bottom:.1rem;} .new_tech05 .item{margin-top:.4rem;} .new_tech02 .cont2{margin-top:0;} .new_index01 .bott{position:relative;} .new_index01 .bott .left{display:block; position:absolute; right:0; top:0; transform:translateY(-100%);} .new_index01 .bott .left .play{width:1rem; height:1rem;} .new_index01 .bott .left .play img{width:.2rem;} .common_box{ width: 95%; } .common_table tr td{ padding: 5px 0; border-bottom: solid 1px #000; } } @media only screen and (max-width: 720px){ /* 战略目标 */ .strategy01 .bg img{position:absolute; top:0; height:100%; left:0; width:100%;} .strategy01 .cover{position:relative; transform:none; top:auto; left:4%; width:92%; padding:.4rem 0;} .strategy01 .cover .box{display:block;} .strategy01 .cover .left{width:100%; margin-bottom:.2rem;} .strategy01 .cover .right{width:100%;} .strategy02 .item .cover{position:relative; height:auto; top:auto; transform:none; width:100%;} .strategy02 .item .cover .box{position:relative; height:auto; top:auto; transform:none; padding:0; margin-bottom:.2rem;} .strategy02 .item .cover .box .con{max-height:none;} .strategy03 .content .right{display:none;} .strategy03 .content .left{width:100%;} .strategy03 .content .left .box{height:auto; padding-right:0;} /* 质量管理 */ .quality01 .hd ul{flex-wrap:wrap;} .quality01 .hd li{width:32%; margin-right:2%; margin-bottom:.3rem;} .quality01 .hd li:nth-child(3n){margin-right:0;} .quality01 .hd li .icon{width:60%; margin:0 auto; padding-bottom:60%;} .quality01 .bd .item:first-child{margin-top:.1rem;} .quality01 .bd .item{display:block; min-height:auto;} .quality01 .bd .item .left{width:100%; padding:.3rem 4%;} .quality01 .bd .item .right{width:100%;} .quality01 .bd .item .right img{position:relative; transform:none; height:auto; max-width:100%;} /* 新-人才 */ .personnel01 .item{width:100%; margin-left:0; margin-bottom:0.2rem; height:4rem!important;} .personnel01 .item:last-child{margin-bottom:0;} .personnel01 .item.on{width:100%;} .personnel01 .item .txt_full{left:0.2rem; bottom:0.2rem; right:0.2rem; width:auto;} .personnel01 .item.on .txt_full{bottom:0.2rem;} .personnel01 .item .txt_cover .icon img{height:.4rem;} .personnel01 .item .txt_cover .tit{margin-top:.1rem;} .personnel01 .rect-1518{padding-bottom:30%;} .personnel04 .content{position:relative; top:auto; transform:none; padding-bottom:.4rem;} .personnel04 .content .cont{width:100%;} .personnel04 .bg{display:none;} .personnel01 .item .img_cover{display:none} .personnel01 .rect-6792{padding-bottom:0; height:100%;} .personnel01 .item .txt_full .tit{margin-top:.1rem;} .personnel01 .item .txt_full{left:0; width:100%; right:0;} .personnel01 .item .txt_full .words_cont{height:calc(100% - 1.05rem);} .personnel01 .item .img_full{left:50%; transform:translateX(-50%); width:auto; min-width:100%;} /* 公共部分 */ body .searchArea .content_form{padding:0;} /* 产品详情 */ .new_pro01 .content{display:block;} .new_pro01 .left{width:100%;} .new_pro01 .content .right{margin-top:.3rem;} .new_tech05 .item{flex-wrap:wrap; flex-direction:column-reverse; min-height:auto;} .new_tech05 .item .right{width:100%; padding:.3rem 4%;} .new_tech05 .item .left{width:100%;} .new_tech05 .item .left img{position:relative; transform:none; height:auto; max-width:100%;} .new_tech02 .cont2 li .after_box .area{display:block; overflow:hidden;} .new_tech02 .cont2 li .after_box .item{text-align:left; display:flex; align-items:flex-start; justify-content:flex-start; padding:0; margin-bottom:.15rem;} .new_tech02 .cont2 li .after_box .item .circle{margin:4px .2rem; width:.2rem; height:.2rem;} .new_tech02 .cont2 li .after_box .area::after{top:0; left:55px; width:.12rem; height:100%; background-size:100% auto; background:url(../img/new_tech02_newline2.png) no-repeat bottom;} .new_tech02 .cont2 li .after_box .item .circle::after{width:6px; height:6px;} } /* * MobileMode */ @media only screen and (max-width: 580px) { /*mobileMode 580 网站样式*/ .channel_content{min-height:100vh;} /* 公共字号 */ .tit48{font-size:.3rem; line-height:.36rem;} /* 导航下拉 */ .mNav ul .m_li>a{font-size:.2rem;} .mNav ul .m_li .nav_open .bd .title{font-size:.22rem;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t>a{font-size:15px;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .t span{font-size:15px;} .mNav ul .m_li .nav_open .bd .container .m_secondNav .m_thirdNav li{font-size:14px;} .mNav ul .m_li>a span{font-size:.18rem;} /* 底部 */ .footer .footer_top{padding:.2rem 0; display:none;} .footer .footer_bott .b_bott .b_left a{display:inline-block;} .footer .footer_top .left .common_btns{display:none;} /* 新闻中心 */ .news_center01 .title_box{margin-bottom:.2rem;} .news_center01 .bott .swiper-slide .words{padding:.2rem!important;} .news_center02 .hd .item{width:100%; margin-bottom:.1rem; margin-right:0;} /* .news_center02 .bd{margin-top:0.1rem;} */ /* .news_center02 .bd li .words_box .tit{font-size:.18rem;} */ /* 下层banner */ /* .xc_banner{text-align:center;} */ .xc_banner .xc_words .tit{margin-bottom:0; /*font-weight:bold;*/} .xc_banner .xc_words .con{display:none;} /* 产品详情 */ .pro_detail01 .content .li_ .li_box .intro{bottom:0.1rem;} /* 关于我们 */ .about_us01 .hd .content{display:block;} .about_us01 .hd .content .right{display:none;} .about_us01 .hd .content .center{width:100%; margin-top:.2rem;} .about_us01 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:.1rem;} .about_us02 .cover_box{padding-bottom:0;} .about_us02 .cover_box ul{flex-wrap:wrap;} .about_us02 .cover_box .li_{width:49%; box-sizing:border-box; padding:0 .2rem .2rem;} .about_us02 .cover_box .line{display:none;} .about_us03 .big_num ul{display:flex; align-items:flex-start; justify-content:space-between;} .about_us03 .big_num li:last-child{margin-right:0;} .about_us03 .big_num li .num_box .num{font-size:.32rem;} .about_us04 .top_box{display:block;} .about_us04 .top_box .title{text-align:center;} .about_us04 .top_box .tabs01{width:100%; margin-top:0.1rem; padding-left:0; text-align:center;} .about_us04 .top_box .tabs01 .item .icon{display:inline-block;} .about_us04 .top_box .tabs01 .item .text{display:inline-block; margin-left:0.1rem;} .about_us04 .top_box .tabs01 .item{padding:0.1rem 0.3rem;} /* 媒体图库 */ .media01 .hd .bg img{position:absolute; top:0; height:100%; left:0; width:auto; min-width:100%; max-width:none;} .media01 .hd .cover{position:relative; transform:none; top:auto; padding:.4rem 0;} .media01 .hd .cover .infor{padding:0 4%; width:auto;} .media01 .bd li{width:48%; margin-right:2%; margin-bottom:.2rem;} .media01 .bd li:nth-child(3n){margin-right:2%;} .media01 .bd li:nth-child(2n){margin-right:0;} .media01 .bd li .intro{padding:.15rem; padding-right:.4rem;} .media01 .bd li .intro::after{right:.1rem;} .media01 .center .item{margin:0 .1rem;} /* 文化 */ .culture01 .hd .content{display:block;} .culture01 .hd .content .right{display:none;} .culture01 .hd .content .center{width:100%; margin-top:.2rem;} .culture01 .bd .cont .item{width:100%; height:auto; padding:0.3rem 0; border:0; border-top:1px solid rgba(255,255,255,0.28);} .culture01 .bd .cont .item:first-child{border-left:0; border-top:0;} .culture02{margin-top:.4rem;} .culture02 .content{display:block;} .culture02 .left{display:none;} .culture02 .m_left{width:100%;} .culture02 .m_left .title_box{overflow-x:auto; white-space:nowrap; margin-bottom:.2rem; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:.2rem;} .culture02 .m_left .title_box .tit{display:inline-block; /*font-weight:bold;*/ opacity:.5; margin-right:.3rem; padding:0 .05rem;} .culture02 .m_left .title_box .tit.cur{opacity:1; color:#0d4696;} .culture02 .m_left .title_box .tit:last-child{margin-right:0;} .culture02 .right{width:100%; margin-top:.2rem;} /* 社会责任 */ .responsive01 .top .big_num .item{width:50%; margin-bottom:.2rem; margin-right:0;} .responsive01 .top .big_num .item .num{font-size:.32rem;} .responsive01 .bott{margin-top:.1rem;} /* 联系我们 */ .contact_us02 .content li{width:100%; margin-right:0;} .contact_us02 .content li .cont{margin-top:.1rem;} .contact_us02 .content li .cont dd{margin-bottom:.05rem;} .contact_us03 .form_box .inp_box{width:100%;} .contact_us03 .form_box .btns_list button{width:1.8rem;} .contact_us03 .form_box .yzm_box .yzm{margin-right:.1rem; width:1.5rem;} .contact_us03 .form_box .yzm_box img{margin-right:.1rem;} /* 科研创新 */ .technology01 .item{flex-wrap:wrap; margin-bottom:.2rem;} .technology01 .item .img{width:100%;} .technology01 .item .img01{margin-bottom:.2rem;} .technology01 .rect-6906{padding-bottom:60%;} .technology01 .rect-4144{padding-bottom:60%;} .technology01 .rect-4144 img{width:auto; max-width:none; left:50%; transform:translateX(-50%);} .technology02 .content li{width:48%; margin-right:4%;} .technology02 .content li:nth-child(2n){margin-right:0;} /* 科研成果 */ .achievement02 .swiper-controls .swiper-pagination-progressbar{height:7px;} .achievement03{padding:0; padding-bottom:.1rem;} .achievement03 .bg img{position:relative; transform:none; max-width:100%; height:auto; left:auto;} .achievement03 .content{color:#222; margin-top:.3rem;} .achievement03 .title{margin-bottom:.3rem;} .achievement03 .cont li{width:48%; margin-right:4%; margin-bottom:.2rem;} .achievement03 .cont li:nth-child(2n){margin-right:0;} .achievement03 .cont li .num_box{border-bottom-color:rgba(34, 34, 34,0.3); padding-bottom:.1rem; font-size:.22rem;} .achievement03 .cont li .num_box .num{font-size:.22rem; font-weight:normal;} .achievement03 .cont li .t{color:#555;} /* 人才 */ .talent04 .content{width:100%;} .talent04 .content .swiper-slide.swiper-slide-active .t{font-size:.2rem; left:4%; right:4%;} .talent05 li{width:48%; margin-right:4%;} .talent05 li:nth-child(3n){margin-right:4%;} .talent05 li:nth-child(2n){margin-right:0;} /* 首页 */ .ibanner .cover_icon{display:none;} .ibanner .swiper-container-horizontal>.swiper-pagination-bullets{top:auto; bottom:.2rem;} .ibanner .words_box .tit{font-size:.32rem; line-height:.4rem;} .ibanner .words_box .common_btns{margin-top:.3rem;} .ibanner .words_box .con{font-size:.22rem; margin-bottom:0;} .ipart01, .ipart02, .ipart03{margin-top:.4rem;} .ipart04{margin:.4rem 0;} .ipart01 .left .con{margin-bottom:.3rem;} .ipart01 .left .des_box li .icon{width:35%;} .ipart01 .left .des_box li .t{width:58%;} .ipart01 .left .des_box li{margin-bottom:.2rem;} .ipart01 .right{width:92%;} .ipart01 .right .swiper-button-next, .ipart01 .right .swiper-button-prev{transform:none;} .ipart01 .right .swiper-button-disabled{display:block;} .ipart03 .m_content{margin-top:.2rem;} .ipart03 .m_content .bg img{height:4rem; max-width:none;} .ipart03 .m_content .cover_words{width:88%; } .ipart04 .left .swiper-container-horizontal>.swiper-pagination-bullets{width:100%; bottom:.1rem;} .ipart04 .left .words{bottom:.4rem; width:92%; left:4%;} .ipart04 .left .words .tit{font-size:.2rem;} .ipart04 .right .t{font-size:.2rem;} /* 解决方案 */ .solution01 .top .bg{display:none;} .solution01 .top .word{position:static; transform:none; /*font-weight:bold;*/} /* 解决方案详情 */ .solu_detail01 .item{padding:.4rem 0;} .solu_detail01 .item .cont{display:block;} .solu_detail01 .item .img{width:100%; margin-bottom:.2rem;} .solu_detail01 .item .words{width:100%;} /* 30240325 */ /* 媒体图库 */ .media01 .hd{overflow:hidden;} .media01 .hd .cover .play{position:relative; transform:none; top:auto; right:auto; margin:.2rem auto 0; margin-left:0.2rem;} .media01 .hd .cover .play::before, .media01 .hd .cover .play::after{z-index:0;} .media01 .hd .cover .play .icon{position:relative; z-index:2;} /* 新闻中心 */ .news_center02 .bd li a{flex-wrap:wrap; flex-direction:column-reverse;} .news_center02 .bd li .words_box{width:100%;} .news_center02 .bd li .img_box{width:100%; margin-bottom:.3rem;} /* 质量管理 */ .quality01 .hd li .icon{width:80%; padding-bottom:80%;} /* 投资者关系 */ .invest04 .content .rect-02{padding-bottom:60%;} /* 新-技术 */ .new_tech01 .bott ul{flex-wrap:wrap;} .new_tech01 .bott li{width:48%; margin-right:4%; margin-bottom:.3rem;} .new_tech01 .bott li:nth-child(2n){margin-right:0;} .new_tech01 .bott li .num_box .unit{position:relative;} .new_tech01 .bott li .num_box .num{padding-right:.1rem;} .new_tech02{margin-top:.1rem;} /* 新-关于 */ .about03 .left .list{width:100%;} .about03 .left .list li{width:100%; margin-right:0; display:block;} .about03 .left .list ul{max-height:2.8rem;} .about02 .content li{width:100%; text-align:center; margin-bottom:.2rem;} .about02 .content li:last-child .box{border-bottom:0;} .about02 .content li .box{border-left:0; border-bottom:1px solid rgba(255, 255, 255, 0.6); padding:0; padding-bottom:.2rem;} .about02 .content li .icon{margin-bottom:.1rem;} .about02 .content .title{padding-bottom:.3rem;} .about03 .right{height:4rem;} /* 新-产品 */ .new_pro02 .bott .left .bott_ li .tit{font-size:.2rem;} } @media only screen and (max-width:480px){ /* 投资 */ .invest01 .left .bot_ .item_list .item{width:50%; margin-right:0; margin-bottom:0.2rem;} .invest01 .left .bot_ .item_list .item03{margin-bottom:0;} .invest01 .left .bot_ .item_list .item04{margin-bottom:0;} /* 20240325 */ /* 研发创新 */ .technology04 .left{padding-bottom:.3rem;} .technology04 .left .cont .item_box li{width:100%; margin-right:0;} /* 新-首页 */ .new_index03 .cont .words{width:100%; padding:0 4%; box-sizing:border-box;} .new_index03 .bg img{height:100%; width:auto; max-width:none; min-width:100%;} } @media only screen and (max-width: 425px){ /* 首页 */ .ipart01 .left .des_box{margin-bottom:.2rem;} .ipart01 .left .des_box li{width:100%; margin-right:0;} .about03 .right{height:3rem;} }