header .headRight {overflow: inherit !important;} 
/* header .headRight .pcNav{display: none;}
header .headRight .pcNav.show{display: flex;} */
/*header .headRight .pcNav.nav-1st{display: flex;transform:translateY(-100%)}
header:hover .headRight .pcNav {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
header .headRight .pcNav.nav-1st > li{margin-left: 1.5rem;position: relative;}
header .headRight .pcNav.nav-1st > li > a{position: relative;display: block;font-size: 0.6rem;line-height: 2.66rem;color: #fff;transition: 0.6s;font-weight: 500;}
 header .headRight .pcNav.nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom:0;height: 4px;background:#027231;transform: scaleX(0);transform-origin: right bottom;transition: transform .3s ease-in-out;}
header .headRight .pcNav.nav-1st > li:hover > a:after{transform: scaleX(1);transform-origin: left bottom;}
header .headRight .pcNav.nav-1st > li.active > a,header .headRight .pcNav.nav-1st > li:hover > a{color: #fff;font-weight: bold;}
/* header .headRight .pcNav.nav-1st > li.on > a:after{transform: scaleX(1);} 
header .headRight .pcNav.nav-1st > li .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 200px;padding: 8px 0;background-color: rgba(0,0,0,.2);border-radius: 4px;transform: translateX(-50%);}
header .headRight .pcNav.nav-1st > li .nav-2nd > li{position: relative;}
header .headRight .pcNav.nav-1st > li .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 1.4;text-align: center;color: #fff;font-size: 0.6rem;}
header .headRight .pcNav.nav-1st > li .nav-2nd > li > a:hover{background: rgba(0,0,0,0.5);}
header .headRight .pcNav.nav-1st > li:nth-child(4) .nav-2nd{min-width:300px ;}
 */
 .menu{margin-right: 2.66rem;    transform: translateY(-100%);       transition: 0.6s ease;    opacity: 0;    visibility: hidden;}
