/*top_index_con*/
.top_box .top_index_con{ background:url(../images/index_top_bg.png) repeat-x; height:81px; min-width:1200px;}
/*publicity_screen*/
.publicity_screen{ background:url(../images/banner.jpg) center top no-repeat; width:100%; height:775px; min-width:1200px;}
.publicity_screen a{ width:100%; height:750px; display:block;}
/*index_nav*/
.index_nav{ position:absolute; z-index:2; top:118px; width:100%;}
.index_nav .box1200{background:url(../images/nav_bg.png) top no-repeat; height:103px; }
.index_nav .nav{ padding-top:15px;}
/*index_title*/
.index_title{ height:3px; font-size:0; margin:60px 0;}
.index_title .text{ position:absolute; z-index:2; width:100%; text-align:center; top:-20px;}
.index_title .text i{ display:inline-block; font-size:30px;background:#fff; padding:0 20px; font-weight:600;}
.song{background:#86c1fc; }
.song .text i{ color:#86c1fc;}
.why{background:#ff8480; }
.why .text i{ color:#ff8480;}
.story{background:#75bf00; }
.story .text i{ color:#75bf00;}
.love{background:#ff8480; }
.love .text i{ color:#ff8480;}
.study{background:#ffb434; }
.study .text i{ color:#ffb434;}
.partner{background:#429eeb; }
.partner .text i{ color:#429eeb;}
/*index_sort*/
.index_sort{ margin-left:-18px;}
.index_sort ul{white-space:nowrap;overflow:hidden; text-align:center;}
.index_sort ul li{ display:inline-block;text-align:center;text-align:center;*display:inline;*zoom:1; width:95px;}
.index_sort ul li a{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; display:block; cursor:pointer;}
.index_sort ul li .icon{ width:60px; height:60px; line-height:60px; font-size:33px;display: inline-block; text-align:center; margin-bottom:8px;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;}
.index_sort ul li a:hover .icon{-webkit-transform:rotateY(360deg); 
    -moz-transform: rotateY(360deg); 
    transform: rotateY(360deg); }
/*song_sort*/
.song_sort ul li .icon{ background:url(../images/song_circular_60x60.png) no-repeat;color:#86c1fc;}
.song_sort ul li a{color:#86c1fc;}
.song_sort ul li a:hover{ color:#3979ba;}
.song_sort ul li a:hover .icon{background:url(../images/song_circular_hover_60x60.png) no-repeat; color:#fff;}
/*why_sort*/
.why_sort ul li .icon{ background:url(../images/why_circular_60x60.png) no-repeat;color:#ff8480;}
.why_sort ul li a{color:#ff8480;}
.why_sort ul li a:hover{ color:#e83d38;}
.why_sort ul li a:hover .icon{background:url(../images/why_circular_hover_60x60.png) no-repeat; color:#fff;}
/*song_sort*/
.story_sort ul li .icon{ background:url(../images/story_circular_60x60.png) no-repeat;color:#75bf00;}
.story_sort ul li a{color:#75bf00;}
.story_sort ul li a:hover{ color:#4caa00;}
.story_sort ul li a:hover .icon{background:url(../images/story_circular_hover_60x60.png) no-repeat; color:#fff;}
/*study_sort*/
.study_sort ul li .icon{ background:url(../images/study_circular_60x60.png) no-repeat;color:#ffb434;}
.study_sort ul li a{color:#ffb434;}
.study_sort ul li a:hover{ color:#e49000;}
.study_sort ul li a:hover .icon{background:url(../images/study_circular_hover_60x60.png) no-repeat; color:#fff;}
/*songSlide*/
.songSlide .hd{ border-bottom:2px #86c1fc solid;}
.songSlide .hd .more{color:#86c1fc;}
.songSlide .hd .on{ background:#86c1fc;}
.songSlide .hd .on i{ background:url(../images/song_arrow_bottom.png) no-repeat;}
.songSlide .imgList li a:hover{ color:#86c1fc;}
.songSlide .imgList li a:hover .num{ color:#86c1fc;}
/*whySlide*/
.whySlide .imgList li a:hover{ color:#ff8480;}
.whySlide .imgList li a:hover .num{ color:#ff8480;}
/*loveSlide*/
.loveSlide{ margin-top:-30px;}
.loveSlide .imgList li a:hover{ color:#ff8480;}
.loveSlide .imgList li a:hover .num{ color:#ff8480;}
/*songSlide*/
.storySlide .hd{ border-bottom:2px #75bf00 solid;}
.storySlide .hd .more{color:#75bf00;}
.storySlide .hd .on{ background:#75bf00;}
.storySlide .hd .on i{ background:url(../images/story_arrow_bottom.png) no-repeat;}
.storySlide .imgList li a:hover{ color:#75bf00;}
.storySlide .imgList li a:hover .num{ color:#75bf00;}
/*studySlide*/
.studyCon{ margin-left:-18px;}
.studySlide{ width:386px; margin-left:18px;}
.studySlide .studyTitle{ height:42px; line-height:40px; background:#fff9f0; border-bottom:2px #ffb434 solid; color:#ffb434; font-size:16px; padding:0 15px;}
.studySlide .imgList li a:hover{ color:#ffb434;}
.studySlide .imgList li a:hover .num{ color:#ffb434;}
/*song_ranking*/
.song_ranking .title{ border-bottom:2px #86c1fc solid; color:#86c1fc;}
.song_ranking a:hover{ color:#86c1fc;}
.song_ranking a:hover .play_num{color:#86c1fc;}
.song_ranking a:hover .play_num .tuxiaobei{color:#86c1fc;}
.song_ranking .con ul li a:hover .num{ background:#86c1fc;}
/*story_ranking*/
.story_ranking .title{ border-bottom:2px #75bf00 solid; color:#75bf00;}
.story_ranking a:hover{ color:#75bf00;}
.story_ranking a:hover .play_num{color:#75bf00;}
.story_ranking a:hover .play_num .tuxiaobei{color:#75bf00;}
.story_ranking .con ul li a:hover .num{ background:#75bf00;}
/*link*/
.link{ background:#f9f9f9; border:1px #dedede dotted; padding:15px;}
.link h3{ font-size:18px; font-weight:normal;}
.link .linkCon{ padding-top:10px; line-height:24px; font-size:12px;}
.link .linkCon em{ color:#ccc; margin:0 10px; font-weight:normal;}
.link .linkCon a{ color:#666;}
.link .linkCon a:hover{ color:#0090ff;}
/*partner_list*/
.partner_list{ text-align:center;}
.partner_list{ margin-left:-15px;}
.partner_list ul li{ float:left; margin:0 0 25px 15px; width:158px; position:relative;}
.partner_list ul li img{ width:158px; height:158px;}
.partner_list a {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.partner_list a .text{ position:absolute; text-align:center; z-index:9;left:0; bottom:0; width:100%;}
.partner_list a .text p{background:rgba(0,0,0,0.7); height:35px; line-height:35px;padding:0 10px; color:#fff; font-size:13px;}
.partner_list a .hover{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;opacity:0;filter:alpha(opacity=0);width:158px; height:123px; position:absolute; z-index:10; left:0; top:0; display:block;}
.partner_list a:hover .hover{ background:url(../images/index_partner_hover.png) no-repeat;opacity:1;filter:alpha(opacity=100);}
.view_more{ width:200px; height:40px; line-height:40px; margin:0 auto; display:block; background:#f5f5f5; border:1px #ddd solid; text-align:center; font-size:14px;}
.view_more:hover{ background:#429eeb; border:1px #429eeb solid; color:#fff;}

.swiper-wrapper{text-align:center;}