/* CSS Document */
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;font-size:12px;}
body{font:12px/1.5 "宋体",Tahoma,Helvetica,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{*font-size:100%;}
span,var,strong,em,p{word-wrap:break-word;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,i,strong,th,var{font-style:normal;}
ol,ul{list-style:none outside;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
table td{word-wrap:break-word;}
caption,th{text-align:left;}
input,textarea,select,button{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit;resize:none;}
input{outline: none;}
button{cursor:pointer;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none; color:#000;}
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
/*首页*/
html,body{height:100%;overflow:hidden;}
.bg{background:url("../image/index.jpg");}
.index{ width:100%; height:100%; padding-left:231px;}
.index-left{ background:url(../image/index-left.png) repeat; width:231px; height:100%; position:fixed; top:0px; left:0px;}
.logo{ width:100%; height:28%;}
.nav ul li{ font-family:"微软雅黑"; text-align:center; font-size:15px;color:#fff;height:2.7em;width:100%;line-height:2.7em;border-bottom:1px solid #9AA7B7;}
.nav ul li a{ color:#fff; line-height:100%; display:inline-block; height:100%;over-flow: hidden }
.nav{ height:50%; margin-top:5%;}
.nav ul{ height:100%;}
.copyright{ height:5%; padding-top:40%}
.copyright p{ width:80%; margin:0 auto; color:#f0f0f0;text-align: center;}
.index-right{ float:right; width:50%;}
.nav ul li.none{ border:none;}
.nav ul li:hover{ background:url(../image/index-left.png) repeat;}
.dynamic{ position:absolute; left:100%; top:66%; font-size:15px; font-family:"微软雅黑";}
.dynamic ul li{ padding:0 15px; width:13px; text-align:center; background:url(../image/dynamic3.png) repeat; padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
.dynamic ul li a{ color:#fff;}
.dynamic ul li a img{ padding-top:5px;}
.dynamic ul li a span img{ padding-top:10px;}
.index-right-top{ margin-right:10%;  float:right; margin-top:3%;}
.search{ float:left;}
.search1{ width:173px; height:31px; padding-left:5px; background:none; float:left; background:url(../image/search1.png) no-repeat; border:none; color:#fff;}
.sub{ width:31px; height:31px; float:left; background:url(../image/sub.png) no-repeat; border:none;}
.index-right-top p{ float:left;}
.index-right-top p a{ margin-left:12px;}
.index-right-center{ margin-top:15%;}
.value h4{ border-bottom:1px solid #FEFFFF; line-height:52px; width:75%; color:#fff; font-family:"微软雅黑"; font-size:18px; font-weight:100;}
.value p{ width:75%; line-height:30px; color:#fff; margin-top:16px;}
.value p a{ display:block; width:126px; height:33px; border:1px solid #fff; text-align:center; color:#fff; line-height:33px;}
.value{ margin-left:10%;}
.shares{}
/* drama-poster */
.content{height:335px;width:699px;margin:40px auto 0 auto;position:relative;overflow:hidden;}
.drama-poster{margin:0 auto;width:573px;height:142px;overflow:hidden;position:relative}
.drama-poster ul{width:10000px}
.drama-poster li{height:147px;}
.show-poster-3{width:573px;float:left; background:#DFEAEE;}
.show-poster-3 .img{display:block;width:573px;height:180px}
.show-poster-3 .title{display:none;width:105px;height:42px;background:url(../images/bg-index-img.png) 0 0 no-repeat;_background:url(../images/bg-index-img2.png) 0 0 no-repeat;position:absolute;color:#fff;padding:138px 15px 0 15px;line-height:1.5;top:0;}
.show-poster-3 .title:hover{color:#fff}
.drama-poster li.current .title{display:block}
.show-poster-3 .price{width:135px;height:20px;display:block;margin-top:10px;text-align:center;font-weight:bold;}
.show-poster-3 .arrow{display: none;position: absolute;bottom: 107px;width: 135px;height: 7px;overflow: hidden;background: url(../images/bg-channel-drama.png) 50% -350px no-repeat}
.current .arrow{display:block}
.show-poster-3 p{display:none;color:#999;line-height:20px;width:360px;height:94px;left:0;bottom:2px;border-top:1px dashed #ccc;z-index:10px;padding-top:10px}
.show-poster-3 p strong{color:#333;font-weight:normal;text-align:center;}
.drama-poster li.current p{display:block}
.drama-slide li{position:absolute;top:55px}
.drama-slide li.prev{left:0}
.drama-slide li.next{right:0}
.drama-slide li a{display:block;width:13px;height:25px;background:url(../images/bg-slide.png) no-repeat;text-indent:-1000em}
.drama-slide li.prev a{ background:url(../image/prev.png) no-repeat; width:32px; height:32px;}
.drama-slide li.prev a:hover{ background:url(../image/prev.png) no-repeat; width:32px; height:32px;}
.drama-slide li.next a{ background:url(../image/next.png) no-repeat; width:32px; height:32px;}
.drama-slide li.next a:hover{ background:url(../image/next.png) no-repeat; width:32px; height:32px;}
.show-poster-3 dl dt{ float:left; padding-top:16px; padding-left:21px;}
.show-poster-3 dl dd{ float:left; padding-left:30px; width:360px; line-height:24px; color:#959597;}
.show-poster-3 dl dd.shares1{ line-height:40px; font-size:14px; color:#7f7f7f; padding-top:15px;}
/*简介*/
.bg1{background:url("../image/index1.jpg");}
.index-right1{ float:right; width:55.5%;padding-left: 10px;background: #131313;height: 100%;}
.index-right-top1{ margin-right:5%; width:50%; float:right; margin-top:3%; margin-bottom: 15px;}
.index-right-top1 p{ float:left;}
.index-right-top1 p a{ margin-left:12px;}
.Introduction span{}
.Introduction{ margin-top:15px; margin-left:10%;}
.infinite{ margin-top:2%; margin-bottom:1%;}
.infinite1{ line-height:30px; color:#fff; font-size:14px; text-indent:28px; width:95%;}
/*新闻动态*/
.bg2{background:url("../image/index2.jpg");}
.news{ margin-top:15px; margin-left:8%; width:90%;}
.news h3{ width:90%; border-bottom:1px solid #313131; padding-bottom:1%;}
.news-left{ float:left; width:50%;}
.news-right{ float:left; width:50%;}
.news-left ul li{ color:#C7C7C7; line-height:42px;}
.news-left ul li a{ color:#C7C7C7;}
.news-right-top{ color:#fff; padding-top:5%;}
.news-right-top span{ background:url(../image/news-right-top.jpg) no-repeat; line-height:28px; padding-left:26px;}
.news-right-top p{ line-height:28px;}
.pic{ padding-top:5px;}
.page{}
.page a{ display:inline-block; padding:0 10px; background:#B7B7B7; height:28px; line-height:28px; margin-right:6px;}
.page a:hover{ background:#B9911F;}
/*联系我们*/
.bg3{background:url(../image/index3.jpg) no-repeat; width:100%; height:100%;}
.index-right2{ width:41%; float:right;}
.Contact{ margin-top:12%; margin-left:5%;}
.Contact h3{ margin-bottom:10%;}
.Contact1{ border-bottom:1px solid #FEFEFE; margin-bottom:10%; padding-bottom:10%;}
/*客户服务*/
.bg4{background:url(../image/index4.jpg) no-repeat;}
.customer{ margin-top:15px; margin-left:10%; width:90%;}
.customer h3{ border-bottom:1px solid #4C4C4C; margin-top:5%; padding-bottom:2%;}
.customer1 img{ margin-top:3%; margin-right:2%;}
/*公司招聘*/
.bg5{background:url(../image/index5.jpg) no-repeat;}
.recruitment{ margin-top:15px; margin-left:20px;}
.recruitment h3{ margin-bottom:2%;}
.recruitment-right{ margin-left:5%;}
.recruitment1{ width:90%;}
.name{ width:257px; height:36px; border:1px solid #848484; margin-bottom:18px; color:#8D8D8D; padding-left:12px;}
.name1{ width:269px;height:36px; border:1px solid #848484; margin-bottom:18px; color:#8D8D8D; padding-left:10px;}
.message{ width:245px; height:151px; padding:12px;color:#8D8D8D; border:1px solid #848484;}
.send{ width:269px; height:36px; background:#535353; border:1px solid #878787; color:#fff; margin-top:5px;}
.excellence{ font-family:"微软雅黑"; font-size:16px; color:#fff; line-height:30px; padding:5px; color:#fff;}
.work{ color:#b4b2b2; line-height:24px; margin: 10px 0;}
.recruitment1{ border-bottom:1px dashed #8B8B8B; padding-bottom:10px;}

.job1 ul li a{ color:#a8a8a8;}
.job1 ul li{ color:#a8a8a8; font-size:14px; line-height:24px;}
.job1 ul li span{ float:right;}
.job h4{ padding:10px 0px;}
.index-right-top2{ padding-left:80px; margin-top:3%;}
.index-right-top2 p{ float:left;}
.index-right-top2 p a{ margin-left:12px;}
.job1 ul.job2{ border-right:1px solid #CB1311; padding-left:0%;}
/*公司活动*/
.bg6{background:url(../image/index6.jpg) no-repeat;}
.index-right3{ width:93%; float:right;}
.right3-left{ float:left;}
.right3-right{ float:left;}
.right3-left{ float:left; width:53%;}
.right3-right{ float:left; width:47%;}
.corporation{ width:80%; background:url(../image/corporation.png) repeat; margin-top:15%; padding:5%;}
.corporation span{ display:block;}
.corporation h4 b{ float:right; font-weight:100;}
.corporation h4{ font-weight:100; font-size:14px; color:#fff; border-top:1px solid #9295B6; padding-top:3%; margin-top:2%;}
.corporation p{ color:#fff; margin-top:2%;}
.activities{ margin-top:15px; margin-left:20px;}
.activities h4{ margin-bottom:3%;}
.activities2{ position: relative;float:left;margin-left:7%; margin-top:3%;}
.activities3{ height:40%; background:url(../image/activities3.png) repeat; width:100%;}
.activities3 h5{ font-size:16px; width:95%; margin:0 auto; border-bottom:1px dashed #0D0000;}
.activities3 p{ width:95%; margin:0 auto;}
/*荣誉资质*/
.bg7{background:url(../image/index7.jpg) no-repeat;}
/*成长之旅*/
.travel{ height:483px; background:url(../image/travel.jpg) no-repeat top center;}
.travel1{ width:1000px; margin:0 auto;}
.travel1-top1{ float:left; margin-left:49px; margin-top:70px;}
.travel1-top2{ float:left; margin-left:126px; margin-top:6px;}
.travel1-top3{ float:left; margin-left:171px; margin-top:55px;}
.travel1-top4{ float:left; margin-left:48px; margin-top:103px}
.travel1-top1 img,.travel1-top2 img,.travel1-top3 img,.travel1-top4 img,.travel1-top5 img,.travel1-top6 img,.travel1-top7 img{border-radius:50%;}
.travel1-top5{ float:left; margin-left:38px; margin-top:91px}
.travel1-top6{ float:left; margin-left:54px; margin-top:48px}
.travel1-top7{ float:left; margin-left:472px; margin-top:37px}
.travel1-top{ height:224px;}
.choose{ background:url(../image/choose.jpg) no-repeat top center; height:130px;}
.choose1{ width:1000px; height:130px; margin:0 auto;}
.choose1 p{ padding-left:363px; line-height:18px; padding-top:28px; width:600px; color:#fff;}
.journey{ background:url(../image/journey.jpg) no-repeat top center; height:579px;}
.journey1{ margin:0 auto;}
.brigade p{ float:left;}
.brigade{ padding-top:85px;}
.brigade p.culture{ width:128px; height:155px; float:left; background:url(../image/culture.jpg) no-repeat; margin-left:124px;}
.brigade p.stories{ width:128px; height:155px; float:left; background:url(../image/stories.jpg) no-repeat; margin-left:170px;}
.brigade p.develop{ width:128px; height:155px; float:left; background:url(../image/develop.jpg) no-repeat; margin-left:171px;}
.brigade p.culture:hover{background:url(../image/cultureh.jpg) no-repeat;}
.profundity{ padding-top:50px;}
#featureContainer { FONT-SIZE: 80%;}
#wrap {OVERFLOW: hidden}
#load { TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 923px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px;}
#feature {POSITION: relative; BORDER-LEFT: #999 0px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px;}
#feature .button {POSITION: absolute;  WIDTH: 840px;  TOP: 72px;  LEFT: 0px}
#feature .prev {TEXT-INDENT: -9999px;WIDTH:56px;DISPLAY:block;BACKGROUND:url(../image/feature_left.png) center top;FLOAT:left; HEIGHT:87px;TOP:50%; margin-top:-44px; left:-32px; position:absolute;}
#feature .next { TEXT-INDENT: -9999px; WIDTH:56px; DISPLAY: block; BACKGROUND: url(../image/feature_right.png) center top; FLOAT: right; HEIGHT:87px; TOP:50%; margin-top:-44px;left:80%; position:absolute;}
#feature .prev:hover {BACKGROUND-POSITION: center bottom}
#feature .next:hover {BACKGROUND-POSITION: center bottom}
.featureUL { POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left;   PADDING-TOP: 0px; LEFT: 0px}
.featureBox { WIDTH:257px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT:550px; OVERFLOW: hidden;PADDING-TOP: 10px; border:1px solid #FFF; margin-right:30px;}
#botton-scroll {Z-INDEX: 0; WIDTH:1127px; FLOAT: left;}
#block {Z-INDEX: 0; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-LEFT:41px; WIDTH:1127px; HEIGHT:562px; FONT-SIZE: 70%; OVERFLOW: hidden; PADDING-TOP: 0px}
#block .box {PADDING-BOTTOM: 5px; MARGIN: 0px 10px; PADDING-LEFT: 5px; WIDTH: 222px; background:#fff; PADDING-RIGHT: 10px; FLOAT: left;PADDING-TOP: 5px}
#block .box .feature-title {FONT-SIZE: 140%; FONT-WEIGHT: normal}
#block .box .feature-thumb {WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px}
.featureBox dl dd span.deadline{ float:left;}
.featureBox dl dd span.viewed{ float:right;}
.featureBox dl dd{ height:36px; line-height:36px; color:#989898;}
.featureBox dl dd b{ color:#FFBB01; font-weight:100;}
.featureBox dl dt{ position:relative;}
.featureBox dl dt p{ position:absolute; left:0px; bottom:0px; background:url(../image/tu9.png) no-repeat; height:25px; width:226px; color:#FBC34C; text-align:center; line-height:25px;}
.section{overflow:hidden;}
.section ul{width:996px;}
.section ul li{float:left;display:inline;overflow:hidden;position:relative;}
.section ul li.travel1-top1{ width:154px; height:154px;}
.section ul li.travel1-top1 .text{position:absolute;width:154px;height:154px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top1 .text p{width:154px;padding-top:57px;height:97px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top1 .text{width:154px;height:154px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top2{ width:163px; height:163px;}
.section ul li.travel1-top2 .rsp{width:163px;height:163px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top2 .text{position:absolute;width:163px;height:163px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top2 .text p{width:163px;margin-top:57px;height:163px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top2 .text{width:163px;height:163px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top3{ width:165px; height:165px;}
.section ul li.travel1-top3 .rsp{width:165px;height:165px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top3 .text{position:absolute;width:165px;height:165px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top3 .text p{width:165px;margin-top:57px;height:165px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top3 .text{width:165px;height:165px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top4{ width:101px; height:101px;}
.section ul li.travel1-top4 .rsp{width:101px;height:101px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top4 .text{position:absolute;width:101px;height:101px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top4 .text p{width:101px;margin-top:20px;height:101px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top4 .text{width:101px;height:101px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top5{ width:104px; height:104px;}
.section ul li.travel1-top5 .rsp{width:104px;height:104px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top5 .text{position:absolute;width:104px;height:104px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top5 .text p{width:104px;margin-top:20px;height:104px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top5 .text{width:104px;height:104px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top6{ width:158px; height:158px;}
.section ul li.travel1-top6 .rsp{width:158px;height:158px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top6 .text{position:absolute;width:185px;height:158px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top6 .text p{width:158px;margin-top:57px;height:158px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top6 .text{width:158px;height:158px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}
.section ul li.travel1-top7{ width:165px; height:165px;}
.section ul li.travel1-top7 .rsp{width:165px;height:165px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius:50%;}
.section ul li.travel1-top7 .text{position:absolute;width:165px;height:165px;left:-318px;top:0px;overflow:hidden;}
.section ul li.travel1-top7 .text p{width:165px;margin-top:57px;height:165px;line-height:26px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:14px;}
.section ul li.travel1-top7 .text{width:165px;height:165px;overflow:hidden;position: absolute;background:#000;border-radius:50%; opacity:0.7;}

.artist li{overflow:hidden;position:relative; height:536px; width:257px; float:left;}
.artist li div.cover{background:url(../image/featureUL.png) repeat;left:25px; color:#fff;font-family:'microsoft yahei';position:absolute;top:31px; width:204px; height:495px;}
.artist li a:hover{color:#fff}
.cover p{ width:200px; margin:0 auto;}
.cover p img{ padding-left:55px;}
.cover p.Python{ line-height:26px; padding-top:20px; width:168px; margin:0 auto; font-size:14px;}
.cover div.zhuanzhu{ width:168px; padding-top:10px; text-indent:24px; line-height:20px;margin: 0 auto; height: 360px ; overflow: hidden}
.xiangqing{ width:110px; height:26px; border:1px solid #fff; border-radius:13px; color:#fff; display:block; line-height:26px; text-align:center; margin:0 auto; margin-top:10px;}

.artist1 li{overflow:hidden;width:48%; float:left; }
.artist1 li div.cover1{left:0px; color:#fff;position:absolute;bottom:0px; width:240px; display:none;}
.artist1 li a:hover{color:#fff}