.productSet{ width: 100%; background: #f0f6fc;}
.productSet .proContainer{ width: 100%; }
.productSet .nr1{background: url(../images/bg3_04.jpg); height: 417px;}
.productSet .nr2{background: url(../images/bg3_02.jpg); height: 417px;}
.productSet .nr3{background: url(../images/bg3_04.jpg); height: 417px;}
.productSet .nr4{background: url(../images/bg3_05.jpg); height: 417px;}
.productSet .nr5{background: url(../images/bg3_03.jpg); height: 417px;}
.productSet .tit{ padding: 60px 0;}
.productSet .tit h2{ text-align: center; font-size: 40px; font-weight: bold; color: #333; padding-bottom: 20px;}
.productSet .tit p{ margin: 0 auto; text-align: center; width: 730px; color: #333; line-height: 22px; font-size: 12px;}
.productSet .proContainer .bt{ width: 100%; padding-top: 55px; text-align: center; font-size: 28px; color: #fff;}
.productSet .proContainer.nr2 .bt{ color: #FFF!important;}
.productSet .proContainer.nr4 .bt{ color: #FFF!important;}
.productSet .proContainer.nr5 .bt{ color: #000!important;}
.productSet .Main{ width: 100%;}
.productSet .Main ul{ text-align: center;}
.productSet .Main ul li{ height: 300px; display: inline-block; width:15%; max-width: 205px; margin: 0 5px;  position: relative; padding-top: 36px; box-sizing: border-box;}
.productSet .Main ul li .con{ width: 100%; position: relative; z-index: 2;}
.productSet .Main ul li .bg{ transition: 0.5s; opacity: 0.85; width: 100%; position: absolute;   z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.productSet .Main ul li .bg img{ width: auto; }
.productSet .Main ul li .icon{ width: 100%; height: 155px; position: relative;}
.productSet .Main ul li .icon img{ position: absolute; left: 50%; top: 50%;max-height: 100%; transform: translate(-50%,-50%);}
.productSet .Main ul li p{ font-size: 16px; color: #595959;}
.productSet .Main ul li .more{ display: block; background: url(../images/icon_15.png); width: 20px; height: 20px; margin: 6px auto 0 auto;}
.productSet .Main ul li:nth-child(1) .more{ margin-top: 15px;}
.productSet .Main ul li:last-child .more{ margin-top: 15px;}
.productSet .Main ul li:hover .bg{ opacity: 1;}
.productSet .proContainer.nr3 .Main ul li{ width: 18%; max-width: 250px; height: 300px;}
.productSet .proContainer.nr4 .Main ul li{  width: 24%;max-width: 332px; height: 300px; margin: 0;}
.productSet .proContainer.nr4 .Main ul li:nth-child(2){ width: 22%; margin-right: -0.5%; transform: translateY(5px);}
.productSet .proContainer.nr4 .Main ul li:nth-child(3){ width:22%; margin-left:  -0.5%; transform: translateY(5px);}
.productSet .proContainer.nr5 .Main ul li{  width: 24%;max-width: 332px; height: 300px; margin: 0;}
.productSet .proContainer.nr5 .Main ul li:nth-child(2){ width: 22%; margin-right: -0.5%; transform: translateY(5px);}
.productSet .proContainer.nr5 .Main ul li:nth-child(3){ width:22%; margin-left:  -0.5%; transform: translateY(5px);}
@media (max-width:1000px ) {
	.productSet .proContainer .bt{ padding: 0; line-height: 100px; text-align: center;}
	.productSet .proContainer{ height: 417px; width: 100%; }
	.productSet .proContainer ul{ width: 100%; overflow-x: scroll; white-space: nowrap; padding:0 15px; box-sizing: border-box;}
	.productSet .proContainer ul li .bg{ display: none;}
	.productSet .proContainer ul li{ background: #fff;}
	.productSet .tit{ width: 100%; padding: 40px 15px; box-sizing: border-box;}
	.productSet .tit p{ width: 100%;}
	.productSet .proContainer.nr4 .Main ul li:nth-child(2){ margin: 0 5px; transform: translateY(0);}
	.productSet .proContainer.nr4 .Main ul li:nth-child(3){ margin: 0 5px; transform: translateY(0);}
}


 @media only screen and (max-width:760px) {  
.productSet{ width: 100%; background: #f0f6fc;}
.productSet .proContainer{ width: 100%; }
.productSet .nr1{background: url(../images/bg3_04.jpg); height: 330px;}
.productSet .nr2{background: url(../images/bg3_02.jpg); height: 330px;}
.productSet .nr3{background: url(../images/bg3_04.jpg); height: 330px;}
.productSet .nr4{background: url(../images/bg3_05.jpg); height: 330px;}
.productSet .nr5{background: url(../images/bg3_03.jpg); height: 330px;}
.productSet .tit{ padding: 20px 0;}
.productSet .tit h2{ text-align: center; font-size: 22px; font-weight: bold; color: #333;padding-top: 10px; padding-bottom: 0px;}
.productSet .tit p{ margin: 0 auto; text-align: center; width: 730px; color: #333; line-height: 22px; font-size: 12px;}
.productSet .proContainer .bt{ width: 100%;  text-align: center; font-size: 18px; color: #fff;}
.productSet .proContainer.nr2 .bt{ color: #fff!important;}
.productSet .proContainer.nr4 .bt{ color: #FFF!important;}
.productSet .proContainer.nr5 .bt{ color: #000!important;}
.productSet .Main{ width: 100%;}
.productSet .Main ul{ text-align: center;display: flex; align-items: stretch;  gap: 20px;}
.productSet .Main ul li{ height: 165px; display: inline-block; width: 33%;  margin: 0 0px;  position: relative; padding-top: 12px; box-sizing: border-box;    flex: 0 0 calc(33.333% - 20px); /* 3鍒楀竷灞€锛屽噺鍘籫ap鍊 */
    display: flex;
    flex-direction: column; /* 鍐呴儴鍨傜洿鎺掑垪 */
    justify-content: space-between; /* 鍐呭涓婁笅鍒嗗竷 */}
.productSet .Main ul li .con{ width: 100%; position: relative; z-index: 2;}
.productSet .Main ul li .bg{ transition: 0.5s; opacity: 0.85; width: 100%; position: absolute;   z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.productSet .Main ul li .bg img{ width: auto; max-width:auto;}
.productSet .Main ul li .icon{ width: 100%; height: 82px; position: relative;}
.productSet .Main ul li .icon img{ position: absolute; left: 50%; top: 50%;max-height: 100%; transform: translate(-50%,-50%);}
.productSet .Main ul li p{ font-size: 12px; color: #595959;  /* 鏍稿績淇锛氬己鍒跺厑璁告崲琛 */
        white-space: normal; 
        /* 鍙€夛細闃叉闀垮崟璇?URL鎾戠牬瀹瑰櫒锛堝寮洪€傞厤锛 */
        word-wrap: break-word;
        word-break: break-all;
        /* 鍙€夛細纭繚瀹瑰櫒瀹藉害姝ｅ父锛堥伩鍏嶅搴﹀紓甯稿鑷存棤娉曟崲琛岋級 */
        width: 100%;
        box-sizing: border-box;}
.productSet .Main ul li .more{ display: block; background: url(../images/icon_15.png); width: 20px; height: 20px; margin: 6px auto 0 auto;}
.productSet .Main ul li:nth-child(1) .more{ margin-top: 6px;}
.productSet .Main ul li:last-child .more{ margin-top: 6px;}
.productSet .Main ul li:hover .bg{ opacity: 1;}
.productSet .proContainer.nr3 .Main ul li{ width: 30%!important; height:160px;}
.productSet .proContainer.nr4 .Main ul li{ width: 30%!important; height: 160px; margin: 0 !important;}
.productSet .proContainer.nr5 .Main ul li{ width: 30%!important; height: 160px; margin: 0 !important;}
/*.productSet .proContainer.nr4 .Main ul li:nth-child(2){ margin-right: -15px; transform: translateY(5px);}
.productSet .proContainer.nr4 .Main ul li:nth-child(3){ margin-left: -15px; transform: translateY(5px);}*/
}