/*头部样式*/ #header{width:1200px;margin:0 auto;overflow: hidden;} .logo{float:left;width: 460px;line-height: 102px;} .k2{margin-top: 8px;padding-left: 52px;font:13px/26px "微软雅黑";color: #4a4949;background: url(../images/tel.png) left 10px no-repeat;} /*热门关键词*/ .search{padding:25px 0;border-bottom: 1px solid #ddd;} .hotSearch{float:left;font:13px/24px "微软雅黑";color: #5b5b5b;} .hotSearch a{margin-right:6px;font-size: 12px;color: #999;} /*搜索*/ #formsearch{float:right;font-size: 0;} #formsearch input{background:none;border:none;line-height:23px;height:23px;outline: none;font-size: 12px;} #formsearch input#keyword{padding-left:10px;color:#888;width:130px;border:1px solid #a2a2a2;border-radius: 3px 0 0 3px;} #formsearch input#s_btn{width:60px;color:#fff;cursor:pointer;height: 25px;background: url(../images/ss.png) 10px center no-repeat #a2a2a2;text-indent: 25px;border-radius: 0 3px 3px 0;} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;} .v-article{width: 1200px;margin:0 auto;position: relative;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*友情链接*/ .f_link{background-color: #f8f8f8;padding:45px 0;text-indent: 40px;margin-top: 45px;} .f_link a{font:12px/2 "微软雅黑";color: #f8f8f8;;margin-right: 10px;} /*页面底部*/ #footer{background-color: #39414c;} .nav_foot{text-align:center;background-color: #c7282d;font:16px/82px "微软雅黑";} .nav_foot a{color: #f8f8f8;} .fBox{padding:75px 0 60px;} .fLogo{width: 420px;line-height: 150px;border-right:1px solid #4a515a;} .fLx{width: 375px;margin-left: 60px;font:14px/26px "微软雅黑";color: #bfbfbf;height: 140px;border-right:1px solid #4a515a;padding-top: 10px;} .copyright{text-align: center;font:14px/26px "微软雅黑";color: #bfbfbf;} .copyright a{color: #bfbfbf;} /*------------内页-------------------*/ .left {width: 225px;float: left;} .left .box {margin-bottom: 10px;} .left .box h3 {line-height: 50px;padding-left: 34px;background: #39414c;font-size: 16px;color: #fff;font-weight: 400;position: relative} .left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #fff} .left .box .content {padding: 5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;} .n_banner img{max-width:100%; height:auto !important;width:auto !important;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:940px;float:right;padding-bottom:10px;} .sitemp {border-bottom:1px solid #eee;} .sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;} .sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;} .right .content{padding:5px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} /*black*/ .black{text-align: center;font:20px/32px "微软雅黑";color: #3f4650;} .black span{font:bold 40px/1 "微软雅黑";} .black span:before{content: "";display: inline-block;width: 35px;height: 3px;background-color: #888d93;margin-right: 15px;vertical-align: middle;} .black span:after{content: "";display: inline-block;width: 35px;height: 3px;background-color: #888d93;margin-left: 15px;vertical-align: middle;} /*white*/ .white{text-align: center;font:20px/32px "微软雅黑";color: #fff;} .white span{font:bold 40px/1 "微软雅黑";} .white span:before{content: "";display: inline-block;width: 35px;height: 3px;background-color: #888d93;margin-right: 15px;vertical-align: middle;} .white span:after{content: "";display: inline-block;width: 35px;height: 3px;background-color: #888d93;margin-left: 15px;vertical-align: middle;} /*z1*/ .z1{margin-top: 40px;} .z1Box{margin-top: 15px;} .z1L{width: 286px;border:5px solid #39414c;border-bottom-width: 22px;} .z1L h1{text-align: center;font:21px/1.3 Arial;color: #85909f;background-color: #39414c;padding:10px 0;} .z1L h1 span{display: block;font:32px/1 "微软雅黑";color: #fff;} .z1L ul{width: 266px;margin:23px auto 0;height: 556px;} .z1L ul li a{display: block;padding-left: 25px;font:17px/48px "微软雅黑";color: #000;background: #ddd url(../images/proLi.png) 242px center no-repeat;margin-bottom: 12px;} .z1R{width: 878px;} .z1R ul li{float: left;margin-top: 10px;margin-right: 14px;} .z1R ul li:nth-child(3n){margin-right: 0;} .z1R ul li img{width: 281px;height: 187px;border:1px solid #dbdada;} .z1R ul li h3{text-align: center;font:16px/29px "微软雅黑";color: #1d1e1f;} .z1R ul li img:hover{border-color:#c7282d;} /*z2*/ .z2{margin-top: 50px;display:none;} .z2 .white{background-color: #39414c;padding-bottom: 40px;padding-top: 60px;} .z2 .hd{border-top: 2px solid #4f555e;display: flex;justify-content:center;background-color: #39414c;} .z2 .hd li{width: 299px;height: 120px;text-align: center;font:24px/120px "微软雅黑";color: #fff;position: relative;border-right: 1px solid #4f555e;} .z2 .hd li.on{background-color: #c7282d;} .z2 .hd li.on:after{content: "";position: absolute;border:12px solid transparent;border-top: 10px solid #c7282d;left:calc(50% - 12px);top: 100%;} .z2 .bd{background-color: #f5f5f5;padding: 110px 0;} .z2 .bd ul{width: 1200px;margin:0 auto;} .z2 .bd ul li{height: 360px;margin-right: -70px;} .z2 .bd ul li h3{padding-top:78px;font:bold 30px/1 "微软雅黑";color: #3f4650;} .z2 .bd ul li h4{font:30px/50px "微软雅黑";color: #3f4650;} .z2 .bd ul li p{margin-top: 20px;font:14px/24px "微软雅黑";color: #5c5c5d;} .z2 .bd ul li a{display: block;margin-top: 25px;width: 140px;font:16px/42px "微软雅黑";color: #c7282d;text-indent: 20px;border:1px solid #c7282d;background: url(../images/z2Bd.png) 98px center no-repeat;} /*z3*/ .z3{padding-top: 45px;background: url(../images/z3.jpg) center top no-repeat;margin-top: 50px;} .z3Mg{margin-top: 50px;} .z3T{text-align: center;font:15px/1.8 "微软雅黑";color: #797b7f;margin-top:20px;} /*z4*/ .z4{margin-top:30px;} .z4 .hd{display: flex;justify-content:center;} .z4 .hd:after{content:"";position:absolute;z-index: -1;width: 100%;left: 0;top: 50%;height:1px;background-color: #c5c5c5;} .z4 .hd li{width: 198px;text-align: center;font:18px/59px "微软雅黑";color: #3f4650;border:1px solid #c5c5c5;background-color: #fff;} .z4 .hd li+li{margin-left: -1px;} .z4 .hd li.on{font-weight: bold;color: #c7282d;} .z4 .bd{margin-top: 25px;} .z4Inner ul li{float: left;margin-right: 30px;width: 275px;} .z4Inner ul li img{width: 275px;height: 206px;} .z4Inner ul li h3{text-align: center;font:14px/40px "微软雅黑";color: #565657;} .z4Inner .z4prev,.z4Inner .z4next{position: absolute;top: 65px;cursor: pointer;} .z4Inner .z4prev{left: -55px;} .z4Inner .z4next{right: -55px;transform:scale(-1);} /*z5*/ .z5{margin-top: 30px;} .z5Box{margin-top: 30px;} .z5B1{width: 365px;margin-right: 50px;} .z5B1 h2{font:bold 21px/40px "微软雅黑";padding-bottom: 10px;background: url(../images/nsUl.png) left bottom no-repeat;} .z5B1 h2 a{float: right;font-size: 16px;font-weight: normal;} .z5Mg{margin-top: 12px;} .z5B1 ul{margin-top: 10px;} .z5B1 ul li a{display: block;font:15px/40px "微软雅黑";color: #666;padding-left: 25px;background: url(../images/nsLi.png) left center no-repeat;} .z5B1 ul li a span{float: right;} .z5R{margin-right: 0;} .z5R h2{margin-bottom: 35px;} .z5R .bd dl{padding:13px 0;border-bottom: 1px dotted #ececec;} .z5R .bd dl dt{padding-left: 40px;position: relative;font:15px/27px "微软雅黑";} .z5R .bd dl dt:before{content: "问";position: absolute;width: 24px;height: 24px;text-align: center;font:16px/24px "微软雅黑";color: #fff;background-color: #ae120b;left: 0;top: 0;} .z5R .bd dl dt a{color: #666;} .z5R .bd dl dd{padding-left: 40px;position: relative;font:15px/27px "微软雅黑";color: #999;} .z5R .bd dl dd:before{content: "答";position: absolute;width: 24px;height: 24px;text-align: center;font:16px/24px "微软雅黑";color: #fff;background-color: #313131;left: 0;top:10px;} /*z6*/ .z6{margin-top: 50px;} .z6Box{margin-top: 25px;} .z6 ul li{float: left;margin-right: 22px;} .z6 ul li img{width: 183px;height: 104px;} .z6 .prev,.z6 .next{position: absolute;cursor: pointer;top: 35px;} .z6 .prev{left: -65px;} .z6 .next{right: -65px;transform:scale(-1);}