html{ font-size:30px;}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "微软雅黑",'Open Sans', sans-serif;
}
body {
	width:100%; min-width:1146px;
  background: #3d3d3d; padding:0px; margin:0px;
  font-family: "微软雅黑",'Open Sans', sans-serif;
  color:#c7c7c7; font-size:12px;
  line-height: 22px;
}
p,h2,h4,ul,li{ padding:0px; margin:0px; list-style:none}
a {
  color: #c7c7c7;
  text-decoration:none;
}
a:hover, a:focus {
  color: #c7c7c7;
}
img{ max-width:100%;}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.mt401{ margin-top:40px;}
a:hover,
a:focus {
  color: #c7c7c7;
  text-decoration: none;
  outline: none;
}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.fanye{ font-style:italic}
.fanye a{ padding:5px 2px; color:#666666}
.fanye .current{padding:5px 2px;}
.index{ width:100%; height:100%; padding:75px 0%; max-width:640px; margin:0 auto; text-align:center; }
.index .logo{ width:191px; height:191px;display:inline-block; margin:35px; margin-top:50px; position:relative; border-radius:50%;border:1px solid #CCC;}
.index .logo span{ position:absolute; top:-1px; left:-1px;width:192px; height:192px; background:url(../images/logc.png) no-repeat center center;-moz-animation: spin 4s infinite linear;
  -o-animation: spin 4s infinite linear;
  -webkit-animation: spin 4s infinite linear;
  animation: spin 4s infinite linear;}
.index .logob{ padding:}
.index .nav{ text-align:center; padding:0px 0; padding-top:130px;}
.index .nav li{ width:auto; display:inline-block; margin:3px;}
.index .nav li a{ padding:2px 25px; background:#1e1e1e; display:inline-block; font-size:13px;color:#757575}
.index .nav li a strong{}
.index .foot{ padding:24px 10px; color:#4b4b4b;line-height:100%;}
.index .foot a{color:#4b4b4b;}
.index .foot a:hover{color:#4b4b4b;}
.index .foot span{ font-size:18px; color:#5b5b5b;margin-bottom:14px; display:block}
header{ position:relative; z-index:999999; width:100%;}
header.movice{ position:absolute !important; top:0px; left:0px;}
header.scrolled{ position:fixed; top:0px; left:0px; width:100%; z-index:99999; background:#f0f0f0}
#header{width:1146px; margin:0 auto;}
#header .logo{ padding-left:38px; padding-top:38px; padding-bottom:15px; width:auto; float:left; cursor:pointer}
#header .logo img{ width:auto; float:left}
#header .nav{ width:auto; float:right; padding-top:82px; padding-right:37px}
#header .nav i{ display:none}
#header .nav li{ width:auto; display:inline-block; padding-left:17px;}
#header .nav li a{ font-size:19px; color:#717171}
#header .nav li a:hover,#header .nav li a.on{ color:#c7c7c7}
#banner{ width:100%; background:#000; text-align:center; position:relative; font-size:0px; line-height:0px;}

.rslides {
  position: relative; display:none;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute; text-align:center;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  position: relative;
  z-index: 1;
  height: auto;
 float:none; width:1920px; left:50%; margin-left:-960px; max-width:none;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 71px;
  width: 71px;
  background: url("../images/themes.png") no-repeat left top rgba(0,0,0,0.1);
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.pc{ display:block}
.abouy_nav{ position:absolute; top:121px; left:0px; width:100%; background:rgba(255,255,255,0.7); z-index:9999;}
.abouy_nav ul{ width:100%; max-width:1120px; margin:0 auto; padding-left:116px;}
.abouy_nav ul li{ width:auto; display:inline-block}
.abouy_nav ul li a{ font-size:18px; color:#666666; padding:23px 17px; padding-right:0px; display:inline-block}
.abouy_nav ul li a:hover ,.abouy_nav ul li a.on{ color:#000000}
#main{ width:100%; max-width:1180px; margin:0 auto; text-align:center; position:relative; z-index:999;}
#main h4{ font-size:28px; line-height:150%; font-weight:normal; margin-top:45px;}
#main h4.mt40{margin-top:67px;}
#main h4 b{ font-size:28px; font-weight:normal; width:100%; display:inline-block}
#main h2{ font-size:38px;line-height:130%;font-weight:normal}
#main .c_ti{ padding:32px 10px; font-size:15px}
#main .det{ font-size:18px}
#main .gotop{ padding:100px 0; width:100%; text-align:center; display:inline-block;}
#main .gotop.flash{ margin-top:-220px; padding-bottom:0; }
@-moz-document url-prefix() { #main .gotop.flash{ float: right; } }
#main .detail{ padding:25px 5px;padding-top:30px; max-width:920px;margin:0 auto; text-align:justify;text-justify:inter-ideograph; font-size:13px;}
#main .pic_list{ margin-top:25px; text-align:center; margin-bottom:116px}
#main .pic_list li{ width:376px; display:inline-block; vertical-align:top; margin-right:5px; margin-left:2px; text-align:left; font-size:13px;}
#main .pic_list li img{ width:100%; margin-bottom:10px;}
#main .pic_list li .de{font-size:13px; text-align:justify;text-justify:inter-ideograph; padding-right:15px;}
#main .pic_list li:nth-child(3){margin-right:0;}
#main .ti_list{ width:100%; display:inline-block; margin:70px 0; text-align:center; margin-bottom:85px}
#main .ti_list li{ width:184px; display:inline-block;margin-bottom:8px; margin-right:3px; margin-left:3px; background:#1b1b1b; text-align:center; font-size:16px; line-height:200%; padding:10px 0;}
#main .menu{max-width:920px;margin:0 auto;}
#main .menu li{ width:auto; float:left; margin-bottom:10px; margin-right:3px;  text-align:center; font-size:12px; }
#main .menu li a{background:#535353; padding:2px 18px; display:inline-block}
#main .menu li a:hover,#main .menu li a.on{ color:#000000}
#main .menu li.fr{ float:right; margin-right:0px}
#main .show_list{max-width:920px;margin:0 auto; margin-top:7px;}
#main .show_list li{ padding:17px 0px;}
#main .show_list li img{ width:100%; max-width:386px; display:inline-block; margin-right:34px;}
#main .show_list li .de{width:100%; max-width:500px;font-size:13px; display:inline-block; vertical-align:bottom; text-align:justify; text-justify:inter-ideograph;padding:58px 0px; line-height:140%;}
#main .show_list li .de strong{ font-size:28px; line-height:190%; font-weight:normal; display:block;}
#main .media_list{width:100%; margin-bottom:-32px;}
#main .media_list li{ padding:5px 0px; text-align:center}
#main .media_list li img{ width:auto; max-width:100%; display:inline-block;}
#main .media_list li .de{ width:auto;max-width:100%;font-size:13px; margin:0 auto;vertical-align:bottom; text-align:justify; text-justify:inter-ideograph;padding:24px 5px; line-height:150%}
#main .media_list li strong{ width:100%; display:block; font-size:22px; line-height:200%; font-weight:normal; margin-top:-60px;}
#main .about_pic{max-width:920px;margin:0 auto; margin-top:20px;}
#main .about_pic img{ float:left}
#main .about_pic img.a01{ width:455px; height:276px; margin-right:10px; margin-bottom:10px;}
#main .about_pic img.a02{ width:455px; height:276px; margin-bottom:10px;}
#main .about_pic img.a03{ width:315px; height:437px; float:right}
#main .about_pic img.a04{ width:193px; height:119px; margin-right:8px; margin-bottom:10px;}
#main .about_pic img.a05{ width:193px; height:119px; margin-right:8px; margin-bottom:10px;}
#main .about_pic img.a06{ width:193px; height:119px; margin-right:8px; margin-bottom:10px;}
#main .about_pic img.a07{ width:596px; height:308px; margin-right:9px;}
#main .dt_con{ width:100%; float:left; background:#666666; padding:26px 0px; font-size:16px; color:#FFF; text-align:center; margin-bottom:36px;}
#main .dt_con span{ color:#c7c7c7; padding-left:20px; display:inline-block}
#dituContent{width:100%;height:490px; margin-top:79px;-webkit-box-sizing:content-box;
	box-sizing:content-box}
#dituContent *{-webkit-box-sizing:content-box;
	box-sizing:content-box;}
#dituContent img{ max-width:none}
#main .join_list{ width:100%; margin-top:0px; padding-bottom:14px; display:inline-block; text-align:center; border-bottom:1px solid #b2b2b2}
#main .join_list li{ width:auto;display:inline-block; margin:25px 12px; font-size:18px; line-height:290%;}
#main .join_list li b{ border-radius:50%; width:83px; height:83px; line-height:79px; display:inline-block; font-size:70px; border:2px solid #1d8dfa; color:#1d8dfa; font-family:"Myriad Pro","宋体",Arial, Helvetica, sans-serif; text-align:center; font-style:italic;font-weight:lighter;mso-bidi-font-weight:lighter}
#main .job_list{max-width:1000px;margin:0 auto; margin-top:46px;}
#main .job_list li{ margin:20px 40px; width:420px; float:left; text-align:justify;text-justify:inter-ideograph; font-size:13px; padding-bottom:33px;}
#main .job_list li strong{ font-size:18px; line-height:200%; padding-top:9px; padding-bottom:4px; display:inline-block;}
#main .hr{ width:100%; max-width:650px; margin:0 auto; margin-top:40px;}
#main .hr .ti{ background:#666666; color:#FFF; font-size:28px; padding:20px 0px; line-height:30px;}
#main .hr .ti strong{ font-size:34px; font-weight:normal; margin-right:10px;}
#main .hr .li{ width:100%; background:#d1d1d1; padding:15px 0px; display:inline-block; line-height:200%}
#main .hr .li p{ width:50%; max-width:325px; float:left; font-size:24px}
#main .hr .li p img{ display:inline-block; vertical-align:middle; margin-right:10px;}
#main .flash_list{}
#main .flash_list li{ width:100%; display:inline-block;}
#main .flash_list .de{ width:710px; max-width:100%; padding:30px 100px;margin:0 auto;  text-align:justify;text-justify:inter-ideograph; font-size:13px; overflow:hidden;}
#main .flash_list .de h4{ width:100%; font-size:28px; margin-top:0px;text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;  overflow:hidden; margin-bottom:10px;}
#main .flash_list li:nth-child(1) .de.fl{ margin-left:80px;}
#main .flash_list .pl100{ padding-left:100px;}
#main .flash_list .mt250{ margin-top:-270px; position:relative; z-index:-1}
#main .flash_list .mt250.fl{ margin-left:-20px; margin-bottom:-30px;}
#main .flash_list li:nth-child(3) .de{ width:690px;}
#main .flash_list li:nth-child(4) .de{ width:680px;}
#main.case .mt40{ margin-top:75px}
#main.case .detail{padding-top:21px;}
#main.case .video{ max-width:920px; height:518px; margin:30px auto 50px}
#main.case .join_list{ border-bottom:none; padding-bottom:0px}
#main.case .join_list li{ margin:53px 12px;}
#main.case .join_list li b{width:92px; height:92px; line-height:88px; font-size:79px;}
#main.case .join_list li strong{ color:#1d8dfa; font-weight:bold;}
#main .case_list{ width:100%; display:inline-block}
#main .case_list li{ width:100%; float:left;}
#main .case_list li a{ width:100%;}
#main .case_list li img{ float:left;width:100%;}
#main.stage .case_list{ margin-top:30px;}
#main.stage .case_list li{ margin:4px 0;}
#main.movies .case_list{ margin-topl:30px;}
#main.movies .case_list li{ margin:9px 0;}
#main .case_more{ width:100%; overflow:hidden; margin-top:37px;}
#main .tag{max-width:920px;margin:0 auto; text-align:left; font-size:18px; margin-bottom:10px;}
#main .info_style{ width:100%; float:left;display:none}
#main .info_style h4{ margin-top:95px; line-height:110%}
#main .info_style div.dd{ font-size:13px; padding:23px 0px; text-align:justify;text-justify:inter-ideograph;}
#main .info_style img{ width:100%; float:left}
#main .style1,#main .style2,#main .style3,#main .style0,#main .style00{ display:block}
#main .style1 #video{ max-width:920px; height:518px; margin:30px auto 50px}
#main .style1 #video video{ width:100%; height:518px;}
#main .style1 .c_info div.ss div.dd{max-width:920px;margin:0 auto; padding-bottom:0}
#main .style2 .c_info{width:100%; max-width:573px; height:584px; float:left; line-height:564px;}
#main .style2 .c_info div.ss{ width:350px; height:auto; display:inline-block; vertical-align:middle; line-height:200%;}
#main .style2 .c_img{ width:100%; max-width:573px; height:584px; float:right}
#main .style3 .c_info{width:100%; max-width:573px; height:584px; float:right; line-height:564px;}
#main .style3 .c_info div.ss{ width:350px; height:auto; display:inline-block; vertical-align:middle; line-height:200%;}
#main .style3 .c_img{ width:100%; max-width:573px; height:584px; float:left}
#main .style0 .c_info{ display:none}
#main .style00 .c_img{ display:none}
#main .style00 .c_info div.ss div.dd{max-width:920px;margin:0 auto;}
#main .form {
  width: 100%; max-width:590px; margin:0 auto; text-align:left;
}
#main .input_container {
  position: relative; color:#c7c7c7;
  width: 46%;
  float: left;
  padding-top:8px;
  height: 45px;
  border: solid 1px #1b1b1b;
   background:#1b1b1b;
  margin-bottom: 9px;
  margin-right: 13px;
  margin-left: 13px;
}
#main .form .input_container:nth-child(2),#main .form .input_container:nth-child(4),#main .input_container:nth-child(6),#main .form .input_container:nth-child(8),#main .form .input_container:nth-child(10),#main .form .input_container:nth-child(12),#main .form .input_container:nth-child(13){ margin-right:0px;}
#main .input_container label {
  float: left;
  line-height: 35px;
  margin-left: 15px;
  color: #c7c7c7;
}
#main .input_container label span {
  float: left;
  left: 68px;
}
#main .input_container img {
  position: absolute;
  right: 0;
}
#main .input_container input {
  float: left;
  height: 34px;
  border: transparent;
  width: 65%;
  right: 0;
  outline: none;
  line-height: 34px;
  background:#1b1b1b;color: #c7c7c7;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
#main .input_container .list {
	width:100%;
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 45px;  
  border: solid 1px #868686;
  background-color: #313131;
  z-index: 1;
  cursor: pointer;
}
#main .input_container .list li {
  float:left;
  width: 50%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  color: #666666;
  text-align: center;
  cursor: pointer;
  list-style: none;
}
#main .input_container .list li:hover {
  background-color: #868686;
  color: white;
}
#main .input_container .timelist li {
  width: 100%;
  text-align: left;
  padding-left: 15px;
}
#main .input_container .citylist {

}
#main .form .input_container span {
  line-height: 34px;
  position: absolute;
  right: 15px;
} 
#main .form .lastinput {
  width: 94.5%;
  margin-bottom: 37px;
  height: 130px;
}
#main .form .lastinput  textarea {
  height: 108px;
  width: calc(100% - 85px);
  outline: none;
  border: transparent;
  font-size: 14px;
  line-height: 1.2em;
  margin-top: 10px; background:#1b1b1b;color: #868686;
  resize:none;
}
#main .btn_submit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:90%;
  max-width: 427px;
  background-color: #1b1b1b;
  text-align: center;
  color: #c7c7c7;
  height: 47px;
  border: none;
} 
#main .contactmail {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
#main .contactmail p {
  width: 100%;
  margin-top: 45px; 
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 48px;
  font-size: 1.0em;
}
.bannerbefore{width:100%; margin:0 auto; text-align:center; display:block;  position:relative; z-index:999;content:"　";background:url(../images/vsb.png) no-repeat bottom center; height:22px; margin-top:-22px;}
.bannerbefore.movies{background:url(../images/mvb.png) no-repeat bottom center;}
.bannerbefore.stage{background:url(../images/stb.png) no-repeat bottom center;}
.bannerbefore .ti{ margin-top:-182px;}
.industbefore{  width:1146px;  margin:0 auto;  text-align:center; display:block;  position:relative; z-index:999;content:"　";background:url(../images/industbefore.png) no-repeat bottom center; height:28px;top:-50px;}
.industbefore .ti{ margin-top:-157px;}
.stagebefore{  width:1146px; margin:0 auto; text-align:center; display:block;  position:relative; z-index:999;content:"　";background:url(../images/stagebefore.png) no-repeat bottom center; height:28px; top:-50px;}
.stagebefore .ti{ margin-top:-157px;}
.moviesbefore{  width:1146px;  margin:0 auto; text-align:center;display:block;  position:relative; z-index:999;content:"　";background:url(../images/moviesbefore.png) no-repeat bottom center; height:28px; top:-50px;}
.moviesbefore .ti{ margin-top:-157px;}
#main.industrial{ background:#000;  padding-top:31px; position:relative;top:-50px; margin-bottom:-50px;width:1146px;}
#main.info{ color:#c7c7c7;}
#main.stage{color:#bbbbbb; width:1146px;}
#main.movies{color:#bbbbbb; width:1146px;}
#main.stage.info{ background:#110000;  padding-top:28px; color:#bbbbbb; position:relative;top:-50px; margin-bottom:-50px}
#main.movies.info{ background:#00061f;  padding-top:28px; color:#bbbbbb; position:relative;top:-50px; margin-bottom:-50px}
#main.about{ background:#ffffff; top:-60px; margin-bottom:-60px; padding-top:20px; color:#666666;width:1146px; padding-top:82px;} 
#footer{width:100%;  background:#1e1e1e; padding:26px 0; padding-bottom:40px; overflow:hidden}
#footer .content{width:100%; max-width:1106px; padding:0px 20px; margin:0 auto; text-align:center; }
#footer .footer_right{ width:auto; float:right; color:#868686; font-size:15px;line-height:36px;}
#footer .footer_right span{ display:inline-block; vertical-align:middle; margin-right:10px;}
#footer .footer_left{width:auto; float:left; font-size:15px; line-height:36px;}
#footer .footer_left a{ color:#868686; margin-left:15px;}
#footer .copyright{ color:#545454; padding-top:5px; line-height:100%;}
#footer .copyright a{color:#545454;}
#footer .copyright a:hover{color:#545454;}
#footer .copyright span{ font-size:18px; color:#868686; margin-bottom:14px; display:block}

