@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei';
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
	margin: 0px;
	padding: 0px;
}
fieldset, img {
	border: none;
}
img {
	border: none;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol , li {
	list-style: none;
}
li {
	list-style: none;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
	color:#333;
}
body {
	font-family: "Microsoft YaHei";
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
      user-select: none;
}
/*头尾部开始*/
.communal {
    width: 1200px;
    margin: 0 auto;
}
.toubu-logo {
    float: left;
  margin: 0 0 0 2%;
}

.toubu-nav {
    float: right;
}
.logotitle {
    margin-top: 22px;
    float: right;
    margin-left: 7px;
}
.navul li {
    float: left;
    margin: 30px 20px 15px 20px;
}
.toubu {
    margin: 20px auto;
  width: 1400px;
}
.ydnav {
    display: none;
}
.logotitle p {
    margin: 8px 0 0 0;
    text-align: center;
    color: #555;
}

.logotitle h3 {
    font-size: 23px;
}
.yqlink {
    margin: 40px auto;
}

.yqlink {
    font-size: 15px;
}

.yqlink a {
    margin: 0 8px;
  font-size: 14px;
}
footer {
    border-top: 1px solid #ccc;
    padding: 30px 0;
    font-size: 15px;
background: #000000c7;
    color: #fff;
}
.footleft {
    float: left;
    width: 650px;
    border-right: 1px solid #ccc;
  padding-right: 37px;
}
.footnv li {
    float: left;
}

ul.footnv span {
    margin: 0 12px;
}
.footleft p {
    margin: 10px 0;
      width: 90%;
      line-height: 25px;
}
.footleft p a {
    color: #fff;
}
.footnv {
    margin: 10px 0 40px 0;
}
.footright {
    width: 370px;
    float: left;
    padding: 0 0 0 39px;
}
.footright-cont p {
    margin: 10px 0;
}
.footright h4 {
    font-size: 22px;
    font-weight: normal;
    margin: 0  0 30px 0;
}
.smjwx {
    float: left;
    margin: 15px 0 0 10px;
}
.navul li:hover a {
    color: red;
}
/*头部结束*/

/*轮播图开始*/
.swiper-container .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #b30b18;
}
.swiper-container .swiper-button-next ,.swiper-container .swiper-button-prev {
    color: red;
}
/*轮播图结束*/


.youshixc {
    margin: 60px auto;
}
.whychose {
    text-align: center;
}

.whychose h3 {
font-weight: normal;
    font-size: 30px;
    margin: 0 0 10px 0;
}

.whychose span {
    color: red;
    font-weight: bold;
}
.whychose p {
    font-size: 14px;
}
.fiveadv li {
    float: left;
    width: 238px;
    border-right: 2px solid #ccc;
    padding: 0 30px;
  text-align: center;
}
.fiveadv .advli4 {
    border: none;
}
.fiveadv {
    width: 1500px;
    margin: 40px auto;
}
.adv1 {
    font-size: 37px;
    font-weight: bold;
    color: red;
}

.adv3 {
    font-size: 12px;
    color: #bbbaba;
}
.casetit {
    text-align: center;
    margin: 40px auto;
}

.casetit h4 {
    font-size: 30px;
    color: red;
}
.casetit p {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
}
.caseimg li {
    float: left;
    width: 280px;
    margin: 0 10px;
}
.caseimg li:nth-child(2) a:last-child img {
  margin-top: 1px;
}
.jingdaincase {
    margin:60px auto;
}
.caseimg img {
    width: 100%;
}
.anlittop {
    margin: 0 0 20px 0;
    display: inline-block;
}
.casetit span {
    display: block;
    width: 60px;
    height: 3px;
    background: red;
    margin: 20px auto;
}
.casemore {
    text-align: center;
    margin:20px 0 40px 0;
}
.casemore a {
    display: inline-block;
    width: 160px;
    line-height: 45px;
    border: 3px solid #ca0909;
}

