@CHARSET "UTF-8"; @CHARSET "UTF-8"; input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; } img { border: none; background: none; vertical-align: middle; } ul, ol, li { list-style-type: none; } select, input, img, select { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0 } table, th, td { vertical-align: middle } .clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clearfix { zoom: 1 } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } h1, h2, h3, h4 { font-size: 12px; font-weight: bold; line-height: 1.5 } hr { border: 0; border-top: 1px solid #ccc; height: 0; } p { margin: 0; } .prodescription{ display:none; } /*----- 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;} /*澶撮儴鏍峰紡*/ .wh{padding: 0 23px;} .top1{height: 85px;position: absolute;border-bottom: 1px solid rgba(255,255,255,.17);z-index: 9999;width: 100%;} .logo{float:left;line-height: 85px;width: 20%;} .logo img{width: 100%;} .topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"寰蒋闆呴粦";} /*鐑棬鎼滅储*/ .search{text-align:left;float: right;margin-top: 38px;} .topr #formsearch{float:left;margin-top: 32px;} .hotSearch{float: left;font:400 12px/22px "寰蒋闆呴粦";color:#333333;} .hotSearch a{color:#333;} .ss{margin: 20px 0;} .ss .k1{font-size: 12px;color: #333;} /*鎼滅储鍜岀儹闂ㄦ悳绱?/ .hotSearch a{margin-right:6px;} .topr #formsearch input{height:22px;background:none;border:none;line-height:22px;outline: none;} .topr #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#fff;width: 45px;} .topr #formsearch input#s_btn{width:20px;height:22px;line-height:22px;text-align:center;color:#fff;border:none;cursor:pointer;background: url(../images/ss.png) no-repeat center;} .topr ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; } .topr :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .topr ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .topr :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .yy{line-height: 85px;} @media(max-width: 1560px){ .nav li{width: 80px;} } @media(max-width: 1400px){ .nav li{width: 70px;} } @media(max-width: 1300px){ .topr #formsearch{display: none;} } @media(max-width: 1150px){ .nav li{width: 65px;} .nav li a{font-size: 13px;} } /**/ .box1{margin: 63px 0 40px 0;} .bt1{position: relative;z-index: 99;} .bt1 h3{color: #010101;font-size: 34px;padding-left: 27px;background: url(../images/line1.png) no-repeat left center;} .bt1 img{display: block;padding-left: 27px;margin-top: 10px;} .psort{padding-left: 28px;padding-top: 11%;position: absolute;top:0;left: -0.25%;z-index:9;background: #fff;width: 25%;height: 50%;} .psort li{margin-bottom: 12px;display:inline-block;margin-right:3%;width:41%;} .psort li a{color: #060606;text-transform: uppercase;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:center;font-size: 16px;display: block;line-height: 52px;height: 54px;border: solid 1px #060606;} .psort li a:hover{background: #d60000;color: #fff;border-color:#d60000;} .pbox{margin-top: -35px;position: relative;background: #fff;} .plist{margin: 0 -0.25%;font-size: 0;margin-top: -143px;} .plist li{margin: 22px 0.25% 0 0.25%;width: 24.5%;} .psort li:nth-child(2n){margin-right:0;} .plist li img{width: 100%;} .plist .slick-slide li:first-child{margin-left: 25.25%;} .slick-arrow{outline: none;border:none;background: none;} .plist .slick-prev,.plist .slick-next{width:9.5%;height: 51px;position: absolute;bottom:50%;left: 28px;z-index: 9999;} .plist .slick-prev{background: url(../images/plt.jpg) no-repeat center;background-size: 100% 100%;} .plist .slick-prev:hover{background: url(../images/plt1.jpg) no-repeat center;background-size: 100% 100%;} .plist .slick-next{background: url(../images/prt.jpg) no-repeat center;background-size: 100% 100%;left:12%;} .plist .slick-next:hover{background: url(../images/prt1.jpg) no-repeat center;background-size: 100% 100%;} @media(max-width: 1870px){ .plist .slick-prev,.plist .slick-next{} } /**/ .box2{margin-bottom: 11px;} .aul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;} .aul li{position: relative;width: 49.6%;} .aul li .img img{display: block;width: 100%;} .bj1{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 15px 5px; text-align: center;font-style: italic;display: flex;align-items: center;justify-content: center;flex-direction: column;} .bj1 h3{letter-spacing: 4px;color: #fefefe;font-size: 35px;} .bj1 h3 span{display: block;font-size: 14px;font-family: 'Arial';color: #fefefe;font-weight: normal;letter-spacing: -0.3px;font-weight: lighter;} .line1{width: 96px;height: 7px;background-color: #ff0000;margin: 0 auto;margin-top: 1.6%;margin-bottom: 2.5%;} .bj1 p{color: #fefefe;font-size: 18px;line-height: 40px;font-weight: bold;} .bj1 p b{font-size: 24px;display: block;} .gd{margin-top: 5%;} .gd a{display: block;width: 194px;height: 50px;border: solid 1px #ffffff;line-height: 48px;text-align: center;letter-spacing: 5px;margin: 0 auto;color: #fefefe;font-size: 14px;} /**/ .ht1{background:url(../images/bj1.jpg) no-repeat top center;background-size: cover;padding: 5% 69px 2% 124px;} .sul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;} .ht1{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;} .himg{width: 12%;} .himg img{width: 100%;} .sul{width: 80%;margin-top: 10px;} .sul li .img {height: 60px;margin-right: 20px;} .sbj p{color: #fff;font-size: 14px;} .sbt{color: #fff;font-size: 14px;line-height: 33px;} .sbt span{font-size: 48px;font-weight: bold;} /**/ .box4{margin: 56px 0;} .shi{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;} .sp{margin:0 auto;width: 74.2%;} .sleft{width:25.8%;background:url(../images/sbj.jpg) no-repeat top center;background-size:100% 100%;padding-left:5px;} .sp img{width: 100%;} /**/ .nsort{margin-left: -60px;margin-top: 66px;} .nsort li{display: inline-block;margin-right: -36px;} .nsort li a{display: block;width: 176px;height:71px;line-height: 71px;text-align: center;color: #151515;font-size: 16px;background:url(../images/fk2.png) no-repeat center;background-size:100% 100%;} .nlist{font-size: 0;margin: 0 -8px;margin-top: 30px;} .nlist li{margin: 0 8px;position: relative;} .nlist li .img img{display: block;width: 100%;} .nlist .slick-prev,.nlist .slick-next{width: 55px;height: 45px;position: absolute;top:-83px;right: 0.25%;z-index: 9999;} .nlist .slick-prev{background: url(../images/lt3.png) no-repeat center;right: 52px;background-size: 100% 100%;} .nlist .slick-prev:hover{background: url(../images/lt33.png) no-repeat center;background-size: 100% 100%;} .nlist .slick-next{background: url(../images/rt3.png) no-repeat center;background-size: 100% 100%;} .nlist .slick-next:hover{background: url(../images/rt33.png) no-repeat center;background-size: 100% 100%;} .bj2{background: rgba(214,0,0,.98);border-radius: 66px 0 0 0;width: 90%;position: absolute;bottom: 0;right: 0;padding:7% 6%;} .bj2 h3 a{display: block;color: #ffffff;font-size: 18px;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .bj2 .ntime{color: #ffffff;font-size: 12px;margin: 3px 0 24px 0;} .bj2 p{color: #ffffff;font-size: 14px;line-height: 21px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;} .nmore a{color: #ffffff;font-size: 14px;margin-top: 24px;display: block;} /**/ .link{margin: 40px 0 0 0;} .foot1{background-color: #444444;color: #7a7a7a;padding: 15px 0;} .foot1 a{color: #7a7a7a;font-size: 14px;} .foot{background:url(../images/foot.jpg) no-repeat top center;background-size: cover;padding: 46px 0 60px 0;margin-top: 30px;} .tewm{color: #ffffff;font-size: 14px;line-height: 21px;margin-top: 52px;} .dao{width: 70%;} .dao li{background:url(../images/line2.png) no-repeat right 42px;float: left;min-height: 265px;} .dao li dd{font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 20px;} .dao li a,.lx{display: block;font-size: 14px;color: #fff;line-height: 33px;} .dao li:last-child{background: none;} .foot .wh{max-width: 1530px;margin: 0 auto;} .dao li:first-child{width: 105px;} .dao li:nth-child(2){width: 170px;padding-left: 54px;margin-right: 54px;} .dao li:nth-child(3){width: 33%;} .dao li:last-child{float: right;} @media(max-width: 1600px){ .psort li{margin-bottom: 8px;} .psort li a{height: 38px;line-height: 36px;} .plist .slick-prev, .plist .slick-next{height:38px;} .bj1 p b{font-size: 18px;} .bj1 p{font-size: 14px;} .bj1 h3{font-size: 28px;} .gd a{height: 40px;line-height: 38px;width: 160px;} .sbt span{font-size: 40px;} .bj2 .ntime{margin-bottom: 10px;} .bj2 h3 a{font-size: 16px;} .nmore a{margin-top: 10px;} } @media(max-width: 1430px){ .dao li:nth-child(3){width: 20%;} .psort{padding-top:12%;} } @media(max-width: 1320px){ .psort li{margin-bottom: 8px;} .psort li a{height: 32px;line-height: 30px;} .plist .slick-prev, .plist .slick-next{height:32px;} .bj1 p b{font-size: 14px;} .bj1 p{font-size: 12px;line-height: 24px;} .bj1 h3{font-size: 20px;} .gd a{height: 32px;line-height: 30px;width: 120px;} .line1{width: 80px;height: 4px;} .sbt{line-height: 25px;} .sbt span{font-size: 30px;} .sul li .img{margin-right: 10px;} .sul li .img img{height: 50px;} } @media(max-width: 1200px){ .box1{margin: 30px 0;} .sbt{line-height: 20px;} .sbt span{font-size: 24px;} .sul li .img img{height: 40px;} .ht1{padding: 5% 19px 2% 40px} .box4{margin: 50px 0;} .dao li:nth-child(3){width: 15%;} .tlogo img{margin-bottom: 10px;} .tlogo,.bq{float: none;width: 100%;text-align: center;} .dao{width: 76%;} } @media(max-width: 1137px){ .psort li{margin-bottom: 4px;} .psort li a{font-size: 14px;height: 30px;line-height: 28px;} .bt1 h3{font-size: 28px;} .bt1 img{width: 20%;margin-top: 10px;} .box5 .bt1 img{width: 100%;} .dao,.tewm{float: none;width: 100%;} .nsort{margin-left:-20px;} } @media(max-width: 1025px){ .bj2 p{font-size: 12px;line-height: 18px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;} .bt1 h3{font-size:25px;margin-bottom:15px;} .bt1 img{display:none;} .plist{margin-top:-25px;} .box1 .bt1{position:absolute;top:20px;z-index:9999;} .box1 .wh{position:relative;} .plist .slick-prev, .plist .slick-next{width:9%;} .plist .slick-next{left:13%;} .plist{margin-top:0;} } @media(max-width: 769px){ .bt1 img{display: none;} .pbox{margin-top: 20px;} .psort{padding-top: 3%;padding-left: 15px;} .psort li a{height: 26px;line-height: 24px;} .aul li{width: 100%;margin-bottom: 20px;} .himg{display: none;} .sul{width: 100%;} .sbt span{font-size: 20px;} .box4{margin: 30px 0;} .bj2 h3 a{font-size: 14px;} .bj2{padding: 7% 11%;} .nsort{margin-left:0;float:none;} .box4 .bt1 h3{padding-right:5px;} .plist .slick-prev{left:15px;} .sleft{background:none;width:100%;} .sp{width:100%;margin-top:20px;} .box1 .bt1{position:relative;} } @media(max-width: 640px){ .box1{margin: 30px 0;} .bt1 h3{padding-left: 20px;font-size: 20px;} .psort{position: relative;width: 100%;padding-left: 0; height: auto;display: flex;justify-content: space-between;flex-wrap:wrap;display: -webkit-flex;margin-top:25px;} .psort li{width: 32%;margin-right:0;} .psort li a{width: 100%;padding: 0;text-align: center;} .pbox{margin-top: 10px;} .plist .slick-prev,.plist .slick-next{top:40px;left: 0;right: auto;width: 30px;height: 25px;} .plist .slick-next{left: 35px;} .plist li{margin-top: 15px;} .wh{padding: 0 15px;} .bj1 p{display: none;} .bj1 p b{font-size: 12px;} .bj1 p{font-size: 12px;line-height: 20px;} .bj1 h3{font-size: 16px;} .gd{margin-top: 5px;} .gd a{height: 28px;line-height: 26px;width: 120px;} .line1{width: 80px;height: 4px;} .sul li{widows: 49%;} .ht1{padding: 5% 3%;} .sbt span{font-size: 16px;} .sul li .img img{height: 35px;} .dao li{text-align: left;margin-bottom: 20px;background:none;min-height: auto;} .dao li:first-child{width: 33%;} .dao li:nth-child(2){width: 33%;padding: 0;margin: 0;} .dao li:nth-child(3){width: 33%;} .dao li:last-child{width: 100%;text-align: left;margin-left: 10%;} .dao li dd{margin-bottom: 10px;} .tewm{margin-top: 10px;} .foot{padding: 30px 0;} .dao li a, .lx{line-height: 21px;font-size: 12px;} .dao li dd{font-size: 14px;} .box5 .bt1{float: none;width: 100%;} .box5 .nsort{margin-top: 20px;float: none;width: 100%;margin-left: 0;} .nsort li{margin-right:-10px;} .nsort li a{width: 90px;height: 50px;line-height: 50px;font-size: 14px;} .nlist .slick-prev,.nlist .slick-next{width: 30px;height: 25px;top:-66px;} .nlist .slick-next{right: 4.25%;} .box1{margin:0 0 20px 0;} .foot1,.foot1 a{font-size: 12px;} } /*涓讳綋鏍峰紡*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} @media(max-width: 991px){ .kf,.w_message{display: none!important;} } @media(max-width: 640px){ .page-position{font-size: 12px;} .foot-bg .foot-index .foot1 dl:nth-child(2){width: 33%;} .lx{width: 100%;} } @media(max-width: 620px){ .product_detail .list{margin-left: 0;margin-bottom: 15px;} } @media(max-width: 1203px){ .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;} .share{width: 160px;margin: 0 auto;} } /*鎵嬫満搴曢儴*/ @media(max-width: 1200px){ .xypg-right-content{overflow: hidden;} .xypg-right-content p img,.xypg-right-content img,.xypg-right-content iframe{ max-width: 100%; width: auto !important; height: auto !important; } } @media (max-width:768px){ .db{display:block!important;} } .dbb{height:50px;} /* 椤佃剼 */ .footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #151515; } .footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 30px;padding:10px 0; font-size: 0; } .footer ul li.active { background: #151515; } .footer ul li a { display: block;color:#fff; } .footer ul li .iconfont { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer ul li span { display: inline-block; vertical-align: middle; font-size: 16px;color:#fff; } .footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;} .footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;} .footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone:before{font-size:0;}