.bn{ position:absolute; left:50%; margin:89px 0 0 -960px;}




.wrap {
    width: 1200px; height:50px; padding-top:470px;
    margin: 0 auto; border-bottom:1px #ededed solid; 
}


.header-wrap {
    background: #fff;
    height: 80px;
    position: relative;
    z-index: 103;
    width: 1200px;
    margin: 0 auto;
}

    .header-wrap .header-inner {
        height: 80px;
        margin: auto;
    }


.sort-list {
    margin: -18px 0 0 0;
    float: left;
    margin-bottom: 10px;
    position: relative;
    z-index: 88;
}

    .sort-list > li {
        width: 106px;
        float: left;
        text-align: center;
        position: relative; 
    }

        .sort-list > li.hover, .sort-list > li:hover {
            background: url(../images/icon3.png) center top no-repeat;
        }

            .sort-list > li.hover.hoverOther {
                background: none;
            }

                .sort-list > li.hover.hoverOther > a {
                    display: block;
                    line-height: 75px;
                    color: #727171;
                }

        .sort-list > li > a {
            display: block;
            line-height: 75px;
            color: #727171; width:90px; font-size:14px;
        }

        .sort-list > li.hover > a, .sort-list > li:hover > a {
            color: #fff;
            display: block;
            line-height: 75px;
        }

    .sort-list ul {
        display: none;
        width: 1180px;
        padding: 10px 0 20px;
        float: left;
        position: absolute;
        left: 0;
        top: 68px;
        background-color: rgba(255,255,255,0.8);
        padding-left: 20px;
    }

    .sort-list li ul li {
        float: left;
        width: 120px;
        line-height: 30px;
        text-align: left;
    }

        .sort-list li ul li a, .sort-list li.hover ul li a {
            display: block;
            line-height: 30px;
            color: #727171;
        }

        .sort-list li ul li p, .sort-list li.hover ul li p {
            line-height: 30px;
            color: #1d345e;
        }

    .sort-list ul.sort-whole1 {
        width: 360px;
        left: 400px;
    }

    .sort-list ul.sort-whole2 {
        width: 360px;
        left: -114px;
    }

    .sort-list ul.sort-whole3 {
        width: 360px;
        left: 600px;
    }

    .sort-list ul.sort-whole4 {
        width: 360px;
        left: 600px;
    }

    .sort-list ul.sort-whole5 {
        width: 360px;
        left: 560px;
    }

.sort-list2 li {
    width: auto;
    padding: 0 25px;
}

.position{ float:right; font-size:14px; width:168px; padding-top:10px;}
.position a{ color:#898989;}
.position b{ padding:0 2px;}
.song{font-family:"\5B8B\4F53";}





#body{width:1200px;margin:0 auto 20px;overflow:hidden; }
.indzp{width:1200px;margin:0 auto 50px;overflow:hidden; }
.indzp ul{width:1354px; margin:38px 0 0; text-align:center; height:auto;}
.indzp ul li{ float:left; width:400px; height:451px; margin:0 0 -50px 0px;}
.indzp ul a{
	float: left;

	display:block;
	width: 384px;
	height:328px;
	overflow: hidden;
	position: relative;
	border:1px solid #e2e1e1;
	padding:5px;
}
.indzp ul a .photo{
	width: 378px;
	height: 328px;
	overflow: hidden;
}
.indzp ul a .text11{ height:40px; line-height:40px; font-size:18px; font-family:"΢���ź�"; color:#000000; margin:0 0 0 5px}
.indzp ul a .text11:hover{ color:#000000}
.indzp ul a .photo img{transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; -webkit-transition:all .4s;}
.indzp ul li .ititle{width:260px;height:50px; line-height:50px; text-align:left; font-size:16px; text-indent:5px; }
.indzp ul a{
	width: 378px;
	height: 374px;
	background: #fff;
	color: #333;
	display: block;
	transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
}
.indzp ul a:hover{color:#fff;}
.indzp ul a:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.indzp ul.zpwu{margin-right:0;}
.indzp .rsp{
	width: 378px;
	height: 328px;
	overflow: hidden;
	position: absolute;
	background: #000;
	top: 5px;
	left: 5px;
}
.indzp .text{
	width: 378px;
	height: 328px;
	left: -229px;
	top: 0;
	overflow: hidden;
	position:absolute;
}

/*.indzp .text:hover{
	.indzp .text{
	width: 286px;
	height: 382px;
	left: -229px;
	top: 0;
	overflow: hidden;
	position:absolute;
	}*/
.indzp .text h3{width:378px;margin-top:130px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:18px;font-weight:normal;}
.indzp .text b{ width:378px; text-align:center; color:#FFFFFF; font-size:12px; font-weight:normal; display:block;}










/*焦点图*/
.focus{ position:relative; width:456px; height:347px; background-color: #000; float: left; margin-top:89px; margin-left:-8px;}  
.focus img{ width: 1920px; height:375px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px;    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{
	bottom: -12px;
	right: -540px;
	position: absolute;
	height: 21px;
	text-align: center;
	z-index: 200;
	width: 84px;
}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#b23023;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  






.flexslider {
	margin: 89px auto;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides li .img img {
	width: 100%;
}

.flex-direction-nav a {
	width: 60px;
	height: 90px;
	line-height: 99em;
	overflow: hidden;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active {
	background-position: 0 0;
}