@charset "gb2312";
/* CSS Document */
html {overflow-x:hidden;}
body{background:#fff; margin:0px; padding:0px; font-size:14px; font-family:"΢ÈíÑźÚ"; color:#333; line-height:25px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0; padding:0; border:none; }
ul{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{color: #333; text-decoration:none;}
a:hover{color: #EA0000; text-decoration:none;}
p{font-family:"΢ÈíÑźÚ";}

.fl {float:left;}
.fr {float:right;}
.clear{ clear:both;} 

/*Í·²¿*/
#header{width:1100px; height:124px; margin:0 auto;}
.nav li{float:left; margin:45px 30px auto; text-align:center;font-family:"΢ÈíÑźÚ";}
.nav li a span{font-weight:bold; font-size:15px;font-family:"΢ÈíÑźÚ";}
.nav li a p{color:#bdbcbc;}


/*banner*/
.outwrap{ width:1920px; height:600px;  margin:0 auto;position:relative; left:50%; margin-left:-960px; margin-bottom:62px; }
.out{height:600px;  position:relative;}
.out .img img{height:600px}
.out .img li{ position:absolute; top:0;left:0; display:none;}
.out .num{ position:absolute; bottom:20px;left:0; font-size:0px; text-align:center; width:100%;}
.out .num li{ width:20px; height:20px; background:#fff; text-align:center; line-height:20px; border-radius:50%; display:inline-block; font-size:16px; margin:0 10px; cursor:pointer;}
.out .num li.active{ background:#a00}
.out .btn{ position:absolute; top:50%; margin-top:-40px; display:none; cursor:pointer;}
.out:hover .btn{ display:block;}
.out .left{ left:200px;}
.out .right{ right:200px;}



#conWrap{width:1100px; margin:0 auto;}
/*news*/
.news{width:582px;}
.newsTit{padding-bottom:36px;}
.newsConL{width:342px; text-align:center;}
.newsConL p{margin:18px;}
.newsConR{width:226px; overflow:hidden;}
.newsConR p a{float:right;}
.news ul li{border-bottom:1px dashed #ccc; font-size:14px; line-height:20px; color:#666; padding:5px;}
.news ul li span{float:right;}


/*culture*/
.culture{width:475px;}
.culTit{padding-bottom:36px; background:url(../images/cultureTit.jpg) no-repeat; height:54px;}
.culCon i{background:url(../images/dianind.png) no-repeat; width:475px; display:block; height:12px; margin-bottom:15px;}
.culCon img{padding:20px;}
.culCon p{width:430px; margin:0 auto;}

/*project*/
.project{width:1100px; padding-top:45px;}
.proTit{padding-bottom:38px; background:url(../images/proTit.jpg) no-repeat; height:48px;}
.project ul{margin-right:-8px;}
.project ul li{float:left; margin-right:8px;}

.proa{padding-bottom:38px; background:url(../images/proTit1.jpg) no-repeat; height:48px;}


/*video*/
.video{width:530px; }
.vidTit{margin:70px 0 20px 0; background:url(../images/vidTit.jpg) no-repeat; height:50px;}
.vidCon{}
.vidCon dl{float:left; margin:10px 15px 0 15px;}
.vidCon dl dt img{width:230px; height:300px; border:2px solid #ccc;}
.vidCon dl dd{text-align:center; line-height:50px;}
.vidCon dl dt img:hover{border:2px solid red;}
/*map*/
.map{width:512px; height:;}
.mapTit{ margin-top:70px; background:url(../images/mapTit.jpg) no-repeat; height:50px;}

/*foot*/
#footWrap{height:180px; margin:0 auto; background:#333; margin-top:20px;}
#footWrap p{color:#eee; line-height:25px;}
#foot{ width:1000px; margin:0 auto; padding-top:20px; color:#eee; font-size:12px; text-align:center;}
#foot .jszc{ background:url(../images/jishuzhichi.jpg) no-repeat 0 100px;}
/*about*/
.about{width:900px; margin:0 auto;}
.aboutTop{padding-top:85px;}
.aboutTop li {float:left; text-align:center;}
.aboutTop li a{width:80px; height:30px; display:inline-block; margin:0 20px;}
.aboutTop li a:hover{ border-bottom:2px solid #b61c25; color:#b61c25; font-weight:bold;}

.aboutCon{margin:65px 0;}
.aboutT{background:url(../images/aboutTit.jpg) no-repeat 0 center; width:630px; height:45px; margin:0 auto; font-size:24px; color:#e60020; text-align:center;}
.aboutC{margin:20px 0; width:630px;}

.aboutL{ width:100px; height:500px; background:url(../images/aboutL.png) no-repeat 0 center; margin:15px 0 0 40px;}


.newMore a{display:inline-block; width:70px; height:30px; color:#fff; background:#091f50; line-height:30px; text-align:center; margin-top:22px;}
.newMore a:hover{ color:#091f50; background:#fff; border-bottom:2px solid #091f50;}
.more{font-weight:bold; line-height:50px;}





.aboutC img{margin-right:10px;}

/**********Ê×Ò³¹ö¶¯*********/
.gd_gd{ height:310px; width:1100px; margin:0px auto; padding-top:20px;}

#demo { 
    overflow:hidden; 
    width:1100px;
	margin:0px;
	padding-top:0px;
} 
#demo img { 
	margin-left:15px;
	border:1px solid #CCCCCC;
} 
#demo img:hover {
margin-left:15px;
border:2px solid #d2c09f;
} 
#indemo { 
    float: left; 
    width: 800%; 
} 
#demo1 { 
    float: left; 
} 
#demo2 { 
    float: left; 
} 

.clear{
clear:both;
padding:0px;
margin:0px;
}
.ulist{margin:1px; padding:2px; list-style:none; overflow:hidden}
#al li{width:365px; float:left; text-align:center; height:288px}
#al li a{color: #000000}
#al li a:hover{color:#c00}
#al img{border:1px  #333333 solid; padding:1px; *margin-bottom:8px}
#al a:hover img{border:1px  solid}