@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}

/* 全部 */
.all_index{}
.section .abTit p{position:relative;padding-bottom:15px;margin-bottom:10px;color:#524f4c;font-size:36px;font-weight:200;font-family:'[Swiss721BT]';}
.section .abTit p::before{content:'';position:absolute;left:50%;bottom:0;width:68px;height:5px;margin-left:-34px;background-color:#d1ad71;}
.section .abTit h4{color:#1d95d4;font-size:48px;font-weight: bold;/*text-transform: uppercase;*/}
.section .abTit h4 a{color:#1d95d4;}

@media screen and (max-width: 1440px) {
.section .abTit h4{font-size:36px !important;}
}
@media screen and (max-width: 960px) {
.section .abTit h4{font-size:30px !important;}
}

/* Tab切换 */
.hdDt{text-align: center;}
.hdDt a{position:relative;display:inline-block;width:23%;height:45px;margin-right: 2%;line-height:45px;color:#7a7fb9;text-align:center;font-size:20px;cursor:pointer;}
.hdDt a:last-child{margin-right:0;}
.hdDt a:hover,.hdDt a.on{color:#fff;}
.bdDt {min-height:320px;margin-top:50px;}
.bdDtCon{display:none;}

/* 首页“查看更多” */
.section .indexAb_more{margin:0 auto !important;color: #fff;background-color: #00a1e9;}
.section .indexAb_more:hover{color:#fff;}
.section .indexAb_more:before{background: #004d85;}


.BanCon{position: relative;}

/***【0】***banner****/
.ban_box {width: 100%;/*height:600px;*/overflow: hidden;}
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left: 50% !important;bottom:20px;margin-left:-24px}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 20px !important;height: 20px !important;background:#585ca7;opacity:1}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#d1ad71 !important;}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{top: var(--swiper-navigation-top-offset,50%);color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.ban_box .swiper-container .hide{opacity:0} 
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{transition:opacity 0.5s;font-size:48px;}
.ban_box .swiper-button-next,.ban_box .swiper-container-rtl .swiper-button-prev{background-image:none !important}
.ban_box .swiper-button-prev,.ban_box .swiper-container-rtl .swiper-button-next{background-image:none !important}
.ban_box .swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;}
/* .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */
.ban_box .swiper-slide .pcimg{height: 100%;}
.ban_box .swiper-slide .pcimg img{height: 100%;}

@media screen and (min-width: 960px) {
.ban_box .swiper-container{height: 100%;object-fit: contain;}
.ban_box .swiper-container .swiper-wrapper{ height: 100% !important;}
.ban_box .swiper-slide .pcimg img{display:block;}
.ban_box .swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.ban_box {height: auto;}
.ban_box .swiper-slide .pcimg img{display:none}
.ban_box .swiper-slide .moimg {height: 100%;}
.ban_box .swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}
}

.AllCon{display:flex;}
.allConBox{padding:55px 0;}

.sectionAbu,
.sectionSam,
.sectionVpc,
.sectionRscs,
.sectionNu{padding:110px 0;overflow:hidden;}


/***【1】== Our Story *****/
.WawConBox{}
.WawCon {float: none;width: 100%;margin-right:40px;color: #333;}
.WawCon .WawTit{margin-bottom: 20px;}
.WawCon .WawTit h4{font-size: 48px;font-weight:bold;/*text-transform: uppercase;*/letter-spacing: 0px;color: #1d95d4;text-align: center;}
.WawCon .WawTit h4 a{color: #1d95d4;}
.WawCon .WawText{}
.WawCon .WawText p{font-size: 16px;line-height: 1.5;}
.WawCon .indexAb_more{margin: 40px 0 0 !important;width: 210px;height: 48px;line-height: 48px;border-radius: 25px;font-size: 22px;}

.WawConBox .WawRight {width: 100%;float: none;margin:30px 0;}
.WawPic{display:block;max-width:100%}


/***【2】== State-of-art Manufacturing *****/
.sectionSam{background: url(../images/indexBg2.jpg) left top no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.SamConBox{}
.SamCon {float:right;width:50%;padding:60px;background-color: rgba(255,255,255,0.73);border-top-left-radius: 50px;}
.SamCon .SamTit{margin-bottom: 50px;}
.SamCon .SamTit h4{font-size: 48px;font-weight:bold;text-align: left;/*text-transform: uppercase;*/letter-spacing: 0px;color: #272727;}
.SamCon .SamText{}
.SamCon .SamText p{font-size: 16px;line-height: 2;text-align: left;color: #272727;}
.SamCon .indexAb_more{float: left;margin: 50px 0 0 !important;width: 210px;height: 56px;line-height: 56px;font-size: 24px;border-radius: 28px;}


/***【3】== Versatile Packaging Categories *****/
.VpcImg img{display: block;margin: 0 auto;max-width: 100%;}
.VpcUl{margin-top: 80px;}
.VpcUl ul{display: flex;justify-content: space-between;}
.VpcUl ul li{width: calc(33.33% - 12px);margin-right: 18px;text-align:center;}
.VpcUl ul li:last-child{margin-right:0;}
.VpcUl ul li h4{margin-bottom:20px;font-size:24px;font-weight: bold;color:#1d95d4;text-transform: uppercase;}
.VpcUl ul li p{font-size:16px;color:#272727;line-height:1.75;}
.VpcUl ul li img{max-width:100%;}


/***【4】== Robust Supply Chain Strengths *****/
.sectionRscs{background: url(../images/indexBg4.jpg) no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.sectionRscs .abTit h4{text-shadow: 1px 1px 2px #fff;}
.RscsBox .newList{width: calc(25% - 27px);margin-right: 36px;margin-bottom: 0;padding: 35px 20px;background-color: rgba(255,255,255,0.91);border-bottom-left-radius: 60px;}
.RscsBox .newList:last-child{margin-right:0;}
.RscsBox .contentBoxB{margin-top:0;padding: 0;}
.RscsBox .newTitle{height: 48px;margin-bottom: 15px;font-size: 18px;/* text-transform: uppercase; */}
.RscsBox .newMs{height: 80px;font-size:16px;line-height: 1.75;color:#000;-webkit-line-clamp: 8;}
.RscsBox .bottom_btn{margin-top: 10px;text-align: left;}
.RscsBox .bottom_btn i{/* font-size: 18px; */font-weight: bold;}
.RscsBox .newList:hover{background: #fcfcfc;-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);}
.RscsBox .newList:hover .newTitle {color: #000;}
.RscsBox .newList:hover .bottom_btn i{color:#ef93bb;border-color: transparent;}


/***【5】== Events *****/
.NuBox .newList{width: calc(25% - 36px);margin-right: 48px;margin-bottom: 0;}
.NuBox .newList:last-child{margin-right:0;}
.NuBox .newList:nth-child(2n){border-top-left-radius: 60px;}
.NuBox .newPicBox{padding-bottom:114%;}
.NuBox .contentBoxB{margin-top:5px;}
.NuBox .newTitle{height: 48px;margin-bottom: 15px;line-height: 1.5;font-size: 18px;-webkit-line-clamp: 2;/* text-transform: uppercase; */}
.NuBox .TimeBox{margin:0;font-size: 14px;color: #868686;}
.NuBox .newList:hover .newTitle {color: #10275a;}


@media screen and (max-width: 1660px) and (min-width: 1360px){
.CsBoxRight .swiper-button-prev, .CsBoxRight .swiper-container-rtl .swiper-button-next, .CsBoxRight .swiper-button-next, .CsBoxRight .swiper-container-rtl .swiper-button-prev{width:60px;height:60px;margin-top:-30px;}

}

@media screen and (max-width: 1360px) and (min-width: 960px){


/***【4】==新闻中心*****/
.NcCon{padding:35px 25px;}
}

@media screen and (max-width: 1440px) {
.sectionAbu,
.sectionSam,
.sectionVpc,
.sectionRscs,
.sectionNu{padding:90px 0;}

/***【1】== ABOUT US *****/
.WawCon {width:calc(100% - 540px);}
.WawCon .WawTit{margin-bottom: 10px;}
.WawCon .WawTit h4,
.SamCon .SamTit h4{font-size: 36px;}
.WawCon .indexAb_more,
.SamCon .indexAb_more{height: 40px;margin: 20px 0 0 !important;line-height: 40px;font-size: 20px;}

.WawConBox .WawRight {width:500px;}

/***【2】== STATE-OF-ART MANUFACTURING *****/
.SamCon {padding:30px;}

/***【3】== VERSATILE PACKAGING CATEGORIES *****/
.VpcUl{margin-top: 60px;}
.VpcUl ul li{padding: 0 45px;}


/***【4】== ROBUST SUPPLY CHAIN STRENGTHS *****/
.RscsBox .newList{width: calc(25% - 21px);margin-right: 28px;padding: 35px 15px;border-bottom-left-radius: 40px;}
.RscsBox .newTitle{margin-bottom: 20px;}


/***【5】== NEWS & UPDATES *****/
.NuBox .newList{width: calc(25% - 27px);margin-right: 36px;}
}

@media screen and (max-width: 1200px) {
.sectionAbu,
.sectionSam,
.sectionVpc,
.sectionRscs,
.sectionNu{padding:70px 0;}

/***【1】== ABOUT US *****/
.WawCon,
.WawConBox .WawRight {width:calc(50% - 20px);}
.WawCon .WawTit h4,
.SamCon .SamTit h4{font-size: 30px;}
.WawCon .WawText p{height: 120px;overflow: hidden;}
.WawCon .indexAb_more{font-size: 18px;}

/***【2】== STATE-OF-ART MANUFACTURING *****/
.SamCon .SamTit{margin-bottom: 30px;}

/***【3】== VERSATILE PACKAGING CATEGORIES *****/
.VpcUl{margin-top: 50px;}
.VpcUl ul li{padding: 0 35px;}

/***【5】== NEWS & UPDATES *****/
.NuBox .newList{width: calc(25% - 21px);margin-right: 28px;}

/* 4.新闻中心 */
.NcCon{padding:25px 20px;margin-top: 25px;margin-bottom: 25px;}
.TopBox .newList{width:100%;margin-bottom:15px;margin-right: 0;}
.TopBox .newPicBox{padding-bottom: 72%;}
.TopBox .image_con{float:left;width: 150px;}
.TopBox .image_con img{}
.TopBox .contentBoxB{float: right;width: calc(100% - 150px);padding-left: 15px;margin-top: 0 !important;}
.TopBox .newTitle{height: 21px;-webkit-line-clamp: 2;}
.TopBox .TimeBox{margin: 5px 0;}
.TopBox .newMs{font-size:14px;height: 40px;}

}

@media screen and (max-width: 960px) {
.sectionAbu,
.sectionSam,
.sectionVpc,
.sectionRscs,
.sectionNu{padding:30px 0;}
.sectionSam,.sectionRscs{background-size: cover;}

/***【1】== ABOUT US *****/
.WawCon{margin-right: 0;}
.WawCon,
.WawConBox .WawRight {width:100%;float: none;}
.WawConBox .WawRight {margin:20px 0;}
.WawCon .WawTit h4,
.SamCon .SamTit h4{text-align: center;}
.WawCon .WawText p{height: auto;}
.WawPic{margin: 0 auto;}
.WawCon .indexAb_more,
.SamCon .indexAb_more{margin: 10px auto !important;font-size: 16px;}

/***【2】== STATE-OF-ART MANUFACTURING *****/
.sectionSam{background-image: url(../images/wapindexBg2.jpg);}
.SamCon {float:none;width:100%;padding:30px 15px;}
.SamCon .SamTit h4,
.SamCon .SamTit h4 a{color: #1d95d4;}
.SamCon .indexAb_more{float: none;margin: 20px auto !important;}

/***【3】== VERSATILE PACKAGING CATEGORIES *****/
.VpcUl{margin-top: 40px;}
.VpcUl ul li{padding: 0 15px;}
.VpcUl ul li h4{font-size:20px;}

/***【4】== ROBUST SUPPLY CHAIN STRENGTHS *****/
.sectionRscs{background-image: url(../images/wapindexBg4.jpg);}
.RscsBox .newList{width: calc(50% - 15px);margin-right: 30px;padding: 35px 20px;border-bottom-left-radius: 25px;}
.RscsBox .newList:nth-child(2n){margin-right: 0;}
.RscsBox .newList:nth-child(1),
.RscsBox .newList:nth-child(2){margin-bottom: 25px;}
.RscsBox .newMs{height: 190px;}

/***【5】== NEWS & UPDATES *****/
.NuBox .newList{width: calc(50% - 8px);margin-right: 16px;}
.NuBox .newList:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 768px) {
	
/***【1】== ABOUT US *****/
/* .WawCon .WawTit h4,
.SamCon .SamTit h4{font-size: 20px;} */

.ProSonTop .ProSonImg,
.ProSonRight{display:none;}
.TopBox .newTitle{height: 20px;-webkit-line-clamp: 1;}
.TopBox .newMs{height: 38px;}


/***【3】== VERSATILE PACKAGING CATEGORIES *****/
.VpcUl ul{flex-direction: column;}
.VpcUl ul li{margin-bottom: 20px;}

/***【4】== ROBUST SUPPLY CHAIN STRENGTHS *****/
.RscsBox .newList{width: calc(50% - 5px);margin-right: 10px;padding: 20px 10px;}
.RscsBox .newList:nth-child(1),
.RscsBox .newList:nth-child(2){margin-bottom: 15px;}
}

@media screen and (max-width: 680px) {
/***【4】== ROBUST SUPPLY CHAIN STRENGTHS *****/
.RscsBox .newList{width: 100%;margin-right: 0;padding: 10px;margin-bottom: 15px;}

/* 4.新闻中心 */
.sectionNc{background-image:none;background-color:#f4f1ea;}
.NcCon{padding:0;}
.CorTop .newList{width:100%;margin-right:0;margin-bottom:25px;}
.CorTop .newList:nth-child(2n){margin-right:0;}
.TopBox .image_con{width: 100px;}
.TopBox .contentBoxB{width: calc(100% - 100px);}
.TopBox .TimeBox{display:none;}

}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {

/* 4.新闻中心 */
.NcCon{padding:15px 25px;}
.section .abTit{margin-bottom: 1.5vw;}
.section .abTit h4{font-size: 2vw;}
.section .abTit p{padding-top: 0;font-size: 2vw;}
.TopBox .newList{margin-bottom: 2.5vw;}
.TopBox .newTitle{height: 2.5vw;font-size: 1vw;}
.TopBox .TimeBox{margin-bottom: 0.8vw;}
.TopBox .newMs{height: 2.75vw;font-size:0.4vw;}
}


/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}