.send-dialog-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1001;
}

.send-dialog-container .send-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(55, 58, 71);
    opacity: .6;
}

.send-dialog-container .send-dialog {
    position: absolute;
	width:100%;
    max-width: 500px;
    height: 410px;
    background: url(../images/send_dialog_bg.png) center center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    margin: auto;
    text-align: center;
    line-height: 26px;
}

.send-dialog-container .send-dialog .send-content {
    padding: 4.0em;
}

.send-dialog-container .send-dialog .send-content p {
    width: 90%;
    margin-top: -70px;
}
.send-dialog-container .send-dialog .send-content {
  margin-top: 55%;
}
#wechat {
    cursor: pointer;
}

.wechat-dialog-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
}

.wechat-dialog-container .wechat-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
}

.wechat-dialog-container .wechat-dialog {
    position: absolute;
	width:100%;
    max-width: 420px;
    height: 410px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    margin: auto;
    text-align: center;
    line-height: 26px;
}

.wechat-dialog-container .wechat-dialog .wechat-content {
    padding: 4.0em;
}

.dialog-qrcode {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}

.dialog-qrcode img {
    width: 100%;
}

.dialog-context {
    margin: 1em; font-size:18px;
    line-height: 26px; color:#333333
}

.dialog-close {
    color: #fff;
    height: 50px;
    width: 190px; font-size:17.56px;
    margin: 0 auto;
    background-color: #0E8CFD;
    line-height: 50px;
    cursor: pointer;
}
.icon-spin {
  -moz-animation: spin 3s infinite linear;
  -o-animation: spin 3s infinite linear;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 768px) {
    .slide img  {
        width:100%;
		left:0;
		margin:0;
    }
}