/*products*/
.mainTitle{font-size: 30px;padding-top: 50px;padding-bottom: 20px;}
.mainTitle i{display: block;font-size: 22px;color:#a0a0a0;line-height: 50px;}
.grayBg{background-color: #f1f1f1;width: 100%;padding-bottom: 65px;}
.productsList{width: 100%;overflow: hidden;height: 0; display: flex; flex-direction: column;align-items: center;}
.productsList.on{height: auto;}
.productsList ul{width:1152px; display: table; margin-left: 22px;}
.productsList ul li{width: 362px;float: left;margin:0 22px 26px 0;background-color: #fff;display: table-cell;}
.productsList .detail{display: none;}
.productsList .summary img{vertical-align: top;width: 100%; height: 362px;}
.productsList .summary em{display: block;text-align:center;font-size: 16px;font-weight: bold;line-height: 20px;padding:20px 0 20px;}
.productsList .summary i{font-size: 12px;line-height: 24px;color: #434343;padding:0 22px 26px;display: block;}
.tabs{font-size: 18px;padding:32px 0 22px;line-height: 15px;position: relative; display: flex;
justify-content: center;		}
.tabs .container{display: inline;position: relative;}
.tabs .border{height:38px;width:235px;border:1px solid #3a4791;position: absolute;left: 0px;top:-13px;cursor: pointer;}
.tabs ul{display: inline-block;}
.tabs li{display: inline-block;padding:0 44px;cursor: pointer; color: #3a4791;}
.tabs div.loginBtn{position: absolute;top: 0;right: 7%;margin-top: 26px;}

@media only screen and (max-width: 1212px) {
	.tabs .container{margin-left: 3%;}
	.productsList ul{width:100%; display: table; margin-left: 0;}
    .productsList ul li{width: 302px;float: left;margin:0 15px 26px ;background-color: #fff;display: table-cell;}
}
@media only screen and (max-width: 1023px) {
.productsList ul li{width: 40%;}
.productsList ul{margin-left: 0;}
.tabs{font-size: 0.8rem;}
.tabs div.loginBtn{right: 15%;}
}
@media only screen and (max-width: 750px) {
   .tabs li{padding:0 24px;}
   .tabs div.loginBtn{display: none;}
}
@media only screen and (max-width: 440px) {
	html{font-size: 62.5%;}
	.mainTitle{font-size: 2.5rem;padding-top: 5px;padding-bottom: 0px;}
.mainTitle i{display: block;font-size: 1.5rem;color:#a0a0a0;line-height: 26px;}
.grayBg{background-color: #f1f1f1;width: 100%;padding-bottom: 25px;margin:0 auto;}
.productsList{width: 100%;overflow: hidden;display: none;}
.productsList.on{display: block;}
.productsList ul{width:100%; display: table; margin-left: 0;}
.productsList ul li{width: 100%;float: left;margin:0 0px 0px 0;background-color: #fff;display: table-cell;}
.productsList .detail{display: none;}
.productsList .summary img{vertical-align: top;width: 100%;}
.productsList .summary em{display: block;text-align:center;font-size: 2rem;font-weight: bold;line-height: 20px;padding:15px 0 15px;}
.productsList .summary i{font-size: 1.5rem;line-height: 2rem;color: #434343;padding:0 22px 20px;display: block;}
.tabs{font-size: 1.2rem;padding:12px 0 12px;line-height: 2rem;}
.tabs .container{display: inline;position: relative;}
.grayBg .tabs .border{height:2.1rem;width:235px;border:1px solid #3a4791;position: absolute;left: 0px;top:-5px;cursor: pointer;}
.tabs ul{display: inline-block; }
.tabs li{display: inline-block;padding:0 4px;cursor: pointer;}
}


/*popup*/
.popup{position: fixed;left: 0;top:0;width: 100%;overflow-y:scroll;right:0;bottom:0;z-index:2000;background:#000;background: rgba(0,0,0,.5);display: none;padding-top:40px;}
.popup .popup-inner-wrap{width: 770px;margin:0 auto 40px;position: relative;white-space:nowrap;}
.popup .title{font-size: 24px;color: #fff;height: 46px;line-height: 46px;}
.popup .imgArea{text-align:center;background: #eeeeee;padding:40px 0;}
/*.popup .popup-inner-wrap p{padding-bottom: 30px;color: #434343;}*/
.popup .popup-inner-wrap p{display: block;font-size: 14px;padding:10px 0;}
@media only screen and (max-width: 750px) {
	.popup .popup-inner-wrap{width: 90%;}
	.popup .imgArea{text-align:center;background: #eeeeee;padding:40px 0;width: 100%}
	.popup .imgArea img{width: 100%}
  .popup .popup-inner-wrap p{display: block;font-size: 12px;padding:10px 0;}
  .popup .imgArea div a img{width: 100px;}
}