@charset "utf-8";
/* CSS Document */
*{font-family: "微软雅黑";font-size: 16px;}
body{margin: 0;background-color: #efefef;}
img{display: block;}
h1,h2,h3,h4{font-weight: normal;margin: 0;}
input{padding: 0;border: none;outline: 0;}
p{margin: 0;}
.clearfix{clear: both;}
/*页头*/
.top_b{overflow: hidden;position: relative;}
.top_b > img{position: relative;left: calc(50% - 960px);}
.top_c{width: 70%;position: absolute;left: calc(50% - 35%);top: 0;padding-left: 50px;}
.banner_t{margin-top: 115px;}
.btn{margin-top: 65px;}
.btn input{width: 160px;height: 44px;float: left;border-radius: 22px;background-color: transparent;border: solid 2px white;color:white;font-size: 18px;}
.btn input:nth-child(1){margin-right: 20px;}
.btn input:hover{background-color: #3e464d;border: none;}
@media(max-width:1280px){
	.top_b > img{width: 1400px;left: calc(50% - 700px);}
	.logo img{width: 200px;}
	.banner_t{margin-top: 50px;}
	.banner_t img{width: 360px;}
	.btn{margin-top: 50px;}
	.btn input{width: 140px;height: 36px;border-radius: 18px;font-size: 16px;}
}
@media(max-width:980px){
	.top_b > img{width: 1200px;left: calc(50% - 600px);}
	.logo img{width: 200px;}
	.banner_t{margin-top: 46px;}
	.banner_t img{width: 300px;}
	.btn{margin-top: 42px;}
	.btn input{width: 120px;height: 30px;border-radius: 15px;font-size: 14px;}
}
@media(max-width:580px){
	.top_b > img{width: 800px;left: calc(50% - 400px);}
	.logo img{width: 130px;}
	.banner_t{margin-top: 35px;}
	.banner_t img{width: 240px;}
	.btn{margin-top: 35px;}
	.btn input{width: 95px;height: 26px;border-radius: 11px;font-size: 12px;}
}
/*促销产品展示*/
.pro{max-width: 1200px; position: relative; margin: 0 auto;margin-top: 100px;}
.p1,.p2,.p3{}
.col{float: left;margin: 0 10px;position: relative;width:calc(100%/3 - 20px);}
.col img{width: 100%;}
.pro_t{position: absolute;top:65px;right: 40px;}
.pro_t h1{font-size: 30px;}
.pro_t h2{font-size: 24px;margin-top: 12px;}
.pro_t h3{font-size: 18px;margin-top: 12px;color: #d0a636;}
.pro_t h4{font-size: 18px;margin-top: 20px;}
@media(max-width:1000px){
    .pro_t{top:40px;right: 35px;}
	.pro_t h1{font-size: 20px;}
	.pro_t h2{font-size: 16px;margin-top: 8px;}
	.pro_t h3{font-size: 12px;margin-top: 8px;}
	.pro_t h4{font-size: 12px;margin-top: 15px;}
}
@media(max-width:700px){
    .pro_t{top:30px;right: 15px;}
	.pro_t h1{font-size: 15px;}
	.pro_t h2{font-size: 12px;margin-top: 12px;}
	.pro_t h3{font-size: 10px;margin-top: 12px;}
	.pro_t h4{font-size: 10px;margin-top: 12px;}
}
@media(max-width:580px){
	.col{width: calc(100% - 40px);margin: 10px 10px;}
	.pro_t{top:70px;right: 40px;}
	.pro_t h1{font-size: 36px;}
	.pro_t h2{font-size: 28px;}
	.pro_t h3{font-size: 24px;}
	.pro_t h4{font-size: 24px;}
}
/*时尚新品*/
.fashion_title{width: 260px;margin:0 auto;margin-top: 50px;border-left:solid 2px #d2a737;border-right:solid 2px #d2a737;text-align: center;}
.fashion_title h1{color: #3f3d3d;font-size:48px;line-height: 48px;margin-bottom: 10px;}
.fashion_title h2{color: #3f3d3d;font-size:14px;line-height: 14px;}
.col_z{max-width: 1200px;margin: 0 auto;margin-top: 87px;}
.col_1{width:calc(25% - 20px);float: left;margin:0 10px;position: relative;}
.col_1 img{width: 100%;}
.col_1 h1{position: absolute;top: 40px;font-size: 20px;left: calc(50% - 58px);color: #605f5f;font-family: acme;}
.col_1 h2{position: absolute;top: 84px;font-size: 16px;left: calc(50% - 30px);color: #918787;}
.col_1 h3{position: absolute;bottom: 28px;font-size: 16px;left: calc(50% - 30px);color: #ddbe7d;}
.shop{position: absolute;top: 0;width: 100px;height: 100px;display: none;}
.col_1:hover .shop{display: block} 
.col_1:hover{box-shadow: 0px 7px 27.84px 4.16px rgba(153,152,152,0.6) }
@media(max-width:1200px){
    .col_1{top:40px;}
	.col_1 h1{font-size: 18px;top: 25px;left: calc(50% - 52px);}
	.col_1 h2{font-size: 14px;top: 55px;left: calc(50% - 26px);}
	.col_1 h3{font-size: 14px;bottom: 16px;left :calc(50% - 26px);}
	.shop{width: 80px;height: 80px;}
}
@media(max-width:900px){
    .col_1{top:40px;}
	.col_1 h1{font-size: 14px;top: 23px;left: calc(50% - 46px);}
	.col_1 h2{font-size: 12px;top: 50px;left: calc(50% - 22px);}
	.col_1 h3{font-size: 12px;bottom: 16px;left: calc(50% - 22px);}
	.shop{width: 50px;height: 50px;}
}
@media(max-width:700px){
    .col_1{top:40px;}
	.col_1 h1{font-size: 12px;top: 18px;left: calc(50% - 40px);}
	.col_1 h2{font-size: 10px;top: 35px;left: calc(50% - 26px);}
	.col_1 h3{font-size: 10px;bottom: 11px;left: calc(50% - 24px);}
	.shop{width: 35px;height: 35px;}
}
@media(max-width:580px){
    .col_1{top:40px;width:calc(50% - 20px);float: left;margin: 10px;}
	.col_1 h1{font-size: 12px;top: 18px;left: calc(50% - 40px);}
	.col_1 h2{font-size: 10px;top: 35px;left: calc(50% - 26px);}
	.col_1 h3{font-size: 10px;bottom: 11px;left: calc(50% - 24px);}
	.shop{width: 35px;height: 35px;}
}
/*内容区广告*/
.banner_c{overflow: hidden;position: relative;margin-top: 150px}
.banner_c img{position: relative;}
.black_box{position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;}
.black_box:hover{background-color: rgba(0,0,0,0.35);transition: 0.6s}

.banner_c_text{top: 150px;position: absolute;width: 100%;text-align: center;}
.banner_c_text h1{font-size: 45px;color: white;line-height: 60px;}
.banner_c_text h2{font-size: 26px;color: white;line-height: 30px;letter-spacing:22px;}
.banner_c .btn{position: absolute;left: calc(50% - 170px);bottom: 40px;}
@media(max-width:580px){
	.banner_c img{height: 380px;}
    .col_1{top:40px;width:calc(50% - 20px);float: left;margin: 10px;}
	.banner_c_text{top:90px}
	.banner_c_text h1{font-size: 30px;}
	.banner_c_text h2{font-size: 16px;}
	.banner_c .btn{position: absolute;left: calc(50% - 120px);bottom: 40px;}
	.banner_c .btn input{width: 110px;height: 30px;border-radius: 15px;}
}
/*时尚新品2*/


/*店内头条*/

.show_box{width: 780px;margin: 0 auto;height: 500px;margin-top: -160px;overflow: hidden; position: relative;/*保留位置*/}
.move_box{position: relative;}
.new_column{width: 765px;background-color:#e3e4e3;background: #e3ee4e6;position: relative;margin-top: 40px;}
.new_text{background-color: white;position: absolute;right: 0;top:calc(50% - 117.5px);width: 360px;height: 184px;padding-right: 26px; padding-left: 100px;padding-top: 36px;padding-bottom: 14px;color: #424242;}
.new_text h1{font-size: 20px;line-height: 38px;}
.new_text p{font-size: 16px;line-height: 26px;}
.new_text span img{float: right;position: absolute;left: -25px;top: 7px}
.new_text span {position: relative; float: right;line-height: 26px;font-size: 12px;color: #dddddd;margin-left:50px;}
.btn_more input{position: relative; display: block; width: 100px;height: 40px;background: #4565a0;text-align: center;border-radius: 20px;margin-top: 40px;color: white;font-size: 14px;bottom: 15px;}
@media(max-width:780px){
	.new_text{display: none;}
	.show_box{width: 380px;margin: 0 auto;}
}
/*页脚*/
.footer_bg{color: #bcbcbc;background: #1d1d1d;overflow: hidden;}
.footer{width: 1000px;margin: 0 auto;padding-top: 78px;}
.footer_title{text-align: center;}
.footer_col{width: calc(25% - 79px); float: left;margin: 75px 35px;}
.footer_col:nth-child(3){width: calc(28% - 75px);}
.footer h1{font-size: 36px;line-height: 50px;}
.footer h2{font-size: 16px;}
.footer h3{ font-size: 20px;border-bottom: solid 1px #bab7b7; line-height: 40px;}
.guanyu,.fahuo{width:80px;}
.liyou{width:160px;}
.zhengpin{width:140px;}
.footer p{font-size: 14px;line-height: 28px;margin-top: 13px;}
.search{display: block;position: relative;width: 353px;margin: 0 auto;}
.search_box{display: block; width: 353px;height: 60px;background: #a2a0a1 ;border-radius: 30px;margin-top: 65px;margin-bottom: 170px;position: relative;}
.search_btn{width: 24px;height: 24px; position: absolute;right: 30px;top: 18px;background:  url(../img/search.png);}
@media(max-width:1000px){
	.footer{width:  100%}
}
@media(max-width:900px){
	.footer h1{font-size: 28px;line-height: 40px;}
	.footer h2{font-size: 13px;}
	.footer h3{ font-size: 17px;border-bottom: solid 1px #bab7b7; line-height: 32px;}
	.footer p{font-size: 12px;line-height: 24px;margin-top: 10px;}
	.search_box{display: block; width: 353px;height: 50px;background: #a2a0a1 ;border-radius: 25px;margin-top: 30px;margin-bottom: 140px;}
.search_btn{width: 20px;height: 20px; position: absolute;right: 20px;top: 15px;}
}
@media(max-width:780px){
	.footer_col{width: calc(50% - 90px); float: left;margin: 25px 35px;}
	.footer h1{font-size: 34px;line-height: 46px;}
	.footer h2{font-size: 15px;margin-bottom: 70px}
	.footer h3{ font-size: 16px;border-bottom: solid 1px #bab7b7; line-height: 28px;}
	.footer p{font-size: 13px;line-height: 26px;margin-top: 8px;}
	.search_box{display: block; width: 340px;height: 50px;background: #a2a0a1 ;border-radius: 25px;margin-top: 40px;margin-bottom: 80px;}
.search_btn{width: 20px;height: 20px; position: absolute;right: 30px;top: 15px;}
.footer_col:nth-child(3){width: calc(50% - 75px);}
}@charset "utf-8";
/* CSS Document */