@charset "utf-8";

.nyMain{max-width: 1400px;width: 100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}

.nyMainP{max-width: 1500px;width: 100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}

.flex-btw{display: flex;justify-content: space-between;align-items: center;}

.flex-start{display: flex;justify-content: flex-start;align-items: flex-start;}
.flex-start-center{display: flex;justify-content: flex-start;align-items: center;}
.flex-start-end{display: flex;justify-content: flex-start;align-items: flex-end;}
.flex-btw-start{display: flex;justify-content: space-between;align-items: flex-start;}
.flex-btw-end{display: flex;justify-content: space-between;align-items: flex-end;}
.flex-center{display: flex;justify-content: center;align-items: center;}
.flex-center-end{display: flex;justify-content: center;align-items: flex-end;}

/* 关于豪士 */

.aboutBanner{width: 100%;;height: 100vh;background: url(../images/about-banner.jpg) no-repeat;background-size: cover;}

.aboutM1{margin-top: -140px;margin-bottom: 200px;}

.aboutM1 .nyMain{background: #fff;box-shadow: 7.071px 8.426px 17px 0px rgba(0, 0, 0, 0.18);border-radius: 25px;padding: 90px 100px 80px;}

.aboutM1 .T1{text-align: center;font-weight: 700;font-size: 64px;color: #0d3875;line-height: 1;}

.aboutM1 p{font-size: 18px;color: #0d3875;line-height: 28px;padding: 40px 0 80px;}

.aboutM1 .item{flex: 1;text-align: center;font-size: 18px;color: #0d3875;position: relative;}

.aboutM1 .item::after{content: '';width: 2px;height: 85%;background: #DEC9AF;position: absolute;right: 0;bottom: 0;}

.aboutM1 .item:last-child::after{display: none;}

.aboutM1 .item .num{font-size: 40px;color: #cdad84;font-weight: 700;}



.T2M{text-align: center;}

.T2M .cT2{display: inline-block;line-height: 1;color: #0d3875;font-size: 20px;padding: 0 20px;}

.T2M .cT2 b{display: block;font-size: 64px;font-weight: 700;margin-bottom: 10px;}

.T2M img{width: 55px;}

.aboutM2 .nyMain{padding: 60px 50px 180px 40px;}

.aboutM2 .pic{flex-shrink: 0;width: 40.9%;margin-right: 60px;}

.aboutM2 .name{font-size: 36px;color: #cdad84;line-height: 44px;padding: 44px 0 30px 0;font-weight: 700;}

.aboutM2 .item{margin-bottom: 30px;font-size: 18px;color: #0d3875;line-height: 28px;}

.aboutM2 .item b{display: block;font-size: 23px;color: #cdad84;font-weight: normal;}



.aboutM3{background: #F5F5F5;padding: 150px 0 200px 0;}

.T34{margin-bottom: 100px;}

.T34 .b{display: block;font-size: 64px;color: #0d3875;font-weight: 700;text-align: center;}
.T34 .b div{display: inline-block;}

.T34 p{text-align: center;margin-top: 20px;}

.T34 span{display: block;font-size: 18px;color: #0d3875;line-height: 28px;}

.aboutM3Swiper{position: relative; overflow: hidden;margin-bottom: 150px;padding-bottom: 50px;}
.aboutM3Swiper .swiper-slide {width: 60%;position: relative;overflow: hidden;}

.aboutM3Swiper .swiper-slide img{transition: all .5s;}

.aboutM3Swiper .swiper-slide:hover img{transform: scale(1.05);}
.aboutM3Swiper .desc{width: 100%;position: absolute;left: 0;right: 0;top: 68%;margin: auto;text-align: center;color: #fff;}

.aboutM3Swiper .desc h3{font-size: 40px;margin-bottom: 36px;font-weight: 700;}

.aboutM3Swiper .desc p{font-size: 18px;color: #fff;line-height: 28px;padding: 0 12%;}
.aboutM3Swiper .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;margin: 0 6px !important; background: transparent; box-sizing: border-box;border: 2px solid #0F3874;}
.aboutM3Swiper .swiper-pagination-bullet-active {background: #0F3874;}

.aboutM3 .quyuItem{margin-bottom: 20px;background: #fff;border-radius: 25px;overflow: hidden;}

.aboutM3 .quyuItem .pic{flex-shrink: 0;width: 50%;}

.aboutM3 .quyuItem .left{padding: 85px 110px 0;}

.aboutM3 .quyuItem .sname{font-size: 40px;color: #cdad84;font-weight: 700;padding-left: 48px;background: url(../images/about-address.png) no-repeat left center;background-size: 33px 39px;}

.aboutM3 .quyuItem .desc{font-size: 22px;color: #0d3875;line-height: 30px;margin-top: 34px;}



.aboutM4{padding: 252px 0 300px;}

.aboutM41{flex-wrap: wrap;align-items: stretch;margin-bottom: 150px;}

.aboutM41 .item{flex-shrink: 0;width: 20%;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}

.aboutM42 .item{width: 121px;border-radius: 25px;overflow: hidden;margin: 0 34px;}

.aboutM42 .item img{display: block;width: 100%;}

/* 豪士品牌 */

.pinpaiBanner{width: 100%;;height: 100vh;background: url(../images/pinpai-banner.jpg) no-repeat;background-size: cover;}

.pinpaiM1{margin-top: -140px;margin-bottom: 180px;}

.pinpaiM1 .nyMain{background: #fff;box-shadow: 7.071px 8.426px 17px 0px rgba(0, 0, 0, 0.18);border-radius: 25px;padding: 50px 0 75px;}

.pinpaiM1 .wenhua{align-items: stretch;}

.pinpaiM1 .item{flex: 1;text-align: center;margin-top: 75px;border-right: 2px dashed #CCAC84;}

.pinpaiM1 .item:last-child{border-right: none;}

.pinpaiM1 .item b{display: block;font-size: 40px;color: #0d3875;font-weight: 700;padding: 0 0 20px;}

.pinpaiM1 .item .desc{font-size: 20px;color: #0d3875;line-height: 28px;padding: 0 22%;}



.pinpaiM2{padding-bottom: 120px;}

.pinpaiM2 .jindu{margin: 75px auto 70px;max-width: 1130px;width: 100%;}

.pinpaiM2 .xian{width: 100%;position: relative;}

.pinpaiM2 .xian span{width: 44px;height: 44px;background: #CCAC84;border-radius: 50%;font-size: 18px;color: #fff;line-height: 44px;text-align: center;display: block;position: relative;z-index: 2;}

.pinpaiM2 .jindu .item{cursor: pointer;}

.pinpaiM2 .xian::after{content: "";width: 100%;height: 4px;background: #CCAC84;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;margin-left: -15px;}

.pinpaiM2 .jindu .swiper-slide-thumb-active .xian span{margin-left: 0;background: transparent;position: relative;z-index: 5;}

.pinpaiM2 .jindu .swiper-slide-thumb-active .xian span::after{content: "";width: 12px;height: 12px;background: #fff;border: 2px solid #CCAC84;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%;}

.pinpaiM2 .jindu .swiper-slide-thumb-active .xian::after{margin-left: 0;}

.pinpaiM2 .jindu .swiper-slide-thumb-active .xian::after{height: 0;background: none;border:2px dashed #CCAC84;left:-30px;z-index: 4;}

.pinpaiM2 .keys{font-size: 18px;color: #CCAC84;line-height: 24px;padding-left: 50px;font-weight: 700;margin-top: 16px;}

.pinpaiM2 .jindu .swiper-slide-thumb-active .item .keys{color: #0d3875;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(1) .keys{background: url(../images/jindu1.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(2)  .keys{background: url(../images/jindu2.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(3)  .keys{background: url(../images/jindu3.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(4)  .keys{background: url(../images/jindu4.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(1).swiper-slide-thumb-active .keys{background: url(../images/jindu1On.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(2).swiper-slide-thumb-active .keys{background: url(../images/jindu2On.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(3).swiper-slide-thumb-active .keys{background: url(../images/jindu3On.png) no-repeat left center;background-size: 42px 44px;}

.pinpaiM2 .jindu .swiper-slide:nth-of-type(4).swiper-slide-thumb-active .keys{background: url(../images/jindu4On.png) no-repeat left center;background-size: 42px 44px;}



.pinpaiM2 .lishi{flex-wrap: wrap;align-items: stretch;padding: 0 15px 50px;}

.pinpaiM2 .lishiSwiper .swiper-slide{background: #fff;}

.pinpaiM2 .lishi .item{margin: 0 1.16% 24px;background: #F6F6F6;border-radius: 25px;width: 31%;box-sizing: border-box;box-sizing: border-box;padding: 24px 22px;}

.pinpaiM2 .lishi .year{text-align: center;font-size: 26px;color: #0d3875;font-weight: 700;padding-bottom: 20px;}

.pinpaiM2 .lishi .pic{overflow: hidden;}

.pinpaiM2 .lishi .pic img{display: block;width: 100%;}

.pinpaiM2 .lishi p{font-size: 18px;color: #0d3875;line-height: 23px;margin-top: 16px;}



.pinpaiM3{margin-bottom: 150px;}

.M3desc{font-size: 18px;color: #0d3875;line-height: 28px;text-align: center;padding: 30px 0 90px;}
.M3desc span{display: block;}

.pinpaiM3 h3{text-align: center;font-size: 40px;color: #cdad84;line-height: 1;margin-bottom: 36px;}

.M3dang{padding: 0 20px 80px;}

.pinpaiM3 .item{flex: 1;margin: 0 5px;background: #EFEFEF;border-radius: 25px;}

.pinpaiM3 .item .pic{border-radius: 25px;overflow: hidden;}

.pinpaiM3 .item .pic img{display: block;width: 100%;transition: all .4s;}

.pinpaiM3 .item .pic:hover img{transform: scale(1.05);}

.pinpaiM3 .item b{font-size: 24px;color: #0d3875;font-weight: 700;text-align: center;padding: 14px 0;display: block;}

.M4dang{max-width: 1400px;width: 100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px 50px;position: relative;}

.M4dang .swiper-pagination-bullet,.lishiSwiper .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;margin: 0 6px !important; background: transparent; box-sizing: border-box;border: 2px solid #0F3874;}
.M4dang .swiper-pagination-bullet-active,.lishiSwiper .swiper-pagination-bullet-active{background: #0F3874;}

.M4dang .swiper-button-prev{left: -80px;top: 44% !important;}

.M4dang .swiper-button-next{right: -80px;top: 44% !important;}

.M4dang .swiper-button-next:after, .M4dang .swiper-button-prev:after{display: none;}



.pinpaiM4 .rongyu{flex-wrap: wrap;align-items: stretch;padding: 90px 0 150px;}

.pinpaiM4 .rongyu .item{flex-shrink: 0;width: 30.28%;margin: 0 1.52%;font-size: 20px;color: #0d3875;line-height: 24px;text-align: center;margin-bottom: 50px;}

.pinpaiM4 .rongyu .item .pic{box-shadow: -8px 8px 8px rgba(0, 0, 0, 0.2);margin-bottom: 30px;}

.pinpaiM4 .rongyu .item img{display: block;width: 100%;}

.pinpaiM4 .rongyu .item span{display: block;}



/* 产品展示 */

.productBanner{position: relative;}

.productBanner .swiper-button-next,.productBanner .swiper-button-prev{width: 80px;height: 80px;padding: 0;}

.productBanner .swiper-button-next::after,.productBanner .swiper-button-prev::after{display: none;}

.productBanner .swiper-button-next{background: url(../images/ban-next.png) no-repeat;background-size: 100%;}

.productBanner .swiper-button-prev{background: url(../images/ban-prev.png) no-repeat;background-size: 100%;}



.productNav{align-items: stretch;background: #fff;border-bottom: 1px solid #E3E3E3;}

.productNav a{font-size: 20px;color: #0d3875;font-weight: 700;padding: 32px 96px;position: relative;}

.productNav a::after{content: "";width: 0;height: 4px;transition: all .4s;background: #D5AC81;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}

.productNav a.active::after,.productNav a:hover::after{width: 50px;}

.productMain{background: #F4F4F4;padding-bottom: 164px;}

.productMain .nyMainP{padding-top: 150px;}

.productMain .T2M{margin-bottom: 40px;}

.productMain .item{background: #fff;border-radius: 25px;margin-bottom: 20px;overflow: hidden;}

.productMain .item img{display: block;width: 100%;transition: all .5s;}

.productMain .item:hover img{transform: scale(1.1);}

.productW1 .pic{flex-shrink: 0;width: 50%;overflow: hidden;}

.productW1 .left{padding-left: 115px;line-height: 1.4;}

.productW1 h3{font-size: 40px;color: #0d3875;font-weight: 700;}

.productW1 h4{font-size: 30px;color: #0d3875;font-weight: normal;}

.productW1 h5{font-size: 30px;color: #0d3875;font-weight: normal;padding-top: 36px;}

.productW1 .desc{font-size: 18px;color: #0d3875;padding: 10px 160px 80px 0;}

.productW1 p{font-size: 18px;color: #0d3875;padding: 36px 0 90px;}

.productW1 p span{display: block;}

.productW1 .link{padding-right: 56px;background: url(../images/btn-down.png) no-repeat right center;background-size: 47px;display: inline-block;}

.productW1 .link span{transition: all .4s;display: block;width: 130px;height: 48px;line-height:48px;background: #CCAC84;border-radius: 50px;text-align: center;font-size: 18px;color: #fff;}

.productW1 .link span:hover{background: #0D3875;}



.productW2 .item{flex-shrink: 0;width: 49.33%;-webkit-box-sizing: border-box;box-sizing: border-box;padding:28px 28px 48px;text-align: center;line-height: 1;}

.productW2 .item .pic{overflow: hidden;}

.productW2 h3{font-size: 40px;color: #0d3875;padding: 36px 0 16px;}

.productW2 p{font-size: 18px;color: #0d3875;}

.productW2 .link{display: block;width: 130px;height: 48px;line-height:48px;background: #CCAC84;border-radius: 50px;text-align: center;font-size: 18px;color: #fff;margin: 38px auto 0;}

.productW2 .link:hover{background: #0d3875;}

.productW3 .item{width: 32.4%;}



/* 联系我们 */

.contactBg{position: relative;}

.contactBg img{display: block;width: 100%;}

.w1190{max-width: 1190px;width: 100%;margin: 0 auto;}

.contactBg .info{position: absolute;left: 0;right: 0;margin: auto;font-size: 18px;color: #fff;top: 22vh;line-height: 1.4;}

.contactBg .info h3{font-size: 40px;}

.contactBg .info2{color: #0d3875;}

.contactPhone{padding: 54px 0;}

.contactPhone .item{margin-right: 100px;}

.contactPhone .item:last-child{margin-right: 0;}

.contactPhone .Pname{font-size: 20px;color: #0d3875;font-weight: 700;margin-bottom: 32px;}

.contactPhone .Pname span{padding-right: 20px;position: relative;}

.contactPhone .Pname span::after{content: "";width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #0d3875;position: absolute;right:0;top: 0;bottom: 0;margin: auto;}

.contactPhone .Pnumber span{font-weight: 700;font-size: 40px;color: #0d3875;margin-right: 46px;}









/* --------------------------------手机端-------------------------------- */

.aboutBanner img,.pinpaiBanner img{width: 100%;display: none;}

@media screen and (min-width: 200px) and (max-width: 750px) {

	.aboutBanner img,.pinpaiBanner img{width: 100%;display: block;}

	.aboutBanner,.pinpaiBanner{ background: none;height: auto;}

	

	.T2M .cT2 b,.aboutM1 .T1,.T34 .b,.aboutM3Swiper .desc h3,.aboutM3 .quyuItem .sname{font-size: 22px;}
	.T34 .b{padding:0 6%}
	.T34 .b div{display: block;}
	.aboutM1 p{padding-top:20px;}
	
	.T2M .cT2{font-size: 15px;}
	.T2M img{width: 36px;}
	.pinpaiM2 .lishi .year{font-size: 20px;}
	.pinpaiM2{padding-bottom: 40px;}
	.pinpaiM3 .item b{font-size: 16px;}

	.pinpaiM1{margin-top: 0;margin-bottom: 90px;}

	.pinpaiM1 .wenhua{    flex-direction: column;}

	.pinpaiM1 .item{border-right:0}

	.pinpaiM1 .item .desc{padding:0 10%}

	.pinpaiM1 .item{margin-top:20px;}

	.pinpaiM1 .item b{padding:0;    font-size: 30px;}

	.pinpaiM2 .keys{font-size:16px}

	.pinpaiM2 .lishi .item{width: 100%;}

	.M3desc{width: 95%;margin:0 auto;font-size: 14px;    padding: 17px 0 50px;}
	.M3desc span{display: inline;}

	.pinpaiM2 .lishi p,.M3desc,.pinpaiM1 .item .desc,.pinpaiM4 .rongyu .item span,.aboutM1 p,.aboutM1 .item,.aboutM2 .item,.aboutM3Swiper .desc p,.aboutM3 .quyuItem .desc,.T34 span{font-size: 14px;    line-height: 23px;}
	.T34 .inline span{display: inline;}
	.T34 .inline2 span:nth-of-type(1),.T34 .inline2 span:nth-of-type(2){display: inline;}

	.pinpaiM4 .rongyu .item .pic{margin-bottom: 14px;}

	.pinpaiM1 .item b,.aboutM2 .name{font-size: 22px;}

	.pinpaiM3 h3{font-size: 22px;}

	.M3dang{    flex-direction: column;    padding: 0 20px 60px;}

	.pinpaiM3 .item{margin-bottom: 20px;}

	.pinpaiM3 .item b{font-size: 16px;}

	.pinpaiM3{margin-bottom: 40px;}

	.pinpaiM4 .rongyu{padding:40px 0 100px 0}

	.pinpaiM4 .rongyu .item{width: 46%;margin:1% 2% 20px  2%;}

	.productBanner .swiper-button-next, .productBanner .swiper-button-prev{display: none;}

	.productNav a{padding:0;font-size:16px;padding:15px 0;width: 25%;text-align: center}

	.productMain .nyMainP{ padding-top: 30px;}

	.productMain .item{    flex-direction: column-reverse;width: 96%;margin:0 auto 20px auto}

	.productW1 .left{padding:0;width: 90%;margin:15px auto}

	.productW1 .pic{width: 100%;}

	.productW1 h3,.productW2 h3,.aboutM1 .T1,.aboutM1 .item .num{font-size:19px;}
	.T2M .cT2{padding: 0 10px;}

	.productW1 h4,.productW1 h5{font-size:16px;padding-top:2px;}

	.productW1 p{    padding: 20px 0 ;font-size:14px;}
.productW2 p{font-size: 14px;}
	.productW1 .desc,.aboutM1 .nyMain{padding:20px 0;width:93%;margin:0 auto;box-shadow: none;font-size: 16px;}
	.productW1 .desc{margin:0;}
	.aboutM2 .item b{font-size: 19px;}
	.aboutM1 .nyMain{padding-top:0;padding-bottom: 0;}
	.productW3,.productW2 {    flex-direction: column;}

	.aboutM1{margin:30px 0}

	

	.aboutM1 .item{width: 30%;border:none;}

	.aboutM1 .item::after{display: none;}

	.aboutM1 .item{    flex: auto;margin-bottom: 20px;}

	.aboutM1 .number{    flex-wrap: wrap;}

	.aboutM1 p{padding-bottom: 20px;}

	.aboutM2 .nyMain{    flex-direction: column;width: 92%;margin:0 auto;padding:20px 0;}

	.aboutM2 .pic{margin:0;width: 100%;}

	.aboutM3{padding:30px 0}
	.aboutM2 .item{margin-bottom:15px;}

	.aboutM2 .name{line-height:1.5;padding:20px 0 15px 0}

	.aboutM3Swiper .swiper-slide{width: 100%;}

	.T34{margin-bottom: 30px;}

	.aboutM3Swiper .desc,.T34 p{ position: initial;width: 90%;margin:10px auto;}

	.aboutM3Swiper .desc h3,.aboutM3Swiper .desc p{color:#0d3875;text-align: left;padding:0}

	.aboutM3Swiper .desc h3{margin-bottom: 10px;font-size: 20px;}

	.aboutM3Swiper{margin-bottom: 50px;}

	.aboutM3 .quyuItem{    flex-direction: column-reverse;width: 90%;margin:0 auto 15px auto;}

	.aboutM3 .quyuItem .pic{width: 100%;}

	.aboutM3 .quyuItem .left{padding:0;width: 94%;margin:0 auto;}

	.aboutM3 .quyuItem .left{padding-bottom: 15px;}

	.aboutM3 .quyuItem .sname{font-size: 19px;    background-size:19px 22px;margin-top: 15px;    padding-left: 25px;}
	.aboutM3 .quyuItem .desc{margin-top: 15px;}

	.aboutM4{padding:30px 0}

	.aboutM41 .item{width:23%;margin:1%}
	.aboutM41 .item:nth-child(13) img,.aboutM41 .item:nth-child(14) img,.aboutM41 .item:nth-child(15) img,
	.aboutM41 .item:nth-child(17) img,.aboutM41 .item:nth-child(18) img,.aboutM41 .item:nth-child(19) img
	{width: 70%;}
	.aboutM41 .item:nth-child(16) img{width:58%;}

	.aboutM41 .item img{width: 60%;}

	.aboutM41{margin-bottom: 50px;}

	.aboutM42{    flex-wrap: wrap;}

	.aboutM42 .item{width:25%;margin:4%}
	.aboutM42 .item{    display: flex;
    justify-content: center;
    align-items: center;}
	.aboutM42 .item img{width:50%}
	.productW1 .link span{font-size: 14px;height: 32px;width: 100px;
    line-height: 32px;}
	.productW1 .link{background-size: 32px;padding-right:40px;}
	.productW2 .item{padding-bottom:28px;}
	

	.contactBg .info{top:25%;    text-align: center;}

	.contactBg .info h3{font-size:26px;}

	.contactPhone .item{margin-right: 0;}

	.contactPhone{flex-direction: column;width: 90%;margin:0 auto;}

	.contactPhone .Pname{margin-bottom: 10px;}
	.productW2 .link{margin-top:20px;    width: 100px;
    height: 32px;
    line-height: 32px;font-size:16px;}

	.contactPhone .item{margin-bottom: 30px;}

	.contactPhone .Pnumber span{font-size: 19px;display: block;}
	.contactPhone{padding:30px 0 1px;}
	.productMain{padding-bottom:20px;}
	.contactPhone .Pname span{font-size: 18px;}
	.contactBg .info2{font-size: 14px;}

}