﻿
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output,
 section, summary,time, mark, audio, video, input, select { margin:0;padding:0;}
body{ background: #fff; color: #333;font:12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #f50; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

.topbar{ min-width: 1200px; height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: 12px; color: #666; position: relative; z-index: 88;}
.topbar_l{ float: left; width: 45%;}
.topbar_l a{ color: #666;}
.topbar_l a:hover{ color: #f50;}
.top_xl_box{ float: left; position: relative;}
.top_xl{ display: inline-block; padding: 0 10px; color: #666; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; position: relative;}
.top_xl_active{ height: 31px; background: #fff; border-color: #dfdfdf;}
i.top_arrow{ display:inline-block;width:9px;height:6px;overflow:hidden; margin-left: 5px; *margin-top: -10px; background: url(https://style.51sole.com/areawebsite/images/xjt10.png); -webkit-transition: all 0.1s; transition: all 0.1s;}
.top_xl_box:hover i.top_arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_xl_info{ display: none; position: absolute; background: #fff; top: 31px; border: solid 1px #dfdfdf; border-top: 0;}
.top_link{ color: #3b73ab; padding: 0 5px; display: inline-block; margin-bottom: -10px; height: 30px; max-width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topbar_r{ float: right; width: 50%;}
.top_rightinfo{ right: 0; width: 290px; padding: 10px;}
.top_dh_box{ margin-bottom: 15px; max-height: 9999px;}
.top_dh_l{ float: left; width: 80px; font-weight: bold; color: #f50;}
.top_dh_r{ float: right; width: 205px; padding-top: 3px; line-height: 0;}
.top_dh_r a{ color: #666; display: inline-block; height: 12px; line-height: 12px; margin: 6px 0; margin-right: 6px; border-right: 1px solid #e5e5e5; padding-right: 6px;}
.top_dh_r a:last-child{ border-right: 0;}
.top_dh_r a:hover{ color: #f50;}
.top_hyzx{ left: 0; width: 190px; padding: 10px;}
.top_hyzx_box{ float: left; width: 45%; margin-right: 5%;}
.top_hyzx_tit{ color: #666; font-weight: bold;}
.top_hyzx_link{ display: block; height: 25px; line-height: 25px; color: #666;}
.top_hyzx_b_box{ float: left; width: 100%; border-bottom: 1px dashed #d5d5d5; margin-bottom: 5px; padding-bottom: 5px; max-height: 9999px;}
.top_hyzx_b_box .top_hyzx_link{ float: left; width: 45%; margin-right: 5%; *margin-right: 4%;}
.top_fr{ right: 0; left: inherit;}
.fr{ float: right;}

.header{ height: 100px;}
.logo{ float: left; margin-top: 22px;}
.logo_r_txt{ float: left; height: 55px; line-height: 55px; margin: 24px 0 0 15px; padding-left: 15px; overflow: hidden; font-size: 25px; font-weight: bold; letter-spacing: 2px; color: #5c5c5c; background: url(https://style.51sole.com/areawebsite/images/h_bg.png) left center no-repeat;}
.h_search{ float: right; height: 40px; width: 550px; margin-top: 29px; position: relative;}
.h_search_input{ position: absolute; right: 100px; top: 0; width: 400px; height: 36px; padding: 0 10px; border: 2px solid #f50; color: #666;}
.h_search_btn{ position: absolute; right: 0; top: 0; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #f50; color: #fff; font-size: 16px; letter-spacing: 2px; border: 0; cursor: pointer;}
.h_search_btn:hover{ background: #f40; color: #fff;}

.footer{ position: relative; clear: both; background: #fff; border-top: 2px solid #FF4E00; padding-top: 10px; width: 1200px; margin: 0 auto; overflow: hidden;}
.letter_class,.footer_lj{ height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.letter_class{ color: #ccc; font-size: 12px;}
.letter_class span{ color: #039;}
.letter_class a{ padding: 0 8px; color: #039; margin: 0 5px;}
.letter_class a:hover{ color: #f60; text-decoration: underline;}
.footer_lj a{ padding: 0 8px;}
.footer_lj a:hover{ text-decoration: underline;}
.footerTxt{width:1200px; line-height:25px; margin:5px auto 20px;text-align: center;}
.footerTxt p{clear:both;width:100%;margin:0 auto;color: #999;text-align: center; line-height:28px;}
.footerTxt p span{padding: 0 10px;}
.footerTxt p a{ color: #555;}
.footerTxt p a:hover{ color: #555; text-decoration: underline;}
.footerTxt p.orange{ color: #f60;}
.footerTxt p.orange a{ color: #f60;}
.footerTxt p.orange a:hover{ color: #f60; text-decoration: underline;}
.footerTxt .sina{ display: inline-block; width: 18px; height: 18px; margin: 0 0 -4px 10px; background: url(https://style.51sole.com/areawebsite/images/f_wb.png);}
.footerTxt .wxcode{ z-index: 8; display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 0 -4px 10px; background: url(https://style.51sole.com/areawebsite/images/f_wx.png); position: relative;}
.footerTxt .wxcode img{ display: none; position: absolute; top: -45px; right: -100px; width: 100px; height: 100px; z-index: 9;}
.footerTxt .wxcode:hover img{ display: block;}
.bottom_img{width:620px;margin:10px auto 20px;height:47px;}
.bottom_img ul li{float:left;margin:0 10px;position:relative;height:47px;line-height: 0;overflow: hidden;}

.dqz_gg1{ height: 40px; border: 1px solid #ddd; overflow: hidden;}
.dqz_gg1 ul {list-style: none}
.dqz_gg1 ul li{float:left;width:597px;margin-right: 2px;display:inline;overflow:hidden}
.dqz_path{ line-height: 50px; color: #666;}
.dqz_path i{ padding: 0 6px;}
.dqz_box{ max-height: 999999px;}
.dqz_r{ float: right; width: 260px;}
.rbox_b{ border: 1px solid #ddd; overflow: hidden; margin-bottom: 20px;}
.hot_tit{ padding: 0 12px; height: 39px; line-height: 39px; background: url(../image/line.gif) repeat-x bottom; font-size: 16px;}
.hot_tit i{ display: block; float: left; width: 10px; height: 12px; background: url(../image/common_icon.png) no-repeat -99px 0;}
.hy_hottrade { padding: 10px 15px; overflow: hidden;}
.hy_hottrade li { float: left; width: 100px; height: 30px; line-height: 30px; margin-right: 14px; overflow: hidden;}
.hy_hottrade li a { color: #416fbd;}
.hy_hottrade li a:hover{ color: #f60;}
.hy_sidenew ul.n { padding: 10px 10px 10px 0; overflow: hidden;}
.hy_sidenew ul.n li { position: relative; padding: 0; height: 30px; line-height: 30px; text-indent: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hy_sidenew ul.n li i { width: 10px; height: 12px; background: url(../image/common_icon.png) no-repeat -119px 0; position: absolute; top: 10px; display: block; left: 13px;}
.hy_sidenew li { line-height: 26px; height: 26px; overflow: hidden;}
.hy_sidenews ul.n { padding: 10px 10px 10px 0; overflow: hidden;}
.hy_sidenews ul.n li { position: relative; padding: 0; height: 30px; line-height: 30px; text-indent: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hy_sidenews ul.n li i { width: 3px; height: 3px; background: url(../image/common_icon.png) no-repeat -186px -267px; position: absolute; top: 14px; display: block; left: 10px;}
.dqz_l{ float: left; width: 918px;}
.dqz_gg2{ height: 128px; border: 1px solid #ddd; margin-bottom: 20px; overflow: hidden;}
.dqz_gg2 ul {list-style: none}
.dqz_gg2 ul li{float:left;width:597px;margin-right: 2px;display:inline;overflow:hidden}
.dqz_zh_box{ margin-bottom: 20px;}
.dqz_zh_type a{ display: inline-block; height: 39px; line-height: 39px; padding: 0 20px; margin-right: 12px; border: 1px solid #ddd; border-bottom: 0; background: #fcf8f6; border-radius: 4px 4px 0 0; font-size: 15px; color: #888;}
.dqz_zh_type a.on{ border-bottom: 1px solid #fff; margin-bottom: -1px; background: #fff; color: #e50; font-weight: bold;}
.dqz_zh_b{ padding: 15px 0; border: 1px solid #ddd;}
.dqz_zh{ display: none; max-height: 9999px;}
.dqz_zh_info{ float: left; width: 199px; margin: 0 15px;}
.dqz_zh_info_img{ display: block; width: 100%; height: 120px;}
.dqz_zh_info_name{ height: 30px; line-height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
.dqz_hyfl_box{ margin-bottom: 20px;}
.dqz_hyfl_t{ border-bottom: 2px solid #e2e2e2;}
.dqz_hyfl_t span{ display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; margin-bottom: -2px; border: 2px solid #e2e2e2; border-bottom: 0; background: #fff; border-radius: 4px 4px 0 0; font-size: 16px; position: relative;}
.dqz_hyfl_t span i{ display: inline-block; position: absolute; left: -2px; top: 11px; width: 3px; height: 18px; background: #f60;}
.dqz_hyfl_c{ margin: 10px 0; padding-left: 8px; max-height: 9999px;}
.dqz_hyfl_c_info{ float: left; width: 48%; margin-right: 2%; height: 30px; line-height: 30px; overflow: hidden;}
.dqz_hyfl_c_info a{ display: inline-block; font-size: 12px; margin-right: 18px;}
.dqz_hyfl_c_info a.tit1{ font-size: 12px; color: #f50; font-weight: bold;}
.dqz_hyfl_b_box{ border: 1px solid #e2e2e2;}
.dqz_hyfl_b_tit{ margin-bottom: 15px; padding: 0 15px; font-size: 15px; border-bottom: 1px solid #e2e2e2; background: #f8f8f8; line-height: 38px;}
.dqz_hyfl_b{ max-height: 9999px;}
.dqz_hyfl_pro{ float: left; width: 153px; margin: 0 15px 15px;}
.dqz_hyfl_pro_img{ display: block; height: 151px;max-width: 151px; border: 1px solid #eee;}
.dqz_hyfl_pro_name{ height: 30px; line-height: 38px; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqz_hybq{ height: 200px; overflow: hidden; padding: 15px;}
.hyz_r_zxqg{ margin-bottom: 20px;}
.hyz_tit{ height: 36px; line-height: 36px; padding: 0 15px; background: #f8f8f8; border: 1px solid #e2e2e2; font-size: 15px; font-weight: bold; color: #484848;}
.hyz_tit i{ display: inline-block; width: 4px; height: 15px; margin: 0 10px -2px 0; background: #f60; border-radius: 4px;}
.hyz_info{ border: 1px solid #e2e2e2; border-top: 0; padding: 10px 15px; max-height: 9999px;}
.zxjjcp_daohang a{ display: inline-block; width: 85px; height: 24px; line-height: 24px; margin-right: 20px; overflow: hidden;}
.zxjjcp_yqlj a{ width: auto;}
.so_b_xgzx li{ float: left; width: 30.333%; padding-right: 3%; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.so_b_xgzx li a{ margin: 0; display: inline;}
.hyz_wxts{ padding: 8px 10px; margin-bottom: 20px; border: 1px solid #ffd7bd; background: #fdf3ec; line-height: 22px;}

.hyz_list_path{ height: 40px; line-height: 40px; padding: 0 12px; border: 1px solid #EAEAEA; color: #444; overflow: hidden;}
.hyz_list_path a{ color: #444;}
.hyz_list_path a:hover{ color: #ff6300;}
.hyz_list_path i{ padding: 0 5px;}
.hyz_list_path_r{ float: right;}
.hyz_list_sx_box{ margin-bottom: 15px;}
.hyz_list_sx{ border: 1px solid #EAEAEA; border-top: 0; padding: 0 12px; position: relative; max-height: 99999px;}
.hyz_list_sx_l{ float: left; width: 65px; margin-right: 15px; line-height: 40px; text-align: right; color: #888;}
.hyz_list_sx_c{ float: left; width: 1030px; margin-top: 5px; max-height: 70px; overflow: hidden;}
.hyz_list_sx_c a{ display: inline-block; width: 137px; height: 30px; line-height: 30px; margin: 0 5px; overflow: hidden; color: #304f8f;}
.hyz_list_sx_c a:hover{ color: #ff6300;}
.hyz_list_sx_c a.on{ color: #ff6300; font-weight: bold;}
.hyz_list_sx_more{ display: none; float: right; margin-top: 11px; color: #666;}
.hyz_list_sx_more i{ display: inline-block; width: 9px; height: 6px; margin: 0 2px 1px 0; background: url(https://style.51sole.com/areawebsite/images/xjt10.png);}
.hyz_list_sx_more i.up{ background: url(https://style.51sole.com/areawebsite/images/sjt10.png);}
.hyz_list_nav{ margin: 15px 0; border-bottom: 1px solid #ddd;}
.hyz_list_nav a{ display: inline-block; height: 42px; line-height: 42px; padding: 0 25px; margin-right: 5px; border: 1px solid #ddd; border-bottom: 0; background: #f2f2f2; color: #000; font-size: 14px;}
.hyz_list_nav a.on,.hyz_list_nav a:hover{ background: #f50; border-color: #f50; color: #fff; text-decoration: none;}
.hyz_list_b{ max-height: 999999px;}
.hyz_list_b_l{ float: left; width: 900px;}
.dqlb_cpxx_box{ max-height: 99999px; margin-right: -17px;}
.show{ display: block;}
.dqlb_cpxx{ float: left; margin: 0 17px 15px 0; width: 210px; border: 1px solid #eee;}
.dqlb_cpxx:hover{ border-color: #f50;}
.dqlb_cpxx_img{ display: block; height: 210px;}
.dqlb_cpxx_img img{ width: 100%; height: 100%;}
.dqlb_cpxx_price{ height: 30px; line-height: 40px; padding: 0 8px; margin-bottom: 6px; font-size: 18px; color: #f00; overflow: hidden;}
.dqlb_cpxx_price i{ font-size: 14px;}
.dqlb_cpxx_name{ height: 36px; line-height: 18px; padding: 0 8px; font-size: 12px; overflow: hidden;}
.red{ color: #f00;}
.dqlb_cpxx_dq,.dqlb_cpxx_gsm{ height: 20px; line-height: 20px; padding: 0 8px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqlb_cpxx_dq{ margin-top: 5px;}
.dqlb_cpxx_gsm{ margin-bottom: 10px;}
.dqlb_cpxx_gsm a{ color: #999;}
.dqlb_cpxx_gsm a:hover{ color: #f50;}
.page{ text-align: center; margin: 30px 0;}
.page a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; margin: 0 2px; background: #fff; color: #666; font-size: 14px; border-radius: 2px; border: 1px solid #dcdcdc;}
.page a:hover,.page a.active,.page a.active:hover{ background: #f60; border-color: #f60; color: #fff;}
.page a.disible{ background: #EBEBEB; color: #888;}
.page a.disible:hover{ background: #EBEBEB; color: #888; border-color: #dcdcdc;}
.page span{ color: #888; font-size: 14px;}
.so_b_xgss{ margin-bottom: 15px; line-height: 26px; font-size: 14px; font-family: 微软雅黑; color: #777;}
.so_b_xgss_t{ border: 1px solid #ddd; border-top: 2px solid #f60; height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; font-family: 微软雅黑; color: #444; overflow: hidden;}
.so_b_xgss_t_r{ float: right; font-size: 12px; color: #999;}
.so_b_xgss_b{ border: 1px solid #ddd; border-top: 0; padding: 8px 15px;}
.so_b_xgss_b a{ margin-right: 35px; display: inline-block; color: #777; font-size: 12px;}
.so_b_xgss_b a:hover{ color: #ff6300; text-decoration: none;}
.hyz_list_b_r{ float: right; width: 270px;}
.hyz_list_r_info{ margin-bottom: 15px; border: 1px solid #ddd;}
.hyz_list_r_info_t{ height: 38px; line-height: 38px; padding: 0 12px; font-size: 14px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd;}
.hyz_list_r_info_b{ padding: 5px 12px;}
.hyz_list_r_nr1 li{ height: 35px; line-height: 35px; padding-left: 14px; border-bottom: 1px dashed #ddd; background: url(../image/zxjm_bg.jpg) 2px center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hyz_list_r_nr2 li{ float: left; width: 90px; margin-right: 15px;}
.pLR0{ padding-left: 0; padding-right: 0;}
.dqlb_cpxx_qthy{ float: left; width: 22%; margin-right: 3%;}
.dqlb_cpxx_qthy_info{ height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqlb_qyml_box{ height: 120px; overflow: hidden;}
.dqlb_qyml_info{ max-height: 99999px;}
.dqlb_qyml{ float: left; width: 23%; margin-right: 2%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqlb_qyml_zksq{ text-align: center; margin: 10px 0; color: #416fbd;}
.dqlb_qyml_zksq a{ color: #416fbd;}
.dqlb_qyml_zksq a i{ display: inline-block; width: 9px; height: 6px; margin: 0 0 1px 4px; background: url(https://style.51sole.com/areawebsite/images/xjt11.png);}
.dqlb_qyml_zksq a i.up{ background: url(https://style.51sole.com/areawebsite/images/sjt11.png);}
.dqlb_qytj_tit{ margin-bottom: -1px; border-bottom: 1px solid #ddd;}
.dqlb_qytj_tit span{ display: inline-block; height: 38px; line-height: 38px; padding: 0 12px; font-size: 14px; font-weight: bold; border: 1px solid #ddd; margin-bottom: -1px;}
.dqlb_qytj_box{ padding: 15px 12px; border: 1px solid #ddd;}
.dqlb_qytj{ max-height: 9999px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.dqlb_qytj:last-of-type{ border-bottom: 0; margin-bottom: 0;}
.dqlb_qytj_l{ float: left; width: 420px;}
.dqlb_qytj_name{ height: 25px; line-height: 25px; padding-right: 110px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.dqlb_qytj_name a{ font-size: 15px;}
.dqlb_qytj_name .dqlb_qytj_bk{ position: absolute; right: 0; top: 3px; display: inline-block; font-size: 12px; height: 19px; line-height: 19px; padding: 0 6px; background: #76C284; color: #fff;}
.dqlb_qytj_name .dqlb_qytj_bk:hover{ background: #64b372; color: #fff;}
.dqlb_qytj_hy{ position: absolute; right: 50px; top: 1px; color: #f40;}
.dqlb_qytj_hy img{ vertical-align: middle; margin: 0 3px 3px 0;}
.dqlb_qytj_o{ height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqlb_qytj_o_l{ color: #888; padding-right: 5px;}
.dqlb_qytj_b{ margin-top: 8px;}
.dqlb_qytj_btn{ display: inline-block; height: 29px; line-height: 29px; padding: 0 24px; background: #489f54; color: #fff; font-size: 13px;}
.dqlb_qytj_btn:hover{ background: #3E954A; color: #fff;}
.dqlb_qytj_qq{ display: inline-block; width: 22px; height: 22px; margin: 0 0 -5px 15px; background: url(https://style.51sole.com/areawebsite/images/qq66.png);}
.dqlb_qytj_dh{ display: inline-block; width: 22px; height: 22px; margin: 0 0 -5px 15px; background: url(https://style.51sole.com/areawebsite/images/dh66.png); position: relative; cursor: pointer;}
.dqlb_qytj_dh span{ display: none; position: absolute; top: -26px; left: 0px; background: #489f54; color: #fff; padding: 2px 10px; font-size: 14px;}
.dqlb_qytj_dh:hover span{ display: inline-block;}
.dqlb_qytj_r{ float: right; max-height: 9999px;}
.dqlb_qytj_pro{ float: right; margin-left: 10px; width: 140px; position: relative;}
.dqlb_qytj_pro_img{ display: block; height: 138px; width: 138px; border: 1px solid #eee;}
.dqlb_qytj_pro_name{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(0,0,0,.6); color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dqlb_qytj_pro:hover .dqlb_qytj_pro_name{ display: block;}
.hyz_tjcp{ border: 1px solid #e2e2e2; border-top: 0; max-height: 9999px; padding-top: 15px;}
.hyz_tjcp_list .dqz_hyfl_pro{ margin: 0 13px 15px;}

