/*轮播*/
.swiper-banner{position:relative;width:100%;height:550px;overflow:hidden}
.swiper-banner .swiper-slide{width:100%}
.swiper-banner .banner-text-box{display: flex;height: 100%; flex-direction: column; justify-content: center;}
.swiper-banner .banner-text-box p.desc{max-width: 51%;}
.swiper-banner .banner1-wrap{background:url(../img/index_banner11_bg.png) no-repeat center center/cover}
.swiper-banner .banner2-wrap{background:url("../img/banner2_bg.png") no-repeat center center/cover}
.swiper-banner .banner3-wrap{background:#2fa5c3}
.swiper-banner .banner2-wrap .banner-text-box{ background-repeat: no-repeat !important; background-position: right 60% !important; background-size: auto 60% !important;}
.swiper-banner .banner1-wrap .banner-text-box{background-repeat: no-repeat !important; background-position: right 60% !important; background-size: auto 60% !important;}
.swiper-banner .banner3-wrap .banner-text-box{background-repeat: no-repeat !important; background-position: right 60% !important; background-size: auto 60% !important;}
.swiper-banner .banner4-wrap{background:url("../img/website_banner_bg.png") no-repeat top center/cover}
.swiper-banner .swiper-pagination{bottom:65px !important}
.swiper-banner .swiper-pagination-bullet{width:32px;height:6px;opacity:.6;margin:0 6px !important;background:#fff;border-radius:3px}
.swiper-banner .swiper-pagination-bullet-active{background:#741010;width:48px;height:6px;opacity:1}

/*优势*/
.flag-wrap{max-width:1400px;margin:-49px auto 0;background-color:#f7f8fc;height:98px;position:relative;z-index:3;background:linear-gradient(180deg,#f2f6fc 0%,#ffffff 100%);box-shadow:2px 4px 27px 0px rgba(168,181,198,.32);border-radius:4px}
.flag-wrap .box{display:flex;justify-content:space-around;align-items:center;height:100%;padding:20px 0}
.flag-wrap .flag{width:20%;color:#fff;border-right:1px solid #dedfea;display:flex;align-items:center;justify-content:center;text-align:center;cursor:default;transition:all .3s ease-in-out;position:relative}
.flag-wrap .flag:before{content:"";width:1px;height:7px;background-color:#f7f8fc;position:absolute;right:-1px;top:0}
.flag-wrap .flag:after{content:"";width:1px;height:7px;background-color:#f7f8fc;position:absolute;right:-1px;bottom:0}
.flag-wrap .flag:last-child{border:none}
.flag-wrap .flag div{transition:all .3s ease-in-out}
.flag-wrap .flag .flag-img{display:flex;align-items:center;width:35px;height:42px;margin-right:15px}
.flag-wrap .flag .flag-img img{width:100%;max-width:35px}
.flag-wrap .flag h3{font-size:36px;letter-spacing:1px;font-weight:bold;color:#333}
.flag-wrap .flag h3 span{font-size:16px;font-weight:normal;margin-left:4px}
.flag-wrap .flag p{font-size:16px;opacity:.8;color:#666}
.flag-wrap .flag:hover div{transform:translateY(-6px)}
.flag-wrap .flag:nth-child(2) img{max-height:36px}

.product {background: #Fff;}
.product-v1 .product-v1-hot{width:100%;padding:20px;position:relative;margin-bottom:24px;border-radius:8px;display:flex;align-items:center;background:linear-gradient(90deg,#f3f3f3,#d6ddfe 100%);transition:all .3s ease-in-out}
.product-v1 .product-v1-hot:hover{transform:translateY(-5px);box-shadow:0px 5px 20px 0px rgba(47,72,88,.07)}
.product-v1 .product-v1-hot .text{flex:1}
.product-v1 .product-v1-hot p{margin: 10px 0; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.product-v1 .product-v1-hot ul{padding-left:20px;margin-bottom:20px}
.product-v1 .product-v1-hot li{color:#333;line-height:2;list-style:disc; color: #333;}
.product-v1 .product-v1-hot .img{width:48%;text-align:right;}
.product-v1 .product-v1-hot .img img{width: 50%;}
.product-v1 .product-v1-hot:hover{color: #741010;}

.product-v1 .product-v1-list{}
.product-v1 .product-v1-list .item{transition:all .3s ease-in-out;border-radius: 8px;}
.product-v1 .product-v1-list .item:nth-child(1){background:linear-gradient(90deg, #f0f5ff, #d6ddfe 100%)}
.product-v1 .product-v1-list .item:nth-child(2){background:linear-gradient(90deg,#ebf3fd,#d2e0f1 100%)}
.product-v1 .product-v1-list .item:nth-child(3){background:linear-gradient(90deg,#f4eff8,#e0d8f5 100%)}
.product-v1 .product-v1-list .item:nth-child(4){background:linear-gradient(90deg,#e8eeff,#e8eeff 100%)}
.product-v1 .product-v1-list .img{height: 180px; overflow: hidden; margin-bottom: 30px; display: flex; justify-content: center;}
.product-v1 .product-v1-list .img img{opacity:1;transition:all .3s ease-in-out;max-width: 100%; align-items: center;}
.product-v1 .product-v1-list .item{padding:20px 20px;}
.product-v1 .product-v1-list  p{margin: 10px 0;}
.product-v1 .product-v1-list .item:hover{transform:translateY(-5px);box-shadow:0px 5px 20px 0px rgba(47,72,88,.07);color: #741010;}

.soultion{background: #fff url(../img/solu_sence_bg.png) no-repeat left top/cover;}
.soultion-v1 .text{margin-bottom:40px;padding-bottom:40px;border-bottom:1px dotted #999;}
.soultion-v1 .text img{width: 26px; height: 26px; margin-right: 10px;}
.soultion-v1 .text:last-child{border-bottom:0;}
.soultion-v1 .text-title{margin-bottom: 10px;}
.soultion-v1 p{margin: 10px 0 20px 0;}
.soultion-v1 .circle-img{text-align: right;}
.soultion-v1 .img{display:inline-block;position:relative}
.soultion-v1 .img .circle{position:absolute;z-index:99;left:0;top:0;-webkit-animation:pointAnimations 5s linear infinite;-moz-animation:pointAnimations 5s linear infinite;-o-animation:pointAnimations 5s linear infinite;animation:pointAnimations 5s linear infinite}
@keyframes pointAnimations 
{
	0% {-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	100% {-moz-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);-webkit-transform:rotate(315deg);}
}

.advantage{background: #fff;}
.advantage-v1{position: relative;}
.advantage-v1 .map{position: relative; height: 500px; margin: 0 auto; overflow: hidden; filter: brightness(1.5); background: url(../img/map.png);}
.advantage-v1 .map img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotateX(50deg); opacity: 0.2;}
.advantage-v1 .map .circle{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotateX(50deg);width: 600px;height: 400px;}
.advantage-v1 .map .circle>div{position: absolute;width: 100%;height: 100%;opacity: 0;background: url(../img/circle.png) 50% 50% / 35% 35% no-repeat;}
.advantage-v1 .map .circle .circle-a{animation: ani-circle-a 4.5s ease-out forwards infinite; -webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;}
.advantage-v1 .map .circle .circle-b{animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite; -webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;}
.advantage-v1 .map .circle .circle-c{-webkit-animation: ani-circle-a 4.5s ease-out 3s forwards infinite; animation: ani-circle-a 4.5s ease-out 3s forwards infinite;}
.advantage-v1 .number{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%); width: 100%;}
.advantage-v1 .number-item{display: flex; flex-direction: column; width: 20%;}
.advantage-v1 .img{margin: 0 auto 20px auto;}
.advantage-v1 .number-value{font-size: 60px; color: #741010; margin-right: 10px;}
.advantage-v1 .number-name{text-align: center; font-size: 16px; line-height: 1.5;}
.advantage-v1 .text{text-align: center;}
.advantage-v1 .text p{margin-top: 20px;}
@-webkit-keyframes ani-circle-a
{
	0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0)}
	10%{opacity:.5;filter:alpha(opacity=50)}
	100%{-webkit-transform:scale(5);transform:scale(5);opacity:0;filter:alpha(opacity=0)}
}

.customer{background: #F0F5FD}
.customer-v1{margin-top:-10px}
.customer-v1 img{width: 100%;}
.customer-v1 .custom-swiper{padding:10px 75px 30px}
.customer-v1 .custom-swiper .swiper-slide{display:block;width:320px;box-shadow:0px 10px 18px rgba(29,63,128,.08);transition:all .1s ease-in-out; background: #fff;}
.customer-v1 .custom-swiper .swiper-slide:hover{transform:translateY(-5px)}
.customer-v1 .custom-swiper .swiper-button-prev{top:0;left:-15px;height:440px;width:75px;font-weight:bolder;color:#b6bac3;background-color:#F0F5FD;transition:all .3s ease-in-out}
.customer-v1 .custom-swiper .swiper-button-prev:hover{color:#fd4b4e}
.customer-v1 .custom-swiper .swiper-button-next{top:0;right:-15px;height:440px;width:75px;font-weight:bolder;color:#b6bac3;background-color:#F0F5FD;transition:all .3s ease-in-out}
.customer-v1 .custom-swiper .swiper-button-next:hover{color:#fd4b4e}
.customer-v1 .text{padding:20px 20px 0 20px}
.customer-v1 .text p{margin-top: 10px;}
.customer-v1 .swiper-slide-bottom{display: flex; justify-content: space-between; padding: 10px 20px 20px 20px;}
.customer-v1 .swiper-slide-bottom span.tags{background: #741010; color: #fff; padding: 0px 5px; border-radius: 2px;}
.customer-v1 .swiper-slide-bottom span.links{color: #741010;}
.customer-v1 .swiper-slide-bottom i {font-size: 14px;margin-left: 10px;display: inline-block;transition: all .3s ease-in-out}
.customer-v1 .custom-swiper a:hover i {transform: translateX(5px)}

.customer-v2 {padding:0 75px;}
.customer-v2 .customer-logo{width:19%;margin-bottom:1%;border:1px dashed #d5dbe2;transition:all .3s ease-in-out; }
.customer-v2 .customer-logo:hover{box-shadow:0px 10px 18px rgba(29,63,128,.08)}
.customer-v2 .customer-logo img{width:100%}

.news{background: #fff;}
.news-v1 .item{background:#f3f3f3; padding: 20px; margin-bottom: 20px;}
.news-v1 .text{border-bottom: 1px solid #741010; margin-bottom: 10px; padding-bottom: 10px;}
.news-v1 .text a{color: #741010; font-weight: bold;}
.news-v1 .hot {display: block; position: relative; overflow: hidden; height: 200px;}
.news-v1 .hot img{height: auto; width: 100%; transition: all 1s;}
.news-v1 .hot p{position: absolute; bottom: 0; left: 0; width: 100%; background: #000000; opacity: 0.8; padding: 10px 0 10px 10px; font-size: 14px; color: #fff;}
.news-v1 .hot:hover img{transform:scale(1.2);}
.news-v1 .list li{padding-top: 10px;}
.news-v1 .list li:nth-child(1) a{color: #741010;}
.news-v1 .list li:hover a{color: #741010;}

/*自适应*/
@media screen and (min-width:769px) and (max-width:1199px)
{
	.customer-v1 .text p,.customer-v1 .text h3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
	.news-v1 .hot {display: none;}
	.news-v1 .list{display: flex;flex-flow: wrap;}
	.news-v1 .list li{width: 48%;}
	@media screen and (min-width:992px)and (max-width:1199px)
	{	
		.swiper-banner{height: 500px;}
		.swiper-banner .banner1-wrap .banner-text-box{background:url("../img/index_banner1.png") no-repeat right center/auto 55%}
		.swiper-banner .banner2-wrap .banner-text-box{background:url("../img/tu3.png") no-repeat right 60%/auto 55%}
		.swiper-banner .banner3-wrap .banner-text-box{background:url("../img/tu5.png") no-repeat right 50%/auto 55%}
		.product-v1 .product-v1-list .img{height: 160px; margin-bottom: 20px;}
		.advantage-v1 .map .circle{width: 420px; height:280px;}
		
	}
	@media screen and (min-width:769px)and (max-width:991px)
	{
		.swiper-banner{height: 460px;}
		.swiper-banner .banner1-wrap .banner-text-box{background:url("../img/index_banner1.png") no-repeat right center/auto 50%}
		.swiper-banner .banner2-wrap .banner-text-box{background:url("../img/tu3.png") no-repeat right 60%/auto 50%}
		.swiper-banner .banner3-wrap .banner-text-box{background:url("../img/tu5.png") no-repeat right 50%/auto 50%}
		.product-v1 .product-v1-list .img{height: 140px; margin-bottom: 20px;}
		.soultion-v1 .img img{width: 80%; height: 80%;}
		.advantage-v1 .map .circle{width: 390px; height:260px;}
		.customer-v1 .swiper-slide-bottom span.tags{display: none;}
		.news-v1 .hot {display: none;}
	}
}
@media screen and (max-width:768px)
{		
	.swiper-banner .text-large-white{margin-top: 30px;}	
	.swiper-banner .banner-text-box p.desc{max-width: 100%;}
	.swiper-banner .banner-text-box{justify-content: flex-start; align-items: center; text-align: center;}
	.swiper-banner .swiper-pagination{display:none}
	.swiper-banner .banner1-wrap .banner-text-box{background:url("../img/index_banner1.png") no-repeat center 100%/55% auto}
	.swiper-banner .banner2-wrap .banner-text-box{background:url("../img/tu3.png") no-repeat center 100%/55% auto}
	.swiper-banner .banner3-wrap .banner-text-box{background:url("../img/tu5.png") no-repeat center 100%/55% auto}		
	.soultion-v1 .circle-img{text-align: center;}
	.soultion-v1 .img img{width: 70%; height: 70%;}
	.advantage-v1 .number-item{width: 48%;}
	.customer-v2{padding: 0;}
	.customer-v2 .customer-logo{width: 33%; }
	.news-v1 .hot {display: none;}
	@media screen and (min-width:361px)and (max-width:768px)
	{
		.swiper-banner{height: 380px;}		
		.product-v1 .product-v1-list .img{height: 100px; margin-bottom: 15px;}
		.advantage-v1 .map .circle{width: 300px; height:200px;}	
	}
	@media screen and (max-width:360px)
	{
		.swiper-banner{height: 360px;}
		.product-v1 .product-v1-list .img{height: 80px; margin-bottom: 10px;}
		.advantage-v1 .map .circle{width: 240px; height:160px;}
	}
}