@charset "gb2312";
.wrap_sub { width:1200px; margin:-65px auto 0 auto; overflow:hidden; min-height:1000px; position:relative;}
.slide_zy { width:100%; height:300px; min-width:1200px; border-bottom:5px solid #caccce; background-position:center center; background-repeat:no-repeat;}
.address { width:1150px; height:65px; padding:0 50px; background:url(../images/add_bg.png) no-repeat;}
.address span { display:block; font-size:20px; line-height:50px; font-weight:bold; text-indent:5px; color:#6d0d87;}
.column_l { width:250px; min-height:900px; padding:50px 0 0 25px; background:url(../images/left_bg.png) right 30px no-repeat #fff;}
.column_m { width:820px; min-height:900px; margin-right:25px; padding:50px 40px 0 0;}
.list_nav { display:block;}
.list_nav li { display:block; width:230px; height:40px; overflow:hidden;}
.list_nav li a { display:block; width:230px; height:40px; background:url(../images/list_nav.png) no-repeat; line-height:40px; text-indent:10px; color:#000;}
.list_nav li a span { font-size:16px;}
.list_nav li a i { display:inline-block; text-indent:5px; font-size:12px; color:#888;}
.list_nav li a:hover, .list_nav li a.hover { background:url(../images/list_nav_h.png) no-repeat; color:#fff;}
.sub_box { width:230px; padding-right:20px; margin-top:30px;}
.sub_box .box_tit { height:30px; line-height:30px; background:url(../images/sub_ww.png) no-repeat;}
.sub_box .box_tit span { display:block; width:90px; height:30px; text-align:center; color:#6d0d87; font-size:16px;}
.sub_box.cu .box_tit { background:url(../images/sub_cu.png) no-repeat;}
.sub_box .box_con { padding-top:10px;}
.sub_box.cu .box_con { padding:10px;}
.sub_box.cu .box_con h2 { font-size:16px; line-height:30px; font-weight:normal; text-align:center;}
.sub_box.cu .box_con a.more { display:block; color:#7ab53f; text-align:right;}
.sub_box.cu .box_con span { line-height:22px;}
.sub_box.cu .box_con span p { display:inline-block;}
#zSlider { margin:0px auto; width:240px; height:245px; overflow:hidden;}
#picshow { float:left; width:230px; height:180px; overflow:hidden;}
#picshow_img { width:230px; height:146px; overflow:hidden;}
#picshow_img { display:block; float:left;}
#picshow_img li { width:230px; height:146px; overflow:hidden; float:left; display:none;}
#picshow_img li a{ display:block; width:220px; height:136px; padding:4px; border:1px solid #d2dbe0; background:#eceff2; overflow:hidden;}
#picshow_img a img { display:block; width:220px;}
#picshow_tx { width:230px; height:29px; margin-top:1px; overflow:hidden; float:left;}
#picshow_tx li { height:29px; color:#fff; background:#383838; display:none;}
#picshow_tx li a { color:#fff;}
#picshow_tx li a:hover { font-weight:bold;}
#picshow_tx li h3 { height:29px; line-height:29px; font-size:14px; font-weight:normal; text-align:center; text-indent:5px;}
#picshow_tx li h5 { height:20px; line-height:20px; font-size:10px; font-weight:normal; text-align:center; text-indent:5px;}
#select_btn { display:block; width:230px; height:55px; color:#111; overflow:hidden; float:left;}
#select_btn li { display:block; float:left; width:68px; height:44px; padding:4px 1px 1px 1px; margin:0 3px; cursor:pointer; background:url(../images/sub_slide.png) no-repeat #fff;}
#select_btn li:hover { background:url(../images/sub_slide_h.png) no-repeat #fff;}
#select_btn li.current { background:url(../images/sub_slide_h.png) no-repeat #fff;}
#select_btn li.current img { width:64px; height:40px; border:2px solid #6d0d87;}
#select_btn a { display:block; width:64px; height:40px; border:2px solid #fff; overflow:hidden;}
#select_btn a img { display:block; width:64px;}
.column_m .content { width:820px; font-size:16px; line-height:2; text-align:justify; overflow:hidden;}
.column_m .content img { display:block; max-width:820px;}
.column_m .content table { max-width:820px;}
.list_news_sub { display:block;}
.list_news_sub li { display:block; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #eee;}
.list_news_sub li .list_top { height:85px;}
.list_news_sub li .date { float:left; width:70px; height:82px; margin-right:25px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; text-align:center; background:#6d0d87; -webkit-box-shadow:0 3px 0 #ccc; -moz-box-shadow:0 3px 0 #ccc; box-shadow:0 3px 0 #ccc;}
.list_news_sub li .date span { display:block; width:70px; height:52px; line-height:52px; font-size:36px; text-align:center;}
.list_news_sub li .date em { display:block; width:70px; height:30px; line-height:30px; font-size:14px;}
.list_news_sub li .title { float:left; width:725px; height:85px;}
.list_news_sub li .title a { display:block; font-size:23px; line-height:2; margin-bottom:0px;}
.list_news_sub li .title span { font-size:14px;}
.list_news_sub li .title span b { padding-left:26px; margin-left:25px; background:url(../images/newsView.png) center center no-repeat;}
.list_news_sub li .list_bottom { padding-left:95px;}
.list_news_sub li .desc { height:; font-size:14px; line-height:24px; color:#666; text-indent:2em;}
.list_news_sub li .readmore { height:24px; line-height:24px; font-size:14px;}
.list_news_sub li .readmore a { padding-right:20px; color:#6d0d87; background:url(../images/readmore.png) right center no-repeat;}
.pagelink { display:block; height:30px; line-height:30px; text-align:center; clear:both; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; overflow:visible; position:relative;}
.pagelink a, .pagelink span, .pagelink select { display:inline-table; height:28px; padding:0 10px; line-height:28px; text-align:center; margin:0 3px; border-radius:3px; background:#f3f3f3; border:1px solid #bfbfbf; overflow:hidden; color:#717171 }
.pagelink span.on, .pagelink a:hover { background:#303339; color:#f2f2f2;}
.column_m .content .title { margin-bottom:30px;}
.column_m .content .title h1 { font-size:24px; line-height:60px; font-weight:normal; color:#6d0d87; font-weight:600;}
.column_m .content .title span { font-size:14px; line-height:30px; color:#666;}
.column_m .content .title span b { padding-left:26px; margin-left:25px; background:url(../images/newsView.png) center center no-repeat;}
.column_m .content .info { font-size:16px; line-height:25px;}
.column_m .content .info p{ padding:5px 0;}
.column_m .content .info img { display:block; margin:0 auto; max-width:800px;}
.column_m .content .imac{ width:650px; height:365px; padding:53px 25px 172px 25px; margin:0 auto 20px auto; background:url(../images/imac.png) no-repeat; position:relative;}
.column_m .content .imac .web_name{ width:235px; height:13px; line-height:13px; text-align:center; top:34px; left:234px; position:absolute;}
.column_m .content .imac .web_name a{ display:inline-block; vertical-align:sub; font-size:10px; -webkit-transform:scale(0.8)}
.column_m .content .imac .web_case{ width:650px; height:340px; overflow-x:hidden;}
.column_m .content .imac .web_case img{ display:block; width:650px;}
.column_m .content .imac .case_pic{width:100%;position:relative;list-style:none;padding:0}
.column_m .content .imac .case_pic_nav{ width:20px; height:55px; position:absolute; top:180px; left:50px; text-indent:-9999px; background:url(../images/case_lr.png) no-repeat 0 0px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition:opacity 1s ease-out; -webkit-transition:-webkit-opacity 1s ease-out; -moz-transition:-moz-opacity 1s ease-out; -o-opacity:-o-transform 1s ease-out; -ms-transition:-ms-opacity 1s ease-out;}
.column_m .content .imac:hover .case_pic_nav{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transition:opacity 1s ease-out; -webkit-transition:-webkit-opacity 1s ease-out; -moz-transition:-moz-opacity 1s ease-out; -o-opacity:-o-transform 1s ease-out; -ms-transition:-ms-opacity 1s ease-out;}
.column_m .content .imac .case_pic_nav.next{left:auto;background-position:-20px 0; right:50px;}
.column_m .content .mation{ width:820px;}
.column_m .content .mation ul{ display:block; float:left;}
.column_m .content .mation ul li{ display:block; height:30px; line-height:30px; font-size:16px;}
.column_m .content .mation ul li h1, .column_m .content .mation ul li h4{ display:inline; font-size:16px; font-weight:normal; color:#000;}
.column_m .content .mation ul li h4{ color:#999;}
.column_m .content .mation .jump{ float:right; width:300px; height:30px; line-height:30px; background:url(../images/jump.png) no-repeat;}
.column_m .content .mation .jump a{ display:block; float:left; height:30px; text-align:center; font-weight:bold;}
.column_m .content .mation .jump a.qq{ width:195px; color:#666;}
.column_m .content .mation .jump a.adr{ width:105px; color:#fff;}
.column_m .content .kwd{ font-size:14px; line-height:25px;}
.column_m .content .p_n, .column_m .content .p_n a{ font-size:12px; color:#666; line-height:20px;}
.column_m .content .p_n a:hover{ color:#6d0d87;}
.rel_box{ width:820px; height:260px;}
.rel_box .box_tit{ height:40px; line-height:40px; text-align:left; font-size:16px;}
.rel_box .box_con{ width:820px; height:210px; padding:10px 0 0 0; overflow:hidden;}
.rel_box .box_con ul{ display:block; height:210px;}
.rel_box .box_con ul li{ display:block; float:left; width:195px; height:210px; padding:0 5px;}
.rel_box .box_con ul li a{ display:block; width:195px; height:210px;}
.rel_box .box_con ul li a .pic{ width:195px; height:160px; overflow:hidden;}
.rel_box .box_con ul li a img{ width:195px;}
.rel_box .box_con ul li a span{ display:block; width:195px; height:28px; line-height:28px; font-size:14px;}
.rel_box .box_con ul li a i{ display:block; width:195px; height:20px; line-height:20px; font-size:12px; border-bottom:2px solid #ccc;}

#container { position:relative; width:820px; display:block; overflow:visible;}
.grid { width:260px; min-height:520px; padding:5px; background:#fafafa; font-size:12px; float:left;  -webkit-transition:top 1s ease, left 1s ease; -moz-transition:top 1s ease, left 1s ease; -o-transition:top 1s ease, left 1s ease; -ms-transition:top 1s ease, left 1s ease;}
.grid strong { border-bottom:1px solid #ccc; margin:10px 0; display:block; padding:0 0 5px; font-size:15px; text-align:center;}
.grid p{ text-indent:2em; line-height:1.2;}
.grid .meta { text-align:right; color:#777; font-style:italic;}
.grid .imgholder img { width:100%; background:#ccc; display:block;}
.grid .imgholder a{ display:block; height:400px; overflow:hidden;}