@charset "utf-8";


.wrapper { width:984px; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left: -1px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right: -1px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:980px; height: 314px; padding-top:10px; padding-left:1px; }
#slideshow ul { display: none; }



#nav li{ width:125px; height:31px; float:left; background:url(../images/nav_border.png) no-repeat top right;}
#nav .last{ width:122px; background: none;}
#nav li a{ width:105px; height:30px; display:block; text-indent:-999em; background:url(../images/nav_a_bg.png) no-repeat 28px 7px; margin-left:9px;}
#nav li .aboutus{ background-position:-98px 7px;}
#nav li .case{ background-position:-223px 7px;}
#nav li .service{ background-position:-348px 7px;}
#nav li .seo{ background-position:-472px 7px;}
#nav li .contact{ background-position: -598px 7px;}
#nav li a:hover{ background:url(../images/nav_a_hover.png) no-repeat;}
#nav li .aboutus:hover{ background-position:-126px 0;}
#nav li .case:hover{ background-position:-251px 0;}
#nav li .service:hover{ background-position:-376px 0;}
#nav li .seo:hover{ background-position:-500px 0;}
#nav li .contact:hover{ background-position: -626px 0;}
.content{ width:100%; background:url(../images/content_bg.png) top center no-repeat;}
#flash{ width:984px; height:314px; padding:10px; background:white; margin:0 auto;}
.content .flash_shadow{ height:51px;}
.content .main_bg{ width:100%;background:url(../images/main_bg.gif) repeat-x; padding:22px 0 30px 0;}
.content .main{ width:1004px; height:292px;margin:0 auto;}
.main ul{ width:1070px; overflow:hidden;}
.main li{ width:467px; height:128px; border:1px solid #d7d7d7; border-radius:8px; background:white; box-shadow: 2px 2px 3px #dfdfdf; float:left; margin:0 62px 10px 0;}
.main li .img{ display:block; width:154px; height:128px; float:left; background:url(../images/icon.png) no-repeat 24px 10px;}
.main .design .img{ background-position:-143px 10px;}
.main .ue .img{ background-position:-292px 10px;}
.main .emark .img{ background-position:-424px 14px;}
.main li .text{ width:313px; height:154px; float:left;}
.main li .text h2{ width:313px; height:24px; margin:15px 0 14px 0; text-indent:-999em; line-height:24px; background:url(../images/h2_bg.png) no-repeat;}
.main .design .text h2{background-position:0 -26px; }
.main .ue .text h2{background-position:0 -54px; }
.main .emark .text h2{background-position:0 -80px; }
.main li dl{ width:210px; height:64px; background:url(../images/text_dl_bg.gif) no-repeat; float:left;}
.main li dd{ line-height:12px; text-indent:14px; margin-bottom:11px;}
.main li dd a{ color:black;}
.main li .text .detail{ display:block; width:84px; height:24px; background:url(../images/detail_bg.gif) no-repeat;float:left; margin-top:40px; text-indent:-999em;}
.content .case_show{ height:240px; background:url(../images/case_show_bg.gif) repeat-x;}

/*js切换*/
.f12 {	FONT-SIZE: 12px}
.F14lists {	LINE-HEIGHT: 23px}
.F14lists UL {	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.F14lists LI {	PADDING-LEFT: 2px; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom}
.F14lists LI SPAN {	FONT-SIZE: 9px; COLOR: #533826}
.FixTitle A:link {	COLOR: #0736aa; TEXT-DECORATION: none}
.FixTitle A:hover {	TEXT-DECORATION: underline}
.FixTitle {OVERFLOW: hidden;LINE-HEIGHT: 24px;HEIGHT:59px}
.FixTitle H3 { text-indent:-999em; background: url(../images/case_bg.gif) no-repeat left center; height:59px; width:500px; float:left;}
.FixTitle SPAN {FLOAT: right; line-height:59px; margin-right:4px;}
.FixTitle SPAN A{ color:black;}
.RForm {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.RForm DT {	LINE-HEIGHT: 23px}
.RformB {	PADDING-LEFT: 10px}
.blk_29 { width:1004px; height:160px;PADDING-RIGHT: 0px;PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton { width:51px; height:51px; background:url(../images/arrow_bg.gif) no-repeat; LEFT:0px; FLOAT: left; CURSOR: pointer; POSITION: absolute; TOP:42px;}
.blk_29 .RightBotton { width:51px; height:51px;RIGHT:0px; background:url(../images/arrow_bg.gif) 0 -51px;FLOAT: right; CURSOR: pointer; POSITION: absolute; TOP: 42px;}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP: 5px}
.blk_29 .box {	FLOAT: left; WIDTH:221px; height:167px;TEXT-ALIGN: center}
.blk_29 .box IMG {	BORDER-RIGHT: #add2fc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #add2fc 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #add2fc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #add2fc 1px solid}
.blk_29 .box A:hover IMG {	BORDER-RIGHT: #5385cc 1px solid; BORDER-TOP: #5385cc 1px solid; BORDER-LEFT: #5385cc 1px solid; BORDER-BOTTOM: #5385cc 1px solid}
.blk_29 .box P {	MARGIN: 6px auto 0px; WIDTH: 97px; LINE-HEIGHT: 20px; font-weight:bold; font-size:13px;}
.blk_29 .box p a{ color:#505050;}
.rollphotos {WIDTH:1004px; height:240px; margin:0px auto;}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 950px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}

.content .news{ width:1004px; height:232px; margin:0 auto; background:url(../images/dash.gif) repeat-x 0 40px; padding-top:20px;}
.content .news ul{ width:420px; height:232px; float:left; margin-right:114px;}
.content .news h4{ width:420px; height:30px; text-indent:-999em; background:url(../images/h4_bg.gif) no-repeat;}
.content .news h4 .more{ width:50px; height:19px; display:block; float:right; background:url(../images/more.gif) no-repeat;}
.content .news li{ width:420px; height:30px; line-height:30px; text-indent:20px; background:url(../images/li_bg.gif) no-repeat 10px center;}
.content .news li span{ float:right;}
.content .news li a{ color:#292929;}
.content .news .last{ margin-right:0;}
.content .last h4{ background-position:0 -31px;}
.content .f_link{ width:1004px; height:95px; margin:0 auto;}
.content .f_link dt{ width:34px; height:95px; float:left; margin-right:20px;}
.content .f_link dt a{ display:block; width:34px; height:95px; text-indent:-999em; background:url(../images/dt_bg.gif) no-repeat;}
.content .f_link dd{ width:156px; height:60px; border:1px solid #d1d1d1; float:left; margin-top:20px; box-shadow:1px 2px 3px #d1d1d1; margin-right:20px;}
.content .clear{ clear:both;}
.footer{ width:100%;  background:#0584d5 url(../images/footer_bg.gif) repeat-x; padding-top:5px;}
.footer .contactus{ width:1004px; height:250px; margin:0 auto;}
.footer .info{ background:url(../images/contactus_bg.gif) no-repeat; width:357px;height:232px; padding-top:18px; float:left; margin-right:130px;}
.contactus .info h4{ width:357px; height:30px; text-indent:-999em; margin-bottom:12px;}
.contactus strong{ display:block; width:357px; height:80px; text-indent:-999em; margin-bottom:12px;}
.contactus strong a{ display:block; width:78px; height:78px;}
.contactus .info li{ width:357px; height:24px; line-height:24px; color:#94c6ee;}
.contactus .message{ width:517px; height:250px; float:left;}
.contactus .message p{ text-indent:2em; line-height:20px; color:#94c6ee; margin-top:10px; margin-bottom:6px;}
.contactus .message form{ color:white; line-height:28px;}
.contactus .message li{ width:517px;margin-bottom:10px;}
.contactus .message input{ margin-right:26px; border:1px solid #003a6b; width:161px; height:26px; background:#00457d;}
.contactus .message textarea{border:1px solid #003a6b; background:#00457d;}
.contactus .message .submit5{ width:63px; height:28px; background:url(../images/btn_bg.gif) no-repeat; border:none; cursor:pointer; margin:-1px 0 0 64px;}
.footer .copyright{ width:1004px; margin:0 auto; color:#94c6ee; text-align:right;}

/*seo内页*/
.main_bg .flow{ width:1200px; height:131px; background:url(/img/flow_bg.png) no-repeat; margin:0 auto; margin-bottom:30px;}
.main_bg .flow span{ width:131px; height:67px; display:block; margin-right:44px; text-align:center; padding-top:64px; color:#5e5e5e; float:left;}
.main_bg .flow .f6{ margin-right:-10px;}
.main_bg .flow .f6:hover{background:url(../images/f6_bg.gif) no-repeat;color:white;}
.main_bg .flow .f2:hover{ background:url(../images/f2_bg.gif) no-repeat;color:white;}
.main_bg .flow .f3:hover{ background:url(../images/f3_bg.gif) no-repeat;color:white;}
.main_bg .flow .f4:hover{ background:url(../images/f4_bg.gif) no-repeat;color:white;}
.main_bg .flow .f5:hover{ background:url(../images/f5_bg.gif) no-repeat;color:white;}
.main_bg .flow .on{ color:white;}
.main_bg .article{ width:1200px; min-height:584px;margin:0 auto;}
.main_bg .article h1{ width:1004px; height:33px; background:url(../images/h1_bg.png) no-repeat; text-indent:-999em; margin-bottom:14px;}
.main_bg .article .h1_case{ background-position:0 -36px;}
.main_bg .article .h1_aboutus{ background-position:0 -78px;}
.main_bg .article .h1_contactus{ background-position:0 -121px;}
.main_bg .article .h1_net{ background-position:0 -162px;}
.main_bg .article .h1_news{ background-position:0 -203px;}
.main_bg .article .article_list{ width:202px; height:440px; background:#eaeaea; float:left; margin-right:20px;}
.article .article_list li{ width:202px; height:32px; border-bottom:1px dashed #d0d0d0; line-height:32px;}
.article .article_list h2{ line-height:31px;background:#00a3ff; width:182px; height:31px;font-size:16px; color:#fff; padding-left:20px; font-family:"宋体";}
.article .article_list li a{ display:block;font-family:"宋体"; width:182px; height:31px; font-size:13px; color:#3f3f3f; padding-left:20px; border-bottom:1px dashed #fff;}
.article .article_list li .this{background:url(../images/a_hover_bg.gif) repeat-y;}
.article .article_list li a:hover{background:url(../images/a_hover_bg.gif) repeat-y;}
.article .article_con{ width:780px; min-height:488px; border:1px solid #e1e1e1; float:left; background:white; border-radius:8px; box-shadow:1px 2px 2px #ddd;}
.article_con h3{ text-align:center; height:44px; line-height:44px; font-size:17px;}
.article_con p{ text-indent:2em; line-height:24px; padding:0 20px; letter-spacing:2px; color:#2a2a2a;}

/*案例赏析内页*/
.article dl{ width:1004px; height:24px;}
.article dl dt{background:url(../images/case_dt.gif) no-repeat; width:102px; height:24px; line-height:24px; color:#303030; text-indent:11px; float:left;}
.article dl dd{ line-height:24px; padding:0 11px 0 10px;float:left; background:url(../images/dd_border.gif) no-repeat right center;}
.article dl dd a{ color:#2f2f2f;}
.article dl .last{ background:none;}
.article .goods{ width:1004px; height:746px;}
.article .goods .goods_con{ margin-bottom:10px;}
.article .goods .goods_con li{ width:502px; height:178px; border-bottom:1px dashed #cdcdcd; float:left;}
.article .goods li .boxer{ width:390px; height:137px;float:left; margin:20px 0 20px 76px;}
.article .goods .img{ width:201px; height:127px; padding:4px; border:1px solid #d1d1d1; margin-right:10px; float:left;}
.article .goods .text{ width:160px; height:137px; float:left;}
.article .goods h2 a{ line-height:30px; color:#0092e5; font-family:"宋体"; font-size:13px;}
.article .goods span{ font-size:13px; color:#969696;}
.article .goods li p{ line-height:20px; margin-top:14px;}
.article .page{ width:1004px; height:30px; margin:0 auto;}
.article .page ul{ height:30px; position:relative; left:50%; margin:0 0 0 -150px;}
.article .page ul li{line-height:24px;border:1px solid #cfcfcf; background:#f1f1f1; margin-right:5px; text-align:center; float:left; padding:0 9px;}
.article .page ul li a{ color:#525252;}
.article .page ul li:hover{background:#0092e5; border-color:#0092e5; color:white;}
.article .page ul li:hover a{ color:white;}
.article .page ul .thisclass{ background:#0092e5; border-color:#0092e5; color:white;}
.article .title{ font-size:16px; font-weight:bold;color:#00a3ff; margin-bottom:20px;}
.article .title span{ font-size:12px; font-weight:normal; color:grey; padding-left:40px;}
.article .mod{ border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px;}
.article .mod p{ line-height:24px; text-indent:2em;}
.article .pic{ text-align:center;}
.article .descrip{ height:400px; background: url(../images/border2.gif) repeat-x 0 20px;}
.article .board{ width:320px; height:480px; float:left; margin-right:22px;}
.article .last{ margin:0;}
.article .board h4{ background:url(../images/h4_bg.gif) no-repeat; width:102px; height:31px; background:#535353; line-height:31px; text-align:center; color:white; font-size:14px; font-weight:normal; margin-bottom:10px;}
.article .board_pic{ width:318px; height:84px; border:1px solid #e7e7e7; box-shadow:1px 2px 2px #efefef; margin-bottom:6px; }
.article .board p{ line-height:24px; color:#292929; padding:0 10px; margin-right:20px;}
.article .map{ float:left; width:495px; height:392px; margin-right:20px;}
.article .contact_info{width:430px; height:392px; float:left;}
.article .contact_info h2{ line-height:24px; color:#00a3ff; font-size:24px; font-weight:normal;}
.article .contact_info span{ line-height:24px; color:#969696; font-size:14px; margin-bottom:20px; display:block;}
.article .contact_info ul{ height:166px; float:left; line-height:24px; margin-right:30px; margin-bottom:30px;}
.article .contact_info li{ height:24px;}
.article .contact_info .erweima{ width:140px; height:166px; float:left;}
.article .qq_info{ width:430px; clear:both;}
.article .qq_info a{ width:107px; height:25px; line-height:25px; text-indent:28px; display:block; background:url(../images/qq.gif) no-repeat; margin:10px 0; color:#383838; font-size:14px; float:left;}
.article .service_con{width:780px; height:480px; float:left;}
.article .service_con .boxer{ width:340px; height:234px; border:1px solid #e1e1e1; border-radius:5px; background:white; box-shadow:1px 2px 2px #e2e2e2; padding:0 8px; float:left; margin:0 20px 20px 0;}
.article .service_con .last{ margin-right:0;}
.service_con .boxer h2{ font-size:20px; line-height:46px;}
.service_con .boxer p{ font-size:13px; line-height:24px; color:#2a2a2a;}
.article_con .product{ width:190px; height:488px; border-right:1px dashed #c7c7c7; float:left;}
.article_con .product p{ text-indent:0; letter-spacing:0; padding:0 10px; line-height:19px;}
.article_con .product p span{ color:red}
.article_con .last{ border:0;}

.article .news_list li{ width:922px; height:100px; margin-bottom:20px;border:1px solid #e1e1e1; border-radius:6px; background:white; box-shadow:1px 2px 2px #e1e1e1; padding:10px 20px;}
.article .news_list h3{ font-size:16px; line-height:24px; color:#00a3ff; font-family:"宋体";}
.article .news_list h3 span{font-size:12px; color:#999a9a; font-weight:normal;}
.article .news_list p{ color:#2a2a2a; line-height:24px;}
.article .news_detail{ width:1002px; border:1px solid #e1e1e1; border-radius:6px; box-shadow:1px 2px 2px #eee; background:white; line-height:24px; padding:10px 20px }
.article .news_detail h2{font-size:16px; font-family:"宋体"; text-align:center; color:#00a3ff;}
.article .news_detail span{ text-align:center; display:block; color:#999;}
.article .news_detail p{ text-indent:2em;}