@charset "utf-8";
* {margin: 0px;padding: 0px;}
img {border:0;}
li {list-style-type:none;list-style-position: outside;border:0;}
div {text-align: left;}
.clear {clear:both;height: 0px;overflow: hidden;}
ul, ol {border: 0;line-height: 12px; *line-height: 14px;list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 12px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin: 0;padding: 0;border: 0;}
body, td, th{font-family: "宋体";font-size: 12px;color: #dddddd;background-color: #363636;background-attachment:fixed;}
/* 链接颜色 */
a:link{color: #444444;text-decoration: none}
a:visited{color: #444444;text-decoration: none}
a:hover{color: #ffffff;text-decoration: none}
.gray{color: #333333;}
.gray a:link{color: #8c8c8c;text-decoration: none}
.gray a:visited{color: #8c8c8c;text-decoration: none}
.gray a:hover{color: #ffffff;text-decoration: none}
.gray1{color: #888888;}
.gray1 a:link{color: #888888;text-decoration: none}
.gray1 a:visited{color: #888888;text-decoration: none}
.gray1 a:hover{color: #a3a3a3;text-decoration: none}
.top{height: 100px;width: 960px;margin: 0px auto;background: url(csxcbg.png) no-repeat;}
.toplink{height: 52px;clear:both;background-color: #1b1b1b;width: 960px;margin: 0px auto;}
.toplink .bg{background-image: url(csxc_line.jpg);background-repeat: no-repeat;background-position: bottom;height: 51px;width: 960px;padding-bottom: 1px;}
.toplink .bg .s1{line-height: 21px;font-weight: bold;float: left;width: 375px;margin-top: 6px;text-align: center;}
.toplink .bg .s2{line-height: 21px;font-weight: bold;float: left;width: 185px;margin-top: 6px;text-align: center;}
.toplink .bg .s3{line-height: 21px;font-weight: bold;float: left;width: 397px;margin-top: 6px;text-align: center;}
.toplink .bg ul{float: left;width: 1px;overflow: hidden;height: 43px;margin-top: 6px;}
.foot{line-height: 22px;text-align: center;padding-top: 20px;padding-bottom: 20px;background-image: url(csxc_line.jpg);background-repeat: no-repeat;background-position: center top;clear: both;}

.topimg{background: url(csxcbg.png) no-repeat 0px -100px;height: 520px;width: 900px;padding-top: 30px;padding-right: 30px;padding-left: 30px;margin-top: 0px;margin-right: auto;margin-bottom: 15px;margin-left: auto;}
.topimg .slideBox{ width:900px; height:520px; overflow:hidden; position:relative; }
.topimg .slideBox .hd{ width:900px; height:420px; overflow:hidden; position:absolute; z-index:1; }
.topimg .slideBox .hd .prev,.topimg .slideBox .hd .next{ position:absolute;top:163px;left:0px;display:block; width:40px; height:82px; overflow:hidden; cursor:pointer; background: url(csxcbg.png) no-repeat 0px -650px;}
.topimg .slideBox .hd .next{ position:absolute;background: url(csxcbg.png) no-repeat -40px -650px;top:163px;left:860px; }
.topimg .slideBox .hd ul{position:absolute; overflow:hidden; zoom:1; top:402px;left:0px;width:880px; height:18px;padding-right: 20px;background: #000;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4; }
.topimg .slideBox .hd ul li{ float:right; margin-right:10px; margin-top:5px;width:20px; height:8px;background:#fff; cursor:pointer;overflow: hidden;}
.topimg .slideBox .hd ul li.on{ background:#666;}
.topimg .slideBox .bd{ position:relative; height:100%; z-index:0;}
.topimg .slideBox .bd img{width:900px; height:420px; }
.topimg .slideBox .bd h1{float:left;width:775px;height:35px;font-size: 16px;line-height: 35px;padding-left: 25px;padding-top: 10px;overflow: hidden;font-weight: bold;}
.topimg .slideBox .bd h3{float:left;width:100px;height:20px;line-height: 20px;padding-top: 20px;overflow: hidden;color: #818181;text-align: right;}
.topimg .slideBox .bd h2{float:left;width:875px;height:40px;line-height: 20px;padding-left: 25px;overflow: hidden;color: #818181;}
.blackbg2{width: 100%;clear: both;}
.blackbg{background-image: url(csxc_bg.gif);width: 100%;clear: both;}
.lmmenu{height: 85px;width: 960px;margin: 0px auto;clear: both;}
.lmmenu .tm{float: left;height: 85px;width: 560px;background: url(csxcbg.png) no-repeat -560px -740px;}
.lmmenu .csjy{float: left;height: 85px;width: 560px;background: url(csxcbg.png) no-repeat 0px -740px;}
.lmmenu .fg{float: left;height: 85px;width: 560px;background: url(csxcbg.png) no-repeat -560px -825px;}
.lmmenu .hcq{float: left;height: 85px;width: 560px;background: url(csxcbg.png) no-repeat 0px -825px;}
.lmmenu .sys{float: left;height: 85px;width: 560px;background: url(csxcbg.png) no-repeat 0px -910px;}
.lmmenu .tm h1,.lmmenu .csjy h1,.lmmenu .fg h1,.lmmenu .hcq h1,.lmmenu .sys h1{visibility: hidden;}
.lmmenu .more{float: right;height: 85px;width: 400px;overflow: hidden;}
.lmmenu .more li{line-height: 38px;height: 38px;padding-right: 18px;padding-left: 18px;border: 1px solid #000000;float: right;margin-right: 20px;background: url(csxcbg.png) no-repeat 0px -995px;cursor:pointer;margin-top: 24px;}

/* 图集一 */
.case_list_con      {width:975px;margin: 0 auto;padding-left: 15px;}
.case_ul            { float: left;width:975px; overflow:hidden;}
.case_ul1           { float: left;width:325px; overflow:hidden;}
.case_ul2           { float: left;width:650px; overflow:hidden;}

.case_list_con li         { width:310px; height:250px; float:left; display:inline; padding:0px 15px 15px 0px;overflow:hidden;}
.case_list_con li a       { display:block; width:310px; height:250px; background:url(csxcbg.png) no-repeat 0px -1300px; cursor:pointer; overflow:hidden;}
.case_list_con li a:hover { color:#aaa; background:url(csxcbg.png) no-repeat 0px -1035px;}

.case_list_con li.cli1    { width:310px; height:515px;}
.case_list_con li.cli1 a       { width:310px; height:515px; background:url(csxcbg.png) no-repeat -650px -1035px;}
.case_list_con li.cli1 a:hover { background:url(csxcbg.png) no-repeat -325px -1035px;}

.case_list_con li.cli2    { width:635px; height:250px;}
.case_list_con li.cli2 a       { width:635px; height:250px; background:url(csxcbg.png) no-repeat 0px -1830px;}
.case_list_con li.cli2 a:hover { background:url(csxcbg.png) no-repeat 0px -1565px;}

.case_list_con li a img { display:block;width:290px;height:160px;padding: 10px;}
.case_list_con li.cli1 a img { width:290px;height:425px;}
.case_list_con li.cli2 a img { width:615px;height:160px;}

.case_list_con li a:hover h1{ color:#fff;}
.case_list_con li a:hover h2{ color:#aaa;}
.case_list_con li a:hover h3{ color:#aaa;}
.case_list_con li a h1{width:274px;color:#aaa;line-height: 24px;height: 24px;font-weight: bold;padding-top: 6px;padding-right: 18px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}
.case_list_con li a h2{float: left;width:200px;color:#5a5a5a;line-height: 24px;height: 24px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}
.case_list_con li a h3{float: right;width:74px;color:#5a5a5a;line-height: 24px;height: 24px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}

/* 摄影师 */
.case_list_con2      {width:976px;margin: 0 auto;padding-left: 16px;}
.case_list_con2 li         { width:228px; height:310px; float:left; display:inline; padding:0px 16px 15px 0px;overflow:hidden;}
.case_list_con2 li a       { display:block; width:228px; height:310px; background:url(csxcbg.png) no-repeat -280px -2100px; cursor:pointer; overflow:hidden;}
.case_list_con2 li a:hover { color:#aaa; background:url(csxcbg.png) no-repeat 0px -2100px;}

.case_list_con2 li a img { display:block;width:210px;height:200px;padding: 9px;}

.case_list_con2 li a:hover h1{ color:#fff;}
.case_list_con2 li a:hover h2{ color:#aaa;}
.case_list_con2 li a:hover h3{ color:#aaa;}
.case_list_con2 li a h1{width:192px;color:#aaa;line-height: 22px;height: 22px;font-weight: bold;padding-top: 10px;padding-right: 18px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}
.case_list_con2 li a h2{width:192px;color:#5a5a5a;line-height: 22px;height: 22px;padding-top: 0px;padding-right: 18px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}
.case_list_con2 li a h3{width:192px;color:#5a5a5a;line-height: 22px;height: 22px;padding-top: 0px;padding-right: 18px;padding-bottom: 0px;padding-left: 18px;overflow:hidden;}

.case_list_con2 li.qysys { width:228px; height:310px; float:left; display:inline; padding:0px 16px 15px 0px;overflow:hidden;}
.case_list_con2 li.qysys a{background-image: none;width:190px; height:36px;}
.case_list_con2 li.qysys a:hover{background-image: none;}
.case_list_con2 li.qysys .nr{ display:block; width:228px; height:310px; background:url(csxcbg.png) no-repeat -560px -2100px; overflow:hidden;}
.case_list_con2 li.qysys .nr .bt{font-size: 14px;line-height: 50px;font-weight: bold;color: #c2c2c2;height: 50px;padding-left: 30px;}
.case_list_con2 li.qysys .nr .md{height: 198px;width: 228px;padding-top: 10px;}
.case_list_con2 li.qysys .nr .md .mz{line-height: 22px;white-space: nowrap;height: 22px;width: 95px;overflow: hidden;padding-left: 19px;float: left;}
.case_list_con2 li.qysys .nr .zy{line-height: 18px;height: 36px;width: 190px;overflow: hidden;padding-left: 19px;float: left;padding-right: 19px;padding-top: 6px;}


.c_click { float:right; width:82px; height:30px; text-align:center; line-height:30px; font-size:22px; font-family:Verdana, Geneva, sans-serif; display:none; margin:-31px 13px 0 0;}


#gotop{ position:fixed; right:25px; cursor:pointer;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#gotop{ width:95px; height:77px; background:url(csxcbg.png) no-repeat; background-position:-325px -650px; bottom:28px; _margin-bottom:28px;} 
#gotop:hover{ background-position:-450px -650px; }