/* reset样式 */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.page{height:24px;margin-bottom: 30px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
td, th, caption {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}
ol, ul, li {
    list-style: none;
}
input, textarea, select, button {
    font: 14px "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
}

.wapselect{display:none;}
/* 公共样式start */
.index_title{line-height: 56px;font-size: 36px;font-weight: bold;text-align: center;}
#inner_main{padding: 24px 0;}
/* 公共样式end */

/* 顶部样式start */
header{padding: 9px 0;background: #fff;}
header > .container{position: relative;}
.nav_wrapper{margin-right: 80px;}
.nav_ul{margin-top: 40px;}
.nav_ul > li{position: relative;line-height: 80px;padding: 12px 0;}
.nav_ul > li.cur::after{position: absolute;content: "";display: block;bottom: 0;left: 0;right: 0;width: 36px;height: 2px;margin: auto;background: #608ce3;}
.nav_ul > li.cur > a{color: #f76800;}
li.wechat{padding: 0;}
.nav_ul > li > a{padding: 0 15px;font-size: 16px;color: #333333;border-right: 1px solid #dedede;}
.nav_ul > li:last-child > a{border-right: none;}
.wechat{position: absolute;right: 0;bottom: 0;}
.wechat > a{padding-top: 7px !important;}
.top_tel{
    position: absolute;top: 0;right: 105px;
    display: inline-block;line-height: 36px;font-size: 14px;color: #608ce3;border-bottom: 1px solid #e5e5e5;
}
.tel{padding-left: 20px;background: url(../image/tel.png) left center no-repeat;}
.big_tel{margin-left: 12px;padding-left: 20px;background: url(../image/big_tel.png) left center no-repeat;}
/* 顶部样式end */

/* 底部样式start */
footer{margin-top: 28px;background: #525252;padding-bottom: 18px;}
.footer_list, .footer_list a{color: #fff;}
.footerbanner{background: #fffbff;}
.footerbanner a{pointer-events: none;}
.footerbanner img{width: 100% !important;height: auto !important;}
.footer_list_wrapper > div{float: left;}
.footer_list{padding: 36px 0;}
.service_time{width: 23.5%;}
.footer_menu{width: 61.5%;}
.footer_wechat{width: 15%;}
.footer_menu > div{width: 25%;float: left;padding-left: 10px;border-left: 1px solid #646464;}
.qq, .work_time{width: 90%;max-width: 150px;border-radius: 4px;}
.qq{height: 40px;line-height: 28px;padding: 6px 0 0 12px;background: #fff;}
.work_time{margin-top: 10px;}
.qq > a, .work_time span{line-height: 28px;vertical-align: top;color: #608ce3;}
.qq > i, .work_time> i{position: relative;display: inline-block;width: 28px;height: 28px;border-radius: 50%;font-size: 16px;text-align: center;vertical-align: top;color: #fff;background: #608ce3;}
.qq > i::before, .work_time > i::before{
    position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0;width: 28px;height: 16px;margin: auto;
}
.work_time{height: 96px;padding: 6px 0 0 12px;background: #fff;}
.time_content{display: inline-block;}
.time_content > p{line-height: 24px;font-size: 14px;color: #666666;}

.footer_cat_title > a{font-size: 18px;line-height: 46px;}
.footer_article_ul > li > a{line-height: 30px;font-size: 14px;}
.footer_wechat{text-align: center;}
.footer_wechat > a{display: inline-block;padding-top: 6px;}
.wechat_text{line-height: 24px;margin-top: 12px; font-size: 14px;}
.wechat_num{line-height: 24px;font-size: 12px;}
.footer_info{padding: 24px 0;text-align: center;border-top: 1px solid #42464a;}
.copyright, .copyright a{font-size: 14px;line-height: 24px;color: #cccccc;}
.links > span, .links_ul, .links_ul > li{display: inline-block;}
.links > span, .links_ul > li > a{line-height: 24px;font-size: 12px;color: #999999;}
.footer_service_content, .footer_service_content > a{line-height: 24px;font-size: 12px;color: #999999;}
span#cnzz_stat_icon_1274372697 {
    display: inline-block;
    position: absolute;
    bottom: 18px;
    right: 50%;
    margin-left: -10px;
}
/* 底部样式end */

/* 页面左侧导航样式start */
.left_bar{position: fixed;top: 30%;left: 24px;width: 58px;background: #bdbebd;}
.left_bar > li{height: 28px;line-height: 28px;border-bottom: 1px solid #fff;text-align: center;}
.left_bar > li:last-child{border-bottom: none;}
.left_bar > li > a{color: #fff;}
/* 页面左侧导航样式end */

/* audio标签样式start */
.audiofile{height: 56px;padding: 8px 4px;
    border-top: 1px dashed #ccc;
    font-size: 13px;}
.controls{float: left;}
.controls > span{display: inline-block;vertical-align: middle;}
button.play-pause{display: inline-block;vertical-align: middle;background: none;border: none;outline: none;}
.icon-play {
  width: 20px;
  height: 20px;
  background: url(../image/stop.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  color: #478f59;
}
.icon-pause {
  width: 20px;
  height: 20px;
  background: url(../image/play.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  color: #478f59;
}
.pgs{position: relative;height: 8px;margin-left: 106px;margin-top: 5px;background: #cfcfcf;}
.pgs-play{position: absolute;top: 0;left: 0;height: 100%;z-index: 1;background-color: #666;}
/* audio标签样式end */

/*在线客服样式start*/
#toolbar{width:60px;position:fixed;right:0px;top:30%;z-index:1000000;}
#toolbar ul{}
#toolbar li{width:60px;height:60px;float:left;margin:4px 0px;position:relative;}
#toolbar li .t_item{width:60px;height:60px; background:#000;text-align:center;line-height:60px; display:block;border-radius:5px 0 0 5px; color:#fff; text-decoration:none;position:absolute; left:0px; top:0px; z-index:2;}
#toolbar li a.t_item:hover,#toolbar li a.cur{background:#000;}

.tool_qq{position:absolute;left:-118px;top:0px;width:118px;padding:0 10px 0 0; display:none;}
.tool_qq_con{width:108px;padding:5px 0;float:left;border:1px solid #000; background:#fff; text-align:center;}
.tool_tel{width:160px;height:60px; background:#666; position:absolute;left:0px;top:0px; line-height:60px;font-size:18px; color:#fff; padding:0 0 0 10px; white-space:nowrap;border-radius:5px 0 0 5px; }
.tool_weixin {position:absolute;top:0px;width:118px;left:-118px;padding:0 10px 0 0; display:none;}
.t_wx_con{width:108px;background:#fff;border:1px solid #000;padding:3px;text-align:center; font-size:14px; line-height:22px;}
.t_wx_con img{width:100px;height:100px;}

.t1 i{width:60px;height:60px;background:url(../image/u1.png) no-repeat center center; display:block;}
.t2 i{width:60px;height:60px;background:#6da9df url(../image/u21.png) no-repeat center center; display:block;}
.t3 i{width:60px;height:60px;background:#78c440 url(../image/u31.png) no-repeat center center; display:block;}
.t4 i{width:60px;height:60px;background:#fab01d url(../image/u41.png) no-repeat center center; display:block;}
.t5 i{width:60px;height:60px;background:#666666 url(../image/u51.png) no-repeat center center; display:block;}

.qq_panel {
    display: none;
    position: absolute;
    z-index: 66;
    left: -90px;
    top: 0;
    width: 90px;
    background: #fff;
}
.qq_wrapper{margin-right: 4px;padding: 12px 6px;border: 1px solid #cfcfcf; border-radius: 4px;}
.qq_wrapper > a {
    display: inline-block;
    padding-bottom: 4px;
}
.qq_wrapper > a:last-child{padding-bottom: 0;}
.t_item.t2.cur + .qq_panel{display: block;}
/*在线客服样式end*/

.pcplay{display:block;}
.wapplay{display:none;}

.PCSEARCH{display:block;}
.WAPSEARCH{display:none;}
.wapnav{display:none;}


@media screen and (max-width: 1200px) {
    .logo{padding-top: 11px;}
    .logo img{width: 160px;/*width: 220px;*/}
    .nav_ul > li > a{padding: 0 9px;}
	
	footer big { display:none;}
	footer small { display: block;}
	
	.pcplay{display:none;}
    .wapplay{display:block;}
	
	.PCSEARCH{display:none;}
    .WAPSEARCH{display:block;}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
    .logo img{width: 140px;/*width: 200px;*/}
    .nav_ul{margin-top: 0;}
    .nav_ul > li > a{padding: 0 5px;}
    .wechat{display: none;}
	footer big { display:none;}
	footer small { display: block;}
	
	.pcplay{display:none;}
    .wapplay{display:block;}
	.PCSEARCH{display:none;}
    .WAPSEARCH{display:block;}
    .wapnav{display:block;}
	
	
	#pyview{width:100% !important;}
	.anchor-list-content{width:100% !important;}
	.anchor-nav{padding:0px !important;}
	.pcselect{display:none;}
	#anchor-list .list-item{margin:10px auto !important;float:none;}
	.wapselect {display:block;width:80%;margin:10px auto;}
	.wapselect label{ border:#eee;border-radius:5px;width:30%;display:block;float:left;text-align:right;margin:0px;height:24px;line-height:24px; }
	.wapselect select{ border:#eee;border-radius:5px;width:65%;display:block;float:left;height:24px;line-height:24px; margin-left:5%; }
	.wapselect button{width:80%;border-radius:5px;margin:0 auto;display:block;height:24px;line-height:24px;border:none;background:#608ce3;color:white; }
	.wapselect a{margin-bottom:10px;}
	.wapselect .pagination{height: auto !important;}
	
	.footer .advantage .nr .item .circle{width:50px !important;height:50px !important;}
	.footer .advantage .nr .item .circle span{width:30px !important;height:30px !important;display:block;margin:10px auto;}
	.footer .advantage .nr .item p{font-size:10px !important;}
	.footer .advantage .nr .item .circle span.c-1{background:url(../image/qq_02.png) center no-repeat;background-size:100% !important; }
	.footer .advantage .nr .item .circle span.c-2{background:url(../image/qq_02-04.png) center no-repeat;background-size:100% !important;}
	.footer .advantage .nr .item .circle span.c-3{background:url(../image/qq_02-06.png) center no-repeat;background-size:100% !important;}
	.footer .advantage .nr .item .circle span.c-4{background:url(../image/qq_02-08.png) center no-repeat;background-size:100% !important;}
	.navigiter{width:100% !important;}
	.winshow{width:70% !important;}
    
}
@media screen and (max-width: 768px) {
	
	footer big { display:none;}
	footer small { display: block;}
  .left_bar{display: none;}
  header{padding-bottom: 9px;}
  .nav_ul{margin-top: 0;}
    .nav_wrapper{margin-right: 0;}
    .wechat, .top_tel{display: none;}
    .nav_ul > li{margin: 0;padding: 9px 0;border-bottom: 1px solid #cfcfcf;}
    .nav_ul > li > a{border-right: none;}
    .nav_ul > li.cur::after{width: 0;height: 0;}
    /* 底部 */
    .footerbanner{display: none;}
    .footer_list{padding: 24px 0;}
    .service_time, .footer_menu{width: 100%;}
    .footer_menu{margin-top: 16px;}
    .footer_wechat{width: auto;}
    .footer_list_wrapper{position: relative;}
    .footer_wechat{position: absolute;right: 18px;top: 0px;}
	
	.pcplay{display:none;}
    .wapplay{display:block;}
	.PCSEARCH{display:none;}
    .WAPSEARCH{display:block;}
    .wapnav{display:block;}
	
	
	#pyview{width:100% !important;}
	.anchor-list-content{width:100% !important;}
	.anchor-nav{padding:0px !important;}
	.pcselect{display:none;}
	#anchor-list .list-item{margin:10px auto !important;float:none;}
	.wapselect {display:block;width:80%;margin:10px auto;}
	.wapselect label{ border:#eee;border-radius:5px;width:60px;display:block;float:left;text-align:right;margin:0px;height:24px;line-height:24px; }
	.wapselect select{ border:#eee;border-radius:5px;width:65%;display:block;float:left;height:24px;line-height:24px; margin-left:5%; }
	.wapselect button{width:80%;border-radius:5px;margin:0 auto;display:block;height:24px;line-height:24px;border:none;background:#608ce3;color:white; }
	.wapselect a{margin-bottom:10px;}
	.wapselect .pagination{height: auto !important;}
	
	
	.footer .advantage .nr .item .circle{width:50px !important;height:50px !important;}
	.footer .advantage .nr .item .circle span{width:30px !important;height:30px !important;display:block;margin:10px auto;}
	.footer .advantage .nr .item p{font-size:10px !important;}
	.footer .advantage .nr .item .circle span.c-1{background:url(../image/qq_02.png) center no-repeat;background-size:100% !important; }
	.footer .advantage .nr .item .circle span.c-2{background:url(../image/qq_02-04.png) center no-repeat;background-size:100% !important;}
	.footer .advantage .nr .item .circle span.c-3{background:url(../image/qq_02-06.png) center no-repeat;background-size:100% !important;}
	.footer .advantage .nr .item .circle span.c-4{background:url(../image/qq_02-08.png) center no-repeat;background-size:100% !important;}
	.navigiter{width:100% !important;}
	.winshow{width:70% !important;margin-top:15% !important;}
}

.wapchanelNav{width:16.6%; float:left; text-align:center; border-right:#CCC solid 1px;height:30px;}

.txt-c {
    text-align: center;
}

/*-- footer --*/
.footer{padding:1em 0 0 0;  color:#cccccc;overflow:hidden; }
.footer_d{ line-height:50px; min-height:50px; background:#2a2a2a; color:#3f4041; font-size:12px; float:left; width:100%; display:block;}
.copyright{ line-height:50px; font-size:12px; min-height:50px; text-align:center; color:#c2c2c2;}
.footer a{ color:#666;}
.footer a:hover{ color:#608ce3;}

.footer .advantage .nr .item .circle span.c-1{background:url(../image/qq_02.png) center no-repeat; }
.footer .advantage .nr .item .circle span.c-2{background:url(../image/qq_02-04.png) center no-repeat;}
.footer .advantage .nr .item .circle span.c-3{background:url(../image/qq_02-06.png) center no-repeat;}
.footer .advantage .nr .item .circle span.c-4{background:url(../image/qq_02-08.png) center no-repeat;}
.footer .advantage .inner{  left:0; right:0; }
.footer .advantage .nr{ padding:0; width:100%; float:left; margin:30px 0 20px 0;}
.footer .advantage .nr li{ width:25%; float:left; display:inline;}
.footer .advantage .nr li:nth-child(1),
.footer .advantage .nr li:nth-child(2){
-webkit-transform: translate3d(-100px,0px, 0);
-moz-transition: translate3d(-100px, 0px, 0);
-o-transition: translate3d(-100px, 0px, 0);
transition: translate3d(-100px, 0px, 0);}
.footer .advantage .nr li:nth-child(3),
.footer .advantage .nr li:nth-child(4){
-webkit-transform: translate3d(100px,0px, 0);
-moz-transition: translate3d(100px, 0px, 0);
-o-transition: translate3d(100px, 0px, 0);
transition: translate3d(100px, 0px, 0);}
.footer .advantage.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.footer .advantage.active .nr li:nth-child(2),
.footer .advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.footer .advantage .nr .item{ display:block; width:100%; position:relative; color:#cccccc;}
.footer .advantage .nr .item .circle{ width:100px; height:100px; margin:10px auto 0px; position:relative; color:#333; background:none; border:2px solid #ccc;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(http://www.yfpeiyin.com/music//css/ie-css3.htc); z-index:2;}
.footer .advantage .nr .item .circle span{ display:block; height:100px; width:100px; line-height:100px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.footer .advantage .nr .item p{ line-height:28px; font-size:15px; padding:25px 0 10px;}
.footer .advantage .nr .item:hover .circle{ background:none; color:#fff;
-webkit-transform: translate3d(0px,-10px, 0);
-moz-transition: translate3d(0px, -10px, 0);
-o-transition: translate3d(0px, -10px, 0);
transition: translate3d(0px, -10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.footer .advantage .nr .item:hover h1,
.footer .advantage .nr .item:hover p{ color:#fff;
-webkit-transform: translate3d(0px,10px, 0);
-moz-transition: translate3d(0px, 10px, 0);
-o-transition: translate3d(0px, 10px, 0);
transition: translate3d(0px, 10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}

#main-nav a:hover{background:#608ce3;}

#anchor-list .list-item .price{ position: absolute;right: 0px;color:#fff;background:#608ce3;width:40px;height:20px;text-align:center;line-height:20px;cursor: pointer;}

.linkview{height:30px;width:90px;background:#608ce3; text-align:center; line-height:30px;border:0px solid #608ce3;color:#fff;display:block;float:left;margin-right:10px;}

.winback{width:100%;height:100%;position:fixed;left:0%;top:0%;background:rgba(1,1,1,0.6);z-index:10001;border-radius:0px;display:none;}
.winshow{width:500px;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background:white;border:1px solid #dedede;z-index:10001;border-radius:5px;display:block;}
.winshow p{display:block;width:100%;text-align:center;margin:10px auto;}
.wintitle span{font-size:14px;color:red;margin-right:5px;cursor:pointer;position:absolute;right:0px;letter-spacing:5px;font-weight:normal;}
.wintitle{width:100%;height:40px;line-height:40px;font-size:20px;text-align:center;letter-spacing:10px;font-weight:bold;border-bottom:1px solid #dedede;position:relative;}
#wingg{width:90%;height:auto;margin:10px auto;}
.winbtn{width:60%;display:block;margin:10px auto;background:#608ce3;border:none;color:white;border-radius:5px;height:26px;}
.wbtn{width:60%;display:block;margin:10px auto;background:#c3604b;border:none;color:white;border-radius:5px;height:26px;}

#desk_notice{bottom:70px;}
#desk_tel{bottom:70px;}
#desk_focus{bottom:10px;}

.deskicon{width:50px;height:50px;position:fixed;right:10px;background:#608ce3;border-radius:25px;border:1px solid white;color:white;}