extend ' .title' has no matches


extend ' .title' has no matches


extend ' .title' has no matches


extend ' .title' has no matches


extend ' .title' has no matches


body {


  font-family: Arial, Helvetica, "Microsoft YaHei", "微软雅黑", "STXihei", "华文细黑", "SimSun", "宋体", sans-serif;


  overflow-x: hidden;


  background-color: #32343f;


}


.ui-loader {


  display: none!important;


}


#modalVideo .modal-content {


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  -ms-border-radius: 0;


  -o-border-radius: 0;


  background-color: #000;


}


#modalVideo .modal-content > .video video {


  width: 100%;


}


#modalVideo .modal-content .close {


  margin: 10px 10px 0;


  outline: none;


  opacity: .6;


}


#modalVideo .modal-content .close > span {


  display: inline-block;


  width: 18px;


  height: 18px;


  background: url("../../../default/assets/images/ic_close_white_36.png");


  background-size: 18px;


}


.mask {


  position: fixed;


  top: 0;


  left: 0;


  bottom: 0;


  right: 0;


  background-color: rgba(0, 0, 0, 0.6);


  z-index: 9999999;


  display: none;


}


.mask > img {


  position: absolute;


  top: 50%;


  width: 80%;


  left: 10%;


  transform: translateY(-50%);


  -webkit-transform: translateY(-50%);


}


.container {


  width: 100%;


  position: relative;


  padding: 0;


  overflow-x: hidden;


}


.container a,


.container a:link,


.container a:visited,


.container a:hover,


.container a:active {


  color: #fff;


}


.container .clearfix {


  zoom: 1;


  overflow: hidden;


}


.container .clearfix:before,


.container .clearfix:after {


  content: "";


  display: table;


}


.container .clearfix:after {


  clear: both;


}


.container > .header {


  position: relative;


  padding: 13px 0;


  width: 100%;


  height: 45px;


}


.container > .header > span {


  display: inline-block;


  position: relative;


  font-size: 12px;


  padding: 0 2%;


  color: #070707;


}


.container > .header > .change-language-btn {


  color: #d33636;


  border: 1px solid #d33636;


  -webkit-border-radius: 3px;


  -moz-border-radius: 3px;


  -ms-border-radius: 3px;


  -o-border-radius: 3px;


  margin-left: 2%;


}


.container > .header > .look-erweima-btn > .erweima-poper {


  width: 100px;


  z-index: 999;


  border: 1px solid #ccc;


  background-color: #ccc;


  position: absolute;


  top: 140%;


  left: -20%;


  padding: 2%;


}


.container > .header > .look-erweima-btn > .erweima-poper.hide {


  display: none;


}


.container > .header > .look-erweima-btn > .erweima-poper > img {


  display: block;


  width: 100%;


}


.container > .header > .look-erweima-btn > .erweima-poper > .arrow-layer {


  position: absolute;


  left: 50%;


  width: 0;


  height: 0;


  margin-left: -6px;


  line-height: 0;


  font-size: 0;


  border: 6px solid transparent;


  border-bottom-color: #ccc;


}


.container > .header > .look-erweima-btn > .erweima-poper > .upper {


  top: -12px;


}


.container > .header > .look-erweima-btn > .erweima-poper > .lower {


  top: -11px;


}


.container > .header > .logo {


  width: 35%;


  float: right;


}


.container > .header > .logo > img {


  width: 100%;


}


.container > div[class*='-container'] {


  position: relative;


  width: 100%;


}


.container .title {


  z-index: 2;


  width: 60%;


  margin: 0 auto 5%;


}


.container .title > img {


  display: block;


  width: 100%;


}


.container .footer {


  width: 100%;


  z-index: 1;


}


.container .footer > img {


  display: block;


  width: 100%;


}


.container > .index-container {


  position: relative;


  width: 100%;


}


.container > .index-container > .index-bg {


  width: 100%;


  display: block;


}


.container > .index-container > .index-title,


.container > .index-container > .index-footer {


  position: absolute;


}


.container > .index-container > .index-title {


  width: 60%;


  left: 20%;


  top: 50%;


  transform: translateY(-50%);


  -webkit-transform: translateY(-50%);


}


.container > .index-container > .index-footer {


  bottom: 0;


  left: 0;


  width: 100%;


}


.container > .service-container {


  background-color: #d23f3f;


  padding-bottom: 5%;


}


