@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(aos.css);
@import url(lrtk3.css);
@import url(swiper.min.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;transition:all 0.3s;}
.banner .text{ max-width: 1560px; width: 100%; position: absolute; left: 50%; top: 45%; 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; 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; }
.banner .text .tit{ line-height:1.3;}
.banner .text .small{ width:160px; border:1px solid rgba(137,137,137,1.0); text-align:center; height:58px; line-height:56px;font-size: 17px; border-radius:10px; margin-top:4%;transition:all 0.3s; font-weight:normal;}
.banner .text .small span{ padding-left:14px; font-family:"宋体";}
.banner .text .small:hover{ background:#316fb0;}
.banner .text .desc{ margin-bottom:15px; overflow:hidden; font-weight:normal; text-transform:uppercase; line-height:1.4; font-size:24px;}
.banner .swiper-pagination { max-width:1775px;transform: translate(-50%, 0%); left:50%; text-align:right;width: 96%;bottom: 40px; 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: 30px; height: 30px;  color:#fff;  text-align:center; background:#999;opacity: 1; margin: 0 4px; border-radius:50%;transition:all 0.3s; position:relative;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#316fb0; }
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;line-height:30px; text-align:center; color:#fff;font-size:15px;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(1):after{ content:"1";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{ content:"2";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(3):after{ content:"3";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{ content:"4";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(5):after{ content:"5";}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*.banner:hover .lzpic1{transform:scale(1.05, 1.05);}*/
.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;
}


/*产品*/
.i_one_bg{ background:#f9f8f7; overflow:hidden;}
.i_title{ text-align:left;   margin-top:8%; overflow:hidden; position:relative;}
.i_title:before{ position:absolute; content:""; top:1px; left:0%;  width:100%;height:2px; background-color: rgba(49,111,176,0.3);}
.i_title:after{ position:absolute; content:""; top:0; left:0%;  width:48px; height:4px; background:#316fb0; border-radius:4px;}
.i_title .h3{font-weight: bold;color: #316fb0;line-height: 1.2; overflow:hidden; margin-top:5%; font-size: 28px;}
.i_title .p{  color:#316fb0; overflow:hidden;  margin-top:2px; line-height:1.1;}
.i_title .a{ float:right; display:block; padding-right:20px; line-height:22px;  overflow:hidden; color:#000000; font-size:15px;font-style:normal; margin-top:-35px;transition:all 0.3s; background:url(../images/i_pic3.png) right 9px no-repeat; background-size:5px 8px; text-transform:capitalize;}
.i_title .a:hover{ background-image:url(../images/i_pic3_on.png); color:#316fb0;}
.i_desc{ color:#000000; font-size:15px; line-height:32px; overflow:hidden; margin-top:3%; font-weight:bold;}
.i_desc .color1{ color:#999999;}
.i_desc2{ color:#000000; font-size:19px; line-height:26px; overflow:hidden; margin-top:5%;}
.i_one_ul{ overflow:hidden; margin-top:4%;}
.i_one_ul ul li{ float:left; width:27.82%; margin-right:1.925%;  overflow:hidden;}
.i_one_ul ul li:nth-child(1){ background:#fff; width:40.51%;}
.i_one_ul ul li:nth-child(3){ margin-right:0;}
.i_one_ul ul li:nth-child(1) .cons{ max-width:550px; width:96%; margin:0 auto; overflow:hidden;}
.i_one_ul ul li .boxs{ overflow:hidden; background:#fff; margin-bottom:30px; }
.i_one_ul ul li .boxs .cons{ max-width:370px; width:96%; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.i_one_ul ul li .boxs .h3{ font-weight:normal; height:30px; line-height:30px; margin-top:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_one_ul ul li .boxs:hover .h3{ color:#316fb0;}
.i_one_ul ul li .boxs .p{ color:#999999; font-size:15px; overflow:hidden; height:26px; line-height:26px;white-space:nowrap;text-overflow:ellipsis; font-weight:bold;}
.i_one_ul ul li .boxs .a{ float:left; color:#cccccc; font-size:15px; font-style:normal; height:30px; line-height:30px; margin-top:212px;transition:all 0.3s;}
.i_one_ul ul li .boxs:hover .a{ color:#316fb0;}
.i_one_ul ul li .boxs .imgs{ float:right; width:160px; height:160px;margin-right:8px; margin-top:82px;}
.i_one_ul ul li .boxs .imgs .img{ padding-top:160px; overflow:hidden; position:relative;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_one_ul ul li .boxs .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;}
.i_one_ul 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);}
/*关于我们*/
.i_about{ overflow:hidden; margin-top:4%; position:relative;}
.i_about .i_about_l{ float:left; width:49%; max-width:752px; overflow:hidden;position:absolute; left:0; height:100%; top:0;}
.i_about .i_about_l .h3{ color:#000000; font-weight:bold; overflow:hidden; line-height:44px; max-width:100%;}
.i_about .i_about_l .p{ overflow:hidden; line-height:32px; max-height:64px; color:#999999; font-size:15px; margin-top:4%;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_about .i_about_l .p .color1{ color:#000000;}
.i_about .i_about_l .i_about_ul{ position:absolute; bottom:0; left:0; width:100%; border-top:2px solid #e0dfde; font-size:15px;}
.i_about .i_about_l .i_about_ul ul li{ border-bottom:2px solid #e0dfde; overflow:hidden; display:block; height:84px; line-height:82px;white-space:nowrap;text-overflow:ellipsis; position:relative; padding-right:57px;}
.i_about .i_about_l .i_about_ul ul li:after{ content:""; position:absolute; width:40px; height:40px; right:18px; top:21px; background:url(../images/i_pic2.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.i_about .i_about_l .i_about_ul ul li:hover:after{ background-image:url(../images/i_pic2_on.png);}
.i_about .i_about_l .i_about_ul ul li a{ display:block; color:#000000;}
.i_about .i_about_l .i_about_ul ul li a:hover{ color:#316fb0;}
.i_about .i_about_r{ float:right; width:49%; max-width:752px; overflow:hidden;}
.i_about .i_about_r img{display: block;width: 100%;-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_about .i_about_r:hover 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_youshi{ overflow:hidden; margin-top:5%;}
.i_youshi .i_youshi_l{ float:left; overflow:hidden;}
.i_youshi .i_youshi_l .i_title{ margin-top:36px;}
.i_youshi .i_youshi_l .i_title:before{ display:none;}
.i_youshi .i_youshi_l .i_title:after{ display:none;}
.i_youshi .i_youshi_l .i_title .p{ margin-top:5px;}
.i_youshi .i_youshi_r{ overflow:hidden;}
.i_youshi .i_youshi_r ul li{ float:left; width:25%; overflow:hidden; text-align:center;}
.i_youshi .i_youshi_r ul li .boxs{ overflow:hidden; width:96%; margin:0 auto;}
.i_youshi .i_youshi_r ul li img{ display:block; width:60px; height:60px; margin:0 auto;}
.i_youshi .i_youshi_r ul li .h3{ height:40px; line-height:40px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#999999; font-size:15px; margin-top:40px;}
.i_youshi .i_youshi_r ul li .p{ line-height:36px; overflow:hidden; color:#000000; font-size:15px;}
/*新闻*/
.i_news{overflow:hidden; margin-top:6%;}
.i_news .divs{ width:49%; max-width:752px; overflow:hidden;}
.i_news .divs .i_title:after{ width:24px;}
.i_news .divs .i_title .h3{ margin-top:6%;}
.i_news .divs .i_news_ul{ margin-top:12%;border-top:2px solid #e0dfde; font-size:17px;}
.i_news .divs .i_news_ul ul li{ border-bottom:2px solid #e0dfde; overflow:hidden; display:block; height:84px; line-height:82px;white-space:nowrap;text-overflow:ellipsis; position:relative; padding-right:57px;}
.i_news .divs .i_news_ul ul li:after{ content:""; position:absolute; width:40px; height:40px; right:18px; top:21px; background:url(../images/i_pic2.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.i_news .divs .i_news_ul ul li:hover:after{ background-image:url(../images/i_pic2_on.png);}
.i_news .divs .i_news_ul ul li a{ display:block; color:#000000;}
.i_news .divs .i_news_ul ul li a:hover{ color:#316fb0;}
@media screen and (max-width: 1440px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}
.banner .text .desc{ font-size:18px;}
/*产品*/
.i_one_ul ul li .boxs{ margin-bottom:25px;}
/*关于我们*/
.i_about .i_about_l .h3{ line-height:40px;}
.i_about .i_about_l .p{ line-height:28px; max-height:56px;}
.i_about .i_about_l .i_about_ul ul li{ line-height:74px; height:76px;}
.i_about .i_about_l .i_about_ul ul li:after{ top:17px;}
/*新闻*/
.i_news .divs .i_news_ul ul li{ line-height:74px; height:76px;}
.i_news .divs .i_news_ul ul li:after{ top:17px;}
}

@media screen and (max-width: 1200px) {
/*产品*/
.i_one_ul ul li:nth-child(1){ float:none; width:100%; margin-right:0;}
.i_one_ul ul li{ width:49%; margin-right:2%;}
.i_one_ul ul li .boxs{ margin-bottom:4%;}
.i_one_ul ul li .boxs .cons{ margin-bottom:8%;}
.i_one_ul ul li .boxs .a{ margin-top:162px;}
.i_one_ul ul li .boxs .imgs{ margin-top:32px;}
/*关于我们*/
.i_about .i_about_l .h3{ line-height:32px;}
.i_about .i_about_l .p{ line-height:24px; max-height:48px;}
.i_about .i_about_l .i_about_ul ul li{ line-height:68px; height:70px;}
.i_about .i_about_l .i_about_ul ul li:after{ top:14px;}
/*我们的优势*/
.i_youshi .i_youshi_l{ float:none;}
.i_youshi .i_youshi_l .i_title{ margin-top:0;}
.i_youshi .i_youshi_r{ margin-top:4%;}
.i_youshi .i_youshi_r ul li .h3{ margin-top:30px; height:30px; line-height:30px;}
.i_youshi .i_youshi_r ul li .p{ font-size:14px; line-height:30px;}
/*新闻*/
.i_news .divs .i_news_ul ul li{ line-height:68px; height:70px;}
.i_news .divs .i_news_ul ul li:after{ top:14px;}
}

@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 {margin: 0 4px;}
/*.banner .text { display:none;}*/
.banner .text .desc{ font-size:16px;}
.main .banner .down { bottom:55px;}
/*关于我们*/
.i_about .i_about_l .i_about_ul ul li{ line-height:60px; height:62px;}
.i_about .i_about_l .i_about_ul ul li:after{ top:10px;}
/*新闻*/
.i_news .divs .i_news_ul ul li{ line-height:60px; height:62px;}
.i_news .divs .i_news_ul ul li:after{ top:10px;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:48px; line-height:46px;}
.banner .text .desc{ font-size:15px; margin-bottom:10px;}
/*产品*/
.i_desc{ line-height:28px; font-size:14px;}
.i_desc2{  font-size:17px;}
.i_one_ul ul li .boxs .p{ font-size:14px;}
.i_one_ul ul li .boxs .a{ font-size:14px;}
/*关于我们*/
.i_about .i_about_l{ width:100%; max-width:none; position:inherit; margin-top:4%; float:none; height:auto;}
.i_about .i_about_l .h3{ max-width:none;}
.i_about .i_about_l .p{ margin-top:2%;}
.i_about .i_about_l .i_about_ul{ position:inherit; margin-top:3.5%;}
.i_about .i_about_r{ float:none;width:100%; max-width:none;}
/*我们的优势*/
.i_youshi .i_youshi_r ul li{ width:50%; margin-bottom:3%;}
.i_youshi .i_youshi_r ul li:nth-child(3){ clear:both;}
.i_youshi .i_youshi_r ul li .p{ line-height:26px;}
/*新闻*/
.i_news .divs .i_news_ul{  margin-top:3.5%; font-size:15px;}

}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;}
.banner .text .desc{ font-size:14px;}
.main .banner .down { bottom:50px;}
/*新闻*/
.i_news .divs{ width:100%; max-width:none;}
.i_news .divs.l,.i_news .divs.r{ float:none;}

}
@media screen and (max-width: 640px) {
/*产品*/
.i_title .p{ font-size:50px;}
.i_desc{ line-height:26px; font-size:13px;}
.i_desc2{ line-height:24px; font-size:16px;}
.i_one_ul ul li .boxs .p{ font-size:13px;}
.i_one_ul ul li .boxs .a{ font-size:13px; float:none; margin-top:3%;}
.i_one_ul ul li .boxs .imgs{ float:none; margin-top:4%; width:80%; margin-right:0; height:auto;}
.i_one_ul ul li .boxs .imgs .img{ padding-top:100%;}
/*关于我们*/
.i_about .i_about_l .i_about_ul{ font-size:14px;}
.i_about .i_about_l .i_about_ul ul li{ height:50px; line-height:48px; padding-right:38px;}
.i_about .i_about_l .i_about_ul ul li:after{ right:3px; top:9px; width:30px; height:30px;}
.i_about .i_about_l .p{ font-size:14px;}
/*我们的优势*/
.i_youshi .i_youshi_r{ margin-top:5%;}
.i_youshi .i_youshi_r ul li img{ width:50px; height:50px;}
.i_youshi .i_youshi_r ul li .p{ line-height:24px;}
/*新闻*/
.i_news .divs .i_news_ul{ font-size:14px;}
.i_news .divs .i_news_ul ul li{ height:50px; line-height:48px; padding-right:38px;}
.i_news .divs .i_news_ul ul li:after{ right:3px; top:9px; width:30px; height:30px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:10px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;}
.banner .text .small{ width:130px; height:38px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:13px; margin-bottom:8px;}
.main .banner .down { bottom:45px;}
.main .banner .down span{ padding-left:24px;}
/*产品*/
.i_title .p{ font-size:40px; margin-top:5px;}
.i_title .a{ padding-right:15px; font-size:13px; margin-top:-25px;}
.i_desc{ line-height:22px; font-size:12px;}
.i_desc2{ line-height:22px; font-size:14px;}
/*关于我们*/
.i_about .i_about_l .i_about_ul{ font-size:13px;}
.i_about .i_about_l .p{ font-size:13px; line-height:22px; height:44px;}
/*我们的优势*/
.i_youshi .i_youshi_r ul li img{ width:40px; height:40px;}
.i_youshi .i_youshi_r ul li .h3{ margin-top:15px; font-size:14px; height:26px; line-height:26px;}
.i_youshi .i_youshi_r ul li .p{ font-size:13px; line-height:22px;}
/*新闻*/
.i_news .divs .i_news_ul{ font-size:13px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:34px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:12px;}
/*产品*/
.i_title .p{ font-size:34px;}
/*新闻*/
.i_news .divs .i_news_ul{ font-size:12px;}
}
@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);}
}


.banner-pc{
	display: block;
}
.banner-m{
	display: none;
}

/*-----*/
.banner .text .conn{
	font-size:18px;
}


@media screen and (max-width: 1200px) {
	.lzpic2{
		display: block;
	}
	.banner-pc{
		display: none;
	}
	.banner-m{
		display: block;
	}
}