﻿@charset "utf-8";
@font-face {
  font-family: 'NotoSansHans';
  src: url('../fonts/NotoSansHans-Regular.eot');
  src: url('../fonts/NotoSansHans-Regular.ttf ') format("truetype");
}
body {
  padding: 0px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  font-family: NotoSansHans, arial, "Microsoft YaHei"!important;
  color: #333;
  min-width: 320px;
  width: 100%;
  zoom: 1;
  background: #fff;
}
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0;
}
.ul,
.ul > li,
.dl,
.dl > dd,
.dl > dt {
  list-style: none;
  margin: 0;
  padding: 0;
}
select,
input,
textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #333;
}
input:focus {
  outline: none;
}
input,
button,
select,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
textarea,
input,
select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
  display: block;
}
figure,
figcaption {
  margin: 0px;
  padding: 0px;
}
img {
  border: none;
  border: 0;
  vertical-align: top;
  max-width: 100%;
}
a {
  color: #555;
  text-decoration: none;
  /* -webkit-tap-highlight-color: #000000; */
  display: inline-block;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
a:hover {
  color: #666;
}
a:hover {
  text-decoration: none;
}
a {
  font-size: 16px;
}
a:link {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.PIC {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}
.PIC img {
  display: block;
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.dot {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.gdt::-webkit-scrollbar {
  width: 3px;
}
.gdt::-webkit-scrollbar-track {
  background-color: #fff;
}
.gdt::-webkit-scrollbar-thumb {
  background-color: #333;
}
.gdt::-webkit-scrollbar-thumb:hover {
  background-color: #333333;
}
.gdt::-webkit-scrollbar-thumb:active {
  background-color: #333333;
}
.gdt {
  overflow: auto!important;
  padding-right: 10px!important;
  padding-left: 10px!important;
}
br{
  background: rgba(0,0,0,0);
  color: rgba(255, 255, 255, 0);
  font-size: 0;
}
.MainBox {
  padding: 60px 0 100px;
  overflow: hidden;
  min-height: 300px;
  /*background: url(../images/main_bg.png) center 115px no-repeat;*/
  position: relative;
}
.SinglePage {
  text-justify: inter-ideograph;
  text-align: justify;
  overflow: hidden;
  min-height: 140px;
  word-break: break-all;
}
.SinglePage img {
  max-width: 100%;
}
.TxtPage {
  text-justify: inter-ideograph;
  text-align: justify;
  word-break: break-all;
}
.TxtPage img {
  max-width: 100%;
}
.SubMenu {
  border-bottom: solid 1px #eeeeee;
  padding: 13px 0;
  line-height: 32px;
}
.Current {
  background: url(../images/home_bg.png) left center no-repeat;
  color: #666;
  float: right;
  padding-left: 30px;
}
.Current span {
  color: #006d85;
}
.Current a {
  padding-right: 11px;
  margin-right: 5px;
  color: #555555;
  background: url(../images/Current_icon.png) right center no-repeat;
}
.Current a:hover {
  color: #006d85;
}
.SubMenu .ul {
  float: left;
}
.SubMenu .ul li {
  display: inline-block;
  font-size: 16px;
}
.SubMenu .ul li > a {
  display: block;
  color: #555;
  padding: 0px 26px;
}
.SubMenu .ul li.on > a,
.SubMenu .ul li:hover > a {
  background-color: #006d84;
  color: #fff;
}
/*banner*/
.BanBox img {
  display: block;
  width: 100%;
}
.BanBox img.IMG2 {
  display: none;
}
.Pages {
  font-size: 0;
  padding-top: 50px;
  line-height: 24px;
  zoom: 1;
  overflow: hidden;
  margin: 0;
  text-align: center;
}
.Pages span {
  padding: 0px 3px;
}
.Pages a {
	vertical-align:top;
  display: inline-block;
  margin: 0 3px;
  font-size: 14px;
  background: #fff;
  font-size: 16px;
  color: #999999;
}

.Pages .p_page em {
  font-style: normal;
  font-family: Arial;
  position: relative;
}
.a_first,
.a_prev,
.a_next,
.a_end,
.Pages .p_page em a {
  padding: 8px 15px;
}
.Pages .p_page em a.a_cur {
  color: #fff;
  background: #10472d;
  border-color: #10472d;
}
.Pages a.a_prev,
.Pages a.a_next {
  font-family: 'font2';
  position: relative;
}
.Pages a.a_prev::before {
  content: '';
  width: 8px;
  height: 13px;
  background: url(../images/collection/list/icon_prev.jpg) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: -12px;
}
.Pages a.a_next::after {
  content: '';
  width: 8px;
  height: 13px;
  background: url(../images/collection/list/icon_next.jpg) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  right: -12px;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i {
  text-decoration: normal;
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
* {
  box-sizing: border-box;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.index_banner .swiper-pagination-bullet {
  width: 12px!important;
  height: 12px!important;
  background: #9ab91d !important;
  opacity: 1!important;
  margin: 30px 20px!important;
  border-radius: 50%;
  border: 1px solid #9ab91d;
}
.index_banner .swiper-pagination-bullet-active {
  background: #9ab91d!important;
  position: relative;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  text-align: center;
}
.index_banner .swiper-pagination-bullet-active:after {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  border: 1px solid #9ab91d;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari and Chrome */
  -o-transform: translate(-50%, -50%);
  /* Opera */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
}

  .index_banner .wap{ display:none;}
.oneline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.twoline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.threeline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.fourline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.transition45 {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /* Firefox 4 */
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  /* Opera */
}
.rotate45 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
  -moz-transform: rotate(45deg);
  /* Firefox */
}
.rerotate45 {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari and Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
  -moz-transform: rotate(-45deg);
  /* Firefox */
}
.rerotate00 {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Safari and Chrome */
  -o-transform: rotate(0deg);
  /* Opera */
  -moz-transform: rotate(0deg);
  /* Firefox */
}
.translate50 {
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari and Chrome */
  -o-transform: translate(-50%, -50%);
  /* Opera */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
}
.translate_top_50 {
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  /* IE 9 */
  -webkit-transform: translate(0%, -50%);
  /* Safari and Chrome */
  -o-transform: translate(0%, -50%);
  /* Opera */
  -moz-transform: translate(0%, -50%);
  /* Firefox */
}
.centered {
  max-width: 1280px;
  margin: 0 auto;
}
header .topBar {
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
}
header .topBar .lang {
  float: left;
}
header .topBar .lang li {
  display: inline-block;
}
header .topBar .lang li a {
  font-size: 14px;
  color: #999999;
  padding: 0 10px;
  border-right: 1px solid #eee;
  line-height: 1.2;
}
header .topBar .lang li:last-child a {
  border-right: 0;
}
header .topBar .lang li.on a {
  color: #10482d;
}
header .topBar .right {
  float: right;
}
header .topBar .right .searchForm {
  width: 230px;
  height: 25px;
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  position: relative;
  float: left;
}
header .topBar .right .searchForm input {
  padding-left: 10px;
  font-size: 14px;
  color: #bbb;
}
header .topBar .right .searchForm a {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: url(../images/header/icon_search.png) no-repeat center;
  cursor: pointer;
}
header .topBar .right .bdsharebuttonbox {
  float: left;
}
header .topBar .right .bdsharebuttonbox .bds_tsina {
  width: 25px;
  height: 25px;
  background: url(../images/header/icon_sina2.png) no-repeat center;
  margin: 0 14px 0 22px;
}
header .topBar .right .bdsharebuttonbox .bds_weixin {
  width: 25px;
  height: 25px;
  background: url(../images/header/icon_wechat.png) no-repeat center;
  margin: 0 0;
}
header .navBar {
  position: relative;
  z-index: 9;
  padding: 10px 0;
}
header .navBar .logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  /* IE 9 */
  -webkit-transform: translate(0%, -50%);
  /* Safari and Chrome */
  -o-transform: translate(0%, -50%);
  /* Opera */
  -moz-transform: translate(0%, -50%);
  /* Firefox */
}
header .navBar .outBox {
  float: right;
}
header .navBar .outBox .hd ul li {
  float: left;
  padding: 20px 0 0 50px;
  cursor: pointer;
}
/* header .navBar .outBox .hd ul li#li24{display: none;} */
header .navBar .outBox .hd ul li a {
  font-size: 16px;
  color: #333333;
  /*font-family: 'NotoSansHans';*/
  display: inline-block;
  padding-bottom: 20px;
}
header .navBar .outBox .hd ul li:hover a,
header .navBar .outBox .hd ul li.on a{
  border-bottom: 2px solid #10482d;
}
header .navBar .outBox .hd ul li.slideon a,
header .navBar .outBox .hd ul li.on a {
  color: #10482d;
}
header .navBar .outBox .bd {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: #fff;
}
header .navBar .outBox .bd .inBox {
  display: none;
  padding: 48px 32px 52px 48px;
  border-top: 1px solid #eeeeee;
  box-sizing: border-box;
}
header .navBar .outBox .bd .inBox .inHd {
  width: 170px;
  float: left;
}
header .navBar .outBox .bd .inBox .inHd ul li {
  cursor: pointer;
  padding: 22px 0;
}
/* header .navBar .outBox .bd .inBox .inHd ul li#m60{display: none;} */
header .navBar .outBox .bd .inBox .inHd ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
header .navBar .outBox .bd .inBox .inHd ul li.on a {
  color: #9ab91d;
}
header .navBar .outBox .bd .inBox .inHd ul li:first-child {
  padding-top: 0;
}
header .navBar .outBox .bd .inBox .inHd ul li:last-child {
  padding-bottom: 0;
}
header .navBar .outBox .bd .inBox .inBd {
  width: 1030px;
  float: right;
}
header .navBar .outBox .bd .inBox .inBd .item .img_a {
  width: 360px;
  height: 240px;
  overflow: hidden;
  float: left;
}
header .navBar .outBox .bd .inBox .inBd .item .img_a img{height: 100%;}
header .navBar .outBox .bd .inBox .inBd .item .detail {
  width: 626px;
  float: right;
}
header .navBar .outBox .bd .inBox .inBd .item .detail .tit {
  font-size: 24px;
  color: #10472d;
  font-weight: bold;
  margin-top: 6px;
}
header .navBar .outBox .bd .inBox .inBd .item .detail p {
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  margin-top: 20px;
}
header .navBar .outBox .bd .inBox .inBd .item .detail .more {
  font-size: 14px;
  color: #9ab91d;
  margin-top: 20px;
  line-height: 24px;
}

.right .qh_address{font-size: 12px;cursor: pointer;color: #333;float: left;margin-left: 20px;text-align: center;border: 1px solid #e5e5e5;border-radius: 5px;height: 28px;width: 140px;background: url(../images/footer/icon_more.png)no-repeat center right 10px;}
.right .qh_address a{font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;display: inline-block;}
.right .qh_address dl{display: none;border: 1px solid #eee;background: white;padding: 10px 0;width: 100%;position: relative;z-index: 999;}
.right .qh_address dl dd{line-height: 30px;border-bottom: 1px solid #eee;}
.right .qh_address dl dd:nth-child(1){border: none;}
.right .qh_address dl dd a{display: inline-block;width: 100%;height: 100%;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
				
.home_floor1 {
  height: 440px;
}
.home_floor1 .left {
  width: 50%;
  height: 100%;
  float: left;
  border-right: 1px solid #ececec;
  padding: 66px 0  0 0;
}
.home_floor1 .left .tit a{
  font-size: 24px;
  color: #333333;
  padding-left: 14px;
  line-height: 1;
  border-left: 5px solid #10482d;
}
.home_floor1 .left .intro {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  margin-top: 20px;
}
.home_floor1 .left .more {
  font-size: 14px;
  color: #10482d;
  padding-left: 50px;
  line-height: 30px;
  background: url(../images/home1_icon_more.png) no-repeat left 2px;
  margin-top: 80px;
}
.home_floor1 .right {
  width: 50%;
  height: 100%;
  float: left;
  padding: 66px 0  0 48px;
}
.home_floor1 .right .tit a{
  font-size: 24px;
  color: #333333;
  padding-left: 14px;
  line-height: 1;
  border-left: 5px solid #10482d;
}
.home_floor1 .right .intro {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  margin-top: 20px;
}
.home_floor1 .right .more {
  font-size: 14px;
  color: #10482d;
  padding-left: 50px;
  line-height: 30px;
  background: url(../images/home1_icon_more.png) no-repeat left 2px;
  margin-top: 80px;
}
.home_floor2 {
  padding: 68px 0;
  background: url(../images/home2_bg.png) repeat center;
}
.home_floor2 .tit {
  font-size: 24px;
  color: #333333;
  padding-left: 14px;
  line-height: 1;
  border-left: 5px solid #10482d;
  position: relative;
  display: block;
}
.home_floor2 .tit span {
  width: 20px;
  height: 20px;
  display: block;
  color: #10482d;
  font-size: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
}
.home_floor2 .box_news {
  width: 31.87%;
  float: left;
  padding-right: 4.6%;
}
.home_floor2 .box_news ul {
  margin-top: 24px;
}
.home_floor2 .box_news ul li {
  display: block;
  margin-top: 16px;
}
.home_floor2 .box_news ul li a {
  display: block;
}
.home_floor2 .box_news ul li a .imgw {
  width: 32%;
  float: left;
}
.home_floor2 .box_news ul li a .text {
  width: 68%;
  padding-left: 4%;
  float: left;
}
.home_floor2 .box_news ul li a .text p {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}
.home_floor2 .box_news ul li a .text .time {
  font-size: 14px;
  color: #888888;
  display: inline-block;
  padding-right: 24px;
  background: url(../images/home2_icon_time.png) no-repeat right center;
}
.home_floor2 .art_box .article {
  display: block;
  margin-top: 24px;
}
.home_floor2 .art_box .article .imgw {
  width: 100%;
}
.home_floor2 .art_box .article p {
  font-size: 16px;
  color: #333333;
  margin-top: 14px;
}
.home_floor2 .duty_box {
  width: 36.26%;
  float: left;
  padding-left: 4.6%;
  padding-right: 4.6%;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.home_floor2 .recruit_box {
  width: 31.87%;
  float: left;
  padding-left: 4.6%;
}
.home_floor3 {
  padding: 40px 0;
}
.home_floor3 ul {
  text-align: center;
}
.home_floor3 ul li {
  width: 25%;
  float: left;
  padding: 0 4%;
  text-align: center;
}
.home_floor3 ul li a {
  display: inline-block;
  padding-left: 90px;
  line-height: 50px;
}
.footer {
  background: #f8f8f8;
}
.footer .footer_nav {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .footer_nav .centered {
  padding-right: 60px;
  position: relative;
}
.footer .footer_nav .centered .nav_btn {
  cursor: pointer;
  width: 25px;
  height: 25px;
  background: url(../images/icon_nav.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
}
.footer .footer_nav .centered ul li {
  width: 14.2%;
  float: left;
  text-align: center;
}
.footer .footer_nav .centered ul{display: flex;display: -webkit-flex;justify-content: space-between;}
/* .footer .footer_nav .centered ul li#li24{display: none;} */
.footer .footer_nav .centered ul li a {
  font-size: 16px;
  color: #555555;
}
.footer .footer_nav .centered ul li a:hover {
  color: #000;
}
.footer .footer_nav .centered ul li dl {
  padding: 20px 0;
}
.footer .footer_nav .centered ul li dl dd {
  line-height: 24px;
}
.footer .footer_nav .centered ul li dl dd a {
  font-size: 14px;
  color: #555;
}
.footer .footer_nav .centered ul li dl dd a:hover {
  color: #000;
}
.footer .footer_content {
  padding-top: 30px;
  padding-bottom: 20px;
}
.footer .footer_content .top {
  padding-bottom: 20px;
}
.footer .footer_content .top .ft_logo {
  float: left;
  width: 28.33%;
  min-width: 320px;
}

.footer .footer_content .top .right {
  float: right;
  width: 510px;
}
.footer .footer_content .top .right .links {
  width: 310px;
  float: left;
}
.footer .footer_content .top .right .links p {
  font-size: 16px;
  color: #555555;
  line-height: 24px;
}
.footer .footer_content .top .right .links .cont {
  width: 100%;
  height: 45px;
  background: #fff;
  position: relative;
  margin-top: 10px;
}
.footer .footer_content .top .right .links .cont a {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #555555;
  padding-left: 10px;
  border: 1px solid #eeeeee;
  padding-right: 20px;
  position: relative;
}
.footer .footer_content .top .right .links .cont > a:after {
  content: '';
  width: 11px;
  height: 5px;
  background: url(../images/footer/icon_up.png) no-repeat center;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2.5px;
}
.footer .footer_content .top .right .links .cont ul {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: 45px;
}
.footer .footer_content .top .right .links .cont ul li {
  display: block;
  width: 100%;
  line-height: 45px;
  height: 45px;
}
.footer .footer_content .top .right .links .cont ul li a {
  padding-left: 10px;
  font-size: 14px;
  color: #555;
}
.footer .footer_content .top .right .erweima {
  width: 98px;
  float: right;
}
.footer .footer_content .top .right .erweima .box {
  width: 92px;
  height: 92px;
  padding: 4px;
  background: #fff;
  border: 1px solid #eee;
  margin: 0 auto;
}
.footer .footer_content .top .right .erweima .box img {
  width: 100%;
  height: 100%;
}
.footer .footer_content .top .right .erweima p {
  font-size: 14px;
  color: #555555;
  margin-top: 6px;
  text-align: center;
}
.footer .footer_content .bottom .copyright {
  display: inline-block;
  float: left;
  width: 50%;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
}
.footer .footer_content .bottom .help_link {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 0;
}
.footer .footer_content .bottom .help_link li {
  display: inline-block;
}
.footer .footer_content .bottom .help_link li a {
  font-size: 14px;
  color: #555555;
  padding: 0 16px;
}
.bar {
  background: #10472d;
  box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
  margin-top: 0px;
  position: relative;
}
.bar .name {
  padding-left: 30px;
  font-size: 24px;
  color: #fff;
  width: 20%;
  float: left;
  line-height: 80px;
}
.bar .menu {
  width: 80%;
  float: right;
  text-align: right;
  font-size: 0;
}
.bar .menu li {
  display: inline-block;
  text-align: right;
  line-height: 80px;
  transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  /* IE 9 */
  -webkit-transform: skewX(-15deg);
  /* Safari and Chrome */
  -o-transform: skewX(-15deg);
  /* Opera */
  -moz-transform: skewX(-15deg);
  /* Firefox */
}
.bar .menu li#menu60{display: none;}
.bar .menu li a {
  font-size: 16px;
  color: #fff;
  padding: 0 30px;
  display: block;
  transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  /* IE 9 */
  -webkit-transform: skewX(15deg);
  /* Safari and Chrome */
  -o-transform: skewX(15deg);
  /* Opera */
  -moz-transform: skewX(15deg);
  /* Firefox */
}
.bar .menu li.menuon,
.bar .menu li:hover {
  background: #f1f1f1;
}
.bar .menu li.menuon a,
.bar .menu li:hover a {
  color: #10472d;
  font-weight: bold;
}
.bar2 {
  text-align: center;
}
.bar2 .name {
  display: inline-block;
  float: none;
  width: auto;
}
.inner_centered {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2% 0 5% 0;
}
.InnerBanner li {
  text-align: center;
}
.InnerBanner li a{ display:inline }
.InnerBanner li img{ width:100%; max-width:100% ; display:block; vertical-align:top; }
.about_creator .table1 tr td.txt {
  width: 60%;
  padding-right: 4%;
}
.about_creator .table1 tr td.txt h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
}
.about_creator .table1 tr td.txt p {
  font-size: 14px;
  line-height: 2;
  color: #555555;
  margin-top: 28px;
  text-align: justify;
}
.about_creator .table1 tr td.txt .text-right{margin-top: 100px;}
.about_creator .table1 tr td.txt .text-right p {
  margin-top: 5px;
  line-height: normal;
}
.about_creator .table1 tr td.txt .text-right p span {
  margin-right: 42px;
}
.about_group table.intro tr td.txt {
  width: 54.68%;
  padding-right: 5%;
}
.about_group table.intro tr td.txt h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
}
.about_group table.intro tr td.txt  {
  font-size: 16px;
  line-height: 36px;
  color: #555555;

  text-align: justify;
}
.about_group table.intro tr td.txt p{  margin-top: 20px;}
.about_group table.intro tr td.pic {
  width: 45.32%;
}
.about_group .info {
  margin: 4% auto;
  padding: 2.5%;
  background:url(../images/11_03.jpg)no-repeat center ;
  background-color: #f8f8f8;
}
.about_group .info .left {
  width: 50%;
  float: left;
  padding-right: 4%;
}
.about_group .info .left table tr td {
  vertical-align: text-top;
}
.about_group .info .left table tr td:nth-child(1) {
  font-size: 16px;
  color: #10472d;
  font-weight: bold;
  width: 90px;
  text-align: right;
}
.about_group .info .left table tr td:nth-child(2) {
  font-size: 16px;
  color: #555555;
  line-height: 36px;
  padding-left: 10px;
}
.about_group .info .right {
  width: 50%;
  float: left;
  padding-left: 4%;
}
.about_group .info .right table tr td {
  vertical-align: text-top;
}
.about_group .info .right table tr td:nth-child(1) {
  font-size: 16px;
  color: #10472d;
  font-weight: bold;
  width: 160px;
  text-align: left;
}
.about_group .info .right table tr td:nth-child(2) {
  font-size: 16px;
  color: #555555;
  line-height: 36px;
  padding-left: 10px;
}
.about_group .history {
  margin: 0 auto;
  padding: 2.5%;
  border: 4px solid #10482d;
}
.about_group .history h4 {
  font-size: 24px;
  color: #10482d;
  padding-left: 10px;
}
.about_group .history table {
  width: 100%;
  margin-top: 10px;
}
.about_group .history table tr td:nth-child(1) {
  width: 156px;
}
.about_group .history table tr td:nth-child(2) {
  border-bottom: 1px solid #eee;
}
.about_group .history table tr td:nth-child(2) .name {
  font-size: 16px;
  color: #555555;
}
.about_group .history table tr td:nth-child(2) .time {
  font-size: 24px;
  font-weight: bolder;
  color: #333333;
  float: right;
}
.about_guangzhou .inner_centered {
  padding: 2.5% 0;
}
.about_guangzhou .inner_centered .intro{
	background-color: #f9f9f9;
	margin-bottom: 20px;

}
.about_guangzhou .intro .txt {
  	padding: 5% 0;
}
.about_guangzhou .intro .txt h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
  text-align: center;
}
.about_guangzhou .intro .txt h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #10472d;
  margin: 10px 0;
}
.about_guangzhou .intro .txt p {
  font-size: 16px;
  line-height: 36px;
  color: #555555;
  margin-top: 20px;
  text-align: center;
  padding: 0 8%;
}
.about_guangzhou .intro .txt .h5div{overflow: hidden;padding-top: 50px;}
.about_guangzhou .intro .txt .h5div .h5div_left,
.about_guangzhou .intro .txt .h5div .h5div_right{position: relative;padding:0 6% 0 8%;float: left;width: 50%;}
.about_guangzhou .intro .txt .h5div .h5div_left::before{content: "";position: absolute;right: 0;width: 2px;height: 100%;background: url(../images/line.png)no-repeat center right;}
.about_guangzhou .intro .txt .h5div p {
  line-height: 36px;
  margin: 10px auto;
  color: #555555;
  font-size: 16px;
  text-align: left;
  padding: 0 0 0 30px;
}
.about_guangzhou .intro .txt .h5div .h5div_left p:nth-child(1){background: url(../images/capyicon1_03.png)no-repeat left  top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_left p:nth-child(2){background: url(../images/capyicon2_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_left p:nth-child(3){background: url(../images/capyicon3_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_left p:nth-child(4){background: url(../images/capyicon4_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_right p:nth-child(1){background: url(../images/capyicon5_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_right p:nth-child(2){background: url(../images/capyicon6_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_right p:nth-child(3){background: url(../images/capyicon7_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div .h5div_right p:nth-child(4){background: url(../images/capyicon8_03.png)no-repeat left top 5px;}
.about_guangzhou .intro .txt .h5div p span {
  font-size: 16px;
  display: table-cell;
  text-align: left;
}
.about_guangzhou .intro .txt .h5div p span.nm {
  width: 80px;
  color: #10472d;
  font-weight: bold;
}
.about_guangzhou .intro .pic {
  width: 45.32%;
}
.about_guangzhou .history {
  background: url(../images/2.jpg)no-repeat center bottom 5px;
  padding: 44px 0;
  min-height: 515px;
}
.about_guangzhou .history .history_centered {
  max-width: 1420px;
  margin: 0 auto;
}
.about_guangzhou .history .history_centered h4 {
  font-size: 30px;
  color: #10472d;
  font-weight: bold;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.about_guangzhou .history .history_centered .btn_wrap {
  padding: 0 70px;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.about_guangzhou .history .history_centered .btn_wrap .contain {
  margin-top: 70px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item {
  background: url(../images/2-3.png) repeat-x center bottom 10px;
  padding-top: 55px;
}
.about_guangzhou .history .history_centered .swiper-slide{ height:auto; position: relative;}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time {
  width: 160px;
  height: 85%;
  display: block;
  background: url(../images/2-2.png) no-repeat bottom center;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: -30px;
}
/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time:before {
  content: '';
  width: 1px;
  height: 170px;
  display: block;
  background: #007a18;
  position: absolute;
  left: 50%;
  bottom: 100%;
} */
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .timenum{
	position: absolute;
	left: 73px;
	top: 10px;
	font-size: 26px;
	color:#10482d ;
	font-weight: bold;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail {
  padding-left: 100px;
  /* position: absolute; */
  text-align: left;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 35px;
  /* top: 60px; */
}
/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .p_txt{overflow: hidden;} */
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .p_txt div{float: left;width: 50%;}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{margin-right: 20px;}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .sp.on,
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{
  font-size: 14px;
  color: #555555;
  line-height: 28px;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .sp{
	/* writing-mode: horizontal-tb;
	-webkit-writing-mode: horizontal-tb;
	  -ms-writing-mode: horizontal-tb; */
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{
	writing-mode:horizontal-tb;
	-webkit-writing-mode: horizontal-tb;
	  -ms-writing-mode: horizontal-tb;
	width: 86%;
	
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{
	display: inline-block;
	width: 73%;
	float: right;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail  em{
	color:#10482d ;
	margin-right: 10px;
	float: left;
	width: 40px;
	display: block;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .sp.on::before,
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p::before{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	background: #0E482C;
	width: 3px;
	height: 3px;
	border-radius: 50%;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .tit {
  font-size: 18px;
  color: #10472d;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 6px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail {
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time:before {
  content: '';
  width: 1px;
  height: 95%;
  display: block;
  background: #007a18;
  position: absolute;
  left: 50%;
  bottom: 10px;
}

.about_cont{margin-top: 3%;}
.about_cont,.about_cont .img{position: relative;}
.about_cont .text{position: absolute;width: 48.4375%;background-color: #fff;padding: 3.125% 2.125%;max-height: 630px;overflow: auto;left: 3.9%;top: 65px;z-index: 1;text-align: justify;}
.about_cont .text .tit{margin: 0;	font-size: 30px;font-weight: bold;letter-spacing: 3px;color: #10472d;}
.about_cont .text .atc{	font-size: 16px;font-weight: lighter;line-height: 32px;letter-spacing: 0px;color: #555;}
.about_cont .text p{margin-top: 20px;}
.about_cont .position{position: absolute;right: 26.5265%;bottom: 11.42%;font-size: 14px;color: #555555;display: none;}
.about_cont   .company{margin-bottom: 20px;}
.about_cont .position .name{font-size: 30px;display: inline-block;margin-left: 35px;}


@media (max-width:1280px) {
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 70%;}
}
@media (max-width:1200px) {
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .p_txt div{width: 35%;}
	/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .sp{writing-mode:inherit} */
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{width: 90%;writing-mode:inherit}
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 74%}
  .about_cont .text .tit{font-size: 20px;}

  .about_cont .text{position: relative;top: 0;left: 0;width: 100%; padding: 3.125% 0;max-height: none;}
}
@media (max-width:950px) {
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .p_txt div{width: 50%;}
	/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .sp{writing-mode:inherit} */
	/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{width: 35%;writing-mode:inherit} */
}
@media (max-width:768px) {
/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{width: 42%;} */
	.about_guangzhou .intro .txt .h5div .h5div_left, 
	.about_guangzhou .intro .txt .h5div .h5div_right{width: 100%;float: none;}
	.about_guangzhou .intro .txt .h5div .h5div_left::before{display: none}
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 70%;}
}
@media (max-width:640px) {
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail .p_txt div{float: none;width: 100%;}
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 80%;}
}
@media (max-width:480px) {
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 75%;}
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p{width: 90%;}
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail em{width: 20%;}
}
@media (max-width:400px) {
	.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p span{width: 68%;}
		.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail em{width: 25%;}
}
/* .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item:nth-child(2n) .detail {
  bottom: 40px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item:nth-child(2n) .time:before {
  content: '';
  width: 1px;
  height: 170px;
  display: block;
  background: #007a18;
  position: absolute;
  left: 50%;
  top: 100%;
} */
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-next {
  background: url(../images/prev.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  right: 0px;
  transform: rotate(180deg);
  top: 95%;
}
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-next:hover{
	background: url(../images/next.png) no-repeat center;
	transform: rotate(0deg);
}
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-prev {
  background: url(../images/prev.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  left: 0px;
  top: 95%;
}
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-prev:hover{
	background: url(../images/next.png) no-repeat center;
	transform: rotate(180deg);
}
.about_guangzhou .honor h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
}
.about_guangzhou .honor .content {
  margin-top: 30px;
}
.about_guangzhou .honor .content .left {
  width: 33.3%;
  float: left;
}
.about_guangzhou .honor .content .left .tit {
  font-size: 18px;
  color: #10472d;
  line-height: 24px;
}
.about_guangzhou .honor .content .left ul {
  padding-left: 30px;
  position: relative;
}
.about_guangzhou .honor .content .left ul li {
  padding-left: 36px;
  line-height: 58px;
  background: url(../images/about/icon_honor.png) no-repeat left center;
  font-size: 16px;
  color: #231815;
}
.about_guangzhou .honor .content .left ul:before {
  content: '';
  width: 1px;
  height: 100%;
  display: block;
  background: #eaeaea;
  position: absolute;
  left: 0;
  top: 18px;
}
.about_guangzhou .honor .content .right {
  width: 66.6%;
  float: left;
}
.about_guangzhou .honor .content .right .tit {
  font-size: 18px;
  color: #10472d;
  line-height: 24px;
}
.about_guangzhou .honor .content .right .cont ul {
  width: 50%;
  float: left;
  position: relative;
  padding-left: 30px;
}
.about_guangzhou .honor .content .right .cont ul li {
  padding-left: 36px;
  line-height: 58px;
  background: url(../images/about/icon_honor.png) no-repeat left center;
  font-size: 16px;
  color: #231815;
}
.about_guangzhou .honor .content .right .cont ul:before {
  content: '';
  width: 1px;
  height: 100%;
  display: block;
  background: #eaeaea;
  position: absolute;
  left: 0;
  top: 18px;
}
.about_culture .floor1 h4 {
  font-size: 30px;
  color: #10472d;
  font-weight: bold;
}
.about_culture .floor1 .imgw {
  text-align: center;
}
.about_culture .floor2 {
  margin: 4% auto 0 auto;
}
.about_culture .floor2 h4 {
  font-size: 30px;
  color: #10472d;
  font-weight: bold;
}
.about_culture .floor2.team h4{
	text-align: center;
	font-size: 60px;
	color: #10472D;
	position: relative;
	letter-spacing: 8px;
}
.about_culture .floor2.team h4::before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 10px;
	width: 550px;
	bottom: 9px;
	background: url(../images/textbg.png)no-repeat;
	background-size: cover;
	z-index: -1;
}
.about_culture .floor2.team dl{padding: 20px 0 20px 29%;}
.about_culture .floor2.team dl dd{
	margin: 25px 0;
}
.about_culture .floor2.team dl dd h5{
	position: relative;
	font-size: 40px;
	color: #10472D;
	padding-left: 30px;
}
.about_culture .floor2.team dl dd h5::before{
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	padding: 7px 10px;
	background: url(../images/moreleft.png)no-repeat;
}
.about_culture .floor2.team dl dd p{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-left: 30px;
}
.about_culture .floor2 .contents {
  margin-top: 3%;
}
.about_culture .floor2 .contents .item {
  float: left;
  width: 620px;
  height: 260px;
  background: #f7f7f7;
  margin:2% 0;
}
.about_culture .floor2 .contents .item .hd {
  width: 230px;
  float: left;
  padding: 30px 10px 10px 20px;
}
.about_culture .floor2 .contents .item .hd .tit {
  font-size: 24px;
  color: #10472d;
  font-weight: bold;
}
.about_culture .floor2 .contents .item .hd ul {
  margin-top: 4px;
}
.about_culture .floor2 .contents .item .hd ul li {
  font-size: 18px;
  color: #555555;
  line-height: 30px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  margin: 8px 0;
}
.about_culture .floor2 .contents .item .hd ul li:before {
  content: '+';
  width: 20px;
  height: 20px;
  display: block;
  font-size: 20px;
  color: #555555;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 18px;
  text-align: center;
}
.about_culture .floor2 .contents .item .hd ul li.on:before {
  content: '-';
  width: 20px;
  height: 20px;
  display: block;
  font-size: 20px;
  color: #555555;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.about_culture .floor2 .contents .item .bd {
  width: 390px;
  float: right;
  height: 100%;
}
.about_culture .floor2 .contents .item .bd .mask {
  width: 100%;
  height: 100%;
  background: rgba(16, 72, 45, 0.8);
  padding: 30px 22px;
  display: none;
}
.about_culture .floor2 .contents .item .bd .mask p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}
.about_culture .floor2 .contents .item:nth-child(2n+1) {
  margin-right: 20px;
}
.about_culture .floor2 .contents .item:nth-child(2n) {
  margin-left: 20px;
}
/*.about_culture .floor2 .contents .item#item3 {
  margin-top: 5%;
}*/
.about_culture .floor2 .contents .item:nth-child(4n+3) .hd {
  float: right;
}
.about_culture .floor2 .contents .item:nth-child(4n+3) .bd {
  float: left;
}
/*.about_culture .floor2 .contents .item#item4 {
  margin-top: 5%;
}*/
.about_culture .floor2 .contents .item:nth-child(4n+4) .hd {
  float: right;
}
.about_culture .floor2 .contents .item:nth-child(4n+4) .bd {
  float: left;
}
.pro_cvt .floor1 table tr td:nth-child(1) {
  width: 54.68%;
  padding-right: 4.68%;
}
.pro_cvt .floor1 table tr td:nth-child(1) h4 {
  font-size: 30px;
  color: #10472d;
  line-height: 36px;
  font-weight: bold;
}
.pro_cvt .floor1 table tr td:nth-child(1) h5 {
  font-size: 24px;
  color: #505050;
  padding: 30px 0 25px;
  border-bottom: 1px solid #ddd;
}
.pro_cvt .floor1 table tr td:nth-child(1) p {
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  margin-top: 18px;
  text-align: justify;
}
.pro_cvt .floor2 {
  background: #f8f8f8;
  padding: 3.5% 0;
}
.pro_cvt .floor2 .inner_centered {
  padding: 0;
}
.pro_cvt .floor2 h4 {
  font-size: 30px;
  color: #10472d;
  font-weight: bold;
}
.pro_cvt .floor2 .content {
  margin-top: 3%;
}
.pro_cvt .floor2 .content .left {
  width: 50%;
  float: left;
  text-align: left;
  background: url(../images/22.png)no-repeat top right;
}
.pro_cvt .floor2 .content .right {
  float: right;
  width: 50%;
  text-align: right;
}
.pro_cvt .floor3 {
  background: #fff;
  padding: 3.5% 0;
}
.pro_cvt .floor3 .inner_centered {
  padding: 0;
}
.pro_cvt .floor3 h4 {
  font-size: 30px;
  color: #10472d;
  font-weight: bold;
}
.pro_cvt .floor3 .content {
  margin-top: 3%;
}
.pro_cvt .floor3 .content .left {
  width: 50%;
  float: left;
  text-align: left;
}
.pro_cvt .floor3 .content .right {
  float: right;
  width: 50%;
  text-align: right;
}
.pro_guangzhou {
  padding: 4% 0;
  position: relative;
}
.pro_guangzhou  .swiper-wrapper {text-align: left;}
.pro_guangzhou .content .item {
  margin: 0 auto;
  background: url(../images/bg3.png)no-repeat center;
  padding: 30px 30px 30px 70px;
  overflow: hidden;
  border-radius: 30px;
}
.pro_guangzhou .content .item .wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.pro_guangzhou .content .item .wrap .img_w {
  width: 30%;
  height: 0;
  float: left;
  /* padding-bottom: 160%; */
  /* background: url(../images/pro/bg.png) no-repeat center; */
  /* background-size: 100%; */
  position: absolute;
  left: 0;
}
/* .pro_guangzhou .content .item .wrap .img_w img {
  position: absolute;
  top: 15%;
} */
.pro_guangzhou .content .item .wrap .wrap_right{
	float: right;
	width: 70%;
}
.pro_guangzhou .content .item .wrap .logo_w {
  width: 100%;
  margin: 14px auto 10px auto;
}
.pro_guangzhou .content .item .wrap .name {
  font-size: 16px;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}
.pro_guangzhou .content .item .wrap .detail {
  margin-top: 18px;+
  
}
.pro_guangzhou .content .item .wrap .detail .tit {
  font-size: 16px;
  color: #144c32;
  font-weight: bold;
}
.pro_guangzhou .content .item .wrap .detail .info {
  margin-top: 18px;
  overflow: hidden;
  height: auto;
}
.pro_guangzhou .content .item .wrap .detail .info p {
  font-size: 14px;
  color: #878787;
  line-height: 24px;
  text-align: justify;
}
.pro_guangzhou .content .item .wrap .detail .showall {
  font-size: 14px;
  color: #10472d;
  padding-left: 20px;
  margin-top: 10px;
  background: url(../images/pro/icon_showall.png) no-repeat left center;
}
.pro_guangzhou .content .item .wrap .detail .hidde {
  background: url(../images/pro/icon_hide.png) no-repeat left center;
}
.pro_guangzhou .swiper-button-prev,
.pro_guangzhou .swiper-button-next{width: 40px;height: 40px;}
.pro_guangzhou .swiper-button-prev{background: url(../images/prev2.jpg)no-repeat center;left: -25px;}
.pro_guangzhou .swiper-button-next{background: url(../images/next2.jpg)no-repeat center;right: -25px;}
.pro_guangzhou .swiper-pagination{left: 50%;transform: translate(-50%);}
.pro_guangzhou .swiper-pagination .swiper-pagination-bullet{margin: 10px 5px;width: 11px;height: 11px;}
.pro_guangzhou .swiper-pagination .swiper-pagination-bullet-active{background: rgb(16,71,45);}
.news_list .timeSwiper .btnWrapper {
  position: relative;
  padding: 0 60px;
}
.news_list .timeSwiper .btnWrapper .swiper-container .item a {
  font-size: 30px;
  font-weight: bold;
  color: rgba(85, 85, 85, 0.3);
  display: block;
  padding-bottom: 34px;
  background: url(../images/ling.png) no-repeat center bottom;
}
.news_list .timeSwiper .btnWrapper .swiper-container .slidenow a {
  color: #10472d!important;
}
.news_list .timeSwiper .btnWrapper .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: url(../images/news/icon_prev.png) no-repeat center;
  margin-top: 8px;
}
.news_list .timeSwiper .btnWrapper .swiper-button-next {
  width: 30px;
  height: 30px;
  background: url(../images/news/icon_next.png) no-repeat center;
  margin-top: 8px;
}
.news_list .newsBody {
  margin-top: 5%;
}
.news_list .newsBody .List{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.news_list .newsBody .List .item {
  width: 31.25%;
  float: left;
  margin-right: 3.125%;
}
.news_list .newsBody .List .item:nth-child(3n) {
  margin-right: 0;
}
.news_list .newsBody .List .item .imgw {
  padding-bottom: 66.5%;
  height: 0;
  position: relative;
}
.news_list .newsBody .List .item .imgw .more {
  width: 57px;
  height: 52px;
  display: block;
  background: url(../images/news/icon_more.png) no-repeat center;
  position: absolute;
  right: 26px;
  bottom: -26px;
}
.news_list .newsBody .List .item .txtw {
  padding: 24px 28px;
  background: #f5f5f5;
  height: 200px;
}
.news_list .newsBody .List .item .txtw .time {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.news_list .newsBody .List .item .txtw .tit {
  font-size: 18px;
  height: 60px;
  color: #333333;
  line-height: 30px;
  margin: 10px 0;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_list .newsBody .List .item .txtw .sbt {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  text-align: justify;
}
.news_list .newsBody .List .item:hover .txtw {
  background: #10472d;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /* Firefox 4 */
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  /* Opera */
}
.news_list .newsBody .List .item:hover .txtw .time {
  color: #fff;
}
.news_list .newsBody .List .item:hover .txtw .tit {
  color: #fff;
}
.news_list .newsBody .List .item:hover .txtw .sbt {
  color: #fff;
}
.news_info .source h4 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
.news_info .source .time {
  color: #aaa;
  font-size: 14px;
  text-align: center;
  margin: 10px auto;
}
.news_info .content {
  margin-top: 3%;
}
.news_info .content p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-indent: 2em;
  margin: 10px auto;
  text-align: justify;
}
.news_info .pagers {
  margin-top: 5%;
}
.news_info .pagers a {
  display: block;
  font-size: 14px;
  color: #333;
  margin: 5px auto;
}
.news_info .pagers a:hover {
  color: #10472d;
}
.file_magazine .contents .item {
  width: 31.87%;
  margin-right: 2.195%;
  float: left;
  margin-bottom: 4%;
}
.file_magazine .contents .item:nth-child(3n) {
  margin-right: 0;
}
.file_magazine .contents .item .imgw {
  width: 47.55%;
  height: 0;
  padding-bottom: 64.46%;
  float: left;
}
.file_magazine .contents .item .txtw {
  width: 52.45%;
  float: left;
  background: #f5f5f5;
  height: 0;
  padding-bottom: 64.46%;
}
.file_magazine .contents .item .txtw .wrap {
  padding: 15px;
  position: relative;
}
.file_magazine .contents .item .txtw .wrap .tit {
  font-size: 24px;
  color: #10472d;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.file_magazine .contents .item .txtw .wrap .sbt {
  font-size: 16px;
  color: #555555;
  line-height: 28px;
  margin-top: 15px;
  text-align: justify;
}
.file_magazine .contents .item .txtw .wrap .sbt span {
  color: #10472d;
  display: table-cell;
}
.file_magazine .contents .item .txtw .wrap .sbt span:nth-child(1) {
  width: 50px;
}
.file_magazine .contents .item .txtw .wrap .oparator {
  width: 100%;
  padding: 15px;
  position: absolute;
  top: 190px;
  left: 0;
}
.file_magazine .contents .item .txtw .wrap .oparator a {
  color: #fff;
  font-size: 16px;
  padding: 3px 36px 3px 10px;
  border-radius: 6px;
}
.file_magazine .contents .item .txtw .wrap .oparator a.read {
  float: left;
  background: url(../images/magazine/icon_see.png) no-repeat 80% center #7c7c7c;
}
.file_magazine .contents .item .txtw .wrap .oparator a.download {
  float: right;
  background: url(../images/magazine/icon_download.png) no-repeat 80% center #10472d;
}
.duty_policy{padding-bottom: 0;}
.duty_policy .floor1 .item {
  width: 47.26%;
  background: #f8f8f8;
  padding: 2% 5%;
}
.duty_policy .floor1 .item:nth-child(2n+1) {
  float: left;
  margin: 2% auto;
  margin-right: 2.74%;
}
.duty_policy .floor1 .item:nth-child(2n) {
  float: right;
  margin: 2% auto;
  margin-left: 2.74%;
}
.duty_policy .floor1 .item .tit {
  font-size: 18px;
  color: #9e9e9e;
  line-height: 24px;
  padding-bottom: 20px;
  position: relative;
}
.duty_policy .floor1 .item .tit:after {
  content: '';
  width: 30px;
  height: 2px;
  display: block;
  background: #0e482c;
  position: absolute;
  bottom: 0;
  left: 0;
}
.duty_policy .floor1 .item .sbt {
  font-size: 24px;
  color: #10472d;
  line-height: 30px;
  margin: 14px auto;
}
.duty_policy .floor1 .item ul li {
  font-size: 16px;
  color: #555555;
  line-height: 24px;
  margin: 10px 0;
  padding-left: 15px;
  position: relative;
}
.duty_policy .floor1 .item ul li:after {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
  background: #10472d;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
}
.duty_policy .floor1 .item ul li span {
  margin: 0 10px;
}
.duty_policy .floor2 {
  text-align: center;
  margin: 4% auto;
}
.duty_policy .floor2 .item {
  display: inline-block;
  padding: 18px 45px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  margin: 10px 30px;
}
.duty_policy .floor2 .item a {
  padding-left: 30px;
  background: url(../images/duty/icon_pdf.png) no-repeat left center;
}
.duty_csr .table1 {
  margin-top: 2%;
}
.duty_csr .table1 tr td.txt {
  width: 50%;
}
.duty_csr .table1 tr td.txt h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
  margin-bottom: 24px;
}
.duty_csr .table1 tr td.txt p {
  font-size: 16px;
  line-height: 28px;
  color: #555555;
  text-align: justify;
}
.duty_csr .table1 tr td.txt h5 {
  font-size: 16px;
  font-weight: bold;
  color: #10482d;
  margin-top: 30px;
  margin-bottom: 8px;
  padding-left: 10px;
  position: relative;
}
.duty_csr .table1 tr td.txt h5:before {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
  background: #10482d;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
}
.duty_csr .table1 tr td.pic {
  text-align: left;
}
.contact_map {
  height: 640px;
  margin: 3.5% auto;
}
.contact_map #MapContent {
  height: 100%;
}
.contact_map #MapContent  img{ max-width:inherit}
.BMapLib_SearchInfoWindow .BMapLib_bubble_title{ font-size:16px!important;}
.BMapLib_SearchInfoWindow .BMapLib_bubble_center{ font-size:14px; padding:10px; line-height:28px;}
.contact_map .box {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.contact_map .box .info {
  width: 450px;
  padding-top: 20px;
  position: absolute;
  right: 0;
  top: -410px;
  top:-575px;
  background: #fff;
}
.contact_map .box .info:before {
  content: '';
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #10472d;
}
.contact_map .box .info .wrap {
  padding: 45px 35px;
}
.contact_map .box .info .wrap p {
  font-size: 16px;
  line-height: 36px;
  color: #555555;
}
.contact_feedback {
  max-width: 1200px;
}
.contact_feedback form h4 {
  font-size: 18px;
  color: #ffffff;
  line-height: 28px;
  height: 60px;
  line-height: 60px;
  background: #10472d;
  padding-left: 20px;
}
.contact_feedback form .wrap {
  padding: 2% 7.5%;
  background: #f5f5f5;
  transition: all 0.25s;
  -moz-transition: all 0.25s;
  /* Firefox 4 */
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  /* Opera */
}
.contact_feedback form .wrap:hover {
  background: #dfdfdf;
}
.contact_feedback form .wrap table tr {
  display: block;
  margin: 20px 0;
}
.contact_feedback form .wrap table tr td {
  vertical-align: top;
}
.contact_feedback form .wrap table tr td input {
  width: 100%;
  background: #fff;
  padding-left: 10px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
}
.contact_feedback form .wrap table tr td input:focus {
  border-color: #10472d;
}
.contact_feedback form .wrap table tr td textarea {
  width: 100%;
  background: #fff;
  padding-left: 10px;
  border: 1px solid #e5e5e5;
  padding-top: 10px;
}
.contact_feedback form .wrap table tr td textarea:focus {
  border-color: #10472d;
}
.contact_feedback form .wrap table tr td:nth-child(1) {
  font-size: 16px;
  color: #333333;
  line-height: 40px;
}
.contact_feedback form .wrap table tr td:nth-child(2) {
  min-width: 300px;
}
.contact_feedback form .wrap table tr.address td:nth-child(2) {
}
.contact_feedback form .wrap table tr.theme td:nth-child(2) {
  width: 937px;
}
.contact_feedback form .wrap table tr.detail td:nth-child(2) {
  width: 937px;
}
.contact_feedback form .wrap table tr.btns td:nth-child(1) {
  color: rgba(0, 0, 0, 0);
}
.contact_feedback form .wrap table tr.btns td:nth-child(2) .opare {
  width: 200px;
  height: 60px;
  display: block;
  box-sizing: border-box;
  border: 2px solid #10472d;
  font-size: 18px;
  color: #10472d;
  padding: 0;
  float: left;
  margin-right: 10px;
}
.contact_feedback form .wrap table tr.btns td:nth-child(2) .opare:hover {
  background: #10472d;
  color: #fff;
}
.video_page .contents {
  padding: 4% 3% 5%;
  background: #f5f5f5;
}
.video_page .contents .hd {
  width: 23%;
  float: left;
  overflow: auto;
  padding-right: 2%;
}
.video_page .contents .hd::-webkit-scrollbar {
  width: 8px  ;
  background-color: transparent;
  background-repeat: repeat-y;
  background-position: center;
  background: url(../images/video/line.png) repeat-y center;
}
.video_page .contents .hd::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #10472d;
}
.video_page .contents .hd ul li {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
.video_page .contents .hd ul li .tit {
  font-size: 14px;
  color: #555555;
}
.video_page .contents .hd ul li .time {
  font-size: 12px;
  color: #999999;
}
.video_page .contents .hd ul li .pic {
  width: 100%;
  padding-bottom: 64%;
  height: 0;
  background-size: 100%;
  margin-top: 20px;
  position: relative;
}
.video_page .contents .hd ul li .pic .mask {
  width: 100%;
  height: 0;
  padding-bottom: 64%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.video_page .contents .hd ul li .pic .mask .play {
  width: 37px;
  height: 37px;
  display: block;
  background: url(../images/video/icon_play.png) no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18.5px;
  margin-top: -18.5px;
}
.video_page .contents .hd ul li.on .tit {
  color: #10472d;
  font-weight: bold;
}
.video_page .contents .hd ul li.on .pic .mask {
  display: none;
}
.video_page .contents .bd {
  width: 77%;
  float: left;
  padding-left: 2%;
}
.video_page .contents .bd .item .tit {
  font-size: 18px;
  color: #555555;
  font-weight: bold;
  line-height: 28px;
  margin-top: 20px;
}
.video_page .contents .bd .item .time {
  font-size: 14px;
  color: #555555;
  line-height: 24px;
}
.video_page .contents .bd .item video {
  width: 100%;
  margin-top: 4%;
  min-height: 500px;
}
.range_page .contents {
  /* height: 500px; */
  overflow: hidden;
}
.range_page .contents img {

}
.download_page h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
  line-height: 40px;
}
.download_page .btns {
  text-align: center;
}
.download_page .btns .loadmore {
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #10472d;
  font-size: 16px;
  color: #10472d;
  padding: 7px 67px 7px 47px;
  background: url("../images/download/icon_more.png") no-repeat 73% center;
}
.download_page .floor1 .list {
  margin-top: 2%;
}
.download_page .floor1 .list .item {
  width: 31.25%;
  float: left;
  margin-right: 3.125%;
  margin-bottom: 3.5%;
}
.download_page .floor1 .list .item:nth-child(3n) {
  margin-right: 0;
}
.download_page .floor1 .list .item .cover {
  width: 100%;
  height: 0;
  padding-bottom: 64%;
}
.download_page .floor1 .list .item .name {
  font-size: 16px;
  color: #555555;
  line-height: 30px;
  padding-right: 62px;
  position: relative;
  margin: 10px auto;
}
.download_page .floor1 .list .item .name a {
  float: right;
  font-size: 16px;
  color: #555;
  padding-left: 20px;
  background: url(../images/download/icon_load.png) no-repeat left center;
  position: absolute;
  right: 0;
}
.download_page .floor2 {
  background: #f5f5f5;
}
.download_page .floor2 .list {
  margin: 2% auto 3% auto;
}
.download_page .floor2 .list .item {
  width: 33.3%;
  padding: 1px;
  display: block;
  float: left;
}
.download_page .floor2 .list .item .wrap {
  width: 100%;
  float: left;
  height: 0;
  padding-bottom: 70.42%;
  position: relative;
  overflow: hidden;
}
.download_page .floor2 .list .item .wrap .name {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 0;
  bottom: -40px;
  padding-right: 80px;
  font-size: 16px;
  color: #ffffff;
  background: rgba(16, 71, 45, 0.95);
  padding-left: 10px;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /* Firefox 4 */
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  /* Opera */
}
.download_page .floor2 .list .item .wrap .name span {
  width: 70px;
  height: 40px;
  line-height: 40px;
  display: block;
  padding-left: 20px;
  position: absolute;
  right: 10px;
  bottom: 0px;
  background: url(../images/download/icon_load2.png) no-repeat left center;
  color: #fff;
}
.download_page .floor2 .list .item:hover .name {
  bottom: 0;
}
.download_page .floor3 .list {
  margin-top: 2%;
}
.download_page .floor3 .list .item {
  width: 31.25%;
  float: left;
  margin-right: 3.125%;
  margin-bottom: 3.5%;
}
.download_page .floor3 .list .item:nth-child(3n) {
  margin-right: 0;
}
.download_page .floor3 .list .item .cover {
  width: 100%;
  height: 0;
  padding-bottom: 135.5%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.download_page .floor3 .list .item .name {
  font-size: 16px;
  color: #555555;
  line-height: 30px;
  padding-right: 62px;
  position: relative;
  margin: 10px auto;
}
.download_page .floor3 .list .item .name a {
  float: right;
  font-size: 16px;
  color: #555;
  padding-left: 20px;
  background: url(../images/download/icon_load.png) no-repeat left center;
  position: absolute;
  right: 0;
}
.recruit_list h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
  text-align: center;
}
.recruit_list .floor1 .search {
  padding: 20px;
  background: #f1f1f1;
  margin-top: 3%;
}
.recruit_list .floor1 .search .wrap {
  width: 25%;
  float: left;
  padding: 0 2%;
  margin: 1% 0;
}
.recruit_list .floor1 .search .wrap.chonse{
	position: relative;
}
.recruit_list .floor1 .search .wrap.chonse select{
	background: url(../images/iconjt2.png)no-repeat center right 0;
	background-color: white;
	cursor: pointer;
}
.recruit_list .floor1 .search .wrap .item {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #fff;
  border-radius: 5px;
  padding-left: 10px;
  font-size: 16px;
  color: #666666;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.recruit_list .floor1 .search .wrap .item option {
  width: 100%;
  padding-left: 10px;
  font-size: 16px;
  color: #666;
}
.recruit_list .floor1 .search .wrap .btninput {
  display: block;
  text-align: center;
  background: #10472d;
  cursor: pointer;
}
.recruit_list .floor1 .search .wrap .btninput span {
  display: inline-block;
  padding-left: 24px;
  background: url(../images/recruit/icon_search.png) no-repeat left center;
  color: #fff;
}
.recruit_list .floor1 .list .li {
  width: 23.43%;
  float: left;
  margin-right: 2.08%;
  background: #f1f1f1;
  margin-top: 4%;
}
.recruit_list .floor1 .list .li:nth-child(4n) {
  margin-right: 0;
}
.recruit_list .floor1 .list .li .wrap {
  padding: 10% 10%;
}
.recruit_list .floor1 .list .li .wrap p {
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.recruit_list .floor1 .list .li .wrap .tit {
  font-size: 20px;
  font-weight: bold;
  color: #10472d;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 15px;
  height: 80px;
  box-sizing: border-box;
  overflow: hidden;
}
.recruit_list .floor1 .list .li .wrap a {
  width: 137px;
  height: 40px;
  line-height: 40px;
  color: #10472d;
  border: 1px solid #d2d2d2;
  text-align: center;
  margin: 10px 0;
}
.recruit_list .floor1 .list .li .wrap a span {
  padding-right: 30px;
  background: url(../images/recruit/icon_right.png) no-repeat right center;
  font-size: 16px;
}
.recruit_list .floor1 .list .li:hover {
  background: url(../images/recruit/hover.png) no-repeat center;
  background-size: 100% 100%;
}
.recruit_list .floor1 .list .li:hover .wrap p {
  color: #fff;
}
.recruit_list .floor1 .list .li:hover .wrap .tit {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.recruit_list .floor1 .list .li:hover .wrap a {
  color: #fff;
  border: 1px solid #fff;
}
.recruit_list .floor1 .list .li:hover .wrap a span {
  background: url(../images/recruit/icon_right_hv.png) no-repeat right center;
  font-size: 16px;
}
.recruit_list .floor2 {
  margin: 4% auto;
}
.recruit_list .floor2 .content {
  overflow: hidden;
  margin-top: 3%;
}
.recruit_list .floor2 .content img {
}
.recruit_info .position-name {
  font-size: 20px;
  color: #000000;
}
.recruit_info .contents {
  margin-top: 4%;
  overflow: hidden;
}
.recruit_info .contents .duty {
  width: 45%;
  float: left;
}
.recruit_info .contents .duty table {
  width: 100%;
}
.recruit_info .contents .duty table tr td.name {
  font-size: 18px;
  vertical-align: top;
  color: #03091b;
  line-height: 30px;
  width: 110px;
}
.recruit_info .contents .duty table tr td.value p {
  font-size: 16px;
  line-height: 30px;
  color: #4a4a4a;
}
.recruit_info .contents .while {
  width: 45%;
  float: right;
}
.recruit_info .contents .while table {
  width: 100%;
}
.recruit_info .contents .while table tr td.name {
  font-size: 18px;
  vertical-align: top;
  color: #03091b;
  line-height: 30px;
  width: 110px;
}
.recruit_info .contents .while table tr td.value p {
  font-size: 16px;
  line-height: 30px;
  color: #4a4a4a;
}
.recruit_info .wrap {
  margin-top: 8%;
}
.recruit_info .wrap .oparate {
  width: 210px;
  float: right;
}
.recruit_info .wrap .oparate a {
  width: 80px;
  line-height: 35px;
  height: 35px;
  background: #10472d;
  color: #fff;
  float: left;
  margin-left: 20px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.recruit_info .position_left,
.recruit_info .position_right{
	width: 50%;
	float: left;
}
.recruit_info .position_left h3,
.recruit_info .position_right h3{
	font-size: 18px;
	color: #10472d;
	width: 15%;
	float: left;
}
.recruit_info .position_left .textBox,
.recruit_info .position_right .textBox{
	font-size: 14px;
	float: left;
	width: 80%;
	padding-right: 20px;
}
.recruit_info .position_left .textBox p,
.recruit_info .position_right .textBox p{
	padding-left: 20px;
	position: relative;
}
.recruit_info .position_left .textBox p{}
.form_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}
@media (max-width:1200px) {
	.recruit_info .position_left h3,
	 .recruit_info .position_right h3{
		 width: 20%;
	 }
	
}
@media (max-width:940px) {
	.recruit_info .position_left h3,
	 .recruit_info .position_right h3{
		 width: 100%;
		 margin-bottom: 20px;
	 }
	 .recruit_info .position_left .textBox,
	 .recruit_info .position_right .textBox{
		 width: 100%;
	 }
	 .news_info .source h4{font-size: 20px;}
}

.form_mask .fomr_content {
  width: 480px;
  height: 390px;
  padding: 35px 90px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari and Chrome */
  -o-transform: translate(-50%, -50%);
  /* Opera */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
}
.form_mask .fomr_content table tr {
  display: block;
  margin: 14px 0;
}
.form_mask .fomr_content table tr td {
  font-size: 16px;
  color: #999999;
}
.form_mask .fomr_content table tr td:nth-child(1) {
  width: 90px;
  text-align: right;
}
.form_mask .fomr_content table tr td input {
  width: 200px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #999;
  border-radius: 4px;
}
.form_mask .fomr_content table tr td .btnsubmit {
  width: 150px;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #10472d;
  border-width: 0px;
}
.form_mask .fomr_content table tr td .inputfile {
  border: 0px;
  line-height: unset;
  height: auto;
}
.form_mask .fomr_content table tr:last-child {
  margin-top: 30px;
}
.form_mask .fomr_content .closed {
  width: 25px;
  height: 25px;
  display: block;
  background: url(../images/recruit/icon_close.png) no-repeat center;
  position: absolute;
  right: -25px;
  top: -25px;
  cursor: pointer;
}
.bdshare_popup_box {
  margin-left: -200px;
}
@media (max-width:1280px){
	.bar .menu{margin-right: 25px;width: 75%;}
	.pro_guangzhou .content .item{padding: 30px 50px;}
	.pro_guangzhou .swiper-button-prev{left: 35px;}
	.pro_guangzhou .swiper-button-next{right: 35px;}
	
}
@media screen and (min-width: 1025px) {
  .wapnav {
    display: none;
  }
  .about_guangzhou .history{margin-top: 30px;}
}
@media screen and (max-width: 1024px) {
	.footer .footer_content .top .ft_logo{float: none;}
	.footer .footer_content .top .right{float: none;margin-top: 20px;}
	.about_culture .floor2.team dl{padding-left: 20%;}
.about_guangzhou table.intro tr td.txt .h5div .h5div_left,
 .about_guangzhou table.intro tr td.txt .h5div .h5div_right{float: none;width: 100%;padding: 0 2%;}
 .about_guangzhou table.intro tr td.txt .h5div .h5div_left::before{display: none;}
  .wapBtn {
    width: 40px;
    height: 30px;
    background: url(../images/nav.png) no-repeat center;
    float: right;
  }
  .centered {
    padding: 0 2%;
  }
  .outBox {
    display: none;
  }
  .wapnav {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 6666;
    background: rgba(255, 255, 255, 0.99);
    padding: 20% 10%;
    text-align: center;
  }
  .wapnav .contents {
    height: 100%;
    overflow: scroll;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: relative;
  }
  .wapnav .contents li {
    padding: 10px 0;
  }
  .wapnav .contents li#nav69{display: none;}
  .wapnav .contents li.on {
    background: rgba(16, 71, 45, 0.8);
  }
  .wapnav .contents li.on > a {
    color: #fff;
  }
  .wapnav .contents li > a {
    font-size: 20px;
    font-weight: bold;
    color: #333;
  }
  .wapnav .contents li dl {
    margin-top: 10px;
  }
  .wapnav .contents li dl dd {
    line-height: 24px;
  }
  .wapnav .contents li dl dd a {
    font-size: 18px;
    color: #666;
  }
  .wapnav .closed {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    background: url(../images/a.png) no-repeat center;
    top: 5%;
    margin-top: -16px;
  }
  .home_floor3 ul li {
    padding: 0;
    margin: 2% 0;
  }
  .footer .footer_nav .centered .nav_btn {
    right: 2%;
  }
  .bar .menu li {
    line-height: 40px;
  }
  .bar .name {
    line-height: 40px;
  }
  .bar .name {
    font-size: 20px;
  }
  .inner_centered {
    padding-left: 2%;
    padding-right: 2%;
  }
  .about_guangzhou .inner_centered {
    padding: 2.5% 2%;
  }
  .about_guangzhou .history .history_centered {
    padding: 0 2%;
  }
  .about_guangzhou .honor .content .left {
    width: 100%;
  }
  .about_guangzhou .honor .content .right {
    width: 100%;
    margin-top: 2%;
    padding-top: 2%;
    border-top: 1px solid #ccc;
  }
  .about_guangzhou .honor .content .left ul:before {
    display: none;
  }
  .about_guangzhou .honor .content .right .cont ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 28px;
  }
  .about_guangzhou .honor .content .left ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 28px;
  }
  .about_culture .floor2 .contents .item:nth-child(2n+2) {
    float: right;
    margin-left: 0;
  }
  .about_culture .floor2 .contents .item:nth-child(2n+1) {
    margin-right: 0;
  }
  .about_culture .floor2 .contents .item {
    margin-top: 3%!important;
  }
  .pro_cvt .floor2 .inner_centered {
    padding: 0 2%;
  }
  .pro_cvt .floor3 .inner_centered {
    padding: 0 2%;
  }
  .duty_csr .table1 tr td.pic {
    padding-right: 5%;
  }
  .file_magazine .contents .item {
    width: 42%;
    margin: 2% 4%!important;
  }
  .contact_feedback form .wrap table tr td:nth-child(1) {
    width: 60px;
  }
  .contact_feedback form .wrap table tr.btns td:nth-child(2) .opare {
    width: 160px;
    height: 42px;
  }
}
@media screen and (max-width: 768px) {
	
	.about_culture .floor2.team h4{font-size: 40px;}
	.pro_cvt .floor2 h4,
	.pro_cvt .floor3 h4,
	.about_culture .floor2.team dl dd h5{font-size: 20px;}
	.about_culture .floor2.team dl dd h5::before{top: 5px;}
	.contact_feedback form .wrap table tr.theme td:nth-child(2),
	.contact_feedback form .wrap table tr.detail td:nth-child(2){width: 500px;}
	.about_culture .floor2.team dl{padding-left: 10%;}
  .home_floor1 {
    height: auto;
  }
  .home_floor1 .left {
    width: 100%;
    float: none;
    padding-bottom: 22%;
  }
  .home_floor1 .right {
    width: 100%;
    float: none;
    padding: 0 0 22% 0;
  }
  .home_floor2 .box_news {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5%;
	float: none;
  }
  .home_floor2 .duty_box {
    width: 50%;
  }
  .home_floor2 .box_news ul li a .imgw {
    width: 0;
  }
  .home_floor2 .box_news ul li a .text {
    width: 100%;
    padding-left: 0;
  }
  .home_floor2 .duty_box {
    padding-left: 0;
  }
  .home_floor2 .duty_box,
  .home_floor2 .recruit_box {
    width: 100%;
	float: none;
	padding: 0;
	margin-top: 25px;
  }
  .home_floor3 ul li a {
    padding-left: 55px;
  }
  .about_creator .table1 tr {
    vertical-align: top;
  }
  .about_group table.intro tr {
    vertical-align: top;
  }
  .about_guangzhou table.intro tr {
    vertical-align: top;
  }
  .news_list .newsBody .List .item .txtw .tit {
    font-size: 16px;
    line-height: 22px;
	height: auto;
  }
  .news_list .newsBody .List .item .txtw .sbt {
    line-height: 20px;
  }
  .news_list .newsBody .List .item{width: 45%;}
  .duty_policy .floor1 .item {
    width: 97.36%;
  }
  .duty_policy .floor2 .item {
    margin: 10px 18px;
  }
  .duty_csr .table1 tr td.pic {
    width: 100%;
    padding: 15%;
    display: block;
  }
  .duty_csr .table1 tr td.txt {
    display: block;
    width: 100%;
  }
  .file_magazine .contents .item {
    width: 100%;
    margin: 2% 0!important;
  }
  .recruit_list .floor1 .search .wrap {
    width: 50%;
  }
  .recruit_list .floor1 .list .li {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .contact_map {
    height: auto;
  }
  .contact_map #MapContent {
    height: 500px;
  }
  .contact_map .box {
    height: auto;
  }
  .contact_map .box .info {
    position: static;
    width: 100%;
  }
  .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time{width: 30px;}
  .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail{padding-left: 30px;}
  .about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .timenum{left: 10px;}
  .about_guangzhou .history .history_centered .btn_wrap{padding: 0 50px;}
  .pro_guangzhou .content .item{height: auto;background-size: cover;}
  .pro_guangzhou .content .item .wrap .img_w{
	  height: auto;
	  width: 100%;
	  float: none;
	  position: relative;
  }
  .pro_guangzhou{margin-bottom: 60px;padding-bottom: 30px;}
  .pro_guangzhou .content .item{padding: 30px;}
  .pro_guangzhou .content .item .wrap .wrap_right{width: 100%;float: none;}
  .pro_guangzhou .swiper-button-prev,
  .pro_guangzhou .swiper-button-next{top: 100%;}
  .pro_guangzhou .swiper-button-prev{left: 25%;}
  .pro_guangzhou .swiper-button-next{right: 25%;}
  .pro_guangzhou .swiper-pagination{bottom: -20px;}
  
  .index_banner .pc{ display:none;}
  .index_banner .wap{ display:block;}
  
  .index_banner .swiper-pagination-bullet {
  margin:0 10px!important;
}
.index_banner .swiper-pagination-bullet-active:after {
  width: 24px;
  height: 24px;		
}
.swiper-button-prev,
.swiper-button-next{ width:14px; height:30px;}
.swiper-button-prev{ background-position:left}
.swiper-button-next{ background-position:right}
}
@media screen and (max-width: 640px) {
	.contact_feedback form .wrap table tr.theme td:nth-child(2),
	.contact_feedback form .wrap table tr.detail td:nth-child(2){width: 350px;}
	header .topBar .right .searchForm{width: 150px;}
	.right .qh_address{width: 110px;margin-left: 5px;}
	header .topBar .right .bdsharebuttonbox{margin-left: -15px;}
	.about_culture .floor2.team dl{padding-left: 3%;}
	.about_culture .floor2.team h4::before{background-size: 100% 100%;width: 480px;}
	.bar .menu{width: 60%;margin-right: 0;}
	.bar .name{width: 25%;}
	header .navBar .logo{ width:28%}
	

}
@media screen and (max-width: 480px) {
	.home_floor1 .right .more,
	.home_floor1 .left .more{margin-top: 20px;margin-bottom: 50px;}
		.recruit_info .position_left,
		.recruit_info .position_right{
			width: 100%;
			padding: 20px;
		}
		.contact_feedback form .wrap table tr.btns td:nth-child(2) .opare{width: 100px;}
		.contact_feedback form .wrap{padding:2% 4.5%}
		.contact_feedback form .wrap table tr td input,
		.contact_feedback form .wrap table tr td textarea{width: 95%;}
		
	.about_culture .floor2.team h4::before{background-size: 100% 100%;width: 100%;}
	header .topBar .lang li a{padding: 0 4px;}
	header .topBar .right .searchForm{width: 130px;}
	header .topBar .right .searchForm input{width: 80%;font-size: 12px;}
	.right .qh_address{width: 105px;}
	.right .qh_address{padding-left: 5px;text-align: left;background: url(../images/footer/icon_more.png)no-repeat center right 1px;}
  header .topBar .right .bdsharebuttonbox {
    display: none;
  }
  .news_list .timeSwiper .btnWrapper .swiper-button-prev,
  .news_list .timeSwiper .btnWrapper .swiper-button-next{margin-top: 15px;}
  .news_list .timeSwiper .btnWrapper .swiper-container .item a{padding-top: 10px;padding-bottom: 45px;}
  .home_floor1 .left {
    background-size: 100%!important;
    padding-bottom: 32%;
  }
  .home_floor1 .right {
    background-size: 100%!important;
    padding-bottom: 30%;
  }
  .home_floor3 ul li {
    width: 50%;
  }
  .footer .footer_nav {
    display: none;
  }
  .footer .footer_content .top .ft_logo {
    width: 67%;min-width:inherit 
  }
  .footer .footer_content .top .right { position:relative;
    width: 100%;
  }
  .footer .footer_content .top .right .links {
    margin-top: 5%;
    width: 100%;
  }
  .footer .footer_content .top .right .erweima { position:absolute; right:0; top:-85px;  }
  .footer .footer_content .bottom .copyright {
    width: 100%;
  }
  .footer .footer_content .bottom .help_link {
    width: 100%;
  }
  .footer .footer_content .bottom .help_link {
    text-align: center;
    margin-top: 5%;
  }
  .about_creator .table1 tr td.txt {
    width: 100%;
    padding-right: 0;
    display: block;
  }
  .about_creator .table1 tr td.pic {
    display: block;
    width: 100%;
    padding-top: 5%; 
  }
  .bar .menu {
    display: none;
  }
  .bar .name {
    width: 100%;
  }
  .about_group table.intro tr td.txt {
    width: 100%;
    display: block;
  }
  .about_group table.intro tr td.pic {
    width: 100%;
    display: block;
  }
  
  .about_group .info .left {
    width: 100%;
    padding-right: 0;
  }
  .about_group .info .right {
    width: 100%;
    padding-left: 0;
  }
  .about_group .info .right table tr td:nth-child(1) {
    width: 90px;
  }
  .about_guangzhou table.intro tr td.txt {
    width: 100%;
    display: block;
    padding-right: 0;
  }
  .about_guangzhou table.intro tr td.pic {
    display: block;
    width: 100%;
  }
  .about_guangzhou .honor .content .left ul {
    padding-left: 0;
  }
  .about_guangzhou .honor .content .right .cont ul {
    width: 100%;
    padding-left: 0px;
  }
  .about_culture .floor2 .contents .item {
    width: 100%;
    height: auto;
  }
  .about_culture .floor2 .contents .item .bd {
    width: 100%;
  }
  .about_culture .floor2 .contents .item .hd {
    width: 100%;
  }
  .pro_cvt .floor1 table tr td:nth-child(1) {
    width: 100%;
    display: block;
  }
  .pro_cvt .floor1 table tr td:nth-child(2) {
    width: 100%;
    display: block;
  }
  .pro_guangzhou .content .item {
    width: 100%;
    margin-bottom: 10%;
    padding-bottom: 5%;
    border-bottom: 1px solid #ccc;
  }
  .news_list .newsBody .List .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5%;
    margin-bottom: 0;
  }
  .file_magazine .contents .item .txtw .wrap .oparator {
    top: 160px;
  }
  .recruit_list .floor1 .search .wrap {
    width: 100%;
  }
  .recruit_list .floor1 .list .li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .recruit_info .contents .duty {
    width: 100%;
    float: none;
  }
  .recruit_info .contents .while {
    width: 100%;
    float: none;
    margin-top: 4%;
  }
  .form_mask .fomr_content {
    width: 90%;
    padding-left: 5px;
    padding-right: 0;
  }
  .download_page .floor1 .list .item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .download_page .floor2 .list .item {
    width: 100%;
  }
  .download_page .floor3 .list .item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .news_list .newsBody .List .item:hover .txtw .tit{
    color: #333;
  }
  .news_list .newsBody .List .item:hover .txtw{
    background: #f5f5f5;
  }
  .news_list .newsBody .List .item:hover .txtw .sbt{
    color: #999;
  }
  .news_list .newsBody .List .item:hover .txtw .time{
    color: #333;
  }
  .contact_feedback form .wrap table tr td:nth-child(2){
    min-width: 230px;
  }
  .contact_feedback form .wrap table tr.address td:nth-child(2){
    width: auto;
  }
  .contact_feedback form .wrap table tr.theme td:nth-child(2){
    width: auto;
  }
  .contact_feedback form .wrap table tr.detail td:nth-child(2){
    width: auto;
  }
}

/* 分页样式 */
.a_end{
  display: none!important;
}
.a_first{
  display: none!important;
}
.a_next{
  font-size: 0!important; 
  background: url(../images/news/page_next.png) no-repeat center!important; 
}
.a_prev{
  font-size: 0!important;
  background: url(../images/news/page_prev.png) no-repeat center!important; 
}
.a_first, .a_prev, .a_next, .a_end, .Pages .p_page em a{
  padding: 0; width: 38px; height: 38px; line-height: 38px; display: inline-block; margin:0 4px; background: rgba(0,0,0,0); border:1px solid #ccc; color: #555555; font-size: 14px;
}
.p_jump{
  display: none!important;
}
.Pages .p_page em{
  vertical-align: middle; display: inline-block;
}

.about_creator .table1 tr td.txt .text-right p{text-align: right;}

.form_mask .fomr_content table tr td input[type=file]{line-height: 26px; padding-top: 4px;}


.weixin_mask{
  width: 100%; height: 100%; position: fixed; cursor: pointer; z-index: 99999; left: 0; top: 0; right: 0; background: rgba(0,0,0,0.8); display: none;
}
.weixin_mask img{
  width: 120px; height: 120px; position: absolute; top: 50%; margin-top: -60px; left: 50%; margin-left: -60px;
}


.TextList002192 .tit{ font-size:30px; font-weight:normal; color:#333; margin:0 0 30px; line-height:28px; text-align:center;}
.TextList002192 .tit span{ position:relative; }
.TextList002192 .tit span i{ font-size:27px; color:#333; width:2px; font-style:normal; position:absolute; left:8px; top:4px;}
.TextList002192 .tit span i:last-child{ right:13px; left:auto;}
.TextList002192 .tit em{ font-style:normal; text-transform:uppercase; color:#999; font-family:Arial; display:block; font-size:14px;}
.TextList002192 li{ border-bottom:1px solid #e3e3e3; padding-bottom:3%; margin-bottom:3%; position:relative; min-height:102px; padding-left:125px;}
.TextList002192 li time{ display:block;width:105px; height:102px; position:absolute; top:0; left:0; color:#c03333; font-size:20px; line-height:.8;}
.TextList002192 li time span{ display:block; border-bottom:1px solid #e3e3e3; font-size:50px; margin-bottom:5px;}
.TextList002192 li h2{ color:#444444; font-size:16px; margin:0; position:relative; padding-right:70px;}
.TextList002192 li h2 span{ display:block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.TextList002192 li h2 .more{ position:absolute; right:0; top:0; text-transform:uppercase; font-weight:normal; font-size:14px;}
.TextList002192 li h2 a{transition: .3s ease-out; color:#444;}
.TextList002192 li h2 a:hover{ color:#e50014;}
.TextList002192 li p{ color:#888; font-size:14px; line-height:24px; margin:15px 0 0; max-height:72px; overflow:hidden;}

@media (max-width:768px) {
	.recruit_list h4,
	.duty_csr .table1 tr td.txt h4,
	.pro_cvt .floor1 table tr td:nth-child(1) h4,
	.about_culture .floor1 h4,
	.about_group table.intro tr td.txt h4,
	.about_creator .table1 tr td.txt h4,
	.about_guangzhou .intro .txt h4{font-size: 20px;}
}

.whir-feedback{display: none;}



.contact_map .box .info .wrap .input{    display: block;width: 100%;height: 50px;padding: 0 1.5625rem;margin-bottom: 24px;line-height: 50px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #10472d;background-image: none;outline: 0;border: 0;color: #fff;}
.contact_map .box .info .wrap .find{  display: block;width: 100%;height: 50px;padding: 0 1.5625rem;margin-bottom: 24px;line-height: 50px;text-align: center;color: #fff;background-color: #10472d;cursor: pointer;}

.contact_map .box .info .wrap input::-webkit-input-placeholder{color:#fff;}
.contact_map .box .info .wrap input::-moz-placeholder{color:#fff;}
.contact_map .box .info .wrap input:-ms-input-placeholder{color: #fff;}












