@charset "utf-8";
*,html { word-break:break-all;}
body { margin:0 auto; font-family:'\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#FAFAFA}
div,li,ol,ul,input,textarea,select { margin:0 auto; outline:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
table { clear:both}
form,ul { margin:0; padding:0;}
ul,li,ol {list-style:none}
img { border:0;}
h1,h2,h3,h4,h5,dl,dt,dd { margin:0; padding:0}
input,textarea,select { font-size:12px; font-family:Tahoma; margin:0;}
input, button{  -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input:focus,select:focus,textarea:focus{outline:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.divline { line-height:15px; height:15px; display:inline-block; width:100%; overflow:hidden}
.whitebg { background-color:#FFFFFF}

.f_l { float:left!important}
.f_r { float:right!important}

.px10 { font-size:10px!important}
.px11 { font-size:11px!important}
.px12 { font-size:12px!important}
.px14 { font-size:14px!important}
.px15 { font-size:15px!important}
.px16 { font-size:16px!important}
.px18 { font-size:18px!important}
.px21 { font-size:21px!important}

/* 各种链接颜色 */
.blue,.blue a,.blue a:link,.blue a:visited,.blue:link,.blue:visited{color:#03C;}
.red,.red a,.red a:link,.red a:visited,.red:link,.red:visited{color:#F00;}
.orange,.orange a,.orange a:link,.orange a:visited,.orange:link,.orange:visited{color:#F60;}
.black,.black a,.black a:link,.black a:visited,.black:link,.black:visited{color:#222;}
.gray,.gray a,.gray a:link,.gray a:visited,.gray:link,.gray:visited{color:#999;}
.green,.green a,.green a:link,.green a:visited,.green:link,.green:visited{color:#390;}
.white,.white a,.white a:link,.white a:visited,.white:link,.white:visited{color:#FFF;}

a { color:#333; text-decoration:none}
a:hover { color:#E60000; text-decoration:underline}

/*广告位*/
.agblock,.agblock2 { padding:10px; border:#DDD dashed 1px; background-color:#F4F4F4}
.agblock2 { background-color:#FFFFFF; text-align:center}

.img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#E5E5E5 1px solid;background:#FFFFFF;}

.m { width:1200px; margin:0 auto;}

.li_dot li,.li_dot span {background:url(images/li_dot.gif) 2px center no-repeat; text-indent:0.8em; line-height:32px; height:32px; overflow:hidden}

.box_head { border:#E5E5E5 solid 1px; background-color:#F9F9F9; font-size:16px;color:#666; width:100%; height:50px;line-height:50px; position:relative; padding-right:10px}
.box_head div.focus {  border-top:#E60000 solid 2px; height:50px; color:#555;background:#FFF; border-right:#E5E5E5 solid 1px; position:relative; top:-1px;}
.box_head div{float:left; padding:0 25px; height:50px;}
.box_body {border:#E5E5E5 1px solid; border-top:0; padding:9px 14px; font-size:14px; background-color:#FFFFFF;}

/*通用CERTIFY图标*/
.ico-certify-list span{ margin-right:10px; vertical-align:middle}

.ico-vcompany { background:url(images/ico-certify.png) 0 -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-vmobile { background:url(images/ico-certify.png) -7px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-vemail { background:url(images/ico-certify.png) -4px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-vtruename { background:url(images/ico-certify.png) -1px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}

.ico-ucompany { background:url(images/ico-certify.png) -24px -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-umobile { background:url(images/ico-certify.png) -31px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-uemail { background:url(images/ico-certify.png) -28px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-utruename { background:url(images/ico-certify.png) -25px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}

.ctitle { padding:15px 0; border-bottom:#EEE solid 1px; margin:0 19px 15px 19px; font-weight:bold}

/* position */
.location { color:#888; line-height:16px; font-size:14px}
.location a{ color:#888; text-decoration:none;}
.location a:hover{ color:#F60;}
.location span { color:#ccc; margin:0 3px; font-weight:bold; font-family:"宋体"}

.warn { padding:20px}
.warn div {padding:5px 0 0 60px;background:url(images/warn.gif) no-repeat;font-size:14px;line-height:200%;}
.warn h1 {font-size:21px;margin:0; font-weight:normal;font-family:'\5FAE\8F6F\96C5\9ED1', '黑体';}

/*头部样式*/
.head {background:#F0F0F0;width:100%;height:36px; line-height:36px; border-bottom:#DFDFDF solid 1px; min-width:1200px;}
.head_m {margin:auto;width:1200px;color:#777;}
.head_m a { color:#666}
.head_m a:hover { color:#FF552E; text-decoration:none}
.head_m span { font-family:"Times New Roman", Times, serif; font-size:10px; color:#aaa; position:relative; top:-1px}

.head_l li {float:left; margin:0 13px 0 0;}
.head_l li.cityname { margin-right:8px; font-weight:bold;}
.h_city {background:url('images/icon-arrow.png') no-repeat right -42px;padding:0 13px 0 0;}
.h_fav {padding:0 0 0 2px;}
.h_mobile {background:url('images/ico_mobile.png') no-repeat 0 center;padding:0 2px 0 15px;}
.h_qrcode {background:url('images/ico_qrcode.png') no-repeat 0 center;padding:0 6px 0 18px;}

.tophead { height:120px; overflow:hidden}
.tophead .logo { margin:38px 12px 38px 0; padding-right:15px; border-right:#DDD solid 1px}
.tophead .logo a{ display:inline-block; background:url(images/logo.new.png) left center no-repeat; background-size:cover; width:190px; height:45px;}

.tophead .top-company { font-size:21px; color:#333; margin-top:35px;}
.tophead .top-company span { position:relative; left:5px; cursor:pointer}
.tophead .top-company a { text-decoration:none; color:#333333}
.tophead .top-phone { background:url(images/ico-phone-top.gif) left center no-repeat; height:40px; line-height:32px; font-size:40px; padding-left:50px; color:#E60000; font-family:Georgia, "Times New Roman", Times, serif; margin-top:38px;}
.tophead .top-product {width:450px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; line-height:25px; overflow:hidden; color:#999999; font-size:14px}
.tophead .top-product a { color:#999999}
.tophead .top-product a:hover { color:#E60000; text-decoration:none}

.menu{ height:42px; line-height:42px; background:#242424; min-width:1200px;}
.menu li { float:left; text-align:center}
.menu li a{ float:left; font-size:16px; line-height:42px; padding:0 28px;height:42px;display:inline-block;color:#FFF;}
.menu li.focus a { background-color:#E60000}
.menu li.focus a,.menu li a:hover{color:#ffffff; background:none; background-color:#E60000; text-decoration:none; padding:0 28px;}

/*分页*/
.pageLink { padding: 30px 0; font-size:14px; text-align:center; color:#777}
.pageLink a { background: #FFF; color: #777; margin:0 5px; padding: 9px 15px; text-decoration: none; }
.pageLink span { margin:0 5px; padding:0 6px; font-size:21px;}
.pageLink a:hover {background: #F4F4F4; text-decoration:none; }
.pageLink .current {background: #E60000; color: #FFF; padding: 9px 15px;  font-size:14px}
.pageLink a,.pageLink .current{border-radius:3px;-moz-border-radius:3px; border:#E5E5E5 solid 1px}
.pageLink .current { border:#E60000 solid 1px}
/*友情链接*/
.links {color:#666; line-height:190%; padding:10px 0; font-size:14px}
.links span {font-family:Arial; color:#CCC; position:relative; top:-1px; font-size:11px}
.links a{ color:#666;}

.footer { line-height:28px; color:#999; text-align:center; background-color:#333333; width:100%;clear:both;}
.footer .m { background-color:#333; padding-top:15px; padding-bottom:15px}
.footer a { color:#999}

/*返回顶部*/
.back2top {width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:490px;bottom:90px;_bottom:auto;cursor:pointer;display:none;}
.back2top a {display:block;width:100%;height:100%;background:url(images/back2top.png) no-repeat;}
.back2top a:hover {background:url(images/back2top.png) no-repeat -58px 0; text-decoration:none}

/*首页*/
.mbg { background:url(images/mbg.jpg) center top no-repeat; min-width:1200px;}
.window-title { font-size:25px; text-align:center; padding:0 0 20px 0}
.window-box { display:inline-block; background-color:#FFF; padding:15px 0 15px 0; color:#333333; width:100%; overflow:hidden; border-top:#333 solid 1px; margin-bottom:50px}
.window-box li { float:left; width:182px; height:248px; overflow:hidden; padding: 0 28px 0 29px; margin:15px 0; border-right:#EEE solid 1px;}
.window-box li.noinfo div{ background:url(images/nopic.180.gif) center center no-repeat; height:182px; width:182px;}
.window-box li.noborder { border:0; padding-right:29px}
.window-box li div.img { width:180px; height:180px; overflow:hidden; border:#FFF solid 1px}
.window-box li div.img:hover { border:#FFF solid 1px}
.window-box li div.img img { width:180px; height:180px;transition: all 0.8s;}
.window-box li div.img img:hover {/*opacity:0.8;*/transform: scale(1.2); z-index:1; }
.window-box li div.price { color:#E60000; line-height:20px; font-size:14px; padding:5px 0 3px 0;}
.window-box li div.text a{ color:#333; font-size:14px; line-height:20px; height:40px; overflow:hidden}
.window-box li div.text a:hover { color:#E60000; text-decoration:none}

.column-companys { margin-bottom:10px}
.column-companys td{ border-bottom:#E5E5E5 dotted 1px; padding:15px 10px}
.column-companys td a { color:#333}
.column-companys td span { color:#999999; display:inline-block; margin-right:20px; width:130px; height:16px; line-height:16px; overflow:hidden}
/*黄页列表*/
.listcolumn { width:962px; float:right}
.listbar { width:220px; float:left}

#xuanting { width:100%}
#xuanting.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

.subnav-list{ font-size:12px}
.subnav-list dl { display:inline-block; line-height:26px; padding:2px 0; position:relative}
.subnav-list dt{ float:left; width:50px; color:#888;}
.subnav-list dd{float:left;width:1150px; overflow:hidden;}
.subnav-list dd span{float:left; margin-right:15px; white-space:nowrap}
.subnav-list dd a { color:#15C}
.subnav-list dd a.orange { font-weight:bold; color:#333}
.subnav-list dd a:hover { color:#F36}

.listbar .side-title {border:#E5E5E5 solid 1px; border-bottom:0; padding:12px; display:block}
.listbar .side-title .l { font-size:18px; width:100%; padding-bottom:10px}
.listbar .sideblock { border:#E5E5E5 solid 1px; padding:10px 19px;}

.listbar .st{ padding:5px 0; font-size:18px; border-bottom:#EEE solid 1px; margin-bottom:12px; padding-bottom:12px;}
.listbar .st span { float:right; font-size:12px; color:#999999; padding:6px 0; display:none}

.listbar .catalog li{padding:2px 16px 2px 0; width:100%; line-height:24px; display:inline-block; font-size:15px; background:url(images/catlist-line.gif) left center no-repeat}

.listbar .sidecity { padding:5px 0}
.listbar .sidecity span { width:50%; display:inline-block; text-align:left; padding:5px 0; font-size:14px;}

.list-bottom-infos { width:100%; clear:both; background-color:#F7F7F7; margin-top:10px; border-top:#EEE solid 1px}
.list-bottom-infos .m { background-color:#F7F7F7; padding-bottom:10px;}
.list-bottom-infos div.t { font-size:18px; padding: 20px 0 10px 0; color:#444}
.list-bottom-infos li { line-height:28px; display:inline-block; width:590px; padding:0; margin:0}
.list-bottom-infos li .tu { color:#F90}
.list-bottom-infos li div { float:left; color:#444; line-height:26px;}
.list-bottom-infos li a { color:#666666}
.list-bottom-infos li .l_t { width:495px; color:#888; white-space:pre; padding-right:20px; height:28px; overflow:hidden;}
.list-bottom-infos li .l_t a,.indexlist li .l_t span { font-size:14px;}
.list-bottom-infos li .l_d { width:70px; color:#999999; text-align:right; margin-right:5px}

/*信息详细页*/
.info-side-block { border:#E5E5E5 solid 1px; padding:10px 19px;}
.info-detail-title { padding:15px 0; font-weight:bold; color:#333333;}
.ititle-withline { border-bottom:#EEE solid 1px; margin-bottom:15px;}

.info-side-catlist { border-top:#E5E5E5 solid 1px; padding-top:12px; margin-top:5px}
.info-side-catlist span {padding:2px 16px 2px 0; line-height:24px; display:inline-block; font-size:14px; background:url(images/catlist-line.gif) left center no-repeat}

/*侧边内页*/
.side-companyinfo div { text-align:center; font-size:14px; padding-top:50px; padding-bottom:10px; margin-bottom:10px; background:url(images/ico-groups.png) center 10px no-repeat; border-bottom:#DDD solid 1px;}

.info-side-links {}
.info-side-links li { line-height:16px; padding:5px 0}

.info-detail { border:#E5E5E5 solid 1px; padding:0 19px 10px 19px; position:relative; border-top:#333333 solid 1px}
.info-detail-type { position:absolute; right:0; top:0;}
.info-detail-type .t0 { background:url(images/info-type-0.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t1 { background:url(images/info-type-1.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t2 { background:url(images/info-type-2.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t3 { background:url(images/info-type-3.png) no-repeat; width:48px; height:48px; display:inline-block}

.info-detail .info-title {border-bottom:#EEE solid 1px; padding:10px;}
.info-detail .info-title h1 { padding:6px 0 12px 0; line-height:140%; font-size:28px; font-weight:normal; color:#555}

.info-detail .show-detail { position:relative;}
.info-detail .show-detail .vip-ico {position:absolute; right:40px; top:-10px; background:url(images/vip-ico.png) no-repeat;/*opacity:0.2;*/ height:100px; width:60px; display:none}
.info-detail .info_options { width:500px;}
.info-detail .show-detail td { color:#333333;}
.show-detail-main td{ padding:11px}

.btn-inquiry { padding:8px 25px; margin:0 6px; border:#FF7300 solid 1px; width:100px; cursor:pointer; text-align:center; background-color:#FF7300; color:#FFFFFF; display:inline-block; font-size:16px; border-radius: 3px; -moz-border-radius: 3px}
.btn-contact { border:#F2DCBC solid 1px; color:#F60; background-color:#FFF5EC; color:#FF712B}
.btn-inquiry:hover { text-decoration:none; background-color:#FF6600; color:#FFF; border:#FF6600 solid 1px}
.btn-contact:hover { text-decoration:none; background-color:#FF7300; color:#FFF; border:#FF7300 solid 1px}

.info-content { color:#444; line-height:210%;}
.info-content p{ margin:0; padding:5px 0; text-indent:2em}
.info-content img { max-width:800px; display:block; clear:both; text-align:center; margin:10px auto}

.img_box {width:350px; height:350px; overflow:hidden; background:url(images/imgbg.png);}

.bdsharebuttonbox span { float:left; padding:0 4px}

.info-mylist { display:inline-block; padding-top:5px}
.info-mylist li{float:left; width:427px; padding:6px 20px 6px 0; line-height:150%; color:#666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.info-mylist li a { color:#333333}
.info-mylist li a:hover { color:#F60; text-decoration:none}
.info-mylist li span { font-family:"宋体"; display:none}

.info-contact { line-height:20px}

.info-qrcode img{ padding:15px 0}
.info-tag {width:320px; height:20px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:20px}

.info-bottom-list { padding:10px 0;display:inline-block; color:#555;}
.info-bottom-list label{width:100px;text-align:left;margin-right:10px;float:left;line-height:28px}
.info-bottom-list div{width:1075px;line-height:28px;float:left}
.info-bottom-list div span{ margin-right:18px; float:left}
.info-bottom-list div span a{ color:#555}
.info-bottom-list div span a:hover{ color:#F60}

.title-tool { height:14px; line-height:14px;}
.title-tool span a{ display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) left no-repeat; opacity:0.8}
.title-tool span a:hover { color:#F60;}
.title-tool span.t1 a{ background-position:0 2px}
.title-tool span.t2 a{ background-position:0 -19px}
.title-tool span.t3 a{ background-position:0 -39px}
.title-tool span.t4 a{ background-position:1px -59px; margin-left:0;}
.title-tool span.t5 a{ background-position:0 -78px; text-indent:1.5em}
.title-tool span.t6 { display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) 0 -98px no-repeat;opacity:0.8}


/*公司商铺页面*/
.companyname { background:url(images/shopbg.jpg); height:180px; position:relative}
.companyname h1 { font-size:28px; font-weight:normal; line-height:120%; color:#FF552E; position:relative; top:40px; left:40px}
.companydetail { border:#E5E5E5 solid 1px;}
.companyname .vip-ico { position:absolute; top:0; right:60px;background:url(images/vip-ico.png) no-repeat;/*opacity:0.2;*/ height:100px; width:60px; display:none}

.title-tool { height:14px; line-height:14px;}
.title-tool span a{ display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) left no-repeat; opacity:0.8}
.title-tool span a:hover { color:#F60;}
.title-tool span.t1 a{ background-position:0 2px}
.title-tool span.t2 a{ background-position:0 -19px}
.title-tool span.t3 a{ background-position:0 -39px}
.title-tool span.t4 a{ background-position:1px -59px; margin-left:0;}
.title-tool span.t5 a{ background-position:0 -78px; text-indent:1.5em}
.title-tool span.t6 { display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) 0 -98px no-repeat;opacity:0.8}

.companydetail .contact { padding:10px 19px 0 19px; position:relative; height:320px}
.companydetail .contact ul { position:absolute; left:485px; top:10px;}
.companydetail .contact li{ line-height:38px; height:38px; border-bottom:#EEE dashed 1px; width:450px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px;}
.companydetail .contact div { float:left; width:450px; top:5px; position:absolute}
.companydetail .contact li img { vertical-align:middle}

.company-content { border:#E5E5E5 solid 1px; border-top:0; padding:0 19px; width:830px;}

.shopcontent { line-height:200%;}
.shopcontent p { margin: 10px 0}

.detail-infolist { display:inline-block; background-color:#FFF; padding:0 0 15px 0; color:#333333; width:960px; overflow:hidden; border:#E5E5E5 solid 1px; border-top:#333 solid 1px}
.detail-infolist li { float:left; width:239px; height:248px; overflow:hidden; padding: 0 29px 0 30px; margin:15px 0; border-right:#EEE solid 1px;}
.detail-infolist li.noborder { border:0; padding-right:30px}
.detail-infolist li div.img { width:180px; height:180px; overflow:hidden}
.detail-infolist li div.img img { width:180px; height:180px;transition: all 0.8s;}
.detail-infolist li div.img img:hover {/*opacity:0.8;*/transform: scale(1.2); z-index:1}
.detail-infolist li div.price { color:#E60000; line-height:20px; font-size:14px; padding:5px 0 3px 0;}
.detail-infolist li div.text a{ color:#333; font-size:14px; line-height:20px; height:40px; overflow:hidden}
.detail-infolist li div.text a:hover { color:#E60000; text-decoration:none}

/*Message*/
.messagebox { padding:6px 0}
.messagebox td { border-bottom:#EEE dotted 1px; padding-top:12px; padding-bottom:12px;}

.messagebox .input { float:left; margin-right:8px; border-bottom:#EEE solid 1px; border-right:#EEE solid 1px; border-top:#bbb solid 1px; border-left:#bbb solid 1px; height:28px; line-height:28px; width:300px; padding-left:4px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:14px}
.messagebox .submit { padding:8px 15px; font-size:14px; color:#FFFFFF; background:#FF7300; border:0; cursor:pointer;font-family:'\5FAE\8F6F\96C5\9ED1'}
.messagebox .select {font-size:14px; color:#333333; border:#CCCCCC solid 1px; float:left; margin-right:8px}

.messagebox .boxleft{ font-size:14px; color:#666666; padding-right:15px}
.messagebox label {height:32px; line-height:32px; padding-left:26px;}
.messagebox .onshow { background:url(images/onShow.gif) 3px center no-repeat; color:#888888; padding-left:26px}
.messagebox label.error { background:url(images/onError.gif) 3px center no-repeat; color:#FF0000}
.messagebox label.success { background:url(images/onCorrect.gif) 3px center no-repeat; color:#339900; float:left; padding:0 0 0 26px; font-size:12px; height:32px; line-height:32px; font-family:Tahoma, Verdana, Arial}