@charset "UTF-8";
/* 内页模板样式 */

h1{font-size:16px; border-bottom:#c2c2c2 1px solid; margin-bottom:10px; padding:0 0 5px 8px;}
h2{color:#333; font-size:16px;}

h4{font-size:14px; font-weight:bold;}

#con{width:100%; margin:5px auto;}
#con .left{
	float:left;
	width:650px;
	margin-left:10px;
}
#con .left .content{ border-bottom:1px solid #c2c2c2; padding:5px 10px 5px 10px;}
#con .left .content_noborder{
	border:0px;
	padding:5px 40px 5px 5px;
	text-align: right;
}
#con .left .info2{background: #fff;  list-style:none; margin:10px 30px 0 10px;border: 1px dashed #0066cc; }
#con .left .info2 .left1{float:left; list-style:none; margin:10px 0 0 10px; width:180px;}
#con .left .info2 .right1{float:right; list-style:none; margin:10px 10px 0 0;width:400px; }
#con .left a{ 
color:#000;
text-decoration:none; /*下划线效果：无下划线*/
border-bottom: 1px #999 dotted /*加一个只有下边的框 边框为虚线*/

}
#con .left a:hover{border-bottom:#CCCCCC 0px dashed;  color:#bc0000; }

#con ul.none li{ list-style:none; float:left; margin:0 5px 0 0; padding:0;}
#con ul.none{margin:0; padding:0;}
#con .left .site1 a,#con .left .site2 a,#con .left .site3 a,#con .left .site4 a,#con .left .site5 a,#con .left .site6 a,#con .left .site7 a,#con .left .site8 a,#con .left .site9 a{background: #666; display:block; color:#FFF; padding:6px;}
#con .left .site1 a:hover,#con .left .site2 a:hover,#con .left .site3 a:hover,#con .left .site4 a:hover,#con .left .site5 a:hover,#con .left .site6 a:hover,#con .left .site7 a:hover,#con .left .site8 a:hover{background: #bc0000;  color:#FFF ; padding:6px;}

body.about #con .left li.site1 a,body.good #con .left li.site2 a,body.honour #con .left li.site3 a,body.client #con .left li.site4 a,body.point #con .left li.site5 a,body.news #con .left li.site6 a,body.jobs #con .left li.site7 a,body.bolg #con .left li.site8 a{background: #bc0000;  color:#FFF ; padding:6px;}

body.service #con .left li.site1 a,body.e #con .left li.site2 a,body.marketing #con .left li.site3 a,body.webdesign #con .left li.site4 a,body.vi #con .left li.site5 a,body.flash #con .left li.site6 a,body.agent #con .left li.site7 a,body.fashion #con .left li.site8 a{background: #bc0000;  color:#FFF ; padding:6px;}



#con .right{ float:right; width:230px;}
#con .right ul{ margin:0 0 16px 0; padding:0;}
#con .right li{ list-style:none; margin:0; padding:0;}
#con .right li a{text-decoration:none; color:#666;}
#con .right li a:hover{color:#c96558;}
#con .right input{border:1px #b2b2b2 solid; background:#fff; color:#b2b2b2; height:18px; margin-left:6px;}
#con .right input.button{height:22px; color:#333;}

/*作品区特效*/
#slideshow {list-style:none; color:#333}
#slideshow span {display:none}
#wrapper {width:916px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:916px; height:312px; padding:2px; border:0px solid #ccc; background:#f8f8f8}
#information {position:absolute; bottom:0; width:916px; height:0; background:#f8f8f8; color:#333; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 0px}
#image {width:916px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:307px; cursor:pointer; z-index:150}
#imgprev {left:5px; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:5px; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:307px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:0px}
#slideleft {float:left; width:20px; height:0; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:0; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:0px; overflow:hidden}
#slider {position:absolute; left:0; height:0}
#slider img {cursor:pointer; border:0px solid #666; padding:2px}

/*作品样式*/
#body_work{ margin:0;}
#work{width:100%; margin:0 auto; }
#work .info{list-style:none; margin:26px 30px 0 30px; }
#work .info2{background: #f8f8f8;  list-style:none; margin:26px 30px 0 30px;border: 1px dashed #0066cc; }
#work .info2 .left1{float:left; list-style:none; margin:10px 0 0 10px; width:180px;}
#work .info2 .right1{float:right; list-style:none; margin:10px 10px 0 0;width:650px; }
#work .info .site{background: #bc0000;padding:6px; color:#fff;}
#work .info .site a{background: #bc0000;color:#FFF ;}
#work .info .site a:hover{background: #000000;  color:#FFF ; padding:6px;}

#work .info .site2{background: #f8f8f8;padding:6px;}
#work .info .site2 a{background: #666;color:#FFF}
#work .info .site2 a:hover{background: #666;  color:#FFF ; padding:6px;}
#work .info a {
color:#000;
text-decoration:none; /*下划线效果：无下划线*/
border-bottom: 1px #999 dotted /*加一个只有下边的框 边框为虚线*/
}
#work .info a:hover {
color:#c96558;text-decoration:none; /*下划线效果：无下划线*/

}

#work .info h1{color:#333; font-size:24px; border-bottom:#c2c2c2 1px solid;  padding:0px 0 15px 0px;}
#work .info h2{background: #f8f8f8; color:#999; font-size:11px;font-style: italic; font-weight:normal;border: 1px dashed #0066cc;  padding:10px;}
#work .info h3{font-size:12px;font-weight:normal;}
#work .info h4{
	color:#999;
	font-size:11px;
	font-weight:normal;
	padding:0px 0 5px 0px;
}
#work .info h4 a{background: #fff;  color:#999 ; padding:1px;}
#work .info h4 a:hover{color:#333 ;}

