/* CSS Document */
/*头部*/
.header#header { background:#000; height:45px; font-size: 12px;}
.header#header h1 {width:130px; padding-top:5px;}
.header#header h1 a {display:block;text-indent:-9999px; height:35px; background:url(../images/logo.jpg) no-repeat 0 0;}
#header .warp {
    width: 960px;
    margin: 0 auto;}
.header#header ul.menu{width:660px; overflow:hidden;}
.header#header ul.menu li {float: left;line-height: 45px;}
.header#header ul.menu li a { line-height: 45px; display:block; padding:0 10px; font-size:12px;  color:#fff; text-decoration:none;}
.header#header ul.menu li a:hover { color:#f00; background:#222; text-decoration:none;}


.content{ position:relative; overflow:hidden;}
.content a{ cursor: default;}
.banner{ width:100%; height:800px; background: url(../images/banner.jpg) no-repeat top center;}
.part1{ width:1000px; margin:0 auto;}
.part1_top{ width:100%; height:137px; background: url(../images/1.png) no-repeat top center; margin:120px 0 50px 0;}
.left_img{ width:506px; height:600px; float:left; background:url(../images/15.png) no-repeat; position:relative;}
.right_img{width:494px; height:612px; float:left; background:url(../images/14.png) no-repeat left top;position:relative;}
.left_img img{ position:absolute; left:0; top:0; opacity:0;}
.right_img a{position:absolute;opacity:0;}
.img1{ top:110px; left:45px;}
.img2{ top:286px; left:90px;}
.img3{ top:243px; left:247px;}
.img1:hover{ top:115px; left:45px;}
.img2:hover{ top:289px; left:90px;}
.img3:hover{ top:248px; left:247px;}
.font1{ width:100%; height:89px; position:absolute; left:50%; bottom:0; margin-left:230px;  background:#de3554;}


.part2_top{ width:100%; height:137px; background: url(../images/16.png) no-repeat top center; margin:120px 0 50px 0;}
.left2_img{ width:506px; height:600px; float:left; background:url(../images/17.png) no-repeat; position:relative;}
.right2_img{width:494px; height:612px; float:left; background:url(../images/18.png) no-repeat left top;position:relative;}
.left2_img img{ position:absolute; left:0; top:0; opacity:0;}
.right2_img a{position:absolute;opacity:0;}
.img4{ top:68px; left:120px;}
.img5{top:290px; left:123px;}
.img6{ top:307px; left:315px; z-index:3}
.img7{ top:300px; left:375px;}
.img4:hover{ top:70px; left:120px;}
.img5:hover{ top:293px; left:123px;}
.img6:hover{ top:310px; left:315px; z-index:3}
.img7:hover{ top:303px; left:375px;}
.font2{ width:100%; height:74px; position:absolute; right:50%; bottom:0; margin-right:190px;  background:#de3554; text-align:right; z-index:2}


.lb_bg{ width:100%; background:#de3554; margin-top:100px;padding:27px 0 50px 0;}
.part3_top{ width:100%; height:137px; background: url(../images/28.png) no-repeat top center; }

/*轮播*/
#demo1{ 
    position: relative;    
    margin: 50px auto;
    width: 1000px;     
    /*border:1px solid #ccc;*/
}
#demo1 a{ cursor:default;}
#demo1 .img_list{overflow: hidden; position: relative; height: 600px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3000px; position: absolute; height: 600px; left: 0px;}
.img_list li{ float: left; width: 1000px;}
/*.img_list img{ margin: 1px; width: 698px; height: 258px;}*/

/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; right: 36px; bottom: 0px; }
.btn_list li{ float: left;width: 10px; height: 10px; margin-right: 10px; background:#000;}
.btn_list li:hover,.btn_list li.on{ cursor: pointer; background:#fff;}
.btn_list li img{ width: 4px; height: 4px; display: none;}
/* 左右点击的按钮样式 */
#demo1 .toLeft,#demo1 .toRight{
    display: none;
    position: absolute;
    width: 55px;
    height: 148px;    
    top: 165px;    
    background: url(../images/btn.png) no-repeat #fff;
}

/* 图片对应的说明*/
.img_intro{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
	display:none;
}
.img_intro .img_intro_bg,.img_intro .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img_intro .img_intro_bg{
    background: #000;    
    opacity: .3;
    z-index: 999;
}
.img_intro .text{
    padding: 5px 10px;
    z-index: 1000;
    color: #999;
	
}
#demo1 .toLeft{
    left: -55px;
}
#demo1 .toRight{
    right: -55px;
    background-position: -55px 0px;
}

#demo1 .toLeft:hover{
	background:url(../images/btn.png) no-repeat #000;
}
#demo1 .toRight:hover{
	background:url(../images/btn.png) no-repeat -55px 0px #000 ;
}

.part4_top{ width:100%; height:137px; background: url(../images/32.png) no-repeat top center; margin:120px 0 50px 0;}

.part4_ul{ position:absolute; top:0px; right:67px; z-index:3;}
.part4_ul li{ float:right;}
.part4_ul li:nth-child(2){ margin-right:13px;}
.part4_ul li span{ background:#210001; font-family: "微软雅黑"; color:#fff; font-size:17px; font-weight:bold; display: block; padding:8px 10px; cursor:pointer;}
.part4_ul li.active span{ background:#850028;}
.part4_img{ position:relative; height:591px;}
.part4_img div{ position:absolute; width:1055px; height:591px; overflow:hidden; }
.part4_img div:nth-child(1){ background:url(../images/34.png) no-repeat;}
.part4_img div:nth-child(1) img{ float:left;}

.img_kuang{ position:relative;}
.img_kuang li{ position:absolute; width:247px; height:139px;}
.img_kuang li img{ width:247px; height:139px;}
.img_kuang li span{ display:block; width:27px; height:27px; background:#0f0102; position:absolute; right:0px; bottom:0; text-align:center; line-height:27px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.part4_img .img_kuang li:nth-child(1){ top:230px; left:505px ;}
.part4_img .img_kuang li:nth-child(2){ top:384px ;left:505px ;}
.part4_img .img_kuang li:nth-child(3){ top:230px ;left:767px ;}
.part4_img .img_kuang li:nth-child(4){ top:384px ;left:767px ;}
/*尾部*/
.sfooter {
	width: 100%;
	background-color: #de3554;
	margin-top:170px;
}
.sfooter-con {
	margin: 0 auto;
	width: 1000px;
	height: 340px;
	text-align: center;
	color: #fff;
	 font-family:"微软雅黑" ; font-size:13px ; font-weight:800; line-height:30px;
}      
.huigu_top{ width:100%; background:url(../images/35.png) no-repeat top center; height:75px;}
.sfooter ul{ width:912px; margin:20px auto 35px;}
.sfooter ul li{ float:left;}
.sfooter ul li a{ display:block; padding:0px 8px; width:212px; height:144px; overflow:hidden;}
 
.footer{ width:100%; height:54px; line-height:54px; background: url(../images/foot.jpg) no-repeat center #000;}
.v_cont div{ text-align:center; padding:10px 0; color:#fff;}
.p1{ margin-top:30px; }
