@charset "utf-8"; button,input, textarea, select { font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; outline:none; } body { -webkit-font-smoothing: antialiased; background-color: #fff; font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; color: #666; } a { color: #404040; text-decoration: none } a:hover { color: #ff3333; } .mt20{ margin-top:20px;} .mt30{ margin-top:30px;} .mt40{ margin-top:40px;} .wrapper{ width:1000px; min-width:1000px; margin-left:auto; margin-right:auto; } .pagebar { border-top: none; margin-top: 20px; } #pager { white-space: nowrap; } #pager .pg { font-size: 16px; text-align: center } #pager .pg a, #pager .pg a:link, #pager .pg a:visited, #pager .pg span.current, #pager .pg span.first, #pager .pg span.prev, #pager .pg span.next, #pager .pg span.last { margin-right: 5px; background: #fff; border: 1px solid #ccc; color: #888; font-family: 'Tahoma'; text-decoration: none; display: inline-block; *display:inline; zoom: 1; height: 30px; padding: 0 12px; text-align: center; line-height: 30px; font-size: 16px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } #pager .pg a:hover { background: #7aaf1c; border: 1px solid #7aaf1c; color: #fff; } #pager .pg span.current { border: 1px solid #7aaf1c; background: #7aaf1c; color:#fff; font-weight: bold; font-size: 16px; } #pager .pg span.extend { padding: 0 5px 8px 0; zoom: 1 } #pager .pg span.first, #pager .pg span.prev, #pager .pg span.next, #pager .pg span.last { display: none; border: 1px solid #d8d8d8; border: 1px solid #fff; color: #f10180; } #pager .pg span.prev, #pager .pg span.next, #pager .pg a.prev, #pager .pg a.prev, #pager .pg a.next { padding: 0 5px; } #pager .pg span.first, #pager .pg span.last, #pager .pg a.first, #pager .pg a.last { padding: 0 5px; } .page-none{background:none; text-align:center; height:400px; line-height:400px; font-size: 16px;} /*搜索*/ .top-search { float:right;} .top-search form{ border: solid #7aaf1c; border: solid #7aaf1c; border-width: 3px 3px 3px 3px; width:296px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .top-search fieldset{ position: relative;z-index:9999;} .top-search legend{ display: none;} .top-search .search-input {background: #fff;height:28px;position: relative;} .top-search .top-s-combobox {height: 28px;float: left;font-size: 12px; position:relative;} .top-search .top-s-combobox .top-s-input-wrap {_float: left;position: relative;height: 28px;vertical-align: middle;} .top-search .top-s-combobox .top-s-input{color: #000;margin: 0;position: relative;z-index: 2; width:165px; height: 20px;line-height: 20px; padding:4px 5px;border: 0;font-weight: 900;background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;_height: 18px;_line-height: 18px;} .top-search .top-s-placeholder{ color: #666; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:5px; top: 0; z-index: 1;} .top-search .top-s-buttom{position: absolute;right: 0;top: 0;width: 60px;border: 0; outline:0;font-size: 16px; cursor: pointer;color: #fff;background-color: #7aaf1c;background-color: #7aaf1c;height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;} .icon-search-w-1{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;} .search-type{ width:60px; position:relative; z-index:999999; float:left; } .search-type-text i{ position:absolute; right:8px; top:12px; } .search-type-text{ font-weight:bold; background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:16px; cursor:pointer;} .search-type-list{ width:63px;position:absolute; z-index:999999; left:-3px; top:28px; background-color:#fff; display:none;} .search-type-list ul{ border:3px solid #7aaf1c; border-top:none;} .search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;} .search-type-list ul li.active{ background-color:#efefef;} /*搜索*/ /*公共搜索*/ .public-search{ line-height: 1em; } .public-search form{ border: solid #7aaf1c; border-width: 2px; font-size: 12px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; } .public-search fieldset{ position: relative; z-index:9999; border: none; } .public-search legend{ display: none; font-weight: normal; } .public-search .public-search-box { background: #fff; height:28px; position: relative; } .public-search .icon-search-down{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;} .public-search .public-search-type{ position:absolute; z-index:999999; left: 0; top:0; width:60px; } .public-search .public-search-type-text i{ position:absolute; right:8px; top:12px; } .public-search .public-search-type-text{ background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:14px; cursor:pointer;} .public-search .public-search-type-list{ width:62px;position:absolute; z-index:999999; left:-2px; top:28px; background-color:#fff; display:none;} .public-search .public-search-type-list ul{ border:2px solid #7aaf1c; border-top:none;} .public-search .public-search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;} .public-search .public-search-type-list ul li.active{ background-color:#efefef;} .public-search .public-search-inputbox { position:relative; z-index: 9; } .public-search .public-search-inputbox .public-search-inputbox-wrap { position: relative; padding: 0 70px 0 60px; background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;} .public-search .public-search-inputbox .public-search-input{ border: none; outline:0; color: #000; position: relative; z-index: 2; width:100%; height: 28px;line-height: 28px; padding:0px 5px; font-weight:normal; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; _height: 26px;_line-height: 26px; background-color: transparent;} .public-search .public-search-inputbox .public-search-placeholder{ color: #999; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:65px; top: 0; z-index: 1;} .public-search .public-search-buttom{z-index:999999; position: absolute; right: 0; top: 0; width: 60px; border: 0; outline:0; font-size: 12px; cursor: pointer; color: #fff; background-color: #7aaf1c; height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;} /*公共搜索*/ .page-bg{ background:#fff url(images/bg.jpg) no-repeat center top; } .page-bg-box{ width:1000px; margin-left:auto; margin-right:auto; background: #fff; padding: 15px; } .main-head{ padding: 10px 0; } .logo .logo1{ float:left; margin:5px 0 0 0; display: block; width: 175px; height: 60px; text-indent: -999999px; background-repeat: no-repeat; background-image: url(images/Logo@1x.png?v=2024); background-image: -webkit-image-set(url(images/Logo@1x.png?v=2024) 1x, url(images/Logo@2x.png?v=2024) 2x); background-size: auto 100%;} .logo .logo2{ float:left; margin:20px 0 0 20px; font-size:40px; font-weight:bold; color:#7aaf1c; text-decoration:none;} .logo .logo3{ float:left; margin:35px 0 0 20px; font-size:20px; font-weight:bold; color:#7aaf1c; text-decoration:none;} .logo .logo3 img{ float:left; } .logo .logo3 span{ float:left; display:inline-block; padding:7px 0 0 10px; } .main-nav { position: relative; width: 1000px; min-width: 1000px; margin-left: auto; margin-right: auto; background-color:#7aaf1c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .main-nav .main-nav-col { margin: 10px 0;} .main-nav .main-nav-col.col-1 { float: left; width: 324px; padding-left: 5px; } .main-nav .main-nav-col.col-2 { float: left; width: 360px; padding-left: 5px; border-left: 1px solid #bdd78e; } .main-nav .main-nav-col.col-3 { float: left; width: 259px; padding-left: 5px; border-left: 1px solid #bdd78e; } .main-nav .main-nav-col.col-4 { float: left; width: 190px; padding-left: 5px; border-left: 1px solid #bdd78e; } .main-nav .main-nav-col.col-5 { float: left; width: 28px; text-align: center; font-size: 14px; margin: 2px 0; line-height: 1.1em; background: #fff; color: #7aaf1c; padding: 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .main-nav .main-nav-col.col-5 .icon-crown { display: block; width: 28px; height: 24px; background: url("images/icon_crown_2x.png") no-repeat center center; background-size: contain; margin-bottom: 2px;} .main-nav .main-nav-col li{ position: relative; float:left; line-height:26px; font-size:15px; } .main-nav .main-nav-col li a{ display: inline-block; padding: 0 10px; color:#fff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .main-nav .main-nav-col li a:hover{ text-decoration:none; background: #95bf49; } .main-nav .main-nav-col li dl { position: absolute; z-index: 999; left: -60px;; top: 24px; width: 150px; padding: 10px; background: #fff; display: none; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; background-color: rgba(255,255,255,0.98); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2); box-shadow: 2px 2px 10px rgba(0,0,0,0.2); } .main-nav .main-nav-col li dl a{ color: #7aaf1c; display: block;} .main-nav .main-nav-col li dl a:hover{ color: #fff; } .main-nav .main-nav-col li:hover dl { display: block; } .main-nav .main-nav-pop { position: absolute; left: 0; right: 0; top: 62px; visibility: hidden; z-index: 999; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .main-nav .main-nav-pop dl { border: 2px solid #a2c760; padding: 10px 0 11px 6px; background: #bdd78e; background: #fff; text-align: center; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; border-radius: 5px 5px; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px rgba(0,0,0,0.3); } .main-nav .main-nav-pop dl dd{ float: left; margin: 3px 0 3px 6px; width: 157px;} .main-nav .main-nav-pop dl dd a{ background: #fff; border: 1px solid #ddd; color: #333; font-size: 15px; line-height: 32px; display: block; padding: 0 5px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .main-nav .main-nav-pop dl dd a:hover{ background: #bdd78e; background: #ddd; color: #333; } .main-nav .main-nav-col.col-5:hover { background-color:#a2c760; color: #fff; } .main-nav .main-nav-col.col-5:hover .icon-crown { background: url("images/icon_crown_w_2x.png") no-repeat center center; background-size: contain; } .main-nav .main-nav-col.col-5:hover .main-nav-pop { top: 66px; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .cate-nav { } .cate-nav li { float:left; text-align: center; } .cate-nav li a{ display: block; width: 64px; } .cate-nav li .cate-icon { position: relative; display: inline-block; padding: 10px; width: 32px; height:32px; border: 1px solid #ccc; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .cate-nav li .cate-icon:after { position: absolute; left: 10px; top: 10px; width: 32px; height:32px; display: inline-block; content: ''; background-repeat: no-repeat; background-image: url(images/cate-icon@1x.png); background-image: -webkit-image-set(url(images/cate-icon@1x.png) 1x, url(images/cate-icon@2x.png) 2x);} .cate-nav li .cate-txt { display: block; font-size:16px; display: none;} .cate-nav li.cate-1 .cate-icon { border-color: #f95e52; } .cate-nav li.cate-1 .cate-icon:after { background-position: 0 0; } .cate-nav li.cate-2 .cate-icon { border-color: #ed9619; } .cate-nav li.cate-2 .cate-icon:after { background-position: -48px 0; } .cate-nav li.cate-3 .cate-icon { border-color: #6db031; } .cate-nav li.cate-3 .cate-icon:after { background-position: -96px 0; } .cate-nav li.cate-4 .cate-icon { border-color: #fd6c17; } .cate-nav li.cate-4 .cate-icon:after { background-position: -144px 0; } .cate-nav li.cate-5 .cate-icon { border-color: #30c153; } .cate-nav li.cate-5 .cate-icon:after { background-position: -192px 0; } .cate-nav li.cate-6 .cate-icon { border-color: #2cafdf; } .cate-nav li.cate-6 .cate-icon:after { background-position: -240px 0; } .cate-nav li.cate-7 .cate-icon { border-color: #05b9bc; } .cate-nav li.cate-7 .cate-icon:after { background-position: -288px 0; } .cate-nav li.cate-8 .cate-icon { border-color: #f95e52; } .cate-nav li.cate-8 .cate-icon:after { background-position: -336px 0; } .cate-nav li.cate-9 .cate-icon { border-color: #f87ea2; } .cate-nav li.cate-9 .cate-icon:after { background-position: -384px 0; } .cate-nav li.cate-10 .cate-icon { border-color: #a16b24; } .cate-nav li.cate-10 .cate-icon:after { background-position: -432px 0; } .cate-nav li.cate-1:hover .cate-txt { color: #f95e52; } .cate-nav li.cate-1:hover .cate-icon { background:#f95e52; } .cate-nav li.cate-1:hover .cate-icon:after { background-position: 0 -48px; } .cate-nav li.cate-2:hover .cate-txt { color: #ed9619; } .cate-nav li.cate-2:hover .cate-icon { background:#ed9619; } .cate-nav li.cate-2:hover .cate-icon:after { background-position: -48px -48px; } .cate-nav li.cate-3:hover .cate-txt { color: #6db031; } .cate-nav li.cate-3:hover .cate-icon { background:#6db031; } .cate-nav li.cate-3:hover .cate-icon:after { background-position: -96px -48px; } .cate-nav li.cate-4:hover .cate-txt { color: #fd6c17; } .cate-nav li.cate-4:hover .cate-icon { background:#fd6c17; } .cate-nav li.cate-4:hover .cate-icon:after { background-position: -144px -48px; } .cate-nav li.cate-5:hover .cate-txt { color: #30c153; } .cate-nav li.cate-5:hover .cate-icon { background:#30c153; } .cate-nav li.cate-5:hover .cate-icon:after { background-position: -192px -48px; } .cate-nav li.cate-6:hover .cate-txt { color: #2cafdf; } .cate-nav li.cate-6:hover .cate-icon { background:#2cafdf; } .cate-nav li.cate-6:hover .cate-icon:after { background-position: -240px -48px; } .cate-nav li.cate-7:hover .cate-txt { color: #05b9bc; } .cate-nav li.cate-7:hover .cate-icon { background:#05b9bc; } .cate-nav li.cate-7:hover .cate-icon:after { background-position: -288px -48px; } .cate-nav li.cate-8:hover .cate-txt { color: #f95e52; } .cate-nav li.cate-8:hover .cate-icon { background:#f95e52; } .cate-nav li.cate-8:hover .cate-icon:after { background-position: -336px -48px; } .cate-nav li.cate-9:hover .cate-txt { color: #f87ea2; } .cate-nav li.cate-9:hover .cate-icon { background:#f87ea2; } .cate-nav li.cate-9:hover .cate-icon:after { background-position: -384px -48px; } .cate-nav li.cate-10:hover .cate-txt { color: #a16b24; } .cate-nav li.cate-10:hover .cate-icon { background:#a16b24; } .cate-nav li.cate-10:hover .cate-icon:after { background-position: -432px -48px; } .sub-navbar { position: relative; z-index: 1; background: #7aaf1c; line-height: 60px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .sub-navbar a:hover { text-decoration: none; } .sub-navbar h1 { float: left; padding: 0 15px; font-size:32px; line-height: 60px; color: #7aaf1c; } .sub-navbar h1 a { color: #fff} .sub-navbar ul { } .sub-navbar ul li { float: left; font-size: 16px; } .sub-navbar ul li.line { margin-top: 23px; border-left: 1px solid #fff; width: 0p; height: 16px;} .sub-navbar ul li a { display: block; margin:15px 0; padding: 0 18px; color: #fff; line-height: 30px;} .sub-navbar ul li a:hover { color: #eee} .sub-navbar ul li.active { margin: 0 -1px;} .sub-navbar ul li.active a { background: #fff; color: #7aaf1c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .focus-lft { float:left; width: 195px; } .focus-rgt { float:left; width: 785px; margin-left: 20px; } .focus-adtxt { border: 2px solid #7aaf1c; height: 125px; margin-bottom: 10px; } .focus-headline { float: left; width: 491px; } .focus-swiper { float: left; width: 280px; margin-left: 14px; } .swiper-focus-news { position:relative; width: 280px; height: 264px; overflow: hidden; float: left;} .swiper-focus-news .swiper-slide { } .swiper-focus-news .swiper-slide .txt { width: 100%; height:55px; text-align: center; font-size: 14px; background: #eee; overflow: hidden; } .swiper-focus-news .swiper-slide .txt a { margin: 0 10px; line-height: 32px; height: 32px; display: block; overflow: hidden; color:#333; } .swiper-focus-news .swiper-slide .pic img { width: 280px; height: 210px; } .focus-txt { padding: 5px 0px 0 0px;} .focus-txt .headline { position: relative; padding:7px 0 0 0px; margin-bottom: 7px; } .focus-txt .headline h3 { display: block; height: 30px; line-height:30px; font-size: 24px; font-weight: bold; overflow: hidden; } .focus-txt .headline h3 a { display: block; height: 30px; overflow: hidden; } .focus-txt .headline em { position: absolute; left: 0; top: 0; display: block; float: left; padding: 4px 0 16px;; margin-right: 10px; width: 22px; text-align:center; line-height:16px; overflow: hidden; font-size:12px; font-weight: 100; background: #7aaf1c; color: #fff; font-style:normal;} .focus-txt .headline em i { position: absolute; left: -5px;; bottom: -8px;; display: block; font-size:32px; color: #fff; font-style:normal; font-family:serif;} .top-nav-channel a{ display:inline-block; float:left; height:32px; line-height:32px; padding:0 10px; border:1px solid #7aaf1c; color:#7aaf1c; margin-right:5px; font-size:16px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .top-nav-channel a:hover{ border:1px solid #7aaf1c; background:#7aaf1c; color:#fff; text-decoration:none;} /*面包屑導航*/ .crumb{ font-size:12px; color:#888; clear:both; height:40px; line-height:40px; } .crumb a, .crumb a:visited{ color:#888;} .crumb a:hover{ color:#888;} .crumb .page-title-bdshare{ float:right;} /*焦點圖片*/ .focus-news{position:relative; background: #fff;} .focus-news h1 { height:40px; line-height:1em; padding:0 0; font-size:32px; font-weight:bold; color:#7aaf1c; } .focus-news h1 em { font-family: Georgia; color:#eee; font-size:18px; line-height:50px; padding-left:10px; font-weight:normal; font-style:normal; display:inline-block; vertical-align:top;} .focus-news .focus-preview { position:absolute; right:200px; bottom:20px; } .focus-news .focus-preview li { background:#7aaf1c; color:#7aaf1c; height:10px; width:10px; line-height:12px; overflow:hidden; float:left; margin-left:3px; cursor:pointer;filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .focus-news .focus-preview li.active { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .focus-news a.btnl, .focus-news a.btnl:visited, .focus-news a.btnr, .focus-news a.btnr:visited { display:inline-block; height:30px; width:30px; position:absolute; bottom:10px; background:#000 url(images/focus_btn.png) no-repeat left center; filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; } .focus-news a.btnl { left:0; background-position:left center; } .focus-news a.btnr { right:0; background-position:right center; } .focus-news a.btnl:hover, .focus-news a.btnr:hover { background-color:#000;filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; } .focus-img { width:840px; height:300px; overflow:hidden; background-color:#0FF} .focus-img ul li { width:840px; height:300px; overflow:hidden; background:#f1f1f1; color:#333; } .focus-img ul li a, .focus-img ul li a:visited { color:#333; } .focus-img ul li a:hover { color:#333; } .focus-img p { width:380px; display:inline-block; float:right; padding:25px 30px; font-size:16px; line-height:24px; } .focus-img p span { display:block; margin-bottom:20px; line-height:28px; font-size:22px; font-weight:bold; } .focus-img img { float:left;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 25px 30px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 25px 30px; } .swiper-pagination-bullet-active { opacity: 1; background: #ffffff; } .swiper-cate-news{ float: left; position:relative; width: 320px; height: 320px; overflow: hidden;} .swiper-cate-news .swiper-slide{ } .swiper-cate-news .swiper-slide img{ width: 320px; height: 240px; } .swiper-cate-news .swiper-slide .txt{ width: 100%; height:80px; text-align: center; font-size: 16px; background: #efefef; } .swiper-cate-news .swiper-slide .txt a{ margin: 0 15px; line-height: 40px; height: 40px; display: block; overflow: hidden; color:#333; } .swiper-cate-news>.swiper-pagination-bullets{ bottom:10px;} .swiper-focus-trade{ position:relative; width: 400px; float: left;} .swiper-focus-trade .swiper-slide{ background: #efefef; } .swiper-focus-trade .swiper-slide .txt{ text-align: center; font-size:18px; font-weight: bold;} .swiper-focus-trade .swiper-slide .txt a{ margin: 0 15px; height: 40px; line-height: 40px; display: block; overflow: hidden; color:#333; } .swiper-focus-trade .swiper-slide .desc{ font-size:14px; } .swiper-focus-person{ position:relative; width: 300px; height: 400px; overflow: hidden; float: left;} .swiper-focus-person .swiper-slide{ } .swiper-focus-person .swiper-slide img{ width: 300px; height: 400px; } .swiper-focus-person .swiper-slide .txt{ position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height:34px; text-align: center; font-size: 16px; background: rgba(0,0,0,0.5); } .swiper-focus-person .swiper-slide .txt a{ margin: 0 15px; line-height: 34px; display: block; overflow: hidden; color:#fff; } .swiper-focus-person>.swiper-pagination-bullets{ bottom:40px;} .swiper-special { position:relative; } .swiper-special .swiper-slide{ } .swiper-special .swiper-slide .pic { width: 390px;} .swiper-special .swiper-slide .pic img{ width: 100%; height: auto;} .swiper-special .swiper-slide .txt{ position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height:50px; text-align: center; font-size: 16px; filter: alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=50) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=50) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0); background: #000; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); } .swiper-special .swiper-slide .txt a{ margin: 0 15px; line-height: 50px; display: block; overflow: hidden; color:#fff; } .swiper-focus-kankan { position:relative; width: 860px; } .swiper-focus-kankan .swiper-slide { background: #7aaf1c; } .swiper-focus-kankan .swiper-slide .pic{ float: left; margin-right: 30px;} .swiper-focus-kankan .swiper-slide .txt{ padding:30px 50px 10px 0; } .swiper-focus-kankan .swiper-slide .txt a{ line-height: 1.5em; font-size: 24px; font-weight: bold; display: block; overflow: hidden; color:#fff; } .swiper-focus-kankan .swiper-slide .desc{ padding-right: 50px; font-size: 16px; line-height: 2em; color: #fff; } .news-inner-top{ width:400px;} .news-inner-top .hd { height:24px; line-height:1em; } .news-inner-top .hd h2{ font-size:18px; line-height:1em; color: #7aaf1c } .news-inner-top .hd i{ height:18px; width:3px; background-color:#7aaf1c; display:inline-block; margin-right:10px; vertical-align:top;} .c-news-list { } .c-news-list { font-size: 16px; line-height: 24px; } .c-news-list li { background: url(images/dot_gary.png) repeat-x left bottom; padding: 15px 0; border-bottom: 1px dotted #CCC; } .c-news-list li .pic{ float: left; margin-right: 20px;} .c-news-list li .pic img{ width: 200px; height: 150px;} .c-news-list li h3 { margin: 10px 0; background:#fff url(images/line_bg2.png) repeat-y -2px top; line-height:normal; font-size: 20px; font-weight:normal; } .c-news-list li h3 label{ background-color:#0087bd; font-weight:normal; color:#fff; font-size:16px; padding:2px 5px; margin-right:10px;} .c-news-list li .date { float: right; margin-top:10px; margin-left: 20px; font-size: 12px; color: #888; display:block; font-weight:normal;} .c-news-list li p { font-size: 14px; line-height: 24px; color: #888; } .c-news-list li .tag { font-size: 12px; color: #7aaf1c; line-height: 24px; } .c-news-list li .tag a { background-color: #7aaf1c; font-size: 12px; line-height: 24px; color: #fff; padding: 2px 4px; } .c-news-list li .tag i { } .c-news-list li .bdsharebuttonbox {margin:-3px -7px 0 0; } .c-news-list li .bdsharebuttonbox .bushare-tit{margin-top:3px; color:#888; } .i-tag { display: inline-block; width: 16px; height: 16px; background: url(http://company.ef360.com/css/images/sprite.png) no-repeat -150px -90px; vertical-align: middle; margin-right: 5px; } .page-more{ height:50px; line-height:50px; text-align:center; font-size:16px;} .page-more a{ color:#38f;} .l-box{ margin-bottom:50px; } .l-box .hd { position:relative; z-index:2; } .l-box .hd h2{ font-size:32px; line-height:1em; color:#7aaf1c; width:300px; margin:auto; background:#fff; text-align:center;} .l-box .bd { z-index:1; margin-top:-18px; position:relative; border:1px solid #ddd; padding:50px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; } .process-box{ position:relative; border-bottom:1px solid #ddd; padding:50px 0; padding-left:200px; margin-bottom:20px;} .process-box .i-em{ position:absolute; left:30px; top:30px; font-size:120px; color:#333; line-height:1em; font-style:normal; color:#ccc;} .r-box{ border:1px solid #ddd; } .r-box .hd { height:40px; line-height:40px; position:relative; text-align:center; border-bottom:1px solid #ddd;} .r-box .hd h2{ font-size:20px; line-height:39px; color:#7aaf1c; border-bottom:2px solid #7aaf1c; display:inline-block; margin:auto;} .r-box .hd i{ display:none; width:64px; height:2px; background-color:#7aaf1c; border-right:2px solid #fff; position:absolute; left:0; bottom:0px;} .r-box .bd{ padding:9px; } .tag-txt{ margin:-5px 0 0 -5px; } .tag-txt li{ display:inline-block; margin:5px 0 0 5px; overflow:hidden; float:left;} .tag-txt li a{ display:inline-block; font-size:16px;height:24px; line-height:24px; background-color:#0CC; color:#fff; padding:0 5px;} .tag-txt li a:hover{ background-color:#555; text-decoration:none; } .news-txt{ font-size:16px;} .news-txt li{ background:url(images/dot_ico.png) no-repeat left -46px; padding-left:13px; height:30px; line-height:30px; overflow:hidden;} .news-txt-ph { line-height: 24px; font-size: 16px; } .news-txt-ph li {height: 24px; padding:4px 0; overflow: hidden; } .news-txt-ph li em { font-style: normal; font-size: 12px; background: #7aaf1c; width: 18px; height: 16px; margin-right: 10px; display: inline-block; line-height: 16px; text-align: center; color: #fff } .news-txt-ph li em.num1 { font-weight: bold; background: #f10180 } .news-txt-ph li em.num2 { font-weight: bold; background: #f43499 } .news-txt-ph li em.num3 { font-weight: bold; background: #f767b3 } .news-pic-1{ overflow:hidden;} .news-pic-1 li{ clear:both; position:relative; } .news-pic-1 li .tit{ position:absolute; left:0; bottom:0; font-size:16px; background:rgba(0,0,0,0.5); color:#fff; width: 280px; text-align: center;padding:5px 10px; height:24px; line-height:24px;} .news-pic-1 li img{ } .news-pic-2{ overflow:hidden; margin:-10px 0 0 -10px; } .news-pic-2 li{float:left; margin:10px 0 0 10px; width:135px; } .news-pic-2 li img{ margin-right:10px; width:135px; height:auto; } .news-pic-2 li .tit{ font-size:14px; display:block; height:40px; line-height:20px; overflow:hidden; margin-top:5px;} .news-pic-3 { margin: -20px 0 0 -20px; } .news-pic-3 li { float: left; position: relative; width: 140px; margin: 20px 0 0 20px; } .news-pic-3 li label { position: absolute; bottom: 0; left: 0; FILTER: alpha(opacity=60); opacity: 0.6; width: 130px; background-color: #000; height: 22px; line-height: 22px; overflow: hidden; padding: 0 5px; } .news-pic-3 li a, .news-pic-3 li a:visited { color: #fff; } .news-pic-3 li a:hover { color:#fff;FILTER: alpha(opacity=70); opacity: 0.7;} .p-d-box { margin-top: 20px; } .p-d-box .hd { font-size: 30px; font-weight: normal; border-bottom: 2px solid #aaa; color: #333; line-height: 40px; height: 40px; line-height: 40px; position: relative; } .p-d-box .hd h2 { font-weight: normal; color: #7aaf1c; } .p-d-box .hd h2 span { background-color: #7aaf1c; display: inline-block; color: #fff; width: 70px; font-size: 24px; line-height: 40px; font-weight: bold; text-align: center; margin-right: 6px; ; } .p-d-box .hd i { display: inline-block; width: 70px; height: 2px; position: absolute; left: 0; bottom: -2px; background-color: #7aaf1c; border-right: 6px solid #fff; } .p-d-box .bd { overflow: hidden; font-size: 16px; line-height: 24px; } .p-i-list { font-size: 16px; line-height: 24px; margin:0px 0 0 -25px;} .p-i-list li { background:#fff; width:220px; height:320px; float:left; margin:20px 0 0 25px; background-color:#efefef; _display:inline;} .p-i-list li .pic { width:220px; height:165px; overflow:hidden; display:block; } .p-i-list li .pic img{ width:220px; height:165px; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; } .p-i-list li:hover .pic img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); } .p-i-list li h3 { height:36px; line-height:36px; font-size:18px; font-weight:bold; text-align:center; } .p-i-list li a { color: #333; } .p-i-list li a:hover { color: #d00000; } .p-i-list li .post { font-size: 16px; color: #333; text-align:center; display: block; font-weight: normal;line-height: 20px; height:20px; overflow:hidden; margin:0 10px;} .p-i-list li .desc { font-size: 12px; color: #888; line-height: 20px; height:60px; overflow:hidden; margin:5px 10px; padding:10px 0 0; border-top:1px solid #ccc; } .brand-text { margin-left: -10px; } .brand-text li{ float: left; margin-left: 10px; width: 65px; height: 32px; font-size: 14px; line-height: 32px; overflow: hidden;} .w-box{ } .w-box .box-hd{ height: 40px; border-bottom: 2px solid #7aaf1c;} .w-box .box-hd h2{ float: left; font-size: 28px; line-height: 1em; color: #7aaf1c; font-weight:700; } .w-box .box-hd h2 a{ color: #7aaf1c; } .w-box .box-hd .tab { float: right; margin-left: 10px; line-height: 28px; z-index: 99; font-size: 14px; font-style: normal; font-weight: normal; color: #aaa; overflow: hidden; } .w-box .box-hd .tab a{ display: inline-block; padding: 0 10px; line-height: 30px; color: #7aaf1c; } .w-box .box-hd .tab a.active{ color: #fff; background: #7aaf1c; } .w-box .box-hd .more { float: right; margin-left: 10px; line-height: 28px; z-index: 99; background-size: 18px 18px; background-image: url(//img.alicdn.com/tfs/TB1B7RoaMMPMeJjy1XcXXXpppXa-36-36.png); background-repeat: no-repeat; background-position: right center; padding-right: 28px; font-size: 14px; font-style: normal; font-weight: normal; color: #aaa; overflow: hidden; } .w-box .box-hd .more a{ color: #999; } .w-box .box-bd { } .right-box{ } .right-box .box-hd{ height: 30px; border-bottom: 2px solid #7aaf1c;} .right-box .box-hd h2{ font-size: 20px; line-height: 1em; color: #7aaf1c; font-weight:700;} .right-box .box-hd h2 a{ color: #7aaf1c; } .right-box .box-bd { background: #fafafa;} .need-list { padding-top: 10px;} .need-list dt{ font-size: 14px; line-height: 36px; color: #999; } .need-list dd{ font-size: 16px; line-height: 36px; height: 36px; overflow: hidden; } .need-list span{ display: block;float: left; width: 25%; overflow: hidden; text-align: center; } .need-list span.t1{ width: 55%; text-align: left; } .need-list span.t2{ width: 20%; } .need-list span.t3{ width: 15%; } .need-list span.t4{ width: 10%; font-size: 14px; } .need-list dd span.t3{ color: #ff7e00; } .special-pic { margin-bottom: 10px; border-bottom: 1px dotted #ccc; } .special-pic .pic img{ width: 278px; height: 154px;} .special-pic .txt { height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; font-weight: bold; text-align: center;} .focus-person-lft { float: left; width: 300px; position: relative; } .focus-person-mid { float: left; width: 540px; padding-left: 20px; } .focus-person-mid { float: left; width: 540px; padding-left: 20px; } .focus-person li .tit{ margin-top: 20px; margin-bottom: 10px; height: 1.6em; overflow: hidden; font-size:20px; font-weight:normal;} .focus-person li .tit em{ margin-right: 10px; padding: 2px 5px; font-size: 16px; color: #fff; background: #77c; font-style: normal;} .focus-person li .txt {color: #888; line-height: 2em; border-bottom: 1px dotted #ddd; padding-bottom: 20px; margin-bottom: 15px;} .company-box{ width: 320px; } .company-box .box-bd{ padding:11px 20px; background: #f5f5f5; } .trade-box{ width: 320px; } .trade-box .box-bd{ padding:10px 20px; background: #f5f5f5;} .special-pic2{ margin-top: 20px; width: 360px; float: left; } .special-pic2 .pic{ width: 360px;} .special-pic2 .pic img{ width: 360px; } .special-pic2 .txt{ padding: 0 15px; height: 50px; line-height: 50px; background: #fafafa; font-size: 16px; overflow: hidden; } .special-txt2{ margin: 20px 30px 0; width: 420px; float: left;} .ul-round { position: relative; font-size: 14px; } .ul-round li { position: relative; padding-left: 12px; overflow: hidden } .ul-round li:after { content: ""; background: #ccc; width: 4px; height: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px } .ul-round li { height: 32px; line-height: 32px; } .ul-round li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;} .ul-round li em.lbl a{ color: #77c; } .ul-round li .date{ float: right; font-size: 14px; color: #999; margin-left: 30px; } .ul-round.ul-round-a { position: relative; font-size: 16px; overflow: hidden;/* border-bottom: 1px solid #ddd; margin-bottom: 11px;*/ } .ul-round.ul-round-a li { position: relative; padding-left: 12px; margin-top: -1px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; border-top: 1px dotted #ddd;} .ul-round.ul-round-a li:after { content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; display: block; position: absolute; left: 0; top: 23px; margin-top: -2px } .ul-round.ul-round-a li { height: 80px; line-height: 32px; } .ul-round.ul-round-a li a{ display: block; height: 32px; line-height: 32px; overflow: hidden;} .ul-round.ul-round-a li p{ height: 40px; line-height: 20px; overflow: hidden; font-size: 12px;} .ul-round.ul-round-a li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;} .ul-round.ul-round-a li em.lbl a{ color: #77c; } .crown-box{} .crown-box .box-hd{ position:relative; height: 18px;} .crown-box .box-hd h2{ text-align: center; display: block; background: #fff; width: 200px; margin: auto;} .crown-box .box-hd .icon-crown2{ position: absolute; left: 50%; margin-left: -19px; top: -20px; width: 36px; height: 20px; display: inline-block; background-repeat: no-repeat; background-image: url(images/icon_crown2_1x.png); background-image: -webkit-image-set(url(images/icon_crown2_1x.png) 1x, url(images/icon_crown2_2x.png) 2x); } .p-box { margin-top: 20px; border: 1px solid #ddd; padding:15px 20px;width: 344px; height: 360px; } .p-box.ml20{ width: 345px; } .p-box .hd{ margin-top: 10px; height: 30px; line-height: 30px; position: relative;} .p-box .hd .icon-crown{ position: absolute; left: -8px; top: -10px; width: 35px; height: 35px; display: inline-block; background-repeat: no-repeat; background-image: url(images/icon_crown_1x.png); background-image: -webkit-image-set(url(images/icon_crown_1x.png) 1x, url(images/icon_crown_2x.png) 2x); } .p-box .hd h3{ padding-left: 45px; color: #ff3333; font-size: 16px; line-height: 1em; font-weight:700;} .p-box .hd h3 a{ color: #7aaf1c; } .p-box .hd span.lb{ position: absolute; top: 5px; right: 0px; font-size: 12px; line-height: 1em; color: #888;} .p-box .bd { } .brand-rank li{ border-top: 1px dotted #ddd; } .brand-rank li .tit{ padding: 0 0 0 30px; line-height: 40px; font-size: 16px; position: relative; } .brand-rank li .num{ position: absolute; left: 0; top: 11px; display: block; width: 18px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; text-align: center; background: #7aaf1c;} .brand-rank li .percent{ position: absolute; right: 25px; top: 12px; width: 50px; height: 5px; background: #eee; float: right; margin: 5px 0 0 10px;} .brand-rank li .percent em{ display: block; width: 50%; height: 5px; line-height: 1em; background: #7aaf1c; font-size: 10px;} .brand-rank li .percent em span{ display: block; position: absolute; right: -25px; top: -3px; font-style: normal; color: #888;} .brand-rank li .logo{ display: none; float: left; margin-right:20px; padding: 5px; background: #fff; border: 1px solid #ddd;} .brand-rank li .desc{ display: none; font-size: 12px; color: #888;} .brand-rank li.active { height: 122px; } .brand-rank li.active .logo{ display: block;} .brand-rank li.active .desc{ display: block;} .brand-gm { border: 1px solid #007d90; border: 2px solid #06478a; width: 396px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .brand-gm .hd{ margin: 10px 20px 0; height:38px; margin-bottom:10px; border-bottom:1px solid #ddd; position: relative;} .brand-gm .hd img{ float:left; vertical-align:middle;} .brand-gm .hd span{ float:left; color:#06478a; padding:6px 0 0 6px; font-size:16px;} .brand-gm .hd .brand-ww{ position: absolute; right: -10px; top: -31px; width: 40px;} .brand-gm .bd{ background:url(images/sunplus_400_300.jpg) no-repeat center bottom; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; } .brand-gm .ul-round{ padding: 0 20px;} .brand-gm .brand-gm-link{ display:block; height: 150px; } .hot-brand-box{ } .hot-brand-box .box-bd{ padding:20px 0px 0px;} .hot-brand-box .rgt{ width:931px; height:320px; float:right} .hot-brand-pic{ float:left; background-color:#fafafa; width:240px; height:454px; position:relative;} .hot-brand-pic li{ width:240px; height:454px; overflow:hidden;} .hot-brand-pic .txt1{ height:24px; line-height:24px; overflow:hidden; font-weight:bold; font-size:18px; margin-top:10px; color:#ff8c00; padding:0 10px;} .hot-brand-pic .txt1 a, .hot-brand-pic .txt1 a:visited{ color:#7aaf1c;} .hot-brand-pic .txt2{ height:24px; line-height:24px; overflow:hidden; color:#333; padding:0 10px; font-size:16px; color:#666; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; } .hot-brand-pic .txt3{ height:36px; line-height:18px; overflow:hidden; color:#888; padding:0 10px;} .slider-banner-preview{ position:absolute; left:3px; bottom:5px;} .slider-banner-preview li{ background:#7aaf1c; color:#fff; height:12px; width:35px; line-height:12px; overflow:hidden; float:left; margin-left:3px; cursor:pointer;filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; text-align:center; font-family:simsun; } .slider-banner-preview li.active{ width:76px; color:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .brand-hot { margin:1px 0 0 1px;} .brand-hot li{ float:left; margin:-1px 0 0 -1px; text-align:center;z-index:1; position:relative; cursor:pointer;} .brand-hot li .box{ width:152px; height:148px; padding:1px; border:1px solid #efefef; background-color:#fff;} .brand-hot li .pic{ background-color:#fff; padding:16px;} .brand-hot li .tit{ font-size:16px; line-height:24px; padding-top:8px; margin: 0 10px; border-top:1px solid #eee; } .brand-hot li .tit p{ font-size:12px; line-height:18px; height:18px; color:#888; overflow:hidden; display:block;} .brand-hot li.active { z-index:2;} .brand-hot li.active .box{ padding:0px; border:2px solid #7aaf1c; background-color:#fafafa;} .home-pic { border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 20px; overflow: hidden;} .home-pic li{ position: relative; padding: 0px 0; height: 90px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .home-pic li .pic{ float: left; position: relative; z-index: 0; margin-right: 20px; overflow: hidden;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .home-pic li .pic img{ width:120px; height: 90px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;} .home-pic li .txt{ color:#f14f4f; font-size: 16px; line-height: 2em; overflow: hidden;} .home-pic li .tit{ height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; overflow: hidden;} .home-pic li .desc{ padding: 0px 0 0; font-size: 12px; line-height: 1.8em; color: #888; height: 4em; overflow: hidden; } .home-pic li .num{ position: absolute; left: 0px; top: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #488bad; font-size: 16px; font-weight: 100; color: #fff; font-style: normal; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -webkit-border-radius: 100% 0 0 100%; -moz-border-radius: 100% 0 0 100%; border-radius: 100% 0 0 100%; } .home-pic li:hover .pic img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); } .home-pic li:hover .num{ } .cp-list { font-size: 16px; line-height: 24px; margin:0px 0 0 -10px;} .cp-list li { background:#fff; width:190px; float:left; margin:8px 0 0 10px; border: 1px solid #ddd; overflow: hidden; _display:inline; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .cp-list li .pic { width:190px; height:190px; overflow:hidden; display:block; } .cp-list li .pic img{ width:190px; height:190px; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; } .cp-list li:hover .pic img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); } .cp-list li h3 { height:48px; line-height:48px; font-size:14px; padding: 0 10px; font-weight:normal; text-align:center; overflow: hidden; } .cp-list li.pro2 .pic { width:190px; height:237px; } .cp-list li.pro2 .pic img{ width:190px; height:237px; } .banner-home-485-80 { margin: 10px 0 0 -10px; position: relative; } .banner-home-485-80 li { float: left; height: 80px; overflow: hidden; margin: 10px 0 0 10px; _display: inline; position: relative; } .banner-390-80-1200 { margin: -10px 0 0 -15px; position: relative; } .banner-390-80-1200 li { float: left; height: 80px; overflow: hidden; margin: 10px 0 0 15px; _display: inline; position: relative; } .banner-390-80-1200 li img{ width:390px; height: 80px; } .banner-290-80-1200 { margin: 10px 0 0 -13px; position: relative; } .banner-290-80-1200 li { float: left; height: 80px; overflow: hidden; margin: 10px 0 0 13px; _display: inline; position: relative; } .banner-290-80-1200 li img{ width:290px; height: 80px; } .banner-240-60-1200 { margin: 0px 0 0 -5px; position: relative; } .banner-240-60-1200 li { float: left; height: 60px; overflow: hidden; margin: 10px 0 0 5px; _display: inline; position: relative; } .banner-240-60-1200 li img{ width: 236px; height: 60px; } .brand-index-box{ } .brand-index-box .hd { height: 37px; position:relative; z-index:2; border-bottom: 1px solid #7aaf1c; } .brand-index-box .hd h2{ padding: 0 15px; float: left;font-size:20px; line-height:37px; color:#fff; background:#7aaf1c; text-align:center;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;} .brand-index-box .hd h2 a{ color:#fff;} .brand-index-box .bd { z-index:1; position:relative; } .q-box{ width:400px;} .q-box .hd { line-height:1em; position: relative;} .q-box .hd h2{ font-size:16px; line-height:1em; color: #98bc1b; font-weight: normal;} .q-box .hd i{ height:18px; width:3px; background-color:#98bc1b; display:inline-block; margin-right:10px; vertical-align:top;} .hot-news-pic { margin: 15px 0 10px; padding-bottom: 20px; border-bottom: 1px dotted #ddd;} .hot-news-pic li { height: 120px; } .hot-news-pic li .pic { float: left; margin-right: 15px; } .hot-news-pic li .pic img { width: 160px; height: 120px; } .hot-news-pic li .txt { } .hot-news-pic li .txt h3 { font-size: 20px; line-height: 1.2em; margin-bottom: 5px; font-weight:normal;} .hot-news-pic li .txt p { height: 5.4em; line-height: 1.8em; color: #888; font-size: 12px; overflow: hidden; } .hot-brand-logo{ margin-top: 16px;} .hot-brand-logo li { height: 60px; background: #fff; border: 1px solid #ddd; padding: 10px; margin-top: -1px; } .hot-brand-logo li .pic{ float: left; margin-right: 15px; padding-right: 10px; background: #fff; border-right: 1px dotted #ddd; ; } .hot-brand-logo li .pic img{ width: 120px; height: 60px; } .hot-brand-logo li .txt h3{ font-size: 16px; margin-bottom: 0px; font-weight: normal; } .hot-brand-logo li .txt p{ color: #888; font-size: 12px; line-height: 1.5em; } /*分類模塊*/ .box-w { } .box-w .hd { margin-bottom: 10px; height: 38px; line-height: 38px; border-top: 1px solid #e5e5e5; } .box-w .hd h2 { float: left; display: block; margin-top: -1px; line-height: 35px; padding: 0 0px; font-size: 28px; font-weight: bold; border-top: 3px solid #7aaf1c; color: #7aaf1c; } .box-w .hd h2 a { color: #7aaf1c; } .box-w .hd .en { float: left; margin-left: 10px; padding-top: 0px; font-size: 24px; font-weight: 100; color: #e5e5e5; font-style: normal; } .box-w .hd .best { float: left; padding-top: 1px; font-size: 16px; } .box-w .hd .best a { margin-left: 20px; color: #404040; } .box-w .hd .best a:hover { color: #ff3333; } .box-w .hd .sub { float: right; padding-top: 1px; font-size: 12px; color: #888; } .box-w .hd .sub a { margin-left: 20px; color: #888; } .box-w .hd .sub a:hover { color: #ff3333; } .box-w .hd .sub span { margin-left: 20px; color: #e5e5e5; } .box-w .bd { } .box-w.mid { float: left; width: 360px; overflow: hidden; margin-left: 20px } .box-w .headline { font-size: 20px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; font-weight: bold; } .owl-focus .owl-nav { position: absolute; left: 0; bottom: 34px; z-index: 999; width: 100%; height: 0; margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-focus .owl-nav [class*='owl-'] { font-family: simsun; background: #000; color: #FFF; font-size: 14px; margin: 0px; width: 20px; height: 20px; line-height: 20px; display: inline-block; cursor: pointer; filter: alpha(opacity=20); -moz-opacity: 0.20; -khtml-opacity: 0.20; opacity: 0.20; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .owl-focus .owl-nav [class*='owl-']:hover { color: #FFF; text-decoration: none; filter: alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30; } .owl-focus .owl-nav .owl-prev { position: absolute; top: 5px; left: 10px; } .owl-focus .owl-nav .owl-next { position: absolute; top: 5px; right: 10px; } .owl-focus .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-focus .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-focus .owl-dots { position: absolute; left: 0; bottom: 28px; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-focus .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-focus .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-focus .owl-dots .owl-dot.active span, .owl-focus .owl-dots .owl-dot:hover span { background: #869791; } .owl-focus { background: #f5f5f5; padding-bottom: 32px; } .owl-focus .item { background: #f5f5f5; } .owl-focus .item span { display: block; color: #111; padding: 0 10px; font-size: 14px; width: 300px; height: 48px; line-height: 48px; overflow: hidden; text-align: center; } .owl-focus .item span em { height: 48px; line-height: 48px; overflow: hidden; display: block; font-style: normal; } .box-k { width: 278px; float: left; margin-left: 30px; border: 1px solid #e5e5e5; } .box-k .box-k-hd { margin-bottom: 8px; } .box-k .box-k-hd h3 { display: block; height: 28px; line-height: 28px; background: #fafafa; border: 1px solid #e5e5e5; border-top: none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; color: #7aaf1c; text-align: center; font-size: 16px; width: 120px; margin-left: auto; margin-right: auto; font-weight: bold; } .box-k .box-k-hd h3 a { color: #7aaf1c; } .box-brand { margin-top: 8px; } .box-brand .hd { width: 160px; margin-left: auto; margin-right: auto; text-align: center; border-top: 2px solid #7aaf1c; } .box-brand .hd h3 { display: block; margin-left: auto; margin-right: auto; margin-top: -11px; width: 120px; background: #fff; line-height: 1em; font-weight: bold; font-size: 16px; color: #7aaf1c } .box-brand .hd h3 a { color: #7aaf1c } .brand-txt { margin: 0px 0 0 0px; padding: 15px 0 0 1px; font-size: 14px; } .brand-txt li { float: left; margin: -1px 0 0 -1px; border: 1px solid #e5e5e5; width: 110px; height: 32px; line-height: 32px; text-align: center; overflow: hidden; } .brand-txt li a { display: block; padding: 0 5px; } .brand-txt li a:hover { background: #e5e5e5; text-decoration: none; } /*推薦企業*/ .home-company-txt{ margin-left: -1%; } .home-company-txt li{ float: left; width: 30%; margin-left: 2%;} .home-company-txt li label{ float: right; margin:9px 10px 0; padding: 3px; line-height: 1em; background: #7aaf1c; color: #fff; font-size: 11px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .js_tab .js_tab_btn a { display: inline-block; height: 30px; line-height: 30px; background: #efefef; color: #7aaf1c; padding: 0 20px; margin-left: 1px; font-size: 14px;} .js_tab .js_tab_btn a.active { background: #7aaf1c; color: #fff;} .js_tab .js_tab_btn a:first-child { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;} .js_tab .js_tab_btn a:last-child { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;} .js_tab .js_tab_con ul { display: none; } .js_tab .js_tab_con ul.active { display: block; } .cate-focus {float:left; width:240px; height:472px; overflow:hidden; background-color:#fcfafc; color:#eee; position:relative;} .cate-focus a{ color:#7aaf1c;} .cate-focus .cate-focus-lable{color:#676767; background-color:#fcfafc; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; position:absolute; left:0; top:290px; height:30px; line-height:30px; font-size:12px; padding:0 10px; font-weight:bold;} .cate-focus .cate-focus-pic .tit{ margin:10px 10px 5px; overflow:hidden; height:24px; line-height:24px; font-weight:bold; font-family:'Microsoft YaHei'; font-size:18px; } .cate-focus .cate-focus-pic .tit-en{ color:#666; margin-left:10px; font-weight:normal; font-size:15px; } .cate-focus .cate-focus-pic .desc{ font-size:12px; padding:0 10px 0; line-height:20px; color:#888; } .cate-brand { margin:-5px 0 0 -5px; } .cate-brand li { position:relative; margin:5px 0 0 5px; width:140px; height:150px; padding:1px; _display:inline; float:left; text-align:center; background-color:#fff; overflow:hidden; border:1px solid #eee; position:relative;} .cate-brand li.active { padding:0px; border:2px solid #e8467b; background-color:#fbeef4; } .cate-brand li .logo{ text-align:center; padding:10px; display:block; height:60px; background:#fff url(/_public2012/css/images/loading.gif) no-repeat center center;} .cate-brand li a.tit, .cate-brand li a.tit:visited { margin:0 10px 0; padding-top:5px; font-family:'Microsoft YaHei'; font-size:14px; font-weight:normal; height:22px; line-height:22px; overflow:hidden; border-top:1px solid #eee; display:block; } .cate-brand li a.tit:hover{ text-decoration:underline; } .cate-brand li .tit-sub{ color: #888; font-family:'Microsoft YaHei'; font-size:12px; height:24px; line-height:24px; padding:0 10px; display:block; overflow:hidden; } .cate-brand li .icon-vip1{ display:inline-block; width:32px; height:32px; background:url(images/icon_vip1.png) no-repeat left top; position:absolute; left:0; top:0;;} .trade-list li { padding: 15px 0; border-bottom: 1px dotted #ddd; background: #fff;} .trade-list li h3{ font-size: 20px; margin-bottom: 10px; height: 30px; overflow: hidden;font-weight: normal;} .trade-list li .logo{ float: left; margin-right: 20px; border: 1px solid #ddd; padding:5px; background: #fff;} .trade-list li .item{ color: #888; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden;} .trade-list li .desc{ margin-top: 10px; color: #666; line-height: 24px; font-size: 14px; } .trade-list li .date{ margin-left: 10px; font-size: 14px; color: #999; line-height: 30px;} .trade-list li .btn-message{ float: right; display: inline-block; margin-top: 0px; height: 30px; line-height: 30px; margin-left: 20px; padding: 0 10px; background: #f60; color: #fff; font-size: 16px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .trade-list li .icon-vip{ margin-right: 10px; margin-top: -7px;} .icon-vip{ display:inline-block; vertical-align: middle;overflow:hidden; width:29px; height:24px; background-image:url(images/icon_vip_1x.png); background-image: -webkit-image-set(url(images/icon_vip_1x.png) 1x,url(images/icon_vip_2x.png) 2x); background-repeat: no-repeat; background-position:left center; text-indent:-9999px;} .lin-g-box{} .lin-g-box .hd1 { height:35px; clear:both; position:relative; padding-top:5px;/* border-top:1px solid #e6e5e6;*/} .lin-g-box .hd1 i.icon{ position:absolute; left: -5px; top: 0; width:5px; height:5px; display:inline-block; height:5px;} .lin-g-box .hd1 i.icon span{ height:1px; width:1px; display:block; background-color:#b01945; float:right; clear:both;} .lin-g-box .hd1 i.icon span.l1{ width:1px;} .lin-g-box .hd1 i.icon span.l2{ width:2px;} .lin-g-box .hd1 i.icon span.l3{ width:3px;} .lin-g-box .hd1 i.icon span.l4{ width:4px;} .lin-g-box .hd1 i.icon span.l5{ width:5px;} .lin-g-box .hd1 h2{ float:left; padding:0 20px; height:28px; line-height:28px; font-size:18px; font-family:'Microsoft YaHei'; font-weight:normal; color:#fff; background-color:#7aaf1c; margin-left:-5px; width:285px;} .lin-g-box .bd1 { clear:both;} .company-ph12 { padding:0;} .company-ph12 li{ height:20px; line-height: 20px; padding:5px 0;} .company-ph12 li em{ margin:2px 10px 0 0; display:inline-block; float:left; width:16px; height:16px; line-height:16px; text-align:center; font-style:normal; font-size:12px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#fff; background:#7aaf1c;} .company-ph12 li a{ font-size:14px; height:20px; line-height:20px; overflow:hidden; display:block; padding-right:10px;} .company-ph12 li span{ color:#00a753; float:right; padding-right:0px;} .company-txt2 { padding:0; font-size:12px;} .company-txt2 li{ height:26px; line-height:24px; clear:both; background:url(/_public2012/css/images/dot_ico.png) no-repeat left -49px; padding-left:10px; overflow:hidden; display:block; } .company-txt2 li em{ float:right; margin-top:5px;} /*分類版塊 Begin*/ .col-title{ margin-bottom: 30px; border-bottom: 3px solid #7aaf1c; height: 25px; text-align:center; color: #7aaf1c;} .col-title h1{ margin: auto; width:250px; padding: 0 10px; font-size: 32px; font-weight: bold; background: #fff; } .company-col-pic { position:relative; margin:1px 0 0 -9px; } .company-col-pic li { margin:8px 0 0 9px; _display:inline; float:left; overflow:hidden; position:relative; background:#fff; border:1px solid #ddd; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .company-col-pic li:hover { border:1px solid #aaa; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px rgba(0,0,0,0.3); } .company-col-pic li .pic{ float: left; margin-right: 10px; display: block; } .company-col-pic li .pic a, .company-col-pic li .pic a:visited{ text-decoration:none; color:#333; } .company-col-pic li .pic a:hover{ filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; } .company-col-pic li h4{ font-size:16px; font-weight:normal; padding:0px; height:24px; line-height:24px; overflow:hidden; color:#333; } .company-col-pic li p{ font-size:12px; color:#888; height:36px; line-height:18px; overflow:hidden;} .company-col-pic li a, .company-col-pic li a:visited{ display:block; padding:10px 10px 10px; width:372px; height: 60px; color:#7aaf1c; } .company-col-pic li a:hover{ text-decoration:none;} /*分類版塊 End*/ /*專題 Begin*/ .home-special-pic { position:relative; margin-top: -10px; font-size:14px; line-height:1.2em; } .home-special-pic li{ background: #eee; width: 300px; margin-top: 10px; } .home-special-pic li .pic{ } .home-special-pic li .pic img{ } .home-special-pic li .txt { padding: 0 10px; height:36px; line-height:36px; overflow:hidden; font-weight:bold;text-align: center } /*專題 End*/ 玩弄丰满奶水的女邻居-久久久国产打桩机-大学生粉嫩无套流白浆-欧美成人看片一区二三区图文
<mark id="jepcc"><small id="jepcc"></small></mark>

<code id="jepcc"></code>

    <rp id="jepcc"></rp>

    1. <ins id="jepcc"></ins>
        1. <ins id="jepcc"><dfn id="jepcc"><address id="jepcc"></address></dfn></ins>