/*首页公共样式*/
.sy-title h2{
	text-transform: uppercase;
	font-size: 42px;
	line-height: 1;
	background-size: 100% auto;
}
.sy-title p{
	font-size: 18px;
	margin-top: 10px;
	line-height: 32px;
}
/*banner*/
.banner {
	overflow: hidden;
	/*margin-top: 160px;*/
}

.banner img{ width:100%;}

.ban-box .ban-col{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ban-box .ban-col .content h2{
	font-size: 56px;
	line-height: 1.2;
}
.ban-box .ban-col .content p{
	font-size: 20px;
	line-height: 36px;
	margin: 20px 0 90px;
}
.ban-box .ban-col .content a{
	width: 220px;
	text-align: center;
	margin: 20px 0;
	line-height: 60px;
}

.ban-box ul li.swiper-slide-active .ban-col .content h2{
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-delay: 0.2s;
	animation-fill-mode: both;
}
.ban-box ul li.swiper-slide-active .ban-col .content p{
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-delay: 0.4s;
	animation-fill-mode: both;
}
.ban-box ul li.swiper-slide-active .ban-col .content a{
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-delay: 0.5s;
	animation-fill-mode: both;
}
.ban-box ul li:nth-child(2n+1) .ban-col .content{
	text-align: right;
}
.ban-box ul li:nth-child(2n+1) .ban-col .content a{
	margin: 20px 0 20px auto;
}
.ban-box .swiper-pagination{
	width: 100%;
	left: 0;
	bottom: 50px;
	font-size: 0;
	text-align: center;
}
.ban-box .swiper-pagination span{
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	background: none;
	opacity: 1;
	margin: 0 10px;
	position: relative;
}
.ban-box .swiper-pagination span:before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
}
.ban-box .swiper-pagination span.swiper-pagination-bullet-active:before{
	transform: translate(-50%,-50%) scale(1);
}

