@import url(/uploads/css/shcss/style.css); @import url(/uploads/css/shcss/swiper.min.css); @import url(/uploads/css/shcss/lrtk3.css); @import url(/uploads/css/shcss/pscroll.css); /*首页*/ /*轮显*/ .banner{ width: 100%; overflow:hidden; position:relative;} .banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/} .banner .lzpic1, .banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;} .banner .text { max-width: 1400px; width: 96%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size: 50px;font-weight:normal; color: #fff; -ms-filter: "progid:dximagetransform.microsoft.shadow(strength=6, direction=45, color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:dximagetransform.microsoft.shadow(strength=6, direction=135, color=#989898); padding: 0 20px; text-align:center; line-height:1.1;} .banner .text .desc{ margin-top:1.6%; overflow:hidden; font-weight:lighter; position:relative; padding-bottom:4%; margin-bottom:5%;} .banner .text .desc:after{ content:""; position:absolute; width:72px; height:4px; background:#fff; left:50%; margin-left:-36px; bottom:0;} .banner .text .small { font-size: 30px;} .banner .swiper-pagination { width: 100%;bottom: 35px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .banner .swiper-pagination.gao {bottom: 380px;} .banner .swiper-pagination .swiper-pagination-bullet { width:42px; height: 3px; background:#fff; background-size:100% 100%;opacity: 1; margin: 0 6px; border-radius:0;} .banner .swiper-pagination .swiper-pagination-bullet-active { background:#911176; background-size:100% 100%; } .lzpic1{transition:all 0.3s;} .lzpic1 img{ width:100%;opacity:0;filter:alpha(opacity=0);} /*.banner:hover .lzpic1{transform:scale(1.01, 1.01);}*/ .lzpic2 { display: none;} .lzpic2 img{ width:100%;opacity:0;filter:alpha(opacity=0);} .banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; } .banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.2s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.2s;} .banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:0.8s; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.8s; } .swiper-button-next, .swiper-button-prev{ width:16px; height:29px; background-size:16px 29px; margin-top:-15px; outline:none;} .swiper-button-next{ background-image:url(/uploads/image/shimages/right.png); right:20px;} .swiper-button-prev{ background-image:url(/uploads/image/shimages/left.png); left:20px;} /*图标*/ .i_ico{ margin-top:5%;} .i_ico ul li{ float:left; width:24.25%; overflow:hidden; margin-right:1%; margin-bottom:1%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;transition:all 0.3s;} .i_ico ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);opacity:0.8;filter:alpha(opacity=80);} .i_ico ul li:nth-child(4n 0){ margin-right:0;} .i_ico ul li:nth-child(1){ background-image:url(/uploads/image/shimages/i_bg1.jpg);} .i_ico ul li:nth-child(2){ background-image:url(/uploads/image/shimages/i_bg2.jpg);} .i_ico ul li:nth-child(3){ background-image:url(/uploads/image/shimages/i_bg3.jpg);} .i_ico ul li:nth-child(4){ background-image:url(/uploads/image/shimages/i_bg4.jpg);} .i_ico ul li:nth-child(5){ background-image:url(/uploads/image/shimages/i_bg5.jpg);} .i_ico ul li:nth-child(6){ background-image:url(/uploads/image/shimages/i_bg6.jpg);} .i_ico ul li:nth-child(7){ background-image:url(/uploads/image/shimages/i_bg7.jpg);} .i_ico ul li:nth-child(8){ background-image:;} .i_ico ul li .h3{ font-weight:normal; font-size:20px; overflow:hidden; height:28px; line-height:28px; margin-top:27px;white-space:nowrap;text-overflow:ellipsis;color:#fff;} .i_ico ul li .p{ overflow:hidden; height:24px; line-height:24px;white-space:nowrap;text-overflow:ellipsis; font-size:13px; color:#fff;} .i_ico ul li img{ display:block; margin:0 auto; margin-top:20px; height:71px; margin-bottom:23px;} /*产品中心*/ .i_t{ overflow:hidden; margin-top:2%; line-height:82px; height:82px; font-size:14px; margin-bottom:7px;} .i_t .h2{ float:left; padding-right:17px; font-weight:bold; overflow:hidden;} .i_t span{ float:left; color:#999999; line-height:88px;} .i_t .more{ color:#777777; overflow:hidden; float:right; line-height:88px;} .i_t .more:hover{ color:#911176;} .i_product{ background:#efefef;} .i_product .i_product_l{ overflow:hidden; float:left; width:245px; background:#2e2e2e; height:648px;} .i_product .i_product_l .title{ overflow:hidden; background:url(/uploads/image/shimages/i_bg9.jpg) center center no-repeat; background-size:cover; height:118px; padding-left:27px;} .i_product .i_product_l .title .h3{ font-weight:normal; height:32px; line-height:32px; color:#fff; overflow:hidden; margin-top:35px;} .i_product .i_product_l .title .p{ font-size:14px; color:rgba(255,255,255,0.15); font-family:arial; height:20px; line-height:20px; overflow:hidden;} .i_a{ overflow:hidden;} .i_a a{ display:block; height:58px; line-height:58px; overflow:hidden; padding-left:27px; padding-right:50px; font-size:15px; color:#fff; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;} .i_a a:after{ content:""; position:absolute; right:32px; top:50%; background:url(/uploads/image/shimages/i_bg10.png) no-repeat; background-size:100% 100%; width:6px; height:12px; margin-top:-6px;} .i_a a.isel{ color:#fff;} .i_a a:hover{background-color:#3e3e3e;} .i_a a:nth-child(1).isel{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_a a:nth-child(2).isel{ background-image:url(/uploads/image/shimages/i_bg11_2.jpg);} .i_a a:nth-child(3).isel{ background-image:url(/uploads/image/shimages/i_bg11_3.jpg);} .i_a a:nth-child(4).isel{ background-image:url(/uploads/image/shimages/i_bg11_4.jpg);} .i_a a:nth-child(5).isel{ background-image:url(/uploads/image/shimages/i_bg11_5.jpg);} .i_a a:nth-child(6).isel{ background-image:url(/uploads/image/shimages/i_bg11_6.jpg);} .i_a a:nth-child(7).isel{ background-image:url(/uploads/image/shimages/i_bg11_7.jpg);} .i_a a:nth-child(8).isel{ background-image:url(/uploads/image/shimages/i_bg11_8.jpg);} .i_product .i_product_r{ overflow:hidden;height:648px; padding-left:7px; padding-right:7px; } .i_product_a{ overflow:hidden; position:relative; text-align:center;height:50px; line-height:50px; background:#2e2e2e; color:#fff; font-size:15px;display:none;} .i_product_a .scroller {position:absolute;} .i_product_a .scroller li {float: left;/* padding-right:3%;*/} .i_product_a .scroller li:nth-child(1) {margin-right:0%; } .i_product_a .scroller li dd{ overflow:hidden; float:left; width:176px;position:relative; cursor:pointer;} .i_product_a .scroller li a{ color:#fff; display:block; } .i_product_a .scroller li a:hover{ color:#fff;} .i_product_a .scroller li.cur a{color:#fff;background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(1).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(2).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(3).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(4).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(5).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(6).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(7).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} .i_product_a .scroller li:nth-child(8).cur a{ background-image:url(/uploads/image/shimages/i_bg11.jpg);} /*关于我们*/ .i_about ul li{width:49.24%;} .i_about ul li .boxs{ overflow:hidden; position:relative;} .i_about ul li.r .boxs:first-child{ margin-bottom:2.9%;} .i_about ul li .boxs .imgs{ position:relative; overflow:hidden;padding-top:112.5%;} .i_about ul li.r .boxs:first-child .imgs{ padding-top:67.67%;} .i_about ul li.r .boxs:last-child .imgs{ padding-top:42%;} .i_about ul li .boxs .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/} .i_about ul li .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/} .i_about ul li .txts{ position:absolute; bottom:30px; width:100%; left:0;} .i_about ul li .txts .cons{ width:94%; max-width:556px; margin:0 auto; overflow:hidden; color:#fff;} .i_about ul li .txts .cons .h3{ font-weight:normal; height:38px; line-height:38px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .i_about ul li .txts .cons .span{ display:block; font-size:14px; color:rgba(255,255,255,0.25); font-family:arial; height:24px; line-height:24px; overflow:hidden; } .i_about ul li .txts .cons .p{ line-height:24px; overflow:hidden; margin-top:20px; height:48px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:15px;} .i_about ul li.l .txts .cons .p{ padding-right:80px; position:relative;} .i_about ul li.l .txts .cons .p .icon{ position:absolute; right:0; top:1px; height:46px; border-left:1px solid rgba(255,255,255,0.2); width:74px; background:url(/uploads/image/shimages/i_pic9.png) right center no-repeat; background-size:43px 43px;} @media screen and (max-width:1440px) { } @media screen and (max-width:1360px) { } @media screen and (max-width:1200px) { /*图标*/ .i_ico ul li img{ height:60px;} /*产品中心*/ .i_product .i_product_l{ display:none;} .i_product_a{ display:block;} .i_product .i_product_r{ height:auto;} } @media screen and (max-width:1100px) { /*轮显*/ .lzpic2{display: block;} .lzpic1{display: none;} .banner .swiper-container{ position:static;} .banner .swiper-pagination { bottom:25px;} .banner .swiper-pagination .swiper-pagination-bullet {width: 36px;margin: 0 5px;} .swiper-button-next{right:10px;} .swiper-button-prev{ left:10px;} /*关于我们*/ .i_about ul li .txts .cons .p{ margin-top:10px;} .i_about ul li .txts .cons .span{ line-height:22px; height:22px;} .i_about ul li.l .txts .cons .p{ padding-right:70px;} .i_about ul li.l .txts .cons .p .icon{ width:60px;} } @media screen and (max-width:1000px) { } @media screen and (max-width:960px) { /*图标*/ .i_ico ul li img{ height:50px;} .i_ico ul li .h3{ font-size:18px;} /*产品中心*/ .i_t{ line-height:70px; height:70px;} .i_t span{ line-height:76px;} .i_t .more{ line-height:76px;} /*关于我们*/ .i_about ul li .txts{ bottom:20px;} } @media screen and (max-width:830px) { /*图标*/ .i_ico ul li img{ height:46px; margin-top:15px; margin-bottom:20px;} .i_ico ul li .h3{ font-size:16px; margin-top:20px;} .i_ico ul li .p{ font-size:13px;} /*关于我们*/ .i_about ul li{ width:100%; margin-bottom:2%;} .i_about ul li.r .boxs:first-child{ margin-bottom:2%;} .i_about ul li.l{ float:none;} .i_about ul li.r{ float:none;} .i_about ul li .txts .cons{ max-width:none;} .i_about ul li .txts .cons .p{ height:auto; max-height:48px;} .i_about ul li.l .txts .cons .p{ padding-right:80px;} .i_about ul li.l .txts .cons .p .icon{ width:64px;} } @media screen and (max-width: 780px) { /*轮显*/ .banner .swiper-pagination { bottom:20px;} .banner .swiper-pagination .swiper-pagination-bullet {width: 30px; height:2px;margin: 0 3px;} .banner .text .desc:after{ width:50px; margin-left:-25px;} /*轮显*/ /*.fuslide{ display:none;} .flash_div{ display:block;}*/ /*图标*/ .i_ico ul li{ width:49%; margin-right:2%; margin-bottom:2%;} .i_ico ul li:nth-child(4n 0){ margin-right:2%;} .i_ico ul li:nth-child(2n 0){ margin-right:0;} .i_ico ul li .h3{ font-size:18px;} .i_ico ul li .p{ font-size:14px;} /*产品中心*/ .i_product .i_product_r{ padding-left:5px; padding-right:5px;} .i_product_a{ height:44px; line-height:44px; font-size:14px;} .i_product_a .scroller li dd{ width:150px;} } @media screen and (max-width: 640px) { /*轮显*/ .banner .text .desc{ margin-top:2%; padding-bottom:5%;} /*产品中心*/ .i_product .i_product_r{ padding-left:4px; padding-right:4px;} /*产品中心*/ .i_t{ font-size:13px; line-height:60px; height:60px; margin-bottom:4px;} .i_t .h2{ padding-right:12px;} .i_t span{ line-height:66px;} .i_t .more{ line-height:66px;} } @media screen and (max-width: 480px) { /*轮显*/ .banner .swiper-pagination { bottom:15px;} .banner .text .desc{ margin-top:3%; padding-bottom:6%;} /*图标*/ .i_ico ul li img{ height:40px; margin-top:12px;} .i_ico ul li .h3{ font-size:16px; height:24px; line-height:24px;} .i_ico ul li .p{ font-size:13px; height:20px; line-height:20px; margin-top:3px;} /*产品中心*/ .i_t{ font-size:12px;line-height:50px; height:50px; margin-bottom:2px;} .i_t .h2{ padding-right:8px;} .i_t span{ line-height:54px;} .i_t .more{ line-height:54px;} .i_product_a{ height:36px; line-height:36px; font-size:13px;} .i_product_a .scroller li dd{ width:130px;} /*关于我们*/ .i_about ul li .txts{ bottom:12px;} .i_about ul li .txts .cons .h3{ height:30px; line-height:30px;} .i_about ul li .txts .cons .p{ font-size:14px;line-height:22px; max-height:44px; } .i_about ul li.l .txts .cons .p{ padding-right:70px; font-size:13px; line-height:20px; max-height:40px;} .i_about ul li.l .txts .cons .p .icon{ height:40px; top:0; width:56px; background-size:40px 40px;} } @media screen and (max-width:420px) { /*图标*/ .i_ico ul li img{ height:36px; margin-top:10px;} .i_ico ul li .h3{ height:22px; line-height:22px;} .i_ico ul li .p{ font-size:12px; } /*关于我们*/ .i_about ul li .txts .cons .h3{ height:26px; line-height:26px;} .i_about ul li .txts .cons .span{ line-height:20px; height:20px;} .i_about ul li .txts .cons .p{ font-size:13px;line-height:20px; max-height:40px; } } @media screen and (max-width:360px) { } @media screen and (max-width:320px) { } @keyframes mymove6 { from {filter:alpha(opacity=0);opacity:0; -webkit-transform: translatey(100px) translatex(0); -moz-transform: translatey(60px) translatex(0); transform: translatey(60px) translatex(0); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translatey(0px) translatex(0); -moz-transform: translatey(0px) translatex(0); transform: translatey(0px) translatex(0);} } @-webkit-keyframes mymove6 { /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;} to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/ from {filter:alpha(opacity=0);opacity:0; -webkit-transform: translatey(100px) translatex(0); -moz-transform: translatey(60px) translatex(0); transform: translatey(60px) translatex(0); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translatey(0px) translatex(0); -moz-transform: translatey(0px) translatex(0); transform: translatey(0px) translatex(0);} }