@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";
  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;
}

@media (min-width: 768px){
.header_top{
  position: fixed;
  width: 100%;
  top: 0;
  background: #fff;
  z-index: 99;
}


}

.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: rgba(255, 255, 255,1) !important;
  opacity: 1!important;
  margin: 30px 20px!important;
  border-radius: 50%;
  border: 1px solid #10482d;
}
.index_banner .swiper-pagination-bullet-active {
  background: #10482d!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 #10482d;
  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 */
}


@media (min-width: 768px){

  .index_banner,.InnerBanner{
    margin-top: 6.5%;
  }

}
.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;
}
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;
}
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 20px;
  cursor: pointer;
}
header .navBar .outBox .hd ul li a {
  font-size: 16px;
  color: #333333;
  font-family: 'NotoSansHans';
}
header .navBar .outBox .hd ul li:hover,
header .navBar .outBox .hd ul li.on {
  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 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 .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;
}
.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: 20px;
}
.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: 20px;
}
.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%;
  width: 12.5%;
  float: left;
  text-align: center;
}
.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%;
}
.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 8px;
}
.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 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: 3% 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 p {
  margin-top: 16px;
}
.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 p {
  font-size: 16px;
  line-height: 36px;
  color: #555555;
  margin-top: 20px;
  text-align: justify;
}
.about_group table.intro tr td.pic {
  width: 45.32%;
}
.about_group .info {
  background: #f8f8f8;
  margin: 4% auto;
  padding: 2.5%;
}
.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: right;
}
.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  .txt .h5div .fancybox{
	display: inline-block;
	color: #10472d;
	line-height: normal;
	padding-bottom: 1px;
	border-bottom: 1px solid #10472d;

}
.about_guangzhou .inner_centered {
  padding: 2.5% 0;
}
.about_guangzhou table.intro tr td.txt {
  width: 54.68%;
  padding-right: 5%;
}
.about_guangzhou table.intro tr td.txt h4 {
  font-size: 30px;
  font-weight: bold;
  color: #10472d;
}
.about_guangzhou table.intro tr td.txt h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #10472d;
  margin: 10px 0;
}
.about_guangzhou table.intro tr td.txt p {
  font-size: 16px;
  line-height: 36px;
  color: #555555;
  margin-top: 20px;
  text-align: justify;
}
.about_guangzhou table.intro tr td.txt .h5div p {
  line-height: 36px;
  margin: 0 auto;
  color: #555555;
  font-size: 16px;
}
.about_guangzhou table.intro tr td.txt .h5div p span {
  font-size: 16px;
  display: table-cell;
}
.about_guangzhou table.intro tr td.txt .h5div p span.nm {
  width: 80px;
  color: #10472d;
  font-weight: bold;
}
.about_guangzhou table.intro tr td.pic {
  width: 45.32%;
}
.about_guangzhou .history {
  background: #f3f3f3;
  padding: 44px 0;
}
.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;
}
.about_guangzhou .history .history_centered .btn_wrap {
  padding: 0 70px;
  position: relative;
}
.about_guangzhou .history .history_centered .btn_wrap .contain {
  margin-top: 20px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item {
  height: 440px;
  background: url(../images/about/dot_02.png) repeat-x center;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time {
  width: 60px;
  height: 60px;
  display: block;
  background: url(../images/about/circle.png) no-repeat center;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .time:before {
  content: '';
  width: 1px;
  height: 170px;
  display: block;
  background: #dcdcdc;
  position: absolute;
  left: 50%;
  bottom: 100%;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail {
  padding-left: 40px;
  position: absolute;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item .detail p {
  font-size: 14px;
  color: #555555;
  line-height: 28px;
  text-align: left;
}
.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:nth-child(2n+1) .detail {
  top: 40px;
}
.about_guangzhou .history .history_centered .btn_wrap .contain .wrapper .item:nth-child(2n+1) .time:before {
  content: '';
  width: 1px;
  height: 170px;
  display: block;
  background: #dcdcdc;
  position: absolute;
  left: 50%;
  bottom: 100%;
}
.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: #dcdcdc;
  position: absolute;
  left: 50%;
  top: 100%;
}
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-next {
  background: url(../images/about/icon_next.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  right: 0px;
}
.about_guangzhou .history .history_centered .btn_wrap .swiper-button-prev {
  background: url(../images/about/icon_prev.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  left: 0px;
}
.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 .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;
}
.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;
}
.pro_guangzhou .content .item {
  width: 33.3%;
  float: left;
}
.pro_guangzhou .content .item .wrap {
  padding: 0 20%;
}
.pro_guangzhou .content .item .wrap .img_w {
  width: 100%;
  height: 0;
  padding-bottom: 160%;
  background: url(../images/pro/bg.png) no-repeat center;
  background-size: 100%;
  position: relative;
}
.pro_guangzhou .content .item .wrap .img_w img {
  position: absolute;
  left: -10%;
  top: 15%;
}
.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: 16px;
}
.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: 144px;
}
.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;
}
.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/news/line.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;flex-wrap: wrap;
}
.news_list .newsBody .List .item:hover {
  background: #10472d;  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /* Firefox 4 */
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
}
.news_list .newsBody .List .item {
  width: 31.25%;
  float: left;
  margin: 20px 0 60px 0;
  margin-right: 3.125%;
  background: #f5f5f5;
}
.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;
}
.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;
  color: #333333;
  line-height: 30px;
  margin: 10px 0;
  text-align: justify;
}
.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 .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: 500px;
  margin: 3.5% auto;
}
.contact_map #MapContent {
  height: 100%;
}
.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;
  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;
}
.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) {
  width: 500px;
}
.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: auto;
}*/
.range_page .contents img {
  width: 1280px;
  width:100%;
  max-width: unset;
}
.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 .item {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #fff;
  border-radius: 5px;
  padding-left: 10px;
  font-size: 16px;
  color: #666666;
}
.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;
}
.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: auto;
  margin-top: 3%;
}
.recruit_list .floor2 .content img {
  max-width: unset;
}
.recruit_info .position-name {
  font-size: 20px;
  color: #000000;
}
.recruit_info .contents {
  margin-top: 4%;
}
.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;
}
.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;
}
.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 screen and (min-width: 1025px) {
  .wapnav {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .wapBtn {
    width: 40px;
    height: 40px;
    background: url(../images/nav.png) no-repeat center;
    float: right;
    margin: 10px 0;
  }
  .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.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) {
.range_page .contents {
 
  overflow: auto;
}
.range_page .contents  img{
width:1280px;
}
  .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%;
  }
  .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 .recruit_box {
    width: 50%;
  }
  .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;
  }
  .news_list .newsBody .List .item .txtw .sbt {
    line-height: 20px;
  }
  .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;display:none;
  }
  .contact_map .box {
    height: auto;
  }
  .contact_map .box .info {
    position: static;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  header .topBar .right .bdsharebuttonbox {
    display: none;
  }
  .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%;
  }
  .footer .footer_content .top .right {
    width: 100%;
  }
  .footer .footer_content .top .right .links {
    margin-top: 5%;
    width: 100%;
  }
  .footer .footer_content .top .right .erweima {
    float: left;
    margin-top: 5%;
  }
  .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: 250px;
  }
  .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;}





