body,h1,h2,h3,h4,h5,h6,blockquote,p,dl,dt,dd,ul,ol,li,th,td, form,fieldset,legend,button,input,textarea{ margin:0;padding:0;} em,i{ font-style:normal } body,button,input,select,textarea{ font:12px/1.5 arial,"Microsoft YaHei","SimHei","SimSun",sans-serif } button,input,select,textarea,h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight: normal; } ol,ul{ list-style:none } img,fieldset{ border:0;vertical-align:middle } textarea {resize:none;}
/*  border-collapse:separate;border-spacing:xxx */
a {outline: none;}a:active {star:expression(this.onFocus=this.blur());}:focus { outline:0; } .pr {position:relative;}
.clear{font-size:0; line-height:0; height:0; overflow:hidden; clear:both; visibility:hidden} .fl,.mark{float:left}.fr,.subMark{float:right}.spanclass,.content{display:none}
a, a:link,a:visited,a:active{color:#494949;text-decoration:none}a:hover{color:#494949;text-decoration:underline}

/*font*/.fw {font-weight:bold;}.fs12 {font-size:12px;}.fs14 {font-size:14px;}.fs16{font-size: 16px;}.fs18{font-size: 18px;}.taL {text-align:left;}.taR{text-align:right;}.taC{text-align:center;}
/*line*/.lh20 {line-height:20px;}.lh22 {line-height:22px;}.lh24 {line-height:24px;}.lh30 {line-height:30px;}.lh40 {line-height:40px;}
/*float*/ul.fl, ol.fl {float:left;display:block;}.cr {clear:right;}.cl {clear:left;}.cb{ clear: both; width: 100%; overflow: hidden; }.none {display:none;}
/* box */.paT {padding-top:10px;}.paB { padding-bottom:10px;}.paL {padding-left:10px;}.paR {padding-right:10px;}.maL {margin-left:10px;}.maT {margin-top:10px;}.maR {margin-right:20px;}.maB {margin-bottom:10px;}

/*body*/
body {margin:0; padding:0; color:#494949; font-size:12px; text-align:left;  background:#fff; font-family: "Microsoft YaHei";}
.main {margin:0 auto; width:990px;}
.red, a.red:link,a.red:visited, a.red:hover, a.red:active { color:#fffc00;}
a:hover img { filter:alpha(opacity=80);/*IE*/opacity:0.8;/*Mozilla*/}
.author {height:24px; color:#000;}
.aLink {display:block;width:100px; height:30px; text-align:center; line-height:30px; }
.aLink, .aLink:link,.aLink:visited, .aLink:hover, .aLink:active { color:#fff; text-decoration:none;}


/*bg*/
.wrap {min-width: 990px; _width:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat' &&  documentElement.clientWidth > 990 ) ? documentElement.clientWidth : eval(!(document.compatMode &&document.compatMode=='CSS1Compat') &&  document.body.clientWidth > 990 ) ?document.body.clientWidth: 990 )}

body .header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;}
html,body {height: 100%;}
.scrollBox {position:relative; overflow:hidden;
    background-repeat: no-repeat;
    background-position: center center;}
.scrollBox,.wrap, .scroll, .wrap iframe {height:100%;min-height: 600px;
    _height:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.clientHeight : document.body.clientHeight);
}
.wrap iframe {
    width: 100%;
}
.menu {
    position:fixed;
    background: url(http://x.autoimg.cn/tms/project/10/original/images/nav.png) center 0 no-repeat;
    width: 100%; bottom: 0; left:0; z-index:10; _position:absolute;_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));
}
.little .footer{
    display: none;
}
.control {
    width: 780px;
    padding: 9px 55px 0;
    margin: 0 auto;
    height: 69px;
    background: url(http://x.autoimg.cn/tms/project/10/original/images/line.png) center center no-repeat;
}
.control .aBtn {
    position: relative;
    float: left;
    width: 48px;
    height: 48px;
    background: url(http://x.autoimg.cn/tms/project/10/original/images/control.png) 0 0 no-repeat;
    margin-top: 6px;
}
.control .aBtn i{
    position: absolute;
    width: 100%;
    line-height: 14px;
    text-align: center;
    top: 44px;
    font-weight: bold;
}
.control .lBtn:hover {
    background-position: -120px 0;
}
.control .rBtn {
    float: right;
    background-position: -60px 0;
}

.control .rBtn:hover {
    background-position: -180px 0;
}
.control .lBtn {
    margin-right: 32px;
}
.control td {
    position: relative;
}
.control .toc {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    left: 50%;
    margin-left: -30px;
}
.control .toc i {
    position: absolute;
    width: 23px;
    height: 23px;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    border-radius: 30px;
    -webkit-transition:.3s ease-in;
    transition:.3s ease-in;
    border: 3px solid transparent;
}
.control .toc span {
    position: absolute;
    text-align: center;
    width: 60px;
    left: 0;
    height: 20px;
    line-height: 20px;
    bottom: -3px;
    -webkit-transition:.3s ease-in;
    transition:.3s ease-in;
}
.control .toc em {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -11px;
    background-image: url(http://x.autoimg.cn/tms/project/10/original/images/dote.png);
    background-position: center center;
    background-repeat:no-repeat;
}
.control .toc0 i {background-color: #c51e1e;}
.control .toc1 i {background-color: #33a3c5;}
.control .toc2 i {background-color: #32abb4;}
.control .toc3 i {background-color: #30bc92;}
.control .toc4 i {background-color: #2ecc71;}
.control .toc5 i {background-color: #84cc2e;}
.control .toc6 i {background-color: #eeca21;}
.control .toc7 i {background-color: #f29a00;}
.control .toc8 i {background-color: #cc782e;}

.control .cur .toc i , .control .toc:hover i{
    width: 54px;
    height: 54px;
    background: #fff;
    margin: -30px 0 0 -30px;
}
.control .cur .toc em , .control .toc:hover em  {
    opacity: 0;
    filter: alpha(opacity=0);
}
.control .cur .toc span , .control .toc:hover span {
    bottom: 20px;
}
.control .cur .toc0 i , .control .toc0:hover i {border-color: #c51e1e;}
.control .cur .toc1 i , .control .toc1:hover i {border-color: #33a3c5;}
.control .cur .toc2 i , .control .toc2:hover i {border-color: #32abb4;}
.control .cur .toc3 i , .control .toc3:hover i {border-color: #30bc92;}
.control .cur .toc4 i , .control .toc4:hover i {border-color: #2ecc71;}
.control .cur .toc5 i , .control .toc5:hover i {border-color: #84cc2e;}
.control .cur .toc6 i , .control .toc6:hover i {border-color: #eeca21;}
.control .cur .toc7 i , .control .toc7:hover i {border-color: #f29a00;}
.control .cur .toc8 i , .control .toc8:hover i {border-color: #cc782e;}

.wrap {
    background-position: center center;
    background-repeat: no-repeat;
}

.con {
    position: absolute;
    width: 550px;
    left: 50%;
    margin-left: -275px;
    top: 50%;
    padding-top: 70px;
    font-size: 14px;
    line-height: 24px;
}

.text {
    width: 890px;
    height: 370px;
    padding-top: 60px;
    padding-left: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -215px 0 0 -470px;
}
.text ul {
    clear: both;
    zoom: 1;
    overflow: hidden;
    width: 100%;
}
.text li {
    float: left;
    width: 235px;
    height: 305px;
    padding: 55px 20px 0;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    position: relative;
    line-height: 20px;
    box-shadow: 2px 3px 0 0 rgba(0,0,0,.4);
    margin-right: 13px;
    margin-bottom: 13px;
}
.text li .city {
    height: 25px;
    position: absolute;
    width: 243px;
    left: 20px;
    top: 15px;
    background: url(http://x.autoimg.cn/tms/project/10/original/images/city.png) 0 0 no-repeat;
}
.text li .city .mark {
    width: 130px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 10px;
}
.text li .city .subMark{
    font-size: 10px;
    font-style: italic;
    line-height: 25px;
    padding-right:5px;
    font-family: Arial;
}
.text li .pCaption {
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}


.roll{position:relative;height:375px;z-index:1;overflow:hidden;}
.mCSB_scrollTools {right:0px; width:20px; height:365px;top: 0;cursor: pointer;}
.mCSB_dragger {width:20px; left:0;}
.mCSB_dragger_bar { width:20px; height:85px; left:0;background: url(http://x.autoimg.cn/tms/project/10/original/images/scroll.png) center center no-repeat;}
.mCSB_draggerRail { width:20px; overflow:hidden; height: 365px;}


/*IE6-8 hack*/


@media \0screen\,screen\9{

    .control .toc i , .control .cur .toc i , .control .toc:hover i{
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        border: none;
        background: url(http://x.autoimg.cn/tms/project/10/original/images/toc.png) 0 0 no-repeat;
    }
    .control .toc0 i {background-position: 0 -70px;}
    .control .toc1 i {background-position: -70px -70px;}
    .control .toc2 i {background-position: -140px -70px;}
    .control .toc3 i {background-position: -210px -70px;}
    .control .toc4 i {background-position: -280px -70px;}
    .control .toc5 i {background-position: -350px -70px;}
    .control .toc6 i {background-position: -420px -70px;}
    .control .toc7 i {background-position: -490px -70px;}
    .control .toc8 i {background-position: -560px -70px;}

    .control .cur .toc0 i, .control .toc0:hover i {background-position: 0 0;}
    .control .cur .toc1 i, .control .toc1:hover i {background-position: -70px 0;}
    .control .cur .toc2 i, .control .toc2:hover i {background-position: -140px 0;}
    .control .cur .toc3 i, .control .toc3:hover i {background-position: -210px 0;}
    .control .cur .toc4 i, .control .toc4:hover i {background-position: -280px 0;}
    .control .cur .toc5 i, .control .toc5:hover i {background-position: -350px 0;}
    .control .cur .toc6 i, .control .toc6:hover i {background-position: -420px 0;}
    .control .cur .toc7 i, .control .toc7:hover i {background-position: -490px 0;}
    .control .cur .toc8 i, .control .toc8:hover i {background-position: -560px 0;}
}

.tableBox{
    float: left;
    width: 616px;
    height: 78px;
    overflow: hidden;
}
.tableBox table,.control{
    position: relative;
}

.backBtn{
    display: inline-block;width:93px;height:30px;line-height: 30px;
    color:#fff !important;background: #32abb5;border-radius: 5px;
    position:absolute;
    top: 26px;
    left: -62px;
    text-align: center;
    font-size: 15px;
}
.backBtn:hover{
    background-color: #30bc92;
    text-decoration: none;
}