@import url(./style.css);
@import url(./swiper.min.css);
@import url(./lrtk3.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:65px;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:#0768b5;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(../images/right.png);right:20px;}
.swiper-button-prev {background-image:url(../images/left.png);left:20px;}
/*首页*/.adicon {width:14px;height:31px;position:absolute;left:50%;bottom:2px;transform:translate(-50%,0%);background:url(../images/i_bg2.png) no-repeat;background-size:100% 100%;z-index:10;cursor:pointer;/*animation:ani-svg 0.85s linear 0s alternate infinite;-webkit-animation:ani-svg 0.85s linear 0s alternate infinite;*/margin-left:-2px;}
.i_big_con {overflow:hidden;position:relative;}
.i_big {overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;width:100%;-webkit-animation:scaleAnim 5s ease forwards;animation:scaleAnim 5s ease forwards;}
.i_big .img {width:100%;filter:Alpha(Opacity=0);opacity:0;}
/*.i_big_con .img2 {max-height:130%;max-width:1200px;position:absolute;top:0;left:50%;transform:translate(-50%,0%);}
*/.i_big_con .img2 {max-width:846px;width:80%;position:absolute;top:35.3%;left:47.5%;transform:translate(-50%,-50%);}
.banner_end {width:352px;height:41px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,0%);background:url(../images/i_bg1.png) no-repeat;background-size:100% 100%;text-align:center;z-index:1;}
/*产品中心*/.i_product {overflow:hidden;margin-top:4.5%;}
.i_product ul li {float:left;width:22.75%;overflow:hidden;margin-bottom:2%;margin-right:3%;}
.i_product ul li:nth-child(4n+0) {margin-right:0;}
.i_product ul li .imgs {overflow:hidden;position:relative;border-radius:4px;}
.i_product ul li .imgs img {display:block;width:100%;/* height:285px;*/-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;}
.i_product ul li: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);}
.i_product ul li .boxs {position:absolute;top:0;left:0;width:100%;height:100%;}
.i_product ul li .boxs .cons {position:absolute;max-width:310px;width:92%;top:8%;height:26px;line-height:26px;transform:translate(-50%,0%);left:50%;}
.i_product ul li .boxs .cons .a {padding-right:23px;transition:all 0.3s;}
.i_product ul li:hover .boxs .cons .a {padding-right:33px;}
.i_product ul li .boxs .cons .a span {display:inline-block;vertical-align:top;color:#333333;}
.i_product ul li .boxs .cons .a i {display:inline-block;vertical-align:top;padding-left:23px;width:6px;height:12px;margin-top:9px;position:relative;transition:all 0.3s;}
.i_product ul li .boxs .cons .a i:after {content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:url(../images/i_bg3.png) no-repeat;}
.i_product ul li:hover .boxs .cons .a i {padding-left:31px;}
.i_product ul li .boxs .cons .a i:before {content:"";position:absolute;top:5px;right:1px;width:0px;height:1px;background:#555555;transition:all 0.3s;}
.i_product ul li:hover .boxs .cons .a i:before {width:16px;}
/*关于我们*/.i_about {overflow:hidden;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(../images/i_img4.jpg);text-align:center;margin-top:1.5%;color:#fff;position:relative;z-index:0;}
.i_about:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:-1;}
.i_about .wrap {text-align:center;}
.i_about .i_about_t {text-align:center;margin-top:5.5%;text-transform:uppercase;padding-bottom:13px;position:relative;}
.i_about .i_about_t:after {content:"";position:absolute;bottom:0;left:50%;width:40px;margin-left:-20px;height:1px;background:#fff;}
.i_about .txts {margin:0 auto;max-width:1136px;overflow:hidden;padding-top:4.5%;line-height:30px;}
.i_about .txts .cons {color:#bbbbbb;overflow:hidden;margin-top:2%;line-height:26px;font-size:14px;}
.i_about .txts .a {z-index:1;position:absolute;width:196px;left:50%;margin-left:-98px;bottom:0;height:32px;line-height:30px;border-radius:20px;background:#fff;color:#000000;}
.i_about .counter {max-width:1010px;margin:0 auto;text-align:center;line-height:1.5;overflow:hidden;margin-top:5%;}
.i_about .counter ul li {float:left;width:33.33%;margin-top:2%;margin-bottom:2%;transition:all 0.3s;position:relative;color:#555555;}
.i_about .counter ul li:after {content:"";position:absolute;right:0;height:90px;top:50%;margin-top:-47px;width:1px;background:rgba(255,255,255,0.16);}
.i_about .counter ul li:nth-child(3n+0):after {width:0;}
.i_about .counter ul li .txts2 {padding-left:1%;padding-right:4%;}
.i_about .counter span {display:block;line-height:1;overflow:hidden;color:#fff;}
/*.i_about .counter label {display:inline-block;line-height:1;vertical-align:top;color:#118aa7;}
*/.i_about .counter .h6 {font-weight:normal;margin:0 auto;width:94%;max-width:280px;font-size:16px;overflow:hidden;line-height:24px;color:#bbbbbb;margin-top:10px;}
.i_about .counter ul li:hover {-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.i_about .imore1 {display:block;margin:0 auto;max-width:134px;width:60%;height:41px;line-height:41px;overflow:hidden;transition:all 0.3s;text-align:center;color:#fff;font-size:14px;margin-top:5%;margin-bottom:6%;border:1px solid rgba(255,255,255,0.3);}
.i_about .imore1:hover {background:#0768b5;color:#fff;border:1px solid #0768b5;}
@media screen and (max-width:1100px) {/*轮显*/.lzpic2 {display:block;}
.lzpic1 {display:none;}
.banner .swiper-container {position:static;}
.banner .swiper-pagination {bottom:55px;}
.banner .swiper-pagination .swiper-pagination-bullet {width:36px;margin:0 5px;}
.swiper-button-next {right:10px;}
.swiper-button-prev {left:10px;}
}
@media screen and (max-width:960px) {/*首页*/.banner_end {width:300px;height:35px;}
/*关于我们*/.i_about .txts {line-height:24px;}
.i_about .txts .cons {line-height:22px;font-size:13px;}
.i_about .counter .h6 {font-size:14px;line-height:22px;}
}
@media screen and (max-width:780px) {/*轮显*/.banner .swiper-pagination {bottom:45px;}
.banner .swiper-pagination .swiper-pagination-bullet {width:30px;height:2px;margin:0 3px;}
.banner .text .desc:after {width:50px;margin-left:-25px;}
/*产品中心*/.i_product ul li {width:32%;margin-right:2%;}
.i_product ul li .boxs .cons {max-width:none;}
.i_product ul li .boxs .cons .a i {padding-left:10px;}
.i_product ul li:hover .boxs .cons .a i {padding-left:15px;}
.i_product ul li .boxs .cons .a span {font-size:16px;}
/*关于我们*/.i_about .i_about_t:after {width:30px;margin-left:-15px;}
.i_about .txts {line-height:22px;}
.i_about .txts .cons {line-height:20px;}
.i_about .counter .h6 {margin-top:6px;}
.i_about .imore1 {height:36px;line-height:36px;margin-bottom:7%;font-size:13px;max-width:120px;}
}
@media screen and (max-width:640px) {/*轮显*/.banner .text .desc {margin-top:2%;padding-bottom:5%;}
/*首页*/.adicon {width:12px;height:27px;margin-left:-6px;}
.banner_end {width:260px;height:30px;}
/*产品中心*/.i_product ul li {float:none;margin-right:0;width:100%;}
.i_product ul li .boxs .cons .a span {font-size:18px;}
.i_product ul li .boxs .cons .a i {padding-left:16px;}
.i_product ul li:hover .boxs .cons .a i {padding-left:21px;}
}
@media screen and (max-width:480px) {/*轮显*/.banner .swiper-pagination {bottom:35px;}
.banner .text .desc {margin-top:3%;padding-bottom:6%;}
/*首页*/.adicon {width:10px;height:22px;margin-left:-5px;}
.banner_end {width:200px;height:23px;}
/*关于我们*/.i_about .txts {line-height:20px;}
.i_about .txts .cons {line-height:18px;font-size:12px;}
.i_about .counter .h6 {margin-top:5px;line-height:18px;}
.i_about .imore1 {font-size:12px;}
}
@keyframes ani-svg {0% {opacity:0.4;transform:translateY(-12px);}
15% {opacity:0.65;transform:translateY(-10px);}
25% {opacity:0.8;transform:translateY(-5px);}
50% {opacity:1;transform:translateY(0px);}
65% {opacity:0.8;transform:translateY(5px);}
75% {opacity:0.65;transform:translateY(10px);}
100% {opacity:0.4;transform:translateY(12px);}
}
@-webkit-keyframes ani-svg {0% {opacity:0.4;-webkit-transform:translateY(-20px);}
15% {opacity:0.65;-webkit-transform:translateY(-15px);}
25% {opacity:0.8;-webkit-transform:translateY(-10px);}
50% {opacity:1;-webkit-transform:translateY(0px);}
65% {opacity:0.8;-webkit-transform:translateY(5px);}
75% {opacity:0.65;-webkit-transform:translateY(10px);}
100% {opacity:0.4;-webkit-transform:translateY(15px);}
}
@-moz-keyframes ani-svg {0% {opacity:0.4;-moz-transform:translateY(-20px);}
15% {opacity:0.65;-moz-transform:translateY(-15px);}
25% {opacity:0.8;-moz-transform:translateY(-10px);}
50% {opacity:1;-moz-transform:translateY(0px);}
65% {opacity:0.8;-moz-transform:translateY(5px);}
75% {opacity:0.65;-moz-transform:translateY(10px);}
100% {opacity:0.4;-moz-transform:translateY(15px);}
}
@keyframes scaleAnim {0% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(1.1);transform:scale(1.1);}
}