.index-wrap {
	padding: 5.5% 0;
	overflow: hidden;
}

.index-wrap.gray-wrap {
	background: #f9f9f9;
}

@media screen and (max-width:768px) {
	.index-wrap {
		padding: 10% 0;
	}
}

.basemore{position:relative;width:140px;height:40px;display:block}
.basemore em{position:absolute;width:140px;height:40px;background-image:url('../images/btnbg.png');background-repeat:no-repeat;background-size:contain;background-position:center center;color:#fff;padding-right:40px;text-align:center;line-height:40px;z-index:22;left:0}
.basemore::before{content:'';display:block;position:absolute;width:0;right:0;top:0;height:100%;transition:.3s;z-index:1;background:#fff}@media (min-width:992px){.basemore:hover em{color:#002f7b}
.basemore:hover::before{width:100%}}
.basemore.s2::before{background:#002f7b}
.basemore.s2 em{background-image:url('../images/btnbg2.png');color:#002f7b}
.basemore.s2:hover em{color:#fff}
.index-banner-box{background:#000104}
.index-banner{position:relative;height: 900px;
	height: 100vh;
	min-height: 560px;}
.index-banner .swiper-pagination{bottom:.6rem}
.index-banner .swiper-pagination-bullet{width:.2rem;height:.2rem;background-image:url('../images/dot_on.png');background-repeat:no-repeat;background-size:contain;background-position:center center;transition:.3s;opacity:1;display:inline-block;position:relative;margin:0 .5rem !important}
.index-banner .swiper-pagination-bullet::before{content:'';display:block;position:absolute;width:1rem;height:1px;border-bottom:1px dashed #fff;top:50%;left:-1rem;color:transparent;opacity:.8}
.index-banner .swiper-pagination-bullet:first-child::before{display:none}
.index-banner .swiper-pagination-bullet-active{background-image: none;}
.index-banner .swiper-slide{background-position:center;background-size:cover;background-repeat:no-repeat}
.index-banner .swiper-slide img{visibility:hidden}
.index-banner .container{position:absolute;left:50%;top:45%;transform:translateX(-50%) translateY(-50%);width: 88%;}
.index-banner .textbox{color:#fff;width:100%;text-shadow: 0 0 6px rgba(0,0,0,1);}
.index-banner .textbox h5{font-size:60px;margin-bottom:22px;color:#fff}
.index-banner .textbox .desc{font-size:24px;margin-bottom:44px;padding-left:1.36rem;position:relative}
.index-banner .textbox .desc ._line{display:block;width:1.2rem;height:2px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0}
.index-banner .textbox .basemore{background-color:rgba(0,0,0,0.9)}
.index-banner .textbox .basemore .iconfont{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#000;z-index:55;font-size:12px}@media (min-width:992px){.index-banner .textbox .basemore:hover{background:#fff}
.index-banner .textbox .basemore:hover em{color:#002f7b;text-shadow: none;}
.index-banner .textbox .basemore:hover::before{width:100%}}@media (max-width:1440px){.index-banner{max-height:70vh}
.index-banner .swiper-pagination{bottom:.3rem}}@media (max-width:1200px){.index-banner{min-height: inherit;height:auto}
.index-banner .textbox .desc{font-size:.26rem}
.index-banner .textbox h5{font-size:.66rem}}@media (max-width:992px){.index-banner .swiper-slide{padding:.4rem 0}}@media (max-width:768px){.index-banner .textbox{padding:0 .1rem;text-align:center}
.index-banner .textbox h5{font-size:32px;margin-bottom:10px}
.index-banner .textbox .desc{font-size:14px;padding-left:0}
.index-banner .textbox .desc ._line{display:none}
.index-banner .textbox .basemore{display:inline-block}}@media (max-width:480px){.index-banner{height:auto}
.index-banner .textbox{padding-top:30px}
.index-banner .textbox .en{font-size:14px;padding-bottom:0rem;margin-bottom:0rem}
.index-banner .textbox h5{font-size:28px}
.index-banner .textbox .desc{margin-bottom:.5rem}
.index-banner .textbox .basemore{display:none}}main{margin-top:80px}@media (max-width:768px){main{margin-top:60px}}


.index-wrap.sec-product { background: url("../images/sec-product-bg.jpg") center/cover no-repeat; }
.index-wrap.sec-product .swiper-pagination{position: relative;bottom: 0 !important;}
.pro-category .item{animation: fadeInUp 1s ease-out backwards;}
.pro-category .item .item-wrap { position: relative; overflow: hidden; }
.pro-category .item .item-wrap .item-head { background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; padding: 5.5%!important; color: #333333; z-index: 2; -webkit-transition: transform .5s,opacity .3s; -moz-transition: transform .5s,opacity .3s; -ms-transition: transform .5s,opacity .3s; -o-transition: transform .5s,opacity .3s; transition: transform .5s,opacity .3s; }
.pro-category .item .item-wrap .item-head::before, .pro-category .item .item-wrap .item-head::after { content: ''; display: block; }
.pro-category .item .item-wrap .item-head::before { background: url("../images/logo-gray.png") 4% no-repeat; background-size: 24.5%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.pro-category .item .item-wrap .item-head::after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.pro-category .item .item-wrap .item-head .item-name { position: relative; z-index: 1; font-size: 24px; }
.pro-category .item .item-wrap .item-head .item-name::before { content: ''; display: block; width: 15px; height: 2px; background-color: #ca0e0f; margin-bottom: 20px; }
.pro-category .item .item-wrap::before, .pro-category .item .item-wrap::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; -webkit-transition: transform .3s,opacity .15s; -moz-transition: transform .3s,opacity .15s; -ms-transition: transform .3s,opacity .15s; -o-transition: transform .3s,opacity .15s; transition: transform .3s,opacity .15s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); opacity: 0; }
.pro-category .item .item-wrap::before, .pro-category .item .item-wrap::after { opacity: 1; }
.pro-category .item .item-wrap::before { background-color: rgba(0, 47, 100, 0.5); z-index: 4; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; }
.pro-category .item .item-wrap::after { background-color: rgba(0, 123, 214, 0.8); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; }
.pro-category .item .item-wrap .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; padding: 5%; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #ffffff; }
.pro-category .item .item-wrap .ratio img{width: 100%;}
@media (min-width: 1400px) { .pro-category .item .item-wrap .overlay { padding-top: 8%; } }
.pro-category .item .item-wrap .overlay .overlay-wrap { position: relative; height: 100%;}
.pro-category .item .item-wrap .overlay .item-name { font-size: 24px; color: #ffffff; line-height: 2; }
.pro-category .item .item-wrap .overlay .item-name::before { content: ''; display: block; width: 15px; height: 2px; background-color: #ca0e0f; margin-bottom: 10px; }
@media (min-width: 769px) { .pro-category .item .item-wrap .overlay .item-name::before { margin-bottom: 20px; } }
.pro-category .item .item-wrap .overlay .item-desc { font-size: 14px; line-height: 2; color: #ffffff; }
.pro-category .item .item-wrap .overlay .item-bottom { position: absolute; bottom: 0; width: 100%; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con > p { font-weight: bold; font-size: 18px; line-height: 2; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li { line-height: 46px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i { position: absolute; margin: auto; width: 0; height: 0; top: 0; bottom: 0; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; right: 15px; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::before, .pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::after { content: ''; display: block; width: 10px; height: 1px; background-color: CurrentColor; position: absolute; margin: auto; transform-origin: right; top: 0; bottom: 0; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li a { display: block; color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover { border-bottom-color: rgba(255, 255, 255, 0.8); }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover i { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover a { color: #c0e45a; }
.pro-category .item:hover .item-wrap .item-head { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.pro-category .item:hover .item-wrap::before, .pro-category .item:hover .item-wrap::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.pro-category .item:hover .item-wrap::before { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; }
.pro-category .item:hover .item-wrap::after { -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; }
.pro-category .item:hover .item-wrap .overlay { opacity: 1; }
.pro-category .item:hover .item-wrap .overlay .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.pro-category .item:hover .item-wrap .overlay .animated.item-name, .pro-category .item:hover .item-wrap .overlay .animated.item-desc { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@media screen and (max-width:768px) {
	.pro-category .item .item-wrap .item-head .item-name,.pro-category .item .item-wrap .overlay .item-name{font-size: 18px;}
	.pro-category .item .item-wrap .item-head .item-name::before{margin-bottom: 10px;}
}


.anli-wrap{background: url(../images/anli-bg.jpg) no-repeat center/cover;}
.anli-wrap .box{margin: 0 120px;}
#anli .swiper-container {
      width: 100%;
      height: 100%;
    }
#anli .swiper-wrapper{
  /* 通过改变animation-timing-function 制作弹性切换效果 */
		transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
	}
#anli .swiper-pagination{display: none;}
/**/
.a_list{ height: 143px; overflow: hidden;}
.a_list ul li{ float: left; text-align: center; width: 14.2%; line-height: 100%;min-width: 60px;}
.a_list ul li:nth-of-type(odd) {animation: fadeInLeft 1s ease-out backwards; }
.a_list ul li:nth-of-type(even) {animation: fadeInLeft 1.5s ease-out backwards; }
.a_list ul li a{ display: block;}
.a_list ul li a span{ display: block; height: 75px;transition: all 0.2s;}
.a_list ul li a i{ display: block; line-height: 100%; font-size: 20px; color: #fff; padding-bottom: 25px;font-style: normal;}
.a_list ul li a:hover{background:url(../images/c_cur.png) no-repeat center bottom;}
.a_list ul li:hover a span{   animation-duration: 1.5s; animation-name: flipInX;}
.anli-box{background-color: #fff;animation: backInUp 1s ease-out backwards; }
.a_on1{ position: relative; margin-bottom: 20px;}
.a_uu,.a_dd{opacity: 0.3;}
.a_uu:not(.swiper-button-disabled):hover,.a_dd:not(.swiper-button-disabled):hover{
	opacity: 1;}
.a_uu{ position: absolute; cursor: pointer; top: 242px; left: -116px;}
.a_dd{ position: absolute; cursor: pointer; top: 242px; right: -116px;}
.a_on1 ul li{ overflow: hidden;}
.a_on1 ul li b{ display: block; overflow: hidden; font-size: 0; line-height: 0; float: left; width: 60%;}
.a_on1 ul li b .imgbox{padding-bottom: 60%;}
.a_on1 ul li em{ display: inline-block; float: right; width: 37%; padding: 5.7% 5.3% 0 0;}
.a_on1 ul li em i a{ display:block; line-height: 100%; color: #333333; font-size: 22px;font-weight: bold;font-style: normal;}
.a_on1 ul li em i{ display: block; padding-bottom: 25px;background:url(../images/c_cline.jpg) no-repeat 0 bottom; margin-bottom: 14px;}
.c_tex{ font-size: 15px; color: #333333; line-height: 28px; height: 225px;}
.a_on1 ul li span a{ display: inline-block; float: left;background:url(../images/c_btn1.png) no-repeat ; margin-right: 2%;width: 49%; max-width: 133px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; transition: all 0.2s;}
.a_on1 ul li span a:last-of-type{background:url(../images/c_btn2.png) no-repeat ;margin-right: 0;}
.a_on1 ul li span a:hover{ letter-spacing: 3px;}

.a_on2{ margin-left: 34px;margin-right: 34px;padding-bottom: 34px;}
.a_uu1{ position: absolute; cursor: pointer; top: 53px; left: -26px; z-index:5;}
.a_dd1{ position: absolute; cursor: pointer; top: 53px; right: -26px; z-index: 5;}
.a_on2 ul li{ float: left; width: 277px; margin-right: 6px; font-size: 0; line-height: 0; position: relative; overflow: hidden;}
.a_on2 ul li .imgbox{padding-bottom: 56%;}
.a_on2 ul li i{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 16px;font-style: normal; height: 38px; line-height: 38px; color: #fff; background: rgba(41,55,135,0.6); text-align: center;}
/**/

@media screen and (max-width:1480px) {
	.c_tex{height: auto;margin-bottom: 10px;}
}
@media screen and (max-width:1024px){
	.anli-wrap .box{margin: 0;}
	.a_on1 ul li span a{font-size: 14px;}
	.a_list ul li a i{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.a_list{overflow-x: auto;height: auto;}
	.a_list ul{width: max-content;}
	.a_list ul li a span{height: 12vw;}
	.a_list ul li a span img{height: 10vw;}
	.a_on1{margin-bottom: 0;}
	.a_on1 ul li b,.a_on1 ul li em{float: none;width: auto;}
	.a_on1 ul li em{padding: 5% 5%;}
	.a_on2{display: none;}
	#anli .swiper-wrapper{
	  /* 通过改变animation-timing-function 制作弹性切换效果 */
			transition: inherit;
		}
	#anli .swiper-pagination{display: block;}
	
}

.spot-con { margin-top: 35px; overflow: hidden;}
.spot-con .box{display: flex; justify-content: space-between;padding: 0 3%;}
.spot-con .item {width: 14%; height:auto;padding-bottom: 5%; border-radius: 100px; background: #f6f6f6;}
.spot-con .item:nth-of-type(odd) { animation: fadeInUp 1s ease-out backwards;}
.spot-con .item:nth-of-type(even) { animation: fadeInDown 1s ease-out backwards;}
.spot-con .item:last-of-type { margin-right: 0;}
.spot-con .item span {display: block; margin: 7% auto 0; width: 86%; font-size: 0; border-radius: 50%; overflow: hidden;}
.spot-con .item span img { width: 100%;}
.spot-con .item h2  { font-size: 26px; color: #222; margin-top: 39px; text-align: center;}
.spot-con .item p {margin: 20px auto 0;width: 77%;font-size: 16px;color: #222;line-height: 1.5;text-align: center;}
.spot-con .item:hover { background: #002f7b;}
.spot-con .item:hover h2,.spot-con .item:hover p  { color: #fff;}
.spot-con .item:hover span{   animation-duration: 2s; animation-name: rotateIn;}
.spot-con .item{}
@media screen and (max-width:1480px) {
	.spot-con .item{width: 15.5%;}
}
@media screen and (max-width:1024px) {
	.spot-con{overflow-x: auto;}
	.spot-con .box{padding: 0;width: max-content;}
	.spot-con .item{min-width: 110px;width: 15.5vw;margin: 0 5px;}
	.spot-con .item h2{font-size: 18px;margin-top: 3vw;}
	.spot-con .item p{margin-top: 1.6vw;font-size: 14px;}
}


.process-con { margin-top: 5.5%; overflow: hidden; }
.process-con .box{position: relative;display: flex;justify-content: space-between;margin: 0 3%;}
.process-con .box:after { content: ''; display: block; position: absolute; z-index: 0; left: 2.5%; top:61px; width: 95%; height: 1px; border-bottom: 1px dashed #666;}
.process-con .item {position: relative;z-index: 1;text-align:center; width: 122px; height: 132px;}
.process-con .item:nth-of-type(odd) {animation: fadeInLeft 1s ease-out backwards; }
.process-con .item:nth-of-type(even) {animation: fadeInLeft 1.5s ease-out backwards; }
.process-con .item:last-of-type { margin-right: 0;}
.process-con .item div{position: absolute;background: url("../images/process-bg.png") no-repeat center;background-size: contain;width: 100%;height: 100%;}
.process-con .item img { width: 40px; margin-top: 28px;}
.process-con .item p { font-size: 17px; color: #fff; margin-top: 5px;}
.process-con .item:hover div{   animation-duration: 1.5s; animation-name: flipInX;}
@media screen and (max-width:1024px) {
	.process-con{overflow-x: auto;}
	.process-con .box{width: max-content;margin: 0;min-width: 100%;}
	.process-con .box:after{top: 50%;}
	.process-con .item{width: 10vw;height: 11vw;min-width: 90px;min-height: 99px;margin: 0 5px;}
	.process-con .item img{margin-top: 15%;width: 3.6vw;min-width: 39px;}
	.process-con .item p{font-size: 14px;}
}


.brand {background-color: #ededed;overflow: hidden;}
.brand .swiper-container{ overflow: hidden;border-bottom: 1px solid #ededed;border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.brand .swiper-container:first-child{border-top: 1px solid #ededed;}
.brand .swiper-container:nth-of-type(odd) {animation: fadeInRight 2s ease-out backwards; }
.brand .swiper-container:nth-of-type(even) {animation: fadeInLeft 2s ease-out backwards; }
.brand ul li{ font-size: 0; line-height: 0; position: relative; float: left; width: 10%; overflow: hidden;background-color: #fff;}
.brand ul li .box{overflow: hidden;}
.brand ul li .box,.brand ul li img{ width: 100%;}
.brand ul li.flash img{ animation: shakeY 12s linear infinite;}
.brand ul li em{ display: block; width: 100%; text-align: center; top: 41px; color: #fff; line-height: 100%; font-size: 24px; position: absolute;}
.brand ul li em span{ display: block; font-size: 30px; font-weight: bold; margin-bottom: 14px;}

.news-wrap{background: url(../images/newsbg.jpg) center;}
.news_box{width:100%;/* margin:65px auto 0; */}
.news_left{ float:left; width:58.8%;}
.news_tj{ float:left; width:46.5%; height:415px; margin-right:6.4%; background:#fff; transition:all .5s ease;}
.news_tj:nth-child(2){ margin-right:0;}
.news_tj:nth-of-type(odd) {animation: fadeInLeft 1s ease-out backwards; }
.news_tj:nth-of-type(even) {animation: fadeInLeft 1.5s ease-out backwards; }
.news_tj .news_tu{ width:100%; background:#000; overflow:hidden;}
.news_tj .news_tu img{ display:block; width:360px; height:197px; transition:all .5s ease;}
.news_tj .news_con{ padding:20px 15px;}
.news_tj .news_con em{ display:block; font-style:normal; font-size:12px; color:#222222;}
.news_tj .news_con h1{ display:block; font-size:20px; font-weight:bold; color:#222222; line-height:30px; margin-top:10px;overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.news_tj .news_con span{ display:block; font-size:12px; color:#222222; margin-top:5px;}
.news_tj .news_con p{ display:block; font-size:14px; color:#222222; line-height:24px; margin-top:15px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.news_tj:hover{ box-shadow:0 0 12px rgba(51,51,51,0.2);}
.news_tj:hover .news_tu img{ opacity:0.6; transform:scale(1.05);}
.news_tj:hover h1{ color:#214692;}
.news_right{ float:right; width:37.3%; background:#fff; padding:50px 40px;animation: fadeInRight 1.5s ease-out backwards; }
.news_right ul{ display:block; padding-left:30px; background:url(../images/news_bj.png) no-repeat left 5px;}
.news_right ul li{display:block;margin-bottom: 38px;}
.news_right ul li:last-child{ margin-bottom:0;}
.news_right ul li h1{ display:block; font-size:18px; color:#454545; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_right ul li span{ display:block; font-size:14px; color:#8c8c8c; margin-top:8px;}
.news_right ul li:hover h1{ color:#214692;}
@media screen and (max-width:1024px) {
	.news_left,.news_right{float: none;width: auto;}
	.news_right{margin-top: 5%;}
	.news_tj{width: 48%;margin-right: 4%;}
	.news_tj .news_con h1{
		font-size: 18px;
		line-height: 1.6;
	}
}
@media screen and (max-width:768px) {
	.news_right{display: none;}
	.news_tj{width: auto;margin-right: 0;height: auto;margin-bottom: 5%;}
	.news_tj:nth-child(2){margin-bottom: 0;}
	.news_tj .news_tu img{width: 100%;height: auto;}
}