body {margin:0; padding:0; text-align:center; font-size:12px; color:#353535; text-align:center }

ul,li,img,h1,h2,h3,h4,h5,form,p,span,div{ padding:0; margin:0; border:0}
ul{ list-style:none;}
img{ border:none}

a:link,a:visited {font-size:12px;color:#898989;text-decoration:none;}
a:hover,a:active {font-size:12px;color:#6CBFFF;text-decoration:underline;}

.clear{clear:both; height:0px; line-height:0px; font-size:0px; display:block;}
.fl{ float:left}
.fr{ float:right}
.space{ height:10px; font-size:0px; clear:both; overflow:hidden }
.hr{border-top:#999999 1px dashed}

.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.mt5{ margin-top:5px}
.mt8{ margin-top:8px}
.mt10{ margin-top:10px; overflow:hidden}
.mt15{ margin-top:15px}
.mt13{ margin-top:13px}
.padding10{ padding:10px}
.blank13{ height:13px; font-size:0; clear:both}

a.top1:link,a.top1:visited{ background:url(images/top1_1.gif);}
a.top1:hover,a.top1:active{ background:url(images/top1_2.gif);}
a.sel1{background:url(images/top1_2.gif);}

a.top2:link,a.top2:visited{ background:url(images/top2_1.gif);}
a.top2:hover,a.top2:active{ background:url(images/top2_2.gif);}
a.sel2{background:url(images/top2_2.gif);}

a.top3:link,a.top3:visited{ background:url(images/top3_1.gif);}
a.top3:hover,a.top3:active{ background:url(images/top3_2.gif);}
a.sel3{background:url(images/top3_2.gif);}

a.top4:link,a.top4:visited{ background:url(images/top4_1.gif);}
a.top4:hover,a.top4:active{ background:url(images/top4_2.gif);}
a.sel4{background:url(images/top4_2.gif);}

a.top5:link,a.top5:visited{ background:url(images/top5_1.gif);}
a.top5:hover,a.top5:active{ background:url(images/top5_2.gif);}
a.sel5{background:url(images/top5_2.gif);}

.main{ width:1003px; margin:0 auto; background:#EAEAEA}
.banner{ height:53px}
.banner a{ height:53px; width:150px; float:left }

.content{ padding:12px 16px 16px 16px}
.content .ad{ float:left; width:660px; height:284px}

.content .rbox{ float:left; margin-left:16px; width:292px; height:283px; background:#F8F8F8; border:#DCDCDC 1px solid }
.content .rbox .fimg{ margin:8px 12px 6px 12px}

.content .box1{ background:url(images/ysz_23.gif) top no-repeat; height:87px; padding:36px 14px 12px 14px}
.content .box1 img{ float:left; border:0}

.content .box2 .box2_l{ background:url(images/ysz_26.gif) no-repeat top; width:658px; float:left; border:#DCDCDC 1px solid; height:484px }
.content .box2 .box2_l .caselist{ background:#F8F8F8; overflow:hidden;}
.content .box2 .box2_l .caselist ul li{ width:218px; background:url(images/ysz_32.gif) no-repeat center; height:132px; float:left; text-align:center; padding-top:18px}
.content .box2 .box2_l .caselist ul li .title{ height:30px; line-height:30px; text-align:center; clear:both}
.content .box2 .box2_l .caselist ul li .title a{ color:#8E8E8E; text-decoration:none}


.content .box2_r{ background:url(images/ysz_28.gif) no-repeat top; width:293px; float:left; margin-left:16px; border:#DCDCDC 1px solid; }

.content .newslist { background:#F8F8F8; padding-bottom:3px}
.content .newslist ul li{ background:url(images/ysz_35.gif) no-repeat left; background-position:20px; padding-left:35px; height:25px; line-height:25px; text-align:left}


.content .more{ text-align:right; padding-right:15px; height:40px; line-height:40px; margin-bottom:75px}
.content .more2{ text-align:right; padding-right:15px; height:32px; line-height:32px; }

.content .box3 .producing{ width:311px; float:left; border:#DCDCDC 1px solid; background:url(images/ysz_39.gif) top no-repeat}
.content .box3 .design{ width:311px; float:left; border:#DCDCDC 1px solid; background:url(images/ysz_41.gif) top no-repeat; margin-left:16px}
.content .box3 .marketing{ width:311px; float:left; border:#DCDCDC 1px solid; background:url(images/ysz_43.gif) top no-repeat; margin-left:16px}

.content .friendlink{ height:110px; line-height:22px; border:#DCDCDC 1px solid; background:#F8F8F8;}

.bottomlink{ height:35px; line-height:35px; text-align:center; background:#B5B6B7}
.bottomlink ul{ width:800px; margin:0 auto; list-style:none}
.bottomlink ul li{ width:100px; float:left; color:#FFFFFF}
.bottomlink a:link,.bottomlink a:visited{ color:#FFFFFF}
.bottomlink a:hover,.bottomlink a:active{ color:#FFFFFF}

.bottominfo{ height:110px; line-height:20px; background:#DDDDDD}
.bottominfo .img{ float:left; width:173px}
.bottominfo .text{ float:left; padding-top:8px; text-align:left; width:760px; color:#818181; padding-left:20px; }

.whitebg{ background:#FFFFFF; padding-top:10px; padding-bottom:40px}

.whitebg .topbg{ height:33px; line-height:33px; color:#114FB7; font-family:simhei; font-size:16px; background:#F8F8F8; text-align:left; border-bottom:#EAEAEA 2px solid; margin-bottom:20px; padding-left:20px}

.whitebg .caseclassbg{ height:60px}
.whitebg .caseclassbg .more{ float:right; margin-right:20px}

.whitebg .info{ padding:30px; text-align:left; font-size:14px; line-height:30px}
.whitebg .w860{ width:860px; margin:auto}
.whitebg .textstyle{ font-size:14px; line-height:28px; text-align:left}
.whitebg .textstyle p{ text-indent:2em}

.content .news{ padding:20px 20px; background:#F8F8F8; width:620px; float:left}
.content .news .title{ line-height:28px; text-align:center; font-family:simhei; font-size:18px; border-bottom:#999999 1px dotted;}
.content .news .newsinfo{ height:30px; line-height:30px; text-align:center; color:#999999}
.content .news .newscontent{ line-height:30px; font-size:14px; text-align:left; margin-top:20px}
.content .news .newscontent p{ text-indent:2em}


.content2 .news{ padding:20px 20px; background:#F8F8F8; width:950px; margin:0 auto}
.content2 .news .title{ line-height:28px; text-align:center; font-family:simhei; font-size:18px; border-bottom:#999999 1px dotted;}
.content2 .news .newsinfo{ height:30px; line-height:30px; text-align:center; color:#999999}
.content2 .news .newscontent{ line-height:30px; font-size:14px; text-align:left; margin-top:20px}
.content2 .news .newscontent p{ text-indent:2em}

.content .news .rnews{ width:300px;}
.content .news .rnews ul li{ background:url(images/ico1.jpg) no-repeat left; background-position:10px; padding-left:26px; border-bottom:#999999 1px dotted; text-align:left; height:25px; line-height:25px}
.content .news .rnews ul li a{ font-size:14px}

.content2 .news .rnews{ width:380px;}
.content2 .news .rnews ul li{ background:url(images/ico1.jpg) no-repeat left; background-position:10px; padding-left:26px; border-bottom:#999999 1px dotted; text-align:left; height:25px; line-height:25px;}
.content2 .news .rnews ul li a{ font-size:14px}

.content .newsrbox{ float:left; margin-left:16px; width:292px;  background:#F8F8F8;}
.content .newsrbox .fimg{ margin:8px 12px 6px 12px}

.content .news_r{ background:url(images/ysz_29.gif) no-repeat top; width:292px; float:right; }

.whitebg .cases{ padding:20px 50px}
.whitebg .cases .title{ height:40px; line-height:40px; text-align:center; font-family:simhei; font-size:22px; border-bottom:#999999 1px dotted;}
.whitebg .cases .content{ text-align:center; }


.whitebg .morenews{ padding:20px 30px}
.whitebg .morenews ul li{  line-height:28px; background:url(images/ico1.jpg) no-repeat left; background-position:15px; padding-left:30px; text-align:left; font-size:14px; color:#666666}
.whitebg .morenews ul li a{ font-size:14px; margin-top:5px}
.whitebg .morenews ul li.text{ font-size:12px; padding-left:30px; padding-right:80px; background:none; line-height:23px; padding-bottom:10px; border-bottom:#CCCCCC 1px dashed; margin-bottom:10px}
.whitebg .morenews ul li.text a{ font-size:12px}

.whitebg .morecases{ padding:20px 20px}
.whitebg .morecases ul li{ width:310px; float:left; height:200px; text-align:center}
.whitebg .morecases ul li .title{ height:30px; line-height:30px}
.whitebg .morecases ul li img{ border:#CCCCCC 1px solid; padding:4px}
.whitebg .morecases ul li .title a{ font-size:14px}

.whitebg .toppic{ text-align:left}

.pagelink{ text-align:center; font-size:12px; margin-top:30px}
.pagelink a{ font-size:12px}

.whitebg .wlyx{ text-align:left; font-size:14px; line-height:28px; width:800px; margin:0 auto}
.whitebg .wlyx p{ text-indent:2em}
.whitebg .wlyx ul{ list-style:none}
.whitebg .wlyx ul li{ padding-left:50px}