body { /*padding-bottom: 40px; color: #5a5a5a;*/ font-family:"Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","\9ED1\4F53",Arial,sans-serif; color:#666666; } #chanpin p:hover img {transform: scale(1.4);} #chanpin .row p {overflow: hidden; text-align: center;} #chanpin .row p:first-child{box-shadow: 5px 5px 5px #e9e9e9;} #chanpin .row p:hover{box-shadow: unset} #chanpin p.s-title {margin-bottom:30px;} /*#chanpin p:hover img{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); }*/ .red {color: #f90808} /* CUSTOMIZE THE NAVBAR */ #zl-top span{ display:inline-block; float:right; padding:5px;} #zl-top span.zl-dianhua{padding:none; color: #3989E6; font-size: 24px; margin-top: 18px; margin-left: 5px;} #zl-top span.top-dianhua{background:url(../img/dianhua.png) 0px -5px no-repeat; margin-top: 25px; text-indent: 40px; background-size: 45px 45px;} .navbar-brand{background:url(../img/sm-logo.png) 6px no-repeat; width:172px; padding-left:65px; padding-top:6px; display:inline-block; background-size: 165px auto;} .navbar-brand span {display:inline-block; font-size:11px;color: #CCC;} .navbar-header a:hover{color:#FFF} .navbar{margin-bottom:0px;background:#F3F3F3;/*#009933;*/border-radius:0px; border:none;} .navbar-nav > li > a{font-size:15px;color:#2A2828;} .nav > li > a:focus, .nav > li > a:hover{background-color:#0066CC;} .dropdown-menu{background-color: #0066CC;border: 1px solid #0066CC;} .dropdown-menu > li > a{color:#FFF} .navbar button .icon-bar{background:#FFF} .navbar-collapse {padding-left:0px} /*导航左移18-3-12*/ /* CUSTOMIZE THE CAROUSEL */ .carousel-inner > .item > img {width:100%;max-height:520px;/*320px;*/ min-height:100px} /*幻灯图片*/ @media (max-width: 768px) { } /*产品*/ #chanpin {background: #F3F3F3;} #chanpin p img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; /*width:240px; height:200px;*/width:360px; /*height:260px*/ } #myTabs {margin-bottom:20px; /*background:#e8e8e8;*/ border-bottom:none; text-align: center} #chanpin .nav-tabs > li > a{background: #FFF; border-radius:20px; border:none; color:#333} #chanpin .nav-tabs > li.active > a, #chanpin .nav-tabs > li.active > a:focus, #chanpin .nav-tabs > li.active > a:hover{ color:#FFF; cursor: default; background-color:#3366CC;/*#339966;*/ border:none; border-radius: 20px; } #chanpin .nav > li > a:focus, #chanpin .nav > li > a:hover{background-color:#3366CC; border-radius: 20px;} #chanpin .nav-tabs > li{margin-bottom: 10px; display: inline-block; float: none;} #chanpin .nav-tabs > li > a:hover{color:#FFF} #chanpin p.s-title, #zl-zhuti p.title {white-space: nowrap; text-overflow: ellipsis; overflow: hidden} /*产品*/ /*搜搜*/ #sousuo {position: absolute; top: 112px; /*left: 50%; transform: translateX(-50%);*/ right: 0; z-index: 10;} #sousuo .text{width: 260px; height: 36px; line-height: 36px; padding: 0 36px 0 5px; border-radius: 16px;} #sousuo .button{height: 36px; background: url(../img/sousuo.png) center no-repeat; border: none; width: 36px; position: absolute; right: 0; top: 0;} /*关于*/ #guanyu h3, #chanpin h3, #rongyu h3, .rs_content dt.zl-n-title{text-align: center; background: url(../img/bgbiaoti.png) center no-repeat; height: 82px; font-weight:normal; } #guanyu h3 a, #chanpin h3 a, #rongyu h3 a{display: block; position: relative; top: 15px; color: #3989E6;} #guanyu h3 a:hover, #chanpin h3 a:hover, #fuwuzhichi h3 a:hover, #rongyu h3 a:hover, #lxwomen h3 a:hover{text-decoration:none; color:#3366CC/*#339966*/} #guanyu h3 span, #chanpin h3 span, #fuwuzhichi h3 span, #rongyu h3 span, #lxwomen h3 span {font-size: 14px; top: 12px; position: relative;} #guanyu p {line-height: 2;} /*服务支持*/ #fuwuzhichi {background: url(../img/dahai.jpg) no-repeat; background-size: cover; } #fuwuzhichi .fuwuzhichi {position: relative; left: 0; top: 0; background: rgba(0,102,255,0.7); } #fuwuzhichi h3, #lxwomen h3{text-align: center; background: url(../img/bgbiaoti1.png) center no-repeat; height: 82px; font-weight:normal; margin-bottom: 80px;} #fuwuzhichi h3 a, #lxwomen h3 a{display: block; position: relative; top: 15px; color: #FFF;} #fuwuzhichi h3 span, #lxwomen h3 span {color: #FFF;} #fuwuzhichi dl{text-align: center; background: #5A8EE9; color: #FFF; position: relative; padding-bottom: 30px; } #fuwuzhichi dd.fwzhichi {width: 70px; height:70px; border-radius:70px; margin: 0 auto; position: relative; top: -60px; cursor:pointer;} #fuwuzhichi dd.bxfuwu {background: #5A8EE9 url(../img/fuwu1-1.png) center no-repeat;} #fuwuzhichi dd.dhfuwu {background: #5A8EE9 url(../img/fuwu2-1.png) center no-repeat;} #fuwuzhichi dd.xcfuwu {background: #5A8EE9 url(../img/fuwu3-1.png) center no-repeat;} #fuwuzhichi dd.mhfuwu {background: #5A8EE9 url(../img/fuwu4-1.png) center no-repeat;} #fuwuzhichi dd.jdfuwu {background: #5A8EE9 url(../img/fuwu5-1.png) center no-repeat;} #fuwuzhichi dd.mpfuwu {background: #5A8EE9 url(../img/fuwu6-1.png) center no-repeat;} #fuwuzhichi dd.bxfuwu:hover {background: #5A8EE9 url(../img/fuwu1-0.png) center no-repeat;} #fuwuzhichi dd.dhfuwu:hover {background: #5A8EE9 url(../img/fuwu2-0.png) center no-repeat;} #fuwuzhichi dd.xcfuwu:hover {background: #5A8EE9 url(../img/fuwu3-0.png) center no-repeat;} #fuwuzhichi dd.mhfuwu:hover {background: #5A8EE9 url(../img/fuwu4-0.png) center no-repeat;} #fuwuzhichi dd.jdfuwu:hover {background: #5A8EE9 url(../img/fuwu5-0.png) center no-repeat;} #fuwuzhichi dd.mpfuwu:hover {background: #5A8EE9 url(../img/fuwu6-0.png) center no-repeat;} #fuwuzhichi dl dt{font-size: 18px; font-weight: normal; position: relative; top: 60px;} #fuwuzhichi dl dd span{font-size:12px;} #fuwuzhichi a, #chanpin p a, #xinwen a, #zl_zixunliebiao li a{color:#333} #fuwuzhichi a:hover, #chanpin p a:hover, #xinwen a:hover{color:#333399/*color:#339966*/} #fuwuzhichi p{line-height:25px; height: 42px;} /*资讯*/ .cl-title{padding:15px; /*background:#337ab7;*/ background: url(../img/bgLbiaoti.png) no-repeat; background-size: 165px 51px; color:#3399FF} .list-group-item:first-child{border-top-left-radius: 0px; border-top-right-radius: 0px;} .list-group-item:last-child{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} .list-group-item.active{background-color: #FFF; border: 1px solid #ddd; border-left: 2px solid #c21b4f; color:#c21b4f} .rs_content h1{font-size:24px;border-bottom: 1px solid #eee; margin-top:30px; margin-bottom:10px; padding:10px; text-align:center;} .news-content img{max-width:100%;} #xinwen .xwbiaoti { border-bottom: 1px solid #B3B6BC; padding: 5px 0px 0px 0px; margin-bottom: 10px;} #xinwen .xwbiaoti a{color: #076ce0} #xinwen .xwbiaoti h4 {display: inline-block; border-bottom: 2px solid #3366CC; margin: 0; padding: 15px 0;} #xinwen .xwbiaoti span {display: inline-block; float: right; right: 0px; margin-top: 15px; background: right url(../img/s-img1.png) no-repeat; height: 23px; width: 60px; line-height: 23px;} #xinwen .gsxwlie, #ss_liebiao .znsousuo, #zl_zixunliebiao ul{ padding-left: 0px; margin-top: -7px; } #xinwen .gsxwlie li, #ss_liebiao .znsousuo li, #zl_zixunliebiao ul li{background: left url(../img/s-img.png) no-repeat; list-style:none; line-height: 2.5; font-size:14px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-indent: 1em; border-bottom: 1px #E1E1E1 dotted;} #xinwen .gsxwlie li span, #ss_liebiao .znsousuo li small, #zl_zixunliebiao li small {float: right; display: inline-block; padding-left:15px; padding-top:5px; font-size: 12px;} /*xinwen*/ /*荣誉*/ #rongyu p{text-align: center;} /*联系我们*/ /*#lxwomen{position:relative;}*/ #lxwomen .panel, #lxwomen .form-control{background-color: transparent; /*border: 1px solid #000;*/ color: #FFF; } #lxwomen .control-label {color: #FFF; } #lxwomen{background:url(../img/dahai.jpg) no-repeat; background-size: cover; } #lxwomen .lxwomen{ position:relative; left: 0; top: 0; background:rgba(0,0,0,0.7);} #lxwomen h3 {margin-bottom:30px;} /*联系我们*/ /*友链*/ .youxian {margin: 10px 0; padding: 10px; border: 1px solid #CCC;} .youxian dt{display: inline-block; color: #FFF; } .youxian dd{display: inline-block; margin-left:5px; } .youxian dd a{color: #FFF;} /*页脚*/ footer{background:#000; padding-bottom:20px; /*margin-top:20px;*/ padding-top:20px; color:#FFF; font-size: 14px;} footer p.f-dianhua{background:url(../img/400.png) no-repeat; padding-left:60px; height:50px; line-height:1.5; color: #CCC;} footer p.f-youxiang{background:url(../img/youxiang.png) no-repeat; padding-left:60px; height:50px; line-height:1.5; color: #CCC;} footer p.f-changzhi{background:url(../img/dizhi.png) no-repeat; padding-left:60px; height:50px; line-height:1.5; color: #CCC; font-size:12px;} footer p.f-dhsj {background:url(../img/f-dianhua.png) no-repeat; height:24px; line-height:24px; padding-left: 30px;} footer p.f-dhsj span {display:inline-block; background:url(../img/f-shouji.png) no-repeat; height:24px; line-height:24px; padding-left: 30px; margin-left:20px} footer p.f-czyx {background:url(../img/f-chuanzhen.png) no-repeat; height:24px; line-height:24px; padding-left: 30px;} footer p.f-czyx span {display:inline-block; background:url(../img/f-youxiang.png) no-repeat; height:24px; line-height:24px; padding-left: 30px; margin-left:20px} footer p.f-kfcz {background:url(../img/f-400.png) no-repeat; height:24px; line-height:24px; padding-left: 30px;} footer p.f-kfcz span {display:inline-block; background:url(../img/f-chuangzhi.png) no-repeat; height:24px; line-height:24px; padding-left: 30px; margin-left:31px} /*页脚*/ /* RESPONSIVE CSS */ @media (max-width: 768px) { /**/ #chanpin p img{/*height:110px;*/} #zl-zhuti h1{font-size:16px} #chanpin .nav > li > a {padding:10px} /**/ .navbar-header {background: #FFF; padding:8px 0px;} .navbar button .icon-bar {background: #000;} .rs_content img{width:100%} .navbar-collapse {padding-left:15px} .list-group { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px;} #zl-zhuti a.list-group-item {display: inline-block; margin-bottom: 5px;} /*列表页产品导航*/ #zl-cases .row, #product0 .row, #product0 .row, #product1 .row, #product2 .row, #product3 .row, #product4 .row, #product5 .row{ margin-right: -10px; margin-left: -10px;} #zl-cases .col-xs-6, #product0 .col-xs-6, #product0 .col-xs-6, #product1 .col-xs-6, #product2 .col-xs-6, #product3 .col-xs-6, #product4 .col-xs-6, #product5 .col-xs-6 {padding-left: 10px; padding-right: 10px;} footer p.f-dianhua, footer p.f-youxiang, footer p.f-changzhi, footer p.f-dhsj, footer p.f-dhsj span, footer p.f-czyx, footer p.f-czyx span, footer p.f-kfcz, footer p.f-kfcz span{background: unset; padding-left:0px; margin-left: 0} footer p.f-czyx {display: none;} } @media (min-width: 768px) { /* Navbar positioning foo */ .navbar-wrapper { margin-top: 20px; } .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; } /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 4px; } .navbar-nav > li > a {padding: 20px 30px 20px 30px;} .navbar-nav > li.active > a, .navbar-nav > li > a:hover {color: #fff; background-color: #0066CC;} /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; } .featurette-heading { font-size: 50px; } #chanpin .tab-content .col-md-4 {margin-bottom:20px;} #xinwen .col-md-6 {margin-bottom:15px;} #lxwomen .col-sm-4 img{margin-top:30px;text-align:right;} #rs-bottom-nav{ margin-bottom:20px; padding-bottom:10px; text-align:center; border-bottom: 1px solid #212020;} #rs-bottom-nav li{display:inline-block; float: none;} #rs-bottom-nav a{color:#FFF} #rs-bottom-nav > li > a:hover{background-color:transparent; color:#333399} #zl-zhuti .news-content{font-size:16px; line-height:30px;} } @media (min-width: 992px) { } .nav > li:hover .dropdown-menu { display: block; } #cutepage{margin-top:10px;} /**/ #zl-zhuti{padding:15px; }