body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{ margin: 0; padding: 0; font-family: Verdana,Arial; list-style: none; } html,body{ width: 100%; height: 100%; color: #555555; } a{ text-decoration: none; } img{ display: block; } .nomar{ margin-right: 0!important; } .container{ width: 1233px; overflow: hidden; margin: 0 auto; } @font-face { font-family: 'FontAwesome','GeometriaNarrow-Light'; src: url('../fonts/fontawesome-webfont78ce.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.2.0') format('embedded-opentype'), src: url('../fonts/GeometriaNarrow.html'); url('../fonts/fontawesome-webfont78ce.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont78ce.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont78ce.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .icon-external-link{ font-family:FontAwesome; font-weight: normal; font-style: normal; } .fa-angle-left:before{ content: "\f104"; } header{ width: 100%; background: #ffffff; border-bottom: 1px #dddddd solid; } header .logo{ float: left; } header nav{ float: right; } header nav ul{ overflow: hidden; } header nav li{ float: left; line-height: 93px; margin: 0 30px; } header nav li .nav-a{ color: #333333; padding: 20px 0; font-weight: bold; font-family: Arial; } header nav .cur .nav-a{ color: #eb8f1e; border-bottom: 2px #eb8f1e solid; box-sizing: border-box; } header nav ul ul{ position: absolute; background: #ffffff; display: none; z-index: 99999; box-shadow: 0px 2px 8px #666; } header nav ul ul li{ float: none; margin: 0; width: 195px; text-align: left; text-indent: 20px; line-height: 60px; border: 1px #eee solid; } header nav ul ul a{ color: #666; padding: 10px 0; font-weight: normal; } header nav a:hover{ color: #eb8f1e; } .neck-bg{ position: absolute; top: 94px; height: 159px; width: 100%; z-index: 99990; opacity: 0.7; background: #ffffff; } .neck{ width: 100%; padding: 30px 0; position: absolute; top: 94px; z-index: 99998; background: #ffffff; } .neck-center{ width: 900px; margin: 0 auto; } .neck ul{ overflow: hidden; } .neck li{ float: left; width: 20%; text-align: center; } .neck li a{ color: #666666; } .neck li p{ padding-top: 80px; background: url('../images/index-icon01.png') no-repeat center top; } .list-neck{ position: static; } .neck li .p2{ background-image: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/index-icon02.png'); background-position: center 5px; } .neck li .p3{ background-image: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/index-icon03.png'); background-position: center 10px; } .neck li .p4{ background-image: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/index-icon04.png'); background-position: center 10px; } .neck li .p5{ background-image: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/index-icon05.png'); background-position: center 10px; } .ban{ overflow: hidden; } .ban ul{ height: 400px; position: relative; } .ban li{ position: absolute; left: 50%; margin: 0 0 0 -960px; } .index-ban{ overflow: hidden; } .index-ban ul{ height: 898px; left: 50%; margin: 0 0 0 -960px; position: relative; } .index-ban ul li{ position: absolute; display: none; } .index-ban ol{ position: absolute; left: 50%; margin: 0 0 0 -75px; bottom: 10px; } .index-ban ol li{ float: left; width: 40px; height: 4px; margin: 0 5px; background: #ffffff; } .index-ban ol .cur{ background: #eb8f1e; } .index-ban .arr{ width: 41px; height: 69px; position: absolute; top: 50%; margin: -20px 0 0 0; } .index-ban .left-arr{ left: 20px; background: url("../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/icon-slides.png") no-repeat -83px 0; } .index-ban .left-arr:hover{ background-position: 0 0; } .index-ban .right-arr{ right: 20px; background: url("../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/icon-slides.png") no-repeat -124px 0; } .index-ban .right-arr:hover{ background-position: -44px 0; } .main{ margin: 80px 0; } .main .share-side ul{ margin: 40px 0 0 0; } .main .share-side li{ line-height: 34px; } .main .share-side .cur a{ color: #eb8f1e; } .main .share-side li a{ color: #333333; } .pro-main aside li a:hover{ color: #eb8f1e; } .deta-pro-main aside li a:hover{ color: #eb8f1e; } .news-main aside li a:hover{ color: #eb8f1e; } footer .footer-top{ padding: 40px 0; color: #ffffff; background: #7e8186; } footer .footer-logo{ float: left; width: 30%; } footer .footer-top img{ margin-bottom: 35px; } footer .footer-top h6{ font-weight: normal; font-size: 14px; margin-bottom: 10px; } footer .footer-icons span{ width: 40px; height: 40px; margin: 0 5px 0 0; border-radius: 50%; border: solid 1px #ccc; display: inline-block; background: no-repeat center center; } footer .footer-icons .span01{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-fb-ag.svg'); } footer .footer-icons .span02{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-tw-dz.svg'); } footer .footer-icons .span03{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-gg-fu.svg'); } footer .footer-icons .span04{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-yt-d0.svg'); } footer .footer-icons .span06{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-pin-bc.svg'); } footer .footer-icons .span05{ background-image: url('https://cdn.carid.com/css/prod-images/f-soc-in-ez.svg'); } footer .footer-text{ width: 320px; } footer .footer-list{ float: left; width: 70%; padding: 0 0 0 80px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer .footer-list dl{ float: left; padding: 0 60px 0 0; } footer .footer-list dt{ text-transform: uppercase; font-size: 18px; margin-bottom: 10px; } footer .footer-list dd{ line-height: 28px; font-size: 14px; color: #ddd; } footer .footer-list dd a{ color: #ddd; } footer .footer-list dd a:hover{ color: #eb8f1e; } footer .footer-list dd b{ width: 4px; height: 4px; color: #ddd; margin-right: 6px; display: inline-block; background: #fff; border-radius: 50%; margin-bottom: 3px } footer .footer-list dd i{ margin: 0 6px 0 0; } footer .footer-btm{ text-align: center; color: #aaa; padding: 10px 0; font-size: 12px; background: #535353; }