/* ==========================================================================
   css index 首页样式
   ========================================================================== */
   .bai {
	position: relative;
	z-index: 1;
	min-width: 1180px;
	padding: 50px 0;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
.hui {
	position: relative;
	z-index: 1;
	min-width: 1180px;
	padding: 50px 0;
	margin: 0 auto;
	background: #f7f7f7;
	overflow: hidden;
}
.factorytopCont .flex{ display: flex; justify-content: space-between; }
.factorytopCont .li{ padding: 10px 40px 10px; width: 25%; box-sizing: border-box; transition: all 0.3s ease; border-left: 1px solid #e5e5e5; }
.factorytopCont .li .icon{ width: 57px; height: 52px; background-repeat: no-repeat; background-position: left center; margin-bottom: 25px; }
.factorytopCont .li:hover .icon{ transform: rotateY(360deg); transition: all 0.3s ease; }
.factorytopCont .li .icon1{ background-image: url("../images/topIcon1.png"); }
.factorytopCont .li .icon2{ background-image: url("../images/topIcon2.png"); }
.factorytopCont .li .icon3{ background-image: url("../images/topIcon3.png"); }
.factorytopCont .li .icon4{ background-image: url("../images/topIcon4.png"); }
.factorytopCont .li .icon5{ background-image: url("../images/topIcon5.png"); }
.factorytopCont .li h3{ font-size: 24px; color: #000; margin-bottom: 10px; }
.factorytopCont .li p{ line-height: 26px; font-size: 16px; }

.factoryslideCont .manager{ height: 342px; overflow: hidden; }
.factoryslideCont .manager .flex{ position: relative; padding-right: 480px; padding-top: 70px; }
.factoryslideCont .manager .flex img{ position: absolute; right: 0; top: 0; display: block;; }
.factoryslideCont .manager .text{ position: relative; z-index: 2; background: #fff; border-radius: 30px; box-shadow: 0 5px 30px rgba(204,204,204,0.77); color: #000; font-size: 22px; padding: 50px; }
.factoryslideCont .manager .text::after{ position: absolute; content: ''; right: -46px; top: 20%; border: 24px solid; border-color: transparent  transparent  transparent #fff; }
.factoryslideCont .manager .text p{ font-size: 24px; margin-top: 10px; }
.factoryslideCont .slidebox{ padding-bottom: 120px; position: relative; overflow: hidden; }
.factoryslideCont .swiper{ width: 134%; margin-left: -17%; position: static; padding-bottom: 20px; }
.factoryslideCont .swiper-wrapper,.factoryslideCont .swiper-slide{ height: auto; }
.factoryslideCont .swiper-slide img{ display: block; width: 100%; }
.factoryslideCont .swiper-slide .text{ line-height: 100px; font-size: 22px; color: #000; text-align: center; background: #fff; }
.factoryslideCont .swiper-slide:hover{ box-shadow: 0 5px 20px rgba(204,204,204,0.77); transition: all 0.3s ease; }
.factoryslideCont .sceneNext{ bottom: 50px; left: 50%; right: auto; margin-left: 15px; top: auto; width: 55px; height: 55px; color: #fff; background: #ddd; border-radius: 60px; --swiper-navigation-size: 18px; transition: all 0.3s ease; }
.factoryslideCont .scenePrev{ bottom: 50px; left: 50%; right: auto; margin-left: -70px; top: auto; width: 55px; height: 55px; color: #fff; background: #ddd; border-radius: 60px; --swiper-navigation-size: 18px; transition: all 0.3s ease; }
.factoryslideCont .sceneNext:hover,.factoryslideCont .scenePrev:hover{ background: #1f4390; }

.factoryvideoCont{ background: url("../images/factory/videoBg.jpg") no-repeat center; background-size: cover; }
.factoryvideoCont .slidebox{ display: flex; justify-content: space-between; }
.factoryvideoCont .picbox{ width: 66%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff; position: relative; }
.factoryvideoCont .picbox .videoBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 12; }
.factoryvideoCont .picbox .fix{ position: absolute; bottom: 0; width: 100%; height: 100px; line-height: 100px; z-index: 11; background: rgba(0,0,0,0.5); color: #fff; padding: 0 5%; box-sizing: border-box; color: #fff; }
.factoryvideoCont .picbox .fix p{ padding-right: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; }
.factoryvideoCont .picbox .fix span{ font-size: 18px; position: absolute; right: 5%; top: 0; }
.factoryvideoCont .menu{ width: 33%; background: #fff; }
.factoryvideoCont .menu .li{ padding: 30px 20px; border: 1px solid #eee; display: flex; justify-content: space-between; cursor: pointer; }
.factoryvideoCont .menu .li .imgbox{ width: 36%; }
.factoryvideoCont .menu .li .imgbox img{ display: block; width: 100%; }
.factoryvideoCont .menu .li .text{ width: 58%; display: flex; align-content: center; flex-wrap: wrap; }
.factoryvideoCont .menu .li:hover,.factoryvideoCont .menu .li.active{ border-color: #1f4390; background: #1f4390; }
.factoryvideoCont .menu .li .tit{ font-size: 18px; color: #1f4390; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.factoryvideoCont .menu .li p{ color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.factoryvideoCont .menu .li:hover .tit,.factoryvideoCont .menu .li:hover p,.factoryvideoCont .menu .li.active .tit,.factoryvideoCont .menu .li.active p{ color: #fff; }
.factoryvideoCont .menu .Text_c{ padding: 25px 0; }
.factoryvideoCont .menu .publicMore{ font-size: 16px; width: auto; padding: 0 20px; }

.factoryprocessCont .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.factoryprocessCont .li{ width: 16%; background: #ecf0f5; padding: 20px 20px 40px; border-top: 8px solid #e1e4e9; box-sizing: border-box; margin-bottom: 15px; transition: all 0.3s ease; }
.factoryprocessCont .li:hover{ background: #fff; border-top-color: #1f4390; box-shadow: 0 5px 20px rgba(204,204,204,0.77); }
.factoryprocessCont .li .num{ font-size: 34px; color: #1f4390; margin-bottom: 15px; }
.factoryprocessCont .li h3{ font-weight: normal; font-size: 22px; margin-bottom: 10px; color: #000; }
.factoryprocessCont .li p{ font-size: 16px; line-height: 26px; }

.factoryshowCont{ background: url("../images/factory/showBg.jpg") no-repeat center; background-size: cover; }
.factoryshowCont .mainTitle{ color: #fff; }
.factoryshowCont .mainTitle h2{ color: #fff; }
.factoryshowCont .mainTitle .orange{ font-size: 30px; color: #de7430; }
.factoryshowCont .slidebox{ position: relative; }
.factoryshowCont .swiper{ width: 70%; margin-left: 30%; }
.factoryshowCont .swiper-wrapper{ height: auto; }
.factoryshowCont .swiper-slide{ position: relative; height: auto; }
.factoryshowCont .swiper-slide img{ width: 100%; display: block; }
.factoryshowCont .swiper-slide .fix{ position: absolute; width: 100%; box-sizing: border-box; left: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 20px 5%; color: #fff; line-height: 26px; }
.factoryshowCont .show-pagination{ position: absolute; left: 0; top: 0; bottom: 0; width: 30%; background: rgba(0,0,0,0.35); }
.factoryshowCont .show-pagination .swiper-pagination-bullet{ height: 14.28%; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 0; text-align: center; color: #fff; margin: 0; font-size: 32px; opacity: 1; background: none; border-bottom: 1px solid #de7430; transition: all 0.3s ease; box-sizing: border-box; }
.factoryshowCont .show-pagination .swiper-pagination-bullet:last-child{ border: none; }
.factoryshowCont .show-pagination .swiper-pagination-bullet-active{ background: #de7430; }
.factoryshowCont .show-pagination .swiper-pagination-bullet span{ display: inline-block; width: 36px; height: 36px; margin-left: 20px; background: url("../images/factory/arrow1.png") no-repeat center; }
.factoryshowCont .show-pagination .swiper-pagination-bullet-active span{ background: url("../images/factory/arrow2.png") no-repeat center; }

.factorycaseCont .menu{ display: flex; justify-content: space-between; margin-bottom: 40px; }
.factorycaseCont .menu .li{ width: 24%; }
.factorycaseCont .menu .li .title{ line-height: 100px; height: 100px; font-size: 24px; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; padding-left: 50px; }
.factorycaseCont .menu .li .t1{ background-image: url("../images/factory/casebg1.jpg"); }
.factorycaseCont .menu .li .t2{ background-image: url("../images/factory/casebg2.jpg"); }
.factorycaseCont .menu .li .t3{ background-image: url("../images/factory/casebg3.jpg"); }
.factorycaseCont .menu .li .t4{ background-image: url("../images/factory/casebg4.jpg"); }
.factorycaseCont .menu .li .iconbox{ padding: 25px 50px 80px; position: relative; background: #fff; box-sizing: border-box; height: 321px; margin-bottom: 20px; }
.factorycaseCont .menu .li .iconbox .tips{ padding-left: 40px; background-repeat: no-repeat; background-image: url("../images/factory/caseicon11.png"); font-size: 16px; color: #000; margin-bottom: 10px; line-height: 26px; transition: all 0.3s ease; }
.factorycaseCont .menu .li .iconbox .tips:hover{ background-image: url("../images/factory/caseicon22.png"); color: #1f4390; }
.factorycaseCont .menu .li .iconbox .ti1{ background-position: left top; }
.factorycaseCont .menu .li .iconbox .ti2{ background-position: left -26px; }
.factorycaseCont .menu .li .iconbox .ti3{ background-position: left -52px; }
.factorycaseCont .menu .li .iconbox .ti4{ background-position: left -78px; }
.factorycaseCont .menu .li .iconbox .ti5{ background-position: left -104px; }
.factorycaseCont .menu .li .iconbox .ti6{ background-position: left -130px; }
.factorycaseCont .menu .li .iconbox .ti7{ background-position: left -156px; }
.factorycaseCont .menu .li .iconbox .ti8{ background-position: left -182px; }
.factorycaseCont .menu .li .iconbox .ti9{ background-position: left -208px; }
.factorycaseCont .menu .li .iconbox .ti10{ background-position: left -234px; }
.factorycaseCont .menu .li .iconbox .ti11{ background-position: left -260px; }
.factorycaseCont .menu .li .iconbox .ti12{ background-position: left -286px; }
.factorycaseCont .menu .li .iconbox .ti13{ background-position: left -312px; }
.factorycaseCont .menu .li .iconbox .ti14{ background-position: left -338px; }
.factorycaseCont .menu .li .iconbox .ti15{ background-position: left -364px; }
.factorycaseCont .menu .li .iconbox .ti16{ background-position: left -390px; }
.factorycaseCont .menu .li .iconbox .ti17{ background-position: left -416px; }
.factorycaseCont .menu .li .iconbox .ti18{ background-position: left -442px; }
.factorycaseCont .menu .li .iconbox .fix{ position: absolute; left: 0; width: 100%; bottom: 30px; text-align: center; }
.factorycaseCont .menu .li .iconbox .fix a{ color: #666; }
.factorycaseCont .menu .li .iconbox .fix a:hover{ color: #1f4390; }
.factorycaseCont .menu .li .btn{ background: #fff; padding: 20px 0; text-align: center; font-size: 24px; color: #000; cursor: pointer; position: relative; transition: all 0.3s ease 0.2s; }
.factorycaseCont .menu .li .btn::after{ content: ''; position: absolute; left: 50%; margin-left: -16px; border: 16px solid; border-color: #1f4390 transparent transparent transparent; opacity: 0; bottom: 0; transition: all 0.3s ease; }
.factorycaseCont .menu .li.active .btn::after{ opacity: 1; bottom: -30px; transition: all 0.3s ease 0.2s; }
.factorycaseCont .menu .li.active .btn{ background: #1f4390; color: #fff; transition: all 0.3s ease; }
.factorycaseCont .menu .li .btn .icon{ display: inline-block; width: 56px; height: 56px; background-position: center; background-repeat: no-repeat; margin-bottom: 10px; }
.factorycaseCont .menu .li .btn .icon1{ background-image: url("../images/factory/caseicon1-1.png"); }
.factorycaseCont .menu .li .btn .icon2{ background-image: url("../images/factory/caseicon2-1.png"); }
.factorycaseCont .menu .li .btn .icon3{ background-image: url("../images/factory/caseicon3-1.png"); }
.factorycaseCont .menu .li .btn .icon4{ background-image: url("../images/factory/caseicon4-1.png"); }
.factorycaseCont .menu .li.active .btn .icon1{ background-image: url("../images/factory/caseicon1-2.png"); }
.factorycaseCont .menu .li.active .btn .icon2{ background-image: url("../images/factory/caseicon2-2.png"); }
.factorycaseCont .menu .li.active .btn .icon3{ background-image: url("../images/factory/caseicon3-2.png"); }
.factorycaseCont .menu .li.active .btn .icon4{ background-image: url("../images/factory/caseicon4-2.png"); }
.factorycaseCont .relative{ position: relative; }
.factorycaseCont .cutbox{ opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.factorycaseCont .cutbox.active{ opacity: 1; visibility: visible; }
.factorycaseCont .cutbox.sp{ position: absolute; width: 100%; left: 0; top: 0; }