﻿@charset "utf-8";
/* CSS Document */
html,body{  -webkit-text-size-adjust:none; }
* {margin:0; padding:0;}
body {
margin:0px;
	font-size:12px;
	font-family:Arial,"SimSun";
	line-height:1.5;
	color:#404040;

	
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p{
	padding:0;
	margin:0;
}
ul{
 	list-style:none;
 }
img{ 
	border:0px;
	}
.clearfloat {clear:both;height:0;font-size: 0px;line-height: 0px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}

a:link,a:visited,a:hover {
	text-decoration: none;
}
a:link { color:#404040;}
a:visited{ color:#404040;}
a:hover { color:#999999}
#container { margin:0 auto; }


#header {
	width:1000px;

	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	overflow:hidden;
		height:135px;


		
}
#header .first { padding-top:9px; height:32px;}
#header .third { padding-top:20px;}
#header .third  .telimg {  float:right; height:25px; width:25px;}
#header .third  .teltxt {  float:right;  width:150px; height:25px; line-height:25px;}
#header .third  .zxrx { float:right; width:180px; height:25px; line-height:25px; text-align:right; font-size:20px; font-weight:bold; font-family:"微软雅黑"; color:#4E1D43;}

#header .second { padding-top:25px;}
#header .first .logo { width:282px; height:32px; float:left; }


#header .first .topmenu { float:right;  width:289px; height:32px;  }
#header .second  .limg { float:left; left:0px; height:23px; width:152px;}

#header  .second .menu {
	float:right;
	height:24px;
	width:718px;
	position:relative;
	right:0px;
}


#banner {
	background-image: url(../images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 26px;
}
#flash { height:347px; margin:0 auto; text-align: center; width:1000px;}

#maincontent { }
.maincontent { width:1000px; margin:0 auto;}
.maincontent .list { float:left; width:220px; overflow:hidden}
.r40 { margin-right:40px;}
.maincontent .list .title { height:39px; }

.maincontent .list .img { height:80px; margin-bottom:15px;}
.maincontent .list .content {
padding:7px 0px;
line-height:22px;
	font-family:Arial,"SimSun";
	font-size: 12px;
}

.maincontent #show .title { margin:5px 0px;}
.maincontent #show #imglist { margin-bottom:5px;}
.maincontent #show #imglist .img {
	float:left;
	width:140px;
	height:140px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}

.maincontent #News { width:480px; float:left; position:relative;}
.maincontent #News .title { height:33px;}
.maincontent #News .content { padding:10px 0px; line-height:22px;  position:relative; float:left; left:0px; width:260px;}
.r40 { margin-right:40px;}
.maincontent #News .pic { position:relative; left:0px; float:left; width:220px; height:180px;padding:10px 0px; }

.maincontent #News .content ul {}
.maincontent #News .content ul li {
line-height:22px;
height:22px;

}
.maincontent #News .content ul li .dot { 
      background:url(../images/zn_dot.jpg); 
	  width:7px; height:12px; 

	  position:relative; 
	  float:left; 
	  left:0px; 
	  top:3px;}
.maincontent #News .content ul li .txt { position:relative; float:left; left:5px; height:22px; line-height:22px; width:240px; }

.maincontent #News .content ul li a:link { color:#404040}
.maincontent #News .content ul li a:visited{ color:#404040}



.maincontent #classShow { margin-top:10px;}
.maincontent #classShow .title {}
.maincontent #classShow .title .ltit { float:left; width:178px; height:27px;}
.maincontent #classShow .title .rtit { float:right; width:784px; height:27px;}
.maincontent #classShow .content { height:172px; overflow:hidden;  margin:10px 0px;}
.maincontent #classShow .content .list { width:220px; float:left; height:172px;}
.r39 { margin-right:39px;}

#footer {
	height:118px;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;

}
.footer { width:1000px; margin-top:10px; height:108px; margin-left:auto; margin-right:auto; background:#4e1d43; position:relative;}
.footer .logo { position:relative; top:37px; left:10px; width:286px; height:35px; float:left}
.footer .txt {
	position:relative;
	top:10px;
	right:10px;
	float:right;
	text-align:right;
	line-height:22px;
	color: #FFFFFF;
	font-family: "Microsoft YaHei";
	font-size: 12px;
}
.footer .txt a,a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.footer .txt a:hover {
	text-decoration: underline;
	color: #EEEEEE;
}

/*banner开始*/
#focus {width:1000px; height:347px; overflow:hidden; position:relative; margin:0 auto; text-align:left}
#focus ul {height:347px; position:absolute;}
#focus ul li {float:left; width:1000px; height:347px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:25px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:900px; height:24px; right:0; bottom:0px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:24px; height:20px; line-height:20px; text-align:center; font-size:12px; font-family:"Microsoft YaHei",SimHei; margin-right:0px; cursor:pointer; color:#fff;}
#focus .btn span.on {background:#000; color:#fcc;}

/*banner结束*/


/* about 页面*/
#maincontent #about,#show {
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#maincontent #about .title,#show .title {
	height:28px;
	background-color: #EDEDED;
	text-align:left;
	font-family: "Microsoft YaHei";

}
#maincontent #about .title .cn ,#show .title .cn{
	font-size: 14px;color:#901B21;
	height:28px;
	line-height:28px;

}
#maincontent #about .title .en ,#show .title .en{font-size: 10px; height:28px; line-height:28px;color: #404040;}


#maincontent #about .content,#show .content { padding:40px 0; overflow:hidden}
#maincontent #about .content .left { width:740px; float:left; line-height:25px;}


