/* ------------------------------------------
 *  $Desription:   css.css
 *  $Update:       1.0(2011-05-05)
 *  $Authon:       313.cn(lc@313.cn)
------------------------------------------ */
/* reset
------------------------------------------ */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.3 \5FAE\8F6F\96C5\9ED1, Arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
address, cite, dfn, em, var, i { font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: 0; }
/* grid
------------------------------------------ */
.fixed { width: 940px; margin: 0 auto; }
/* common
------------------------------------------ */
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { display: none; }
.show { display: block; }
.fss { font-size: 12px; }
.fsm { font-size: 14px; }
.ffs { font-family: \5b8b\4f53; }
.fcw { color: #FFF; }
.fcb { color: #0F6FA5; }
.fc6 { color: #666; }
.fco { color: #F80; }
.blod { font-weight: 700; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
.clear:after { content: '\20'; display: block; height: 0; clear: both; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.of { overflow: hidden; *zoom: 1;}
a { color: #fff; text-decoration: none; }
a:hover { color:#fff ; text-decoration: underline; }/*#02669F*/
/* widget
------------------------------------------ */
.ult { font-size: 14px; }
.ult, .ults { margin: 6px 9px; }
.ult li, .ults li { height: 25px; line-height: 25px; }
.ulit li, .ulits { float: left; display: inline; line-height: 15px; text-align: center; }
.ulit img, .ulits img { display: block; }
.ulip li { }
.ulip .imgs img, .ulips .imgs img { display: block; }
.ulip .imgs, .ulips .imgs { float: left; display: inline; margin-right: 10px; }
.ulip .cons, .ulips .cons { float: left; display: inline; }
.ulip h5, .ulips h5 { height: 20px; line-height: 20px; }
.ulip p, .ulips p { line-height: 20px; font-size: 12px; }
.box { margin: 5px 0; }
.box .hd { height: 30px; line-height: 30px; }
.box .hd h2, .box .hd h3 { font-size: 14px; }
.box .hd h2 { float: left; display: inline; }
.box .hd .more { float: right; display: inline; }
/* background
------------------------------------------ */
body { background: #02669F url(images/body.png) repeat 0 0; }
#footer, #warper { background: url(images/bgx.png) repeat-x 0 0; }
.hdbg, .fdbg { background: url(images/bgs.png) no-repeat 0 0; }
.bdbg { background: url(images/bgy.png) repeat-y 0 0; }
/* header&footer
------------------------------------------ */
body { color: #333; }
#warper { background-position: 0 -120px; }
#warperbg { background: url(images/warper.jpg) no-repeat center 0; }
#header { height: 370px; background-position: 0 0;}
#header .fixed { }
#logo { float: left; width: 280px; height: 103px; margin: 0; }
#logo a { float: left; width: 280px; height: 103px; text-indent: -9999px; outline: none; }
#nav-top { margin:0; height: 30px; color: #CCC; overflow:hidden; }
#nav-top span { margin:0 5px;}
#nav-top a { line-height: 30px; color: #999; }
#hotline { float: right; display: inline; width: 270px; height: 100px; margin: 0 100px 0 0; }
#hotline p { margin:10px 0 0;}
#hotline p b { font-size:14px; }
.search-form { margin:10px 0 0;}
.search-form input { vertical-align:middle;}
.search-form .text { width:150px; height:24px; line-height:24px; padding:2px 4px; border:1px solid #CCC; color:#666; border-radius:3px; box-shadow:1px 0 2px #DDD inset;}
.search-form .btn { width:80px; height:30px; line-height:30px; padding:0; border:none; background:url(images/btn_s.jpg) no-repeat 0 0; font-weight:700; color:#FFF;}
#footer { clear: both; height: 150px; background-position: 0 0; overflow: hidden; }
.fl-logo { float:left; display:inline; width:150px; height:150px; background:url(../images/footer_logo.jpg) no-repeat 0 50px;}
.fl-text { float:left; display:inline; height:150px;}
.fl-text p { line-height:1.5;}
.fr-logo { float:right; display:inline; margin:30px 0 0;}
.fr-logo a { margin-left:10px;}
#footer a { color: #333; }
#footer p.fr { margin: 30px 0 0; width: 250px; height: 60px; background: url(images/img_alipay.png) no-repeat 0 0; }
#footer .fl p { line-height: 17px; color: #666; }
.footnav { height: 15px; line-height: 15px; margin: 20px 0 10px; }
.footnav span { margin: 0 5px; }
.foot-313 { height: 15px; line-height: 15px; margin: 0 0 0px; }
.foot-313 p { color: #666; }
/* page_page
------------------------------------------ */
.nav { width: 940px; height: 270px; clear: both; position: relative; }
.nav .menu { width: 590px; height: 100px; position: absolute; left: 0; top: 0; z-index: 100; background: url(images/nav.jpg) no-repeat 0 0; overflow: hidden; }
.nav .menu ul { margin: 35px 0 0 60px; height: 60px; }
.nav .menu li { float: left; display: inline; }
.nav .menu li a { float: left; width: 77px; height: 60px; text-indent: -9999px; outline: none; }
.nav .menu li a:hover, .nav .menu li.current a { background: url(images/nav.jpg) no-repeat 0 0; }
.nav .menu li a.nav_home { width: 77px; background: url(images/nav.jpg) no-repeat -60px -35px; }
.nav .menu li a.nav_home:hover, .nav .menu li.current a.nav_home { width: 77px; background: url(images/nav.jpg) no-repeat -60px -135px; }
.nav .menu li a.nav_solution { width: 101px; background: url(images/nav.jpg) no-repeat -137px -35px; }
.nav .menu li a.nav_solution:hover, .nav .menu li.current a.nav_solution { width: 101px; background: url(images/nav.jpg) no-repeat -137px -135px; }
.nav .menu li a.nav_price { width: 77px; background: url(images/nav.jpg) no-repeat -238px -35px; }
.nav .menu li a.nav_price:hover, .nav .menu li.current a.nav_price { width: 77px; background: url(images/nav.jpg) no-repeat -238px -135px; }
.nav .menu li a.nav_webdesign { width: 84px; background: url(images/nav.jpg) no-repeat -315px -35px; }
.nav .menu li a.nav_webdesign:hover, .nav .menu li.current a.nav_webdesign { width: 84px; background: url(images/nav.jpg) no-repeat -315px -135px; }
.nav .menu li a.nav_process { width: 85px; background: url(images/nav.jpg) no-repeat -399px -35px; }
.nav .menu li a.nav_process:hover, .nav .menu li.current a.nav_process { width: 85px; background: url(images/nav.jpg) no-repeat -399px -135px; }
.nav .menu li a.nav_jobs { width: 77px; background: url(images/nav.jpg) no-repeat -484px -35px; }
.nav .menu li a.nav_jobs:hover, .nav .menu li.current a.nav_jobs { width: 77px; background: url(images/nav.jpg) no-repeat -484px -135px; }
.nav .banner { float: left; width: 940px; height: 270px; position: absolute; left: 0; top: 0; z-index: 90; }
.nav .banner p { text-indent: -999px; }
#mainbody { clear: both; }
#map { margin: 0 5px; height: 40px; line-height: 39px; border-bottom: 1px dashed #4E94BC; }
#map p { margin: 0 5px; color: #D5E8F3; }
#map a { color: #D5E8F3; }
#map a:hover { color: #FFF; }
.hdbg, .fdbg { height: 30px; overflow: hidden; }
.fdbg { height: 35px; background-position: 0 -30px; }
.bdbg { padding: 10px 20px; }
.entry { line-height: 22px; color: #D5E8F3; }
.titles { height: 40px; margin: 10px 0; overflow: hidden; }
.titles h2, .titles span { float: left; height: 40px; line-height: 31px; font-size: 14px; color: #FFF; background: url(images/titles.png) no-repeat 0 0; }
.titles h2 { padding-left: 15px; }
.titles h2 span i { font-size: 12px; font-weight: 400; }
.titles span { padding-right: 15px; background-position: right 0; }
.linew, .linel { margin: 10px 0; height: 1px; border-bottom: 1px solid #619FC3; overflow: hidden; }
.linel { border-bottom: 1px solid #0089AF; }
.ult_lh34 { }
.ult_lh34 li { height: 34px; line-height: 34px; }
.datebox { padding: 10px 0; }
.tb_date { width: 100%; border: 1px solid #6CB0D7; background: #F6FCFF; }
.tb_date thead th, .tb_date tbody td { line-height: 35px; border: 1px solid #6CB0D7; text-align: center; }
.tb_date thead th { height: 35px; color: #FFF; background: url(images/tb.png) repeat-x 0 0; }
.tb_date tbody td img { vertical-align: middle; }
.tb_date tfoot .entry { margin: 10px 20px; color: #333; }
.tb_date a { color: #333; }
.faqbox { }
.faq { padding: 5px 0; }
.faq dt, .faq dd { line-height: 35px; color: #C4E3F4; text-indent: 30px; background: url(images/ico.png) no-repeat 0 -92px; }
.faq dt { height: 35px; font-size: 14px; color: #FFF; font-weight: 700; background-position: 0 8px; }
/* page_index
------------------------------------------ */
#home #header { height: 480px; }
#home #warperbg { background: url(images/warper_index.jpg) no-repeat center 0; }
#home .nav { width: 940px; height: 270px; clear: both; position: relative; }
#home .nav .menu { width: 620px; height: 100px; position: absolute; left: 145px; top: 0; background: url(images/nav_index.jpg) no-repeat 0 0; overflow: hidden; }
#home .nav .menu ul { margin: 35px 0 0 60px; height: 60px; }
#home .nav .menu li { float: left; display: inline; }
#home .nav .menu li a { float: left; height: 60px; text-indent: -9999px; outline: none; }
#home .nav .menu li a:hover, #home .nav .menu li.current a { background: url(images/nav_index.jpg) no-repeat 0 0; }
#home .nav .menu li a.nav_home { width: 77px; background: url(images/nav_index.jpg) no-repeat -60px -35px; }
#home .nav .menu li a.nav_home:hover { width: 77px; background: url(images/nav_index.jpg) no-repeat -60px -135px; }
#home .nav .menu li a.nav_solution { width: 101px; background: url(images/nav_index.jpg) no-repeat -137px -35px; }
#home .nav .menu li a.nav_solution:hover { width: 101px; background: url(images/nav_index.jpg) no-repeat -137px -135px; }
#home .nav .menu li a.nav_price { width: 77px; background: url(images/nav_index.jpg) no-repeat -238px -35px; }
#home .nav .menu li a.nav_price:hover { width: 77px; background: url(images/nav_index.jpg) no-repeat -238px -135px; }
#home .nav .menu li a.nav_webdesign { width: 84px; background: url(images/nav_index.jpg) no-repeat -315px -35px; }
#home .nav .menu li a.nav_webdesign:hover { width: 84px; background: url(images/nav_index.jpg) no-repeat -315px -135px; }
#home .nav .menu li a.nav_process { width: 85px; background: url(images/nav_index.jpg) no-repeat -399px -35px; }
#home .nav .menu li a.nav_process:hover { width: 85px; background: url(images/nav_index.jpg) no-repeat -399px -135px; }
#home .nav .menu li a.nav_jobs { width: 77px; background: url(images/nav_index.jpg) no-repeat -484px -35px; }
#home .nav .menu li a.nav_jobs:hover { width: 77px; background: url(images/nav_index.jpg) no-repeat -484px -135px; }
#home .nav .banner { float: left; width: 940px; height: 270px; position: absolute; left: 0; top: 0; z-index: 90; }
#home .nav .banner p { text-indent: -999px; }
.content { float: left; display: inline; width: 580px; padding: 0 19px 0 0; margin: 0 18px 0 0; border-right: 1px dashed #4F95BD; }
.sidebar { float: left; display: inline; width: 312px; }
#home .box .hd { height: 30px; margin: 0 0 10px; }
#home .content .box { margin-bottom:15px; border-bottom: 1px dashed #4D91B9;}
#home .box .hd h2 { float: left; color:#FFF;}
#home #hd_about { background-position: 0 0; }
#home #hd_price { background-position: 0 -30px; }
#home #hd_process { background-position: 0 -60px; }
#home #hd_content { background-position: 0 -190px; }
#home #hd_company { background-position: 0 -220px; }
#home #hd_infomation { background-position: 0 -250px; }
#home .sidebar .bd { margin: 0 0 10px; height: 130px; padding: 15px 20px; background: url(images/index-new.jpg) no-repeat 0 -280px; }
#home .sidebar .bd.bd-first { height: 82px; background-position: 0 -440px; }
#home .sidebar .bd a { color: #333; }
#home .sidebar .index-news {height: 335px !important; padding: 15px 20px; background: url(images/index-news.jpg) no-repeat ; }
#box_about { margin: 5px 0 0 8px; }
#box_price { margin: 30px 0 0; }
#item_price { }
#item_price li { width: 190px; text-align: left; color: #D5E8F3; line-height: 20px; }
#item_price li div { float: left; width: 190px; height: 100px; background: url(images/index-new.jpg) no-repeat 0 0; text-indent: -999px; }
#item_price li div.price_a { background-position: 0 -90px; }
#item_price li div.price_b { background-position: -196px -90px; }
#item_price li div.price_c { background-position: -396px -90px; }
#item_price li p { margin: 0 8px; }
#item_price li p.qqbtn { margin: 20px 0; }
#item_process { }
#item_process li { width: 312px; height: 70px; margin: 7px 0 0; background: url(images/li.png) no-repeat 0 0; }
#item_process li div { width: 16px; height: 35px; margin: 0 0 0 53px; background: url(images/index-new.jpg) no-repeat 0 -190px; text-indent: -999px; }
#item_process li div.process_a { background-position: -322px -190px; }
#item_process li div.process_b { background-position: -342px -190px; }
#item_process li div.process_c { background-position: -362px -190px; }
#item_process li div.process_d { background-position: -382px -190px; }
#item_process li div.process_e { background-position: -402px -190px; }
#item_process li div.process_f { background-position: -422px -190px; }
#item_process li div.process_g { background-position: -442px -190px; }
#item_process li p { height: 25px; line-height: 25px; text-indent: 35px; }
#links { line-height: 30px; padding: 25px 0; margin: 20px 0 0; border-top: 1px dashed #4F95BD; }
#links span { color: #D5E8F3; margin: 0 10px; }
#links a:hover { color: #FFF; }
#links h3 { float: left; display: inline; width: 100px; height: 30px; text-indent: -999px; background: url(images/index-new.jpg) no-repeat -330px -60px; }
#box_search { clear: both; height: 80px; overflow: hidden;margin-bottom:20px; }
#socode { height: 40px; margin:0; background: url(images/so.png) no-repeat 0 0; }
#socode label, #socode input { float: left; display: inline; }
#socode label { width: 110px; height: 40px; text-indent: -999px; }
#socode input.ftext { width: 350px; height: 20px; margin: 10px 0; padding: 0 5px; border: none; background: none; }
#socode input.fbtn { width: 86px; height: 27px; margin: 6px 0 0 17px; padding: 0; border: none; background: none; cursor: pointer; }
#box_search .recentwords { height: 16px; margin:0; overflow:hidden;  }
/* page_pay
------------------------------------------ */
#pay #warper { background: url(images/bgx_pay.png) repeat-x 0 0; }
#pay #warperbg { background: url(images/warper_pay.jpg) no-repeat center 0; }
#pay #warperbg.apply { background: url(images/warper_apply.jpg) no-repeat center 0; }
#pay #warper #header { height: 111px; }
#pay #warper #logo { width: 280px; height: 103px; left: 0; }
#pay #warper #logo a { width: 280px; height: 103px; }
#box_payform { }
.tb_payform { width: 100%; margin: 30px 0; }
.tb_payform th, .tb_payform td { padding: 4px 5px; }
.tb_payform th { width: 70px; font-size: 14px; color: #FFF; font-weight: 400; vertical-align: top; line-height: 26px; text-align: left; }
.tb_payform .fsel { }
.tb_payform .ftxt { width: 200px; height: 20px; line-height: 20px; padding: 2px; border: 1px solid #82BFE5; background: #5198C6; }
.tb_payform .farea { width: 420px; height: 120px; line-height: 20px; padding: 2px; border: 1px solid #82BFE5; background: #5198C6; }
.tb_payform .fbtn { width: 160px; height: 60px; padding: 0; border: none; background: url(images/btn_pay.png) no-repeat 0 0; cursor: pointer; }
/* about_picture(2011/11/7)
------------------------------------------ */
.item-picture { border: 1px solid #4A91B9; background: #3788B5;}
.ulit-179 { margin: 7px;}
.ulit-179 li { width: 179px; height: 131px; margin: 11px; border: 5px solid #B1CEDF;}

#csol { width: 80px; height: 180px; padding: 52px 10px 8px; background: url(images/qm.png) no-repeat 0 0;}
#csol td { height: 34px; line-height: 34px;}
#csol a { color: #FFF;}
/* aside (2012/04/25)
------------------------------------------ */
.bdbg { overflow: hidden; zoom: 1; }
.fdbg { clear: both; }
.aside { float: left; display: inline; width: 250px; }
.acontent { float: right; display: inline; width: 630px; }
.titles_a { width: 630px; height: 43px; margin: 5px 0 10px; line-height: 35px; background: url(images/a_t.png) no-repeat -80px 0; }
.titles_a h2 { float: left; display: inline; margin-left: 40px; color: #106291; }
.titles_a span { float: right; display: inline; width: 80px; height: 18px; line-height: 17px; margin: 9px 20px 0 0; text-align: center; font-size: 10px; font-weight: 700; color: #FFF; background: url(images/a_t.png) no-repeat 0 0; }
.titles_b { width:630px; height:22px; margin:5px 0 10px; line-height:22px; }
.titles_b h2 { float:left; display:inline; margin-left:0px; color:#106291;}
.titles_b span { float:right; display: inline; width:80px; height:18px; line-height:17px; margin:9px 20px 0 0; text-align:center; font-size:10px; font-weight:700; color: #FFF;}
.box_a { margin-bottom: 10px; }
.box_a .hd { height: 50px; background: url(images/a_ts.png) no-repeat 0 -180px; overflow: hidden; }
.box_a .hd h2 { float: left; height:42px; line-height:42px; font-size:14px; color:#FFF; padding:0 30px; }
.box_a .fd { clear: both; height: 30px; background: url(images/a_ts.png) no-repeat 0 -150px; overflow: hidden; }
.box_a .bd { padding: 0 15px; background: url(images/a_tb.png) repeat-y 0 0; }
.box_a .ults { padding:10px 0 0; margin:0;}
.text { color: #FFF; line-height: 21px; }
.text p { padding: 5px 0; text-indent: 2em; }
.list_a { padding: 5px 0; }
.list_a li { height: 23px; line-height: 23px; color: #FFF; }
.list-news {}
.list-news ul { }
.list-news li { height:40px; line-height:40px; padding:0 10px; border-bottom: 1px dashed #4D91B9;}
.list-news li a { float:left; font-size:14px;}
.list-news li span { float:right; color:#DDD;}
.title-news { text-align:center; padding:0 0 20px; margin:0 0 20px; border-bottom: 1px dashed #4D91B9;}
.title-news h1 { font-size:20px; color:#FFF;}
.title-news p { padding:10px 0 0; color:#DDD;}
.ults-n2 {}
.ults-n2 li { float:left; display:inline; width:125px;}
.ults-n3 li { float:left; display:inline; width:auto;margin:0 5px;}
.entry p.ind2 { text-indent:2em;}
.entry ul.uts { list-style: inside circle;}
.conclusion { font-size:20px; font-weight:700; color:#FFF;}
.conclusion span { padding:5px 10px; background:#FEB65B; border-radius:5px; box-shadow:1px 2px 2px #F80 inset;}
/* page */
.page { height:30px; margin:20px 10px 0;}
.page-item {}
.page-item a { float:left; display:inline; height:28px; margin-right:5px; line-height:28px; padding:0 3px; border:1px solid #999;}
.page-meta { line-height:30px; color:#FFF;}
.zhifu { float: none;margin: 188px 133px; }

/* +20140420 */
.footlogo { float: left; display: inline; margin: 20px 30px 0 0;}
.sidebar .yhlc{overflow:hidden;border-radius:7px;}
.aside .yhlc_title{height:42px}
.aside .yhlc{overflow:hidden; border-radius:0 0 7px 7px;border:1px solid #4D92BA;}
.aside .yhlc img{margin-left:-31px;}

#announcement-warp{padding-top:15px !important;padding-bottom:15px !important;}