/* CSS Document */ /* 首页焦点图 */ .fullSlide{ position:relative; overflow:hidden; z-index:1; background:#000; margin:0 auto; } .fullSlide .bd{ position:relative; z-index:0; } .fullSlide .bd li img{width:100%; vertical-align:top; } .fullSlide .hd{ display:none; position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px; text-align:center; background:#000; filter:alpha(opacity=60);opacity:0.6 } .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0; } .fullSlide .prev,.fullSlide .next { position:absolute; display:block; top:50%; width:55px; height:55px; margin:-28px 0 0 0; float:left; background:url(../img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4} .fullSlide .prev {left:3%;} .fullSlide .next {right: 3%; background-position: right;} .fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 } .proli { width:100%;} .proli .pro1 { width:45%; float:left;} .proli .pro2 { width:27.5%; float:left;} .proli .pro3 { width:27.5%; float:left;} .main1 { /*background-image:url(../image/i_1_127.jpg);*/ background-size:100% 100%;height:100%; } .container .list-flex .col ul li img{width:510px;height:340px;} .index_news .n-5 a { display:block; height:100%; width:100%; position:relative; z-index:1;} .index_news .n-5 a img { width:100%; max-width:100%; height:auto;} .index_news .n-5 a h2 { line-height:60px; height:60px; overflow:hidden; font-size:16px; text-align:center; background:url(../img/green_bg.png) left bottom repeat-x; background-size:100% 100%; color:#fff; position:absolute; left:0; bottom:0; right:0; font-weight:normal;} .index_news .n-7 .main1_2 { /*padding:20px 30px 0; width:85%;*/} .main1_2 .inhd,.main1_2 .inhd,.main1_3_4 .inhd { height:50px; margin-top:-10px; border-bottom:1px solid #dddddd;} .main1_2 .inhd a,.main1_2 .inhd a,.main1_2 .inhd a { float:left; display:block; text-align: center;/*margin-right:10px; padding:0 20px;*/ color:#666; margin-bottom:-1px; border-bottom:1px solid #cce5f7; font-size:16px; font-weight:normal; height:50px; line-height:50px;} .main1_2 .inhd a.active,.main1_2 .inhd a.active,.main1_2 .inhd a.active { float:left; display:block;text-align: center; /*margin-right:10px; padding:0 20px;*/ color:#26377f; margin-bottom:-1px; border-bottom:2px solid #26377f; font-size:18px; height:50px; line-height:50px;} .main_news { padding-top:5px;} .main_news .top-news-1{ line-height:30px; font-size:16px; margin-left:10px;} .main_news .top-news-1 a { color:#666;} .main_news .top-news-1 .p-title{color:#fff;} .main_news .top-news-1 .n-title{font-size:18px;color:#26377f;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .main_news .top-news-2{font-size: 14px;color:#666666;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .main_news ul li { height: 40px; line-height: 20px; font-size: 16px; margin-left: 10px; } .main_news ul li .n_represent { font-size: 14px; color: #666666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2s; -webkit-box-orient: vertical; } .main_news ul li a { color: #666; } .main_news ul li a:hover { color:#26377f;font-weight:bold;} .main_news ul li.first { height:auto; margin-left:0; padding-left:10px; background:none;} .main_news ul li.first h2 a { font-size:15px; color:#26377f; font-weight:normal; line-height:30px;} .main_news ul li.first h2 a.hover { color:#000;} .main_news ul li.first p { line-height:20px; height:40px; overflow:hidden; color:#888; font-size:12px; padding-bottom:10px; background:url(../img/line_pic1.png) left bottom repeat-x;} .main_news ul li span { height:30px; line-height:30px;float:right; color:#999; font-size:13px;} .main_news ul a.more { width:200px; height:40px; line-height:40px; border:1px solid #999; text-align:center; border-radius:40px; color:#999; display:block; margin:0 auto; font-size:16px;} .main_news ul a.more:hover { color:#fff; border:1px solid #26377f; background:#26377f;} .main_title { text-align:center; padding:30px 0;} .main_title h2 { font-size: 34px; letter-spacing: 7px; line-height: 36px; color: #0a4ea0; } .main_title h3 { font-size:20px; color:#9a9a9a; line-height:26px; font-weight:normal;text-transform:uppercase;} @media screen and (max-width:767px) { .main_title { text-align:center; padding:20px 0;} } .main2 { padding-bottom:50px; background:#fff;} .main2 p { width:100%;} .main2 p img {width:100%;max-width:100%;height:auto;} /*.main2_infor { margin-right:-30px;} .main2_infor .con2 { width:49%; float:left; margin-right:1%;} */ .main3 { padding-bottom:50px; background:url(../img/bg2.jpg) center top no-repeat; background-size:100% auto;} .main3_infor ul li a { display:block; color:#444; width:100%;} .main3_infor ul li a img { width:100%; height:auto;} .main3_infor ul li a .main3pro { min-height:160px; padding:0 10px; background:url(../img/white_bg2.png);} .main3_infor ul li a .main3pro h2 { text-align:center; line-height:30px; font-size:16px; padding-top:20px;text-overflow:ellipsis; } .main3_infor ul li a:hover { color:#fff;} .main3_infor ul li a:hover .main3pro { background:#26377f;} .main3_infor ul li a .main3pro p { line-height:24px; height:48px; overflow:hidden;} .main3_infor ul li a .main3pro span { font-size:14px; height:30px; line-height:30px; margin:0 auto; border:1px solid #ddd; text-align:center; width:150px; border-radius:40px; display:block; margin-top:10px;} .main3_infor ul li a:hover .main3pro span { border:1px solid #fff;} .pics img { width:100%; max-width:100%; height:auto; } ul.case_list li { padding:15px 10px; border-bottom:1px solid #fff;} ul.case_list li:hover { background: rgba(115,195,0,1);} ul.case_list li a { line-height:30px; color:#fff; font-size:15px; display:block;} ul.case_list li p { line-height:20px; color:#fff; } /*news*/ .news1 {} .news1 a span { height:40px; line-height:40px; font-size:18px; display:block; color:#fff; overflow:hidden; background:#787878; padding:0 20px;} .news1 a:hover span { background:#26377f;} .news1 picture { width:100%;} .news1 picture img { width:100%; max-width:100%; height:auto;} .news2 { padding:20px 0; background:#f5f5f5;} .news_list { padding-top:20px;} .news_list ul li { } .news_list ul li a { display:block; height:auto;border:2px solid #fff; background:#fff;padding:10px 20px;} .news_list ul li a:hover { border:2px solid #26377f;} .news_list ul li h2 { width:100%; font-size:16px; font-weight:normal; color:#558f3f; line-height:24px;} .news_list ul li h3 { width:100%; font-size:14px; font-weight:normal; line-height:20px; color:#888; margin-bottom:10px;} .news_list ul li p { width:100%; color:#666; line-height:24px;} .news_list ul li p img {width:100%;max-width:100%;height:auto; margin-bottom:10px;} .news_list ul li p span { height:40px; line-height:40px; display:block; color:#333;} .news_list a.more { height:50px; font-size:20px; color:#333; line-height:50px; text-align:center; border-top:1px solid #ddd; font-size:20px; text-align:center; display:block;} .news_list2 {} .news_list2 dl { padding:40px 0; border-bottom:1px solid #eee;} .news_list2 dl dt { width:30%; float:left; padding-right:4%;} .news_list2 dl dt img {width:100%;max-width:100%;height:auto; } .news_list2 dl dd {} .news_list2 dl dd h2 { font-size:25px; font-weight:normal; height:40px; line-height:40px;} .news_list2 dl dd p { padding:15px 0 0 0; line-height:30px; font-size:16px;} .news_list2 dl dd p span { height:30px; line-height:30px; display:block; color:#999; padding-top:20px;} /*aboutus*/ .aboutus1 { margin:0;} .aboutus1 .col.n-4 { background:#fff; padding:20px 40px; } .aboutus1 .col.n-8 { padding:0; } .aboutus1_1 { width:100%;} .aboutus1_1 h2 { font-size:24px; padding-bottom:20px; font-weight:normal; height:40px; line-height:40px;} .aboutus1_1 p { line-height:24px; padding-bottom:10px; color:#888;} .aboutus1_1 a.more { height:60px; font-size:20px; line-height:60px; display:block; float:left; padding-right:90px; background:url(../img/right1.png) right center no-repeat; background-size:auto 100%;} .aboutus1_2 { width:100%; height:auto;} .aboutus1_2 img {width:100%;max-width:100%;height:auto; } .aboutus2 { margin:0;} .aboutus2 .col.n-5 { padding:0;} .aboutus2 .col.n-7 { background:#fff; padding:20px 40px; } .aboutus2 .aboutus1_1 ul { padding-left:10px;} .aboutus2 .aboutus1_1 ul li { width:47%; font-size:14px; float:left; margin-right:3%; border-bottom:1px solid #eee; line-height:50px;} .aboutus2 .aboutus1_1 ul li a { display:block; line-height:50px;} .aaa1 { width:100%;background:url(../img/bg0.png) right top no-repeat #2c4709; background-size:auto 100%; } .aboutus_infor { margin:0; padding:20px 30px; font-size:14px; line-height:24px; color:#fff;} .history { position:relative;} .history .prev,.history .next { position:absolute; display:block; top:30%; width:60px; height:60px; margin:-30px 0 0 0; float:left; filter:alpha(opacity=40);opacity:0.4} .history .prev {left:0; background:url(../img/left1.png) no-repeat; background-size:100% 100%;} .history .next {right:0; background:url(../img/right1.png) no-repeat; background-size:100% 100%;} .history .prev:hover,.history .next:hover{ filter:alpha(opacity=100);opacity:1 } .history .bd { min-height:200px; padding:0 100px;} .history .bd ul li { width:100%; float:left; height:200px;} .history .bd ul li .his1 { width:200px; float:left; padding-right:20px;} .history .bd ul li .his1 img {width:190px;height:190px; border:5px solid #ddd; border-radius:300px; } .history .bd ul li .his2 { padding-left:240px;} .history .bd ul li .his2 h2 { height:40px; font-size:18px; line-height:40px; font-weight:normal;} .history .bd ul li .his2 p { line-height:24px; color:#888; font-size:14px;} .history .hd { height:80px; text-align:center; margin-left:0; background:url(../img/his_bg3.png) left bottom repeat-x;} .history .hd ul { margin-left:0;} .history .hd ul li { -webkit-flex: 1; cursor:pointer; flex:1; height:60px; padding-bottom:20px; background:url(../img/his_bg2.png) center bottom no-repeat; } .history .hd ul li a { height:30px; font-size:16px; line-height:30px; display:block; padding-top:10px; width:100%; color:#888;} .history .hd ul li.on { background:url(../img/his_bg1.png) center bottom no-repeat;} .history .hd ul li.on a { height:40px; line-height:40px; display:block; font-size:22px; padding-top:0; background:#26377f; color:#fff;} .rongyu_list { padding:20px; background:#fff;} .rongyu_list li.col a { max-width:300px; display:block; margin:0 auto; text-align:center; line-height:40px;} .rongyu_box { background:#fff;} .ry_title.list-flex { background:#efefef; color:#666; border:1px solid #ddd; margin-left:0;} .ry_title .col { text-align:center; height:40px; padding-bottom:0; padding-left:0;} .ry_title .col span { width:100%; line-height:40px; display:block; text-align:center;color:#333; font-size:14px;} .ry_pic { padding:40px; text-align:center; line-height:50px; color:#333; font-size:16px;} .ry_pic img { max-width:100%; height:auto;} /*service*/ .service_title { border-bottom:3px solid #eee;} .service_title .list-flex { margin-left:0; text-align:center;} .service_title .list-flex a {-webkit-flex: 1; flex:1; margin-left:-1px; border-left:1px solid #ddd; border-right:1px solid #ddd; height:180px; font-size:18px; color:#888; line-height:30px; display:block; border-bottom:3px solid #fff; } .service_title .list-flex a.on { border-bottom:3px solid #26377f; color:#333; } .service_title .list-flex a span { height:60px; line-height:60px; width:60px; filter:alpha(opacity=40);opacity:0.4; display:block; margin:40px auto 0 auto;} .service_title .list-flex a span img {width:100%;max-width:100%;height:auto; } .service_title .list-flex a.on span {filter:alpha(opacity=100);opacity:1; } .service_search { height:50px; padding-bottom:20px; } .service_search label { padding-bottom:0; position:relative;} .service_search label select { padding-left:10px; width:100%; border:1px solid #fff; border-radius:5px; font-size:16px; color:#888;} .service_search label input.search_text { width:100%; padding-left:2%;border:1px solid #fff; border-radius:5px; font-size:16px; color:#888; } .service_search label input.search_btn { height:40px; line-height:40px; width:40px; display:block; position:absolute; top:5px; right:5px; border:none; background:url(../img/ico_search2.png) center center no-repeat; cursor:pointer;} .help_infor { background:#fff; padding:20px 20px 0 20px;} .help_box { height:auto; padding-bottom:20px;} .help_box .help_title { height:55px; background:#f1f1f1; padding:0 20px;} .help_box .help_title h2 { float:left; height:55px; line-height:55px; font-size:16px; font-weight:normal;} .help_box .help_title a.more { width:55px; line-height:55px; height:55px; display:block; float:right; background: url(../img/up_icon2.png) center center no-repeat;} .help_box .help_title a.more1 { width:55px; line-height:55px; height:55px; display:block; float:right; background: url(../img/down_icon2.png) center center no-repeat;} .help_box table { margin:20px auto; width:96%; color:#888;} .help_box table tr th { background:#f7f7f7; height:40px; line-height:40px; padding-left:10px; text-align:left; font-size:14px; font-weight:normal;} .help_box table tr td { border-bottom:1px solid #eee; padding:5px 10px; line-height:30px; font-size:14px;} .down_infor { background:#fff; padding:20px;} .down_infor ul li { border-bottom:1px solid #eee;} .down_infor ul li a { line-height:80px; display:block; padding-left:40px; font-size:16px;} .down_infor ul li a:hover { background:#f4f4f4;} .down_infor ul li a span { width:40px; height:40px; display:block; float:right; margin-top:20px; margin-right:20px;} .down_infor ul li a span.pdf { background:url(../img/pdf.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.word { background:url(../img/word.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.excel { background:url(../img/xls.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.rar { background:url(../img/rar.png) no-repeat; background-size:100% 100%;} .map_pic { float:right; border:1px solid #ddd; margin-left:20px;} /*solution*/ .solution_box ul.list-flex { margin-left:-20px;} .solution_box ul.list-flex li { padding:0 0 20px 20px;} .solution_box ul.list-flex li a { height:auto; display:block; width:100%; position:relative;} .solution_box ul.list-flex li a span { height:45px; line-height:45px; text-align:center; background: rgba(255,255,255,0.8); display:block; position:absolute; left:0; bottom:-1px; right:0; color:#666; font-size:15px;} .solution_box ul.list-flex li a:hover span { background: rgba(110,195,0,0.8); color:#fff;} .solution_box ul.list-flex li a.s_end { line-height: auto; display: -webkit-flex; display: flex; align-items:center; background: rgba(110,195,0,0.5); color:#fff; } .solution_box ul.list-flex li a.s_end:hover { background: rgba(110,195,0,1); color:#fff;} .solution_box ul.list-flex li a.s_end p { width:100%; text-align:center; font-size:35px;} .case_pics { max-width:500px; margin:0 auto; position:relative;} .case_pics .bd { width:100%; margin-bottom:10px;} .case_pics .bd ul li img { width:100%; max-width:100%; height:auto;} .case_pics .hd ul li a { display:block;border:2px solid #ddd; width:100%;} .case_pics .hd ul li a img { width:100%; max-width:100%; height:auto; } .case_pics .hd ul li.on a {border:2px solid #26377f;} /*product*/ .prod_list ul.list-flex { margin-left:-20px;} .prod_list ul.list-flex li { padding:0 0 20px 20px;} .prod_list ul.list-flex li a { width:100%; display:block; border:2px solid #fff; padding-bottom:20px; text-align:center; background:#fff;} .prod_list ul.list-flex li a img { width:100%; max-width:100%; height:auto; } .prod_list ul.list-flex li a:hover {border:2px solid #26377f;} .prod_list ul.list-flex li a h2 { font-size:14px; line-height:30px; padding:0 15px; padding-top:20px;} .prod_list ul.list-flex li a:hover h2 { font-size:16px; line-height:30px; color:#333;} .prod_search { height:50px; padding-bottom:20px; margin-left:-20px;justify-content: flex-end;} .prod_search label { padding-bottom:0; position:relative; padding:0 0 0 20px;} .prod_search label select { padding-left:10px; width:100%; border:1px solid #fff; border-radius:5px; font-size:16px; color:#888;} .prod_search label input.search_text { width:100%; padding-left:2%;border:1px solid #fff; font-size:16px; color:#888; } .prod_search label input.search_btn { height:40px; line-height:40px; width:40px; display:block; position:absolute; top:5px; right:5px; border:none; background:url(../img/ico_search2.png) center center no-repeat; cursor:pointer;} .prod_pics { padding:20px 20px 10px 20px; border:1px solid #eee; width:45%; max-width:540px; float:left;} .prod_pics img { width:100%; max-width:100%; height:auto;} .prod_pics .bd { margin-bottom:20px;} .prod_pics .hd a { display:block; border:1px solid #eee;} .prod_pics .hd a:hover,.prod_pics .hd ul li.on a { border:2px solid #ff6700;} .prod_infor { width:50%; max-width:520px; padding-left:20px; float:right;} .prod_infor h2 { color:#333; font-size:26px; line-height:34px; padding-bottom:20px; border-bottom:1px solid #eee;} .prod_infor .price { padding:20px 0; border-bottom:1px solid #eee;} .prod_infor .price strong { font-size:25px; color:#ff6700; line-height:30px; padding-right:25px;} .prod_infor .price span { font-size:16px; color:#888;text-decoration:line-through; padding-top:10px;} .prod_infor p { padding-top:20px; line-height:30px; font-size:14px;} .prod_infor ul.list-flex {} .prod_infor ul.list-flex li {} .prod_infor ul.list-flex li a { display: block; height:60px; font-size:14px; line-height:60px; border:1px solid #eee;} .prod_infor ul.list-flex li a.on,.prod_infor ul.list-flex li a:hover { border:1px solid #ff6700;} .prod_infor ul.list-flex li a img { width:auto; height:60px; max-height:60px;} .prod_infor ul.list-flex li a span { padding:0 10px;} .prod_infor a.order { height:50px; line-height:50px; display:block; font-size:20px; text-align:center; max-width:260px; background:#ff6700; color:#fff;} .prod_infor a.order:hover { background:#26377f;} .prod_infor a.down { height:40px; line-height:40px; padding-left:30px; background:url(../img/down_icon3.png) -5px center no-repeat; font-size:14px;} .prod_infor2 .list-flex { margin-left:0;} .prod_infor2 ul.list-flex li.col { padding:0 0; border-left:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; margin-left:-1px;} .prod_infor2 ul.list-flex li.col a { height:40px; line-height:40px; border-top:2px solid #eee; background:#f7f7f7; color:#333; font-size:15px; display:block; text-align:center; width:100%;} .prod_infor2 ul.list-flex li.col.on a { background:#fff; border-top:2px solid #ff6700;} .prod_infor2 .prod img { max-width:100%; height:auto;} .pro_menus { background:#26377f;} .pro_menus ul li { height:40px; line-height:40px; font-size:14px; float:left;} .pro_menus ul li a { height:30px; line-height:30px; display:block; padding:0 15px; color:#fff; margin-top:5px;} .pro_menus ul li a:hover { color:#fff; background:#5da500;} .pro_menus ul li a.on { color:#fff; background:#5da500; } @media screen and (max-width: 1024px) { .main1_2 .inhd a,.main1_2 .inhd a,.main1_2 .inhd a { /*padding:0 10px;*/} .main1_2 .inhd a.active,.main1_2 .inhd a.active,.main1_2 .inhd a.active { float:left; display:block; /*margin-right:10px; padding:0 10px;*/ color:#26377f; margin-bottom:-1px; border-bottom:2px solid #26377f; font-size:16px; height:50px; line-height:50px;} .main1 .n-5 { width:100%;} .main1 .n-7 { width:100%;} .index_news .n-7 .main1_2 { padding:10px 10px 0; width:100%;} .main_news ul li.first p { display:none;} .main2 { padding:0 10px 20px;} .main2 .n-4 { width:100%; text-align:center;} .main2 .n-4 img { width:auto; height:auto;} .news_list2 { padding-left:10px;} .news_list2 dl { padding:25px 0;} .news_list2 dl dd h2 { font-size:20px; font-weight:normal; height:30px; line-height:30px;} .news_list2 dl dd p { padding:15px 0 0 0; line-height:24px; font-size:14px;} .news_list2 dl dd p span { height:24px; line-height:24px; display:block; color:#999; padding-top:20px;} .aboutus1 .col.n-4 { padding:10px 20px; } .aboutus1_1 h2 { font-size:20px; font-weight:normal; height:30px; line-height:30px;} .aboutus1_1 p { line-height:20px; color:#888;} .aboutus1_1 a.more { height:40px; font-size:16px; line-height:40px; display:block; float:left; padding-right:90px; background:url(../img/right1.png) right center no-repeat; background-size:auto 100%;} .aboutus2 .col.n-7 { padding:10px 20px; } .history .bd { min-height:140px; padding:0 80px;} .history .bd ul li { width:100%; float:left; height:140px;} .history .bd ul li .his1 { width:140px; float:left; padding-right:20px;} .history .bd ul li .his1 img {width:134px;height:134px; border:3px solid #ddd; border-radius:300px; } .history .bd ul li .his2 { padding-left:160px;} .history .bd ul li .his2 h2 { height:30px; font-size:16px; line-height:30px; font-weight:normal;} .history .bd ul li .his2 p { line-height:20px; color:#888; font-size:13px;} .solution_box ul.list-flex li a.s_end p { font-size:20px;} .case_pics { padding:0 10px;} .prod_list { padding:0 5px;} .prod_list ul.list-flex li.n-3 { width:33%;} .prod_search { padding: 0 15px; margin-bottom:10px;} .prod_search label.n-3 { width:33%; } .prod_pics { padding:10px 10px 0 10px;} .prod_infor { width:50%; padding-left:1px;} } @media screen and (max-width: 1200px) { .map_select { width:260px; padding:0 20px; position:absolute; left:0; margin-left:0; } } @media screen and (max-width: 1150px) { .prod_pics { padding:10px 10px 0 10px;} .prod_infor { width:50%; padding-left:1px;} } @media screen and (max-width: 978px) { .main3 { height:auto; background:none; padding:0 10px;} .main3_infor ul li.n-3 {width:50%;} .news_list ul li.n-3 {width:33.333%;} } @media screen and (max-width: 768px) { .fullSlide .prev,.fullSlide .next { display:none;} #index_pros { display:none;} .main1 {/*background-image: url(../image/i_1_127.jpg);*/background-size:100% 100%;} .main4 .n-3-5 {width:100%;} .main4 .n-4-5 {width:100%;} .main4 .con4_1a { display:block;} .main4 .con4_1 { display:none;} .news1 { padding:0 10px;} .news1 .n-6 { width:100%;} .news1 a span { font-size:14px;} .news_list ul li.n-3 { width:100%; padding:0 10px;} .news_list ul li { border-bottom:1px solid #ddd;} .news_list ul li a { width:100%;} .news_list ul li p { display:none;} .news2 { background:#fff;} .news_list a.more { border-top:0;} .news_list2 dl { padding:15px 0;} .news_list2 dl dt { display:none;} .news_list2 dl dd { width:96%;} .news_list2 dl dd h2 { font-size:16px; font-weight:normal; height:20px; line-height:20px;} .news_list2 dl dd p { line-height:20px; font-size:13px;} .news_list2 dl dd p span { height:20px; line-height:20px; display:block; color:#999; padding-top:10px;} .aboutus1 .col.n-4 { width:100%; } .aboutus1 .col.n-8 { display:none; } .aboutus1_1 h2 { padding-bottom:10px;} .aboutus1_1 p { padding-bottom:0;} .aboutus2 .col.n-7 { width:100%; } .aboutus2 .col.n-5 { display:none; } .history .bd { padding:10px 30px 0 30px;} .history .bd ul li { width:100%; float:left; height:auto;} .history .bd ul li .his1 { width:140px; margin:0 auto; float:none; padding:0 0 20px 0;} .history .bd ul li .his1 img {width:134px;height:134px; border:3px solid #ddd; border-radius:300px; } .history .bd ul li .his2 { padding:0; text-align:center;} .history .bd ul li .his2 h2 { height:30px; font-size:16px; line-height:30px; font-weight:normal;} .history .bd ul li .his2 p { line-height:20px; color:#888; font-size:13px;} .history .hd { height:auto; text-align:center; margin-left:0; background:none;} .history .hd ul { margin-left:0;} .history .hd ul li { -webkit-flex:1; min-width:25%; cursor:pointer; background:none; padding-bottom:0; flex:1; height:40px; border:1px solid #ddd; margin-left:-1px; margin-bottom:-1px;} .history .hd ul li a { height:40px; font-size:14px; line-height:40px; display:block; padding-top:0; width:100%; color:#888;} .history .hd ul li.on { border:1px solid #26377f; background:none; } .history .hd ul li.on a { height:40px; line-height:40px; display:block; font-size:14px; padding-top:0; background:#26377f; color:#fff;} /*service*/ .service_title { border-bottom:1px solid #eee;} .service_title .list-flex a {height:100px; font-size:14px; border-bottom:1px solid #fff; } .service_title .list-flex a.on { border-bottom:1px solid #26377f; } .service_title .list-flex a span { height:40px; line-height:40px; width:40px; margin:20px auto 0 auto;} .index_map .map_select { position: relative; width:90%; margin:0 auto; padding-top:10px; padding-bottom:1px;} .index_map .map_select h2 { display:none;} .map_select input.input1 { width:40%; display:block; border-radius:10px; border:1px solid #fff; border-right:10px solid #fff; height:36px; cursor:pointer; background:url(../img/down_icon.png) right center no-repeat #fff; color:#777; font-size:16px; padding-left:10px; } .map_select input.input2 { margin-bottom:10px;} .map_select ul.case_list { display:none;} .map_select .city { position:absolute; left:5%; right:5%; top:59px;} .service_search { height:90px; padding:0 10px 10px 10px;} .service_search label.n-2-5 { width:50%; padding-bottom:10px;} .service_search label.n-7-5 { width:100%;} .service_search label input.search_btn { height:30px; line-height:30px; width:30px; display:block; position:absolute; top:5px; right:5px; border:none; background:url(../img/ico_search2.png) center center no-repeat; cursor:pointer;} .help_box table { margin:0 auto; width:100%;} .help_box table thead { width:100%; background:#f7f7f7;} .help_box table th { width:95%; padding-left:5%; display:block;} .help_box table td { width:90%; display:block;} .help_box .help_title a.more { margin-right:-20px; } .help_box .help_title a.more1 { margin-right:-20px;} .down_infor { background:#fff; padding:5px;} .down_infor ul li { border-bottom:1px solid #eee;} .down_infor ul li a {line-height:30px; padding-top:10px; padding-bottom:10px; display:block; padding-left:10px; font-size:14px;} .down_infor ul li a:hover { background:#f4f4f4;} .down_infor ul li a span { width:30px; height:30px; display:block; float:right; margin-top:0; margin-left:20px; margin-right:20px;} .down_infor ul li a span.pdf { background:url(../img/pdf.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.word { background:url(../img/word.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.excel { background:url(../img/xls.png) no-repeat; background-size:100% 100%;} .down_infor ul li a span.rar { background:url(../img/rar.png) no-repeat; background-size:100% 100%;} .map_pic { margin:0 auto; width:100%; float:none; margin-bottom:10px;} .map_pic img { width:100%; height:auto; max-width:100%;} .solution_box { padding:0 10px;} .solution_box ul.list-flex li.n-4 { width:100%;} .solution_box ul.list-flex li a.s_end { height:60px; border-radius:10px;} .case_pics { padding:0 10px;} .prod_list { padding:0 5px;} .prod_list ul.list-flex { margin-left:-5px;} .prod_list ul.list-flex li.n-3 { width:50%; padding:0 0 5px 5px;} .prod_list ul.list-flex li a { padding-bottom:10px; } .prod_list ul.list-flex li a span { padding-top:10px; line-height:20px; font-size:13px; } .prod_list ul.list-flex li a h2 { font-size:13px; line-height:20px;} .prod_list ul.list-flex li a:hover h2 { font-size:14px; color:#333;} .prod_search { padding:0 5px; margin-bottom:10px;} .prod_search label.n-3 { width:100%; } .prod_pics { width:90%; margin:0 auto; float:none;} .prod_infor { width:96%; margin:0 auto; float:none; padding-left:0;} .prod_infor h2 { font-size:18px; line-height:26px; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #eee;} .prod_infor a.order{ width:100%; max-width:100%; border-radius:10px;} .prod_infor a.down { margin-left:20px;} .pro_menus { display:none;} .inmenus { display:none;} .rongyu_list li.col.n-4 { width:50%;} .ry_title .n-4 { width:100%;} .ry_pic { padding:20px 20px 0;} } @media screen and (max-width: 458px) { .main3_infor ul li.n-3 {width:100%;} }