@charset "gb2312";
/* Snailcity Style Sheet
 * Page: Home
 * Created: 2012-03-01
 * Update: 2012-03-01
 * Author: Mr. Xue
 * Copyright: www.snailcity.com.
 */

/* Browser */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,blockquote,th,td{margin:0;padding:0;}
img,fieldset,abbr,acronym{border:0;}
img,div{behavior:url(../iepngfix/iepngfix.htc);}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
input,button,select{vertical-align:middle;}

/* Basic */
body{font-family:"",Arial, Helvetica, sans-serif;font-size:12px;word-wrap:break-word; background:#fff;}
a{color:#555;text-decoration:none; cursor:pointer;}
a:hover{color:#555;text-decoration:underline;}
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix{*zoom:1;}

/* Link */
.a1{color:#003577;text-decoration:none;}
.a1:hover{color:#003577;text-decoration:underline;}
.a2{color:#770d00;text-decoration:none;}
.a2:hover{color:#770d00;text-decoration:underline;}

/* Canvas */
.font1{ font-family:Tahoma,Arial,Helvetica,sans-serif;}
.font2{ font-family: "Microsoft YaHei";}
.text-over{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

#bg{width:996px;margin:0 auto; background:url(imagesbody_bg.gif) repeat-y; padding:0px 5px 0px 1px;}
.head{ background:url(imageshead_bg1.gif) top repeat-x; padding-top:6px;}
.head1{ height:110px; background:url(imageshead_bg2.gif) repeat-x;}
.head1_1{ float:left; width:577px;}
.head1_2{ float:right; width:345px; padding-right:19px;}
.head1_2 .info{ height:51px; line-height:22px; color:#bfbfbf; text-align:right; padding-right:5px;}
.head1_2 .search{ height:62px; padding:10px 0px 0px 38px; background:url(imageshead_bg3.gif) no-repeat;}
.head1_2 .search input{float:left;width:210px; line-height:12px; height:12px; padding:5px; border: solid 1px #fff; color:#a5a5a5; margin-right:5px;}
.head1_2 .search a{ float:left; display:block; width:64px; height:24px;}
.menu{ padding-left:58px; height:38px; background:url(imageshead_bg4_b9.gif) no-repeat;border:1px solid #ffffff}/*20130807 */
.menu a{ display:block; float:left;height:42px; }
.menu .m1{ width:74px;} /* 20130807 */
.menu .m2{ width:95px;} /* 20130807 */
.menu .m3{ width:97px;} /* 20130807 */
.menu .m4{ width:95px; cursor:default} /* 20130807 */
.menu .m5{ width:96px;} /* 20130807 */
.menu .m6{ width:96px; cursor:default} /* 20130807 */
.menu .m7{ width:96px; cursor:default} /* 20130807 */
.menu .m8{ width:96px; cursor:default} /* 20130807 */
.menu .m9{ width:97px;}  /* 20130807 */
.menu .now{ height:42px;background: url(imagesmenu_now.gif) bottom center no-repeat;}
.foot{ clear:both;height:81px;background:url(imagesfoot_bg.gif) repeat-x; text-align:center; color:#fff; line-height:26px; padding-top:20px; margin-top:5px;}

/* content */
.content{ clear:both;}
.line_h{ position:relative;width:988px; clear:both;}
.line_h .part2{width:357px;height:289px; border:solid 1px #ddd;}
.line_h .part2_1{ width:349px; height:207px; margin:0 auto;}
.line_h .part2_2{ width:349px; height:22px; line-height:22px; margin:0 auto; background:#e5e8ed; text-align:center; color:#42342b; font-weight:bold;}
.line_h .part3{ width:357px;height:14px; background: url(imagesline_bg1.gif) repeat-x; border:solid 1px #ddd; line-height:14px; padding:7px 0px 8px 0px; overflow:hidden;}
.line_h .part3 strong{ font-size:14px;}
.line_h .part3 img{ vertical-align:middle; margin:0px 4px;}
.line_h .part4{ width:622px; background:#fff; border:solid 1px #ddd; font-size:14px;overflow:hidden;}
.line_h .part4_1{ height:31px; line-height:27px; background:#0963b9 url(imagesindex_mp3.gif) 10px center no-repeat; padding-left:41px; font-weight:bold; overflow:hidden;}
.line_h .part4_1 a{ display:block;height:27px; padding-top:4px;float:left;text-decoration:none; padding-left:12px; color:#fff; margin-right:8px;}
.line_h .part4_1 a div{ float:left;height:27px;padding-right:12px;}
.line_h .part4_1 a:hover{text-decoration:none;background:url(imagesline_btbg.gif) left no-repeat; color:#ad1919;}
.line_h .part4_1 a:hover div{ float:left;background:url(imagesline_btbg.gif) bottom right no-repeat;}
.line_h .part4_1 .now{ background:url(imagesline_btbg.gif) left no-repeat; color:#ad1919;}
.line_h .part4_1 .now div{background:url(imagesline_btbg.gif) bottom right no-repeat;}
.line_h .part4_2{ margin:10px 15px; height:278px;overflow:hidden; color:#01499b; }
.line_h .part4_2 .info{ height:24px;line-height:24px; width:592px;}
.line_h .part4_2 .info .bt{ float:left; height:24px;width:465px; margin-right:12px; background:url(imagespoint1.gif) 11px center no-repeat; padding-left:25px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.line_h .part4_2 .info .time{float:left; height:24px;width:90px;}
.h1{height:378px;margin:5px auto 0 auto;}
.h1 .part1{ position:absolute; top:0px; height:49px;}
.h1 .part2{ position:absolute; top:50px;}
.h1 .part3{ position:absolute; top:348px;}
.h1 .part4{ position:absolute; top:51px; left:364px; height:327px;}
.h2{height:329px;margin:5px auto 0 auto;}
.h2 .part1{ position:absolute; top:0px; left:364px; height:47px; width:624px;}
.h2 .part2{ position:absolute; top:0px;}
.h2 .part3{ position:absolute; top:298px;}
.h2 .part4{ position:absolute; top:48px; left:364px; height:279px;}
.h2 .part4_2{ margin:10px 15px; height:230px;overflow:hidden; color:#01499b;}
.h3{height:329px;margin:5px auto 0 auto;}
.h3 .part2{ position:absolute; top:0px;}
.h3 .part3{ position:absolute; top:298px;}
.h3 .part4{ position:absolute; top:0px; left:364px; height:327px;}
.h3 .part4_2{ margin:10px 15px; height:278px;overflow:hidden; color:#01499b;}
.h4{height:329px;margin:5px auto 0 auto;}
.h4 .part1{ position:absolute; top:0px; left:364px; height:80px; width:624px;}
.h4 .part2{ position:absolute; top:0px;}
.h4 .part3{ position:absolute; top:298px;}
.h4 .part4{ position:absolute; top:91px; left:364px; height:236px;}
.h4 .part4_2{ margin:10px 15px; height:230px;overflow:hidden; color:#01499b;}

.line_news{width:988px; height:246px; margin:5px auto 0 auto;}
.news_p1{ float:left; width:357px; border:solid 1px #ddd;height:244px; margin-right:5px;}
.news_p1 .bt{ width:357px;height:14px; background: url(imagesline_bg2.gif) left -1px repeat-x; line-height:14px; padding:7px 0px; border-bottom:solid 1px #ddd; overflow:hidden; color:#555;}
.news_p1 .bt strong{ font-size:14px;}
.news_p1 .bt img{ vertical-align:middle; margin:0px 4px;}
.news_p1 .text{ margin:10px 15px; line-height:24px;height:192px;overflow:hidden; color:#333;}
.news_p1 .text div{ width:315px; height:24px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;background:url(imagespoint2.gif) 6px center no-repeat; padding-left:12px;}
.news_p1 .text div a{ color:#333;text-decoration:none;}
.news_p1 .text div a:hover{color:#333;text-decoration:underline;}
.news_p2{ float:left; width:418px;height:246px;margin-right:8px;}
.news_p2 .bt{ height:30px; background:url(imagesnews_btbg1.gif) repeat-x;font-weight:bold;}
.news_p2 .bt .bt1{ float:left; width:112px;line-height:30px; background:url(imagesnews_btbg2.gif) no-repeat; text-align:left; font-size:14px;color:#fff; padding-left:10px}
.news_p2 .bt .bt1 a{ color:#fff;text-decoration:none;}
.news_p2 .bt .bt1 a:hover{color:#fff;text-decoration:underline;}
.news_p2 .bt .bt2{ float:left; color:#950f0f; line-height:24px; padding-top:6px;}
.news_p2 .bt .bt2 a{ color:#950f0f;text-decoration:none;}
.news_p2 .bt .bt2 a:hover{color:#950f0f;text-decoration:underline;}
.news_p2 .text{ padding:10px; line-height:26px;height:195px;overflow:hidden; color:#333; font-size:14px; border:solid 1px #ddd; border-top:none;}
.news_p2 .text div{ width:380px; height:24px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;background:url(imagespoint3.gif) 6px center no-repeat; padding-left:16px;}
.news_p3{ float:left; width:196px;height:245px; border:solid 1px #ddd; border-top:none; margin-left:}
.news_p3 .bt{ height:30px;background:url(imagesnews_btbg3.gif) repeat-x; font-size:14px; font-weight:bold;}
.news_p3 .bt a{ display:block; float:left; margin-left:-1px; border-left: solid 1px #ddd; padding:0px 10px; color:#555;padding-top:2px; line-height:28px;text-decoration:none;}
.news_p3 .bt a:hover{ background:url(imagesnews_btbg4.gif) repeat-x;color:#01377f;}
.news_p3 .bt .now{ background:url(imagesnews_btbg4.gif) repeat-x;color:#01377f;}
.news_p3 .text{ margin:8px 5px; line-height:24px;height:140px;overflow:hidden; color:#333;}
.news_p3 .text div{ width:?66px; height:24px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;background:url(imagespoint4.gif) 5px center no-repeat; padding-left:18px;}
.news_p3 .text div a{ color:#666;text-decoration:none;}
.news_p3 .text div a:hover{color:#860200;text-decoration:none;}
.news_p3 .img{ text-align:center; background:none; padding:0px;  height:44px; padding-top:3px; margin:0px auto;}

.serve{ width:100%; clear:both;}
.serve .title{top:-3px; width:100%; height:40px;background:url(imagesserve_bg1_b.gif) bottom repeat-x;position:relative;}
.serve .title .t1{ float:left; padding:0 0px 0 0px;}
.serve .title .t2{ float:left; padding-left:9px;}
.serve .title .at2{ display:block;float:left; background:url(imagess_tbg1.gif) left no-repeat; margin-top:8px; height:25px; line-height:25px; font-weight:bold; text-decoration:none; padding-left:21px; margin-right:4px; letter-spacing:-1px}
.serve .title .at2 div{ float:left; background:url(imagess_tbg1.gif) right no-repeat;height:25px;padding-right:8px;}
.serve .title .at2:hover{ background:url(imagess_tbg2.gif) left no-repeat;text-decoration:none;}
.serve .title .at2:hover div{ float:left; background:url(imagess_tbg2.gif) right no-repeat;color:#ba040b;}
.serve .title .now{ background:url(imagess_tbg2.gif) left no-repeat;}
.serve .title .now div{ background:url(imagess_tbg2.gif) right no-repeat;color:#ba040b;}
.serve .ss{ background:#f4f4f4; height:348px; margin-top:1px;}
.serve .ss .step{ float:left; width:590px; height:348px; background:#fff; margin-right:12px;}
.serve .ss .step .bt{ height:44px; background:url(imagesstep_bg.gif) bottom no-repeat;}
.serve .ss .step .bt a{ display:block;height:44px;float:left;}
.serve .ss .step .bt a:hover{background:none;}
.serve .ss .step .bt .s1{width:115px;background:url(imagesstep_bg.gif) 0px top no-repeat;}
.serve .ss .step .bt .s2{width:105px;background:url(imagesstep_bg.gif) -115px top no-repeat;}
.serve .ss .step .bt .s3{width:105px;background:url(imagesstep_bg.gif) -220px top no-repeat;}
.serve .ss .step .bt .s4{width:110px;background:url(imagesstep_bg.gif) -325px top no-repeat;}
.serve .ss .step .bt .s5{width:100px;background:url(imagesstep_bg.gif) -435px top no-repeat;}
.serve .ss .step .bt .now{ background:none;}
.serve .ss .step .table{ width:588px;height:256px; padding:11px 1px 8px 1px; overflow:hidden;}
.serve .ss .step .table table{ width:588px; text-align:center; color:#555;}
.serve .ss .step .table table td{ line-height:28px; height:28px; vertical-align:middle;}
.serve .ss .step .table table .tr1 td{ background:#f5fbfb;}
.serve .ss .step .table table .td1{ width:32px; height:28px; background:url(imagespoint6.gif) center center no-repeat;}
.serve .ss .step .table table .tr1 .td1{ background:#f5fbff url(imagespoint6.gif) center center no-repeat;}
.serve .ss .step .table table .td2{ text-align:left;}
.serve .ss .step .table table .td3{ padding:0 20px;}
.serve .ss .step .option{ margin:1px; margin-bottom:0px; background:#d5e9f6; height:28px; line-height:28px; text-align:center; color:#bcbcbc;font-family: "Microsoft YaHei"; font-size:14px; font-weight:bold;}
.serve .ss .step .option a{ color:#777A9D;text-decoration:none;}
.serve .ss .step .option a:hover{color:#777A9D;text-decoration:underline;}
.serve .ss .ser{ float:left; width:388px; height:340px; background:#fff; margin-top:5px; border:solid 1px #ddd; border-top:none;}
.serve .ss .ser .bt{ height:30px; margin:0 -1px; overflow:hidden;font-weight:bold; font-size:14px; background:#f1f1f1 url(imagesser_bg1.gif) bottom repeat-x;}
.serve .ss .ser .bt a{ float:left; margin-bottom:-1px; display:block; line-height:29px; padding:0px 18px; z-index:10; color:#333;text-decoration:none;}
.serve .ss .ser .bt a:hover{ background:#fafafa;border-bottom:solid 1px #f3f3f3;border-left:solid 1px #ddd;border-right:solid 1px #ddd; color:#aa1300;text-decoration:none;}
.serve .ss .ser .bt .now{background:#fafafa;border-bottom:solid 1px #f3f3f3;border-left:solid 1px #ddd;border-right:solid 1px #ddd; color:#aa1300;text-decoration:none;}
.serve .ss .ser .tab{?margin-top:1px; height:25px; line-height:25px; background:#fafafa; color:#2657b3;}
.serve .ss .ser .tab table{ width:100%; text-align:center;} 
.serve .ss .ser .table_s{ height:280px; width:388px;overflow-y:scroll;}
.serve .ss .ser .table_s table{ width:370px; text-align:left; color:#555;}
.serve .ss .ser .table_s table td{ line-height:26px; height:26px; vertical-align:middle; border-bottom:solid 1px #f6f8f7;}
.serve .ss .ser .table_s table .td1{ background:url(imagespoint6.gif) 5px center no-repeat; padding-left:15px;}
.serve .ss .ser .table_s table .td2{ width:110px;}
.serve .ss .ser .table_s table .td3{ padding:0 10px;width:80px}



.exchange{ clear:both; margin-top:3px; }
.exchange .bt{padding:14px 0px 0px 22px; background:url(imageschange_bg1.gif) repeat-x; height:39px;}
.exchange .text{ height:120px; background:#fafafa url(imageschange_bg2.gif) top repeat-x;}
.exchange .text .tt{ width:971px; height:120px; padding-top:0px; background:url(imageschange_bg3_b.gif) no-repeat; margin:0 auto; color:#555;}
.exchange .text .button{ height:20px; text-align:right; margin-top:10px; font-weight:bold;color:#777;}
.exchange .text .button a{ color:#777;text-decoration:none;}
.exchange .text .button a:hover{color:#777;text-decoration:underline;}
.exchange .text .tt1{ float:left; width:190px; padding-left:25px;}
.exchange .text .tt2{ float:left; width:220px; padding-left:60px; padding-top:25px;}
.exchange .text .tt3{ float:left; width:75px; padding-left:50px; padding-top:50px;}
.exchange .text .tt4{ float:left; width:75px; padding-left:20px; padding-top:50px;}
.exchange .text .tt5{ float:left; width:150px; padding-left:80px; padding-top:50px;}
.exchange .text .ttext1{text-indent:2em; line-height:20px; padding-top:50px;}
.exchange .text .ttext2{line-height:20px; height:20px; background:url(imagespoint5.gif) left center no-repeat; padding-left:10px;}
.exchange .text .ttext3{line-height::20px; text-align:right; margin-bottom:10px; }
.links{ margin-top:15px; line-height:20px; height:20px; background:#f2f5fa; text-align:center; color:#003577; padding:4px 0px;}
.links select{ margin-left:20px; width:118px; height:20px; color:#333; overflow:hidden; border:solid 1px #ddd;}
.about{ margin-top:15px; line-height:30px; text-align:center; color:#555;}


.banner{background-color:#ffffff;margin:0 auto;border-top:3px solid #DDDDDD; height:133px; background:url(imageslogo.gif) no-repeat 0px 0px;no-repeat;border:1px solid #ffffff}
.banner{ background-color:#ffffff;margin:0 auto;  border-top:3px solid #DDDDDD; }
.shoucang{ height:45px; line-height:22px; color:#bfbfbf; padding-top:5px; padding-right:23px; float:right; width:300px; text-align:right}
.search{padding:6px 0px 0px 40px; height:30px; background:url(imageshead_bg3_detail_b.gif) no-repeat;width:280px; float:right; }
.search input{float:left;width:160px; line-height:12px; height:12px; padding:5px; border: solid 1px #fff; color:#a5a5a5; margin-right:15px;}
.search a{ float:left; display:block; width:64px; height:24px;}


.MenuItem {FONT-SIZE: 12px;color: #940000}
.MenuItem:link {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: none;}
.MenuItem:visited {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: none;}
.MenuItem:active {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: underline;}
.MenuItem:hover {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: underline;}


.MenuItem {FONT-SIZE: 12px;color: #940000}
.MenuItem:link {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: none;}
.MenuItem:visited {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: none;}
.MenuItem:active {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: underline;}
.MenuItem:hover {FONT-SIZE: 12px;color: #940000;TEXT-DECORATION: underline;}


.botwidth{ width:1000px}

.bq_white a{color:#ffffff; font-size:12px;text-decoration:none; }
.bq_white a:link{color:#ffffff; font-size:12px;  text-decoration:none;}
.bq_white a:visited{color:#ffffff; font-size:12px;  text-decoration:none;}
.bq_white a:hover{color:#ffffff; font-size:12px; text-decoration:underline;}