@media only screen and (min-width: 320px) and (max-width: 740px) {
	 .content {position: relative;}
	.content .prolist .all .contact{ width: fit-content !important;display: none !important;
    position: fixed;bottom: 26px;left: 50%; z-index: 999;transform: translatex(-50%);border-radius: 24px !important;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);font-size: 14px !important;padding: 0 38px !important;}
	.content .procg{display: none;position: fixed;
    width: 100% !important;background: #f8f9fa;left: 0;} 
	.content .prolist .all .cate{width: 100%;
    font-size: 12px;font-weight: 700; color: #9aa0a6;
    padding: 0 0 5px 0;}
	.content .bx{padding: 10px 20px !important;}
	.content .prolist .all .bt{color: #4285f4 !important;font-size: 24px !important;}
	.content .prolist .all .bt .icon {vertical-align: middle;}
	.content .procg h1 .closem{float: right;}
	.product .fea li{width: 100%;}
	.product .fea li .bmk h3{margin: 10px 10px 5px 10px !important;font-weight: 400 !important;height: 60px;
    overflow: hidden;}
	.product .fea li .bmk span{display: none !important;}
	.product .fea li .bmk p{margin: 0 10px 7px 10px !important;}
	.product .other{display: grid;width: 100%;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 4px),1fr));grid-gap: 8px 8px;}
				}					
    @media only screen and (min-width: 741px) and (max-width:1200px) {	
	.content .prolist .all .bt .icon,.content .prolist .all .cate{display: none;}
	.content .procg h1 .closem{display: none;}
	.content .procg{margin-right: 60px;min-width: 240px;max-width: 244px;}
	.product .fea li{width: 48.9%;}
	.product .fea li img{width: 100% !important;height: auto;}
	.product .fea li .bmk{width: 100% !important;}
	.product .other{display: grid;width: 100%;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 4px),1fr));grid-gap: 8px 8px;}
			   }
    @media only screen and (min-width: 1200px)  {					
	.content .prolist .all .bt .icon,.content .prolist .all .cate{display: none;}
	.content .procg h1 .closem{display: none;}
	.content .procg{margin-right: 60px;min-width: 240px;max-width: 244px;}
	.product .fea li{width: 48.9%;}
	.product .other{display: grid;width: 100%;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 20px),1fr));grid-gap: 20px 26px;}
				}	
	.content .bx{display: flex;padding-top: 10px;}
	.content .procg{border: 1px solid #dadce0;border-radius: 8px;height: fit-content;}
	.content .procg h1{font-size: 18px; font-weight: 700; color: #80868b;
    padding: 18px; border-bottom: 1px solid #dadce0;}
	.content .procg li{display: flex; padding: 15px 18px;justify-content: space-between;}
	.content .procg li a{font-size: 16px;color: #202124;}
	.content .procg li{font-size: 14px;color: #5f6368;}
	.content .procg .current-cat{background: #e8f0fe !important;}
	.content .procg .current-cat a,.content .procg .current-cat{color:#185abc !important;}
	.content .prolist {flex-grow: 1;}
	.content .prolist .all{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #dadce0;
    padding-bottom: 20px;margin-bottom: 20px;}
	.content .prolist .all .bt{font-size: 30px;font-weight: 600;color: #202124;margin-bottom: 10px;}
	.content .prolist .all .contact{font-size: 18px;font-weight: 600;width: 280px; height: 50px;cursor: pointer;border-radius: 4px;
	    text-align: center;background-color: #185abc; color: #fff;line-height: 50px;}
	.product h2{font-size: 24px;font-weight: 600;color: #202124;margin-bottom: 20px;}
	.product .fea{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.product .fea li a{display: flex;flex-wrap: wrap;}
	.product .fea li{border: 1px solid #dadce0;border-radius: 8px;overflow: hidden;margin-bottom: 20px;}
	.product .fea li:hover{box-shadow: 0 4px 8px 3px #dadce0}
	.product .fea li .bmk h3{font-size: 20px;font-weight: 600;color: #202124;margin: 24px 30px 10px 30px;line-height: 30px;}
	.product .fea li .bmk p{font-size: 14px;line-height: 20px;color: #5f6368;margin: 0 24px 0 30px;}
	.product .fea li .bmk span{display: block;font-size: 14px;font-weight: 600;color: #185abc;padding: 24px 30px;}
	.product .fea li img{width: 50%;height: auto;}
	.product .fea li .bmk{width: 50%;}
	.product .op{margin-top: 20px;padding-top: 20px;border-top: 1px solid #dadce0;}
	
	.product .other li{width: 100%;border: 1px solid #dadce0;border-radius: 8px;overflow: hidden;background: #fff;}
	.product .other li img{width: 100%;height: auto;}
	.product .other li h3{font-size: 16px;font-weight: 600;line-height: 20px;color: #202124;height: 40px;margin: 7px 16px 11px 16px;overflow: hidden;}
	.product .other li:hover{box-shadow: 0 4px 8px 3px #dadce0}
		.pagination{width:100%; text-align:center;margin:3% 0;line-height:23px;}
	.pagination span, .pagination a{font-size:16px;margin:2px 6px 2px 0;background:#fff;border:1px solid #7D7D7D;color:#7D7D7D;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#185abc;color:#fff;}
	.pagination .current{background:#185abc;border:1px solid #185abc;color:#fff;font-size:16px;padding:6px 10px;}