/*2021-03-24  wj*/
/*  底层样式   */
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,th,td{margin:0; padding:0; outline:none;}
a:focus{-moz-outline-style:none;}
a:focus{outline:none;}
body,button,input,select,textarea{ font:12px/1  Microsoft YaHei,Helvetica,Tahoma,Arial,sans-serif;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted; cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
hr{border:none; height:1px;}
html{overflow-y:scroll;}
body{ font-size:12px; line-height:26px; white-space: normal; word-break: break-word;}
.fl{float:left !important;}
.fr{float:right !important;}



@font-face {font-family: "iconfont_bold"; src:url(../font/SourceHanSansCN-Bold.otf) format('truetype');}
.iconfont_bold{font-family:"iconfont_bold" !important ; font-style: normal;}

@font-face {font-family: "iconfont_Medium"; src:url(../font/SourceHanSansCN-Medium.otf) format('truetype');}
.iconfont_Medium{font-family:"iconfont_Medium" !important ; font-style: normal;}

@font-face {font-family: "iconfont_Normal"; src:url(../font/SourceHanSansCN-Normal.otf) format('truetype');}
.iconfont_Normal{font-family:"iconfont_Normal" !important ; font-style: normal;}

@font-face {font-family: "iconfont_Regular"; src:url(../font/SourceHanSansCN-Regular.otf) format('truetype');}
.iconfont_Regular{font-family:"iconfont_Regular" !important ; font-style: normal;}

/* 文字溢出隐藏  */
.txt_yc{display:block;/*内联对象需加*/
width:31em;
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;}
/* 文字溢出隐藏   end */

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block; display:block; zoom:1;}

.nopull{float:none !important;}

.txtleft{text-align: left !important;}
.txtright{text-align: right !important;}
.txtcenter{text-align: center !important;}

.nowrap{white-space: nowrap !important;}

/* 底层样式      end  */


/*   header  css   */
.head{width: 100%;height: 170px; margin: 0 auto; overflow: hidden; font-size:14px; background: #ffffff;border-bottom: 1px solid #e5e5e5;
padding-bottom: 1px;box-shadow: 0px 1px 10px #e5e5e5;}
.head_top{width: 100%; height: 30px; margin:0 auto;background: #141729;}
.head_top_main{width: 1400px; height: 30px; margin: 0 auto;}
.head_top_main_l{width: 180px; float: left;}
.head_top_main_l p a{color: #ffffff;}
.head_top_main_r{width: 200px; float: right;}
.head_top_main_r a{color: #ffffff;}

.head_main{width: 1400px; height: 140px; margin: 0 auto; overflow: auto;}
.head_main_logo{width: 300px; height: 140px; float: left;display: flex;align-items: center;}
.head_main_logo img{ height: 60px; align-items: center;}

.head_main_nav{width: 500px; height: 140px; float: left;}
.head_main_nav ul{width: 500px;}
.head_main_nav ul li{width: 110px; float: left; text-align: center; line-height: 136px;}
.head_main_nav ul li a{font-size: 18px; color: #171823;}
.head_main_nav ul li a:hover{color: #f66663;}

.head_main_sorch{width: 400px; height: 45px; float: left; margin-top: 5px;}
.head_main_sorch input{width: 400px; height: 45px; border: none;background: #f1f4fb; border-radius: 4px; font-size: 14px; color: #636572;text-indent:20px;}
.head_main_sorch span{width: 20px; height: 20px; float: right;cursor:pointer; padding-top: 20px;position:relative; top: 52px; right: 20px; background: url(../img/sorch.png) no-repeat;}

.head_main_cart{width: 168px; height: 45px; float: right; border: 1px solid #dadade; margin-top: 45px;border-radius: 4px;}
.head_main_cart img{width: 20px; height: 18px; float: left; position: relative; top: 14px; left: 18px;}
.head_main_cart p{float: right;line-height: 44px; padding-right: 18px; font-size: 14px; color: #f66663;}
/*   header  css  end  */

/*  banner css  */
.banner{width: 100%; height: 682px; margin: 0 auto; overflow: hidden; background: #f1f4fb;display: flex;align-items: center;}
.banner_bj{width: 1919px; height: 682px; margin: 0 auto; background: url(../img/banner_bj.png) no-repeat;  align-items: center;}
.banner_bj_main{width: 1400px; height:520px; margin: 0 auto; position: relative; margin-top: 30px;}
.banner_bj_main_l{width: 890px; height: 520px; float: left;}
.banner_bj_main_r{width: 490px;height: 250px; float: right;}
.banner_bj_txt{width: 1428px; height: 110px; margin: 0 auto; overflow: hidden; background: url(../img/txt_bj.png) no-repeat; margin-top: 10px;display: flex;align-items: center;}
.banner_bj_txt_tx{width: 70px; height: 50px; float: left;align-items: center; margin-left: 30px;}
.banner_bj_txt_tx img{width: 50px; height: 50px;border-radius: 50%; float: left;}

.banner_bj_txt_login{width: 150px; height: 50px; float:left;}
.banner_bj_txt_login p{font-size: 14px; color: #797b83; float: left; line-height: 50px; font-size: 14px; color: #797b83;}
.banner_bj_txt_login a{font-size: 14px; color: #171823; line-height: 50px;}

.black_overlay {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .50;filter: alpha(opacity=88);}
.white_content { display: none; position: absolute; top: 25%; left:38%; width: 481px; height: 564px; padding: 20px;  background:#FFFFFF; z-index:1002; overflow: auto; border-radius: 10px;} 
.white_content img{clear: both; display: block; margin:auto;  }
.white_content h3{font-size: 14px; color: #171924; margin-top: 40px; text-align: center; font-weight: normal;}
.colse{ float: right;}

.banner_bj_txt_but{width: 88px; height: 28px; border: 1px solid #f66663;border-radius: 2px; text-align: center; margin-right: 20px;}
.banner_bj_txt_but a{font-size: 14px; color: #f66663;  line-height:28px;}
.banner_bj_txt span{ font-size: 16px; color: #f66663; margin-left: 50px;}
.banner_bj_txt p{ font-size: 14px; color: #636572;text-indent:10px;}
/*  banner css end  */

/*  商品 css  */
.sp{width: 1400px; height: 460px; margin: 0 auto; margin-top: 50px;}
.sp h1{ font-size: 24px; color: #171924;font-weight:normal;}
.sp ul{width: 1400px; height: 400px;}
.sp ul li{width: 327.5px; height:400px; float: left; background: #f5f6f9; margin-right: 30px; margin-top: 30px;border-radius: 8px;text-align: center;}
.sp ul li .pic{width: 327.5px; height: 280px; }
.sp ul li .pic img{width: 327.5px; height: 280px; clear: both; display: block; margin:auto;border-radius:8px 8px 0 0;}
.sp ul li .pic_new{width: 28px; height: 78px; position: absolute; margin-left: 30px; background:url(../img/new.png) no-repeat;}
.sp ul li .pic_new em{ font-size: 16px; color: #ffffff; line-height: 30px;}
.sp ul li .txt{width: 327.5px; height: 120px;}
.sp ul li .txt a{font-size: 18px; color: #636572; line-height: 80px;}
.sp ul li .txt p{color: #f66663; font-size: 18px; line-height: 0px;}
/*  商品 css end  */

/*  广告位  css  */
.gg{width: 1400px; height: 122px; margin: 0 auto; overflow: hidden; margin-top: 50px;}
/*  广告位  css end  */