html{ overflow-y:scroll;}
body { width: 100%; font-family:"微软雅黑"; }


/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ display:block; content:''; visibility:hidden; height:0px; clear:both;}
.clearfix{ zoom:1;}

a{ color:#666;}
a:hover{ color:#0097cf;}


.header { min-width: 1190px; height: 70px; }
.h-context { width: 1190px; margin: 0 auto; overflow: hidden; }
.logo { position: relative; width: 226px; height: 70px; float: left; background: url(../images/logo.png) left center no-repeat; background-image: -webkit-image-set(url(../images/logo.png)1x); }
.logo a { position: absolute; width: 100%; height: 100%; }
.logo img { display: block; }
.h-nav { float: left;padding-top:19px; margin-left:180px; }
.h-nav a { display: block; float: left; height: 24px; padding: 5px; margin-right: 30px; }
.h-login { text-align: right; height: 17px; margin: 27px 0px 26px 0px; float: right; }
.h-login a { line-height: 17px; margin-left: 10px; }
.sub-menu { width: 100%; min-width: 1000px; background: #FFF; }
.sub-menu ul.class-list { width: 600px; margin: 0 auto; overflow: hidden; }
.sub-menu ul.class-list li { float: left; padding: 6px 0; margin-right: 26px; }
.sub-menu ul.class-list li a { width: 70px; height: 70px; display: block; }
.sub-menu ul.class-list li img { width: 70px; height: 70px; }
.sub-menu ul.class-list li span { display: block; text-align: center; font-size: 10px; position: relative; z-index: 999; }
.sub-menu ul.class-list li span:hover { color: #a8aaab; }
.howdy { width: 100%; margin: 0 auto; }
.howdy a{ display:block;}
.howdy a img { width: 100%; display:block;}
.index_banner, .index_banner2 { min-width: 100%; overflow: hidden; position: relative; z-index: 100; }
.banner_list { position: relative; padding:0px;}
.banner_list li { position: absolute; width: 100%; overflow: hidden }
.banner_list li img { position: absolute; left: 50%; margin-left: -960px }
.banner_list li a{text-indent: -999px;width: 100%; display:block;}
.footer { width: 100%; display: block; background: #f3f3f2; }
.f-links { }
.f-copyri { clear: both; height: 50px; background: #232828; }
.copyright { width: 1190px; height: 50px; line-height: 50px; margin: 0 auto; }
.copyright span { float: left; }
.f-back { float: right; }
.lf-a ul { width:185px; float:left; display: block; padding-top: 10px; }
.lf-a ul li a { color: #9ba2a2; }
.lf-a ul li a:hover { cursor: pointer; }
.links { width: 1190px; margin: 0 auto; padding: 20px 0; }
/**产品子导航**/
.product-navi { width: 100%; background: #FFF; overflow:hidden; padding-bottom:30px;z-index: 101; border-bottom: #D3D6D6 solid 1px; }
.p-navi { margin: 0 auto;}
.pn-list { height: 28px; text-align:right; margin-top: 19px; line-height: 28px; transition: all ease-out 0.8s; -webkit-transition: all ease-out 0.8s; -moz-transition: all ease-out 0.8s; -o-transition: all ease-out 0.8s; }
.pn-lists { text-align: center; margin-top: 19px; line-height: 28px; transition: all ease-out 0.8s; -webkit-transition: all ease-out 0.8s; -moz-transition: all ease-out 0.8s; -o-transition: all ease-out 0.8s; }
.pn-list a { margin-right: 10px; font-size: 12px; display:inline-block; padding:2px 25px;}
.pn-list a.current,.pn-list a:hover{ color:#fff; background:#333; border-radius:10px;}
.pn-lists a { width: 116px;padding:10px 15px; font-size: 14px; border-radius:10px; font-family: "微软雅黑", "Hiragino Sans GB", "Heiti SC", Arial, Helvetica, sans-serif; }
.pn-lists a:hover { color:#fff; background:#333; }
.pn-lists .color { color: #fff;background:#333; }
.navi-fixed a.fl-top-index { color: #999999; }
.product-navi a:hover { cursor: pointer; }
.pn-list a.pn-bye { display: inline-block; width: 94px; padding:2px 0px; height: 28px; text-align: center; background: #00CCFF; color:#fff; border-radius:10px; margin-right: 0px; }
.p-icon { float: left; }
.p-icon img { display: none; }
p.more{ margin-top:15px;}
p.more a{ display:block; width:120px; font-size:12px; text-align:center; height:30px; line-height:30px; border:1px solid #ddd; border-radius:10px;}
p.more a:hover{ background:#333; border-color:#333; color:#fff;}
/**二维码**/
.copyright-right .share .wx{position: relative; }
.copyright-right .share .wx:hover .wechart-qrcode{ display:block;z-index: 99999;}
.copyright-right .share .wx:active .wechart-qrcode{ display:block;z-index: 99999;}
.copyright-right .share .wx .wechart-qrcode {max-width: 300px; height:300px; display:none; position: absolute; left:-130px; bottom: 20px; z-index: 99999; }
.copyright-right { width: 390px; float: left; }
.copyright-right .share { text-align: right; padding: 10px 150px 0 0; }
.copyright-right .share a { display:inline-block; margin:0 auto;padding: 0 5px; }
.copyright-right .lx-tel { margin-top: 10px; }
p.beian { text-align: left; color: #83898a; font-size: 12px; line-height: 24px; }
p.phone { text-align: right; color: #83898a; font-size: 20px; line-height: 24px; }
/**关于我们**/
/*  .mod-s2 { text-align: center; border-bottom: 1px solid #CFCFCF;}
.mod-s2 h2 { text-align: center; font-size: 30px; color:4d4e52; }*/

/**简介**/
.about-ms { width: 100%; min-height: 800px; background: url(../images/beijing.png) center bottom no-repeat; background-size: cover; text-align: center; padding-top: 70px; position: relative; }
.about-ms .about-con { position: relative; z-index: 2; }
.about-ms .abg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:#717577; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.about-ms h3 { color: #fff; font-size: 24px; margin-bottom: 48px; }
.about-ms .txt { line-height: 2em; color: #fff; text-align: left; width: 845px; margin: 84px auto; font-size: 14px; }
.about-ms .txt p { text-indent: 2em }
/**历史**/
.lishi { width: 100%; min-height: 800px; background: url(../images/fzlx.jpg) center bottom no-repeat; background-size: cover; text-align: center; padding-top: 70px; position: relative; }
.lishi .lishi-con { position: relative; z-index: 2; }
.lishi .lis { position: absolute; left: 0; top: 0; bottom: 0; right: 0; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.course_nr{width:100%;}
.course_nr2{width:1190px; min-height:850px; margin:0 auto;position:relative; }
.course_nr2 li{float:left; height:68px; width:68px; border-radius:44px; text-align:center; line-height:24px; border:10px solid rgba(255,255,255,0.3);}
.course_nr2 li .date{ position:absolute; top:0px; left:0px; background:#0097cf; width:68px; height:68px; border-radius:68px; color:#fff; text-align:center;}
.course_nr2 li:hover{}
.course_nr2 .first{position:absolute; bottom:229px; left:0px;}
.course_nr2 .second{position:absolute; bottom:167px; left:233px; }
.course_nr2 .third{position:absolute; bottom:279px; left:394px;}
.course_nr2 .fourth{position:absolute; bottom:249px; left:597px;}
.course_nr2 .fifth{position:absolute; bottom:411px; left:737px;}
.course_nr2 .sixth{position:absolute; bottom:363px; left:955px;}
.course_nr2 .seventh{position:absolute; bottom:519px; right:-20px;}
.shiji{ position:absolute; width:200px; left:-100%; bottom:50px; display:none; background: url(../images/sanjiao.png) no-repeat bottom center; padding-bottom:13px;}
.sanjiao{ background:#fff; border-radius:15px; min-height:90px; padding:10px;}
.shiji h1{ height:30px; line-height:30px; color:#518dbb; font-weight:bold;}
.shiji p{ line-height:14px; color:#404040; line-height:24px;}
/**加入我们**/
.jb-email { width: 100%; min-height: 800px; background: url(../images/beijing.jpg) center bottom no-repeat; background-size: cover; text-align: center; padding-top: 70px; position: relative; }
.jb-email .join-con { position: relative; z-index: 2; }
.jb-email .abg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:#717577; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.jb-email h3 { color: #fff; font-size: 24px; margin-bottom: 48px; }
.jb-email .txt { line-height: 2em; color: #fff; text-align: left; width: 845px; margin: 84px auto; font-size: 14px; }
.jb-email .txt p { text-indent: 2em }
/**新闻中心**/
.ny-newszd { line-height: 85px; font-size: 24px; text-align: center; color: #666f6f; border-bottom: #ededf4 solid 1px;}
.right-list { width: 1190px; margin: 0 auto; overflow:hidden; clear:both;padding-top: 30px; margin-bottom: 20px; }
.ny-news-list { width:32.4%; float: left; margin:5px; border: #DEE0E0 solid 1px; }
.ny-news-list:hover{ box-shadow:2px 3px 10px rgba(0,0,0,0.15);}
.ny-news-list span { padding: 0 17px; line-height: 30px; color: #9BA2A2; font-size: 12px; }
.ny-news-list h5 { font-weight: normal; font-size: 16px; line-height: 30px; padding: 0 17px; }
.ny-news-list h5 a { min-height:60px; display:block;}
.ny-news-list img { width: 380px; height: 180px; }
.ny-news-list p { width: 100%; padding:0px 10px; text-align:left; color:#666; font-size:14px; line-height:24px;}
.ny-news-list .mshu{ min-height:96px;}

/**官方视频**/
.ny-videozd { line-height: 85px; font-size: 24px; text-align: center; color: #666f6f; border-bottom: #ededf4 solid 1px; }
.viceo{width:1190px; margin:0 auto;  overflow:hidden; padding:30px 0;}
.right-video{ margin-left:-10px; padding-bottom:15px; overflow:hidden;}
.da_shipin{}
.right-video h5 { font-weight: 400; line-height: 30px; padding: 20px 40px; font-size: 24px;color: #333333; }
.video-img {cursor: pointer; position: relative; width:170px; margin-bottom:40px; overflow: hidden; float: left; margin-left:10px; }
.video-img img{ width:170px; height:100px;}
.video-capImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; cursor: pointer; }
.video-img:hover .video-capImg { display: block; }
.video-img p{ font-size: 12px; color: #999; text-align:center; line-height:24px;}

.shaixuan{ width:1190px; margin:15px auto 0px auto; padding-top:15px;}
.shaixuan a{ padding:5px 15px; border:1px solid #ddd; border-radius:10px;}
.shaixuan a.current,.shaixuan a:hover{ background:#0097cf; color:#fff; border-color:#0097cf;}
/**效果展示**/
.ny-effect { line-height: 85px; font-size: 24px; text-align: center; color: #666f6f; border-bottom: #ededf4 solid 1px; }
.img-lists { width: 1190px; margin: 20px auto; padding-bottom: 30px; overflow: hidden; background: #fff; border-radius: 8px; border: 1px solid #dcdcdc; border-color: rgba(0,0,0,.14); box-shadow: 0 3px 8px -6px rgba(0,0,0,.1) }
.img-lists:first-child { margin-top: 0; }
.img-lists h3 { margin-bottom: 20px; position: relative; z-index: 5; border-bottom: 1px solid #d4d4d4; border-radius: 8px 8px 0 0; box-shadow: rgba(0,0,0,.06) 0 1px 7px; background: #f3f3f3; background: -webkit-linear-gradient(#fbfbfb, #ececec); background: linear-gradient(#fbfbfb, #ececec); line-height: 60px; font-size: 18px; padding: 0 0 0 30px }
.img-lists h3 a { margin: 10px 10px 0 10px; padding: 0 25px; background: linear-gradient(#fff, #ececec); cursor: pointer; height: 38px; border: 1px solid #dbdde2; border-radius: 8px; font-size: 14px; line-height: 38px; color: #666; display: inline-block; float: right }
.img-lists ul { overflow: hidden; margin: 0 45px; }
.img-lists li { float: left; width: 260px; height: 195px; border: 1px solid #e5e5e5; margin: 0 12px 10px 0; text-align: center; overflow: hidden }
.img-lists li a img { width: 260px; height: 195px; }
/**购买指南**/
.ny-guide { line-height: 85px; font-size: 24px; text-align: center; color: #666f6f; border-bottom: #ededf4 solid 1px; }
.guide { padding-bottom: 30px; overflow: hidden; }
.goumai{}
.songhuo{}
.gou_text{ width:1190px; margin:0px auto;}
.gou_text h1{ font-family:"微软雅黑"; font-size:16px; color:#333; margin-bottom:15px; margin-top:20px;}
.gou_text{ font-size:16px; line-height:30px; color:#666; line-height:24px;}
.gou_text p.bg_pp{ background:#f0f0f0; padding:5px 20px; margin-bottom:2px;}
.songhuo p.border_pp{ padding:5px 20px;}


/*music*/
.music-list{ width:100%; overflow:hidden; background:#f0f0f0; z-index:999; border-radius:0px;}
.music-head{ height:52px; padding:10px; width:100%; text-align:center;background:#999;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eba79', endColorstr='#096',GradientType=0 );}
:root .music-head{filter:none;}
.music-head a{ display:inline-block; *display:inline; *zoom:1; width:32px; height:32px; margin-right:5px; cursor:pointer;}
.music-head a.prev-music{ width:24px; height:24px; background:url(../images/previous.png) center no-repeat; }
.music-head a.prev-music:hover{ background:url(../images/previous_hover.png) center no-repeat;}
.music-head a.next-music{ width:24px; height:24px; background:url(../images/next.png) center no-repeat; }
.music-head a.next-music:hover{ background:url(../images/next_hover.png) center no-repeat;}
.music-head a.play-music{ background: url(../images/play.png) center no-repeat;}
.music-head a.play-music:hover{background:url(../images/play_hover.png) center no-repeat;}
.music-head a.stop-music{ background:url(../images/stop.png) center no-repeat;}
.music-head a.stop-music:hover{background:url(../images/stop_hover.png) center no-repeat;}

.music-list ul li{ font-size:14px; background:#f0f0f0; color:#666; clear:both; height:40px; line-height:40px; overflow:hidden;}
.music-list ul li span{display: inline-block; float:left; text-align:center;}
.music-list ul li span.s1{ width:5%;}
.music-list ul li span.s2{ width:40%;}
.music-list ul li span.s3{ width:20%;}
.music-list ul li span.s4{ width:20%;}
.music-list ul li span.s5{ width:15%;}
.music-list ul li:nth-child(2n) {background:#fff; }
.music-list ul li a{ display:block; width:20px; height:40px; margin:0 auto; background:url(../images/play2.png) center no-repeat; }
.music-list ul li a.stop-music{ background:url(../images/stop2.png) center no-repeat;}
.music-list ul li:hover a{ display:block;}
.music-list ul li.playing{ background:#333; color:#fff;}
.music-list ul li a:hover{ cursor:pointer;}

/*news_xq*/
.news_xq{ width:1170px; margin:20px auto; background:#fff; padding:10px; clear:both;}
.n-back{ color:#000; font-weight:bold; margin-bottom:20px;}
.n-title h1{ font-family:"微软雅黑"; font-size:24px; color:#333; margin-bottom:10px;}
.nn-time{ color:#999;}
.news-artic{ border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
.na-context{ color:#666; font-size:14px; line-height:24px;}
.fanye{ border-top:1px dashed #999; margin-top:20px; margin-bottom:10px; overflow: hidden; padding-top:10px;}
.fanye a:hover{ text-decoration:underline;}

/*xiangguang*/
.xiangguan{ clear:both;overflow:hidden; padding-top:25px;}
.xiangguan h1{ font-family:"微软雅黑"; font-size:16px; color:#333; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px;}
.xiangguan ul{ clear:both;}
.xiangguan ul li{ float:left; width:50%; line-height:30px; font-size:14px;}
.xiangguan ul li a{ display:block; color:#666;}
.xiangguan ul li a:hover{ text-decoration:underline; color:#0097cf;}

/*tiyan*/
.tiyan{ width:1190px; margin:0px auto; padding:30px 0px; overflow:hidden; min-height:350px;}
.tiyan ul{ clear:both; margin-left:-20px;}
.tiyan ul li{ float:left; width:370px; font-size:14px; color:#666; line-height:24px; margin-left:20px;}
.tiyan ul li .typic{width:370px; height:200px; overflow:hidden;}
.tiyan ul li img{ width:370px; height:200px; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.tiyan ul li:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

/*售后*/
.shouhou{ width:1190px; margin:0px auto; padding:20px 0px;}
.sh_tel{ font-family:Arial; font-size:35px; font-weight:bold; color:#0097cf;}
.sh_tel p{ font-weight:normal; font-size:16px; font-family:"微软雅黑"; color:#333;}
.sh_text{ color:#666; font-size:14px; line-height:30px;}

/*weixiu*/
.weixiu{ width:1190px; margin:0px auto; margin:0px auto; padding:20px 0px;}
.biaoge{clear:both;}
.biaoge .bb1{ margin-left:-40px; clear:both; overflow:hidden;}
.biaoge .b1{ margin-left:40px;}
.biaoge .b1,.biaoge .b2{ margin-bottom:7px;}
.biaoge .b1 input{ width:563px; height:38px; border:1px solid #ddd; line-height:38px; background:#fff; font-family:"微软雅黑"; font-size:14px; padding-left:10px; color:#656565; outline:none; text-transform:uppercase;}
.biaoge .bb2{ clear:both;}
.biaoge .bb2 .b2 textarea{ width:1188px; height:113px; border:1px solid #ddd; line-height:38px; background:#fff; font-family:"微软雅黑"; font-size:14px; padding-left:10px; color:#656565; outline:none; text-transform:uppercase;}
.biaoge .bb2 .b3 input{ width:1200px; border:1px solid #ddd; line-height:38px; background:#fff; font-family:"微软雅黑"; font-size:14px; padding-left:10px; color:#656565; outline:none; text-transform:uppercase; cursor:pointer;}
.biaoge .bb2 .b3 input:hover{ background:#0097cf; color:#fff; border-color:#0097cf;}

.biaoti{ font-family:"微软雅黑"; font-size:16px; color:#333; margin-bottom:15px; margin-top:15px;}

/*音乐*/
.yinyue{ width:1190px; margin:30px auto 50px auto;}
.tgyylisth{ text-align:center; font-family:"微软雅黑"; font-size:24px; color:#333; margin-bottom:15px;}
.yinyue table{ border-collapse:collapse;}
.yinyue table td{ border:1px solid #ddd;}
.shipinw{ width:600px; margin:20px auto;}
.da_shipin{ width:100%; background:#f0f0f0;}

/*定制*/
.dingzhi_tj{ padding-top:310px; width:1200px; margin:0px auto;}
.in2{ height:51px; line-height:51px; margin-top:2px;}
.in_left{ width:599px;}
.in_left input{ padding-left:16px; width:583px; font-size:18px; color:#fff; border:none; height:51px; overflow:hidden; background:rgba(91,91,91,0.53);}
.in_left input[type=submit]{ background:rgba(91,91,91,1); width:599px; height:51px; line-height:51px; border:none;  outline:none; cursor:pointer;}
.in_right{ width:599px;}
.in_right input{ padding-left:16px; width:583px; background:rgba(91,91,91,0.53); height:51px; line-height:51px; font-size:18px; color:#fff;}
.in_right a{ display:block; width:379px; padding-left:220px; background:rgba(91,91,91,0.53); height:51px; line-height:51px; font-size:18px; color:#fff;}
.in_right a img{ width:23px; height:16px; display: inline-blockt;}
.in1{ width:1200px; margin-top:2px;}
.in1 input{ padding-left:16px; width:1184px; background:rgba(91,91,91,0.53); height:51px; line-height:51px; font-size:18px; color:#fff;}
.in3{ width:1200px; background:rgba(91,91,91,0.53); margin-top:2px;}
.in3 textarea{ padding-left:16px; font-size:18px; color:#fff; width:1184px; line-height:30px; min-height:150px; padding-top:15px; outline:none;}

.mecare-con{width:100%; margin:0 auto; padding:0px;}
.headee{ height:70px;}

.page_turner { display:block; width:100%; margin:0 auto;padding:0px; text-align:center;}
.page_turner a, .page_turner span {display:inline; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#304189; color:#FFF; }

@media(max-width:768px){
	.index_banner{ height:300px!important;}
	.banner_list li{ height:300px!important;}
	.links{width: 100%;}
	.links .f-theme{width: 100%;}
	.links .f-theme ul{width: 50%;}
	.links .copyright-right{width: 100%;}
	.f-copyri{width: 100%; height: 100px; line-height: 100px; margin: 0 auto;}
	.f-copyri .copyright { width: 100%; margin: 0 auto; }
	.sub-menu{ min-width:100%!important;}
	.sub-menu .class-list{width:100%!important;}
	.p-navi{width: 100%;}
	.pn-list{ text-align:center;}
	.gou_text{width: 100%;}
	.about-ms .about-con .txt{width: 100%;}
	.jb-email .join-con .txt{width: 100%;}
	.tiyan{width: 100%;}
	.shouhou{width: 100%;}
	.weixiu{width: 100%;}
	.right-list{width: 100%;}
	.ny-news-list img{width: 100%; height:auto;}
	.viceo{width: 100%;}
	.shipinw{width: 100%;}
	.shipinw embed{width: 100%;}
	.img-lists{width: 100%;}
	.news_xq{width: 100%;}
	.biaoge .bb2 .b2 textarea{width: 100%;}
	.biaoge .bb2 .b3 input{width: 100%;}
	.p-navi .lishi-con .clearfix .course_nr2{width: 100%; padding:0px;}
	.course_nr2 .first{position:absolute; top:50px; left:10%;}
	.course_nr2 .second{position:absolute; top:50px; left:60%; }
	.course_nr2 .third{position:absolute; top:250px; left:10%;}
	.course_nr2 .fourth{position:absolute; top:250px; left:60%;}
	.course_nr2 .fifth{position:absolute; top:500px; left:10%;}
	.course_nr2 .sixth{position:absolute; top:500px; left:60%;}
	.course_nr2 .seventh{position:absolute; top:700px; left:10%;}
	.p-navi .lishi-con .clearfix .course_nr2 li .shiji{display:block;}
	.yinyue{width: 100%;}
	.yinyue .music-list ul{padding:0px;}
}