html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-width:1200px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#666;-webkit-font-smoothing:antialiased;background:#f7f7f7;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
input,textarea,select {padding:6px;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff6600;}

input[type="radio"] + label::before {content: '';display: inline-block;vertical-align: middle;width: 8px;height: 8px;margin-right: 5px;border-radius: 50%;border: 1px solid #d9d9d9;padding:2px;position: relative;top: -1px;}
input[type="radio"]:checked + label::before {background-color: #f60;background-clip: content-box;border: 1px solid #f60;}
input[type="radio"] {display: none;}

input[type="checkbox"]{width:12px!important;height:12px!important;display: inline-block;text-align: center;vertical-align: middle;position: relative; margin-right:5px; top:-2px;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left:0 ;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9; line-height:12px;}
input[type="checkbox"]:checked::before{content: "\e970";background-color: #fff;width:100%;border: 1px solid #f60;color:#f60;font-size: 14px;font-weight: bold;font-family:'iconfont';}

@font-face {
  font-family:'HYYaKuHei';
  src: url('font-ttf/HYYaKuHei.ttf');
}
@font-face {
  font-family:'jdzh';
  src: url('font-ttf/jdzh.ttf');
}
@font-face {
  font-family:'tenzt';
  src: url('font-ttf/tenzt.ttf');
}
@font-face {
  font-family:'pmbt';
  src: url('font-ttf/pmbt.ttf');
}
@font-face {
  font-family:'sjkjt';
  src: url('font-ttf/sjkjt.ttf');
}
@font-face {
  font-family:'ZiTiQuan';
  src: url('font-ttf/ZiTiQuan.ttf');
}

/*鍐呭鍒濆鍖�*/
.contenttxt{padding:20px 0;line-height:30px;font-size:14px;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:700px;margin:15px auto; display:block}
.contenttxt p,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

.bd {border: none;}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.w1200 {margin:auto;width:1200px;clear:both;}
.w1350 {margin:auto;width:1350px;clear:both;}
.w1380 {margin:auto;width:1380px;clear:both;}
.warp {margin:auto;width:1200px;clear:both;overflow:hidden}
.wrap_box { margin:auto;width:1380px; min-width:1200px;}
@media(max-width:1580px){
.wrap_box { width:1200px;}
}

.f-l { float:left;}
.f-r { float:right;}

.b1 {height:1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b40 {height:40px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b50 {height:50px;font-size:1px; clear:both;width:100%;overflow:hidden}

.m {margin:auto;width:1200px;clear:both; position:relative}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.slide {background:#FAFAFA;overflow:hidden;}
/*========================================================*/

/*椤靛ご鏍峰紡 THE*/

/*椤堕儴*/
.header_top { padding:0 40px; height:76px; background:#fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%); box-sizing:border-box;}
.header_top.on { position:relative; z-index:6060;}
.header_top .header_top_logo { float:left;display: flex; align-items: center; height:76px; position:relative;}
.header_top .header_top_logo a img { height:45px;}
.header_top .header_top_logo .qxz { width:15px; height:76px; margin:0 18px 0 20px; cursor:pointer;padding-top: 24px;box-sizing: border-box; display:none}
.header_top .header_top_logo .qxz i { display:block; float:left; width:3px; height:3px; background:#666; margin-right:3px;}
.header_top .header_top_logo .qxz i:nth-child(3n+3) { margin-right:0;}
.header_top .header_top_logo .qxz i:nth-child(1n+4) { margin-top:3px;}
.header_top .header_top_logo .qxz:hover i { background:#ff6700;} 
.header_top .header_top_logo .qxz .qiantao { position:absolute; left:0px; top:56px; z-index:100;height: 0;overflow: hidden;}
.header_top .header_top_logo .qxz_box { width: 330px;box-sizing: border-box;box-shadow: rgb(102 102 102 / 12%) 0px 0px 12px 0px;border-radius: 12px;padding: 24px;background: #fff;opacity: 0;transform-origin: 0% 0%;transform: scaleY(0.8);transition: all .2s;overflow: hidden;  }
.header_top .header_top_logo .qxz:hover .qiantao { height:auto; overflow:visible;}
.header_top .header_top_logo .qxz:hover .qxz_box { transform: scaleY(1);opacity: 1;}
.header_top .header_top_logo .qxz_box strong { display:block; text-align:center; font-size:16px; color:#333; margin-bottom:24px;display: flex;align-items: center;justify-content: center; height:20px;}
.header_top .header_top_logo .qxz_box ul li { width:33.333333%;float:left; text-align:center;}
.header_top .header_top_logo .qxz_box ul li .image { width: 36px;height: 36px;background: #fff;box-shadow: 0 0 12px 0 rgb(96 101 108 / 12%);border-radius: 8px; margin:0 auto;}
.header_top .header_top_logo .qxz_box ul li .image img { width:100%;}
.header_top .header_top_logo .qxz_box ul li h3 { font-size: 14px; line-height: 20px; margin:8px 0 2px; color:#333;}
.header_top .header_top_logo .qxz_box ul li p { font-size: 12px;line-height: 16px;color: #93989f;}
.header_top .header_top_menu { float:left;display: flex; align-items: center; height:76px; margin-left:50px;} 
.header_top .header_top_menu ul li { float:left; position:relative;}
.header_top .header_top_menu ul li span { font-size:16px; color:#666; margin-right:32px;display: flex; align-items: center;height:76px; line-height:76px;}
.header_top .header_top_menu ul li span i { display:block;width:16px; height:16px; line-height:16px; font-size:15px; text-align:center; margin-left:4px;transform: rotate(0deg); font-weight:700;}
.header_top .header_top_menu ul li span i:before { content:'\e927';font-family:'iconfont';}
.header_top .header_top_menu ul li:hover span i { transform: rotate(180deg);}
.header_top .header_top_menu ul li:hover span { color:#ff6700;}
.header_top .header_top_menu ul li.current span { color:#ff6700; font-weight:700;}
.header_top .header_top_menu ul li em{position: absolute;top:11px;right:18px;}
.header_top .header_top_menu ul li em img{width:20px;}




.header_top .header_top_menu ul li .li_down { position:absolute; left:-18px; top:56px; box-shadow: 4px 4px 24px 0 rgb(96 101 108 / 12%);padding: 32px 40px; background:#fff;border-radius: 12px; z-index:100;display: flex; display:none;}
.header_top .header_top_menu ul li:hover .li_down { display:block;}
.header_top .header_top_menu ul li .li_down dl { float:left; width:370px; margin-right:68px;}
.header_top .header_top_menu ul li .li_down dl:last-child { margin-right:0;}
.header_top .header_top_menu ul li .li_down dl dt { font-size:16px; padding-bottom:8px;border-bottom: 1px solid #f3f4f6; line-height:22px; font-weight:700;}
.header_top .header_top_menu ul li .li_down dl dt a { color:#333;}
.header_top .header_top_menu ul li .li_down dl dt a:hover { color:#ff6700;} 
.header_top .header_top_menu ul li .li_down dl dd { overflow:hidden;}
.header_top .header_top_menu ul li .li_down dl dd a { line-height:20px; display:block; color:#313438; margin-top:16px; font-size:14px; float:left; width:78px; margin-right:68px;}
.header_top .header_top_menu ul li .li_down dl dd a:nth-child(3n+3) { margin-right:0;}
.header_top .header_top_menu ul li .li_down dl dd a:hover { color:#ff6700;}

.header_top_search { float:left;display: flex; align-items: center; height:76px; display:none}
.header_top_search .header_top_search_bnt { cursor: pointer;height: 36px; line-height:36px; padding: 0 16px;background: #fff;box-shadow: 4px 4px 12px 0 rgb(96 101 108 / 12%);border-radius: 8px;font-size: 14px;color: #999;}
.header_top_search .header_top_search_bnt i { float:left; margin-right:5px; font-size:14px; color:#333;}
.header_top_search .header_top_search_bnt:hover { box-shadow: 4px 4px 12px 0 rgb(96 101 108 / 20%);}


.header_search_box { float:right;display: flex; align-items: center; height:76px; margin-right:30px;}
.header_search_box ul li { float:left;}
.header_search_box ul li input { height: 41px; line-height: 41px; padding:0; padding-left:20px; margin:0;background:#f5f5f5 url(picture/2212261502.png) no-repeat 166px 12px; border:none; font-size:16px; color:#555; border-radius:20px 0 0 20px; font-size:14px; box-sizing:border-box; width:190px;}
.header_search_box ul li input:focus { outline:none; width:320px;background-position: 296px 12px;}
.header_search_box ul li button { height: 40px; background-image: linear-gradient(90deg, #f70 20%,#ff6300 80%); width:90px; border:none; border-radius:0 20px 20px 0; color:#fff;cursor:pointer}
.header_search_box ul li:hover button{ height: 40px; background:#ff6600; width:90px; border:none; border-radius:0 20px 20px 0; color:#fff;}
.header_search_box ul li button span { display:inline-block; line-height:40px;transform: translate(-2px, 0);}
.header_search_box ul li button span i { float:left; margin-right:4px; font-size: 16px;}

.header_search_box ul { position:relative}
.header_search_box ul .header_search_hot_yanchi { position:absolute; right:0; top:40px; z-index:1000;transform-origin: 0% 0%;transform: scaleY(0);transition-delay:.1s;}
.header_search_box ul .header_search_hot_yanchi.on { transform: scaleY(1);}
.header_search_box ul .header_search_hot { background:#fff; width:410px; box-shadow: 4px 4px 12px 0 rgb(96 101 108 /.1); border-radius:4px; padding:15px 20px 15px; box-sizing:border-box; opacity:0; overflow:hidden;}
.header_search_box ul .header_search_hot.on { opacity:1;}
.header_search_box ul .header_search_hot strong { display:block; font-size:14px; color:#999; font-weight:400; margin-bottom:6px;}
.header_search_box ul .header_search_hot .p_sec p:nth-child(1) em { color:#ff5f00;}
.header_search_box ul .header_search_hot .p_sec p:nth-child(2) em { color:#ff8c07;}
.header_search_box ul .header_search_hot .p_sec p:nth-child(3) em { color:#feaa02;}
.header_search_box ul .header_search_hot p { width:50%; float:left; line-height:26px; font-size:14px; font-weight:700; margin-top:4px;}
.header_search_box ul .header_search_hot p a { color:#333;}
.header_search_box ul .header_search_hot p a:hover { color:#f60;}
.header_search_box ul .header_search_hot p em { font-size:20px; width: 26px; display:inline-block; color:#999;}


.header_top_r { float:right;display: flex; align-items: center; height:76px; position:relative;}
.header_top_r .xiaoxi { float:left; position:relative;margin-right:10px;}
.header_top_r .xiaoxi i { font-size:26px; color:#333; cursor:pointer;}
.header_top_r .xiaoxi:hover i { color:#ff6700;}
.header_top_r .xiaoxi em { position: absolute;top: -6px;left: 10px;display: inline-block;height: 12px;line-height: 12px;font-size: 12px;background:#ff2b00; color:#fff;border-radius: 6px;white-space: nowrap;padding:0 4px;}

.header_top_r .yonghujj { float:left; margin-left:20px; height:76px; display: flex;align-items: center; cursor:pointer;}
.header_top_r .yonghujj .touxiang { width:30px; height:30px; background:#eee; border-radius:50%;}
.header_top_r .yonghujj .touxiang img { width:100%;border-radius:100%}
.header_top_r .yonghujj .yonghu_waike { position:absolute; right:0px; top:76px; height:0px; overflow:hidden; box-shadow: rgb(102 102 102 / 12%) 0px 0px 12px 0px;z-index:100;border-radius: 12px;}
.header_top_r .yonghujj:hover .yonghu_waike { height:auto;}
.header_top_r .yonghujj .yonghunr { padding: 24px 24px 12px;background:#fff; width:400px; box-sizing:border-box; opacity: 0;transform-origin: 0% 0%;transform: scaleY(.8);transition: all .2s;overflow: hidden;}
.header_top_r .yonghujj:hover .yonghunr { transform: scaleY(1);opacity: 1;}
.header_top_r .action { height:30px;;font-size:14px;line-height:30px;}
.header_top_r .action img { width:30px;height:30px;border-radius:100%;float:left;margin-right:5px;}
.header_top_r .yonghujj .yonghu_user { overflow:hidden;} 
.header_top_r .yonghujj .yonghu_user .image { width:50px; height:50px; float:left; margin-right:15px;}
.header_top_r .yonghujj .yonghu_user .image img { width:100%;border-radius:100%}
.header_top_r .yonghujj .yonghu_user .text { overflow:hidden; line-height:25px;}
.header_top_r .yonghujj .yonghu_user .text h2 { display:block; font-size:20px; color:#333; line-height:30px;}
.header_top_r .yonghujj .yonghu_user .text p { line-height:20px; font-size:14px; color:#999;}
.header_top_r .yonghujj .yonghu_user .text .wdzy { float:right; margin-left:10px;display: flex;align-items: center;height:50px;}
.header_top_r .yonghujj .yonghu_user .text .wdzy a { display:block; line-height:36px; height:36px;border-radius: 8px;padding: 0 16px;font-size:14px; background:#f5f5f5;}
.header_top_r .yonghujj .yonghu_user .text .wenzi { overflow:hidden;}

.header_top_r .yonghujj .yonghunr .xixitiao { height: 44px; line-height:44px; border-radius: 12px;padding: 0 10px;font-size: 14px;background-image: linear-gradient(134deg,#fc9,#ff9e8a 26%,#f36 50%,#8a8ae6);color: #fff; box-sizing:border-box; margin:12px 0; text-align:center;font-family: 'HYYaKuHei';}
.header_top_r .yonghujj .yonghunr .yonghu_title { font-size: 16px;color: #313438;font-weight: 700;line-height: 22px;margin-bottom: 12px;}
.header_top_r .yonghujj .yonghunr .yonghu_wdzc li { float:left; width:48%; background: #fff url(picture/2212161003.jpg) no-repeat top right;box-shadow: 4px 4px 24px 0 rgb(96 101 108 / 12%);border-radius: 12px;height: 72px;padding: 13px 16px;margin-bottom: 16px;cursor: pointer; box-sizing:border-box;background-size: contain;}
.header_top_r .yonghujj .yonghunr .yonghu_wdzc li:nth-child(2n+2) { margin-left:4%;}
.header_top_r .yonghujj .yonghunr .yonghu_wdzc li span { display:block; font-size:14px;}
.header_top_r .yonghujj .yonghunr .yonghu_wdzc li b { display:block;font-size: 18px;line-height: 24px;margin-top: 2px; color:#ff6700;font-family:'tenzt';}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk { overflow:hidden;}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk li { float:left; width:48%; line-height:42px; border-radius:8px; border:1px solid #eee; font-size:14px; background:#fff; text-align:center; box-sizing:border-box;}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk li a { display:block;}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk li:nth-child(2n+2) { margin-left:4%;}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk li:nth-child(1n+3) { margin-top:4%;}
.header_top_r .yonghujj .yonghunr .yonghu_kjrk li:hover { background:#f5f5f5;}
.header_top_r .yonghujj .yonghunr .yonghu_rk { margin-top:20px; border-top:1px solid #eee; padding-top:10px; position:relative;}
.header_top_r .yonghujj .yonghunr .yonghu_rk a { height:40px; line-height:40px; font-size:16px;padding: 0 16px; display:inline-block; border-radius:8px;position:relative;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_l { float:left; margin-left:-16px;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_r { float:right; margin-right:-16px;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_l a:hover { background:#f5f5f5; color:#333;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_r a:nth-child(1):hover { background:#fff0e5; color:#ff6700;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_r a:nth-child(2):hover {  background:#f5f5f5; color:#333;}
.header_top_r .yonghujj .yonghunr .yonghu_rk_r a:nth-child(2):before { content:''; display:block; width:1px; height:12px; position:absolute; left:0;top:50%;background: #ddd;transform: translate(0, -50%);}
.header_top_r .header_top_user { float:left; margin-left:16px;}
.header_top_r .header_top_user a { color:#fff; background:#ff6700;height: 36px;font-size: 14px;line-height: 36px;border-radius: 8px;padding: 0 16px;font-weight:700;display:block; float:left;}
.header_top_r .header_top_user a:nth-child(1) { margin-right:10px; background:#fff0e5; color:#ff6700;}

.search_down_mask { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.5); z-index:6050; display:none;}

.search_popup { position: fixed; left:50%; top:76px; background:#fff; z-index:6050; width:760px; transform:translate(-50%,0); padding:16px 20px 12px;box-shadow: 8px 8px 24px 0 rgb(49 52 56 / 12%);border-radius: 12px; display:none;}
.search_popup .sinput { border-bottom:1px solid #f3f4f6; padding-bottom:12px; overflow:hidden; margin-bottom:14px;}
.search_popup .sinput ul li { float:left; font-size:14px; color:#999; margin-right:20px; line-height:20px;}
.search_popup .sinput ul li.on { color:#ff6700;}
.search_popup .dongz { height:32px;}
.search_popup .dongz li { float:left;}
.search_popup .dongz li.li_1 { display:none;}
.search_popup .dongz li.li_2 { width:700px;}
.search_popup .dongz li input { border:none; margin:0; color:#999; width:100%; height:32px; box-sizing:border-box;outline:none; padding:0; line-height:32px; font-size:14px;}
.search_popup .dongz li.li_3 { width:60px;}
.search_popup .dongz li.li_3 input { background:#fff0e5; color:#ff6700; border-radius:8px; cursor:pointer;}
.search_popup_off { position:absolute; top:14px; right:16px; background:#fff; color:#e70012; border-radius:50%; width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 12px; cursor:pointer;}


@media(max-width:1460px)
{
.header_top { max-width:100%; padding:0 20px; margin:auto; min-width:1200px;}
.header_top .header_top_menu ul li span { margin-right: 15px;}
}

@media(max-width:1560px)
{
.header_search_box ul li input { width:170px;background-position: 150px 12px;}
.header_search_box ul li input:focus { width:170px;background-position: 150px 12px;}
.header_search_box ul .header_search_hot {width: 350px;}
}


.product_sell { }
.product_sell ul li { float:left; width:18.4%; margin-right:2%;box-shadow: 0 2px 24px 0 rgb(153 153 153 / 8%); background:#fff;transition:all .3s;}
.product_sell ul li:hover { box-shadow: 4px 4px 12px 0 rgb(96 101 108 / 20%);}
.product_sell ul li:nth-child(5n+5) { margin-right:0;}
.product_sell ul li:nth-child(1n+6) { margin-top:2%;}
.product_sell ul li .image { width:100%; overflow:hidden;position:relative;}
.product_sell ul li .image img { width:100%;}
.product_sell ul li:hover .image img { opacity:.9;}
.product_sell ul li .image em { background:#ff6700; height:36px; line-height:36px; text-align:center; position:absolute;left:0; bottom:0; display:block; width:100%; font-size:14px;transform: translate(0, 100%);transition:all .3s;}
.product_sell ul li:hover .image em { transform: translate(0, 0);}
.product_sell ul li .image em { color:#fff;}
.product_sell ul li .text { padding: 12px 16px 16px;}
.product_sell ul li .text h3 { display:block; height:22px; line-height:22px; color:#333; margin-bottom:4px; font-size:16px;}
.product_sell ul li .text p { line-height:18px; font-size:12px; color:#999;}





/*浜у搧鍐呭椤� THE*/
.preview_sec { display:flex;}
.preview_image { flex:1; background:#fff; overflow:hidden; position:relative;}
.preview_image img { height:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.preview_info { background:#fff; margin-left:15px; padding:30px; width:330px;}
.preview_info h3 { display:block; font-size:20px; color:#333; margin-bottom:20px;}
.preview_info h3:before { content:''; display:block; height:24px; width:5px; background:#ff6700; float:left;margin: 2px 8px 0 0; border-radius:3px;} 
.preview_info .p_1 { font-size:16px; color:#999; line-height:26px; margin-bottom:10px;}
.preview_info .p_1 p { display:inline-block;}
.preview_info .p_1 span { color:#333;}
.preview_info .preview_btn { margin-top:30px; margin-bottom:20px;}
.preview_info .preview_btn a { display:block; height:42px; line-height:42px; font-size:16px; color:#fff; background:#ccc; border-radius:30px; text-align:center;}
.preview_info .preview_btn i { margin-right:4px;font-size:18px}
.preview_info .preview_btn a:nth-child(1n+2) { margin-top:15px;}
.preview_info .preview_btn a.a_1 { background:#ff6700;}
.preview_info .preview_btn a.a_2 { background:#ee2c2c;}
.preview_info .preview_btn a.a_3 { background:#08c161;}


.preview_info_title { padding: 32px 0 20px;}
.preview_info_title strong { font-size:20px; color:#333;}
.preview_info_title strong:before { content:''; display:block; height:24px; width:5px; background:#ff6700; float:left;margin: 2px 8px 0 0; border-radius:3px;}


.preview_info .tjcp { }
.preview_info .tjcp dd { float:left; width:48%; display:inline-block;}
.preview_info .tjcp dd:nth-child(2n+2) { margin-left:4%;}
.preview_info .tjcp dd .image { width:100%;}
.preview_info .tjcp dd .image img { width:100%;}
.preview_info .tjcp dd h4 { font-size:14px; margin-top:8px; text-align:center;}


.product_show_title { padding: 32px 0 20px;}
.product_show_title strong { font-size:20px; color:#333;}

.product_show_content { background:#fff; padding:20px;}


/*浜у搧鍐呭椤� END*/






.pc_banner { position: relative;}
.pc_banner .banner_swiper { position: relative; width:100%; overflow:hidden;}
.pc_banner .banner_swiper img { width:100%}
.pc_banner .b_menu {text-align: center;position: absolute;width: 100%;left: 0;bottom:10px;z-index: 10; }
.pc_banner .b_menu span {display: inline-block;cursor:pointer;margin: 0 5px;width:10px;height:10px;background:#fff; opacity: .8}
.pc_banner .b_menu span.swiper-pagination-bullet-active {background:#ed2920;}






/*鍙充晶鎮诞鏍峰紡 THE*/
.kefu { position: fixed;right:10px;bottom:10%;background:#fff;border-radius:4px;z-index:9999;box-shadow: -3px 0 18px 0 rgb(0 0 0 / 8%);}
.kefu ul li { width:65px; height:65px; text-align:center; box-sizing:border-box;position:relative}
.kefu ul li:nth-child(1n+2) { border-top:1px solid #eee;}
.kefu ul li p { font-size:12px; padding-top:10px; color:#333;}
.kefu ul li p:before { display:block;font-family:'iconfont'; margin-right:5px; width:26px; height:26px; line-height:26px;margin: 0 auto 6px;font-size: 26px; color:#999;}
.kefu ul li.li_1 p:before { content:"\e8d4";}
.kefu ul li.li_2 p:before { content:"\e7f7";}
.kefu ul li.li_3 p:before { content:"\e637";}
.kefu ul li.li_4 p:before { content:"\e647";}
.kefu ul li .pop_up { position:absolute;top: 0px;right: 65px; padding-right:10px;display:none;}
.kefu ul li:hover .pop_up { display:block;}
.kefu ul li .pop_up .shell { background: #fff;box-shadow: -3px 0 18px 0 rgb(0 0 0 / 8%); width:150px; box-sizing:border-box; border-radius:4px;}
.kefu ul li .pop_up .shell span { display:block;font-size:14px; line-height:22px;}
.kefu ul li .pop_up .shell span.span_1 { padding-top: 10px; color:#888;}
.kefu ul li .pop_up .shell span.span_2 { font-size:16px; color:#e60215;}
.kefu ul li .pop_up .shell span.span_3 { padding-bottom:10px;font-size:16px; color:#e60215;}
.kefu ul li .pop_up .shell span.span_2 img,
.kefu ul li .pop_up .shell span.span_3 img { margin-top:5px;}
.kefu ul li i { display:none;}
.kefu ul li:hover i { display:block;}
.kefu ul li i:before { content: "";display:block;width: 0;height: 0;border-left: 6px solid #fff;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top:50%;right:64px;transform: translate(0, -50%);z-index:1;}
.kefu ul li .pop_up.sm { bottom:0;top:auto;}
.kefu ul li .pop_up.sm img { width:100%;}
.kefu ul li .pop_up.sm .shell { height: auto;padding: 15px;}
/*鍙充晶鎮诞鏍峰紡 END*/











/*涓嬫媺寮瑰嚭鎼滅储 THE*/
.scroll {height:50px;padding:15px 0;width:100%;background:white;position:fixed;top:0px;z-index:3000;display:none;box-shadow:0 2px 3px 0 rgba(0,0,0,.2);}
.scrollmain {width:1200px;margin:0px auto;height:50px;}
.scroll-left {width:300px;float:left;}
.scroll-left img {display:inline-block;float:left;height:45px}
.scroll-middle {float:left;width:620px;padding-top:5px;}
.scroll-middle .header_search {float:left;width:542px;height:40px;margin-top:0px;position:relative;}
.scroll-middle .header_search_on {float:left;width:542px;height:40px;margin-top:0px;position:relative;}
.scroll-middle .search_i {width:450px;font-size:14px;height:36px;line-height:36px;padding:0px 0 0 10px;color:#666666;background:white;border:2px solid #f60;border-right:0;}
.scroll-middle .search_i:focus {outline:none}
.scroll-middle .search_i:focus:focus::-webkit-input-placeholder {color:transparent}
.scroll-middle .search_s {padding:0;margin:0px 0 0 0px;height:40px;line-height:40px;width:80px;color:#fff;font-size:14px;background:#f60;float:right;}
.scroll-right {border:#ddd 1px solid;margin-left:20px;float:left;height:36px;line-height:36px;background-size:16px 16px;margin-top:6px;padding:0px 20px;position:relative;background:#f7f7f7;}
.scroll-right i {font-size:16px;;float:left;margin-right: 5px; line-height:35px;}
.scroll-right:hover { background:#f60;border:1px solid #f60;}
.scroll-right:hover a { color:#fff;}
/*涓嬫媺寮瑰嚭鎼滅储 END*/

.b_overlay{display:block;position: fixed;top:0%;left:0%;width:80%;padding:0px 10%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60)}
.b_content{display:block;position:fixed;top:35%;left:40%;width:50%;z-index:1002;width:300px;border-radius:20px;padding:30px 30px;background:#fff;font-size:18px; text-align: center;line-height:40px;
box-shadow:0px 0px 20px rgb(0 0 0 / .2);}
.b_content p a{color:red; display:block;font-size:16px}

/*鍒嗙被鍒楄〃 END*/



/*绛涢€夋牱寮� THE*/

/*=======*/
.selectList { background: #fff;  margin-bottom: 20px; box-shadow: 0px 0px 15px rgba(0,0,0,0.09);overflow:hidden}
.selectList dl { position: relative; padding: 10px 80px 10px 80px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; }
.selectList dl: last-child { border-bottom: #fff 0px solid; }
.selectList dl dt { position: absolute; width: 60px; left: 20px; top: 12; text-align: left; margin: 0; font-size: 12px; }
.selectList dl dd a { color: #266eab; line-height: 30px; margin-left: 20px; display: inline-block; }
.selectList dl dd a:hover{ text-decoration:underline}
.selectList dl dd { height: 30px; overflow: hidden; }
.selectList dl dd.showMore { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.selectList dl dd.showMore h3 { line-height: normal; padding: 5px 8px; background: #f7f7f7; border: 1px solid #eee;font-size:12px; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: 3px; }
.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: 12px;}
.selectList dl dd.showMore h3:hover { color: #ff6000; border: #ff6000 solid 1px; background: #fbeaed; }
.selectList dl dd a.on{font-weight:bold}

/*=======*/
.selector { background:#fff; margin-bottom: 15px;overflow:hidden;font-size:14px;padding:15px 30px; border:1px solid #eee;}
.selector dl { overflow: hidden; position:relative;}
.selector dl dt { height:40px; line-height:40px; float:left; color:#333; font-weight:700; width:50px;}
.selector dl dd { padding:6px 0 6px 0px; overflow:hidden;background:white}
.selector dl dd a {line-height: 28px; margin:0 16px; display:block; float:left;}
.selector dl dd a.on{color: #ff6600;}



/*鎼滅储鏍峰紡*/
.selector .sort-k { color:#333;}
.selector .sort:last-child { border-bottom:0;}
.selector .sort { height:50px;}
.selector .sort input { line-height:32px; border:1px solid #e0e0e0; padding:0 10px; border-radius:3px; color:#666;outline:none;}
.selector .sort select { line-height:32px; border:1px solid #e0e0e0; padding:0 10px; border-radius:3px; color:#666; height:32px;}
.selector .btn-blue { background:#3181fa; color:#fff!important; border:1px solid #3181fa!important;}
.selector .btn-blue:hover { background:#08c161; border:1px solid #08c161!important;} 
.selector .sort-v ul li { line-height:50px;}
.selector .sort-v ul li.on { background:#f5f7fa;}
/*绛涢€夋牱寮� END*/


.ex_top_menu { overflow:hidden; margin-bottom:5px;}
.ex_top_menu a { width:120px; background:#e1e1e1;height:40px; line-height:40px; color:#333; margin-right:5px; float:left; display:block; font-size:14px; text-align:center;}
.ex_top_menu a.on { background:#ff6600; font-weight:700;color:white}

.toolkit {background: #fff; overflow:hidden;padding:10px; margin-bottom:15px; border:1px solid #eeeeee;}
.toolkit table {width:100%;}
.toolkit select {height: 23px;padding: 0 0 0 5px;border: 1px solid #ddd;font-size:12px;}
.tool-btn {border:#ddd 1px solid;;height:24px;line-height:24px;width:70px;padding:0px;cursor:pointer; background:white;font-size:12px;}
.tool-btn:hover {border:#ee2e2c 1px solid;background:#ee2c2c;color:white}


/* album */
.cdx-album{width:400px;height:500px;z-index:1000;}
#mid_pos {position:absolute;}
#mid_div {width:400px;height:400px;cursor:crosshair;background:#F2F2F2;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:473px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-410px;top:-495px;z-index:10000}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:rgba(0,0,0,.6) url(img/ab-zoom.png) no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;background-size:20px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:url(img/ab-play.png) no-repeat center center;position:absolute;z-index:7;margin:-223px 0 0 176px;}
.ab_play:hover {background:url(img/ab-play-on.png) no-repeat center center;cursor:pointer;}
.ab_hide {width:40px;height:40px;background:url(img/ab-hide.png) no-repeat center center;position:absolute;z-index:12;margin:-390px 0 0 350px;display:none;background-size:40px;}
.ab_hide:hover {background:url(img/ab-hide.png) no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.ab_video {width:400px;height:400px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-402px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
video{height:400px!important;}



.box{background:white;padding:10px 20px;overflow:hidden}
.box dt{font-size:16px;line-height:40px;padding:0px 0px;font-weight:normal;color:#000}
.box dt:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
.box dt span{float:right;font-size:14px}
.box dl{background:white;overflow:hidden;padding:15px;border:#eee 1px solid}

.box ul.rank li{line-height:28px;font-size:14px;height:28px}
.box ul.rank li:nth-child(1) em ,.box ul.rank li:nth-child(2) em ,.box ul.rank li:nth-child(3) em{background:#ff7200}
.box ul.rank li em{background:#999; display:block;width:16px; height:16px;float:left;margin-right:8px; text-align:center;line-height:16px;color:white;margin-top:7px;font-size:12px;font-style:normal}
.box ul.text li{line-height:28px;font-size:14px;height:28px}


.cart-foot {height:48px;line-height:48px;color:#666666;margin-top:20px;padding-left:20px;}
.cart-foot p {height:48px;text-align:right;margin:0 20px 0 0;}
.cart-foot input {width:96px;height:48px;line-height:48px;border:none;background:#FF6600;color:#FFFFFF;font-size:20px;text-align:center;padding:0;letter-spacing:2px;cursor:pointer;}
.cart-foot input:hover {background:#F22D00;}

.cart-msg {padding:96px;text-align:center;font-size:16px;background:#fff;}
.cart-promo {line-height:22px;background:#FFDEDF;text-align:center;color:#DF3033;border-left:#DF3033 1px dotted;border-right:#DF3033 1px dotted;border-top:#DF3033 1px solid;border-bottom:#DF3033 1px solid;}
.cart-promo:hover {background:#FFFFFF;}

.cart-step {padding:20px 10px;}
.cart-step div {font-size:14px;font-weight:bold;line-height:20px;}
.cart-step span {float:right;}
.cart-step b {display:inline-block;width:20px;height:20px;text-align:center;border-radius:50%;background:#FF6600;color:#FFFFFF;margin-right:10px;}

#cart_tip {width:350px;z-index:1000;position:absolute;margin:-40px 0 0 -15px;background:#FFFFFF;border:#A0BCCA 1px solid;padding:0 0 15px 0;}
#cart_tip p {margin:0;background:#D2EDFF;padding:6px 4px 4px 6px;font-size:13px;font-weight:bold;}
#cart_tip div {background:url('image/okay.gif') no-repeat 15px 10px;padding:15px 20px 10px 50px;font-size:13px;}
#cart_tip span {color:#FF6600;font-weight:bold;}
#cart_tip img {float:right;cursor:pointer;}

#load_area_1 {float: left; margin-right:5px;}



/*toolbar*/
/*.tool {background: #fff;padding:0;margin-bottom: 20px; border:1px solid #e6e6e6; height:44px;}*/
/*.tool table { border-collapse: collapse;}*/
/*.tool table td { ;border: none;margin: 0px;padding: 0px;}*/
/*.tool select { height:44px; border:0px; padding:0px; margin:0px; float:left;outline:none; border-right:1px solid #e6e6e6; text-align: center;text-align-last: center;width: 100px;}*/
/*.tool span { float:left; padding:10px 0; margin-left:20px;}*/

/*鍟嗛摵淇℃伅*/
.company-box {height:auto;overflow:hidden;background:#fff}
.company-box h2 {font-size:16px;line-height:40px;padding:5px 15px;font-weight:normal;color:#000}
.company-box h2:before {content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
.shopName {height:77px;padding:0px 0px 0px 15px;background:url("img/news-hot.png") no-repeat 0px 0px scroll;border-bottom:#eee 1px solid}
.shopName h3 {color:#e3211a;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden;height:20px;line-height:20px;padding:13px 5px 0px 0px;}
.shopName h3 a {color:#e3211a;}
.shopName h3 a:hover {color:#e3211a;text-decoration:none;}
.shopName .jwsy {margin-top:10px;font-size:12px;height:27px;line-height:27px;}
.shopName .jwsy1 {background:#e3211a;color:#fff;border-radius:2px;text-align:center;padding:4px 6px;margin-right:5px;}
.shopName .jwsy1 a {color:#fff}
.shopName .jwsy1:hover,.shopName .jwsy2:hover {opacity:.8;filter:alpha(opacity=80);}
.shopName .jwsy2 {background:#9E9E9E;color:#fff;border-radius:2px;text-align:center;padding:4px 6px;margin-right:5px;}
.shopName .jwsy3 {background:#607D8B;color:#fff;border-radius:2px;text-align:center;padding:4px 6px;}
/*-- 鐠囨矮淇婂锝嗩攳 --*/
.shopData p:before,.shopData p:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.shopData p {zoom:1;}
.shopData p {line-height:20px;padding:5px 5px 5px 15px;z-index:1;height:20px;overflow:hidden;color:#333}
.shopData p em {float:left}
.shopData p em.wxqrcode {float:left;position:relative;height:20px;z-index:100;display:block;margin-right:10px}
.shopData p em.wxqrcode span {display:none}
.shopData p em.wxqrcode:hover span {display:block;z-index:1000;width:100px;height:100px;overflow:hidden;position:absolute;left:-40px;padding:5px;top:-105px;box-shadow:0px 0px 5px rgba(0,0,0,0.25);background:white;}
.shopData p em.wxqrcode span img {width:100px;height:100px;}
.shopData p i {color:#999;float:left;font-size:12px;padding-right:4px;text-align:right;}
.shopData p a {color:#333;margin-right:10px;}
.fl {float:left}
.v-year {display:block;font-size:12px;padding-left:10px;float:left}
.v-year b {font-weight:bold;color:#ee2e2c;font-size:12px;}
.shopData font{float:left;line-height:15px;height:14px;overflow:hidden;margin-top:4px;}
.shopData font.hy_1{background:#666666;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_5{background: blue;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_6{background: green;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_7{background: #006054;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_9{background: #ff2500;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_11{background: #88079F;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_10{background: #ff6700;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_8{background: #006054;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_12{background: #ff2500;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_13{background: #88079F;padding: 3px 10px;color:white;border-radius:15px}
.shopData font.hy_14{background: #ff6700;padding: 3px 10px;color:white;border-radius:15px}

/*-- 鍏徃淇℃伅 --*/
.companyInfo{height:auto;overflow:hidden;border-top:#eee solid 1px;padding:15px 0px 5px 15px;margin-top:10px;}
.companyInfo a{width:62px;height:28px;float:left;border:#eee solid 1px;line-height:28px;border-radius:1px;margin:0px 6px 10px 0px;padding-left:34px; color:#535353;}
.companyInfo a:hover{color:#ff7900;text-decoration:none;}
.companyInfo a.dp{background:#FEFCE4 url(img/dp-icon.png) no-repeat 12px center;background-size:16px 16px;}
.companyInfo a.gs{background:#FEFCE4 url(img/gs-icon.png) no-repeat 12px center;background-size:16px 18px;}
.companyInfo a.dz{background:#FEFCE4 url(img/dz-icon.png) no-repeat 12px center;background-size:16px 16px;}
.companyInfo a.cp{background:#FEFCE4 url(img/fl-icon.png) no-repeat 12px center;background-size:16px 16px;}




.black_overlay{display:none;position: fixed;top:0%;left:0%;width:100%;height:100%;background:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);}
.blank_content{display:none;position:fixed;top:35%;left:40%;width:50%;height:270px;background:#f7f7f7 url(img/cart.png) no-repeat left 40px;;z-index:1002;width:470px;border-radius:5px;padding:5px;}
.blank_content h2{height:40px;line-height:40px;clear:both;font-size:18px;padding:0px 5px 0px 10px;font-weight:normal}
.blank_content h2 span{float:right}
.blank_content h3{height:40px;line-height:40px;clear:both;font-size:18px}
.blank_content h3 a{color:#ee2e2c}
.blank_content .open{padding:10px 15px 20px 15px;overflow:hidden;}
.blank_content ul li{font-size:14px;line-height:28px;height:28px}
.blank_content ul li em{font-size:12px;color:#666}
.blank_content ul li img{margin-top:-5px}
.blank_content ul li.com{font-size:16px}
.blank_content dl dt{float:left;margin-right:10px;margin-top:8px;}
.blank_content dl dt img{width:100px;height:100px;border-radius:3px;}
.blank_content dl ul{overflow:hidden;}
.wx{border-top:#e3e3e3 1px solid;padding-top:15px;text-align:center;font-size:14px;}
.wx b{color:red}
.qrcode2 { width:47px;position: absolute;right:30px;top:63px;z-index:1000
}
.qrcode2 p{font-size:12px;}
.qrcode2 dl{display:none}
.qrcode2:hover dl {
  display: inline-block;position: relative;z-index:10000;background:white;width:100px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);top:0px;padding:5px;left:-90px
}
.qrcode2:hover dl img{width:100px;height:100px;}

.open{padding:0px 0px;}
.buycar{padding:0px 15px 15px 15px;display:none;}
.buycar a{background:#ee2e2c url(img/s-ico1.png) no-repeat 40px 8px; background-size:20px 22px;display:block;height:40px;line-height:40px;color:white;font-size:16px;text-align:center;cursor :pointer; border-radius:2px}
.buycar a:hover{background:#009231 url(img/s-ico1.png) no-repeat 40px 8px; background-size:20px 22px;}
/*浼氬憳淇℃伅*/
.member_info { background:#fff; overflow:hidden; border:1px solid #eee;}
.member_info .member_level {height:80px; position: relative;}
.member_info .member_level:before { content: "";display: block;width: 700px;height: 700px;background:#ddd;position: absolute;border-radius: 50%;bottom: 0px;left: 50%;
    transform: translate(-50%, 0);}
.member_info .member_level h3 { font-size:30px; text-align:center; line-height:80px; color:#fff; position:relative;}
.member_info .member_level_6:before { background:#999}
.member_info .member_level_7:before { background:#ee2e2c}
.member_info .member_level_8:before { background:#ec5e2a}
.member_info .member_level_9:before { background:#57a5cb}
.member_info .member_level_10:before { background:#745bc9}
.member_info .member_level_11:before { background:#10c55c}
.member_info .member_contact { padding:0 15px 10px;}
.member_info .member_contact h3 { font-size:16px; text-align:center; line-height:60px; height:60px;border-bottom:1px solid #eee; display:block; overflow:hidden;}
.member_info .member_contact h3 a { color:#333;}
.member_info .member_contact h3 a:hover { color:#e10000;}
.member_info .member_contact ul { overflow:hidden; padding:10px 0;}
.member_info .member_contact ul li { height:20px; line-height:20px; font-size:14px;padding:5px 0}
.member_info .member_contact ul li span { float:left; width:35%; display:inline-block; color:#888;}
.member_info .member_contact ul li p { float:left; width:65%; display:inline-block;color:#333;}
.member_info .member_contact ul li p em{border:#D5B480 1px solid;font-size:12px;line-height:22px;background:#FFFBDF;border-radius:10px;padding:0 10px;display: block;;float:left;}
.member_info .member_contact ul li p em.free{border:#999 1px solid;font-size:12px;line-height:22px;background:#dadada;border-radius:10px;padding:0 10px;display: block;;float:left;}


/*椤电爜*/
.pages_box { text-align:center; margin:20px 0;}
.pages_box a { border: 1px solid #ddd; background:#fff;padding: 5px 6px; font-size:14px; color:#333; border-radius: 4px;}
.pages_box a:hover { background:#3181fa; color:#fff; border:1px solid #3181fa;}
.pages_box strong { border: 1px solid #3181fa; background:#3181fa;padding: 6px; font-size:14px; color:#fff; font-weight:400;border-radius: 4px;}
.pages_box cite { display:none;}
.pages_box .pages_inp { border: 1px solid #ddd; font-size:14px;padding:6px;margin-top: -6px;outline:none;border-radius: 4px;}
.pages_box .pages_btn { background:#fff;border: 1px solid #ddd; font-size:16px;padding:3px;margin-top: -6px; color:#333; height:30px; width:60px; font-weight:400;border-radius: 4px; cursor:pointer;}
.pages_box .pages_btn:hover { background:#3181fa; color:#fff; border:1px solid #3181fa;}

/*浣嶇疆*/
.nav {padding:0 10px 10px 22px;height:24px;line-height:24px;background:url('image/ico-nav.png') no-repeat 0px 3px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;color:#777;padding:0 0px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.nav a{color:#777}
.nav a:hover{color:#ee2e2c}

/*閫氱敤甯冨眬*/
.tybj_l { width: 885px;float: left;background: #fff;}
.tybj_r { width: 300px;float: right;background: #fff;}

.m3l {width: 855px;background: #fff;}
.m3r { background:#fff;}

.buy_box { background:#fff; padding:10px 20px;}


/*VIP鍗囩骇鏍峰紡*/
.grade_hot { height: 470px;background: url(img/22120215012.png) no-repeat;background-size: 100% 100%;text-align: center;}
.grade_hot strong { font-size: 40px;color: #ecedff;padding-top: 48px;padding-bottom: 20px;line-height: 50px; display:block;}
.grade_hot p { color: #b7caff;font-size: 14px;}
.grade_hot ul { margin-top:66px;}
.grade_hot ul li { float:left; width:24.25%; margin-right:1%; border-radius:10px; background:#fff; overflow:hidden;box-shadow: 0 4px 10px 1px rgb(0 0 0 /.1);}
.grade_hot ul li:nth-child(4n+4) { margin-right:0;}
.grade_hot ul li .grade_hot_lititle { text-align:left; color:#fff; padding:15px 24px;background-size:100%;} 
.grade_hot ul li:nth-child(1) .grade_hot_lititle { background:#1298ec url(img/2212140828.png) no-repeat center; } 
.grade_hot ul li:nth-child(2) .grade_hot_lititle { background:#fe8a19 url(img/22120215013.svg) no-repeat center; } 
.grade_hot ul li:nth-child(3) .grade_hot_lititle { background:#ffd656 url(img/22120215014.svg) no-repeat center; color: #713302;} 
.grade_hot ul li:nth-child(4) .grade_hot_lititle { background:#4c4c4c url(img/22120215015.svg) no-repeat center; } 
.grade_hot ul li .grade_hot_lititle h3 { font-size:18px; display: block; margin-bottom:8px;}
.grade_hot ul li .grade_hot_lititle span { font-size:14px;}
.grade_hot ul li em { font-size:16px; display:block; margin:28px 0 10px; color:#333;}
.grade_hot ul li b { font-size:32px; color:#333; display:block;}
.grade_hot ul li i { font-size:20px; font-weight:400;}
.grade_hot ul li a { display:block; width:84%; height:46px;color: #fff;border-radius: 4px;font-size: 16px;line-height: 46px;box-shadow: 0 3px 6px 1px rgb(0 0 0 /.16); margin:28px auto;}
.grade_hot ul li:nth-child(1) a { background: linear-gradient(270deg,#3181fa,#1297ec);}
.grade_hot ul li:nth-child(2) a { background: linear-gradient(270deg,#ff7327,#fdbb80);}
.grade_hot ul li:nth-child(3) a { background: linear-gradient(135deg,#ffcf6c,#f4b122);color: #4e2c0b;}
.grade_hot ul li:nth-child(4) a { background: linear-gradient(180deg,#747474,#000);color: #e8b93a;}
.grade_gzsj { text-align:center; font-size:14px; color:#666; margin:60px 0 25px;}
.grade_gzsj a { color:#3181fa;}
.grade_list { background:#fff; overflow:hidden; border:1px solid #eee; border-radius:10px; box-shadow: 0 4px 10px 1px rgb(0 0 0 / .1);}
.grade_list h1.title { font-size:24px; font-weight:400; color:#222; padding:35px 0;}
.grade_list tr th { background:#f5f7fa; font-size:16px; font-weight:400; color:#222;}


/*搴曢儴CSS*/
.footer {width:100%;padding:30px 0 0px;background:#121212;overflow:hidden;color:#fff}
.footer a{color:#fff;}
.footer dl{width:200px; float:left;padding-top:20px}
.footer dl.w{width:250px; float:left;padding-top:20px;color:#fff;}
.footer dl h4{font-size:14px;margin-bottom:5px;padding-left:30px;color:#fff}
.footer dl dd{font-size:20px;font-weight:200;padding-left:25px;padding-top:15px;color:#fff;}
.footer dl dd p{font-size:12px;line-height:18px;padding-top:15px;padding-left:5px;}
.footer dl ul{padding-left:30px}
.footer dl ul p{float:left;width:100px;line-height:30px;overflow:hidden; text-align:center;margin-right:10px;margin-top:10px;}
.footer dl ul li{line-height:30px;font-size:12px}
.footer-b{background: #010101;overflow:hidden;padding:20px 0;font-size:12px;line-height:25px; text-align:center;color:#ddd;margin:0px auto 0px;}
.footer-b a{color:#ddd}
.footer-b img{height:41px;margin:10px}















/*鏂伴椈鏍峰紡 THE*/
.xinwen_sec { padding:30px 0; background:#fff;}
.xinwen_sec_tit strong { font-size: 22px; color: #000;line-height: 40px;}

.xinwen_box { display:flex;}
.xinwen_box_l { flex:1;}
.xinwen_box_l ul { }
.xinwen_box_l ul li { padding:20px 0; height:120px; border-bottom: 1px solid #e0e7eb; position:relative;}
.xinwen_box_l ul li:before { content:''; display:block; position:absolute; top:0; bottom:0; left:-20px; right:-20px; border:1px solid rgb(0 0 0/0); transition:all .3s;}
.xinwen_box_l ul li:hover:before { border-color:#ff6700;}
.xinwen_box_l ul li .image { float:left; margin-right:20px; overflow:hidden; position:relative;}
.xinwen_box_l ul li .image img { height:120px; transition:all .3s;}
.xinwen_box_l ul li:hover .image img { transform: scale(1.1);}
.xinwen_box_l ul li .text { overflow:hidden; position:relative;}
.xinwen_box_l ul li .text h3 { display:block; height:26px; line-height:26px;}
.xinwen_box_l ul li .text h3 a { font-size:18px;}
.xinwen_box_l ul li .text h3 em { display:inline-block;float: left; line-height:26px; height:26px;border-radius: 4px;padding: 0 10px; margin-right:8px; font-size: 12px; color:#FF5542; background: rgb(255 85 66/.1); font-weight:400;}

.xinwen_box_l ul li .text h3 span { float:right; font-size:12px; color:#bdbdbd; font-weight:400; display:flex; align-items:center;}
.xinwen_box_l ul li .text h3 span i { font-size:16px; margin-right:4px;}
.xinwen_box_l ul li .text p { max-height: 44px;margin-top: 8px;color: #7f8c8d; font-size:14px; line-height:22px;}
.xinwen_box_l ul li .text .jianjie { height:20px; margin-top:16px; display:flex; align-items:center; line-height:20px;font-size: 14px;color: #9aabb8;}
.xinwen_box_l ul li .text .jianjie img { width:20px; height:20px; border-radius:50%; margin-right:4px;vertical-align: bottom;}
.xinwen_box_l ul li .text .jianjie b { font-size:12px; color:#394a58;}
.xinwen_box_l ul li .text .jianjie i { font-size:16px; margin-right:5px;}
.xinwen_box_r { width:280px; margin-left:50px;}
.xinwen_box_r ul li { padding:20px 10px; height:120px;border-bottom: 1px solid #e0e7eb; transition:all .3s; font-size:14px;}
.xinwen_box_r ul li:hover { background:#f7f9fa; border-radius:6px; border-color:rgb(0 0 0/0);}
.xinwen_box_r ul li h3 { display:block; font-weight:400; height:18px; font-size:16px;}
.xinwen_box_r ul li h3 em {display: inline-block;height: 18px;line-height: 18px;border-radius: 4px;background: rgb(255 85 66/.1);font-size: 16px;color: #FF5542;text-align: center;margin-left: 10px; padding:0 6px; float:right;}
.xinwen_box_r ul li h3 i { color:#ff5542; margin-right:5px; font-size: 16px;}
.xinwen_box_r ul li p { height:24px; line-height:24px; margin:6px 0; color:#7f8c8d;}
.xinwen_box_r ul li p em { float:right; font-size:16px; color:#ff6700;}
.xinwen_box_r ul li .job_com { margin-top:28px;display: flex;align-items: center;}
.xinwen_box_r ul li .job_com img { width:38px; height:38px; margin-right:10px; border-radius:10px;}
.xinwen_box_r ul li .job_com .text { line-height:18px; color:#999;}
.xinwen_box_r ul li .job_com .text strong { display:block; font-weight:400;}
.xinwen_box_r ul li .job_com .text strong a { color:#999;}
.xinwen_box_r ul li .job_com .text span { display:block;}
/*鏂伴椈鏍峰紡 END*/