
.HomeIndustry .bg1{background: url(../images/home_probg3.jpg) no-repeat right top/cover;overflow: hidden;padding-top: 5vw;}
.HomeIndustry .TitHead {display: flex;margin-bottom: 2.6vw;align-items: center;}
.HomeIndustry .TitHead .desc{padding: 0 0 0 1.82vw;max-width: 7.8rem;}
.HomeIndustry .content{min-height: 41.7vw;position: relative;background: #5a6a81;padding: 6vw 0 0 0;/*overflow: hidden;*/}
.HomeIndustry .TabNav{position: relative;z-index: 20;bottom: -2vw;}
.HomeIndustry .slick-list{overflow: visible;}
.HomeIndustry .TabNav ul{padding: 0 2.8vw;}
.HomeIndustry .TabNav .line{position: absolute;left: 0;bottom: 0.5rem;width: 100%;}
.HomeIndustry .TabNav li{text-align: center;color: #fff;font-weight: bold;position: relative;z-index: 10;cursor: pointer;}
.HomeIndustry .TabNav .icon{width: 5.2vw;height: 5.2vw;line-height:5.2vw;border-radius: 50%;background: #014095;margin: 0px auto 0.18rem;position: relative;transition: all 0.5s;}
.HomeIndustry .TabNav .icon:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border: 1px dashed #fff;content: "";border-radius: 50%;}
.HomeIndustry .TabNav .icon img{display: inline-block;vertical-align: top;}
.HomeIndustry .TabNav aside{padding-bottom: 0.6rem;position: relative;}
.HomeIndustry .TabNav .dot{width: 0.4rem;height: 0.4rem;position: absolute;transform: translateX(-50%);bottom: 0;left: 50%;transition: all 0.5s;}
.HomeIndustry .TabNav .dot i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background: #fff;width: 0.1rem;height: 0.1rem;z-index: 3;}
.HomeIndustry .TabNav .dot:after,.HomeIndustry .TabNav .dot:before{position: absolute;left: 0;top: 0;border-radius: 50%;content: "";}
.HomeIndustry .TabNav .dot:after{width: 100%;height: 100%;background: rgba(255,255,255,0.5);
	-webkit-animation: guang 1.2s ease-out;
	-moz-animation: guang 1.2s ease-out;
	animation: guang 1.2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.HomeIndustry .TabNav .dot:before{width: 70%;height: 70%;left:15%;top:15%;border: 1px solid rgba(255,255,255,0.5);z-index: 2;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}

.HomeIndustry .TabNav li:hover .dot{transform: translateX(-50%) scale(1.5);}
.HomeIndustry .TabNav li.slick-current .dot{width: 0.5rem;height: 0.5rem;}
.HomeIndustry .TabNav li.slick-current .dot:after,.HomeIndustry .TabNav li:hover .dot:after{background: rgba(1,64,149,0.1);
	-webkit-animation: no 1s ease-out;-moz-animation: no 1s ease-out;animation: no 1s ease-out;}
.HomeIndustry .TabNav li.slick-current .dot:before,.HomeIndustry .TabNav li:hover .dot:before{background: rgba(1,64,149,0.8);border: 0;
		-webkit-animation: no 1s ease-out;-moz-animation: no 1s ease-out;animation: no 1s ease-out;}
.HomeIndustry .TabNav li.slick-current .icon{transform: scale(1) rotate(360deg);opacity: 1;}

.HomeIndustry .totalNum{position: relative;z-index: 10;line-height: 0.64rem;color: #fff;}
.HomeIndustry .totalNum .dots{width: 0.7rem;}
.HomeIndustry .totalNum .total{font-size: 0.32rem;opacity: 0.25;margin-left: 0.05rem;}
.HomeIndustry .totalNum .total em{font-weight: bold;}
.HomeIndustry .TabCon{color: #fff;position: relative;z-index: 10;}
.HomeIndustry .TabCon .imgbox{display: none;}
.HomeIndustry .TabCon .item:nth-child(1) .info:before{content: "01";}
.HomeIndustry .TabCon .item:nth-child(2) .info:before{content: "02";}
.HomeIndustry .TabCon .item:nth-child(3) .info:before{content: "03";}
.HomeIndustry .TabCon .item:nth-child(4) .info:before{content: "04";}
.HomeIndustry .TabCon .item:nth-child(5) .info:before{content: "05";}
.HomeIndustry .TabCon .item:nth-child(6) .info:before{content: "06";}

.HomeIndustry .info{position: relative;z-index: 10;}
.HomeIndustry .info:before{position: absolute;left: 0;top: -0.5rem;font-size: 0.5rem;font-weight: bold;}
.HomeIndustry .info .more{position: absolute;right: 0;bottom: 0;}
.HomeIndustry .info .title{line-height: 1.69;font-size: 2.7vw;}
.HomeIndustry .info .tag{max-width: 13rem;}
.HomeIndustry .info .tag a{min-width: 1.2rem;text-align: center;line-height: 0.34rem;padding: 0 0.2rem;margin: 5px 5px 0 0;border: 1px solid rgba(255,255,255,0.2);border-radius: 0.34rem;display: inline-block;color: #014095;background-color: rgba(255,255,255,0.9);}
.HomeIndustry .info .tag a:hover{border: 1px solid #014095;background: #014095;color: #fff;}

.HomeIndustry .TabCon .slick-current .title{animation:fadeInUpSmall 0.5s .3s ease both;-webkit-animation:fadeInUpSmall 0.5s .3s ease both;-moz-animation:fadeInUpSmall 0.5s .3s ease both;}
.HomeIndustry .TabCon .slick-current .tag{animation:fadeInUpSmall 0.5s .5s ease both;-webkit-animation:fadeInUpSmall 0.5s .5s ease both;-moz-animation:fadeInUpSmall 0.5s .5s ease both;}

.HomeIndustry .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;display: ;}
.HomeIndustry .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background: url(../images/hy_maskbg.png);}
.HomeIndustry .TabImg{width: 100%;height: 100%;left: 0;top: 0;position: absolute;overflow: hidden;}
.HomeIndustry .TabImg .item{position: relative;}
.HomeIndustry .TabImg .slider,.HomeIndustry .TabImg .slick-list,.HomeIndustry .TabImg .slick-track{height: 100%;}
.HomeIndustry .TabImg .slick-current .imgbox{animation:fadeInfilter 0.5s .1s ease both;-webkit-animation:fadeInfilter 0.5s .1s ease both;-moz-animation:fadeInfilter 0.5s .1s ease both;}

@media(min-width:1025px){
	.HomeIndustry .imgbox img{object-fit: fill;}
	.HomeIndustry.active .TitHead{animation:fadeInUp 0.4s .5s ease both;-webkit-animation:fadeInUp 0.5s .5s ease both;-moz-animation:fadeInUp 0.4s .5s ease both;}
.HomeIndustry.active .line{animation:fadeInUp 0.5s .5s ease both;-webkit-animation:fadeInUp 0.5s .5s ease both;-moz-animation:fadeInUp 0.5s .5s ease both;}
.HomeIndustry.active .TabNav li{animation:fadeInUpSmall 0.5s .6s ease both;-webkit-animation:fadeInUpSmall 0.5s .6s ease both;-moz-animation:fadeInUpSmall 0.5s .6s ease both;}
.HomeIndustry.active .pointTop{animation:zoomIn 0.5s .5s ease both;-webkit-animation:zoomIn 0.5s .5s ease both;-moz-animation:zoomIn 0.5s .5s ease both;}
.HomeIndustry.active .TabImg .item .imgbox img{animation:fadeInfilter 0.5s .5s ease both;-webkit-animation:fadeInfilter 0.5s .5s ease both;-moz-animation:fadeInfilter 0.5s .5s ease both;}
}
@media(min-width:769px){
	.HomeIndustry .TabNav li:nth-child(2n+2) .icon{margin-bottom: 0.3rem;}
	.HomeIndustry .TabNav li:nth-child(2n+2) aside{padding: 0.5rem 0 0;}
	.HomeIndustry .TabNav li:nth-child(2n+2) .dot{bottom: auto;top: 0;}
	
	.HomeIndustry .TabNav li:nth-child(1) {margin-top: -1.5vw;}
	.HomeIndustry .TabNav li:nth-child(2) {padding-top: 3.65vw;}
	.HomeIndustry .TabNav li:nth-child(3) {padding-top: 2.2vw;}
	.HomeIndustry .TabNav li:nth-child(4) {padding-top: 2.03vw;}
	.HomeIndustry .TabNav li:nth-child(5) {padding-top: 2.2vw;}
	.HomeIndustry .TabNav li:nth-child(6) {padding-top: 5.98vw;}
	.HomeIndustry .TabNav li:nth-child(6) aside{transform: translateY(0.5vw);}

	.HomeIndustry .TabNav .icon{transform: scale(0);opacity: 0;}
}
@media(max-width:1536px) and (min-width:1025px){
	.HomeIndustry .content{padding-top:2.2vw;}
	.HomeIndustry .TabCon .item:nth-child(2) .tag{max-width: 6rem;}
	.HomeIndustry .TabCon .item:nth-child(3) .tag{max-width: 7.3rem;}
	.HomeIndustry .TabCon .item:nth-child(5) .tag{max-width: 6rem;}
}
@media(max-width:1366px){
	.HomeIndustry .TabNav{bottom: -1vw;}
	.HomeIndustry .TabCon{top: -1.5vw;}
}
@media(max-width:1024px){
	.HomeIndustry .TitHead{display: block;}
	.TitHead{    position: relative;
    margin-bottom: 50px !important;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
	.HomeIndustry .TitHead .desc{padding: 0 0 0.15rem 0;max-width: none;}
	.HomeIndustry .content{padding-top: 2vw;min-height: 65vw;}
}
@media(max-width:768px){
	.HomeIndustry .TabNav{bottom: auto;}
	.TitHead{    position: relative;
    margin-bottom: 50px !important;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
	.HomeIndustry .TabNav li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
	.HomeIndustry .TabCon{display: none !important;}

	.HomeIndustry .TabNav{display: flex;flex-wrap: wrap;padding: 0.8rem 0 0.5rem;}
	.HomeIndustry .TabNav li{width: 33.333% !important;padding-bottom: 0.5rem;}
	.HomeIndustry .TabNav aside{padding-bottom: 0;font-weight: normal;}
	.HomeIndustry .TabNav .dot{display: none;}
	.HomeIndustry .TabNav .line{display: none;}
	.HomeIndustry .TabNav .icon{width: 1rem;height: 1rem;}
}



.TitHead{position: relative;margin-bottom: 2.08vw;display: -webkit-box;
            -webkit-box-pack:center;
            -webkit-box-align: center;}
.TitHead h2{line-height: 1.36;font-size: 2.7vw;color: #142233;}
.TitHead h2 span{color: #00479d;}
.TitHead .slogan{font-size: 0.4rem;padding-top: 0.12rem;line-height: 1.25;}
.TitHead .desc{color: #142233;}
.TitHead .more{position: absolute;top: 0.1rem;}
.TitHead.white h2,.TitHead.white .desc,.TitHead.white .slogan{color: #fff;}
.TitHead .TabNav{padding-top: 0.37rem;}
.TitHead .TabNav li{cursor: pointer;}
.TitHead .TabNav li:not(:last-child){padding-right: 0.21rem;}
.TitHead .TabNav li span{display: inline-block;width: 0.38rem;vertical-align: middle;}
.TitHead .TabNav li span:after{content: "";display: inline-block;width: 0;height: 3px;background: #00479d;transition: all 0.5s;vertical-align: middle;margin-top: -3px;}
.TitHead .TabNav li.on span:after{width: 0.22rem;}
.TitHead .TabNav li.on{color:#00479d;}


.moreBtn{display: inline-block;transition: all 0.3s;width: 1.95rem;line-height: 0.56rem;color:#fff;position: relative;overflow: hidden;text-align: center;border: 2px solid #fff;}
.moreBtn em{position: relative;z-index: 1;display: inline-block;}
.moreBtn em:after{display: inline-block;margin-left: 0.18rem;width: 17px;height: 8px;content: "";background: url(../images/arr_more_white.svg) right center no-repeat;position: relative;z-index: 1;transition: all 0.5s;}
.moreBtn em:before{display: inline-block;width: 0;height: 8px;content: "";background: url(../images/arr_more_white.svg) right center no-repeat;position: relative;z-index: 1;transition: all 0.5s;}
.moreBtn:before{left: 0;bottom: -200%;position: absolute;content: "";width: 200%;height: 200%;transition: all 0.5s 0.1s;background: #00479d;}
.moreBtn:hover,.moreBtn.blue{color: #fff;border: 2px solid #00479d;}
.moreBtn:hover em:after,.moreBtn.blue em:after{width: 0;margin: 0;}
.moreBtn:hover em:before,.moreBtn.blue em:before{width: 17px;margin-right: 0.18rem;}
.moreBtn:hover:before,.moreBtn.blue:before{bottom:0%;width: 120%;height: 120%;}
.moreBtn.auto{display: block;margin: 0px auto;}
.moreBtn.on em:before{transform: rotate(90deg);}

.btns{width: 1.65rem;height: 0.48rem;line-height: 0.48rem;text-align: center;color: #fff;border-radius: 0.48rem;transition: all 0.3s;display: inline-block;}
.btns.blue{background: #00479d;}
.btns.orange{background: #b39270;}
.btns:hover{transform: translateY(-2px);color: #fff;}

.more{color: #5a6470;transition: all 0.5s;}
.more:after{display: inline-block;margin-left: 0.18rem;width: 17px;height: 8px;content: "";background: url(../images/arr_more_gray.svg) right center no-repeat;position: relative;z-index: 1;transition: all 0.5s;}
.more:before{display: inline-block;width: 0;height: 8px;content: "";background: url(../images/arr_more_blue.svg) right center no-repeat;position: relative;z-index: 1;transition: all 0.5s;}
.more:hover:after,dd:hover .more:after,.item:hover .more:after{width: 0;margin: 0;}
.more:hover:before,dd:hover .more:before,.item:hover .more:before{width: 17px;margin-right: 0.18rem;}
.more:hover,dd:hover .more{color: #00479d;}
.more.btn{    width: 12.5rem;
    height: 3.5rem;
    line-height: 3.2rem;text-align: center;background:#00479d;color: #fff;border: 2px solid #00479d;border-radius: 2.5rem;transition: all 0.3s;display: inline-block;    font-size: 17px;}
.more.btn:after{background: url(../images/arr_more_blue.svg) right center no-repeat;}
.more.btn:before{background: url(../images/arr_more_blue.svg) right center no-repeat;}
.more.white{color: #fff;}
.more.white:after{background: url(../images/arr_more_white.svg) right center no-repeat !important;}
.more.white:before{background: url(../images/arr_more_white.svg) right center no-repeat !important;}
.more.whiteline{background-color: transparent;border: 2px solid #fff;}
.more.whiteline:hover{background:#00479d;border: 2px solid #00479d;}
.more.whiteline.btn:after{background: url(../images/arr_more_white.svg) right center no-repeat;}
.more.whiteline.btn:before{background: url(../images/arr_more_white.svg) right center no-repeat;}

.more.blueline{background-color: transparent;border: 2px solid #00479d;color: #00479d;}
.more.blueline:hover{background:#00479d;border: 2px solid #00479d;color: #fff;}
.more.blueline.btn:hover:before{background: url(../images/arr_more_white.svg) right center no-repeat;}

@media(max-width:640px){
	.moreBtn{height: 35px;line-height: 31px;width: 100px;font-size: 14px;}
	.moreBtn:after{width: 20px;margin-left: 0.1rem;}

	.btns,.more.btn{    width: 130px;
    height: 32px;
    line-height: 26px;
    font-size: 14px;
    /* margin-top: -20px; */
    /* text-align: center; */
    display: -webkit-box;
            -webkit-box-pack:center;
            -webkit-box-align: center;}
}


/*pages*/
.Pages{clear: both;text-align: center;line-height: 0.48rem;position: relative;color: #666666;padding-top: 0.45rem;}
.Pages a{display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;color:#666666;border:1px solid #cfcfcf;margin:0 0.13rem;border-radius: 50%;}
.Pages a:hover,.Pages a.a_cur{color:#fff;background-color:#014095;border: 1px solid;border-color: #014095;}
.Pages .arr {color: #919191;}
.Pages .jump {padding-left: 0.08rem;}
.Pages .text {width: 0.5rem;height: 0.5rem;line-height: 0.48rem;text-align: center;border: 1px solid #e0e0e0;margin: 0 0.1rem;}
.Pages .go {width: 0.5rem;height: 0.5rem;color: #fff;background: #a37955;margin-left: 0.1rem;padding: 0;}
.Pages .go:hover {background: #004898;}

.Pages2{clear: both;text-align: center;line-height: 0.36rem;position: relative;color: #666666;padding-top: 0.7rem;}
.Pages2 a{display: inline-block;vertical-align: middle;width: 0.4rem;height: 0.4rem;color:#666666;border:2px solid #00479d;margin:0 0.13rem;border-radius: 50%;}
.Pages2 a:hover,.Pages2 a.a_cur{color:#fff;background-color:#014095;border: 1px solid;border-color: #014095;}
.Pages2 .arr {color: #919191;margin: 0 0.2rem;position: relative;overflow: hidden;}
.Pages2 .arr:after,.Pages2 .arr:before{width: 17px;height: 8px;content: "";background-repeat:no-repeat;background-position:center center;position: relative;z-index: 1;transition: all 0.5s;position: absolute;top:50%;margin-top: -4px;}
.Pages2 .arr.a_prev:before{background-image: url(../images/arr_left.svg);left: 50%;margin-left: -8px;}
.Pages2 .arr:hover.a_prev:before{left: 0;}
.Pages2 .arr:hover.a_prev:after{background-image: url(../images/arr_left01.svg);left: 50%;margin-left: -8px;}
.Pages2 .arr.a_next:before{background-image: url(../images/arr_right.svg);right: 50%;margin-right: -8px;}
.Pages2 .arr:hover.a_next:before{right: 0;}
.Pages2 .arr:hover.a_next:after{background-image: url(../images/arr_right01.svg);right: 50%;margin-right: -8px;}
.Pages2 .arr:hover{background: #00479d;}

@media ( max-width:640px){
.Pages{line-height: 24px;}
.Pages a,.Pages2 a,.Pages .text{width: 26px;height: 26px;}
.Pages .go{width: 26px;height: 26px;}
.Pages a{margin: 0 2px;}
.Pages .iconfont{vertical-align: top;}
}
/*pages end*/