/*
    ----------------------------------- 
            方法变量    
                     
    Create Time : 2014-07-22
    Update Time : 2015-08-03
    Author      : Trueland Development Department
    -----------------------------------
*/
/*
    ---------------------- 
            普通方法 
    ---------------------- 

    1 .opc()              // 透明度     - 传整数 50 代表 0.5   
    2 .pos(r)             // 定位方式 - 必须传参，r 代表relative || a 代表absolute ||  f 代表 fixed
    3 .font()             // 字体大小 - 默认12px 
    4 .align()            // 文本对齐 - 默认 center
    5 .lineH()            // 行高设置 - 默认 20px
   11 .arrow(r)           // 三角箭头 - 必须传参    l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头
   12 .float()            // 快速浮动 - 默认为 left ||  left: 向左浮动   | right:向右浮动
   13 .fontC(d)           // 字大小写 - 比传参数 d 为 大写 s 为首字母大写
   14 .fontB()            // 字体粗细 - 默认加粗  fontB(100) 传100 就是 变细

   ----------------------
   CSS3 方法 
   ---------------------- 

   01 .borderR()          // 圆角设置 - 默认为 5px
   02 .linearG(red,blue)  // 线性渐变 - 两个颜色值 是开始到结束  目前支持 *上下* 渐变
   03 .bgFull             // 背景充满 - 背景等比例拉伸 使用 ：bgFull;
   04 .css3Tansition()    // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease)
   

   //滤镜

   05 .filterBlur()       // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px
   06 .filterGrayscale()  // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰
   07 .filterSepia()      // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上)
   08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50%
   09 .filterHue()        // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg
   10 .filterInvert()     // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100%
   11 .filterSaturate()   // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50%
   12 .filterContrast()   // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15%
    
   ----------------------
        普通嵌套 
   ---------------------- 

   01 .vcenter            // 垂直水平居中
   02 .tHide              // 文本超出隐藏省略
   03 .blockFull          // 块状元素 宽高100%
   04 .block              // 块状元素 没有设置宽高
   05 .centerBlock        // 左右居中
   05 .clearfix           // 清除浮动

    -----------------------------------
*/
.bgFull {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(css/cover.htc);
  behavior: url(css/cover.htc);
}
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  clear: both;
}
.container {
  max-width: 75%;
  width: 100%;
  margin: 0 auto;
}
img {
  max-width: 100%;
}
.header {
  width: 100%;
  background: #ff6f00;
  height: 78px;
  position: relative;
}
.header .nav {
  float: left;
}
.header .nav ul li {
  float: left;
  line-height: 78px;
  margin-right: 22px;
  text-transform: uppercase;
}
.header .nav ul li a {
  display: block;
  float: left;
  color: #fff;
  font-size: 20px;
  
  font-family: arial;
}
.header .language {
  float: left;
  color: #fff;
  line-height: 78px;
  margin-left: 5px;
}
.header .language span {
  position: relative;
  top: -2px;
  float: left;
  font-size: 20px;
  padding: 0 3px;
}
.header .language a {
  float: left;
  color: #fff;
  font-size: 20px;
  
  font-family: arial;
}
.header .logo {
  display: block;
  float: right;
  line-height: 0;
  width: 199px;
  margin-top: 25px;
}
.header .navbt {
  display: none;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  line-height: 0;
  width: 41px;
}
.nav_box {
  position: fixed;
  left: -76%;
  top: 0;
  width: 76%;
  height: 100%;
  background: rgba(236, 234, 234, 0.9);
  z-index: 99;
  padding: 5%;
}
.nav_box #mmenu {
  margin-top: 5%;
}
.nav_box #mmenu ul li {
  text-align: center;
  float: left;
  width: 100%;
  line-height: 50px;
}
.nav_box #mmenu ul li a {
  display: block;
  font-size: 20px;
  font-family: arial;
  text-transform: uppercase;
  color: #666666;
}
.nav_box .language {
  width: 40%;
  margin: 0 auto;
}
.nav_box .language a {
  text-align: center;
  display: block;
  float: left;
  width: 50%;
  background: #cfcbcb;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}
.nav_box .language a.cur {
  background: #ff6f00;
}
.footer {
  background: #ff6f00;
  padding: 100px 0;
}
.footer .text {
  float: left;
}
.footer .text .img {
  line-height: 0;
}
.footer .text .tit {
  margin-top: 45px;
}
.footer .text .tit p {
  color: #ffffff;
  font-size: 14px;
  font-family: arial;
  text-transform: uppercase;
}
.footer .text .tit h3 {
  color: #ffffff;
  font-size: 14px;
  font-family: "黑体";
  font-weight: normal;
}
.footer .text .con {
  margin-top: 12px;
  color: #ffffff;
  font-size: 12px;
  /**/
  font-family: arial;
  line-height: 20px;
}
.footer .text .bq {
  margin-top: 10px;
  color: #ffffff;
  font-size: 16px;
  font-family: "黑体";
}
.footer .ewm {
  margin-top: 180px;
  float: right;
  line-height: 0;
}
.banner img {
  width: 100%;
  float: left;
}
.banner .index_swiper1 div.index1_btn {
  bottom: 50px;
}
.banner .index_swiper1 div.index1_btn span {
  width: 3px;
  height: 20px;
  opacity: 1;
  background: #ff6f00;
  border-radius: 0;
  transition: all .8s;
}
.banner .index_swiper1 div.index1_btn .swiper-pagination-bullet-active {
  width: 4px;
  height: 35px;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -o-transform: translateY(20%);
  transform: translateY(20%);
}
.home_video .index_swiper2 video {
  width: 100%;
  float: left;
}
.home_video .box {
  width: 100%;
}
.home_video .box .position {
  position: relative;
}
.home_video .box .position:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all .8s;
}
.home_video .box .position .index_video_box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  height: 60px;
  margin-top: -30px;
  margin-left: -23px;
  transition: all .8s;
}
.home_video .box .text {
  padding: 30px;
  background: #f5f5f5;
  transition: all .8s;
}
.home_video .box .text h3 {
  color: #ff6f00;
  font-size: 24px;
  font-family: arial;
  font-weight: normal;
  text-transform: uppercase;
  transition: all .8s;
}
.home_video .box .text p {
  color: #5a5a5a;
  font-size: 18px;
  
  font-family: arial;
  transition: all .8s;
}
.home_video .box:hover .position:before {
  opacity: 0;
}
.home_video .box:hover .position .index_video_box {
  opacity: 0;
}
.home_video .box:hover .text {
  background: #ff6f00;
}
.home_video .box:hover .text h3,
.home_video .box:hover .text p {
  color: #fff;
}
.home_video .swiper-button-prev {
  background: url(../images/btn1.png) no-repeat center center / cover;
}
.home_video .swiper-button-next {
  background: url(../images/btn2.png) no-repeat center center / cover;
}
.home_video .index2_btn {
  top: 40%;
  opacity: 0;
  visibility: hidden;
  transition: all .8s;
}
.home_video .index_swiper2:hover .index2_btn {
  opacity: 1;
  visibility: visible;
}
.home_renwu {
  padding: 100px 0;
}
.home_renwu .table_btn {
  text-align: center;
}
.home_renwu .table_btn .text {
  display: inline-block;
  margin: 0 55px;
  cursor: pointer;
  min-width: 247px;
}
.home_renwu .table_btn .text h3 {
  color: #5e5e5e;
  font-size: 35px;
  font-family: arial;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_renwu .table_btn .text p {
  color: #5e5e5e;
  font-size: 15px;
  font-family: arial;
  
}
.home_renwu .table_btn .text:hover h3,
.home_renwu .table_btn .text.cur h3,
.home_renwu .table_btn .text:hover p,
.home_renwu .table_btn .text.cur p {
  color: #ff6f00;
}
.home_renwu .table_div .table_box {
  display: none;
}
.home_renwu .table_div .table_box:first-child {
  display: block;
}
.home_renwu .table_box {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
}
.home_renwu .table_box .box {
  position: relative;
}
.home_renwu .table_box .box img {
  width: 100%;
  float: left;
  webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .8s;
}
.home_renwu .table_box .box .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(187, 187, 187, 0.75);
  color: #fff;
  padding: 15px 20px;
  transition: all .8s;
}
.home_renwu .table_box .box .text h3 {
  font-size: 25px;
  font-family: arial;
  text-transform: uppercase;
}
.home_renwu .table_box .box .text p {
  font-size: 14px;
}
.home_renwu .table_box .box .text p span {
  font-size: 12px;
  /**/
}
.home_renwu .table_box .box:hover img {
  webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.home_renwu .table_box .box:hover .text {
  background: #ff6f00;
}
.home_renwu .table_box .swiper-button-prev.index3_btn,
.home_renwu .table_box .swiper-button-next.index3_btn {
  top: 50%;
}
.home_renwu .table_box .swiper-button-prev.index3_btn {
  left: -4.5%;
  background: url(../images/btn1.png) no-repeat center center / cover;
}
.home_renwu .table_box .swiper-button-next.index3_btn {
  right: -4.5%;
  background: url(../images/btn2.png) no-repeat center center / cover;
}
.home_more {
  text-align: right;
}
.home_more a {
  color: #ff6f00;
  font-size: 24px;
  font-family: arial;
  
  text-transform: uppercase;
}
.home_production {
  background: #f5f5f5;
  padding: 100px 0;
}
.home_production .title {
  text-align: center;
}
.home_production .title h3 {
  color: #ff6f00;
  font-size: 35px;
  font-family: arial;
  text-transform: uppercase;
}
.home_production .title .t {
  margin: 12px auto 0;
  color: #ff6f00;
  font-size: 15px;
  font-family: arial;
  /**/
  max-width: 622px;
  width: 100%;
}
.home_production .table_box {
  margin: 60px 0;
  position: relative;
}
.home_production .table_box .box {
  position: relative;
}
.home_production .table_box .box img {
  width: 100%;
  float: left;
  webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .8s;
}
.home_production .table_box .box .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(187, 187, 187, 0.75);
  color: #fff;
  padding: 15px 20px;
  transition: all .8s;
}
.home_production .table_box .box .text .p1 {
  font-size: 25px;
  font-family: arial;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_production .table_box .box .text .p2 {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}
.home_production .table_box .box:hover img {
  webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.home_production .table_box .box:hover .text {
  background: #ff6f00;
}
.home_production .table_box .swiper-button-prev.index3_btn,
.home_production .table_box .swiper-button-next.index3_btn {
  top: 50%;
}
.home_production .table_box .swiper-button-prev.index3_btn {
  left: -4.5%;
  background: url(../images/btn1.png) no-repeat center center / cover;
}
.home_production .table_box .swiper-button-next.index3_btn {
  right: -4.5%;
  background: url(../images/btn2.png) no-repeat center center / cover;
}
.home_marketing {
  background: #f5f5f5;
  padding: 100px 0;
}
.home_marketing .title {
  text-align: center;
}
.home_marketing .title h3 {
  color: #ff6f00;
  font-size: 35px;
  font-family: arial;
  text-transform: uppercase;
}
.home_marketing .title .t {
  margin: 12px auto 0;
  color: #ff6f00;
  font-size: 15px;
  font-family: arial;
  /**/
  max-width: 622px;
  width: 100%;
}
.home_marketing .table_box {
  margin: 60px 0;
  position: relative;
}
.home_marketing .table_box .box {
  position: relative;
}
.home_marketing .table_box .box img {
  float: left;
  width: 100%;
}
.home_marketing .table_box .box .text {
  background: #ff6f00;
  width: 100%;
  float: left;
  font-family: arial;
  z-index: 10;
  padding: 10px 20px 10px;
}
.home_marketing .table_box .box .text .p1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_marketing .table_box .box .text .p2 {
  color: #ffffff;
  font-size: 20px;
}
.home_marketing .table_box .swiper-button-prev.index3_btn,
.home_marketing .table_box .swiper-button-next.index3_btn {
  top: 50%;
}
.home_marketing .table_box .swiper-button-prev.index3_btn {
  left: -4.5%;
  background: url(../images/btn1.png) no-repeat center center / cover;
}
.home_marketing .table_box .swiper-button-next.index3_btn {
  right: -4.5%;
  background: url(../images/btn2.png) no-repeat center center / cover;
}
.home_news {
  padding: 100px 0;
}
.home_news .title {
  text-align: center;
}
.home_news .title h3 {
  color: #ff6f00;
  font-size: 35px;
  font-family: arial;
  text-transform: uppercase;
}
.home_news .title .t {
  margin: 12px auto 0;
  color: #ff6f00;
  font-size: 15px;
  font-family: arial;
  
  max-width: 622px;
  width: 100%;
}
.home_news .table_box {
  margin: 60px 0;
  position: relative;
}
.home_news .table_box .box {
  position: relative;
}
.home_news .table_box .box img {
  float: left;
  width: 100%;
}
.home_news .table_box .box .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-family: arial;
  z-index: 10;
  padding: 0 20px 20px;
}
.home_news .table_box .box .text .p1 {
  color: #ff6f00;
  font-size: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.home_news .table_box .box .text .p2 {
  color: #ffffff;
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.home_news .table_box .swiper-button-prev.index3_btn,
.home_news .table_box .swiper-button-next.index3_btn {
  top: 50%;
}
.home_news .table_box .swiper-button-prev.index3_btn {
  left: -4.5%;
  background: url(../images/btn1.png) no-repeat center center / cover;
}
.home_news .table_box .swiper-button-next.index3_btn {
  right: -4.5%;
  background: url(../images/btn2.png) no-repeat center center / cover;
}
.home_teamwork {
  padding: 100px 0;
}
.home_teamwork h3 {
  text-align: center;
  color: #ff7600;
  font-size: 32px;
  font-family: arial;
  text-transform: uppercase;
}
.home_teamwork .table_btn {
  margin-top: 20px;
  text-align: center;
}
.home_teamwork .table_btn span {
  font-family: arial;
  color: #5a5a5a;
  font-size: 20px;
  /**/
  text-transform: capitalize;
  cursor: pointer;
  margin: 0 15px;
}
.home_teamwork .table_btn span.cur {
  border-bottom: 2px solid #5a5a5a;
}
.home_teamwork .t {
  color: #5a5a5a;
  font-size: 17px;
  font-family: arial;
  text-align: center;
  max-width: 872px;
  width: 100%;
  margin: 20px auto 0;
}
.home_teamwork .table_box {
  margin-top: 50px;
}
.home_teamwork .table_box ul li {
  float: left;
  width: 16.66666667%;
  line-height: 0;
}
/**服务列表**/
.service_box {
  background: #f9f9f9;
  padding-top: 100px;
  position: relative;
}
.service_box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 500px;
  background: url(../images/service_bg2.jpg) no-repeat center center / cover;
}
.service_box .title {
  position: relative;
  z-index: 2;
  text-align: center;
}
.service_box .title h3 {
  color: #ff7600;
  font-size: 32px;
  text-transform: uppercase;
  font-family: arial;
}
.service_box .title p {
  max-width: 564px;
  width: 100%;
  margin: 10px auto 0;
  color: #5b5b5b;
  
  font-family: arial;
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
}
.service_box ul {
  position: relative;
  z-index: 2;
}
.service_box ul li {
  float: left;
  width: 100%;
  padding: 100px 0;
}
.service_box ul li:nth-child(2n) {
  background: #fff;
}
.service_box ul li .text2_box {
  text-align: center;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}
.service_box ul li .text2_box .icon {
  line-height: 0;
}
.service_box ul li .text2_box .bt {
  margin-top: 18px;
  font-size: 32px;
  color: #ff6f00;
  font-family: arial;
  text-transform: uppercase;
  font-weight: bold;
}
.service_box ul li .text2_box .bt a {
  color: #ff6f00;
}
.service_box ul li .text2_box .text {
  margin-top: 12px;
  font-size: 17px;
  
  line-height: 24px;
}
.service_box ul li .bottom {
  text-align: center;
  margin-top: 60px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.service_box ul li .bottom a {
  margin-left: 20px;
  display: inline-block;
  color: #ff6f00;
  
}
.service_box2 {
  padding-top: 150px;
  padding-bottom: 100px;
  background: url(../images/service_bg.jpg) no-repeat center center / cover;
  color: #fff;
}
.service_box2:before {
  display: none;
}
.service_box2 .text2_box {
  max-width: 885px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.service_box2 .text2_box .icon {
  line-height: 0;
}
.service_box2 .text2_box .bt {
  margin-top: 18px;
  color: #ff6f00;
  font-size: 32px;
  font-family: arial;
  text-transform: uppercase;
  font-weight: bold;
}
.service_box2 .text2_box .bt a {
  color: #ff6f00;
}
.service_box2 .text2_box .text {
  margin-top: 12px;
  font-size: 17px;
  
  line-height: 24px;
}
.service_box2 .bottom {
  margin-top: 60px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.2em;
}
.service_box2 .bottom a {
  margin-left: 20px;
  display: inline-block;
  color: #ff6f00;
  
}
/**服务详细**/
.service_show {
  padding: 70px 0;
}
.service_show .box {
  max-width: 925px;
  width: 100%;
  margin: 0 auto;
}
.service_show .box h1 {
  color: #ff6f00;
  font-size: 40px;
  
  font-family: arial;
  text-transform: uppercase;
}
.service_show .box h2 {
  font-size: 20px;
  font-family: arial;
  color: #505050;
  font-weight: normal;
}
.service_show .box .detail {
  margin-top: 40px;
  color: #434343;
  font-size: 17px;
  font-family: "黑体";
  line-height: 32px;
}
/**艺人列表**/
.artist_list {
  padding: 70px 0;
}
.artist_list .title {
  text-align: center;
  font-family: arial;
}
.artist_list .title h3 {
  font-size: 40px;
  text-transform: uppercase;
  color: #ff6f00;
}
.artist_list .title p {
  margin-top: 5px;
  color: #5a5a5a;
  font-size: 17px;
}
.artist_list .label_box {
  margin-top: 26px;
}
.artist_list .label_box .label_r {
  float: right;
}
.artist_list .label_box .label_r .bt {
  float: left;
  line-height: 56px;
  color: #ff6f00;
  font-size: 18px;
  
  font-family: arial;
  font-weight: bold;
  margin-right: 32px;
}
.artist_list .label_box .label_r .box {
  font-family: arial;
  float: left;
  width: 174px;
  height: 56px;
  border: 1px solid #e1e1e1;
  position: relative;
}
.artist_list .label_box .label_r .box span {
  cursor: pointer;
  display: block;
  width: 100%;
  line-height: 56px;
  color: #4b4b4b;
  font-size: 15px;
  
  padding: 0 25px;
  position: relative;
  text-transform: uppercase;
}
.artist_list .label_box .label_r .box span:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -4px;
  width: 9px;
  height: 8px;
  background: url(../images/label_icon1.jpg) no-repeat center center / cover;
}
.artist_list .label_box .label_r .box .text {
  display: none;
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 8px;
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 10px 30px;
  text-transform: uppercase;
}
.artist_list .label_box .label_r .box .text p {
  color: #4b4b4b;
  cursor: pointer;
  font-size: 15px;
  
  line-height: 24px;
  position: relative;
}
.artist_list .label_box .label_r .box .text p:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -5px;
  width: 14px;
  height: 10px;
  background: url(../images/label_icon2.png) no-repeat center center / cover;
  opacity: 0;
}
.artist_list .label_box .label_r .box .text p:hover {
  color: #ff6f00;
}
.artist_list .label_box .label_r .box .text p:hover:before {
  opacity: 1;
}
.artist_list .artist_box ul li {
  float: left;
  width: 30%;
  margin-top: 50px;
  margin-right: 5%;
}
.artist_list .artist_box ul li:nth-child(3n) {
  margin-right: 0;
}
.artist_list .artist_box ul li .img {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.artist_list .artist_box ul li .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all .8s;
  opacity: 1;
}
.artist_list .artist_box ul li .img img {
  width: 100%;
  transition: all .8s;
}
.artist_list .artist_box ul li .text {
  padding-top: 20px;
}
.artist_list .artist_box ul li .text h3 {
  color: #5b5b5b;
  font-size: 24px;
  font-family: arial;
  text-transform: uppercase;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .8s;
}
.artist_list .artist_box ul li .text p {
  margin-top: 5px;
  color: #5b5b5b;
  font-size: 12px;
  
  font-family: "黑体";
}
.artist_list .artist_box ul li:hover .img:before {
  opacity: 0;
}
.artist_list .artist_box ul li:hover .img img {
  transform: scale(1.2);
}
.artist_list .artist_box ul li:hover .text h3 {
  color: #ff6f00;
}
/**艺人详细**/
.nytitle {
  text-align: center;
}
.nytitle h3 {
  color: #ff6f00;
  font-size: 40px;
  font-family: arial;
  text-transform: uppercase;
}
.nytitle p {
  color: #5a5a5a;
  font-size: 17px;
  font-family: arial;
  margin-top: 5px;
}
.artist_show .show_box {
  background: #f5f5f5;
}
.artist_show .show_box .img {
  float: left;
  width: 48%;
  line-height: 0;
}
.artist_show .show_box .text {
  width: 52%;
  float: right;
  padding-top: 420px;
  padding-left: 72px;
}
.artist_show .show_box .text h1 {
  font-family: arial;
  color: #ff6f00;
  font-size: 40px;
  text-transform: uppercase;
}
.artist_show .show_box .text .t {
  margin-top: 30px;
  
  color: #303030;
  font-size: 17px;
  font-family: arial;
  line-height: 40px;
}
.artist_show .show_box .text .icon {
  margin-top: 24%;
  line-height: 0;
}
.artist_show .home_renwu {
  padding-bottom: 60px;
}
.artist_show .home_renwu .table_box .box img {
  webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.experience {
  background: #f5f5f5;
  padding: 90px 0;
}
.experience .box {
  margin-top: 60px;
}
.experience .box .table_btn {
  float: left;
  width: 215px;
}
.experience .box .table_btn ul li {
  float: left;
  width: 100%;
  color: #9b9b9b;
  font-size: 17px;
  font-family: "黑体";
  line-height: 60px;
  border-bottom: 1px solid #c3c3c3;
  cursor: pointer;
}
.experience .box .table_btn ul li:hover,
.experience .box .table_btn ul li.cur {
  color: #ff6f00;
}
.experience .box .table_box {
  float: right;
  width: 70%;
}
.experience .box .table_box .text_box {
  display: none;
  color: #494949;
  font-size: 17px;
  font-family: "黑体";
  line-height: 36px;
}
.experience .box .table_box .text_box:first-child {
  display: block;
}
/**新闻列表**/
.news_list {
  padding: 80px 0 100px;
}
.news_list .box {
  margin-top: 60px;
}
.news_list .box .news_btn {
  float: left;
  width: 25%;
  padding-top: 2px;
}
.news_list .box .news_btn ul li {
  color: #9b9b9b;
  font-size: 18px;
  font-family: arial;
  
  text-transform: uppercase;
  margin-bottom: 20px;
}
.news_list .box .news_btn ul li a {
  color: #9b9b9b;
}
.news_list .box .news_btn ul li:hover a,
.news_list .box .news_btn ul li.cur a {
  color: #ff6f00;
}
.news_list .box .news_box {
  float: right;
  width: 75%;
}
.news_list .box .news_box ul li {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.news_list .box .news_box ul li:last-child {
  margin-bottom: 0;
}
.news_list .box .news_box ul li .img {
  float: left;
  width: 30%;
  line-height: 0;
}
.news_list .box .news_box ul li .img img {
  width: 100%;
}
.news_list .box .news_box ul li .text {
  float: right;
  width: 66%;
  font-family: "黑体";
}
.news_list .box .news_box ul li .text h3 {
  color: #292929;
  font-size: 20px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news_list .box .news_box ul li .text .data {
  margin-top: 12px;
  color: #9b9b9b;
  font-size: 14px;
}
.news_list .box .news_box ul li .text p {
  margin-top: 15px;
  color: #292929;
  font-size: 18px;
  line-height: 32px;
  height: 96px;
  overflow: hidden;
}
.news_list .box .news_box .more {
  margin-top: 80px;
  background: #f5f5f5;
  width: 100%;
  text-align: center;
  line-height: 46px;
}
.news_list .box .news_box .more a {
  display: block;
  color: #ff6f00;
  font-size: 18px;
  text-transform: uppercase;
  font-family: arial;
}
/**新闻详细**/
.news_show {
  padding: 70px 0;
}
.news_show .box {
  max-width: 925px;
  width: 100%;
  margin: 0 auto;
}
.news_show .box h1 {
  color: #383838;
  font-size: 40px;
  font-weight: normal;
}
.news_show .box .date {
  margin-top: 10px;
  font-size: 18px;
  font-family: arial;
  color: #707070;
}
.news_show .box .detail {
  margin-top: 40px;
  color: #434343;
  font-size: 17px;
  font-family: "黑体";
  line-height: 32px;
}
/**联系我们**/
.contact {
  padding: 80px 0;
}
.contact .box {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
}
.contact .box .map {
  width: 100%;
}
.contact .box .map #map {
  width: 100%;
  height: 380px;
}
.contact .box .text_con {
  margin-bottom: 60px;
}
.contact .box .text_con ul li {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.contact .box .text_con ul li .bt {
  color: #5a5a5a;
  font-size: 18px;
  font-family: arial;
  text-transform: uppercase;
}
.contact .box .text_con ul li p {
  margin-top: 5px;
  color: #5a5a5a;
  font-size: 15px;
  
  line-height: 22px;
}
.contact .box .bottom a {
  float: right;
  width: 236px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  background: #ff6f00;
  
}
.contact .feedback {
  max-width: 756px;
  width: 100%;
  margin: 30px auto 0;
}
.contact .feedback ul li {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.contact .feedback ul li span {
  float: left;
  color: #5a5a5a;
  font-size: 18px;
  font-family: arial;
  
  text-transform: uppercase;
  line-height: 56px;
}
.contact .feedback ul li span i {
  color: #ff6f00;
}
.contact .feedback ul li .text {
  float: right;
  width: 500px;
}
.contact .feedback ul li .text input {
  height: 56px;
  line-height: 56px;
  width: 100%;
  float: left;
  border: none;
  background: none;
  -webkit-appearance: none;
  border-radius: 0;
  border-bottom: 2px solid #f1f1f1;
  font-size: 18px;
}
.contact .feedback ul li .text2 {
  width: 100%;
}
.contact .feedback ul li .text2 textarea {
  width: 100%;
  height: 320px;
  background: #e1e1e1;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 18px;
  font-family: "黑体";
  padding: 10px;
}
.contact .feedback ul li .tables_box {
  border: 1px solid #e1e1e1;
  height: 56px;
  line-height: 56px;
  position: relative;
}
.contact .feedback ul li .tables_box .bt {
  color: #ff6f00;
  font-size: 18px;
  font-family: arial;
  
  padding: 0 25px;
  line-height: 56px;
  position: relative;
}
.contact .feedback ul li .tables_box .bt:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -4px;
  width: 9px;
  height: 8px;
  background: url(../images/label_icon1.jpg) no-repeat center center / cover;
}
.contact .feedback ul li .tables_box .tables_con {
  display: none;
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 8px;
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 10px 30px;
  text-transform: uppercase;
}
.contact .feedback ul li .tables_box .tables_con p {
  color: #4b4b4b;
  cursor: pointer;
  font-size: 15px;
  
  line-height: 24px;
  position: relative;
}
.contact .feedback ul li .tables_box .tables_con p:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -5px;
  width: 14px;
  height: 10px;
  background: url(../images/label_icon2.png) no-repeat center center / cover;
  opacity: 0;
}
.contact .feedback ul li .tables_box .tables_con p:hover {
  color: #ff6f00;
}
.contact .feedback ul li .tables_box .tables_con p:hover:before {
  opacity: 1;
}
.contact .feedback ul li .btn {
  float: right;
  width: 236px;
  height: 44px;
  background: #ff6f00;
  border: none;
  color: #fff;
  font-size: 20px;
  font-family: arial;
  
  text-transform: uppercase;
}
.contact .feedback ul li .tijiao {
  margin-top: 15px;
  float: right;
  width: 100%;
  text-align: right;
  color: #ff6f00;
  font-size: 16px;
  
  text-transform: uppercase;
}
.contact .feedback ul li .tijiao i {
  display: inline-block;
  margin-right: 3px;
}
.contact .feedback ul li .tijiao .i1 {
  width: 17px;
  height: 13px;
  background: url(../images/cg1.png) no-repeat left center;
}
.contact .feedback ul li .tijiao .i2 {
  width: 12px;
  height: 12px;
  background: url(../images/sb1.png) no-repeat left center;
}
.swiper-button-prev,
.swiper-button-next {
  width: 28px;
  height: 51px;
  background-size: 100% 100%;
}
/**2018-8-21**/
/**ProductionPage banner**/
.pro_banner img {
  width: 100%;
  float: left;
}
.pro_banner .pro_banner_box div.index1_btn {
  bottom: 30px;
}
.pro_banner .pro_banner_box div.index1_btn span {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50px;
  transition: all .8s;
  opacity: 1;
  margin: 0 10px;
}
.pro_banner .pro_banner_box div.index1_btn .swiper-pagination-bullet-active {
  background: #ff6f00;
}
.production_list .production_box ul li {
  width: 32%;
  margin-top: 60px;
  margin-right: 2%;
}
.production_list .production_box ul li .img:before {
  display: none;
}
.production_list .production_box ul li .text {
  padding-top: 20px;
}
.production_list .production_box ul li .text h3 {
  color: #ff6f00;
  font-size: 24px;
  font-family: "黑体";
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .8s;
}
.production_list .production_box ul li .text .t {
  color: #404040;
}
.production_list .production_box ul li .text .t p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 10px;
  color: #404040;
  font-size: 16px;
  font-style: normal;
  font-family: "黑体";
}
.production_list .production_box ul li .text .t p span {
  
}
.production_show .show_box .text {
  padding-top: 250px;
}
.production_show .show_box .text .t {
  font-style: normal;
  font-family: "黑体";
}
.production_show .show_box .text .t p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.production_show .home_renwu .table_box .box img {
  webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.production_show .home_renwu .table_box .box .t {
  width: 100%;
  float: left;
  background: #ff6f00;
  padding: 15px 20px;
  color: #fff;
}
.production_show .home_renwu .table_box .box .t h3 {
  font-family: "黑体";
  font-size: 25px;
}
.production_show .home_renwu .table_box .box .t h3 span {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  margin-left: 15px;
}
.synopsis {
  background: #f5f5f5;
  padding: 90px 0;
}
.synopsis .box {
  margin: 60px auto 0;
  max-width: 830px;
  width: 100%;
  font-family: "黑体";
  color: #494949;
  font-size: 17px;
  line-height: 40px;
}
.synopsis .box p:first-child:first-letter {
  font-size: 25px;
}
/**2018-8-27**/
.business_list .box .news_box,
.brand_list .box .news_box {
  float: none;
  margin: 0 auto;
}
.brand_list .box .news_box ul li {
  width: 100%;
}
.brand_list .box .news_box ul li .img {
  width: 100%;
}
.brand_list .box .news_box ul li .text {
  margin-top: 40px;
  width: 100%;
}
.brand_list .box .news_box ul li .text h3 {
  font-size: 28px;
}
.brand_list .box .news_box ul li .text p {
  margin-top: 30px;
  height: auto;
}


.headFix .header { position: fixed; left: 0; top: 0; z-index: 9999;}