@charset "utf-8"; /* CSS Document */ body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#666;} a{color:#666; text-decoration:none; outline:none;} a:active{star:expression(this.onFocus=this.blur());} img{border:0px; vertical-align:middle;} a:link {text-decoration: none; outline:none;} a:visited{text-decoration: none; outline:none;} a:hover{text-decoration:none; color:#e62129; outline:none;} ul, p, dl, dt, dd{padding:0px; margin:0px;} li{list-style-position:outside; list-style-type:none;} h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;} h1{font-size:16px;} h5{font-size:12px;} .fl{float:left;} .fr{float:right;} .clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;} .h10{height:10px; overflow:hidden; clear:both;} .h30{height:30px; overflow:hidden; clear:both;} .h60{height:60px; overflow:hidden; clear:both;} .h70{height:70px; overflow:hidden; clear:both;} .h100{height:100px; overflow:hidden; clear:both;} input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;} em{font-style:normal;} .btn1{cursor:pointer;} .red{color:#cb1f18;} .wal{width:1200px; margin:0px auto;} .wal2{width:1346px; margin:0px auto;} .w220{ width:220px; overflow:hidden;} .w1040{ width:1040px; overflow:hidden;} .productList .list li .box, .productType .midList li .box{ transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; } .Phone-Box{ display: none; } .fangda{ overflow: hidden;} .fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;} .fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);} /*.headDiv{ height:104px; background:#fff; position:relative; z-index:10;} .headDiv .wal{ position: relative; height: 104px; } .headDiv .wal2{ position: relative; height: 104px; } .headDiv .logo{ display:block; position:static; left:0; top:27px;} .navIco{display:none; width:30px; height:30px; position:static; top:10px; right:10px;} .navIco img{ width: 30px; } .headDiv .num { position: static; right: 205px; top: 4px; line-height: 104px; color: #e62129; font-weight: bold; font-size: 16px; } .headDiv .topRight{ position: static; right: 0px; top: 37px; height: 35px; } .headDiv .topRight li{ float: left; margin-left: 10px; font-weight: bold; font-size: 15px;} .headDiv .topRight li a{ color: #949494; text-align: center; line-height: 33px; display: block; width: 33px; height: 33px; background: #fafafa; border: #e8e8e8 solid 1px; border-radius: 50%; -moz-border-radius:50%; } .headDiv .topRight li .a1{ width: 105px; color: #e62129; border-radius: 24px; -moz-border-radius:24px; } .headDiv .topRight li img{ padding-left: 8px; position: relative; top: -1px; } .headDiv .topRight li a:hover{ color: #e62129;} .nav{ position:static; height:65px; top:39px; right:304px;} .nav li{float:left; height:65px; float:left; line-height:36px; font-weight: bold;} .nav a{ position:relative; display:block; height:33px; line-height: 33px; width: 106px; overflow:hidden; text-align:center; color:#2b2b2b; font-size:14px; border-radius:24px; -moz-border-radius:24px;} .nav a:hover, .nav .liNow a, .nav .liNow1 a{ background:#e62129; color:#fff;}*/ .headDiv{ height:104px; background:#fff; position:relative; z-index:10;} .headDiv .wal{ position: relative; height: 104px; } .headDiv .wal2{ position: relative; height: 104px; } .headDiv .logo{ display:block; position:static; left:0; top:27px;} .navIco{display:none; width:30px; height:30px; position:static; top:10px; right:10px;} .navIco img{ width: 30px; } .headDiv .topRight{ position: static; right: 165px; top: 10px; height: 35px; } .headDiv .topRight li{ float: left; margin-left: 10px; font-weight: bold; font-size: 15px;} .headDiv .topRight li a{ color: #949494; text-align: center; line-height: 33px; display: block; width: 33px; height: 33px; background: #fafafa; border: #e8e8e8 solid 1px; border-radius: 50%; -moz-border-radius:50%; } .headDiv .topRight li .a1{ width: 105px; color: #e62129; border-radius: 24px; -moz-border-radius:24px; } .headDiv .topRight li img{ padding-left: 8px; position: relative; top: -1px; } .headDiv .topRight li a:hover{ color: #e62129;} .headDiv .num { position: static; right: 25px; top: 16px; line-height: 24px; color: #2b2b2b; font-weight: bold; font-size: 16px;} .nav{ position:static; height:50px; top:54px; right:0px;} .nav li{float:left; height:50px; float:left; line-height:36px; font-weight: bold;} .nav a{ position:relative; display:block; height:33px; line-height: 33px; width: 106px; overflow:hidden; text-align:center; color:#2b2b2b; font-size:14px; border-radius:24px; -moz-border-radius:24px;} .nav a:hover, .nav .liNow a, .nav .liNow1 a{ background:#e62129; color:#fff;} /*导航触发效果*/ .sNav{ display:none; position:static; top:104px; z-index:11; width:192px; overflow:hidden; background:#fff; border-top: #e62129 solid 2px; padding-bottom: 20px;} .sNav .list li{ font-size:14px; height:40px; line-height:40px;} .sNav .list li a{ display:block; height:40px; padding-left: 60px;} .sNav .list li a:hover{ color:#e62129; background: #f8f8f8 url(../images/ico1.png) 42px center no-repeat;} /*导航菜单触发*/ .navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:static; z-index:222; right:-100%; top:0px;} .navLayer .close{ height: 50px; position: relative;} .navLayer .closeBtn{ position: static; right: 10px; top: 10px; display: block; } .navLayer .closeBtn img{ width: 30px; } .navLayer .xList{ right: 50px; top: 10px; height: 30px; position: static;} .navLayer .xList li{ float: left; margin-left: 5px; font-weight: 400; font-size: 13px;} .navLayer .xList li a{ color: #949494; text-align: center; display: block; line-height: 28px; width: 28px; height: 28px; text-align: center; border: #e8e8e8 solid 1px; border-radius: 50%; -moz-border-radius:50%;} .navLayer .xList li .a1{ width: 85px; border-radius: 24px; -moz-border-radius:24px; color: #e62129;} .navLayer .xList li img{ padding-left: 5px; position: relative; top: -1px;} .navLayer .bg{overflow-x: auto;position:relative; background:#f4f7f7; height:100%; width:80%; margin-left: 20%;} .subNav{cursor:pointer; display:block; height:45px; line-height:45px; border-bottom:1px solid #dcdcdc; position:relative; font-size:15px; color:#606060; } .subNav1{ background:url(../images/ico4.png) right center no-repeat; background-size: 36px;} .subNav .name{ padding-left:20px; text-align:left; position:relative;} .subNav a{ color:#fff; display: block;} .currentDt{background:#e62129 url(../images/ico4on.png) right center no-repeat; background-size: 36px; color:#fff} .navContent{display: none; border-bottom:1px solid #cccccc;} .navContent a{display:block; height:35px; line-height:35px; color:#9d9d9d; padding-left:20px; font-size:13px;} .pageBg{ position:static; z-index:11; width:100%; height:100%; display:none; background:url(../images/bg1.png) repeat; left:0px; top:0px;} .footDiv{ padding-top: 85px; height:465px; background: #2f2f2f;} .footDiv .wal{ height: 465px; position: relative; } .footDiv .wal2{ height: 465px; position: relative; } .footDiv .rightDiv{ position: static; right: 0px; top: 0px; width: 262px; } .footDiv .ewmDiv{ overflow: hidden; } .footDiv .ewmDiv .ewm{ text-align: right;} .footDiv .ewmDiv p{ padding-top: 15px; color: #888888; text-align: right; font-size: 14px; } .footDiv .share{ padding: 30px 0 43px; overflow: hidden;} .footDiv .share li{ float: left; width: 34px; height: 34px; margin-left: 7px; } .footDiv .links{ width:262px; height:48px; line-height:48px; position:relative;} .footDiv .links .name{ border:#515255 solid 1px; border-radius: 4px; -moz-border-radius:4px; height:46px; color:#888; padding-left:15px; background:url(../images/ico2.png) right center no-repeat; cursor:pointer;} .footDiv .links dl{position:static; z-index:30; left:0px; bottom:48px; width:100%; display:none;} .footDiv .links dd{ margin-bottom:1px;} .footDiv .links a{display:block; height:40px; line-height:40px; padding-left:16px; color:#888888; background:#3d3d3d;} .footDiv .links a:hover{background:#e62129; color:#fff;} .footNav li{ float:left; width:140px;} .footNav .li01{ width: 280px; } .footNav .li02{ margin-left: 0px; } .footNav .li03{ width: 85px; } .footNav li h2{ color: #fff; font-weight:400; font-size:16px; height:30px;} .footNav li dl{ padding-top: 10px; } .footNav li dd{ font-size:14px;} .footNav li dd a{ height:30px; line-height:30px; display:block; color:#888;} .footNav li dd a:hover{ text-decoration:underline;} .foot{ height:77px; position: static; left: 0px; bottom: 0px; width: 100%;} .foot .link2 a{ padding-right:24px; color: #888;} .foot .link2 a:hover{ text-decoration: underline; } .foot .msg{ color: #888;} .foot .msg a{ color: #888; padding-left: 10px; } .foot .msg a:hover{ text-decoration: underline; } .footDivTel{ padding: 25px 10px; background: #2f2f2f; display: none; } .footDivTel .txt{ font-size: 14px; color: #888; padding-bottom: 15px; text-align: center;} .footDivTel .ewm{ text-align: center; padding-bottom: 20px;} .footDivTel .midDiv{ position: relative; padding-right: 100px; height: 30px;} .footDivTel .share{ position: static; right: 0px; top: 0px;} .footDivTel .share li{ float: left; width: 30px; height: 30px; margin-left: 7px; } .footDivTel .share img{ width: 30px; } .footDivTel .links{ width:100%; height:30px; line-height:30px; position:relative;} .footDivTel .links .name{ border:#515255 solid 1px; border-radius: 4px; -moz-border-radius:4px; height:28px; color:#8b919f; padding-left:15px; background:url(../images/ico2.png) right center no-repeat; cursor:pointer;} .footDivTel .links dl{position:static; z-index:30; left:0px; bottom:28px; width:100%; display:none;} .footDivTel .links dd{ margin-bottom:1px;} .footDivTel .links a{display:block; height:30px; line-height:30px; padding-left:16px; color:#8b919f; background:#414653;} .footDivTel .links a:hover{background:#e62129; color:#fff;} .footDivTel .msg{ text-align: center; color: #888888; padding-top: 15px; } .footDivTel .msg a{ color: #888; } .pageBanner{ position:relative;} .pageBanner img{ width:100%;} .pageTop{ height: 66px; position: relative; border-bottom: #f2f2f2 solid 1px; } .pageTitle{ line-height: 66px; color: #d0d0d0; } .pageTitle b{ font-size: 24px; color: #484848; padding-right: 10px; } .pageNow{ height: 66px; line-height: 66px; position: static; right: 0px; top: 0px; color: #c2c2c2;} .pageNow .box{ padding-left: 20px; background: url(../images/nimg14_1.png) left center no-repeat; } .pageNow a{ color: #c2c2c2; } .pageNow a:hover{ color:#e62129;} .pageNow em{ color: #515151; } .pageTop .form{ position:static; right:310px; top:14px; height:38px;} .pageTop .form .input1{ padding-left:15px; width:185px; height:38px; line-height:38px; border-radius:24px; background:#F8F8F8; font-size:14px;} .pageTop .form .btn1{ position:static; top:0; right:0px; width:50px; height:38px; background: url(../images/nimg16_1.png) center no-repeat;} .pageBannerTel{ display:none; position: relative;} .pageBannerTel img{ width:100%;} .pageBox{ padding:47px 0 80px;} /*内页二级栏目*/ .sideBar2{border-bottom: 1px solid #efefef;} .sideBar2 ul{height: 70px;line-height: 70px;overflow: hidden;} .sideBar2 li{float: left;margin-right: 55px;} .sideBar2 li a{font-size: 15px;color: #666;display: block;height: 67px;line-height: 67px;} .sideBar2 li.on a{color: #e62129; border-bottom: 3px solid #e62129;font-weight: bold; } .sideBar2 li:hover a{color: #e62129; border-bottom: 3px solid #e62129;font-weight: bold;} .leftName{ height: 90px; background: #e62129;} .leftName .txt1{ font-size: 24px; font-weight: bold; color: #fff; padding: 20px 0 5px 46px;} .leftName .txt2{ text-transform: uppercase; padding-left: 46px; color: #fff; opacity: 0.3;} .leftNav{ border: #e6e6e6 solid 1px; border-bottom: none;} .leftNav li{ font-size:15px; border-bottom:#e6e6e6 solid 1px;} .leftNav li a{ display:block; height:65px; line-height:65px; color:#3c3c3c; padding-left:44px; background: #f6f6f6;} .leftNav li a:hover, .leftNav li .aNow{ background:#fff url(../images/ico1.png) 30px center no-repeat; color:#e62129;} .leftNav a.on, .leftNav a.on:hover{background:#fff url(../images/ico6on.png) right center no-repeat; color:#e62129;} .leftNav dl{display:none;} .leftNav dd a{color:#838383; font-size:12px; height:42px; line-height:42px; border-bottom:none; padding-left:34px;} .leftNav dd a:hover, .leftNav dd a.on2{color:#29b4cb; border-bottom:none; background:none;} .pageTitleTel{ height:50px; background:#e62129; position:relative; font-size:14px; display:none;} .sideTitleTel{ width:100%; height:50px; position:static; left:0px; top:0px;} .sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;} .sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../images/ico5.png) right center no-repeat; background-size: 16px;} .sideTitleTel .con.on a{ background:url(../images/ico5on.png) right center no-repeat; background-size:16px;} .sideTitleNav{ position:static; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);} .sideTitleNav li{ height:43px;} .sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;} .sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;} /*分页*/ .pageNum{text-align:center; height:110px; overflow:hidden;} .pageNum a{margin:0 10px; display:inline-block; height:48px; line-height:48px; background:#eee; padding:0 20px; font-size:13px; color: #353535;} .pageNum a:hover, .pageNum .aNow{background:#e62129; color:#FFF;} .pageNum span {margin: 0 4px; display: inline-block; height: 48px; line-height: 48px; background: #e62129; padding: 0 20px; border: #e62129 solid 1px; font-size: 13px; color: #fff; } .pageNum .input4 { width: 33px; height: 23px; line-height: 23px; text-align: center; margin: 0 5px; border: #cbcbcb solid 1px; } .pageNum .btn1 { background: #e62129; width: 39px; height: 25px; margin-left: 5px; border-radius: 3px; -moz-border-radius: 3px; color: #fff; } .pageMore{ padding:15px 0; display:none;} .pageMore a{ display:block; color:#fff; height: 45px; line-height: 45px; text-align:center; font-size:16px; background: #e62129; width: 100%;} /*右侧悬浮窗*/ .sideBar{ position:static; right:0px; top:50%; margin-top:-104px; z-index:111;} .sideBar li{position:relative; height:52px; margin-bottom:1px; cursor:pointer;} .sideBar .mouse{position:static; left:-152px; top:0px; display:none;} .sideBar .img{background:url(../images/bg1.png) repeat; height:52px; text-align:center; width:52px;} .sideBar .img img{position:relative; top:8px;} .sideBar .liNow .img{background:#d71418;} .sideBar .liNow .mouse{display:block;} .sideBar .li01.liNow .img{background:#d71418;} .sideBar .li01 .mouse{background:#d71418; width:250px; height:52px; left:-250px;} .sideBar .li01 a{ display:block; width:250px; height:52px; color:#fff; font-size:16px; text-align:center; line-height:52px;} .sideBar .li01 em{ padding-left: 20px; } .sideBar .li02 .mouse{background:#f6f6f6; width:182px; height:208px; left:-182px; top:-64px; border-radius: 8px; -moz-border-radius:8px;} .sideBar .li02 .mouse p{ text-align:center; font-size:14px; color:#888;} .sideBar .li02 .mouse .imgDiv{ text-align:center; padding:18px 0 20px;} .sideBar .li03.liNow .img{background:#d71418;} .sideBar .li03 .mouse{background:#d71418; width:210px; height:52px; left:-210px;} .sideBar .li03 a{ display:block; width:210px; height:52px; color:#fff; font-size:16px; text-align:center; line-height:52px;} .sideBar .li03 em{ padding-left: 20px; } .tabContent{ display:none;} .tab li{ cursor:pointer;} .tabContent2{ display:none;} .tab2 li{ cursor:pointer;} .tabContent3{ display:none;} .tab3 dd{ cursor:pointer;} .cd-top { /* image replacement properties */ overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: 1; } #Layer1{ position:static; position:static; _position:static; width:100%; z-index:99; top:0; left:0px; background-color:#000; display:none; } .selectDiv{cursor:pointer;} .selectDiv span{padding-left:10px;} .selectDiv select{display:none;} /**/ .selectLayer{position:static; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;} .selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}