.container > .service-container .swipe {


  width: 100%;


  margin: 0 auto;


  overflow: hidden;


  visibility: hidden;


  position: relative;


  padding-bottom: 5%;


}


.container > .service-container .swipe .swipe-wrap {


  overflow: hidden;


  position: relative;


}


.container > .service-container .swipe .swipe-wrap.img-not-full div img {


  width: 80%;


}


.container > .service-container .swipe .swipe-wrap div {


  float: left;


  width: 100%;


  position: relative;


  overflow: hidden;


  text-decoration: none;


}


.container > .service-container .swipe .swipe-wrap div img {


  display: block;


  width: 100%;


  margin: 0 auto;


}


.container > .service-container .swipe .pos-wrap {


  position: absolute;


  bottom: 0;


  left: 0;


  width: 100%;


  height: 20px;


  z-index: 4;


  text-align: center;


}


.container > .service-container .swipe .pos-wrap div {


  display: inline-block;


  width: 0;


  height: 100%;


}


.container > .service-container .swipe .pos-wrap span {


  display: inline-block;


  width: 5px;


  height: 5px;


  border-radius: 100%;


  margin-left: 2vw;


}


.container > .service-container .swipe .pos-wrap .pos {


  background: #fff;


}


.container > .service-container .swipe .pos-wrap .posActive {


  width: 8px;


  height: 8px;


  background: #fc6164;


}


.container > .about-container {


  background-color: #fff;


}


.container > .about-container > .header {


  width: 100%;


  z-index: 1;


}


.container > .about-container > .header > img {


  display: block;


  width: 100%;


}


.container > .about-container > .desc {


  display: block;


  margin: 5% auto;


  width: 80%;


}


.container > .about-container > .inner {


  width: 100%;


}


.container > .about-container > .inner > .grid {


  overflow: hidden;


  display: table-cell;


  width: 1%;


}


.container > .about-container > .inner > .grid > img {


  width: 90%;


  margin: 0 auto 5%;


  display: block;


}


.container > .about-container > .inner > .grid > p {


  font-size: 12px;


  text-align: center;


}


.container > .masterpiece-container {


  background-image: url("../../../default/assets/images/masterpiece_bg.jpg");


  background-size: 100%;


  background-repeat: no-repeat;


  background-position: left top;


}


.container > .masterpiece-container > .title {


  margin: 0 auto;


}


.container > .masterpiece-container > .masterpiece-slide > ul {


  width: 80%;


  height: 40px;


  margin: 0 auto;


}


.container > .masterpiece-container > .masterpiece-slide > ul > li {


  display: table-cell;


  width: 1%;


}


.container > .masterpiece-container > .masterpiece-slide > ul > li > a {


  display: block;


  text-align: center;


  height: 40px;


  line-height: 40px;


  border: none;


  border-radius: 0;


  padding: 0;


}


.container > .masterpiece-container > .masterpiece-slide > ul > li > a > span.tab-cell {


  color: #fff;


  height: 35px;


  padding: 5px 0;


  line-height: 30px;


  font-size: 12px;


}


.container > .masterpiece-container > .masterpiece-slide > ul > li.active > a,


.container > .masterpiece-container > .masterpiece-slide > ul a:hover,


.container > .masterpiece-container > .masterpiece-slide > ul a:focus {


  border: 0;


  background-color: transparent;


}


.container > .masterpiece-container > .masterpiece-slide > ul > li.active > a .tab-cell,


.container > .masterpiece-container > .masterpiece-slide > ul a:hover .tab-cell,


