﻿@charset "utf-8";

body{margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; font-family:"微软雅黑"; color:#333; width:100%; background:#fff;}

ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}

h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}

select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}

input:focus { outline: none;}

input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }

textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

textarea,input,select { background:none; border:none; margin:0; padding:0;}

article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0;  vertical-align:top;}

a{ color:#666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}

a:focus {outline:none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#e0143f;}

.fl{ float:left;}.fr{ float:right;}

.yh{font-family:"微软雅黑";}

.hidetxt{ display:none;}

.clear{clear:both;}

.clearfix{overflow:hidden;_zoom:1;}

.w1200{width:1200px; margin:0px auto;}

.red{color:#e0143f;}

.red2{color:#fe0501;}



/*公用样式*/

.effect-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow:  hidden;}

.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}

.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}



.Title03{line-height:62px; text-align:center;}

.Title03 h2{font-size:30px; color:#222222; background:url(../images/line5.jpg) no-repeat center bottom;}

.Title03 p{line-height:36px; text-transform:uppercase; color:#a1a1a1;}



.Title04{background:url(../images/titbg2.png) no-repeat center top; text-align:center;}

.Title04 h2{font-size:24px; color:#6a6a6a; line-height:54px;}



.Title06{height:44px; line-height:44px; background:url(../images/dot.png) repeat-x left bottom;}

.Title06 span.name{font-size:16px; color:#000000; font-weight:bold; border-bottom:3px solid #e0143f; display:inline-block; line-height:37px;}

.Title06 i{padding-left:5px; font-size:14px; color:#979797;}

.Title06 .more{display:inline-block; width:60px; height:15px; line-height:15px; text-align:center; color:#999999; background:#efefef; float:right; margin-top:16px; border-radius:6px;}



.Title07{height:49px; line-height:49px; text-align:center;}

.Title07 b{display:inline-block; font-size:30px; color:#1f1f1f;}

.Title07 span.bg{background:url(../images/titbg3.png) no-repeat center center; padding:0px 12px; height:25px; width:91px; display:inline-block;}



.Position{font-size:14px; line-height:45px; color:#404040;}

.Position a,.Position span{color:#404040;}



/*pages*/

.Pages{width:100%; text-align:center; font-size:14px; margin-bottom:44px; color:#707070;}

.Pages b{font-weight:normal; display:inline-block; width:26px; border:1px solid #cdcdcd; margin:0px 5px;}

.Pages a{display:inline-block; height:26px; line-height:26px; border:1px solid #cdcdcd; color:#707070; margin:0px 2px; width:60px;}

.Pages .num a{border:none; padding:0px 7px; height:28px; line-height:28px; width:auto;}

.Pages .p_page{padding-left:10px;}

.Pages .p_count{margin-left:16px;}

.Pages .p_cur{margin:0px 16px;}

.Pages .btn{padding:0px 19px; border:1px solid #cdcdcd; height:26px; line-height:26px;}

.Pages a:hover{background:#e0143f; border:1px solid #e0143f; color:#fff;}

.Pages .num a:hover,.Pages a.a_cur{color:#e0143f; border:none; background:none;}







/*top*/

.Header{width:100%; position:relative; left:0px; top:0px; z-index:9999; height:129px; overflow:hidden;} 

.Top{font-size:12px; color:#323232; height:25px; line-height:25px; background:#fff;}

.Topbtn li{float:left; margin-right:22px; padding-left:27px; position:relative;}

.Topbtn li.sj{background:url(../images/t1.png) no-repeat left center;}

.Topbtn li.wx{background:url(../images/t2.png) no-repeat left center;}

.Topbtn li.kf{background:url(../images/t3.png) no-repeat left center;}

.Topbtn li.li{padding-left:15px; background:url(../images/line.png) no-repeat left 8px;}

.Topbtn li.li a.am{display:block; padding-right:13px; background:url(../images/down.png) no-repeat right center;}

.Topbtn li.nobg a{background:none;}

.Topbtn li a{color:#6d6d6d; display:block;}

.Topbtn li .btnnav{position:absolute; width:67px; left:0px; top:25px; display:none; border:1px solid #e0143f; text-align:center; z-index:999; background:#fff;}
.Topbtn li.li .btnnav{width:95px;}

.Topbtn li .btnnav img{display:block; width:100%;}

.Topbtn li .btnnav dd a{padding:0;}

.Topbtn li .btnnav dd a:hover{color:#e0143f;}



.LogoNavbg{background:url(../images/logonavbg.png) repeat-y; padding:17px 0px 0px; height:87px; overflow:hidden;}

.LogoNavbg .w1200{position:relative;}

.Logo{width:180px; float:left;}

.Logo img{display:block; width:100%;}



.Yhj{width:83px; position:absolute; right:0px; top:-17px;}



.Yhj img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}

.Yhj:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1); top:0px; left:0px;}



.NavBottom{background:#af0c2e; height:40px;}

.CategoryBox{width:228px; position:relative; float:left; background:#e0143f;}

.CategoryBox .name{display:block; line-height:40px; text-align:center; color:#fff; font-size:16px;}

.Category{position:absolute; width:224px; top:100%; left:0px; border:2px solid #e0143f; border-top:none; background:#fff; display:none; z-index:99; height:509px;}

.Category dl{padding:0px 10px;}

.Category dl:last-child .box{border-bottom:none;}

.Category dl .box{border-bottom:1px dashed #cbcbcb; padding:3px 0px 5px;}

.Category dl .box dt{line-height:22px; height:22px;}

.Category dl .box dt .icon{width:24px; height:22px; position:relative; display:inline-block;}

.Category dl .box dt .icon .i1,.Category dl .box dt .icon .i2{position:absolute; left:0px; top:0px;}

.Category dl .box dt .icon .i1{ transition: 400ms;}

.Category dl .box dt .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}

.Category dl:hover .box dt .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}

.Category dl:hover .box dt .icon .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }

.Category dl .box dt em{font-size:14px; color:#333333; font-weight:bold; display:inline-block;vertical-align:super;}

.Category dl dd{line-height:20px; height:20px; overflow:hidden; color:#666666;}

.Category dl dd a{padding-right:10px; color:#999999;font-weight:bold;}

.Category dl:hover{background:#e0143f;}

.Category dl:hover dt em,.Category dl:hover dd,.Category dl:hover dd a{color:#fff;}



.CategorySlide{position:absolute; width:263px; top:0px; left:226px; height:507px; border:2px solid #e0143f; border-left:none; background:url(../images/opacity.png) repeat; display:none;}

.CategorySlide .con{padding:16px 20px;}

.CategorySlide .con .title{height:34px; line-height:34px; font-size:16px; color:#2c2c2c; font-weight:bold; border-bottom:1px solid #bfbfbf;}

.CategorySlide .con .info{padding:8px 0px 0px;}

.CategorySlide .con .info a{font-size:14px; line-height:34px; display:inline-block; color:#2c2c2c; margin:0px 9px;}

.CategorySlide .con .info a:hover{color:#e0143f;}



.DataBox{width:595px; height:29px; line-height:29px; border:1px solid #e0143f; float:left; margin:4px 0px 0px 20px; text-align:center; color:#fff; font-size:14px; background:#820a23;}

.DataBox b{font-size:20px;}

.DataBox i{padding:0px 16px;}



.Search{width:311px; padding-left:25px; height:29px; line-height:29px; border:1px solid #e0143f; background:#820a23; margin:4px 0px 0px; float:right; position:relative;}

.Search .input{font-size:14px; color:#f1b3c0; height:29px; line-height:29px; width:265px;}

.Search .btn{position:absolute; width:19px; height:19px; background:url(../images/btn.png) no-repeat; top:4px; right:20px;}





/*nav*/

.Nav{width:846px; float:left; margin-left:67px;}

.Nav li{width:105px; float:left; text-align:center;}

.Nav li .icon{width:40px; height:40px; overflow:hidden; position:relative; display:block; margin:0 auto;}

.Nav li .icon .i1,.Nav li .icon .i2{position:absolute; left:0px; top:0px;}

.Nav li .icon .i1{ transition: 400ms;}

.Nav li .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}

.Nav li:hover .icon .i2,.Nav li.onnav .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}

.Nav li:hover .icon .i1,.Nav li.onnav .icon .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }

.Nav li em{display:block; font-size:14px; color:#ff1c4c; font-weight:bold; line-height:32px;}

.Nav li:hover em,.Nav li.onnav em{color:#fff;}



/*banner*/

.Banner{position:relative; overflow:hidden; height:511px; margin-left:228px; width:972px;}

.Banner .item a{display:block; width:100%; height:511px;}

.Banner .owl-dots{position:absolute; text-align:center; height:4px; bottom:40px; left:0; width:100%;}

.Banner .owl-dots .owl-dot{width:23px; height:4px; display:inline-block; margin:0 3px; text-indent:9999; line-height:9999; overflow:hidden; background:#fff;}

.Banner .owl-dots .owl-dot.active{background:#ff1c4c;}





/*bottom*/

.Footer{background:#373737;}

.FriendLink{height:50px; line-height:50px; border-bottom:1px solid #8b8b8b; position:relative; padding-left:70px;}

.FriendLink em{position:absolute; left:0px; top:0px; color:#d1d1d1; font-weight:bold; font-size:14px;}

.FriendLink .con{height:50px; overflow-y:scroll;}

.FriendLink .con a{color:#d1d1d1; padding-right:20px;}



.Footer .box{padding:22px 0px 19px; border-bottom:1px solid #8b8b8b;}

.Fleft{width:282px; float:left;}

.Fleft .flogo{margin-bottom:25px;}

.Fleft .info dl{margin-bottom:10px;}

.Fleft .info dl,.Fleft .info dl dt a{color:#d1d1d1;}

.Fleft .info dl dt{padding-left:34px; height:27px; line-height:27px; font-size:14px;}

.Fleft .info dl.i1 dt{background:url(../images/b1.png) no-repeat;}

.Fleft .info dl.i2 dt{background:url(../images/b2.png) no-repeat;}

.Fleft .info dl dd{line-height:17px; padding-left:34px;}



.Sitepath{width:584px; float:left;}

.Sitepath dl{padding-left:20px; width:126px; background:url(../images/line4.png) no-repeat left 16px; float:left;}

.Sitepath dl dt{font-size:16px; line-height:32px; color:#fff;}

.Sitepath dl dd a{display:block; font-size:14px; line-height:36px; color:#c7c7c7;}

.Sitepath dl dd a:hover{color:#e0143f;}



.Weixin{width:300px; float:right;}

.Weixin dl{width:140px; float:left; margin-left:10px;}

.Weixin dl img{display:block; width:100%;}

.Weixin dl em{display:block; font-size:14px; line-height:30px; text-align:center; color:#aeaeae;}



.Bottom{line-height:24px; color:#c7c7c7; text-align:center; padding:27px 0px;}

.Bottom a{color:#c7c7c7;}

.Bottom img{display:inline-block; margin:15px 11px 0px;}

#back-to-top{position:fixed; width:50px; top:30%; right:0px;}



/*index*/

.Main{background:#f3f3f3;}

.HomeVideo{margin:5px 0px 0px;}

.HomeVideo li{width:237px; float:left; margin-right:3.7px;}

.HomeVideo li:nth-child(5n){margin-right:0;}

.HomeVideo li img{display:block; width:100%; height:150px;}



.Aptitude{margin:18px 0px;}

.Aptitude li{width:20%; float:left; background:#e2e2e3 url(../images/star.png) no-repeat right bottom; position:relative;}

.Aptitude li:nth-child(2n){background:#ebebeb url(../images/star.png) no-repeat right bottom;}

.Aptitude li .icon{position:absolute; width:56px; height:55px; left:14px; top:34px;}

.Aptitude li .icon img{display:block; width:100%;}

.Aptitude li .txt{padding:41px 28px 0px 100px; height:89px; font-size:14px; line-height:19px; color:#4e4e4e;}



.Title01{height:38px; line-height:38px; margin-bottom:18px;}

.Title01 .name{font-size:24px; color:#333333; margin-right:27px; float:left;}

.Title01 .hd{float:left; font-size:16px; color:#7c7c7c;}

.Title01 .hd li{display:inline-block;}

.Title01 .hd li a{display:inline-block; color:#7c7c7c;font-weight:bold;}

.Title01 .hd i{padding:0px 15px;}

.Title01 .hd li.on a{color:#e0143f;font-weight:bold;}



.HomeRecommend{width:942px; float:left;}

.HomeRecommend .bd{height:546px; overflow:hidden;}

.Recommend dl dd{width:226px; float:left; border:1px solid #eaeaea; float:left; margin:0px 10px 15px 0px;}

.Recommend dl dd:nth-child(4n){margin-right:0px;}

.Recommend dl dd .picbox{padding:9px 40px 10px 11px; height:60px; background:url(../images/tjbg.png) no-repeat; position:relative;}

.Recommend dl dd .picbox .pic{width:60px; float:left;}

.Recommend dl dd .picbox .pic img{display:block; width:100%;border-radius:8px;}

.Recommend dl dd .picbox .info{width:106px; float:left; margin-left:9px; font-size:14px;}

.Recommend dl dd .picbox .info a{display:block; line-height:22px; color:#2c2c2c; font-weight:bold;}

.Recommend dl dd .picbox .info b{display:block; line-height:28px;}

.Recommend dl dd .picbox .btn{position:absolute; width:18px; top:0px; right:8px;}

.Recommend dl dd .picbox .btn img{display:block; margin-top:8px;}

.Recommend dl dd .txtbox{padding:18px 10px 8px; background:#fff; height:60px; line-height:24px; color:#9b9b9b;}

.Recommend dl dd .txtbox b{font-weight:normal; font-size:16px;}

.Recommend dl dd .txtbox .btn{text-align:center; margin-top:10px;}

.Recommend dl dd .txtbox .btn a{width:83px; height:25px; line-height:25px; color:#00a0e9; border:1px solid #00a0e9; display:inline-block; margin:0px 3px;}

.Recommend dl dd:hover{border:1px solid #e592a4;}



.HomeRanking{width:240px; float:right;}

.RankingTab{background:#fff; border:1px solid #eaeaea; padding:6px 18px 0px; height:523px;}

.RankingTab .hd{text-align:center;}

.RankingTab .hd i{padding:0px 25px; color:#dfdfdf;}

.RankingTab .hd li{display:inline-block; line-height:25px;}

.RankingTab .hd li a{display:block; color:#666666;}

.RankingTab .hd li.on a{border-bottom:2px solid #e0143f; color:#e0143f;}



.RankingList{padding:14px 0px 0px;}

.RankingList dd.style{margin-bottom:14px; background:url(../images/up.png) no-repeat right center; border-top:none; height:60px; line-height:60px;}

.RankingList dd.style em.num{font-size:22px; color:#e0143f; font-family:Arial;}

.RankingList dd.style .img{display:inline-block; border-radius:8px; width:50px; height:50px; overflow:hidden; margin-right:10px;}

.RankingList dd.style a.name{color:#666666;}



.RankingList dd{height:36px; line-height:36px; overflow:hidden; border-top:1px dashed #eaeaea;}

.RankingList dd em{display:inline-block;}

.RankingList dd em.num{color:#9b9b9b; width:28px;}

.RankingList dd a.name{color:#0172b3;}



.FlowBox{background:#fff;}

.FlowBox li{width:20%; float:left; text-align:center; padding:21px 0px;}

.FlowBox li img{display:block; width:60px; margin:0 auto; margin-bottom:14px;}

.FlowBox li em{display:block; font-size:14px; color:#656464;}

.FlowBox li:hover{box-shadow:0px 0px 20px #eaeaea;}



.VioceRecommend{background:#fff; padding-bottom:30px;}

.VideoBox .title{font-size:30px; line-height:82px; color:#4d4d4d; text-align:center; font-weight:bold;}



.VideoSelect dl{width:242px; float:left;}

.VideoSelect dl dt{height:40px; line-height:40px; background:#e0143f; color:#fff; text-align:center; font-size:18px; font-weight:bold;}

.VideoSelect dl .box{height:312px; border:1px solid #eeeeee; border-top:none; overflow:hidden;}

.VideoSelect dl .ShowList{padding:22px;}

.VideoSelect dl .ShowList li{font-size:14px; height:24px; overflow:hidden; text-align:center;}

.VideoSelect dl .ShowList li a{display:block; color:#666666;}

.VideoSelect dl .HiddenList{padding:28px 0px 0px; display:none;}

.VideoSelect dl .HiddenList li{width:25%; float:left; text-align:center; margin-bottom:16px;}

.VideoSelect dl .HiddenList li img{display:block; width:32px; height:32px; overflow:hidden; border-radius:8px; margin:0 auto;} 

.VideoSelect dl .HiddenList li em{display:block; height:24px; overflow:hidden; margin:9px 0px 0px; color:#666666;}

.VideoSelect dl:nth-child(2n) dt{background:#6ac6f7;}

.VideoSelect dl.on{width:474px;}

.VideoSelect dl.on .ShowList{display:none;}

.VideoSelect dl.on .HiddenList{display:block;}

.VideoSelect dl.on .box{border:1px solid #e0143f; border-top:none;}

.VideoSelect dl:nth-child(2n).on .box{border:1px solid #6ac6f7; border-top:none;}



.VideoSorts{margin:22px 0px;}

.VideoSorts li{width:25%; float:left; position:relative; height:142px; overflow:hidden;}

.VideoSorts li.v1{background:#f96e30;}

.VideoSorts li.v2{background:#5fc17b;}

.VideoSorts li.v3{background:#58d1cc;}

.VideoSorts li.v4{background:#fbb343;}

.VideoSorts li .info{padding:25px; color:#fff; line-height:30px; font-size:18px;}

.VideoSorts li .info .name{display:block; font-size:22px; line-height:38px; font-weight:bold; background:url(../images/line2.png) no-repeat left bottom;}

.VideoSorts li .effect-img{position:absolute; right:0px; bottom:0px; width:113px;}

.VideoSorts li .effect-img img{display:block; width:100%;}

.VideoSorts li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}



.VideoCase{padding-bottom:14px;}

.VideoCase .title{font-size:24px; line-height:42px; color:#333333;}

.VideoCase .title a{color:#333333;}

.VideoCase li{background:#fff; padding:6px; width:216px; float:left; margin:0px 15px 13px 0px;}

.VideoCase li:nth-child(5n){margin-right:0px;}

.VideoCase li .effect-img{position:relative;}

.VideoCase li .effect-img img{display:block; width:100%; height:138px;}

.VideoCase li em{position:absolute; width:100%; left:0px; bottom:0px; height:27px; line-height:27px; background:url(../images/opacity2.png) repeat; text-align:center; color:#fff; z-index:3;}

.VideoCase li .play{width:39px; height:38px; position:absolute; top:50%; left:50%; margin:-19px 0px 0px -19px; background:url(../images/play.png) no-repeat; z-index:2; display:none;}

.VideoCase li:hover .play{display:block;}



.VideoPlay{width:910px; height:510px; position:fixed; top:50%; left:50%; margin:-225px 0px 0px -450px; display:none; z-index:99;}

.VideoPlay .con{border-radius:10px; overflow:hidden;}

.VideoPlay .video{display:block; width:100%;}

.VideoPlay .close{position:absolute; width:50px; height:50px; top:-20px; right:-20px; background:#fff; color:#333; text-align:center; line-height:50px; border-radius:50%; font-size:30px;z-index:999;}



.HomeCooper{background:#fff; padding:15px 0px 8px; margin-bottom:15px;}

.HomeCooper .title{font-size:24px; line-height:49px;}

.HomeCooper .title a{color:#333333;}

.CooperBox li{width:226px; margin:0px 15px 15px 0px; border:1px solid #e8e8e8; float:left;}

.CooperBox li:nth-child(5n){margin-right:0px;}

.CooperBox li .effect-img{position:relative;}

.CooperBox li .effect-img img{display:block; width:100%; height:148px;}

.CooperBox li .play{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/opacity2.png) repeat; display:none;}

.CooperBox li .play i{background:url(../images/play.png) no-repeat center center; display:block; height:148px;}

.CooperBox li:hover .play{display:block;}



/*MP3 播放器*/

.PlayerSlide{position:fixed; left:0px; top:80%; z-index:9999;}

.PlayerSlide .PlayBox{width:128px; height:100px; position:absolute; left:0px; top:0px;}

.PlayerSlide .PlayBox .picbox{width:100px; height:100px; position:relative; border-radius:0px 4px 4px 0px; overflow:hidden;}

.PlayerSlide .PlayBox .picbox .pic{display:block; width:100%; height:100px;}

.PlayerSlide .PlayBox .picbox .maskbg{position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:4; background:url(../images/opacity2.png) repeat;}

.PlayerSlide .PlayBox .picbox .play{position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:5; background:url(../images/player.png) no-repeat center center;}

.PlayerSlide .PlayBox .btn-more{position:absolute; top:0px; right:0px; width:26px; height:100%; background:#000 url(../images/btnright.png) no-repeat center center; opacity:0.7; border-radius:4px; overflow:hidden;}

.PlayerSlide .PlayBox:hover .picbox .play{background:url(../images/playeron.png) no-repeat center center;}

.PlayerSlide .PlayBox:hover .btn-more{opacity:1;}

.PlayerSlide .PlayBox .picbox .play.pause{background:url(../images/pause.png) no-repeat center center;}
.PlayerSlide .PlayBox:hover .picbox .play.pause{background:url(../images/pausehover.png) no-repeat center center;}

.PlayerSlide .MiniPlay{ position:absolute; left:-670px; top:0px; width:670px; height:100px;}

.PlayerSlide .MiniPlay .SliderRight{width:640px; height:100px; background:#000; opacity:0.7; border-radius:0px 4px 4px 0px; overflow:hidden;}

.PlayerSlide .MiniPlay .SliderRight .Playbtn{width:50px; margin:25px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Playbtn a{display:block; width:50px; height:50px; background:url(../images/player.png); background-size:100% 100%;}

.PlayerSlide .MiniPlay .SliderRight .Playbtn a:hover{background:url(../images/playeron.png); background-size:100% 100%;}

.PlayerSlide .MiniPlay .SliderRight .Videobtn{width:40px; margin:30px 30px 30px 10px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Videobtn a{display:block; height:40px; background:url(../images/g_voice.png) center center no-repeat;}

.PlayerSlide .MiniPlay .SliderRight .Videobtn a:hover{background:url(../images/g_voice_hover.png) center center no-repeat;}

.PlayerSlide .MiniPlay .SliderRight .PlayTitle{width:250px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .PlayTitle .title{margin:20px 0px; height:17px; line-height:17px; color:#fff;}

.PlayerSlide .MiniPlay .SliderRight .Downbtn{width:25px; margin:37px 0px 0px 50px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Downbtn a{display:block; height:25px; background:url(../images/g_player_down.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Downbtn a:hover{background:url(../images/g_player_down_hover.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Sharebtn{width:40px; margin:30px 0px 0px 22px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Sharebtn a{display:block; height:40px; background:url(../images/g_player_share.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Sharebtn a:hover{background:url(../images/g_player_share_hover.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Pausebtn{width:25px; margin:30px 0px 0px 22px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Pausebtn a{display:block; height:40px; background:url(../images/pause_btn.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Pausebtn a:hover{background:url(../images/pause_btn_hover.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Listbtn{width:24px; margin:40px 0px 0px 25px; float:left;}

.PlayerSlide .MiniPlay .SliderRight .Listbtn a{display:block; height:20px; background:url(../images/player_list.png) no-repeat center center;}

.PlayerSlide .MiniPlay .SliderRight .Listbtn a:hover{background:url(../images/player_listc.png) no-repeat center center;}

.PlayerSlide .MiniPlay .btn-more{position:absolute; top:0px; right:0px; width:26px; height:100%; background:#000 url(../images/btnleft.png) no-repeat center center; opacity:0.7; border-radius:4px; overflow:hidden;}

.PlayerSlide .MiniPlay:hover .btn-more{opacity:1;}



.PlayerSlide .PlayBox,.PlayerSlide .MiniPlay{transition:all 0.5s ease 0.0s;}

.PlayerSlide .PlayBox.hidden{left:-128px;}

.PlayerSlide .MiniPlay.show{left:0px;}

/*MP3 播放器*/



.Title02{height:46px; line-height:46px; padding-left:10px; background:url(../images/line3.png) no-repeat left center;} 

.Title02 .name{float:left; font-size:18px; color:#333333; width:113px;}

.Title02 .hd{float:left; font-size:14px; color:#7c7c7c;}

.Title02 .hd li{display:inline-block;}

.Title02 .hd li a{display:inline-block; color:#7c7c7c;}

.Title02 .hd i{padding:0px 6px;}

.Title02 .hd li.on a{color:#e0143f;}

.Title02 a.more{float:right; color:#e0143f;}

.CopyWrite{width:802px; float:left;}

.CopyWrite .bd{background:#fff; padding:12px 26px 0px 8px; height:280px; overflow:hidden;}

.WriteBox .pic{width:226px; float:left;}

.WriteBox .pic img{display:block; width:100%;}

.WriteBox .WriteList{width:520px; float:right; padding:26px 0px 0px;}

.WriteBox .WriteList dd{width:240px; float:left; height:35px; line-height:35px; border-bottom:1px dashed #c1c1c1;}

.WriteBox .WriteList dd:nth-child(2n){float:right;}

.WriteBox .WriteList dd a{color:#8f8f8f; display:block;}

.WriteBox .WriteList dd i{padding-right:6px;}

.WriteBox .WriteList dd:hover a{color:#e0143f;}



.HomeQuestion{width:374px; float:right;}

.Question{padding:4px 15px 0px; background:#fff; height:289px; overflow:hidden;}

.Question ul li{font-size:14px; color:#8f8f8f; line-height:20px; padding:10px 0px 6px; border-bottom:1px dashed #c1c1c1;}

.Question ul li .wen,.HomeQuestion ul li .da{position:relative; padding-left:30px; min-height:26px; height:auto !important; height:26px;}

.Question ul li .wen{margin-bottom:10px; line-height:26px; height:26px; overflow:hidden;}

.Question ul li i{width:26px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#fff; position:absolute; left:0px; top:0px; border-radius:50%;}

.Question ul li .wen i{background:#e0143f;}

.Question ul li .da i{background:#6ac6f7;}



.HomeMeun{padding:26px 0px 20px;}

.HomeMeun li{width:14.285%; float:left; text-align:center;}

.HomeMeun li img{display:inline-block;}

.HomeMeun li em{display:block; font-size:14px; line-height:36px; color:#333333;}



/*样音试听*/

.SelectBox{padding:10px 0px 0px;}

.SelectBox dl{position:relative; padding:10px 0px 10px 80px; line-height:27px; min-height:27px; height:auto !important; height:27px; font-size:16px; border-bottom:1px solid #e0e0e0;}

.SelectBox dl:last-child{border-bottom:none;}

.SelectBox dl dt{font-weight:bold; color:#707070; position:absolute; top:9px; left:0px;}

.SelectBox dl dd a{display:inline-block; padding:0px 11px; color:#707070; margin-right:15px;}

.SelectBox dl dd a:hover,.SelectBox dl dd a.on{background:#e0143f; border-radius:5px; color:#fff;}



.VideoSounds .select{padding:10px 0px; text-align:right; line-height:20px; font-size:14px; color:#707070;}

.VideoSounds .select .checkbox{width:10px; height:10px; vertical-align:middle; margin-right:6px;}

.VideoSounds .select .start{display:inline-block; width:55px; text-align:center; border-radius:3px; color:#fff; background:#2aaeeb; margin-left:25px;}



.VideoTab .VideoTit{background:#f6f6f6; border-top:2px solid #e0e0e0; height:36px; line-height:36px; font-size:14px; color:#a4a4a4; text-align:center;}

.VideoTab .VideoTit dl .name{padding-left:100px; width:340px; text-align:left;}

.VideoTab dl{width:560px; float:left; padding-left:20px;}

.VideoTab .VideoTit dl:nth-child(2n),.VideoTab .VideoList dl:nth-child(2n){float:right;}

.VideoTab dl span{float:left;}

.VideoTab dl .name{width:440px;}

.VideoTab dl .st{width:44px;}

.VideoTab dl .xz{width:76px;}



.VideoTab .VideoList{padding:8px 0px 35px;}

.VideoTab .VideoList dl{height:40px; line-height:40px;}

.VideoTab .VideoList dl a{font-size:14px; color:#707070; display:block;}

.VideoTab dl .name a{display:inline-block;}

.VideoTab .VideoList dl .checkbox{width:10px; height:10px; margin-right:12px;}

.VideoTab dl:hover .name a{color:#e0143f;}



.VideoTab .VideoList dl img{display:block; width:26px; margin:9px auto 0px;}



/*配音老师*/

.TeacherSel{padding:16px 0px 0px;}

.TeacherSel .title{height:39px; border-bottom:1px solid #e0e0e0;}

.TeacherSel .title .Result{float:left; line-height:39px; font-size:14px; color:#1e1e1e;}

.TeacherSel .title .Keybtn{float:right; width:72px; height:30px; padding-left:8px; margin-right:40px; line-height:30px; background:#e0143f url(../images/key.png) no-repeat 62px center; }

.TeacherSel .title .Keybtn a{color:#fff;}

.TeacherSel .title .Keybtn a.zk{display:none;}



.SelTab dl{position:relative; padding:5px 88px 5px 175px; border-bottom:1px solid #e0e0e0; min-height:21px; height:auto !important; height:21px;}

.SelTab dl:last-child{border-bottom:none;}

.SelTab dl dt{font-size:14px; line-height:21px; color:#707070; position:absolute; left:0px; top:10px;}

.SelTab dl dd{width:855px; float:left;}

.SelTab dl dd a{display:inline-block; font-size:14px; color:#1e1e1e; margin-left:26px;padding: 0 3px;}

.SelTab dl dd i{width:13px; height:13px; background:url(../images/tick_normal.png) no-repeat; vertical-align:middle; margin-right:5px; display:none;}

.SelTab dl dd a i.on{background:url(../images/tick_selected.png) no-repeat;}

.ManySel{width:30px; height:23px; line-height:23px; text-align:center; color:#9b9b9b; border:1px solid #bfbfbf; float:right;}

.ManySel .wc{display:none;}



.Selbox{border:1px solid #e2e2e2; background:#fbfbfb; padding:5px; height:28px; margin-bottom:20px;}

.Selbox span{float:left; border:1px solid #c7c6c6; background:#fff; height:26px; line-height:26px; padding:0px 4px; position:relative; margin-right:12px;}

.Selbox span img{display:inline-block; vertical-align:middle; margin-left:4px;}

.Selbox span a{color:#4d4d4d;}

.Selbox span.jg{padding:0px 17px 0px 5px;}

.Selbox span.jg .up,.Selbox span.jg .down{width:9px; height:5px; position:absolute; right:4px;padding: 0 1px;}

.Selbox span.jg .up{top:7px; background:url(../images/updown.png) no-repeat left top;}

.Selbox span.jg .down{top:14px; background:url(../images/updown.png) no-repeat left bottom;}

.Result a{margin:0 6px; padding:0 12px 0 6px; text-decoration: none;background:#e0143f url(../images/a-hover.png) right no-repeat;border-radius: 5px;color: #fff;}

.SelTab dl dd a:hover, .SelTab dl dd a.on {background: #e0143f;border-radius: 5px;color: #fff;}

.Selbox span a:hover, .Selbox span a.on {background: #e0143f;border-radius: 1px;color: #fff;}

.Selbox span.jg a.up:hover, .Selbox span.jg a.up.on {background: url(../images/updown-hover.png) no-repeat left top;padding: 0 1px;}

.Selbox span.jg a.down:hover, .Selbox span.jg a.down.on {background: url(../images/updown-hover.png) no-repeat left bottom;padding: 0 1px;}

.Left{width:942px; float:left;}

.Left .Recommend dl{padding-bottom:17px;}

.Right{width:224px; float:right; border-left:1px solid #e2e2e2;}

.Wxbox{padding:0px 0px 40px 7px;}

.Wxbox .img{width:87px; float:left;}

.Wxbox em{width:124px; float:right; font-size:14px; line-height:24px; padding-top:20px; color:#e0143f;}



.MonthOrder .title{height:27px; line-height:27px; padding-left:10px; border-bottom:1px solid #e2e2e2; font-size:16px; color:#111111;}



.MonthOrder ul{padding:20px 0px 0px 10px;}

.MonthOrder ul li{height:32px; line-height:32px; margin-bottom:8px; font-size:14px;}

.MonthOrder ul li.style .num{color:#e0143f;}

.MonthOrder ul li .num{display:inline-block; width:18px; color:#4d4d4d;}

.MonthOrder ul li img{display:inline-block; vertical-align:middle; margin-right:10px; border-radius:50%; width:32px; height:32px;}

.MonthOrder ul li .name{display:inline-block; color:#111111;}

.MonthOrder ul li .data{float:right; color:#00a0e9;}



/*配音老师详情*/

.TeacherBox .pic{width:182px; float:left;}

.TeacherBox .pic img{width:100%; height:182px; display:block; border-radius:8px;}

.TeacherBox .txt{width:700px; float:left; margin-left:15px;}

.TeacherBox .txt .Name{font-size:22px; line-height:54px; color:#404040;}

.TeacherBox .txt dl{height:37px; line-height:37px;}

.TeacherBox .txt dl dt{width:182px; float:left; text-align:center; font-size:14px; color:#c2c2c2;}

.TeacherBox .txt dl dt em{display:block; font-size:18px; color:#fff; background:#e0143f;}

.TeacherBox .txt dl dt .num{font-size:18px; color:#424242; margin-left:5px;}

.TeacherBox .txt dl dd{float:left; margin-left:23px; padding:0px 28px; font-size:14px; color:#404040; background:#f5f5f5;}

.TeacherBox .txt dl dd b{padding:0px 9px;}

.TeacherBox .txt dl dd.sm{font-size:12px; color:#7b7b7b; background:none;}

.TeacherBox .txt .ask{display:block; width:140px; height:36px; line-height:36px; border-radius:20px; background:#2aaeeb; font-size:18px; text-align:center; color:#fff; margin-top:12px;}



.ewm{width:120px; margin:16px 0px 0px 72px; float:left; border:1px solid #f5d598;}

.ewm img{display:block; width:100%;}

.ewm em{display:block; text-align:center; line-height:24px; color:#e0143f;}

.bdsharebuttonbox{float:right; border:1px solid #cccccc; background:#f4f5f4; border-radius:5px; height:28px; line-height:28px; padding-left:6px; width:52px; margin-top:16px;}

.bdsharebuttonbox .bds_more{padding-left:20px !important; background:url(../images/share.png) no-repeat left center !important;}

.bdshare_popup_bg{position:static !important;}


.ActiveContent .bdsharebuttonbox{float:none; border:none; background:none; border-radius:0; height:auto; padding-left:0; width:auto; margin-top:0;}
.ActiveContent .bdshare_popup_bg{position:absolute !important;}




.Teacherins{margin:25px 0px;}

.Teacherins .title{height:37px; line-height:37px; padding:0px 12px; background:#f5f5f5; font-size:18px; color:#404040; display:inline-block;}

.Teacherins .con{padding:14px 0px 44px; border-bottom:1px solid #e8e8e8;}



.TestVideo{position:relative; width:935px; float:left;}

.TestVideo .bd .down{position:absolute; top:0px; right:0px; width:116px; height:29px; line-height:29px; text-align:center; font-size:14px; color:#fff; background:#e0143f;}

.TestVideo .hd{hanging-punctuation:29px; line-height:29px; padding-bottom:8px; border-bottom:1px solid #ff6c8b; font-size:14px; color:#666666;}

.TestVideo .hd li{display:inline-block;}

.TestVideo .hd li a{display:block; padding:0px 12px;}

.TestVideo .hd li.on a{background:#e0143f; color:#fff;}

.TestVideo .bd{padding:20px 0px 0px;}

.TestList li{padding:0px 16px 0px 6px; background:#fafafa; height:45px; line-height:45px; font-size:14px;}

.TestList li:nth-child(2n){background:#fff;}

.TestList li .checkbox{display:inline-block; vertical-align:middle;}

.TestList li .num{display:inline-block; width:50px; text-align:center;}

.TestList li img{display:inline-block; vertical-align:middle;}

.TestList li .tit{padding-left:18px; color:#111111;}

.TestList li .downbtn{color:#666666; text-decoration:underline; float:right;}

.TestList .tabbtn{margin:35px 0px;}

.TestList .tabbtn a{display:inline-block; margin-right:20px; font-size:14px; color:#2aaeeb; line-height:29px;}

.TestList .tabbtn a.bg{margin:0px 12px; padding:0px 10px; background:#2aaeeb; color:#fff;}



.Related{border:1px solid #f6f6f6; width:238px; float:right;}

.Related .title{height:40px; line-height:40px; text-align:center; background:#f6f6f6; font-size:16px; color:#414141;}

.Related ul{padding:32px 30px 0px; height:446px; overflow:hidden;}

.Related ul li{padding-bottom:19px; margin-bottom:19px; border-bottom:1px solid #f6f6f6;}

.Related ul li .pic{width:60px; float:left; border:1px solid #f6f6f6;}

.Related ul li .pic img{display:block; width:100%;border-radius:8px;}

.Related ul li .txt{width:100px; float:right; padding:4px 0px 0px; line-height:27px; color:#414141;}



/*广告促销*/

.SubName{height:70px; line-height:70px;}

.SubName .name{display:inline-block; background:url(../images/arr1.png) no-repeat left center; padding-left:28px; font-size:18px; color:#1b1b1b;}

.SubName em{padding-left:52px; color:#7d7d7d; font-size:14px;}



.Ban img{display:block; width:100%;}

.Txtbox{margin:27px 0px 15px; border:1px solid #dddddd; border-radius:3px; background:url(../images/txtbg.png) repeat-x; height:46px; padding:0px 24px;}

.Txtbox img{display:inline-block; padding:14px 0px;}

.MeunList{border-bottom:1px solid #e0e0e0; padding-bottom:36px;}

.MeunList li{width:118px; height:60px; border:1px solid #fff; float:left;}

.MeunList li.m1{background:#967bdc;}

.MeunList li.m2{background:#f6bb43;}

.MeunList li.m3{background:#22b658;}

.MeunList li.m4{background:#ff974c;}

.MeunList li.m5{background:#a0d468;}

.MeunList li.m6{background:#d870ad;}

.MeunList li.m7{background:#f6bb43;}

.MeunList li.m8{background:#22b658;}

.MeunList li.m9{background:#42aedb;}

.MeunList li.m10{background:#37bd9c;}

.MeunList li.m11{background:#0c92d1;}

.MeunList li.m12{background:#ee95c8;}

.MeunList li.m13{background:#3baeda;}

.MeunList li.m14{background:#fb6e52;}

.MeunList li.m15{background:#f6bb43;}

.MeunList li.m16{background:#0c92d1;}

.MeunList li.m17{background:#fb6e52;}

.MeunList li.m18{background:#967bdc;}

.MeunList li.m19{background:#169fa5;}

.MeunList li.m20{background:#f6bb43;}

.MeunList li img,.MeunList li em{display:inline-block;}

.MeunList li em{font-size:16px; line-height:19px; color:#fff; padding:12px 0px 0px 6px; font-weight:bold;}



.OfferBox{border-top:1px solid #e0e0e0; padding:25px 0px 0px;}

.OfferBox .title{width:420px; padding:7px 0px 0px; height:76px; text-align:center; border-radius:40px; background:#e0143f; color:#fff; font-size:16px; line-height:29px; margin:0 auto;}

.OfferBox .title b{font-size:30px; line-height:40px; display:block;}



.OfferList{margin:20px 0px 28px;}

.OfferList li{width:582px; height:45px; line-height:45px; background:#f7f7f7; float:left; padding:0px 10px 0px 5px; font-size:14px;}

.OfferList li:nth-child(2n){float:right;}

.OfferList li:nth-child(4n),.OfferList li:nth-child(4n-1){background:#fff;}

.OfferList li img{display:inline-block; vertical-align:middle;}

.OfferList li .tit{margin-left:18px; color:#111111;}

.OfferList li .xd{font-size:14px; float:right; color:#666666; text-decoration:underline;}

.OfferList li a:hover{color:#e0143f;}



.CxMeun{padding:10px 0px 39px;}

.CxMeun li{width:224px; height:126px; background:#b2b2b2; margin-right:19px; float:left; font-size:22px; color:#fff; font-weight:bold; line-height:126px;}

.CxMeun li:nth-child(5n){margin-right:0;}

.CxMeun li img{display:inline-block; margin:0px 7px; vertical-align:middle;}



/*专业翻译*/

.SubBan img{display:block; width:100%;}

.TranslateBox{padding:30px 0px 14px;}

.TranslateBox dl{margin-bottom:28px;}

.TranslateBox dl dt{height:48px; line-height:48px; border-bottom:2px solid #249cd4;}

.TranslateBox dl dt .name{float:left; padding:0px 50px 0px 40px; text-align:center; background:#249cd4; font-size:22px; font-weight:bold; color:#fff;}

.TranslateBox dl dt .name img{display:inline-block; vertical-align:middle;}

.TranslateBox dl dt i{background:url(../images/titbg.png) no-repeat; width:30px; height:48px; float:left;}

.TranslateBox dl dd{background:#f7f7f7;}

.language{padding:24px 30px 20px 44px; font-size:14px; line-height:36px; font-weight:bold; color:#606060;}

.language i{padding:0px 15px;}



.TranslateBox{margin:0px 72px;}

.TranslateBox dl .type{padding:20px 50px 37px 47px;}

.TranslateBox dl .type li{width:151px; height:32px; line-height:32px; overflow:hidden; text-align:center; border:1px solid #bfbfbf; margin:0px 0px 4px 4px; float:left; font-size:14px; color:#606060; font-weight:bold;}

.TranslateBox dl .type .info{font-size:14px; padding-top:10px;}



.TranslateBox dl .step{padding:46px 0px 55px; text-align:center;}

.TranslateBox dl .step img{display:inline-block;}



.TranslateBox dl .StepList{padding:42px 46px 6px;}

.TranslateBox dl .StepList li{width:33.333%; float:left; margin-bottom:30px; font-size:16px; font-weight:bold; color:#606060;}

.TranslateBox dl .StepList li em{width:30px; height:30px; display:inline-block; margin-right:8px; border-radius:50%; text-align:center; line-height:30px; background:#e0143f; font-size:16px; font-family:Arial; color:#fff; font-weight:normal;}



.TranslateBox dl .Advange{padding:26px 56px;}

.TranslateBox dl .Advange .tit{width:131px; float:left; padding:26px 0px 0px;}

.TranslateBox dl .Advange .txt{width:774px; float:right; font-size:14px; color:#606060; font-weight:bold;}

.TranslateBox dl .Advange .txt i{padding-right:8px;}



.TranslateBox dl .info{font-size:14px; line-height:30px; color:#606060; padding:28px 46px 52px;}



/*视频后期*/

.PptService{padding:42px 0px 55px;}



.PptService .step li{width:398px; height:97px; padding:38px 0px 0px; float:left; margin-right:3px; background:#f0f0f0; border-radius:3px; text-align:center;}

.PptService .step li:nth-child(3n){margin-right:0px;}

.PptService .step li img{display:inline-block; margin-right:13px;}

.PptService .step li em{display:inline-block; font-size:16px; line-height:24px; color:#434343; font-weight:bold; background:url(../images/line5.jpg) no-repeat left bottom; padding:5px 0px 10px; text-align:left;}



.VcaseBox .Vclist{padding:10px 45px 48px;}

.VcaseBox .Vclist li{width:323px; float:left; position:relative; margin:0px 23px;}

.VcaseBox .Vclist li img{display:block; width:100%; height:243px;}

.VcaseBox .Vclist li .info{position:absolute; width:100%; left:0px; bottom:0px; background:url(../images/opacity2.png) repeat; text-align:center; color:#fff; font-size:14px; line-height:24px; padding:7px 0px 3px;}

.VcaseBox .Vclist li .info b{font-size:16px;}

.VcaseBox .Vclist li:hover .effect-img img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}



.VideoSrevice{background:url(../images/videobg.jpg) no-repeat center top; padding:55px 0px 0px;}
.VideoSrevice .Title03 h2{color:#fff;}
.Project{padding:40px 0px 55px;}

.Project li{width:400px; height:257px; float:left; position:relative; background:#f9f9f9; text-align:center;}

.Project li:nth-child(2n) .box h2,.Project li:nth-child(2n) .box .info{color:#fff;}

.Project li .box{padding:40px 36px 0px; position:relative; z-index:5;}

.Project li .box h2{font-size:22px; color:#343434; line-height:36px; margin-bottom:20px;}

.Project li .box .info{font-size:16px; color:#4b4b4b; line-height:30px;}

.Project li .pic{position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:0;}

.Project li .pic img{display:block; width:100%; height:257px;}

.Project li .maskbg{width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../images/opacity3.png) repeat; z-index:2;}



/*配音资讯*/

.NewsBox{padding:29px 0px 0px;}

.NewsBox .title{font-size:36px; line-height:50px; color:#404040; text-align:center; font-weight:bold;}

.Meuns{text-align:center; margin:30px 0px 66px;}

.Meuns a{display:inline-block; width:198px; height:40px; line-height:40px; border:1px solid #d2d2d2; border-right:none; font-size:16px; color:#3c3c3c; font-weight:bold; margin-left:-4px;}

.Meuns a:last-child{border-right:1px solid #d2d2d2;}

.Meuns a:hover,.Meuns a.on{background:#e0143f; color:#fff;}



.NewsList ul{padding-bottom:16px;}

.NewsList li{border:1px solid #c0d1d9; position:relative; height:136px; margin-bottom:14px;}

.NewsList li .effect-img{position:absolute; left:-1px; top:-1px;}

.NewsList li .effect-img img{display:block; width:100%; height:138px;}

.NewsList li .more{width:106px; height:136px; position:absolute; right:0px; top:0px; border-left:1px solid #c0d1d9; font-size:14px; color:#fff; background:#2aaeeb; text-align:center; line-height:136px;}

.NewsList li .txt{padding:12px 175px 0px 222px; font-size:14px; line-height:24px; color:#666666;}

.NewsList li .txt .tit{display:block; height:42px; line-height:42px; overflow:hidden; font-size:18px; color:#020202;}

.NewsList li .txt .info{height:48px; overflow:hidden;}

.NewsList li .txt .date{color:#b9b9b9;}

.NewsList li:hover .effect-img img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

.NewsList li:hover .txt .tit{color:#e0143f;}



/*新闻详情*/

.ActiveContent{margin:0px 0px 48px;}

.Atit{text-align:center; line-height:28px; position:relative;}

.Atit h2{font-size:20px; color:#333333;}

.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}

.Atit em i{padding:0px 12px;}

.bdsharebuttonbox{ display:inline-block; vertical-align:middle;}

.ContentAbout{padding:34px 0px 21px 0px; border-bottom:1px solid #e7e7e7;}

.PrevNextBox{padding-top:24px;}

.PrevNextBox dl{font-size:14px; line-height:33px;}

.PrevNextBox dl b{color:#000; font-weight:normal;}

.PrevNextBox dl a{color:#666666;}



/*公司简介*/

.About{padding:38px 0px 0px;}

.About .Gsjj{padding:36px 0px 42px;}

.About .Gsjj .pic{width:368px; float:left;}

.About .Gsjj .pic img{display:block; width:100%;}

.About .Gsjj .txt{width:790px; float:right; padding:25px 0px 0px;}

.About .Gsjj .txt .title{border-bottom:1px solid #dfdfdf; height:76px; line-height:76px;}

.About .Gsjj .txt .title span{display:inline-block; background:url(../images/line6.png) no-repeat left bottom; font-size:20px; color:#e0143f; font-weight:bold;}

.About .Gsjj .txt .info{padding:36px 0px 0px;}



.About_adv{background:#f4f4f4; padding:44px 0px 50px;}

.About_adv .txt{padding:25px 0px 0px; width:650px; float:left;}

.About_adv .txt .title{height:78px; line-height:78px; background:url(../images/line7.png) no-repeat left bottom; font-size:30px; font-weight:bold; color:#e0143f;}

.About_adv .txt .info{padding:33px 0px 0px; font-size:14px; color:#646464; line-height:30px; text-indent:2em;}

.About_adv .pic{width:494px; float:right;}

.About_adv .pic img{display:block; width:100%;}



.RangeBox{padding:45px 0px;}

.RangeBox .title{font-size:30px; height:42px; line-height:42px; color:#e0143f; text-align:center; font-weight:bold;}

.RangeBox .RangeList{padding:35px 0px 0px;}

.RangeBox .RangeList dl{height:50px; line-height:50px; background:#fafafa; margin-bottom:8px;}

.RangeBox .RangeList dl dt{width:240px; float:left; background:#2aaeeb; font-size:18px; font-weight:bold; color:#fff;}

.RangeBox .RangeList dl dt img{display:inline-block; vertical-align:middle; margin:0px 5px 0px 38px;}

.RangeBox .RangeList dl dd{float:left; padding:0px 18px; width:924px; font-size:14px; color:#767676;}



/*联系我们*/

.Contact{padding:38px 0px 32px;}

.Contact .info{padding:18px 0px 0px; font-size:14px; color:#7f7f7f; text-indent:2em; line-height:19px;}



.ContactWay{margin-bottom:50px;}

.ContactWay li{width:578px; float:left; border:1px solid #e7e7e7; background:#f6f6f6;}

.ContactWay li:nth-child(2n){float:right;}

.ContactWay li dl{margin:45px 30px 45px 55px; background:url(../images/add1.png) no-repeat right bottom; height:232px; overflow:hidden;}

.ContactWay li:nth-child(2n) dl{background:url(../images/add2.png) no-repeat right bottom;}

.ContactWay li dl dt{font-size:30px; color:#717171; line-height:36px; margin-bottom:17px; color:#717171; font-weight:bold;}

.ContactWay li dl dd{font-size:16px; line-height:36px; color:#717171;}



/*配音流程*/

.VideoStep{padding:38px 0px 0px;}

.VideoStep ul{margin:74px 0px 0px; background:url(../images/stepbg.png) no-repeat center 55px; height:444px; overflow:hidden; padding:0px 55px 0px 106px;}

.VideoStep ul li{width:130px; float:left; margin:0px 64px; text-align:center; margin-bottom:42px;}

.VideoStep ul li img{display:inline-block; padding:8px 0px;}

.VideoStep ul li em{display:block; font-size:16px; line-height:20px; height:40px; color:#444444;}



/*配音视频*/

.VcaseBox .pyList{padding:16px 0px 0px;}

.VcaseBox .pyList ul{padding-bottom:12px;}

.VcaseBox .pyList li{width:287px; float:left; margin:0px 17px 18px 0px;}

.VcaseBox .pyList li:nth-child(4n){margin-right:0;}



/*配音文案*/

.CopywriteBox{padding:20px 0px;}

.CopywriteBox .title{border-bottom:1px solid #e0143f; height:49px; line-height:49px; padding-left:46px; font-size:24px; color:#333333; background:url(../images/tit2.png) no-repeat left center;}

.CopyMeun{padding:0px 0px 40px;}

.CopyMeun a{display:inline-block; margin:8px 8px 0px 0px; width:192px; height:41px; line-height:41px; text-align:center; background:#f7f7f7; font-size:16px; color:#333333;}

.CopyMeun a:nth-child(6n){margin-right:0;}

.CopywriteBox .list{width:575px; height:265px; overflow:hidden; margin-bottom:27px;}

.CopywriteBox .list ul{padding:10px 0px 0px;}

.CopywriteBox .list li{padding-left:10px; background:url(../images/arr2.png) no-repeat left center; height:35px; line-height:35px; font-size:14px;}

.CopywriteBox .list li a{color:#666666;}

.CopywriteBox .list li span{float:right; color:#cccccc;}



/*播音员加盟*/

.JoinBox{padding:38px 0px 0px;}

.JoinBox .box{padding:26px 0px 40px;}

.JoinBox .pic{width:413px; float:left; margin-right:38px;}

.JoinBox .pic img{display:block; width:100%;}

.JoinBox .txt{padding:13px 0px 0px;}

.JoinBox .txt .title span{display:block; height:33px; line-height:33px; font-size:24px; color:#272727;}

.JoinBox .txt .title p{font-size:14px; line-height:22px; color:#b3b3b3;}

.JoinBox .txt .info{padding:13px 0px 0px; font-size:16px; line-height:36px; color:#5b5b5b;}



/*配音专题*/

.Pyjs{padding:64px 0px 50px;}

.Pyjs .pic{width:664px; float:left; margin-left:-42px;}

.Pyjs .pic img{display:block; width:100%;}

.Pyjs .Txt{width:535px; float:right; padding:22px 0px 0px;}

.Pyjs .Txt .info{padding:22px 0px 0px; font-size:16px; line-height:36px; color:#494949; text-indent:2em;}



.Yyst{padding:54px 0px 48px; background:#f7f7f7;}

.Yylist ul{padding:43px 0px 23px;}

.Yylist li{border:1px solid #e3e3e3; width:253px; height:48px; line-height:48px; float:left; background:url(../images/dot2.png) no-repeat 14px center; padding:0px 6px 0px 24px; margin:0px 20px 10px 0px;}

.Yylist li:nth-child(4n){margin-right:0px;}

.Yylist li a.tit{display:inline-block; font-size:13px; color:#1f1f1f;}

.Yylist li img{display:inline-block; float:right; padding:15px 3px 0px 0px}

.Yylist li:hover{border:1px solid #e0143f; background:url(../images/dot3.png) no-repeat 14px center;}

.Yylist li:hover a.tit{color:#e0143f;}



.Loadmore{display:block; margin:0 auto; width:168px; height:42px; line-height:42px; text-align:center; border-radius:3px; background:url(../images/morebg.png) repeat-x; font-size:20px; color:#fff; text-align:center;}



.Pylc{padding:45px 0px 29px; background:#f97d2c;}

.Pylc .tit{padding:12px 0px 0px; width:76px; font-size:36px; color:#fff; line-height:42px; float:left;}

.Pylc dl{background:url(../images/stepbg2.png) no-repeat left 45px; width:996px; float:right; padding-left:104px;}

.Pylc dl dd{text-align:center; width:172px; float:left; margin-right:102px;}

.Pylc dl dd:nth-child(4n){margin-right:0px;}

.Pylc dl dd img{display:inline-block;}

.Pylc dl dd em{display:block; font-size:14px; line-height:20px; height:40px; color:#fff; margin-top:12px;}



.AdvNews{padding:58px 0px 43px;}

.FocusBox{width:470px; margin-top:46px; height:400px; overflow:hidden; position:relative;}

.FocusBox .bd li img{display:block; width:100%; height:308px;}

.FocusBox .bd  li em{display:block; font-size:16px; font-weight:bold; color:#323232; height:64px; line-height:64px; background:url(../images/line8.png) no-repeat left bottom; text-align:center;} 

.FocusBox .hd{position:absolute; left:0px; bottom:0px; height:10px; width:100%; text-align:center;}

.FocusBox .hd li{display:inline-block; width:10px; height:10px; background:url(../images/dotpic.png) no-repeat left top; line-height:999; margin:0px 2px;}

.FocusBox .hd li.on{background:url(../images/dotpic.png) no-repeat left bottom;}

.Adv_List{width:660px; margin-top:46px;}

.Adv_List li{padding:20px 0px; border-bottom:1px dashed #d6d6d6;}

.Adv_List li .tit{display:block; font-size:16px; line-height:26px; color:#323232; font-weight:bold; height:26px; overflow:hidden; margin-bottom:9px;}

.Adv_List li .info{font-size:14px; line-height:24px; height:48px; overflow:hidden;}



.Ggwg{background:#f7f7f7; padding:59px 0px 78px;}

.TypeBox{width:472px; float:right; margin-top:68px;}

.TypeList a{display:inline-block; width:89px; height:40px; line-height:40px; border:1px solid #cccccc; text-align:center; margin:0px 4px 2px 0px; font-size:14px; color:#666666;}

.TypeList a:nth-child(5n){margin-right:0;}

.TypeList a:hover{border:1px solid #f62423; border:1px solid #f62423;}

.TypeBox .pic{padding:10px 0px 0px;}

.TypeBox .pic img{display:block; width:100%;}



.AdvTeacher{padding:55px 0px 46px;}



.TeacherSlide{margin:59px 73px 28px; height:323px; position:relative;}

.TeacherSlide li{width:244px; float:left; position:relative; margin-right:27px;}

.TeacherSlide li .pic{position:absolute; width:135px; height:135px; padding:8px; background:#fff; left:46px; top:0px; border-radius:50%; overflow:hidden;}

.TeacherSlide li .pic img{display:block; width:100%; height:135px; border-radius:50%; overflow:hidden;}

.TeacherSlide li .box{margin-top:65px; padding:89px 26px 0px; height:170px; background:#f5f5f5; text-align:center; font-size:14px; line-height:24px; color:#656565;}

.TeacherSlide li .box .name{display:block; height:53px; line-height:53px; border-bottom:1px solid #d9d9d9; font-size:20px; color:#393939; margin-bottom:14px;}

.TeacherSlide li .box b{color:#393939;}

.TeacherSlide li .box a.more{color:#656565;}

.TeacherSlide .prev,.TeacherSlide .next{position:absolute; width:60px; height:60px; top:164px;}

.TeacherSlide .prev{left:-73px; background:url(../images/prev.png) no-repeat left top;}

.TeacherSlide .next{right:-73px; background:url(../images/prev.png) no-repeat right top;}

.TeacherSlide .prev:hover{background:url(../images/prev.png) no-repeat left bottom;}

.TeacherSlide .next:hover{background:url(../images/prev.png) no-repeat right bottom;}



/*样音合辑*/

.Yshj{padding:28px 0px 43px;}

.HjList dd{width:253px; float:left; margin:30px 62px 30px 0px;}

.HjList dd:nth-child(4n){margin-right:0px;}

.HjList dd .pic{width:80px; float:left;}

.HjList dd .pic img{display:block; width:100%; height:80px;}

.HjList dd .Txt{width:158px; float:right; line-height:20px;}

.HjList dd .Txt .tit{display:block; font-size:14px; color:#666666; margin-bottom:5px; font-weight:bold;}

.HjList dd .Txt .info{color:#9b9b9b;}



/*合辑详情*/

.HjDetailBox{width:921px; float:left;}

.HjDetailBox .Hjinfo{margin-bottom:30px;}

.HjDetailBox .Hjinfo .box{width:520px; float:left; margin-right:52px;}

.HjDetailBox .Hjinfo .box .pic{width:146px; float:left;}

.HjDetailBox .Hjinfo .box .pic img{display:block; width:100%;}

.HjDetailBox .Hjinfo .box .txt{width:344px; float:right;}

.HjDetailBox .Hjinfo .box .txt .name{height:40px; line-height:40px; display:block; font-size:24px; color:#111111; margin-bottom:30px;}

.HjDetailBox .Hjinfo .box .txt dl{line-height:24px; font-size:14px; color:#9b9b9b;}

.HjDetailBox .Hjinfo .box .txt dl dd i{color:#666666; padding-left:25px;}

.HjDetailBox .Hjinfo .ewm{margin:0;}

.HjDetailBox .Hjinfo .bdsharebuttonbox{margin:0px 35px 0px 0px;}



.HjBox .hjbtn{background:#fbfbfb; border:1px solid #e2e2e2; padding:5px; height:28px;}

.HjBox .hjbtn a{display:inline-block; padding:0px 4px; height:26px; line-height:26px; border:1px solid #c7c6c6; background:#fff; margin-right:10px; color:#4d4d4d;}

.HjBox .hjbtn img{display:inline-block; vertical-align:middle; margin-left:5px;}



.HjBox .hjSelect{height:38px; background:#f6f6f6; border-top:1px solid #e2e2e2;}

.HjBox .hjSelect .sel{width:400px; float:left; line-height:38px; color:#4d4d4d;}

.HjBox .hjSelect .sel .checkbox{margin:0px 10px 0px 15px; display:inline-block; vertical-align:middle;}

.HjBox .hjSelect .HjSearch{width:190px; margin:5px 7px 0px 0px; position:relative; float:right;}

.HjBox .hjSelect .HjSearch .input{width:130px; height:25px; line-height:25px; border:1px solid #e2e2e2; padding:0px 10px; color:#cacaca; background:#fff;}

.HjBox .hjSelect .HjSearch .btn{width:38px; height:27px; line-height:27px; position:absolute; right:0px; top:0px; color:#4d4d4d;}



.HjVoice{padding:7px 0px 40px;}

.HjVoice dl{padding:0px 0px 0px 12px; height:40px; line-height:40px;}

.HjVoice dl .checkbox{width:10px; height:10px; margin-right:10px;}

.HjVoice dl .name{width:810px; float:left;}

.HjVoice dl .name a{font-size:14px; color:#707070;}

.HjVoice dl .st,.HjVoice dl .xz{width:44px; float:left;}

.HjVoice dl img{display:inline-block; vertical-align:middle;}

.HjVoice dl:hover a{color:#e0143f;}



.HjBox .select{text-align:center; line-height:20px; font-size:14px; color:#707070; margin-bottom:50px;}

.HjBox .select .checkbox{width:10px; height:10px; vertical-align:middle; margin-right:6px;}

.HjBox .select .start{display:inline-block; width:55px; text-align:center; border-radius:3px; color:#fff; background:#2aaeeb; margin-left:25px;}



.Relatehj{border:1px solid #f6f6f6; width:259px; float:right;}

.Relatehj .tit{height:40px; line-height:40px; background:#f6f6f6; font-size:16px; color:#414141; text-align:center;}

.Relatehj ul{padding:18px 26px 45px;}

.Relatehj ul li{margin-bottom:52px;}

.Relatehj ul li:last-child{margin-bottom:0px;}

.Relatehj ul li .pic{width:80px; float:left;}

.Relatehj ul li .pic img{display:block; width:100%; height:80px;}

.Relatehj ul li .name{width:114px; float:right; font-size:14px; line-height:19px; font-weight:bold; color:#666666; padding:6px 0px 0px;}



/*优惠券*/

.YhqBox{background:#fff url(../images/yhqbg.jpg) no-repeat center bottom; min-height:974px; height:auto !important; height:974px; padding:56px 0px;}

.YhqBox .title{padding:15px 0px 0px; height:84px; line-height:84px; background:url(../images/titbg4.png) no-repeat center top; text-align:center;}

.YhqBox .title span{display:inline-block; font-size:36px; font:bold; color:#fff; font-weight:bold;}

.YhqBox .wx{margin:10px auto 38px; width:142px;}

.YhqBox .wx em{display:block; font-size:16px; line-height:40px; color:#e02148; text-align:center;}

.YhqBox .wx img{display:block; border:1px solid #ee5f00; width:140px;}

.YhqBox .box{border:2px solid #f9e6c1; border-radius:5px; width:749px; margin:0 auto; padding:32px 52px 54px 85px;}

.YhqBox .box dl{line-height:45px; font-size:20px; color:#474747; position:relative; padding-left:40px; margin-bottom:25px;}

.YhqBox .box dl .num{display:inline-block; width:26px; height:26px; color:#fff; background:#ee5f00; font-size:20px; font-family:"黑体"; line-height:26px; text-align:center; border-radius:50%; position:absolute; left:0px; top:10px;}

.YhqBox .box dl .djq .sz{display:inline-block; background:url(../images/djq.png) no-repeat; width:202px; height:84px; line-height:84px; color:#fff; width:140px; text-align:center; padding-right:62px; font-size:35px;}

.YhqBox .box dl .djq .sz .je{font-size:63px; font-family:Arial;}

.YhqBox .box dl .djq .lq{font-size:16px; color:#fe0501; text-decoration:underline; margin-left:35px; display:inline-block;}

.YhqBox .box dl .dy{font-size:14px; background:url(../images/arr3.png) no-repeat center bottom; position:relative; top:-17px; line-height:42px; display:inline-block;}

.YhqBox .box dl .mt{margin-top:36px; display:inline-block;}

/*在线客服*/
.fl{float:left; display:inline;}
.c_meau{ width:125px; height:380px; position:fixed;  left:62%; margin-left:600px; bottom:-430px;  border-radius:5px; display:none; z-index:9999;}
.c_meau .fl{ width:125px;}
.c_meau .fl h4{ width:100%; height:61px; line-height:40px; color:#81511c; font-size:16px;  text-align:center; font-weight:bold; background:#FC0; border-radius:5px 5px 0 0;}
.c_meau .fl_o{ background:#E10217; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:12px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #C50114; width:108px; text-align:center; margin:auto auto 10px auto; }

.c_meau .fl_o_o dt{ font-size:14px; color: #fff;}
.c_meau .fl_o_o dd{ line-height:14px; color: #fff;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{cursor:pointer; font-size:14px; text-align:center; color:#81511c;width:100%; height:35px; line-height:35px;background:#FC0; border-radius:0 0 5px 5px;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{ margin:-16px 0 -11px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}





.suspension{position:fixed;z-index:55;right:0;bottom:285px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#b00c2f;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-34px 10px;}
.suspension .a-acart .i{background-position:-82px 10px;}
.suspension .a-top .i{background-position:-122px 10px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:5px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; }
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-qq1{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq1{background-position:center 3px;}
.suspension .d-service-item .i-qq2{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq2{background-position:center 3px;}
.suspension .d-service-item .i-qq3{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq3{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:14px;width:100%;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-acart{top:130px;}
.suspension .d-acart{text-align:center;}
.suspension .d-acart .inner-box{padding:20px 0;}
.suspension .d-acart p{font-size:16px;color:#93959c; line-height:30px; height:30px;}
/*在线客服*/