.gray_bg { background: #f5f5f5; } .made_title{text-align: center;margin-bottom: 30px;} .made_title h1 span{ display: inline-block; position: relative; padding-bottom: 15px;} .made_title h1 span::after{content: ""; position: absolute; lefT:0; bottom:0; width:100%; height: 2px; background: #d71920;} .made_title i{display: none;margin: auto;width: 44px;height: 2px;background: #d71920;margin-top: 15px;} .honor_div ul{margin-left: -1%;margin-right: -1%;overflow: hidden;} .honor_div ul li{width: 25%;float: left;background: url(../upload/honor_bg.png) no-repeat;background-size: 102% 100%;padding: 2% 1%;box-sizing: border-box;} .honor_t{border: 1px solid #a9a9a5;background: url(../upload/jx.jpg) no-repeat center;background-size: cover;padding: 40px;text-align: center;padding-bottom: 0;} .honor_t img{width: 100%;} .honor_t p{padding: 30px 0;height: 3em;line-height: 1.5em;overflow: hidden;} span.len_more { width: 160px; height: 50px; line-height: 50px; display: block; cursor: pointer; background: #d71921; color: #fff; font-size: 12px; margin: 3% auto 5%; text-align: center; } .honor_md{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;z-index: 9999991;} .honor_con{width: 25%;margin: 0 auto;margin-top: 100px;background: #fff; overflow: hidden;} .honor_con>img{width: 100%;} .honor_con>p{text-align: center;padding: 20px 0;} .honor_close{position: absolute;right: 30px;top: 30px;cursor: pointer;width: 40px;height: 40px;background: #fff;border-radius: 100%;text-align: center;} .honor_close img{margin-top: 5px;} @media only screen and (max-width: 1024px){ .honor_con{width: 30%;} } @media only screen and (max-width: 767px){ .honor_div ul li{width: 100%;} .honor_con{width: 70%;} .honor_close{right: 10px;top:50px;} } /*esh 寤鸿*/ .esh_div dl dd{float: left;width: 64%;} .esh_div dl{position: relative;overflow: hidden;margin-bottom: 5%;} .esh_div dl dt{width: 40%;background: #fff;height: 80%;box-shadow: 0 0 10px rgba(0,0,0,0.1);overflow: hidden; right: 0;left: auto;padding: 5%;box-sizing: border-box;color: #000;transition: all .3s;} .esh_div dl dt p{line-height: 50px;height: 100px;overflow: hidden;} .esh_div dl dt h1{position: relative;margin-bottom: 20px;} .esh_div dl dt h1 span{ display: inline-block; position: relative; padding-bottom: 10px;} .esh_div dl dt h1 span::after{content: ""; position: absolute; left:0; bottom:0;width: 100%;height: 1px;background: #d71921;} .esh_div dl dt h1 i{ display: none; position: absolute;width: 45px;height: 1px;background: #d71921;left: 0;bottom: -10px;} .esh_div dl:nth-child(2n) dd{float: right;} .esh_div dl:nth-child(2n) dt{left: 0;right: auto;} @media only screen and (min-width: 1025px){ /*.esh_div dl dt:hover{background: rgba(215,25,32,0.5);color: #fff;}*/ .esh_div dl dt:hover h1 i{background: #fff;} } /*婊氬姩鏉?/ .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #edf1f5 ; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; min-height: 30px; -webkit-border-radius: 0; background: #2262a9; border-radius: 5px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar { background: #2262a9; } @media only screen and (max-width: 1024px){ .esh_div dl dt{padding: 3%;} .esh_div dl dt p{line-height: 35px;height: 60px;} } @media only screen and (max-width: 767px){ .esh_div dl dd{width: 100%;} .esh_div dl dt{position: static;width: 100%;transform: none;} .esh_div dl dt p{height: auto;} } /*market*/ .market img{width: 100%;} .market_body .made_cont{position: absolute;left: 0;width: 100%;z-index: 10;} .market_body .in_main{} .market_party02{padding: 4% 0;overflow: hidden;} .market_party02 ul{margin-top: 3%;} .market_party02 dl{float: left;width:calc((100% - 78px) / 4);margin-right: 26px;margin-bottom: 26px; overflow: hidden;} .market_party02 dl:nth-child(4n){margin-right: 0;} .market_party03{padding-bottom: 6%;overflow: hidden;} .market_party03 ul{margin-top: 3%;} .market_party03 ul li{float: left;width:calc((100% - 30px) / 3);position: relative;overflow: hidden;} .market_party03 ul li>a{display: block;position: relative;overflow: hidden;} .market_party03 ul li a>p{padding: 20px 0;text-align: center;} .market_party03 ul li>a>p{position: absolute;bottom: 0px;text-align: center;width: 100%;left: 0;color: #fff;} .market_party03 ul li .market_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;background: rgba(215,25,32,0.5); transform: translateY(500px);transition: all .3s;} .market_party03 ul li .market_txt div{width: 100%;text-align: center;} .market_party03 ul li .market_txt div p{margin-bottom: 20px;} .market_party03 ul li .market_txt h1::after{content: "";width: 30px;height: 2px;background: #fff;position: absolute;bottom: -15px;left: 50%;margin-left: -15px;} .caseSwiper,.customerSwiper{position: relative;} .ljx_but div{width: 65px;height: 48px;background:#d71920 url(../upload/a002.png) no-repeat center center ;right: 90px;top: -50px;left: auto;} .ljx_but div.swiper-button-disabled{} .ljx_but div.swiper-button-next{background:#d71920 url(../upload/a003.png) no-repeat center center ;left: auto;right: 0px;top: -50px;} @media only screen and (min-width: 1025px){ .market_party03 ul li:hover .market_txt{transform: translateY(0px);} .market_party03 ul li:hover>a>p{display: none;} .market_party02 li dl:hover img{transform: scale(1.1);transition: all 0.3s ease-in-out;} } @media only screen and (max-width: 1024px){ .market_party02 dl{width: calc((100% - 45px) /3);margin-right: 15px;} .market_party02 dl:nth-child(4n){margin-right: 15px;} .market_party02 dl:nth-child(3n){margin-right: 0;} } @media only screen and (max-width: 767px){ .market_party02 ul dl{width: 49%;margin-right: 2%;margin-bottom: 2%;} .market_party02 ul dl:nth-child(2n){margin-right: 0%;} . .market_party03 ul li{width: 100%;margin-right: 0;} .market_body .made_cont{position: static;} .market_party02 dl{width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 0;} .market_party02 dl:nth-child(2n){margin-right: 0px;}.market_party02 dl:nth-child(4n){margin-right: 20px;} .market_party02 .ljx_but div{width: 50px;height: 26px;background:#d71920 url(../upload/a002.png) no-repeat center center ;right: 60px;top: -10px;} .market_party02 .ljx_but div.swiper-button-next{background:#d71920 url(../upload/a003.png) no-repeat center center ;left: auto;right: 0px;top: -10px;} .market_party03 .ljx_but div{width: 65px;height: 48px;background:#d71920 url(../upload/a002.png) no-repeat center center ;right: 90px;top: 50%;left: 0;margin-top: -29px;} .market_party03 .ljx_but div.swiper-button-next{background:#d71920 url(../upload/a003.png) no-repeat center center ;left: auto;right: 0px;top: 50%;margin-top: -29px;} } /**/ .glimpse_swi{padding-bottom: 5%;overflow: hidden;} .slider_box{} .case_show{ position: relative;} .case_show_b{ width: 100%; height: 100%;margin-bottom: 25px;} .case_show_b li{position: relative;} .case_show_b .glimpse_p{position: absolute;left: 0;bottom: 0;background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));color: #fff;text-align: center;width: 100%;line-height: 45px;} .case_show_s{width:100%; z-index: 10;margin: 0 auto;} .case_show_s li{position: relative;cursor: pointer; overflow: hidden;box-sizing: border-box;} .case_show_s li.on::after{content: "";width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;border: 3px solid #d71921;} .case_show_s .swiper-container{width:100%;margin: auto;} .case_show_s .glimpse_p{display: none;} .case_show_s .but>div{width: 66px;height: 50px;box-shadow: none;background: none;color: #fff;text-align: center;line-height: 50px;} .case_show_s .but>div i{font-size: 30px;} .case_show_s .but>div.swiper-button-prev{left:0px;top: 37%;background:#d71920 url(../upload/a002.png) no-repeat center center ;} .case_show_s .but>div.swiper-button-next{right:0px;top: 37%;background:#d71920 url(../upload/a003.png) no-repeat center center ;} .case_show_s .swiper-button-next.swiper-button-disabled,.case_show_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;opacity: 1;} .case_show_s .swiper-button-next.disabled,.case_show_s .swiper-button-prev.disabled{cursor: auto; background: rgba(0,0,0,0.5);opacity: .5;} .glimpse_party02{padding-bottom: 8%;} .glimpseSwiper{position: relative;} .glimpse_party02 dl{float: left;width: calc((100% - 20px) /2);margin-right: 20px;margin-bottom: 20px;overflow: hidden;} .glimpse_party02 dl:nth-child(2n){margin-right: 0;} .glimpse_party02 dl>p{position: absolute;padding:15px 0;bottom: 0;text-align: center;width: 100%;left: 0;color: #fff;background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));} .glimpse_party02 dl .market_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;background: rgba(215,25,32,0.5); transform: translateY(800px);transition: all .3s;} .glimpse_party02 dl .market_txt h1::after{content: "";width: 30px;height: 2px;background: #fff;position: absolute;bottom: -15px;left: 50%;margin-left: -15px;} .glimpseSwiper .swiper-pagination{width: 100%;margin: 3% 0;} .glimpseSwiper .swiper-pagination .swiper-pagination-bullet{width: 50px;height: 6px;border-radius: 0;background: #bdbdbd;margin: 0 15px;opacity: 1;} .glimpseSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d71920;} @media only screen and (min-width: 1025px){ /*.glimpse_party02 dl:hover .market_txt{transform: translateY(0px);}*/ /*.glimpse_party02 dl:hover>p{display: none;}*/ } .glimpse_party03{padding-bottom: 4%;} .interflowSwiper{position: relative;} .interflowSwiper li{position: relative;} .interflow_txt{position: absolute;left: 0;bottom: 0;width: 100%;background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));text-align: center;padding: 10px 0;color: #fff;} .interflowSwiper .ljx_but div{left: 10%;right: auto;top:50%;margin-top: -29px;} .interflowSwiper .ljx_but div.swiper-button-next{right: 10%;left: auto;top:50%;margin-top: -29px;} .interflowSwiper .swiper-slide.swiper-slide-active{margin-top: -30px;} .interflowSwiper ul{padding: 30px 0;padding-bottom: 60px;} .interflowSwiper .swiper-slide.swiper-slide-active .interflow_txt{background: #fff;color: #000000;width: 80%;left: 10%;padding: 30px 0;padding-bottom: 45px;bottom: -45px;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .interflow_txt p{position: relative;} .interflow_txt p i{width: 46px;height: 2px;display: block;left: 50%;margin-left: -23px;background: #da2830;position: absolute;bottom: -10px;display:none;} .interflowSwiper .swiper-slide.swiper-slide-active .interflow_txt p i{display: block;} .glimpseSwiper2{position: relative;} .glimpseSwiper2 dl{float: left;width: calc((100% - 40px) / 3);margin-right: 20px;} .glimpseSwiper2 dl:nth-child(3n){margin-right: 0;} .js_t img{width: 100%;} .js_b{padding: 30px;box-sizing: border-box;background: #fff;color: #000;transition: all .3s;} .js_b p{font-size: 12px;line-height: 30px;height: 60px;overflow: hidden;display: none;} .js_b h1{position: relative;margin-bottom: 10px;} .js_b h1 i{position: absolute;width: 40px;height: 2px;background: #d71921;left: 0;bottom: -10px;} .glimpseSwiper2 .swiper-pagination{width: 100%;margin: 3% 0;left: 0;} .glimpseSwiper2 .swiper-pagination .swiper-pagination-bullet{width: 50px;height: 6px;border-radius: 0;background: #bdbdbd;margin: 0 15px;opacity: 1;} .glimpseSwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d71920;} .glimpse_party04{padding-bottom: 8%;} @media only screen and (min-width: 1025px){ /*.glimpseSwiper2 dl:hover .js_b{background: #d71921;color: #fff;}*/ } .glimpse_modal .honor_con{width: 65%;background: #fff;overflow: hidden;} .glimpse_modal .honor_con img{width: 45%;float: left;} .glimpse_modal .honor_con .glimpse_modal-txt{width: 55%;float: left;padding: 5%;box-sizing: border-box;} .glimpse_modal .honor_con .glimpse_modal-txt h1{margin-bottom: 20px;} .glimpseSwiper .ljx_but,.glimpseSwiper2 .ljx_but{display: none;} @media only screen and (max-width: 1024px){ .glimpse_party02{padding-bottom: 12%;} .interflow_txt p{font-size: 14px;} .interflowSwiper .swiper-slide.swiper-slide-active .interflow_txt{width: 90%;left: 5%;} .glimpse_party04{padding-bottom: 120px;} } @media only screen and (max-width: 767px){ .glimpseSwiper .ljx_but,.glimpseSwiper2 .ljx_but{display: block;} .glimpseSwiper .swiper-pagination,.glimpseSwiper2 .swiper-pagination{display: none;} .glimpse_party02 dl{width: 100%;margin-right: 0;} .glimpseSwiper .ljx_but div{left: 0;top:50%;margin-top: -29px;} .glimpseSwiper .ljx_but div.swiper-button-next{right: 0;left: auto;top:50%;margin-top: -29px;} .interflowSwiper .swiper-slide.swiper-slide-active .interflow_txt{position: static;width: 100%;} .interflowSwiper .swiper-slide.swiper-slide-active{margin-top: 0;} .interflowSwiper ul{padding: 0;} .glimpse_party02 dl{margin-bottom: 0;} .glimpseSwiper2 dl{width: 100%;} .glimpseSwiper2 .ljx_but div{left: 0;top:50%;margin-top: -29px;} .glimpseSwiper2 .ljx_but div.swiper-button-next{right: 0;left: auto;top:50%;margin-top: -29px;} .glimpse_party04 { padding-bottom: 30px; } .glimpse_party03 { padding-bottom: 30px; } .glimpse_party02 { padding-bottom: 30px; } .glimpse_swi{padding-bottom: 30px;} .glimpse_modal .honor_con{width: 94%;} .glimpse_modal .honor_con img{width: 100%;} .glimpse_modal .honor_con .glimpse_modal-txt{width: 100%;} } .made_edit01 { width: 990px; max-width: 100%; margin: auto; text-align: left; line-height: 30px; margin-bottom: 50px; }