/*body{ background: #f5f5f5; font-family: "Microsoft Yahei";}
a{ color: #333; text-decoration: none; font-family: "Microsoft Yahei";}
a:hover{ color: #f70; text-decoration: none;}
.w1190{ width: 1190px; margin: 0 auto;}
.loginHead a.app i, .search i{ display: inline-block; background: url("images/icon.png") no-repeat;}

.loginHead{ text-align: right; height: 35px; line-height: 35px; border-bottom: 1px solid #eee;}
.loginHead span{ color: #ddd; margin: 0 10px;}
.loginHead b{ font-weight: normal;}
.loginHead a{ color: #888;}
.loginHead a:hover{ color: #f70;}
.loginHead a.phone i{ width: 20px; height: 20px; background-position: 0 0; vertical-align: middle; margin: 0 5px 0 0;}

.searchHead, .bannerBox, .serverBox{ min-width: 1190px; background: #fff; padding: 0 0 30px;}
.searchHead{ padding: 10px 0 0; min-width: 1230px;}
.bannerBox{ height: 444px; overflow: hidden;}

.logo, .searchBox, .appImg{ float: left;}
.logo{ width: 180px; margin: 30px 0 0;}
.searchBox{ width: 580px; margin: 10px 100px 0;}
.appImg img{ margin: 0 10px 0 0;}

.searchTab a{ display: inline-block; padding: 5px 10px; color: #666;}
.searchTab a:hover,.searchTab a.sel{ color: #fff; background: #ff9000;}

.search{ border: 3px solid #ff9000; *height: 36px;}
.search i{ width: 20px; height: 20px; background-position: -20px 0; margin: 0 5px; vertical-align: middle; *vertical-align: 9px;}
.search input{ border: none; width: 439px; height: 36px; *height: 35px; line-height: 36px; font-size: 14px; color: #666;}
.search a{ float: right; background: #ff9000; display: block; width: 97px; height: 36px; line-height: 36px; font-weight: bold; font-size: 14px; color: #fff; text-align: center;}

.bannerPos{ position: relative; left: 50%; top: -444px; width: 1190px; margin-left: -595px; height: 444px;}
.bannerNav{ height: 44px; overflow: hidden;}
.bannerNav a{ display: inline-block; padding: 10px 20px; font-size: 16px;}
.bannerNav a.home{ margin-left: 200px;}

.banner{ margin-top: 44px;}

.bannerMenu{ position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; width: 200px; background: #2b2b2b;}
.bannerMenu dt{ background: #ff9000; color: #fff; height: 44px; line-height: 44px; font-size: 14px;}
.bannerMenu dt i{ display: inline-block; width: 20px; height: 20px; background: url("images/icon.png") no-repeat -40px 0; margin: 0 10px; vertical-align: middle;}
.bannerMenu dd{ background: #2b2b2b; border-top: 1px solid #373737; border-bottom: 1px solid #222; height: 59px; line-height: 59px;}
.bannerMenu dd a{ display: inline-block; width: 155px; color: #fff; font-size: 14px;}
.bannerMenu dd i{ display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0; vertical-align: middle; background: url("images/icon.png") no-repeat;}
.bannerMenu dd.ico01 i{ background-position: 0 -24px;}
.bannerMenu dd.ico02 i{ background-position: -20px -24px;}
.bannerMenu dd.ico03 i{ background-position: -40px -24px;}
.bannerMenu dd.ico04 i{ background-position: -60px -24px;}
.bannerMenu dd.ico05 i{ background-position: -80px -24px;}
.bannerMenu dd.ico06 i{ background-position: -100px -24px;}

.bannerNews{ position: absolute; right: 0; top: 54px; z-index: 2; width: 200px; background: #eee8f8;}
.bannerNews > a{ display: block; width: 170px; height: 58px; line-height: 58px; color: #fff; font-size: 14px; font-weight: bold; background: #ff9000; margin: 15px 0 0 15px;}
.bannerNews > a i{ display: inline-block; background: url("images/icon.png") no-repeat; width: 40px; height: 40px; vertical-align: middle; margin: 0 10px 0 20px;}
.bannerNews > a.car{ background: #77c63d;}
.bannerNews > a.goods i{ background-position: 0 -43px;}
.bannerNews > a.car i{ background-position: -40px -43px;}

.bannerNewsTab{ margin: 15px 0 0; border-top: 1px solid #e5e5e5; background: #f8f8f8;}
.bannerNewsTab a{ display: inline-block; width: 68px; height: 38px; line-height: 38px; text-align: center;}
.bannerNewsTab a:hover,.bannerNewsTab a.sel{ background: #fff;}

.bannerNews ul{ background: #fff;}
.bannerNews ul li{ padding: 3px 0; *padding: 5px 0;}
.bannerNews ul i{ display: inline-block; width: 20px; height: 20px; background: url("images/icon.png") no-repeat -80px 0;}
.bannerNews ul a{ display: inline-block; width: 170px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.serverBox a{ display: inline-block; width: 583px; height: 170px; border: 1px solid #e5e5e5; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out;}
.serverBox a.mar{ margin: 0 7px;}

.serverBox a:hover{ box-shadow: 0 0 40px #ccc; -webkit-box-shadow: 0 0 40px #ccc; -moz-box-shadow: 0 0 40px #ccc; -ms-box-shadow: 0 0 40px #ccc; -o-box-shadow: 0 0 40px #ccc;}
.serverBox .serverLeft,.serverBox .serverRight{ float: left;}
.serverBox .serverLeft{ width: 200px; margin: 30px 0 30px 30px;}
.serverBox .serverRight{ margin-top: 30px;margin-left: 50px;}
.serverBox a h1{ font-size: 22px; color: #2b2b2b; font-weight: normal; margin-bottom: 10px;}
.serverBox a p{ color: #888; line-height: 22px;}
.serverBox a p.link{ color: #54a9e9; margin-top: 10px;}

.blueTop,.greenTop,.orangeTop{ background: #fff; border: 1px solid #e5e5e5; margin-top: 20px;}
.blueTop{ border-top: 2px solid #3092ee;}
.greenTop{ border-top: 2px solid #3bb000;}
.orangeTop{ border-top: 2px solid #ff9000;}
.listLeft{ float: left; width: 800px;}
.listRight{ float: right; width: 387px; border-left: 1px solid #e5e5e5;}

.listLeft h1,.listRight h1,.orangeTop h1{ color: #2b2b2b; font-size: 18px; height: 30px; line-height: 30px; margin: 10px 20px;}
.listLeft h1 > i,.listLeft h1 a i,.listRight h1 i,.orangeTop h1 > i,.orangeTop h1 a i{ display: inline-block; background: url("images/icon.png") no-repeat; margin: 0 10px; vertical-align: middle;}
.listLeft h1 > i,.orangeTop h1 > i{ width: 39px; height: 19px; margin-left: 0; vertical-align: -3px;}
.listLeft h1.type01 > i{ background-position: 0 -94px;}
.listLeft h1.type02 > i{ background-position: -39px -94px;}
.orangeTop h1 > i{ background-position: -78px -94px;}
.listLeft h1 a,.orangeTop h1 a{ float: right; font-weight: normal; font-size: 12px; color: #888;}
.listLeft h1 a i,.orangeTop h1 a i{ width: 21px; height: 21px; background-position: -60px 0;}
.indexTable{ width: 758px; margin: 0 20px 20px; border: 1px solid #e5e5e5; border-bottom: 0; table-layout: fixed;}
.indexTable tr{ border-bottom: 1px solid #e5e5e5; display: block; cursor: pointer; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out;}
.indexTable tr:not(.th):hover{ box-shadow: 0 0 40px #ccc; -webkit-box-shadow: 0 0 40px #ccc; -moz-box-shadow: 0 0 40px #ccc; -ms-box-shadow: 0 0 40px #ccc; -o-box-shadow: 0 0 40px #ccc;}
.indexTable .th{ background: #f8f8f8;}
.indexTable .th td{ text-align: center;}
.indexTable td{ display: inline-block; float: left; text-align: left; padding: 5px 10px; width: 169px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px;}
.indexTable td.tdCenter{ text-align: center;}
.indexTable td img{ vertical-align: middle;}
.indexTable td.w100{ width: 100px;}
.indexTable td.w238{ width: 238px;}

.listRight h1.type01 i,.listRight h1.type02 i{ width: 18px; height: 18px; margin-left: 0;}
.listRight h1.type01 i{ background-position: -104px 0;}
.listRight h1.type02 i{ background-position: -128px 0;}
.listRight ul{ padding: 0 0 11px 7px;}
.listRight li{ float: left; margin: 0 0 10px 10px;}
.listRight li img{ width: 168px; height: 67px; border: 1px solid #e5e5e5;}

.depot{ margin: 0 20px 20px;}
.depotFocus{ float: left; width: 191px; height: 328px; overflow: hidden;}
.depotList{ float: left; width: 956px; border: 1px solid #e5e5e5; border-left: 0;}
.depotList li{ float: left; display: block; width: 238px; height: 326px; border-left: 1px solid #e5e5e5; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out;}
.depotList li:hover{ box-shadow: 0 0 40px #ccc; -webkit-box-shadow: 0 0 40px #ccc; -moz-box-shadow: 0 0 40px #ccc; -ms-box-shadow: 0 0 40px #ccc; -o-box-shadow: 0 0 40px #ccc;}
.depotList li a{ display: block; width: 222px; height: 310px; padding: 8px;}
.depotList li a img{ width: 220px; height: 170px;}
.depotList li a h2{ font-size: 16px; color: #333; font-weight: normal; margin: 20px 0 15px;}
.depotList li a p{ color: #888;}

.depotFooter{ background: #fff; padding: 66px 0 0; min-width: 1190px; border-top-width: 1px solid #eee; margin-top: 50px;}
.promiseBox{}
.promiseBox li{ float: left; width: 165px; border-left: 1px solid #ddd; padding-left: 110px; font-size: 14px; color: #888;}
.promiseBox li:first-child{ border-left: 0; padding: 0; width: 350px; text-align: center;}
.promiseBox li:first-child img{ margin-top: -10px;}
.promiseBox li h3{ font-size: 16px; color: #2b2b2b; margin: 0 0 10px;}
.promiseBox li.pro01{ background: url("images/footer02.gif") no-repeat 30px center;}
.promiseBox li.pro02{ background: url("images/footer03.gif") no-repeat 30px center;}
.promiseBox li.pro03{ background: url("images/footer04.gif") no-repeat 30px center;}

.helpBox{ background: url("images/map.jpg") no-repeat 700px 0; border-top: 1px solid #e5e5e5; padding: 30px 0 0; margin: 50px 0 0; height: 160px;}
.helpBox li{ float: left; width: 160px; margin: 0 0 0 78px;}
.helpBox li,.helpBox li a{ color: #888;}
.helpBox li p{ line-height: 22px;}
.helpBox li p.tel{ font-size: 20px; color: #ff9000;}
.helpBox li a:hover{ color: #ff7000;}
.helpBox li b{ color: #666; font-size: 14px; display: block; margin-bottom: 15px;}*/

