/*index*/ .indexbanner{ position:relative;} .slidesjs-pagination{ z-index:99; position:absolute; bottom:13px; left:50%;} .slidesjs-pagination li{ width:11px; height:11px; background:#fff; border-radius:50%; overflow:hidden; text-indent:1100px; float:left; margin-right:7px;} .slidesjs-pagination li a{ display:block;width:11px; height:11px;} .slidesjs-pagination li a.active{ background:#014da2;} .producttitle{ width:91.5%; margin-left:auto; margin-right:auto; background:url(/uploads/image/ftimages/bg_tiaoxm.png) repeat-x; position:relative; height:31px;} .producttitle h4{ font-size:24px; color:#333; font-weight:400; padding: 0 30px; background:#fff; display:inline-block; position:absolute; left:50%; margin-left:-78px;top: -5px;} .productc{ margin-top:50px;} .productbox .productboxl{ height:193px; width:45.36%; float:left; text-align:center;} .productbox .productboxr{ float:left;width:54.6%; margin-right:-3px;} .productbox{ overflow:hidden;} .productbox .productboxr li{ width:49.7%; height:96px;border-left:1px solid #fff;border-right:0; float:left;border-bottom:1px solid #fff; text-align:center;} .productbox .productboxr li p{ display:table-cell;vertical-align:middle; letter-spacing:1.3px; padding:0 16px; font-size:16px; color:#fff;} .productbox .productboxr li:last-child{border-bottom:0;} .productbox .productboxr li:nth-last-child(2){border-bottom:0;} .productbox .productboxl i{ font-size:20px; color:#fff; display:block;margin-top: 18px;} .productbox .productboxl a{ display:block; width:100%; height:100%;} .productbox .productboxl a img{ margin-top:43px;} .productbox .productboxr a{display:table; width:100%; height:100%;} .protect{ margin-top:23px;} .protect .productboxr li{border-right:1px solid #fff;border-left:0;} .signal{ margin-top:24px;} .quarantine{ margin-top:25px;} .appliancelist li{ width: 24.85%; height:142px; float:left; border-right:1px solid #fff;border-bottom: 1px solid #fff;} .appliancelist li:last-child{ border:0;width: 24.8%;} .appliancelist{ margin-top:23px;} .appliancelist li a{display:table; width:100%; height:100%; text-align:center;} .appliancelist li p{ display:table-cell;vertical-align:middle; letter-spacing:1.3px; padding:0 16px;font-size:16px; color:#fff;} .commonlyfunction{ margin-top:60px;} .functionlist ul li{ width:33.3%; float:left; text-align:center; height:110px; display:table; margin-bottom:7px;} .functionlist ul li a{ display:table-cell; vertical-align:middle; margin-left:auto; margin-right:auto; height:80px;} .functionlist ul li i{ display:block; font-size:16px; color:#183883; letter-spacing:1.3px; font-weight:600; margin-top:19px;} .functionlist{ margin-top:28px;} .functionlist ul{ padding:0 1.6%;} .foot{ margin-top:39px;} .slidesjs-pagination li:last-child{ margin-right:0;} /*搜索*/ .searchpage{ padding:0 147px 22px 53px; position:relative; margin-top:21px;} .pageback{ position:absolute; left:0; top:11px;} .pagesure{position:absolute; right:0;top:0;} .pagesure a{ width:103px; height:52px; display:block; text-align:center; line-height:52px; background:#244289; border-radius:3px; font-size:20px; color:#fff;} .pageinput input{ width:100%; border:0; height:50px;background:#edeef0; outline:none; color:#999;} .pageinput{ position:relative; padding-left:100px;background:#edeef0; border-radius:4px; padding-right:10px; height:52px;} .pageinput .select{ position:absolute; left:12px; top:13px; cursor: pointer;} .pageinput .select select{border:none; outline:none; font-size:18px; color:#999; font-family: 微软雅黑;letter-spacing: 1.5px;background:#edeef0;background: url(/uploads/image/ftimages/icon_pagexial.png) no-repeat right center;padding-right:40px;cursor: pointer;} .pageinput .select i{ position:absolute; left:59px; top:8px;background:#edeef0;display:none;} .searchpageborder{ border-bottom:1px solid #cccccc;} .container.searchpageborder { padding: 0 15px; margin:0;} .wrap.clearfix{ overflow:hidden;} select { /*chrome和firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } @media (max-width:720px){ .appliancelist li { width: 24.8%;} } @media (max-width:680px){ .productbox .productboxr li { width: 49.6%;} .productbox .productboxl { width: 45.26%;} } @media (max-width:600px){ .indexbanner a img{ width:100%; height:auto;} .slidesjs-pagination {bottom: 10px;} .slidesjs-pagination li { width: 8px; height: 8px;} .slidesjs-pagination li a { width: 8px; height: 8px;} .productbox .productboxr li p { letter-spacing: 0px; padding: 0 10px; font-size: 16px;} .productbox .productboxl { width: 45.26%;height: 150px;} .productbox .productboxl a img { margin-top: 30px; width: 65px; height: initial;} .productbox .productboxl i { font-size: 16px; margin-top: 10px;} .productbox .productboxr li { height: 75px;} .protect .productboxl a img { margin-top: 38px;} .producttitle { height: 21px;} .producttitle h4 { font-size: 22px;} .productc { margin-top: 46px;} .quarantine { margin-top: 34px;} .appliancelist li { width: 24.75%; height: 110px;} .foot{ margin-top:26px;} .searchpage { padding: 0 110px 15px 44px; margin-top: 15px;} .pageback { top: 7px;} .pageinput { padding-left: 100px; padding-right: 10px; height:41px;} .pageinput .select { left: 8px; top: 8px;} .pagesure a { width: 90px; height: 41px; line-height: 42px; font-size: 18px;} .pageinput input{ height: 24px;font-size: 18px; padding-top:10px; padding-bottom:7px; display:block; outline:none;} } @media (max-width:530px){ .appliancelist li { height: 90px;} .appliancelist li p { padding: 0 12px; font-size: 16px; letter-spacing:0;} .functionlist { margin-top: 22px;} .commonlyfunction { margin-top: 46px;} } @media (max-width:490px){ .productbox .productboxr li { width: 49.55%;} }