@charset "utf-8";
/* CSS Document */

/*index*/
@media screen and (max-width: 1024px) {
	.login{ width: 400px; top:calc(50% - 182px); left: calc(50% - 200px);}
	.login .l-list{ padding: 30px 24px 40px 24px; }
	.login .l-list h2{ font-size: 2.2em; margin-bottom: 30px;}
	.login .l-list input{ border-radius:6px;}
	.login .btn input{ margin-top:10px;}
	.ibrand .brand-box .brand-tip .brand-t{ padding:80px;}
}
/*pro-main*/
@media screen and (max-width: 1024px) {
	.header .hb-box{ width:165px;}
	.pro-boxs .pro-list .tit{ padding: 30px 20px 20px 20px;}
	.header .logo img{ width:160px;}
	.header{ padding:14px 0;}
	.header .sreach form input{ padding:8px 10px;}
	.header .sreach form .fm-btn{ width:40px;}
	.header .sreach a img{ width:20px; }
    .header .sreach a.shop {  padding: 0;    }
    .header .sreach .wlpt {   padding: 0;    }
	.pro-boxs .pro-list .tit h4{ font-size:2em;}
	.pro-boxs .pro-list .panel-header{ padding:16px 20px;}
	.pro-boxs .pro-list .panel-header:after{top:22px; right:6px;}
	.pro-boxs .pro-list{ width: 200px; }
	.pro-boxs .pro-box .tit .il img{ width:300px; padding:8px 0 0 0;}
	.pro-boxs .pro-box .pl-b{ padding:20px 20px;}
	.pro-boxs .pro-box .tit{ margin-bottom:15px;}
	.pro-boxs .pro-box .tit .t h4,.pro-boxs .pro-box .tit .t h3{ font-size:1.8em;}
	.pro-boxs .pro-list .panel-body a{ padding:12px 24px;}
	.pro-boxs .pro-list .plogos{ padding:0 20px;}
	.pro-boxs .pro-box .pl-b .img-d .d:after{top:8px; right:10px; width:24px; height:24px; background-size:contain;}
	.pro-boxs .pro-box .pl-imgs .swiper-slide .t{ padding:12px 20px;}
	.pro-boxs .pro-box .pl-imgs .swiper-slide .t p{ font-size:1.4em;}
	.pro-boxs .pro-box .pl-imgs .tit{ padding:20px 20px 10px 20px;}
	.pro-boxs .pro-box .pli-slider{ margin:0 0 40px 20px;}
	.pro-boxs .pro-list .plogos .plc{ padding:20px 10px;}
	.pro-boxs .pro-list .p-list{ height: calc(100vh - 290px); }
	.pro-boxs .pro-list .plogos .plc:after{ right:0;}
	.pro-boxs .pro-box .pd .d{width: calc(50% - 30px); }
	.cp-list .cpl .cpb img{width:60px;margin-right: 30px;}
	.cp-list .warp{flex-wrap: wrap;} 
	.cp-list .cpl{ margin-bottom: 20px; width:52%;}
	.cp-list form{ justify-content: flex-end;}
	.cp-list .cpl .cpb{ margin-top:-10px;}
	.cp-list .pns{ width:160px;}
}
/*proshow*/
@media screen and (max-width: 1024px) {
	.proshow .back a{ padding:16px 40px;}
	.proshow{ padding:60px 0 20px 0;}
	.proshow .btns h3{ font-size:2em;}
	.proshow .btns a{ width:160px; padding:12px 0; margin:0 10px;}
	.proshow .btns{ padding:30px 0 50px 0;}
	.proshow .txts p{ margin-bottom:10px;}
	.proshow .txts{ padding-bottom:30px;}
	.proshow .more .tit h3{ margin:30px 0 20px 0;}
	.shopline .logo{ padding:20px 30px;}
	.shopline .shop-bottom{ padding:10px 0;}
	.shopline .shop-bottom>*{ padding:0 40px 0 20px;}
}
/*pro-all*/
@media screen and (max-width: 1680px) {
	.pro-all .pro-list .pb2 .pbox .pb .p5{ width:60px;}
	.pro-all .pro-list .pb2 .pbox .pb .p5 img{ width:40px;}
}
@media screen and (max-width: 1024px) {
	.pro-all .pro-list .pb2 .pbox .pb{  flex-wrap:wrap;}
	.pro-all .pro-list .pb2 .pbox .pb .p1{ width:100%; }
	.backline a{ padding:12px 24px;}
	.pro-all .tit{ padding: 16px 16px 10px 24px;}
	.pro-all .tit h3{ font-size:1.8em;}
	.pro-all .pro-list .pb1>h3, .pro-all .pro-list .pb2>h3{ padding:10px 24px;}
	.pro-all{ height: calc(100vh - 100px);}
	.pro-all .pro-list .pbox{  overflow-y: scroll; height: calc(100vh - 184px);}
	.pro-all .pro-list .pb1 .pbox .pb{ padding:10px 20px;}
	.pro-all .pro-list .pb1 .pbox .pb .img{ width:120px;}
	.pro-all .pro-list .pb1 .pbox .pb:after{ right:15px;}
	.pro-all .pro-list .pb1 .pbox .pb .txt{ padding-left: 15px; width: calc(100% - 140px);}
	.pro-all .pro-list .pb1 .pbox .pb .txt .t h3{ padding: 0px 0 5px 0; font-size: 1.6em;}
	.pro-all .pro-list .pb2 .pbox .pb{ padding:20px 0;}
	.pro-all .pro-list .pb2 .pbox .pb .p5 img{ width:30px;}
	.pro-all .pro-list .pb2 .pbox .pb>*{ padding:0 10px; width:20%;}
	.pro-all .pro-list .pb2 .pbox .pb .p2, .pro-all .pro-list .pb2 .pbox .pb .p4{  font-size:1.4em; padding:0 15px;}
	.pro-all .pro-list .pb2 .pbox .pb .p1{ font-size:1.4em;}
}
/*pro-check*/
@media screen and (max-width: 1024px) {
	.pro-check .tit{ padding: 16px 16px 10px 20px;}
	.pro-check .tit h3{ font-size:1.8em;}
	.pro-check{ height: calc(100vh - 100px);}
	.pro-check .pro-list .pbox{  overflow-y: scroll; height: calc(100vh - 154px);}
	.pro-check .pro-list .pbox .pb{  padding:20px 10px;}
	.pro-check .pro-list .pbox .pb .choose{ width:40px; padding-left:0; padding-top:30px;}
	.pro-check .pro-list .pbox .pb .img{width: 180px; margin:0 auto 20px auto; float:none;}
	.pro-check .pro-list .pbox .pb .txt{ padding:0 20px; width: 100%; }
	.pro-check .pro-list .pbox .pb .txt .t h3{ padding:0; font-size:1.6em;}
	.pro-check .pro-list .pbox .pb .txt .dot>*{ width:50% !important;}
	.pro-check .pro-list .pbox .pb .txt .d1, .pro-check .pro-list .pbox .pb .txt .d2{ width:50%;}
	.pro-check .pro-list .pbox .pb .txt .d1, .pro-check .pro-list .pbox .pb .txt .d2, .pro-check .pro-list .pbox .pb .txt .d3{ padding-top:5px;}
	.pro-check .pro-list .pbox .pb .txt .d6 img{ width:30px;}
	.pro-check .pro-list .pbox .pb .txt .d4,.pro-check .pro-list .pbox .pb .txt .d5,.pro-check .pro-list .pbox .pb .txt .d6{width:33.33% !important;}
	.pro-check .pro-list .pbox .pb .txt .d7{ margin:0;}
	.pro-check .pro-list .pbox .pb .txt .dot{ display:flex; flex-wrap:wrap;}
	.pro-check .pro-list .pbox .pb .txt .d3{ width:100%; margin:20px 0;}
}