.depotInfo{ background: #2b2b2b; min-width: 1190px; text-align: center; color: #888; padding: 20px 0; line-height: 25px;}
.depotInfo span{ color: #444; margin: 0 15px;}
.depotInfo a{ color: #eee;}
.depotInfo p.pa a{ color: #888;}
.depotInfo a:hover{ color: #ff7000;}
.depotInfo p.pa a:hover{ color: #ff7000 !important;}

/*
.sideBar{ position: fixed; z-index: 10; width: 40px; *height: 100%; background: #333; right: 0; top: 0; bottom: 0;}
.sideBarContent{ position: relative; z-index: 1; width: 40px; height: 100%; right: 0; top: 0; bottom: 0;}
.sideBarContent .tel,.sideBarContent .feedback,.sideBarContent .goTop{ position: absolute; right: 0; width: 40px;}
.sideBarContent .adv{ height: 182px; border-bottom: 1px solid #3e3e3e;}
.sideBarContent i{ position: absolute; z-index: 2; left: 0; top: 0; display: block; cursor: pointer; width: 40px; height: 40px; background: url("images/sideBarIco.png") #333 no-repeat;}
.sideBarContent span{ position: absolute; z-index: 1; left: 0; top: 0; display: block; height: 40px; line-height: 40px; white-space: nowrap; color: #dfdfdf; padding: 0 20px; background: #333; border-left: 3px solid #ff9000; cursor: pointer;}
.sideBarContent .app i{ position: static; background-position: 0 0;}
.sideBarContent .tel i{ background-position: 0 -120px;}
.sideBarContent .feedback i{ background-position: 0 -80px;}
.sideBarContent .goTop i{ background-position: 0 -40px;}
.sideBarContent .tel{ bottom: 150px; background: #f60;}
.sideBarContent .feedback{ bottom: 109px;}
.sideBarContent .goTop{ bottom: 68px;}
.sideBarContent .relativeBox{ position: relative;}
.showApp{ display: none; background: #fff; padding: 20px 5px 5px; position: absolute; right: 40px; top: 182px;}

.fixHead{ display: none; position: fixed; left: 0; top: 0; right: 0; z-index: 9; height: 47px; background: #fff; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; -ms-box-shadow: 0 0 10px #ccc; -o-box-shadow: 0 0 10px #ccc;}
.fixMenuBox,.fixSearchBox,.fixLoginBox{ float: left;}
.fixMenuBox{ width: 200px; min-height: 30px; margin-top: 1px; position: relative;}
.fixMenuBox dt{ cursor: pointer;}
.fixMenuBox dd{ display: none;}
.fixSearchBox{ width: 580px; margin: 2px 80px 0 80px; position: relative;}
.fixSearchBox dl{ background: #f6f6f6; position: absolute; display: inline-block;}
.fixSearchBox dt,.fixSearchBox dd{ width: 55px; height: 36px; line-height: 36px; color: #666; padding-left: 15px; cursor: pointer;}
.fixSearchBox dt{ border-right: 1px solid #e5e5e5;}
.fixSearchBox dt b{ display: inline-block; width: 9px; height: 6px; background: url("images/icon.png") no-repeat -184px -7px; margin-left: 5px; vertical-align: middle;}
.fixSearchBox dd{ display: none;}
.fixSearchBox input{ margin: 0 0 0 71px; width: 405px;}
.fixLoginBox{ height: 47px; line-height: 47px;}
.fixLoginBox a{ margin: 0 20px 0 0;}

!*ywx 2015-12-17 ����ҳ��*!
.banner-one{height: auto;padding-bottom: 0px;overflow: visible;}
.banner-one .bannerPos{height:auto;top:0;}
.banner-one .fixMenuBox{top:-44px;}
.onepic{position: relative;height: 260px;width:100%;min-width:1190px;border-top:2px solid #211813;overflow: hidden;background: #fff;}
.onebox{position: absolute;left: 50%;margin-left: -960px;}
.onebox img{display: block;width: 1920px; height: 260px;}
.bandbox{padding-top:100px;padding-bottom: 10px;overflow: hidden;}
.bandcon{position: relative;width: 1226px;margin: 0 auto;}
.bandbox li{float:left;position:relative;width:268px;height:88px;margin-bottom: 40px;margin-right:36px;border:1px solid #ddd;}
.bandbox li a{display: block;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;}
.bandbox li .mask{position: absolute;top:0px;left:0px;width:270px;height:90px;background: #3092ee;filter: alpha(opacity=90);opacity: .9;}
.bandbox li  p{position:absolute;top:0px;left:0px;text-align: center;color: #fff;font-size: 14px;line-height: 90px;width:100%;}
.bandbox li a:hover .compname{display: block;}
.bandbox li a:hover p{color: #fff;text-decoration: none;}
.bandbox li a:hover{box-shadow: 0 0 40px #ccc; -webkit-box-shadow: 0 0 40px #ccc; -moz-box-shadow: 0 0 40px #ccc; -ms-box-shadow: 0 0 40px #ccc; -o-box-shadow: 0 0 40px #ccc;}*/
.depotInfo .suna{color: #888;}