@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.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;transition:all 0.3s;}
.banner .text{ max-width: 1520px; width: 100%; position: absolute; left: 50%; top: 28%; 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.2; margin-bottom:3%; overflow:hidden;
	max-width: 40%;
}
.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:#897365;}
.banner .text .desc{ margin-bottom:15px; overflow:hidden; font-weight:normal; text-transform:uppercase; line-height:1.6; font-size:16px;}
.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:#1a77b6; }
.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_about_one{ margin-top:95px; margin-bottom:116px; padding-bottom:89px; border-bottom:1px solid #e5e5e5; position:relative; text-align:center;}
.i_about_one:after{ content:""; position:absolute; bottom:-69px; left:50%; height:100px; width:1px; background:#000000;}
.i_about_one .h3{ font-weight:normal; line-height:30px; color:#000000; /*font-size:20px;*/ overflow:hidden;}
.i_about_one .p{ line-height:32px; overflow:hidden; margin-top:39px; color:#000000; font-size:18px;}
.i_about_two{  overflow:hidden; margin-top:81px; margin-bottom:118px; position:relative;}
.i_about_two .i_about_two_l{ float:left; width:48%; max-width:580px; overflow:hidden;}
.i_about_two .i_about_two_l .h4{ font-weight:normal; line-height:30px; overflow:hidden; color:#1a77b6;}
.i_about_two .i_about_two_l .h3{ font-weight:normal; line-height:38px; margin-top:11px;}
.i_about_two .i_about_two_l .p{ overflow:hidden; line-height:30px; font-size:15px; color:#000000; margin-top:67px; max-width:500px;}
.i_about_two .i_about_two_l .p p{ overflow:hidden; margin-bottom:25px;}
.i_about_two .i_about_two_l .a{ height:52px; line-height:52px; display:inline-block; vertical-align:top; padding-left:30px; padding-right:30px; position:relative; font-size:14px; color:#000000; margin-top:110px; z-index:0;}
.i_about_two .i_about_two_l .a:before{ width:52px; height:100%; background:#cccccc; border-radius:50%; position:absolute; content:""; left:0; top:0;transition:all 0.3s; z-index:-2;transition-delay:0.1s;}
.i_about_two .i_about_two_l .a:hover:before{/*opacity:0;filter:Alpha(opacity=0);*/ width:100%; border-radius:40px;}
/*.i_about_two .i_about_two_l .a:after{ width:0px; height:100%; background:#cccccc; border-radius:30px; position:absolute; content:""; left:0; top:0;transition:all 0.3s;z-index:-1;}
.i_about_two .i_about_two_l .a:hover:after{ width:100%;}*/
.i_about_two .i_about_two_r{ float:right; width:50%; padding-top:190px; overflow:hidden;}
.i_about_two .i_about_two_r .imgs{ /*overflow:hidden;*/ position:relative; z-index:0;}
.i_about_two .i_about_two_r .imgs:after{ content:""; position:absolute; width:100%; height:100%; z-index:-1; top:-50%; left:50%;/* background:#f7f7f7;*/}
.i_about_two .i_about_two_r .imgs 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_two .i_about_two_r .imgs: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_about_two .i_about_z{ position:absolute; right:-60px; z-index:-1; top:0; color:#1a77b6; font-size:248px; text-transform:uppercase; line-height:1;}
/*产品*/
.i_product_bg{ overflow:hidden; background:url(../img/i_img4.jpg) center center no-repeat; background-size:cover;}
.i_product_t{ text-align:center; color:#fff; overflow:hidden; margin-top:7%;}
.i_product_t.bgs2{ color:#1a77b6;}
.i_product_t.bgs4{ color:#1a77b6;}
.i_product_t .desc{ overflow:hidden; line-height:1.3;}
.i_product_t .h4{ font-weight:normal; overflow:hidden; line-height:1.5;  max-width:590px; margin:0 auto; color:#fff;margin-top:2%;}
.i_product_t.bgs2 .h4{ max-width:795px; color:#000;}
.i_product_t.bgs3 .h4{ max-width:416px; }
.i_product_t.bgs4 .h4{ max-width:428px; color:#000;}
/*服务*/
.i_service{ max-width:1232px; margin:0 auto; margin-top:5%; overflow:hidden; margin-bottom:9%;}
.i_service ul li{ float:left; width:32%; margin-right:2%;  overflow:hidden; position:relative;}
.i_service ul li:nth-child(3n+0){ margin-right:0;}
.i_service ul li .imgs{ overflow:hidden; position:relative; padding-top:130.44%;}
.i_service ul li .imgs img{ display: block;overflow:hidden; 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.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;}
.i_service 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_service ul li .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);transition:all 0.3s;}
.i_service ul li:hover .imgs:after{ background:rgba(26,119,182,0.8);}
.i_service ul li .txts{ overflow:hidden; position:absolute; top:50%; left:0; width:100%; margin-top:-29px; text-align:center;}
.i_service ul li .txts .h4{ width:96%; margin:0 auto; overflow:hidden; line-height:30px; height:30px; font-size:21px; color:#fff; font-weight:normal;white-space:nowrap;text-overflow:ellipsis;}
.i_service ul li .txts .p{ width:96%; margin:0 auto; overflow:hidden; line-height:28px; height:28px; font-size:14px; color:#fff;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/*新闻*/
.i_news{ overflow:hidden; margin-top:5%; border-top:2px solid #000000;}
.i_news ul li{ overflow:hidden; display:block; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #dddddd; background:url(../images/i_pic3.png) right center no-repeat;transition:all 0.3s; padding-right:30px;}
.i_news ul li:hover{ background-image:url(../images/i_pic3_on.png);}
.i_news ul li a{ display:block; overflow:hidden;}
.i_news ul li .imgs{ overflow:hidden; position:relative; float:left; width:227px; margin-right:40px;}
.i_news ul li .imgs img{ display: block;overflow:hidden; 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.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;}
.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 .txts{ overflow:hidden;}
.i_news ul li .txts .h4{ font-weight:normal; height:36px; line-height:36px; margin-top:35px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#333333;transition:all 0.3s;}
.i_news ul li:hover .txts .h4{ color:#1a77b6;}
.i_news ul li .txts .p{height:22px; line-height:22px; margin-top:7px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#999999; font-size:14px;}
.i_more_div{ text-align:center; overflow:hidden; margin-top:4.5%; margin-bottom:8%;}
.i_more{ height:52px; line-height:52px; display:inline-block; vertical-align:top; padding-left:30px; padding-right:30px; position:relative; font-size:14px; color:#000000;  z-index:0;}
.i_more:before{ width:52px; height:100%; background:#cccccc; border-radius:50%; position:absolute; content:""; left:0; top:0;transition:all 0.3s; z-index:-2;transition-delay:0.1s;}
.i_more:hover:before{/*opacity:0;filter:Alpha(opacity=0);*/ width:100%; border-radius:40px;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;
	top: 35%;
}
.main .banner .swiper-button-next{ margin-right:0px;
	top: 35%;
}
/*关于我们*/
.i_about_one{ margin-top:70px; padding-bottom:70px; margin-bottom:80px;}
.i_about_one .p{ margin-top:20px;}
.i_about_two{ margin-top:6%; margin-bottom:7%;}
.i_about_two .i_about_two_l .p{ margin-top:50px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:20px;}
.i_about_two .i_about_two_l .a{ margin-top:80px;}
.i_about_two .i_about_two_r{ padding-top:150px;}
.i_about_two .i_about_z{ font-size:200px; right:-50px;}


}
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1200px) {
/*关于我们*/
.i_about_one{ margin-top:50px; padding-bottom:50px; margin-bottom:60px;}
.i_about_one .p{ margin-top:15px;}
.i_about_two .i_about_two_l .h3{ line-height:30px;}
.i_about_two .i_about_two_l .p{ margin-top:30px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:15px;}
.i_about_two .i_about_two_l .a{ margin-top:50px;}
.i_about_two .i_about_two_r{ padding-top:130px;}
.i_about_two .i_about_z{ font-size:170px; right:-40px;}
}

@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;}*/
.main .banner .down { bottom:55px;}
}

@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_about_one{ margin-top:5%; padding-bottom:40px; margin-bottom:40px;}
.i_about_one:after{ height:70px; bottom:-50px;}
.i_about_one .p{ font-size:16px; line-height:26px;}
.i_about_two .i_about_two_l{ float:none; width:100%; max-width:none; margin-top:5%;}
.i_about_two .i_about_two_r{ float:none; width:100%; padding-top:0%;}
.i_about_two .i_about_z{ display:none;}
.i_about_two .i_about_two_l .p{ max-width:none; font-size:14px; line-height:26px; margin-top:3%;}
.i_about_two .i_about_two_l .a{ margin-top:5%;}
/*服务*/
.i_service ul li .txts .h4{ font-size:18px;}
/*新闻*/
.i_news ul li .imgs{ margin-right:20px;}
}

@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_service ul li .txts .h4{ font-size:16px;}
.i_service ul li .txts .p{ font-size:13px;}
/*新闻*/
.i_news ul li{ padding-top:15px; padding-bottom:15px;}
}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_about_one .p{ font-size:15px; line-height:24px;}
.i_about_two .i_about_two_l .h4{ line-height:26px;}
.i_about_two .i_about_two_l .h3{ line-height:26px;}
.i_about_two .i_about_two_l .p{ font-size:13px; line-height:24px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:1.5%;}
.i_about_two .i_about_two_l .a{ font-size:13px; height:46px; line-height:46px; padding-left:30px; padding-right:20px;}
.i_about_two .i_about_two_l .a:before{ width:46px;}
/*服务*/
.i_service ul li .txts{ margin-top:-36px;}
.i_service ul li .txts .h4{ font-size:15px; line-height:24px; height:24px;}
.i_service ul li .txts .p{ font-size:12px; line-height:22px; height:44px;-webkit-line-clamp: 2; margin-top:5px;}
/*新闻*/
.i_news ul li .imgs{ width:200px; margin-right:15px;}
.i_news ul li .txts .h4{ margin-top:30px; font-size:16px;}
.i_news ul li .txts .p{ font-size:13px;}
.i_more{ font-size:13px; height:46px; line-height:46px; padding-left:30px; padding-right:20px;}
.i_more:before{ width:46px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:13px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:24px; height:24px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ line-height:24px; font-size:14px;}
.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_about_one .p{ font-size:14px;}
/*服务*/
.i_service ul li .txts .h4{ font-size:14px;}
.i_service ul li .txts .p{ line-height:20px; height:60px;-webkit-line-clamp: 3;}
/*新闻*/
.i_news ul li{ background:none; padding-right:0; padding-top:12px; padding-bottom:12px;}
.i_news ul li:hover{ background:none;}
.i_news ul li .imgs{ width:160px; margin-right:12px;}
.i_news ul li .txts .h4{ margin-top:12px; font-size:14px; height:30px; line-height:30px;}
.i_news ul li .txts .p{ font-size:12px; margin-top:3px;-webkit-line-clamp: 2; line-height:20px; height:40px;}
}


@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_about_one .p{ font-size:13px; line-height:22px;}
}
@media screen and (max-width: 360px) {

}
@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);}
}

/*2023-4-1*/
.header{
	height: 68px;
	position: relative;
	background-image:url(../images/top_bg.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-Attachment:scroll;
}
.header .logo{
	height: 50px;
	margin-top: 9px;
}
.header .logo img{
	max-width: 100%;
}
.wrap2{
	max-width: 1200px;
}
.banner .text .tit{

}
.banner .text .tit img{
	margin-left: 26%;
}
.banner_jianjie{
	position: relative;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0px 0px 0px 0px #ccc;

}
.banner_jianjie .banner_jianjie_wrap{
	position: absolute;
	width:60%;
	left:calc(50% - 30%);
	top:-150px;
	z-index: 1000;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba(255, 255, 255, 0.59);
	border-top-style:solid;
	border-top-color:rgba(255, 255, 255, 0.73);
	border-top-width:1px;
	border-left-style:solid;
	border-left-color:rgba(255, 255, 255, 0.73);
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:rgba(255, 255, 255, 0.73);
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgba(255, 255, 255, 0.73);
	border-bottom-width:1px;
}
.banner_jianjie .banner_jianjie_txt{
	width:19%;
	display: inline-block;
}
.banner_jianjie .banner_jianjie_txt:not(:last-child){
	border-right: 1px solid #eee;
}
.banner_jianjie .banner_jianjie_title{
	position: relative;
}
.banner_jianjie .banner_jianjie_title .timer{
	color:rgb(25, 80, 130);
	font-size: 35px;
}
.banner_jianjie .banner_jianjie_title .banner_jianjie_title_c{
	position: absolute;
	top:9px;
	font-size: 14px;
	margin-left:3px;
}
.banner_jianjie .banner_jianjie_conn{
	font-size: 14px;
	color:#666;
}

@media (max-width: 1199px) {
	.mobile_no{
		display: none;
	}
}