/*初始化样式*/ 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,navs,section{margin:0;padding:0;border:0;} body{background:#000;color:#fff;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:hover,a:active,a:focus{text-decoration:none;outline:none;} 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; color:#fff;} table, th, td {vertical-align: middle; line-height:20px; padding:10px;} table span,table strong,table te td{ color:#fff;} .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{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} p{margin:0;} /*----- 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;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .com-img{ overflow:hidden;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} /*样式*/ .wt_t{max-width: 1620px;margin:0 auto;padding:0 10px} @media (max-width: 1440px) {.wt_t{max-width: 1200px;}} .flex_a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} /* top_x */ .top_x{height:156px;position: relative;z-index: 99999;} .logo_x{line-height: 156px;} .dao_22{width: 69%;} .seo_x{float: right;color:#fff;font-size: 16px;line-height: 45px;} .seo_x a{color:#fff;font-size: 16px;line-height: 45px;float: left;display: block;} .seo_x a:last-child{margin-left:10px;} .xxa{width: 1px;height:15px;background:#999;float: left;display: block;margin:16px} .piao{position: absolute;left:50%;bottom: 10%;transform: translateX(-50%);width: 86px;height:48px; -webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;background:url(../images/jt.png) no-repeat center top;} @-webkit-keyframes myfirst { 0% {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);} 50% {-webkit-transform: translate(0px, -10px);transform: translate(0px, -10px);} 100% {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);} } /*banner*/ .xyin-banner {position: relative;width:100%;} .xyin-banner .slick-slide img{display: inline-block;width: 100%;} .slick-banner {position: relative;} .slick-banner .slick-dots {position: absolute;left:9.2%;text-align: center;font-size: 0;z-index: 9;bottom:8.5%;padding: 0 10px;} .slick-banner .slick-dots li {display: inline-block;width: 28px;height: 2px;margin:0px; background:#343439;cursor: pointer;} .slick-banner .slick-dots li button {background: none;outline: none;border: none;font-size: 0;} .slick-banner .slick-dots li.slick-active {width:28px;height:2px;margin-top:0;background:#fff; } .slick-banner .slick-con {position: relative;} .pagingInfo {left:8%;position: absolute;z-index: 999;color: #fff;font-size: 44px;bottom:8%;width: 185px;} .pagingInfo span {font-size: 16px;font-weight:normal;text-align: left;display: block;float:left} .pagingInfo i {font-style: normal;font-size: 16px;font-weight: 400;text-align: right;display: block;float:right;} .slick-banner button {text-indent:-100px;overflow: hidden;width: 11px;border: none;height: 20px;outline: none;} .slick-banner .slick-prev {background: url(../images/l.png) no-repeat;background-size:100%;position: absolute; bottom: 8%; right:14%;z-index: 9999;} .slick-banner .slick-next {background: url(../images/r.png) no-repeat;background-size:100%;position: absolute;bottom: 8%;right:11%;z-index: 9999;} /* about */ .abbg{background:#000;position: relative;z-index: 999;margin-top: 0vw;} .abtp{position: absolute;width:42%;right:0px;top:0px;z-index: 999;} .abtp img{width: 100%;} .abtpx{width: 100%;text-align: center;} .abtpx img{width: 100%;} .aabb{width:57.39%;float: left;position: relative;} .aabb h2{text-align: left;margin-top:8%; color:#fff; font-size:36px;} .aann{font-family: MicrosoftYaHei;font-size:14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;margin-top:3%;line-height: 30px;} .more_ab{width: 160px;height:50px;background-color:#333;font-size:14px;font-weight:normal;font-stretch:normal;letter-spacing: 0px;color: #ffffff;line-height: 50px;text-align:center;margin-top:5%} .more_ab a{color:#fff} .ab_ll{ display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;z-index: 99999;position: relative;width: 100%;margin-top:5%} .ab_ll li{width: 33.3333%;background:#333;padding:3% 5%} .ab_ll li .img_rr{text-align: right;} .ab_ll li .img_rr img{max-width: 100%;} .ab_ll li h3{font-family: MicrosoftYaHei;font-size: 24px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #fff;} .ab_ll li h4{font-family: MicrosoftYaHei;font-size: 17px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #fff;opacity: 0.5;} .ab_ll li:hover{background:#000;} .ab_ll li:hover .img_rr img{filter: brightness(100);} .ab_ll li:hover h3{color:#fff} .ab_ll li:hover h4{color:#fff} @media (max-width: 1440px) { .aabb{margin-top:2%} .aabb h2{margin-top:4%} .ab_ll{margin-top:4%}} @media (max-width: 1200px) {.aabb{width:55%;float: left;position: relative;margin-top:3%}} @media (max-width: 990px) {.aabb{width:100%;float: none;position: relative;margin-top:25px} .aabb h2{text-align: center;font-size: 20px;} .aabb h3{text-align: center;font-size: 20px;} .aann{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;margin-top:5%;text-align: left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient: vertical;}} .ab_ll3{ display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;z-index: 99999;position: relative;width: 100%;margin-top:25px} .ab_ll2 li{width: 30%;background:#ffffff;padding:5px;background:url(../images/tt.png) no-repeat center right;} .ab_ll2 li .img_rr{text-align: right;float: left;max-width: 40px;} .ab_ll2 li .img_rr img{max-width: 100%;} .ab_ll2 li h3{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 0px;color: #fff;float: left;margin-top: 10px;} .ab_ll2 li:last-child{background:none} .box1{margin-top:5.5vw} .box2{margin-top:1.5vw} .ttb{font-family: MicrosoftYaHei-Bold;font-size: 20px;font-weight: 400;font-stretch: normal;letter-spacing: 0px;color: #d6d6d6;text-align: center;text-transform: uppercase;margin-top:20px} .tta_1{} .tta{font-size: 42px;color: #fff;font-weight: bold;text-transform: uppercase;display: flex;justify-content: center;align-content: center;flex-wrap: nowrap;flex-direction: row;align-items: center;} .tta::after, .tta::before {content: '';background: url(../images/3ae.png) no-repeat center;width: 66px;height: 18px;display: inline-block;margin: 0 1.5%;} .tta::after{transform: rotate(180deg);} /*youshi*/ i,em,b{font-style: normal;} .tit01{ font-size:42px; color: #fff; text-align: center; font-weight: lighter;font-family:"微软雅黑","Microsoft Yahei";} .tit01 a{color: #fff; text-decoration: none; } .tit01 b{font-weight: bold;} .tit01 i{font-weight: bold;font-size:30px;} .tit01 p{ display: block;font-size: 20px; color: #fff;font-family:"微软雅黑","Microsoft Yahei"; font-weight: normal; text-align: center;padding-top: 20px;} @media (max-width: 990px) { .tit01{ font-size:25px; color: #fff; text-align: center; font-weight: lighter;font-family:"微软雅黑","Microsoft Yahei";} .tit01 a{color: #fff; text-decoration: none; } .tit01 b{font-weight: bold;} .tit01 i{font-weight: bold;font-size:30px;} .tit01 p{ display: block;font-size:16px; color: #fff;font-family:"微软雅黑","Microsoft Yahei"; font-weight: normal; text-align: center;padding-top: 20px;} } .ysbj{height: auto;overflow: hidden; background:#000;padding-top:50px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;clear: both;overflow: hidden;max-width: 1920px;margin:0 auto;} .ysbj h2{margin-bottom: 40px;} .a1111{ display:none;} .ys{position: relative;overflow: hidden;background: #333; } .ys_nr{position: relative;max-height: 750px;width: 100%; font-size: 16px; line-height: 30px;} .ys_nr dl{width:33.33%;max-height: 750px;position: relative; float:left;overflow: hidden;} .ys_nr dl dt{width: 100%;overflow: hidden;max-width: 640px;} .ys_nr dl dt img{width: 100%;display: block; } .ys_nr dl dd{position: absolute;bottom:5%;left:0;width: 100%;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;} .ys_nr dl dd h3{width:62%; height:5em;font-size: 2em;text-align: left; color: #fff;padding:0.5em 0 0 2.75em;background: rgba(0,0,0,0.8);position: relative; line-height: 3rem;box-sizing: border-box;margin-bottom: 1em;} .ys_nr dl dd h3:after{content: ""; position: absolute;top:2em;right:-2.5em;height: 1px;width:5em;background:#fff;} .ys_nr dl dd .desc{padding-left: 5.5em;} .ys_nr dl dd .desc h4{font-size: 1.25em;color: rgba(255,255,255,0.8); line-height: 2em; margin-bottom: 1em;} .ys_nr dl dd .desc p{color: rgba(255,255,255,0.6);font-size: 0.875em;line-height: 2em;opacity:1;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;} .ys_nr dl.cur dd{bottom: 30%;} .ys_nr dl.cur dd h3{background:#fff;color:#000;} .ys_nr dl.cur dd h3:after{width: 0;} .ys_nr dl.cur dd .desc p{opacity: 1; } .ys_nr dl img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;} .ys_nr dl:hover img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);} @media screen and (max-width:1366px) { .ys_nr dl dd{bottom:0;} .ys_nr dl dd h3{padding:1em 0 0 1.75em;font-size: 1.25em;line-height: 1.5em; } .ys_nr dl dd .desc{padding:0 2.5em;} .ys_nr dl dd .desc h4{font-size: 1em;} .ys_nr dl.cur dd{bottom: 12%;} } @media screen and (min-width:1366px) and (max-width:1600px) { .ys_nr dl dd{bottom:0;} .ys_nr dl dd h3{padding:1em 0 0 2em;font-size: 1.5em;line-height: 1.5em; } .ys_nr dl dd .desc{padding:0 4em;} .ys_nr dl dd .desc h4{font-size: 1.25em;} .ys_nr dl.cur dd{bottom: 12%;} } .m_zz{} .m_zz ul{max-width:1620px; height:168px;margin:0px auto; position: relative; clear:both;overflow: hidden; } .m_zz li{ width:20%;padding-top: 20px; height: 168px; box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative;} .m_zz li em{margin-left:0px;display: block; position: relative;width:100%; height: 80px;font-size: 53px; color: #fff;text-align: center;} .m_zz li em b{ margin-left:0px;font-size: 72px; color: #fff; font-family: "Arial"; font-weight: bold;} .m_zz li em i{ font-size: 18px; color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 24px;width:24px; height: 24px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;top:10px; right:50px;background: #666; border-radius: 100%;} .m_zz li h3{font-size: 18px; color: #fff; text-align: center; font-weight: normal; margin-top:5px;} .m_zz li h3 p{font-size: 12px;color:#fff; margin-top:5px;} @media (max-width: 990px) { .ysbj{height: auto;overflow: hidden; background:#000;padding-top:30px; width:100%;margin:0 auto;} .a1111{ display: block; width:100%;} .ys_nr dl{ display:none;} .m_zz ul{max-width:1620px; height:120px;margin:0px auto; position: relative; clear:both;overflow: hidden; } .m_zz li em{margin-left:0px;display: block; position: relative;width:100%; height:40px;font-size:25px; color: #fff;text-align: center;} .m_zz li em b{ margin-left:0px;font-size:25px; color: #fff; font-family: "Arial"; font-weight: bold;} .m_zz li em i{ font-size: 14px;position: absolute;top:10px; right:10px;line-height:18px;width:18px; height: 18px;} .m_zz li h3{font-size:12px; color: #fff; text-align: center; font-weight: normal; margin-top:5px;} .m_zz li h3 p{font-size:6px;color: #fff; } } /* 户外照明灯具制造商 */ .flex_cc{display: flex;flex-wrap: wrap;justify-content: space-between; align-content: space-between;} .zao_ll li:nth-child(2){width: 60.25%;} .zao_ll li:nth-child(3){width: 60.25%;} .zao_ll li{width: 38.625%;margin-bottom: 30px;position: relative;} .zao_ll li{position: relative;} .zao_ll li .img_11{text-align: center;} .zao_ll li .img_11 img{text-align: center;width: 100%;max-height: auto;overflow: hidden;;} .zao_ll li .img_bb{position: absolute;bottom:45px;width: 100%;left:0px;;} .zao_ll li h3{font-family:MicrosoftYaHei-Bold;font-size:34px;font-weight:600;font-stretch:normal;letter-spacing:0px;color:#fff;text-align: center;margin-top:20px;z-index: 99999;margin-bottom: 10px;} .zao_ll li h4{font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;text-align: center;margin-top:10px;max-width: 80%;margin: auto;} .zao_ll li h5{width: 136px;height: 40px;border-radius: 4px;border: solid 1px #d0d0d0;margin:0 auto;margin-top:30px;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;text-align: center;line-height: 40px;} .zao_ll li:hover h5{border: solid 1px #fff;background:#fff;color:#fff} @media (max-width: 1440px) { .zao_ll li h3{font-family: MicrosoftYaHei-Bold;font-size: 28px;} .zao_ll li h4{font-size: 12px;line-height:35px;height:35px;overflow: hidden;} } @media (max-width: 992px) { .zao_ll {width:100%;background:#f9f9f9;} .zao_ll li:nth-child(3),.zao_ll li:nth-child(2){width:50%;background:#f9f9f9;} .zao_ll li{width:50%;background:#f9f9f9;margin-bottom: 30px;} .zao_ll li .img_bb{position: absolute;bottom:15px;width: 100%;left:0px;} .zao_ll li h3{font-family: MicrosoftYaHei-Bold;font-size: 16px; margin-top:30px; margin-bottom:10px;} .zao_ll li h4{ display:none;} .zao_ll li h5{margin-top:0px; height:20px; line-height:20px;} } /* 按您的需求 */ .xq{background:#333;padding: 3.5%;} .xq1{width: 24%;} .xq1 h2{font-family: MicrosoftYaHei;font-size: 36px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;line-height: 45px;} .xq1 h3{font-family: MicrosoftYaHei;font-size: 24px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;line-height: 50px;} .xq1 h4{font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;opacity: 0.5;line-height: 45px;} .xq1 h4 a{color: #fff;opacity: 0.5;} .xq2{width: 76%;} .xq_ll li{margin:0 10px} .xq_ll li a.img{overflow: hidden;width: 100%;display: block;margin-bottom: 10px;} .xq_ll li a.img img{width:100%;} .xq_ll li h3{color:#fff;font-size: 18px;text-align: center;line-height: 35px;} .xq_ll li h4{font-size: 12px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;opacity: 0.5;text-align: center;line-height: 25px;} @media (max-width: 1370px) { .xq1 h2{font-family: MicrosoftYaHei;font-size: 30px;} .xq1 h3{font-size: 20px;} .xq1 h4{font-family: MicrosoftYaHei;font-size: 16px;} .xq_ll li h3{color:#fff;font-size: 16px;text-align: center;line-height: 35px;} } @media (max-width: 992px) { .xq1{width: 100%;text-align: center; display:none;} .xq1 h2{font-family: MicrosoftYaHei;font-size: 25px;line-height: 30px;} .xq1 h3{font-size: 18px;line-height: 35px;} .xq{background:#000;padding: 3.5%;} } @media (max-width: 990px) {.xq2{width: 100%;}} .xq_ll2 li{width: 48%;float: left;margin-bottom: 15px;} .xq_ll2 li a.img{display: block;} .xq_ll2 li a.img img{width: 100%;} .xq_ll2 li:nth-child(2n){float: right;} .xq_ll2 li h3{color:#fff;font-size: 16px;text-align: center;line-height: 35px;} .xq_ll2 li h4{font-size: 12px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;text-align: center;line-height: 25px;} .more5{font-size: 12px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fff;text-align: center;line-height: 25px;} .more5 a{letter-spacing: 0px;color: #fff;text-align: center;} /* 亮化工程 解决方案 */ .fang{position: relative;width: 100%;height:100%;} .box2_ff{position: relative;width: 100%;} .fang .owl-carousel {position: relative;} .fang .owl-carousel .banner-item a { display: block;} .fang .owl-carousel .owl-nav .owl-prev { left: 0;width: 22px;height:39px} .fang .owl-carousel .owl-nav .owl-next { right: 0;width: 22px;height:39px} .fang .owl-carousel .owl-nav button.owl-prev{background:url(../images/5f3d.png) no-repeat center top;position: absolute;left:-40px;z-index: 99999;opacity: 1;top:45%;} .fang .owl-carousel .owl-nav button.owl-next {background:url(../images/c878.png) no-repeat center top;position: absolute;right:-40px;z-index: 99999;opacity: 1;top:45%;} .fang .owl-carousel .owl-nav .icon-font { display: none; width: 100%;height: 100%;} .fang {position: relative;} .fang li img{width: 100%;height:auto} .fang li{margin: 0 12px;} .fang li .dgg{position: absolute;width:80%;left:10%;z-index: 99999;top:35px} .fang li .dgg h3{color:#fff;font-size:18px;float:left;} .fang li .dgg .mb{width: 32px;float:right;} .fang li .dgg .mb img{width:50%;} .ff_ll{ display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .ff_ll li{width: 49%;position: relative;margin-bottom: 15px;} .ff_ll li img{width: 100%;height:auto} .ff_ll li .dgg{position: absolute;width:80%;left:10%;z-index: 99999;top:35px} .ff_ll li .dgg h3{color:#fff;font-size: 36px;font-weight: 400;float:left;} .ff_ll li .dgg .mb{width: 25px;float:right;} .ff_ll li .dgg .mb img{width:50%;} .caseMain{ clear:both; margin-top:50px;} .caseMain li{float:left;width:25%;padding:0 10px 10px 0; margin-bottom:-60px;} .caseMain li a{display:block;overflow: hidden;} .caseMain li .pImg{transition:all .3s;} .caseMain li .pImg img{ width:100%;} .caseMain li h4{height:60px;line-height:60px;color:#fff; position:relative; top:-60px;float:left;background:linear-gradient(to bottom,rgba(0,0,0,.0),rgba(0,0,0,.6));width:100%;padding:0 20px;} .caseMain li h4 i{float:right;color:#fff;margin-left:10px;} @media (max-width: 1370px) {.fang .swiper-slide .dgg h3{color:#fff;font-size: 30px;font-weight: 400;} } @media (max-width: 1300px) {.fang .swiper-slide .dgg h3{color:#fff;font-size: 25px;font-weight: 400;}} @media (max-width: 990px) { .ff_ll li .dgg h3{color:#fff;font-size:18px;font-weight: 400;} } /*新闻资讯 */ .xw_box{background:#000;padding: 3.5vw 0;} .xw1{width: 36.25%;} .nn_list li{width: 100%;background:#333;padding-bottom: 20px;} .nn_list li a.img{display: block;} .nn_list li a.img img{width: 100%;} .nn_list li .dnn{padding: 3% 5%;} .nn_list li h2{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:0px;color:#fff;} .nn_list li h3{font-family:MicrosoftYaHei;font-size:22px;font-weight:normal;font-stretch:normal;line-height:35px;letter-spacing:0px;color:#fff;width:80%;height:70px;overflow:hidden;float:left;} .nn_list li h3 a{color: #fff;} .nn_list li .mma{width: 48px;height: 48px;border: solid 2px #dadada;float: right;margin-top:5px;border-radius: 50%;background:url(../images/d85.png) no-repeat center;} .nn_list li:hover .mma{background: #fff;box-shadow: 0px 0px 32px 0px rgba(255, 255, 255, 0.57);background:url(../images/d3b.png) no-repeat center #fff;border: solid 2px #fff;} .xw2{width: 61.18%;background:#333;padding: 3% 4%;} .nn_list2 li{width: 100%;padding:25px 0;} .nn_list2 li .time{width: 18%;float:left;background:url(../images/318fa.png) no-repeat center right;text-align: center;} .nn_list2 li .time dt{font-family: Arial-BoldMT;font-size: 60px;font-stretch: normal;letter-spacing: 0px;color: #fff;line-height: 48px;margin-top: 10px;} .nn_list2 li .time dd{font-family: ArialMT;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 25px;letter-spacing: 0px;color: #fff;margin-top:5px} .nn_list2 li:hover .time dt{color:#fff} .nn_list2 li .dnn{width: 63%;float:left;margin-left:4.8%;} .nn_list2 li h3 {font-family: MicrosoftYaHei;font-size: 22px;font-weight: normal;font-stretch: normal;line-height: 35px;letter-spacing: 0px;color: #fff;height:35px;overflow: hidden;} .nn_list2 li span{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 25px;letter-spacing: 0px;color: #fff;opacity: 0.7;height:50px;overflow: hidden;display: block;margin-top:10px} .nn_list2 li .mma{width: 48px;height: 48px;border: solid 2px #dadada;float: right;margin-top:10px;border-radius: 50%;background:url(../images/d85.png) no-repeat center;} .nn_list2 li:hover .mma{background: #fff;box-shadow: 0px 0px 32px 0px rgba(255, 255, 255, 0.57);background:url(../images/d3b.png) no-repeat center #fff;border: solid 2px #fff;} @media (max-width: 1440px) {.nn_list2 li{width: 100%;padding:19px 0;} } @media (max-width: 1370px) { .nn_list2 li{width: 100%;padding:17px 0;} .nn_list2 li h3 {font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 35px;letter-spacing: 0px;color: #fff;height:35px;overflow: hidden;} .nn_list li h3{font-size: 18px;} } @media (max-width: 1300px) { .nn_list2 li{width: 100%;padding:14.5px 0;} .nn_list2 li .time dt{font-family: Arial-BoldMT;font-size: 45px;font-stretch: normal;letter-spacing: 0px;color: #333333;line-height: 48px;margin-top: 10px;} } @media (max-width: 1024px) { .xw1{ width:100%; margin-bottom:20px;} .xw2{width: 100%;background:none;padding: 3% 4%;} .nn_list2 li{background:#333;margin-bottom: 15px;padding: 25px!important;} .nn_list2 li .time{display:none;} .nn_list2 li .dnn{width: 86%;float:left;margin-left:0%} .nn_list2 li .mma{margin-top: 14px;} .xw2{padding: 0%;} .xw_box{padding: 40px 0;}} @media (max-width: 420px) { .nn_list2 li .dnn{width: 78%;float:left;margin-left:0%} .nn_list2 li .dnn span{display:none;} .nn_list2 li h3{height:70px;font-size: 16px;} .nn_list2 li{background:#333;margin-bottom: 15px;padding: 15px!important;} .xw2{padding: 0%;} } /* 通栏 */ .dff{background:#000000;padding: 3.5vw 0;border-top: 1px solid #333;} .dd1{width:58.75%;float:left;} .dd1 dl{width: 20%;float:left;} .dd1 dl:nth-child(2){width:60%;float:left} .dd1 dl:nth-child(2) dd{color:#fff;font-size: 14px;line-height: 28px; float:left; width:33%;} .dd1 dl dt{color:#fff;font-size: 16px;line-height: 35px;font-weight: 400;margin-bottom: 15px;} .dd1 dl dd{color:#fff;font-size: 14px;line-height: 28px;} .dd1 dl dd a{color:#fff;font-size: 14px;line-height: 28px;} .dd2{width: 33.125%;float:right;} .wwmm{float: left;width: 56%;} .wwmm img{max-width: 100%;border-bottom:none;margin-bottom: 15px;text-align: center;} .wwmm p{width: 100%;color:#fff;font-size: 13px;line-height: 20px;text-align: center;} .dh{float: left;margin-left:10px;width: 42%;margin-top: 10px;} .dh li{width: 100%;float:left;margin-bottom: 10px;} .dh li a.img img{float:left;margin-top:10px} .dh li .dh_con{float:left;margin-left:5px;} .dh li .dh_con h3{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;} .dh li .dh_con h4{font-family: Arial-BoldMT;font-size: 24px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;} .lxwm{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;margin-top: 1.2vw;} /* dff2 */ .dff2{background:#333;padding: 5px 0;} .seox{color:#fefefe;font-size: 14px;line-height: 35px;} .seox a{color:#fefefe;font-size: 14px;line-height: 35px;} @media (max-width: 1560px) { .dd2{width: 37%;float:right;} } @media (max-width: 1460px) { .dd2{width: 38%;float:right;} } @media (max-width: 1440px) { .dd2{width: 40%;float:right;} } @media (max-width: 1370px) { .dd2{width: 43%;float:right;} .dd1{width:56%;float:left} } @media (max-width: 1280px) { .dd2{width: 46%;float:right;} .dd1{width:54%;float:left} } @media (max-width: 1200px) { .dd2{width: 100%;float:none;margin-top: 20px;} .dd1{display:none;} .dff2{display: none;} } @media (max-width: 768px) { .dd2{width:50%;float:none;margin-top: 20px;margin-left:25%;} .dh{float: left;margin-left:10px;width: 100%;margin-top: 10px;} .dd1{display:none;} .wwmm{width:100%;text-align: center;} .lxwm{text-align: center;margin-bottom: 45px;} } @media (max-width: 640px) { .dd2{width: 74%;float:none;margin-top: 20px;margin-left: 13%;} } @media (max-width: 375px) { .dd2{width: 79%;float:none;margin-top: 20px;margin-left: 11%;} } /*样式*/ @media (max-width: 1370px) { .tta{font-size: 30px;font-weight: 600;letter-spacing: 0px;color: #fff;text-align: center;} .ttb{color:#d8d8d8;font-size: 20px;font-weight: 400;text-align: center;text-transform: uppercase;margin-top:20px} } @media (max-width: 990px) { .box1{margin-top:35px} .box2{margin-top:25px} .tta{font-size: 22px;background-size: 100%;} .ttb{color:#fff;font-size:16px;font-weight: normal;text-align: center;text-transform: uppercase;margin-top:20px} .flex_a{display: block;} .page-banner,.x-banner{margin-top:60px} } /*内页左侧样式*/ .page-product-inquiry a{color: #fff;} .page-position {padding: 0;margin-bottom: 30px;background-color: rgba(51, 51, 51, 1);} .page-position .left {flex: 1;} .page-position .left .xypg-left-nav {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;} .page-position .xypg-left-nav > li {border: none;width: 11%;text-align: center;display: inline-block;} .page-position .xypg-left-nav > li > a {padding: 0;border: none;line-height: 80px;height: auto;font-size: 14px;position: relative;display:block;overflow:hidden;transition:all ease .5s;color:#fff;} .page-position .xypg-left-nav > li > a::after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ddd;top: 50%;margin-top: -7px;left: auto;right: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);border: none;opacity: 1;} .page-position .xypg-left-nav > li:last-child > a::after {opacity: 0;} .page-position .xypg-left-nav > li .first-nav-btn {display: none;} .page-position .xypg-left-subnav > li:hover a {background: #00;color: #fff;} .page-position .xypg-left-nav > li.clicked a {background: #000;color: #fff;} .lefttt{ display:none;} .linkeee{height:230px; margin-bottom:50px; margin-top:0px;} @media(max-width: 992px) {.page-position {padding: 15px 0; padding-top:80px;} .lefttt{ display: block;} .lefttt li{ width:33%; text-align:center; float:left; border:1px solid #eee; height:40px; line-height:40px; margin-bottom:5px;} .lefttt li a{ width:100%; text-align:center; height:40px; line-height:40px; display:inline-block; font-size:12px;} .lefttt > li.clicked a { background: #000; color: #fff;} .linkeee{ display:none;} } .input-box {margin-bottom: 20px; } .input-box .input {width: 48%;height: 50px;box-sizing: border-box;position: relative; } .input-box .input:before {content: '';position: absolute;left: 5px;top: 19px;width: 7px;height: 7px;background-repeat: no-repeat;background-size: 7px 7px;background: url("../images/star.png"); } .input-box .input input {width: 100%;height: 48px;border: 1px solid #f5f5f5;background-color: #000;outline: none;font-size: 16px;color: #333;padding-left: 15px; } .input-box .input input::-webkit-input-placeholder, .input-box .input input:-moz-placeholder, .input-box .input input:-ms-input-placeholder {color: #333 !important; } .input-box .nostar:before {width: 0px; } .textarea-box {width: 100%;height: 154px;position: relative;margin-bottom: 30px; } .textarea-box:before {content: '';position: absolute;left: 5px;top: 16px;width: 7px;height: 7px;background-repeat: no-repeat;background-size: 7px 7px;background: url("../images/star.png"); } .textarea-box textarea {background-color: #000;box-sizing: border-box;border: 1px solid #f5f5f5;outline: none;width: 100%;height: 100%;font-size: 16px;color: #333;padding: 10px 5px 10px 15px;resize: none; } .textarea-box textarea::-webkit-input-placeholder, .textarea-box textarea:-moz-placeholder, .textarea-box textarea:-ms-input-placeholder {color: #333 !important; } .upload {font-size: 16px;color: #666;margin-bottom: 20px; } .upload span {margin-right: 10px; } .upload .load {display: inline-block;width: 120px;height: 35px;line-height: 35px;text-align: center;background: #f5f5f5;color: #666;font-size: 16px;position: relative;vertical-align: middle;cursor: pointer; } .upload .load input {position: absolute;left: 0;bottom: 0;right: 0;top: 0;width: 100%;height: 100%;opacity: 0; } .code-box .code-left input {width: 160px;background-color: #f8f8f8;border: 1px solid #ededed;border-right: 0;height: 48px;outline: none;text-indent: 18px;font-size: 14px;color: #666; } .code-box .code-left img {height: 48px;vertical-align: top; } .code-box .code-right {width: 210px;height: 50px;line-height: 50px;font-size: 16px;color: #000;background-color:#fff;border: none;cursor: pointer; }