body {background:url(../images/globalBg.jpg) left top repeat-x; text-align:center; font-size:12px; font-family:simsun;}
ul {list-style-type:none;}
body, form, ul, ol, li, dl, dt, dd, h2, h3, h4, h5, p, button {margin:0; padding:0;}
button, img {border:none;}
a {color:#000; text-decoration:none;}
a:hover {color:#DA1414; text-decoration:none;}

body#productsMain {background:#dbdbdb;}



#container {width:1000px; margin:0 auto;}
.clear {clear:both; font-size:1px; line-height:1px; height:1px; overflow:hidden;}
h2 {background:url(../images/menu.gif) 0 -40px no-repeat; height:50px; margin-bottom:15px; overflow:hidden; text-indent:-9999px;}
h3 {background:url(../images/tit.gif) 0 -40px no-repeat; font-size:14px; height:29px; line-height:29px; padding-left:30px; text-align:left;}


.header {height:160px;}
.logo {padding:21px 2px 13px; float:left; text-align:left;}
.version {background:url(../images/version.gif) 0 4px no-repeat; float:left; margin-left:420px; padding-top:6px; width:104px;}
.version a {display:block; float:left; height:18px; overflow:hidden; text-decoration:none; text-indent:-9999px; width:52px;}
.sound {float:left; padding-top:8px; width:30px;}
.sound img {margin:0 auto;}
.siteNav {clear:both;}

.banner {}

.breadcrumbs {background:url(../images/breadcrumbs.gif) 2px 12px no-repeat; color:#666; padding:14px 0 0 20px; text-align:left;}
.breadcrumbs a {color:#666;}
.breadcrumbs a:hover {color:#DA1414;}

.mainBody {margin-top:15px; width:100%; overflow:hidden;}

.menu {background:url(../images/menu.gif) -200px -40px repeat-y; float:left; width:186px;}
.menu ul {height:350px;}
.menu li {line-height:25px; text-align:left;}
.menu li a {display:block; height:30px; line-height:30px; text-indent:30px;}
.menu li a:hover, .menu li.cur a {background:url(../images/menu.gif) 0 0; color:#fff; font-weight:bold;}
.menu .btm {background:url(../images/menu.gif) 0 -40px no-repeat; font-size:1px; line-height:1px; height:10px; overflow:hidden;}

.about h2 {background-position:-400px 0;}
.about h3, .category h3, .hr h3 {background-position:0 0;}

.hr h2 {background-position:-800px 0;}

.news h2 {background-position:-996px 0;}

.indexBox {width:100%; overflow:hidden; margin-top:15px;}
.indexBox .left {float:left; width:443px;}
.indexBox .mid {float:left; width:262px; margin-left:16px; display:inline;}
.indexBox .right {float:right; width:263px;}

.indexNews {border:1px solid #DEDDDD; height:150px;}
.indexNews .tit {background:url(../images/indexNews.gif) left bottom no-repeat; height:30px; width:420px; margin:0 auto 6px;}
.indexNews h4 {float:left; width:90px; text-indent:-9999px; overflow:hidden;}
.indexNews .more {float:right; padding-top:10px;}
.indexNews .con {height:105px;}
.indexNews ul {background:url(../images/dotted26.gif); display:inline; float:left; margin-right:12px; width:200px;}
.indexNews li {background:url(../images/arr3.gif) 5px 10px no-repeat; color:#979797; height:26px; line-height:26px; text-indent:15px; text-align:left; vertical-align:middle;}
.indexNews li a {color:#3182A8;}
.indexNews li a:hover {color:#c00;}
.indexNews li img {margin:0 0 0 2px; vertical-align:middle;}

.create {border:1px solid #DEDDDD; height:150px;}
.create .tit {background:url(../images/create.gif) left bottom no-repeat; height:30px; width:240px; margin:0 auto 6px;}
.create h4 {float:left; width:90px; text-indent:-9999px; overflow:hidden;}
.create .more {float:right; padding-top:10px;}
.create .con {padding:7px 0 0 10px;}
.create ul {width:100%; overflow:hidden;}
.create li {float:left; width:120px; text-align:center;}
.create li img {border:3px solid #EBEBEB; width:106px; height:68px; margin-bottom:8px;}
.create li a {color:#696969;}
.create li a:hover {color:#c00;}

.blogroll {background:url(../images/blogrollBg.gif) left bottom no-repeat #eee; height:150px;}
.blogroll .tit {background:url(../images/blogroll.gif); height:28px; margin-bottom:6px;}
.blogroll h4 {text-indent:-9999px; overflow:hidden;}
.blogroll .con {}

.mainPane {float:right; width:800px;}
.content {background:url(../images/content.gif); border-bottom:1px solid #DEDDDD; padding:25px 0;}
.intro, .leader {color:#666; line-height:225%; padding:1em 2.5em; text-align:left;}
.intro p, .leader p {padding-bottom:1.5em; text-indent:2em;}
.contact {border-bottom:1px solid #DEDDDD; border-top:1px solid #DEDDDD; color:#666; padding:25px;}
.contact p {font-size:14px; line-height:200%; text-align:left;}
.group {}

.brands ul {margin:0 35px;}
.brands li {background:#F0F0F0; height:54px; margin-bottom:20px; padding-left:20px;}
.brands li .name {float:left; border-right:1px solid #909090; margin-right:25px; text-align:left; width:575px;}
.brands li .more {background:url(../images/arr.gif) 53px 23px no-repeat; float:left; padding:20px 15px 0 0;}
.brands li .more a {color:#767676;}
.brands li .more a:hover {color:#DA1414;}

.articleWrap {background:url(../images/articleWrap.gif) right top no-repeat; border:none; padding:0 5px 0 0;}
.article {background:url(../images/article.gif) left top repeat-x; border:1px solid #DEDDDD; padding:25px 40px;}
.articleHead {width:100%; overflow:hidden;}
.articleTitle {border-bottom:1px solid #E5E5E5; font-size:14px; font-weight:bold; height:25px; padding:0 10px; text-align:left;}
.articleTitle .r {float:right; margin-top:-15px;}
.articleTime {color:#BABABA; float:left; padding:10px 0 0 10px;}
.articleSource {color:#BABABA; float:right; padding:10px 10px 0 0;}
.articleSource a {color:#BABABA;}
.articleCon {color:#848484; line-height:225%; padding:30px 0; text-align:left;}
.articleCon a {color:#848484; text-decoration:underline;}
.articleCon p {text-indent:2em; padding-bottom:1.5em;}

.hrList {padding:15px 25px 25px;}
.hr {padding:0 0 25px;}
.hr em {color:#f00; font-style:normal;}
.hr .submit {margin-top:20px;}
.hr .submit input {background:#ECE9D8; border:1px solid #ccc; margin:0 10px; padding:3px 5px 1px;}
.hrBtn {margin-top:30px; height:48px;}
.hrBtn a {background:url(../images/hrBtn.gif) left bottom no-repeat; color:#666; display:block; float:left; font-size:14px; margin:0 0 0 160px; display:inline; width:172px; height:48px; line-height:40px; text-decoration:underline; text-align:left; text-indent:46px;}
.hrBtn a:hover {background:url(../images/hrBtn.gif) left top no-repeat; color:#c00; font-size:14px;}

.newsList {background:none; border:1px solid #DEDDDD; padding:15px 0;}
.newsList ul {background:url(../images/dotted31.gif); margin:0 20px;}
.newsList li {background:url(../images/arr3.gif) 5px 12px no-repeat; color:#979797; overflow:hidden; height:31px; line-height:31px; padding:0 10px 0 20px; text-align:right; vertical-align:middle;}
.newsList li a {color:#666; float:left;}
.newsList li img {float:left; margin:2px 10px 0; vertical-align:middle;}

.social {padding:15px 0;}
.social ul {background:url(../images/dotted31.gif); margin:0 20px;}
.social li {background:url(../images/arr3.gif) 5px 12px no-repeat; color:#979797; overflow:hidden; height:31px; line-height:31px; padding:0 10px 0 20px; text-align:right; vertical-align:middle;}
.social li a {color:#666; float:left;}
.social li img {float:left; margin:2px 10px 0; vertical-align:middle;}


/* products */
.products {width:100%; overflow:hidden;}

.sider {float:left; width:325px;}
.sider .top {background:url(../images/productsBor.gif) -1350px 0 no-repeat; font-size:1px; line-height:1px; height:5px; overflow:hidden;}
.sider .btm {background:url(../images/productsBor.gif) -1685px 0 no-repeat; font-size:1px; line-height:1px; height:5px; overflow:hidden;}


.mainCon {float:right; width:665px;}
.mainCon .top {background:url(../images/productsBor.gif) 0 0 no-repeat; font-size:1px; line-height:1px; height:5px; overflow:hidden;}
.mainCon .btm {background:url(../images/productsBor.gif) -675px 0 no-repeat; font-size:1px; line-height:1px; height:5px; overflow:hidden;}


.productsList {background:#dbdbdb; color:#369; font-size:14px; text-align:left;}
.productsList a {color:#369; font-size:14px;}
.productsList select {width:140px;}
.productsList .sel {float:left; margin-right:10px; padding-top:12px;}
.productsList .tabBg_cur {background:url(../images/tabBg.gif) left top no-repeat; cursor:pointer; float:left; margin-top:15px; width:14px; height:14px; font-size:1px; line-height:1px; overflow:hidden;}
.productsList .tabBg {background:url(../images/tabBg.gif) left bottom no-repeat; cursor:pointer; float:left; margin-top:15px; width:14px; height:14px; font-size:1px; line-height:1px; overflow:hidden;}
.productsList .blank {height:26px; font-size:20px; font-family:simhei;}
.productsList .blank a {color:#369; height:26px; font-size:20px; font-family:simhei;}
.productsList .blank a:hover {color:#c00; height:26px; font-size:20px; font-family:simhei;}

.p1Tit {background:url(../images/productsListTit.gif) 0 0; height:46px; padding:0 10px 0 150px;}
.p2Tit {background:url(../images/productsListTit.gif) -335px 0; height:46px; padding:0 10px 0 150px;}
.p3Tit {background:url(../images/productsListTit.gif) -670px 0; height:46px; padding:0 10px 0 150px;}
.p4Tit {background:url(../images/productsListTit.gif) -1005px 0; height:46px; padding:0 10px 0 150px;}

.p1Con, .p2Con, .p3Con, .p4Con {height:290px !important; height /**/:306px; padding:16px 0 0 10px;}

.productsList ul {float:left; width:155px; padding-bottom:5px;}
.productsList li {line-height:21px; height:21px; padding-left:50px;}
.p1Con .hyundai {background:url(../images/productsListBrand.gif) 0 0 no-repeat;}
.p1Con .benz {background:url(../images/productsListBrand.gif) -200px 0 no-repeat;}
.p1Con .foton {background:url(../images/productsListBrand.gif) -400px 0 no-repeat;}
.p1Con .bjauto {background:url(../images/productsListBrand.gif) -600px 0 no-repeat;}

.p2Con .foton {background:url(../images/productsListBrand.gif) -400px 0 no-repeat;}
.p2Con .bjauto {background:url(../images/productsListBrand.gif) -600px 0 no-repeat;}

.p3Con {background:url(../images/hnc_ico.gif) 25px 10px no-repeat;}

.p4Con .penglong {background:url(../images/pl_ico.gif) 0 0 no-repeat;}


.productsCon {background:#dbdbdb;}
.productsWrap {background:#dbdbdb; width:650px;}
.productsPic {padding:4px 0 0;}
.productsTit {margin-bottom:15px; height:25px; padding-top:15px;}
.productsTit h4 {color:#369; font-family:simhei; font-size:20px; font-weight:normal; float:left; margin-right:20px;}
.productsTit .enter {background:url(../images/enter.gif); float:left; width:102px; height:25px; line-height:25px;}
.productsTit .enter a {color:#369;}
.productsTit .enter a:hover {color:#c00;}
.productsTxt {color:#666; line-height:160%; padding:0 6px; text-align:left;}
.productsTxt a {color:#666;}
.productsTxt a:hover {color:#c00;}
.productsTxt p {text-indent:2em;}



.copyrightCon, .history {padding:25px 50px; line-height:225%; color:#848484; text-align:left;}
.copyrightCon p {padding-top:1.5em;}
.history p {padding-top:1.5em; text-indent:2em;}
.history h5 {font-size:18px; font-weight:bold; text-align:center; padding:1em;}

.culture { text-align:left; width:100%; overflow:hidden;}
.culture dl {background:url(../images/culture.gif); float:left; width:333px; height:127px; margin:0 0 20px 40px; display:inline;}
.culture dt {height:45px; line-height:43px; color:#666; font-size:20px; font-family:simhei; font-weight:normal; padding-left:45px;}
.culture dd {padding:10px 10px 0 45px; line-height:160%; color:#3e84b1; font-size:14px;}

.achievement {}
.achievement ul {width:750px; margin:0 auto; overflow:hidden;}
.achievement li {background:url(../images/achievementBg.gif); display:inline; width:194px; height:145px; float:left; margin:0 28px 20px;}
.achievement li img {margin:0 2px 8px 0;}
.achievement li a {color:#fff;}
.achievement li a:hover {color:#c00;}



/**/
.tabel01 {background:url(../images/cell.gif) left top repeat-y;}
.tabel01 th {background:#fff; height:30px; text-align:left;}
.tabel01 td {color:#ADABAB; height:30px; line-height:30px; text-indent:10px; text-align:left;}
.tabel01 strong {color:#000; font-weight:normal;}

.table02 {width:100%; margin:0;}
.table02 th {border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; padding:5px 0; text-align:left;}
.table02 td {border-bottom:1px solid #E2E2E2; text-align:left;}
.table03 {background:url(../images/dotted28.gif); width:100%; margin:15px 0 0;}
.table03 td {color:#818181; height:28px; line-height:28px; text-align:left;}
.table03 .view a {background:url(../images/arr2.gif) 70px 0 no-repeat #F0F0F0; color:#000; display:block; margin:0 auto; text-align:center; width:83px; height:21px; line-height:21px;}
.table03 .view a:hover {background:url(../images/arr2.gif) 70px -21px no-repeat #DA1414; color:#fff;}
.table02 .post, .table03 .post {text-indent:15px;}
.table02 .dep, .table03 .dep {text-indent:25px;}
.table02 .num, .table03 .num {text-indent:30px;}
.table02 .date,.table03 .date {text-indent:35px;}

.table04 {width:700px; margin:0 auto;}
.table04 th {color:#666; text-align:left; border-bottom:1px solid #EBEAEA; font-weight:normal; padding:5px 0; text-indent:2em; width:100px;}
.table04 td {color:#666; text-align:left; border-bottom:1px solid #EBEAEA; padding:5px 0;}
.f12 {font-size:12px; font-weight:normal;}
.input180 {border:1px solid #ccc; width:180px;}
.input270 {border:1px solid #ccc; width:270px;}
.input320 {border:1px solid #ccc; width:320px;}
.textarea530 {border:1px solid #ccc; width:530px;  height:90px;}

.table05 {border-top:1px solid #D7D7D9; border-left:1px solid #D7D7D9; width:700px; margin:0 auto;}
.table05 td {border-bottom:1px solid #D7D7D9; border-right:1px solid #D7D7D9; color:#666; line-height:200%; padding:6px 0; text-align:left; text-indent:1em;}
.table05 p {padding:0.8em 1.5em; text-indent:0;}
.table05 .bg {background:#F1F1F4;}

.pages {margin-top:20px; margin-left:250px; height:30px;}
.pages a,
.pages span {background:#fff; border:1px solid #AEAEAE; display:block; float:left; padding:0.3em 0.5em 0.2em; margin:0 3px 0 0; color:#333;}
.pages a {background:#fff; border:1px solid #AEAEAE; color:#AEAEAE; text-decoration:none;}
.pages a:hover {background:#fff; border:1px solid #336699; color:#336699; text-decoration:none;}
.pages .curPage {background:#fff; border:1px solid #fff; color:#336699;}
.pages span.sumPage {border:1px solid #ccc; margin-right:0;}
.pages .sumPage cite {color:red; font-style:normal; padding:0;}


.footerWrap {background:url(../images/footer.gif) left bottom repeat-x; padding:30px 0;}
.footer {color:#999; clear:both; font-family:Arial; line-height:180%; margin:0 auto; overflow:hidden; width:1000px;}
.footer a {color:#999;}
.footer a:hover {color:#DA1414;}
.footerLinks {float:left; width:350px; text-align:left;}
.copyright {float:left; width:350px; text-align:center;}
.siteby {float:right; width:150px; text-align:right;}