﻿/* CSS Document */
/*.header{ padding-bottom:0px;}*/
.menu div{ float:left; width:230px; background-color:#d72c08; font-size:14px; font-weight:bold; padding:0px 10px; height:40px; line-height:40px;}
.menu div em{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:3px;}
/*.header .menu ul li a:hover{ background:none;}*/

.visible{ overflow:visible;}
.rel{ position:relative;}

.w980{width:980px;margin:0 auto;}
.category .down span,.category .items_tit dt em,.newsadd li,.newsadd p b,.companylist li,.location,.filter .citysort .city,.companybox .companyname em a,.companybox .btnbox a{ background-image:url(../image/companyicon.png); background-repeat:no-repeat;}

/* 左侧分类 */
.category{ width:248px; border:1px solid #e3e3e3;  height:322px; position:absolute; z-index:2; padding-bottom:20px;background-color:#FFF; left:0px; top:0px;}
.category .items{ position:relative;}
.category .items_tit{ border:1px solid #fff; border-bottom:1px dotted #d2d2d2; padding:10px 8px; line-height:18px; position:relative; background-color:#FFF; }
.category .nobd{ border-bottom:0px;}
.category .items_tit dt{ font-weight:bold; margin-bottom:3px; width:95%; height:18px; line-height:18px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.category .items_tit dt a{ color:#000;}
.category .items_tit dt em{width:5px; height:7px; line-height:0px; font-size:0px; overflow:hidden; background-position:left -14px; margin-top:6px; position:absolute; right:8px; top:9px;}
.category .items_tit dd a{ color:#333; margin-right:12px;}
.category .items_cont{ position:absolute; left:248px; z-index:3; border:2px solid #d72c08; top:0px; width:383px; padding:10px; display:none; background-color:#FFF;}
.category .items_cont dl{ width:100%; overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #e8e8e7; padding-bottom:10px; line-height:22px;}
.category .items_cont dt{ width:66px; float:left; font-weight:bold;}
.category .items_cont dd{ width:310px; float:left;}
.category .items_cont a{ color:#333; margin-right:12px;}
.category .items a:hover{ color:#ff5500;}
.category .down{ height:10px; width:100%; line-height:0px; font-size:0px; overflow:hidden; background-color:#f1f1f1; position:absolute; bottom:0px; cursor:pointer; left:0px;}
.category .down span{ background-position:left top; width:9px; height:5px; line-height:0px; font-size:0px; overflow:hidden; display:block; margin:3px auto 0px;}
.category .on .items_tit{ border:2px solid #d72c08; left:-1px; border-right:0px; z-index:4; width:233px; padding:9px 8px;}
.category .on .items_cont{ display:block;}

.w722{ width:722px;}
.w720{ width:720px;}
.w252{ width:252px;}
.w726{ width:676px; padding-left:30px; background-color:#FFF; min-height:740px; padding-top:30px; padding-right:20px; _height:740px; _margin-left:-20px;}
.mt8{ margin-top:8px;}
.mt15{ margin-top:15px;}
.cl,.clear{ width:100%; overflow:hidden; height:0px; line-height:0px; font-size:0px; clear:both; float:none;}

.tit{ font-size:12px; color:#000; margin-bottom:3px;}
.tit2{ width:100%; overflow:hidden; border-bottom:2px solid #e3e3e3; line-height:33px; height:33px; overflow:hidden;}
.tit2 h3{ font-family:"微软雅黑"; font-weight:normal;}
.tit2 h3 span{ font-size:18px; color:#000;}
.tit2 h3 b{ display:inline-block; width:33px; height:33px; color:#FFF; background-color:#d72c08; font-size:18px; text-align:center; font-weight:normal; margin-right:10px;}
.tit2 em{ color:#999; }
.tit2 em a{ color:#999; margin:0px 6px;}
.tit2 em a.more{ font-family:"宋体"; color:#ff5500}

.banner{ width:520px;}
.slides{ position:relative; overflow:hidden; width:520px; height:193px;}
.slide-pic{ overflow:hidden; width:520px;}
.slide-pic img { width:520px; height:193px;}
.slide-pic li { display:none; }
.slide-pic li.cur { display:block; }
.slide-li { position:absolute; bottom:10px; right:0px; }
.slide-li li { float:left; width:20px; height:20px; line-height:20px; text-align:center; margin-right:8px; }
.slide-li a { display:block; height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; background-color:#999; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.slide-li a:hover,.op li.cur a{ color:#FFF; text-decoration:none; background-color:#f22d03; }
.slide-txt span { display:none; }

.newsadd{ width:185px; border:1px solid #e3e3e3; border-left:0px; height:186px; padding:5px 8px 0px; overflow:hidden;}
.newsadd ul{ height:100px; width:100%; overflow:hidden;}
.newsadd li{ line-height:20px; background-position:3px -24px; padding-left:13px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; width:172px;}
.newsadd li a{ color:#333;}
.newsadd li a:hover{ color:#ff5500;}
.newsadd p{ padding-top:3px;}
.newsadd p b{ width:18px; height:20px; display:inline-block; line-height:20px; text-align:center; color:#f67123; background-position:left -48px; font-family:Arial, Helvetica, sans-serif; margin-right:3px;}

.advimg{ border:1px solid #e3e3e3; height:132px; width:720px; overflow:hidden;}
.advimg img{ width:120px; height:132px;}
.advimg ul{ width:10000px; overflow:hidden;}
.advimg ul li{width:120px; height:132px; float:left;}

.topimg{ width:250px; height:273px;}
.top_company{ width:524px; border-left:1px solid #f0f0f0; height:273px;}
.top_company ul{ width:100%; overflow:hidden;}
.top_company ul li{ width:110px; height:135px; overflow:hidden;  border-right:1px solid #f0f0f0;  border-bottom:1px solid #f0f0f0; float:left;  padding:0px 10px;}
.top_company ul span{ width:110px; height:66px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:58px;}
.top_company ul span img{ vertical-align:middle;}
.top_company ul h4{ width:100%;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-weight:normal; font-size:12px; line-height:20px; height:20px;}
.top_company ul h4 a{ color:#333;}
.top_company ul em{ display:block; line-height:18px; height:36px; width:100%; overflow:hidden; color:#999;}
.companylist{ width:185px; padding:6px 10px 0px; border-bottom:1px solid #f0f0f0; height:265px;}
.companylist ul{ margin-top:5px;}
.companylist li{ height:22px; line-height:22px; background-position:left -70px; padding-left:10px; width:175px; overflow:hidden;  white-space: nowrap;text-overflow: ellipsis;}

.citylist{ padding:5px 10px; width:960px; background-color:#fbfbfb; border:1px solid #e3e3e3;}
.citylist ul{ width:100%; overflow:hidden;}
.citylist ul li{ width:56px; height:22px; line-height:22px; overflow:hidden; float:left;}
.citylist ul li a{ color:#333;}

/* friendLink style */
.friendLink{ margin-top:20px;}
.friendLink strong{ color:#414141;}
.friendLink a{ margin-right:10px;}

/* 当前位置 */
.location{height:31px;line-height:31px;margin-bottom:8px; color:#545454; font-family:"宋体"; background-position:left -96px; padding-left:20px;}
.location a,.location span{ color:#545454; margin:0px 5px;}
.location a:hover{color:#FF0700;}
.location em{ margin-left:30px;}
.location strong{ color:#ff5500; margin:0px 5px;}

/* 筛选 */
.filter{ border-top:2px solid #ddd; background-color:#f5f5f5; height:30px; padding:7px 10px 0px; width:700px; line-height:20px; position:relative; z-index:2; color:#000;}
.filter .citysort{ position:relative; margin-right:10px;}
.filter .citysort .city{ display:inline-block; padding:0px 17px 0px 10px; border:1px solid #dcdcdc; background-color:#FFF; background-position:right -127px; cursor: pointer;}
.filter .citybody{ position:absolute; width:432px; border:1px solid #b1b1b1; left:0px; top:21px; background-color:#FFF; padding:7px;}
.filter .citybody h3{ font-weight:normal; padding:0px 5px; margin-bottom:10px;}
.filter .citybody h3 em{ float:right;}
.filter .citybody dl{ padding:0px 7px 8px ; border-bottom:1px dashed #DDDDDD; width:418px; overflow:hidden; margin-bottom:8px;}
.filter .citybody dl dt{ font-weight:bold; color:#cb7575; margin-bottom:5px;}
.filter .citybody dl dd{ float:left;}
.filter .citybody dl dd a,.filter .citybody ul li a{ width:54px; float:left; padding-right:8px;}
.filter .citybody ul{ padding:0px 7px 8px ; border-bottom:1px dashed #DDDDDD; width:418px; margin-bottom:8px;}
.filter .citybody ul li{ float:left; width:60px; margin-right:23px; position:relative; z-index:1}
.filter .citybody ul.citychildren{ margin-bottom:0px;}
.filter .citybody ul.citychildren li a{ background-position:right -128px;}
.filter .citybody ul.citychildren li ul{ border:1px solid #a5a5a5; width:200px; margin-bottom:0px; padding:5px 0px; position:absolute; left:0px; top:20px; background-color:#f8f8f8; z-index:3}
.filter .citybody ul.citychildren li ul li{ width:50px; padding-left:11px; margin:0px;}
.filter .citybody ul.citychildren li ul li a{ background:none;}
.filter .citybody ul.citychildren li a.onhover{ background-position:right -149px;}
.filter .citybody ul.nobd{ border-bottom:0px;}
.ml10{ margin-left:10px;}
.filter .manage .citybody{ width:93px; padding:3px 0px;}
.filter .manage .citybody ul{ border:0px; padding:0px; border-bottom:0px; width:75px; margin-bottom:0px;}
.filter .manage .citybody ul li{ float:none; line-height:22px; margin-right:0px;}
.filter .manage .citybody ul li a{ width:75px; padding:0px 9px;}
.filter .manage .citybody ul li a:hover{ background-color:#EEF6FB; text-decoration:none;}
.filter label{ margin-right:10px;}
.filter label input{ width:13px; height:13px; overflow:hidden; margin:0px; padding:0px; margin-right:3px; vertical-align:middle;}

.wantfind{ padding:8px 10px 0px; color:#000;}
.wantfind a{ margin-left:10px; color:#0066cc; text-decoration:underline;}

.companybox{ border:1px solid #e3e3e3; padding-bottom:10px; position:relative; margin-top:8px;}
.companybox .companyname{ background-color:#f5f5f5; height:37px; line-height:37px; padding:0px 10px; position:relative;}
.companybox .companyname h3{ font-size:14px;}
.companybox .companyname h3 a{ color:#000;}
.companybox .companyname img{ margin:11px 0px 0px 5px;}
.companybox .companyname b{ color:#f22d03; margin-left:3px;}
.companybox .companyname em a{ background-position:left -182px; padding-left:23px; display:inline-block; margin-left:15px;}
.companybox .companyname em a.businesscard{ background-position:left -149px; padding-left:30px; font-weight:bold; color:#f22d03;}
.companybox .companyinfo{ padding:10px 10px 15px;}
.companybox .companyinfo dl{ width:100%; overflow:hidden; line-height:18px;}
.companybox .companyinfo dl dt{ width:63px; float:left; color:#333;}
.companybox .companyinfo dl dd{ width:400px; float:left; color:#666;}
.companybox .aboutpro{ width:100%; overflow:hidden;}
.companybox .aboutpro li{ width:117px; float:left; margin-left:12px; margin-right:12px; display:inline; text-align:center;}
.companybox .aboutpro li span{ width:115px; height:102px; border:1px solid #ccc; vertical-align:middle; display:table-cell; *display:block; *font-size:91px;}
.companybox .aboutpro li span img{ vertical-align:middle;}
.companybox .aboutpro li em{ width:100%; height:22px; display:block; line-height:22px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.companybox .btnbox{ position:absolute; right:15px; top:60px;}
.companybox .btnbox a{ display:block; width:79px; height:28px; line-height:28px; color:#FFF; background-color:#f22d03; margin-bottom:9px;border-radius:3px; background-position:5px -220px; padding-left:31px;}
.companybox .btnbox a.allpro{ background-color:#8d8d8d;background-position:5px -254px;}

/* 分页 */
.pagination{clear:both;font-family:Tahoma;font-size:12px;height:35px;overflow:hidden;text-align:center; padding:30px 0px 20px;}
.pagination div{ float:right;}
.pagination .page-bottom,.pagination form{display:inline-block;vertical-align:middle;}
.pagination .page-bottom{background-color:#FFFFFF;}
.pagination a,.pagination a:link,.pagination a:visited,.pagination .page-prev,.pagination .page-cur,.pagination .page-start,.pagination .page-end,.pagination .page-next,.pagination .page-break{float:left;font-size:14px;height:28px;line-height:28px;padding:0 11px;text-align:center;vertical-align:middle;white-space:nowrap; margin-right:3px;}
.pagination .page-bottom:after{clear:both;content:" ";display:block;height:0;}
.pagination .page-cur{background-color:#F8F8F8;color:#FF7300;font-weight:bold; border:1px solid #ccc;}
.pagination a,.pagination a.page-next{font-size:12px;  border:1px solid #ccc;}
.pagination a:hover{color:#FF7300;text-decoration:none;}
.pagination .page-break{height:30px;}
.pagination a.page-prev,.pagination a.page-next,.pagination .page-start{border:1px solid #CCCCCC;font-size:12px;margin-right:10px;padding:0;width:55px;}
.pagination .page-start{color:#DDDDDD;}
.pagination a.page-prev:hover{border:1px solid #FF7300;text-decoration:none;}
.pagination .page-end{border:1px solid #DDDDDD;color:#DDDDDD;font-size:12px;padding:0 16px 0 5px;}
.pagination div.page-op{color:#444444; display: inline-block; vertical-align: middle; float:left; margin-top:7px;}
.page-op #jumpto{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#CCCCCC #ECECEC #ECECEC;border-image:none;border-right:1px solid #ECECEC;border-style:solid;border-width:1px;color:#000000;font-family:Tahoma,SimSun,Arial;height:20px;margin:0 4px 5px;text-align:center;vertical-align:middle;width:32px;}
.page-op #jump-sub{background-color:#F5F5F5;border:1px solid #B2B2B2;cursor:pointer;height:25px;margin:0 0 2px 8px;width:43px;}
.page-op #jump-sub:hover{background-color:#F8F8F8;border:1px solid #C6C6C6;border-radius:2px 2px 2px 2px;box-shadow:0 0 2px #A8A8A8;}
.page-op .total-page{padding-right:8px;}
.page-op .total-page b{font-weight:bold;}

/* 没有产品 */
.nopro{ text-align:center; line-height:22px; padding-top:20px;}
.nopro strong{ color:#f43407;}
.nopro a{ font-weight:bold; color:#135da7;}

.aboutother{ border:1px solid #e3e3e3; background-color:#fbfbfb; padding:6px 10px;}
.aboutother dl{ width:100%; overflow:hidden; line-height:24px;}
.aboutother dl dt{ width:61px; float:left; color:#000;}
.aboutother dl dd{ width:635px; float:left;}
.aboutother dl dd a{ color:#666; margin-right:15px;}

.sellbuy h3 em,.sellbuy a,.sellbuy i{ background-image:url(../image/keybg.png); background-repeat:no-repeat;}
.sellbuy{ border:1px solid #e3e3e3; width:230px; position:relative; padding:10px 10px 15px;}
.sellbuy h3{ font-size:16px; color:#e3972c; line-height:32px; height:32px; width:100%;}
.sellbuy h3 em{ display:inline-block; width:32px; height:32px; background-position:left top; float:left; margin-right:8px;}
.sellbuy p{ line-height:20px; padding:10px 0px;}
.sellbuy a{ display:block; width:132px; height:33px; line-height:33px; color:#FFF; background-position:left -36px; padding-left:8px; margin:0px auto; }
.sellbuy i{ position:absolute; right:0px; top:0px; display:block; width:34px; height:43px; background-position:left -109px;}
.sellbox h3{ color:#5493e0;}
.sellbox h3 em{ background-position:-34px top;}
.sellbox a{ background-position:left -71px;}
.sellbox i{background-position:-37px -109px;}

.initial,.initial a{ color:#333;}
.initial a{ margin-left:10px;}
.initial em a{ color:#ff5500; text-decoration:underline;}

.topcontact{ border:1px solid #e3e3e3; border-bottom-width:2px; background-color:#fbfbfb; line-height:30px; font-size:14px; color:#333; padding:5px 10px; width:958px; margin:0px auto;}
.topcontact ul{ width:100%; overflow:hidden;}
.topcontact ul li{ width:33%; float:left; height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.cardbox{border:1px solid #e3e3e3; background-color:#fbfbfb; position:relative; width:978px; margin:8px auto 0px;}
.lmenu{ position:relative; width:272px; left:-5px;}
.lmenu li{ height:41px;}
.lmenu li.on{ background:url(../image/menubg.png) no-repeat left top;}
.lmenu li.on a{ font-weight:bold; color:#FFF;}
.lmenu li a{ display:block; height:37px; line-height:37px; border-bottom:1px dotted #e3e3e3; margin:0px 25px 0px 13px; font-size:14px; padding:0px 8px; color:#333;}

.companylist2{ width:232px; border:0px; margin-left:10px; margin-right:10px; padding:0px 0px 15px; border-bottom:1px dotted #e3e3e3; height:auto;}
.companylist2 li{ width:222px;}
.nobd{ border-bottom:0px;}

.aboutus{ width:100%; overflow:hidden; line-height:22px; color:#666;}

.tip{ line-height:20px;}
.tip span{ color:#333;}

.mainpro p{ text-align:right; font-size:12px;}
.mainpro ul{ width:100%; overflow:hidden; padding:20px 0px 0px;}
.mainpro ul li{ width:150px; float:left; height:195px; overflow:hidden; text-align:center; margin:0px 9px; display:inline; }
.mainpro ul li span{ width:148px; height:148px; border:1px solid #ddd; vertical-align:middle; display:table-cell; *display:block; *font-size:130px;}
.mainpro ul li span img{ vertical-align:middle; max-width:148px; max-height:148px;}
.mainpro ul li em{width:100%; display:block; height:22px; line-height:22px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.message{ padding-left:30px;}
.message dl{ width:100%; overflow:hidden; margin-bottom:10px; font-size:14px; line-height:29px;}
.message dl dt{ width:80px;float:left; color:#333;}
.message dl dd{ width:550px; float:left; vertical-align:top;}
.message dl dd span{ color:#0066cc;}
.message dl dd input{ border:1px solid #e3e3e3; width:332px; height:27px; line-height:27px; padding:0px 4px; vertical-align:middle;}
.message dl dd textarea{border:1px solid #e3e3e3; width:540px; height:142px; line-height:22px; padding:0px 4px;}
.message dl dd img{ vertical-align:middle; margin-left:5px;}
.message dl dd input.btnstyle{width:110px; height:28px; line-height:28px; color:#FFF; background-color:#f22d03; border-radius:3px; text-align:center; font-size:14px; font-weight:bold; border:0px; cursor:pointer;  }

#rbar{ top:30px;}

.productMap{line-height:22px;overflow:hidden;  margin-bottom:10px; border-top:2px solid #F22D03; padding-top:15px;}
.productMap a{border:1px solid #8BC0E4;color:#0066CC;margin:0 2px;padding:1px 5px;}
.productMap a:hover{border:1px solid #FF6600;color:#FF6600;text-decoration:underline;}
.maplist{ width:100%; overflow:hidden;}
.maplist li{float:left;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:163px; margin-bottom:3px;}

.topimg{ background:url(../image/topprobg.jpg) no-repeat left top; padding:20px 10px 0px; width:230px; height:253px; font-family:"微软雅黑"; position:relative;}
.topimg h2{ line-height:22px; margin-bottom:4px; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.topimg h2 a{ font-size:17px; color:#d72c08;}
.topimg p{ color:#2f2f2f; font-size:14px; line-height:20px;}
.topimg span{ width:230px; height:160px; vertical-align:middle; text-align:center; display:block; position:absolute; bottom:10px;}

.products { overflow:hidden; margin:0 auto; border:1px solid #dcdcdc; padding-bottom:5px; height:auto; width:1190px;}
.products .title { height:27px; line-height:27px; background:#f3f3f3; margin-bottom:10px; }
.products .title h2 { height:27px; line-height:27px; font-size:14px; font-weight:bold; padding:0 0 0 13px; float:left; }
.products .title h2 strong { float:left; }
.products .title h2 a { float:left; padding:0px 8px 0 0; font-size:12px; font-family:Verdana; font-weight:normal; height:16px; color:#2754bb; line-height:16px }
.products .title .region { float:right; }
.products .title .region a { margin:0 5px; }
.products ul { margin:0 20px 0 10px; border-right: 1px solid #dcdcdc; padding:0 10px 0 0; ; overflow:hidden; width:560px; display:inline; float:left; }
.products .border { border:none; margin:0; padding:0; }
.products li { padding:0 10px 0 0; margin:0 0 20px 0; float:left; display:inline; width:435px; overflow:hidden; }
.products .c_01 { padding:0; overflow:hidden; width:100%; }
.products .c_01 strong { float:left; }
.products .c_01 strong a { color:#0066cc; font-size:14px }
.products .c_01 strong a:hover { color:#FF0700 }
.products .c_01 span { float:left; font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#999; }
.products .c_01 em { float:left; background:url(https://company.hi1718.com/images/icon.png) no-repeat left -55px; width:15px; height:10px; display:block; margin:3px 0 0 2px; }
.products .c_02 { white-space:nowrap; overflow:hidden; }
.products .c_02 a { font-size:12px; color:#434343; padding:0 7px 0 3px; margin:8px 5px 0 0; border-right: 1px solid #b3b3b3; float:left; height:14px; line-height:14px }
.products .c_02 a:hover { font-size:12px; color:#ff0700; }
.products .c_02 font { font-size:12px; color:#ff7700; }
.products .c_02 .no { padding:0; margin:8px 0 0 0; border:0 }
.products .no_p { padding:0 }
.products .no_b { border:0 }