/* * name: responsive * version: v2.1.1 * update: 娣诲姞pad绔栧睆鐘舵€丳adp * 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:1850px) { /* 濯掍綋鎶ラ亾 */ .media01 .bott.change li .intro{padding-top:0.2rem;} .media01 .bott.change li .intro .tag{margin-bottom:0.1rem;} } /* 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锛團HD缂╂斁125%锛 缃戠珯鏍峰紡*/ /* 澶撮儴 */ .header .inav_wrapper .inav_li{margin:0 .2rem;} /* 搴曢儴 */ .footer .f_top{padding:.7rem 0 .6rem;} .footer .f_center{padding:.7rem 0 .5rem;} /* 鍏叡瀛楀彿 */ .tit46{font-size:.42rem; line-height:.54rem;} .tit42{font-size:.38rem; line-height:.46rem;} .tit40{font-size:.36rem; line-height:.44rem;} .tit36{font-size:.32rem; line-height:.4rem;} .tit30{font-size:.28rem; line-height:.36rem;} /* 棣栭〉 */ .ibanner .swiper-slide .words_box .words .tit{font-size:.56rem;} .ipart01 .right .cover_box{right:0;} .ipart02 .content .item .cont .con{font-size:.24rem;} .ipart03 .words .cont{width:67%;} /* 浜у搧璇︽儏 */ .pro_detail01{padding-top:1rem;} .pro_detail01 .right{width:42%; margin-right:0;} .pro_detail01 .right .center{margin-bottom:.8rem;} .pro_detail02 .bd .section1{padding:.8rem 0;} .pro_detail02 .bd .section2{padding:.8rem 0 .2rem;} .pro_detail02 .bd .section3{padding-bottom:.8rem;} .common_footer{padding:.8rem 0;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu03 .bott .item .area{padding-top:.8rem;} .comm_solu02{margin-top:.8rem;} /* 鏂伴椈鍒楄〃 */ .news_center02 .bd li.special .cover_box .title{height:.8rem;} } /* 1440锛?K锛 */ @media only screen and (max-width: 1440px) { .mwrap { width:1200px; } /*1440锛?K锛 缃戠珯鏍峰紡*/ html{font-size:80px;} } /* 1366锛堟櫘閫?4瀵革級 */ @media only screen and (max-width: 1366px) { .mwrap { width:1200px; } /*1366锛堟櫘閫?4瀵革級 缃戠珯鏍峰紡*/ /* 棣栭〉 */ .ibanner .swiper-slide .words_box .words .tit{font-size:.5rem;} .ibanner .swiper-slide .words_box .words .img{max-width:80%;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:1rem;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{width:1rem;} /* 浜у搧鍒楄〃 */ .pro_list01 .wrap::after{left:25%;} .pro_list01 .left{width:25%;} .pro_list01 .left .cont{width:85%;} /* 浜у搧璇︽儏 */ .pro_detail01 .right{width:45%;} .pro_detail01 .right .top .tips{margin-top:.3rem;} /* 鏁呬簨鍒嗕韩 */ .story01 .item .right .icon{width:.8rem; height:.65rem;} /* 瑙ｅ喅鏂规 */ .solution01 .swiper-slide .cont{padding:.3rem 2%;} .solution02 .infor{margin-bottom:.6rem;} } /* * 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:14px;} .PcPush{display: none;} .UnpcPush{display: block;} .wrap, .mwrap { width:960px; } /*padMode 1240px 缃戠珯鏍峰紡*/ /* 澶撮儴 */ .header .inav_wrapper .inav_li{margin:0 .1rem;} /* 搴曢儴 */ .footer .f_top{padding:.6rem 0 .5rem;} .footer .f_center{padding:.5rem 0 .4rem;} /* 鍏叡瀛楀彿 */ .tit46{font-size:.4rem; line-height:.5rem;} .tit42{font-size:.34rem; line-height:.42rem;} .tit40{font-size:.32rem; line-height:.4rem;} .tit36{font-size:.28rem; line-height:.38rem;} .tit30{font-size:.24rem; line-height:.34rem;} /* 鍏叡閮ㄥ垎 */ .channel_content{padding:.6rem 0;} /* 棣栭〉 */ .ibanner .swiper-slide .words_box .words .tit{font-size:.45rem;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:.8rem;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{width:.8rem;} .ibanner .btn-area{left:calc(50vw - 480px);} .ibanner .widgets .bannerRight{right:calc(50vw - 480px);} .ipart01 .content{padding:.7rem 0;} .ipart01 .svg_box{height:100%;} .ipart01 .left{padding:.3rem 0;} .ipart01 .left .mess .line{padding:.2rem 0;} .ipart01 .right{width:50%;} .ipart02 .content .item .img{height:6rem;} .ipart02 .content .item .img img{left:65%;} .ipart02 .content .item .cont .icon img{max-width:.7rem;} .ipart02 .content .item .cont .con{font-size:.22rem; line-height:1.4;} .ipart03 .words{top:15%;} .ipart03 .bott .name_img{top:18%;} .ipart03 .svg_box1{left:55%;} .ipart04 .content{padding:.7rem 0;} /* 鏂伴椈涓績 */ .news_center01{padding-top:1rem;} .news_center01 .bg .line_box .line{width:.6rem;} .news_center01 .top .btns_box{margin-right:.3rem;} .news_center01 .top .left .img{width:5rem;} .news_center01 .top{margin-bottom:.8rem;} .news_center01 .bott .img_box{width:49%;} .news_center01 .bott .word_box .tit{margin-bottom:.2rem;} .news_center01 .bott .word_box .tips{margin-bottom:.1rem;} .news_center01 .bott .common_btns{margin-top:.6rem;} .news_center02 .bd li a{padding:.2rem 0 .3rem;} .news_center02 .bd li.special .cover_box .title{height:.76rem;} /* 鏂伴椈璇︽儏 */ .news_detail01{padding-top:.8rem;} .news_detail01 .left .share_box{margin-bottom:.4rem;} .news_detail01 .left .text{padding-bottom:.4rem;} .news_detail01 .right .item .item_con{padding:.2rem;} .news_detail01 .right .item{margin-bottom:.25rem;} .news_detail01 .left{width:74%;} .news_detail01 .right{width:23%;} /* 涓嬪眰banner */ .xc_banner .img_box .line_box .line{width:.6rem;} .xc_banner .content .btns_box{margin-right:.3rem;} .xc_banner .content .left .img{width:5rem;} /* 浜у搧鍒楄〃 */ .pro_list01 .right{padding-bottom:.8rem;} .pro_list01 .right li{padding:.5rem 5%;} .pro_list01 .left .list li .b_down{padding:.2rem 6% .1rem;} /* 浜у搧璇︽儏 */ .pro_detail01{padding-top:.8rem;} .pro_detail01 .left{width:38%;} .pro_detail01 .right{width:50%;} .pro_detail01 .right .top .tips .item{margin-bottom:.05rem; margin-right:5%;} .pro_detail01 .right .center{margin-bottom:.6rem;} .pro_detail02 .bd .section1, .pro_detail02 .bd .section3{padding:.6rem 0;} .pro_detail02 .hd .name{display:none;} .pro_detail02 .hd .center{display:block; float:left;} .pro_detail02 .bd .section1 .words_cover{padding-top:.5rem;} .pro_detail02 .bd .section2{padding-top:.6rem;} .pro_detail02 .bd .section2 .title{margin-bottom:.5rem;} .pro_detail02 .bd .section2 li .num{font-size:.5rem;} .pro_detail02 .bd .section2 li{margin-bottom:.4rem;} .pro_detail02 .bd .section3 .swiper-slide{width:31%; margin-right:2.1%;} .pro_detail02 .bd .section4{padding:.6rem 0;} .pro_detail02 .bd .section4 th{font-size:.2rem;} .pro_detail01 .right .top .name{max-height:.8rem;} .common_footer{padding:.6rem 0;} /* 鍏充簬鎴戜滑 */ .about_us01 .content{padding:.8rem 0;} .about_us01 .left{padding:.3rem 0;} .about_us01 .right{width:50%;} /* 浼佷笟鑽ｈ獕 */ .honor01 li{width:32.4%; margin-right:1.4%; margin-bottom:.4rem;} .honor01 li:nth-child(4n){margin-right:1.4%;} .honor01 li:nth-child(3n){margin-right:0;} /* 鏁呬簨鍒嗕韩 */ .story01{padding:.8rem 0;} .story01::after{left:calc(50vw - 235px);} .story01 .item .cont .jt{width:.76rem; height:.76rem;} .story01 .item .cont{padding:.6rem 0 .8rem;} .story01 .item .right{width:65%; margin-right:0;} /* 鏈嶅姟鏀寔 */ .ser_support01 .bott .bott_list{margin-top:-2.5rem;} .ser_support01 .bott .li_{margin-bottom:1rem;} .ser_support01 .top .bg{height:5rem; min-height:auto;} /* 瑙ｅ喅鏂规 */ .solution01 .swiper-slide{width:31.4%;} .solution02{padding:1rem 0 .6rem; margin-top:.6rem;} .solution02 .infor .tit::after{width:3rem; height:1.54rem;} .solution02 .cont li{padding-bottom:.3rem;} .solution03{padding:.6rem 0 .3rem;} .solution04{margin:.6rem 0;} /* 鑱旂郴鎴戜滑 */ .contact_us01 .left .box .item{line-height:.3rem;} .contact_us01 .left .box .item span{top:.13rem;} /* 妗堜緥 */ .cases01 .hd{margin-bottom:.4rem;} .cases01 .hd .item li{margin-right:.1rem;} .cases01 .hd .left{max-width:calc(100% - 3rem);} .cases01 .hd .item_search{margin-left:.1rem; width:2.5rem;} .cases01 .bd .li_{width:32.4%; margin-right:1.4%; margin-bottom:.3rem;} .cases01 .bd .li_:nth-child(4n){margin-right:1.4%;} .cases01 .bd .li_:nth-child(3n){margin-right:0;} .cases01 .bd .li_ .info .box{padding:.2rem .15rem;} .cases01 .bd .li_ .info .box .tit{margin-bottom:.15rem;} /* 妗堜緥璇︽儏 */ .cases_detail01 .content .box .list{margin:.3rem 10%;} .cases_detail01 .content .box .list li{width:46%;} /* 妗堜緥璇︾粏 */ .cases_detail01 .content .box{padding:.4rem;} .cases_detail01 .content .box .list{margin:0 0 .15rem 0;} .cases_detail01 .content .box .list li{line-height:.35rem; width:auto; font-size:.16rem; padding:0 .25rem; margin-bottom:.1rem;} .cases_detail01 ._tools ._tool{line-height:.3rem; height:.3rem;} .cases_detail01 ._tools{margin-top:.15rem;} /* 濯掍綋鎶ラ亾 */ .media01 .bott{margin-top:.6rem;} .media01 .bott li{width:32.4%; margin-right:1.4%; margin-bottom:0.3rem;} .media01 .bott li:nth-child(4n){margin-right:1.4%;} .media01 .bott li:nth-child(3n){margin-right:0;} .media01 .bott li .intro{padding-top:.2rem;} .media01 .bott.change li .intro{padding-top:0.15rem;} .media01 .bott.change li .intro .intro_c .tit{margin-bottom:0;} .media01 .bott.change li .intro .intro_c .con{-webkit-line-clamp:1;} .media01 .bott.change li .intro .intro_c .time{margin-top:0;} /* 鍔犲叆鎴戜滑 */ .xc_banner.join_us .xc_words .title{font-size:.5rem;} .xc_banner.join_us .xc_words .img{width:5rem;} .join_us01{padding-top:.6rem;} .join_us01 .left{padding-top:0.1rem;} .join_us02{padding:.6rem 0;} .join_us03 .title{margin-bottom:.3rem;} /* 涓撳埄 */ .patent01 .bb li{margin-bottom:.3rem; width:23.4%; margin-right:1.4%;} .patent01 .bb li:nth-child(5n){margin-right:1.4%;} .patent01 .bb li:nth-child(4n){margin-right:0;} /* QHSE */ .QHSE01 .infor{width:80%;} .QHSE02{margin:.6rem 0;} .QHSE03{padding-top:.6rem;} .QHSE03 .left{padding-top:.1rem;} .QHSE04,.QHSE05{padding:.6rem 0;} .QHSE04 .infor{width:80%; margin-bottom:.4rem;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu01 .top .bg{height:5rem; min-height:auto;} .comm_solu02{margin-top:.6rem; padding:.6rem 0 .3rem;} .comm_solu02 .tit{padding:.2rem 0; margin-bottom:.4rem;} .comm_solu02 .tit::after{width:100%;} .comm_solu03 .infor{width:80%;} .comm_solu03{padding:.6rem 0;} .comm_solu03 .top li .box .img{height:1.6rem;} .comm_solu03 .bott .item .area{padding:.6rem 5%;} .comm_solu04{margin:.6rem 0;} .comm_solu04 .swiper-slide .words .t{height:1.2rem;} .comm_solu05{margin-bottom:.6rem;} .comm_solu03 .bott .item .area .words .t{font-size:.24rem;} /* 澶ф暟瀛楀彲瑙嗗寲 */ .data_solu01,.data_solu02{padding:.6rem 0;} .data_solu03 .infor{margin-bottom:.4rem;} .data_solu04{padding:.6rem 0 .4rem;} .data_solu04 .tit{margin-bottom:.4rem;} .data_solu04 .words_box .link{margin-bottom:.15rem;} .data_solu04 .words_box .t{font-size:.24rem;} /* 浜烘墠鎷涜仒 */ .recruit01 .hd{margin-bottom:.6rem;} .recruit01 .bd li.first{font-size:.2rem; line-height:.7rem;} .recruit01 .bd li.j_t ._t1{font-size:.18rem;} .recruit01 .bd li ._un{line-height:.8rem;} .recruit01 .bd li.j_t ._t5{height:.8rem;} .recruit01 .bd li.j_t .iconfont{line-height:.6rem;} .recruit01 .bd li.j_c .j_c_box{padding-top:.4rem; padding-bottom:.4rem;} .recruit01 .bd li.j_t .iconfont{margin-right:.1rem;} /* 鏍″洯寰瀹 */ .sch_solu01{padding:.6rem 0;} .sch_solu02{margin:.6rem 0 .3rem;} .sch_solu02 li{padding:.2rem 3% .4rem;} .sch_solu03 .content{margin:.4rem 0 0;} .sch_solu03 .right li .top .num{font-size:.5rem;} .sch_solu03 .right li .top .tit{font-size:.24rem; line-height:.34rem;} .sch_solu03 .right{width:46%;} .sch_solu02 .infor{width:80%;} @keyframes rowup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, calc(-100% + 5.24rem), 0); } } /* 鎶曡瘔寤鸿 */ .suggest01 .bott{padding-bottom:.8rem;} /* 浜у搧璇环 */ .inquire01 .top .box .item{height:100px; padding-left:.3rem;} .inquire01 .top .box .item .num{font-size:.6rem;} .inquire01 .top .box .item .infor{margin-left:.2rem;} .inquire01 .top .box .item .infor .tit{font-size:.24rem;} .inquire01 .bott{padding:.5rem .7rem;} .inquire01 .bott .hd .box .left .words .tit{font-size:.22rem;} .inquire01 .bott .hd .box{padding:.4rem 4%;} /* 浼佷笟鏂囧寲 */ .culture01 .before_pic .infor{width:70%;} .culture01 .before_pic .bott .cont li .t{font-size:.24rem; line-height:.3rem;} .culture01 .after_pic .swiper-box .icon{width:.8rem; height:.65rem;} .culture01 .after_pic .swiper-box .infor{width:90%;} /* 绀句細璐ｄ换 */ .responsibility01 .infor{width:70%;} .responsibility01 .bott .cont::after{height:2.6rem;} .responsibility01 .bott{height:4rem;} .responsibility02 .swiper-container{width:95%;} .responsibility02 .swiper-slide .words_box .name{font-size:.22rem;} /* 钀ラ攢缃戠粶 */ .network01 li.first{font-size:.2rem; line-height:.7rem;} .network01 li.li_ ._t1{font-size:.18rem;} .network01 li ._t2{width:16.2%;} .network01 li ._t3{width:47.5%;} .network01 li ._un{line-height:.8rem;} /* 鏂囦欢搴 */ .library01 .content{padding-bottom:.8rem;} .library01 li ._t1{width:47.5%;} .library01 li ._t3{width:20%;} .library01 .li_ ._t4 a{margin-right:.3rem;} } @media only screen and (max-width: 1024px) { body:after { content: 'Padp'; } .wrap, .mwrap { width:750px; } /*padMode 1024px 缃戠珯鏍峰紡*/ /* 澶撮儴 */ .header .inav_wrapper{display:none;} .header .h_tools{margin-left:0;} .header .h_tools .h_sear, .header .h_lan .lan_top .t{display:none;} .header .h_tools::after{display:none;} .header .h_lan{margin-right:.1rem;} .header .h_lan .lan_down{width:1rem; left:50%; transform:translateX(-50%);} .header .h_tools .mobile_key{transition:all 0.3s ease-in-out; z-index:10; width:.2rem; height:.2rem; padding:0; display:inline-block; margin:.11rem; position:relative; } .header .h_tools .mobile_key::after{content:''; position:absolute; top:-.11rem; bottom:-.11rem; left:-.11rem; right:-.11rem; background:#00b9f0; border-radius:50%; z-index:-1;} .header .h_tools .mobile_key span{position:absolute; top:0; right:0; width:0.2rem; height:2px; margin-top:2px; background:#fff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;} .header .h_tools .mobile_key span::before{content:''; position:absolute; top:0; right:0; width:0.2rem; height:2px; background:#fff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out; left:auto; transform:none; margin-top:.07rem;} .header .h_tools .mobile_key span::after {content:''; margin-top:.15rem; position:absolute; top:0; right:0; width:0.2rem; height:2px; background:#fff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;} .menu-open.header .mobile_key span::before{opacity:0; transition:0.2s ease 0.1s;} .menu-open.header .mobile_key span::after{margin-top:0 !important; -webkit-transform:rotateZ(90deg); transform:rotateZ(90deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;} .menu-open.header .mobile_key span{margin-top:7px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;} .header .m_nav{height:calc(100% - .9rem); position:fixed; left:0; top:.9rem; width:100%; z-index:99; background:linear-gradient(0deg, #F3F4F4 0%, #F3F4F4 100%), #F6FAFE !important; padding:0.2rem 4%; box-sizing:border-box; display:none;} .header .m_nav .content{height:100%;} .header .m_nav .mnav_top{margin-right:-0.15rem; padding-right:.15rem; max-height:calc(100% - 1rem); overflow-y:auto; box-sizing:border-box;} .header .m_nav .mnav_top .mnav_li .li_box{position:relative; border-bottom:1px solid #CFCFCF;} .header .m_nav .mnav_top .mnav_li .li_box>a{font-size:15px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);} .header .m_nav .mnav_top .mnav_li .li_box .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:14px; height:14px;} .header .m_nav .mnav_top .mnav_li .li_box .jh::after, .header .m_nav .mnav_top .mnav_li .li_box .jh::before{content:""; position:absolute; background:#999; transition:all .36s;} .header .m_nav .mnav_top .mnav_li .li_box .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;} .header .m_nav .mnav_top .mnav_li .li_box .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;} .header .m_nav .mnav_top .mnav_li.noSec .li_box .jh{display:none;} .header .m_nav .mnav_top .mnav_li.active .li_box .jh::after{transform:translateX(-50%) rotate(90deg);} /* 浜岀骇 */ .header .m_nav .mnav_top .m_secNav{padding:0 .15rem; display:none;} .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2{padding:0 .15rem; position:relative; border-bottom:1px solid #CFCFCF;} .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2>a{font-size:14px; line-height:1.5; padding:1em 0; display:block; max-width:calc(100% - 40px);} .header .m_nav .mnav_top .m_secNav .m_sec_li.m_thr .li_box2>a{font-size:14px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);} /* 鏈変笁绾х殑璇濇湁绠ご */ .header .m_nav .mnav_top .mnav_li .li_box2 .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:14px; height:14px;} .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after, .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{content:""; position:absolute; background:#999; transition:all .36s;} .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;} .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;} .header .m_nav .mnav_top .m_sec_li.active .li_box2 .jh::after{transform:translateX(-50%) rotate(90deg);} /* 涓夌骇 */ .header .m_nav .mnav_top .m_thrul{padding:0 .15rem; display:none;} .header .m_nav .mnav_top .m_thrul .m_thr_li{padding:0 .15rem; position:relative; border-bottom:1px solid #CFCFCF;} .header .m_nav .mnav_top .m_thrul .m_thr_li a{font-size:13px; line-height:1.5; padding:1em 0; display:block;} /* 鎼滅储 */ .header .m_nav .mnav_sear{width:100%; overflow:hidden; padding:0 .15rem; margin-top:.5rem; box-sizing:border-box;} .header .m_nav .mnav_sear .form_box{position:relative; z-index:1; width:100%;} .header .m_nav .mnav_sear .form_box .m_sear_inp{border-radius:.25rem; padding-left:.2rem; padding-right:.5rem; width:100%; height:.5rem; border:1px solid #CFCFCF; color:#666; background:none; box-sizing:border-box;} .header .m_nav .mnav_sear .form_box .sear_btns{position:absolute; right:.2rem; top:50%; transform:translateY(-50%); z-index:5; margin:0; color:#999; font-size:16px; line-height:1; background:none; border:0; padding:0;} /* 搴曢儴 */ .footer .f_top{padding:.4rem 0;} .footer .f_center{display:none;} /* 搴曢儴 */ .footer .f_bott{padding:.2rem 0; text-align:center;} .footer .f_bott>div{float:none;} .footer .f_bott a{display:inline-block;} /* 鍏叡瀛楀彿 */ .tit46{font-size:.36rem; line-height:.46rem;} .tit42{font-size:.3rem; line-height:.4rem;} .tit40{font-size:.28rem; line-height:.38rem;} .tit36{font-size:.26rem; line-height:.36rem;} .tit30{font-size:.22rem; line-height:.3rem;} /* 棣栭〉 */ .ibanner .swiper-slide .words_box .words .tit{font-size:.4rem;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:.8rem;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{width:.8rem;} .ibanner .btn-area{left:calc(50vw - 375px);} .ibanner .widgets .bannerRight{right:calc(50vw - 375px);} .ipart01 .content, .ipart04 .content{padding:.6rem 0;} .ipart03 .top_cloud{top:-34%;} .ipart03 .bott .bott_img{top:0; transform:none;} .ipart03 .bott .img_base{transform:none; margin:0;} .ipart03 .words{top:7%; transform:none;} .ipart03 .bott .name_img{top:38%; transform:none;} .ipart02 .content .item .img{height:6rem;} .ipart02 .content{justify-content:space-between;} .ipart02 .content .item{width:49%; margin-left:0;} .ipart02 .content .item.on{width:49%;} .ipart02 .content .item .img{transform:none;} .ipart02 .content .item .img img{transform:none; min-height:auto; top:0;} .ipart02 .content .item:nth-child(2) .img img{left:50%;} .ipart02 .content .item .cont{padding:0 .6rem .4rem; box-sizing:border-box; width:100%;} .ipart02 .content .item .cont .link_box{opacity:1; visibility:visible; transition:opacity 0.15s 0.5s linear; width:100%; margin-bottom:0; white-space:normal;} .ipart02 .content .item .cont .before{display:none;} .ipart02 .content .item .cont .after{opacity:1; visibility:visible; transition:opacity 0.15s 0.1s linear;} .ipart04 .bott li.spec .line .c{font-size:.18rem; line-height:.3rem; max-height:.6rem;} .ipart04 .bott li.spec .line{margin-bottom:.2rem;} .ipart04 .bott li .words_box .tit{font-size:.2rem;} .ipart04 .bott li .words_box .tips{margin-bottom:.1rem;} .ipart04 .top{margin-bottom:.3rem;} /* 鏂伴椈涓績 */ .news_center01{padding-top:.8rem;} .news_center01 .bott .word_box .tit{font-size:.22rem; line-height:.3rem; max-height:.6rem;} .news_center01 .bott .word_box .tips{margin-bottom:.1rem;} .news_center01 .bott .common_btns{margin-top:.6rem;} .news_center02 .bd li a{padding:.2rem 0 .3rem;} .news_center01 .bott{padding:.4rem 3%;} .news_center01 .bott a{align-items:flex-start;} .news_center01 .bott .common_btns{margin-top:.3rem; margin-bottom:.3rem;} .news_center01 .bott .btns_box{bottom:0;} .news_center02 .bd li{width:48%; margin-right:4%;} .news_center02 .bd li:nth-child(3n){margin-right:4%;} .news_center02 .bd li:nth-child(2n){margin-right:0;} .news_center02 .hd{margin-bottom:.3rem;} .news_center02 .bd li.special .cover_box .title{height:.72rem;} /* 鏂伴椈璇︽儏 */ .news_detail01{padding-top:.6rem;} .news_detail01 .left{width:100%;} .news_detail01 .right{width:100%; margin-top:.4rem; display:flex; align-items:flex-start; justify-content:space-between;} .news_detail01 .right .item{width:48%; margin-bottom:0;} /* 浜у搧鍒楄〃 */ .pro_list01 .right{padding-bottom:.5rem;} .pro_list01 .right li{padding:.5rem 5%;} .pro_list01 .left .list li .b_down{padding:.2rem 6% .1rem;} .pro_list01 .right li .words_box .btns .common_btns{margin-right:.1rem;} /* 浜у搧璇︽儏 */ .pro_detail01{padding-top:.6rem;} .pro_detail02 .bd .section2 li{width:33.33%;} .pro_detail02 .bd .section4 th:first-child{padding-left:.4rem;} .pro_detail02 .bd .section4 td[colspan="4"]{padding-left:.4rem;} .pro_detail02 .bd .section4 td[rowspan]{padding-left:.4rem;} .pro_detail01 .right .top .name{max-height:.76rem;} .common_footer .left{width:60%;} .common_footer .left .con{font-size:.2rem;} /* 鍏充簬鎴戜滑 */ .about_us01 .content{padding:.6rem 0;} .about_us01 .right{padding-top:.3rem;} .about_us01 .left .c{max-height:3rem; overflow-y:auto; padding-right:5px;} .about_us01 .left .c::-webkit-scrollbar {width:2px; height:2px;} .about_us01 .left .c::-webkit-scrollbar-thumb {border-radius:5px; background:#003c82; } .about_us01 .left .c::-webkit-scrollbar-track {border-radius:0; background:#fff;} .about_us02 .item .c{max-height:2.1rem; overflow-y:auto; padding-right:5px;} .about_us02 .item .c::-webkit-scrollbar {width:2px; height:2px;} .about_us02 .item .c::-webkit-scrollbar-thumb {border-radius:5px; background:#003c82; } .about_us02 .item .c::-webkit-scrollbar-track {border-radius:0; background:transparent;} /* 鏁呬簨鍒嗕韩 */ .story01 .item .right .icon{width:.6rem; height:.5rem;} .story01::after{left:calc(50vw - 180px);} .story01 .item .cont .jt{width:.7rem; height:.7rem; left:26%;} /* 鏈嶅姟鏀寔 */ .ser_support01 .bott .content{padding-bottom:.6rem;} .ser_support01 .bott .bott_list{padding-top:.6rem; margin-top:0;} .ser_support01 .bott .li_:before{display:none!important;} .ser_support01 .bott .car_area{display:none!important;} .ser_support01 .bott .words_box{width:58%;} .ser_support01 .bott .li_{margin-bottom:.5rem;} .ser_support01 .top .con{width:80%;} .ser_support01 .top{padding:.6rem 0 .8rem;} .ser_support01 .top .bg{transform:none; height:auto; position:absolute; top:0; height:100%; left:0; width:100%;} .ser_support01 .top .title_box{top:0; position:relative; color:#fff;} .ser_support01 .top .con{opacity:1; position:relative; top:auto; left:auto; transform:none; margin:0 auto; margin-top:.3rem;} /* 瑙ｅ喅鏂规 */ .solution01 .infor, .solution02 .infor, .solution03 .infor, .solution04 .infor{margin-bottom:.2rem;} .solution03 li{width:32.4%; margin-right:1.4%; margin-bottom:.2rem;} .solution03 li:nth-child(4n){margin-right:1.4%;} .solution03 li:nth-child(3n){margin-right:0;} .solution03 li .box{padding-top:.3rem;} /* 鑱旂郴鎴戜滑 */ .contact_us01 .right{width:100%;} .contact_us01 .right .map{height:3rem;} .contact_us01 .left{width:100%; margin-top:.3rem; height:auto;} .contact_us01 .left .box{padding:.25rem;} .contact_us01 .left .box .tit{font-size:.24rem; line-height:1; } /* 妗堜緥 */ .cases01 .hd{display:block;} .cases01 .hd .item_search{margin-left:0; width:3rem; margin-top:.3rem; margin-bottom:0;} .cases01 .bd .li_{width:49%; margin-right:2%;} .cases01 .bd .li_:nth-child(3n){margin-right:2%;} .cases01 .bd .li_:nth-child(2n){margin-right:0;} .cases01 .bd .li_ .info .box .con{margin-bottom:.4rem;} .cases01 .hd .left{max-width:none;} /* 濯掍綋鎶ラ亾 */ .media01 .bott li{width:49%; margin-right:2%;} .media01 .bott li:nth-child(3n){margin-right:2%;} .media01 .bott li:nth-child(2n){margin-right:0;} .media01 .bott.change li .intro{padding-left:0.5rem; padding-right:0.5rem;} .media01 .bott.change li .intro .intro_c .time{margin-top:0;} .media01 .bott.change li .img_{width:27%;} .media01 .bott.change li .intro{width:73%;} /* 鍔犲叆鎴戜滑 */ .join_us01 .left .con{margin-top:.2rem;} .join_us01 .left{width:35%;} .join_us01 .img{bottom:4%;} /* 涓撳埄 */ .patent01 .bb li{width:31.8%; margin-right:1.6%;} .patent01 .bb li:nth-child(5n){margin-right:1.6%;} .patent01 .bb li:nth-child(4n){margin-right:1.6%;} .patent01 .bb li:nth-child(3n){margin-right:0;} /* QHSE */ .QHSE01 .infor, .QHSE04 .infor{width:90%;} .QHSE03 .left .con{margin-top:.2rem;} .QHSE03 .left{width:35%;} .QHSE03 .img_box{bottom:4%;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu01 .top{padding:.6rem 0 .8rem;} .comm_solu01 .top .bg{transform:none; height:auto; position:absolute; top:0; height:100%; left:0; width:100%;} .comm_solu01 .top .title_box{top:0; position:relative; color:#fff;} .comm_solu01 .top .con{opacity:1; position:relative; top:auto; left:auto; transform:none; margin:0 auto; margin-top:.3rem;} .comm_solu02 .cont li .box{display:block;} .comm_solu02 .cont li .box .icon{margin-left:0; width:1rem; height:1rem;} .comm_solu02 .cont li .box .intro{width:100%;} .comm_solu03 .top li{width:49%; margin-right:2%; margin-bottom:.2rem;} .comm_solu03 .top li:nth-child(2n){margin-right:0;} .comm_solu03 .center{display:none!important;} .comm_solu03 .bott{margin-top:.2rem;} .comm_solu03 .bott .item .area{display:block;} .comm_solu03 .bott .item .area .words{width:100%; margin-bottom:.3rem;} .comm_solu05 .swiper-container{width:calc(100% - 1.4rem);} .comm_solu04 .swiper-slide{width:48%;} /* 澶ф暟瀛楀彲瑙嗗寲 */ .data_solu04 li{margin-bottom:.2rem;} .data_solu04 .words_box .t{font-size:.2rem;} /* 浜烘墠鎷涜仒 */ .recruit01 .bd li.first, .recruit01 .bd li.j_t{padding:0 4%;} .recruit01 .bd li.j_c .j_c_box{padding:.4rem 4%;} .recruit01 .hd .box .item li{margin-right:.1rem;} /* 鏍″洯寰瀹 */ .sch_solu02 li .box .intro .t{font-size:.2rem;} .sch_solu03 .right li .top .num{font-size:.45rem;} .sch_solu03 .right li .top .tit{font-size:.2rem; line-height:.3rem;} /* 浜у搧璇环 */ .inquire01 .top .box .item .infor .con{font-size:.16rem; line-height:.28rem;} .inquire01 .bott .hd .box .right .line{padding:0 .2rem;} .inquire01 .bott .hd .box .left .img{height:1.4rem;} .inquire01 .top .box .item .num{font-size:.5rem;} .inquire01 .top .box .item .infor .tit{font-size:.2rem; line-height:.28rem;} .inquire01 .top .box .item .infor{margin-left:.1rem;} .inquire01 .top .box .item{padding-left:.25rem;} /* 浼佷笟鏂囧寲 */ .culture01{height:auto;} .culture01{padding-top:.6rem;} .culture01 .before_pic .infor{width:80%; padding-top:0;} .culture01 .before_pic .center{display:none;} .culture01 .before_pic .bott .cont{padding-top:1rem; padding-bottom:.6rem;} .culture01 .before_pic .bott .cont li .t{font-size:.2rem; line-height:.3rem;} .culture01 .before_pic .bott .cont li .c{font-size:.16rem;} .culture01 .before_pic .bott .cont li .icon{height:.7rem;} .culture01 .after_pic{position:relative; height:auto; top:auto; opacity:1; padding:.6rem 0;} .culture01 .after_pic .swiper-box{position:relative; top:auto; transform:none; opacity:1; } .culture01 .after_pic .bg{position:absolute; left:0; top:0;} .culture01 .after_pic .swiper-box .icon{width:.6rem; height:.5rem; margin-bottom:.2rem;} .culture01 .after_pic .swiper-pagination{position:relative; bottom:auto; margin-top:.3rem; font-size:0;} /* 绀句細璐ｄ换 */ .responsibility01 .infor{width:80%;} .responsibility02 .swiper-slide .words_box .name{font-size:.2rem; margin-bottom:.1rem; line-height:.3rem;} .responsibility02 .swiper-container{width:100%;} .responsibility02 .swiper-slide .words_box .con{margin-top:.1rem; max-height:1.2rem;} /* 钀ラ攢缃戠粶 */ .network01 li.first, .network01 li.li_{padding:0 2%; padding-left:4%;} .network01 li ._t2{width:13.2%;} .network01 li ._t3{width:50.5%;} /* 鏂囦欢搴 */ .library01 .content{padding-bottom:.6rem;} .channel_content{min-height:calc(100vh - 478px);} } @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; } /*绉诲姩绔槻鎭舵剰澶嶅埗淇℃伅*/ * { -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娴忚鍣?/ } /* 搴曢儴 */ .footer .f_top{display:none;} /* 鍏叡瀛楀彿 */ .tit46{font-size:.28rem; line-height:.4rem;} .tit42{font-size:.26rem; line-height:.36rem;} .tit40{font-size:.25rem; line-height:.34rem;} .tit36{font-size:.23rem; line-height:.32rem;} .tit30{font-size:.22rem; line-height:.3rem;} /* 鍏叡閮ㄥ垎 */ .channel_content{padding:.4rem 0;} /* 棣栭〉 */ .ibanner .swiper-slide .img_box video{display:none;} .ibanner .swiper-slide .words_box .words .tit{font-size:.34rem;} .ibanner .swiper-pagination{margin:0 .2rem;} .ibanner .swiper-pagination .swiper-pagination-bullet{width:.6rem;} .ibanner .swiper-pagination-bullet-active .timer, .ibanner .swiper-pagination-bullet .timer{width:.6rem;} .ibanner .btn-area{left:4%;} .ibanner .widgets .bannerRight{right:4%;} .ipart01 .content, .ipart04 .content{padding:.4rem 0;} .ipart02 .content .item:first-child{margin-bottom:.3rem;} .ipart02 .content{flex-wrap:wrap;} .ipart02 .content .item.on,.ipart02 .content .item{width:100%;} .ipart02 .content .item .img{height:4rem; border-radius:.2rem;} .ipart02 .content .item .img img{height:100%; min-width:100%; left:50%; top:0; width:auto; max-width:none; transform:translateX(-50%); margin-left:0;} .ipart02 .content .item.on .cont .link_box{margin-top:.2rem;} .ipart02 .content .item .cont .link_box .link{padding-right:.1rem; margin-right:.1rem;} .ipart02 .content .item .cont .after{left:4%; width:92%;} .ipart02 .content .item:nth-child(2) .cont .after{right:4%; width:92%;} .ipart01 .svg_box, .ipart03 .svg_box1, .ipart04 .svg_box{display:none;} .ipart03 .bott .img_base{transform:translateY(.2rem);} .ipart03 .words{top:0; z-index:40;} .ipart03 .words .cont{width:100%;} .ipart03 .words .title{margin-bottom:.15rem;} .ipart04 .bott ul{flex-wrap:wrap;} .ipart04 .bott li{width:48%; margin-right:4%;} .ipart04 .bott li:nth-child(2n){margin-right:0;} .ipart04 .bott li.spec{display:none;} /* 鏂伴椈涓績 */ .news_center01{padding-top:.6rem;} .news_center01 .bg .line_box .line{width:.5rem;} .news_center01 .top .btns_box{margin-right:.2rem;} .news_center01 .top{margin-bottom:.6rem;} .news_center01 .top .left .img{width:4rem;} .news_center01 .bott .common_btns{margin-bottom:0;} .news_center01 .bott .btns_box{position:relative; text-align:center; margin-top:.3rem;} .news_center01 .bott .btns_box>div{margin:0 .1rem;} .news_center02 .bd li a{padding:0;} .news_center02 .bd li::before{left:0;} .news_center02 .bd li:hover::before{width:100%;} .news_center02 .bd li::after{left:0; right:0; border-radius:.1rem; overflow:hidden;} .news_center02 .bd li .word_box{padding:.2rem;} .news_center02 .bd li.special .cover_box .title{height:.64rem;} /* 鏂伴椈 */ .news_center01{height:3rem; padding-top:0; position:relative;} .news_center01 .bott{display:none;} .news_center01 .bg{height:100%;} .news_center01 .bg img{width:100%; height:100%; object-fit:cover;} .news_center01 .content{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;} .news_center01 .content .top{margin:0; padding:0 4%;} .news_center02 .bd li.special .cover_box{width:60%;} /* 鏂伴椈璇︽儏 */ .news_detail01{padding-top:.4rem;} .news_detail01 .left .share_box{margin:.2rem 0 .4rem;} .news_detail01 .left .share_box li .iconfont{font-size:.3rem;} /* 涓嬪眰banner */ .xc_banner .img_box{height:3rem; position:relative; overflow:hidden;} .xc_banner .img_box img{position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%); max-width:none; width:auto; min-width:100%;} .xc_banner .img_box .line_box .line{width:.5rem;} .xc_banner .content .btns_box{margin-right:.2rem;} .xc_banner .content .left .img{width:4rem;} /* 浜у搧鍒楄〃 */ .pro_list01 .wrap::after{display:none;} .pro_list01 .left{width:100%; position:relative; z-index:5;} .pro_list01 .left .infor{padding-top:.4rem;} .pro_list01 .left .cont{width:100%;} .pro_list01 .left .list .m_sele{display:block; font-size:.2rem; line-height:.3rem; padding:.2rem 0; color:#000; position:relative; border-bottom:1px solid #e5e5e5;} .pro_list01 .left .list .m_sele::after{content:'\e69d'; position:absolute; right:.1rem; top:50%; transform:translateY(-50%); font-size:.2rem; line-height:1; font-family:'iconfont'!important; color:#000; font-weight:bold; transition:all .3s ease;} .pro_list01 .left .list{padding-bottom:0;} .pro_list01 .left ul{position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow:0px 1px 10px 0px rgba(10, 2, 4, 0.1); display:none;} .pro_list01 .left .list li .t_box{padding:.2rem 4%;} .pro_list01 .left .list li .t_box .jh{right:.2rem;} .pro_list01 .left .list .m_sele.active::after{transform:translateY(-50%) rotate(180deg);} .pro_list01 .right{width:100%; padding:.4rem 0;} .pro_list01 .right li{padding:.4rem 4%; margin-bottom:.3rem;} .pro_list01 .right li:last-child{margin-bottom:0;} .pro_list01 .right li .words_box .btns .common_btns{margin-right:.2rem;} /* 浜у搧璇︽儏 */ .pro_detail01{padding:.4rem 0;} .pro_detail01 .right .top .tips{margin-top:.2rem;} .pro_detail01 .right .top{padding-bottom:.1rem;} .pro_detail01 .right .center{margin-bottom:.3rem;} .pro_detail02 .hd .center li{margin-right:.4rem;} .pro_detail02 .bd .section1, .pro_detail02 .bd .section3{padding:.4rem 0;} .pro_detail02 .bd .section1 .words_cover .box{display:block;} .pro_detail02 .bd .section1 .words_cover .box .con{width:100%; max-width:none; margin-top:.2rem;} .pro_detail02 .bd .section2 li .num{font-size:.4rem; margin-bottom:.2rem;} .pro_detail02 .bd .section2{padding-top:.4rem;} .pro_detail02 .bd .section2 .title{margin-bottom:.3rem;} .pro_detail02 .bd .section2 li{margin-bottom:.3rem;} .pro_detail02 .bd .section3 .swiper-slide{width:48%; margin-right:2%;} .pro_detail02 .bd .section3 .swiper-slide .infor .tit{font-size:.2rem;} .common_footer{padding:.5rem 0;} .common_footer .left .con{font-size:.18rem;} .pro_detail02 .bd .section1 .words_cover{padding:.4rem 4%;} .pro_detail02 .bd .section4{padding:.4rem 0;} .pro_detail02 .bd .section4 th:first-child{padding-left:.3rem;} .pro_detail02 .bd .section4 td[colspan="4"]{padding-left:.3rem;} .pro_detail02 .bd .section4 td[rowspan]{padding-left:.3rem;} .pro_detail01 .right .top .name{max-height:.68rem;} /* 鍏充簬鎴戜滑 */ .about_us01 .content{padding:.4rem 0;} .about_us01 .left{padding:.2rem 0;} .about_us02 .item .c{max-height:1.8rem;} /* 浼佷笟鑽ｈ獕 */ .honor01 li{width:47%; margin-right:6%; margin-bottom:.3rem;} .honor01 li:nth-child(3n){margin-right:6%;} .honor01 li:nth-child(2n){margin-right:0;} .honor01 li .words_box{margin-top:.2rem;} .honor01 li .words_box .t{font-size:.16rem; padding-right:.1rem;} .honor01 li .img_box::after{display:none;} /* 鍒嗛〉 */ .widgets_common_pages_4 a, .widgets_common_pages_4 span{display:none;} .widgets_common_pages_4 .goprev, .widgets_common_pages_4 .gonext, .widgets_common_pages_4 span.count{display:inline-block;} /* 鏁呬簨鍒嗕韩 */ .story01{padding:.6rem 0;} .story01::after{left:31.6%;} .story01 .item .right .icon{width:.5rem; height:.4rem; margin-bottom:.1rem;} .story01 .item .left{width:26%;} .story01 .item .cont .jt{left:30%;} .story01 .item .cont{padding:.4rem 0;} /* 鏈嶅姟鏀寔 */ .ser_support01 .bott .li_{margin-bottom:.4rem;} .ser_support01 .bott .bott_list{padding-top:.6rem;} /* 瑙ｅ喅鏂规 */ .xc_banner.solution .img_box{height:5rem;} .xc_banner.solution .word_box .left{top:45%;} .solution02{padding:.6rem 0 .4rem; margin-top:.4rem;} .solution02 .infor .tit::after{width:2rem; height:1rem;} .solution02 .infor .tit{padding-bottom:.1rem;} .solution02 .infor{width:100%;} .solution02 .motive_wr02{display:none;} .solution03{padding:.4rem 0 .2rem;} .solution04{margin:.4rem 0;} .solution01 .swiper-slide{width:calc(50% - .2rem); margin-right:.2rem;} .solution02 .cont li .area{border-width:5px;} .solution02 .cont li{padding-bottom:.2rem;} .solution03 li .box .img{height:auto; min-height:1rem;} .solution03 li .box .t{font-size:.18rem; margin-top:.1rem; } .solution01 .content{width:calc(100% - 1.2rem); margin:0 auto;} /* 妗堜緥璇︽儏 */ .cases_detail01 .content{padding:0;} .cases_detail01 .content .back_box{display:none;} .cases_detail01 .page_bott{margin-top:.15rem;} .cases_detail01 .page_bott .page_btn{font-size:.14rem;} .cases_detail01 .page_bott .t{font-size:.14rem; color:#666; line-height:.22rem;} .cases_detail01 .page_bott .box{padding:.1rem .2rem;} .cases_detail01 .page_bott .page_prev{width:100%; border:0;} .cases_detail01 .page_bott .page_next{width:100%; border:0;} .cases_detail01 .page_bott .page_next .page_btn{float:left; padding-left:.45rem; padding-right:0;} .cases_detail01 .page_bott .page_next .page_btn .icon{left:0;} .cases_detail01 .page_bott .box{padding:.2rem;} .cases_detail01 .page_bott .page_center{display:none;} /* 濯掍綋鎶ラ亾 */ .media01 .top .change_list{display:none;} .media01 .top .change_list .icon img{width:80%;} .media01 .top .form_box{width:100%;} .media01 .bott{margin-top:0.4rem;} .media01 .bott li .intro .intro_c .tit{height:auto;} .media01 .bott li .intro .intro_c .con{height:auto;} .media01 .bott li .intro .tag{margin-bottom:.1rem;} .media01 .bott li .intro .intro_c .time{margin-top:.1rem;} .media01 .bott.change li{width:49%; margin-right:2%;} .media01 .bott.change li:nth-child(2n){margin-right:0;} .media01 .bott.change li .img_{width:100%;} .media01 .bott.change li .intro{width:100%; padding:0.2rem .3rem;} .media01 .bott.change li .intro .tag img{width:auto;} .media01 .bott.change li .intro .intro_c .tit{white-space:normal; height:.6rem; display:-webkit-box; margin-bottom:.1rem;} .media01 .bott.change li .intro .intro_c .con{white-space:normal; height:.6rem; display:-webkit-box; margin-bottom:.1rem;} /* 鍔犲叆鎴戜滑 */ .xc_banner.join_us .xc_words .img{width:4rem;} .xc_banner.join_us .xc_words .title{font-size:.4rem;} .join_us01, .join_us02{padding:.4rem 0;} .join_us01 .left .tit{font-size:.18rem;} .join_us01 .left .con{margin-top:.1rem;} .join_us01 .img{width:55%;} .join_us03{padding-top:.4rem;} /* QHSE */ .QHSE01 .infor, .QHSE04 .infor{width:100%; margin-bottom:.3rem;} .QHSE02{margin:.4rem 0;} .QHSE02 .tit{margin-bottom:.3rem;} .QHSE03,.QHSE04, .QHSE05{padding:.4rem 0;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu02{margin-top:.4rem; padding:.4rem 0 .2rem;} .comm_solu02 .tit{padding:.1rem 0; margin-bottom:.3rem;} .comm_solu02 .cont li .box{padding:.3rem 4%; min-height:auto;} .comm_solu03{padding:.4rem 0;} .comm_solu03 .infor{width:100%; margin-bottom:.3rem;} .comm_solu03 .bott .item .area{padding:.4rem 4%;} .comm_solu04{margin:.4rem 0 .6rem;} .comm_solu04 .swiper-slide .words{padding:.2rem 4%;} .comm_solu05{margin-bottom:.4rem;} .comm_solu03 .bott .item .area .words .t{font-size:.2rem;} .comm_solu02 .cont li .box .icon{margin:0 auto .2rem;} .comm_solu02 .cont li .box .intro .t{font-size:.2rem; text-align:center;} /* 澶ф暟瀛楀彲瑙嗗寲 */ .data_solu01, .data_solu02{padding:.4rem 0;} .data_solu04{padding:.4rem 0 .2rem;} .data_solu04 .tit{margin-bottom:.3rem;} .data_solu04 li{width:49%;} .data_solu04 li:nth-child(3n){margin-right:2%;} .data_solu04 li:nth-child(2n){margin-right:0;} .data_solu04 .words_box .link{width:.3rem; height:.3rem; margin-bottom:.1rem;} .data_solu04 .words_box .link .iconfont{font-size:12px;} .data_solu04 .words_box .t{font-size:.18rem;} /* 浜烘墠鎷涜仒 */ .recruit01 .hd{margin-bottom:.4rem;} .recruit01 .hd .top .form_box{width:80%;} /* 鏍″洯寰瀹 */ .sch_solu01{padding:.4rem 0;} .sch_solu02{margin:.4rem 0 .2rem;} .sch_solu02 .infor{width:100%; margin-bottom:.2rem;} .sch_solu02 li{padding-bottom:.3rem;} .sch_solu02 li .box .intro .t{font-size:.18rem; line-height:.3rem; margin-bottom:.05rem;} .sch_solu03{padding:.4rem 0 .2rem;} .sch_solu03 .left{width:54%;} .sch_solu03 .right{width:42%;} .sch_solu03 .right li{margin-bottom:.15rem;} .sch_solu03 .right li .top{margin-bottom:.05rem;} .sch_solu03 .right li .top .num{font-size:.38rem;} .sch_solu03 .right li .top .tit{font-size:.18rem;} /* 鎶曡瘔寤鸿 */ .suggest01 .bott{padding-bottom:.5rem; padding-top:.4rem;} /* 浜у搧璇环 */ .inquire01 .bott{padding:.3rem 4%;} .inquire01 .top{display:none;} .inquire01 .bott .bd .tips{margin-bottom:.3rem;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm{margin-top:0;} /* 浼佷笟鏂囧寲 */ .culture01{padding-top:.4rem;} .culture01 .before_pic .infor{width:100%;} .culture01 .before_pic .bott .cont{padding-bottom:.4rem;} .culture01 .before_pic .bott .cont li .t{font-size:.18rem;} .culture01 .before_pic .bott .cont li .icon{height:.6rem;} .culture01 .after_pic{padding:.4rem 0;} .culture01 .after_pic .swiper-box .infor{width:100%;} /* 绀句細璐ｄ换 */ .responsibility01 .infor{width:100%;} .responsibility01 .bott{height:2.8rem;} .responsibility01 .bott .cont::after{height:2rem;} .responsibility02 .swiper-slide .words_box .name{font-size:.18rem; margin-bottom:0;} /* 鍏叡鎸夐挳 */ .common_btns .t{width:1.4rem;} /* 鏂囦欢搴 */ .library01 li{padding:.2rem 4%;} .library01 li ._t1{width:calc(99% - 2.1rem);} .library01 li ._t2,.library01 li ._t3{display:none;} .library01 li ._t4{width:2rem;} .library01 .li_ ._t4 a{margin-right:.1rem;} .library01 .content{padding-bottom:.4rem;} /* 鍥惧簱 */ body .album_ordinary .album_prev{left:5%;} body .album_ordinary .album_next{right:5%;} .channel_content{min-height:calc(100vh - 456px);} } @media only screen and (max-width: 760px){ /* 鍏充簬鎴戜滑 */ .about_us01{background:none;} .about_us01 .content{display:block;} .about_us01 .left{padding:0; width:100%; margin-bottom:.3rem;} .about_us01 .left .c{max-height:none;} .about_us01 .right{padding-top:0; width:80%; margin:0 auto;} .about_us02 .item .content{position:static; transform:none;} .about_us02 .item .box{width:100%; padding:.4rem 0;} .about_us02 .item .c{max-height:none;} .about_us01 .svg_box{display:none;} .about_us02 .item .bg{height:3.5rem; position:relative; overflow:hidden;} .about_us02 .item .bg img{width:auto; min-width:100%; position:absolute; top:50%; transform:translateY(-50%); max-height:150%; right:-10%; max-width:none;} /* 鏈嶅姟鏀寔 */ .ser_support01 .top{padding:.4rem 0 .8rem;} .ser_support01 .top .bg{transform:none; height:auto; position:absolute; top:0; height:100%; left:0; width:100%;} .ser_support01 .top .title_box{top:0; position:relative; color:#fff;} .ser_support01 .top .con{opacity:1; position:relative; top:auto; left:auto; transform:none; margin:0 auto; margin-top:.3rem; width:92%;} .ser_support01 .bott .li_{display:block;} .ser_support01 .bott .li_:nth-of-type(2n){display:block;} .ser_support01 .bott .li_:nth-of-type(2n+1){display:block;} .ser_support01 .bott .img_box{width:50%; margin:0 auto; display:none;} .ser_support01 .bott .words_box{width:100%; margin-top:.3rem;} .ser_support01 .bott .bott_list{padding-top:.1rem;} /* 妗堜緥 */ .cases01 .hd .item{display:block;} .cases01 .hd .item .title{margin-right:0; margin-bottom:.1rem;} .cases01 .hd .item{width:100%;} .cases01 .bd .li_ .info .box .tit{font-size:.18rem;} /* 鍔犲叆鎴戜滑 */ .xc_banner.join_us .xc_img{height:5rem;} .xc_banner.join_us .xc_words{top:20%;} .xc_banner.join_us .xc_links{left:0; width:100%; bottom:6%;} .xc_banner.join_us .xc_links li{padding:0 5px; } .xc_banner.join_us .xc_links li a{height:auto; padding:.25rem .2rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -moz-box-orient:vertical; -moz-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center;} .xc_banner.join_us .xc_links li a .icon{padding:0; border:none} .xc_banner.join_us .xc_links li a .icon img{width:.48rem; height:.48rem} .xc_banner.join_us .xc_links li .right{ margin-top:.15rem; padding:0; display:block; text-align:center;} .xc_banner.join_us .xc_links li .right .t{text-align:center} .xc_banner.join_us .xc_links li .right .xgicon{margin-top:.2rem; font-size:.24rem; } .join_us01 .content{display:block;} .join_us01 .left{padding-top:0; width:100%; margin-bottom:.2rem;} .join_us01 .right{width:100%;} .join_us02{padding-bottom:.2rem;} .join_us02 .content ul{flex-wrap:wrap;} .join_us02 .content li{width:49%; margin-right:2%; margin-bottom:.2rem;} .join_us02 .content li:nth-child(2n){margin-right:0;} .join_us03 .cont img{width:100%;} /* QHSE */ .QHSE03 .cont{position:relative;} .QHSE03 .left{padding-top:0; width:100%; margin-bottom:.2rem;} .QHSE03 .right{width:96%;} .QHSE03 .img_box .img{width:55%;} .QHSE05 .content{width:auto; padding:0 4%;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu01 .top{padding:.4rem 0 .8rem;} .comm_solu01 .top .con{width:92%;} /* 浜烘墠鎷涜仒 */ .recruit01 .hd{margin-bottom:.3rem;} .recruit01 .hd .box .item{display:block;} .recruit01 .hd .box .item ul{width:100%;} .recruit01 .hd .top .form_box{width:100%; margin-bottom:.2rem;} .recruit01 .hd .top .btns{width:1.2rem;} .recruit01 .hd .top .inp{width:calc(100% - 2.1rem);} .recruit01 .bd li.first{display:none;} .recruit01 .bd li.first, .recruit01 .bd li.j_t{padding:0;} .recruit01 .bd li ._un{line-height:.3rem; padding:.1rem 0;} .recruit01 .bd li.j_t ._t1{width:100%; padding-bottom:0;} .recruit01 .bd li.j_t ._t5{height:.3rem;} .recruit01 .bd li.j_t .iconfont{display:none;} .recruit01 .bd li ._t2, .recruit01 .bd li ._t3, .recruit01 .bd li ._t4{width:30.5%; padding-right:.5%; box-sizing:border-box;} .recruit01 .bd li ._t3{width:34%;} .recruit01 .bd li.j_c .j_c_box{padding:.3rem 4%; display:block;} .recruit01 .bd li.j_c .j_c_box .intro{max-width:none; width:100%; margin-bottom:.3rem;} /* 钀ラ攢缃戠粶 */ .network01 li.first ._ut{display:none;} .network01 li.first ._ut._t1{display:block; width:100%;} .network01 li.li_{padding:0.1rem 4%;} .network01 li ._un{line-height:.3rem; padding:.1rem 0; padding-right:.5%;} .network01 li.li_ ._t1{width:100%; padding-bottom:0; font-size:.2rem;} .network01 li ._t3{width:68%;} /* 绀句細璐ｄ换鍒楄〃 */ .responsibility_news01 .hd .item{width:2rem;} .responsibility_news01 .hd .item2{width:3rem;} /* 鎶曡瘔寤鸿 */ .suggest01 .bott .form_box .inp_box label{font-size:.18rem;} /* 棣栭〉 */ .ibanner{display:none;} .m_ibanner{display:block; padding-top:1rem; background:url(../img/m_header_bg.png) no-repeat top; background-size:100% auto;} .m_ibanner .swiper-pagination-bullet{width:.18rem; height:3px; background:#fff; border-radius:0; margin:0 3px;} .m_ibanner .swiper-pagination-bullet-active{opacity:1;} .m_ibanner .swiper-slide{border-radius:.1rem; overflow:hidden;} .m_ibanner .swiper-slide img{width:100%;} .header .h_tools .iconfont{font-size:.26rem; padding:.08rem;} .header.index_header{background:none;} .header.index_header .h_lan .lan_top .iconfont::after{display:none;} .header.index_header .h_tools .mobile_key::after{display:none;} .header.index_header .h_tools .mobile_key{margin:0.1rem;} .header.index_header .h_logo .img01{display:none;} .header.index_header .h_logo .img02{display:block;} .header.index_header.fixed{background:#fff;} .header.index_header.fixed .h_lan .lan_top .iconfont::after{display:block;} .header.index_header.fixed .h_tools .mobile_key::after{display:block;} .header.index_header.fixed .h_tools .mobile_key{margin:0.1rem;} .header.index_header.fixed .h_logo .img01{display:block;} .header.index_header.fixed .h_logo .img02{display:none;} .ipart01 .right{display:none;} .ipart01 .left{width:100%;} .ipart02 .content{padding:0 4%;} .ipart02 .content .item .img{height:3rem;} /* 鏂囧寲 */ .culture01 .btns_box{text-align:center; margin-top:.4rem;} .culture01 .btns_box .swiper-button-prev{margin-left:0;} } @media only screen and (max-width: 680px){ /* 棣栭〉 */ .ipart01 .content{display:block;} .ipart01 .left{padding:0; margin-bottom:.3rem; width:100%;} .ipart01 .right{width:100%;} .ipart01 .right .global-site-3d{max-width:5rem; width:80%;} .ipart01 .right .cover_box{width:1.5rem; height:1.5rem;} .ipart04 .content .cont{padding:0;} .ibanner .widgets .bannerRight{display:none;} .ibanner .swiper-slide .words_box{bottom:50%; transform:translateY(50%);} /* 浜у搧璇︽儏 */ .pro_detail01{background:none; padding-top:0; overflow:hidden;} .pro_detail01 .content{display:block;} .pro_detail01 .left{width:80%; margin:0 auto; padding:.3rem 0; box-sizing:border-box; position:relative;} .pro_detail01 .left::after{content:''; position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%); width:100vw; background:url(../img/pro_detail01_bg.jpg) no-repeat center/cover; z-index:-1;} .pro_detail01 .right{width:100%; margin-top:.3rem;} .pro_detail02 .hd .right{display:none;} /* 鏁呬簨鍒嗕韩 */ .story01{padding:.4rem 0 0;} .story01::after{display:none;} .story01 .item{border:0!important; margin-bottom:.3rem;} .story01 .item:last-child{margin-bottom:0;} .story01 .item .cont .jt{display:none;} .story01 .item:last-child .cont .jt2{display:none;} .story01 .item .cont{padding:0; display:block;} .story01 .item .left{width:100%;} .story01 .item .right .icon{display:none;} .story01 .item .right{width:100%; margin-top:.2rem;} .story01 .item .right .con{margin-bottom:.2rem;} .story01 .item .right .common_btns{text-align:center;} /* 涓撳埄 */ .patent01 .bb li{width:49%; margin-right:2%;} .patent01 .bb li:nth-child(5n){margin-right:2%;} .patent01 .bb li:nth-child(4n){margin-right:0} .patent01 .bb li:nth-child(3n){margin-right:2%;} .patent01 .bb li:nth-child(2n){margin-right:0} .patent01 ._info h3{margin-bottom:0; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;} .patent01 ._info{padding:.15rem;} /* 鏍″洯寰瀹 */ .sch_solu02 li{width:50%; position:relative;} .sch_solu02 li.li01 .hover_img, .sch_solu02 li.li02 .hover_img, .sch_solu02 li.li03 .hover_img, .sch_solu02 li.li04 .hover_img{left:0;} .sch_solu02 li .hover_img{width:100%;} .sch_solu03 .left{display:none;} .sch_solu03 .right{width:100%;} .sch_solu03 .content{margin-top:.3rem;} @keyframes rowup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, calc(-100% + 2.43rem), 0); } } /* 鎶曡瘔寤鸿 */ .suggest01 .bott .form_box .inp_box{width:100%; margin-right:0;} .suggest01 .bott .form_box .form-btn{position:static; margin-top:.3rem; text-align:center; float:left; width:100%;} .suggest01 .bott .form_box .inp_box.inp_yzm{width:100%; margin-top:0;} /* 浜у搧璇环 */ .inquire01 .bott .hd .box{padding:.2rem 4%;} .inquire01 .bott .hd .box .right{display:none;} .inquire01 .bott .hd .box .left{width:100%; max-width:none; display:block;} .inquire01 .bott .hd .box .left .img{height:auto; text-align:center;} .inquire01 .bott .hd .box .left .words{margin:0; margin-top:.2rem; text-align:center;} .inquire01 .bott .hd .box .left .words .tit{font-size:1.15em; margin-bottom:0;} .inquire01 .bott .bd .form_box .inp_box{width:100%; margin-right:0;} .inquire01 .bott .bd .form_box .form-btn{position:static; margin-top:.3rem; text-align:center; float:left; width:100%;} .inquire01 .bott .bd .form_box .inp_box.inp_yzm{width:100%; margin-top:0;} /* 浼佷笟鏂囧寲 */ .culture01 .before_pic .bott .cont ul{flex-wrap:wrap;} .culture01 .before_pic .bott .cont li{width:50%; flex:auto; margin-bottom:.2rem;} .culture01 .before_pic .bott .cont{padding:.3rem 0 .2rem;} .culture01 .after_pic .swiper-box .icon{width:.45rem; height:.36rem; margin-bottom:.1rem;} } /* * MobileMode */ @media only screen and (max-width: 580px){ /*mobileMode 580 缃戠珯鏍峰紡*/ body,input,textarea,button,select {font-size:.15rem;} .UnmobilePush{display: none;} .MobilePush{display:block;} body:after { content: 'Mobile'; } /* .channel_content{min-height:calc(100vh - 4rem);} */ /* 棣栭〉 */ .ibanner .swiper-slide .words_box .words .tit{margin-bottom:.3rem;} .ibanner .swiper-slide .words_box .words{max-width:90%;} .ipart01 .left .mess .line .big_num .num, .ipart01 .left .mess .line .big_num .unit.en{font-size:.24rem;} .ipart01 .left .mess .line .big_num .unit{font-size:.2rem;} .ipart02 .content .item .cont .con{font-size:.2rem; margin-top:.1rem;} .ipart02 .content .item .cont .link_box{margin-top:.1rem;} .ipart02 .content .item .cont .icon img{max-width:.5rem;} .ipart02 .content .item .cont .after{bottom:.5rem;} .ipart03 .words{position:relative; } .ipart03 .bott .name_img{top:auto; bottom:16%; width:80%; transform:translateX(-50%);margin-left:0;} .ipart03 .bott .cloud_box{display:none;} .ipart03 .bott .bott_img{top:auto; bottom:0;} .ipart03 .top_cloud{display:none;} .ipart03 .m_top_cloud{display:block; width:100%; position:absolute; top:-23%; left:0; z-index:10; pointer-events:none;} .ipart03 .common_btns .t::after{background:#fff;} .ipart03 .bott .img_base{transform:none;} .ipart04{overflow:hidden;} .ipart04 .content{padding-bottom:0.2rem; overflow:visible;} .ipart04 .bott ul{display:block;} .ipart04 .bott li{width:100%; margin-bottom:.2rem; margin-right:0; background:#fff;} .ipart04 .bott li.imgZoom1{box-shadow:0 0 25px rgb(0 0 0 / 10%);} .ipart04 .bott li.imgZoom2 .img_box{display:none;} .ipart04 .bott li .words_box .con{height:auto; max-height:.9rem;} .ipart04 .bott li .words_box a{padding:.2rem 4% .3rem;} .ipart04 .bott li.imgZoom2 .words_box a{padding:0.2rem 0; border-top:1px dashed #e6e4e7; border-bottom:1px dashed #e6e4e7;} .ipart01 .right .cover_box .cover_t{font-size:.15rem;} .ipart02 .content .item .cont .con{font-size:.18rem;} .ipart02 .content .item .cont .link_box .link{font-size:.16rem;} .ipart04 .bott li .words_box .tit{font-size:.18rem; margin-bottom:.1rem;} .ipart04 .bott li .words_box .tips .item .t{font-size:13px;} .index_title .en{font-size:13px;} /* 鏂伴椈涓績 */ .news_center01 .top .left .title{margin-bottom:0;} .news_center01 .top .left .img{display:none;} .news_center01 .top .right{display:none;} .news_center01 .top{margin-bottom:.4rem;} .news_center01 .bott{padding:.2rem 4%;} .news_center01 .bott a{display:block;} .news_center01 .bott .img_box{width:100%; margin-bottom:.3rem;} .news_center01 .bott .word_box{width:92%; margin:0 auto;} .news_center01 .bott .word_box .tit{font-size:.2rem;} .news_center02 .hd .form_box{display:block;} .news_center02 .hd .item{width:100%; margin-right:0;} .news_center02 .hd .item:first-child{margin-bottom:.2rem;} .news_center02 .bd li{width:100%; margin-right:0;} .news_center02 .bd li:nth-child(3n){margin-right:0;} .news_center02 .bd li .word_box .tit{font-size:.2rem;} .news_center02 .bd li.special .cover_box .title{height:.6rem;} /* 鏂伴椈璇︽儏 */ .news_detail01 .left .mess{flex-wrap:wrap;} .news_detail01 .left .btns{display:block; position:relative;} .news_detail01 .left .btns .prev{width:100%; margin-bottom:.2rem;} .news_detail01 .left .btns .next{width:100%; margin-bottom:.2rem; text-align:left;} .news_detail01 .left .btns .to_list{position:absolute; left:50%; transform:translateX(-50%); bottom:.2rem;} .news_detail01 .right{display:block;} .news_detail01 .right .item{width:100%; margin-bottom:.3rem;} .news_detail01 .left .share_box li .iconfont{font-size:.3rem;} .news_detail01 .right{margin-top:.3rem;} /* 涓嬪眰banner */ .xc_banner .word_box{bottom:50%; transform:translateY(50%);} .xc_banner .content .right{display:none;} .xc_banner .content .left{width:100%;} .xc_banner .content .left .img{display:none;} .xc_banner .content .left .title{margin-bottom:0;} /* 浜у搧鍒楄〃 */ .pro_list01 .right li .m_img{display:block; mix-blend-mode:darken; margin-top:.2rem; max-height:none;} .pro_list01 .right li .m_img a{display:block;} .pro_list01 .right li .m_img img{max-height:100%;} .pro_list01 .right li .img_box{display:none;} .pro_list01 .right li .words_box{width:100%;} .pro_list01 .right li .words_box .btns{display:none;} /* 浜у搧璇︽儏 */ .pro_detail02 .bd .section1 .words_cover{margin-top:-.6rem;} .pro_detail02 .bd .section2 li{width:50%; margin-bottom:.2rem;} .pro_detail02 .bd .section2 li .num{font-size:.34rem; margin-bottom:.1rem;} .pro_detail02 .bd .section3 .swiper-slide .img{margin-top:.2rem;} .pro_detail02 .bd .section4 .title{margin-bottom:.25rem;} .pro_detail02 .bd .section4 th{font-size:.18rem;} .pro_detail02 .bd .section4 td[colspan="4"]{font-size:.17rem;} .common_footer .content{display:block; text-align:center;} .common_footer .left{width:100%; margin-bottom:.2rem;} /* 浼佷笟鑽ｈ獕 */ .honor01 li .img_box .top{width:2rem;} .honor01 li .img_box .top img{max-height:1.48rem;} .honor01 li .words_box{margin-top:.1rem;} /* 鏈嶅姟鏀寔 */ .ser_support01 .bott .img_box{width:80%;} /* 瑙ｅ喅鏂规 */ .xc_banner.solution .word_box{transform:none;} .xc_banner.solution .img_box{height:3rem;} .xc_banner .content .left .title{text-align:left; padding:0 4%; box-sizing:border-box;} .solution02 .infor{margin-bottom:.3rem;} .solution03 li{width:48%; margin-right:4%;} .solution03 li:nth-child(3n){margin-right:4%;} .solution03 li:nth-child(2n){margin-right:0;} .solution03 li .box{padding:.2rem 4%;} /* 妗堜緥 */ .cases01 .bd .li_{width:100%; margin-right:0;} .cases01 .bd .li_:nth-child(3n){margin-right:0;} /* 濯掍綋鏈嶅姟 */ .media01 .top .form_box{display:block;} .media01 .top .form_box .item{width:100%; margin-right:0;} .media01 .top .form_box .item:first-child{margin-bottom:.2rem;} .media01 .bott.change li, .media01 .bott li{width:100%; margin-right:0; margin-bottom:.2rem;} /* 鍔犲叆鎴戜滑 */ .xc_banner.join_us .xc_words .title{font-size:.34rem;} .xc_banner.join_us .xc_words .img{width:3rem;} .xc_banner.join_us .xc_links li{width:100%; padding:5px 0} .xc_banner.join_us .xc_links li a{height:80px; padding:0 .2rem; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -webkit-justify-content:flex-start; -moz-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; flex-direction:row; -webkit-flex-direction:row;} .xc_banner.join_us .xc_links li a .icon{padding: 0 .1rem; padding-right:.3rem; border-right:1px solid rgba(255,255,255,.5);} .xc_banner.join_us .xc_links li .right{padding: 0 .2rem; margin-top:0; text-align:left; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;} .xc_banner.join_us .xc_links li .right .xgicon{margin-top:0;} .xc_banner.join_us .xc_links li .right .t{text-align:left;} .xc_banner.join_us .xc_words .title{letter-spacing:.15em;} .xc_banner.join_us .xc_links .right .c{text-align:left;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu02 .cont li .box .icon{margin-bottom:.2rem;} .comm_solu03 .top li .box{padding:.3rem 4%;} .comm_solu03 .top li .box .t{margin-top:.2rem;} .comm_solu05 .swiper-container{width:100%;} .comm_solu05 .swiper-slide .bg::after{display:none;} .comm_solu05 .swiper-slide .infor{position:relative; width:100%; margin-bottom:.2rem; color:#000; opacity:1; left:0;} .comm_solu05 .content .btns{text-align:center; margin-top:.3rem;} .comm_solu05 .content .btns>div{position:relative; left:auto; right:auto; transform:none; display:inline-block; border-color:#000;} .comm_solu05 .content .btns>div::after{color:#000;} .comm_solu05 .content .btns .swiper-button-next{margin-left:.1rem;} .comm_solu05 .swiper-slide::after{display:none;} /* 绀句細璐ｄ换 */ .responsibility01 .bott{height:2.2rem;} .responsibility01 .bott .cont::after{height:1.6rem;} .responsibility02 .swiper-slide .box{display:block; padding:.4rem 4%; border-radius:.1rem;} .responsibility02 .swiper-slide .img_box{width:100%;} .responsibility02 .swiper-slide .box::after{transform:none; left:0; border-left:0;} .responsibility02 .swiper-slide .words_box{width:100%; margin-top:.3rem;} .responsibility02 .swiper-slide{filter:none;} /* 钀ラ攢缃戠粶 */ .network01 li.li_{position:relative;} .network01 li ._t3{width:100%; white-space:normal; padding-top:0;} .network01 li ._t4{width:50%; position:absolute; top:.5rem; right:0;} .network01 li ._t2{width:50%;} /* QHSE */ .QHSE01 .bott .img .t{position:relative; bottom:auto; right:auto; margin-top:.1rem; text-align:right;} .QHSE04 .swiper-slide .intro .con{height:.9rem;} .QHSE01 .bott .img{border-radius:0;} .QHSE01 .bott .img img{border-radius:0.2rem;} .QHSE02 .tit{margin-bottom:.25rem;} .QHSE04 .infor .con{font-size:.18rem; margin-top:.1rem;} .QHSE05 .tit{margin-bottom:.25rem;} /* 绀句細璐ｄ换鍒楄〃 */ .responsibility_news01 .hd .item2{width:100%; margin-top:.2rem;} /* 鍏叡瀛楀彿 */ .tit46{font-size:.25rem; line-height:.36rem;} .tit42{font-size:.23rem; line-height:.34rem;} .tit40{font-size:.22rem; line-height:.32rem;} .tit36{font-size:.2rem; line-height:.3rem;} .tit30{font-size:.18rem; line-height:.3rem;} .con16{font-size:.15rem;} /* 鍏叡鎸夐挳 */ .common_btns .t{font-size:.15rem;} /* 鍏叡閮ㄥ垎 */ .common_footer .left .con{font-size:.16rem; line-height:.3rem;} /* 鍏充簬鎴戜滑 */ .about_us01 .left .con{font-size:.18rem; margin-top:.1rem;} .about_us02 .item .bg{height:3rem;} /* 浼佷笟鏂囧寲 */ .culture01 .before_pic .bott .cont li .c{font-size:.15rem; line-height:.25rem;} /* 鍏徃鑽ｈ獕 */ .honor01 li .words_box .t{font-size:.15rem;} /* 鎷涜仒 */ .recruit01 .hd .box .item .title{font-size:.18rem;} .recruit01 .hd .box .item li{font-size:.15rem;} .recruit01 .bd li.j_c .contact .line{font-size:.16rem;} /* 鑱旂郴鎴戜滑 */ .recruit01 .bd li.j_c .contact .line{font-size:13px;} /* 浜у搧鍒楄〃 */ .pro_list01 .left .infor .en{font-size:13px; margin-top:4px;} .pro_list01 .left .list li .t_box{font-size:.18rem;} /* 浜у搧璇︽儏 */ .pro_detail01 .right .center .t{font-size:.16rem;} .pro_detail02 .bd .section2 li .t{font-size:.16rem;} .pro_detail02 .bd .section3 .title{margin-bottom:.25rem;} .pro_detail02 .hd{height:.7rem;} .pro_detail02 .hd .box{padding:.1rem 0;} .pro_detail01 .right .top .name{max-height:.64rem;} /* 瑙ｅ喅鏂规 */ .comm_solu01 .top .con{margin-top:.25rem;} .comm_solu02 .cont li .box .intro .t{font-size:.2rem; margin-bottom:.1rem;} .comm_solu03 .top li .box .t{font-size:.18rem; margin-top:.15rem;} .comm_solu03 .bott .item .area .words .t{line-height:.3rem;} .comm_solu04 .swiper-slide{width:100%;} .comm_solu04 .tit{margin-bottom:.25rem;} .comm_solu05 .content .btns>div{border-width:1px;} .solution01 .swiper-slide .icon{width:1rem; height:1rem;} .solution01 .swiper-slide .intro .t{font-size:.2rem; margin-bottom:.1rem;} .data_solu04 .tit{font-size:.16rem;} .data_solu04 .words_box .t{font-size:.17rem;} .data_solu04 .tit{margin-bottom:.25rem;} /* 妗堜緥 */ .cases01 .hd .item .title{font-size:.18rem; line-height:.3rem;} .cases01 .hd .item li{font-size:.15rem;} /* 涓撳埄 */ .patent01 ._info h3{line-height:.25rem; height:.5rem;} /* 绀句細璐ｄ换 */ .responsibility01 .infor .con{font-size:.18rem; line-height:.3rem;} /* 鏂伴椈鍒楄〃 */ .news_center01 .bott .word_box .tit{font-size:.18rem; margin-bottom:.1rem;} .news_center01 .bott .word_box .tips .item .t{font-size:13px;} .news_center02 .bd li .word_box .tips .item .t{font-size:13px;} .news_center02 .bd li .word_box .tit{font-size:.18rem;} /* 濯掍綋鎶ラ亾 */ .media01 .bott li .intro .tag{font-size:13px;} .media01 .bott li .intro .intro_c .tit{font-size:.18rem;} /* 鎼滅储椤甸潰 */ body .searchArea .content_form .form_box .search .down_wrap{padding:.2rem .2rem .1rem; z-index:6;} body .searchArea .content_form .form_box .search .down_wrap ul{max-height:2.8rem;} body .searchArea .content_form .form_box .search .down_wrap li{font-size:.18rem;} } @media only screen and (max-width: 425px){ /* 棣栭〉 */ .ipart01 .right .global-site-3d{width:90%;} /* 浜у搧璇︽儏 */ .pro_detail02 .bd .section3 .swiper-slide{width:100%; margin-right:0;} /* 鍏充簬鎴戜滑 */ .about_us02 .item .bg{height:3rem;} .about_us02 .item .bg img{height:3rem; transform:translate(0%, -50%);} /* 浼佷笟鑽ｈ獕 */ .honor01 li .img_box .top{width:100%;} /* 瑙ｅ喅鏂规 */ .solution01 .swiper-slide{width:100%; margin-right:.2rem;} /* 鏂伴椈鍒楄〃 */ .news_center01 .bott .word_box .tips .item{display:block;} /* 鎶曡瘔寤鸿 */ .suggest01 .bott .form_box .inp_box.inp_yzm .inp{width:1.4rem;} /* 閫氫俊瑙ｅ喅鏂规 */ .comm_solu02 .cont li{width:100%; margin-right:0;} }