

@charset "utf-8";
/* 鍒濆鍖朇SS */
*{margin:0; padding:0;}
ul, ol{list-style:none;}
li{list-style-type:none;}



/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}




.w1520{width: 80%;margin: 0 auto;max-width: 1520px;width: 90%;}


.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz32{font-size: 32px;}
.fz36{font-size: 36px;}
.fz60{font-size: 60px;}





.iTitle{padding: 72px 0 40px;color: #333333;line-height: 47px;text-align: center;position: relative;left: 1.47;}
.logoBg{position: absolute;right: 0;top:0;}



.isect2 .content{position: relative;}
.isect2 .bg{position: relative;overflow: hidden;}
.isect2 .bg em{display: block;width: 100%;height: 0;padding-bottom: 750px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;-webkit-filter: blur(3px);filter: blur(3px);}
.isect2 .bg em:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/mask1.png) no-repeat center;background-size: cover;}
.isect2:hover .bg .swiper-slide-active em{-webkit-filter: blur(0);filter: blur(0);}
.isect2 .tabs{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;display: flex;overflow: hidden;}
.isect2 .tabs li{flex: 1;height: 100%;position: relative;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;cursor: pointer;position: relative;}
.isect2 .tabs li:before{content: "";position: absolute;left: -1px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}
@keyframes lineMove{
    to{top: 100%;}
}
.isect2 .tabs li:nth-child(1):before{animation-delay: 0s;}
.isect2 .tabs li:nth-child(2):before{animation-delay: 0.2s;}
.isect2 .tabs li:nth-child(3):before{animation-delay: 0.4s;}
.isect2 .tabs li:nth-child(4):before{animation-delay: 0.6s;}
.isect2 .tabs li:nth-child(5):before{animation-delay: 0.8s;}
.isect2 .tabs li:nth-child(6):before{animation-delay: 1.0s;}
.isect2 .tabs li:first-child{border: none;}
.isect2 .tabs li:first-child:before{display: none;}

.isect2 .tabs li a{display: block;width: 100%;height: 100%;position: relative;}
.isect2 .tabs li a .cont{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;color: #fff;transition: all 0.8s ease 0.1s;}
.isect2 .tabs li a .cont .icon{width: 132px;height: 132px;border: 4px solid #ffffff;border-radius: 50%;text-align: center;line-height: 132px;font-size: 0;margin: 0 auto 36px;font-size: 0;}
.isect2 .tabs li a .cont .icon img{width: 100%;height: 100%;border-radius: 50%;}
.isect2 .tabs li a .cont h5{line-height: 30px;font-weight: normal;}
.isect2 .tabs li a .cont .line{display: block;width: 80%;max-width: 260px;margin: 32px auto 40px;height: 1px;background: #fff;opacity: 0.68;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.isect2 .tabs li a .cont p{line-height: 30px;height: 0;overflow: hidden;}
.isect2 .tabs li:hover a .cont{bottom: 48px;}
.isect2 .tabs li:hover a .cont .line{transition: all 0.5s ease 0.55s;transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 0.68;visibility: visible;}
.isect2 .tabs li:hover a .cont p{height: 60px;}

@media screen and (max-width: 760px){



.isect2 .tabs{display: block;}
.isect2 .tabs li{width: 33.33%;float: left;height: 50%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.2);overflow: hidden;}
.isect2 .tabs li:first-child{border-bottom: 1px solid rgba(255,255,255,0.2);}
.isect2 .tabs li a .cont{bottom: auto;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);padding: 0 5px;}
.isect2 .tabs li a .cont .line,.isect2 .tabs li a .cont p{display: none;}
.isect2 .tabs li a .cont h5{font-size: 16px;}





.isect2 .bg em{padding-bottom: 400px;}
.isect2 .tabs li a .cont .icon{width: 66px;height: 66px;line-height: 66px;}



