@charset "utf-8"; .clearfix:after{clear:both;display: block; content: "..."; visibility: hidden; height: 0; font-size: 0;} .clearfix{*zoom:1;} .searchtitle3{ margin-top:80px;width: 100%;position: relative;text-indent:12px; background:url(/template/mobile/images/product_pic.png) #0061b1 97% center no-repeat; background-size:auto 15%;} .searchtitle3 a{height:40px; display:block; width:100%; line-height:40px; color:#fff; text-decoration:none; text-align:center; font-size:14px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent;} .searchtitle3 ul{display: none;position: absolute;z-index: 10;width: 100%;top:40px; background-color:#f0f0f0; margin-right:0;} .searchtitle3 li{cursor: pointer; line-height:40px;color:#5a5a5a; text-align:center;} .searchtitle3 li a{ color:#333; border-bottom:1px solid #eee;} .searchtitle3 li:hover{background: #ddd; } .searchtitle3 li:hover a{} .searchtitle3 .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;} .searchtitle3 .closetitle img{ margin:0 auto; height:10px; width:auto;} /*关于long8*/ .about_t{ max-width:320px; margin:0 auto; margin-top:6%; background:url(/template/mobile/images/about_bg1.png) center top no-repeat; background-size:73% 60px;overflow:hidden; line-height:40px;color: #fb7f04;font-size:20px; letter-spacing:2px; padding-top:12px; text-align:center; } .about_t label{ display:block; color:#808080; font-size:12px; letter-spacing:10px; padding-left:15px;} .about_ul{ overflow:hidden; margin-bottom:30px;margin-top:15px;} .about_ul ul li{ display:block; overflow:hidden; margin-top:5%;} .about_ul ul li .imgs{ text-align:center;} .about_ul ul li .imgs img{ width:40%; max-width:192px; margin:0 auto;border-radius:50%;} .about_ul ul li .about_ul_txt{ width:96%; margin:0 auto;margin-top:7px; overflow:hidden; color:#4c4c4c; font-size:12px; line-height:16px;} .about_ul ul li .about_ul_txt h2{ font-size:16px; color:#fc9503; line-height:32px; margin-top:18px;} .about_ul ul li .about_ul_txt h2 label{ font-size:14px; color:#999999; font-weight:normal;} .about_ul ul li .about_ul_txt .p{overflow:hidden;} .about_ul ul li:hover{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8;} .about_con{ height:257px; background:url(/template/mobile/img/about_img4.jpg) center top no-repeat; line-height:26px; font-size:14px; color:#262626;overflow:hidden; text-align:center;} .about_con .about_txt{ overflow:hidden; margin-top:25px;} .about_con2{ overflow:hidden; margin-bottom:40px; margin-top:3%;} .about_con2 .imgs{ width:100%;overflow:hidden;} .about_con2 .imgs img{ width:100%;} .about_con2 .about_title2{ font-size:18px; color:#fb7f04; letter-spacing:2px; line-height:22px; margin-top:3%;} .about_con2 .about_title2 label{ color:#808080; font-size:12px; letter-spacing:1px; display:block;} .about_con2 h2{ font-size:16px; color:#808080; line-height:25px; margin-top:15px; margin-bottom:2%;} .about_con2 .p{ line-height:22px; font-size:14px; color:#4c4c4c; overflow:hidden;} /*企业文化*/ .company_con{ text-align:center; overflow:hidden; padding-top:24px;background:url(/template/mobile/img/company_img1.jpg) center top no-repeat; background-size:100% auto; margin-top:3%;} .company_con img{ margin:0 auto; width:100%;} .company_con2{ overflow:hidden; padding-bottom:60px; text-align:center;} .company_con2 img{ width:60%; margin:0 auto;margin-top:30px; max-width:262px;} .company_con2 .company_con2_r{ margin-top:30px;overflow:hidden; color:#1a1a1a; font-size:14px; line-height:24px; text-align:left;} .company_con2 .company_con2_r ul li{ display:block; margin-bottom:3%; padding-left:18px; overflow:hidden; background:url(/template/mobile/images/company_pic1.png) left 7px no-repeat;} /*公司动态*/ .news_t2{ height:96px; overflow:hidden; background:url(/template/mobile/images/news_bg1.png) left center repeat-x;text-align:center;} .news_t2 ul{ display:inline-block; margin-top:29px;/* height:36px;*/ border:1px solid #e7e7e7; border-radius:20px; background:#fff; padding-left:15px; padding-right:15px; } .news_t2.cont ul{ padding-left:5px; padding-right:5px; min-width:400px;} .news_t2.cont ul li{ margin-left:5px; margin-right:5px;} .news_t2 ul li{ display:inline-block; margin-left:15px; margin-right:15px; line-height:36px;} .news_t2 ul li a{ display:block; padding-left:26px; text-decoration:none; letter-spacing:1px;} .news_t2 ul li a:hover{border-bottom:1px solid #fc8a03;} .news_t2 ul li a#nsel{ border-bottom:1px solid #fc8a03; color:#fc8a03;} .news_t2 ul li.on a{ border-bottom:1px solid #fc8a03; color:#fc8a03;} .news_t2 ul li a.bgs1{padding-left:35px; background:url(/template/mobile/images/news_bg2.png) left center no-repeat;} .news_t2 ul li a.bgs1:hover{background:url(/template/mobile/images/news_bg2_on.png) left center no-repeat;} .news_t2 ul li a.bgs1#nsel{background:url(/template/mobile/images/news_bg2_on.png) left center no-repeat;} .news_t2 ul li a.bgs2{ background:url(/template/mobile/images/news_bg3.png) left center no-repeat;} .news_t2 ul li a.bgs2:hover{ background:url(/template/mobile/images/news_bg3_on.png) left center no-repeat;} .news_t2 ul li a.bgs2#nsel{ background:url(/template/mobile/images/news_bg3_on.png) left center no-repeat;} .news_t2 ul li a.jgs1{background:url(/template/mobile/images/job_bg1.png) left center no-repeat;} .news_t2 ul li a.jgs1:hover{background:url(/template/mobile/images/job_bg1_on.png) left center no-repeat;} .news_t2 ul li a.jgs1#nsel{background:url(/template/mobile/images/job_bg1_on.png) left center no-repeat;} .news_t2 ul li a.jgs2{ padding-left:34px; background:url(/template/mobile/images/job_bg2.png) left center no-repeat;} .news_t2 ul li a.jgs2:hover{ background:url(/template/mobile/images/job_bg2_on.png) left center no-repeat;} .news_t2 ul li a.jgs2#nsel{ background:url(/template/mobile/images/job_bg2_on.png) left center no-repeat;} .news_t2 ul li a.cgs1{background:url(/template/mobile/images/contact_pic1.png) left center no-repeat; background-size:auto 50%; padding-left:18px;} .news_t2 ul li a.cgs1:hover{background:url(/template/mobile/images/contact_pic1_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li.on a.cgs1{background:url(/template/mobile/images/contact_pic1_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li a.cgs2{ padding-left:22px; background:url(/template/mobile/images/contact_pic2.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li a.cgs2:hover{ background:url(/template/mobile/images/contact_pic2_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li.on a.cgs2{ background:url(/template/mobile/images/contact_pic2_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li a.cgs3{ padding-left:22px; background:url(/template/mobile/images/contact_pic3.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li a.cgs3:hover{ background:url(/template/mobile/images/contact_pic3_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li.on a.cgs3{ background:url(/template/mobile/images/contact_pic3_on.png) left center no-repeat;background-size:auto 50%;} .news_t2 ul li a.sgs1{background:none; padding-left:0; font-weight:bold; font-size:16px; line-height:46px;} .news_t2 ul li a.sgs1:hover{background:none;border-bottom:2px solid #fc8a03;} .news_t2 ul li.on a.sgs1{background:none;border-bottom:2px solid #fc8a03;} .news_ul{ overflow:hidden;} .news_ul ul li{ width:46%; margin-left:2%; margin-right:1%;border-left:1px solid #f0f0f0; border-radius:6px;float:left; background-color:#ffffff; overflow:hidden;box-shadow:0px 0 0px #edf1f3, /*左边阴影*/ 3px 0 3px #edf1f3, /*右边阴影*/ 0 0px 0px #edf1f3, /*顶部阴影*/ 0 3px 3px #edf1f3; /*底边阴影*/ padding-bottom:10px; list-style:none; margin-bottom:3%;} .news_ul ul li:last-child{ margin-right:0;} .news_ul ul li a{ text-decoration:none;} .news_ul ul li .imgs{/*display: block;*/width: 100%; overflow:hidden;} .news_ul ul li .imgs img{width:100%;-webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;} .news_ul ul li .i_news_con{ padding-left:10px; padding-right:10px; border-bottom:1px solid #cccccc; margin-top:3%; padding-bottom:10px;} .news_ul ul li .i_news_con h2{ height:30px; line-height:30px; overflow:hidden; color:#262626; font-size:16px;} .news_ul ul li .i_news_con em{ display:block; height:20px; line-height:20px; overflow:hidden; color:#b2b2b2; font-size:12px;} .news_ul ul li .i_news_con p{ font-size:14px; color:#999999; line-height:24px; margin-top:15px; height:72px; overflow:hidden;} .news_ul ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .news_ul ul li:hover h2{ color:#fb6708;} .news_ul ul li:hover .i_news_con{ border-bottom:1px solid #fb6708;} .news_t3 em{ line-height:20px; font-size:12px; height:25px; color:#b2b2b2; float:left; font-style:normal;text-align:center; width:100%; border-bottom:1px solid #ddd;} .news_t3 .h2{ font-size:16px; color:#fb6708; clear:both; line-height:25px;font-family:"微软雅黑";font-weight:normal; margin-bottom:7px; text-align:center;} .news_con{ line-height:22px; font-size:14px; clear:both; padding-top:3%; padding-bottom:30px;} .news_con img{width:100%; margin-bottom:20px;} .reg_bnt4{ padding-left:2%; padding-right:2%; height:36px; line-height:36px; display:block;margin-bottom:20px; background-color:#fc8c03; color:#fff; text-align:center; font-size:13px; overflow:hidden; border-radius:6px;} .reg_bnt4:hover{color:#fff;} /*人才招聘*/ .job_title2{ overflow:hidden; line-height:24px;} .job_title2 dt{width:100%; overflow:hidden; color:#666666; font-size:15px; font-weight:bold;margin-bottom:3%;} .job_title2 dd{width:100%; overflow:hidden;} .job_title2 dd a{ display:inline-block;font-size:12px; color:#666666; padding-left:3%; padding-right:3%; border-radius:20px; margin-right:3px; text-decoration:none; margin-bottom:5px;} .job_title2 dd a:hover{background-color:#fc920f; color:#fff;} .job_title2 dd a:last-child{ margin-right:0;} .job_title2 dd a.bsel{ background-color:#fc920f; color:#fff;} .job_table{ border:1px solid #e6e6e6; overflow:hidden; margin-top:25px; margin-bottom:10px; border-bottom:0;} .job_table table{border-collapse:collapse;border-spacing:0;} .job_table table th{ height:52px; color:#333333; font-size:14px; border-bottom:1px solid #e6e6e6; text-align:left;} .job_table table th:nth-child(3n+0){text-align:center; padding-right:20px;} .job_table table th:first-child{padding-left:20px;} .job_table table td{ height:50px; border-bottom:1px solid #e6e6e6; font-size:12px; color:#666666; text-align:left;} .job_table table tr td:first-child{ padding-left:20px;} .job_table table tr td:nth-child(3n+0){ text-align:center; padding-right:20px;} .job_table table tr td a{ display:block; width:76px; height:23px; line-height:23px; background:#e7e7e7; color:#666666; text-decoration:none; border-radius:20px;} .job_table table tr:hover td{ background:#fff5e8;color:#fc8a03;} .job_table table tr:hover td .a{ background:#fc920f; color:#fff;} /*联系方法*/ .conatct_con{ overflow:hidden; padding-bottom:50px;} .conatct_con .conatct_div{ display:none;} .conatct_con .cone{ border-top:1px dashed #cdcdcd; padding-top:10px; line-height:34px; font-size:16px; color:#666666; display:block;} .conatct_con .cone .map{ padding-top:10px; overflow:hidden;} .conatct_con .cone .map .imgs{ max-width:100%;} .conatct_con .ctwo{ border-top:1px dashed #cdcdcd; padding-top:10px; line-height:34px; font-size:16px; color:#666666;} .conatct_con .ctwo .map{ padding-top:10px; overflow:hidden;} .conatct_con .ctwo .map .imgs{ max-width:100%;} .conatct_con a{ text-decoration:none;color:#666666;} .conatct_con a:hover{ color:#fc8a03;} .conatct_con .cthree .imgs{ width:100%; } .conatct_con .cthree .contact_cthree_r{ width:100%; overflow:hidden; padding-top:3%;} .conatct_con .cthree .contact_cthree_r h2{ height:32px; border-bottom:1px dashed #e6e6e6; color:#666666; font-size:16px; padding-left:30px;} .conatct_con .cthree .contact_cthree_r h2.bgs1{ background:url(/template/mobile/images/contact_ico1.png) left 3px no-repeat;} .conatct_con .cthree .contact_cthree_r h2.bgs2{ background:url(/template/mobile/images/contact_ico2.png) left 3px no-repeat;} .conatct_con .cthree .contact_cthree_r h2.bgs3{ background:url(/template/mobile/images/contact_ico3.png) left 3px no-repeat;} .conatct_con .cthree .contact_cthree_r .p{ padding-left:30px; line-height:40px; margin-bottom:22px; font-size:14px; color:#666666;} .conatct_con .cthree .contact_cthree_r img{ max-width:100%;} /*供应商*/ .supplier_one{ margin:0 auto; width: 100%; padding-bottom: 50px;color: #666;position: relative;} .supplier_one ul{ margin:0 auto; } .supplier_dxyz{/*position: absolute;right:20px; top: 649px;*/ float:right; margin-top:-39px; position:relative; margin-right:1%; height: 36px;width: 90px;background: #f3b45d;color: #fff; text-align: center; line-height: 36px; cursor: pointer; } #time_show{background: #ccc; display:none;} .supplier_one ul li{width: 100%; clear:both; height: 75px; line-height: 36px; display:block;} .supplier_one .sfzhm01{display: none;} .supplier_one ul li span{ height: auto; float:left; line-height:36px;color: #555; width:99%; text-align: left;float: left; margin-right: 1%; } .supplier_one ul li strong{color: #f60;margin-right: 6px;} .supplier_one .supplier_c strong{color: #f60;margin-right: 6px;} .supplier_one ul li .txbg{olor: #999; background: #fff; border:none; width: 98%; height: 36px; line-height: 36px;box-shadow: inset 0px 0px 2px #d1d1d1;font-size:12px; padding-left: 1%;} .supplier_one .supplier_c{width: 100%; height:58px; line-height: 36px; margin: 0 auto;} .supplier_one .supplier_c .supplier_c_xz{margin-right: 10px;} .supplier_one .supplier_c .supplier_c_a{color: #f60;} .supplier_one .supplier_c span{ float:left; height: 36px; margin-right: 30px; } .supplier_one .supplier_c span input{float:left; margin-right: 10px; margin-top: 12px; background: #f7a160; } .supplier_one .btn,.supplier_two .btn{text-align: center; margin-top: 20px;} .supplier_one .btn input,.supplier_two .btn input{width: 100px;height: 36px; background: #f3b45d; color:#FFFFFF; font-size:14px; cursor:pointer;border: 1px solid #fff;} .supplier_one .btn input:hover,.supplier_two .btn input:hover{ box-shadow: 2px 3px 3px #ddd;} .supplier_one .description{position: relative; width: 94%;height: 36px;line-height: 36px;color: #999;text-align: left;padding-left: 10px; border: 1px solid #eee;background: #fafafa;} .supplier_one .scfj{cursor: pointer; height: 38px;width: 60px; position: absolute;left: 82%; z-index: 10; opacity: 0; margin-top:36px;} .supplier_one .scfji{z-index: 0;background: #ccc; font-size: 14px; line-height: 38px; text-align: center;height: 38px;width: 60px; position: absolute;/*left: 82%; */ right:1%;margin-top:36px;} .supplier_one .scfj:hover .scfji{background: #f60;} .supplier_one ul li .jyms{margin-left: 2%;} .supplier_two{width: 100%; padding-bottom: 50px; margin:0 auto; } .supplier_two input{ border: none; background: none; border-bottom: 1px solid #ccc; height: 36px; width: 97%; padding: 0 1%;} .supplier_two strong{ margin-right: 6px; color: #f60; } .supplier_two span{ width: 99%;display: inline-block;text-align: left; margin-right: 1%;} .supplier_two .supplier_c{margin-top: 30px;} .supplier_two .supplier_c p{height: 25px; } .supplier_two .supplier_c textarea{width: 93%; max-width: 468px;height: 260px; max-height: 260px; padding: 10px 2%; color: #666; border: 1px solid #eee;} .supplier_two ul li{ line-height: 36px; margin-bottom: 30px;} /*分页*/ .yema{text-align:center;padding: 40px 0 45px 0;overflow:hidden; height:30px;} .yema a{ padding:3px 10px; border:#ccc 1px solid; margin:0 1px; font-size:14px; color:#333; font-family:"微软雅黑";} .yema a:hover{ padding:3px 10px; background:#fc8a03; margin:0 1px; font-size:14px; color:#fff; border:#fc8a03 1px solid; text-decoration:none;} a.ok{color:#fff !important; border:#fc8a03 1px solid !important; background:#fc8a03;} a.ok:hover{color:#fff !important; border:#fc8a03 1px solid !important;} @media screen and (max-width:480px) { /*关于long8*/ .searchtitle3{ margin-top:70px;} .about_t{background-size:53% 40px;font-size:18px; padding-top:2px;} .about_t label{ letter-spacing:5px; line-height:26px;} /*联系long8*/ .news_t2.cont ul{min-width:350px;} } @media screen and (max-width:320px) { /*联系long8*/ .news_t2.cont ul{ padding-left:0; padding-right:0; min-width:310px;} .news_t2.cont ul li{ margin-left:2px; margin-right:2px; font-size:12px;} } .xuzhi{text-align: center;width: 160px;margin: 20px auto 35px;height: 35px;} .xuzhi a{width: 160px;height: 35px;line-height: 35px;background: #FC8C03;color:#fff;border-radius: 8px;display: inline-block; letter-spacing:1px;font-size:14px;} .xuzhi a:hover{text-decoration: none;background:#E4840E} .supps span{width: 49% !important;}