@import url(style.css);
@import url(lrtk3.css);
/*轮显*/

.lzpic1{transition:all 0.3s;}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}

.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.swiper {width: 100%;height: 100%;}
.swiper-slide {
	text-align: center;
    font-size: 18px;
    background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.swiper-wrapper .swiper-slide 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;}
.swiper-wrapper:hover .swiper-slide 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);}

.swiper-button-next, .swiper-button-prev{ width:71px; height:71px;background-size:71px 71px;  outline:none;}
.swiper-button-next:after{content: ''}
.swiper-button-prev:after{content: ''}
.swiper-button-next{ background:url(../image/banner_right.png); right:40px;}
.swiper-button-prev{ background:url(../image/banner_left.png); left:40px;}
/*首页*/

.adicon{ width:14px; height:31px; position:absolute; left:50%; bottom:2px;transform: translate(-50%, 0%); background:url(../image/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:-7px;}

.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(../image/i_bg1.png) no-repeat; background-size:100% 100%; text-align:center; z-index:1;}

/*产品中心*/

.i_product{ overflow:hidden; margin-top:1%;}

.i_product .i_product_title{ text-align:center; line-height:40px; font-weight:bold; margin-top:5.5%; text-transform:uppercase; padding-bottom:13px; position:relative; background:url(../image/title.jpg) no-repeat center;}
.i_product .i_product_title:after{ content:""; position:absolute; bottom:58px;; left:50%; width:40px; margin-left:-20px; height:3px;background:#ef8200;}


.i_product ul li{ float:left; width:49%;overflow:hidden; margin-bottom:2%; margin-right:1%;}
.i_product ul li:nth-child(3n+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 .imgs .boxs{ position:absolute; top:5%; left:5%; width:100%; height:100%;}
.i_product ul li .imgs .boxs h3{position:relative; margin-bottom:15px;}
.i_product ul li .imgs .boxs h3:after{ content:""; position:absolute; bottom:-8px; left:0; width:120px; margin-left:0; height:3px;background:#ef8200;}

.i_product ul li .imgs .boxs span{ margin:10px 0 0 0}
.i_product ul li .imgs .detail{position:absolute; padding:8px 0px 8px 15px; bottom:15%; left:3%; min-width:100px; border:1px solid #ef8200;border-radius:15px;}
.i_product ul li .imgs .detail a{ display:block; color:#ef8200;}

/*关于我们*/

.i_about{ overflow:hidden;background-attachment: fixed; background-repeat:no-repeat; background-position:center center; background-size:cover; background:#f5f4f4; text-align:center;  position:relative; z-index:0; }
.i_about:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;  z-index:-1;}
.i_about .wrap{ text-align:center;}
.i_about .i_about_title{ text-align:left; margin-top:5.5%;font-weight:bold; line-height:30px; text-transform:uppercase; padding-bottom:13px; position:relative;}
.i_about .i_about_title:after{ content:""; position:absolute; bottom:10px; left:0; width:100px; margin-left:-20px; height:2px;background:#ef8200;}

.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 .cons{ overflow:hidden; margin:2% 0; line-height:26px; font-size:15px; text-align:left;}

.aboutlist{ overflow:hidden; margin:1% 0 5% 0;}
.aboutlist ul li{ float:left; width:31.66%;overflow:hidden; margin-bottom:2%; margin-right:2.51%;}
.aboutlist ul li:nth-child(3n+0){ margin-right:0;}
.aboutlist ul li .imgs{ overflow:hidden;position:relative;}
.aboutlist 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;}
.aboutlist 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);}
.aboutlist ul li .boxs{ position:absolute; bottom:5%; left:50%; margin-left:-12%;}
.aboutlist ul li .boxs a{ color:#ffffff;}


/*新闻中心*/

.i_news{ margin-top:4%; padding-bottom:4%; overflow:hidden;background-attachment: fixed; background-repeat:no-repeat; background-position:center center; background-size:cover; background:#0099cc; text-align:center;  position:relative; z-index:0; }

.i_news .i_product_title{ color:#fff; text-align:center; line-height:40px; font-weight:bold; margin-top:5.5%; text-transform:uppercase; padding-bottom:13px; position:relative; background:url(../image/title2.jpg) no-repeat center;}
.i_news .i_product_title:after{ content:""; position:absolute; bottom:58px;; left:50%; width:40px; margin-left:-20px; height:3px;background:#ef8200;}

.i_news ul li{ float:left; width:24%;overflow:hidden; background:#fff; margin-bottom:2%; margin-right:1%; box-shadow:0 5px 5px 0 #004174}
.i_news ul li:nth-child(4n+0){ margin-right:0;}
.i_news ul li .boxs .imgs{ overflow:hidden;position:relative;}
.i_news ul li .boxs .imgs img{ margin-bottom:10px;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_news 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_news ul li .boxs{ margin:10px; font-size:14px; line-height:25px;}
.i_news ul li .boxs .cons{ font-size:15px;}






@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
.banner .swiper-container{ }
.banner .swiper-pagination { bottom:55px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 36px;margin: 0 5px;}
.swiper-button-next{ background-image:none;}
.swiper-button-prev{background-image:none;}
}

@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;}
.aboutlist ul li{ width:32%; margin-right:2%;}



}

@media screen and (max-width: 640px) {
/*轮显*/
/*首页*/
.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;}
.aboutlist ul li{ float:none; margin-right:0; width:100%;}
.i_news ul li{ float:none; margin-right:0; width:100%;}

}



@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:35px;}
/*首页*/

.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);

    }

}