/*标题地区*/ .search_bar .region_title{ height: 48px; position: absolute; top: 0; left: 333px; bottom: 0; margin: auto; border-left: 1px solid #999999; padding-left: 20px; } .search_bar .region_title:hover{ cursor: pointer; } .search_bar .region_title h2{ color: #174183; letter-spacing: 2px; } .search_bar .region_title .cutover{ padding-left: 16px; letter-spacing: 3px; position: relative; } .search_bar .region_title .cutover:after{ position: absolute; top: 6px; left: 83px; content: ''; border-top: 8px solid #333333; border-bottom: 6px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; } /*热门地区*/ .search_bar .region_title .region_select{ height: 70px; margin-top: 3px; margin-left: -21px; border: 1px solid #cccccc; background: #ffffff; padding: 5px 10px; display: none; } .search_bar .region_title:hover .region_select{ display: block; } .search_bar .region_title .region_select p{ color: #ff8e1f; letter-spacing: 1px; line-height: 36px; border-bottom: 1px dashed #cccccc; } .search_bar .region_title .region_select p a{ color: #666666; margin-left: 5px; font-weight: bold; letter-spacing: 2px; } .search_bar .region_title .region_select ul{ line-height: 36px; letter-spacing: 1px; } .search_bar .region_title .region_select ul li{ float: left; margin-right: 8px; } .search_bar .region_title .region_select ul li a{ padding-right: 8px; border-right: 1px solid #cccccc; } .search_bar .region_title .region_select ul li a:hover{ color: #ff8e1f; } /*搜索*/ .search_bar .search { font-size: 0; height: 70px; position: absolute; top: 0; left: 620px; bottom: 0; margin: auto; } /*------------------模块1-------------------------------*/ .mod1 { margin-top: 20px; max-height: 556px; overflow: hidden; font-size: 0; } .mod1 .mod1l, .mod1 .mod1m, .mod1 .mod1r { display: inline-block; max-height: 550px; vertical-align: top; } .mod1 .mod1m { margin: 0 10px; } .mod1 .mod1m_below { margin-top: 10px; } /*模块2*/ .mod2 { margin-top: 20px; } /*模块3*/ .mod3 { margin-top: 20px; font-size: 0; } /*--------------------行业分类--------------------*/ .classify { width: 260px; position: relative; } /*分类标题*/ .classify .classify_title { background-color: #3c6dad; height: 44px; line-height: 44px; } .classify .classify_title a:hover { text-decoration: none; } .classify .classify_title a { display: inline-block; box-sizing: border-box; width: 260px; font-size: 18px; color: #fff; vertical-align: middle; padding: 0 20px 0 10px; } .classify .classify_title a i { display: inline-block; vertical-align: middle; width: 12px; height: 18px; background: no-repeat -228px -218px; margin-left: 104px; } .classify .classify_title a i:first-child { width: 32px; height: 26px; background-position: -360px -88px; margin-right: 10px; margin-left: 0; } /*分类列表*/ .classify .classify_list { border: 1px solid #e6e6e6; background-color: #f8f8f8; } /*列表样式*/ .classify .classify_list > div:after { content: ""; display: block; width: 228px; border-bottom: 1px solid #e6e6e6; } .classify .classify_list > div:last-child:after { content: ""; display: none; width: 0; border-bottom: none; } .classify .classify_list > div:last-child { border-bottom: 1px solid transparent; } .classify .classify_list > div { padding: 0 15px 0; border-top: 1px solid transparent; white-space: nowrap; } /*列表图片样式*/ .classify .classify_list > div > div { display: inline-block; height: 61px; width: 45px; line-height: 61px; vertical-align: middle; } .classify .classify_list > div > div i { display: inline-block; width: 32px; height: 32px; background: no-repeat -170px -140px; vertical-align: middle; } /*列表内容样式*/ .classify .classify_list > div > dl { display: inline-block; vertical-align: middle; width: 183px; overflow: hidden; } .classify .classify_list > div > dl > dt { margin-bottom: 4px; font-size: 16px; } .classify .classify_list > div > dl dd { display: inline-block; font-size: 12px; margin-right: 12px; } .classify .classify_list > div > dl dd > a { color: #666; } .classify .classify_list > div > dl dd > a:hover { color: #3c6dad; } .classify .classify_list > div:hover { background-color: #eee; } /*分类详情*/ .classify .classify_list > div:hover > .classify_details { display: block; } .classify .classify_details { display: none; width: 700px; height: 550px; padding: 0 30px; border: 2px solid #3c6dad; background-color: #ffffff; box-sizing: border-box; position: absolute; top: 0; left: 260px; z-index: 100; font-size: 14px; overflow: hidden; } .classify .classify_details > p { padding: 30px 0 16px; margin-left: 10px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #ccc; } .classify .classify_details > div > ul { height: 440px; overflow: hidden; margin-top: 8px; font-size: 0; } .classify .classify_details > div li { margin: 5px 20px; float: left; height: 19px; width: 84px; overflow: hidden; font-size: 14px; } /*----------------------轮播---------------------*/ .carousel { width: 680px; height: 200px; background-color: #eeeeee; position: relative; overflow: hidden; } .carousel .banner_img > ul { position: absolute; height: 200px; left: 0; } .carousel .banner_img li { position: relative; width: 680px; height: 200px; float: left; } /*轮播图片*/ .carousel .banner_img img { max-width: 680px; max-height: 200px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } /*轮播按钮*/ .carousel .banner_btn ul { height: 16px; position: absolute; left: 0; bottom: 0; top: 170px; right: 0; margin: auto; background: rgba(0, 0, 0, 0.3); border-radius: 20px; } .carousel .banner_btn li { width: 10px; height: 10px; float: left; margin: 3px 5px; border-radius: 50%; cursor: pointer; border: 1px solid #fff; box-sizing: border-box; } .carousel .banner_btn li.on { background-color: #fff; } /*-------------------------最新项目------------------*/ .latest_project { width: 335px; height: 340px; border: 1px solid #eee; display: inline-block; vertical-align: top; box-sizing: border-box; margin-right: 10px; } /*项目标题*/ .latest_project .project_title { height: 44px; line-height: 44px; border-bottom: 1px solid #eee; background-color: #eee; box-sizing: border-box; } .latest_project .project_title > p { font-size: 18px; padding: 0 20px; } .latest_project .project_title > p > a { float: right; font-weight: normal; font-size: 14px; color: #666; } .latest_project .project_title > p > a:hover { color: #3c6dad; } /*项目列表*/ .latest_project .project_list { padding: 0 16px 14px; } .latest_project .project_list > ul { height: 280px; overflow: hidden; } .latest_project .project_list > ul > li { margin-top: 12px; height: 19px } .latest_project .project_list > ul > li > a { display: inline-block; max-width: 235px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } .latest_project .project_list > ul > li > span { float: right; color: #999; font-size: 14px; } /*------------------地区分类-------------------*/ .region { width: 335px; height: 340px; display: inline-block; vertical-align: top; font-size: 14px; border: 1px solid #eee; box-sizing: border-box; } .region > p { font-size: 18px; height: 44px; line-height: 44px; background: #eee; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #eee; } .region > p > a { float: right; font-weight: normal; font-size: 14px; color: #666; } .region > p > a:hover { color: #3c6dad; } .region ul { height: 295px; padding: 16px 0 0 0; box-sizing: border-box; } .region ul > li { float: left;width: 25%; text-align: center; margin-top: 8px; } .region ul li a{ display: inline-block; } .region ul li a img{ display: inline-block; width: 60px; } .region ul li a span{ display: inline-block; height: 19px; overflow: hidden; } /*------------------供应商------------------------*/ .supplier { width: 240px; height: 242px; border: 1px solid #eee; margin-top: 10px; box-sizing: border-box; } /*供应商标题*/ .supplier .supplier_title { height: 44px; line-height: 44px; border-bottom: 1px solid #eee; background-color: #eee; font-size: 18px; } .supplier .supplier_title > p { font-size: 18px; padding: 0 20px 0; } .supplier .supplier_title > p > span{ display: inline-block; width: 153px; height: 45px; overflow: hidden; } .supplier .supplier_title > p > a{ float: right; font-weight: normal; font-size: 14px; color: #666; } /*供应商列表*/ .supplier .supplier_list { padding: 16px 0 16px 16px; } .supplier .supplier_list > div { height: 164px; overflow: hidden; } .supplier .supplier_list ul > li { margin-top: 9px; } .supplier .supplier_list ul > li > a { display: inline-block; max-width: 220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } /*----------------本站信息发布次数-----------------*/ .released_statistics { margin-top: 10px; border: 1px solid #eeeeee; height: 88px; box-sizing: border-box; font-size: 14px; padding-left: 16px; vertical-align: middle; } .released_statistics div { margin: 10px 0; } .released_statistics h2 { color: #ff8e1f; font-size: 20px; display: inline-block; width: 145px; overflow: hidden; vertical-align: middle; } .released_statistics span { vertical-align: middle; } /*--------------------模块2--------------------*/ /*采购信息*/ .purchaseinfo { margin-top: 20px; } /*banner广告*/ .purchaseinfo .banner { width: 100%; height: 100px; position: relative; } .purchaseinfo .banner img { max-width: 100%; max-height: 100px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } /*采购主体*/ .purchaseinfo .purchase { margin-top: 20px; font-size: 0; } .purchaseinfo .purchase .recommend, .purchaseinfo .purchase .government, .purchaseinfo .purchase .enterprise { width: 386px; border: 1px solid #eeeeee; box-sizing: border-box; display: inline-block; font-size: 14px; } .purchaseinfo .purchase .government { width: 406px; } /*项目标题*/ .purchaseinfo .purchase .purchase_title { height: 44px; line-height: 44px; border-bottom: 1px solid #eee; background-color: #eee; } .purchaseinfo .purchase .purchase_title > p { font-size: 18px; padding: 0 16px; } .purchaseinfo .purchase .purchase_title > p > a { float: right; font-size: 14px; color: #666; } .purchaseinfo .purchase .purchase_title > p > a:hover { color: #3c6dad; } /*项目列表*/ .purchaseinfo .purchase .purchase_list { padding: 14px 16px; } .purchaseinfo .purchase .purchase_list > ul { height: 157px; overflow: hidden; } .purchaseinfo .purchase .purchase_list > ul > li { margin-bottom: 8px; height: 19px; } .purchaseinfo .purchase .purchase_list > ul > li:before { content: "●"; color: #3c6dad; vertical-align: top; font-size: 12px; } .purchaseinfo .purchase .purchase_list > ul > li > a { display: inline-block; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .purchaseinfo .purchase .purchase_list > ul > li > span { float: right; color: #999; } /*------------------模块3,分类信息-------------------*/ /*会员信息*/ .member_info { width: 386px; height: 232px; box-sizing: border-box; border: 1px solid #eee; display: inline-block; margin-right: 10px; } /*会员信息标题*/ .member_info .info_title { height: 44px; background: #f4f4f4; border: 1px solid #eee; box-sizing: border-box; padding-left: 10px; } .member_info .info_title p { font-size: 18px; padding-left: 8px; padding-right: 16px; margin-top: 10px; } .member_info .info_title p a { float: right; font-size: 14px; color: #666; } /*会员信息列表*/ .member_info .member_list { padding: 9px 16px; overflow: hidden; } .member_info .member_list li { margin-bottom: 8px; } .member_info .member_list li:before { content: "●"; color: #3c6dad; vertical-align: top; font-size: 12px; margin-right: 6px; } .member_info .member_list li a { display: inline-block; max-width: 335px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } /*-----------------分类信息------------------*/ .mag_type { width: 804px; height: 232px; border: 1px solid #eeeeee; box-sizing: border-box; } /*分类信息标题*/ .mag_type .msg_title { border-bottom: 1px solid #eeeeee; height: 44px; box-sizing: border-box; background-color: #eee; padding: 0 16px 0; } .mag_type .msg_title > span { font-size: 16px; line-height: 44px; margin-right: 30px; color: #666; padding-bottom: 8px; cursor: pointer; } .mag_type .msg_title > a { float: right; font-size: 14px; line-height: 44px; color: #666 } .mag_type .msg_title > a:hover { color: #3c6dad; } .mag_type .msg_title > span:hover { border-bottom: 2px solid #3c6dad; color: #3c6dad; } .mag_type .msg_title > span.on { border-bottom: 2px solid #3c6dad; color: #3c6dad; } /*分类信息列表*/ .mag_type .msg_list { padding: 16px 0 16px; } .mag_type .msg_list > ul { height: 150px; overflow: hidden; display: none; } .mag_type .msg_list > ul.show { display: block; } .mag_type .msg_list > ul > li { width: 372px; float: left; margin: 0 13px 7px 16px; height: 19px } .mag_type .msg_list > ul > li:before { content: "●"; color: #3c6dad; vertical-align: top; font-size: 12px; margin-right: 6px; } .mag_type .msg_list > ul > li > a { display: inline-block; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } .mag_type .msg_list > ul > li > span { float: right; color: #999; font-size: 14px; } /*------模块4,采购,代理,地区信息-------------------*/ .purchase_region { margin-top: 20px; font-size: 0; } /*采购、代理信息*/ .purchase_region .purchase_agency { display: inline-block; width: 386px; height: 410px; margin-right: 10px; font-size: 14px; } .purchase_region .purchase_agency .title { height: 44px; background: #eee; border: 1px solid #eeeeee; box-sizing: border-box; padding-left: 16px; } .purchase_region .purchase_agency .title p { line-height: 44px; font-size: 18px; padding-right: 16px; } .purchase_region .purchase_agency .title p a { float: right; font-size: 14px; color: #666; } .purchase_region .purchase_agency .list { padding: 7px 16px; height: 154px; box-sizing: border-box; } .purchase_region .purchase_agency .list ul { height: 134px; overflow: hidden; } .purchase_region .purchase_agency .list li { margin: 7px 0; } .purchase_region .purchase_agency .list li:before { content: "●"; color: #3c6dad; vertical-align: top; font-size: 12px; margin-right: 2px; } .purchase_region .purchase_agency .list li a { display: inline-block; max-width: 270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .purchase_region .purchase_agency .list li span { float: right; } /*采购信息*/ .purchase_region .purchase_info { height: 200px; border: 1px solid #eee; box-sizing: border-box; } /*代理信息*/ .purchase_region .agency_info { height: 200px; border: 1px solid #eee; box-sizing: border-box; margin-top: 10px; } /** 地区信息 */ .purchase_region .region_info { display: inline-block; border: 1px solid #eee; width: 804px; height: 410px; box-sizing: border-box; vertical-align: top; } .purchase_region .region_info .mag_type { height: auto; border: 0; } .purchase_region .region_info .title { height: 44px; font-size: 18px; background: #eee; padding: 0 16px; } .purchase_region .region_info .title p { line-height: 44px; } .purchase_region .region_info .title a { float: right; font-size: 14px; line-height: 44px; } /*列表*/ .purchase_region .region_info .list { font-size: 14px; padding: 2px 16px; overflow: hidden; height: 364px; box-sizing: border-box; } .purchase_region .region_info .list ul { height: 360px; overflow: hidden; display: none; } .purchase_region .region_info .list>ul.show { display: block; } .purchase_region .region_info .list li { margin: 8px 0; height: 19px } .purchase_region .region_info .list li > a { display: inline-block; max-width: 530px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; } .purchase_region .region_info .list li > span { color: #3c6dad; margin-right: 5px; } .purchase_region .region_info .list div { float: right; color: #999; } .purchase_region .region_info .list div span { margin-left: 60px; } /*--------------------模块6,合作机构---------------------*/ /*友情链接*/ .organization { margin-top: 20px; } /*友情链接标题*/ .organization .organization_title { height: 44px; padding: 0 20px 0; background-color: #eeeeee; } .organization .organization_title > p { line-height: 44px; font-size: 18px; } /*友情链接列表*/ .organization .organization_list { padding: 14px 20px 0; } .organization .organization_list > div { overflow: hidden; position: relative; height: 100px; } .organization .organization_list ul { position: absolute; height: 100px; left: 0; } .organization .organization_list ul > li { height: 100px; width: 224px; margin-right: 10px; position: relative; float: left; } .organization .organization_list ul > li img { max-height: 100px; max-width: 224px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } /*------------------模块7,友情链接-------------------*/ .blogroll { margin-top: 20px; } .blogroll .blogroll_title { background: #eee; height: 44px; line-height: 44px; font-size: 18px; padding-left: 20px; } .blogroll .blogroll_title .contact_way{ float: right; width: 253px; height: 50px; font-size: 12px; } .blogroll .blogroll_list { padding: 20px 0 10px 20px; } .blogroll .blogroll_list li { float: left; overflow: hidden; margin-right: 30px; margin-bottom: 13px; } /*----------------模块8,地区导航-----------------*/ .region_nav{ margin-top: 20px; } .region_nav .title{ display: inline-block; width: 112px; text-align: center; margin-top: 10px; margin-right: 15px; vertical-align: top; } .region_nav .title img{ width: 100%; } .region_nav ul { width: 1063px; display: inline-block; box-sizing: border-box; vertical-align: top; } .region_nav ul > li { height: 30px; line-height: 30px; float: left; overflow: hidden; } .region_nav li div { display: inline-block; width: 313px; vertical-align: top; overflow: hidden; } .region_nav li dt { display: inline-block; vertical-align: top; font-weight: bold; } .region_nav li dd { display: inline-block; margin: 0 0 8px 13px; } /*----------------模块8,按字母搜索-----------------*/ .letter_search { background: #3c6dad; width: 100%; height: 40px; margin-top: 34px; color: #fff; } .letter_search>div { padding:0 20px; } .letter_search span { display: inline-block; height: 40px; line-height: 40px; vertical-align: top; font-size: 16px; margin-right:30px; } .letter_search ul{ display: inline-block; height:40px; vertical-align: top; } .letter_search li{ float: left; line-height: 40px; margin-right:24px; } .letter_search li a{ display: block; color: #fff; font-size: 16px; } .letter_search li a:hover{ text-decoration: underline; }