@charset "utf-8";
/**
* @name	:The Modularity Of CSS Document 
* @author	:陈敏
* @version	:1.0
* @type		:模块化
* @explain	:common
*/
/*-----------common bg--------------*/
.idx_common_bg{background:url(../images/css_single/main_bg.jpg) repeat left top}
.omega{margin-right:0 !important;}

/*---------index focus----------*/
.idx_rpsfocus{position:relative;width:100%;height:auto;padding:0;}
.idx_rpsfocus .effect_mask{position:absolute;left:0;top:0;right:0;width:100%;height:398px;background:url(../images/css_single/effect_mask.png) repeat left top;z-index:9 !important;}
.idx_rpsfocus .jump_next{position:absolute;width:50px;height:50px;left:50%;bottom:40px;margin-left:-25px;margin-bottom:0;z-index:999;}
.idx_rpsfocus .jump_next a.button{display:block;cursor:pointer;width:50px;height:50px;text-transform:none;background:url(../images/css_single/jump.png) 0 0 no-repeat;}
.idx_rpsfocus .jump_next a.button:hover{background:url(../images/css_single/jump.png) 0 0 no-repeat;}
.effect_mask{_display:none;}
.idx_rpsfocus{*width:1000px;*height:400px;_height:auto;*overflow:hidden;margin:0 auto;}
.rps_slider{*width:1000px;*height:400px;_height:auto;*overflow:hidden;*border:0;}
.idx_rpsfocus .slides img{*width:1000px;*height:400px;*margin:0 auto;}
.idx_rpsfocus .slides li{*width:1000px;*height:400px;*overflow:hidden;}
.idx_rpsfocus .slides li a{*float:left;*margin:0;*padding:0;_padding:2px 0;}
.idx_rpsbusiness{position:relative;clear:both;}

