@charset "utf-8";
/* CSS Document */
* { behavior: url(iepngfix.htc) }
body { background:#000000; margin:0px; padding:0px; font:12px Arial, Helvetica, sans-serif, "微软雅黑" }
div, ul, li, ol, dl, dt, dd, p, span, em, h1, h2, h3, h4, h5, h6, img { margin:0px; padding:0px; list-style-type:none; }
img { border:0px; margin: 0px; padding: 0px; }
.clear { clear:both }
.eng { font-family:Arial, Helvetica, sans-serif}
a:link, a:visited { color:#7b7b7b; text-decoration:none; background:none }
a:hover { color:#f2003a; background:none }
a.top:link, a.top:visited { color:#000000; text-decoration:none }
a.top:hover { color:#f2003a; }
a.nav:link, a.nav:visited { color:#403f3f; text-decoration:none; }
a.nav:hover { color:#f2003a; }
a.flink:link, a.flink:visited { color:#FFFFFF; text-decoration:none }
a.flink:hover { color:#f2003a; }
a.link2:link, a.link2:visited { color:#8b8b8b; text-decoration:none }
a.link2:hover { color:#ffffff; }

.selCity { background: url(../images/t_bg.jpg) repeat-x; height: 322px; width: 100%; display: none; overflow: hidden; }
.selCity .none { POSITION: absolute; display: block; top: 28px; right: 0px; }
.selCity .none A { DISPLAY: block; WIDTH:18px; background:url(../images/close.jpg) no-repeat; TEXT-INDENT: -3000px; HEIGHT:18px; TEXT-DECORATION: none }
.selCity .none A:hover { DISPLAY: block; WIDTH: 18px; background:url(../images/close_r.jpg) no-repeat; TEXT-INDENT: -3000px; HEIGHT:18px; TEXT-DECORATION: none }
.Hide_area { width: 995px; margin: 0px auto; padding: 35px 0px; }
.hide_name { width: 100%; padding-bottom: 5px; border-bottom: #e2e2e2 1px solid; background: url(../images/t_title.jpg) no-repeat; height: 46px; position: relative; display: block; }
.hide_left { float: left; width: 326px; line-height: 18px; color: #666666; padding-top: 24px; display: block; }
.hide_rigt { float: right; display: block; color: #707070; }
.hide_online { float: left; display: block; margin-left: 40px; font: 11px/18px Arial, Helvetica, sans-serif; width: 182px; }
.hide_online dt { padding: 26px 0px; height: 54px; display: block; }
.hide_online img { float: left; height: 40px; width: 42px; display: block; margin-right: 10px; margin-bottom: 14px; }
.hide_online b { font-size: 12px; }
.hide_online span { display: block; }

#wrapper { width:100%; margin:0px auto; padding:0px; }
.head { width:100%; margin:0px; padding:0px; background: #ffffff; z-index: 1000; }
.hd_main { width: 100%; margin: 0px auto; height: 114px; background: #ffffff; }
.hd_top { height: 10px; width: 995px; font: 11px/10px Arial, Helvetica, sans-serif; text-align: right; padding: 11px 0px 55px 0px; margin: 0px auto; }
.hd_top img { margin-left: 20px; margin-right: 5px; }
.hd_menu { width: 995px; height: 23px; margin: 0px auto; }
.hd_logo {float: left;display: block;padding-top: 4px;}
.hd_nav { float: right; height: 14px; padding-top: 9px; display: block; text-align: right; font: bold 15px/14px Arial, Helvetica, sans-serif; }
.hd_nav em { font: normal 12px arial; color: #424242; margin-left: 5px; }
.hd_xie { color: #d6d6d6; padding: 0px 16px; font: normal 14px Arial, Helvetica, sans-serif; height: 14px; line-height: 18px; overflow: hidden; }

#mainbanner { MARGIN:0px auto; WIDTH: 995px; HEIGHT: 495px; overflow:hidden }
.page { width: 100%; margin: 0px; position: relative; padding: 0px; }

.ind_news {background: url(../images/n_03.jpg) no-repeat;width: 995px;padding: 35px 0px 0px 0px;margin: 5px auto 0px auto;}
.news { WIDTH: 100%; ColOR: #707070; HEIGHT: 54px; overflow: hidden; }
.news ul { WIDTH: 100%; }
.news ul li { margin:0px; padding:3px 0px; height:54px; overflow:hidden; }
.news { WIDTH: 100%; ColOR: #707070; HEIGHT: 54px; overflow: hidden; }
.news ul li dt { MARGIN: 0px 27px 0px 0px; text-align:left; padding: 0px; float: left; height: 54px; width: 290px; display: block; font: 13px/18px "微软雅黑"; }
.news ul li dt img { width:78px; height:54px; display:block; float:left; margin-right: 10px; }
.news ul li .active { DISPLAY: block }
.news span { font: 11px Arial, Helvetica, sans-serif; display: block; padding-top: 3px; color: #707070; }
.news ol { FLOAT: right; MARGIN:-50px 0px 0px 0px; padding: 0px; height:autopx; }
.news ol li {BACKGROUND:url(../images/switcher.gif) no-repeat 0px -8px;BACKGROUND:url(../images/switcher.gif) no-repeat 0px -10px \9;*BACKGROUND:url(../images/switcher.gif) no-repeat 0px -10px;_BACKGROUND:url(../images/switcher.gif) no-repeat 0px -10px;DISPLAY: block; MARGIN: 0px 0px 0px 3px; width:10px; height:10px; overflow:hidden;}
.news ol li A {BACKGROUND:url(../images/switcher.gif) 0px -10px;}
.news ol li A:hover {BACKGROUND: url(../images/switcher.gif) 0px 0px }
.news ol li A.active {BACKGROUND: url(../images/switcher.gif) 0px 0px }
.news ol li A.active:hover {BACKGROUND: url(../images/switcher.gif) 0px 0px }

.pgmain { width: 995px; margin: 0px auto; padding: 50px 0px 30px 0px; }
.about { background:url(../images/about.jpg) no-repeat center top;}
.pg_left { float: left; width: 254px; display: block; }
.pg_right { float: right; width: 690px; display: block; overflow: hidden; }

.pgr_nav { width: 100%;}
#explore-nav { overflow: hidden; margin:0px; width: 100%; display: block; }
#explore-nav li { width:autopx; float: left; margin:0px 0px 0px 1px; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { width:98px; height:38px; color:#464646; font-size:24px; text-decoration:none; padding:63px 63px 0px 10px; text-align:left; display:block; background:url(../images/a_h.jpg) repeat-x; font-family:"微软雅黑"; }
#explore-nav li a:hover { background:url(../images/a_r.jpg) repeat-x; color:#FFFFFF }
#jquerytuts, #core, #classics { display: none; }
#explore-nav li a.current { background:url(../images/a_r.jpg) repeat-x; color:#FFFFFF; font-family:"微软雅黑";  }
.about_main { font: 12px/24px arial; color: #969696; padding-top: 45px; }
.ab_company p { padding-bottom: 15px; }
.ab_eng { font-size: 11px; line-height: 18px; }
.ab_news { width: 100%; border-bottom: #282425 1px dotted; height: 89px; padding: 22px 0px; font: 12px/18px arial; display: block; }
.ab_npic {float: left;display: block;margin-right: 20px;width: 129px;height: 89px;}
.abn_name { font: 15px/16px "微软雅黑"; height: 16px; padding-left: 0px; margin-bottom: 10px; overflow: hidden; }
.abn_date { font: 10px Arial, Helvetica, sans-serif; color: #6e6e6e; margin-top: -16px; float: right; }
#ab_newsmain { width: 100%; display:block }
.ab_news dt a { color:#8e8e8e; text-decoration: none; }
.ab_news dt a:hover { color:#f2003a; background:none }
.ab_news dt a.current { color:#f2003a; background:none }
.ab_newsfloat { width:100%; display:none; }
.ab_newsx_fy { margin-top: -45px; z-index: 10; border-bottom: #242424 1px solid; position: relative; width: 690px; }
.ab_newsx_nr { padding-top: 15px; line-height: 20px; width: 680px;font-size:12px;}
.abnx_title { font: 20px "微软雅黑"; color: #FFFFFF; }
.abnx_date { font: 11px Arial, Helvetica, sans-serif; padding-top: 20px; }
.lastb { border: 0; }
.abnx_pic { width: 680px; padding: 0px; height: 337px; background: #000000; margin: 25px 0px; }
.abnx_pic ul { width:154px; float: right; list-style: none; }
.abnx_pic ul li { width:154px; height:111px; background:url(../images/ab_nx.gif) no-repeat; }
.abnx_pic ul li a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7; border: #000000 2px solid; width: 150px; height: 107px; }
.abnx_pic ul li a:hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.0; border: #c3002f 2px solid; }
.abnx_pic #images { width:520px; height:333px; overflow:hidden; float:left; margin: 2px; background: #5a5a5a; }
.ab_tuan { float: left; width: 337px; display: block; }
.abt_nr { line-height: 18px; }
.ab_join { padding: 30px 4px 25px 4px; border-bottom: #242424 1px solid; width: 682px; overflow: hidden; }
.ab_joinbottom { padding: 30px 4px 25px 4px; border-bottom: #242424 0px solid; width: 682px; overflow: hidden; }
.abj_pic { float: left; width: 84px; display: block; }
.abj_nr { float: right; display: block; line-height: 18px; color: #969696; width: 576px; }
.abj_nr b { font-size: 14px; display: block; padding-bottom: 6px; }

#case { margin: -10px auto 0px -14px; overflow: hidden; width: 1016px; position: relative; }
.case_float { position: absolute; padding: 0px 16px 22px 0px; background: #000000; left: 15px; }
.case_main { }
.case_pic {display: block; width: 220px; height: 130px; overflow: hidden;_position:relative}
.case_pic a span {cursor:pointer;height:130px; width:220px;position:relative;_position:absolute;display: block; margin-top:-135px; *margin-top:-130px;_margin-top:0px;_left:0px;}
.case_pic a:hover span  {background:url(../images/pic_k.png) no-repeat;*background:url(../images/pic_k.png) no-repeat;_background:#000000;_filter: Alpha(Opacity=50);}
.case_name { font: 20px/40px "微软雅黑"; color: #e2e2e2; padding: 0px; height: 40px; }
.case_txt { margin-bottom: 12px; }
.case_link { line-height: 12px; height: 12px; width: 100%; }
.case_title { font: 30px/50px "微软雅黑"; color: #FFFFFF; height: 50px; width: 100%; margin-top: -30px; }
.case_jianjie { color: #dcdcdc; width: 100%; font: 12px/18px "微软雅黑" }
.case_jian { float: left; width: 570px; display: block; }
.case_jian dt { margin: 5px 0px 10px 0px; }
.case_change { float: right; display: block; width: 195px; background: url(../images/change.png) no-repeat center top; }
.case_change a.c_prev {width:70px; height:70px; background:url(../images/prev_h.png) no-repeat; display:block; float:left}
.case_change a.c_prev:hover { background:url(../images/prev_r.png) no-repeat}
.case_change a.c_next {width:70px; height:70px; background:url(../images/next_h.png) no-repeat; display:block; float:right}
.case_change a.c_next:hover { background:url(../images/next_r.png) no-repeat}
.case_change span { display: none; }
.casex_main { width: 100%; padding-top: 10px; color: #CCCCCC;}

#filter { padding-left: 265px; display: block; width: 735px; padding-bottom: 80px; }
#filter li { float: left; display: block;}
#filter li a span {display:block; visibility:hidden;width:13px; height:13px;overflow: hidden; position: relative;margin-top:-36px;*margin-top:-33px;_margin-top:-33px; margin-left:54px; cursor:pointer; text-indent:-9999em;}
#filter li a:hover span {visibility:visible;background:url(../images/case_red.gif) no-repeat;}
#filter li.current span {background:url(../images/case_red.gif) no-repeat; visibility:visible;}
#filter a { color:#707070; text-decoration: none;}
#filter li.current a, ul#filter a:hover {text-decoration:none; }
#filter li.current a { color: #707070;}
#portfolio { width: 1016px; margin: 0px; padding: 0px; line-height: 18px; color: #7b7b7b; background: url(../images/case_bg.gif) repeat-y; display: block; }
#portfolio li { margin: 0px; padding: 0px 17px; width: 220px; height: 318px; overflow: hidden; float: left; display: block; }

.service { width: 100%; }
.serv_list { border-bottom: #242424 1px solid; padding: 0px; }
.serv_nb { float: left; width: 205px; display: block; font: 12px/22px arial; color: #969696; margin-right: 37px; padding: 10px 0px 30px 0px; overflow: hidden; }
.serv_nr { width: 100%; border-bottom: #242424 1px solid; padding: 25px 0px 20px 0px; }
.serv_nr dt { float: left; display: block; }
.serv_nrbot { width: 100%; border-bottom: #242424 0px solid; padding: 25px 0px 20px 0px; }
.serv_nrbot dt { float: left; display: block; }
.serv_txt { width: 462px; margin-left: 20px; font: 12px/24px arial; color: #969696; }

.cont_nr { float: left; width: 420px; display: block; overflow: hidden; }
.cont_add { border-bottom: #242424 1px solid; font: 12px/24px arial; color: #969696; padding-bottom: 20px; }
.cont_qq { padding-top: 20px; width: 100%; font: 12px/22px arial; color: #969696; }
.cont_qlist { width: 100%; }
.cont_qlist a { color:#969696; text-decoration:none}
.cont_qlist a:hover { color:#f2003a}
.cont_qq dt { font:11px/12px Arial, Helvetica, sans-serif;float:left;display:block; width:185px; height:54px; margin:25px 25px 0px 0px;*margin: 20px 25px 0px 0px;_margin: 20px 25px 0px 0px; }
.cont_qq img { float: left; height: 40px; width: 42px; display: block; padding-bottom: 14px; margin-right: 10px; }
.cont_qq b { font-size: 12px; color: #d3d3d3; }
.cont_qq span { display: block; padding: 5px 0px; }
.last { margin-right: 0px; }
.cont_submit { background: url(../images/ct_bg.png) no-repeat; padding: 18px; height: 321px; width: 219px; float: right; display: block; }
.cont_submit dt { margin-top: 10px; }
.cont_submit input { font: 14px/30px arial; color: #666666; background: url(../images/ct_12.gif) no-repeat; padding: 0px 10px; height: 30px; width: 199px; display: block; border: 0; }
.cont_submit textarea { font: 14px/18px arial; color: #666666; background: url(../images/ct_14.gif) no-repeat; padding: 10px; height: 56px; width: 199px; overflow: hidden; border: 0px; }

.fanye { padding:0px; margin:20px 0px 0px; text-align:center; font: 12px Arial, Helvetica, sans-serif; z-index: 9; height:36px; line-height:36px; border: 0; }
.fanye A { padding:2px 5px; margin:2px 5px; color:#707070; text-decoration:none }
.fanye A:hover { color:#f2003a; font-weight:bold; }
.fanye A:active { color:#f2003a; font-weight:bold; }
.fanye SPAN.current { padding:2px 5px; FONT-WEIGHT: bold; MARGIN: 2px; color:#f2003a }
.prev { height:26px; display: block; float:left; font: 12px "微软雅黑"; _background: url(../images/fy_prev.gif) no-repeat 5px 2px; width: 100px; }
.prev a { background:url(../images/fy_prev.gif) no-repeat; text-decoration:none; height:26px; line-height:26px; display:block; padding-left:40px; width: 50px; text-align: left; }
.prev a:hover { background:url(../images/fy_rprev.gif) no-repeat; }
.next { height:26px; display: block; float: right; *margin-top: -39px;
_margin-top: -36px; font: 12px "微软雅黑"; _background: url(../images/fy_next.gif) no-repeat 74px 2px; width: 100px; }
.next a { background:url(../images/fy_next.gif) no-repeat right top; text-decoration:none; padding-right:40px; height:26px; display:block; float: right; line-height:26px; width: 50px; text-align: right; }
.next a:hover { background:url(../images/fy_rnext.gif) no-repeat right top; }

.foot { width: 995px; margin: 18px auto 0px auto; border-top: #242424 1px solid; padding: 10px 0px 18px 0px; font: 11px/16px Arial, Helvetica, sans-serif; color: #7e7e7e; }
.ft_link { font-size: 10px; color: #696969; }
.ft_link span { padding: 0px 7px; font: 8px Arial, Helvetica, sans-serif}
.ft_logo { float: right; position: relative; top: -42px; }