#work .left{float:left; width:680px; margin:10px 0 0 10px; }
#work .left .pev{margin:0 0 0 10px; padding:3px; font-family: Arial, sans-serif;font-size: 10px; text-align:right}
#work iframe{width:680px;}
#work .right{float:right; width:210px;}
#work .right a{
text-decoration:none; /*下划线效果：无下划线*/
}
#work .right .list{ background:#f8f8f8; width:200px;}
#work .right .list ul{margin:0; padding:0}
#work .right .list li{list-style:none; margin:0; padding:3px; border-bottom:1px #d6d6d6 solid;}


/*新闻观点样式*/
#body_news{ margin:0;}
#news{width:100%; margin:0 auto; }
#news .info{
	list-style:none;
	margin:6px 30px 0 30px;
}
#news .info2{background: #f8f8f8;  list-style:none; margin:26px 30px 0 30px;border: 1px dashed #0066cc; }
#news .info2 .left1{float:left; list-style:none; margin:10px 0 0 10px; width:180px;}
#news .info2 .right1{float:right; list-style:none; margin:10px 10px 0 0;width:650px; }
#news .info .site{background: #bc0000;padding:6px;color:#FFF;font-size:14px}
#news .info .site1{background: #F90;padding:6px;color:#FFF;}
#news .info .site2{background: #666;padding:6px;color:#FFF;font-size:14px;}
#news .info .site2 a{color:#fff;}
#news .info .site2 a:active{color:#fff;}
#news .info .site2 a:hover {color: #000;}

#news .info h1{color:#333; font-size:16px;border-bottom:#CCCCCC 0px dashed; padding:0px 0 5px 0px;}
#news .info h1 a{background: #fff; border-bottom:#CCCCCC 1px dashed;  color:#fff}
#news .info h2{background: #f8f8f8; color:#999; font-size:11px;font-style: italic; font-weight:normal;border: 1px dashed #0066cc;  padding:10px;}
#news .info h3{font-size:11px;font-weight:normal;}
#news .info h4{
	color:#333;
	font-size:11px;
	
	font-weight:normal;
	padding:0px 0 10px 10px;
}

#news.info h4 a{}
#news .left{float:left; width:680px; margin:10px 0 0 10px; }
#news .left .pev{margin:0 0 0 10px; padding:3px; font-family: Arial, sans-serif;font-size: 10px; text-align:right}
#news iframe{width:680px;}
#news.right{float:right; width:210px;}
#news .right .list{ background:#f8f8f8; width:200px;}
#news .right .list ul{margin:0; padding:0}
#news .right .list li{list-style:none; margin:0; padding:3px; border-bottom:1px #d6d6d6 solid;}


/*sdmenu*/
div.sdmenu {	width: 200px;	font-family: Arial, sans-serif;	padding: 44px 0 5px 0;	color: #fff;}
div.sdmenu div {overflow: hidden;}
div.sdmenu div:first-child {	background: no-repeat;}
div.sdmenu div.collapsed {	height: 30px; margin-bottom:5px;}
div.sdmenu div span {	display: block;	padding: 5px 0 5px 20px;	color: #fff;	background: url(../images/-.gif) #e40500 no-repeat 6px center;	cursor: default;	border: 1px solid #e40500;}
div.sdmenu div.collapsed span {	background: url(../images/+.gif) #fff no-repeat 6px center; display:block; cursor:auto; color:#333;border: 1px solid #d6d6d6;}
div.sdmenu div.collapsed span.on{	background: url(../images/on+.gif) #e40500 no-repeat 6px center; display:block; cursor:auto; color:#fff;border: 1px solid #e40500;}
div.sdmenu div a {	border-bottom-color: #e5e5e5;padding: 5px 0 5px 20px;	background: #f8f8f8;	display: block;	border-bottom: 1px solid #ccc;	color: #666666;text-decoration: none;}
div.sdmenu div a.current {	background : #000;}
div.sdmenu div a:hover {	background : #333333;	color: #fff;	text-decoration: none;}

/* our work div */
#our_work ul{ padding:0; margin:0;}
#our_work li{	list-style:none;	float:left;background: #fff; margin:15px 0 17px 15px ;	width:600px;	position: relative; }

#our_work li.last{	margin-right:0;}

#our_work li a {	display: block;	position: relative;	overflow: hidden;	height: 112px;	width: 580px;	margin:5px 0;	color: #000;	font: 16px "Avenir LT Std", Avenir,Helvetica, Arial, sans-serif; font-size:12px; padding:10px 10px 0 10px; }
#our_work li a.red { background: #bc0000; color:#fff;}

#our_work li a:hover { text-decoration: none; background: #bc0000; color: #fff;}

#our_work li img {
	position: absolute;
	top: 0; 
	left: 0;
	height: 122px;
	width: 600px;
	border: 0;
}
#our_work li h1 a{ font-size:16px; height:16px; padding:0; font-weight:bold;display:inline}

#our_work li h2 a{ margin:0; border-bottom:1px #ccc dashed; height:16px; padding:0; font-weight:bold;display:inline}
#our_work li h3 a{ margin:0; color:#999;border-bottom:1px #ccc dashed; height:16px; padding:0;display:inline}
#our_work li h3 a:hover{ margin:0; color:#fff; border-bottom:1px #ccc dashed; height:16px; padding:0;display:inline}
#our_work li h2, #our_work li h3{ font-size:12px; font-weight:normal;margin:0; padding:0; height:16px; width:auto; }