﻿
.logo{width: 1200px;height: 166px;background: url(../images/logo.png) no-repeat;margin:0 auto;}
.navdiv{ background:#bb1a20 url(../images/bbg.png) repeat-x; height:52px;}
.one{width: 1200px;height: 183px;background: url(../images/one.jpg);margin:0 auto;}
.cck{ margin:0 auto; width:1200px;}

.nava ul li{ float:left; width:120px; background:url(../images/libj.png) right center no-repeat; height:52px; line-height:52px; text-align:center;}
.nava ul li #aa{ color:#ffd700; font-size:21px; display:block;font-weight:bold;}
.nava ul li#nav12{ background:none}

.ny {
    width: 1200px;
    margin: 20px auto;
    background: #fff;
    padding: 10px 20px 20px;
    box-sizing: border-box;
    clear: both;
    height: auto;
    overflow: hidden;
    z-index: 1;
}
.nya {
    width: 100%;
    margin: 20px auto;
    background: #fff;
    padding: 10px 20px 20px;
    box-sizing: border-box;
    clear: both;
    height: auto;
    overflow: hidden;
    z-index: 1;
}

.ny_title {
    background: url(../images/home.png) no-repeat left center;
    text-indent: 2em;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px 0;
}

.siderbar {
    width: 240px;
    height: auto;
    float: left;
}
.siderbar h3 {
    background: #a91a14 url(../images/bbg.png);
    padding: 18px 0;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    font-size: 30px;
 
}

.siderbar ul {
    margin-top: 5px;
}

.siderbar ul li {
    text-align: center;
    margin-bottom: 2px;
}

.siderbar ul li a {
    font-size: 20px;
   
    display: block;
    background: #e7ebee;
    padding: 15px 0;
    box-sizing: border-box;
    transition: 0.5s;
    color: #f00;
    font-size: 18px;
    font-size: 18px;
    font-size: 18p;
    font-size: 18;
    font-size:;
}

.siderbar ul li:hover a {
    background: rgba(235,176,176,0.8);
    color: #000;
    padding-left: 40px;
}

.active {
    background: rgba(28,132,205,0.5);
    color: #000;    
    box-sizing: border-box;
    padding-left: 40px;
    display: block;
}


.ny_right {
    width: 900px;
    float: right;
    height: auto;
}

.meta{border-bottom:1px solid #EEE;padding-bottom:10px;text-align:center;margin-top:20px;}
	.meta .share{float:right;}
.meta-tit{color:#475766;font-size: 40px;margin: 0 0 30px;font-weight:bold;color:#333;}
	.meta-tit span a{color:#008800;font-size:12px;font-weight:normal;margin-left:10px;}
.meta-info{color:#999;}


.ntitle{padding-bottom:10px;}
.ntitle-tit{color:#444;font-size:14px;margin:0 0 10px;}
	.ntitle-tit span a{color:#008800;font-size:12px;font-weight:normal;margin-left:10px;}
.ntitle-info{color:#999;}
.footerg {
    background: #FF0000;
    padding: 30px 0;}

.footerg .footerg-cen{width: 1200px;margin: 0 auto;font-size: 18px;color: #fff;position: relative;}
.footerg .footerg-cen>p:first-child{font-size: 46px;letter-spacing: 28px;}
.footerg .footerg-cen>p:nth-child(2){font-size: 36px;color: #e6b302;margin:20px 0;}
.footerg .footerg-cen>p{margin:20px 0;font-size: 22px;}
.footerg .footerg-cen>p a{color: #fff;margin: 0 20px;}
.footerg .footerg-cen .img{position: absolute;right:10px;top: 125px;font-size: 18px;text-align: center;}
.footerg .footerg-cen .img div{display: inline-block;}
.footerg .footerg-cen .img img{width: 120px;height: 120px;}
.footerg .footerg-cen .img div p{font-size:16px;}
		.cen{width: 1200px;margin: 0 auto;}
.cen .left{float:left;width:900px;}
.cen .right{float:right;width:300px;}
.cen .right .top{background:url(../images/top.png) no-repeat;width:300px;height:275px;margin-top:30px;}
.cen .right .top p{font-size:14px;padding:20px;line-height:26px;color:#333}
.cen .right .topa{background:url(../images/topa.png) no-repeat;width:300px;height:413px;margin-top:30px;}
.cen .right .topa img{padding:20px;}
.nian {width: 1200px;display: block;margin: 20px auto}
.niana {width: 1200px;display: block;margin: 20px auto}
.nianaa {width: 100%;display: block;margin:20px 0;}
.cs{position: absolute;top:218px;right:19%;background: #000;z-index:1}
        

.cen .ds{width:410px;float:left;}
.cen .ds .top{padding:25px 0;}
.cen .ds .top img{width: 167px;height: 59px;}
.cen .left .ds .bottom img{width: 180px;height: 275px}
.cen .left .bottom div{float: right; width: 210px;font-size: 14px;line-height: 28px}
.cen .left .bottom div p{ min-height: 245px;color: #333;}
.cen .left .bottom a, .cen .left .top a{color:#999;}
.cen .left .bottom a span, .cen .left .top a span{background: #666666;border-radius: 50%; width: 20px; height: 20px;display: inline-block; line-height: 19px;
    text-align: center; color: #fff; margin-left: 8px;}
    
.cen .das{width:426px;float:left;margin-left:40px;}
.cen .das .top{padding:25px 0;}
.cen .das .top img{width: 343px;height:59px;}
.cen .left .das .bottom img{width: 180px;height: 275px}
.cen .left .bottom div{float: right; width: 210px;font-size: 14px;line-height: 28px}
.cen .left .das .bottom div p{min-height: 132px;color: #333;letter-spacing:-1px;p;padding-top: 8px;}
.cen .left .bottom div h2{ color: #f00;font-size:18px;}
.cen .left .bottom div span{color: #000;f;font-size: 20px;x;x;ine-height:44px;}
.cen .left .bottom a, .cen .left .top a{color:#999;}
.cen .left .bottom a span, .cen .left .top a span{background: #666666;border-radius: 50%; width: 20px; height: 20px;display: inline-block; line-height: 19px;
text-align: center; color: #fff; margin-left: 8px;}


.cen .video{width:410px;float:left;}
.cen .video .top{padding:25px 0;}
.cen .video .top img{width: 167px;height: 59px;}
.cen .left .video .shiping img{width: 410px;height: 244px}
.cen .left .video p{font-size: 16px;padding: 7px 0;text-align: center}
.cen .left .video .bottom a, .cen .left .video .top a{color:#999;float:right;margin-top:20px;}
.cen .left .video .bottom a span, .cen .left .video .top a span{background: #666666;border-radius: 50%; width: 20px; height: 20px;display: inline-block; line-height: 19px;
text-align: center; color: #fff; margin-left: 8px;}


.cen .left > div.live{width: 100%;}
.cen .left .live .img{width: 50%;float: left;}
.cen .left .live .img img:first-child{margin: 10px 0;}
.cen .left .live .img img:last-child{height: auto;}
.cen .left .live .clas{width: 50%;float: right;padding: 0 20px;box-sizing: border-box;}
.cen .left .das .apprentice{padding: 20px 0;}
.cen .left.das .apprentice:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.cen .left .das .date{width: 164px;height: 140px;float: left;}
.cen .left .das .date img{width: 100%;height: 100%;}
.cen .left .das .text{width: 230px;float:right;}
.cen .left .das .apprentice .text .names p{width: 170px;}
.cen .left .das .apprentice .text .names p:nth-child(2){letter-spacing: -1px;font-size: 18px;line-height:38px;}
.cen .left .das .apprentice .text .names span{font-size: 30px;    line-height: 43px;}
.cen .left .das .apprentice .text .music p{font-size: 14px;border-bottom: 1px dashed #666666;padding:4px 0;}
.cen .left .das .apprentice .text .music p:hover a{color: #FF0000;}
.cen .left .das .apprentice .text .music p a{color: #333;}
.cen .left .das .apprentice .text .music p span{float: right;}


.cen .da{width:410px;float:left;}
.cen .da .top{padding:25px 0;}
.cen .da .top img{width: 419px;height: 90px;}
.cen .left .da .bottom img{width: 412px;height: 260px}
.cen .left .bottom div{float: right; width: 210px;font-size: 14px;line-height: 28px}
.cen .left .bottom div p{ min-height: 245px;color: #333;}
.cen .left .bottom a, .cen .left .top a{color:#999;}
.cen .left .bottom a span, .cen .left .top a span{background: #666666;border-radius: 50%; width: 20px; height: 20px;display: inline-block; line-height: 19px;
    text-align: center; color: #fff; margin-left: 8px;}
    
    
.cen .db{width:410px;float:left;margin-top:100px;}
.cen .db .top{padding:25px 0;}
.cen .db .top img{width: 419px;height: 90px;}

#cen_right_top{width:426px;margin:40px auto 0 40px;}
#cen_right_top .active{background:#da0404;color:#fed000;}
#cen_right_top h3{line-height:85px;text-align:center;float:left;height:80px;width:80px;margin:0px;padding:0px;
background-color:#fe0000;font-size:20px;color:#fed000;font-weight:bold;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;padding:20px 0px 0px 0px;border-top-width:medium}
#cen_right_top h2{font-size:20px;color:#f00;margin-bottom:18px;margin-top:10px}
#cen_right_top span{font-size:16px;color:#333;line-height:32px;}
.acd{clear:both;padding-top:30px;}
.acd p{font-weight: bolder;font-size: 22px;color: #000;line-height:46px;}
.acd a{color:#f00}


* {padding: 0;margin: 0;font-family: "å¾®è½¯é›…é»‘";}
			a {text-decoration: none;}
			li {list-style: none;}
			body{background: url(../img/back.png)}
			/*å¤´éƒ¨*/
			.header{height: 120px;background: #ff0000;}
			.header .cen{width: 1200px;margin: 0 auto;    box-sizing: border-box; padding: 27px 0;}
			.header .cen:after{display:block;clear:both;content:"";visibility:hidden;height:0}
			.header .logo{color: #fff;font-size: 32px;width: 50%;float: left;border-right: 1px solid #fff;}
			.header .cen .logo a{color: #fff;font-weight: bold;}
			.header .nav{width: 49%;float: right;}
			.header .nav ul li{float: left;width: 25%;box-sizing: border-box;border-right: 1px solid #fff;text-align: center;margin-top: 5px;}
			.header .nav ul li:nth-child(4n){border-right: none;}
			.header .nav ul li a{color: #fff;font-size: 18px;font-weight: bold;}
			.header .nav ul li a.on{color:#fffc00;}
			.header .nav ul li a:hover{color: #fffc00;}
			

/*å°¾éƒ¨*/
			.footer{background: #FF0000;padding: 30px 0;}
			.footer .footer-cen{width: 1200px;margin: 0 auto;font-size: 18px;color: #fff;position: relative;}
			.footer .footer-cen>p:first-child{font-size: 46px;letter-spacing: 28px;}
			.footer .footer-cen>p:nth-child(2){font-size: 46px;color: #e6b302;margin-bottom: 15px;}
			.footer .footer-cen>p{margin-bottom: 10px;}
			.footer .footer-cen>p a{color: #fff;margin: 0 25px;}
			.footer .footer-cen .img{position: absolute;right:10px;top: 125px;font-size: 18px;text-align: center;}
			.footer .footer-cen .img div{display: inline-block;}
			.footer .footer-cen .img img{width: 130px;height: 130px;}
			
			@media screen and (max-width:768px)
			{   
			    .header{height:auto;}
			    .header .cen{    width: 100%;position: relative;padding: 13px 8px;}
			    .header .logo{font-size: 18px;border-right: none;width: 73%;}
			    .header .nav{width: 25%;position: absolute;right:0;top:30px;z-index: 999;}
			    .header .nav ul li{float:none;width:100%;border-right: none;}
			    .header .nav ul li a{    font-size: 15px;}
			    .swiper-container,.swiper-container img{width:100%;}
			    
			    .footer .footer-cen{width: 100%;font-size:14px;    text-align: center;}
			    .footer .footer-cen>p:first-child,.footer .footer-cen>p:nth-child(2){font-size: 16px;}
			    .footer .footer-cen>p:first-child{    letter-spacing: 9px;}
			    .footer .footer-cen>p a{display:block;}
			    .footer .footer-cen .img{display:none;}
			    }
			    
			    .dsfc_list{width:900px; overflow:hidden;}
.dsfc_list ul li{width:210px;height:300px;float:left;margin:0 20px 20px 0;position:relative;overflow:hidden;cursor:pointer;}
.dsfc_list ul li:nth-child(4n){margin-right:0;}
.dsfc_list ul li img{width:210px;height:260px;}
.dsfc_list ul li p{padding: 10px 0;text-align: center;}