/*产品服务*/
.index-product{padding:5vw 0;position:relative}
.index-product .sy-title h2{text-transform: uppercase;font-size: 42px;line-height: 1;background-size: 100% auto;background-image: linear-gradient(to right, #151ca9 0%, #151ca9 50%, #151ca9 100%);}
.index-product
.index-product .slideshow-pagination{bottom:0}
.index-product .index-product-title{margin-bottom:0}
.index-product .index-product-container{padding-bottom:1.5vw;padding-top:1.44vw}
.index-product .index-product-container .swiper-slide{transform:scale(.9)!important}
.index-product .index-product-container .swiper-slide{opacity:.4;padding:0 25px;pointer-events:none;position:relative;transform-origin:left center;transition:all .3s;width:42vw}
.index-product .index-product-container .swiper-slide-prev{transform-origin:right center}
.index-product .index-product-container .swiper-slide-active{transform:scale(1)!important}
.index-product .index-product-container .swiper-slide-active{opacity:1;pointer-events:all}

.index-product-slide-content{box-shadow:0 2px 20px 12px #6262621a;padding:28px 6vw 20px;position:relative;z-index:9}
.index-product .index-product-slide-content img{height:16.66667vw;-o-object-fit:contain;object-fit:contain;width:31.25vw}
.index-product-slide-content .product-title{color:#666;line-height:1;padding:0;word-break:normal; font-weight:500; font-size:24px;}

.index-product-price{margin-top:8px}

.product-price-wrapper{ text-align:center;}

.product-price-wrapper .index-product-price-name{ font-size:20px; font-weight:700px; color:#151ca9; line-height:1.8;}

.index-product .index-product-compare{color:#000;display:block;margin:24px auto 0;text-align:center}
.index-product .index-product-slide-content .slide-link.z-button-fill-middle{margin:15px auto 8px;align-items: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: transparent; border: 2px solid #151ca9; color: #151ca9; cursor: pointer; display: flex; justify-content: center; position: relative; transition: all .3s ease;  border-radius: 40px; height: 34px;font-weight: 700; padding: 0 20px;
}
.z-button-fill-middle .fa{font-weight: 700; line-height: 30px; font-size: 20px; margin-left:5px;}

.index-product-container .slideshow-pagination{align-items:center;bottom:27px;display:flex;flex-wrap:wrap;justify-content:center;left:0;position:absolute;transition:opacity .3s;width:100%;z-index:10}
.index-product-container .swiper-pagination-bullet{ margin:0px 7px;background: #ccc;border-radius:0%; height: 4px; position: relative; transition: all .3s ease;width: 48px;opacity:1;}
.index-product-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#151ca9; height:5px; width: 96px;}

@media screen and (max-width:768px){
.index-product{padding:14vw 0 0}
.index-product .index-product-container{padding-bottom:22.5vw;padding-top:8vw}
.index-product-slide-content{padding:11.6vw 3.6vw 22vw}
.index-product .index-product-slide-content .slide-link{margin-top:18px}
.index-product-slide-content .product-title{line-height:inherit}
.index-product .index-product-container .swiper-slide{transform:scale(1)!important;width:92vw!important}
.index-product .index-product-container .swiper-slide{opacity:0;padding:0}
.index-product .index-product-container .swiper-slide-active{box-shadow:0 1px 10px 6px #6262621a;margin:0;opacity:1;position:relative;z-index:9}
.index-product .index-product-slide-content .a-button-fill{margin:2vw auto 8.4vw}
.index-product .index-product-slide-content img{height:42vw;-o-object-fit:contain;object-fit:contain;width:72vw}
.index-product .index-product-compare{bottom:9vw;color:#000;margin:0 auto;position:absolute;right:4.8vw;z-index:9}
.index-product .slideshow-pagination{bottom:14vw}
}

	
.index-container{margin:0 auto;width:1380px}
.index-product-container .slideshow-navigation{position:absolute;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9}

.slideshow-navigation-button{align-items:center;color:#fff;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:9}
.slideshow-navigation-button .fa{font-size:48px;transition:all .25s;}
.slideshow-navigation-button.swiper-button-prev .fa{transform:rotateY(180deg)}
.slideshow-navigation-button .fa{color:#999;}
.slideshow:hover .slideshow-navigation-button{opacity:1}
.slideshow-navigation-button:focus .iconfont,.slideshow-navigation-button:hover .fa{color:#6ab03a;cursor:pointer}
.slideshow-navigation-button.swiper-button-prev{border-radius:50%;left:6.7vw;top:50%;transform:translateY(-50%)}
.slideshow-navigation-button.swiper-button-next{border-radius:50%;right:6.7vw;top:50%;transform:translateY(-50%)}

.index-product-container .slideshow-navigation-button.swiper-button-next{right:0}
.index-product-container .slideshow-navigation-button.swiper-button-prev{left:0}
.index-product-container:hover .slideshow-navigation-button{opacity:1}

@media screen and (max-width:1920px){.index-container{width:69.27083vw}}	
@media screen and (max-width:1024x){.index-container{margin:0 auto;max-width:85%;width:85vw}}		

            

/*********优势*****************/
.index_col{ position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../images/index_col_bg.jpg");background-attachment:fixed;padding: 6% 0px;overflow:hidden;}
.index_col:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.5); }


.inner{color:#fff; position:relative;z-index:1;}
.inner .index_col_txt{float:left;width: 49%;padding-right:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media (max-width: 968px){.inner .index_col_txt{float:none;width:100%;padding-right:0}}
.inner .index_col_txt h3.title{display:block;font-size:38px;font-weight:bold}
@media (max-width: 1440px){.inner .index_col_txt h3.title{font-size:30px}}
@media (max-width: 668px){.inner .index_col_txt h3.title{font-size:22px}}
.inner .index_col_txt h3.title span{display:block;font-size:20px;font-weight:lighter;opacity:.6;margin-bottom:20px}
.inner .index_col_txt .txt{font-size:16px;line-height:1.8;margin:30px 0 60px}
@media (max-width: 1681px){.inner .index_col_txt .txt{font-size:16px;line-height:30px}}
@media (max-width: 1440px){.inner .index_col_txt .txt{font-size:14px;line-height:26px}}
@media (max-width: 968px){.inner .index_col_txt .txt{margin:30px 0}}
@media (max-width: 668px){.inner .index_col_txt .txt{margin:20px 0}}
.inner .index_col_txt .links{width:400px;margin-left:12px}
@media (max-width: 1440px){.inner .index_col_txt .links{width:350px}}
@media (max-width: 668px){.inner .index_col_txt .links{width:280px;margin:0 auto;height: 50px;}}
.inner .index_col_txt .links ul li{display:block;float:left;width:50%}
.inner .index_col_txt .links ul li a{display:block;width:100%;line-height:66px;text-align:center;position:relative}
@media (max-width: 1440px){.inner .index_col_txt .links ul li a{line-height:50px}}
.inner .index_col_txt .links ul li a:after{content:'';display:block;width:100%;height:100%;background:#fff;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.inner .index_col_txt .links ul li a span{display:block;width:100%;height:100%;font-weight:bold;font-size:18px;color:#000;position:relative;z-index:2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media (max-width: 1681px){.inner .index_col_txt .links ul li a span{font-size:20px}}
@media (max-width: 1440px){.inner .index_col_txt .links ul li a span{font-size:18px}}
.inner .index_col_txt .links ul li a span i.iconfont{display:inline-block;vertical-align:top;font-size:24px;margin-left:10px;color:#000;font-weight:normal;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.inner .index_col_txt .links ul li a:hover:after{background:#3d9338}
.inner .index_col_txt .links ul li a:hover span{color:#fff}
.inner .index_col_txt .links ul li a:hover span i.iconfont{margin-left:20px;color:#fff}
.inner .index_col_txt .links ul li:nth-last-of-type(1) a:after{background:#eee}
.inner .index_col_txt .links ul li:nth-last-of-type(1) a:hover:after{background:#3d9338}
.inner .index_col_icons{float:right;width: 45%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inner .index_col_icons h2{/* text-align:center; */font-family: "DOUYU";font-size:42px;margin-bottom:40px;color: #4964b3;}

@media (max-width: 968px){.inner .index_col_icons{float:none;width:100%;padding-left:0;margin-top:20px}}

.inner .index_col_icons ul{ display: flex;flex-wrap: wrap;}
.inner .index_col_icons ul li{display:block;width:100%;/* text-align:center; */margin-bottom:35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding:0px 15px; */}
@media (max-width: 1440px){.inner .index_col_icons ul li{margin-bottom:20px}}
.inner .index_col_icons ul li img{/* width: 100%; */display: block;max-width: 70px;float: left;margin-right: 10px;}
@media (max-width: 1440px){.inner .index_col_icons ul li img{width:80px}}
.inner .index_col_icons ul li h3{display:block;font-size: 22px;line-height:2;}
.inner .index_col_icons ul li p{display:block;font-size: 14px;line-height:1.6;}

@media (max-width: 668px){.inner .index_col_icons ul li p{margin-top:0}}
.inner .index_col_icons ul li:nth-of-type(4),.inner .index_col_icons ul li:nth-of-type(5){width:50%}






/*********关于我们*****************/
.index_about_bg{background:#F5F8FF;padding: 100px 0;}
.index_about_list {position: relative;margin-bottom: 30px;margin-top:50px;}
.index_about_list .item {width: calc(33.33% - 20px - 2px);transition: 0.4s;align-items: center;}
.index_about_list .item .item_img{ display:inline-block;}
.index_about_list .item .item_img img{max-width: 0.7rem;}
.index_about_list .item .item_img svg{width: 70px;}
.index_about_list .item .item_box{display:inline-block;width: calc(100% - 90px);}
.index_about_list .item .top {font-size: 0.32rem;color: #002896;}
.index_about_list .item .top span{  font-size: 0.2rem; color: #002896;}
.index_about_list .item .bot {font-size: 18px;color:#333;}
.index_about_list p {background: #dc1424;opacity: 0.3;width: 1px;}


.index_about_item{ width:50%;}
.index_about_kuang{ padding: 10px;}

.index_about_nei{flex-wrap: nowrap; background:#151ca9;padding: 80px 40px 80px 40px; height: 245px; border-radius: 8px 8px 8px 8px;}
.about_item2{ background:#000;text-align: right;  -webkit-box-orient:horizontal; -webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.about_item1 .elementor-icon-box-icon{ margin-right:15px;}
.about_item2 .elementor-icon-box-icon{ margin-left:15px;}

.elementor-icon-box-conten{ margin-left:15px;}
.elementor-icon-box-title{color:#fff;font-weight: bold;}
.elementor-icon-box-title a{ color:#fff; font-size:16px; line-height:2;}
.elementor-icon-box-description{color:#fff;font-size:14px;line-height:1.7;/* font-weight: bold; */}



/*行业应用*/
.index-hy-bg{padding: 100px 0;position:relative;background: #f5faf1;}
.index-hy-bg .sy-title h2{background-size: 100% auto;background-image: linear-gradient(to right, #ffffff 0%, #151ca9 50%, #ffffff 100%);}
.index-hy-bg .sy-title p{font-size: 18px;margin-top: 10px;line-height: 32px;color: #111;}

.index-hy-box.swiper{ margin-top:2%;padding-bottom: 40px;}
.index-hy-box .item .image { width: 100%;overflow: hidden; position: relative;}
.index-hy-box .item .image img { width: 100%; height:auto; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s}
.index-hy-box .item:hover img { transform: translateX(10px)}

.index-hy-box .item .text {text-align: center;width: 100%;color: #333;padding: 3%;}
.index-hy-box .item .text .title { font-size: 16px;}

.index-hy-box .swiper-pagination {align-items:center;bottom:27px;display:flex;flex-wrap:wrap;justify-content:center;left:0;position:absolute;transition:opacity .3s;width:100%;z-index:10}
.index-hy-box .swiper-pagination-bullet{ margin:0px 4px;background: #ccc; width:12px; height:12px; position: relative; transition: all .3s ease;opacity:1;}
.index-hy-box .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#151ca9; }

.index-hy-box .slideshow-button{align-items:center;color:#fff;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:9;width: 35px !important;height: 45px !important;border-radius: 10%;}
.index-hy-box .slideshow-button .fa{transition:all .25s;color:#fff; font-size:32px;}
.index-hy-box .swiper-button-prev{left:0;top:50%;transform:translateY(-150%);background: #151ca9; border-radius:5px;}
.index-hy-box .swiper-button-next{right:0;top:50%;transform:translateY(-150%);background: #151ca9;border-radius:5px}





/*首页表单*/
.message{
	background: url(../images/messageBg.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
	padding: 100px 0;
}
.messageFeed{
	margin-top: 30px;
}
.messageFeed form dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.messageFeed form dl dd{
	width: calc((100% - 60px) / 4);
	margin-top: 20px;
}
.messageFeed form dl dd input{
	display: block;
	width: 100%;
	line-height: 58px;
	border: 1px solid #dbdbdb;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
}
.messageFeed form dl dd.txt{
	width: 100%;
}
.messageFeed form dl dd.txt textarea{
	display: block;
	width: 100%;
	height: 160px;
	border: 1px solid #dbdbdb;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 12px 20px;
	line-height: 28px;
	font-size: 16px;
}
.messageFeed form dl dt{
	margin-top: 30px;
}
.messageFeed form dl dt button{
	display: block;
	width: 200px;
	font-size: 16px;
	font-family: LDR;
	color: #fff;
	line-height: 60px;
	cursor: pointer;
}

@media only screen and (max-width: 1440px) {
	/*首页公共样式*/
	.sy-title h2{
		font-size: 40px;
		/* line-height: 38px; */
	}
	.sy-title p{
		font-size: 16px;
		line-height: 28px;
		margin-top: 16px;
	}
	/*banner*/
	.banner {
		margin-top: 150px;
	}
	.ban-box .ban-col .content h2 {
	    font-size: 40px;
	}
	.ban-box .ban-col .content p {
	    font-size: 18px;
	    line-height: 32px;
	    margin: 10px 0 50px;
	}
	.ban-box .ban-col .content a {
	    width: 210px;
	    margin: 15px 0;
	    line-height: 55px;
	}
	.ban-box ul li:nth-child(2n+1) .ban-col .content a{
	    margin: 15px 0 15px auto;
	}
	.ban-box .swiper-pagination {
	    bottom: 40px;
    }

	/*首页表单*/
	.message{
		padding: 70px 0 80px;
	}
	.messageFeed {
	    margin-top: 15px;
	}
	.messageFeed form dl dd input {
	    line-height: 53px;
	    font-size: 15px;
	}
	.messageFeed form dl dd.txt textarea{
		line-height: 25px;
		font-size: 15px;
	}
	.messageFeed form dl dt button {
		width:180px;
	    font-size: 15px;
	    line-height: 55px;
	}
}

@media only screen and (max-width: 1200px) {
	/*首页公共样式*/
	.sy-title h2{
		font-size: 38px;
		/* line-height: 30px; */
	}
	.sy-title p{
		font-size: 15px;
		line-height: 25px;
		margin-top: 12px;
	}
	.sy-title p br{
		display: none;
	}
	/*banner*/
	.banner {
		margin-top: 130px;
	}
	.ban-box .ban-col .content h2 {
	    font-size: 32px;
	}
	.ban-box .ban-col .content p {
	    font-size: 16px;
	    line-height: 28px;
	    margin: 10px 0 40px;
	}
	.ban-box .ban-col .content a {
	    width: 190px;
	    margin: 10px 0;
	    line-height: 50px;
	}
	.ban-box ul li:nth-child(2n+1) .ban-col .content a{
	    margin: 10px 0 10px auto;
	}
	.ban-box .swiper-pagination {
	    bottom: 30px;
    }

	/*首页表单*/
	.message{
		padding: 60px 0 70px;
	}
	.messageFeed form dl dd {
	    width: calc((100% - 45px) / 4);
	    margin-top: 15px;
	}
	.messageFeed form dl dd input {
	    line-height: 48px;
	    font-size: 14px;
	}
	.messageFeed form dl dd.txt textarea{
		line-height: 24px;
		border-radius: 25px;
		font-size: 14px;
	}
	.messageFeed form dl dt {
	    margin-top: 25px;
	}
	.messageFeed form dl dt button {
	    font-size: 14px;
	    line-height: 50px;
	}
}

@media only screen and (max-width: 900px) {
	/*首页公共样式*/
	.sy-title h2{
		font-size: 32px;
		/* line-height: 26px; */
	}
	.sy-title p{
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}
	/*banner*/
	.banner {
		margin-top: 70px;
	}
	.ban-box .ban-col .content h2 {
	    font-size: 26px;
	}
	.ban-box .ban-col .content p {
	    font-size: 14px;
	    line-height: 24px;
	    margin: 10px 0 20px;
	}
	.ban-box .swiper-pagination {
	    bottom: 20px;
    }

	/*首页表单*/
	.message{
		padding: 45px 0 50px;
	}
	.messageFeed {
	    margin-top: 10px;
	}
	.messageFeed form dl dd {
	    width: calc((100% - 20px) / 2);
	}
	.messageFeed form dl dt {
	    margin-top: 15px;
	    width: 100%;
	}
	.messageFeed form dl dt button {
	    width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	/*首页公共样式*/
	.sy-title h2{
		font-size: 28px;
		/* line-height: 22px; */
	}
	.sy-title p{
		font-size: 14px;
		line-height: 24px;
	}
	/*banner*/
	.banner {
		margin-top: 60px;
	}
	.ban-box .ban-col .content h2 {
	    font-size: 22px;
	    line-height: 1.4;
	}
	.ban-box .ban-col .content p,
	.ban-box .ban-col .content a{
		display: none;
	}
	.ban-box .swiper-pagination {
	    bottom: 15px;
    }
    .ban-box .swiper-pagination span {
	    width: 10px;
	    height: 10px;
	    margin: 0 6px;
	}

	/*首页表单*/
	.message{
		padding: 35px 0 40px;
	}
	.messageFeed form dl dd {
	    width: 100%;
	    margin-top: 10px;
	}
	.messageFeed form dl dt {
	    margin-top: 10px;
	}
}