@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

  font-family: Microsoft YaHei;

  line-height: 100%;

}

img {

  width: 100%;

  height: auto;

}

a {

  text-decoration: none;

  color: #566272;

}

a:link {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

  color: #566272;

}

a:active {

  text-decoration: none;

}

ul li {

  list-style-type: none;

}

input:focus,

button:focus,

textarea:focus {

  outline: 0;

}

.col-lg-1-7,

.col-md-1-7,

.col-sm-1-7,

.col-xs-1-7 {

  width: 14.2857%;

}

@media (min-width: 768px) {

  html {

    font-size: 43.75%;

  }

  .cell-sm {

    display: table-cell !important;

  }

  .inline-sm {

    display: inline !important;

  }

}

@media (min-width: 992px) {

  html {

    font-size: 50%;

  }

  .cell-md {

    display: table-cell !important;

  }

  .inline-md {

    display: inline !important;

  }

}

@media (min-width: 1200px) {

  html {

    font-size: 62.5%;

  }

  .cell-lg {

    display: table-cell !important;

  }

  .inline-lg {

    display: inline !important;

  }

}

.fr {

  float: right;

}

.fl {

  float: left;

}

.fn {

  float: none;

}

.noLi {

  list-style-type: none;

}

.f0 {

  font-size: 0px;

}

.f12 {

  font-size: 1.2rem;

}

.f14 {

  font-size: 1.4rem;

}

.f16 {

  font-size: 1.6rem;

}

.f18 {

  font-size: 1.8rem;

}

.f20 {

  font-size: 2rem;

}

.f22 {

  font-size: 2.2rem;

}

.f24 {

  font-size: 2.4rem;

}

.clear-fix {

  clear: both;

}

.container {

  padding: 0;

}

@font-face {

  font-family: "Open Sans";

  src: url("../fonts/open sans.ttf") format("truetype"), url("../fonts/open sans.woff") format("woff"), url("../fonts/open sans.eot") format("embedded-opentype"), url("../fonts/open sans.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "Open Sans Light";

  src: url("../fonts/opensans-light.ttf") format("truetype"), url("../fonts/opensans-light.woff") format("woff"), url("../fonts/opensans-light.eot") format("embedded-opentype"), url("../fonts/opensans-light.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

.top {

  position: static;

  top: 0;

  left: 0;

  width: 100%;

  background: #f4f4f4;

  line-height: 40px;

  height: 40px;

  z-index: 999;

}

.top > .container > ul {

  float: left;

  margin-bottom: 0;

}

.top > .container > ul > li {

  float: left;

  margin-right: 45px;

  font-size: 0px;

  line-height: 40px;

  position: relative;

}

.top > .container > ul > li > a {

  font-size: 1.4rem;

  vertical-align: middle;

  padding-left: 15px;

}

.top > .container > ul > li:before {

  position: absolute;

  left: 0;

  top: 50%;

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

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

          transform: translateY(-50%);

  content: '';

  width: 3px;

  height: 6px;

  background: #666;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.top > .container > .r {

  font-size: 0px;

  float: right;

}

.top > .container > .r > div {

  padding-left: 28px;

  font-size: 1.4rem;

  display: inline-block;

  vertical-align: middle;

  line-height: 40px;

}

.top > .container > .r > div > span {

  color: #000;

  line-height: 15px;

  font-family: Arial;

}

.top > .container > .r > div.phone {

  background: url(../images/phone.png) no-repeat left center;

  margin-left: 25px;

}

.top > .container > .r > div.mail {

  background: url(../images/msg.png) no-repeat left center;

}

.top > .container > .r > div.mail > span {

  border-right: 1px solid #666;

  padding-right: 25px;

}
.top > .container > .r > div.en > span {

  border-right: 1px solid #666;

  padding-right: 25px;
   margin-right: 25px;

}
.top > .container > .r > div.en > span:hover a{
    color: #fbb900;
}

nav.navbar {

  position: static;

  z-index: 999;

  top: 40px;

  left: 0;

  background: rgba(255, 255, 255, 0.7);

  width: 100%;

  height: 100px;

  margin-bottom: 0;

}

nav.navbar .container {

  overflow: hidden;

  position: relative;

}

nav.navbar .navbar-header .navbar-brand {

  display: inline-block;

  vertical-align: middle;

  padding: 0;

  margin: 0;

  margin-top: 10px;

  height: auto;

}

nav.navbar .navbar-header .navbar-search {

  margin-top: 20px;

  float: right;

  width: 225px;

}

nav.navbar .navbar-header .navbar-search > form {

  width: 100%;

  border: 1px solid #e8e7e7;

  font-size: 0px;

}

nav.navbar .navbar-header .navbar-search > form > input {

  width: 186px;

  display: inline-block;

  vertical-align: middle;

  height: 29px;

  line-height: 29px;

  padding: 5px;

  font-size: 1.4rem;

  border: 0;

}

nav.navbar .navbar-header .navbar-search > form > input:focus {

  outline: none;

}

nav.navbar .navbar-header .navbar-search > form > button {

  width: 37px;

  height: 29px;

  display: inline-block;

  vertical-align: middle;

  background: url(../images/search.png) no-repeat center center;

  outline: 0;

  border: 0;

}

nav.navbar .navbar-collapse {

  padding-left: 0;

  padding-right: 0;

}

nav.navbar .navbar-collapse .search {

  float: right;

  padding-top: 30px;

  width: 180px;

}

nav.navbar .navbar-collapse .search > form {

  border: 1px solid #d3d3d3;

  padding: 10px 15px;

  border-radius: 20px;

  background: #fff;

  font-size: 0px;

}

nav.navbar .navbar-collapse .search > form > input {

  width: calc(100% - 20px);

  border: 0;

  height: 18px;

  line-height: 18px;

  font-size: 1.4rem;

  display: inline-block;

  vertical-align: middle;

}

nav.navbar .navbar-collapse .search > form > input:focus {

  outline: 0;

}

nav.navbar .navbar-collapse .search > form > button {

  background: transparent url(../images/search.png) no-repeat center center;

  width: 20px;

  height: 18px;

  border: 0;

  vertical-align: middle;

}

nav.navbar .navbar-collapse ul {

  float: right;

  margin-bottom: 0;

}

nav.navbar .navbar-collapse ul > li {

  float: left;

}

nav.navbar .navbar-collapse ul > li > a {

  line-height: 97px;

  display: block;

  margin: 0 30px;

  font-size: 1.6rem;

  color: #566272;

  border-bottom: 0px solid transparent;

  -webkit-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

}

nav.navbar .navbar-collapse ul > li.active > a {

  color: #fbb900;

  border-bottom: 3px solid #fbb900;

}

nav.navbar .navbar-collapse ul > li:hover > a {

  color: #fbb900;

  border-bottom: 3px solid #fbb900;

  -webkit-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

}

.top.sy {

  position: fixed;

}

nav.navbar.sy {

  position: fixed;

}

.path {

  background: url(../images/about_02.jpg);

  padding: 3.125% 0;

}

.path .container {

  position: relative;

}

.path .container span {

  position: relative;

  font-size: 3rem;

  color: #999;

  text-transform: uppercase;

  padding-left: 80px;

  font-family: "Open Sans Light";

}

.path .container span:before {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  display: block;

  width: 50px;

  height: 2px;

  background: #fbb900;

}

.path .container span i {

  color: #566272;

  font-size: 1.8rem;

  font-style: normal;

  vertical-align: baseline;

}

.path .container a {

  position: absolute;

  right: 0;

  top: 50%;

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

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

          transform: translateY(-50%);

  font-size: 1.6rem;

  color: #566272;

  background: url(../images/home.png) no-repeat left top;

  padding-left: 30px;

  padding-bottom: 5px;

  border-bottom: 1px solid #566272;

}

.s_bd {

  width: 90px;

  height: 2px;

  background: #999;

  margin-top: 4%;

}

.page_box {

  overflow: auto;

}

.page_box .page {

  text-align: center;

  font-size: 0;

  min-width: 350px;

}

.page_box .page > .page-num-current {

  width: 36px;

  height: 36px;

  display: inline-block;

  line-height: 36px;

  font-size: 1.6rem;

  margin-right: 10px;

  border: 1px solid #dfdfdf;

  color: #fff;

  background-color: #fbb900;

}

.page_box .page > a {

  width: 36px;

  height: 36px;

  display: inline-block;

  line-height: 36px;

  font-size: 1.6rem;

  border: 1px solid #dfdfdf;

  margin-right: 10px;

  color: #566272;

  background-color: #fff;

}

.page_box .page > a:first-child {

  width: auto;

  height: 36px;

  padding: 0 1%;

  margin-right: 20px;

  background: #fff url(../images/page_left.png) no-repeat center center;

}

.page_box .page > a:first-child:hover {

  background: #fbb900 url(../images/page_left_h.png) no-repeat center center;

}

.page_box .page > a:last-child {

  width: auto;

  height: 36px;

  padding: 0 1%;

  margin-left: 10px;

  background: #fff url(../images/page_right.png) no-repeat center center;

}

.page_box .page > a:last-child:hover {

  background: #fbb900 url(../images/page_right_h.png) no-repeat center center;

}

.page_box .page > a:hover {

  background-color: #fbb900;

  color: #fff;

}

.liuyan {

  background: #f8f8f8;

}

.liuyan > .container {

  padding-bottom: 3%;

  text-align: center;

}

.liuyan > .container > h1 {

  font-size: 2.4rem;

  margin-top: 5.13%;

  margin-bottom: 1.6%;

}

.liuyan > .container > p {

  font-size: 1.4rem;

  color: #999;

  margin-bottom: 4.2%;

  line-height: 130%;

}

.liuyan > .container > form {

  display: inline-block;

  max-width: 570px;

  width: 100%;

  font-size: 0px;

}

.liuyan > .container > form > input {

  display: inline-block;

  vertical-align: top;

  max-width: 502px;

  width: calc(100% - 68px);

  height: 54px;

  background: #fff url(../images/message.png) no-repeat left 20px center;

  padding-left: 65px;

  border: 0;

  border-top-left-radius: 5px;

  font-size: 1.4rem;

  border-bottom-left-radius: 5px;

}

.liuyan > .container > form > input:focus {

  outline: 0;

}

.liuyan > .container > form > button {

  display: inline-block;

  vertical-align: top;

  width: 68px;

  height: 54px;

  border: 0;

  background: #fff url(../images/arrow2.png) no-repeat center center;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.liuyan > .container > form > button:focus {

  outline: 0;

}

.pn {

  border: 1px dashed #999;

  height: 80px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  font-size: 0;

}

.pn > div {

  overflow: hidden;

  display: inline-block;

  vertical-align: middle;

  width: 50%;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 22px 0;

}

.pn > div.p {

  padding-left: 30px;

  border-right: 1px dashed #999;

}

.pn > div.p > a {

  display: block;

  padding-left: 38px;

  background: url(../images/show_59.png) no-repeat left center;

}

.pn > div.p > a > span {

  display: block;

  white-space: nowrap;

  overflow: hidden;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

}

.pn > div.p > a > span:first-child {

  font-size: 14px;

  color: #566272;

  margin-bottom: 5px;

}

.pn > div.p > a > span:last-child {

  font-size: 14px;

  color: #fbb900;

}

.pn > div.n {

  padding-right: 30px;

}

.pn > div.n > a {

  display: block;

  padding-right: 38px;

  background: url(../images/show_62.png) no-repeat right center;

}

.pn > div.n > a > span {

  display: block;

  text-align: right;

  white-space: nowrap;

  overflow: hidden;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

}

.pn > div.n > a > span:first-child {

  font-size: 14px;

  color: #566272;

  margin-bottom: 5px;

}

.pn > div.n > a > span:last-child {

  font-size: 14px;

  color: #fbb900;

}

.pn > div:hover {

  background-color: #f5f6f8;

}

.my-map#container {

  width: 100%;

  margin: 0 auto;

  position: static;

}

.my-map#container img {

  width: auto !important;

}

.my-map#container .icon {

  background: url(../images/marker.png) no-repeat;

}