.contact_company .data li{min-height: 220px;background-color: #fafafa;padding: 20px 20px 20px 285px; position: relative;margin-bottom: 20px;}
.contact_company .data .pic{position: absolute;left: 20px;top:20px;width: 240px;height: 180px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.contact_company .data .pic img{display: none;}
.contact_company .data .tit{	font-size: 18px;color: #10472d;padding: 8px 0;margin: 0;}
.contact_company .data .intro{font-size: 16px;font-weight: lighter;line-height: 26px;color: #555555;margin: 20px 0 20px;height: 82px}
.contact_company .data .more{	font-size: 14px;font-weight: lighter;color: #999999;display: inline-block;}
.contact_company .data .more:hover{color: #000;}


.contact_company .data2 li{padding: 30px 20px;height: 220px;background-color: #fafafa;float: left;width: 49.218%;margin-right: 1.562%;margin-bottom: 20px;}
.contact_company .data2 li:last-child{margin-bottom: 0;}
.contact_company .data2 li:nth-child(2n){margin-right: 0;}
.contact_company .data2 .tit{	font-size: 18px;color: #10472d;padding: 0;margin: 0;}
.contact_company .data2 .intro{font-size: 16px;font-weight: lighter;line-height: 26px;color: #555555;margin: 20px 0 20px;height: 82px}
.contact_company .data2 .more{	font-size: 14px;font-weight: lighter;color: #999999;display: inline-block;}
.contact_company .data2 .more:hover{color: #000;}

@media (max-width: 640px) {
    .contact_company .data li{padding: 20px;}
    .contact_company .data .pic{position: relative;top: auto;left: auto;background: none!important;}
    .contact_company .data .pic img{display: block;}
    .contact_company .data .tit{padding: 0;margin-top: 15px;}
    .contact_company .data2 li{width: 100%;margin-right: 0;}
}


.duty_policy .floor1 .item.item2{width: 100%; margin-left: 0;margin-right: 0;}

.duty_policy .floor1 .item ul li span{color: transparent; position: relative;}
.duty_policy .floor1 .item ul li span::after{content:""; display: block;width: 100%;height: 1px;background: #bdbec3;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.duty_policy .floor1 .item:nth-child(2n),.duty_policy .floor1 .item:nth-child(2n+1) {margin: 2.74% auto;}

.menu #menu157,.menu #menu158,.menu #menu159,.footer_nav #menu155{display:none;}





.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_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;}


@media (max-width: 768px){
.contact_map {
    height: auto;
  }
  .contact_map #MapContent {
    height: 500px;
  }
  .contact_map .box {
    height: auto;
  }
  .contact_map .box .info {
    position: static;
    width: 100%;
  }
}