html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; background:#dcd7df;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 { font-size:12px; line-height:22px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a images, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*images{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/


/*body {overflow-x:auto; overflow-y:hidden;}*/
body {height:auto; +overflow:hidden;}
#banner {position:relative; z-index:2; width:100%; height:409px; overflow:hidden;}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:120px;}
#banner .btns .next.on {right:120px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(../img/index/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(../img/index/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(../img/index/next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(../img/index/next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-565px; width:1130px; height:30px; overflow:hidden;}
#banner .g-wrap .idxs {float:left; height:100%;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}


/*#news-slide {position:relative; margin:0 auto; padding-left:35px; width:1095px; height:57px; background:url(../img/index/icon_news.png) no-repeat 0 19px; overflow:hidden;}
#news-slide .wrap a {display:block; position:relative; padding-left:66px; height:57px; line-height:57px; font-weight:bold; color:#2e2e57; -webkit-transition:color 300ms;}
#news-slide .wrap a:hover {color:#f63b2e;}
#news-slide .wrap a span {position:absolute; left:0; margin-right:6px; font:bold 18px/57px 'dincond'; color:#e62b1e;}
#news-slide .more {position:absolute; top:12px; left:450px; padding:0 12px; font-weight:bold; line-height:33px; font-size:12px;  color:#2e2e57; background-color:#DFE0E4; border-radius:25px; box-shadow:0px 0px 3px #777; -webkit-transition:color 300ms, background-color 300ms;}
#news-slide .more:hover {background-color:#f63b2e; color:#eee;}*/
#news-slide {position:relative; margin:0 auto; padding-left:35px; width:1095px; height:57px; border-top:solid 1px #ccc; background:url(../images/icon_news.png) no-repeat 0 19px; overflow:hidden;}
#news-slide .item {height:100%;}
#news-slide .item a {display:inline-block; height:57px; line-height:57px; color:#FF0000; -ms-transition:color 300ms; transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms;}
#news-slide .item a:hover {color:#e77818;}
#news-slide .item a span {margin:0 25px; font-weight:normal; color:#6C6C6C;}
#news-slide .item .more {padding:0 12px; margin-top:12px; height:33px; line-height:33px; font-size:12px;  color:#555; background-color:#DFE0E4; border-radius:25px; box-shadow:0px 0px 3px #777; -ms-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms;}
#news-slide .item .more:hover {background-color:#e77818; color:#eee;}

/* 滑块 start */


/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:100%; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:60px; background-color:#fff; 	background: url("../images/header_bg01.jpg") repeat-x #fff;
	box-shadow:  0 5px 8px rgba(0,0,0,.1);}
    #logo {position:absolute; left:1px; width:420px; height:79px; background:url(../images/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:86px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:58px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:83px;}
    #nav .n4 {width:96px;}
    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#905faf; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:45px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:45px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../images/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:-10px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; overflow:hidden;}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:699px; padding:0 67px; /*width:835px;*/}
    #subNav .g-wrap .news {left:533px; padding:0 67px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:865px; padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service {left:961px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:auto; height:44px; border:8px solid #4c4a4f;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:auto;}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#905faf;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}


.rides-cs {  font-size: 12px; background:#46a5dd; position:fixed; top:67px; right:0px; z-index: 1500; border-radius:6px 0px 0px 6px;}
.rides-cs a { color: #46a5dd;text-decoration: none;}
.rides-cs a:hover { color: #46a5dd; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px; padding-bottom:50px;}
.rides-cs .cn .titZx{ font-size: 16px; color: #46a5dd; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn .titZx2 { font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:8px;text-align:left;font-family: '微软雅黑'}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 20px; height:20px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:left;padding-bottom:5px;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .cn ul .qqZx2 { padding-left:20px;}
.rides-cs .cn ul .qqZx2 a:hover { color:#46a5dd;}
.rides-cs .cn dl dt { font-size:12px;text-indent: 3px;color:#777;}
.rides-cs .cn dl dd { text-align:center;line-height:20px;font-size:14px;color:#666;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/bg1.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}