.my-map#container .icon-cir {

  height: 31px;

  width: 28px;

}

.my-map#container .icon-cir-red {

  background-position: -11px -5px;

}

.amap-container {

  height: 100%;

}

.contents.index .c1 ul {

  overflow: hidden;

  margin-top: 5px;

  margin-bottom: 0;

}

.contents.index .c1 ul li {

  position: relative;

  float: left;

  width: calc(33.33% - 4px);

  margin-right: 6px;

}

.contents.index .c1 ul li:last-child {

  margin-right: 0;

}

.contents.index .c1 ul li .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.5);

}

.contents.index .c1 ul li .mask .box {

  position: absolute;text-align:center;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.contents.index .c1 ul li .mask .box img {

  margin-bottom: 12%;

  width:150px;

  

}

.contents.index .c1 ul li .mask .box p {

  font-size: 3rem;

  color: #fff;

  text-align: center;

}

.contents.index .c1 ul li .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all 0.5s 0.1s;

  -o-transition: all 0.5s 0.1s;

  transition: all 0.5s 0.1s;

}

.contents.index .c1 ul li .overlay > a {

  display: block;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contents.index .c1 ul li .overlay .txt {

  position: relative;

  width: 100%;

  height: 30%;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contents.index .c1 ul li .overlay .txt .tit {

  position: absolute;

  left: 0;

  top: 0;

  width: 70%;

  height: 100%;

  padding-top: 2.5%;

  background: #566272;

  text-align: center;

}

.contents.index .c1 ul li .overlay .txt .tit img {

  width: auto;

  max-width: 30%;

  margin-bottom: 3.5%;

}

.contents.index .c1 ul li .overlay .txt .tit p {

  font-size: 3rem;

  color: #fff;

  text-align: center;

  margin-bottom: 0;

}

.contents.index .c1 ul li .overlay .txt a {

  position: absolute;

  top: 0;

  right: 0;

  width: 30%;

  height: 100%;

  background: #fbb900 url(../images/arrow1.png) no-repeat center center;

}

.contents.index .c1 ul li:hover .overlay {

  opacity: 1;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contents.index .c1 ul li:hover .overlay > a {

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

      -ms-transform: translateY(-30%);

          transform: translateY(-30%);

  -webkit-transition: all 0.5s 0.5s;

  -o-transition: all 0.5s 0.5s;

  transition: all 0.5s 0.5s;

}

.contents.index .c1 ul li:hover .overlay .txt {

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

      -ms-transform: translateY(-100%);

          transform: translateY(-100%);

  -webkit-transition: all 0.5s 0.5s;

  -o-transition: all 0.5s 0.5s;

  transition: all 0.5s 0.5s;

}

.contents.index .c2 {

  padding-top: 3%;

}

.contents.index .c2 .container .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.index .c2 .container .h img {

  width: auto;

  max-width: 100%;

}

.contents.index .c2 .container .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.index .c2 .container .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.index .c2 .container .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.index .c2 .container .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.index .c2 .container .swiper-container .swiper-slide {

  position: relative;

  background: #fff;

}

.contents.index .c2 .container .swiper-container .swiper-slide .pic {

  position: relative;

  z-index: 1;

  padding: 0;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt {

  position: absolute;

  right: 0;

  top: 7.5%;

  padding: 0;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .th {

  position: relative;

  z-index: 0;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb {

  position: relative;

  z-index: 2;

  background: rgba(241, 241, 241, 0.8);

  padding: 30px;

  text-align: right;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb h1 {

  font-size: 2.4rem;

  color: #fbb900;

  margin: 0;

  margin-bottom: 5%;

  text-align: left;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb h2 {

  font-size: 1.6rem;

  margin: 0;

  margin-bottom: 8%;

  text-align: left;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb p {

  font-size: 1.6rem;

  color: #666;

  line-height: 187%;

  border-top: 1px dashed #999;

  padding-top: 6%;

  text-align: left;

  margin-bottom: 12%;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb a {

  width: 130px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 1.4rem;

  background: #566272;

  display: inline-block;

  vertical-align: middle;

  color: #fff;

}

.contents.index .c2 .container .swiper-container .swiper-slide .txt .tf {

  position: relative;

  z-index: 0;

}

.contents.index .c2 .container .swiper-container .swiper-button {

  position: absolute;

  right: 0;

  bottom: 10%;

  width: 270px;

  height: 60px;

}

.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-prev {

  position: relative;

  top: 0;

  left: 0;

  width: 50%;

  height: 60px;

  float: left;

  background: #566272 url(../images/arrow_left.png) no-repeat center center;

  margin-top: 0;

}

.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-prev:hover {

  background-color: #fbb900;

}

.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-next {

  position: relative;

  top: 0;

  right: 0;

  width: 50%;

  height: 60px;

  float: left;

  background: #566272 url(../images/arrow_right.png) no-repeat center center;

  margin-top: 0;

}

.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-next:hover {

  background-color: #fbb900;

}

.contents.index .c3 {

  margin-top: 3%;

  background: #f8f8f8;

  overflow: hidden;

}

.contents.index .c3 .f {

  float: left;

}

.contents.index .c3 .f1 {

  width: 19.53125%;

}

.contents.index .c3 .f2 {

  width: 34.89583%;

}

.contents.index .c3 .f3 {

  width: 45.5729%;

}

.contents.index .c3 .half_pic {

  width: 57.1428%;

}

.contents.index .c4 {

  padding-top: 3%;

  margin-bottom: 3%;

}

.contents.index .c4 .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.index .c4 .h img {

  width: auto;

  max-width: 100%;

}

.contents.index .c4 .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.index .c4 .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.index .c4 .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.index .c4 .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.index .c4 .b {

  position: relative;

  overflow: hidden;

}

.contents.index .c4 .b .container {

  position: absolute;

  left: 50%;

  top: 0;

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

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  height: 100%;

  z-index: 2;

}

.contents.index .c4 .b .container .t_new {

  width: 50%;

  padding: 0;

}

.contents.index .c4 .b .t_new {

  padding: 0 15px;

}

.contents.index .c4 .b .t_new .box {

  max-width: 500px;

  margin-top: 7%;

  overflow: hidden;

}

.contents.index .c4 .b .t_new .box h1 {

  font-size: 1.8rem;

  margin-top: 6%;

  margin-bottom: 4%;

  margin-left: 6%;

}

.contents.index .c4 .b .t_new .box p {

  font-size: 1.6rem;

  margin: 0;

  margin-left: 6%;

  line-height: 150%;

  color: #666;

}

.contents.index .c4 .b .t_new .box > a {

  display: block;

  width: 130px;

  height: 40px;

  line-height: 40px;

  font-size: 1.4rem;

  color: #fff;

  background: #566272;

  text-align: center;

  float: right;

  margin-top: 5%;

}

.contents.index .c4 .b .t_new .box:hover h1 a {

  color: #fbb900;

}

.contents.index .c4 .b ul {

  margin-bottom: 0;

  margin-top: 3%;

}

.contents.index .c4 .b ul li {

  position: relative;

  padding: 3% 0;

}

.contents.index .c4 .b ul li a {

  max-width: 585px;

  padding: 0 15px;

  display: block;

}

.contents.index .c4 .b ul li a h1 {

  font-size: 1.8rem;

  border-left: 5px solid #666;

  margin: 0;

  margin-top: 3%;

  padding-left: 10px;

}

.contents.index .c4 .b ul li a h2 {

  font-size: 1.8rem;

  margin: 0;

  margin-top: 2%;

  margin-bottom: 2%;

}

.contents.index .c4 .b ul li a p {

  font-size: 1.6rem;

  line-height: 150%;

  color: #666;

}

.contents.index .c4 .b ul li .line {

  position: absolute;

  left: 15px;

  bottom: 0;

  background: url(../images/index02_06.png) repeat-x;

  width: 130px;

  height: 3px;

}

.contents.index .c4 .b ul li:hover {

  background-color: rgba(51, 51, 51, 0.8);

}

.contents.index .c4 .b ul li:hover a {

  color: #fff;

}

.contents.index .c4 .b ul li:hover a h1 {

  border-color: #fff;

}

.contents.index .c4 .b ul li:hover a p {

  color: #fff;

}

.contents.index .c4 .b .l {

  width: 50%;

  background: url(../images/index_61.jpg) no-repeat right center;

  height: 629px;

  float: left;

}

.contents.index .c4 .b .r {

  position: relative;

  width: 50%;

  background: url(../images/index_62.jpg) no-repeat left center;

  height: 629px;

  float: left;

  z-index: 3;

}

.contents.index .c4 .b .r ul li a {

  padding-left: 9%;

}

.contents.index .c4 .b .r ul li .line {

  left: 9%;

}

.contents.about .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.about .h img {

  width: auto;

  max-width: 100%;

}

.contents.about .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.about .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.about .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.about .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.about .c1 {

  padding-top: 3%;



}

.contents.about .c1 .b .txt1 {

  overflow: hidden;

}

.contents.about .c1 .b .txt1 .pic {

  width: 100%;

  float: left;

  margin-bottom:30px;

}

.contents.about .c1 .b .txt1 .txt {

  width: 100%;

  float: left;

}

.contents.about .c1 .b .txt1 .txt h1 {

  font-size: 2rem;

  color: #666;

  border-left: 5px solid #fbb900;

  padding-left: 5%;

  margin: 0;

  margin-bottom: 2%;

}

.contents.about .c1 .b .txt1 .txt h1 span {

  border-bottom: 1px solid #666;

}

.contents.about .c1 .b .txt1 .txt h1 b {

  color: #fbb900;

  font-weight: normal;

}

.contents.about .c1 .b .txt1 .txt p {

  font-size: 1.6rem;

  color: #666;

  line-height:30px;

}

.contents.about .c1 .b .txt2 {

  overflow: hidden;

  background: url(../images/about_18.jpg) no-repeat left bottom;

  background-size: 88% 67.5%;

  padding-bottom: 3.4%;

  margin-top: 6.8%;

}

.contents.about .c1 .b .txt2 .pic {

  width: 43%;

  float: left;

  padding-left: 2.5%;

  margin-top: 15px;

}

.contents.about .c1 .b .txt2 .txt {

  width: 57%;

  float: left;

  font-size: 0px;

}

.contents.about .c1 .b .txt2 .txt h1 {

  font-size: 2rem;

  color: #666;

  border-left: 5px solid #666;

  padding-left: 5%;

  margin: 0;

}

.contents.about .c1 .b .txt2 .txt h1 span {

  border-bottom: 1px solid #666;

}

.contents.about .c1 .b .txt2 .txt h1 b {

  color: #fbb900;

  font-weight: normal;

}

.contents.about .c1 .b .txt2 .txt h2 {

  font-size: 2rem;

  color: #666;

  padding-left: 14%;

  margin: 0;

  line-height: 200%;

  margin-bottom: 15%;

}

.contents.about .c1 .b .txt2 .txt h2 span {

  border-bottom: 1px solid #666;

}

.contents.about .c1 .b .txt2 .txt h2 b {

  color: #fbb900;

  font-weight: normal;

}

.contents.about .c1 .b .txt2 .txt p {

  width: 75%;

  display: inline-block;

  vertical-align: top;

  font-size: 1.6rem;

  color: #666;

  line-height: 170%;

}

.contents.about .c1 .b .txt2 .txt .line {

  width: 13%;

  margin: 0 6%;

  height: 1px;

  background: #666;

  display: inline-block;

  vertical-align: top;

  margin-top: 15px;

}

.contents.about .c2 {

  padding: 2.5% 0;

  background: url(../images/about_22.jpg) no-repeat center center;

}

.contents.about .c2 .b .swiper-slide p {

  font-size: 1.8rem;

  text-align: center;

  padding: 5% 0;

  background: #fff;

  margin-bottom: 0;

  margin-top: 10px;

}

.contents.about .c3 {

  padding: 4.16% 0;

}

.contents.about .c3 .swiper-container {

  padding: 15px;

}

.contents.about .c3 .swiper-slide {

  -webkit-box-shadow: 0 0 10px 5px #ecebeb;

          box-shadow: 0 0 10px 5px #ecebeb;

}

.contents.about .c3 .swiper-slide a {

  display: block;

  padding: 10px;

}

.contents.about .c3 .swiper-slide p {

  font-size: 1.8rem;

  text-align: center;

  padding: 5% 0;

  background: #f9f9f9;

  margin-bottom: 0;

}

.contents.about .c3 .swiper-button-prev {

  background-image: url(../images/about_a1.png);

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

  left: 25px;

}

.contents.about .c3 .swiper-button-next {

  background-image: url(../images/about_a2.png);

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

  right: 25px;

}

.contents.list {

  padding: 3% 0;

}

.contents.list .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.list .h img {

  width: auto;

  max-width: 100%;

}

.contents.list .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.list .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.list .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.list .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.list .tab {

  text-align: center;

  font-size: 0px;

  margin-bottom: 3.4%;

}

.contents.list .tab li {

  display: inline-block;

  vertical-align: middle;

  background: #566272;

  padding: 1.5% 4.5%;

  margin-right: 10px;

}

.contents.list .tab li a {

  font-size: 1.8rem;

  color: #fff;

  display: block;

}

.contents.list .tab li.active {

  background: #fbb900;

}

.contents.list .tab li:hover {

  background: #fbb900;

}

.contents.list .tab_list {

  overflow: hidden;

}

.contents.list .tab_list li {

  margin-bottom: 2.5%;

}

.contents.list .tab_list li a {

  display: block;

  overflow: hidden;

}

.contents.list .tab_list li a img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;
  max-height:212px;

}

.contents.list .tab_list li p {

  font-size: 1.8rem;

  text-align: center;

  padding: 5% 0;

  background: #f4f4f4;

  margin-bottom: 0;

  margin-top: 10px;

}

.contents.list .tab_list li:hover a img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}

.contents.show > .c1 {

  padding: 5% 0;

}

.contents.show > .c1 > .container > .pc-slide {

  position: relative;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .pic {

  width: 40%;

  margin-right: 3%;

  float: left;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .txt {

  width: 57%;

  float: left;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1 {

  margin-bottom: 25px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1 > a {

  display: block;

  font-size: 3rem;

  padding-bottom: 5%;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1:after {

  content: '';

  width: 89px;

  height: 2px;

  background: #999;

  display: block;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > p {

  font-size: 1.4rem;

  color: #666;

  line-height: 170%;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .photo {

  width: 405px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro {

  width: 742px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m {

  border-bottom: 1px solid #e1e1e1;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m > h1 {

  font-size: 3.6rem;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m > h2 {

  font-size: 1.8rem;

  color: #666;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > p {

  font-size: 1.4rem;

  color: #666;

  line-height: 24px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > p > a {

  font-size: 14px;

  color: #ff3d4c;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide {

  padding: 0 30px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide {

  font-size: 0px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask {

  width: 100%;

  height: 114px;

  text-align: center;

  padding-top: 20px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > h1 {

  text-align: center;

  font-size: 18px;

  color: #fff;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > h2 {

  text-align: center;

  font-size: 14px;

  font-weight: normal;

  color: #fff;

  margin-top: 10px;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > a {

  width: 90px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background: #fff;

  font-size: 1.4rem;

  border-radius: 5px;

  margin-top: 22px;

  display: inline-block;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .p1 {

  left: 0;

}

.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .n1 {

  right: 0;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs {

  width: 57%;

  position: absolute;

  right: 0;

  bottom: 0;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 {

  position: static;

  width: 100%;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 76px;

  background: #f5f7f7;

  text-align: center;

  padding-top: 20px;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask > h1 {

  text-align: center;

  font-size: 18px;

  color: #566272;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask > h2 {

  text-align: center;

  font-size: 14px;

  font-weight: normal;

  color: #666;

  margin-top: 10px;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide.active-nav > .mask > h1 {

  color: #fff;

}

.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide.active-nav > .mask > h2 {

  color: #fff;

}

.contents.show > .c1 > .container > .pc-slide .preview h1 {

  font-size: 1.6rem;

  margin-bottom: 20px;

}

.contents.show > .c2 > .container > .title {

  background: #f2f3f7;

  padding: 3%;

  position: relative;

}

.contents.show > .c2 > .container > .title > .box {

  height: 50px;

  border-left: 5px solid #fbb900;

}

.contents.show > .c2 > .container > .title > .box > .info1 > h1 {

  font-size: 24px;

  color: #566272;

  display: inline-block;

  vertical-align: middle;

  line-height: 32px;

  margin-left: 20px;

  margin-top: 0;

  margin-bottom: 0;

  font-weight: normal;

}

.contents.show > .c2 > .container > .title > .box > .info2 > span {

  color: #666;

  font-size: 14px;

  line-height: 18px;

  margin-left: 20px;

}

.contents.show > .c2 > .container > .cnt {

  margin: 5% 0;

  text-align: center;

}

.contents.show > .c2 > .container > .cnt p {

  text-align: left;

}

.contents.show > .c2 > .container > .cnt > img {

  width: auto !important;

  max-width: 100%;

}

.contents.show > .c3 {

  padding: 3% 0;

}

.contents.show > .c3 > .container > .title {

  padding: 1.5% 2.5%;

  background: #f2f3f7;

  margin-bottom: 3.4%;

}

.contents.show > .c3 > .container > .title > h1 {

  height: 18px;

  line-height: 18px;

  font-size: 1.8rem;

  font-weight: normal;

  border-left: 5px solid #fbb900;

  padding-left: 15px;

  margin: 0;

}

.contents.show > .c3 > .container ul {

  overflow: hidden;

  margin-bottom: 0;

}

.contents.show > .c3 > .container ul li a {

  display: block;

  overflow: hidden;

}

.contents.show > .c3 > .container ul li a img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contents.show > .c3 > .container ul li p {

  font-size: 1.8rem;

  text-align: center;

  padding: 5% 0;

  background: #f4f4f4;

  margin-bottom: 0;

  margin-top: 10px;

}

.contents.show > .c3 > .container ul li:hover a img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}

.contents.news_list {

  padding: 3% 0;

}

.contents.news_list .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.news_list .h img {

  width: auto;

  max-width: 100%;

}

.contents.news_list .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.news_list .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.news_list .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.news_list .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.news_list .c1 {

  background: url(../images/news_list_02.jpg) no-repeat center center;

  padding: 3% 0;

}

.contents.news_list .c1 .swiper-slide {

  font-size: 0px;

  overflow: hidden;

}

.contents.news_list .c1 .swiper-slide [class*='col-'] {

  float: none;

  display: inline-block;

  vertical-align: middle;

  padding-top: 10px;

  padding-bottom: 10px;

}

.contents.news_list .c1 .swiper-slide .pic {

  background: #fff;

  padding: 10px;

  -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);

          box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);

}

.contents.news_list .c1 .swiper-slide .txt {

  background: #f0f0f0;

  padding: 7%;

}

.contents.news_list .c1 .swiper-slide .txt .tit {

  position: relative;

  padding-left: 80px;

  padding-bottom: 6%;

  margin-bottom: 5%;

  border-bottom: 1px dashed #666;

}

.contents.news_list .c1 .swiper-slide .txt .tit h1 {

  font-size: 1.8rem;

  color: #999;

  margin: 0;

  margin-bottom: 10px;

}

.contents.news_list .c1 .swiper-slide .txt .tit h2 {

  font-size: 1.8rem;

  color: #566272;

  margin: 0;

}

.contents.news_list .c1 .swiper-slide .txt .tit span {

  position: absolute;

  left: 0;

  top: 0;

  font-size: 5.6rem;

  color: #566272;

}

.contents.news_list .c1 .swiper-slide .txt p {

  font-size: 1.6rem;

  color: #666;

  line-height: 150%;

}

.contents.news_list .c1 .swiper-slide .txt a {

  display: block;

  width: 130px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #566272;

  font-size: 1.4rem;

  color: #fff;

  margin-top: 5%;

}

.contents.news_list .c2 {

  padding-top: 4.68%;

  padding-bottom: 3%;

  background: #f8f8f8 url(../images/news_list_11.jpg) repeat-x left top;

}

.contents.news_list .c2 ul {

  overflow: hidden;

}

.contents.news_list .c2 ul li {

  margin-bottom: 2.6%;

}

.contents.news_list .c2 ul li a {

  display: block;

  padding: 7% 5%;

  background: #f0f0f0;

}

.contents.news_list .c2 ul li a img {

  padding: 10px;

  background: #fff;

  -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);

          box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contents.news_list .c2 ul li a h1 {

  font-size: 1.8rem;

  color: #999;

  margin: 0;

  overflow: hidden;

  white-space: nowrap;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

}

.contents.news_list .c2 ul li a h2 {

  font-size: 1.8rem;

  margin-top: 5px;

  padding-bottom: 5%;

  margin-bottom: 5%;

  border-bottom: 1px dashed #666;

  overflow: hidden;

  white-space: nowrap;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

}

.contents.news_list .c2 ul li a p {

  font-size: 1.6rem;

  color: #666;

  line-height: 150%;

  margin-bottom: 0;

  overflow: hidden;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.contents.news_list .c2 ul li a:hover img {

  -webkit-box-shadow: none;

          box-shadow: none;

  -webkit-transform: translateY(3px);

      -ms-transform: translateY(3px);

          transform: translateY(3px);

}

.contents.news_list .c2 ul li a:hover{

	color:#fbb900;

	}

.contents.news_show {

  padding: 3% 0;

}

.contents.news_show .h {

  text-align: center;

  margin-bottom: 5%;

}

.contents.news_show .h > h1 {

  font-size: 3rem;

  margin-bottom: 20px;

}

.contents.news_show .h > span {

  color: #666;

  font-size: 1.4rem;

  margin-right: 5%;

}

.contents.news_show .h > span:last-child {

  margin-right: 0;

}

.contents.news_show .b {

  margin-bottom: 6.8%;

  text-align: center;

}

.contents.news_show .b p {

  text-align: left;

  line-height: 170%;

   word-wrap : break-word;

}

.contents.news_show .b img {

  max-width: 100%;

  width: auto;

  height: auto !important;

}

.contents.news_show .b p img{

  margin: 0 auto;

  display: block;

}

.contents.news_show .keywords {

  margin-top: 5%;

}

.contents.news_show .keywords .title {

  padding: 21px 0;

  line-height: 60px;

  background: #f2f3f7;

}

.contents.news_show .keywords .title > h1 {

  line-height: 100%;

  font-size: 1.8rem;

  border-left: 5px solid #fbb900;

  margin-left: 30px;

  margin-top: 0;

  margin-bottom: 0;

  padding-left: 15px;

}

.contents.news_show .keywords .cnt {

  padding: 20px;

  border: 1px solid #f2f3f7;

  height:auto;

  overflow:hidden;

}

.contents.news_show .keywords .cnt > ul > li {

  float: left;

  margin-right: 3%;

  width:47%;

  height:30px;

  line-height:30px;

}

.contents.news_show .keywords .cnt > ul > li:hover a{ color:#fbb900;}

.contents.jobs_list {

  padding: 3% 0;

}

.contents.jobs_list .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.jobs_list .h img {

  width: auto;

  max-width: 100%;

}

.contents.jobs_list .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.jobs_list .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.jobs_list .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.jobs_list .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.jobs_list .tab {

  text-align: center;

  font-size: 0px;

  margin-bottom: 3.4%;

}

.contents.jobs_list .tab li {

  display: inline-block;

  vertical-align: middle;

  background: #566272;

  padding: 1.5% 4.5%;

  margin-right: 10px;

}

.contents.jobs_list .tab li a {

  font-size: 1.8rem;

  color: #fff;

  display: block;

}

.contents.jobs_list .tab li.active {

  background: #fbb900;

}

.contents.jobs_list .tab li:hover {

  background: #fbb900;

}

.contents.jobs_list .tab_list {

  border-top: 3px solid #f5f5f5;

  margin-bottom: 5%;

}

.contents.jobs_list .tab_list li {

  font-size: 0px;

  padding-top: 3.4%;

  padding-bottom: 3.4%;

  border-bottom: 3px solid #f5f5f5;

}

.contents.jobs_list .tab_list li > div {

  display: inline-block;

  vertical-align: middle;

  height: 170px;

  line-height: 170px;

  text-align: center;

  background-color: #fff;

}

.contents.jobs_list .tab_list li .b1 {

  width: 14.5%;

  border: 3px solid #f5f5f5;

  margin-right: 2.5%;

  color: #666;

  font-size: 1.8rem;

}

.contents.jobs_list .tab_list li .b2,

.contents.jobs_list .tab_list li .b3 {

  width: 11.4%;

  margin-right: 2px;

  color: #666;

  font-size: 1.8rem;

  background: #f5f5f5;

}

.contents.jobs_list .tab_list li .b3 {

  margin-right: 2.5%;

}

.contents.jobs_list .tab_list li .b4 {

  position: relative;

  text-align: left;

}

.contents.jobs_list .tab_list li .b4 h1 {

  font-size: 2rem;

  margin: 0;

}

.contents.jobs_list .tab_list li .b4 dt {

  font-size: 1.6rem;

  font-weight: normal;

  margin-top: 4%;

  margin-bottom: 4%;

}

.contents.jobs_list .tab_list li .b4 p {

  font-size: 1.4rem;

  line-height: 150%;

  margin-bottom: 0;

  color: #666;

}

.contents.jobs_list .tab_list li .b4 > a {

  position: absolute;

  right: 0;

  bottom: 0;

  font-size: 1.4rem;

  color: #fbb900;

}

.contents.jobs_list .tab_list li .b4 > a:hover {

  text-decoration: underline;

}

.contents.jobs_list .tab_list li .b4 .mask {

  position: absolute;

  left: 0;

  top: 0;

  width: 0%;

  height: 100%;

  background: #5a5a5a;

  text-align: center;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  overflow: hidden;

}

.contents.jobs_list .tab_list li .b4 .mask .box {

  position: absolute;

  width: 100%;

  left: 0;

  top: 50%;

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

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

          transform: translateY(-50%);

  opacity: 0;

}

.contents.jobs_list .tab_list li .b4 .mask .box span {

  display: inline-block;

  vertical-align: middle;

  width: 50%;

  font-size: 3rem;

  color: #fff;

  padding: 5% 15px;

  border-right: 1px solid #fff;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.contents.jobs_list .tab_list li .b4 .mask .box a {

  display: inline-block;

  vertical-align: middle;

  width: 50%;

}

.contents.jobs_list .tab_list li .b4 .mask .box a i {

  font-size: 1.6rem;

  color: #fff;

  padding-right: 45px;

  background: url(../images/details.png) no-repeat right center;

  background-size: 29px 21px;

  font-style: normal;

}

.contents.jobs_list .tab_list li .b4:hover .mask {

  width: 100%;

}

.contents.jobs_list .tab_list li .b4:hover .mask .box {

  opacity: 1;

  -webkit-transition: all 0.5s 0.5s;

  -o-transition: all 0.5s 0.5s;

  transition: all 0.5s 0.5s;

}

.contents.jobs_list .tab_list li .b5 {

  position: relative;

  width: 14.5%;

  border: 3px solid #f5f5f5;

  margin-left: 2.5%;

}

.contents.jobs_list .tab_list li .b5 dt {

  position: absolute;

  width: 100%;

  height: 50%;

  left: 0;

  top: 0;

  color: #666;

  font-size: 1.8rem;

  border-bottom: 3px solid #f5f5f5;

  font-weight: normal;

  padding-top: 15%;

}

.contents.jobs_list .tab_list li .b5 dd {

  position: absolute;

  width: 100%;

  height: 50%;

  left: 0;

  bottom: 0;

  color: #666;

  font-size: 1.8rem;

  font-weight: normal;

  padding-top: 15%;

}

.contents.jobs_list .tab_list li:hover {

  background: url(../images/jobs_10.jpg) no-repeat center center;

  background-size: auto 100%;

}

.contents.jobs_show .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.jobs_show .h img {

  width: auto;

  max-width: 100%;

}

.contents.jobs_show .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.jobs_show .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.jobs_show .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.jobs_show .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.jobs_show .tab {

  text-align: center;

  font-size: 0px;

  margin-top: 3%;

  margin-bottom: 3%;

}

.contents.jobs_show .tab li {

  display: inline-block;

  vertical-align: middle;

  background: #566272;

  padding: 1.5% 4.5%;

  margin-right: 10px;

}

.contents.jobs_show .tab li a {

  font-size: 1.8rem;

  color: #fff;

  display: block;

}

.contents.jobs_show .tab li.active {

  background: #fbb900;

}

.contents.jobs_show .tab li:hover {

  background: #fbb900;

}

.contents.jobs_show .c1 {

  padding: 3% 0;

  background: #f8f8f8;

}

.contents.jobs_show .c1 .swiper-slide {

  font-size: 0px;

  overflow: hidden;

}

.contents.jobs_show .c1 .swiper-slide [class*='col-'] {

  padding: 0;

}

.contents.jobs_show .c1 .swiper-slide .txt {

  background: #f0f0f0;

  padding: 7%;

}

.contents.jobs_show .c1 .swiper-slide .txt .tit {

  position: relative;

  padding-left: 80px;

  padding-bottom: 6%;

  margin-bottom: 5%;

  border-bottom: 1px dashed #666;

}

.contents.jobs_show .c1 .swiper-slide .txt .tit h1 {

  font-size: 1.8rem;

  color: #999;

  margin: 0;

  margin-bottom: 10px;

}

.contents.jobs_show .c1 .swiper-slide .txt .tit h2 {

  font-size: 1.8rem;

  color: #566272;

  margin: 0;

}

.contents.jobs_show .c1 .swiper-slide .txt .tit span {

  position: absolute;

  left: 0;

  top: 0;

  font-size: 5.6rem;

  color: #566272;

}

.contents.jobs_show .c1 .swiper-slide .txt p {

  font-size: 1.6rem;

  color: #666;

  line-height: 150%;

  overflow: hidden;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.contents.jobs_show .c1 .swiper-slide .txt a {

  display: block;

  width: 130px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #566272;

  font-size: 1.4rem;

  color: #fff;

  margin-top: 5%;

}

.contents.jobs_show .c1 .swiper-button {

  position: absolute;

  right: 0;

  bottom: 10%;

  width: 270px;

  height: 60px;

}

.contents.jobs_show .c1 .swiper-button .swiper-button-prev {

  position: relative;

  top: 0;

  left: 0;

  width: 50%;

  height: 60px;

  float: left;

  background: #566272 url(../images/arrow_left.png) no-repeat center center;

  margin-top: 0;

}

.contents.jobs_show .c1 .swiper-button .swiper-button-prev:hover {

  background-color: #fbb900;

}

.contents.jobs_show .c1 .swiper-button .swiper-button-next {

  position: relative;

  top: 0;

  right: 0;

  width: 50%;

  height: 60px;

  float: left;

  background: #566272 url(../images/arrow_right.png) no-repeat center center;

  margin-top: 0;

}

.contents.jobs_show .c1 .swiper-button .swiper-button-next:hover {

  background-color: #fbb900;

}

.contents.jobs_show .c2 {

  padding-top: 3%;

  padding-bottom: 3%;

}

.contents.jobs_show .c2 .title {

  position: relative;

  padding-bottom: 2.5%;

  margin-bottom: 3.4%;

}

.contents.jobs_show .c2 .title .box {

  background: #f6f6f6;

  border-left: 5px solid #fbb900;

  padding: 3%;

}

.contents.jobs_show .c2 .title .box > .info1 > h1,

.contents.jobs_show .c2 .title .box > .info1 h2 {

  font-size: 2.4rem;

  color: #666;

  display: inline-block;

  vertical-align: middle;

  line-height: 32px;

  margin-left: 20px;

  font-weight: normal;

  margin-top: 0;

}

.contents.jobs_show .c2 .title .box > .info1 > h2 {

  color: #fbb900;

}

.contents.jobs_show .c2 .title .box > .info2 > ul > li {

  display: inline-block;

  vertical-align: middle;

  margin-left: 20px;

  color: #566272;

  font-size: 1.4rem;

  line-height: 18px;

}

.contents.jobs_show .c2 .title .box > .info2 > ul > li > span {

  color: #666;

}

.contents.jobs_show .c2 .title .box > a {

  position: absolute;

  right: 30px;

  top: 50%;

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

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

          transform: translateY(-50%);

  display: block;

  width: 160px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 1.4rem;

  color: #666;

  background: #fff;

  border: 1px solid #d3d3d3;

}

.contents.jobs_show .c2 .datails {

  border: 3px solid #f8f8f8;

  padding: 3.4% 2.5%;

}

.contents.jobs_show .c2 .datails .cnt > .txt > .h {

  font-size: 20px;

  height: 20px;

  line-height: 20px;

  color: #666;

  border-left: 5px solid #fbb900;

  padding-left: 10px;

  margin-bottom: 30px;

  text-align: left;

}

.contents.jobs_show .c2 .datails .cnt > .txt > .b {

  border-bottom: 1px dashed #cac9c8;

  margin-bottom: 30px;

  padding-bottom: 30px;

}

.contents.jobs_show .c2 .datails .cnt > .txt > .b > h1 {

  height: 30px;

  line-height: 30px;

  background: #f5f5f7;

  font-size: 1.6rem;

  color: #fbb900;

  padding: 0 15px;

  display: inline-block;

  margin-bottom: 20px;

}

.contents.jobs_show .c2 .datails .cnt > .txt > .b p {

  font-size: 1.4rem;

  color: #666;

  line-height: 170%;

}

.contents.jobs_show .c2 .datails .keyword > h1 {

  height: 40px;

  line-height: 40px;

  font-size: 1.4rem;

  padding: 0 20px;

  background: #f6f6f6;

}

.contents.jobs_show .c2 .datails .keyword > ul {

  padding: 20px;

  border: 1px solid #f6f6f6;

  border-top: 0;

  overflow: hidden;

}

.contents.jobs_show .c2 .datails .keyword > ul > li {

  float: left;

  margin-right: 30px;

  font-size: 1.4rem;

  line-height: 120%;

  margin-bottom: 5px;

}

.contents.contact {

  padding: 3% 0;

}

.contents.contact .c1 .my-map#container {

  width: 100%;

  height: 450px;

  position: static;

}

.contents.contact .c2 {

  overflow: hidden;

  margin-top: 6.8%;

  border: 1px solid #efefef;

}

.contents.contact .c2 > address {

  font-style: normal;

  width: 50%;

  margin-bottom: 0;

  float: left;

  padding: 3.5% 4%;

  border-right: 1px solid #efefef;

}

.contents.contact .c2 > address .b dl {

  margin-bottom: 5%;

}

.contents.contact .c2 > address .b dl dt {

  padding-bottom: 1.5%;

  border-bottom: 1px dashed #666;

  margin-bottom: 1.5%;

}

.contents.contact .c2 > address .b dl dt span {

  font-size: 1.8rem;

  text-decoration: underline;

  font-weight: normal;

  padding-left: 20px;

  border-left: 5px solid #fbb900;

  line-height: 120%;

}

.contents.contact .c2 > address .b dl dd {

  font-size: 1.4rem;

  color: #666;

  line-height: 180%;

  padding-left: 25px;

  background-repeat: no-repeat;

  background-position: left center;

}

.contents.contact .c2 > address .b .dh dd:nth-of-type(1) {

  background-image: url(../images/tell.png);

}

.contents.contact .c2 > address .b .dh dd:nth-of-type(2) {

  background-image: url(../images/print.png);

}

.contents.contact .c2 > address .b .dh dd:nth-of-type(3) {

  background-image: url(../images/msgs.png);

}

.contents.contact .c2 > address .b .dhs dd{

  background-image: url(../images/tell.png);

}

.contents.contact .c2 > address .b .add dd:nth-of-type(1) {

  background-image: url(../images/add.png);

}

.contents.contact .c2 > section {

  width: 50%;

  float: left;

  padding: 3.5% 4%;

  border-left: 1px solid #efefef;

  margin-left: -1px;

}

.contents.contact .c2 > section > .h {

  margin-bottom: 30px;

}

.contents.contact .c2 > section > .h > h1 {

  font-size: 2rem;

  border-left: 5px solid #fbb900;

  padding-left: 20px;

  margin: 0;

  margin-bottom: 10px;

}

.contents.contact .c2 > section > .h > p {

  padding-left: 25px;

  color: #999;

  font-size: 1.4rem;

}

.contents.contact .c2 > section > form label {

  display: block;

}

.contents.contact .c2 > section > form input {

  width: 100%;

  margin-bottom: 20px;

  height: 50px;

  padding: 0 15px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  background: #f5f5f5;

  border: 0;

  border-radius: 5px;

}

.contents.contact .c2 > section > form textarea {

  width: 100%;

  height: 80px;

  margin-bottom: 20px;

  background: #f5f5f5;

  border: 0;

  padding: 15px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  resize: none;

  border-radius: 5px;

}

.contents.contact .c2 > section > form button {

  width: 100%;

  height: 50px;

  line-height: 50px;

  color: #fff;

  text-align: center;

  background: #fbb900;

  border: 0;

  border-radius: 5px;

}

.contents.join .h {

  text-align: center;

  margin-bottom: 3.4%;

}

.contents.join .h img {

  width: auto;

  max-width: 100%;

}

.contents.join .h h1 {

  font-size: 3rem;

  margin-top: 20px;

  margin-bottom: 20px;

}

.contents.join .h h2 {

  position: relative;

  display: inline-block;

  font-size: 1.4rem;

  text-transform: uppercase;

  padding-left: 20px;

  padding-right: 20px;

  margin: 0;

  font-family: "Open Sans Light";

}

.contents.join .h h2:before {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.contents.join .h h2:after {

  content: '~';

  font-size: 1.4rem;

  color: #566272;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.contents.join .tab {

  text-align: center;

  font-size: 0px;

  margin-top: 5%;

  margin-bottom: 0;

}

.contents.join .tab li {

  display: inline-block;

  vertical-align: middle;

  background: #566272;

  padding: 1.5% 4.5%;

  margin-right: 10px;

}

.contents.join .tab li a {

  font-size: 1.8rem;

  color: #fff;

  display: block;

}

.contents.join .tab li.active {

  background: #fbb900;

}

.contents.join .tab li:hover {

  background: #fbb900;

}



.c0 .tab {

  text-align: center;

  font-size: 0px;

  margin-top: 5%;

  margin-bottom: 0;

}

.c0 .tab li {

  display: inline-block;

  vertical-align: middle;

  background: #566272;

  padding: 1.5% 4.5%;

  margin-right: 10px;

   margin-bottom: 10px;

}

.c0 .tab li a {

  font-size: 1.8rem;

  color: #fff;

  display: block;

}

.c0 .tab li.active {

  background: #fbb900;

}

.c0 .tab li:hover {

  background: #fbb900;

}



.contents.join .c1 {

  padding: 3% 0;

}

.contents.join .c1 .b .swiper-slide {

  position: relative;

}

.contents.join .c1 .b .swiper-slide p {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  font-size: 1.6rem;

  color: #fff;

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

  margin-bottom: 0;

  text-align: center;

  padding: 5% 0;

}

.contents.join .c1 .b .swiper-slide:hover p {

  background: rgba(161, 11, 0, 0.6);

}

.contents.join .c1 .b .swiper-button-prev{

  background-image: url(../images/about_a1.png);

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

}

.contents.join .c1 .b .swiper-button-next{

  background-image: url(../images/about_a2.png);

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

}

.contents.join .c2 .b {

  padding: 3.7% 0;

  background: url(../images/join_06.jpg);

}

.contents.join .c2 .b .container{

  text-align: center;

}

.contents.join .c2 .b .container img{

  width: auto;

  max-width: 100%;

}

.contents.join .c3 {

  padding: 3% 0;

}

.contents.join .c3 form {

  text-align: center;

}

.contents.join .c3 form [class*='col-'] {

  font-size: 1.6rem;

  margin-bottom: 25px;

}

.contents.join .c3 form label {

  width: 130px;

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  font-size: 1.6rem;

  font-weight: normal;

}

.contents.join .c3 form label i {

  color: #fbb900;

  font-style: normal;

}

.contents.join .c3 form input[type="text"] {

  width: calc(100% - 130px);

  display: inline-block;

  vertical-align: middle;

  font-size: 1.6rem;

  height: 35px;

  line-height: 35px;

  border: 1px solid #eaeaea;

  padding: 5px;

  text-align: left;

}

.contents.join .c3 form textarea {

  width: calc(100% - 130px);

  display: inline-block;

  vertical-align: middle;

  font-size: 1.6rem;

  line-height: 35px;

  height: 100px;

  border-color: #eaeaea;

  padding: 5px;

}

.contents.join .c3 form button {

  width: 100px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #fff;

  border: 0;

  margin-top: 4.3%;

}

.contents.join .c3 form button:first-of-type {

  background-color: #fbb900;

  margin-right: 20px;

}

.contents.join .c3 form button:last-of-type {

  background-color: #566272;

}

.half_line {

  position: relative;

  width: 95px;

  height: 4px;

  background: #032573;

}

.half_line > .half {

  position: absolute;

  left: 0;

  top: 0;

  width: 31.5%;

  height: 100%;

  background: #fbb900;

}

.s_line {

  width: 40px;

  height: 4px;

  background: #032573;

}

.s_line_02 {

  width: 100px;

  height: 4px;

  background: #fbb900;

}

footer {

  background: #fff;

}

footer > .container {

  padding: 2% 0 3%;

  background: url(../images/foot_map.png) no-repeat right 25% top 30%;

  text-align: center;

}

footer > .container > .f1 {

  overflow: hidden;

}

footer > .container > .f1 > dl {

  text-align: left;

  margin-bottom: 0;

}

footer > .container > .f1 > dl > dt {

  font-size: 2rem;

  font-weight: normal;

  margin-bottom: 5%;

}

footer > .container > .f1 > dl > dt:after {

  content: '';

  display: block;

  background: url(../images/index_04.jpg) repeat;

  width: 130px;

  height: 3px;

  max-width: 100%;

  margin-top: 5%;

}

footer > .container > .f1 > dl > dd {

  font-size: 1.6rem;

  color: #666;

  line-height: 200%;

}

footer > .container > .f1 > dl > dd > ul {

  overflow: hidden;

  margin-bottom: 5%;

}

footer > .container > .f1 > dl > dd > ul > li {

  position: relative;

}

footer > .container > .f1 > dl > dd > ul > li > a {

  font-size: 1.4rem;

  vertical-align: middle;

  white-space: nowrap;

}

footer > .container > .f1 > dl > dd > ul > li:before {

  content: '';

  width: 3px;

  height: 6px;

  background: #666;

  position: absolute;

  left: 0;

  top: 50%;

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

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

          transform: translateY(-50%);

  vertical-align: middle;

  margin-right: 10px;

}

footer > .container > .f1 > dl > dd > h1 {

  color: #566272;

  font-size: 1.6rem;

  margin-top: 5%;

  margin-bottom: 5%;

}

footer > .container > .f1 > dl > dd > span {

  color: #fbb900;

}

footer > .container > .f1 > dl > dd > img {

  width: auto;

}

footer > .container > .f1 > dl > dd.qrone {

  margin-top: 5%;

  text-align: center;

}

footer > .container > .f1 > dl > dd.qrone > p {

  color: #666;

  font-size: 1.6rem;

  margin-top: 3%;

}

footer > .container > .f2 {

  margin-top: 7.7%;

}

footer > .container > .f2 > a {

  width: 170px;

  height: 40px;

  display: inline-block;

  font-size: 0px;

}

footer > .container > .f2 > a:nth-child(1) {

  background: #fbb900 url(../images/wshop.png) no-repeat center center;

  margin-right: 30px;

}

footer > .container > .f2 > a:nth-child(2) {

  background: #566272 url(../images/tmall.png) no-repeat center center;

  margin-right: 0;

}

footer > .container > .f3 {

  font-size: 1.6rem;

  color: #566272;

  margin-top: 5%;

}

.bq {

  width: 100%;

  background-color: #f9f9f9;

}

.bq > .container {

  padding: 15px 0;

}

.bq > .container > p {

  color: #919d97;

  text-align: center;

  font-size: 1.4rem;

  margin-bottom: 0;

  line-height: 120%;

}

.bq > .container > p > a {

  color: #919d97;

  font-size: 1.4rem;

}

.share {

  text-align: center;

  padding: 10px 0;

  border-top: 1px solid #efefef;

}

.bdsharebuttonbox.bdshare-button-style0-32 {

  display: inline-block;

  width: 210px;

  vertical-align: middle;

  text-align: right;

}

.bdsharebuttonbox.bdshare-button-style0-32 > a {

  background-position: 0 0;

  margin-top: 3px;

  margin-right: 20px;

  margin-left: 0;

  margin-bottom: 0;

}

.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_sqq {

  background-image: url(../images/qq.png);

}

.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_weixin {

  background-image: url(../images/qrone.png);

}

.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tsina {

  background-image: url(../images/sina.png);

}

.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tqq {

  background-image: url(../images/tx.png);

}

.mobile-foot > .container > .panel-group {

  margin-bottom: 5px;

}

.mobile-foot > .container > .panel-group > .panel {

  border-radius: 0;

}

.mobile-foot > .container > .panel-group > .panel > .panel-heading {

  background: #fbb900;

  opacity: 1;

}

.mobile-foot .panel-primary > .panel-heading {

  background-color: #000;

  border-radius: 0;

  color: #fff;

  opacity: 0.7;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input {

  width: 100%;

  height: 30px;

  padding: 9px 11px;

  border: 1px solid #dcdcdc;

  border-radius: 5px;

  margin-bottom: 5px;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input:focus {

  outline: none;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea {

  width: 100%;

  height: 80px;

  padding: 9px 11px;

  border: 1px solid #dcdcdc;

  border-radius: 5px;

  resize: none;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea:focus {

  outline: none;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > button {

  width: 64px;

  height: 30px;

  background: #032573;

  color: #fff;

  text-align: center;

  border: 0;

  border-radius: 5px;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd {

  padding-left: 35px;

  line-height: 35px;

  background-position: left top 7px;

  background-repeat: no-repeat;

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(1) {

  background-image: url(../images/phone.png);

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(2) {

  background-image: url(../images/msg.png);

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(3) {

  background-image: url(../images/pos.png);

}

.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > a > span {

  margin-left: 10px;

}

.mobile-foot img {

  width: auto !important;

}

.mobile-foot > .container {

  padding: 0;

}

.mobile-foot .panel-title > a {

  display: block;

}

.mobile-foot .panel-title > a:hover {

  color: #fff;

}

.mobile-foot .panel-body {

  padding: 0 !important;

}

.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements {

  text-align: center;

}

.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a {

  margin-left: 1% !important;

  margin-right: 1% !important;

}

.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a > .at-icon-wrapper {

  width: 28px !important;

  height: 28px !important;

}

.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a > .at-icon-wrapper > svg {

  width: 28px !important;

  height: 28px !important;

}

.col-lg-1-7,

.col-md-1-7,

.col-sm-1-7,

.col-xs-1-7 {

  width: 14.2857%;

}

.slide_1,

.slide_2 {

  text-align: center;

}

.slide_1 > .swiper-pagination > .swiper-pagination-bullet,

.slide_2 > .swiper-pagination > .swiper-pagination-bullet {

  background-color: #fff;

  opacity: 1;

}

.slide_1 > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active,

.slide_2 > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #fbb900;

}

.slide_2 > .swiper-wrapper > .swiper-slide > img {

  border: 1px solid #eceeed;

}

.slide_1 .swiper-button-prev{

	background-image:none;

  /*background-image: url(../images/about_a1.png);*/

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

  left: 25px;

}

.slide_1 .swiper-button-next{

	background-image:none;

  /*background-image: url(../images/about_a2.png);*/

  width: 25px;

  height: 52px;

  background-size: 25px 52px;

  right: 25px;

}

.btn_aside {

  position: fixed;

  -webkit-transition: bottom ease 1s;

  -o-transition: bottom ease 1s;

  transition: bottom ease 1s;

  right: 10px;

  bottom: -120px;

  z-index: 3;

}

.btn_aside > .cbbtn {

  padding: 5px;

  width: 40px;

  height: 40px;

  margin-top: 1px;

  display: block;

  cursor: pointer;

}

.btn_aside > .cbbtn#cweixin {

  background: rgba(0, 0, 0, 0.3);

}

.btn_aside > .cbbtn#cweixin > div {

  background: url(../images/qrone.jpg);

  background-size: 100% 100%;

  width: 140px;

  height: 140px;

  position: relative;

  bottom: 130px;

  right: 145px;

  display: none;

}

.btn_aside > .cbbtn#qq {

  background: rgba(0, 0, 0, 0.3);

}

.btn_aside > .cbbtn#gotop {

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

  -webkit-transition: background-color ease 0.3s;

  -o-transition: background-color ease 0.3s;

  transition: background-color ease 0.3s;

}

.btn_aside > .cbbtn > .yy-icon {

  display: inline-block;

  overflow: hidden;

  background-repeat: no-repeat;

  background-image: url(../images/icon.png);

}

.btn_aside > .cbbtn > .yy-icon.yy-weixin {

  width: 30px;

  height: 30px;

  background-position: 0px -80px;

}

.btn_aside > .cbbtn > .yy-icon.yy-qq {

  width: 30px;

  height: 30px;

  background-position: 0px 0px;

}

.btn_aside > .cbbtn > .yy-icon.yy-gt {

  width: 30px;

  height: 30px;

  background-position: 0px -40px;

}

@media (max-width: 1199px) and (min-width: 992px) {

  nav.navbar > .container > .navbar-collapse > ul > li > ul {

    top: 85px;

  }

  nav.navbar .navbar-collapse ul > li > a {

    margin: 0 22px;

  }

}

@media (max-width: 991px) and (min-width: 768px) {

  nav.navbar > .container > .navbar-collapse > ul > li > ul {

    top: 69px;

  }

  nav.navbar .navbar-collapse ul > li > a {

    margin: 0 6px;

  }

  .contents.index .c4 .b .l {

    height: 470px;

  }

  .contents.index .c4 .b .r {

    height: 470px;

  }

  .contents.jobs_list .tab_list li .b4 {

    width: 100%;

  }

  .contents.jobs_list .tab_list li .b1,

  .contents.jobs_list .tab_list li .b2,

  .contents.jobs_list .tab_list li .b3,

  .contents.jobs_list .tab_list li .b5 {

    display: none;

  }

}

@media (max-width: 767px) {
.contents.list .tab_list li a img {
  max-height:auto;

}
  html {

    font-size: 50%;

  }

  .cell-xs {

    display: table-cell !important;

  }



  nav.navbar {

    position: static;

    height: auto;

    margin-bottom: 0;

  }

  nav.navbar .navbar-header {

    margin-left: 0;

    margin-right: 0;

    padding: 0;

  }

  nav.navbar .navbar-header > .navbar-toggle {

    border: 1px solid #666;

  }

  nav.navbar .navbar-header > .navbar-toggle > .icon-bar {

    background-color: #666;

  }

  nav.navbar .navbar-header > .navbar-brand {

    max-width: 100px;

    margin-left: 0;
	margin-top: 5px;

  }

  nav.navbar .navbar-collapse {

    padding: 15px;

  }

  nav.navbar .navbar-collapse ul {

    margin: 0;

  }

  nav.navbar .navbar-collapse ul > li {

    width: 100%;

    padding: 15px;

    border-top: 1px dashed #fbb900;

    text-align: left;

  }

  nav.navbar .navbar-collapse ul > li > a {

    margin: 0;

    border: 0;

    line-height: 100%;

  }

  nav.navbar .navbar-collapse ul > li.active > a {

    border-bottom: 0;

  }

  nav.navbar .navbar-collapse ul > li > ul > li > a {

    color: #fff;

  }

  nav.navbar .navbar-collapse .search {

    padding: 15px;

    width: 100%;

    padding-top: 0;

    float: left;

  }

  .top {

    position: static;

  }

  .top.sy {

    position: static;

  }

  nav.navbar.sy {

    position: static;

  }

  .top > .container > .r > div.phone {

    margin-left: 14px;

  }

  .row {

    margin: 0;

  }

  .container {

    padding-left: 15px;

    padding-right: 15px;

  }

  .pn > div.p {

    padding-left: 10px;

  }

  .pn > div.n {

    padding-right: 10px;

  }

  .contents.index .c1 ul li .mask .box p {

    font-size: 1.8rem;

	line-height:20px;

  }

    .contents.index .c1 ul li .mask .box img {

  width:80%;

  

}

  .contents.index .c2 .container .swiper-container .swiper-slide .txt {

    position: static;

  }

  .contents.index .c2 .container .swiper-container .swiper-slide .txt .th,

  .contents.index .c2 .container .swiper-container .swiper-slide .txt .tf {

    display: none;

  }

  .contents.index .c2 .container .swiper-container .swiper-button {

    position: static;

    width: 100%;

  }

  .contents.index .c2 .container .swiper-container .swiper-slide .txt .tb {

    padding: 10px;

  }

  .contents.index .c3 .f1 {

    width: 36%;

  }

  .contents.index .c3 .f2 {

    width: 64%;

  }

  .contents.index .c3 .f3 {

    width: 100%;

  }

  .contents.about .c1 .b .txt1 .pic {

    width: 100%;

  }

  .contents.about .c1 .b .txt1 .txt {

    width: 100%;

    padding-left: 0;

  }

  .contents.about .c1 .b .txt2 {

    background: transparent;

  }

  .contents.about .c1 .b .txt2 .txt {

    width: 100%;

  }

  .contents.about .c1 .b .txt2 .txt h2 {

    padding-left: 6%;

    margin-bottom: 5%;

  }

  .contents.about .c1 .b .txt2 .txt p {

    width: 100%;

  }

  .contents.about .c1 .b .txt2 .pic {

    width: 100%;

    padding-left: 0;

  }

  .contents.about .c2 {

    background: transparent;

  }

  .contents.contact .c2 > address {

    width: 100%;

  }

  .contents.contact .c2 > section {

    width: 100%;

  }

  .path .container a {

    display: none;

  }

  .contents.jobs_list .tab_list li .b4 {

    width: 100%;

  }

  .contents.jobs_list .tab_list li .b1,

  .contents.jobs_list .tab_list li .b2,

  .contents.jobs_list .tab_list li .b3,

  .contents.jobs_list .tab_list li .b5 {

    display: none;

  }

  .contents.jobs_show .c1 .swiper-button {

    position: static;

    width: 100%;

  }

  .contents.join .c3 form [class*='col-'] {

    text-align: left;

  }

  .contents.show > .c1 > .container > .pc-slide .slide_01 .pic {

    width: 100%;

  }

  .contents.show > .c1 > .container > .pc-slide .slide_01 .txt {

    width: 100%;

  }

  .contents.show > .c1 > .container > .pc-slide .slide_thumbs {

    position: static;

    width: 100%;

  }

  .contents.news_list .c1 .swiper-slide [class*='col-'] {

    width: 100%;

  }

  .top > .container > .r > div.mail > span{

    padding-right: 15px;

  }

  .top > .container > .r > div.phone{

    margin-left: 15px;

  }

  footer > .container > .f2 > a:nth-child(1) {

    margin-right: 10px;

  }

}
/* 字体图标 */
@font-face {
  font-family: 'iconfont2';  /* project id 114953 */
  src: url('../fonts/font_75uqs6jgze8w7b9.eot');
  src: url('../fonts/font_75uqs6jgze8w7b9.eot') format('embedded-opentype'),
  url('../fonts/font_75uqs6jgze8w7b9.woff') format('woff'),
  url('../fonts/font_75uqs6jgze8w7b9.ttf') format('truetype'),
  url('../fonts/font_75uqs6jgze8w7b9.svg#iconfont') format('svg');
}


.iconfont2 {
  font-family:"iconfont2" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon_home::before{ content: "\e64d"; }
.icon_nav1::before{ content: "\e658"; }
.icon_nav2::before{ content: "\e641"; }
.icon_nav3::before{ content: "\e667"; }
.icon_nav4::before{ content: "\e653"; }
.icon_nav5::before{ content: "\e641"; }
.icon_nav6::before{ content: "\e650"; }
.icon_nav7::before{ content: "\e615"; }
.icon_ry::before{ content: "\e66c"; }
.icon_kf::before{ content: "\e605"; }
.icon_dh::before{ content: "\e602"; }
.icon_ly::before{ content: "\e606"; }
.icon_xx::before{ content: "\e601"; }

.footMenu{ display:none;}
@media (max-width: 768px) {
body{ padding-bottom:5rem;}
footer > .container > .f3{ font-size:12px; line-height:20px;}
.footMenu{height:5rem;position:fixed;bottom:0;z-index:99999999;width:100%;text-align:center;background-color:#566272;display:table;margin:0 auto; padding:3px 0 !important;}
.footMenu ul{overflow:hidden;color:#fff;padding-top:;display:table-cell;vertical-align:middle;}
.footMenu li{float:left;width:25%;text-align:center;vertical-align:middle;line-height:3rem;}
.footMenu li a{color:#fff;}
.footMenu li i{font-size:2.5rem;}
.footMenu li span{display:block; font-size:14px;}
	
	}