/*图片列表显示区*/

#maincontent #about .content .left1 { 

	  width:220px;
	  float:left; 
	  line-height:25px;

}


.bug_1 {
	float:left;
	width:1000px;
	margin-bottom:-20px;
	


	
}
.bug_1 ul li {
	margin:0 10px;
	height:198px; WIDTH: 230px; DISPLAY: block; FLOAT: left; OVERFLOW: hidden
}

.bug_1 ul li img {
	width:230px;
	height:150px;
}

.bug_1 ul li span {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; 
	WIDTH: 230px; PADDING-RIGHT: 0px; DISPLAY: block; 
	background:#000;
	padding:5px;

	FLOAT: left; HEIGHT: 15px; COLOR: #fff; 

}





#maincontent #about .content .right { width:220px; float:right;}

#maincontent #show .content .left { width:220px; float:left; }
#maincontent #show .content .right { width:740px; float:right;line-height:25px;}
#maincontent #show .content .right .title {
	height:28px;
	line-height:28px;
	margin-top:20px; margin-bottom:20px;
	text-align:left;
	font-family: "Microsoft YaHei";
	background-color: #E2E2E2;color:#4e1d43;
}
#maincontent #show .content .right .title .cn{font-size: 14px;color:#4e1d43;}
#maincontent #show .content .right .title .en { font-size:10px;}

 #demo {
 overflow:hidden;
 width: 1000px;
 }
 #demo img { 
 width:210px; 
 height:140px;
 }
 #indemo {
 float: left;
 width: 800%;
 }
 #demo1 {
 float: left;
 }
 #demo2 {
 float: left;
 }


#demoa {

 overflow:hidden;

 width: 740px;
 }
 #demoa img { width:140px; height:140px;

 }
 #indemoa {
 float: left;
 width: 800%;
 }
 #demoa1 {
 float: left;
 }
 #demoa2 {
	float: left;

 }

.expertlist img{  border:1px solid #ccc;}
.expertlist img:hover {
	border:10px solid #E3E3E3;
}
#subcontent  .subcontent #right .newslist {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#maincontent #about .content .left .newslist li { height:30px; line-height:40px; position:relative; width:100%;}
#maincontent #about .content .left .newslist li .dot { background:url(../images/zn_dot.jpg) no-repeat; width:15px; height:40px; float:left; position:relative; left:10px; top:12px; }
#maincontent #about .content .left .newslist li .txt { border-bottom:1px dashed #ccc; width:590px; height:40px; line-height:40px; float:left; position:relative; left:10px; }
#maincontent #about .content .left .newslist li .date { float:right; width:120px;  height:40px; line-height:40px; text-align:center;border-bottom:1px dashed #ccc;}

#maincontent #about .content .left .newslist li a:link { color:#404040;}
#maincontent #about .content .left .newslist li a:visited { color:#404040;}

#maincontent #about .content .left .tit {
/*	height:55px;
	line-height:55px;  */
	text-align:center;
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #404040;
}
#maincontent #about .content .left .date{
	height:20px;
	line-height:20px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #404040;
	text-align:center;
}
#maincontent #about .content .left .con {
	font-family: "微软雅黑";
	font-size: 13px;
	color: #404040;
	line-height:22px;
	padding:10px 0px;
}

#maincontent a:link { color:#404040;}
#maincontent a:visited {  color:#404040;}

#jianding .inpt ,#message .inpt { border:1px solid #ccc; height:20px; width:180px; line-height:20px;}
#jianding .con ,#message .con{ border:1px solid #ccc; height:100px; width:280px;}
#jianding .bbtn ,#message .bbtn{ height:20px; width:65px; background:#ccc; color:#000;}

.font13 { font-size:13px;}
.black { color:#000;}
.artplan a:link,.artplan a:visited { font-size:18px; font-weight:bold; font-family:"微软雅黑"}


.menufont1{ color:#661438; font-size:18px; font-weight:bold;}

.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 1px;left: -1000px;border: 1px solid gray;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 0px; top:25px; /*position where enlarged image should offset horizontally */
}




/*页码*/
.dede_pages{

	margin-left:43%;
	margin-top:20px;
	padding-bottom:15px;
}
.dede_pages ul{
	float:left;
	padding:0px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}

/*友情链接*/

.links {

}
.links ul {
	margin:10px;
	font-family:"微软雅黑";
}
.links ul li {
	display:inline;
    line-height:180%;
	margin-right:10px;
}

.boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(../images/boxoff.gif) left 15px repeat-x;
	margin:4px auto;
	padding-top:10px;
}
.boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;

	float:left;
}
.context{
	float:left;
	margin:10px 0 20px 50px
	
}

.context ul li{
	line-height:29px;
	color:#888;
text-align: left;
}

 .content .img_wrapper, .content .img_descr {
	display: block;
	width:700px;
    line-height: 20px;
    padding: 6px 10px;
    margin: 5px auto;
    text-align: center;
	}
	
 .content .img_wrapper {
    margin: 20px auto;
    padding: 0px;

}



.bug_111 ul li {
    height: 330px;
    width: 500px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;

}



	.bug_111 ul li span {
    text-align: center;
    width: 420px;
    display: block;
    padding: 5px;
    float: left;
	font-size:16px;
	font-family: microsoft yahei;
    margin-left: 35px;
}

.bug_111 ul li img {
    width: 430px;
    height: 250px;
	border:solid 1px #aaa;}