.container > .masterpiece-container > .masterpiece-slide > ul a:focus .tab-cell {


  background-color: transparent;


  border-bottom: 1px solid #fff;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content {


  padding-top: 10px;


  width: 90%;


  margin: 0 auto;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row {


  margin: 0;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > div {


  display: table-cell;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > div.self-hide {


  visibility: hidden;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > div > img {


  margin: 0 auto;


  display: block;


  width: 90%;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > div > p {


  margin-top: 5px;


  overflow: hidden;


  color: #fff;


  font-size: 12px;


  text-align: center;


  text-overflow: ellipsis;


  height: 15px;


  line-height: 15px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > .case,


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > .video {


  width: 33.3%;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row > .customer {


  width: 25%;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .tab-pane .carousel .carousel-inner .item > .row + .row {


  margin-top: 5px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-indicators {


  bottom: -30px;


}


@media (min-height: 810px) {


  .container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-indicators {


    bottom: -60px;


  }


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-indicators > li {


  background-color: #7b7e86;


  border: 0;


  width: 6px;


  height: 6px;


  margin: 2px 3px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-indicators > li.active {


  background-color: #df5b5c;


  width: 8px;


  height: 8px;


  margin: 1px 3px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control {


  width: 12px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control.left {


  left: -5%;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control.left > .glyphicon-chevron-left {


  left: 0;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control.right {


  right: -5%;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control.right > .glyphicon-chevron-right {


  right: 0;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control .glyphicon-chevron-left,


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control .glyphicon-chevron-right {


  display: block;


  width: auto;


  margin-left: 0;


  margin-right: 0;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control {


  background-color: transparent;


  background: none;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .glyphicon {


  width: 12px;


  height: 12px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control .glyphicon-chevron-left:before {


  content: " ";


  display: block;


  background: url("../../../default/assets/images/icon_grey_left.png") no-repeat;


  background-size: 12px 12px;


  width: 12px;


  height: 12px;


}


.container > .masterpiece-container > .masterpiece-slide > .tab-content .carousel-control .glyphicon-chevron-right:before {


  content: " ";


  display: block;


  background: url("../../../default/assets/images/icon_grey_right.png") no-repeat;


  background-size: 12px 12px;


  width: 12px;


  height: 12px;


}


.container > .work-container {


  background-color: #fff;


  padding-bottom: 5%;


}


.container > .work-container > .header {


  width: 100%;


  z-index: 1;


}


.container > .work-container > .header > img {


  display: block;


  width: 100%;


}


.container > .work-container > .footer {


  position: absolute;


  left: 0;


  bottom: 0;


  z-index: 1;


  width: 100%;


}


.container > .work-container > .footer > img {


  display: block;


  width: 100%;


}


.container > .work-container > .work-slide {


  position: relative;


  z-index: 3;


}


.container > .work-container > .work-slide > .nav {


  width: 80%;


  height: 40px;


  margin: 0 auto;


}


.container > .work-container > .work-slide > .nav > li {


  display: table-cell;


  width: 1%;


}


.container > .work-container > .work-slide > .nav > li > a {


  margin: 0 auto;


  display: block;


  text-align: center;


  width: 55px;


  height: 23px;


  line-height: 23px;


  border: none;


  border-radius: 0;


  padding: 0;


  background-size: 55px 23px;


}


.container > .work-container > .work-slide > .nav > li.nav-wonderful.active > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_wonderful_active.png");


}


.container > .work-container > .work-slide > .nav > li.nav-wonderful > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_wonderful.png");


}


.container > .work-container > .work-slide > .nav > li.nav-recruit.active > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_recruit_active.png");


}


.container > .work-container > .work-slide > .nav > li.nav-recruit > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_recruit.png");


}


.container > .work-container > .work-slide > .nav > li.nav-culture.active > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_culture_active.png");


}


.container > .work-container > .work-slide > .nav > li.nav-culture > a {


  background-image: url("../../../zh_CN/assets/images/btn_work_culture.png");


}


.container > .work-container > .work-slide #wonderful {


  margin: 0 auto;


  padding-bottom: 5%;


  width: 90%;


}


.container > .work-container > .work-slide #wonderful > img {


  display: block;


  width: 100%;


}


.container > .work-container > .work-slide #culture .swipe {


  width: 100%;


  margin: 0 auto;


  overflow: hidden;


  visibility: hidden;


  position: relative;


  padding-bottom: 5%;


}


.container > .work-container > .work-slide #culture .swipe .swipe-wrap {


  overflow: hidden;


  position: relative;


}


.container > .work-container > .work-slide #culture .swipe .swipe-wrap.img-not-full div img {


  width: 80%;


}


.container > .work-container > .work-slide #culture .swipe .swipe-wrap div {


  float: left;


  width: 100%;


  position: relative;


  overflow: hidden;


  text-decoration: none;


}


.container > .work-container > .work-slide #culture .swipe .swipe-wrap div img {


  display: block;


  width: 100%;


  margin: 0 auto;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap {


  position: absolute;


  bottom: 0;


  left: 0;


  width: 100%;


  height: 20px;


  z-index: 4;


  text-align: center;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap div {


  display: inline-block;


  width: 0;


  height: 100%;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap span {


  display: inline-block;


  width: 5px;


  height: 5px;


  border-radius: 100%;


  margin-left: 2vw;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap .pos {


  background: #fff;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap .posActive {


  width: 8px;


  height: 8px;


  background: #fc6164;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap .pos {


  background-color: #7b7e86;


}


.container > .work-container > .work-slide #culture .swipe .pos-wrap .posActive {


  background-color: #fc6164;


}


.container > .work-container > .work-slide #culture #workCultureCarousel {


  padding-bottom: 8%;


}


.container > .work-container > .work-slide #recruit {


  width: 100%;


  margin: 0 auto;


}


.container > .work-container > .work-slide #recruit .recruit-desc {


  width: 90%;


  margin: 0 auto;


}


.container > .work-container > .work-slide #recruit .recruit-desc > img {


  display: block;


  width: 100%;


}


.container > .work-container > .work-slide #recruit > .recruit-inner {


  position: relative;


  z-index: 222;


  width: 95%;


  margin: 4% auto 0;


  height: 181px;


  overflow-y: hidden;


  overflow-x: scroll;


  background-color: #fff;


  box-shadow: 0 0 18px 0 #dfdfdf;


  -moz-box-shadow: 0 0 18px 0 #dfdfdf;


  -webkit-box-shadow: 0 0 18px 0 #dfdfdf;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table {


  table-layout: fixed;


  background-color: #fff;


  margin: 0 auto;


  width: 480px;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table.nano {


  height: 161px;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table.nano .recruit-list-container {


  top: 31px;


  height: 160px;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table.nano button {


  display: block;


  width: 15px;


  height: 15px;


  outline: none;


  border: 0;


  background-image: url("../../../default/assets/images/icon_work_recruit_check.png");


  background-color: transparent;


  background-size: 15px 15px;


  background-repeat: no-repeat;


  background-position: center center;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table > .recruit-list-hide {


  display: none;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table th,


.container > .work-container > .work-slide #recruit > .recruit-inner table td {


  height: 20px;


  vertical-align: middle;


  font-size: 12px;


  white-space: nowrap;


  overflow: hidden;


  text-overflow: ellipsis;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table th {


  background: #d8d8d8;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table td {


  text-align: left;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table thead {


  height: 31px;


  border-bottom: 1px solid #d8d8d8;


  font-weight: 900;


}


.container > .work-container > .work-slide #recruit > .recruit-inner table thead tr {


  height: 21px;


}


.container > .work-container > .work-slide #recruit > .control {


  position: relative;


  z-index: 9999;


  margin: 0 auto;


  width: 95%;


  background-color: #fff;


}


.container > .work-container > .work-slide #recruit > .control > .control-inner {


  display: table-cell;


  width: 1%;


  text-align: center;


  padding: 5px 0;


}


.container > .work-container > .work-slide #recruit > .control > .control-inner > span {


  color: #cbcbcb;


  border: 1px solid #cbcbcb;


  background-color: #fff;


  font-size: 12px;


  display: inline-block;


  padding: 1px 5px;


  text-align: center;


}


.container > .work-container > .work-slide #recruit > .control > .control-inner > span.can-use {


  background-color: #d23f3f;


  color: #fff;


  border: 1px solid #d23f3f;


}


.container > .contact-container {


  background-color: #3b3e4b;


}


.container > .contact-container > .contact-content > .row {


  margin-left: 0;


  margin-right: 0;


}


.container > .contact-container > .contact-content > .row.row-gz-market {


  margin: 20px auto;


}


.container > .contact-container > .contact-content > .row > .cell {


  display: inline-block;


  width: 30%;


  transition: background .5s ease;


  -o-transition: background .5s ease;


  -moz-transition: background .5s ease;


  -webkit-transition: background .5s ease;


  background-size: 100%;


  background-repeat: no-repeat;


  background-position: center center;


}


.container > .contact-container > .contact-content > .row > .cell > img {


  display: block;


  width: 90%;


  margin: 0 auto;


}


.container > .contact-container > .contact-content > .row #contactSh {


  margin-left: 4%;


}


.container > .contact-container > .contact-content > .row #contactGz {


  margin-left: 15%;


}


.container > .contact-container > .contact-content > .row #contactMarket {


  margin-left: 10%;


}


.container > .contact-container > .copy-right {


  width: 100%;


  display: block;


  margin: 3% auto 0;


}