header:hover .headRight .menu {	    opacity: 1;	    transform: translateY(0);	    visibility: visible;	}
.menu > li:nth-child(4) .submenu{min-width:300px ;}
.menu {display: flex;			}
.menu>li {display: block;float: left;position: relative;margin-left: 1.5rem;			}
.menu>li>a{font-weight: bold;}
.menu a {color: #fff;display: block;font-size: 0.6rem;line-height: 2.66rem;text-decoration: none;text-transform: uppercase;}
.submenu li:hover {background: rgba(0,0,0,0.5);			}
.submenu {left: 50%;transform: translateX(-50%);max-height: 0;position: absolute;top: 100%;z-index: 0;min-width: 200px;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;			}
.submenu li {text-align: center;
font-size: 0.6rem;line-height: 2.66rem;
opacity: 0;
background: rgba(0,0,0,0.2);
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transition: opacity .4s, -webkit-transform .5s;
-moz-transition: opacity .4s, -moz-transform .5s;
-ms-transition: opacity .4s, -ms-transform .5s;
-o-transition: opacity .4s, -o-transform .5s;
transition: opacity .4s, transform .5s;
			}
			.submenu li a{line-height: 1.66rem;color: #fff;}
			.menu .submenu li:hover a {
				border-radius: 0;
				color: #ffffff;
			}

			.menu>li:hover .submenu,
			.menu>li:focus .submenu {
				max-height: 2000px;
				z-index: 10;
			}

			.menu>li:hover .submenu li,
			.menu>li:focus .submenu li {
				opacity: 1;
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				-o-transform: none;
				transform: none;
			}

			/* CSS3 delays for transition effects */
			.menu li:hover .submenu li:nth-child(1) {
				-webkit-transition-delay: 0s;
				-moz-transition-delay: 0s;
				-ms-transition-delay: 0s;
				-o-transition-delay: 0s;
				transition-delay: 0s;
			}

			.menu li:hover .submenu li:nth-child(2) {
				-webkit-transition-delay: 50ms;
				-moz-transition-delay: 50ms;
				-ms-transition-delay: 50ms;
				-o-transition-delay: 50ms;
				transition-delay: 50ms;
			}

			.menu li:hover .submenu li:nth-child(3) {
				-webkit-transition-delay: 100ms;
				-moz-transition-delay: 100ms;
				-ms-transition-delay: 100ms;
				-o-transition-delay: 100ms;
				transition-delay: 100ms;
			}

			.menu li:hover .submenu li:nth-child(4) {
				-webkit-transition-delay: 150ms;
				-moz-transition-delay: 150ms;
				-ms-transition-delay: 150ms;
				-o-transition-delay: 150ms;
				transition-delay: 150ms;
			}

			.menu li:hover .submenu li:nth-child(5) {
				-webkit-transition-delay: 200ms;
				-moz-transition-delay: 200ms;
				-ms-transition-delay: 200ms;
				-o-transition-delay: 200ms;
				transition-delay: 200ms;
			}

			.submenu li:nth-child(1) {
				-webkit-transition-delay: 350ms;
				-moz-transition-delay: 350ms;
				-ms-transition-delay: 350ms;
				-o-transition-delay: 350ms;
				transition-delay: 350ms;
			}

			.submenu li:nth-child(2) {
				-webkit-transition-delay: 300ms;
				-moz-transition-delay: 300ms;
				-ms-transition-delay: 300ms;
				-o-transition-delay: 300ms;
				transition-delay: 300ms;
			}

			.submenu li:nth-child(3) {
				-webkit-transition-delay: 250ms;
				-moz-transition-delay: 250ms;
				-ms-transition-delay: 250ms;
				-o-transition-delay: 250ms;
				transition-delay: 250ms;
			}

			.submenu li:nth-child(4) {
				-webkit-transition-delay: 200ms;
				-moz-transition-delay: 200ms;
				-ms-transition-delay: 200ms;
				-o-transition-delay: 200ms;
				transition-delay: 200ms;
			}

			.submenu li:nth-child(5) {
				-webkit-transition-delay: 150ms;
				-moz-transition-delay: 150ms;
				-ms-transition-delay: 150ms;
				-o-transition-delay: 150ms;
				transition-delay: 150ms;
			}
/* end */
 
 
.index-container{height: 100vh;width: 100%;}
.index-container > .swiper-wrapper > .swiper-slide{height: 100vh !important;overflow: hidden;}
.index-container > .swiper-pagination{right: auto !important;left: -30px;transition: 0.3s;transform: none !important;width: auto !important;display: none;}
.index-container > .swiper-pagination > .swiper-pagination-bullet{margin: 24px 0 0  !important;position: relative;}
.index-container > .swiper-pagination > .swiper-pagination-bullet::before{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #539BFF;box-sizing: border-box;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);content: '';position: absolute;}
.index-container > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform: translate(-50%,-50%) scale(1);}
.index-container > .swiper-pagination > .swiper-pagination-bullet{background: #539BFF;opacity: 1;}
.index-container > .swiper-pagination.show{left: 20px !important;}
.index-container > .swiper-wrapper > .swiper-slide.footer{height: auto !important; box-sizing: border-box;background:#222222;border-top: 5px solid #AC7F4A;box-sizing: border-box;}

/* banner */
.banner{height: 100vh;width: 100%;}
.banner .pic{height: 100vh;width: 100%;}
.banner .pic video{width: 100%;position: absolute;left: 0;top: 0;}
.banner .pic .videotxt{position: absolute;width: 33.22%;left: 50%;transform: translateX(-50%);top:42%;opacity: 0;z-index: 2;transition: 0.56s ease-in-out}
.banner .btn{width: 1.6rem;height: 1.6rem;cursor: pointer;box-sizing: border-box;position: relative;}
.banner .btn img{width: 0.7rem;}
.banner .swiper-slide.swiper-slide-active .pic .videotxt{top: 32%;opacity: 1;}

.banBigtab{position: absolute;bottom: 5rem;display: flex;justify-content: center;z-index: 2;left: 0;width: 100%;align-items: center;}
.banBigtab .BanBigpagination span{border-radius: 0;width: 2.33rem;height: 4px;margin: 0 0.2rem;opacity: 1;background: transparent !important;position: relative;}
.banBigtab .BanBigpagination span::before{width: 100%;height: 100%;opacity: 0.6;background: #fff;left: 0;top: 0;position: absolute;content: '';}
.banBigtab .BanBigpagination span::after{content: '';position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 4px;transition: 6.3s;}
.banBigtab .BanBigpagination{display: inline-flex;}
.banBigtab .BanBigpagination span.swiper-pagination-bullet-active::after{width: 100%;}

.banywSwiper{width: 100%;height: 100vh;}
.banywSwiper .swiper-slide .img{width: 100%;height: 100%;}
.banywSwiper .swiper-slide .img img{object-fit: inherit;transform: inherit;left: 0;top: 0;height: 100%;}
.banywSwiper .swiper-slide .text{background: rgba(255,255,255,0.4);backdrop-filter: blur(30px);padding: .66rem 1.66rem 2rem;position: absolute;width: 35%;right: 8%;top: 10rem;box-sizing: border-box;border-radius: 0.2rem;}
.banywSwiper .swiper-slide .text .title{padding: 1rem 0;font-weight: bold;border-bottom: 1px solid rgba(0,0,0,0.22);line-height: 1;}
.banywSwiper .swiper-slide .text .intel{line-height: 1rem;margin-top: 1rem;}
.banywSwiper .swiper-slide .text .more{border: 1px solid #E60012;border-radius: 0.8rem;width: 5.33rem;line-height: 1.6rem;padding: 0 0.5rem; color: #E60012;display: block;box-sizing: border-box;margin-top: 1rem;}
.banywSwiper .swiper-slide .text .more i{padding-right: 1.6rem;display: block;}
.banywSwiper .swiper-slide .text .more i::after{width: 0.66rem;height: 0.66rem;background: url(../imageIndex/yrmore.svg) right center no-repeat;right: 0;top: 50%;transform: translateY(-50%);}
.banywSwiper .swiper-slide .text .more:hover i{filter: brightness(0) invert(1);}
.banywSwiper .swiper-slide .text .more:hover{background: #E60012;}
.banywSwiper .banywSwiperpagination{position: absolute;display: flex;justify-content: center;z-index: 2;bottom: auto !important;top: 28%;}
.banywSwiper .banywSwiperpagination .swiper-pagination-bullet{background: #fff;border-radius: 0;width: 2.66rem;height: 4px;color: #fff;text-align: center;}
.banywSwiper .banywSwiperpagination .swiper-pagination-bullet i{display: inline-block;padding-top: 0.5rem;}

.yebox{position: absolute;top: 2.66rem;background: rgba(255,255,255,.05);backdrop-filter: blur(10px);padding: 1.05% 8.3%;z-index: 3;width: 100%;box-sizing: border-box;}
.yebox .titleName .cn{position: absolute;color: #fff;left: 0;bottom:0;font-weight: bold;}
.yebox .titleName .cn:after{content:'';position:absolute;left:100%;width:1rem;height:1rem;left:107%;top:26%;background:url(../images/ywicogo.svg) center no-repeat;transition:0.3s}
.yebox .titleName .en{font-family: "Oswald-Bold";font-size: 4.8rem;line-height: 4.8rem;color: #fff;opacity: 0.06;}
.yebox .titleName{position: relative;}
.yebox .titleName:hover .cn:after{transform:rotate(45deg)}
.ywTabs{z-index: 2;text-align: center;display: flex;width: 32.6rem;position: relative;right: -2rem;}
.ywTabs a{flex: 1;}
.ywTabs .ico img{margin: auto;filter: brightness(0) invert(1);width: 1.6rem;}
.ywTabs .dian{display: block;}
.ywTabs .dian::after{width: 6.5rem;height: 1px;background: #fff;opacity: 0.2;left:calc(50% + 0.75rem);top: 50%;}
.ywTabs .dian i{width:22px;height:22px;border-radius: 50%;display: block;margin:0.4rem auto;}
.ywTabs .dian i::before{width:22px;height:22px;background: #fff;border-radius: 50%;opacity: 0.4;left: 0;top: 0;transform: scale(0);transition: 0.4s;}
.ywTabs .dian i::after{width: 8px;height: 8px;background: #fff;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ywTabs a.active .dian i::before{transform: scale(1);}
.ywTabs a:last-child .dian::after{display: none;}
.ywTabs a.active .ico img{filter: none;}


/* header{position: absolute;left: 0;top: 0;width: 100%;z-index: 9;} */
.huadong{position: absolute;right: 2.1%;bottom: 4.33rem;z-index: 4;width: 4.4rem;}

.ban5imgSwiper{height: 100%;}
.ban5imgSwiper img{height: 100%;position: relative;z-index: 2;}
.ban5imgSwiper .text{position: absolute;top: 32.8%;line-height: 2.6rem; left: 13%;z-index: 2;}

.ban5tabImg{position: absolute;width: 100%;background: rgba(0,0,0,0.1);backdrop-filter: blur(10px);z-index: 2; color: #fff; bottom: 0;left: 0;}
.ban5tabImg .w90{border-right: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.ban5tabImg .item{flex: 1;position: relative;cursor: pointer;}
.ban5tabImg .item .before,.ban5tabImg .item .after{transition: 0.4s;}
.ban5tabImg .item:first-child::after{content: '';position: absolute;left: auto;right: 0;}
.ban5tabImg .item::before,.ban5tabImg .item:first-child::after{width: 1px;height: 100%;background: rgba(255,255,255,0.2);left: 0;top: 0;}
.ban5tabImg .item .activeImg{position: absolute;    right: -15%;    bottom: -40%;}
.ban5tabImg .item .before{display: flex;justify-content: center;align-items: center;line-height: 4.3rem;}
.ban5tabImg .item .before img{width: 0.99rem;filter: brightness(0) invert(1);margin-right: 0.4rem;}
.ban5tabImg .item .after{transform: scaleY(0);overflow: hidden;position: absolute;bottom: 2rem;    background: rgba(255,255,255,0.9);    width: 100%;    border-radius: 0.66rem;padding: 2rem 1.2rem;box-sizing: border-box;text-align: center;transform-origin: bottom;}
.ban5tabImg .item .after .img img{margin: auto;width: 1.6rem;}
.ban5tabImg .item .after .en{font-size: 2.66rem;line-height: 4rem;color: #000;opacity: 0.04;text-align: center;text-transform: uppercase;font-family: "Oswald-Bold";}
.ban5tabImg .item .after .cn{position: absolute;left: 0;top: 53%;transform: translateY(-50%); width: 100%;color: #E60012;}
.ban5tabImg .item:hover .after{transform: scaleY(1);}
.ban5tabImg .item:hover .before{opacity: 0;}

/*走进昌达*/
.idxtwoLeft{width: 38.2%;background: rgba(255,170,32,0.2);backdrop-filter: blur(50px); top: 0;left: 0;z-index: 3;padding-left: 8.3%;box-sizing: border-box;position: absolute;height: 100%;}
.idxtwoLeft .wrap{top: 50%;transform: translateY(-50%);width: 67%;position: absolute;}
.idxtwoLeft .wrap h6{line-height: 1.6rem;}
.idxtwoLeft .wrap .intel{margin: 0.66rem  0 ;line-height: 0.93rem;text-align: justify;}
.idxtwoLeft .wrap ul .num{color: #E60012;}
.idxtwoLeft .wrap ul .num i{font-family: "Oswald-Bold";}
.idxtwoLeft .wrap ul li:nth-child(2) .num i:after{content:'+'}
.idxtwoLeft .wrap ul li{padding: 0.4rem;line-height: 2rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.idxtwoLeft .wrap .more,.idxtheeLeft .more{background: url(../imageIndex/twomore.svg) left center no-repeat;padding-left: 1rem;margin-top: 1.26rem;display: inline-block;}
.idxtwoVideo{position: absolute;width: 100%;min-height: 100%;left: 0;bottom: 0;}
.idxtwoLeft .videobtn{position: absolute;right: -2.33rem;top: 50%;transform: translateY(-50%);z-index: 2;width: 3.66rem;cursor: pointer;}
.idxtwoLeft .wrap .more:hover,.idxtheeLeft .more:hover{padding-left: 1.3rem;}

.idxtwoRight{width: 62%;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;position: absolute;}
.idxtwoRight video{width: 100%;}
.idxtwoRight .close{border-radius: 50%;position: absolute;right:0rem;top: -0.5rem; width: 30px;height: 30px;background:url(../layer/skin/default/icon.png) ;background-position: -150px -31px;box-sizing: border-box;box-shadow: 0 0 5px rgba(0,0,0,0.2);cursor: pointer; z-index: 2;}
/* 新闻 */
.idxthree{background: url(../imageIndex/idxthreebg.jpg) center no-repeat;background-size: cover;}
.idxwrapCenter{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.idxtheeLeft{width: 22.2%;}
.idxtheeLeft h6{line-height: 1.6rem;}
.idxtheeLeft .tabs{margin: 2rem 0 0 ;}
.idxtheeLeft .tabs a:first-child{margin-top: 0;}
.idxtheeLeft .tabs a{display: flex;align-items: center;color: #fff;line-height: 0.933rem;margin-top: 0.66rem;}
.idxtheeLeft .tabs a i{width: 4px;height: 4px;background: #fff; display: inline-block;margin-right: 0.4rem;}
.idxtheeLeft .tabs a i::after{width: 0;height: 1px;left: 12px;top: 50%;opacity: 0.4;background: #fff;opacity: 0.4;}
.idxtheeLeft .tabs a.active i::after{width: 1.33rem;}
.idxtheeLeft .tabs a.active i{margin-right: 1.77rem;}
.idxtheeLeft .more{position: absolute;bottom: 0;left: 0;}

.idxtheeRight{width: 76.8%;}
.idxtheeRight .threeSwiper .swiper-slide{background: rgba(255,255,255,0.8);border-radius: 20px;overflow: hidden;}
.idxtheeRight .itemBefore .img{padding-bottom: 8.6rem;border-radius: 8px;margin-bottom: 0.6rem;}
.idxtheeRight .itemBefore{margin: 0.4rem;}
.idxtheeRight .itemBefore .time,.idxtheeRight .item {padding-left: 0.8rem;background: url(../imageIndex/time.svg) left center no-repeat;background-size: 0.6rem; margin-bottom: 0.3rem;line-height: 1rem;margin-left: 0.6rem;}
.idxtheeRight .itemBefore .title{height: 2rem;line-height: 1rem;margin: 0 0.6rem;}
.idxtheeRight .itemBefore .more{margin-top: 1.33rem;margin-left: 0.6rem;}
.idxtheeRight .itemBefore .more img{transform: rotate(45deg);filter: brightness(0) invert(0.6);}
.idxtheeRight .itemAfter{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../imageIndex/idxnewsActive.svg) center no-repeat #fff;transform: translateY(100%);transition: 0.4s;box-sizing: border-box;padding: 1.33rem;height: 100%;background-size: 176%;border-radius: 20px ;}
.idxtheeRight .itemAfter a{height: 100%;}
.idxtheeRight .itemAfter .name{margin: 0.66rem 0;}
.idxtheeRight .itemAfter .time{margin-left: 0;}
.idxtheeRight .itemAfter .more{width: 1.6rem;height: 1.6rem;border-radius: 50%;background: #fff;box-shadow: 0 12px 20px #E60012;position: absolute;bottom:0;left:0;}
.idxtheeRight .threeSwiper .swiper-slide:hover .itemAfter{transform: translateY(0);}
.threeqhBtn {display: flex;gap: 0.66rem;padding-left:33.6% ;margin-top: 2rem;}
.threeqhBtn div{width: 1.1rem;cursor: pointer;}
.threeqhBtn div img{display: block;margin: auto;}
.threeqhBtn::before{width: 32%;left: 0;}
.threeqhBtn::before,.threeqhBtn::after{height: 1px;opacity: 0.6;background: #fff;top: 50%;}
.threeqhBtn::after{right: 0;width: 58%;}
/* 项目展示 */
.idxfour{background:  #fff;}
.idxfour .idxwrapCenter{top: 57%;z-index: 3;}
.idxfour .idxwrapCenter > h6{line-height: 1.6rem;margin-bottom: 1.5rem;}
.idxfour .tabs {gap: 0.3rem;margin: 0.66rem 0 1rem;}
.idxfour .tabs a{background: rgba(255,255,255,0.6);backdrop-filter: blur(10px);border-radius: 1rem;display: inline-flex;align-items: center;padding: 0 0.5rem;line-height: 1.5rem;gap:0.2rem}
.idxfour .tabs a img{height: 0.8rem;filter: brightness(0) invert(0.4);}
.idxfour .tabs a.active{background: #E60012;}
.idxfour .tabs a.active *{filter: brightness(0) invert(1);}
.idxfour .wrap .btn{position: absolute;top: 50%;transform: translateY(-50%);width: 1.6rem;height: 1.6rem;cursor: pointer;}
.idxfour .wrap .btn.prev{left: 0;}
.idxfour .wrap .btn.next{right: 0;}
.idxfour .wrap .btn:hover img{transform: translate((-50%,-50%) scale(1.1));}
.idxfour .fourSwiper{width: 86.25%;margin: auto;padding: 1rem 0;}
.idxfour .fourSwiper .swiper-slide{width: 680px;height: 14rem; border-radius: 20px;overflow: hidden;background: #fff;	box-shadow: 0 10px 20px rgba(0,0,0,0.3);}
.idxfour .fourSwiper .swiper-slide::before{width: 100%;height: 41%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));left: 0;bottom: 0;position: absolute;content: '';transition: 0.3s;transform: translateY(100%);}
.idxfour .fourSwiper .swiper-slide > img{width: 100%;object-fit: cover;}
.idxfour .fourSwiper .swiper-slide .text{position: absolute;width: 100%;bottom: 0; display: block;z-index: 2;padding: 1rem;box-sizing: border-box;transform: translateY(100%);transition: 0.3s;}
.idxfour .fourSwiper .swiper-slide .text .title{line-height: 1rem;margin-bottom: 0.4rem;background: url(../imageIndex/fourSwiperico.svg) left center no-repeat;padding-left: 1rem;}
.idxfour .fourSwiper .swiper-slide .text .title img{margin-right: 0.2rem;}
.idxfour .fourSwiper .swiper-slide.swiper-slide-active .text,.idxfour .fourSwiper .swiper-slide.swiper-slide-active::before{transform: translateY(0);}
.idxfour .fourSwiper .swiper-slide.swiper-slide-active:hover .text{transform: translateY(-10px);}

.idxfour .fourBgSwiper{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.idxfour .fourBgSwiper:after{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: url(../images/mask1.png) left top no-repeat;content: '';background-size:100% auto;z-index: 2;}
.idxfour .fourBgSwiper .swiper-wrapper,.idxfour .fourBgSwiper .swiper-slide,.idxfour .fourBgSwiper .img{height: 100%;}
.idxfour .fourBgSwiper .swiper-slide .img{width: 100%;position: relative;overflow: hidden;}
/* 发展历程 */
.idxfive{background: url(../imageIndex/idxfivebg.jpg) center bottom no-repeat;background-size: cover;}
.idxfive .tabs{display: flex;justify-content: space-between;}
.idxfive .tabs .wrap{padding-bottom: 1rem;width: calc(100% - 2.33rem - 2.33rem);}
.idxfive .tabs .btn{position: relative; width: 1.6rem;height: 1.6rem;border-radius: 50%;border: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;transition: 0.3s;cursor: pointer;}
.idxfive .tabs .btn:hover {border-color: #E60012;}
.idxfive .tabs .btn img{width:60%;filter: brightness(0) invert(0);}
.idxfive .tabs .btn.swiper-button-disabled{opacity: 0;}
.idxfive .tabs .wrap .swiper-slide{line-height: 1.6rem; cursor: pointer; background: url(../imageIndex/line.png) center no-repeat;background-size: 100%; text-align: center;font-family: "Oswald-Light";}
.idxfive .tabs .wrap .swiper-slide div::after{width:16px ;height: 18px;background: url(../imageIndex/fiveactive.svg) center bottom no-repeat;left: 50%;margin-left: -8px;bottom: -1rem;opacity: 0;}
.idxfive .tabs .wrap .swiper-slide.swiper-slide.active div{font-family: "Oswald-Bold";color: #E60012;font-size: 1.1rem;}
.idxfive .tabs .wrap .swiper-slide.swiper-slide.active div::after{opacity: 1;}
.idxfive .IntelSwiper{width: 62.5%;background: url(../images/fivewrapbg.png) center no-repeat;background-size: cover;border-radius: 0.66rem;margin:2.66rem auto 0;}
.idxfive .IntelSwiper dl{padding: 2rem;}
.idxfive .IntelSwiper dl dt{width: 30%;}
.idxfive .IntelSwiper dl dt::after{width: 1px;height: 100%;background: #ddd;right: 0;top: 0;}
.idxfive .IntelSwiper dl dt .year{font-size: 2rem;font-family: "Oswald-Bold";margin-right: 0.2rem;line-height: 1;}
.idxfive .IntelSwiper dl dt .year sup {position: relative;top: -5px;}
.idxfive .IntelSwiper dl dd{width: 61.2%;margin-left:8.8% ;min-height:7rem ;}
.idxfive .IntelSwiper dl dd ul li{line-height: 1rem;padding: 0.15rem 0 0.15rem 0.66rem;}
.idxfive .IntelSwiper dl dd ul li::before{width: 0.2rem;height: 0.2rem;background: #E60012;left: 0;top:0.5rem ;}

.goBanner{position: absolute;bottom: 2.66rem;right: 1.6rem;width: 16px;cursor: pointer;}
.goBanner span{display: block;padding-top: 4.5rem;color: #fff;}
.goBanner::before{width: 1px;height: 4rem;top: 0;left: 50%;background: #fff;}

 @media screen and (max-width: 1600px){
    .idxfour .idxwrapCenter > h6{margin-bottom:3rem}
}
 @media screen and (max-width: 1280px){
	 .banywSwiper .swiper-slide .text .title{padding: 0.5rem 0;}
	 .banywSwiper .swiper-slide .text{padding: .66rem 1rem 0.56rem;}
	 .banywSwiper .swiper-slide .text .more{margin-top: 0.5rem;line-height: 1.3rem;width: 5rem;}
	 .banywSwiper .swiper-slide .text .more i{padding-right: 1rem;}
	 .ywTabs .ico img{width: 1rem;}
	 .ywTabs .dian::after{width: 3rem;}
	 .ban5tabImg .item .after{padding: 1rem ;}
	 .ban5imgSwiper .text{font-size: 1.5rem;}
	 .ban5tabImg .item .after .img img{width: 1rem;}
	 .idxtwoLeft .wrap ul li{line-height: 1rem;}
	 .idxtwoLeft .wrap ul .num i{font-size: 1rem;}
	 .idxtheeRight .itemBefore .img{padding-bottom: 6rem;}
	 .idxtheeRight .itemAfter{padding: 0.8rem;}
	 .idxfour .fourSwiper .swiper-slide{width: 520px;height: 12rem;}
	 .idxfive .IntelSwiper dl{padding: 1rem;}
	 .menu{margin-right:1.6rem}
	  .menu > li{margin-right:0.8rem}
 }
 
 @media screen and (max-width: 1080px){
 	 .ywTabs{width: 61%;}
	 .yebox .titleName .en{font-size: 3rem;}
	 .menu{margin-right:0.8rem;display:none}
	  .menu > li{margin-right:0.4rem}
 }
  @media screen and (max-width: 780px){
	  .index-container{height: auto;}
	.index-container > .swiper-wrapper{display: block !important;}
	.index-container > .swiper-wrapper > .swiper-slide{height: auto !important;}
	.banBigtab .BanBigpagination span{width: 0.5rem;}
	.banBigtab{bottom: 2rem;}
	
	.banner{height: auto;}
	.banner .pic,.ban5imgSwiper{height: 300px}
	.banywSwiper{height: 300px;}
	.banner .pic video{height: 100%;object-fit: cover;}
	
	.yebox .titleName .en{font-size: 2rem;line-height: 2rem;}
	.banywSwiper .swiper-slide .text,.ban5tabImg .item .after{display: none;}
	.ywTabs{width: 100%;right: 0;margin-top: 1rem;}
	.yebox .titleName .en{font-size: 0.8rem;}
	.yebox .titleName{width: 100%;}
	.yebox{padding: 0rem 4%;background: none;backdrop-filter: blur(0px);}
	.ban5tabImg .item.active .before{opacity: 1;}
	.ban5tabImg .item .before{flex-wrap: wrap;}
	.ban5tabImg .item .before div{width: 100%;text-align: center;}
	.ywTabs a.active .ico img{filter: brightness(0) invert(1);}
	.ban5tabImg .item .before{line-height: 1.2;}
	.ban5tabImg .item{padding: 0.5rem 0;}
	.ban5imgSwiper .text{font-size: 1rem;}
	/* 走进昌达 */
	.idxtwoLeft,.idxtwoLeft .wrap{position: relative;}
	.idxtwoVideo{object-fit: cover;}
	.idxtwoLeft .wrap{top: auto;transform: inherit;}
	.idxtwoLeft{width: 100%;box-sizing: border-box;padding: 1.5rem 1rem;backdrop-filter: blur(7px);}
	.idxtwoLeft .videobtn{right: 0.67rem;}
	
	.idxwrapCenter{position: relative;left: auto;top: auto;transform: inherit;padding: 1.5rem 1rem}
	.idxtheeLeft{width: 100%;}
	.idxtheeLeft .tabs{margin-top: 1rem;display: flex;gap: 0.5rem;}
	.idxtheeLeft .tabs a.active i{margin-right: 0;}
	.idxtheeLeft .tabs a.active span{color: #E60012;font-size: 0.8rem;}
	.idxtheeLeft .tabs a{margin-top: 0;display: inline-flex;gap: 5px;}
	.idxtheeLeft .tabs a.active i::after{display: none;}
	.threeSwiper{margin-top: 1rem;}
	.idxtheeRight{width: 100%;}
	.idxtheeRight .itemBefore .img{padding-bottom: 65%;}
	.threeqhBtn::after{width: 46%;}
	.idxtheeLeft .more{bottom: auto;top: 2%;left: auto;right: 4%;}
	.idxtheeRight .itemBefore .more{margin-top: 0.33rem;}
	
	.idxfour .fourSwiper .swiper-slide{width: 200px;height: 5.6rem;}
	.idxfour .fourSwiper .swiper-slide .text .subtitle{display: none;}
	.idxfour .fourSwiper .swiper-slide .text{padding: 0.5rem ;}
	.idxfour .fourSwiper .swiper-slide .text .title{margin-bottom: 0;}
	.idxfour{background-size: 215%;}
	
	.idxfive .IntelSwiper{margin-top: 1rem;}
	.idxfive .IntelSwiper,.idxfive .IntelSwiper dl dt,.idxfive .IntelSwiper dl dd{width: 100%;}
	.idxfive .IntelSwiper dl dt::after{display: none;}
	.idxfive .IntelSwiper dl dd{margin-left: 0;margin-top: 0.8rem;}
	
	.idxfive .IntelSwiper dl dt .year{font-size: 1.2rem;font-weight: bold;}
	
	.idxtheeLeft .tabs a i,.idxfour .tabs a img{display: none;}
	.idxfour .tabs{margin-bottom: 0;}
	
	.idxfour .fourBgSwiper .swiper-slide .img img{object-fit: cover;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 100%;    height: 100%;}
	.idxfive .IntelSwiper dl dd ul{font-size: 0.5rem;}
	.idxtheeRight .itemBefore .title,.idxfour .fourSwiper .swiper-slide .text .title{font-size: 0.55rem;}
	.idxtheeLeft .tabs a.active span{font-size: 0.65rem;}
	.idxtheeLeft .tabs{gap: 0;justify-content: space-between;}
	.banner .pic .videotxt{width: 65%;}
	.idxtwoRight{width: 100%;position: relative;right: auto;top: auto;transform: inherit;display: block !important;}
	.idxtwoRight video{width: 100%;}
	.idxtwoLeft .videobtn{display: none;}
	.idxtwoLeft .wrap{width: 100%;}
  }