@media screen and (min-width:1761px){ /*nav{left:251px}*/ } @media screen and (min-width:1591px) and (max-width:1760px){ /*.wrap{width:90%}*/ /*nav{left:185px} nav>ul>li{margin-right:37px} .logo img{max-height:50px}*/ } @media screen and (min-width:1350px) and (max-width:1590px){ /*.wrap{width:98%}*/ /*nav{left:172px}*/ /*.logo img{max-height:50px}*/ .vivo-nav .search-user{right:190px} /*.top_tel{padding-left:16px}*/ } @media screen and (min-width:1301px) and (max-width:1367px){ /*.wrap{width:98%}*/ /*.logo img{max-height:40px}*/ /*nav{left:144px} nav>ul>li{margin-right:32px} nav>ul>li:after{right:-18px} nav>ul>li>a{font-size:15px}*/ .vivo-nav .search-user{right:192px} .vivo-search .search-box{width:620px} /*.top_tel{padding-left:20px}*/ .i_cont_list li .txt img{height:30px} .i_cont_list li .txt p{font-size:16px} .i_cont_list li .txt i{font-size:12px} } @media screen and (max-width:1300px){ /* 移动端 */ :root{ --top_h:80px; /* 头部高度 */ --nav_w:50px; /* 导航三道杠宽度 */ } .wrap,.wrap2{width:96%} /*header{position:relative; background:var(--i_color)!important; border:none}*/ .logo img{max-height:44px} .vivo-nav .search-user{right:10px} #vivo-head .vivo-search{position:absolute; left:-2%; width:100vw} .vivo-search .search-box{width:94%} .vivo-search .search-box input{width:calc(100% - 160px)} .vivo-search .search-box a.close{right:0; opacity:1!important} .header_wrap{width:auto;padding:0 20px;} .i_main_box3 .list ul li{width:calc(33.33% - 90px );margin:0 40px;} /*.top_tel{display:none!important}*/ /* nav{left:0; display:none} nav li{margin:0} .mean-nav{display:block!important} nav{--m_nav_down_height:50px} a.meanmenu-reveal{display:none} .mean-container .mean-bar{position:absolute; top:0; right:0; width:var(--nav_w); height:var(--top_h); z-index:999999999999999} a.meanmenu-reveal{ position:absolute; right:0; display:block; width:var(--nav_w); height:var(--top_h); line-height:var(--top_h); background:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFF; cursor:pointer; } a.meanmenu-reveal span{display:block; width:48%; height:3px; margin:6px auto 0; background:#FFF} a.meanmenu-reveal span:first-child{margin-top:18px} .mean-nav{position:absolute; left:calc(-100vw + var(--nav_w)); width:100vw; margin-top:var(--top_h)} .mean-nav ul{position:relative!important; opacity:1!important; visibility:visible!important; padding:0; margin:0; width:100%; max-height:calc(100vh - var(--nav_w)); list-style-type:none; background:none; overflow:auto; overflow-x:hidden} .mean-nav>ul{background:rgba(0,0,0,.8)} .mean-nav ul::-webkit-scrollbar{width:2px; height:auto} .mean-nav ul::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)} .mean-nav ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1)} .mean-nav li{position:relative; margin:0; float:left; width:100%} .mean-nav li a:after{display:none!important} .mean-nav li a{ display:block; float:left; width:100%; height:var(--m_nav_down_height); padding-left:2%; line-height:var(--m_nav_down_height); font-size:18px; margin:0; text-align:left; color:#FFF; box-sizing:border-box; border-top:1px solid rgba(255,255,255,.3); text-decoration:none; } .mean-nav li li a{ height:calc(var(--m_nav_down_height) - 10px); line-height:calc(var(--m_nav_down_height) - 10px); padding-left:5%; font-size:16px; color:#FFF; opacity:.8; filter:alpha(opacity=80); border-top:1px solid rgba(255,255,255,.1); visibility:visible } @media screen and (max-width:600px){ .mean-nav li a{font-size:16px!important} .mean-nav li li a{font-size:15px!important} } @media screen and (max-width:360px){ .mean-nav li a{font-size:15px!important} .mean-nav li li a{font-size:13px!important} } .mean-nav li a.mean-expand{ position:absolute; right:0; top:0; padding:0; width:var(--m_nav_down_height); text-align:center; z-index:2; font-weight:bold; background:rgba(255,255,255,.1); border:none; } .mean-nav li a.mean-expand:hover{background:rgba(0,0,0,.3)} .mean-nav ul ul ul{background:#3C9EEA} .mean-nav li li li a{height:calc(var(--m_nav_down_height) - 14px); line-height:calc(var(--m_nav_down_height) - 14px); font-size:.24rem; padding-left:10%} */ /* footer */ footer{padding:40px 0 0} @media screen and (max-width:1200px){ .f_copy p{float:none; line-height:20px} .i_notice_list .notice-button-next,.i_notice_list .notice-button-prev{display:none;} } @media screen and (max-width:1000px){ footer{background-size:cover} .f_contact, .f_qr{float:none} .f_contact{width:100%} .f_qr{margin-top:24px} } @media screen and (max-width:760px){ footer{padding:30px 0 0; background:#2A2A2A url(../images/f_bg.png) no-repeat; background-position:50%; background-size:cover} .f_logo, .f_contact .txt{float:none} .f_logo img{max-width:140px} .f_contact .txt{width:100%; margin-top:24px} .f_copy{margin-top:20px; padding:8px 0} } @media screen and (max-width:540px){ footer{padding:20px 0 0} .f_logo img{max-width:120px} .f_contact .txt dd i{display:block; margin:0} .f_qr img{height:110px} .f_qr p{margin-top:8px; font-size:12px} } } /* --------------------------- 单独设置 --------------------------- */ /* logo */ /*@media screen and (max-width:485px){ .logo img{max-height:40px} } @media screen and (max-width:410px){ .logo img{max-height:36px} } @media screen and (max-width:370px){ .logo img{max-height:32px} } @media screen and (max-width:340px){ .logo img{max-height:28px} }*/ /* slogan */ @media screen and (max-width:1120px){ .slogan{display:block; position:absolute; top:50%; left:160px; transform:translate(0,-50%)} .slogan p{font-size:20px; color:#FFF; font-weight:bold; letter-spacing:1px} } @media screen and (max-width:580px){ .slogan{left:150px} .slogan p{font-size:18px} } @media screen and (max-width:485px){ .slogan{left:130px} } @media screen and (max-width:410px){ .slogan{left:115px} .slogan p{font-size:17px; letter-spacing:0} } @media screen and (max-width:370px){ .slogan{left:100px} .slogan p{font-size:16px} .slogan img{height:22px} } @media screen and (max-width:340px){ .slogan{left:88px} .slogan p{font-size:15px} .slogan img{height:20px} } @media screen and (max-width:320px){ .slogan{display:none!important} } /* banner */ @media screen and (max-width:1120px){ .slider-arrows{display:none!important} .slider-nav{bottom:26px} .slider-nav__item{width:10px; height:10px; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%} } @media screen and (max-width:768px){ .slide .box:before{padding-bottom:46%} } @media screen and (max-width:420px){ .slide .box:before{padding-bottom:50%} .slider-nav{bottom:18px} } /* 首页宽度调控 */ /*.wrap2, .index_wrap{width:68%; margin:0 auto}*/ @media screen and (max-width:1590px){ /*.wrap2, .index_wrap{width:80%}*/ } @media screen and (max-width:1380px){ /*.wrap2, .index_wrap{width:82%}*/ } @media screen and (max-width:1000px){ /*.wrap2, .index_wrap{width:96%}*/ } /* 近期要闻 */ /*@media screen and (max-width:1590px){ .notice-button-prev{left:18.5%} .notice-button-next{left:calc(18.5% + 15px)} } @media screen and (max-width:1380px){ .i_notice .tit p{font-size:15px} .notice-button-prev{left:17.5%} .notice-button-next{left:calc(17.5% + 15px)} } @media screen and (max-width:1000px){ .i_notice .tit p{font-size:14px} .notice-button-prev{left:12%} .notice-button-next{left:calc(12% + 15px)} } @media screen and (max-width:960px){ .i_notice .tit{width:18%} .notice-button-prev{left:13%} .notice-button-next{left:calc(13% + 15px)} .i_notice_list{width:77%} } @media screen and (max-width:800px){ .i_notice .tit{width:20%} .notice-button-prev{left:15%} .notice-button-next{left:calc(15% + 15px)} .i_notice_list{width:75%} } @media screen and (max-width:660px){ .i_notice .tit{width:25%} .notice-button-prev{left:19%} .notice-button-next{left:calc(19% + 15px)} .i_notice_list{width:70%} }*/ @media screen and (max-width:500px){ .notice-button-prev, .notice-button-next{display:none!important} } @media screen and (max-width:400px){ .i_notice .tit{display:none!important} .i_notice_list{float:none; width:100%; margin:0} } /* @media screen and (max-width:1441px){ .i_notice .tit{width:162px; height:auto} .i_notice_list{width:calc(100% - 216px)} .notice-button-prev{left:120px} .notice-button-next{left:calc(120px + 15px)} } @media screen and (max-width:1367px){ .i_notice .tit p{font-size:14px} } @media screen and (max-width:1080px){ .i_notice .tit{width:174px} .i_notice_list{width:calc(100% - 230px)} .notice-button-prev, .notice-button-next{display:block!important} .notice-button-prev{left:140px} .notice-button-next{left:calc(140px + 15px)} } @media screen and (max-width:690px){ .i_notice .tit{width:140px} .i_notice_list{width:calc(100% - 176px)} .notice-button-prev{left:110px} .notice-button-next{left:calc(110px + 15px)} } @media screen and (max-width:490px){ .i_notice .tit{width:98px} .i_notice_list{width:calc(100% - 126px)} .notice-button-prev, .notice-button-next{display:none!important} } @media screen and (max-width:366px){ .i_notice .tit{width:100px} .i_notice_list{width:calc(100% - 130px)} .notice-button-prev, .notice-button-next{display:none!important} } @media screen and (max-width:320px){ .i_notice .tit{display:none} .i_notice_list{float:none; width:100%; margin:0} } */ /* 网站主体间距 */ /*@media screen and (min-width:1351px){ main{margin:58px auto} } @media screen and (max-width:1350px){ main{margin:50px auto} } @media screen and (max-width:1145px){ main{margin:40px auto} } @media screen and (max-width:961px){ main{margin:34px auto} } @media screen and (max-width:741px){ main{margin:36px auto 20px} } @media screen and (max-width:436px){ main{margin:26px auto 18px} }*/ /* 网站主体列表 */ @media screen and (max-width:961px){ .i_cont_list li .txt img{height:28px; margin-top:8px} .i_cont_list li .txt p{font-size:16px} .i_cont_list li .txt i{font-size:12px} } @media screen and (max-width:851px){ .i_cont_list li .txt img{height:28px; margin-top:8px} .i_cont_list li .txt p{font-size:15px} .i_cont_list li .txt i{font-size:12px} } @media screen and (max-width:741px){ .i_cont_list li{width:49%; margin:0 2% .18rem 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px} .i_cont_list li:nth-child(2n){margin-right:0} .i_cont_list li .txt span{padding:5px 0} .i_cont_list li .txt img{height:24px; margin-top:8px} .i_cont_list li .txt p{font-size:16px} .i_cont_list li .txt i{font-size:12px} } @media screen and (max-width:340px){ .i_cont_list li{float:none; width:100%; margin:0 0 .18rem 0} .i_cont_list li .img:before{padding-bottom:48%} .i_cont_list li .txt span{padding:5px 0} .i_cont_list li .txt img{height:24px; margin-top:8px} .i_cont_list li .txt p{font-size:16px} .i_cont_list li .txt i{font-size:12px} } /* 右侧固定客服 */ @media screen and (max-width:1200px){ .side{display:none} } /* ------------------------------------ 内页 ------------------------------------ */ /* 内页 banner */ @media screen and (max-width:1600px){ .in_b_text p{top:60%} } @media screen and (max-width:1440px){ .in_banner:before{padding-bottom:24%} } @media screen and (max-width:1366px){ .in_banner:before{padding-bottom:25%} } @media screen and (max-width:1200px){ .in_banner:before{padding-bottom:28%} } @media screen and (max-width:1120px){ .in_b_text p{top:50%; font-size:calc(var(--f_size) - 3px)} } @media screen and (max-width:800px){ .in_b_text p{font-size:calc(var(--f_size) - 8px)} } @media screen and (max-width:560px){ .in_banner:before{padding-bottom:34%} .in_b_text p{font-size:calc(var(--f_size) - 10px)} } @media screen and (max-width:420px){ .in_banner:before{padding-bottom:36%} .in_b_text p{font-size:18px} } @media screen and (max-width:300px){ .in_banner:before{padding-bottom:36%} .in_b_text p{font-size:14px} } /* 二级导航栏目 */ @media screen and (max-width:1000px){ .in_nav_list dt{display:none} .in_nav_list dt, .in_nav_list dd{float:none} } @media screen and (max-width:800px){ .in_nav .wrap2{width:100%} .in_nav_list li{width:33.3333%; text-align:center} .in_nav_list li a{padding:0 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} } /* 简介 */ @media screen and (max-width:1400px){ .i_about .txt{width:calc(100% - 360px - 60px)} .i_about .img{width:360px} } @media screen and (max-width:1120px){ .i_about .txt, .i_about .img{float:none; width:100%; margin-bottom:16px} } @media screen and (max-width:600px){ .i_about .tit{margin-bottom:18px} .i_about .tit h1{font-size:22px} .i_about .tit p{font-size:14px} } @media screen and (max-width:360px){ .i_about .tit h1{font-size:18px} .i_about .tit p{font-size:12px} } /* 发展历程 */ @media screen and (max-width:1100px){ .fz_list{width:80%} } @media screen and (max-width:940px){ .fz_list{width:86%} .fz_list li>h1{font-size:38px} } @media screen and (max-width:760px){ .fz_list{width:90%} .fz_list li>h1{font-size:34px} } @media screen and (max-width:540px){ .fz_list{--i_w:18%} .fz_list{width:100%} .fz_list li>h1{font-size:32px} .fz_list dt{margin-bottom:30px} .fz_list dt i, .fz_list dt span{font-size:13px} } /* ----------------------- 内页 - 荣誉资质 列表页 ----------------------- */ @media screen and (min-width:1121px){ /*.in_honor_list li:nth-child(5n){margin-right:0}*/ } /*@media screen and (min-width:801px) and (max-width:1120px){ .in_honor_list li{width:22%} .in_honor_list li:nth-child(4n){margin-right:0} } @media screen and (min-width:491px) and (max-width:800px){ .in_honor_list li{width:30.6666%} .in_honor_list li:nth-child(3n){margin-right:0} } @media screen and (min-width:361px) and (max-width:490px){ .in_honor_list li{width:48%} .in_honor_list li:nth-child(2n){margin-right:0} } @media screen and (max-width:360px){ .in_honor_list li{width:100%} } */ /* ----------------------- 内页 - 通用图片列表 ----------------------- */ @media screen and (min-width:801px){ .in_pic_list li:nth-child(4n){margin-right:0} } @media screen and (min-width:491px) and (max-width:800px){ .in_pic_list li{width:30.6666%} .in_pic_list li:nth-child(3n){margin-right:0} } @media screen and (min-width:361px) and (max-width:490px){ .in_pic_list li{width:48%} .in_pic_list li:nth-child(2n){margin-right:0} } @media screen and (max-width:360px){ .in_pic_list li{width:100%} } /* ----------------------- 内页 - 产品中心 列表页 ----------------------- */ @media screen and (min-width:801px){ .in_pro_list li:nth-child(3n){margin-right:0} } @media screen and (min-width:491px) and (max-width:800px){ .in_pro_list li{width:30.6666%} .in_pro_list .img{height: 22vw;} .in_pro_list li:nth-child(3n){margin-right:0} } @media screen and (max-width:360px){ .in_pro_list li{float:none; width:100%; margin:0 0 10px 0} .pro_box .in_pro_list2 li:nth-child(1){margin:0 ;} } /* ----------------------- 内页 - 产品中心 详情页 ----------------------- */ @media screen and (min-width:831px) and (max-width:1080px){ .pro_details_tit{--img_size:360px} .smallshow>.middle_box{width:83%} .pro_deta_tit .tit h1{max-width:60%; font-size:25px} } @media screen and (max-width:830px){ .bg_left{float:none; margin:0 auto} .bg_right, .mask{display:none!important} .pro_deta_tit{margin-top:40px; position:relative; top:initial; right:initial; width:100%} .pro_deta_tit .tit h1{max-width:60%; font-size:24px} .bsBox{margin:0!important; top:50%; left:50%; transform:translate(-50%,-50%)!important; width:80%!important} .bFind{width:initial!important} .bsTop, #bsMorePanel{width:100%!important} #bsLogoList li{width:25%!important} } @media screen and (max-width:520px){ .pro_details_tit{--img_size:100%} .show{height:initial} .show:before{content:""; display:block; padding-bottom:90%} .show img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)} .smallshow>.middle_box{width:calc(100% - 58px)} .pro_deta_tit .tit h1{max-width:100%; margin-bottom:6px} .pro_deta_tit .tit .n_share{position:relative; top:initial; right:initial; transform:initial; height:initial} .pro_details_cont{margin-top:50px} .pro_details_cont article table{max-width:100%!important} } /* ----------------------- 内页 - 解决方案 列表页 ----------------------- */ @media screen and (min-width:841px){ .in_sol_list li:nth-child(3n){margin-right:0} } @media screen and (max-width:840px){ .in_sol_list li{width:48%; margin:0 4% 40px 0} .in_sol_list li:nth-child(2n){margin-right:0} } @media screen and (max-width:540px){ .in_sol_list .txt h1{font-size:16px} } @media screen and (max-width:400px){ .in_sol_list .txt h1{font-size:14px; font-weight:normal} } @media screen and (max-width:320px){ .in_sol_list li{width:100%; margin:0 0 30px 0} } /* @media screen and (max-width:1150px){ .in_sol_list .txt h1{margin-top:8px} } @media screen and (max-width:1000px){ .in_sol_list{--ny_sol_pic_width:27%} .in_sol_list li{margin-bottom:34px} .in_sol_list li:after{display:none} .in_sol_list a{padding:16px 0} .in_sol_list .txt{width:calc(100% - var(--ny_sol_pic_width) - 24px); padding-right:0; border-right:none} } @media screen and (max-width:740px){ .in_sol_list a{padding:0 0} .in_sol_list .txt h1{font-size:16px; margin-top:0} .in_sol_list .txt p{-webkit-line-clamp:1} .in_sol_list li:hover{ box-shadow:none; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); } } @media screen and (max-width:520px){ .in_sol_list{--ny_sol_pic_width:30%} .in_sol_list .txt h1{margin-bottom:6px} .in_sol_list .txt span{font-size:12px; margin-bottom:8px; padding:0; background:none} } @media screen and (max-width:400px){ .in_sol_list li{margin-bottom:16px; padding-bottom:16px} .in_sol_list .txt h1{font-size:14px; -webkit-line-clamp:2} .in_sol_list .txt span{margin-bottom:0} .in_sol_list .txt p{display:none} } */ /* ----------------------- 内页 案例中心 列表页 ----------------------- */ @media screen and (min-width:1591px){ .in_case_list li:nth-child(3n){margin-right:0} } @media screen and (min-width:1001px) and (max-width:1590px){ .in_case_list li{width:22.75%; margin:0 3% 42px 0} .in_case_list li:nth-child(4n){margin-right:0} .in_case_list .case_more i{width:50%} } @media screen and (max-width:1190px){ .in_case_list .txt p{font-size:15px} } @media screen and (min-width:601px) and (max-width:1000px){ .in_case_list li{width:30.6666%; margin:0 4% 40px 0} .in_case_list li:nth-child(3n){margin-right:0} .in_case_list .case_more i{width:80%} } @media screen and (max-width:600px){ .in_case_list li{width:48%; margin:0 4% 40px 0} .in_case_list li:nth-child(2n){margin-right:0} .in_case_list .txt{height:38px} .in_case_list .txt p{font-size:14px; line-height:38px} .in_case_list .case_more i{width:60%} } @media screen and (max-width:360px){ .in_case_list li{float:none; width:100%; margin:0 0 36px 0} } /* ----------------------- 内页 新闻公告 ----------------------- */ @media screen and (min-width:1001px){ .in_news_list li:nth-child(3n){margin-right:0} } @media screen and (max-width:1000px){ .top_news .img{margin-top:16px} .top_news .txt h1{font-size:18px} .top_news .txt b{-webkit-line-clamp:1} .in_news_list li{width:47.75%; margin-bottom:36px} .in_news_list li:nth-child(2n){margin-right:0} } @media screen and (max-width:780px){ .top_news .img{margin-top:0} .top_news .txt{width:calc(100% - var(--in_news_pic_w) - 40px); margin-top:0} .top_news .txt h1{font-size:17px; margin-bottom:6px; line-height:initial; -webkit-line-clamp:1} .top_news .txt p{display:none} .top_news .txt b{margin-top:14px; padding-top:14px} } @media screen and (max-width:560px){ .top_news a{padding:16px} .top_news .img, .top_news .txt{float:none; width:100%} .top_news .txt{margin-top:24px} .top_news .txt h1{margin-bottom:8px; line-height:26px; -webkit-line-clamp:2} .top_news .txt b{padding-top:0; border:none; -webkit-line-clamp:2} .in_news_list li{float:none; width:100%; margin:0 0 12px 0; padding-bottom:12px; border-bottom:1px solid #EEE} .in_news_list li a{background:none} .in_news_list .img{float:left; width:28%} .in_news_list .txt{float:right; padding:0; width:67%} .in_news_list .txt p{font-size:16px; margin-bottom:8px} .in_news_list .txt b{-webkit-line-clamp:1} .in_news_list .txt .container{margin-top:14px} .in_news_list .txt i, .in_news_list .txt span{font-size:12px} } @media screen and (max-width:360px){ .top_news{padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #EEE} .top_news a{padding:10px; background:none} .top_news .txt{margin-top:12px} .top_news .txt h1{font-size:15px} .top_news .txt i, .top_news .txt b{font-size:12px} .top_news .txt b{margin-top:10px} .in_news_list .img{margin-top:4px} .in_news_list .txt p{font-size:15px; -webkit-line-clamp:2} .in_news_list .txt b{display:none} .in_news_list .txt .container{margin-top:8px} } /* ----------------------- 内页 - 新闻 图片 详情页 ----------------------- */ @media screen and (max-width:1590px){ .in_news_art{margin:0 auto} } @media screen and (max-width:620px){ .in_news_art_head dt{margin-bottom:10px} .in_news_art_head dt:last-child{display:block; float:none} } @media screen and (max-width:520px){ .in_news_art_head{margin-bottom:20px; padding-bottom:16px} .in_news_art_head h1{font-size:22px; line-height:34px} .ar_fot b, .ar_fot span{font-size:15px} } /* 页数 */ @media screen and (max-width:890px){ .page-box{margin-bottom:20px} } @media screen and (max-width:500px){ .page-box{margin-bottom:26px} .pages a{font-size:12px; margin:0 2px} } @media screen and (max-width:410px){ .pages a{display:none; font-size:14px; margin:0 3px} .pages a:first-child, .pages a:last-child{display:block!important} } /* 联系我们 */ @media screen and (max-width:1200px){ .in_contact{--map_width:39%} } @media screen and (max-width:800px){ .in_contact .fl, #allmap{float:none; width:100%} .in_contact .fl{text-align:center} .in_contact .tit h1{font-size:21px} .in_contact .tit p{font-size:13px} .in_contact_qr dt{margin:0 16px 0} #allmap{margin:30px 0 0; height:320px} .go_to{display:block!important; text-align:center; margin:16px auto 30px} .go_to a{display:inline-block; padding:0 60px; font-size:16px; line-height:36px; color:#FFF; background:var(--i_color2)} } @media screen and (max-width:560px){ .in_contact article{text-align:left} } /* 人才招聘 */ @media screen and (max-width:760px){ .rec_list{float:none; width:100%} .rec_pic{display:none} } @media screen and (max-width:560px){ .tag_name{padding:14px 20px} } /* 在线留言 */ @media screen and (max-width:860px){ .in_message{width:100%} } @media screen and (max-width:560px){ .c_form_list li{float:none; width:100%; margin:0 0 15px 0} } @media screen and (max-width:485px){ :root{ --top_h:60px; } header { background: #FFFFFF!important;} .header_wrap{width:96%;padding:0;} .slogan{display:none;} .m_nav{display:none;} .top_tel{display:none;} header .menuBtn{display:block;right: 5px; top: 0px;} .logo img { max-height: 38px;} .slider{height:50vw;} header nav{display:none;float: none;position: absolute;top: 56px;left: 0px;width: 100vw;padding-top:0px;background: #FFFFFF;margin-right: 0;margin-left: 0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;height:auto;z-index: 99999;} nav>ul>li:nth-child(1) a{padding:0;padding-left: 2%;} header nav > ul{padding:0 20px;} header nav>ul>li.on, header nav>ul>li:hover{background:none;} header nav > ul > li { border-bottom:1px solid #eee; position:relative; float:none;padding:0;} nav>ul>li:nth-child(1) a:before{display:none;} header nav > ul > li.down>a{background-image:url(../images/touch-arrow-d.png);background-repeat:no-repeat;background-position:center right 10px;background-size:13px;} header nav > ul > li a{ color:#333; display:block; font-size:15px!important; height:48px; line-height:48px;/* padding-left:10px;*/ padding-left:2%;} header nav > ul > li span{height:48px; line-height:48px;} header nav > ul > li a:hover, .header .nav > ul > li a:active { background-color:#FFFFFF; color:var(--i_color); } header nav > ul > li,header nav > ul > li.tels a{ display:block;} header nav > ul > li.tels a:hover{ /*background:none; color:var(--wz-color);*/} header nav > ul > li:hover > a span:first-child{color:#333;margin-top: 0px;} header nav > ul > li.now > a span:first-child{margin-top: 0px;color:var(--i_color); } header nav:hover > ul > li > a:hover::after{width:0;} header nav > ul > li i { position:absolute; top:14px;/* right:5px;*/ right:25px; display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; } header nav > ul > li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); } header nav > ul > li.now i.touch-arrow-down { background-image:url(../images/touch-arrow-u.png); } header nav > ul > li > .nav_sub{width: 100%; padding:0px 0 15px;height:auto; position: relative; background:#FFFFFF; top: 0; text-align: left; z-index: 110; left:0;} header nav>ul>li>.nav_sub li{text-align:left;line-height: 32px;padding-left:15px;display:block;} header nav > ul > li > .nav_sub ul li a{color:#666666;border-bottom:0;text-align:left;font-size:13px!important;padding-left:4%;line-height: 32px;height: 32px;} .banner_video{width:100%;} .in_nav{display:none;} .inner_main_nav{display:none;} .inner_main_nav .wrap{width:100%!important;} .inner_main_nav .title{display:block;} .inner_main_nav .inner_nav{display:none;padding:15px 10px;} .inner_main_nav .inner_nav li,.inner_main_nav .inner_nav ul{float:none;} .inner_main_nav .inner_nav li a{padding: 10px 10px;text-align:left;} .inner_main_nav .inner_nav li a:hover,.inner_main_nav .inner_nav li .current { color: var(--i_color); background: none;} .i_notice .tit{min-width:100px;} .i_notice_list{width:calc(100% - 120px);} .i_main_box1 .i_title2 h3{font-size:30px;} .i_main_box1 .i_title h3{padding:0 25px;font-size:30px;} .i_main_box1 .i_title h3:before,.i_main_box1 .i_title h3:after{width:8px;height:8px;} .i_main_box1 .bg{height: 32vw;} .i_main_box1 .list ul li{width:calc(50% - 7.5px);margin-right:15px;} .i_main_box1 .list ul li:nth-child(2n){margin-right:0;} .i_main_box1 .list ul li a .img{height:40vw;} .i_main_box1 .list ul li a .txt{padding: 10px 10px 15px;} .i_main_box1 .list ul li a .txt .title{ height: 36px; line-height: 36px;} .i_main_box1 .list ul li a .txt .title b{width: 100%; font-size: 14px;padding:0;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .i_main_box1 .list ul li a .txt .title .arrow{display:none;} .i_main_box2 .yjfk{height: 13vw; line-height: 13vw; width: 100%;} /*.i_main_box2 .yjfk i{width: 22vw;height: 13vw;background-size: 26%;}*/ .i_main_box2 .yjfk p{text-indent: 20px; font-size: 15px;} .i_main_box2{margin-top: 60px;} .i_main_box3{margin:60px 0 60px;} .i_main_box3 .i_title h3{font-size:20px;} .i_main_box1 .i_title2, .i_main_box3 .i_title2{margin-bottom:40px;} .i_main_box3 .list{margin-top:20px;} .i_main_box3 .list ul li{float:left;margin:0 10px;width:calc(50% - 20px);margin-bottom:20px;} .i_main_box3 .list ul li img{max-width:100%;} .i_main_box2 p,.i_main_box2 p input[type="text"]{width:100%;height: 50px; line-height: 50px;} .i_main_box2 p input[type="text"]::-webkit-input-placeholder{color: #969696;opacity: 1;font-size:16px;} .i_main_box2 p input[type="text"]:-moz-placeholder{color: #969696;opacity: 1;font-size:16px;} .i_main_box2 p input[type="text"]::-moz-placeholder{color: #969696;opacity: 1;font-size:16px;} .i_main_box2 p input[type="text"]:-ms-input-placeholder{color: #969696;opacity: 1;font-size:16px;} .i_main_box2 p input[type="text"]{width:calc(100% - 60px);font-size: 16px;} .i_main_box2 .yjfk,.i_main_box2 .yjfk i{height: 50px;line-height: 50px;width:50px;} .layui-layer-iframe{width:90%!important; height: 420px; top: 12px; left: 5%!important;} .container .ny_tit dt h3,.ny_about .ny_tit dt{font-size:24px;} .third_nav ul li a{padding:0 10px;} .ny_about .about_box .txt{width:100%;padding:0;} .ny_about .about_box .img{width:100%;padding:0;} .ny_about .about_box .txt{margin-bottom:20px;} .ny_about .about_box.about2{margin-top:50px;} .ny_about .about_box.about2 .txt{padding:0;margin-top:30px;} .ny_about .txt .tit h1{font-size:20px;} .ny_about .about_box.about2 .txt .tit{margin-bottom: 20px;text-align:center;} .ny_about .about_box{margin-top:40px;} .c_deve{margin-left:10px;margin-bottom:54px;margin-top:50px} .c_deve ul li{padding:20px 30px 20px 40px;} .c_deve ul li .d_year,.c_deve ul li:first-child .d_year{top:auto;left:auto;position: relative;font-size: 32px;} .c_deve ul li:first-child .d_year{font-size:40px;} .c_deve ul li .d_detail{margin-top:10px;} .in_honor_list li{width: calc(100% - 2px); margin: 0 0% 36px 0;} .in_honor_list{padding:0;} .in_honor_list .img{height: 73vw;} .ny_news_list ul li .txt,.ny_news_list ul li .img{width:100%;margin:0;} .ny_news_list ul li .txt{padding-top:15px;} .ny_news_list ul li .img{height:52vw;} .ny_news_list ul li{padding:10px 10px 20px;} .ny_news_list ul li .txt .p{ margin-top: 15px; line-height: 24px;} .ny_news_list ul li .time{width:100%;margin-right: 0px;margin-top:15px;} .ny_news_list ul li .time:after{content:'';display:block;overflow: hidden;clear: both;} .ny_news_list ul li .time i{float:left;font-size: 14px;} .ny_news_list ul li .time span{float:right;margin-top:0;width: 80px;height: 30px; line-height: 30px;font-size: 13px;} .in_news_art article{width:90%;} .ar_fot{margin:40px auto 0;} .in_news_art{padding:60px 0 40px} .in_pic_list2 li{width:100%;margin:0 0 30px;height:calc( 65vw + 92px);} .in_pic_list2 li .img{height:65vw;} .in_pro_list li p{height:48px;min-height:48px;} .in_pro_tab h3{font-size:20px;} .in_pro_tab:after{width:calc(100% - 100px);} .in_pro_list{padding-bottom:0;} .in_pro_list li,.pro_box .in_pro_list li{width:100%;margin-right:0} .in_pro_list li:last-child,.pro_box .in_pro_list li:last-child{margin-bottom:0;} .in_pro_list li h3{font-size: 16px;} .in_pro_list li .img,.pro_box .in_pro_list li .img{height: 70vw;} .pro_box .in_pro_tab:after { width: calc(100% - 100px);} .in_pro_list3 ul{display:block;} .in_pro_list3 .img{height:65vw;} .in_pro_tab:after { width: calc(100% - 250px);} main .container{padding:20px 0 40px;} .nybanner,.in_banner,.nybanner .phone .swiper-slide a .img{height:46vw;} .in_banner img{height:100%;object-fit: cover;} /*.nybanner .slide .box a{display:block;} .nybanner .slide .box img{height:200px;}*/ .nybanner .pc{display:none;} .nybanner .phone{display:block;} .nybanner .phone .swiper-button-next,.nybanner .phone .swiper-button-prev{display:none;} .pro_box .in_pro_list2 li:nth-child(1) .img{height:auto;} .ny_news_list ul li .txt .p{-webkit-line-clamp: 2;height:48px;} .rec_box1 .rec_tab a{width:calc(50% - 42px);margin-bottom:10px;text-align:center;} .rec_box1 .rec_tab{text-align:left;} .rec_box1 .rec_cont{width:calc(100% - 40px);padding:30px 20px;margin-top:30px;line-height:28px;} .rec_box2 a .text,.rec_box1 .rec_link a .text{top: 40px; left: 30px;} .rec_box2 a,.rec_box1 .rec_link a {width:100%;background-size: 100%;background-color:#f1f1f1;background-position: bottom 50px right -20px;} .in_contact .contact_tab{width:100%;} .in_contact .contact_tab .swiper-slide a{width:calc(100% - 23px);margin:0;padding:10px;min-height:42px;display: flex; justify-content: center; align-items: center;} #allmap {width:calc(100% - 2px);} main .container{padding-top:0;} .agent_tab li{width:calc(46% - 2px);margin-bottom:30px;} .agent_tab li:nth-child(2n){margin-right:0;} /*.agent_tab a{padding: 10px 10px;width: calc(50% - 34px); margin: 0 5px 15px;}*/ .agent_tab a .img{width:100%;height:31vw;} .agent_tab{text-align:left;} .agent_tab a p{text-align:center;} .agent_bot{margin-top:20px;} .in_news_art_head dt { font-size: 14px; font-weight: normal;} .in_news_art article video{max-width:100%;height:auto!important;} .pro_deta_tit{margin-bottom:30px;} .pro_details_tit{padding-bottom:20px;padding-top:0;} .pro_details_cont{margin-top:30px;} .pro_details_tit{width:100%;} .in_pic_list li{margin: 0 2% 20px 0;} .ph_pages{display:block} .pc_pages{display:none;} .pages{display:block;} /*====翻页效果====*/ .am-pagination{padding-left:0;margin:0 ;list-style:none;color:#999;text-align:left} .am-pagination:after,.am-pagination:before{content:" ";display:table} .am-pagination:after{clear:both} .am-pagination>li{display:inline-block} .am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px} .am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0} .am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee} .am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default} .am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none} .am-pagination .am-pagination-prev{float:left; margin-left:3%} .am-pagination .am-pagination-prev a{border-radius:0} .am-pagination .am-pagination-next{float:right; margin-right:3%} .am-pagination .am-pagination-next a{border-radius:0} .am-pagination-centered{text-align:center} .am-pagination-right{text-align:right} .am-pagination{position:relative} .am-pagination-default{margin-left:10px;margin-right:10px;font-size:1.6rem} .am-pagination-default .am-pagination-next,.am-pagination-default .am-pagination-prev{float:none} .am-pagination-select{margin-left:10px;margin-right:10px;font-size:1.6rem;} .am-pagination-select>li>a{line-height:36px;background-color:#eee;border:0;color: #666666 !important;background: none;font-size: 12px;border: 1px solid #dedede;background-color: #f7f7f7;height: 36px; padding:0 20px} .am-pagination-select .am-pagination-select{position:absolute;top:0;left:50%;margin-left:-35px;width:70px;height:36px;text-align:center;border-radius:0} .am-pagination-select .am-pagination-select select{display:block;border:0;line-height:36px;width:70px;height:36px;border-radius:0;background-color:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:18px;color: #666666 !important; text-align: center; background: none; font-size: 14px; border: 1px solid #dedede;} .am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; } }