.productSet{ width: 100%; background: #f0f6fc;}
.productSet .proContainer{ width: 100%; }
.productSet .nr1{background: url(../images/bg3_02.jpg); height: 417px;}
.productSet .nr2{background: url(../images/bg3_03.jpg); height: 417px;}
.productSet .nr3{background: url(../images/bg3_04.jpg); height: 417px;}
.productSet .nr4{background: url(../images/bg3_04.jpg); height: 417px;}
.productSet .nr5{background: url(../images/bg3_05.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: #000!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_02.jpg); height: 330px;}
.productSet .nr2{background: url(../images/bg3_03.jpg); height: 330px;}
.productSet .nr3{background: url(../images/bg3_04.jpg); height: 330px;}
.productSet .nr4{background: url(../images/bg3_04.jpg); height: 330px;}
.productSet .nr5{background: url(../images/bg3_05.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: #000!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: 165px; display: inline-block; width: 33%;  margin: 0 0px;  position: relative; padding-top: 12px; 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; 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;}
.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);}*/
}