/* * name: responsive * version: v2.1.1 * update: 添加pad竖屏状态Padp * data: 2017-06-13 */ /* hide template textarea */ /*.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}*/ /* * PcMode */ body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc'; } .PcMode:after { content: 'Pc' !important;} .UnpcPush, .MobilePush { display: none;} img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); } @media only screen and (max-width: 1510px) { .header .erji_nav .erji_content .erji_list .erji_intro ul li{margin:0 16px;} .header_bott .inav .nav_li{padding:0 18px;} } @media only screen and (max-width: 1441px) { .wrap { width:1200px; margin-right:auto; margin-left:auto;} /*头尾*/ .header_bott .inav .nav_li{padding:0 16px;} .header_bott .inav .nav_li .nav_a{font-size:17px;} .header_bott .inav .nav_xl .nav_a:after{right:-15px;} .f_top .right dl{width:22%;} .f_top .right dl.dl01{width:28%;} .channel_Left{width:19%;} .header .erji_nav{top:144px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a{font-size:15px;} .f_top .left{width:28%; float:left; } .f_top .left dl dt{ padding-bottom: 20px;} .f_top .left dl dd{ color: rgba(255,255,255,.6); line-height: 28px;} .f_top .left .f_ewm .img_{width:100px; height:100px;} .f_top .right{width:68%; float:right;} /*首页*/ .ibanner{height:auto;} .ibanner .owl-carousel .item{height:auto;} .ibanner .owl-carousel .owl-item .item img{position:static; margin-left:0; width:100%;} .ibanner .owl-carousel .item video{position:static; margin-left:0; width:100%;} .ibanner .item .iban_word{margin-top:-150px;} .ibanner .item .iban_word>.wrap{width:81%;} .ibanner .item .iban_word .intro .smal_t{font-size:40px; margin-bottom:25px;} .ibanner .item .iban_word .intro .big_t{font-size:100px; margin-bottom:25px;} /*招聘列表*/ .job_list01 .content .bd .li_bottom .send{position:static; display:inline-block; margin-top:30px} /*荣誉资质*/ .honor01 .honor_list .form_box{padding:14px 25px;} } @media only screen and (max-width: 1410px) { .header_bott .inav .nav_li{padding:0 15px;} } @media only screen and (max-width: 1367px){ /*头尾*/ .header_bott .h_logo{width:203px;} /* .header_bott .inav_wrapper{padding:33px 0;} */ .header_bott .h_tools{padding:28px 0;} .header .erji_nav{top:140px;} .header_bott .h_logo{padding:27px 0 25px;} .header .erji_nav{top:140px;} } @media only screen and (max-width:1335px){ .header_bott .inav .nav_li{padding:0 12px;} } /* * 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{ width:940px;} .mwrap {width:auto; margin-left:30px; margin-right:30px;} /*padMode 1240px 网站样式*/ /*--------------------------------- 公共部分------------------------------------*/ /* 非pc端隐藏首页 中间内容 */ .ipart{display:none;} .pageHeader.index_pageHeader{height:60px;} .header.fixed{top:0} .header.fixed .header_bott .h_logo a ._img1{display:block;} .header.fixed .header_bott .h_logo a ._img2{display:none} .header_top{display:none;} .header_bott{background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1)} .header_bott .h_logo{height:45px; padding:18px 0 18px;} .header_bott .h_tools{padding:26px 0;} .header_bott .h_tools .h_price, .header_bott .h_tools .h_search{display:none;} .header_bott .inav_wrapper{display:none;} .header_bott .h_tools{padding:26px 0;} .header_bott .h_tools .mobile_key{display:inline-block; margin-left:24px; vertical-align:middle;} .xc_pageHeader .header_bott .m_header_top {display:block; text-align:center; padding:23px 50px; height:34px; line-height:34px; position:relative;} .xc_pageHeader .header_bott .m_header_top .m_back{display:none;} .xc_pageHeader .header_bott .m_header_top .title{font-size:20px; font-weight:bold; color:#333f47; display:block; width:60%; margin:0 auto; padding-right: 100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .xc_pageHeader .header_bott .m_header_top .m_tool{position:absolute; right:0; top:0; padding:23px 0;} .xc_pageHeader .header_bott .m_header_top .m_tool .m_search{display:inline-block; vertical-align:middle; position:relative;} .xc_pageHeader .header_bott .m_header_top .m_tool .mobile_key{display:inline-block; vertical-align:middle; width:30px; height:20px; background-size:contain; margin-left:10px;} .xc_pageHeader .header_bott .m_header_top .m_tool .m_search button{display:block; height:24px; width:24px; background-size:cover; background:url(http://img.kietjx.com/images/mobile/m_sear.png) no-repeat center; background-size:cover; outline:none; border:none; padding:0;} /* 二级导航 */ .header .erji_nav{background:#fcb026; overflow:hidden; top:81px} .header .erji_nav .erji_content{max-width:1200px;} .header .erji_nav .erji_content .erji_btn{display:none;} .header .erji_nav:after {content:''; position:absolute; top:0; right:0; width:90px; height:64px; z-index:9; pointer-events:none; background:-webkit-linear-gradient(to left, rgba(253,196,101,.97), rgba(253,192,88,0)); background:-moz-linear-gradient(to left, rgba(253,196,101,.97), rgba(253,192,88,0)); background:-ms-linear-gradient(to left, rgba(253,196,101,.97), rgba(253,192,88,0)); background:-o-linear-gradient(to left, rgba(253,196,101,.97), rgba(253,192,88,0)); background:linear-gradient(to left, rgba(244,167,29,.97), rgba(244,167,29,0)); /* background: linear-gradient(to left, rgba(14,42,201,.97), rgba(14,42,201,0)); */ } .header .erji_nav .erji_content .erji_list .erji_intro.down{height:64px;} .header .erji_nav .erji_content .erji_list .erji_intro ul{width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:75px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li{height:64px; line-height:64px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li.non{ display:none;/*移动端不显示*/} .header .erji_nav .erji_content .erji_list .erji_intro ul li a{color:#fff;;} .header .erji_nav .erji_content .erji_list .erji_intro ul li.on a{color:#fff;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:after{height:3px; border-radius:3px; bottom:15px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li.on a:after{background:#fff;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:hover{color:#fff;;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:hover:after{background:#fff;} .f_top .right dl.dl05{width:12%;} .xc_banner{height:360px;} .xc_banner>img{width:1000px; margin-left:-500px;} .xc_banner .intro .tit{ display:none;} .crumbs{ display:none;} .channel_Left{display:none;} .channel_Right{width:100%;} /* 404 */ .false01 .content{width:100%; left:0; margin-left:0;} .false01 .content .box{width:100%} .false01 .text{padding:20px 40px} .false01 .text .txt1{font-size:20px; line-height:25px; margin-bottom:10px;} .false01 .text .txt2{font-size:16px;} /* 手机端下拉 */ .m_nav{display:block; position:fixed; right:-100%; top:0; background:#fff; background:rgba(255, 255, 255, 0.8); width:60%; height:100%; z-index:15; transition:right 0.5s ease;;} .m_nav .nav_bg{background:url(http://img.kietjx.com/images/mobile/black.5.png) center; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:2;} .m_nav .content{position:relative; z-index:4; background:#fff; height:100%;} .m_nav .content .mnav_top{height:102px; background:#fff;} .m_nav .content .mnav_top .mnav_search{float:right; background:#fcb026; text-align:center; line-height:102px; width:56%; font-size:0;} .m_nav .content .mnav_top .mnav_search span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#fff;} .m_nav .content .mnav_top .mnav_search i{display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(http://img.kietjx.com/images/mobile/mnav_search.png) no-repeat center; margin-left:37px;} .m_nav .content .mnav_top .mnav_back{float:left; background:#fff; text-align:center; line-height:102px; width:44%; font-size:0;} .m_nav .content .mnav_top .mnav_back span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#333f47;} /* .m_nav .content .mnav_top .mnav_back i{display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(http://img.kietjx.com/images/mobile/back.png) no-repeat center; margin-right:25px;} */ .m_nav .content .mnav_top .mnav_back i{font-size:20px; font-weight:bold; color:#333f47; margin-right:25px;} .m_nav .content .mnav_center .m_language{text-align:right; padding:20px 0;} .m_nav .content .mnav_center .m_language a{display:inline-block; font-size:14px; color:#333f47; font-family:Arial; color:rgba(51,63,71,.5); position:relative; margin:0 20px;} .m_nav .content .mnav_center .m_language a.on{color:#333f47;} .m_nav .content .mnav_center .m_language a.on:after{content:''; width:96%; height:2px; background:#333f47; position:absolute; left:2%; bottom:-3px;} .m_nav .content .mnav_bottom{overflow-y:auto;} .m_nav .content .mnav_bottom .mnav_li{position:relative; margin:20px 0;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a{display:block; padding:0 45px; position:relative; font-size:19px; color:#333f47; font-weight:bold;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a i{display:block; width:20px; height:20px; background:url(http://img.kietjx.com/images/mobile/mnav_jt.png) no-repeat; background-size:contain; position:absolute; right:45px; top:50%; margin-top:-10px;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a i{ -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .m_nav .content .mnav_bottom .mnav_li dl{background:#f7f7f7; padding:20px 60px; display:none; margin:10px 0;} .m_nav .content .mnav_bottom .mnav_li dl dd a{display:block; font-size:15px; color:#525252; line-height:35px;} /*导航推拉*/ .m_nav.toshow{right:0;} .m_nav.toshow .nav_bg{opacity:1; visibility:visible;} /* 三级导航 */ .m_third_nav{display:block;} .m_third_nav .content{height:47px; overflow:hidden; border-bottom:2px solid #e5e5e5; text-align:center;} .m_third_nav ul {width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:60px;} .m_third_nav ul li{display:inline-block; font-size:15px; color:#949494; margin:0 4px; line-height:47px;} .m_third_nav ul li a{display:inline-block; position:relative; padding:16px 8px; line-height:1;} .m_third_nav ul li.on{font-weight:bold; color:#333f47;} .m_third_nav ul li.on a:after{content:''; width:102%; height:2px; background:#333f47; border-radius:3px; position:absolute; left:0; bottom:0} /*--------------------------------- 公共部分 end------------------------------------*/ /* 手机端首页 */ .pageHeader.index_pageHeader{height:46px;} .m_ibanner{padding-bottom:56.53%; position:relative; height:0; overflow:hidden;} .m_ibanner .item{height:0; padding-bottom:56.53%;} .m_ibanner .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:15px; left:0%; width:100%; text-align:center} .m_ibanner .owl-carousel .owl-dot{width:8px; height:8px; background:#e5e5e5; margin:0 6px; border-radius:50%; display:inline-block; vertical-align:middle;} .m_ibanner .owl-carousel .owl-dot.active{background:#9a9a9a; width:12px; height:12px;} .m_channelContent{padding:40px 0 0; min-height:400px;} .m_ipart {padding:0;} .m_ipart01{padding:30px 0; border-bottom:1px solid #e4e4e4; margin-bottom: 60px;} /* .m_ipart01 .content{height:130px; overflow:hidden;} */ .m_ipart01 ul{overflow-y:hidden; white-space:nowrap; overflow-x:auto;} .m_ipart01 .content01{background:#f6f6f9;} .m_ipart01 .content02{background:#ededed;} .m_ipart01 .li{/*float:left;*/ display:inline-block; width:19%; margin-right:1.25%; margin-bottom:12px;} /* .m_ipart01 .li_five{margin-right:0;} */ .m_ipart01 .li .li_box{display:block;} .m_ipart01 .li .li_box .img_{width:80px; height:80px; margin:0 auto; background-size:cover;} .m_ipart01 .li .li_box .txt{font-size:24px; color:#333f47; text-align:center;} /* .m_ipart01 .li:hover .li_box .img_{background-position:0 -77px;} */ .m_ipart02{margin-top:20px;} .m_ipart02 .infor{background:#fff; box-shadow:0 0 25px rgba(252,176,38,.2);} .m_ipart02 .infor .box{display:block; padding:19px 24px;} .m_ipart02 .infor .box span.hot_dot{float:left; background:#fcb026; color:#fff; padding:0 18px; line-height:35px; border-radius:7px; font-size:18px; /*display:inline-block; vertical-align:middle;*/ margin-right:24px;} .m_ipart02 .infor .box span.text{float:left; line-height:35px; width:80%; font-size:21px; color:#333f47; /*display:inline-block; vertical-align:middle;*/ height:35px; overflow:hidden;} .m_ipart02 .infor .box span.text li a{display:block;} .m_ipart02 .infor{margin-bottom:20px; margin-bottom:0} .m_ipart02 .content a{display:block} .m_ipart02 .content .rect-9705{padding-bottom:97.05%;} .m_ipart02 .content .rect-4730{padding-bottom:47.30%;} .m_ipart02 .content .rect-4640{padding-bottom:46.40%;} .m_ipart02 .content .left{width:49%; float:left; position:relative;} .m_ipart02 .content .left .intro{position:absolute; left:0; top:0; width:100%; height:100%;} .m_ipart02 .content .left .intro .box{padding:45px 25px;} .m_ipart02 .content .left .intro .box .t{font-size:30px; font-weight:bold; color:#fff;} .m_ipart02 .content .left .intro .box .c{font-size:18px; color:#fff; font-family:Impact;} .m_ipart02 .content .right{width:49%; float:right;} .m_ipart02 .content .right .r_top{position:relative; margin-bottom:16px;} .m_ipart02 .content .right .r_top .intro{position:absolute; left:0; top:0; width:100%; height:100%;} .m_ipart02 .content .right .r_top .intro .box{padding:45px 25px;} .m_ipart02 .content .right .r_top .intro .box .t{font-size:30px; font-weight:bold; color:#000;} .m_ipart02 .content .right .r_bott{position:relative;} .m_ipart02 .content .right .r_bott .intro{position:absolute; left:0; top:0; width:100%; height:100%;} .m_ipart02 .content .right .r_bott .intro .box{padding:45px 25px;} .m_ipart02 .content .right .r_bott .intro .box .t{font-size:30px; font-weight:bold; color:#fff;} .m_ipart02 .content .right .r_bott .intro .box .c{font-size:18px; color:#fff;} .m_ipart02_1{margin-top:7px;} .m_ipart02_1 .content .rect-4640{padding-bottom:46.4%;;} .m_ipart02_1 .content .right{overflow:hidden;} .m_ipart02_1 .content .right .r_top{position:relative; margin-bottom:16px; width:49%; float:left;} .m_ipart02_1 .content .right .r_bott{position:relative; width:49%; float:right;} .m_ipart02_1 .content .right .intro{position:absolute; left:0; top:0; width:100%; height:100%;} .m_ipart02_1 .content .right .intro .box{padding:45px 25px;} .m_ipart02_1 .content .right .intro .box .t{font-size:30px; font-weight:bold; color:#fff;} .m_ipart02_1 .content .right .intro .box .c{font-size:18px; color:#333f47;} .m_ipart03{margin-top:30px;} .m_ipart03 .infor .tit{float:left; font-size:36px; color:#282c2e; font-weight:bold;} .m_ipart03 .infor .con{float:right; font-size:20px; color:#fcb026; margin-top:20px;} .m_ipart03 .infor .con i{display:inline-block; width:9px; height:15px; background:url(http://img.kietjx.com/images/mobile/m_ipart03_jt.png) no-repeat center; margin-left:6px} .m_ipart03 .content{position:relative; margin-top:20px;} .m_ipart03 .content .rect-5616{padding-bottom:56.16%;} .m_ipart03 .content .list{width:100%; height:100%; position:absolute; left:0; top:0;} .m_ipart03 .content .list .box{padding:70px 26px; text-align:center} .m_ipart03 .content .list .box a{display:inline-block; padding:0 20px; position:relative; color:#fff; font-size:24px;} .m_ipart03 .content .list .box a:after{content:''; width:1px; height:14px; background:#fff; position:absolute; right:0; top:50%; margin-top:-7px;} .m_ipart03 .content .list .box a:last-child:after{display:none;} .m_ipart04{margin-top:20px; padding: 20px 0 20px; background:#f7f7f7;} .m_ipart04 .infor{position:relative; border-bottom:1px solid #e3e3e3; padding-bottom:30px; margin-bottom:30px;} .m_ipart04 .infor .tit{float:left; font-size:36px; color:#282c2e; font-weight:bold; position:relative;} .m_ipart04 .infor .tit:after{content:''; width:80%; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); height:7px; background:#fcb026; border-radius:5px; display:none} .m_ipart04 .infor .con{float:right; width:72%; height:44px; overflow:hidden; margin-top:10px; position:relative;} .m_ipart04 .infor .con a{display:inline-block; font-size:28px; color:#333f47; margin:0 10px;} .m_ipart04 .infor .con:after{display:none; content: ''; position:absolute; top:0; right:0; width:160px; height:44px; z-index:5; pointer-events: none; background: -webkit-linear-gradient(to left, rgba(255,255,255,.97), rgba(255,255,255,0)); background: -moz-linear-gradient(to left, rgba(255,255,255,.97), rgba(255,255,255,0)); background: -ms-linear-gradient(to left, rgba(255,255,255,.97), rgba(255,255,255,0)); background: -o-linear-gradient(to left, rgba(255,255,255,.97), rgba(255,255,255,0)); background: linear-gradient(to left, rgba(255,255,255,.97), rgba(255,255,255,0)); } .m_ipart04 .infor .con .list{text-align:right; white-space:nowrap; overflow-y:hidden; overflow-x:auto; height:52px;} .m_ipart04 .infor .con .list a{position:relative;} .m_ipart04 .infor .con .list a.on{color:#fcb026;} .m_ipart04 .infor .con .list a.on:after{content:''; width:100%; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); height:2px; background:#fcb026; border-radius:5px;} .m_ipart04 .content {margin-top:10px;} .m_ipart04 .content .rect-6265{padding-bottom:62.65%;} .m_ipart04 .content ul{ display: none;} .m_ipart04 .content ul.active{display:block;} .m_ipart04 .content li{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e3e3e3;} .m_ipart04 .content li a{display:block;} .m_ipart04 .content li .img_{width:33%; float:left;} .m_ipart04 .content li .intro{width:55.6%; float:right; position:relative; height:100%; margin-right:1%;} .m_ipart04 .content li .intro .tit{font-size:28px; line-height:40px; height:80px; overflow:hidden; color:#282c2e; margin-bottom:44px;} .m_ipart04 .content li .intro .con{font-size:22px; color:#777;} .m_ipart04 .content li .intro .con .date{float:left; font-family:Arial;} .m_ipart04 .content li .intro .con .date{float:right; font-family:Arial;} /* 手机端加载更多按钮 */ .more_wrap{text-align:center;} .more_wrap .m_loadmore{display:inline-block; border-radius:30px; text-align:center; background:rgba(252,176,38,.2); padding:0 30px; margin:0 auto;} .more_wrap .m_loadmore span{display:inline-block; font-size:24px; color:#fcb026; height:56px; line-height:56px; vertical-align:middle;} .more_wrap .m_loadmore i{display:inline-block; width:25px; height:11px; background:url(http://img.kietjx.com/images/mobile/m_ipart04_jt.png) no-repeat center; margin-left:15px; vertical-align:middle;} /* 手机端加载更多按钮 end */ .m_ipart05{padding:60px 0 78px; background:#f7f7f7; margin-top:40px;} .m_ipart05 .infor{position:relative; margin-bottom:50px;} .m_ipart05 .infor .tit{float:left; font-size:36px; color:#282c2e; font-weight:bold; position:relative;} .m_ipart05 .infor .tit:after{content:''; width:80%; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); height:7px; background:#fcb026; border-radius:5px; display:none;} .m_ipart05 .infor .con{float:right; width:72%; height:44px; overflow:hidden; margin-top:10px; position:relative;} .m_ipart05 .infor .con a{display:inline-block; font-size:28px; color:#333f47; margin:0 10px;} .m_ipart05 .infor .con:after{content: ''; position:absolute; top:0; right:0; width:160px; height:44px; z-index:5; pointer-events: none; background: -webkit-linear-gradient(to left, rgba(247,247,247,.97), rgba(247,247,247,0)); background: -moz-linear-gradient(to left, rgba(247,247,247,.97), rgba(247,247,247,0)); background: -ms-linear-gradient(to left, rgba(247,247,247,.97), rgba(247,247,247,0)); background: -o-linear-gradient(to left, rgba(247,247,247,.97), rgba(247,247,247,0)); background: linear-gradient(to left, rgba(247,247,247,.97), rgba(247,247,247,0)); } .m_ipart05 .infor .con .list{text-align:right; white-space:nowrap; overflow-y:hidden; overflow-x:auto; height:52px;} .m_ipart05 .infor .con .list a{position:relative;} .m_ipart05 .infor .con .list a.on{color:#fcb026;} .m_ipart05 .infor .con .list a.on:after{content:''; width:100%; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); height:2px; background:#fcb026; border-radius:5px;} .m_ipart05 .content .rect-6846{padding-bottom:68.46%} .m_ipart05 .content ul{ display: none;} .m_ipart05 .content ul.active{display:block;} .m_ipart05 .content li{float:left; width:49%; margin-right:2%;} .m_ipart05 .content li:nth-child(2n){margin-right:0;} .m_ipart05 .content li a{display:block} .m_ipart05 .content .intro{font-size:28px; color:#333f47; padding:15px 0;} .m_ipart05 .content .intro span{display:inline-block;} .m_ipart05 .content .intro .en{font-family:Impact; font-size:34px; margin-right:5px;} .m_ipart05 .content .more_wrap{margin-top:20px} .more_wrap.nomore{display:none;} /* 2020-03-27 手机端首页加新品推荐 */ .m_ipart05 .content li a{position:relative;} .m_ipart05 .content li a .icon{width:63px; height:62px; /*background:url(http://img.kietjx.com/images/pro_list_ico.png) no-repeat center;*/ position:absolute; top:10px; right:10px; opacity:0; visibility:hidden;} .m_ipart05 .content li.li_new a .icon{opacity:1; visibility:visible;} .add_price{background:#fff; padding:40px 0; border-bottom:6px solid #f7f7f7;} .add_price .new_price{display:block; width:80%; height:76px; line-height:76px; text-align:center; font-size:32px; color:#fff; background:#fcb026; margin:0 auto; border-radius:50px;} .add_price .intro{margin-top:20px; text-align:center;} .add_price .intro .tit{font-size:26px; color:#333f47;} .add_price .intro .con{font-size:38px; line-height:38px; color:#fcb026; font-family:Impact;} /* 新闻综合 */ .news_center01{padding:60px 0;} .news_center01 .infor .tit{font-size:35px; line-height:40px;} .news_center01 .content .left .intro .box{padding:40px;} .news_center01 .content .right .r_bott .bott_l .box{padding:24px;} .news_center01 .content .right .r_bott .bott_r .box{padding:24px;} .news_center02{padding:60px 0;} .news_center02 .infor .tit{font-size:35px; line-height:40px; margin-bottom:5px;} .news_center02 .list .item .item_box{padding-top:20px;} .news_center03 .intro{font-size:35px; line-height:40px;} .news_center03 .owl-nav .owl-prev{left:-30px;} .news_center03 .owl-nav .owl-next{right:-30px;} .news_center03 .content .item .box .tit{font-size:20px;} .news_center04 .infor .tit{font-size:35px; line-height:40px;} .news_center05{padding:30px 0 0 0;} /* 手机端新闻列表 */ .m_newsList.m_channelContent{background:#f7f7f7; padding-bottom:30px} .m_newsList .hd li{border-bottom:2px solid #e9e9e9; margin-bottom:24px;} .m_newsList .hd li:last-child{margin-bottom:0} .m_newsList .hd .li_box{display:block; padding-bottom:17px;} .m_newsList .hd .li_box .tit{font-size:35px; line-height:35px; color:#333f47; margin-bottom:15px;} .m_newsList .hd .li_box .con span{display:inline-block; vertical-align:middle;} .m_newsList .hd .li_box .con .date{font-size:24px; color:#a3a3a3; font-family:Arial;} .m_newsList .hd .li_box .con .sign{width:64px; height:30px; border:2px solid #fcb026; border-radius:4px; font-size:18px; font-weight:bold; line-height:30px; text-align:center; color:#fcb026; margin-left:15px;} .m_newsList .bd .rect-6265{padding-bottom:62.65%;} .m_newsList .bd .li_box{display:block; padding:29px 0; border-bottom:2px solid #e9e9e9;;} .m_newsList .bd .li_box .img_{width:33%; float:left;} .m_newsList .bd .li_box .intro{width:62%; float:left; margin-left:3%; margin-top:17px;} .m_newsList .bd .li_box .intro .tit{font-size:35px; line-height:46px; color:#333f47;} .m_newsList .bd .li_box .intro .con{font-size:24px; line-height:40px; color:#a3a3a3; font-family:Arial;} .m_newsList .bd li.no_img .li_box .img_{display:none;} .m_newsList .bd li.no_img .li_box .intro{width:100%; margin-left:0; margin-top:0;} .m_newsList .bd li.no_img .li_box .intro .con{margin-top:13px;} .m_newsList .bd li:last-child .li_box{border-bottom:none;} /* 手机端 新闻详细 */ .m_newsDetail.m_channelContent{padding:0;} .m_newsDetail01{padding:65px 0; background:#f7f7f7;} .m_newsDetail01 .title{font-size:40px; color:#333f47; font-weight:bold; line-height:58px;} .m_newsDetail01 .tools span{display:inline-block; font-size:13px; color:#939393; margin-top:26px; margin-right:20px;} .m_newsDetail01 .tools span i{margin:0 10px 0 0; vertical-align:0px;} .m_newsDetail01 .con .text{font-size:24px; line-height:40px; color:#4e4e4e; margin-top:20px; overflow:hidden; transition:height 0.5s ease;} .m_newsDetail01 .con .text .keywords{font-size:14px; color:#555; margin-top:15px;} .m_newsDetail01 .con .text .keywords span{display:inline-block; vertical-align:middle; font-size:15px; line-height:24px; font-weight:bold;} .m_newsDetail01 .con .text .keywords a{display:inline-block; vertical-align:middle; font-size:13px; color:#fcb026; line-height:24px; margin-right:10px; position:relative} .m_newsDetail01 .con .text .keywords a:after{content:''; width:100%; height:1px; background:#fcb026; position:absolute; left:0; bottom:3px;} .m_newsDetail01 .con .text p{ text-align:left; text-indent: 2em; margin: 10px 0;} .m_newsDetail01 .con .text.cur{height:auto;} .m_newsDetail01 .con .btns{text-align:center; position:relative; margin-top:30px;} .m_newsDetail01 .con .btns span{display:inline-block; vertical-align:middle; position:relative; z-index:5} .m_newsDetail01 .con .btns span.icon{width:25px; height:25px; background:url(http://img.kietjx.com/images/mobile/m_newsDetail_icon.png) no-repeat center;} .m_newsDetail01 .con .btns span.txt{font-size:32px; color:#fcb026;} .m_newsDetail01 .con .btns:after {content:''; position:absolute; bottom:0; right:0; width:100%; height:240px; z-index:4; pointer-events:none; background:-webkit-linear-gradient(bottom, rgba(247,247,247,.97), rgba(247,247,247,0)); background:-moz-linear-gradient(bottom, rgba(247,247,247,.97), rgba(247,247,247,0)); background:-ms-linear-gradient(bottom, rgba(247,247,247,.97), rgba(247,247,247,0)); background:-o-linear-gradient(bottom, rgba(247,247,247,.97), rgba(247,247,247,0)); background:linear-gradient(bottom, rgba(247,247,247,.97), rgba(247,247,247,0)); /* background: linear-gradient(bottom, rgba(14,42,201,.97), rgba(14,42,201,0)); */ } .m_newsDetail01 .con .text .newsstyle_1 p.tit_01{ font-size: 24px; font-weight:600; color: #ffa012; margin: 40px auto 30px; text-align:center; text-indent:0;} .m_newsDetail01 .con .newsstyle_1 p.tit_02{ font-size: 20px; font-weight:600; margin: 40px auto 20px; text-align:center; text-indent:0;} .m_newsDetail01 .con .text .newsstyle_1 p.tit_02 span{ display:inline-block; padding:4px 10px; background-color:#ffcd01;} .m_newsDetail01 .con .text .newsstyle_1 ul.style_01{ margin-bottom:30px; text-align: center;} .m_newsDetail01 .con .text .newsstyle_1 li a{ color: #FF0004;} .m_newsDetail01 .con .text .newsstyle_1 li.tit_02{ font-size: 20px; font-weight:600; margin: 40px auto 30px; text-align:center; text-indent:0;} .m_newsDetail01 .con .text .newsstyle_1 ul.style_01 li{ display:block; width:100%; background:none; line-height:22px; margin: 10px auto; cursor:inherit;} .m_newsDetail01 .con .text .newsstyle_1 ul li span{ display:inline-block; padding:5px 10px; background-color:#ffcd01;} .m_newsDetail02{padding:40px 0;} .m_newsDetail02 .title{font-size:32px; line-height:46px; color:#969696; border-bottom:2px solid #e2e2e2; position:relative; padding-bottom:15px;} .m_newsDetail02 .title:after{content:''; width:132px; height:4px; background:#fcb026; position:absolute; left:0; bottom:-2px} .m_newsDetail02 .content{margin-top:30px;} .m_newsDetail02 li{border-bottom:2px solid #e9e9e9; margin-bottom:24px;} .m_newsDetail02 .li_box{display:block; padding-bottom:17px;} .m_newsDetail02 .li_box .tit{font-size:35px; line-height:35px; color:#333f47; margin-bottom:15px;} .m_newsDetail02 .li_box .con span{display:inline-block; vertical-align:middle;} .m_newsDetail02 .li_box .con .date{font-size:24px; color:#a3a3a3; font-family:Arial;} .m_newsDetail02 .li_box .con .sign{width:64px; height:30px; border:2px solid #fcb026; border-radius:4px; font-size:18px; font-weight:bold; line-height:30px; text-align:center; color:#fcb026; margin-left:15px; display:none} .m_newsDetail02 li.hot .li_box .con .sign{display:inline-block} /* 手机端分享弹窗 */ .share_content{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:99999; text-align:right;} /* 案例列表 */ .m_caseList.m_channelContent{background:#f7f7f7;} .m_caseList01{padding-bottom:40px;} .m_caseList01 .hd{margin-bottom:38px;} .m_caseList01 .hd .item{float:left; width:32%; margin-right:4%; position:relative;} .m_caseList01 .hd .item span{display:block; height:60px; line-height:60px; background:#fcb026; border-radius:50px; font-size:24px; color:#333f47; position:relative; z-index:2; padding:0 25px;} .m_caseList01 .hd .item span i{display:inline-block; vertical-align:0;} .m_caseList01 .hd .item span i.txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%} .m_caseList01 .hd .item span i.icon{width:20px; height:20px; background:url(http://img.kietjx.com/images/mobile/mnav_jt.png) no-repeat; background-size:contain; margin-left:5px; vertical-align:-5px; position:absolute; right:25px; top:50%; margin-top:-10px;} .m_caseList01 .hd .item span.cur i.icon{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .m_caseList01 .hd .item .item_down{position:absolute; left:0; top:30px; width:100%; padding:10px 0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border-radius:15px; z-index:1; padding-top:40px; display:none;} .m_caseList01 .hd .item .item_down li{height:30px; line-height:30px; text-align:center; padding:5px 0;} .m_caseList01 .bd li{background:#fff; margin-bottom:26px;} .m_caseList01 .bd li .li_box{display:block; padding:26px 18px;} .m_caseList01 .bd li .li_box .rect-625{padding-bottom:62.5%} .m_caseList01 .bd li .li_box .img_{width:36%; float:left; margin-right:3%;} .m_caseList01 .bd li .li_box .intro{width:60%; float:left; margin-top:9px;} .m_caseList01 .bd li .li_box .intro .tit{font-size:33px; line-height:42px; height:84px; overflow:hidden; color:#333f47; margin-bottom:30px;} .m_caseList01 .bd li .li_box .intro .con{font-size:22px; line-height:40px; color:#777; font-family:Arial; text-align:right;} .m_caseList01 .bd li.no_img .img_{display:none} .m_caseList01 .bd li.no_img .intro{width:100%;} /* 案例详细 */ .m_caseDetail.m_channelContent{padding:0} .m_caseDetail01 .hd{background:#f7f7f7; padding:60px 0 40px; text-align:center;} .m_caseDetail01 .hd .title{font-size:38px; line-height:50px; color:#333f47; font-weight:bold;} .m_caseDetail01 .hd .tools span{display:inline-block; font-size:13px; color:#939393; margin-top:26px; margin-right:20px;} .m_caseDetail01 .hd .tool.font{display:none;} .m_caseDetail01 .hd .tools span i{margin:0 10px 0 0; vertical-align:0px;} .m_caseDetail01 .bd{margin-top:25px;} .m_caseDetail01 .bd .bd_top .cell{font-size:28px; line-height:68px; color:#4e4e4e; border-bottom:2px solid #eaeaea; text-align:center;} .m_caseDetail01 .bd .bd_top .cell:last-child{border-bottom:none;} .m_caseDetail01 .bd .bd_bott{margin:40px 0 50px;} .m_caseDetail01 .bd .bd_bott .text{text-align:center; font-size:28px; line-height:42px; color:#4e4e4e;} .m_caseDetail01 .bd .bd_bott .text p{ text-align:left; text-indent: 2em; margin: 10px 0;} .m_caseDetail01 .bd .bd_bott .text ._img{display:block; margin:0 auto 20px;} .m_caseDetail02{padding:55px 0 60px; background:#f7f7f7;} .m_caseDetail02 .infor{text-align:center; font-size:40px; line-height:40px; color:#333f47; font-weight:bold;} .m_caseDetail02 .content{margin-top:45px;} .m_caseDetail02 .content .rect-6846{padding-bottom:68.46%;} .m_caseDetail02 .content .item{display:none} .m_caseDetail02 .content .owl-item .item{display:block} .m_caseDetail02 .content .intro{font-size:28px; color:#333f47; padding:15px 0;} .m_caseDetail02 .content .intro span{display:inline-block;} .m_caseDetail02 .content .intro .en{font-family:Impact; font-size:28px; margin-right:5px;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 p.tit_01{ font-size: 24px; font-weight:600; color: #ffa012; margin: 40px auto 30px; text-align:center; text-indent:0;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 li.tit_02 { font-size: 20px; font-weight:600; margin: 40px auto 20px; text-align:center;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 p.tit_02{ font-size: 20px; font-weight:600; margin: 40px auto 20px; text-align:center; text-indent:0;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 p.tit_02 span{ display:inline-block; padding:4px 10px; background-color:#ffcd01;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 ul.style_01{ margin-bottom:30px;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 li.tit_02{ font-size: 20px; font-weight:600; margin: 40px auto 30px; text-align:center; text-indent:0;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 ul.style_01 li{ display:block; width:100%; background:none; line-height:22px; margin: 10px auto; cursor:inherit;} .m_caseDetail01 .bd .bd_bott .text .alstyle_1 ul li span{ display:inline-block; padding:5px 10px; background-color:#ffcd01; font-size: 20px;} /* 手机端 解决方案综合 */ .m_xcbanner{display:none} /* 手机端 产品列表 */ .m_proList.m_channelContent{background:#f8f8f8;} .m_proList01{padding-bottom:40px;} .m_proList01 .hd{margin-bottom:38px;} .m_proList01 .hd .item{float:left; width:32%; margin-left:2%; position:relative;} .m_proList01 .hd .item03{text-align:center} .m_proList01 .hd .item:first-child{margin-left:0;} .m_proList01 .hd .item span{display:block; height:60px; line-height:60px; background:#fcb026; border-radius:50px; font-size:24px; color:#333f47; position:relative; z-index:2; padding:0 25px;} .m_proList01 .hd .item span i{display:inline-block; vertical-align:0;} .m_proList01 .hd .item span i.txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%} .m_proList01 .hd .item span i.icon{width:20px; height:20px; background:url(http://img.kietjx.com/images/mobile/mnav_jt.png) no-repeat; background-size:contain; margin-left:5px; vertical-align:-5px; position:absolute; right:25px; top:50%; margin-top:-10px;} .m_proList01 .hd .item span.cur i.icon{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .m_proList01 .hd .item .item_down{position:absolute; left:0; top:30px; width:100%; padding:10px 0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border-radius:15px; z-index:1; padding-top:40px; display:none;} .m_proList01 .hd .item .item_down li{height:30px; line-height:30px; text-align:center; padding:5px 0;} .m_proList01 .hd .item03 span{color:#fff; background:#333f47;} .m_proList01 .bd li{background:#fff; margin-bottom:37px;} .m_proList01 .bd li .li_box{display:block; padding:24px; position:relative;} .m_proList01 .bd li .li_box .intro .tit{margin-bottom:23px;} .m_proList01 .bd li .li_box .intro .tit span{display:block} .m_proList01 .bd li .li_box .intro .tit span.xinghao{font-size:36px; line-height:36px; color:#333f47; font-family:Impact; margin-bottom:13px;;} .m_proList01 .bd li .li_box .intro .tit span.name{font-size:24px; line-height:30px; color:#333f47; padding-bottom:15px; border-bottom:1px solid #dadada;} .m_proList01 .bd li .li_box .intro .con .con_text{font-size:22px; line-height:30px; color:#585858; margin-bottom:10px;} .m_proList01 .bd li .li_box .icon{width:63px; height:62px; /*background:url(http://img.kietjx.com/images/pro_list_ico.png) no-repeat center;*/ position:absolute; top:30px; right:25px; opacity:0; visibility:hidden;} .m_proList01 .bd li.li_new .li_box .icon{opacity:1; visibility:visible;} /* 手机端 产品详细 */ .proDetail_pageHeader.pageHeader.xc_pageHeader {height:auto} .xc_proDetail_ban{display:none;} .m_proDetail.m_channelContent{padding:0} .m_proDetail01{border-top:2px solid #f7f7f7; border-bottom:9px solid #f7f7f7;} .m_proDetail01 .rect-712{padding-bottom:71.2%;} .m_proDetail01 .item{display:none} .m_proDetail01 .owl-item .item{display:block;} .m_proDetail01 .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:20px; right:5%; width:95%; text-align:right;} .m_proDetail01 .owl-carousel .owl-dot{width:10px; height:10px; background:rgba(252,176,38,.5); margin:0 3px;border-radius:50%; display:inline-block; vertical-align:middle;} .m_proDetail01 .owl-carousel .owl-dot.active{background:#fcb026; width:12px; height:12px;} .m_proDetail02{background:#f7f7f7; padding-bottom:9px;;} .m_proDetail02 .content{padding:50px 0; background:#fff;;} .m_proDetail02 .infor .tit span{display:inline-block; vertical-align:middle; color:#282c2e;} .m_proDetail02 .infor .tit span.xinghao{font-size:50px; line-height:50px; font-family:Impact; margin-right:24px;} .m_proDetail02 .infor .tit span.name{font-size:40px; line-height:40px;} .m_proDetail02 .infor .con{font-size:28px; line-height:43px; color:#4e4e4e; margin-top:35px;} .m_proDetail02 .infor .seeCar{display:block; background:#fcb026; width:80%; margin:40px auto; height:60px; line-height:60px; font-size:20px; color:#fff; border-radius:50px; text-align:center;} .m_proDetail05 .hd{ background:#333f47; text-align:center;} .m_proDetail05 .hd li{display:inline-block; font-size:30px; line-height:40px; color:#fff; padding:0 30px;} .m_proDetail05 .hd li span{display:block; position:relative; padding-bottom:12px;} .m_proDetail05 .hd li.active{color:#fcb026;} .m_proDetail05 .hd li.active span:after{content:''; width:90%; height:7px; background:#fcb026; border-radius:15px; position:absolute; left:5%; bottom:0} .m_proDetail05 .hd{height:103px;} .m_proDetail05 .hd .target_wrap{padding:25px 0 25px; transition:padding 0.5s ease;} /*.m_proDetail05 .hd.fixed{height:74px;}*/ .m_proDetail05 .hd .target_wrap.fixed{width:100%; position:fixed; left:0; top:0; z-index:5; box-shadow:0 0 15px rgba(0,0,0,.2);/* padding:15px 0;*/ background:#333f47;} .m_proDetail05 .bd .sections01{padding:50px 0 60px; background:#f7f7f7;} .m_proDetail05 .bd .sections01 .title{font-size:38px; line-height:38px; color:#333f47; font-weight:bold; margin-bottom:40px;} .m_proDetail05 .bd .sections01 .left{ display:none;} .m_proDetail05 .bd .sections01 li{margin-bottom:13px;;} .m_proDetail05 .bd .sections01 li .title{position:relative; border-bottom:1px solid #e6e6e6; padding-bottom:13px;} .m_proDetail05 .bd .sections01 li .title span{font-size:36px; color:#282c2e; display:inline-block; position:relative; padding-left:18px;} .m_proDetail05 .bd .sections01 li .title span:after{content:''; width:6px; height:38px; background:#fcb026; border-radius:20px; position:absolute; left:0; top:50%; margin-top:-19px;} .m_proDetail05 .bd .sections01 li .title:before{content:''; width:26px; height:2px; background:#fcb026; position:absolute; right:0px; top:50%; margin-top:-1px;;} .m_proDetail05 .bd .sections01 li .title:after{content:''; width:2px; height:26px; background:#fcb026; position:absolute; right:12px; top:50%; margin-top:-13px; 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;} .m_proDetail05 .bd .sections01 li .li_down{position:relative; display:none; font-size:25px; line-height:40px; color:#4e4e4e; padding:20px 0} .m_proDetail05 .bd .sections01 li.cur .title{border-bottom:none;} .m_proDetail05 .bd .sections01 li.cur .title:after {-webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);} .m_proDetail05 .bd .sections01 li.cur .title span{font-weight:bold;} .m_proDetail05 .bd .sections02{margin-top:40px;} .m_proDetail05 .bd .sections02 .title{font-size:38px; line-height:38px; color:#333f47; font-weight:bold; margin-bottom:40px;} .m_proDetail05 .bd .sections02 .content{position:relative; overflow-x:auto; text-align:center;} .m_proDetail05 .bd .sections02 .content .content_table .table_tr{height:44px;/* padding:0 20px;*/ font-size:13px;} .m_proDetail05 .bd .sections02 .content .content_table .table_tr.top_tr{font-size:13px;} /*最顶上一行 背景是主色橙色*/ .m_proDetail05 .bd .sections02 .content .content_table .table_tr.top_tr{font-weight:normal; background:#f8f8f8; color:#333f47; font-size:15px; font-weight:bold;} /*每一条td宽度是257 */ .m_proDetail05 .bd .sections02 .content .content_table .table_tr td{ box-sizing:border-box; word-break:break-all; white-space:normal; min-width:120px;} /*标题区的背景*/ .m_proDetail05 .bd .sections02 .content .content_table .table_tr.title_tr{background:#eeeff7;} /*内容区的背景和高度*/ .m_proDetail05 .bd .sections02 .content .content_table .table_tr.content_tr{background:#FFF;} /*表格2绝对定位 只留下左侧一列，也就是每一个tr中的第一个td*/ .m_proDetail05 .bd .sections02 .content .content_table01{position:relative; z-index:1;} .m_proDetail05 .bd .sections02 .table{margin-bottom:0;} .m_proDetail05 .bd .sections03{margin:50px 0;} .m_proDetail05 .bd .sections03 .infor{margin-bottom:45px;} .m_proDetail05 .bd .sections03 .infor .tit{font-size:40px; line-height:40px; color:#282c2e; font-weight:bold;} .m_proDetail05 .bd .sections03 .content {position:relative;} .m_proDetail05 .bd .sections03 .content .rect-5753{padding-bottom:57.53%;} .m_proDetail05 .bd .sections03 .content .item{display:none} .m_proDetail05 .bd .sections03 .content .owl-item .item{display:block;} .m_proDetail05 .bd .sections03 .content .item .item_box{display:block;} .m_proDetail05 .bd .sections03 .content .intro{position:relative; padding:25px 0;} .m_proDetail05 .bd .sections03 .content .intro .t{font-size:30px; line-height:40px; color:#4e4e4e; width:80%;} .m_proDetail05 .bd .sections03 .content .intro .jt{width:13px; height:26px; background:url(http://img.kietjx.com/images/mobile/m_soluDetail03_jt.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-13px;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1>div{width:20px; height:35px; background:url(http://img.kietjx.com/images/ipart02_jt.png) no-repeat; position:absolute; top:-73px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1.disabled>div{display:none;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1 .owl-prev {right:60px; background-position:0 0;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1 .owl-next {right:20px; background-position:-20px -35px;} .m_proDetail05 .bd .sections04{padding:50px 0; background:#f7f7f7} .m_proDetail05 .bd .sections04 .infor{margin-bottom:45px;} .m_proDetail05 .bd .sections04 .infor .tit{font-size:40px; line-height:40px; color:#282c2e; font-weight:bold;} .m_proDetail05 .bd .sections04 .content {position:relative;} .m_proDetail05 .bd .sections04 .content .item{display:none; background:#fff;} .m_proDetail05 .bd .sections04 .content .owl-item .item{display:block;} .m_proDetail05 .bd .sections04 .content .item .item_box{display:block; padding:24px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit{margin-bottom:23px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit span{display:block} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit span.xinghao{font-size:36px; line-height:36px; color:#333f47; font-family:Impact; margin-bottom:13px;;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit span.name{font-size:30px; line-height:30px; color:#333f47; padding-bottom:15px; border-bottom:1px solid #dadada;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .con .con_text{font-size:22px; line-height:30px; color:#585858; margin-bottom:3px;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2>div{width:20px; height:35px; background:url(http://img.kietjx.com/images/ipart02_jt.png) no-repeat; position:absolute; top:-73px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2.disabled>div{display:none;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2 .owl-prev {right:60px; background-position:0 0;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2 .owl-next {right:20px; background-position:-20px -35px;} /* 视频中心 手机端*/ .m_channelContent.m_videoList{padding:0; background:#f7f7f7;} .m_videoList01{padding:60px 0;} .m_videoList01 ul{margin-bottom:30px;} .m_videoList01 li{background:#fff; margin-bottom:20px;} .m_videoList01 li .txt{font-size:27px; color:#333f47;} .m_videoList01 li .txt .box{padding:30px 20px;} .m_videoList01 li .txt .box .t{line-height:40px; height:80px; overflow:hidden;} /* 企业文化 手机端*/ .m_channelContent.m_culture{padding:0;} .m_culture01{background:#f8f8f8; padding:60px 0;} .m_culture01 .tit1{font-size:40px; font-weight:bold; color:#333f47; line-height:48px;} .m_culture01 .tit2{font-size:32px; color:#202325; line-height:44px; margin:15px 0 30px;} .m_culture01 .con{font-size:26px; color:#4e4e4e;} .m_culture02 .rect-449{padding-bottom:44.9%;} .m_culture02 .cover{position:absolute; left:0; top:60px; width:100%; color:#fff;} .m_culture02 .cover .box{width:50%;} .m_culture02 .cover .tit{font-size:40px; font-weight:bold;} .m_culture02 .cover .con{font-size:32px; margin:15px 0 30px;} .m_culture02 .cover .txt{font-size:26px;} .m_culture03{background:#fdb026; padding:44px 0;} .m_culture03 .tit{font-size:40px; color:#333f47; font-weight:bold; margin-bottom:20px;} .m_culture03 .con{font-size:26px; color:#4e4e4e;} .m_culture04 .rect-449{padding-bottom:44.9%;} /* 发展历程 手机端 */ .m_history.m_channelContent{padding:0;} .m_history01{padding:40px 0; background:#f7f7f7;} .m_history01 .tab_t li{float:left; width:49%; margin-right:2%; font-size:26px; color:#333f47; line-height:60px; text-align:center; background:#fff; border-radius:35px; margin-bottom:15px;} .m_history01 .tab_t li:nth-child(2n){margin-right:0;} .m_history01 .tab_t li span{font-family:Arial; margin-right:10px;} .m_history01 .tab_t li.cur{background:#fcb026;} .m_history01 .tab_c ul{position:relative; margin:50px 0 0; display:none;} .m_history01 .tab_c ul.active{ display:block;} .m_history01 .tab_c ul:after{content:''; position:absolute; left:10px; top:0; width:2px; height:100%; background:#e4e4e4;} .m_history01 .rect-668{padding-bottom:66.8%;} .m_history01 .tab_c li{overflow:hidden; margin-bottom:50px;} .m_history01 .tab_c .img{float:right; width:31%;} .m_history01 .tab_c .txt{float:left; width:54%; padding-left:45px; } .m_history01 .tab_c .txt .num{position:relative; font-size:40px; font-family:Impact; color:#fdb026;} .m_history01 .tab_c .txt .num:after{content:''; position:absolute; z-index:3; top:50%; margin-top:-10px; left:-45px; width:41px; height:20px; background:url(http://img.kietjx.com/images/mobile/m_history01_2.png) no-repeat center;} .m_history01 .tab_c .txt .tit{font-size:28px; color:#4e4e4e;} /* 公司简介 手机端 */ .m_aboutUs.m_channelContent{padding:0;} .m_aboutUs01{background:#f8f8f8; padding:50px 0;} .m_aboutUs01 .tit{font-size:34px; color:#333f47;} .m_aboutUs01 .con{font-size:40px; color:#333f47; font-weight:bold; margin:15px 0 45px;} .m_aboutUs01 .txt{font-size:28px; color:#4e4e4e;} .m_aboutUs02{font-size:28px; color:#4e4e4e; padding:50px 0;} .m_aboutUs03{padding-bottom:30px;} .m_aboutUs03 .rect-382{padding-bottom:38.2%;} .m_aboutUs03 .img{margin-bottom:25px;} .m_aboutUs03 .img .cover{position:absolute; width:46%; left:0; top:0; height:100%;} .m_aboutUs03 .img .cover .box{padding:55px 30px;} .m_aboutUs03 .img .cover .box .t{font-size:40px; font-weight:bold; color:#fff; margin-bottom:30px;} .m_aboutUs03 .img .cover .box .c{font-size:26px; color:#fff;} /*手机端咨询订购*/ .m_orderForm{background:#f8f8f8; position:relative;} .m_orderForm:after{content:""; position:absolute; left:0; top:50%; right:0; bottom:0; background:#fff; z-index:0;} .m_orderForm01{padding:20px 0 40px; color:#333f47; font-size:24px; position:relative; z-index:1;} .m_orderForm01 .l{width:25%; margin-right:20px; margin-top:1%;} .m_orderForm01 .tit{font-size:34px; line-height:50px;} .m_orderForm01 .tit span{display:inline-block; *display:inline; *zoom:1; line-height:50px;} .m_orderForm01 .tit .no{font-family:Impact; font-size:38px;} .m_orderForm01 .info{font-size:24px;} .m_orderForm02{background:#fff; margin-top:20px; margin-bottom:60px; position:relative; z-index:2;} .m_orderForm02 li{position:relative; line-height:100px; height:100px; margin-top:15px; font-size:32px; border-bottom:1px solid #d7d7d7;} .m_orderForm02 li:first-child{margin-top:0;} .m_orderForm02 li:last-child{border:none;} .m_orderForm02 li .inp{margin-left:30%;} .m_orderForm02 li .name{position:absolute; left:0; top:0;} .m_orderForm02 li input{border:none; font-size:24px; line-height:90px; height:90px; width:90%; padding:0; color:#a1a1a1} .m_orderForm02 li textarea{border:none; font-size:24px; line-height:90px; height:450px; width:90%; padding:0; color:#a1a1a1} .m_orderForm02 .inp{position:relative; height:100px;} .m_orderForm02 .inp span{display: block; height:100px; color:#a1a1a1; font-size:24px;} .m_orderForm02 .inp span.cur{color:#a1a1a1;} .m_orderForm02 .inp .list{position:absolute; top:100%; left:0; right:0; line-height:2; font-size:20px; z-index:1; max-height:200px; overflow:auto; background:#fff; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.2); box-shadow:0 1px 5px rgba(0,0,0,.2); padding-left:20px; display:none;} .m_orderForm02 button{font-size:34px; color:#fff; background:#fcb027; width:500px; text-align:center; max-width:70%; line-height:76px; border-radius:36px; margin:60px auto; display:block; border:none;} /* 联系我们 非独立手机端定制 */ .contact_us01 .left{width:100%;} .contact_us01 .right{width:100%;} .contact_us01 .right ul li input{box-sizing:border-box;} .contact_us01 .left ul li .t{font-size:16px;} .contact_us03 ul li .box{padding:20px} .contact_us03 ul li .box .left{font-size:18px; padding-right:20px;} .contact_us03 ul li .box .right{padding-left:20px;} .contact_us03 ul li.li_img{margin-right:0px;} .contact_us03 ul li.li_img .img_box{padding:0 10px;} .contact_us03 ul li.li_img .img_box .img_{width:100px; height:100px;} /* 资质荣誉 非手机端定制*/ .honor01 .infor .tit{font-size:30px; line-height:35px; padding-bottom:10px;} .honor01 .content{margin-top:30px;} .zhizao .infor .tit{font-size:30px; line-height:35px; padding-bottom:10px;} /* 产品中心 */ .m_zjCenter{padding-top:0; background:#f8f8f8;} .m_zjCenter01 li {width:33.3%; float:left; border-bottom:1px solid #e8e9eb;} .m_zjCenter01 li .box{border-right:1px solid #e8e9eb; padding:15px;} .m_zjCenter01 li .box .icon{width:60px; height:60px; margin:0 auto;} .m_zjCenter01 li .box .txt{font-size:12px; color:#333f47; text-align:center; margin-top:5px;} .m_zjCenter01 li.li10, .m_zjCenter01 li.li11, .m_zjCenter01 li.li12{border-bottom:none} .m_zjCenter .haibao{ width: 100%; text-align: center; margin: 0 auto 0;padding-top: 10px; font-size:18px;} .m_zjCenter .haibao .t{display:none;} .m_zjCenter .haibao img{ width:100%;} } @media only screen and (max-width: 992px) { body:after { content: 'Padp'; } .wrap{ width:740px;} .mwrap {width:auto; margin-left:30px; margin-right:30px;} .xc_pageHeader .header_bott .m_header_top .title{ width:50%;} /*padMode 992px 网站样式*/ .pageFooter{display:block;} .f_top{display:block;} /* 手机端 案例列表 */ .m_caseList01 .bd li .li_box .intro .tit{margin-bottom:25px;} /* 手机端 解决详细 */ .m_soluDetail04 .content li .li_down .intro .box{padding:30px 15px;} /* 手机端 产品列表 */ .tanchuang .content{width:60%} /* 联系我们 非独立手机端定制 */ .contact_us03 ul li{width:100%; margin-right:0;} /* 招聘列表 非手机端定制 */ .job_list01 .content .bd .li_top .time1, .job_list01 .content .bd .li_top .time2{display:inline-block; padding:0} .job_list01 .content .bd .li_top .time1:before, .job_list01 .content .bd .li_top .time1:after{display:none;} /* 手机端 企业文化 */ .m_culture02 .cover .box{width:60%;} /* 手机端 公司简介 */ .m_aboutUs03 .img .cover{width:58%;} } /* * MobileMode */ @media only screen and (max-width: 760px) { body:after { content: 'Mobile'; } body,input,textarea,button,select {font-size:16px;} .UnmobilePush{display: none;} .MobilePush{display:block;} img[data-src]{opacity: 1;} .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; margin:0;} .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浏览器*/ } /*mobileMode 760 网站样式*/ /*--------------------------------- 公共部分------------------------------------*/ /* 头部 */ .pageHeader.xc_pageHeader{height:46px} .header .erji_nav{top:60px} .header_bott .h_logo{width:120px; padding:17px 0; height:26px;} .header_bott .h_tools{padding:10px 0; margin-left:20px;} .header_bott .h_tools .m_search{width:165px; padding:5px 0;} .header_bott .h_tools .m_search input{height:30px; line-height:30px; font-size:13px;} .header_bott .h_tools .mobile_key{width:30px; height:20px; background-size:contain; margin-left:0px;} .header_bott .h_tools .m_search input{text-indent:40px;} .header_bott .h_tools .m_search button{height:18px; width:18px; background-size:cover; margin-top:-9px; left:15px;} .header .erji_nav:after{height:48px;} .header .erji_nav .erji_content .erji_list .erji_intro.down{height:48px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li{height:48px; line-height:48px;} .header .erji_nav .erji_content .erji_list .erji_intro ul li a:after{bottom:7px} .rightFloat{bottom:68px;} .rightFloat .gotop{width:40px; height:40px; background-size:cover;} .rightFloat .gotop:hover{background-position:0 -40px;} /* 下层头部样式 没有logo 显示返回按钮和标题 */ .xc_pageHeader .header_bott .h_logo{display:none;} .xc_pageHeader .header_bott .h_tools{display:none;} .xc_pageHeader .header_bott .m_header_top {display:block; text-align:center; padding:13px 50px; height:34px; line-height:34px; position:relative;} .xc_pageHeader .header_bott .m_header_top .m_back{display:block; width:18px; height:30px;/* background:url(http://img.kietjx.com/images/mobile/m_back.png) no-repeat center;*/ position:absolute; left:0; top:50%; margin-top:-15px;} .xc_pageHeader .header_bott .m_header_top .m_back i{font-weight:bold; color:#333f47} .xc_pageHeader .header_bott .m_header_top .title{font-size:20px; font-weight:bold; color:#333f47; display:block; width:80%; margin:0 auto;padding-right:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .xc_pageHeader .header_bott .m_header_top .m_tool{position:absolute; right:0; top:0; padding:11px 0;} .xc_pageHeader .header_bott .m_header_top .m_tool .m_search{display:inline-block; vertical-align:middle; position:relative;} .xc_pageHeader .header_bott .m_header_top .m_tool .mobile_key{display:inline-block; vertical-align:middle; width:30px; height:20px; background-size:contain; margin-left:10px;} .xc_pageHeader .header_bott .m_header_top .m_tool .m_search button{display:block; height:24px; width:24px; background-size:cover; background:url(http://img.kietjx.com/images/mobile/m_sear.png) no-repeat center; background-size:cover; outline:none; border:none; padding:0;} .channel_content{padding:20px 0;} .add_price{display:block;} .m_channelContent .load_more{padding-bottom:20px;;} /* 下层头部样式 end*/ .m_nav{width:77%;} .m_nav .content .mnav_top{height:60px;} .m_nav .content .mnav_top .mnav_search{line-height:60px;} .m_nav .content .mnav_top .mnav_search i{width:25px; height:25px; background-size:cover; margin-left:20px;;} .m_nav .content .mnav_top .mnav_back{line-height:60px;} /* .m_nav .content .mnav_top .mnav_back i{width:25px; height:25px; background-size:cover;} */ .m_nav .content .mnav_bottom .mnav_li{margin:15px 0;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 20px; font-size:17px; line-height:30px;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a i{right:20px} .m_nav .content .mnav_bottom .mnav_li dl{padding:15px 30px;} .m_nav .content .mnav_center{ display:none;} .m_nav .content .mnav_center .m_language{padding:10px 0 15px;} .m_nav .content .mnav_center .m_language a{margin:0 8px;} .m_nav .content .mnav_center .m_language a:first-child{margin-left:0px;} .xc_banner{display:none}; .xc_banner .crumbs{display:none;} .m_xcbanner{display:block; padding-bottom:44%; overflow:hidden; height:0; position:relative;} .m_xcbanner>img{width:100%;} .m_xcbanner .m_intro{display:block; position:absolute; left:0; top:80px; width:100%; text-align:center;} .m_xcbanner .m_intro .m_tit{font-size:22px; font-weight:bold; color:#fff; text-align:center;} .pageFooter{display:none;} .m_pageFooter{display:block; position:relative; position:fixed; bottom:0; left:0; width:100%; background:#fff; z-index:11;} .m_footer_bg{background:rgba(0, 0, 0, .5); position:fixed; width:100%; height:100%; left:0; bottom:0; opacity:0; visibility:hidden; z-index:10; transition:all 0.5s ease;} .m_footer_bg.active{opacity:1; visibility:visible;} .m_footer{position:fixed; bottom:0; left:0; width:100%; z-index:6; background:#fff;} .m_footer ul{border-top:1px solid #f0f0f0;} .m_footer .li{width:18%; float:left; text-align:center; padding:7px 1%;} .m_footer .li .icon{width:30px; height:30px; margin:0 auto;} /* .m_footer .li.li01 .icon{background:url(http://img.kietjx.com/images/mobile/mfooter_icon1.png) no-repeat;} */ .m_footer .li.li01 .icon{background-image:url(http://img.kietjx.com/images/mobile/f_1.png); background-repeat:no-repeat; background-size:cover;} .m_footer .li.li02 .icon{background-image:url(http://img.kietjx.com/images/mobile/f_2.png); background-repeat:no-repeat; background-size:cover;} .m_footer .li.li04 .icon{background-image:url(http://img.kietjx.com/images/mobile/f_4.png); background-repeat:no-repeat; background-size:cover;} .m_footer .li.li05 .icon{background-image:url(http://img.kietjx.com/images/mobile/f_5.png); background-repeat:no-repeat; background-size:cover;} .m_footer .li.li03{margin-top:-25px; cursor:pointer; padding:6px 1% 7px;} .m_footer .li.li03 .icon{width:66px; height:60px; background-image:url(http://img.kietjx.com/images/mobile/f_3.png); background-repeat:no-repeat; background-size:cover;} .m_footer .li .txt{font-size:12px; color:#555} /* 选中态 */ /* .m_footer .li.active .icon{background-position:0 -30px;} */ .m_footer .li.li01.active .icon{background-image:url(http://img.kietjx.com/images/mobile/f_1_on.png);} .m_footer .li.li02.active .icon{background-image:url(http://img.kietjx.com/images/mobile/f_2_on.png);} .m_footer .li.li03.active .icon{background-image:url(http://img.kietjx.com/images/mobile/f_3_on.png);} .m_footer .li.li04.active .icon{background-image:url(http://img.kietjx.com/images/mobile/f_4_on.png);} .m_footer .li.li05.active .icon{background-image:url(http://img.kietjx.com/images/mobile/f_5_on.png);} .m_footer .li.active .txt{color:#fcb026;} /* 全系列 */ .zj_push{width:100%; position:absolute; bottom:100%; left:0; background:#fcb026; border-radius:20px 20px 0 0; z-index:1; display:none;} .zj_push .content{padding:35px 15px;} .zj_push .content .tit{font-size:20px; font-weight:bold; color:#fff;} .zj_push .content .con{font-size:14px; color:#fff;} .zj_push .content .list{margin-top:20px;} .zj_push .content .list a{display:inline-block; padding:0 25px; color:#333f47; background:rgba(255,255,255,.7); border-radius:30px; height:34px; line-height:34px; margin:0 6px 10px; font-size:14px;} .zj_push .content .m_close{width:22px; height:22px; background:url(http://img.kietjx.com/images/mobile/m_close.png) no-repeat; position:absolute; right:35px; top:35px; transition:all 0.5s ease;} .zj_push .content .m_close:hover{transform:rotateZ(180deg);} /*--------------------------------- 公共部分 end------------------------------------*/ /* 手机端首页 */ .header.fixed .header_bott .h_tools{padding:10px 0;} .header.fixed .header_bott .h_logo{padding:17px 0;} .m_channelContent{padding:20px 0 0;} .m_ipart {padding:0;} .m_ipart01{padding:0px 0; margin-bottom:20px;} /* .m_ipart01 .content{height:80px;} */ .m_ipart01 .li .li_box .txt{font-size:13px;} .m_ipart01 .li .li_box .img_{background-size:cover; width:60px; height:60px;} .m_ipart02{margin-top:0px;} .m_ipart02 .infor .box{padding:15px 20px; display:none} .m_ipart02 .infor .box span.hot_dot{font-size:14px; line-height:26px;border-radius:4px;} .m_ipart02 .infor .box span.text{font-size:14px; line-height:26px; height:26px; width:65%} .m_ipart02 .content .left .intro .box {padding:20px 15px;} .m_ipart02 .content .left .intro .box .t{font-size:18px;} .m_ipart02 .content .left .intro .box .c{font-size:18px; line-height:20px;} .m_ipart02 .content .right .r_top{margin-bottom:7px;} .m_ipart02 .content .right .r_top .intro .box{padding:10px} .m_ipart02 .content .right .r_top .intro .box .t{font-size:18px;} .m_ipart02 .content .right .r_bott .intro .box{padding:10px} .m_ipart02 .content .right .r_bott .intro .box .t{font-size:18px;} .m_ipart02 .content .right .r_bott .intro .box .c{font-size:13px; line-height:18px;} .m_ipart02_1 .content .right .r_top{margin-bottom:7px;} .m_ipart02_1 .content .right .intro .box{padding:10px} .m_ipart02_1 .content .right .intro .box .t{font-size:18px;} .m_ipart02_1 .content .right .intro .box .c{font-size:13px; line-height:18px;} .m_ipart03{margin-top:20px} .m_ipart03 .infor .tit{font-size:20px;} .m_ipart03 .infor .con{font-size:14px; margin-top:5px;} .m_ipart03 .infor .con i{width:5px; height:10px; background-size:cover; vertical-align:0;} .m_ipart03 .content{margin-top:10px} .m_ipart03 .content .list .box{padding:20px 0px; font-size:0} .m_ipart03 .content .list .box a{font-size:14px; padding:0 10px;} .m_ipart04 .infor{padding-bottom:15px; margin-bottom:20px;} .m_ipart04 .infor .tit{font-size:20px} .m_ipart04 .infor .tit:after{height:3px; bottom:-3px;} .m_ipart04 .infor .con{height:26px; margin-top:5px;;} .m_ipart04 .infor .con a{font-size:15px;} .m_ipart04 .infor .con:before{width:26px; height:16px; margin-top:-8px; background-size:cover;} .m_ipart04 .infor .con:after{height:24px} .m_ipart04 .content li{padding-bottom:20px; margin-bottom:20px;} .m_ipart04 .content li .intro .tit{font-size:16px; line-height:20px; height:40px; margin-bottom:15px;} .m_ipart04 .content li .intro .con{font-size:14px;} .m_ipart04 .content li .img_{width:35%;} .m_ipart04 .content li .intro{width:60%;} /* 加载更多 */ .more_wrap .m_loadmore{padding:0 20px;} .more_wrap .m_loadmore span{font-size:14px; height:36px; line-height:36px;} .more_wrap .m_loadmore i{width:13px; height:10px; background-size:cover; margin-left:10px;} /* 加载更多 end */ .m_ipart05{margin-top:20px; padding:20px 0;} .m_ipart05 .infor{margin-bottom:15px;} .m_ipart05 .infor .tit{font-size:20px} .m_ipart05 .infor .tit:after{height:3px; bottom:-3px;} .m_ipart05 .infor .con{height:26px; margin-top:5px;} .m_ipart05 .infor .con a{font-size:15px;} .m_ipart05 .infor .con:before{width:26px; height:16px; margin-top:-8px; background-size:cover;} .m_ipart05 .infor .con:after{height:24px} .m_ipart05 .content .intro{font-size:16px; padding:5px 3px 15px;} .m_ipart05 .content .intro .en{font-size:17px;} .m_ipart05 .content .more_wrap{margin-top:20px; margin-bottom:10px;} .add_price{padding:20px 0} .add_price .new_price{height:36px; line-height:36px; font-size:18px; width:60%;} .add_price .intro{margin-top:10px;} .add_price .intro .tit{font-size:16px;} .add_price .intro .con{font-size:20px; line-height:25px;} .add_price .list{margin-top:20px;} .add_price .list ul{text-align:center; font-size:0} .add_price .list li{display:inline-block; padding:0 10px} .add_price .list li .img{width:60px; height:60px; margin:0 auto;} .add_price .list li .txt{font-size:13px; color:#666; line-height:23px; margin-top:10px;} .news_center01{padding:10px 0;} .news_center01 .infor .tit{font-size:21px; line-height:30px; margin-bottom:15px;} .news_center01 .content .left{margin-bottom:25px;width: 100%;} .news_center01 .content .left .intro .box{padding:30px} .news_center01 .content .left .intro .box .t{font-size:16px; line-height:28px;} .news_center01 .content .right{width: 100%;} .news_center01 .content .right .r_top{margin-bottom:25px;} .news_center01 .content .right .r_top .top_r .introduce .box .t{font-size:14px;} .news_center01 .content .right .r_bott .bott_l .box{padding:15px;} .news_center01 .content .right .r_bott .bott_l .box .t{font-size:14px; line-height:22px; height:66px} .news_center01 .content .right .r_bott .bott_r .box{padding:15px;} .news_center01 .content .right .r_bott .bott_r .box .t{font-size:14px; line-height:22px; height:66px} .news_center03{padding:30px 0; display: none;} .news_center03 .intro{font-size:20px; margin-bottom:30px;} .news_center03 .content .item .box .tit{font-size:16px; height:auto;} .news_center03 .content .item:after{display:none;} .news_center03 .owl-nav .owl-prev{left:85%;} .news_center03 .content .item .box .con{font-size:14px;} .news_center04{padding:20px 0 50px 0;} .news_center04 .infor .tit{font-size:21px; line-height:30px; margin-bottom:15px;} .news_center04 .content .item .intro .box{padding:24px 24px 0 24px;} .news_center04 .content .item .intro .box .t{font-size:17px; line-height:28px; height: 28px; margin:5px 0 10px;} .news_center04 .content .item .intro .box .c{font-size:14px; line-height:28px; height: 28px;} .news_center04 .content .owl-dots{bottom:-30px;} .news_center05{padding:30px 0 0 0;} .news_center05 .content .left{width:100%; margin-bottom:25px;} .news_center05 .content .left .cover .box{padding:40px;} .news_center05 .content .left .cover .box .t{font-size:18px;} .news_center05 .content .left .cover .box .icon{width:40px; height:40px; background-size:cover; right:20px; bottom:20px;} .news_center05 .content .center{width:100%; margin-bottom:25px;} .news_center05 .content .center .cover .box{padding:40px;} .news_center05 .content .center .cover .box .t{font-size:18px;} .news_center05 .content .center .cover .box .icon{width:40px; height:40px; background-size:cover; right:20px; bottom:20px;} .news_center05 .content .right{width:100%;} .news_center05 .content .right .r_top{margin-bottom:25px;} /* 手机端 新闻列表 */ .m_newsList.m_channelContent{padding-bottom:20px;} .m_newsList .bd .li_box{padding:20px 0; padding-bottom:12px;} .m_newsList .hd .li_box .tit{font-size:17px; line-height:22px; margin-bottom:10px;} .m_newsList .hd .li_box .con .date{font-size:13px;} .m_newsList .hd .li_box .con .sign{font-size:13px; width:42px; height:22px; line-height:22px;} .m_newsList .bd .li_box .intro {margin-top:5px;} .m_newsList .bd .li_box .intro .tit{font-size:17px; line-height:22px;} .m_newsList .bd .li_box .intro .con{font-size:13px; line-height:22px; margin-top:5px;} /* 手机端 新闻详细 */ .m_newsDetail01{padding:40px 0 20px;} .m_newsDetail01 .title{font-size:20px; line-height:25px;} .m_newsDetail01 .tools span{margin-top:15px;} .m_newsDetail01 .con .text{font-size:14px; line-height:24px; margin-top:10px;} .m_newsDetail01 .con .btns span.txt{font-size:18px;} .m_newsDetail01 .con .btns{margin-top:10px;} .m_newsDetail02{padding:20px 0;} .m_newsDetail02 .title{font-size:17px; line-height:20px;} .m_newsDetail02 .content{margin-top:20px} .m_newsDetail02 .li_box .tit{font-size:16px; line-height:22px; margin-bottom:10px;} .m_newsDetail02 .li_box .con .date{font-size:13px;} .m_newsDetail02 .li_box .con .sign{font-size:13px; width:42px; height:22px; line-height:22px;} .m_newsDetail02 li:last-child{border-bottom:none;} /* 手机端 案例列表 */ .m_caseList01 .hd{margin-bottom:20px;} .m_caseList01 .hd .item{width:49%; margin-right:2%;} .m_caseList01 .hd .item02{margin-right:0;} .m_caseList01 .hd .item span{height:34px; line-heighT:34px; font-size:13px;} .m_caseList01 .hd .item .item_down{top:17px; padding-top:22px;;} .m_caseList01 .hd .item .item_down li{height:26px; line-heighT:26px; font-size:14px; padding:2px 0;} .m_caseList01 .bd li{margin-bottom:15px;} .m_caseList01 .bd li .li_box .intro{margin-top:3px;} .m_caseList01 .bd li .li_box .intro .tit{font-size:16px; line-height:20px; height:40px; margin-bottom:15px;} .m_caseList01 .bd li .li_box .intro .con{font-size:14px; line-height:20px;} /* 手机端 案例详细 */ .m_caseDetail01 .hd{padding:30px 0 20px;} .m_caseDetail01 .hd .tools span{margin-top:10px;} .m_caseDetail01 .hd .title{font-size:20px; line-height:25px;} .m_caseDetail01 .bd{margin-top:5px;} .m_caseDetail01 .bd .bd_top .cell{font-size:16px; line-height:40px; border-bottom-width:1px;} .m_caseDetail01 .bd .bd_bott{margin:10px 0 20px;} .m_caseDetail01 .bd .bd_bott .text{font-size:14px; line-height:23px;} .m_caseDetail02{padding:20px 0} .m_caseDetail02 .infor{font-size:20px; line-height:25px;} .m_caseDetail02 .content{margin-top:15px;} .m_caseDetail02 .content .intro{font-size:16px; padding:5px 3px 15px;} .m_caseDetail02 .content .intro .en{font-size:17px;} /* 手机端 产品列表 */ .m_proList01 .hd{margin-bottom:20px;} .m_proList01 .hd .item span{height:40px; line-heighT:40px; font-size:13px;} .m_proList01 .hd .item .item_down{top:17px; padding-top:22px;;} .m_proList01 .hd .item .item_down li{height:26px; line-heighT:26px; font-size:12px; padding:2px 0;} .m_proList01 .bd li{margin-bottom:15px;} .m_proList01 .bd li .li_box{padding:15px;} .m_proList01 .bd li .li_box .intro {padding:0 5px;} .m_proList01 .bd li .li_box .intro .tit{margin-bottom:10px;} .m_proList01 .bd li .li_box .intro .tit span.xinghao{font-size:16px; line-height:20px; margin-top:5px; margin-bottom:0} .m_proList01 .bd li .li_box .intro .tit span.name{font-size:16px; line-height:20px; padding-bottom:5px;} .m_proList01 .bd li .li_box .intro .con .con_text{font-size:13px; line-height:20px;} .m_proList01 .hd .item{width:49%; margin-right:2%; margin-left:0; margin-bottom:13px; z-index:2;} .m_proList01 .hd .item:nth-child(2n){margin-right:0;} .m_proList01 .hd .item03{width:100%; z-index:1;} .m_proList01 .bd li .li_box .icon{width:40px; height:40px; background-size:cover; top:10px; right:10px;} /* 弹窗 */ .tanchuang .content .box{padding:40px 20px} .tanchuang .content .box .title{font-size:20px; line-height:25px; margin-bottom:20px;} .tanchuang .content .box .list li>span.txt{font-size:20px; line-height:25px;} .tanchuang .content .box .list li>span.sele .item span{height:36px; line-height:36px; font-size:14px;} .tanchuang .content .box .list li>span.sele .item .item_down{top:18px; padding-top:20px;} /* 手机端 产品详细 */ .m_proDetail.m_channelContent{margin-bottom:0!important;} .m_proDetail02 .content{padding:20px 0;} .m_proDetail02 .infor .tit span.xinghao{font-size:22px; line-height:22px; margin-right:10px;} .m_proDetail02 .infor .tit span.name{font-size:20px; line-height:22px;} .m_proDetail02 .infor .con{font-size:15px; line-height:22px; margin-top:10px;} .m_proDetail02 .infor .seeCar{font-size:15px; height:40px; line-height:40px; width:60%; margin:20px auto 0;} .m_proDetail03 .content{padding:20px 0 10px;} .m_proDetail03 .content .tit{font-size:20px; line-height:25px; margin-bottom:15px;} .m_proDetail03 .content .con ul{font-size:0} .m_proDetail03 .content .con li .li_box{padding:6px 10px;} .m_proDetail03 .content .con li .li_box .txt{margin-left:5px; line-height:24px;} .m_proDetail03 .content .con li .li_box .img_{width:30px; height:auto;} .m_proDetail04 .content{padding:20px 0} .m_proDetail04 .content li span{font-size:16px; line-height:22px;} .m_proDetail05 .hd{height:51px;} .m_proDetail05 .hd li{font-size:14px; line-height:25px; padding:0 10px;} .m_proDetail05 .hd .target_wrap{padding:10px 0;} .m_proDetail05 .hd li span{padding-bottom:0px;} .m_proDetail05 .hd li.active span:after{height:3px; bottom:-3px} .m_proDetail05 .bd .sections01{padding:20px 0;} .m_proDetail05 .bd .sections01 .title{font-size:20px; line-height:25px; margin-bottom:10px;} .m_proDetail05 .bd .sections01 li .title span{font-size:18px;} .m_proDetail05 .bd .sections01 li .title span:after{width:4px; height:30px; margin-top:-15px;} .m_proDetail05 .bd .sections01 li .title:before{width:14px; margin-top:-4px} .m_proDetail05 .bd .sections01 li .title:after{height:14px; margin-top:-10px; right:6px;} .m_proDetail05 .bd .sections01 li .li_down {font-size:14px; line-height:20px; padding:0px 0 20px;} .m_proDetail05 .bd .sections01 li .li_down .img_ .rect-5625{padding-bottom:66.6%;} .m_proDetail05 .bd .sections02{margin-top:20px;} .m_proDetail05 .bd .sections02 .title{font-size:20px; line-height:25px; margin-bottom:10px;} .m_proDetail05 .bd .sections03{margin:20px 0} .m_proDetail05 .bd .sections03 .infor{margin-bottom:20px;} .m_proDetail05 .bd .sections03 .infor .tit{font-size:20px; line-height:25px; margin-bottom:10px;} .m_proDetail05 .bd .sections03 .content .intro{padding:20px 0;} .m_proDetail05 .bd .sections03 .content .intro .t{font-size:15px; line-height:20px;;} .m_proDetail05 .bd .sections03 .content .intro .jt{width:10px; height:20px; background-size:cover; margin-top:-10px;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1>div{width:22px; height:36px; top:35%;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1 .owl-prev {left:0; background:url(../images/left_jt.png) no-repeat;} .m_proDetail05 .bd .sections03 .content .m_pro05_btn1 .owl-next {right:0; background:url(../images/right_jt.png) no-repeat;;} .m_proDetail05 .bd .sections04{padding:20px 0 30px} .m_proDetail05 .bd .sections04 .infor{margin-bottom:20px;} .m_proDetail05 .bd .sections04 .infor .tit{font-size:20px; line-height:25px; margin-bottom:10px;;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2>div{width:9px; height:16px; background:url(../images/mobile/m_soluDetail04_jt.png) no-repeat; top:-39px;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2 .owl-prev {right:50px; background-position:0 0;} .m_proDetail05 .bd .sections04 .content .m_pro05_btn2 .owl-next {background-position:-9px -16px;} .m_proDetail05 .bd .sections04 .content .item .item_box{padding:15px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro {padding:0 5px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit{margin-bottom:10px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit span.xinghao{font-size:16px; line-height:20px; margin-bottom:0px; margin-top:5px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .tit span.name{font-size:14px; line-height:20px; padding-bottom:5px;} .m_proDetail05 .bd .sections04 .content .item .item_box .intro .con .con_text{font-size:13px; line-height:20px;} .m_footer_proD{background:#fff; height:66px; overflow:hidden;} .m_footer_proD .content{position:fixed; width:100%; height:66px; left:0; bottom:0; background:#fff; z-index:10; border-top:1px solid #f0f0f0;} .m_footer_proD .content .box{padding:13px 0;} .m_footer_proD .left{float:left;} .m_footer_proD .left span{display:inline-block; vertical-align:middle;} .m_footer_proD .left span.icon{width:27px;} .m_footer_proD .left span.tel{font-size:20px; line-height:40px; font-family:Impact; color:#fcb026;} .m_footer_proD .right{float:right; font-size:0;} .m_footer_proD .right .btns{display:inline-block; height:40px; line-height:40px; text-align:center; font-size:14px; /*padding:0 20px;*/ width:80px;} .m_footer_proD .right .btns01{background:#333f47; color:#fff; border-top-left-radius:40px; border-bottom-left-radius:40px; } .m_footer_proD .right .btns02{background:#fcb026; color:#333f47; border-top-left-radius:40px; border-bottom-left-radius:40px; border-top-right-radius:40px; border-bottom-right-radius:40px;} /* 视频中心 手机端*/ .m_videoList01{padding:20px 0;} .m_videoList01 ul{margin-bottom:0;} .m_videoList01 li .txt .box{padding:15px;} .m_videoList01 li .txt .box .t{font-size:14px; line-height:25px; height:50px;} .m_videoList01 .more_wrap{margin-bottom:20px;} /* 企业文化 手机端 */ .m_culture01{padding:20px 0;} .m_culture01 .tit1{font-size:20px; line-height:30px;} .m_culture01 .tit2{font-size:18px; line-height:20px; margin:2px 0 10px;} .m_culture01 .con{font-size:14px;} .m_culture02 .cover{top:20px;} .m_culture02 .cover .box{width:90%;} .m_culture02 .cover .tit{font-size:20px;} .m_culture02 .cover .con{font-size:18px; margin:0px 0 5px;} .m_culture02 .cover .txt{font-size:14px;} .m_culture03{padding:20px 0;} .m_culture03 .tit{font-size:20px; margin-bottom:5px; line-height:25px;} .m_culture03 .con{font-size:14px;} /*发展历程 手机端*/ .m_history01{padding:20px 0;} .m_history01 .tab_t li{font-size:14px; line-height:35px;} .m_history01 .tab_c ul{margin:20px 0 0;} .m_history01 .tab_c li{margin-bottom:20px;} .m_history01 .tab_c .txt .num{font-size:20px;} .m_history01 .tab_c .txt .tit{font-size:16px;} /*公司简介 手机端 */ .m_aboutUs01{padding:20px 0;} .m_aboutUs01 .tit{font-size:18px;} .m_aboutUs01 .con{font-size:20px; margin:0px 0 10px;} .m_aboutUs01 .txt{font-size:14px;} .m_aboutUs02{font-size:14px; padding:20px 0;} .m_aboutUs03{margin-bottom:20px;} .m_aboutUs03 .img{margin-bottom:20px;} .m_aboutUs03 .img .cover{width:65%;} .m_aboutUs03 .img .cover .box{padding:25px 15px;} .m_aboutUs03 .img .cover .box .t{font-size:20px; margin-bottom:5px;} .m_aboutUs03 .img .cover .box .c{font-size:14px;} /*订购咨询手机端*/ .m_orderForm01 .con{overflow:hidden;} .m_orderForm01 .tit{font-size:18px;} .m_orderForm01 .tit .no{font-size:20px; line-height:30px;} .m_orderForm01 .tit .name{line-height:30px;} .m_orderForm01 .info{font-size:15px;} .m_orderForm01{padding:20px 0;} .m_orderForm02{padding-top:15px;} .m_orderForm02 li{font-size:16px; line-height:40px; height:40px;} .m_orderForm02 li .inp,.m_orderForm02 li input,.m_orderForm02 .inp span{height:38px; line-height:38px} .m_orderForm02 li textarea{height:76px; line-height:38px} .m_orderForm02 .inp .list{font-size:14px;} .m_orderForm01 .l{margin-top:11%;} .m_orderForm02 li .inp{margin-left:100px;} .m_orderForm02 li .inp input,.m_orderForm02 li .inp textarea,.m_orderForm02 .inp span{font-size:15px;} .m_orderForm02 button{font-size:18px; line-height:40px; height:40px; border-radius:20px; max-width:50%;} /* 联系我们 非手机端定制 */ .contact_us01 .tit{font-size:20px; line-height:25px; margin-bottom:10px;} .contact_us01 .left .con{font-size:13px; line-height:20px; margin-bottom:20px;} .contact_us01 .left ul li{width:100%; margin-right:0; margin-bottom:10px;} .contact_us01 .left ul li:nth-child(2n){width:100%;} .contact_us01 .left ul li .c{height:auto;} .contact_us01 .left ul li .ewm{position:static; display:block; margin-top:0;} .contact_us01 .left ul li.gzh{display:inline-block; width:auto; margin-right:50px; display:none} .contact_us01 .left ul li.douyin{display:inline-block; width:auto; display:none} .contact_us01{margin-bottom:20px;} .contact_us02 .content{padding:20px 0;} .contact_us02 .content .tit{font-size:20px; line-height:25px;;} .contact_us02 .content .con{font-size:14px; margin-top:5px;} .contact_us03{margin-top:20px; padding-bottom:70px;} .contact_us03 ul li .tit{font-size:20px; line-height:25px;} .contact_us03 ul li .box .right dl dd{font-size:14px;;} .contact_us03 ul li.li_img .img_box{margin-top:20px;} .contact_us03 ul li.li_img .img_box .img_{width:60px; height:60px;} .contact_us03 ul li.li_img .img_box .txt{font-size:14px; line-height:20px; margin-top:5px;;} /* 荣誉资质 非手机端定制 */ .honor01 .infor .tit{font-size:20px; line-height:25px;} .honor01 .honor_list li{margin-bottom:15px;} .honor01 .infor .con li{line-height:25px;} .honor01 .content{margin-top:15px;} .honor {padding-bottom:110px;} .load_more span.icon{width:30px; height:30px; background-size:cover;} .load_more span.txt{font-size:16px; line-height:22px;} .zhizao .infor .tit{font-size:20px; line-height:25px;} .zhizao .honor_list li{margin-bottom:15px;} .zhizao .infor .con li{line-height:25px;} .zhizao .content{margin-top:15px;} .zhizao.channel_content{padding:20px 0;} .pics01_album .zhizao_list li{margin-bottom:15px;} /* 人才招聘 非手机端定制 */ .job_list {padding-bottom:110px;} .job_list01 .infor .tit{font-size:20px; line-height:25px; padding-bottom:15px;} .job_list01 .content{margin-top:20px;} .job_list01 .content .sele_wrap{width:100%; margin-bottom:15px; height:34px; line-height:34px; color:#555} .job_list01 .content .sele_wrap .sele{height:34px; line-height:34px;color:#555} .job_list01 .content .inp_box_wrap{width:100%; margin-bottom:15px; height:34px; line-height:34px;} .job_list01 .content .inp_box_wrap input{height:34px; line-height:34px;} .job_list01 .content .btns{width:100%;} .job_list01 .content .btns button{height:34px; line-height:34px; font-size:14px} .job_list01 .content .bd{margin-top:20px;} .job_list01 .content .bd .li_top .top_h{margin-bottom:5px;} .job_list01 .content .bd .li_top .top_l{padding-right:100px;} .job_list01 .content .bd .li_top .top_r{width:100px; line-height:110px;} .job_list01 .content .bd .li_top .top_r .see{font-size:18px;} .job_list01 .content .bd .li_top .top_d{font-size:13px; margin-right:0; line-height:20px;} .job_list01 .content .bd .li_top .tit{font-size:16px; padding-right:0; display:block} .job_list01 .content .bd .li_bottom .box{padding:20px} .job_list01 .content .bd .li_bottom .box .con{font-size:13px;} .job_list01 .content .bd .li_top .time1, .job_list01 .content .bd .li_top .time2{font-size:13px; line-height:20px;} .job_list01 .content .bd .li_bottom .send{margin-top:20px; padding:10px 20px; font-size:14px} /* 产品中心 */ .m_zjCenter{padding-top:0; background:#f8f8f8;} .m_zjCenter01 li {width:33.3%; float:left; border-bottom:1px solid #e8e9eb;} .m_zjCenter01 li .box{border-right:1px solid #e8e9eb; padding:15px;} .m_zjCenter01 li .box .icon{width:60px; height:60px; margin:0 auto;} .m_zjCenter01 li .box .txt{font-size:12px; color:#333f47; text-align:center; margin-top:5px;} .m_zjCenter01 li.li10, .m_zjCenter01 li.li11, .m_zjCenter01 li.li12{border-bottom:none} .m_ipart05 .content li a .icon{width:30px; height:30px; background-size:cover;} } @media only screen and (max-width: 375px) { /*mobileMode 375 网站样式*/ /*--------------------------------- 公共部分------------------------------------*/ .header_bott .h_tools .m_search{width:150px} .header_bott .h_tools .m_search button{height:14px; width:14px; background-size:cover; margin-top:-7px; left:12px} .header_bott .h_tools .m_search input{text-indent:30px;} .header_bott .h_logo {width:110px; padding:18px 0; height:24px;} .m_ipart01 .li .li_box .txt{font-size:12px} .zj_push .content .list a{padding:0 19px;} /*--------------------------------- 公共部分 end------------------------------------*/ } @media only screen and (max-width:320px){ /*--------------------------------- 公共部分------------------------------------*/ .m_xcbanner .m_intro{top:60px;} .header_bott .h_logo{height:22px 0 18px;} .header_bott .h_tools{padding:18px 0;} .header_bott .h_tools .m_search{width:auto;} .header_bott .h_tools .m_search input{display:none;} .header_bott .h_tools .m_search button{position:static; margin-top:0; width:24px; height:24px;} .zj_push .content .list a{padding:0 13px; height:30px; line-height:30px;} /*--------------------------------- 公共部分 end------------------------------------*/ /* 手机端 简介 */ .m_aboutUs03 .img .cover{width:75%;} .m_aboutUs03 .img .cover .box .t{margin-bottom:10px;} }