@charset "UTF-8"; /* .banner { max-height: 830px; height:100vh; overflow: hidden; } .hmBanVideo { height:100%; overflow: hidden; } .hmFocus .cover { position:absolute; top:0; left:0; top:0; text-align:center; background-image:url(../images/index01.png); background-repeat:repeat; overflow: hidden; } .hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);} .hmFocus_img img{ width: 100%;} .on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 1.5s linear forwards; animation: scaleBg 1.5s linear forwards;} .hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;} .hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:40%; transform:translateY(-50%); z-index:2} .hmFocus_txt h5{ font-size: 60px; line-height: 68px; margin-bottom: 25px; padding-bottom: 30px; position: relative; display: block; transition: all 0.4s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 3px; font-weight: bold; } .hmFocus_txt h5::after{ position: absolute; left: 0px; bottom: 0px; content: ""; width: 70px; height: 4px; background: #fff; transition: all 0.6s ease-in-out; transform: translate(0px,0px); } .hmFocus_txt h5 strong{ display: inline-block; margin: 0 5px; font-weight: bold; font-size:60px; } .hmFocus_txt p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size:24px; line-height: 32px;} .on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmFocus .slick-prev{ background:url(../images/hmBtn.png) no-repeat center center; display: inline-block; border-radius: 100%; opacity: 0.69; height: 40px; width: 40px; position: absolute; left: 20px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 99; transition: all 0.5s ease-in-out; } .hmFocus .slick-next{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block;border-radius: 100%; opacity: 0.69; height: 40px; width: 40px; position: absolute; right: 20px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 99; transition: all 0.5s ease-in-out; transform: rotate(180deg); } .hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;} .hmFocus_dot{ height: 6px; width: 100%; position: absolute; left: 0px; bottom: 55px; z-index: 999; text-align:center} .hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:5px; width:60px; border-radius: 5px; background:rgba(255,255,255,0.8); cursor:pointer; position:relative; } .hmFocus_dot span:after{content:"";background-image: linear-gradient(90deg, #e24a13 0%,#ea8400 100%); width:0; height:5px; position:absolute; left:0; top:0;border-radius: 5px; } .hmFocus_dot span.on:after{ width:100%; } .hmNext_btn { height: 38px; width: 24px; border: 2px solid #fff; display: inline-block; position: absolute; left: 50%; bottom: 5.74vh; border-radius: 1.6em; z-index:99; transform:translateX(-50%); } .hmNext_btn:after { content: ""; background: #fff; height: 4px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.0em; } .hmFocus_icon{ display: inline-block; width: 60px; height: 60px; margin-top: 32px; transition: all 0.85s ease-in-out; transform: translate(0px,30px); opacity: 0; cursor: pointer; border-radius: 50%; border: 1px solid #fff; position: relative; } .hmFocus_icon img{display:none;} .hmFocus_icon:after{ content: ""; width: 60px; height: 60px; position: absolute; left: -1px; top: -1px; border-radius: 50%; border-top: 1px solid #f39800; border-left: 1px solid #f39800; animation:radiusRotate 0.5s linear infinite} .on .hmFocus_icon{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmFocus_aBox{display: block; width: 100%; height: 100%;} .hmBanVideo{ position:absolute; left:0; top:0px; right:0; bottom:0;height: 100%;} .hmBanVideo video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:108%; } .hmBanVideo:after{content:""; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; right:0; bottom:0;} @media (min-width:1921px){ .banner { max-height:1150px; height:100vh; overflow: hidden; }} @media (min-width:2300px){ .banner { max-height: 1350px; height:100vh; overflow: hidden; }} @media (min-width:2560px){ .banner { max-height: 1450px; height:100vh; overflow: hidden; }} @media (max-width:1799px){ .hmFocus_txt h5{ font-size: 48px; line-height: 58px; letter-spacing: 2px;} .hmFocus_txt h5 strong{ font-size:52px; } .hmFocus_txt p{font-size:22px; margin-top:15px;}} @media (max-width:1540px){ .banner { max-height: 707px; height:707px!important; position: relative; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:707px;} .hmBanVideo video{ width:108%; }} @media (max-width:1480px){ .hmBanVideo video{ width:115%; } .banner { max-height: 678px; height:678px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:678px;}} @media (max-width:1440px){ .hmBanVideo video{ width:112%; } .banner { max-height: 668px; height:668px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:668px;}} @media (max-width:1400px){ .banner { max-height: 643px; height:643px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:643px;}} @media (max-width:1366px){ .banner { max-height: 628px; height:628px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:628px;} .hmBanVideo video{ width:118%; } .hmFocus_dot{ bottom:35px;}} @media (max-width:1350px){ .banner { max-height: 618px; height:618px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:618px;}} @media (max-width:1300px){ .banner { max-height: 597px; height:597px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:597px;}} @media (max-width:1280px){ .banner { max-height: 588px; height:588px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:588px;}} @media (max-width:1240px){ .banner { max-height: 570px; height:570px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:570px;}} @media (max-width:1220px){ .banner { max-height: 560px; height:560px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:560px;}} @media (max-width:1200px){ .banner { max-height: 550px; height:550px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:550px;} .hmFocus_txt h5{ margin-bottom: 15px; padding-bottom: 20px; } .hmFocus_txt h5::after{ width: 50px; height: 3px; } .hmFocus_txt{ top:45%;} .hmFocus_dot{ bottom:35px;}} @media (max-width:1199px){ .hmPage1{position:relative;} .hmFocus_img{ margin-top:0px; } .hmFocus_txt h5{ font-size: 40px; line-height: 50px; letter-spacing: 1px;} .hmFocus_txt h5 strong{ font-size:44px; } .hmFocus_txt p{font-size:20px; margin-top:12px;}} @media (max-width:1160px){ .banner { max-height: 535px; height:535px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:535px;}} @media (max-width:1100px){ .banner { max-height: 505px; height:505px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:505px;} .hmFocus_txt{ top:47%;}} @media (max-width:1080px){ .banner { max-height: 490px; height:490px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:490px;}} @media (max-width:1024px){ .banner { max-height: 470px; height:470px; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:470px;} .hmFocus_dot{ bottom:45px;}} @media (max-width:992px){ .banner { max-height: 550px; height:550px!important; overflow: hidden; margin-top: 80px;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:550px;} .hmBanVideo video{ width:128%; } .hmFocus_txt h5{ font-size: 36px; line-height: 45px; letter-spacing: 1px;} .hmFocus_txt h5 strong{ font-size:36px; }} @media (max-width:950px){ .banner { max-height: 535px; height:535px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:535px;}} @media (max-width:920px){ .banner { max-height: 510px; height:510px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:510px;} .hmFocus .slick-prev{ display:none;} .hmFocus .slick-next{ display: none;} } @media (max-width:900px){ .banner { max-height: 500px; height:500px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:500px;}} @media (max-width:892px){ .banner { max-height: 463px; height:463px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:463px;} .hmFocus_txt h5{ font-size: 32px; line-height: 40px; } .hmFocus_txt h5 strong{ font-size:32px; } .hmFocus_txt p{font-size:18px; margin-top:12px;}} @media (max-width:820px){ .banner { max-height: 445px; height:445px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:445px;}} @media (max-width:768px){ .banner {max-height: 426px; height:426px!important;margin-top: 80px;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:426px;} .hmFocus_txt h5{ font-size: 24px; line-height: 36px; letter-spacing: 0px; margin-bottom: 5px; padding-bottom:5px;} .hmFocus_txt h5::after{ width: 40px; height: 2px; } .hmFocus_txt h5 strong{ font-size:24px; } .hmFocus_txt p{font-size:16px; margin-top:10px; line-height:22px;} .hmFocus_dot{ height:3px; bottom: 40px; } .hmFocus_dot span{ margin: 0px 3px; height:3px; width:40px;} .hmFocus_dot span:after{ height:3px; }} @media (max-width:720px){ .banner { max-height: 400px; height:400px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:400px;}} @media (max-width:690px){ .banner { max-height: 390px; height:390px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:390px;}} @media (max-width:670px){ .banner { max-height: 370px; height:370px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:370px;}} @media (max-width:650px){ .banner { max-height: 350px; height:350px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:350px;}} @media (max-width:590px){ .banner { max-height: 330px; height:330px!important; overflow: hidden; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:330px;}} @media (max-width:567px){ .banner {max-height: 314px; height:314px!important; position: relative;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:314px;}} @media (max-width:550px){ .banner {max-height: 304px; height:304px!important; position: relative;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:304px;}} @media (max-width:520px){ .banner {max-height: 288px; height:288px!important;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:288px;} .hmFocus_txt{ top:50%;} .hmFocus_txt p{ display: none;} .on .hmFocus_txt p{opacity:0; display: none;} .hmFocus_txt h5::after{width: 0px; height: 0px;}} @media (max-width:450px){ .banner {max-height: 260px; height:260px!important; margin-top: 70px;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:260px;} .hmFocus_dot span{ width:35px;} .hmFocus_dot{ bottom: 30px; }} @media (max-width:440px){ .banner {max-height: 245px; height:245px!important; } .hmBanVideo,.hmFocus_img,.hmFocus_item{height:245px;}} @media (max-width:425px){ .banner {max-height: 236px; height:236px!important;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:236px;} .hmFocus_txt h5{ font-size: 22px; } .hmFocus_txt h5 strong{ font-size:22px; } .hmFocus_txt p{margin-top:5px;} .hmFocus_dot span{ width:30px;}} @media (max-width:415px){ .banner {max-height: 220px; height:220px!important;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:220px;} .hmFocus_txt h5{ font-size: 20px; } .hmFocus_txt h5 strong{ font-size:20px; }} @media (max-width:365px){ .banner {max-height: 200px; height:200px!important;} .hmBanVideo,.hmFocus_img,.hmFocus_item{height:200px;}} */ .index-part1 .index-part1-left { background: url(../images/c-bg1.png) top left no-repeat;} .index-part1 .index-part1-left .g-titleb1{margin-bottom:50px} .g-titleb1 .s{display:inline-block;font-size:18px;color:#e06d14;border-top:2px solid #e06d14;padding-top:4px;margin-bottom:8px} .g-titleb1 h3{font-weight:400;font-size:40px;color:#333;line-height:1.2} @media (max-width:1440px){ .g-titleb1 h3{ font-size:34px;}} @media (max-width:1366px){ .g-titleb1 h3{ font-size:30px;}} @media (max-width:1199px){ .g-titleb1 h3{ font-size:26px;}} @media (max-width:992px){ .index-part1 .index-part1-left .g-titleb1{margin-bottom:30px} .g-titleb1 h3{ font-size:22px;}} @media (max-width:768px){ .g-titleb1 h3{ font-size:20px;} .index-part1 .index-part1-left .g-titleb1{margin-bottom:20px}} .m-videob1{position:relative;margin-bottom:60px} .m-videob1 .video{display:block;width:100%; height: 100%;} .m-videob1 .play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:55px;height:55px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:url(../images/c-i25.png) center no-repeat #e06d14;-webkit-background-size:18px 18px;-moz-background-size:18px;-o-background-size:18px;background-size:18px;cursor:pointer;z-index:1} .m-videob1 .play::after,.m-videob1 .play::before{content:"";display:block;width:100%;height:100%;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:-1} .m-videob1 .play::before{background-color:rgba(224,109,20,.4);-webkit-animation:1.5s infinite myscale;-moz-animation:1.5s infinite myscale;-o-animation:1.5s infinite myscale;animation:1.5s infinite myscale} .m-videob1 .play::after{background-color:rgba(224,109,20,.2);-webkit-animation:1.8s .3s infinite myscale1;-moz-animation:1.8s .3s infinite myscale1;-o-animation:1.8s .3s infinite myscale1;animation:1.8s .3s infinite myscale1} @-webkit-keyframes myscale{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}} @-moz-keyframes myscale{ 0%{-moz-transform:scale(1);transform:scale(1);opacity:1} 100%{-moz-transform:scale(1.5);transform:scale(1.5);opacity:0}} @-o-keyframes myscale{ 0%{-o-transform:scale(1);transform:scale(1);opacity:1} 100%{-o-transform:scale(1.5);transform:scale(1.5);opacity:0}} @keyframes myscale{ 0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1} 100%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0}} @-webkit-keyframes myscale1{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:1} 100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}} @-moz-keyframes myscale1{ 0%{-moz-transform:scale(1);transform:scale(1);opacity:1} 100%{-moz-transform:scale(2);transform:scale(2);opacity:0}} @-o-keyframes myscale1{ 0%{-o-transform:scale(1);transform:scale(1);opacity:1} 100%{-o-transform:scale(2);transform:scale(2);opacity:0}} @keyframes myscale1{ 0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1} 100%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity:0}} .ul-listb1{overflow:hidden} .ul-listb1 li{float:left;width:33.33%} .ul-listb1 .con{text-align:center} .ul-listb1 .icon{height:168px;line-height:168px;text-align:center;overflow:hidden;font-size:0;margin:0 auto 17px;position:relative} .ul-listb1 .icon img{display:inline-block;vertical-align:middle; } .ul-listb1 .icon .t{position:absolute;top:50%;left:0;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;color:#fff;line-height:1.3} .ul-listb1 .icon .t .i{display:block;width:65px;height:58px;background:url(../images/c-u4.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin:0 auto} .ul-listb1 .icon .t1{font-size:28px} .ul-listb1 .icon .num{font-size:42px;font-weight:700;font-family:Gilroy-Bold;display:inline} .ul-listb1 .icon .num1,.ul-listb1 .icon .p{font-size:42px} .ul-listb1 .txt{font-size:18px;color:#333;line-height:1.33; overflow:hidden} .m-txtb1{font-size:18px;color:#666;line-height:1.77; padding-right: 100px;} .m-txtb1 p { margin-bottom: 10px;} .index-part1 .g-moreb1 { margin-top: 80px;} .g-moreb1 .more{display:inline-block;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;line-height:50px;height:50px;background-color:#f08200; border: 1px solid #f08200;text-align:center;font-size:0;padding:0 30px} .g-moreb1 .more i,.g-moreb1 .more span{display:inline-block;vertical-align:middle} .g-moreb1 .more span{font-size:16px;color:#fff} .g-moreb1 .more i{width:26px;height:26px;background:url(../images/c-i5.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin-left:13px} .tac{text-align:center} @media (max-width: 1440px){ .m-videob1{ margin-bottom:40px} .ul-listb1 .icon .num1,.ul-listb1 .icon .p{font-size:38px} .ul-listb1 .icon .num{font-size:38px; } .index-part1 .g-moreb1 { margin-top: 60px;}} @media (max-width: 1366px){ .m-videob1{ margin-bottom:30px}} @media (max-width: 1200px){ .m-txtb1{padding-right: 50px;} .index-part1 .g-moreb1 { margin-top:30px;} .ul-listb1 .txt{font-size:16px;}} @media (max-width: 992px){ .m-txtb1{ line-height:1.5; padding-right: 0px;} .index-part1 .g-moreb1 { margin-top:20px; margin-bottom: 30px;} .ul-listb1 .icon .num1,.ul-listb1 .icon .p{font-size:30px} .ul-listb1 .icon .num{font-size:32px; } .ul-listb1 .icon .t1{font-size:24px} } @media (max-width:768px){ .m-txtb1{font-size:16px; } .ul-listb1 .icon{height:148px;line-height:148px;} .ul-listb1 .icon img{ height: 100%;} .ul-listb1 .icon .num{font-size:26px; } .ul-listb1 .icon .t1{font-size:20px}} @media (max-width:468px){ .ul-listb1 .icon .num{font-size:22px; } .ul-listb1 .icon .t1{font-size:18px} .ul-listb1 .txt{font-size:16px;} .ul-listb1 .icon img{ height: 100%;} .ul-listb1 .icon{height:118px;line-height:118px;} .g-moreb1 .more{ line-height:40px;height:40px; padding:0 15px} .g-moreb1 .more i{width:22px;height:22px;}} @media (max-width:428px){ .ul-listb1 .icon img{ height: auto;} .index-part1 .g-moreb1 { margin-top:10px;} .ul-listb1 li{ padding:0 10px; margin: 0 auto;}} .index-part2 { background: #f7f7f7;} .index-part2 .g-moreb1 { float: right;} .index-part2 .g-moreb1 .more {background-color:#ffffff; border: 1px solid #e5e5e5;} .index-part2 .g-moreb1 .more span{ color:#999;} .index-part2 .g-moreb1 .more i{width:26px;height:26px;background:url(../images/c-i5-1.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin-left:13px} @media (max-width: 768px){ .index-part2 .g-moreb1 { float: left; margin-top: 30px;}} @media (max-width: 468px){ .index-part2 .g-moreb1 { margin-top: 20px;} .index-part2 .g-moreb1 .more i{width:22px;height:22px;}} [data-appear-animation=slide-up] { transform: translateY(50px); opacity: 0; transition: .8s ease transform, .8s ease opacity} html.ie [data-appear-animation=slide-up] { opacity: 1; transform: translateY(0)} [data-appear-animation=slide-up].is-inview { opacity: 1; transform: translateY(0)} [data-appear-animation=slide-up].delay { transition-delay: 1s} [data-appear-animation=fade-in] { opacity: 0; transition: .8s ease opacity} [data-appear-animation=fade-in].is-inview { opacity: 1} [data-appear-animation=text] { visibility: hidden} [data-appear-animation=text] .appear-text { display: flex; flex-direction: column} [data-appear-animation=text] .appear-text-row { display: flex; align-items: center; flex-wrap: wrap} [data-appear-animation=text] .appear-text-wrapper { overflow: hidden; display: block} [data-appear-animation=text] .appear-text-inner { display: block; transform: translateY(100%); transition: .8s ease transform} [data-appear-animation=text] .appear-text-inner.active { transform: translateY(0)} .app-marquee__home {position: relative} .app-marquee__home .swiper-container+.swiper-container {margin-top: 24px} .app-marquee__home .swiper-slide {width: auto} .app-marquee__home .item {display: block;position: relative;overflow: hidden;max-height: 500px;height: 22vw;min-height: 180px} .app-marquee__home .item img {width: 100%;height: 100%;-webkit-object-fit: cover;-moz-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-ms-transition: 1s ease transform;transition: 1s ease transform} .app-marquee__home .item:hover img {-ms-transform: scale(1.1);transform: scale(1.1);} .app-marquee__home .item::after {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .15;pointer-events: none} .app-marquee__home .item img {height: 100%;width: auto} .app-marquee__home .item .text {position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;color: #fff;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));padding: 2em 2.25em} .app-marquee__home .item .text .title {font-size: 24px; -ms-transition: 500ms all ease;transition: 500ms all ease} .app-marquee__home .item .text .title span{ font-size: 18px; text-transform: uppercase;} .app-marquee__home .item .text .intro {opacity: .6;margin-top: .5em;-ms-transition: 500ms all ease;transition: 500ms all ease} .app-marquee__home .item .text .more {-ms-transition: 500ms all ease;transition: 500ms all ease;opacity: 0;-ms-transform: translateY(100%);transform: translateY(100%);display: flex;align-items: center} .app-marquee__home .item .text .more .app-text-more {color: #fff} .app-marquee__home .item .text .more .app-text-more::after {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC);} .app-marquee__home .item:hover .text .title {-ms-transform: translateY(-15px);transform: translateY(-15px);-ms-transition: 500ms all ease;transition: 500ms all ease} .app-marquee__home .item:hover .text .intro {-ms-transform: translateY(-15px);transform: translateY(-15px);-ms-transition: 500ms all ease;transition: 500ms all ease} .app-marquee__home .item:hover .text .more {opacity: 1;-ms-transform: translateY(0px);transform: translateY(0px);-ms-transition: 500ms all ease;transition: 500ms all ease} .app-marquee__home .marquee-swiper-button-next, .app-marquee__home .marqueeTwo-swiper-button-next {position: absolute;right: 5%;bottom: 5%;z-index: 99;-ms-transform: translateX(0);transform: translateX(0);-ms-transition: 300ms ease transform;transition: 300ms ease transform;cursor: pointer} .app-marquee__home .marquee-swiper-button-next:hover, .app-marquee__home .marqueeTwo-swiper-button-next:hover {-ms-transform: translateX(5px);transform: translateX(5px);} .app-marquee__home .marquee-swiper-button-next svg, .app-marquee__home .marqueeTwo-swiper-button-next svg {fill: #fff;width: 2em;height: 2em} @media (max-width:1366px){ .app-marquee__home .item .text .title {font-size: 22px;}} @media (max-width:1199px){ .app-marquee__home .item .text .title {font-size: 20px;} .app-marquee__home .item .text .title span{ font-size: 16px;}} @media (max-width:992px){ .app-marquee__home .item .text .title {font-size: 18px;} .app-marquee__home .item .text .title span{ font-size: 15px;}} .index-part3 { background: #fff url(../images/index_bg1.jpg) no-repeat center; } .index-part3 .container { position: relative; overflow: hidden;} @keyframes sldie{ 0%{width:0%} 100%{width:100%} } .fang-content{ margin:36px auto 40px; position:relative} .fang-cont1{ float:left; width:960px; position:relative; overflow:hidden; cursor:pointer} .fang-cont1 img{ width:100%; height:100%;transition:all 0.4s ease-out} .fang-cont1 img:hover{transform:scale(1.1)} .fang-cont2{ width:720px; height:520px; overflow:hidden; position:absolute;right:0px; bottom:-30px; z-index:23; background:url(../images/bg-1.jpg) no-repeat; box-shadow:0px 0px 12px 4px rgba(179,27,52,0.3); padding:0px 80px} .fang-main{ width:100%; overflow:hidden; margin-top:70px;} .fang-main h3{ float:left; width:100%; overflow:hidden; font-size:30px; color:#fff} .fang-info{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:32px; color:#fff; margin-top:30px; margin-bottom: 40px;} .fang-cont2 .swiper-pagination-custom{ bottom:50px;padding:0px 90px} .fang-cont2 .swipers-dot{ width:16.66666666667%; float:left; overflow:hidden; cursor:pointer} .fang-cont2 .swipers-dot span{ float:left; width:100%; height:2px; background:rgba(255,255,255,0.2); overflow:hidden; position:relative} .fang-cont2 .swipers-dot samp{ float:left; width:100%; font-size:12px; color:rgba(255,255,255,0.6);font-family:'dinpro'; font-style:italic; text-align:left; margin-top:10px} .fang-cont2 .swipers-dot span:before{ width:0%; height:100%; position:absolute;left:0px;top:0px; z-index:12;background:rgba(255,255,255,1);content:""} .fang-cont2 .swipers-active span:before{animation:sldie 12s linear; } .fang-cont2 .swipers-active samp{color:rgba(255,255,255,1)} @media screen and (max-width:1660px){ .fang-cont1{ width:960px; } .fang-main h3{ font-size:24px; } .fang-info{ font-size:16px; margin-top:16px} } @media screen and (max-width:1440px){ .fang-cont1{ width:820px; } .fang-cont2{ width:720px; height:464px; bottom:-30px; padding:0px 60px} .fang-main{ margin-top:50px;} .fang-cont2 .swiper-pagination-custom{ padding:0px 60px} } @media screen and (max-width:1366px){ .fang-cont1{ width:720px; } .fang-cont2{ width:700px; height:424px; bottom:-20px; padding:0px 50px} .fang-main{ margin-top:40px;} .fang-cont2 .swiper-pagination-custom{ bottom:30px;padding:0px 50px} } @media screen and (max-width:1300px){ .fang-cont2{ width:550px; height:394px; } .fang-main h3{ font-size:22px; } } @media screen and (max-width:1000px){ .fang-cont1{ width:600px; } .fang-cont2{ width:500px; height:364px; padding:20px 30px; background-size:100%} .fang-main{ margin-top:20px;} .fang-info{ font-size:16px; line-height:28px; margin-top:12px; margin-bottom: 20px;} .fang-cont2 .swiper-pagination-custom{ bottom:20px;padding:0px 30px} } @media screen and (max-width:900px){ .fang-content{ margin:22px auto 30px;} .fang-cont1{ width:70%; } .fang-cont2{ width:50%; height:340px; padding:10px 30px; background-size: cover;} .fang-main{ margin-top:10px;} .fang-main h3{ font-size:20px; } .fang-info{ font-size:15px; line-height:24px; margin-top:10px; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .fang-cont2 .swiper-pagination-custom{ bottom:10px;padding:0px 30px}} @media screen and (max-width:828px){ .fang-cont2{ height:300px; } } @media screen and (max-width:768px){ .fang-content{margin:16px auto 0px;} .fang-cont1{ width:100%; } .fang-cont2{ width:100%; float:left; position:static; height:300px;background-size:100% 100%; margin-right:4px } .fang-main{ margin-top:20px;}} .img-count,.img-count img{position:relative;} .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;} .w-newsList{position: relative;} .w-newsList1{position: relative; margin-top: 50px; margin-bottom: 50px;} .w-newsList1 a{ display: block; text-decoration: none; color: #333;} .w-newsList1 .news-item{ position:relative;} .w-newsList1 .news-imgbox{ width: 60%; height: 640px;} .w-newsList1 .news-imgbox img{width: 100%; transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);} .w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);} .w-newsList1 span:before{ width:0%; height:100%; position:absolute;left:0px;top:0px; z-index:12;background:rgba(255,255,255,1);content:""} .w-newsList1 .swipers-active span:before{animation:sldie 12s linear; } .w-newsList1 .news-text{ position: absolute; right:0; top: 15%; width: 720px;height: 624px; background: url(../images/bg-1.jpg) no-repeat;box-shadow: 0px 0px 12px 4px rgb(179 27 52 / 30%); padding: 50px 4%; overflow:hidden;} .w-newsList1 .news-h{font-size:30px; color:#fff; line-height: 1.4; overflow: hidden; } .w-newsList1 .news-sum{ font-size:18px; line-height:30px; color:#fff; margin-top:30px;} .w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:64%!important; bottom:4%!important; top: auto; transform: none; -webkit-transform: none; } .w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;} .w-newsList1 .swiper-pagination-bullet-active {background: #fff;} .w-newsList1 .swiper-pagination-bullet {background: #fff;} .w-newsList1 .swiper-num{ position: absolute; z-index: 9; left: 58%; bottom:3%; color: #fff;} .w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;} .w-newsList1 .g-moreb1 .more {background-color:#ffffff; border: 1px solid #e5e5e5; margin-top: 40px;} .w-newsList1 .g-moreb1 .more span{ color:#e24a13;} .w-newsList1 .g-moreb1 .more i{width:26px;height:26px;background:url(../images/c-i5-1.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin-left:13px} @media (max-width:1600px){ .w-newsList1 .swiper-num{ left: 52%; } .w-newsList1 .adSN_page{ left:60%!important; bottom:7%!important; }} @media (max-width:1440px){ .w-newsList1 .swiper-num{ left:52%; } .w-newsList1 .adSN_page{ left:60%!important; } .w-newsList1 .news-h{font-size:28px; }} @media (max-width:1366px){ .w-newsList1 .news-imgbox{ height: 500px;} .w-newsList1 .news-text{ padding: 50px 4%; } .w-newsList1 .news-h{font-size:26px; } .w-newsList1 .news-sum{ margin-top:20px;}} @media (max-width:1280px){ .w-newsList1 .news-imgbox{ height: 470px;} .w-newsList1 .swiper-num{ left:44%; bottom:0px;} .w-newsList1 .adSN_page{ left:52%!important; bottom: 2%!important;} .w-newsList1 .news-text{ width: 60%; height: 460px;}} @media (max-width:1024px){ .w-newsList1 .news-imgbox{ width:80%; height: 420px;} .w-newsList1 .news-text{ width: 55%; height: 430px; padding: 20px 4% 10px;} .w-newsList1 .swiper-num{ left:49%; bottom:-40px;} .w-newsList1 .adSN_page{ left:59%!important; bottom: -30px!important;} .w-newsList1 .news-sum{ font-size:17px; line-height:30px; margin-top:20px;} .w-newsList1 .news-h{font-size:24px; }} @media (max-width:992px){ .w-newsList1 .news-imgbox{ height: 380px;} .w-newsList1 .news-sum{ font-size:16px; margin-top: 10px;} .w-newsList1 .g-moreb1 .more { margin-top: 20px;}} @media (max-width:767px){ .w-newsList1 .news-imgbox{width:100%; height: 280px;} .w-newsList1 .news-text{ position: relative; width:100%; top:0; height: 400px; transform: none; -webkit-transform: none; padding:25px 4%;} .img-count-in{ width: 100%;} .w-newsList1 .swiper-num{ left:4%; bottom:20px;} .w-newsList1 .adSN_page{ left:18%!important; bottom: 30px!important;} .w-newsList1{ margin-top: 30px; margin-bottom:20px;} .w-newsList1 .news-h{font-size:22px; }} @media (max-width:528px){ .w-newsList1 .news-imgbox{ height: 250px;} .w-newsList1 .news-h{font-size:20px; } .w-newsList1 .news-sum{ font-size:16px; line-height:28px; margin-top:10px;}} .index-part4 { background: #fff url(../images/index_bg2.jpg) no-repeat center; background-size: cover; } .index-part4 .g-titleb1 .s{ color:#fff;border-top:2px solid #fff; } .index-part4 .g-titleb1 h3{ color:#fff; } .index-part4 .container{ position: relative;} .index-part4 .swiper-wrapper{padding-bottom: 70px; margin-top: 60px;} .index-part4 .col{ padding-left: 1px; padding-right: 2px;} .index-part4 .col li{ margin-top: 0px!important; margin-bottom: 15px; margin-right: -1px;} .index-part4 .col li .box{background-color: #fff; opacity: 0.7; text-align: center; } .index-part4 .col li img {max-width: 100%; width:100%; margin: 0 auto;border:1px solid #ccc; filter: grayscale(100%) opacity(50%); } .index-part4 .col li:hover .box{ opacity: 1;} .index-part4 .col li:hover img { filter: grayscale(0%) opacity(100%);} .index-part4 .swiper-pagination { bottom: 0px;} .index-part4 .swiper-pagination-bullet{width: 40px; height: 4px; background: #fff; border-radius: 5px;} .index-part4 .swiper-pagination-bullet-active {background: #e24a13; width: 50px;} @media (max-width:1200px) { .index-part4 .col{ padding-left: 2px; padding-right: 5px;}} @media (max-width: 624px) { .index-part4 .col li{margin-bottom: 10px; } .index-part4 .swiper-wrapper{padding-bottom: 50px; margin-top: 30px;} } @media (max-width: 524px) { .index-part4 .swiper-pagination-bullet{width: 30px;} .index-part4 .swiper-pagination-bullet-active { width: 40px;}} .index-part5 .g-moreb1 { float: right;} .index-news-list { margin-top: 50px;} .index-news-list ul{list-style: none;padding-left: 0;} .index-news-list .index-news-item a{display:block;background: #FFF; box-shadow: 2px 2px 10px rgba(0,0,0,0.08);} .index-news-list .index-news-item a:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.18);} .index-news-list .index-news-item a .news-data {font-size: 16px;font-weight: normal;color:#999;line-height: 40px; float: left;} .index-news-list .index-news-item a .title{padding: 15px 30px; } .index-news-list .index-news-item a h3{color:#333;font-size: 24px;padding: 15px 0px; line-height: 32px; height: 90px;} .index-news-list .index-news-item a p{color:#666;font-size: 18px;line-height: 32px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index-news-list .index-news-item a .more{ line-height: 40px; font-size: 18px; color:#e06d14; padding: 10px 0; } .index-news-list .index-news-item a .news-thumb{position: relative;overflow: hidden;} .index-news-list .index-news-item a .news-thumb img{height:inherit;width: 100%;background: #CCC;transition: all .5s ease;transform:scale(1);} .index-news-list .index-news-item a:hover {background: #e06d14; } .index-news-list .index-news-item a:hover .news-thumb img{transform: scale(1.2);} .index-news-list .index-news-item a:hover h3{ color:#fff;} .index-news-list .index-news-item a:hover p{color:#fff;} .index-news-list .index-news-item a:hover .more{color:#fff;} .index-part5 .i_news_r_box li { width: 100%;border-bottom: 1px solid #efefef; display:inline-block; background: #fff; padding-bottom: 28px; margin-bottom: 28px;} .index-part5 .i_news_r_box { padding-left: 30px; } .index-part5 .i_news_r ._r_news_title {font-size: 24px;color: #333; margin-bottom: 8px; height: 70px; } .index-part5 .i_news_r .date {font-size: 18px;color: #e06d14;} @media (max-width:1640px){ .index-part5 .i_news_r_box li { padding-bottom: 21px; margin-bottom: 21px;}} @media (max-width:1440px){ .index-news-list .index-news-item a h3{ font-size: 22px; padding-top: 10px 0px;} .index-part5 .i_news_r ._r_news_title {font-size: 22px; } .index-part5 .i_news_r_box li { padding-bottom: 22px; margin-bottom: 22px;}} @media (max-width: 1366px) { .index-part5 .i_news_r_box li {padding-bottom: 21px; margin-bottom: 21px;} .index-news-list .index-news-item a h3{ font-size: 20px; } .index-part5 .i_news_r ._r_news_title {font-size: 20px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index-news-list .index-news-item a .title{padding: 15px 20px 15px; } .index-news-list .index-news-item a p{ line-height: 30px; }} @media (max-width: 1280px) { .index-part5 .i_news_r_box li {padding-bottom: 18px; margin-bottom: 18px;}} @media (max-width: 1180px) { .index-part5 .i_news_r_box li {padding-bottom: 16px; margin-bottom: 16px;}} @media (max-width: 1040px) { .index-part5 .i_news_r_box li {padding-bottom: 13px; margin-bottom: 13px;}} @media (max-width: 1024px) { .index-part5 .i_news_r ._r_news_title {font-size: 18px; margin-bottom: 6px;} .index-part5 .i_news_r_box li {padding-bottom: 16px; margin-bottom: 16px;}} @media (max-width: 992px) { .index-part5 .i_news_r ._r_news_title {font-size: 18px;} .index-news-list .index-news-item a p{ font-size: 17px;line-height: 28px; } .index-part5 .i_news_r_box { margin-top: 25px; padding-left: 0px;}} @media (max-width: 768px) { .index-part5 .i_news_r ._r_news_title:before{ left: -16px; } .index-part5 .g-moreb1 { float: left; margin-top: 25px;} .index-news-item { margin-bottom: 20px;} .index-news-list .index-news-item a h3{ font-size: 18px; line-height: 30px; padding: 10px 0;height: auto;} .index-part5 .i_news_r ._r_news_title {font-size: 18px; line-height: 30px; } .index-news-list .index-news-item a .title{padding: 0px 20px 15px;} .index-news-list .index-news-item a p{ font-size: 16px; } .index-news-list .index-news-item a .more{ padding: 0px 0; }} @media (max-width: 568px) { .index-news-list .index-news-item a .title{padding: 5px 10px 20px; } .index-news-list .index-news-item a{margin-bottom:0px;} .index-part5 .i_news_r ._r_news_title:before{ left: -12px; } .index-news-list .index-news-item a .more{ line-height: 30px; font-size: 16px;}} @media (max-width: 425px) { .index-part5 .i_news_r ._r_news_title:before{ left: -10px; } .index-part5 .i_news_r ._r_news_title:before{ top:0px; height: 24px; width: 1px;} } @media (max-width: 375px) { .index-part5 .i_news_r ._r_news_title:before{ left: -14px; height: 26px;} } /*内页*/ .page_banner { width:100%; overflow:hidden; margin:0 auto; padding:11% 0 11.2%; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .page_banner img { display:block; width:100%;height: 100%; overflow:hidden; margin:0 auto; padding:0; position:absolute; left:0; top:0;} .page_banner .page_text { height:auto; margin:0 auto; position:relative; z-index:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .page_text p { width:100%; overflow:hidden; line-height:52px; color:#fff; font-size:48px; font-weight:bold; margin:0 auto; padding:0;} .page_text em { display:block; width:65px; height:3px; overflow:hidden; margin:24px 0; padding:0; background-color:#e06d14;} .page_text span { display:block; width:100%;font-size:24px; max-height:64px; overflow:hidden; line-height:32px; color:#fff; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .page_navs{height: 80px;line-height: 80px;border-bottom: 1px solid #eaeaea;box-shadow: 0 0 8px rgba(153,153,153,0.4); } .page_navs .crumb{float: right;} .page_navs .crumb li{float: left;font-size: 16px;color: #333;} .page_navs .crumb a{color: #333; } .page_navs .crumb li .fa{color: #333;} .page_navs .r_sec.pic_sec { float:left;} .page_navs .r_sec li{ float:left; padding: 0 25px; margin-right: 1px;} .page_navs .r_sec li a{color:#333; font-size:18px;} .page_navs .r_sec li:hover, .page_navs .r_sec li.cur{ background-color: #e06d14;} .page_navs .r_sec li:hover a, .page_navs .r_sec li.cur a{ color:#fff;} .page_navs .fa {margin:22px 8px 0; } .page_navs .crumb li .fa_arroow{ width: 20px; height: 35px; display: inline-block; background: url(../images/arr.png) no-repeat center;} .page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: none!important;} .page_navs .container{ position: relative;} @media(max-width:1366px) { .page_navs .r_sec li{float:left; font-size:16px;}} @media screen and (min-width:1280px) and (max-width:1359px) { .page_text p { line-height:48px; font-size:36px;} .page_text span { max-height:60px; line-height:30px; font-size:16px;} .page_text em { width:56px; height:4px;}} @media(max-width:1280px) { .page_navs .r_sec li{ padding: 0 20px; }} @media screen and (min-width:1080px) and (max-width:1279px) { .page_text p { line-height:48px; font-size:32px;} .page_text span { max-height:60px; line-height:30px; font-size:16px;} .page_text em { width:56px; height:4px;}} @media(max-width:1200px) { .page_navs .r_sec li{ padding: 0 15px; } .page_navs .r_sec li a{ font-size:16px;}} @media screen and (min-width:1024px) and (max-width:1079px) { .page_banner .page_text { max-width:inherit; padding:0 20px;} .page_text p { line-height:48px; font-size:40px;} .page_text span { max-height:60px; line-height:30px; font-size:16px;} .page_text em { width:56px; height:4px;}} @media screen and (max-width:1023px) and (min-width:768px) { .page_banner .page_text { max-width:inherit; padding:0 20px;} .page_text p { line-height:40px; font-size:30px;} .page_text span { max-height:60px; line-height:30px; font-size:17px;} .page_text em { width:48px; height:3px; margin:20px 0;}} @media(max-width:992px) { .page_banner { margin-top: 80px; } .page_text p { line-height:30px; font-size:28px;} .page_navs .crumb{ display: none;} .page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: block!important;margin-top:-8px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;} .page_navs .r_sec.pic_sec { float: none; width: 100%;}} @media(max-width:768px) { .page_navs{line-height:50px; height:50px;} .page_navs .crumb{ display: none;}} @media(max-width:767px) { .page_banner .page_text { max-width:inherit; padding:0 20px;} .page_text p { line-height:30px; font-size:24px;} .page_text span { max-height:48px; line-height:24px; font-size:16px;} .page_text em { width:40px; height:2px; margin:12px 0;} .page_navs{line-height:40px; height:40px;}} @media (max-width: 567px) { .page_banner { padding:9% 0 14%;} .page_text p { font-size:18px;} .page_text p font { font-size:16px; } .page_text em { width:35px; margin:6px 0;} .page_navs .r_sec li{ padding: 0 10px; }} @media (max-width: 517px) { .page_navs .r_sec li{ padding: 0 7px; }} @media(max-width:460px) { .page_navs .container{padding-right: 0px;padding-left:1px;} .page_navs{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;} .page_navs .r_sec li{ font-size:14px; padding: 0 5px;} .page_text p { font-size:17px;}} @media only screen and (max-width: 425px){ .page_banner { margin-top: 72px; }} @media only screen and (max-width: 400px){ .page_navs .r_sec li{ padding: 0 5px; }} @media (max-width: 375px) { .page_banner .page_text { max-width:inherit; padding:0 0px;} .page_text span { display: none;}} @media (max-width: 320px) { .page_text p {line-height: 24px; font-size:18px;} .page_text p font { font-size:14px;}} .m_sencondNav{position:relative; z-index:99; height:55px; } .m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:80px; z-index:15;} .m_sencondNav .m_second {position:relative; border-bottom:1px solid #e8e8e8} .m_sencondNav .m_second .home{background:#e06d14; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;} .m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;} .m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left} .m_sencondNav .m_second .m_second_hd li{float:left; position:relative;} .m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;} .m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none} .m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;} .m_sencondNav .m_second .m_second_hd li:after, .m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;} .m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;} .m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;} .m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;} .m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block} .m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;} .m_sencondNav .m_second .m_second_hd.active{background:#efefef;} .m_sencondNav .m_second .m_second_hd.cur{background:#efefef;} .m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;} .m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block} .m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;} @media (max-width: 992px){ .m_sencondNav .m_second.fixed{ top:80px; }} @media (max-width: 425px){ .m_sencondNav .m_second.fixed{ top:70px;}} .pagetitle { font-size: 40px; color: #333; margin-bottom: 50px; text-align: center;} .pagedesc { font-size: 18px; color: #666; margin-bottom: 50px; text-align: center;} .about_pt1.pad-80,.about_pt3.pad-80,.about_pt4.pad-80,.about_pt5.pad-80,.about_pt6.pad-80{ padding-top: 100px; padding-bottom: 100px;} .about_pt1 .content { width: 95%;} .about_pt1 .content p{ font-size: 18px; color: #666; line-height: 33px; margin-bottom: 5px; } .about_pt1 li img {max-width: 100%; width:100%; margin: 0 auto;} .about_pt1 .swiper-pagination { bottom: 0px; } .about_pt1 .swiper-container-horizontal>.swiper-pagination-bullets,.about_pt1 .swiper-pagination-custom, .swiper-pagination-fraction{ left: 42%;} .about_pt1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px;} .about_pt1 .swiper-pagination-bullet{ background: #fff; border-radius: 5px; width: 10px; height: 10px; opacity: .6;} .about_pt1 .swiper-pagination-bullet-active {background: #e24a13; } .about_pt2 { overflow: hidden; height: 650px;background: url('../images/about_pt2.jpg')no-repeat center;-o-background-size: cover;background-size: cover;} .about_pt2_video {padding: 120px 0;} .about_pt2_video .creative-video {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: auto;display: none;z-index: 1032;} .about_pt2_video .creative-video video {width: 100%;} .about_pt2_video .creative-video .close-video {position: fixed;background-color: #fff;border-radius: 50%;right: 0;top: -30px;width: 20px;height: 20px;font-size: 16px;line-height: 16px;text-align: center;z-index: 1032;display: none;cursor: pointer;} .about_pt2_video .bkgc {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1031;background-color: rgba(0, 0, 0, 0.5);display: none;} .about_pt2_video .v-b {position: relative;cursor: pointer;height: 75px;width: 75px;margin: 0 auto;margin-top: 9%;} .about_pt2_video .v-b:hover .v2 {opacity: 1;} .about_pt2_video .v-b .play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:55px;height:55px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:url(../images/c-i25.png) center no-repeat #e06d14;-webkit-background-size:18px 18px;-moz-background-size:18px;-o-background-size:18px;background-size:18px;cursor:pointer;z-index:1} .about_pt2_video .v-b .play::after,.about_pt2_video .v-b .play::before{content:"";display:block;width:100%;height:100%;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:-1} .about_pt2_video .v-b .play::before{background-color:rgba(224,109,20,.4);-webkit-animation:1.5s infinite myscale;-moz-animation:1.5s infinite myscale;-o-animation:1.5s infinite myscale;animation:1.5s infinite myscale} .about_pt2_video .v-b .play::after{background-color:rgba(224,109,20,.2);-webkit-animation:1.8s .3s infinite myscale1;-moz-animation:1.8s .3s infinite myscale1;-o-animation:1.8s .3s infinite myscale1;animation:1.8s .3s infinite myscale1} /* .about_pt2_video .v-b:hover .video-button {opacity: 0;} .about_pt2_video .video-button {width: 75px;height: 75px;background: url('../images/video.png')no-repeat center; position: absolute;bottom: 0;cursor: pointer;margin: 0 auto;margin-top: 50px;-webkit-transition: opacity .4s;-o-transition: opacity .4s;-moz-transition: opacity .4s;transition: opacity .4s;} .about_pt2_video .video-button.v2 {opacity: 0;background: url('../images/video.png')no-repeat center;} */ @media (max-width: 768px){ .about_pt2_video .v-b { margin-top: 30px;} .about_pt2_video .video-txt{ margin-top: 20px; } } .about_pt3 ul li{ margin-bottom: 25px;} .about_pt3 .con{display:block; } .about_pt3 .con1{background-repeat:no-repeat;background-size:cover;padding:50px 20% 50px 50px;color:#fff;position:relative;height:340px} .about_pt3 .con1::after{position:absolute;content:"";background:url(../images/bg-o.png) left center no-repeat;top:0;left:0;bottom:0;right:0;opacity:0;transition:.5s;z-index:0} .about_pt3 .con1:hover::after{opacity:1} .about_pt3 .txt{position:relative;z-index:1} .about_pt3 .pic{margin-bottom:26px} .about_pt3 .desc{font-size:24px; margin-bottom: 15px; } .about_pt3 .info{font-size:18px; line-height: 32px;} .about_pt4 {background:url(../images/about_pt4.jpg) no-repeat center; background-size: cover; position: relative;} .about_pt4 .right { height: 530px; padding-top: 55px; margin-left: 5%; margin-right: 1%; z-index: 9; position: absolute;content: "";width: 50%; top: 20%;right: 112px; /* overflow-y: scroll;*/ } .about_pt4 .right .swiper-container { height: 100%; padding-bottom: 15px; z-index: 9; } /*.about_pt4 .right:after {content: "";width: 1px;height: 100%;position: absolute;background: #dedede;top: 0;left: 112px;}*/ .about_pt4 .right dl {padding-left: 8%;} /* .about_pt4 .right dt {top: 0;left: 7%; } .about_pt4 .right dt:after {content: "";width: 12px;height: 12px;background: #fff; padding:4px; border: 5px solid #b7b7b7;position: absolute;right: -48px;top: 40%;border-radius: 50%;z-index: 2;} */ .about_pt4 .right dd {padding: 1.8% 0 0.8%; margin-right: 2%; cursor: pointer;} .about_pt4 .right dd .img_title {font-weight: normal; font-size: 18px; line-height: 35px; padding-left: 3%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .about_pt4 .right dd .img_box {width: 22%;bottom: 0px;right: 8.5%; margin-top: 25%; margin-right: 1%; visibility: hidden;opacity: 0; z-index:9;} .about_pt4 .right dd:first-child .img_box, .about_pt4 .right dd:nth-child(2) .img_box, .about_pt4 .right dd:nth-child(3) .img_box{width: 22%; right: 8.5%; top:0px; margin-top: 0%; margin-right: 1%; visibility: hidden;opacity: 0; z-index:9;} .about_pt4 .right dd:nth-child(4) .img_box {width: 22%; right: 8.5%; top:-305%; margin-top: 0%; margin-right: 1%; visibility: hidden;opacity: 0; z-index:9;} .about_pt4 .right dd:nth-child(5) .img_box {width: 22%; right: 8.5%; top:-303%; margin-top: 0%; margin-right: 1%; visibility: hidden;opacity: 0; z-index:9;} .about_pt4 .right dd:nth-child(6) .img_box {width: 22%; right: 8.5%; top:-126%; margin-top: 0%; margin-right: 1%; visibility: hidden;opacity: 0; z-index:9;} .about_pt4 .right dd .img_box .rect-5625 {padding-bottom: 75%;} .about_pt4 .right dd:hover .img_box {visibility: visible;opacity: 1;} .about_pt4 .right dd:hover .img_title {width: 50%;} .about_pt4 .right dd:hover {background: #e06d14;color: #fff;} .about_pt4 .swiper-container-vertical>.swiper-scrollbar {height: 78%;position: absolute;right: 3px;top: 1%;width: 5px;z-index: 50;} .about_pt4 .swiper-scrollbar-drag {background: rgba(224,109,20,.85);} .about_pt4 .honor-progressbar { right: auto;left: 0; top: 0;background: #fcfcfc;width:5px!important;height: 73%!important;} .about_pt4 .honor-progressbar .swiper-pagination-progressbar-fill {background: #fcfcfc!important;height: 65%!important;} .about_pt4 .honor-next,.about_pt4 .honor-prev { left:0;bottom: 0;right: 0;border:1px solid #e4e4e4;width: 50px;height: 50px;opacity: 1;z-index: 20;} .about_pt4 .honor-next::after,.about_pt4 .honor-prev::after {display: none;} .about_pt4 .honor-prev {top: 80%;right: 51px;background: url('../images/1901.png') center no-repeat;} .about_pt4 .honor-next {top: 90%; background: url('../images/1902.png') center no-repeat;} .about_pt5 .g-moreb1 { margin: 50px auto 0px; text-align: center;} .about_pt5 .g-moreb1 .more{ margin: 0 auto; } .ul-imgb1{overflow:hidden; } .ul-imgb1 li{float:left;/*width:25%;*/ margin-bottom:12px; -webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} /*.ul-imgb1 .on{width:45.4%} .ul-imgb2 li {width: 15%;} .ul-imgb2 .on {width: 40%;} .ul-imgb3 li {width: 13%;} .ul-imgb3 .on {width: 35%;}*/ .ul-imgb1 .on .txt{font-size:24px;text-align:center;padding-left:4%;max-height:50%;overflow:hidden} .ul-imgb1 .on .con::after{opacity:0;visibility:hidden} .ul-imgb1 .on .con::before{opacity:1;visibility:visible} .ul-imgb1 .con{display:block;position:relative;margin:0 10px;cursor:pointer} .ul-imgb1 .con::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;/*background-color:rgba(222,122,4,.8);*/-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-imgb1 .con::before{content:"";display:block;width:100%;height:40%;position:absolute;bottom:0;left:0;opacity:0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(144,195,31,0)),to(#e06d14));background-image:-webkit-linear-gradient(rgba(144,195,31,0),#e06d14);background-image:-moz- oldlinear-gradient(rgba(144,195,31,0),#e06d14);background-image:-o-linear-gradient(rgba(144,195,31,0),#e06d14);background-image:linear-gradient(rgba(144,195,31,0),#e06d14);visibility:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;z-index:1} .ul-imgb1 .txt{position:absolute;bottom:8.2%;left:0;width:100%;text-align:center;padding:0 1%;font-size:22px;color:#fff;z-index:1;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .ul-imgb1 .pic{text-align:center;height:290px;overflow:hidden;position:relative} .ul-imgb1 .pic img{width:100%;max-width:none;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%} .about_pt5 .swiper-wrapper{padding-bottom: 50px; } .about_pt5 .swiper-pagination { bottom: 0px;} .about_pt5 .swiper-pagination-bullet{width: 40px; height: 4px; background: #999; border-radius: 5px;} .about_pt5 .swiper-pagination-bullet-active {background: #e24a13; width: 50px;} .about_pt6 {background:url(../images/about_pt6.jpg) no-repeat center; background-size: cover;} .about_pt6 .pagetitle { margin-bottom: 30px; } .about_pt6 .container{ position: relative;} .about_pt6 .swiper-wrapper{padding-bottom: 70px; margin-top: 20px;} .about_pt6 .col{ padding-left: 1px; padding-right: 2px;} .about_pt6 .col li{ margin-top: 0px!important; margin-bottom: 35px; margin-right: -1px;} .about_pt6 .col li .box{background-color: #fff; text-align: center; } .about_pt6 .col li img {max-width: 100%; width:100%; margin: 0 auto;border:1px solid #fcfcfc; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06);} .about_pt6 .swiper-pagination { bottom: 0px;} .about_pt6 .swiper-pagination-bullet{width: 40px; height: 4px; background: #999; border-radius: 5px;} .about_pt6 .swiper-pagination-bullet-active {background: #e24a13; width: 50px;} @media(max-width:1800px) { .about_pt2 { height: 610px;} .about_pt2_video {padding: 100px 0;} } @media(max-width:1700px) { .about_pt2 { height: 575px;} .about_pt2_video {padding: 90px 0;} } @media(max-width:1640px) { .about_pt1 .content { width: 100%;} .about_pt1 .content p{ line-height: 30px; margin-bottom:0px; } .about_pt4 .right:after { left: 102px;}} @media(max-width:1600px) { .about_pt2 { height: 542px;} .about_pt3 .con1{ height:320px} .ul-imgb1 .pic{ height:231px;}} @media(max-width:1440px) { .pagetitle { font-size: 36px; margin-bottom: 40px; } .about_pt1 .content p{ font-size: 17px; } .about_pt2 { height: 488px;} .about_pt2_video {padding: 80px 0;} .about_pt3 .con1{ padding:30px 10% 30px 30px; height:300px} .about_pt3 .pic{margin-bottom:20px} .about_pt3 .desc{font-size:22px; margin-bottom: 10px; } .about_pt4 .right:after { left: 97px;} .ul-imgb1 .pic{ height:212px;} .ul-imgb1 .on .txt{font-size:22px; padding-left:3%; } .ul-imgb1 .txt{ font-size:20px;}} @media(max-width:1366px) { .pagetitle { font-size: 32px; margin-bottom: 30px; } .about_pt2 { height: 462px;} .about_pt2_video {padding: 70px 0;} .about_pt3 .con1{ height:280px} .about_pt3 .info{font-size:17px; line-height: 30px;} .about_pt4 .right { height: 400px; padding-top: 40px; margin-right: 0px; z-index: 9; position: absolute;content: "";width: 55%; top: 20%;right: 42px; } .about_pt4 .right dd:hover .img_box { height: 210px;} .about_pt4 .honor-progressbar .swiper-pagination-progressbar-fill { height: 55%!important;} .about_pt4 .honor-prev {top: 75%;} .ul-imgb1 .pic{ height:205px;} .ul-imgb1 .on .txt{font-size:20px; } .ul-imgb1 .txt{ font-size:18px;}} @media(max-width:1280px) { .about_pt1.pad-80,.about_pt3.pad-80,.about_pt4.pad-80,.about_pt5.pad-80,.about_pt6.pad-80{ padding-top:50px;padding-bottom: 50px;} .pagetitle { font-size: 28px; margin-bottom: 20px; } .about_pt1 .content { width: 100%; margin-bottom: 25px;} .about_pt1 .content p{ font-size: 16px; line-height: 28px; } .about_pt2 { height: 406px;} .about_pt2_video {padding: 60px 0;} .about_pt3 .con1{ height:260px} .about_pt3 .pic{margin-bottom:15px} .about_pt3 .desc{font-size:20px; } .about_pt4 { height: 550px;} .about_pt4 .right { height: 420px; padding-top: 60px; top: 8%;} .about_pt4 .right:after { left: 91px;} .about_pt4 .right dd:nth-child(4) .img_box,.about_pt4 .right dd:nth-child(5) .img_box { bottom: 0px;} .about_pt4 .right dd:nth-child(4).cur .img_box { top: -110%;} .about_pt4 .right dd:nth-child(5).cur .img_box { bottom: 0px;top: -282%;} .about_pt4 .right dd:nth-child(6) .img_box { top: -282%;} .ul-imgb1 .pic{ height:263px;} } @media(max-width:1200px) { .about_pt4 .right dt:after { right: -20px; } .ul-imgb1 .pic{ height:240px;} .about_pt4 { height: 600px;} .about_pt4 .right { height: 430px; padding-top: 40px; margin-right: 0px; width: 90%; top: 20%;right: 42px; } .about_pt4 .right dd:hover .img_box { height: 290px;} } @media(max-width:1100px) { .ul-imgb1 .pic{ height:223px;} } @media(max-width:1080px) { .ul-imgb1 .pic{ height:210px;}} @media(max-width:1025px) { .about_pt2 { height: 347px;} .about_pt3 .con1{ height:240px} .about_pt3 .pic{margin-bottom:10px} .about_pt3 .desc{ margin-bottom: 5px; } .about_pt4 .right:after { left: 76px;}} @media(max-width:992px) { .about_pt1.pad-80,.about_pt3.pad-80,.about_pt4.pad-80,.about_pt5.pad-80,.about_pt6.pad-80{ padding-top:40px;padding-bottom:40px;} .pagetitle { font-size: 26px; } .about_pt2 { height: 336px;} .about_pt3 .con1{ height:300px} .about_pt4 .right dt:after {right: 13px;} .about_pt4 .right:after { left:4.5%;} .about_pt4 .right dl {padding-left: 10%;} .about_pt4 .right dd:hover .img_box { height: 250px;} .ul-imgb1 .pic{ height:194px;} .about_pt4 .right dd:first-child .img_box, .about_pt4 .right dd:nth-child(2) .img_box, .about_pt4 .right dd:nth-child(3) .img_box{right: 10.5%;} .about_pt4 .right dd:nth-child(4) .img_box,.about_pt4 .right dd:nth-child(5) .img_box { bottom: 0px;right: 10.5%;} .about_pt4 .right dd:nth-child(4).cur .img_box { top: -40%;} .about_pt4 .right dd:nth-child(5).cur .img_box { bottom: 0px;top: -152%;} .about_pt4 .right dd:nth-child(6) .img_box { top: -152%;right: 10.5%;} } @media(max-width:868px) { .ul-imgb1 li{ width:50%; margin-bottom: 5px;} .about_pt4 .honor-progressbar { height: 65%!important;} .about_pt4 .right dd:hover .img_box { height: 225px;} } @media(max-width:768px) { .about_pt1.pad-80,.about_pt3.pad-80,.about_pt4.pad-80,.about_pt5.pad-80,.about_pt6.pad-80{ padding-top:30px;padding-bottom: 30px;} .pagetitle { font-size: 24px; } .about_pt1 .swiper-container-horizontal>.swiper-pagination-bullets,.about_pt1 .swiper-pagination-custom, .swiper-pagination-fraction{ left: 38%;} .about_pt2 { height: 260px;} .about_pt4 .right dt:after { display: none;} .about_pt4 .right:after {display: none;} .ul-imgb1 .pic{ height:135px;} .about_pt5 .g-moreb1 { margin: 20px auto 0px;} .about_pt3 .info{font-size:16px; line-height: 28px;} .about_pt4 .right dd:hover .img_box { padding: 15px;} .about_pt4 .honor-progressbar { display: none;} .about_pt4 .right dd .img_title { padding-top: 2%;} .about_pt4 .right .swiper-container { margin-bottom: 80px; } .about_pt4 .right dd .img_box { right: 10%; margin-right: 0%;} .about_pt4 .right dd:hover .img_box { height: 200px;} .about_pt4 .right { margin-right:0px; margin-left:0px; padding-top: 0px;} .about_pt6 .col li{ margin-bottom: 25px; } } @media(max-width:652px) { .ul-imgb1 .pic{ height:196px;} .about_pt4 .right dd:hover .img_box { height: 180px;} } @media(max-width:620px) { .ul-imgb1 .pic{ height:181px;} .about_pt4 { height: 470px;} .about_pt4 .right {height: 360px;top: 15%; } .about_pt4 .right dd:hover .img_box { height: 170px;} .about_pt4 .honor-prev {top: 75%; } .about_pt4 .honor-next {top: 85%; } } @media(max-width:568px) { .pagetitle { font-size: 22px; } .about_pt2 { height: 200px;} .about_pt2_video {padding: 40px 0;} .ul-imgb1 .pic{ height:165px;} .about_pt3 .con1{ height:240px; padding: 20px 10% 20px 20px;} .about_pt6 .pagetitle { margin-bottom: 20px; } .about_pt6 .swiper-wrapper{padding-bottom: 30px; } .about_pt4 .right dd {padding: 0 0; margin-right: 0px;} .about_pt4 .right dd .img_title { font-size: 17px; } .about_pt4 .right dd:hover .img_box { height: 160px;} .about_pt5 .swiper-pagination-bullet{width: 25px; } .about_pt5 .swiper-pagination-bullet-active { width: 30px;} } @media(max-width:528px) { .ul-imgb1 .pic{ height:150px;} .about_pt4 .right {height: 330px; } .about_pt4 .right dd:hover .img_box { height: 140px;} } @media(max-width:468px) { .pagetitle { font-size: 20px; } .about_pt2 { height: 210px;} .ul-imgb1 .pic{ height:135px;} .ul-imgb1 .txt{ bottom:3.2%; font-size:18px; } .ul-imgb1 .on .txt{font-size:18px; text-align: center;} .about_pt4 { height: 420px;} .about_pt4 .right dd:hover .img_box { padding: 5px;} .about_pt4 .right dd:hover .img_box { height: 120px;} .about_pt4 .right { width: 95%; right: 0px; padding-top: 0px; top: 15%;} .about_pt4 .right dd .img_title { font-size: 16px; } .about_pt4 .right dl {padding-left: 10%;} .about_pt4 .honor-next,.about_pt4 .honor-prev { width: 40px;height: 40px; } .about_pt6 .swiper-pagination-bullet{width: 35px; } .about_pt6 .swiper-pagination-bullet-active { width: 40px;} } @media(max-width:435px) { .ul-imgb1 .pic{ height:120px;} } @media(max-width:400px) { .ul-imgb1 .pic{ height:233px;} } @media(max-width:380px) { .ul-imgb1 .pic{ height:230px;} } .products_list_top{ margin-bottom: 60px; border-bottom: 3px solid #e5e5e5; min-height:60px; } .products_list_top dt{ font-size: 20px; color: #e06d14; margin-right: 4%;line-height: 45px; float: left;} .products_list_top dd{ margin-right: 4%; float: left; font-size: 18px; color: #666; } .products_list_top dd a { color: #666; line-height: 45px;} .products_list_top dd .cur{ color: #e06d14; font-weight: bold;} .products_list ul li{ margin-bottom: 35px; } .products_list .con{display:block; } .products_list .con1{background-color:#fff;transition:.5s} .products_list .con1:hover{ box-shadow:0 0 20px 0 rgba(240,130,0,.3)} .products_list .pic{padding-top:74.1%; border: 1px solid #ececec; position:relative;overflow:hidden} .products_list .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s} .products_list .con1:hover .pic img{transform:scale(1.06)} .products_list .txt{padding:36px; border-left:1px solid #fcfcfc; border-right:1px solid #fcfcfc; border-bottom:1px solid #fcfcfc; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06);} .products_list .txt .tit{font-size:24px; text-align: center; transition:.5s;height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .products_list .con:hover .txt{ border-left:1px solid #f08200; border-right:1px solid #f08200; border-bottom:1px solid #f08200; } .products_list .con:hover .txt .tit{color:#f08200} @media(max-width:1366px) { .products_list .txt{padding:30px; } .products_list .txt .tit{font-size:22px;}} @media(max-width:1280px) { .products_list .txt{padding:25px; } .products_list .txt .tit{font-size:20px;}} @media(max-width:992px) { .products_list_top{ margin-bottom: 40px; border-bottom: 2px solid #e5e5e5; min-height:50px;} .products_list_top dt{ font-size: 20px; margin-right: 3%;line-height: 40px; } .products_list_top dd{ margin-right: 3%; font-size: 17px; } .products_list_top dd a { line-height: 40px;} .products_list .txt{padding:15px; } .products_list .txt .tit{font-size:18px;}} @media(max-width:768px) { .products_list_top{ min-height:40px;} .products_list_top dt{ font-size: 18px; margin-right: 2%;line-height: 35px; } .products_list_top dd{ margin-right: 2%; font-size: 16px; } .products_list_top dd a { line-height: 35px;}} @media(max-width:668px) { .products_list_top{ min-height:40px;height:70px;} .products_list_top dt{ margin-right: 4%;line-height: 30px; } .products_list_top dd{ margin-right: 4%; } .products_list_top dd a { line-height: 30px;}} @media(max-width:568px) { .products_list .txt{padding:10px; } .products_list .txt .tit{font-size:16px;}} .pro_info_1_1{ overflow:hidden; background-color:#fff; margin: 0 auto;} .pro_info_1_1 .show,.section-content-bottom .show,.news_detail .show{ width: 90%; margin: 0 auto;} .pro_info_1_1.pad-80 { padding-bottom: 30px;} .pro_info_1_1_left{float:left; width:53%;} .pro_info_1_1_left img{ width: 100%;} .pro_info_1_1_right{float:right; width:45%;} .pro_info_1_1_right_1{font-size:30px; color:#333; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; position: relative;} .pro_info_1_1_right_1:after {position: absolute; bottom: -2px; left: 0; width:120px; height: 4px; content: ''; background: #f08200; } .pro_info_1_1_right_2{font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;} .pro_info_1_1_right_3{font-size:18px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;} .pro_info_1_1_right .pro-btn{color:#333; font-size: 17px; margin-bottom: 25px;height:52px; width: 100%; } .pro_info_1_1_right .pro-btn a{display:block; color:#333; padding: 0 20px; width: 150px; font-size: 16px; text-align:center; line-height:53px;height: 53px;border:1px solid #e5e5e5; float:left;margin-right: 20px;text-transform: uppercase; } .pro_info_1_1_right .pro-btn a:first-child { background:#f08200; color:#fff;} .pro_info_1_1_right .pro-btn a img{ margin-right: 5px;} .pro_info_1_1_right .tel{ float: left; line-height: 25px; font-size: 20px;} .pro_info_1_1_right .tel span{color: #666;} .pro_info_1_1_right .tel span a{ font-size: 28px; height: 30px; line-height: 30px;color: #f08200;background: none; text-align: left;} .pro-big-img {width: 100%;height:437px;overflow: hidden;} .pro-big-img .gallery-left{width:78%;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;} .pro-big-img .gallery-left img{width: 100%; height: 100%;} .pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;} .pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; } .pro-big-img .gallery-thumbs{padding: 22px 0px 22px 10px; width:120px; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;} .pro-big-img .gallery-thumbs img{width: 100%;border: 1px solid #eeeeee; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;} .pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; } .pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;} .pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;} @media screen and (max-width: 1650px){ .pro_info_1_1 .show,.section-content-bottom .show,.news_detail .show{ width: 95%;} .pro-big-img { height:397px; }} @media screen and (max-width: 1540px){ .pro_info_1_1 .show,.section-content-bottom .show,.news_detail .show{ width: 100%;}} @media screen and (max-width: 1440px){ .pro_info_1_1_right_1{font-size:24px; } .pro-big-img { height:387px; }} @media screen and (max-width: 1366px){ .pro_info_1_1_right_1{font-size:22px; } .pro-big-img { height:375px; }} @media screen and (max-width: 1300px){ .pro_info_1_1_right .ys{ margin-top:40px; } .pro-big-img { height:350px; } .pro-big-img .gallery-thumbs{ width: 110px; }} @media screen and (max-width: 1200px){ .pro-big-img { height:344px; } .pro_info_1_1_right_2{font-size:0.875em;} .pro_1_1{font-size:1.875em;} .pro_right .row{margin-right: -20px;margin-left: -20px;} .pro_list_1{font-size:18px;} .pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;} .pro_info_1_1_right .pro-btn a{ width:130px; margin-right: 10px; padding: 0 10px;} .pro_info_1_1_right_3{ font-size: 17px; line-height:1.7; margin:1.8em 0 2.2em 0;}} @media screen and (max-width: 1180px){ .pro_info_1_1_left{ width:58%;} .pro_info_1_1_right{ width:42%;} .pro-big-img { height:323px; } .pro-big-img .gallery-thumbs{ width: 100px; }} @media screen and (max-width: 1100px){ .pro_info_1_1_right .pro-btn a{ width:125px; padding: 0 5px; margin-right: 5px;} .pro_info_1_1_right .pro-btn a img{ margin-right: 3px;} } @media screen and (max-width: 1090px){ .pro_list_1{font-size:1.25em;} .pro_list li:hover .pro_list_img img{margin-top:0px;} .pro_list_1{font-size:18px;} .pro_info_1_1_right .ys{display: none;} .pro_info_1_1_right .pro-btn a{margin-bottom: 10px;} .pro-big-img { height:313px; } .pro_info_1_1_left{ width:55%; } .pro_info_1_1_right{ width:42%;} .pro_info_1_1_right_3{font-size:17px; line-height:1.82; margin:1.6em 0 1.8em 0;}} @media screen and (max-width: 1080px){ .pro_info_1_1_left{ width:58%; } .pro_info_1_1_right{ width:40%;} .pro-big-img { height:313px; }} @media screen and (max-width: 1050px){ .pro_info_1_1_right .pro-btn a{ width:110px; padding: 0 3px; } } @media screen and (max-width: 992px){ .pro_info_1_1_left{float:none; width:100%; margin-bottom: 35px;} .pro_info_1_1_right{float:none; width:100%;} .pro-big-img { height:517px; } .pro-big-img .gallery-thumbs{ width: 150px; } .pro-big-img .gallery-left{ border: 0px solid #eeeeee;}} @media screen and (max-width: 920px){ .pro-big-img { height:477px; }} @media screen and (max-width: 880px){ .pro-big-img { height:465px; }} @media screen and (max-width: 860px){ .pro-big-img { height:460px; }} @media screen and (max-width: 820px){ .pro-big-img { height:425px; } .pro-big-img .gallery-thumbs{ width: 130px; }} @media screen and (max-width: 800px){ .pro-big-img { height:410px; } .pro-big-img .gallery-thumbs{ width: 130px; }} @media screen and (max-width: 780px){.pro-big-img { height:400px; }} @media screen and (max-width: 768px){ .pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;} .pro_info_1_1_right_1{font-size:18px; } .pro_list_1{font-size:1.125em;} .pro_list_img{margin-bottom:1.5em;} .pro_list_1{font-size:17px; padding-bottom:10px;} .pro_info_1_1_left{float:left; width:100%;} .pro_info_1_1_right{float:right; width:100%; margin-top: 30px;} .pro_info_1_1_right .pro-btn a{ width: 125px; margin-bottom: 10px;} .pro_info_1_1_right .pro-btn a:nth-child(2){ display: none;} .pro_info_1_1_right_1{font-size:20px; } .pro_info_1_1_left{ margin-bottom: 0px;} .pro-big-img { height:390px; }} @media screen and (max-width: 750px){ .pro-big-img { height:390px; }} @media screen and (max-width: 720px){ .pro-big-img { height:367px; } .pro-big-img .gallery-thumbs{ width: 120px; }} @media screen and (max-width: 690px){ .pro-big-img { height:355px; } .pro-big-img .gallery-thumbs{ width: 110px; }} @media screen and (max-width: 660px){ .pro-big-img { height:340px; }} @media screen and (max-width: 650px){ .pro-big-img { height:335px; } .pro_info_1_1_right .tel{ font-size: 18px;} .pro_info_1_1_right .tel span a{ font-size: 24px; }} @media screen and (max-width: 620px){ .pro-big-img { height:320px; } .pro-big-img .gallery-thumbs{ width: 100px; }} @media screen and (max-width: 580px){ .pro-big-img { height:295px; } .pro-big-img .gallery-thumbs{ width: 90px; }} @media screen and (max-width: 559px){ .pro-big-img { height:490px; } .pro-big-img .gallery-left{ width: 100%; height:366px; } .pro-big-img .gallery-thumbs{padding: 12px 0px 0px; margin-left: 0px; width:100%; height: 100px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:30px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:5px;top:inherit;bottom:25px;} .pro_info_1_1_right{ margin-top: 10px;}} @media screen and (max-width: 530px){ .pro-big-img { height:450px; } .pro-big-img .gallery-left{ height:341px; }} @media screen and (max-width: 500px){ .pro-big-img { height:430px; } .pro-big-img .gallery-left{ height:325px; }} @media screen and (max-width: 480px){ .pro-big-img { height:410px; } .pro-big-img .gallery-left{ height: 311px;} .pro-big-img .gallery-thumbs{ height: 100px;} .products_list ul li{ margin-bottom: 25px; }} @media screen and (max-width: 450px){ .pro-big-img { height:380px; } .pro-big-img .gallery-left{ height: 290px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:21px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:21px;}} @media screen and (max-width: 435px){ .pro-big-img { height:370px; } .pro-big-img .gallery-left{ height: 285px;}} @media screen and (max-width: 425px){ .pro-big-img { height:360px; } .pro-big-img .gallery-left{ height: 275px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:20px;height:40px;background-size: 60%;}} @media screen and (max-width: 420px){ .pro-big-img { height:360px; } .pro-big-img .gallery-left{ height: 268px;} .pro-big-img .gallery-thumbs{ height: 80px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:20px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:20px;} .pro_info_1_1_right_3{font-size:16px; line-height:1.7; margin:1.5em 0 1.5em 0;} .pro_info_1_1_right .pro-btn{ margin-bottom: 5px; }} @media screen and (max-width: 400px){ .pro-big-img { height:330px; } .pro-big-img .gallery-left{ height: 254px;}} @media screen and (max-width: 380px){ .pro-big-img { height:310px; } .pro-big-img .gallery-left{ height: 240px;} .pro-big-img .gallery-thumbs{ height: 70px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:15px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:15px;} .pro_info_1_1_right .pro-btn a{ width:130px;}} @media screen and (max-width: 370px){ .pro-big-img .gallery-left{ height: 235px;}} @media screen and (max-width: 360px){ .pro-big-img { height:300px; } .pro-big-img .gallery-left{ height: 230px;}} @media screen and (max-width: 345px){ .pro-big-img { height:290px; } .pro-big-img .gallery-left{ height: 215px;}} .pro_info_1_2 { overflow:hidden} .pro_info_1_2 ul {height: 80px;line-height: 80px; border-bottom:3px #f4f4f4 solid;} .pro_info_1_2 ul li{float:left; margin-right: 5%;} .pro_info_1_2 ul li a{ font-size:24px;line-height: 77px;color:#333;padding:0 0.25em;display:block; } .pro_info_1_2 ul li.on{ border-bottom: 3px solid #f08200; } .pro_info_1_2 ul li:hover{ border-bottom: 3px solid #f08200;} .pro_info_2_1_t{ margin-top:55px;font-size:20px; font-weight: bold; color:#333; } .pro_info_2_1_t span{ font-size: 18px; font-weight: bold; text-transform: uppercase;} .pro_info_2_3_t{margin-top:1.8em; margin-bottom:0em; color:#666; line-height:2; font-size: 18px;} .pro_info_2_mid{overflow:hidden;} .pro_show_right .content{padding: 0px 0px 20px;} .pro_show_right .pro_content{width:100%;border-bottom: 1px solid #d9d9d9;display:flex;margin-bottom:40px; margin-top:50px;} .pro_show_right .pro_font{float: left;width: auto;height: 45px;text-align: center;padding: 0 5px;cursor: pointer;} .pro_show_right .pro_font {color: #333;border-bottom: 2px solid #f08200; font-size: 24px;} .section-content-bottom{ margin-bottom: 40px;} .pro_show_right .content ul{ margin-bottom: 40px;} .pro_show_right .content ul li img{ width: 100%;} .pro_show_right .content ul li .product_title { text-align: center;padding:30px; border-left:1px solid #fcfcfc; border-right:1px solid #fcfcfc; border-bottom:1px solid #fcfcfc; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06);} .pro_show_right .content ul li .product_title a{ line-height: 40px; color: #666; text-align: center; font-size: 18px;} .pro_show_right .swiper-container-right-pro{ padding-bottom: 40px; } .pro_show_right .content ul li:hover .product_title{ border-left:1px solid #f08200; border-right:1px solid #f08200; border-bottom:1px solid #f08200; } .pro_show_right .swiper-pagination-right-pro { margin-top: 30px;} .pro_show_right .content ul li:hover .product_title a{color:#f08200} .pro_show_right .swiper-pagination-bullet {width: 12px; height: 12px;} .pro_show_right .swiper-pagination-right-pro .swiper-pagination-bullet-active{ background: #f08200; } .pro_info_2_3_t img,.pro_info_2_3_t img{ max-width: 100%; } @media screen and (max-width: 1200px){ .pro_info_1_2 ul { height: 60px;line-height: 60px;} .pro_info_1_2 ul li a{ font-size:22px;line-height: 57px;} .pro_show_right .pro_font { font-size: 22px;} .pro_show_right .content ul li .product_title { padding:20px; } .pro_show_right .content ul li .product_title a{ line-height: 35px; font-size: 18px;} .pro_show_right .swiper-container-right-pro{ padding-bottom: 30px; }} @media screen and (max-width: 992px){ .pro_info_1_2 ul{ height: 50px;line-height: 50px;} .pro_info_1_2 ul li a{ font-size:20px;line-height: 47px;} .pro_info_2{ padding: 0px 0px 30px;} .pro_info_2_1_t{ margin-top:35px;} .pro_show_right .pro_font { font-size: 20px;} .pro_info_2_3_t{margin-top:2em; line-height:1.7; font-size: 16px;}} @media screen and (max-width:768px){ .pro_info_2{ padding: 0px 0px 30px;} .pro_info_2_1_t{ margin-top:25px;} .pro_show_left { margin-bottom: 30px;} .section-content-bottom .col-xs-12{ padding: 0px;} .pro_show_right .content ul li .product_title { padding:10px; } .pro_show_right .content ul li .product_title a{ line-height: 32px; font-size: 16px;} .pro_info_2_3_t_c { padding-bottom: 30px; width: 100%; overflow-x: scroll;} } .pro_info_2 ::-webkit-scrollbar { height: 4px; background-color: #f0f0f0; } .pro_info_2 ::-webkit-scrollbar-thumb { background-color: #e06d14; } @media screen and (max-width:568px){ .pro_show_right .content ul li .product_title {margin-top: 10px; } .pro_show_right .content{padding: 20px 0px 0px;} .pro_show_right .content ul li .product_title { padding:0px; } .pro_info_2_1_t{ margin-top:25px;} .pro_info_2_3_t{margin-top:1.2em; }} .solution_list ul li{ margin-bottom: 25px;} .solution_list ul li .con{ width: 100%; position: relative;} /*.solution_list ul li .con::after{position:absolute;content:"";background:url(../images/bg-o-l.png) left bottom repeat-x;top:0;left:0;bottom:0;right:0;opacity:0;transition:.5s;z-index:0} .solution_list ul li .con:hover::after{opacity:1} */ .solution_list .pagetitle {margin-bottom: 20px; } .solution_list a { display: block;} .solution_list .suspen {position: absolute;bottom: 0;left: 0;width: 100%;padding: 34px 45px;background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #000000));background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 90%);background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 90%);background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 90%);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 90%);} .solution_list .h1 a{font-size: 24px;color: #ffffff;line-height: 24px; } .solution_list ul li:hover .suspen {position: absolute;bottom: 0;left: 0;width: 100%;padding: 34px 45px;background: -moz-linear-gradient(top, rgba(240, 130, 0, 0) 0%, #f08200 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f08200));background: -webkit-linear-gradient(top, rgba(240, 130, 0) 0%, #f08200 90%);background: -o-linear-gradient(top, rgba(240, 130, 0, 0) 0%, #f08200 90%);background: -ms-linear-gradient(top, rgba(240, 130, 0, 0) 0%, #f08200 90%);background: linear-gradient(to bottom, rgba(240, 130, 0, 0) 0%, #f08200 90%);} @media only screen and (max-width: 1440px) { .solution_list .suspen {padding: 20px 30px;} .solution_list .h1 a{font-size: 18px;}} @media only screen and (max-width: 767px) { .solution_list {margin-top: 0;margin-bottom: 40px;} .solution_list .suspen {padding: 15px;}} .solution_show .col-md-7{width: 53.73333333%;} .solution_show .col-md-5{width: 46.26666667%;} .solution_show .item { margin-bottom: 20px; padding: 3% 0 0 7%; } .solution_show .item h3{ font-size:30px; color: #333; position: relative; padding-bottom: 35px; margin-bottom: 35px;} .solution_show .item h3:after{ position: absolute; left: 0px; bottom: 0px; height: 3px; width: 50px; background-color: #f08200; content: "";} .solution_show .item p { color: #666; line-height: 32px; font-size: 18px;} @media (max-width:1200px){ .solution_show .item { padding: 8% 6%; } .solution_show .item p {line-height: 32px; font-size: 16px;}} @media (max-width:992px){ .solution_show .item { padding: 4% 0; margin-bottom: 0px;} .solution_show .col-md-7{width: 100%;} .solution_show .col-md-5{width: 100%;} .solution_show .item h3{ font-size:24px; padding-bottom: 25px; margin-bottom: 25px;} .solution_show .item h3:after{ height: 3px; } .solution_show .item p {line-height: 30px; font-size: 16px;}} @media (max-width:768px){ .solution_show .item .rect-35 { padding-bottom: 28%;} .solution_show .item p {line-height: 28px; font-size: 15px;} .solution_show .item h3{ font-size:22px; padding-bottom: 15px; margin-bottom: 15px;} .pro_show_right .pro_content{ margin-bottom:20px; margin-top:20px;}} @media (max-width:568px){ .solution_show .item .rect-35 { padding-bottom: 58%;} .solution_show .item h3{ font-size:21px; }} .news .li{border-bottom:1px solid #e6e6e6; padding:35px; transition:all 0.5s ease;} .news .li_box{display:block;} .news .li_box .img_{width:24.7%; float:left;} .news .li_box .img_ .rect-6402{padding-bottom:64.02%;} .news .li_box .intro{width:72%; float:right;} .news .li_box .intro .box .tit{font-size:24px; line-height:1; color:#333; margin-top: 20px;} .news .li_box .intro .box .con{margin:24px 0 43px; font-size:18px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666;} .news .li:hover{box-shadow:0 0 25px rgba(0,0,0,.1); border-color:transparent;} .news .li.no_img .img_{display:none;} .news .li.no_img .intro{width:100%;} .news .li.no_img .li_box .intro .box{margin-top:0px;} .news .li_box .intro .box .g-moreb1{ float: right; display: none;} .news .li_box .intro .box .date{float:left; font-size:16px; color: #666; line-height: 38px;} .news .li:hover .li_box .intro .box .g-moreb1{ display: block;} .news .li:hover .li_box .intro .box .tit{ color:#f08200; } @media only screen and (max-width: 1440px){ .news .li_box .intro .box .tit{font-size:22px; margin-top: 0px;}} @media only screen and (max-width: 1366px){ .news .li{ padding:25px 0px;} .news .li_box .intro .box .tit{font-size:20px;}} @media only screen and (max-width: 1180px){ .news .li_box .intro .box .con{margin:15px 0 15px;}} @media only screen and (max-width:768px){ .news .li_box .intro .box .tit{font-size:18px;} .news .li_box .img_{width:30%; float:left;} .news .li_box .intro{width:67%; float:right;} .news .li_box .intro .box .con{margin:10px 0 10px; }} @media only screen and (max-width:668px){ .news .li{ padding:15px 0px;} .news .li_box .intro .box .tit{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .news .li_box .intro .box .g-moreb1{display: none; } .news .li:hover .li_box .intro .box .g-moreb1{display: none; } .news .li_box .intro .box .date{ float: left; font-size: 15px; line-height: 28px;} .news .li_box .intro .box .con{margin:10px 0 0px; font-size: 16px; line-height: 26px;} .news .li_box .img_ .rect-6402{padding-bottom:66.02%;} .news .li_box .img_{width:37%; float:left;} .news .li_box .intro{width:61%; float:right;}} @media only screen and (max-width:420px){.news .li_box .intro .box .date{ display: none;}} .news_detail .left{ float:right;} .news_detail .right{width:88%; float:left; margin-bottom:40px;} .news_detail .right .box{padding-right:0%;} .news_detail .right .intro .title .tit{font-size:18px; line-height:28px; margin-top:20px; color:#e06d14;} .news_detail .right .intro .title{font-size:36px; line-height:40px; margin-top:18px; padding-bottom:20px; border-bottom:1px solid #d0d0d0; color:#333;} .news_detail .right .intro .text{color:#666; margin-top: 30px;} .news_detail .right .intro .text p,.news_detail .right .intro .text div{ font-size: 18px; line-height: 35px;} .news_detail .right .intro .text a{color:#e06d14; text-decoration:underline;} .news_detail .right .intro .text a:hover{background:#e06d14; color:#fff !important; text-decoration:none;} .news_detail .right .intro .text img{ max-width: 100%; text-align:center; margin: 0 auto;} .news_detail .left .left-share { width: 100%;} .news_detail .left .left-share .wechat { position: relative;} .news_detail .left .left-share .wechat:hover .vx { display: block;} .news_detail .left .left-share .wechat .vx::after { content: ''; position: absolute; left:0; margin-left: -12px; bottom: 40%; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent #fff transparent transparent} .news_detail .left .left-share .wechat .vx { position: absolute; top: -45px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: 105px; display: none;} .news_detail .left .left-share .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;} .news_detail .left .left-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;} .news_detail .left .left-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;} .news_detail .left .left-share .share-item { width: 75px; height: 75px; line-height: 75px; margin-bottom:8px; background-color: #7c8188;} .news_detail .left .left-share .share-item .img{width: 75px; height: 75px; line-height: 75px; border-radius: 5px; margin-bottom:2px; text-align: center; background-color: #7c8188;} .news_detail .left .left-share>a:first-child .img,.news_detail .left .left-share>a:hover .img{ background-color: #e06d14;} @media only screen and (max-width: 992px){ .news_detail .right .intro .title h3{ font-size:20px;}} @media only screen and (max-width: 760px){ .news_detail .right .intro .title h3{ font-size:18px; line-height: 30px;} .news_detail .right .intro .title .tit{font-size:16px; margin-top:10px; } .news_detail{margin-bottom:0px;} .news_detail .left{display:none;} .news_detail .right{width:100%; margin-bottom:0;} .news_detail .right .tit{font-weight:normal} .news_detail .right .box{padding-right:0px;} .news_detail .right .intro .title{font-size:20px; line-height:24px; margin:10px 0; padding-bottom:15px;} .news_detail .right .intro .text{font-size:14px; font-weight:normal; margin-bottom:0;} .news_detail .right .intro .text p{ font-size: 16px; line-height: 30px;}} .video_list ._info{ padding: 20px 0;} .video_list ._info .tit {font-size:24px; color: #333; line-height: 32px; } .video_list ._info .date{font-size:18px; margin-top: 15px;color: #e06d14;} .video_list li{ cursor: pointer; margin-bottom: 10px; } .video_list ._img{ height: 0; padding-bottom: 65%; overflow: hidden; position: relative; } .video_list ._img img{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .video_list ._img:hover img{ -webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .video_list ._img .play_ico{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -34px; margin-left: -34px; background:url(../images/news_index_06_ico.png) no-repeat center; width: 72px; height: 72px; } @media only screen and (max-width: 1440px){ .video_list ._info .tit {font-size:22px;}} @media only screen and (max-width: 1280px){ .video_list ._info .tit {font-size:20px;}} @media only screen and (max-width: 579px){ .video_list ._info{ padding: 10px 0;} .video_list ._info .tit {font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .video_list ._info .date{font-size:16px; margin-top: 5px; } .video_list ._img .play_ico { background-size:60% 60%;}} @media only screen and (max-width: 479px){ .video_list ._info .tit {font-size:16px; } .video_list li ._info .ion{ display:none; } .video_list ._info{ padding:10px; background: #ecf1f4;} .video_list li{ cursor: pointer; margin-bottom: 20px; } .video_list ._img .play_ico { background-size:60% 60%;}} .server .desc { margin-bottom: 40px;} .server .desc p{ font-size: 18px; color: #666; line-height: 32px; margin-bottom: 5px;} .app-serve-added { display: flex; margin: 0 -12.5px; align-items: stretch} .app-serve-added-item { padding: 0 12.5px; flex: 1 1 50%} .app-serve-added-mudule { height: 100%} .app-serve-added-mudule.left { position: relative} .app-serve-added-mudule.left .pic { height: 0; padding-bottom: 100%; position: relative} .app-serve-added-mudule.right { display: flex; flex-direction: column} .app-serve-added-mudule.right .pic { height: 0; padding-bottom: 48.65%; position: relative} .app-serve-added-mudule.right .pic+.pic { margin-top: 20px} .app-serve-added-mudule .pic { position: relative; height: 100%; border-radius: 20px; overflow: hidden; overflow: hidden; display: block} .app-serve-added-mudule .pic img { width: 100%; height: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; -ms-transition: 1s ease transform; transition: 1s ease transform} .app-serve-added-mudule .pic:hover img { -ms-transform: scale(1.1); transform: scale(1.1)} .app-serve-added-mudule img { border-radius: 20px; width: 100%; height: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0} .app-serve-added-mudule .inner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: flex-start; padding: 40px; color: #fff!important; flex-direction: column; justify-content: flex-end; transition: .6s transform ease} .app-serve-added-mudule a .inner {color: #fff!important; position: relative; z-index: 9} .app-serve-added-mudule .inner::before { content: " "; display: block; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0)); pointer-events: none} .app-serve-added-mudule .inner:hover h3 {color: #fff!important; transform: translateY(-5px); transition: .5s transform ease} .app-serve-added-mudule .inner h3 { color: #fff!important; transition: .5s transform ease; line-height: 1} .app-serve-added-mudule h3{color: #fff!important; z-index: 9;} @media only screen and (max-width:1600px){ .app-serve-added-mudule .inner h3 {font-size: 30px;}} @media only screen and (max-width:1440px){ .server .desc { margin-bottom: 30px;} .server .desc p{ line-height: 30px;} .app-serve-added-mudule .pic {border-radius: 20px} .app-serve-added-mudule img {border-radius: 20px} .app-serve-added-mudule .inner {padding: 30px} .app-serve-added-mudule .inner h3 {font-size: 26px;}} @media only screen and (max-width:1366px){ .app-serve-type-mudule {border-radius: 15px;padding: 60px 15px 75px 15px} .app-serve-type-mudule .icon {width: 80px;height: 80px} .app-serve-type-mudule .buttons a {width: 95px} .app-serve-added-mudule .pic {border-radius: 15px} .app-serve-added-mudule img {border-radius: 15px} .app-serve-added-mudule .inner {padding: 20px} .app-serve-added-mudule .inner h3 {font-size: 22px;color: #fff!important;} .app-serve-added-mudule.right .pic { padding-bottom: 48.35%;}} @media only screen and (max-width:1024px){ .server .desc { margin-bottom: 20px;} .server .desc p{ font-size: 17px; line-height: 28px; } .app-serve-added-mudule .pic {padding-bottom: 71.428571%} .app-serve-added-mudule .inner {padding: 15px} .app-serve-added-mudule .inner:hover h3 {transform: translateY(0)} .app-serve-added-mudule .inner:hover p {transform: translateY(0)} .app-serve-added-mudule .inner p {margin-top: 10px} .app-serve-added-mudule .inner h3 {font-size: 18px;} .app-serve-added-mudule.right .pic { padding-bottom: 47.6%;}} @media only screen and (max-width:650px){ .server .desc { margin-bottom: 10px;} .server .desc p{ font-size: 16px; line-height: 26px;} .app-serve-added {margin: 0;flex-direction: column} .app-serve-added-item {flex: 1 1 100%;padding: 0} .app-serve-added-mudule.right {margin-top: 20px}} .server1 { background: #f8f8f8;} .fwlct{width: 100%;margin:40px auto 30px;overflow: hidden;} .lii {float:left; position:relative;width:14.28%;cursor:pointer;} .lc_ico{display:block;margin:0 auto;width:148px;height: 148px;background: url(../images/lct.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-148px 0px; } .lii.lii3 .lc_ico { background-position:-296px 0px; } .lii.lii4 .lc_ico { background-position:-444px 0px; } .lii.lii5 .lc_ico { background-position:-592px 0px; } .lii.lii6 .lc_ico { background-position:-740px 0px; } .lii.lii7 .lc_ico { background-position:-888px 0px; } .fwlct h3{font-size: 24px; color: #333; line-height: 30px; margin-top: 15px;text-align: center;} .fwlct span{display: block;width:40px;height: 37px;background: url(../images/lc_x.png) no-repeat;position: absolute;top: 55px;right: -10px;} @media screen and (max-width:1366px){ .lc_ico{width:130px;height: 130px;background: url(../images/lct1.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-130px 0px; } .lii.lii3 .lc_ico { background-position:-260px 0px; } .lii.lii4 .lc_ico { background-position:-390px 0px; } .lii.lii5 .lc_ico { background-position:-520px 0px; } .lii.lii6 .lc_ico { background-position:-650px 0px; } .lii.lii7 .lc_ico { background-position:-780px 0px; } .fwlct h3{font-size: 22px;}} @media screen and (max-width:1124px){ .lc_ico{width:100px;height: 99px;background: url(../images/lct2.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-100px 0px;} .lii.lii3 .lc_ico { background-position:-200px 0px;} .lii.lii4 .lc_ico { background-position:-300px 0px;} .lii.lii5 .lc_ico { background-position:-400px 0px;} .lii.lii6 .lc_ico { background-position:-500px 0px;} .lii.lii7 .lc_ico { background-position:-600px 0px;} .fwlct span{top:35px;} .fwlct h3{font-size: 20px;}} @media screen and (max-width:992px){ .lc_ico{width:95px;height: 94px;background: url(../images/lct5.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-95px 0px;} .lii.lii3 .lc_ico { background-position:-190px 0px;} .lii.lii4 .lc_ico { background-position:-285px 0px;} .lii.lii5 .lc_ico { background-position:-380px 0px;} .lii.lii6 .lc_ico { background-position:-475px 0px;} .lii.lii7 .lc_ico { background-position:-570px 0px;} .fwlct span{width:36px;height: 33px; background: url(../images/lc_x1.png) no-repeat; top: 35px;right: -10px;} .fwlct h3{font-size: 18px;}} @media screen and (max-width:768px){ .fwlct{margin: 30px auto 0px;} .fwlct .lii{float:left;width: 25%;margin: 10px 0%;} .fwlct .lii:nth-child(5),.fwlct .lii:nth-child(6),.fwlct .lii:nth-child(7) { width:33.3333337%;} .fwlct h3{font-size: 17px;color: #1c1b28; line-height: 24px; margin-top: 10px;text-align: center;} .fwlct span{display: none;}} @media screen and (max-width:500px){ .lc_ico{width:90px;height: 90px;background: url(../images/lct3.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-90px 0px;} .lii.lii3 .lc_ico { background-position:-180px 0px;} .lii.lii4 .lc_ico { background-position:-270px 0px;} .lii.lii5 .lc_ico { background-position:-360px 0px;} .lii.lii6 .lc_ico { background-position:-450px 0px;} .lii.lii7 .lc_ico { background-position:-540px 0px;} .fwlct .lii{float:left;width: 45%;margin: 10px 1.5%;} .fwlct .lii:nth-child(4),.fwlct .lii:nth-child(5) { width: 45%;} .fwlct .lii:nth-child(5),.fwlct .lii:nth-child(6),.fwlct .lii:nth-child(7) { width: 45%;} } @media screen and (max-width:360px){ .lc_ico{width:70px;height: 70px;background: url(../images/lct4.png) 0 0 no-repeat;} .lii.lii2 .lc_ico { background-position:-70px 0px;} .lii.lii3 .lc_ico { background-position:-140px 0px;} .lii.lii4 .lc_ico { background-position:-210px 0px;} .lii.lii5 .lc_ico { background-position:-280px 0px;} .lii.lii6 .lc_ico { background-position:-350px 0px;}} .install .pt1 .pt1_l{ width:50%; float:left; margin-bottom: 70px;} .install .pt1 .pt1_l img{ width:100%; text-align: left;} .install .pt1 .pt1_r{ width:50%; float:right; } .install .pt1 .pt1_r .pt1_r_title{padding-left: 60px; position: relative; height: 80px;} .install .pt1 .pt1_r .pt1_r_title p{ font-size: 30px; font-weight: bold; line-height: 50px;} .install .pt1 .pt1_r .pt1_r_title::after{ content: " ";position: absolute; right: 0; bottom: 0; left: 60px; width: 210px; height: 3px; background: #e06d14; } .install .pt1 .pt1_r .pt1_r_title img{ text-align: left;} .install .pt1 .pt1_r .pt1_r_title .col-sm-1{ padding-left: 0px;} .install .pt1 .pt1_r ul{ padding:30px 50px 40px 60px;} .install .pt1 .pt1_r li{ margin-bottom:20px;} .install .pt1 .pt1_r li ._layer { padding-left:25px;} .install .pt1 .pt1_r li .p { font-size: 18px; color:#666; line-height:30px; } .install .pt2 .pt1_l{ width:50%; float:right;} .install .pt2 .pt1_r{ width:50%; float:left; padding-right: 60px;} .install .pt2 .pt1_r .pt1_r_title{padding-left: 0px;} .install .pt2 .pt1_r .pt1_r_title::after{left: 0px; } .install .pt2 .pt1_r .desc { margin-top: 30px;font-size: 18px; color:#666; line-height:32px;} .install .pt2 .pt1_r ul{ padding:40px 0px 40px 0px;} .install .pt2 .pt1_r li{ width: 20%; float: left;} .install .pt2 .pt1_r li .img{ text-align: center; margin: 0 auto;} .install .pt2 .pt1_r li p { font-size: 18px; color:#666; line-height:30px; margin-top: 5px; text-align: center; padding: 10px 10px;} @media screen and (max-width: 1400px){ .install .pt1 .pt1_r .pt1_r_title{ height: 60px;} .install .pt1 .pt1_r .pt1_r_title p{ font-size: 28px; line-height: 40px;} .install .pt1 .pt1_r .pt1_r_title::after{ width: 180px;} .install .pt1 .pt1_r ul{ padding:24px 20px 24px 35px;} .install .pt2 .pt1_r ul{ padding:25px 0px;} .install .pt2 .pt1_r{ padding-right: 40px;}} @media screen and (max-width: 1366px){ .install .pt1 .pt1_r .pt1_r_title{padding-left: 35px; } .install .pt1 .pt1_r .pt1_r_title p{ font-size: 24px; line-height:40px;} .install .pt1 .pt1_r .pt1_r_title::after{ left: 35px; width: 160px; } .install .pt1 .pt1_r ul{ padding:14px 20px 14px 25px;} .install .pt1 .pt1_r li{ margin-bottom:10px;} .install .pt2 .pt1_r li p { padding: 10px 5px;} .install .pt2 .pt1_r .pt1_r_title{padding-left: 0px; } .install .pt2 .pt1_r .pt1_r_title::after{ left: 05px; } .install .pt2 .pt1_r .desc { margin-top: 20px; line-height:30px;} .install .pt2 .pt1_r ul{ padding:14px 20px 14px 0px;} .install .pt2 .pt1_r li p { line-height:28px;} .install .pt2 .pt1_r{ padding-right: 20px;}} @media screen and (max-width: 1280px){ .install .pt1 .pt1_r ul{ padding:10px 20px 10px 25px;} .install .pt2 .pt1_r ul{ padding:14px 20px 14px 0px;}} @media screen and (max-width: 1200px){ .install .pt1 .pt1_l{ margin-bottom: 30px;} .install .pt1 .pt1_r ul{ padding:10px 10px 10px 15px;} .install .pt1 .pt1_r li{ margin-bottom:3px;} .install .pt2 .pt1_r ul{ padding:10px 10px 10px 0px;} .install .pt2 .pt1_r .desc { font-size: 16px; line-height:28px;} .install .pt2 .pt1_r li p { font-size: 16px; line-height:28px;} .install .pt1 .pt1_r li .p { font-size: 16px; line-height:28px;}} @media screen and (max-width: 1160px){ .install .pt1 .pt1_l{ width:50%; } .install .pt1 .pt1_r{ width:50%; }} @media screen and (max-width: 1024px){ .install .pt1 .pt1_l{ width:100%; float:none;} .install .pt1 .pt1_r{ width:100%; float:none;} .install .pt1 .pt1_r ul{ padding:15px 0px;} .install .pt1 .pt1_r li{ margin-bottom:10px;} .install .pt1 .pt1_r li .p { line-height:24px;} .install .pt1 .pt1_r li ._layer { padding-left:15px;} .install .pt1 .pt1_r .pt1_r_title{padding-left: 0px; height: 80px;} .install .pt1 .pt1_r .pt1_r_title::after{ left: 0px; width: 180px; } .install .pt1 .pt1_r .pt1_r_title p{ font-size: 20px; line-height:60px;}} @media screen and (max-width: 768px){ .install .pt1 .pt1_l{ width:100%; float:none; display: block; } .install .pt1 .pt1_r{ width:100%; float:none;} .install .pt1 .pt1_r ul{ padding:30px 0px;} .install .pt1 .pt1_r li{ margin-bottom:15px;} .install .pt1 .pt1_r li .p { line-height:28px;} .install .pt1 .pt1_r li ._layer strong{font-size:17px;}} @media screen and (max-width: 425px){ .install .pt1 .pt1_r ul{ padding:30px 20px;} .install .pt1 .pt1_r li ._layer { padding-left:0px;} .install .pt1 .pt1_r li ._layer strong{font-size:16px;} .install .pt2 .pt1_r li{ width: 50%; }} .parts .pagetitle{ margin-bottom: 20px;} .parts .desc { margin-bottom: 40px;} .parts .desc p{ font-size: 18px; color: #666; line-height: 32px; text-align: center;} .parts .item{background:#fff; padding:95px 85px; color:#666; box-shadow: 0 0 15px #ccc;} .parts .item .con{ text-align: center; font-size: 18px; line-height: 30px; color: #666; margin-top: 40px; margin-bottom: 30px; } .parts .item .icon{ text-align: center; height: 150px; position: relative;} .parts .item .icon .core-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:120px; height:120px;opacity:1} .parts .item .icon .core-item span{ color:#fff} .parts .item .icon .core-icon span{ width:90px; height:90px; line-height: 90px; font-size: 36px; font-weight: bold; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; color:#fff; transition:all 0.5s ease-out; border-radius:50%; position:absolute;left:15px;top:15px; z-index:20; transition:all 0.8s ease-out} .parts .item .icon .core-icon samp{ width:90px; height:90px; border-radius:50%; position:absolute;left:15px;top:15px; z-index:10;animation:kuosan 3s ease-out 0s infinite;} .parts .item .icon .core-icon em{width:90px; height:90px; border-radius:50%; position:absolute;left:15px;top:15px; z-index:10;animation:kuosan 3s ease-out 1.5s infinite;} .parts .item .icon1 span{ background: #e06d14;} .parts .item .icon .core-icon samp{ background:rgba(224,109,20,0.53);} .parts .item .icon .core-icon em{background:rgba(224,109,20,0.3);} .parts .item .icon2 span{ background: #1639ae;} .parts .item .icon2 .core-icon samp{background:rgba(22,57,174,0.53);} .parts .item .icon2 .core-icon em{ background:rgba(22,57,174,0.3);} .parts .item .icon3 span{ background: #f9bd49;} .parts .item .icon3 .core-icon samp{ background:rgba(249,189,73,0.53);} .parts .item .icon3 .core-icon em{background:rgba(249,189,73,0.3);} @keyframes kuosan{ 0%{ width:90px; height:90px;left:15px;top:15px;} 56%{width:120px; height:120px;left:0px;top:0px;opacity:1} 100%{width:120px; height:120px;left:0px;top:0px;opacity:0}} @media only screen and (max-width:1366px) { .parts .item{ padding:65px 35px; } .parts .item .con{ margin-top: 20px; margin-bottom: 10px; }} @media only screen and (max-width:1200px) { .parts .item{ padding:55px 15px; }} @media only screen and (max-width:992px) {.parts .item .con{ font-size: 16px; height: 80px;}} @media only screen and (max-width:768px) { .solution_list .desc{line-height: 28px;} .parts .item{ padding:25px 15px; margin-bottom: 25px;} .parts .item .con{font-size:15px; line-height: 26px; height: 50px;} .parts .item .con span{font-size:15px; }} .question ul li { box-sizing: border-box; margin-bottom: 30px} .question ul li a {width: 100%;height: auto;box-sizing: border-box;display: block} .question ul li a .box {padding: 60px 30px; box-shadow: 0 0 15px #ccc; } .question ul li a .tits {font-size: 24px;line-height: 36px;height: 60px; color: #333; margin-bottom: 40px;} .question ul li a .tit { font-size: 18px;line-height: 30px;color: #777;height: 147px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 20px} .question ul li a .tit1 {margin-top: 30px} .question ul li a:hover .tits {color: #eb8602} .question ul li .g-moreb1 .more {background-color:#ffffff; border: 1px solid #e5e5e5; margin-top: 40px;} .question ul li .g-moreb1 .more span{ color:#e24a13;} .question ul li .g-moreb1 .more i{width:26px;height:26px;background:url(../images/c-i5-1.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin-left:13px} .question ul li a:hover .g-moreb1 .more {background-color:#f08200; border: 1px solid #f08200;} .question ul li a:hover .g-moreb1 .more span{ color:#fff;} .question ul li a:hover .g-moreb1 .more i{background:url(../images/c-i5.png) center no-repeat;} @media (max-width: 1600px) { .question ul li a .box {padding: 30px 25px; } .question ul li a .tits {font-size: 22px;line-height: 32px;height: 60px; margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}} @media (max-width: 1366px) { .question ul li a .box {padding: 25px 20px 35px; } .question ul li a .tits {font-size: 20px;line-height: 30px;} .question ul li a .tit {-webkit-line-clamp: 5;} .question ul li a .tit1 {margin-top: 20px}} @media (max-width: 1280px) {.question ul li a .tit { font-size: 16px; }} @media (max-width: 768px) { .question ul li {width: 100%;float: none;border-left: none;border-right: none !important;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px; padding-bottom:40px;} .question ul li a .tits { line-height: 28px; margin-top: 8px} .question ul li a .tit {height: auto;margin-top: 10px} .question ul li a .tit1 {margin-top: 15px}} @media (max-width: 468px) {.question ul li a .tits {font-size: 18px; height: 54px; margin-top: 0px;}.question ul li a .tit { margin-top: 0px}.question ul li .g-moreb1 .more { margin-top: 20px;}} .download-lists ul .lf { width: 90%;} .download-lists ul a {display: block;padding: 30px 35px; color: #333; font-size: 18px; border-bottom: 1px solid #ececec; } .download-lists ul a:hover { background: #eb8602; color: #fff; } .download-lists ul a .lf span { font-size: 22px; float: left;} .download-lists ul a .date { float: right; width: 15%; text-align: center; } .download-lists ul a .fa{ text-align: center; padding-left: 40%; color: #cdcdcd; font-size: 34px; } .download-lists ul a:hover .fa{color: #fff; } .download-lists ul .rt{ position: relative; text-align: center; padding-left: 40px; } .download-lists ul .rt:before { position: absolute; content: ""; left: 0px; top: 0px; width: 32px; height: 32px; background: url(../images/download_ico1.png) no-repeat left center;} .download-lists ul a:hover .rt:before { background: url(../images/download_ico2.png) no-repeat left center; } @media(max-width:1280px) { .download-lists ul a { padding: 25px 20px;} .download-lists ul a .lf span { font-size: 20px; } .download-lists ul .lf { width: 86%;}} @media(max-width:992px) { .download-lists ul .lf { width: 82%;} .download-lists ul a { padding: 15px 10px;} .download-lists ul a .date { width: 20%; }} @media(max-width:768px) { .download-lists ul a .date { display:none;} .download-lists ul a { padding: 15px 0px; font-size: 15px;} .download-lists ul a span {font-size: 16px;} .download-lists ul a .lf span { font-size: 18px; }} @media(max-width:668px) {.download-lists ul .lf { width: 77%;}.download-lists ul .rt span{ display: none;}} .recruit .item { margin-bottom: 20px; padding: 3% 7% 0 0; } .recruit .item .pagetitle{ text-align: left; color: #333; margin-bottom: 35px;} .recruit .item p { color: #666; line-height: 32px; font-size: 18px; margin-bottom: 40px;} @media (max-width:1600px){ .recruit .item { padding: 0 5% 0 0; } .recruit .item .pagetitle{ font-size: 36px; margin-bottom: 30px;} .recruit .item p { line-height: 30px; margin-bottom: 30px;}} @media (max-width:1440px){ .recruit .item .pagetitle{ font-size: 32px; margin-bottom: 25px;}} @media (max-width:1366px){ .recruit .item .pagetitle{ font-size: 28px; margin-bottom: 20px;} .recruit .item p { line-height: 28px; margin-bottom:25px;}} @media (max-width:1200px){ .recruit .item { padding: 0 2% 0 0; } .recruit .item .pagetitle{ font-size: 26px; margin-bottom: 15px;} .recruit .item p {line-height: 30px; font-size: 16px; margin-bottom:10px;}} @media (max-width:768px){ .recruit .item .rect-35 { padding-bottom: 28%;} .recruit .item p {line-height: 28px; font-size: 15px;}} @media (max-width:568px){ .recruit .item { padding: 10% 2% 4%; } .recruit .item .rect-35 { padding-bottom: 58%;}} .devolpe{ background: url(../images/devolpe_bg.jpg) no-repeat center; background-size:cover; } .devolpe .pagetitle{ color: #fff;} .devolpe ul{text-align:center} .devolpe ul li .about-item{float:left; width:25%; padding:35px 30px; border-right: 1px solid #e5e5e5; } .devolpe ul li .about-item .num {font-size:60px; margin-bottom: 50px; text-align: left;color: #fff; } .devolpe ul li .about-item .about-txt{ text-align: left;} .devolpe ul li .about-item .about-txt .about-tit {font-size:24px; color: #fff; margin-top: 20px; margin-bottom: 25px;} .devolpe ul li .about-item .about-txt p{ font-size: 18px; color: #fff; line-height: 30px; margin-bottom: 35px; height: 160px;} .devolpe ul li .about-item:hover{ border-bottom: 2px solid #e06d14; border-right: 1px solid #e06d14; background: #e06d14;} .devolpe ul li .about-item:hover .about-txt p { color: #fff; } @media (max-width:1366px){.devolpe ul li .about-item{ padding:25px 20px; }} @media (max-width:1280px){ .devolpe ul li .about-item .num {font-size:40px; margin-bottom: 30px; } .devolpe ul li .about-item .about-txt .about-tit {font-size:22px; margin-top: 10px; margin-bottom: 15px;} .devolpe ul li .about-item .about-txt p{ font-size: 16px; margin-bottom: 25px; height: 160px;} } @media (max-width:992px){ .devolpe ul li .about-item{ padding:30px 20px;} .devolpe ul li .about-item .num {font-size:30px; margin-bottom: 10px; } .devolpe ul li .about-item .about-txt .about-tit {font-size:20px; margin-top: 10px; margin-bottom: 10px;} .devolpe ul li .about-item .about-txt p{ font-size: 16px; line-height: 24px; height: 138px;} .devolpe ul li .about-item:hover{ padding:20px 15px;} } @media (max-width: 768px){ .devolpe ul li .about-item{ padding:20px 10px;} .devolpe ul li .about-item .num {font-size:26px; margin-bottom:5px; } .devolpe ul li:nth-child(2n) .about-item{ border-right: 0px solid #e5e5e5; } .devolpe ul li .about-item{float:left; width:50%; margin-bottom: 10px; margin-top: 10px;} .devolpe ul li .about-item .about-txt p{ height: 118px;}} @media (max-width: 568px){ .devolpe ul li .about-item .num {font-size:22px; } .devolpe ul li .about-item .about-txt p{ font-size: 15px;}} @media (max-width: 468px){ .devolpe ul li .about-item .num {font-size:20px; } .devolpe ul li .about-item{ width:100%; border-right: 0px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }} .ul-gu1 .tit{background-color:#f5f5f5;border-left:8px solid #e06d14;height:110px;margin-bottom:25px;padding:20px 36px} .ul-gu1 .on .tit{background:url(../images/a5.jpg) center no-repeat;background-size:cover} .ul-gu1 .on .or1,.ul-gu1 .on .or2{color:#fff} .ul-gu1 .on .or2 em{color:#fff;font-style:normal} .ul-gu1 .tit .or1{font-size:26px;margin-bottom:5px} .ul-gu1 .or2{ width: 100%;} .ul-gu1 .or2 span{font-size:18px; float: left; width: 25%; margin-right:42px} .ul-gu1 .or2 em{color:#333;margin-right:10px;font-style:normal} .ul-gu1 .icon{width:36px;height:36px; margin-top: 20px; border: 3px solid #a1a7b3; text-align: center; position:relative} .ul-gu1 .icon:after{content:"";width:16px;height:3px;background-color:#a1a7b3;position:absolute;left:23%;top:50%;margin-top:-2px} .ul-gu1 .icon:before{content:"";width:3px;height:16px;background-color:#a1a7b3;position:absolute;left:46%;top:50%;margin-top:-8px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .ul-gu1 .on .icon{ border: 3px solid #fff; } .ul-gu1 .on .icon:before{background-color:#fff; transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .ul-gu1 .on .icon:after{background-color:#fff;} .m-detailg2{box-shadow:0 10px 20px rgba(225,225,225,.4);overflow:hidden;padding:54px;margin-bottom:40px; } .m-detailg2 .txt1:first-child{margin-bottom:50px} .m-detailg2 .tit1{font-size:26px;margin-bottom:30px} .m-detailg2 .desc1{color:#666;font-size:16px;line-height:1.8} .page-contact.pad-80{ padding-bottom: 0px;} .page-contact .left{width:50%; float:right; background: #e06d14;} .page-contact .left .box{padding:65px 55px; border: 1px solid #ececec;} .page-contact .left .box .infor .tit{font-size:40px; color:#fff; line-height:46px; } .page-contact .left .box .infor .common-line{margin:35px 0 35px; height: 2px; width: 100%; background-color: #fff;} .page-contact .left .box .infor .con{font-size:18px; color:#fff; line-height:30px; margin-bottom:28px;} .page-contact .left .box .infor .text div{ margin-bottom: 25px; font-size:18px;} .page-contact .left .box .infor .text span{ margin-left: 10px; line-height: 36px;} .page-contact .left .box .infor .text .addr{position:relative; padding-left:30px;} .page-contact .left .box .infor .text .addr .icon{display:inline-block; width:26px; height:26px; background:url(../images/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .addr span{display:inline-block; color:#fff; line-height:30px;} .page-contact .left .box .infor .text .phone{position:relative; padding-left:30px;} .page-contact .left .box .infor .text .phone .icon{display:inline-block; width:26px; height:26px; background:url(../images/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:8px;} .page-contact .left .box .infor .text .phone span{display:inline-block; color:#fff; line-height:30px;} .page-contact .left .box .infor .text .tel{position:relative; padding-left:30px;color:#fff; } .page-contact .left .box .infor .text .tel .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .siturl{position:relative; padding-left:30px; color:#fff; } .page-contact .left .box .infor .text .siturl .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_5.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .mail{position:relative; padding-left:30px;color:#fff; } .page-contact .left .box .infor .text .mail .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .code{position:relative; padding-left:30px; color:#fff; } .page-contact .left .box .infor .text .code .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_6.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .tel a,.page-contact .left .box .infor .text .fax a,.page-contact .left .box .infor .text .mail a,.page-contact .left .box .infor .text .code a{color:#fff; } .page-contact .right{width:50%; float:left; position:relative;} .page-contact .map_box{overflow:hidden; height:550px; background:url(../images/map.jpg) no-repeat center; background-size:cover;} .page-contact .map_box img{max-width:none;} @media only screen and (max-width:1366px){ .page-contact .map_box{ height:500px; } } @media only screen and (max-width:1280px){ .page-contact .map_box{ height:490px; } } @media only screen and (max-width:992px){ .page-contact .map_box{ height:350px; } } @media only screen and (max-width:768px){ .page-contact .map_box{ height:300px; } } @media only screen and (max-width:468px){ .page-contact .map_box{ height:260px; } } @media only screen and (max-width:1440px) { .page-contact .left{width:52%;} .page-contact .right{width:48%;}} @media only screen and (max-width:1366px) { .page-contact .left .box .infor .tit{font-size:34px; } .page-contact .left .box{padding:50px 50px 30px; }} @media only screen and (max-width:1280px) { .page-contact .left .box{padding:40px 50px; } .page-contact .left .box .infor .common-line{margin:25px 0 25px;} .page-contact .left .box .infor .tit{font-size:28px; } .page-contact .left .box .infor .text div{ margin-bottom: 20px;} .ul-gu1 .or2 span:nth-child(3){ display: none; } .ul-gu1 .tit .or1{font-size:24px; margin-bottom: 3px; } .ul-gu1 .tit{ height:90px;margin-bottom:25px;padding:15px 26px} .ul-gu1 .icon{ margin-top: 15px; } .m-detailg2{ padding:24px 40px 40px;margin-bottom:30px; } .m-detailg2 .tit1{font-size:22px;margin-bottom:20px} .m-detailg2 .txt1:first-child{margin-bottom:40px}} @media only screen and (max-width:1100px) { .page-contact .left .box{padding:50px 50px; } .page-contact .left .box .infor .tit{font-size:24px; } .page-contact .left .box .infor .common-line{margin:15px 0 15px;} .page-contact .map_box{overflow:hidden; height:520px;} } @media only screen and (max-width:1024px) { .page-contact .left .box{padding:35px 30px; } .page-contact .left .box .infor .text .addr span{ font-size:17px; line-height:28px;} .ul-gu1 .tit{ height:70px;margin-bottom:25px;padding:16px;} .ul-gu1 .icon{ margin-top: 0px; } .ul-gu1 .or2{display: none;} .ul-gu1 .tit .or1{font-size:22px; margin-bottom:0px;} .m-detailg2{ padding:30px;margin-bottom:30px; } .m-detailg2 .tit1{font-size:22px;margin-bottom:20px} .page-contact .map_box{overflow:hidden; height:457px;} } @media only screen and (max-width:992px) { .m-detailg2 .tit1{font-size:20px; margin-bottom: 10px;} .ul-gu1 .tit{ height:60px;margin-bottom:20px;padding:12px;} .ul-gu1 .tit .or1{font-size:20px; } .page-contact .left .box{padding:30px 30px; } .page-contact .left .box .infor .text div{ margin-bottom: 16px;} .page-contact .left .box .infor .tit{font-size:22px; } } @media only screen and (max-width:768px) { .m-detailg2 .tit1{font-size:18px;} .ul-gu1 .tit{ height:50px; } .ul-gu1 .icon{width:28px;height:28px; border:2px solid #a1a7b3;} .ul-gu1 .icon:after{ left: 18%; height:2px; margin-top: -1px;} .ul-gu1 .icon:before{ width:2px;} .ul-gu1 .on .icon{ border: 2px solid #fff; } .btnw2{width:130px;height:40px;line-height:40px; margin-top:0px} .m-detailg2{ padding:20px;margin-bottom:20px; } .ul-gu1 .tit .or1{font-size:20px;} .page-contact .right{width:100%; float: none;} .page-contact .left{width:100%; float: none; margin-bottom: 20px;} .page-contact .left .box{padding:30px 25px;} .page-contact .left .box .infor .tit{font-size:24px; line-height:26px; } .page-contact .left .box .infor .common-line{ height: 1px; } .page-contact .left .box .infor .con{ margin-bottom:18px;} .page-contact .left .box .infor .text .addr span{ font-size:16px; line-height:27px;} .page-contact .left .box .infor .text div{ margin-bottom: 15px; font-size:16px;} .page-contact .left .box .infor .tit{font-size:22px; line-height:26px; } .page-contact .map_box{ height:450px;} } @media only screen and (max-width:425px) { .page-contact .left .box .infor .text .phone span{ font-size:15px; line-height:26px;} .page-contact .left .box .infor .common-line{margin:15px 0 15px;} .page-contact .left .box .infor .text div{ margin-bottom: 10px;} .page-contact .map_box{ height:300px;} } .message .formCheck {line-height: 0; margin-top: 30px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;-ms-flex-line-pack: stretch; align-content: stretch;} .message .formCheck:after {display: none;} .message .formItem {position: relative;margin-bottom: 20px;color: #666666;line-height: 55px;} .message .formItem:last-child {margin-bottom: 0;} .message .formItem.w1 {width: 48%;} .message .formItem.w0 {width: 100%;} .message .formItem.red:after {content: "x";position: absolute;right: 10px;top: 0;white-space: nowrap;font-size: 14px;pointer-events: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #f00 ;} .message .formItem:first-child {margin-top: 0;} .message .formItem .skin {padding: 8px 19px;display: block;width: 100%;height: 55px;line-height: 32px;border: #d7d7d7 solid 1px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;} .message .formItem input.skin {height: 55px;} .message .formItem textarea.skin {height: 125px;} .message .formItem.yzm {width: 60%;font-size: 0;white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;-ms-flex-line-pack: start; align-content: flex-start;} .message .formItem.yzm:after {display: none;} .message .formItem.yzm .skin {width: 60%;display: inline-block;vertical-align: top;} .message .formItem.yzm .refreshVC {width: 48px;height: 48px;background-size: 36px 36px;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;min-width: 48px;} .message .formItem.yzm .bindClick {display: inline-block;vertical-align: top;width: 118px;height: 46px;border: #d7d7d7 solid 1px;} .message .formItem .enter {display: inline-block; vertical-align: top;margin-left: 10px;border-radius: 4px;min-width: 148px;width: 164px;height: 53px;line-height: 50px;text-align: center;background-color: #e06d14;color: #fff;font-size: 16px;} .message .formItem .enter button{ background-color: #e06d14;} .message .formItem p{ line-height: 30px; padding: 15px 0;} @media screen and (max-width: 1024px) {.message { padding-right: 0;}.message:before { display: none;} .message .formItem.yzm { padding-bottom: 60px;} .message .formItem.yzm .enter { position: absolute; left: 0; bottom: 0; width: 100%;}} @media screen and (max-width: 1024px) {.message { display: block;} .message:before { display: none;} .message .contain { width: 100%; max-width: 100%;} .message .formItem { width: 100% !important;} .message .formItem.yzm { padding-bottom: 60px;} .message .formItem.yzm .enter { position: absolute; left: 0; bottom: 0; width: 100%; margin-left: 0;}} .red, .red a, a.red{color:red;} .policy h3{ margin-bottom: 10px;} .policy div{ line-height: 30px;} .imgWrap {display: block;position: relative;overflow: hidden;} .imgWrap img {display: block;} .video-section{position: relative;text-align: left; display:block; width: 175px;line-height:53px;height: 53px;overflow: hidden;} .video-section .btn-video{position: absolute;background: #f8c015 url(../images/icon-video-play.png) no-repeat 50px; width: 170px;line-height:53px;height: 53px;top: 50%;left: 35%; text-align: center; transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);color: #fff;cursor: pointer;} .video-section .icon-video{padding-left: 30px;font-size: 16px; color:#fff;display: inline-block;position: relative;} .video-section img{transition: all .7s ease;} .video-section:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .video-section .icon-video:hover::after{transform: rotate(40deg);-webkit-transform: rotate(40deg);} .video-wrap{display: none;} .video-wrap .bg, .video-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;} .video-wrap .bg{background: rgba(0, 0, 0, .5);z-index: 2;} .video-wrap video{position: absolute;left: 50%;top: 50%;z-index: 100;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-height: 80vh;max-width: 75vw;} .video-wrap .btn-close{position: absolute;right: 10%;top: 130px;z-index: 100;cursor: pointer;} .video-wrap .btn-close .layui-icon{font-size: 24px;background: #fff;border-radius: 50%;color: #000;padding: 8px;font-weight: bold;border: 0;transition: all .35s ease;-webkit-transition: all .35s ease;} .video-wrap .btn-close:hover .layui-icon{color: #082da5;box-shadow: 0 0 10px rgba(255, 255, 255, .7)} @media screen and (max-width: 1440px) {.video-section .btn-video{left: 30%; } } @media screen and (max-width: 1180px) { .video-section{ width: 145px;line-height:53px;height: 53px; } .video-section .btn-video{ background: #acacab url(../images/icon-video-play.png) no-repeat 50px; width: 160px;line-height:53px;height: 53px;top: 50%;left: 32%; } .video-section .icon-video{padding-left: 40px;} } @media screen and (max-width: 1100px) { .video-section .btn-video{ background: #acacab url(../images/icon-video-play.png) no-repeat 45px; width: 150px; left: 35%; } } @media screen and (max-width: 1050px) { .video-section{ width: 135px;} .video-section .btn-video{background: #acacab url(../images/icon-video-play.png) no-repeat 37px;width: 140px;left: 35%;} .video-section .icon-video{padding-left: 30px;} } @media screen and (max-width: 1024px) {.video-wrap .btn-close{ right: 5%;} } @media screen and (max-width: 768px) { .video-section .btn-video{background: #acacab url(../images/icon-video-play.png) no-repeat 35px;width: 140px;left: 41%;} }