/*星灿能做什么开始*/
.dostarwrap { margin: 40px auto;}
.starydobox{width: 1180px;height:59px;padding:28px 10px;overflow:hidden;background-image:url(/styletype/images/index_05.jpg);background-repeat:no-repeat;margin:0px auto;clear:both;}
.wecando{ width:205px; padding-right:12px; height:59px; overflow:hidden; float:left; text-align:right;}
.wecando .xcdo{ width:200px; padding-top:12px; height:18px; line-height:20px; font-size:18px; color:#666; font-family:"微软雅黑";font-weight: bold;}
.wecando .cando{ font-size:14px; font-family:"微软雅黑"; color:#999;margin: 10px 0 0 0;}
.starycdy{padding:12px 0px 18px 0px;overflow:hidden;float:left;}
.starycdy .dostardy{display:block;float:left; color: #fff;height:29px;width: 127px;padding: 5px  15px;text-align:center;line-height:29px;font-weight:bold;font-size: 18px;background: #000;margin: 0 20px;border-radius: 20px;}
.starecontdh{padding: 10px 0px 9px 95px;line-height:20px;float:left;width: 258px;}
.starycdy .hone1 {background: red;color: #fff;}
.stareph {margin: 12px 0 0 0;font-size: 25px;color: #d41818;font-weight: bold;}
.phoneicon {float: left;margin: 0 20px 0 0;}
.qqwx span {width: 60px; height: 60px;display: inline-block; }
.qqwx img { width: 100%;}
.qqwx { float: right;margin: 5px 3px 0 0;}
/*星灿能做什么结束*/

/*文章中心开始*/
ul.hynews li {float: left;width: 280px;margin: 0 10px;}
.hynewsimg img {width: 100%;}
.hynewspro span {
    text-align: right;
    position: absolute;
    right: 0;
  color: #ccc;
      margin: 0 5px 0 0;
  font-size: 13px;
}
.hynewsbt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  font-weight: bold;
}
.hynewspro {
    position: relative;
    font-size: 14px;
    color: #666;
    text-indent: 29px;
      margin: 10px 0;
      line-height: 21px;
}
.latestnews { margin: 10px 0 0 0;}
.latestnews li {
    float: left;
    margin: 10px 12px;
    font-size: 15px;
    width: 276px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.mxccfsy li {
    width: 18%;
    margin: 10px 1%;
}
/*文章中心结束*/

/*星灿优势艺人开始*/
.advantage-artists {
    background: #000;
    padding:20px 0;
}
.casetit h4 b {color: #fff;}
.xcfigure ul li {
    float: left;
    width: 280px;
    margin:0 10px 30px 10px;
    background: #fff;
      border-radius: 10px;
}
.xcstartj {
    float: left;
}
.xcfigurepro {
    float: right;
    width: 129px;
    padding: 20px 0;
}
.xcstartj img {
    width: auto;
    height: 173px;
  vertical-align: middle;
   border-top-left-radius: 7px;
  border-bottom-left-radius:7px;
 -webkit-border-top-left-radius: 7px;
 -webkit-border-bottom-left-radius:7px;
}
.starprice { margin: 15px 0;    font-size: 13px;}
.starprice span { color: red;font-weight: bold;    font-size: 15px;}
.personal-data {
    font-size: 13px;
    margin: 0 5px 0 0;
    color: #555;
}
.casetit .in-a-word { color: #ccc;}
.casetit .startag { background: #ccc;}
.advmore a {color: red;}
/*星灿优势艺人结束*/

/*合作流程开始*/
.process {
    background: red;
    padding: 40px 0;
      padding: 40px 0 30px 0;
    font-size: 15px;
}
.processcont li {
    float: left;
    width: 240px;
    height: 60px;
    position: relative;
}
.processimg {display: inline-block;position: absolute;top: -5px;}
.processli {display: inline-block;margin: 0 65px;width: 140px;}
.processimg img {vertical-align: middle;}
.teamwork-process span {}
.processicon {display: inline-block;margin: 0 15px;position: absolute;top: 13px;right: 7px;}
.processcont {color: #fff;}
.processli h5 { font-size: 16px;}
.processli p { margin: 5px 0;}
/*合作流程结束*/

/*明星资源开始*/
.resourceul li {
    float: left;
    width: 20%;
    position: relative;
  overflow: hidden;
}
.resourceul img {
    width: 100%;
  vertical-align: middle;
}
.aroundstar {
    position: absolute;
    bottom: -195px;
    background: #1d1b1b9c;
    width: 96%;
    line-height: 46px;
    color: #fff;
    padding: 0 2%;
    font-size: 18px;
    overflow: hidden;
    height:80%;
    font-size: 15px;
}
.aroundstar strong {
    font-size: 19px;
    margin: 0 15px 0 0;
}
.aroundstar span {font-weight: bold;color: red;font-size: 16px;width: 52px;}
.resourcemore {margin-top: 40px;}
.aroundstar p {
    line-height: 24px;
    font-size: 15px;
    margin: 20px 0;
    color: #ccc;
    text-indent: 31px;
}
.resourceul li:hover .aroundstar {
  bottom: 0;
  transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s; 
}
.aroundstar b { color: #fff;}
/*明星资源结束*/

/*明星合影开始*/
.heyinglb li {
    float: left;
    position: relative;
    width: 290px;
    margin: 5px 5px;
}
.hylbtit {
    position: absolute;
    bottom: 4px;
    background: #0000006b;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.jjrhystar {
    background: black;
    padding: 20px 0 60px 0;
}
section.jjrhystar {
    margin-bottom: 0;
}
.swiper-container .swiperleft {color: #fff;}
.swiper-container .swiperright {color: #fff;}
.heyinglb img {width: 100%;}
/*明星合影结束*/
.ydjg {
    display: inline-block;
}
ul.zy-star {
    width: 1200px;
    margin: 0 auto 0;
}
ul.zy-star li {
    display: inline-block;
    vertical-align: middle;
}
ul.zy-star li a {
    display: block;
    line-height: 48px;
    padding: 0 20px;
    background-color: red;
    color: #fff;
    font-size: 16px;
    margin: 0 0 20px 20px;
}
.et {
    margin-bottom: 0;
}
.jingdaincase .swiper-container {
    height: 230px;
}
.hymore {
    margin-bottom: 0;
}
.ysyrbj {
    text-align: center;
}
.foot-xcjj {
    margin: 10px 0 20px 0;
    line-height: 30px;
}
#stflindex li a {
    padding: 0 17px;
}
.foot-xcjj a {
    color: #fff;
}
#toubu-nav {
    float: none;
}

.eeds {
    float: none;
}

.ied {
    float: left;
    display: inline-block;
}

.eeds img {
    float: left;
}
.weef {
    float: left;
}
.search-bar {
    display: inline-block;
}

.search-btn {
    display: inline-block;
}

.headform {
    width: 400px;
    float: left;
    margin: 27px   90px;
}
.search-bar input {
    height: 30px;
    width: 230px;
}

.search-btn input {
    height: 34px;
    padding: 0 15px;
    cursor: pointer;
}
.hotline {
    float: right;
   margin: 0 125px 0 0;
}
.hotline img {
    margin: 0 12px 0 0;
}
.hotline p {background: url(/styletype/images/tel.png) no-repeat left 0;padding-left: 64px;line-height: 24px;color: #666;font-size: 14px;font-weight: normal;display: inline-block;margin: 19px 0;}
.hotline em {
    margin: 0 10px 0 0;
    font-weight: bold;
    font-style: italic;
}
.hotline p  span {
    font-size: 24px;
    font-weight: bold;
    color: red;
}
.foot-xcjj .footsm {
    width: 100%;
}









/*手机端开始//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 767px){
/*头尾部开始*/
.navul li a {
    color: #fff;
}
footer {
    padding: 10px 2%;
    width: 96%;
}
  .footleft {
       width: 100%;
    padding: 0;
    border: none;
}
  .footbox {
    width: 100%;
}
  .footleft p {
    display: none;
}
.footright {
    width: 100%;
      padding: 0;
}
.footright h4 {
    display: none;
}
.yqlink {
    display: none;
}
.toubu {
    width: 100%;
      position: relative;
}
.logotitle h3 {
    font-size: 18px;
}
.toubu-logo img {
    display: none;
}
.navul li {
    float: none;
      margin: 20px 20px;
}
.toubu-nav {
    width: 100%;
  display: none;
      position: absolute;
    top: 54px;
    background: red;
  z-index: 9999;
}
.ydnav {
    display: block;
      float: right;
}
.logotitle {
    margin: 0;
}
.ydnav {
    display: block;
    float: right;
    line-height: 54px;
  margin: 0 2% 0 0;
}

.logotitle {
    margin: 0;
}
.logotitle p {
    font-size: 14px;
}
.smjwx {
    margin: 0;
  display: none;
}
/*头尾部结束*/ 
  
.jingdaincase {
    width: 94%;
    padding: 0 2%;
  margin: 50px auto;
}

.caseimg li {
    width: 44%;
    margin:0 3% 10px 3%;
}
  .caseimg li a {
    margin: 0 0 10px 0;
}
  .casetit h4 {
    font-size: 23px;
}
  .casetit {
    margin: 20px auto;
}
  .anlittop {
    margin: 0;
}
  .youshixc {
    width: 100%;
        margin: 40px auto;
}
.fiveadv {
    width: 100%;
  margin-top: 20px;
}

.fiveadv li {  width: 45%; padding:10px 2%; border: none;
}
.adv3 ,.dostarwrap { display: none;}
.advli4 { display: none;}
.adv1 { font-size: 23px;}
.whychose { width: 100%;}
.whychose h3 { font-size: 20px;}
.whychose p {font-size: 14px;color: #555;}
.indexlb img {
    width: 100%;
}
 .hynewspro span{
    display: none;
}
  .latestnews li {
    width: 93%;
}
ul.hynews li {
    width: 96%;
    margin: 5px 0;
    padding: 0 2%;
}
  
/*优势艺人结束*/
.advantage-artists .communal {
    width: 100%;
}
.advantage-artists {
    padding: 20px 2%;
}
.xcfigure ul li {
    width: 46%;
    margin: 0 2% 30px;
}
.xcstartj img {
    width: 100%;
    height: 100%;
}
.xcstartj img {
    width: 100%;
    height: 100%;
  border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
      -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.xcfigurepro {
    width: 90%;
    padding: 15px 5% 20px 5%;
}
.starprice { margin: 10px 0;}
/*优势艺人结束*/

.process {
    display: none;
}
  
/*明星资源开始*/
.aroundstar p { display: none;}
.resourceul li { width: 50%;overflow: hidden;}
.aroundstar {
    bottom:-170px;
    line-height: 16px;
    font-size: 15px;
    padding: 10px 4%;
    width: 92%;
  text-align: center;
}
.aroundstar strong {
    font-size: 16px;
    margin:0 17px 0 10px;
}
  .starresource {
    width: 100%;
}
/*明星资源结束*/
  
/*明星合影开始*/
  .jjrhystar {padding: 20px 2% 40px;}
.swiper-container { width: 100%;}
.swiper-slide { width: 100%!important;}
.swiper-container .swiperright ,.swiper-container  .swiperleft{ display: none;}
.heyinglb li {  width: 48%; margin: 5px 1%;}
.hylbtit {
    font-size: 14px;
    padding: 5px 0;
} 
 /*明星合影结束*/

/*轮播图开始*/
.swiper-container .swiper-button-next , .swiper-container .swiper-button-prev {
    display: none;
}
 /*轮播图结束*/
  .ydjg {
    display: none;
}
  ul.zy-star {
    display: none;
}
  .jingdaincase .swiper-container {
    height: auto;
}
  .eeds {
    width: 80%;
    display: inline-block;
}
  .headform {
    width: 100%;
    margin: 25px 0 0 0;
        display: none;
}
 .swiper-pagination {
    display: none;
} 
.hotline ,.lx_star {
    display: none;
}
ul.starccbj li a {
    margin: 5px 5px;
    line-height: 29px;
    padding: 0 5px;
    font-size: 15px;
    border-radius: 4px;
}
ul.starccbj{
  display:block;
      width: 100%;
    margin: 0 0 20px 0;
}
ul.ysstar {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}
.advantage-artists #stflindex li a {
    padding: 0 12px;
    font-size: 15px;
    line-height: 29px;
    border-radius: 4px;
    margin: 5px 10px;
}
  #scrollsidebar {
    display: none;
}
  
  
  
  
}
/*手机端结束//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






/*明星经纪公司专题页  PC  开始------------------------------------------------------------------------------ */
.company_case li {
    float: left;
    width: 280px;
    margin: 10px 10px;
}
ul.company_case img {
    width: 100%;
    border-radius: 10px;
}
.company_case_title {
    text-align: center;
    margin: 5px 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_starimg {
    font-size: 15px;
}
.jjrhystar .company_hy {
    height: auto;
}
.conpanyzy strong {
    display: block;
    text-align: center;
}
.conpanyzy {
    bottom: -156px;
}
.conpany_ccf {
    text-align: center;
    display: block;
    line-height: 29px;
}
.company_ewm {margin-top: 0;}
.company_lft-pro {padding-right: 30px;}
.logotitle p span {color: red;}
.logotitle h1 {font-size: 23px;}
.zxgg {
    box-shadow: 1px 1px 20px #ddd;
    padding: 10px 0;
    margin-top: 14px;
}

.container {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
  }

  .wrapper {
    display: inline-block;
  }
  
  .news-swiper .slide { margin-right: 100px; }
.mowxd {
    width: 1200px;
    margin: 20px  auto;
}

.mowxd p span {
    color: #777;
    font-size: 15px;
}

.mowxd p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 1px 1px 20px #ddd;
    padding: 10px 20px;
    border-radius: 5px;
}



@media screen and (max-width: 767px){
.company_case li { width: 46%;margin: 10px 2%;}
.company_case_title {font-size: 13px;}
.conpanyzy {bottom: -150px;}
.jjrhystar .company_hy {height: auto;}
.toubu-nav {top: 65px;}
.latestnews {
    display: none;
}
.zxgg {
    padding: 10px 2%;
    width: 96%;
}
.news-swiper.communal {
      width: 100%;
  }
 .mowxd {
    width: 100%;
}
.mowxd p span {
    display: none;
} 
  
  
}



/*明星经纪公司专题页  PC  结束------------------------------------------------------------------------------ */

/*在线客服 开始*/
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(/styletype/images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(/styletype/images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
.side_title, .side_blue .side_title { background-position: -195px 0;}
.side_bottom, .side_blue .side_bottom {background-position: -195px -50px;}
.side_center, .side_blue .side_center {background: url(/styletype/images/blue_line.png) repeat-y center;}
.show_btn, .side_blue .show_btn {background-position: -119px 0;}
/* ======  联系浮窗手机端默认收起  ====== */
@media screen and (max-width:767px) {
  .scrollsidebar .side_content {
    width: 0;
  }
  .scrollsidebar .show_btn {
    width: 25px;
  }
}
/*在线客服 结束*/
.footright-cont p a {
    color: #fff;
}