@CHARSET "utf-8"; html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {margin:0;padding:0;border:0;} body{background:#fff;color:#666;position:relative;font:14px/2 Microsoft YaHei,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:hover,a:active{color:#e87518;text-decoration:none;outline:none; border: none} p{margin: 0 0 0 0;} 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;} hr {border: 0;border-top:1px solid #ccc;height:0;} /*公用样式*/ .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} .wt{width:1920px;position: relative;left:50%;margin-left:-960px;} .wt_t{width:1400px;margin:0 auto;} .container{width:1400px;margin:0 auto;padding:0px;} /*头部*/ .hh1{height:27px;background:#eeeeee;overflow: hidden;} .wel{color:#555555;font-size:13px;line-height:27px} .kk1{color:#555555;font-size:13px;line-height:27px} .kk1 a{color:#555555;font-size:13px;line-height:27px} .hh2{height:100px;} .logo{line-height:100px;float:left;} .logo img{line-height:100px;} .tel2{ font-family: MicrosoftYaHei-Bold; font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 100px; letter-spacing: 0px; color: #333333;} .dao{float:left;margin-left:200px} /*多页签*/ .box1{margin-top:60px} .cptt{background:url(../images/x2.png) no-repeat center left;padding-left: 75px;} .cptt{ font-family: MicrosoftYaHei-Bold; font-size: 36px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #333333;} .cptt span{font-weight: 400;} .more1{ font-family: MicrosoftYaHei-Bold; font-size: 24px; font-weight: 400; font-stretch: normal; letter-spacing: 0px; color: #333333;float: right;margin-top:20px} .more1 a{color: #333333;} .promenu{width: 1400px;margin:0 auto;margin-top:30px;} .promenu li{ float: left;overflow: hidden;line-height:44px;width: 104px;display: block;box-sizing: border-box;text-align: left; overflow: hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.4s linear;margin-right: 35px; background:url(../images/x3.png) no-repeat center right;color: #333333;} .promenu li a{font-size: 20px;color: #333333;} .promenu li.on{background:url(../images/x4.png) no-repeat center right;} .promenu li.on a{color: #d1c0a5;font-weight: 600;} .promenu li:last-of-type{background: none;} .b1b_index{width: 1400px;margin:0 auto;overflow: hidden;margin-top:40px;display: block;} .b1b_index li{width: 340px;float: left;overflow: hidden; margin-right: 13px;margin-bottom: 35px;position: relative;} .b1b_index li:nth-child(4n){margin-right: 0;} .b1b_index li .b1img1{width: 100%;height: 340px; overflow: hidden;} .b1b_index li .b1img1 img{width: 100%;height: 100%;} .b1b_index li h4{font-size: 18px;font-weight: normal; line-height: 50px; color: #333333;text-align: center;background:#f6f6f6;width:100%; position: absolute; bottom: 0;} .b1b_index li .dnn{width:100%;position:absolute;width:100%;left:0px;bottom:0px;background:url(../images/tm.png);height:100%;display: none;padding: 25px;} .b1b_index li .dnn h5{ font-family: MicrosoftYaHei-Bold; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #ffffff;} .b1b_index li .dnn span{color:#ffffff;font-size: 14px;line-height: 25px;width:240px;display: block;margin-top:25px;height:100px;overflow: hidden;} .b1b_index li:hover .dnn{display: block;} .b1b_index li:hover h4{font-size: 0px;background: none;display:none;} .xx1{width:45px;height:3px;background:#fff;margin-top:25px} .mm2{margin-top:25px;color:#fff;font-size: 14px;font-weight: 600;} .cc_ll{margin-top:45px} .cc_ll li{width: 25%;float: left;overflow: hidden;position: relative;} .cc_ll li .b1img1{width: 100%;height: 350px; overflow: hidden;} .cc_ll li .b1img1 img{width: 100%;height: 100%;} .cc_ll li .dnn{width:100%;position:absolute;width:100%;left:0px;bottom:0px;background:url(../images/tm.png);height:100%;display: none;padding: 35px 47px;} .cc_ll li .dnn h5{ font-family: MicrosoftYaHei-Bold; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #ffffff;} .cc_ll li .dnn span{color:#ffffff;font-size: 14px;line-height: 25px;width:240px;display: block;margin-top:25px;height:100px;overflow: hidden;} .cc_ll li:hover .dnn{display: block;} .cc_ll li .xx1{width:45px;height:3px;background:#fff;margin-top:25px} /* 品牌优势 */ .ys{background:#f6f6f6;padding: 45px 0;} .ys_ll{width:100%;margin:0 auto;overflow: hidden;margin-top: 45px;} .ystt{ font-family: MicrosoftYaHei-Bold; font-size: 40px; font-weight: 600; line-height: 36px; letter-spacing: 0px; color: #333333;text-align: center;} .ystt span{ font-family: MicrosoftYaHei; font-size: 20px; font-weight: normal; letter-spacing: 0px; color: #333333;display: block;} .ystt2{color:#333333;font-size: 20px;font-weight: 400;text-align: center;margin-top:10px;} .ys_ll .swiper-pagination { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; position: static; } .ys_ll .swiper-pagination .swiper-pagination-bullet{ width: auto; height: auto; border-radius: initial; opacity: 1; /*margin: 0 10px;*/width:240px;background:url(../images/x9.png) no-repeat center right; } .ys_ll .swiper-pagination .swiper-pagination-bullet:last-of-type{background:none;} .ys_ll .swiper-pagination .swiper-pagination-bullet h3{color:#333;font-size: 20px;text-align: center;font-weight: 400} .ys_ll .swiper-pagination-bullets .swiper-pagination-bullet-active h3{ background: #ffffff;border-radius: 25px;width:80%;line-height: 45px;color: #d1c0a5; margin: 0 auto } .ys_ll .swiper-container { overflow: hidden; width: 100% } .ys_ll .swiper-container .swiper-slide { width: 800px; margin-right: 16px;position: relative;border-radius: 10px;overflow: hidden } .ys_ll .swiper-container .swiper-slide img { max-width: 100%; } .ys_ll .swiper-slide.swiper-slide-active .mask{ background-image:none;} .ys_ll .swiper-slide.swiper-slide-active .mask span{background:url(../images/tm2.png) no-repeat center bottom;} .ys_ll .swiper-slide .mask{ background-image: linear-gradient(to right,rgb(255,255,255),rgb(255,255,255,.9), transparent); position:absolute; left:0; top:0; display:block; width:100%; height:100%; } .ys_ll .swiper-slide-next .mask{ background-image: linear-gradient(to left,rgb(255,255,255),rgb(255,255,255,.9), transparent); position:absolute; left:0; top:0; display:block; width:100%; height:100%; } .ys_ll .swiper-slide .mask span{display: block;color:#fff;font-size: 14px;padding: 0 15px;line-height: 25px;height:174px;overflow: hidden;margin-top:280px;padding-top: 20px; } /* about */ .aann{ width: 1030px; font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #666666;margin-top:35px;height:112px;overflow: hidden;} .aacc{margin-top:75px;position: relative;height:600px} .abtp{width:680px;height:600px;overflow: hidden;float: left;} .abtp img{width:680px;height:600px;} .about_22{width:720px;height:600px;background:#f6f6f6;} .about_22 h2{ font-family: MicrosoftYaHei-Bold; font-size: 36px; font-weight: 600; line-height: 24px; letter-spacing: 0px;width:234px; color: #333333;margin-top:75px;margin-left:65px;background:url(../images/x2.png) no-repeat center right;} .lnian{margin-left:65px;margin-top: 30px;height:60px;overflow: hidden;;} .lnian p:nth-child(1){font-family: MicrosoftYaHei; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 3px; color: #d1c0a5;} .lnian p:nth-child(2){ font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666;} .linian{margin-top:102px} .linian li{float:left;width:360px;height:300px;position: relative;} .linian li a.img{display: block;} .linian li a.img img{width:100%;height:100%} .linian li .dgg{position: absolute;top:67px;width:100%;} .linian li .img_cc{width:65px;margin:0 auto;} .linian li .img_cc img{max-width: 100%;} .linian li .dgg h4{ font-size: 18px; font-weight: 600; line-height: 25px; letter-spacing: 0px; color: #f6f6f6;text-align: center;margin-top:10px} .linian li .dgg h4 a{color: #f6f6f6;} .xx8{width:40px;height:3px;background:#fff;margin:0 auto;margin-top:10px} .linian li .dgg h5{ font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 0px; color: #f6f6f6;text-align: center;margin-top:10px} .linian li .dgg h5 a{color: #f6f6f6;} .linian li:hover a.img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .mm6{position: absolute;top: 40.5%;left: 45%;z-index: 9999;} .ahh{width: 400px; height: 160px; background-color: #d1c0a5;position: absolute;left:-23px;bottom: 55px; font-family: MicrosoftYaHei; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff;padding:30px;overflow: hidden;} /* index-box-5 */ .index-box-5 { position: relative; margin-top:55px } .news_cc{height:0;overflow:hidden;} .news_cc.aa{height:auto;} .index-box-5 .news-box { width: 1087px; float: right; } .index-box-5 .swiper-slide { font-size: 0; background: #f7f7f7; } .index-box-5 .swiper-slide a { position: relative; display: block; height: 586px; } .index-box-5 .pic { font-size: 0; } .index-box-5 .pic img { width: 100%; height: 240px; object-fit: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .index-box-5 .info { position: relative;padding:25px 18px } .index-box-5 .info .name { font-weight: 700; color: #333333; font-size: 18px; line-height: 35px;height:35px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; letter-spacing: 1px; } .index-box-5 .info .desc { font-size: 14px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top:25px; line-height: 25px;height: 100px;overflow: hidden;; } .index-box-5 .info .date { color: #333333; font-size: 14px; margin-top: 60px;font-weight: 600; } .index-box-5 .more { position: absolute; right: 0; bottom: 0; z-index: 10; width: 59px; height: 59px; border: 1px solid #d1a986; background: url(../images/jt2.png) no-repeat center center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: background-position 0.3s ease; -webkit-transition: background-position 0.3s ease;display:none; } .index-box-5 .swiper-slide:hover .more { margin-left: 30px; margin-top: 70px; position: static; display:block; border-color: #fff; background-position-x: 60%!important; background: url(../images/jt2.png) no-repeat center center; } .index-box-5 .swiper-slide:hover { background: #d1c0a5; } .index-box-5 .swiper-slide:hover .pic img { height: 0; } .index-box-5 .swiper-slide:hover .info { padding-top: 86px; } .index-box-5 .swiper-slide:hover .info .name, .index-box-5 .swiper-slide:hover .info .desc, .index-box-5 .swiper-slide:hover .info .date { color: #fff; } .index-box-5 .swiper-slide:hover .info .date { padding-top: 30px; } .index-box-5 .btn-box { position: relative; z-index: 10; margin:0 auto; margin-top:50px; width: 170px; } .c6_ttt{width: 170px;float: left;} .nort_tt{ margin-top: 150px;float: left; width: 170px;} .nort_tt li{ float: left; width: 170px; height: 50px; background-color: #eeeeee; overflow: hidden;line-height:50px; box-sizing: border-box; text-align: center; overflow: hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: all 0.4s linear;margin-bottom: 33px; } .nort_tt li a{ font-size: 18px; color: #333333; } .nort_tt li.on{ background: #d1c0a5 } .nort_tt li.on a{ color: #fff;} .index-box-5 .btn-box .swiper-button-prev { display: inline-block; width: 38px; height: 38px; } .index-box-5 .btn-box .swiper-button-next { display: inline-block; width: 38px; height: 38px; } .index-box-5 .btn-box .swiper-button-next:after{display:none} .index-box-5 .btn-box .swiper-button-prev:after{display:none} .index-box-5 .btn-box .swiper-button-prev { margin-right: 89px; background: url(../images/le.png) no-repeat; } .index-box-5 .btn-box .swiper-button-prev:hover { background: url(../images/le2.png) no-repeat; } .index-box-5 .btn-box .swiper-button-next { background: url(../images/re.png) no-repeat; } .index-box-5 .btn-box .swiper-button-next:hover { background: url(../images/re2.png) no-repeat; } /* */ .case_gun{width:1400px;margin:0 auto;} .product_list1 li{float:left;;_display:inline;position:relative;width:300px;height:300px;} .product_list1 li a.img{display:block;} .product_list1 li a.img img{width:300px;height:300px;} #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%} #demo1 {float: left;} #demo2 {float: left;} /* ht */ .ht{background:url(../images/ht2.png) no-repeat center top;height:150px;overflow: hidden;margin-top:60px} .ht1{margin-top:35px;float:left} .ht1 h2{ font-family: MicrosoftYaHei; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 35px; letter-spacing: 0px; color: #ffffff;background:url(../images/tt1.png) no-repeat left center;padding-left: 35px;} .ht1 h3{ font-family: MicrosoftYaHei; font-size: 28px; font-weight: normal; letter-spacing: 0px; color: #ffffff;} .tel3{margin-top:46px;margin-left:252px;background:url(../images/tel3.png) no-repeat left center;padding-left: 65px;} .tel3 p:nth-child(1){ font-family: MicrosoftYaHei-Bold; font-size: 18px; font-weight: 400; line-height: 25px; letter-spacing: 0px; color: #fff;} .tel3 p:nth-child(2){ font-family: MicrosoftYaHei; font-size: 20px; font-weight: 600; letter-spacing: 0px; color: #ffffff;} .kf{ width: 200px; height: 60px; border-radius: 30px;margin-top:45px;background:url(../images/kf.png) no-repeat 25px 50% #ffffff; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #b7a17f;} .kf a{color: #b7a17f;padding-left: 70px;} /**/ .link{color:#333;font-size:14px;line-height:25px;} .link a{color:#333;font-size:14px;line-height:25px;} /* 通栏 */ .x-layout { background:#313131; background-size: cover; padding: 4.16666667%; } .x-layout-logo { margin-bottom: 20px; } .x-layout-desc { font-size: 12px; color: rgba(255, 255, 255, 0.5); } .x-layout-contact { margin-top: 30px; } .x-layout-contact p { margin-bottom: 0; font-size: 16px; color: #Fff; line-height: 35px; } .x-layout-contact strong { display: block; font-size: 24px; color: rgba(255, 255, 255, 0.8); } .x-layout-contact a { color: #fff; } .x-layout-menu dl { float: left; width: 25%; text-align: left; } .x-layout-menu dl dt { font-size: 24px; color: #fff; margin-bottom: 30px;font-weight:600 } .x-layout-menu dl dd a { display: block; font-size: 16px; color:#cccccc; line-height: 2; } .x-layout-ewm { text-align: center; } .x-layout-ewm p { font-size: 24px; font-weight: 600; line-height: 1.7;color:#fff;margin-bottom:25px } .x-footer { background: #313131; padding: 15px 0; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); line-height: 1.7; } .x-footer a { color: rgba(255, 255, 255, 0.5); } .x-footer a:hover { color: rgba(255, 255, 255, 0.8); } .x-copyright { margin: 5px 0; } .x-power { margin-top: 5px; } .daott{color:#fff;font-size: 24px;font-weight: 600;} .dff1{width:353px;float: left;} .dff2{width:700px;float:left;background:url(../images/xk.png) no-repeat top right;} .dff3{width:315px;}