﻿/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
/*body,button,input,select,textarea{font:12px arial,\5b8b\4f53}*/
body,button,input,select,textarea{font-size:12px;font-family: Noto IKEA Latin, Noto Ikea SC, Noto Sans, Roboto, Open Sans, -apple-system, sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
form{display:inline}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#79080e}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0;-ms-interpolation-mode:bicubic}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}


/*common*/
.clear{clear:both}
.clearfix{*zoom:1}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
body{background:#FFF}
/*contain*/
.top {width: 100%;height: 70px;}
.top a {display:block;width: 100%;height: 70px;background:#fff100;line-height: 70px;text-align:center;font-size: 14px;color: #FFF}
.top a:hover {color: #fff100}
.header{width: 1280px;height: 60px;padding: 46px 0 34px;margin: 0 auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.header h1{position:absolute;width: 170px;height: 40px;top: 80px}
.header h1 a{display:block;width: 170px;height: 40px}
.header h1 img{display:block;width: 170px;height: 40px;border:none}
.header .nav{width: 580px;height: 30px;padding-top: 15px;padding-left: 50px}
.header .nav a{display: inline-block;height: 30px;margin-right:20px;line-height: 30px;font-size: 14px;font-weight: bold;color: #111;text-decoration: none}
.header .nav a.curr,.header .nav a:hover{color: #54bac9;text-decoration: none}
.header .nav a span{display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:middle;background: url(../images/arrow_n1.png) no-repeat 0 0;background-size: 100% 100%}
.header .btn{width: 84px;height: 28px;margin-top: 16px;background:none}
.header .btn a{display:block;width:84px;height:28px;background:#c51c1e;border-radius:8px;line-height:28px;text-align:center;font-size:14px;color:#FFF;text-decoration:none}
.header .btn a:hover{color:#FFF;text-decoration:none}
.header .btn a span{display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:middle;background: url(../images/arrow_n.png) no-repeat 0 0;background-size: 100% 100%}
.header .header_r{width:452px;height:60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.header .header_r .search{width: 296px;height: 40px;background: #E9E9E9;border-radius: 20px;position: relative;margin-top: 10px}
.header .header_r .search input{display: block;width: 240px;height: 40px;background: none;border: none;outline: none;line-height: 40px;text-indent: 56px;font-size: 14px}
.header .header_r .search span{position: absolute;top: 12px;left: 28px;width: 16px;height: 17px;background: url(../images/ico_search.png) no-repeat 0 0;background-size: 100% 100%}
.header .header_r .search button{position: absolute;top: 0;right:0;width: 60px;height: 40px;background: #000;border: none;border-radius: 20px;line-height: 40px;text-align: center;font-size: 14px;color: #FFF}
.header .header_r .menu{width: 139px;height: 48px;padding-top:6px;display: flex;flex-wrap: wrap;justify-content: space-between}
.header .header_r .menu a{display: block}
.header .header_r .menu a.a1{width: 48px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: bold;color: #111;text-decoration: none}
.header .header_r .menu a.islogin{width: 48px;height: 48px;background: #FFF100;border-radius: 24px;line-height: 48px;text-align: center;font-size: 14px;font-weight: bold;color: #FFF;text-decoration: none}
.header .header_r .menu a.a2{width: 22px;height: 22px;margin:13px 30px 0 17px;background: url(../images/ico_collect.png) no-repeat 0 0;background-size: 100% 100%;text-indent: -9999px}
.header .header_r .menu a.a3{width: 22px;height: 22px;margin-top: 13px;background: url(../images/ico_cart.png) no-repeat 0 0;background-size: 100% 100%;text-indent: -9999px}

.footer_xj{width: 100%;height: 365px;background: #f5f5f5;border-top: 1px solid #dfdfdf}
.footer_xj .foot1{width:1040px;height: 215px;padding: 60px 0 30px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer_xj .foot1_left{width: 161px}
.footer_xj .foot1_left img{display: block;width: 102px;height: 132px;border: none}
.footer_xj .foot1_center{width: 480px;height:215px;padding:0 33px 0 120px;border-left:2px solid #c0c0c0;border-right:2px solid #c0c0c0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer_xj .foot1_center .menu{width: 160px}
.footer_xj .foot1_center .menu h4{margin-bottom: 20px}
.footer_xj .foot1_center .menu h4 span{display: inline-block;height: 32px;padding-bottom: 2px;border-bottom: 1px solid #c0c0c0;line-height: 32px;font-size:14px;font-weight: bold;color: #181818;letter-spacing: 1px}
.footer_xj .foot1_center .menu p{height: 34px;line-height: 34px;font-size: 14px;color: #525252;letter-spacing:1px}
.footer_xj .foot1_center .menu p a{color: #525252;text-decoration: none}
.footer_xj .foot1_center .menu p a:hover{color: #79080e}
.footer_xj .foot1_right{width: 177px;padding-left: 40px}
.footer_xj .foot1_right h4{height: 34px;line-height: 34px;font-size: 14px;font-weight: bold;color: #181818}
.footer_xj .foot1_right p{height: 38px;line-height: 38px;font-size: 18px;font-weight: bold;color: #181818}
.footer_xj .foot1_right a{display:block;width:100px;height: 30px;margin-top:28px;border:1px solid #181818;border-radius: 6px;line-height: 30px;text-align:center;font-size: 12px;color: #FFF;text-decoration: none}
.footer_xj .foot1_right a:hover{color: #79080e;}

.footer_xj .foot3{width:1040px;padding-bottom:92px;margin: 0 auto}
.footer_xj .foot3 img{display: block;width: 897px;height:385px;margin:0 auto;border:none}
.footer_xj .foot2{width:1040px;height: 53px;margin:0 auto;border-top:2px solid #c0c0c0;line-height: 53px;text-align: center;font-size: 12px;color: #525252}
.footer_xj .foot2 a{color:#525252;text-decoration: none}
.footer_xj .foot2 a:hover{color:#79080e;}