/* * name: responsive * version: v2.1.1 * update: 添加pad竖屏状态Padp * data: 2017-06-13 */ /* hide template textarea */ .UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;} /* * PcMode */ body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc'; } .PcMode:after { content: 'Pc' !important;} .UnpcPush, .MobilePush { display: none;} img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); } /* * PadMode */ @media only screen and (max-width: 1240px) { 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:940px; } .header .content { width:940px; } /*padMode 1240px 网站样式*/ .header .inav_wrapper{display:none;} .foot_top .left{width:55%;} .foot_top .left ul li{margin:0 15px;} /* pcd端及手机端下拉 */ .m_nav{position:fixed; left:0; top:80px; right:0; width:100%; background:#333; z-index:20; display:none; max-height:calc(100vh - 55px); max-height:calc(var(--vh, 1vh) * 100 - 45px); overflow-y:auto;} .m_nav .m_wrap{padding:0 5%;} .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #666;} .m_nav .mNav_bott .m_navli:last-child{border-bottom:none;} .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#fff;} .m_nav .mNav_bott .m_navli>a:hover{color:#fff;} .m_nav .mNav_bott .m_navli>a:after, .m_nav .mNav_bott .m_navli>a:before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;} .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .m_nav .mNav_bott .m_navli.active{background:#a9cd39;} .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;} .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#fff;} .m_nav .mNav_bott .m_navli.active>a{font-weight:bold;} .m_nav .mNav_bott .m_navli .m_secNav{display:none;} .m_nav .mNav_bott .m_navli .m_secNav .li-title{display:none; width:100%; padding:8px 25px; border-top:solid 1px #a9cd39; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} .m_nav .mNav_bott .m_navli .m_secNav .li-title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} .m_nav .mNav_bott .m_navli .m_secNav .li-title a:after{content:''; width:15px; height:15px; background:url(../img/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;} .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding-bottom:18px;} .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;} .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav ul{overflow:hidden;} .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav li{width:50%; float:left;} .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 25px; line-height:28px; display:block; position:relative; color:#fff;} .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fff;} .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fff;} .m_nav .mNav_bott .m_navli.nav_link>a:after, .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link.active>a:before, .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;} .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;} .header .mobile_key{position:relative; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px; float:right; margin-left:10px; margin-top:-3px} .header .mobile_key span, .header .mobile_key:before, .header .mobile_key:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;} .header .mobile_key span{margin-top:-4px;} .header .mobile_key:before{content:''; margin-top:3px;} .header .mobile_key:after{content:''; margin-top:10px;} .menu-open .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;} .menu-open .mobile_key:after{margin-top:2px !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;} .menu-open .mobile_key span{margin-top:2px !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-overlay {transition:all 0.2s ease-out; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:fixed; left:0; z-index:1; top:80px; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility:hidden;} .bg-open .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;} .bg-open1 .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;} .menu-open .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;} .header .h_top .h_tool a.no_link{display:none;} .header .h_top .h_tool a.a_link{display:block;} .header .h_top .h_tool a.a_link .sear_icon{display:inline-block; width:20px; height:20px; background:url(../img/mobile_sear.png) no-repeat center; background-size:cover;} .header .h_top .h_language{color:#666;} /* 首页 */ .ibanner{height:348px;} .ibanner .item{height:348px;} .ibanner .content{width:87%;} .ibanner .owl-nav .owl-prev{left:-7%;} .ibanner .owl-nav .owl-next{right:-7%;} .common-tit .tit{font-size:35px;} .ipart03{padding:50px 0;} .ipart03 .content ul li{width:24.5%;} .ipart04 .content ul li .box{padding:30px;} /* 产品列表 */ .pro_list01 .right .box{padding-top:40px;} .pro_list01 .right .box .c{height:96px; overflow:auto;} .pro_list02 .content ul li .txt .box{padding:18px;} .pro_list02 .content ul li .txt .box .c{height:48px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .pro_list02 .content ul li .txt:after{width:98.5%; height:98.5%;} /* 产品详细 */ .pro_detail01 .right .tools a{margin-right:20px;} .pro_detail02 .bd .section2 .left ul{height:255px;} .pro_detail01 .right ul li span{width:29%;} /* 联系我们 */ .contact_us01 .left{width:37%;} .contact_us01 .right{width:60%; padding-top:0;} .contact_us01 .map{width:800px; margin-left:-400px; margin-top:-166px;} /* 新闻列表 */ .news_list01 .form_box .list_hd{padding:30px 20px;} .news_list02 li .img_{width:22%;} .news_list02 li .intro{width:73%;} /* 关于我们 */ .about_us01 .right{margin-top:90px;} .about_us01 .left .con{line-height:24px; font-size:14px;} .about_us01 .text{font-size:14px; line-height:24px;} .about_us02 .content{padding:0} /* 在线留言 */ .message01 .infor .tit{margin-top:40px;} .message01 .form, .message01 .form textarea{width:100%;box-sizing:border-box;} .message01 .form #content{width:100%;box-sizing:border-box;} /* 营销网络 */ .network01 .right .box{padding:30px;} .network01 .content .img3{left:10px; top:10px;} /* 企业文化 */ .culture01 .content .con ul li .img{width:80%; margin:0 auto;} /* 精密计量 */ .jmjl02 ul li .img{width:180px; height:180px; background-size:cover;} .jmjl02 ul li.even .img{background-size:cover;} /* 服务支持 */ .service01 ul li .cover .box{padding:90px 50px;} /* 高效混合 */ .efficient01 .infor .tit{font-size:30px;} .efficient02 .hd ul li{margin:0 5px;} .efficient02 .bd ul li .box{padding:30px;} .efficient02 .bd ul li .box .t{font-size:30px;} /* TC_center */ .TC_center02 .content .left{width:36%;} .TC_center02 .content .right{width:60%;} /* 制砂 */ .zhisha01 .content .left .box{padding:30px;} .zhisha03 .content .left .box{padding:30px;} .zhisha02 .content ul{width:76%;} /* 客户案例 */ .case01 .right .box{padding:0 30px;} .case01 .right .box .tit{font-size:35px;} .case02 ul li .left .box{padding:20px 30px;} /* 联合实验室 */ .laboratory01 .content{width:90%;} .laboratory02 .tab{font-size:16px;} /* 智能控制 */ .control02 .list li{width:23%; margin-left:0%;} .control02 .list li:after{right:95%;} .control02 .content .left{margin-top:0;} .control03 .content .left{margin-top:0;} /* 发展历程 */ .history01 .list{padding:0 12%;} /* 服务综合 */ .service_center01{padding:60px 0; background-size:cover;} .service_center02 .content{padding:60px 30px;} .service_center03 .left .tit{font-size:30px; line-height:30px; margin-top:20px;} .service_center03 .left .more{margin-top:30px;} .service_center04 li .cover .box{padding:30px;} /* 产品综合 */ .pro_center01 .intro .box .pro_crumbs{margin-bottom:40px;} .pro_center01 .intro .box .tit{font-size:40px; line-height:40px; margin-top:10px;} .pro_center01 .intro .box .con{margin-top:30px} .pro_center02 .content{padding:24px 50px;} .pro_center02 .content .inp_box_wrap{width:32%;} .pro_center03 .infor{padding:0 10%;} .pro_center03 .content .item.odd .left .box{padding:30px 40px 0 0;} .pro_center03 .content .item.even .left .box{padding:30px 0 0 40px;} .pro_center03 .content .item .left .box .t{font-size:30px; line-height:30px;} .pro_center03 .content .item .left .box .c{line-height:26px; margin:20px 0 5px;} .pro_center03 .content .item .left .box .more{margin-top:12px;} .xc_banner .img{margin-left:-1092px;} .TC_center01 .content .right .box .c{height: 90px;} .pro_list02 .content ul li .txt .box .c{margin:13px 0; line-height:22px; height:44px;} .pro_list02 .content ul li .txt .box{padding:16px 15px;} .pro_list02 .content ul li .txt .box .t{font-size:15px;} } @media only screen and (max-width: 992px) { .wrap, .mwrap { width:740px; } .header .content { width:740px; } /*padMode 992px 网站样式*/ .foot_top .left{width:60%;} .foot_top .left ul li{font-size:14px; margin:0 10px;} .foot_top .right{width:40%;} .foot_top .right .ewm{width:75px;} .xc_banner .content .left .t{font-size:30px;} /* 首页 */ .ibanner{height:260px;} .ibanner .item{height:260px;} .ibanner .iban_word{width:96%;} .ibanner .iban_word .box{margin-left:20px;} .ibanner .iban_word .box .t{font-size:25px;} .ibanner .iban_word .box .c{font-size:20px; margin:20px 0;} .common-tit .tit, .ipart01 .content .item .intro .box .t{font-size:24px;} .ipart02 .right .item .box{padding:15px;} .ipart02 .intro .box .tit{font-size:16px; margin:10px 0 15px;} .ipart02 .left .intro .box .tit, .ipart02 .bott_ .intro .box .tit{font-size:16px;} .ipart02 .intro .box .con{margin-bottom:20px;} .ipart03 .content{padding-top:0;} .ipart03 .content ul li{height:300px;} .ipart03 .content ul li a.li_box>.icon{margin:50px 0 25px;} .ipart04 .content ul li .box{padding:30px;} .ipart04 .content ul li .box .num span{line-height:1;} .ipart04 .content ul li .box .t{margin-top:20px;} .ipart04 .content ul li .box .t{opacity:1; visibility:visible; transform:translateX(0);} /* 产品列表 */ .pro_list01 .right .box{padding:15px 25px 0;} .pro_list01 .right .box .t{font-size:25px; margin-bottom:10px;} .pro_list02 .content ul li .img{width:100%;} .pro_list02 .content ul li .txt{width:100%;} .pro_list02 .content ul li .txt .box{border:1px solid #e5e5e5;} .pro_list02 .content ul li .txt:after{display:none;} .pro_list02 .tab ul li{margin-right:30px;} /* 产品详细 */ .pro_detail01 .right{margin-right:0; width:42%;} .pro_detail01 .right .tit{margin-bottom:25px;} .pro_detail01 .right .tit:after{bottom:-15px;} .pro_detail01 .right .con{margin-bottom:20px;} .pro_detail01 .right .tools{margin:15px 0;} .pro_detail01 .right .tools a{margin-right:8px;} /* 弹窗 */ .brandBox_detail{width:660px; margin-left:-330px;} /* 联系我们 */ .contact_us01 .left{width:100%; float:none; margin-bottom:20px;} .contact_us01 .right{width:100%; float:none; padding-top:0;} .contact_us01 .map{width:90%; left:5%; margin-left:0; margin-top:-250px;} /* 新闻列表 */ .news_list01 .form_box{padding:30px;} .news_list01 .form_box .inp_box_wrap{margin-right:2%;} .news_list02 li .img_{width:30%;} .news_list02 li .intro{width:65%;} /* 关于我们 */ .about_us01 .left{width:100%;} .about_us01 .right{width:100%; margin-top:30px;} .about_us02 .content li .li_box{padding:20px;} .about_us02 .content li .li_box .number .num{font-size:30px; line-height:30px;} /* 在线留言 */ .message01 .yzm_box{width:100%; margin-bottom:20px;} .message01 .form .btns_list{width:100%;} .message01 .form .btns_list .sub{margin-right:40px; float:none;width:40%;} .message01 .form .btns_list .reset{float:none;width:40%;} .message01 .line1{width:75%;} /* 营销网络 */ .network01{padding-bottom:0;} .network01 .content .img3{left:10px; top:20px;} .network01 .right{position:static; background-size:cover; width:100%;} /* 精密计量 */ .jmjl02 ul li{width:33%; margin-bottom:20px;} .jmjl02 ul li .img{margin:0 auto 40px;} /* 服务支持 */ .service.channel_content{padding-bottom:50px;} .service01 .infor .tit{font-size:30px;} .service01 .infor .con{font-size:14px;} .service01 ul li .cover .box{padding:50px 30px;} /* 高效混合 */ .efficient02 .hd ul{display:none;} .efficient02 .bd ul li .box{padding:20px;} .efficient02 .bd ul li .box .t{font-size:20px;} .efficient02 .bd ul li .box .c{height:90px; overflow:auto;} /* TC_center */ .TC_center01 .infor .tit{font-size:30px;} .TC_center01 .content .right .box{padding:20px;} .TC_center01 .content .right .box .t{font-size:18px;} .TC_center02{margin-top:50px; padding:50px 0;} .TC_center02 .content .left{width:100%; margin-top:0;} .TC_center02 .content .left li .num{display:none;} .TC_center02 .left ul li{float:left; width:33%; font-size:14px; padding-left:0; text-align:center;} .TC_center02 .content .left li.cur .txt i{display:none;} .TC_center02 .content .left li .txt{margin-left:0; font-size:14px; text-align:center;} .TC_center02 .content .right{width:100%;} /* 制砂 */ .zhisha01{padding:50px 0;} .zhisha01 .infor .tit{font-size:30px;} .zhisha01 .content .left{width:100%;} .zhisha01 .content .right{width:100%;} .zhisha03{padding:50px 0;} .zhisha03 .content .left{width:100%;} .zhisha03 .content .right{width:100%;} .zhisha02 .content ul{width:100%;} /* 客户案例 */ .case01{padding:50px 0;} .case01 .right .box .tit{font-size:25px; margin-bottom:20px;} .case01 .right .box .con{font-size:14px;} .case02{padding:50px 0;} .case02 ul li .left .box{padding:20px;} .case02 ul li .left .box .tit{font-size:20px;} .case02 ul li .left .box .con{font-size:14px; margin:10px 0;} .case02 ul li .left .box .pro_xh{font-size:14px; margin-bottom:8px;} .case02 ul li .left .box .more{width:35px; height:35px; line-height:35px;} .case02 ul li .left .box .more i{line-height:35px; font-size:20px;} .case02 ul li .left .box .more span{line-height:35px;} /* 联合实验室 */ .laboratory01 .infor .tit{font-size:35px;} .laboratory01 .content{width:100%;} .laboratory01 .content ul li.li2{margin:0 60px;} .laboratory02 .tab{font-size:14px; margin:0 10px 20px; width:45%;} /* 智能控制 */ .control01 .content .img{width:50%; margin:0 auto;} .control02 .content .left{width:100%;} .control02 .content .right{width:100%; margin-top:20px;} .control03 .content .left{width:100%;} .control03 .content .right{width:100%; margin-top:20px;} /* 发展历程 */ .history01 .list{padding:0;} /* 职位招聘 */ .job_list01 .tab_c .j_c .intro .job_btn{bottom:-20px;} /* 关于综合 */ .about_center01 .infor{padding:0 5%;} .about_center04{padding:60px 0; background-size:cover;} .about_center04 .infor{padding:0 20%} /* 服务综合 */ .service_center03 .left{width:49%;} .service_center03 .left .con{margin:15px 0 10px;} .service_center04 li .cover .box{padding:20px;} .service_center04 li.li02 .cover .box .tit,.service_center04 li.li03 .cover .box .tit{font-size:20px; line-height:20px;} .service_center04 li.li02 .cover .box .con{height:48px; overflow-y:auto;} .service_center04 li.li03 .cover .box .con{font-size:30px;} /* 产品综合 */ .pro_center01 .intro .box{width:70%;} .pro_center01 .intro .box .tit{font-size:34px; line-height:34px;} .pro_center02 .content .inp_box_wrap{width:29%;} .pro_center03 .content .item:last-chikd{margin-bottom:0px;} .pro_center03 .content .item .right{width:100%;} .pro_center03 .content .item .left{width:100%;} .pro_center03 .content .item.odd .left .box{padding:40px;} .pro_center03 .content .item.even .left .box{padding:40px;} .xc_banner .img{margin-left:-1192px;} /* 企业文化补充 */ .culture01{padding:50px 0;} .culture02{padding:50px 0;} .culture02 .content .item1 .con ul li .txt{padding:100px 20px 45px;} .culture02 .content .item2 .con .box{padding:30px;} } /* * MobileMode */ @media only screen and (max-width: 760px) { .foot_wrap{display: none;} body:after { content: 'Mobile'; } body,input,textarea,button,select {font-size:14px;} .UnmobilePush{display: none;} .MobilePush{display:block;} img[data-src]{opacity: 1;} .wrap, .mwrap { padding-left:2%; padding-right:2%; width:auto; } .mwrap .wrap { padding-left:0; padding-right:0; } .header .content {padding-left:2%; padding-right:2%; width:auto; } /*移动端防恶意复制信息*/ * { -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浏览器*/ } /*mobileMode 760 网站样式*/ .pageHeader{height:57px;} .header{height:57px;} .header .h_tools a{margin:0 8px;} .header .h_tools{padding-top:16px;} .header .h_tools .h_search1{display:none;} .header .h_tools .h_search2{display:block;} .header .content{width:96%;} .header .logo{padding:14px 0 0; width:25%;} .m_nav, .header-overlay{top:50px;} .header .inav_wrapper .inav{display:none;} .foot_top{display:none;} .foot_bott{padding:20px 0; text-align:center;} .foot_bott .left, .foot_bott .right{float:none;} .xc_banner{height:120px;} .xc_banner .img{margin-left:-960px;} .xc_banner .content{padding-top:20px;} .xc_banner .content .left{width:100%;} .xc_banner .content .left .t{font-size:20px; margin-bottom:15px;} .xc_banner .content .left .crumbs{font-size:14px;} .xc_banner .content .right{width:40%; display:none;} .channel_content{padding:20px 0;} /* 首页 */ .ibanner{height:auto;} .ibanner .content, .ibanner .item{height:auto; width:100%;} .ibanner .mask{display:none;} .ibanner .content{width:100%;} .ibanner .v-item .video{display:none;} :root .ibanner .v-item img{display:block;} .ibanner .owl-carousel .owl-stage-outer{overflow:hidden;} .ibanner .item:after{display:none;} .ibanner .iban_word{top:15%;} .ibanner .iban_word .box .t{font-size:20px; height:20px;} .ibanner .iban_word .box .c{font-size:14px;line-height:20px;height: 60px;width:75%;margin: 15px 0;} .ibanner .iban_word .box{margin-left:25px;} .ibanner .iban_word .box .btn_{font-size:14px; width:114px; line-height:35px; height:35px;} .ibanner .owl-nav>div{display:none;} .common-tit .tit, .ipart02 .left .tit{font-size:20px;} .ipart01{padding:20px 0 0;} .common-tit .con{font-size:14px; margin:15px 0 20px;} .ipart01 .content .item{width:100%; margin-bottom:15px;} .ipart01 .content .item1 .intro:after{display:none;} .ipart01 .content .item .intro{position:static;} .ipart01 .content .item .intro .box{padding:20px;} .ipart01 .content .item .intro .box .t{font-size:18px; margin-bottom:15px;} .ipart01 .content .item .intro .box .c{font-size:14px; height:52px;} .ipart01 .content .item .item_box{padding-bottom:0;} .ipart01 .content .item2{margin:0 auto 15px;} .ipart02{margin-top:20px;} .ipart02 .left{width:100%;} .ipart02 .left .box{padding:20px 0 0;} .ipart02 .right{width:100%;} .ipart02 .right .top_{margin-bottom:0;} .ipart02 .right .top_ .item{width:100%; margin-bottom:15px;} .ipart02 .right .top_ .item .img{display:none;} .ipart02 .right .top_ .item .box {box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5)} .ipart02 .right .top_ .item .box .tit{height:auto;} .ipart02 .right .intro .box .con{display:none;} .ipart02 .intro .box .more{display:none;} .ipart03{padding:25px 0 20px;} .ipart03 .content ul li{width:50%; height:auto;} .ipart03 .content ul li a.li_box .icon{width:37.5px; height:35px; background-size:400%; margin:20px 0 25px;} .ipart03 .content ul .li02 a.li_box>.icon{background-position:-37.5px 0;} .ipart03 .content ul .li03 a.li_box>.icon{background-position:-75px 0;} .ipart03 .content ul .li04 a.li_box>.icon{background-position:-112.5px 0;} .ipart03 .content ul li a.li_box>.text{font-size:16px; margin-bottom:20px;} .ipart03 .content ul .li03 a.li_box{border-left:1px solid #e2e4f5;} .ipart04{padding:20px 0;} .ipart04 .content ul li .box{padding:10px 5px;} .ipart04 .content ul li .box .icon{height:45px; margin-bottom:20px;} .ipart04 .content ul li .box .icon img{height:45px;} .ipart04 .content ul li .box .num span{font-size:30px;} .ipart04 .content ul li .box .num sup{font-size:20px;} .ipart04 .content ul li .box .txt{font-size:14px;} .ipart04 .content ul li .box .t{font-size:12px;} /* 产品列表 */ .pro_list01{padding:20px 0;} .pro_list01 .left{width:100%;} .pro_list01 .right{width:100%;} .pro_list01 .right .box{padding:20px;} .pro_list01 .right .box .t{font-size:20px;} .pro_list01 .right .box .links a{padding:0 20px; font-size:14px;} .pro_list02{padding-bottom:0;} .pro_list02 .content ul li{margin-bottom:20px; width:100%; margin-right:0; border:1px solid #e5e5e5;} .pro_list02 .content ul li .img{width:46%;} .pro_list02 .content ul li .txt{width:54%;} .pro_list02 .content ul li .txt .box{border:none;} .pro_list02 .content ul li .txt .box .t{font-size:16px; line-height:25px; overflow:hidden;} .pro_list02 .tab ul{overflow:hidden;} .pro_list02 .tab ul li{width:33%; margin-right:0; text-align:left; float:left; padding:10px 0;} .pro_list02 .list{padding-top:20px;} .pro_list02 .list:last-child{margin-bottom:0;} .pro_list02 .list .tit{margin-bottom:20px; font-size:20px;} .pro_list02 .content ul li .txt .box{padding:15px;} .pro_list02 .content ul li .txt .box .c{margin:4px 0;} /* 产品详细 */ .pro_detail01{margin-bottom:20px;} .pro_detail01 .left{width:100%;} .pro_detail01 .left .look{padding:20px 0;} .pro_detail01 .right{width:100%; padding-top:0;} .pro_detail01 .right .tit{font-size:20px;} .pro_detail01 .right .bj a{padding:0 50px;} .pro_detail02 .hd ul li{font-size:14px; width:auto; padding:0 10px;} .pro_detail02 .hd .target_wrap .contact{padding:0 10px;} .pro_detail02 .bd .section{padding:20px 0;} .pro_detail02 .bd .section .tit{font-size:18px; margin-bottom:20px;} .pro_detail02 .bd .section2 .left{width:100%;} .pro_detail02 .bd .section2 .right{width:100%;} .pro_detail02 .hd .target_wrap .contact:after{display:none;} /* 弹窗 */ .brandBox_detail{width:100%; margin-left:0; left:0;} .brandBox_detail .box{padding:0 15px;} .brandBox_detail .box .tit{font-size:18px; margin-top:20px;} .pro_detail02 .bd .section2 .left ul{height:auto;} .pro_detail02 .bd .section2 .left ul li{margin-bottom:15px;} /* 联系我们 */ .contact_us01 .map{height:350px; overflow:hidden; position:static; width:100%; margin-left:0; margin-top:0; opacity:1; visibility:visible;} .contact_us01 .map .map_bg{display:none;} .contact_us01 .right .con .look_map{display:none;} .contact_us01 .right .tit{font-size:20px;} .contact_us01 .right .con{font-size:14px; margin:20px 0;} .contact_us01 .right .row .span-6{font-size:14px;} .contact_us01 .map .map_box{height:350px;} #map-48481{height:350!important; width:100%!important;} .contact_us01 .right .con span{display:block;} /* 新闻列表 */ .news_list01{padding:0 0 20px;} .news_list01 .form_box{padding:20px} .news_list01 .form_box .hd_tit{margin-bottom:20px; float:none; text-align:center;} .news_list01 .form_box .inp_box_wrap{width:100%; margin:0; padding:0; margin-bottom:20px;} .news_list01 .form_box .hd_btn{width:100%;} .news_list02 li{padding-bottom:20px; margin-bottom:20px;} .news_list02 li .img_{width:40%;} .news_list02 li .intro{width:55%;} .news_list02 li .intro .box{padding:0} .news_list02 li .intro .box .date span{font-size:13px;} .news_list02 li .intro .box .t{font-size:15px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:2px 0 5px;} .news_list02 li .intro .box .c{font-size:12px; line-height:16px; height:32px;} /* 关于我们 */ .about_us.channel_content{padding-bottom:0} .about_us01 .left .title{font-size:27px; line-height:25px;} .about_us01 .left .tit{font-size:18px; line-height:22px; margin:6px 0 9px;} .about_us01 .right .play{width:70px; height:70px; background-size:cover; margin-left:-35px; margin-top:-35px;} .about_us02{padding:20px 0; margin-top:20px; background-size:cover;} .about_us02 .content li .li_box{padding:10px;} .about_us02 .content li .li_box .number {font-size:14px;} .about_us02 .content li .li_box .number .num{font-size:20px; line-height:23px;} .about_us02 .content li .li_box .text{font-size:13px; line-height:20px;} .about_us02 .content li .li_box .icon{margin:0 auto 5px;} .about_us02 .content li .li_box .icon{width:64px; height:51px; background-size:300%;} .about_us02 .content li .li_box .icon02{background-position:-64px 0;} .about_us02 .content li .li_box .icon03{background-position:-128px 0;} /* :root .about_us01 .right img{display:block;} */ /* 在线留言 */ .message01{padding-top:0;} .message01 .infor .tit{font-size:20px; margin-top:0;} .message01 .infor .con{line-height:1.5; font-size:15px;} .message01 .form input{font-size:13px;} .message01 .line1{width:100%; box-sizing:border-box;} .message01 .yzm_box .yzm{text-indent:10px;} .message01 .form .btns_list button{padding:0; height:37px; font-size:14px;} .message01 .form textarea{font-size:13px;} /* 新闻详细 */ .news_detail01 .news_detail_top .detail_btn_box {float: none;} .news_detail01 .page_info .b_text{width: 17.8%;} .news_detail01 .page_info .news_tit{width: 54%;} .news_detail01 .page_info .news_date{width: 25%;} .news_detail01 .news_detail_top .detail_content ._title{font-size:20px;} .news_detail01 .news_detail_top ._tools #switcher{margin-left:0px;} /* 网络营销 */ .network01 .infor{margin-bottom:20px;} .network01 .infor .tit{font-size:20px; line-height:20px;} .network01 .infor .con{font-size:14px;} .network01 .content .img3{left:0; top:0;} .network01 .content ul li{display:none;} /* .network01 .content{display:none;} */ .network01 .right .box{padding:20px;} .network01 .right .box .tit{font-size:18px;} .network01 .right .box .con{font-size:14px;} /* 企业文化 */ .culture01 .infor .tit{font-size:20px;} .culture01 .infor .con{font-size:14px;} .culture01 .infor .con span{font-size:18px;} .culture01 .content .tit{margin:20px 0; font-size:20px; background-position:0 10px;} .culture01 .content .tit span{font-size:14px;} .culture01 .content .con ul li{width:50%; margin-left:0;} .culture01 .content .con ul li .txt{font-size:16px; margin:20px 0;} /* 精密计量 */ .jmjl01 .infor{margin-bottom:20px;} .jmjl01 .infor .tit{font-size:20px; margin-bottom:10px;} .jmjl01 .infor .con{font-size:14px;} .jmjl01 .content .txt1{font-size:14px;} .jmjl01 .content .txt2{font-size:16px;} .jmjl01 .content ul{margin:20px 0;} .jmjl02{padding:20px 0;} .jmjl02 ul li{width:50%;} .jmjl02 ul li .img{width:130px; height:130px;} .jmjl02 ul li .img .t{font-size:16px;} .jmjl02 ul li .txt{height:120px; padding:0 15px; overflow:auto;} /* 服务支持 */ .service.channel_content{padding-bottom:0;} .service01 .infor{margin-bottom:20px;} .service01 .infor .tit{font-size:20px; line-height:20px; margin-bottom:15px;} .service01 .infor .con span{display:inline;} .service01 ul li{margin-bottom:20px;} .service01 ul li .left{width:100%;} .service01 ul li .right{width:100%;} /* .service01 ul li .right .rect-575{padding-bottom:0; height:auto;} .service01 ul li .cover{position:static;} */ .service01 ul li .cover .box .t{font-size:16px; margin-bottom:10px;} .service01 ul li .cover .box .c{font-size:14px;} .service01 ul li .cover .box{padding:40px 20px;} /* 高效混合 */ .channel_content.efficient{margin-bottom:0;} .efficient01 .infor{margin-bottom:20px;} .efficient01 .infor .tit{font-size:20px;} .efficient01 .infor .con{font-size:14px;} .efficient01 .infor .con span{display:inline;} .efficient02 .bd ul li{margin-bottom:20px;} .efficient02 .bd ul li .right{width:100%;} .efficient02 .bd ul li .left{width:100%;} .efficient02 .bd ul li .box .c{height:auto;} /* TC_center */ .TC_center01 .infor{margin-bottom:20px;} .TC_center01 .infor .tit{font-size:20px; line-height:20px; margin-bottom:15px;} .TC_center01 .infor .con{font-size:18px;} .TC_center01 .content .left{width:100%;} .TC_center01 .content .left .cover .box{padding:20px; font-size:14px;} .TC_center01 .content .right{width:100%;} .TC_center02{margin-top:20px; padding:20px 0;} .TC_center02 .content .left li{width:90%; margin-bottom:15px; text-align:left;} .TC_center02 .content .left li .num{display:inline-block; font-size:20px;} .TC_center02 .content .left li .num:after{display:none;} .TC_center02 .content .left li.cur .txt i{display:block;} .TC_center02 .content .right .con .wrapper{padding:20px;} .TC_center02 .content .right .con .wrapper .box{padding-right:0;} .TC_center02 .content .right .con .wrapper .box .t{font-size:16px; margin-bottom:20px;} /* 制砂 */ .zhisha01{padding:20px 0;} .zhisha01 .infor .tit{font-size:20px; margin-bottom:15px; line-height:20px;} .zhisha01 .content .left .box{padding:20px;} .zhisha01 .content .left .box .t{font-size:14px; margin-bottom:20px;} .zhisha01 .content .left .box .c{font-size:16px;} .zhisha03{padding:20px 0;} .zhisha03 .content .left .box{padding:20px;} .zhisha03 .content .left .box .t{font-size:14px; margin-bottom:20px;} .zhisha03 .content .left .box .c{font-size:16px;} .zhisha02{background-size:cover; padding:20px 0;} .zhisha02 .content ul li .box{padding:20px;} .zhisha02 .content ul li .txt{font-size:14px;} /* 客户案例 */ .case01{padding:20px 0;} .case01 .left{width:100%; margin-bottom:20px;} .case01 .left .icon{width:45px; height:45px; background-size:cover; margin-left:-22px; margin-top:-22px;} .case01 .right{width:100%;} .case01 .right .box{padding:0;} .case01 .right .box .tit{font-size:20px;} .case02{padding:20px 0;} .case02 ul li{margin-bottom:20px;} .case02 ul li .left{width:100%;} .case02 ul li .left .rect-122{padding-bottom:0; height:auto;} .case02 ul li .right{width:100%;} .case02 ul li .left .box .pro_xh{margin-bottom:15px;} /* 职位招聘 */ .job_list01 .infor .tit{font-size:20px;} .job_list01 .content .tab_t{margin:20px 0;} .job_list01 .content .tab_t ul li{font-size:16px; line-height:35px; height:35px;} .job_list01 .content .form{float:none; margin-bottom:20px; overflow:hidden} .job_list01 .content .form input{width:70%; font-size:14px; float:left;} .job_list01 .content .form button{font-size:14px; width:20%; padding:0; float:right;} .job_list01 .tab_c li ._ut{font-size:14px;} .job_list01 .tab_c li ._un{font-size:14px;} .job_list01 .tab_c .j_c .j_c_box{padding:20px;} .job_list01 .tab_c .j_c .link_a{font-size:13px;} .job_list01 .tab_c .j_c .intro .job_btn{position:static; margin-top:20px;} .job_list01 .tab_c .j_c .j_c_box .intro strong{font-size:14px;} .job_list01 .tab_c .j_c .intro .job_btn ._btn{line-height:35px; height:35px;} .job_list01 .tab_c li ._t4{display:none;} .job_list01 .tab_c li ._t6{display:none;} .job_list01 .tab_c li ._ut, .job_list01 .tab_c li ._un{width:25%;} .job_list01 .more{text-align:center;} .job_list01 .more span{display:block;} .job_list01 .more a{margin:10px 10px 10px 0;} /* 联合实验室 */ .laboratory01{padding:20px 0;} .laboratory01 .infor .tit{font-size:20px;} .laboratory01 .infor .con{font-size:14px; margin:10px 0 15px;} .laboratory01 .content .tit{font-size:18px; margin-bottom:20px;} .laboratory01 .content ul{text-align:left;} .laboratory01 .content ul li{width:120px;} .laboratory01 .content ul li .img{width:120px; height:120px;} .laboratory01 .content ul li .box{padding:20px 0;} .laboratory01 .content ul li .box .icon img{height:35px;} .laboratory01 .content ul li .box .txt{font-size:14px;} .laboratory01 .content ul li.li2{margin:0 5px;} .laboratory01 .content .img1{margin:20px 0;} .laboratory01 .content .con .t1{font-size:16px} .laboratory01 .content .con .t2{font-size:20px;} .laboratory01 .content .btns{width:240px; font-size:15px; margin-left:-120px; line-height:40px; height:40px;} .laboratory02{padding-bottom:20px;} .laboratory02 .tab{font-size:14px; width:70%; margin:0 0 10px; line-height:40px; height:40px;} .laboratory02 .tab i{display:none;} .laboratory03{padding:20px 0;} .laboratory03 .infor{margin-bottom:20px;} .laboratory03 .infor .tit{font-size:14px;} .laboratory03 .infor .con{font-size:16px;} .laboratory03 .span-4{margin-bottom:20px;} /* 智能控制 */ .control01 .infor .tit{font-size:20px; line-height:22px;} .control01 .infor .con{font-size:14px; margin:10px 0;} .control01 .infor .text{font-size:14px; line-height:22px;} .control01 .content{margin-top:20px;} .control02 .content .left .tit{font-size:18px;} .control02 .content .left .con{font-size:16px; margin-top:5px; line-height:24px;} .control02 .content .left .txt{font-size:13px; line-height:20px; margin-top:5px;} .control02 .list .img{display:block;} .control02 .list ul{display:none;} .control02 .list{margin-top:20px;} .control03{margin-top:20px;} .control03 .content .left .tit{font-size:18px;} .control03 .content .left .con{font-size:16px; margin-top:5px; line-height:24px;} .control03 .content .left .txt{font-size:13px; line-height:20px; margin-top:5px;} /* 发展历程 */ .history01{padding:20px 0;} .history01 .tit{font-size:20px; margin-bottom:20px;} .history01 .l_box{padding-top:40px;} .history01 .l_box li{padding:25px 20px 0 0;} .history01 .r_box li{padding:15px 0 0 20px;} .history01 .year:after{display:none;} .history01 .year .circle{width:10px; height:10px; margin-top:-5px;} .history01 .l_box .year .circle{right:-25px;} .history01 .r_box .year .circle{left:-25px;} .history01 .year{font-size:20px;} .history01 .t{font-size:14px;} .history01 .year .xian{display:none;} .history01 .year .circle .i2{display:none;} /* 关于综合 */ .about_center01{margin-bottom:20px;} .about_center01 .infor .tit{font-size:20px; line-height:22px; margin-bottom:10px} .about_center01 .infor .con{font-size:13px;} .about_center01 .content{margin-top:20px; padding:0} .about_center01 .content li .li_box{padding: 0 2%;} .about_center01 .content li .li_box .number span.num{font-size:22px; line-height:22px;} .about_center01 .content li .li_box .number span.txt{font-size:13px; line-height:13px;} .about_center01 .content li .li_box .text{font-size:12px;} .about_center02{margin-bottom:20px;} .about_center03{padding:20px 0;} .about_center03 li{width:100%; margin-left:0px;} .about_center03 li .li_box .intro .box{padding:20px;} .about_center03 li .li_box .intro .box .tit{font-size:20px; line-height:22px;} .about_center03 li .li_box .intro .box .con{font-size:13px; margin-bottom:10px; line-height:24px;} .about_center03 li .li_box .intro .box .more{font-size:13px; line-height:24px;} .about_center04{padding:25px 0;} .about_center04 .infor{padding:0 2%;} .about_center04 .infor .tit{font-size:20px; line-height:22px; margin-bottom:10px} .about_center04 .infor .con{font-size:13px;} .about_center04 .infor .more{margin-top:20px} /* 服务综合 */ .service_center01{padding:25px 0;} .service_center01 .infor{padding:0%;} .service_center01 .infor .tit{font-size:20px; line-height:22px; margin-bottom:10px;} .service_center01 .infor .con{font-size:13px;} .service_center02 .content{padding:20px 0;} .service_center02 .content ul li{width:31%; margin:0 1%;} .service_center02 .content ul li .li_box{width:100px; height:100px; border-width:3px;} .service_center02 .content ul li .li_box .t{font-size:16px;} .service_center03{padding:20px 0;} .service_center03 .left{width:100%; margin-bottom:20px;} .service_center03 .left .tit{font-size:20px; line-height:22px; margin-top:0} .service_center03 .left .con{font-size:14px; margin:5px 0;} .service_center03 .left .txt{font-size:13px; line-height:22px;} .service_center03 .left .more{font-size:14px; height:40px; line-height:40px; margin-top:10px;} .service_center03 .right{width:100%;} .service_center04{padding:20px 0;} .service_center04 li{margin-bottom:20px;} .service_center04 li:last-child{margin-bottom:0;} .service_center04 li .cover .box{padding:40px;} .service_center04 li.li02 .cover .box .tit, .service_center04 li.li03 .cover .box .tit{margin-bottom:10px;} /* 产品综合 */ .pro_center02 {margin-top: 0px;} .pro_center01 .intro{top:20px;} .pro_center01 .intro .box{width:90%;} .pro_center01 .intro .box .pro_crumbs{margin-bottom: 20px;} .pro_center01 .intro .box .en_tit{font-size:14px; line-height:16px;} .pro_center01 .intro .box .tit{font-size:18px; line-height:20px; margin-top:5px;} .pro_center01 .intro .box .con{font-size:13px; line-height:20px; margin-top:10px;} .pro_center02 .content{padding:20px;} .pro_center02 .content .hd_tit{margin-bottom:15px; float:none; text-align:center; height:auto; font-size:20px; line-height:22px; margin-right:0} .pro_center02 .content .inp_box_wrap{width:100%;margin:0;padding:0;margin-bottom:20px;} .pro_center02 .content .inp_box{height:36px; line-height:36px;} .pro_center02 .content .hd_btn{width:100%; height:36px; line-height:36px; font-size:15px;} .pro_center03{padding:20px 0 0;} .pro_center03 .infor{padding:0; margin-bottom:20px;} .pro_center03 .infor .tit{font-size:20px; line-height:22px; margin-bottom:10px;} .pro_center03 .infor .con{font-size:14px; line-height:22px;} .pro_center03 .content .item{margin-bottom:20px;} .pro_center03 .content .item:last-child{margin-bottom:0px;} .pro_center03 .content .item .left .box .t{font-size:18px; line-height:22px;} .pro_center03 .content .item .left .box .c{font-size:14px; line-height:22px; margin:10px 0 5px;} .pro_center03 .content .item .left .box .txt{font-size:13px; line-height:20px;} .pro_center03 .content .item.odd .left .box{padding:20px} .pro_center03 .content .item.even .left .box{padding:20px} .pro_center03 .content .item .left .box .more{font-size:14px; margin-top:20px;} .pro_center04{padding:20px 0;} .pro_center04 .content .tit{font-size:20px; line-height:20px;} .pro_center04 .content .con{font-size:14px;line-height:20px; margin:10px 0 15px;} .pro_center04 .content .tel a{font-size:25px;} .pro_center04 .content .more{display:inline-block; margin-top:20px; height:36px; line-height:36px; font-size:14px;} .TC_center01 .content .right .box .c{height:auto;} /* 企业文化补充 */ .culture01{padding:20px 0;} .culture02{padding:20px 0;} .culture02 .infor .tit{font-size:20px; line-height:20px; margin-bottom:15px;} .culture02 .content .tit{font-size:18px; line-height:25px; margin:20px 0 15px; background-position:0 4px;} .culture02 .content .item1 .con ul li .box{margin-top:70px;} .culture02 .content .item1 .con ul li .icon{width:100px; height:100px; margin-left:-50px; top:-50px;} .culture02 .content .item1 .con ul li .txt{padding:65px 15px 20px;} .culture02 .content .item1 .con ul li .txt .t{font-size:18px;} .culture02 .content .item1 .con ul li .txt .c{font-size:14px;} .culture02 .content .item2 .con .box{padding:20px;} .culture02 .content .item3 .con{font-size:16px;} .pro_list02 .content ul li .txt .box .t{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pro_list02 .content ul li .txt{width:48%;} .pro_list02 .content ul li .img{width:52%;} .pro_list02 .content ul li .txt .box{padding:12px 15px;} } @media only screen and (max-width: 375px) { /* 联合实验室 */ .laboratory01 .content ul li{width:100%; margin:0 0 20px;} .laboratory01 .content ul li.li2{margin:0 0 20px;} .laboratory02 .tab{font-size:13px;} .laboratory02 .tab i{display:none;} .pro_list02 .tab ul li{width:50%;} .pro_list02 .content ul li .txt .box .more{display:none;} } @media only screen and (max-width: 320px) { /*mobileMode 320 网站样式*/ .header .logo{width:57%;} .ipart04 .content ul li .box .t i{display:none;} .ipart04 .content ul li .box .txt, .ipart04 .content ul li .box .t{font-size:12px;} .pro_detail02 .hd ul li{padding:0 5px;} }