/*------------------------------------------about----------------------------------------*/
#about{ overflow:hidden; position:relative; background:url(../images/aboutbg.jpg) repeat-x top; padding:15px 0 50px 0;}
#about .location{ height:20px; line-height:20px; color:#fff; text-indent:10px;}
#about .location b{ font-weight:normal; margin:0 5px;}
#about .location a{ color:#fff;}
#about .location a:hover{ color:#eee;}
#about .title{ height:20px; line-height:20px; font-size:22px; color:#ff9300;font-weight: normal;}
#about .content{ overflow:hidden; line-height:25px; font-size:14px; color:#333;}
#about .menu{ padding-bottom:400px;}
#about .menu h4{ background:url(../images/bg16.jpg) no-repeat top; height:66px; text-indent:-9999px;}
#about .menu ul{ background:#f9f9f9; padding:10px 18px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
#about .menu ul li{ height:42px; margin-bottom:10px; width:212px;}
#about .menu ul li a{ display:block; padding:0 20px 0 35px; width:157px; height:42px; line-height:42px; background:url(../images/bg16.jpg) no-repeat 0 -80px; font-size:14px; color:#999;}
#about .menu ul li a:hover{ background:url(../images/bg16.jpg) no-repeat 0 -130px; color:#666;}
/*------------------------------------------join----------------------------------------*/
#join-ad{ overflow:hidden; position:relative; background:url(../images/joinbg.jpg) no-repeat center; padding:50px 0 50px 0; height:120px;}
#join-ad h3{ height:50px; line-height:50px; overflow:hidden; font-size:32px; color:#fff; text-shadow:-1px 0 0 #777; text-align:center;}
#join-ad h4{ font-size:24px; color:#7f7f7f; text-align:center; color:#fff; text-shadow:-1px 0 0 #777; height:50px; line-height:50px;}
#join-nav{ text-align:center; background:url(../images/bg17.jpg) repeat-x; height:48px; line-height:48px;}
#join-nav a{ padding:0 20px; font-size:16px; color:#ff9300;}
#join-system{ border-bottom:1px dashed #ddd; color:#8e8e8e;}
#join-system .w1110{ padding:30px 0; background:url(../images/joinbg1.jpg) no-repeat right bottom; line-height:22px;}
#join-system .w700{ float:left; padding:29px; border:1px solid #f4f4f4; background:url(../images/opacity7.png) repeat; position:relative;}
#join-system .w250{ float:right; margin-top:90px; padding:20px; height:185px; border:1px solid #f4f4f4; background:url(../images/opacity7.png) repeat; position:relative; border-top-right-radius:30px;border-bottom-right-radius:30px;}
#join-system .w250 h4{font-size:18px; color:#ff9300; font-weight:normal; line-height:30px; margin-bottom:5px;}
#join-system .w250 ul li b{ margin-right:10px;}
#join-system .w250 ul li{ height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#join-system .w250 ul li a:hover{ text-decoration:underline; color:#ff9300;}
#join-system .w250 p{ height:20px; line-height:20px; margin-top:5px; text-align:right;}
#join-system .w250 p a{ color:#999;}
#join-system .w250 p a:hover{ text-decoration:underline; color:#ff9300;}
#join-support{ border-bottom:1px dashed #ddd; background:#fff; color:#8e8e8e;}
#join-support .w1110{ margin:auto; padding:30px 0; background:url(../images/joinbg2.jpg) no-repeat 60px bottom; line-height:22px;}
#join-support .w1110 .box{ padding:19px; border:1px solid #f4f4f4; background:url(../images/opacity8.png) repeat; position:relative;}
#join-process{ border-bottom:1px dashed #ddd; position:relative; line-height:20px; color:#8e8e8e; background:#f4f4f4;}
#join-process .w1110{ background:url(../images/joinbg3.png) no-repeat center; height:325px; padding:80px 0;}
#join-process .one{ position:absolute; top:50px; left:230px;}
#join-process .two{ position:absolute; top:323px; left:40px; text-align:right;}
#join-process .three{ position:absolute; top:55px; right:8px;}
#join-process .four{ position:absolute; top:317px; right:262px; text-align:right;}
#join-apply{ display:none;}
#join-apply .w560{ margin:auto; border:2px solid #ff9300;}
#join-apply .title{ height:35px; line-height:35px; background:#f4f4f4; padding:20px; border-bottom:1px solid #e1e1e1;}
#join-apply .title h4{ float:left; margin-right:5px; color:#ff9300; font-size:18px; font-weight:normal;}
#join-apply .title i{ float:left; display:block; width:35px; height:35px; background:url(../images/bg.png) no-repeat -270px -1465px;}
#join-apply .title img{ float:right;}
#join-apply .list{ padding:20px 50px;}
#join-apply .list ul li{ margin-bottom:10px;}
#join-apply .list ul li span{ float:left; display:block; width:80px; line-height:25px; font-size:14px;}
#join-apply .list ul li .text200{ float:left; margin-right:20px; width:200px; padding:0 5px; border:1px solid #e1e1e1; height:23px; line-height:23px;}
#join-apply .list ul li .text340{ float:left; margin-right:20px; width:340px; padding:0 5px; border:1px solid #e1e1e1; height:23px; line-height:23px;}
#join-apply .list ul li .textarea250{ float:left; margin-right:10px; width:250px; padding:0 5px; border:1px solid #e1e1e1; height:60px; line-height:20px;}
#join-apply .list ul li .sexradio{ float:left; margin-top:5px; margin-right:5px;}
#join-apply .list ul li label{ float:left; line-height:25px; margin-right:10px;}
#join-apply .list ul li .select170{ border:1px solid #e1e1e1; height:25px; line-height:25px; padding:2px; width:170px; margin-right:10px;}
#join-apply .list ul li .button80{ float:left; margin-right:20px; width:80px; border:1px solid #e1e1e1; height:62px; line-height:62px; background:#ff9300; color:#fff; cursor:pointer;}
#join-apply .list ul li .button80:hover{ background:#f60;}
/*------------------------------------------mapsite----------------------------------------*/
#mapsite{ width:1110px; margin:10px auto 0 auto; position:relative;}
#mapsite .location{ height:20px; line-height:20px; color:#999;}
#mapsite .location b{ margin:0 5px; font-weight:normal;}
#mapsite .location a{ color:#999;}
#mapsite .location a:hover{ color:#666;}
#mapsite .title{ height:30px; line-height:30px; font-size:14px; color:#ff9300; padding:0 20px;}
#mapsite .content{ border:1px solid #e1e1e1; border-radius:3px; background:#f8f8f8; padding:19px;}
#mapsite .content dl.mindl{ float:left; width:214px; overflow:hidden;}
#mapsite .content dl.maxdl{ float:left; width:535px; overflow:hidden;}
#mapsite .content dl dt{ height:30px; line-height:30px; font-size:14px; color:#333;}
#mapsite .content dl dt a{ color:#333;}
#mapsite .content dl dd{ line-height:25px; height:50px;}
#mapsite .content dl dd a{ white-space:nowrap; margin-right:10px; color:#999;}
#mapsite .content dl a:hover{ color:#ff9300;}
/*------------------------------------------productmap----------------------------------------*/
#productmap{ border-top:2px solid #ff9300; padding-top:10px; padding-bottom:20px; position:relative;}
#productmap .location{ height:20px; line-height:20px; color:#999;}
#productmap .location b{ margin:0 5px; font-weight:normal;}
#productmap .location a{ color:#999;}
#productmap .location a:hover{ color:#666;}
#productmap .title{ height:30px; line-height:30px; font-size:16px; color:#ff9300; padding:0 20px;}
#productmap .title h2{ font-weight:normal;}
#productmap .content{ border:1px solid #e1e1e1; border-radius:3px; background:#f8f8f8; padding:19px;}
#productmap .content dl{ float:left; width:355px; overflow:hidden;}
#productmap .content dl dt{ height:30px; line-height:30px; font-size:14px; color:#333;}
#productmap .content dl dt a{ color:#333;}
#productmap .content dl dd{ line-height:25px; height:50px;}
#productmap .content dl dd a{ white-space:nowrap; margin-right:10px; color:#999;}
#productmap .content dl a:hover{ color:#ff9300;}
/*------------------------------------------online----------------------------------------*/
#online{ padding-top:40px; padding-bottom:50px; position:relative; background:#f4f4f4;}
#online .w800{ margin:auto; background:#fff; border:1px solid #e1e1e1; padding:20px 30px;}
#online .title{ height:35px; line-height:35px; padding-bottom:9px; border-bottom:1px solid #e1e1e1;}
#online .title i{ float:left; display:block; width:35px; height:35px; background:url(../images/bg.png) no-repeat -270px -1465px; margin-right:5px;}
#online .title h3{ font-size:24px; color:#ff9300; font-weight:normal;}
#online .content{ line-height:20px; overflow:hidden;}
/*------------------------------------------feedback----------------------------------------*/
#feedback{ padding-top:40px; padding-bottom:50px; position:relative; background:#f4f4f4;}
#feedback .w800{ margin:auto; background:#fff; border:1px solid #e1e1e1; padding:20px 30px;}
#feedback .title{ height:35px; line-height:35px; padding-bottom:9px; border-bottom:1px solid #e1e1e1;}
#feedback .title i{ float:left; display:block; width:35px; height:35px; background:url(../images/bg.png) no-repeat -270px -1465px; margin-right:5px;}
#feedback .title h3{ font-size:24px; color:#ff9300; font-weight:normal;}
#feedback .content{ line-height:20px; overflow:hidden; padding:40px;}
#feedback .content ul li{ margin-bottom:10px;}
#feedback .content ul li span{ float:left; display:block; width:80px; line-height:25px; font-size:14px;}
#feedback .content ul li .tips{ display:none; background:url(../images/bg.png) no-repeat -280px -1557px; padding-left:20px; float:right; width:240px; height:25px; line-height:25px; color:#EF8989;}
#feedback .content ul li .text200{ float:left; margin-right:20px; width:200px; padding:0 5px; border:1px solid #e1e1e1; height:23px; line-height:23px;}
#feedback .content ul li .text340{ float:left; margin-right:20px; width:340px; padding:0 5px; border:1px solid #e1e1e1; height:23px; line-height:23px;}
#feedback .content ul li .textarea340{ float:left; margin-right:10px; width:340px; padding:0 5px; border:1px solid #e1e1e1; height:60px; line-height:20px;}
#feedback .content ul li .sexradio{ float:left; margin-top:5px; margin-right:5px;}
#feedback .content ul li label{ float:left; line-height:25px; margin-right:10px;}
#feedback .content ul li .select150{ border:1px solid #e1e1e1; height:25px; line-height:25px; padding:2px; width:150px; margin-right:10px;}
#feedback .content ul li .select190{ border:1px solid #e1e1e1; height:25px; line-height:25px; padding:2px; width:190px; margin-right:10px;}
#feedback .content ul li .button80{ float:left; display:inline; margin-left:80px; width:80px; border:1px solid #e1e1e1; height:30px; line-height:30px; background:#ff9300; color:#fff; cursor:pointer; border-radius:5px;}
#feedback .content ul li .button80:hover{ background:#f60;}
#feedback .content ul li .back{ float:left; display:inline; margin-left:40px; width:80px; border:1px solid #e1e1e1; height:30px; line-height:30px; background:#999; color:#fff; cursor:pointer; border-radius:5px;}
#feedback .content ul li .back:hover{ background:#ccc;}
/*------------------------------------------404----------------------------------------*/
#error404{ background:#ececec; position:relative;}
#error404 .w560{ margin:auto; padding:30px; height:300px; border:1px solid #e1e1e1; background:#fbfbfb; position:relative;}
#error404 .logo img{ width:119px;}
#error404 .content{ background:url(../images/404bg.jpg) no-repeat center top; padding-top:190px; text-align:center; line-height:30px; font-size:14px; color:#ff9300;}
#error404 .con{ text-align:center; line-height:30px; font-size:14px; color:#ff9300;}
#error404 .content a{ color:#1ea5ff; margin-left:5px;}
#error404 .content a:hover{ text-decoration:underline;}
#error404 .angle{ position:absolute; top:-1px; right:-1px; width:40px; height:39px; background:url(../images/angle.jpg) no-repeat;}
#error404 .w540{ text-align:center; line-height:30px; color:#999;}
#error404 .w540 span{ margin-right:10px;}
/*------------------------------------------error----------------------------------------*/
#error{ position:relative; margin-top:100px;}
#error .w560{ margin:auto; padding:140px 30px 160px 30px; border:1px solid #e1e1e1; background:#fbfbfb; position:relative;}
#error .logo{ text-align:center;}
#error .logo img{ width:119px;}
#error .content{ text-align:center; line-height:30px; font-size:14px; color:#ff9300;}
#error .content a{ color:#1ea5ff; margin-left:5px;}
#error .content a:hover{ text-decoration:underline;}
#error .angle{ position:absolute; top:-1px; right:-1px; width:40px; height:39px; background:url(../images/angle.jpg) no-repeat;}
#error .w540{ text-align:center; line-height:30px; color:#999;}
#error .w540 span{ margin-right:10px;}
/*------------------------------------------ie6----------------------------------------*/
#ie6{ background:#ececec; position:relative;}
#ie6 .w560{ margin:auto; padding:30px; height:320px; border:1px solid #e1e1e1; background:#fbfbfb; position:relative;}
#ie6 .logo img{ width:120px;}
#ie6 .content{ background:url(../images/ie6.jpg) no-repeat center 30px; padding-top:120px;}
#ie6 .content h4{ line-height:30px; font-size:20px; margin-bottom:10px; color:#ff9300; font-weight:normal; text-align:center;}
#ie6 .content h5{ line-height:20px; margin-bottom:10px;}
#ie6 .content a{ color:#1ea5ff; margin:0 5px;}
#ie6 .content a:hover{ text-decoration:underline;}
#ie6 .content p{ line-height:20px;}
#ie6 .angle{ position:absolute; top:-1px; right:-1px; width:40px; height:39px; background:url(../images/angle.jpg) no-repeat;}
#ie6 .w540{ text-align:center; line-height:30px; color:#999;}
#ie6 .w540 span{ margin-right:10px;}
/*------------------------------------------help----------------------------------------*/
#help{ background:#ececec; position:relative; overflow:hidden; position:relative; background:url(../images/aboutbg.jpg) repeat-x top; padding:19px 0 50px 0;}
#help .location{ height:20px; line-height:20px; color:#fff;}
#help .location b{ margin:0 5px; font-weight:normal;}
#help .location a{ color:#fff;}
#help .location a:hover{ color:#666;}
#help .menu{ float:left; width:198px; border:1px solid #fff; background:#fff;}
#help .menu .title{ padding:0 10px; padding-top:16px;height:30px; line-height:30px;  color:#333; font-size:15px; font-family:"微软雅黑"; }
#help .menu .title b{ color:#c5c5c5; font-weight:normal; font-size:12px; margin-left:10px;}
#help .menu dl{ padding:5px 10px;}
#help .menu dl dt{ height:30px; line-height:30px; padding:0 10px; font-size:16px; color:#000; border-bottom:1px dashed #ccc;}
#help .menu dl dd{ padding:10px 10px 5px 10px;}
#help .menu dl dd ul li{ line-height:20px; height:20px; overflow:hidden; margin-bottom:5px;}
#help .menu dl dd ul li a{ display:block; height:20px; padding:0 10px 0 20px; background:url(../images/libg2.jpg) no-repeat 0 1px;}
#help .menu dl dd ul li a:hover{ color:#ce9b09;}
#help .menu dl dd ul li.current a{  color:#ce9b09;}
#help .main{float:right;width:850px;padding:20px;background:#fff;border-left-width: 1px;border-left-style: solid;border-left-color: #f2f2f2;}
#help .main .title{ height:24px; overflow:hidden; padding-bottom:10px; border-bottom:1px dashed #ccc;}
#help .main .title h1{ float:left; height:24px;  line-height:20px;  color:#ff9300; font-size:24px; font-weight:normal;}
#help .main .content{ line-height:25px; margin-top:10px; overflow:hidden;}
#help .main .content .question{ overflow:hidden;}
#help .main .content .question dl dt{ padding-left:30px; color:#000; font-weight:bold; overflow:hidden;}
#help .main .content .question dl dt a{ color:#000;}
#help .main .content .question dl dt span.q{ float:left; margin-left:-30px; font-family:Arial, Helvetica, sans-serif; display:inline;}
#help .main .content .question dl dd{ padding-left:30px; margin-bottom:20px; overflow:hidden;}
#help .main .content .question dl dd span.a{ float:left; margin-left:-30px; font-family:Arial, Helvetica, sans-serif; display:inline;}