/*----------serv_trans----------*/
.serv_trans{*float:left;display:block;background:#fff;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.serv_trans:hover{text-decoration:none;}
.serv_trans img{float:left;position:absolute;left:35px;top:0;width:150px;height:150px;}
.serv_trans img.serv_icon,.serv_trans:hover img.serv_icon_h{opacity:1;filter:alpha(opacity=100);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.serv_trans img.serv_icon_h,.serv_trans:hover img.serv_icon{opacity:0;filter:alpha(opacity=0);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
/*----------/serv_trans----------*/

.service_list{*float:left;padding:50px 0;}
.service_list li{float:left;width:220px !important;margin:10px;_margin:10px 0;display:inline-block;}
.service_list a{display:block;outline:none;position:relative;cursor:pointer;}
.service_list a:hover{text-decoration:none;background:#fff;outline:none;}
.service_list .trans_icon{float:left;width:150px;height:150px;clear:both;padding-bottom:20px;}
.service_list h3{*width:220px;height:36px;line-height:36px;text-align:center;clear:both;font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:20px;}
.service_list p{*width:220px;clear:both;padding:0;font-size:12px;line-height:22px;font-family:"宋体",Arial,Helvetica,sans-serif;}
.service_list a:hover h3{color:#8fc122;}
.service_list a:hover p{color:#888;}
.service_list .trans_text{float:left;padding:5px 10px 10px;text-align:center;}
.service_list .trans_text h3{text-transform:uppercase;color:#333;margin:0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.service_list .trans_text p{color:#999;}

/*-------------------------------------------index parallax--------------------------------------------*/
.idx_parallax{position:relative;width:100%;height:auto;background-attachment:fixed;background-size:cover !important; background-position:0 0 !important;padding:0;text-align:center;font-weight:normal;font-family:"微软雅黑",Arial,Helvetica,sans-serif;}
.idx_parallax h2{margin:0;text-transform:uppercase;text-align:center;font-size:36px;line-height:40px;}
.idx_parallax h3{margin:0;padding:0;text-transform:none;text-align:center;font-size:16px;line-height:30px;padding-top:30px;}
.parallax_bg1{background-image:url(../images/parallax/parallax_bg1.jpg)}
.parallax_bg2{background-image:url(../images/parallax/parallax_bg2.jpg)}
.parallax_effect1{position:relative;z-index:999 !important;background:url(../images/parallax/parallax_cover.png) repeat left top;}
.parallax_padding1{padding:120px 0;}
.parallax_sty1{color:#fff;}
.parallax_sty2{color:#333;}

/* ----------------------------------------index musician----------------------------------------*/

/*-----title-----*/
.idx_musician{position:relative;width:100%;height:auto;padding:70px 0;}
.webinsert_title{position:relative;width:100%;text-align:center;}
.webinsert_title p{font-size:12px;color:#999;padding:5px 40px 20px 40px;text-align:center;line-height:24px;font-family:'\5B8B\4F53';}
img.webinsert_icon{margin-bottom:38px;}
.musician_wrapper{position:relative;margin-top:28px;width:960px !important;height:445px !important;}
.musician_slider{height:405px !important;}
.musician_slider li{float:left;width:960px !important;height:100%;padding:0;display:block;}
.musician_snav{text-align:center;margin-top:30px;}
.musician_snav a{display:inline-block;margin:0 2px;width:18px;height:18px;border:1px solid #aaa;border-radius:50%;}
.musician_snav a span{font-size:0;}
.musician_snav .selected{background:#aaa;}
.musician_items{float:left;width:220px;height:385px;overflow:hidden;text-align:center;display:inline-block;margin:10px;_margin:10px 5px;background:#fff;cursor:pointer;}
.musician_items h4{margin:13px 0 0 0;padding:0;text-transform:none;height:30px;font-size:16px;line-height:30px;color:#333;overflow:hidden;}
.musician_items h4 a{height:30px;line-height:30px;color:#333;}
.musician_items .label{font-size:12px;font-family:"宋体",sans-serif;text-transform:none;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;color:#999;text-align:center;}
.musician_items .label.label_id{float:left;width:200px;height:22px;line-height:22px;overflow:hidden;padding:0 10px;}
.musician_items .label.label_sty{float:left;width:200px;height:22px;line-height:22px;margin-bottom:14px;overflow:hidden;padding:0 10px;}
.musician_total{float:left;width:220px;height:64px;}
.musician_total .total_sum{float:left;width:110px;height:64px;display:inline-block;}
.musician_total .total_sum a{float:left;width:110px;height:64px;overflow:hidden;color:#fff;text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
/*total*/
a.total_song {background:#28cbb6;}
a.total_song:hover {background:#89bf43;}
a.total_ting {background:#38dec8;}
a.total_ting:hover {background:#7ea548;}

.total_inner{width:100px;height:40px;line-height:25px; padding:5px; text-align:center;}
.total_inner .inner_title{ font-size:12px;font-family:'\5B8B\4F53';}
.total_inner .inner_num{ font-size:24px;font-family:'\5FAE\8F6F\96C5\9ED1',Verdana, Geneva, sans-serif}

/*hover*/
.musician_items:hover h4{color:#75ac09;}
.musician_items:hover h4 a{color:#75ac09;text-decoration:none;}
.idx_composition{position:relative;width:100%;height:auto;padding:70px 0}
.cptn_show{width:280px;height:330px;overflow:hidden}
.cptn_show a{color:#333;}
.cptn_show .cptn_pic{width:280px;height:280px;overflow:hidden}
.cptn_show .cptn_oper{width:280px;height:50px;cursor:pointer;background:#fff}
.cptn_show:hover .cptn_oper{background:#28cbb5;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.cptn_show:hover .cptn_title,.cptn_show:hover .cptn_info,.cptn_show:hover a{color:#fff}
.cptn_show:hover .idx_play{background-position:0 -32px}



.cptn_items{width:308px;height:330px;padding-left:32px}
.cptn_items li{float:left;width:308px;height:50px;margin-bottom:20px;background:#fff;cursor:pointer}
.cptn_items li a{color:#333}
.cptn_items li .cptn_mpic{width:50px;height:50px;float:left}
.cptn_items li.omega{padding-bottom:0 !important;}
.cptn_items li:hover{background:#28cbb5;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.cptn_items li:hover .cptn_title,.cptn_items li:hover .cptn_info,.cptn_items li:hover a{color:#fff}
.cptn_items li:hover .idx_play{background-position:0 -32px}


.cptn_status{float:right;height:32px;width:32px;margin:9px;cursor:pointer}
.cptn_status a{float:left;height:32px;width:32px;display:block;}
.cptn_title{font-size:16px;color:#333;cursor:pointer}
.cptn_info{float:left;padding:5px 10px;line-height:20px;font-size:12px;color:#999}
.idx_play,.idx_play:hover,.idx_pause,.idx_pause:hover{background-image:url(../images/css_sprites/play_icon.png);background-repeat:no-repeat}
.idx_play{background-position:0 0}
.idx_play:hover{background-position:0 -32px}
.idx_pause{background-position:0 -64px}
.idx_pause:hover{background-position:0 -96px}





/*---------------------Hover Animate-------------------------*/
.hover_img1,.hover_img2,.hover_img3,.hover_img4{overflow:hidden;position:relative;background:#fff;}
.hover_img1 .hover_item,.hover_img2 .hover_item,.hover_img3 .hover_item,.hover_img4 .hover_item{position:absolute;left:0;right:0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.hover_img1{height:220px;width:220px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.hover_img2{height:280px;width:280px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.hover_img3{height:50px;width:50px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.hover_img4{height:263px;width:468px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}

.hover_img1 .hover_item{top:-220px;height:220px;background:url(../images/css_single/hover220_img.png) center center no-repeat;}
.hover_img2 .hover_item{bottom:-280px;height:280px;background:url(../images/css_single/hover280_img.png) center center no-repeat;}
.hover_img3 .hover_item{bottom:-50px;height:50px;background:url(../images/css_single/hover50_img.png) center center no-repeat;}
.hover_img4 .hover_item{bottom:-263px;height:263px;background:url(../images/css_single/hover468_img.png) center center no-repeat;}

.hover_img1:hover .hover_item{top:0;}
.hover_img2:hover .hover_item{bottom:0;}
.hover_img3:hover .hover_item{bottom:0;}
.hover_img4:hover .hover_item{bottom:0;}

.hover_img1:hover .hover_item a{display:block;width:220px;height:220px; cursor:pointer;}
.hover_img2:hover .hover_item a{display:block;width:280px;height:280px; cursor:pointer;}
.hover_img3:hover .hover_item a{display:block;width:50px;height:50px; cursor:pointer;}
.hover_img4:hover .hover_item a{display:block;width:468px;height:263px; cursor:pointer;}


/*---------------------------index ecard--------------------------*/
.idx_ecard{background:url(../images/css_single/card_bg.jpg) repeat left top;padding:70px 0;}
.ecard_items{position:relative;width:468px;height:346px;padding-bottom:40px;}
.ecard_items .ecard_pic{width:468px;height:263px;overflow:hidden;}
.ecard_items .ecard_info{height:83px;background:#fff;padding-left:115px;cursor:pointer;}
.ecard_items .ecard_info h4 a{color:#333;}
.ecard_items .ecard_info h4{font-size:16px;color:#333;line-height:33px;font-weight:normal;}
.ecard_items .ecard_info p{font-size:12px;color:#999;line-height:18px;padding-right:20px;}
.ecard_items .ecard_portrait{position:absolute;top:243px;left:10px;}
.ecard_items .ecard_portrait img{width:80px;height:80px;border-radius:50%;max-width:none;}
.ecard_items:hover h4{color:#fff;}
.ecard_items:hover h4 a{color:#fff;}
.ecard_items:hover p{color:#fff;}
.ecard_items:hover .ecard_info{background:#28cbb5;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}