* {
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "微软雅黑" !important;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 15px;
  overflow: auto;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", Arial, Helvetica, sans-serif;
  -webkit-touch-callout: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
}
a,
a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
  color: #2b2b2b;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
input {
  outline: none;
  border: none;
  background-color: transparent;
}
div::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
div::-webkit-scrollbar-button {
  background-color: #bcbcbc;
}
div::-webkit-scrollbar-track {
  background-color: #bcbcbc;
}
div::-webkit-scrollbar-track-piece {
  background-color: #bcbcbc;
}
div::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 1px;
}
div::-webkit-scrollbar-corner {
  background-color: #bcbcbc;
}
table {
  table-layout: fixed;
}
.contentStyle p {
  clear: both;
  margin-bottom: 20px;
  line-height: 25px;
}
.contentStyle img {
  max-width: 100%;
}
/*三角形向下*/
.triangle_border_down {
  width: 0;
  height: 0;
  border-width: 18px 18px 0;
  border-style: solid;
  border-color: red transparent transparent;
  margin: 0;
  position: relative;
}
.triangle_border_down span {
  display: block;
  width: 0;
  height: 0;
  border-width: 16px 16px 0;
  border-style: solid;
  border-color: #ffffff transparent transparent;
  position: absolute;
  top: -19px;
  left: -16px;
}
/*三角形向上*/
.triangle_border_up {
  width: 0;
  height: 0;
  border-width: 0 16px 16px;
  border-style: solid;
  border-color: transparent transparent #eff1f3;
  margin: 0 0 0 30px;
  position: relative;
  top: -14px;
}
.triangle_border_up span {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 14px 14px;
  border-style: solid;
  border-color: transparent transparent #f7f8f9;
  position: absolute;
  top: 2px;
  left: -14px;
}
/*三角形向左*/
.triangle_border_left {
  width: 0;
  height: 0;
  border-width: 30px 30px 30px 0;
  border-style: solid;
  border-color: transparent #333 transparent transparent;
  /*透明 灰 透明 透明 */
  margin: 40px auto;
  position: relative;
}
.triangle_border_left span {
  display: block;
  width: 0;
  height: 0;
  border-width: 28px 28px 28px 0;
  border-style: solid;
  border-color: transparent #fc0 transparent transparent;
  /*透明 黄 透明 透明 */
  position: absolute;
  top: -28px;
  left: 1px;
}
/*三角形向右*/
.triangle_border_right {
  width: 0;
  height: 0;
  border-width: 30px 0 30px 30px;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  /*透明 透明 透明 灰*/
  margin: 40px auto;
  position: relative;
}
.triangle_border_right span {
  display: block;
  width: 0;
  height: 0;
  border-width: 28px 0 28px 28px;
  border-style: solid;
  border-color: transparent transparent transparent #fc0;
  /*透明 透明 透明 黄*/
  position: absolute;
  top: -28px;
  left: -29px;
}
/* 公共样式设置 */
p.line {
  background-color: #7d7d7d;
  width: 50px;
  height: 5px;
  margin: 10px auto;
}
.clear {
  clear: both;
}
.hide {
  display: none !important;
}
.show {
  display: block;
}
.moreView {
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 30px 0 0 0;
}
.moreView img {
  width: 20px;
  height: 20px;
  fill: #7d7d7d;
  margin: 3px 20px 0 0;
  display: inline-block;
}
.moreView svg {
  width: 20px;
  height: 20px;
  fill: #7d7d7d;
  margin: 3px 20px 0 0;
  display: inline-block;
}
.moreView span {
  color: #7d7d7d;
  vertical-align: top;
}
.moreView:hover span {
  color: #c6000a;
}
.moreView:hover img {
  fill: #c6000a;
}
.moreView:hover svg {
  fill: #c6000a;
}
.container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 1240px;
}
.nav {
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: 80px;
  text-align: right;
  position: relative;
  min-width: 1080px;
  display: block !important;
}
.nav div.logo {
  height: 80px;
  max-height: 80px;
  float: left;
  margin-left: 2.5%;
}
.nav div.logo img {
  width: auto;
}
.nav div.nav_items {
  height: 78px;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.nav div.nav_items div.nav_item_ul {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li,
.nav div.nav_items div.nav_item_ul li.nav-li {
  width: 80px;
  position: relative;
  line-height: 78px;
  height: 78px;
  text-align: center;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li p.line,
.nav div.nav_items div.nav_item_ul li.nav-li p.line {
  height: 2px;
  margin: 0 auto;
  width: 60px;
  padding: 0;
  background-color: transparent;
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li a,
.nav div.nav_items div.nav_item_ul li.nav-li a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li .active a,
.nav div.nav_items div.nav_item_ul li.nav-li .active a {
  color: #c6000a;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li .active p.line,
.nav div.nav_items div.nav_item_ul li.nav-li .active p.line {
  background-color: #f00;
  width: 100%;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li .vline,
.nav div.nav_items div.nav_item_ul li.nav-li .vline {
  height: 20px;
  width: 2px;
  background-color: #eeeeee;
  float: left;
  margin-top: 30px;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box {
  position: absolute;
  z-index: 100000010;
  top: 80px;
  width: 600px;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  padding: 15px 0;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul {
  width: 55%;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 5%;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul div.catalogueItem,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul div.catalogueItem {
  width: 45%;
  margin: 0;
  padding: 5px 0;
  line-height: normal;
  border-bottom: 1px solid #808080;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul div.catalogueItem a,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul div.catalogueItem a {
  color: #2b2b2b;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul div.catalogueItem:hover a,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul div.catalogueItem:hover a {
  color: #c6000a !important;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul div.catalogueItem:hover p,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul div.catalogueItem:hover p {
  color: #c6000a !important;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box ul.child-ul div.catalogueItem:hover span,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box ul.child-ul div.catalogueItem:hover span {
  color: #c6000a !important;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box div.child-img,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box div.child-img {
  display: inline-block;
  float: left;
  width: 45%;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li div.child-ul-box div.child-img img,
.nav div.nav_items div.nav_item_ul li.nav-li div.child-ul-box div.child-img img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li:hover a,
.nav div.nav_items div.nav_item_ul li.nav-li:hover a {
  color: #c6000a;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li:hover p.line,
.nav div.nav_items div.nav_item_ul li.nav-li:hover p.line {
  background-color: #f00;
  width: 100%;
}
.nav div.nav_items div.nav_item_ul div.nav_item_li:hover div.child-ul-box,
.nav div.nav_items div.nav_item_ul li.nav-li:hover div.child-ul-box {
  display: block !important;
}
.nav div.nav_operate {
  height: 80px;
  display: inline-block;
  position: relative;
  float: right;
  margin-right: 2.5%;
}
.nav div.nav_operate ul.nav_operate_ul {
  width: auto;
  display: inline-block;
  padding: 0;
}
.nav div.nav_operate ul.nav_operate_ul li {
  width: auto;
  display: inline-block;
  margin: 0 30px 0 0;
  padding: 30px 0;
  height: 80px;
  vertical-align: middle;
}
.nav div.nav_operate ul.nav_operate_ul li > img,
.nav div.nav_operate ul.nav_operate_ul li > svg {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  fill: #666;
  display: inline-block;
}
.nav div.nav_operate ul.nav_operate_ul li:hover img,
.nav div.nav_operate ul.nav_operate_ul li:hover svg {
  fill: #c6000a;
}
.nav div.nav_operate ul.nav_operate_ul li:last-child {
  margin: 0;
}
.nav div.nav_operate ul.nav_operate_ul li:first-child {
  padding-left: 20px;
}
.nav div.nav_operate .languages {
  position: absolute;
  right: 0px;
  top: 55px;
  width: 130px;
  z-index: 1000000010;
  border-radius: 5px;
  padding: 0 0 10px 0;
}
.nav div.nav_operate .languages .triangle_border_up {
  width: 0;
  height: 0;
  border-width: 0 12px 12px;
  border-style: solid;
  border-color: transparent transparent #d6d6d6;
  margin: 0 auto;
  position: relative;
  top: 2px !important;
}
.nav div.nav_operate .languages .triangle_border_up span {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #ffffff;
  position: absolute;
  top: 2px;
  left: -10px;
}
.nav div.nav_operate .languages .list {
  padding: 0;
  margin: 0;
  border: 2px solid #d6d6d6;
  background-color: #efefef;
  line-height: normal;
}
.nav div.nav_operate .languages .list .item {
  border-bottom: 1px solid #dddddd;
  background-color: #f9fafb;
  text-align: center;
  padding: 15px 0;
}
.nav div.nav_operate .languages .list .item a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.nav div.nav_operate .languages .list .item a img {
  display: inline-block;
  width: 20px;
}
.nav div.nav_operate .languages .list .item a p.name {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
}
.nav div.nav_operate .languages .list .item:hover {
  background-color: #ffffff;
}
.nav div.nav_operate .login {
  position: absolute;
  right: 0px;
  top: 55px;
  z-index: 1000000006;
}
.nav div.nav_operate .login .triangle_border_up {
  width: 0;
  height: 0;
  border-width: 0 12px 12px;
  border-style: solid;
  border-color: transparent transparent #d6d6d6;
  margin: 0 auto;
  position: relative;
  top: 2px !important;
  left: 45px;
}
.nav div.nav_operate .login .triangle_border_up span {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #ffffff;
  position: absolute;
  top: 2px;
  left: -10px;
}
.nav div.nav_operate .login .loginContent {
  padding: 10px 0;
  width: 330px;
  border: 2px solid #d6d6d6;
  background-color: #ffffff;
  border-radius: 5px;
  line-height: normal;
}
.nav div.nav_operate .login .loginContent h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.nav div.nav_operate .login .loginContent p.line {
  background-color: #c6000a;
  height: 3px;
}
.nav div.nav_operate .login .loginContent form {
  display: block;
  width: 90%;
  margin: 30px auto 0 auto;
}
.nav div.nav_operate .login .loginContent form .user_name,
.nav div.nav_operate .login .loginContent form .user_password {
  background-color: #f9fafb;
  border-radius: 5px;
  margin: 15px 0 0 0;
  padding: 7px 0;
  text-align: left;
}
.nav div.nav_operate .login .loginContent form .user_name img,
.nav div.nav_operate .login .loginContent form .user_password img,
.nav div.nav_operate .login .loginContent form .user_name svg,
.nav div.nav_operate .login .loginContent form .user_password svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #a0a0a0;
  margin: 0 20px;
}
.nav div.nav_operate .login .loginContent form .user_name input,
.nav div.nav_operate .login .loginContent form .user_password input {
  vertical-align: top;
  display: inline-block;
  color: #a0a0a0;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.nav div.nav_operate .login .loginContent form button.submit {
  background-color: #c6000a;
  color: #FFFFFF;
  margin: 20px 0 0 0;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  border: none;
  outline: none;
  width: 100%;
  padding: 8px 0;
}
.nav div.nav_operate .login .loginContent form p.forget {
  margin: 10px 0 0 0;
}
.nav div.nav_operate .login .loginContent form p.forget a {
  padding: 0 10px;
}
.nav div.nav_operate .login .loginContent form p.forget a:first-child {
  border-right: 1px solid #a0a0a0;
}
.nav div.nav_operate .login .loginContent form p.forget a:last-child {
  padding: 0 0 0 10px;
}
.nav div.nav_operate .login .loginContent_had {
  padding: 10px 0;
  width: 200px;
  border: 2px solid #d6d6d6;
  background-color: #ffffff;
  border-radius: 5px;
  line-height: normal;
}
.nav div.nav_operate .login .loginContent_had div.user_name {
  text-align: center;
  padding: 4px 0;
}
.nav div.nav_operate .login .loginContent_had p {
  margin: 0;
  padding: 4px 0;
  text-align: center !important;
  border-top: 1px solid #eeeeee;
}
.nav div.nav_operate .login .loginTip {
  border-top: 1px solid #d6d6d6;
  padding: 10px 0;
  background-color: #f9fafb;
}
.nav div.nav_operate .login .loginTip p {
  text-align: center;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.nav div.slideInRightBg {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.nav div.slideInRightContent {
  width: 400px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000010;
  height: 100%;
  transform: translateX(500px);
  transition-duration: 1s;
}
.nav div.slideInRightContent div.closed {
  width: 100px;
  padding-top: 50px;
  padding-right: 30px;
  float: left;
}
.nav div.slideInRightContent div.closed img {
  width: 50px;
  height: 50px;
}
.nav div.slideInRightContent div.list {
  background-color: #2b2b2b;
  height: 100%;
  width: 400px;
  float: left;
  overflow-y: scroll;
  padding-bottom: 60px;
}
.nav div.slideInRightContent div.list h1 {
  color: #c6000a;
  font-size: 18px;
  font-weight: bold;
  width: 80%;
  margin: 60px auto 30px auto;
  text-align: left;
}
.nav div.slideInRightContent div.list div.Listitem {
  width: 80%;
  margin: 0 auto 0 auto;
  text-align: left;
}
.nav div.slideInRightContent div.list div.Listitem p.title {
  border-bottom: #4c4c4c 1px solid;
  width: 100%;
  margin: 0;
  padding: 15px 0 8px 0;
  color: #999999;
  font-size: 16px;
  font-weight: bold;
}
.nav div.slideInRightContent div.list div.Listitem p.item {
  display: inline-block;
  width: auto;
  margin: 15px 0 0 0;
  padding: 0 15px;
  border-right: #4c4c4c 1px solid;
}
.nav div.slideInRightContent div.list div.Listitem p.item span {
  font-size: 14px;
  color: #999999;
}
.nav div.slideInRightContentMove {
  transform: translateX(0px) !important;
  transition-duration: 0.2s;
}
.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.banner ul,
.banner ol {
  padding: 0;
}
.banner ul li,
.banner ol li {
  overflow: hidden;
}
.banner ul li img,
.banner ol li img {
  width: 100%;
}
.index-banner {
  margin: 0 auto;
  overflow: hidden;
  /* flexslider */
}
.index-banner a,
.index-banner img {
  border: 0;
}
.index-banner .flexslider {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: url(../images/loading.gif) 50% no-repeat;
  background-size: 0;
  width: 100%;
}
.index-banner .slides {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  display: block;
  width: 100%;
  vertical-align: top;
}
.index-banner .slides li {
  height: 100%;
  background-size: 100% 100%;
}
.index-banner .slides .video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}
.index-banner .slides video {
  width: 100%;
  display: inline-block;
}
.index-banner .flex-control-nav {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.index-banner .flex-control-nav li {
  display: inline-block;
  width: 14px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
  height: 100%;
}
.index-banner .flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 40px;
  overflow: hidden;
  background: url(../images/dot.png) right 0 no-repeat;
  cursor: pointer;
}
.index-banner .flex-control-nav .flex-active {
  background-position: 0 0;
}
.index-banner .flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 45%;
}
.index-banner .flex-direction-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.index-banner .flex-direction-nav li a.flex-prev {
  left: 40px;
  background: url(../images/prev.png) center center no-repeat;
}
.index-banner .flex-direction-nav li a.flex-next {
  right: 40px;
  background: url(../images/next.png) center center no-repeat;
}
.index-banner .info {
  width: 100%;
  height: 100%;
  display: flex;
  justify-items: flex-start;
  align-items: center;
}
.index-banner .info div.infolocal {
  width: 62%;
  display: block;
}
.index-banner .info div.infolocal h2 {
  color: #FFF;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  display: block;
  width: 100%;
}
.index-banner .info div.infolocal h3 {
  color: #FFF;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  width: 100%;
}
.index-banner .local1 div.infolocal {
  margin-left: 10%;
}
.index-banner .local2 div.infolocal {
  margin-left: auto;
  margin-right: auto;
}
.index-banner .local0 div.infolocal {
  margin-left: 28%;
}
.tabar {
  width: 95%;
  margin: 0 auto;
}
.tabar h1 {
  text-align: center;
  font-size: 25px;
  margin: 0 0 10px 0;
  padding: 44px 0 0 0;
  font-weight: bold;
}
.tabar h6 {
  text-align: center;
  font-size: 15px;
  width: 90%;
  margin: 0 auto;
}
.tabar h1,
.tabar h6 {
  color: #7d7d7d;
}
.tabar h1:hover,
.tabar h6:hover {
  color: #2b2b2b;
}
.tabar .bottom {
  width: 100%;
  margin: 50px auto 0 auto;
}
.tabar .bottom .ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tabar .bottom .ul .li:nth-child(2n+1) {
  background-color: #e5e6e8;
}
.tabar .bottom .ul .li:nth-child(2n+2) {
  background-color: #f7f8f9;
}
.tabar .bottom .ul .li {
  display: inline-block;
  width: 25%;
  margin: 0;
  padding: 40px 0;
  float: left;
  overflow: hidden;
}
.tabar .bottom .ul .li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: translateY(0px);
  transition-duration: 1s;
}
.tabar .bottom .ul .li a .img {
  margin: 0 auto;
  display: block;
  padding: 15px;
  width: 90px;
  height: 90px;
  border-radius: 50% 50%;
  background-color: #7d7d7d;
}
.tabar .bottom .ul .li a .img svg {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.tabar .bottom .ul .li a .img img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.tabar .bottom .ul .li a .img svg path {
  fill: #fff !important;
}
.tabar .bottom .ul .li a p.title {
  text-align: center;
  color: #7d7d7d;
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
}
.tabar .bottom .ul .li a p.line {
  background-color: #7d7d7d;
  width: 50px;
  height: 5px;
  margin: 10px auto;
}
.tabar .bottom .ul .li a p.desc {
  color: #7d7d7d;
  text-align: left;
  margin: 10px auto;
  font-size: 14px;
  width: 80%;
}
.tabar .bottom .ul .li:hover {
  background-color: #c6000a;
}
.tabar .bottom .ul .li:hover a {
  transform: translateY(-20px);
}
.tabar .bottom .ul .li:hover a .img {
  background-color: #ffffff;
}
.tabar .bottom .ul .li:hover a .img svg path {
  fill: #c6000a !important;
}
.tabar .bottom .ul .li:hover a p.title {
  color: #ffffff;
}
.tabar .bottom .ul .li:hover a p.line {
  background-color: #ffffff;
}
.tabar .bottom .ul .li:hover a p.desc {
  color: #ffffff;
}
.doWhat {
  width: 95%;
  margin: 50PX auto 0 auto;
  padding: 0;
}
.doWhat .top {
  height: 50px;
}
.doWhat .top .left {
  display: inline-block;
  float: left;
  width: 15%;
}
.doWhat .top .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 25px;
  font-weight: bolder;
  color: #2b2b2b;
}
.doWhat .top .left p.line {
  background-color: #2b2b2b;
  margin: 0;
  padding: 0;
}
.doWhat .top .left p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.doWhat .top .left:hover h2 {
  color: #c6000a;
}
.doWhat .top .left:hover p.line span.line_active {
  width: 100%;
}
.doWhat .top .right {
  display: inline-block;
  float: right;
  width: 85%;
}
.doWhat .top .right .ul {
  width: 100%;
  text-align: right;
  height: 50px;
}
.doWhat .top .right .ul .li {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 10px 0;
  border-right: 1px solid #2b2b2b;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
}
.doWhat .top .right .ul .li a {
  color: #333333;
}
.doWhat .top .right .ul .li a:hover {
  color: #c6000a;
}
.doWhat .bottom {
  width: 100%;
  margin: 15px 0 0 0;
}
.doWhat .bottom .ul {
  width: 100%;
  overflow: hidden;
}
.doWhat .bottom .ul .li {
  display: inline-block;
  width: 25%;
  float: left;
  margin: 0;
}
.doWhat .bottom .ul .li .content a {
  display: block;
  background-color: #e5e6e8;
  margin: 0;
  padding: 0;
}
.doWhat .bottom .ul .li .content a .img {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  transition: all 1s;
  overflow: hidden;
  position: relative;
}
.doWhat .bottom .ul .li .content a .img span {
  position: absolute;
  font-size: 30px;
  left: 45%;
  top: 45%;
  opacity: 0;
  transition: all 1s;
  display: inline-block;
  color: #ffffff;
  z-index: 100;
}
.doWhat .bottom .ul .li .content a .img img.imgBg {
  width: 100%;
  transition: all 1s;
}
.doWhat .bottom .ul .li .content a .img img.svg,
.doWhat .bottom .ul .li .content a .img svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 45%;
  top: 45%;
  opacity: 0;
  transition: all 1s;
  z-index: 100;
}
.doWhat .bottom .ul .li .content a .img img.svg path,
.doWhat .bottom .ul .li .content a .img svg path {
  fill: #ffffff;
}
.doWhat .bottom .ul .li .content a .img .img_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s;
  z-index: 10;
}
.doWhat .bottom .ul .li .content a .img .img_cover2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s;
  z-index: 4;
}
.doWhat .bottom .ul .li .content a:hover .img img.imgBg {
  transform: scale(1.1, 1.1);
}
.doWhat .bottom .ul .li .content a:hover .img .img_cover {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.doWhat .bottom .ul .li .content a:hover .img .img_cover2 {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.doWhat .bottom .ul .li .content a:hover .img span {
  opacity: 1;
}
.doWhat .bottom .ul .li .content .info {
  background-color: #f7f8f9;
  margin: 0;
  padding: 10px 0;
}
.doWhat .bottom .ul .li .content .info .title {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 10px;
  font-size: 18px;
  font-weight: bold;
  color: #2b2b2b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.doWhat .bottom .ul .li .content .info .title a {
  background: none;
}
.doWhat .bottom .ul .li .content .info .title p.line {
  background-color: #2b2b2b;
  width: 50px;
  margin: 10px 0 0 0;
  height: 3px;
}
.doWhat .bottom .ul .li .content .info .all {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 10px 10px 0 0;
}
.doWhat .bottom .ul .li .content .info .all .name {
  width: 100%;
  display: inline-block;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: normal;
  margin: 0 5px;
  padding: 0;
  text-indent: 5px;
}
.doWhat .bottom .ul .li .content .info .all .eyes {
  width: auto;
  display: inline-block;
  line-height: normal;
  margin: 0 5px;
  padding: 0;
}
.doWhat .bottom .ul .li .content .info .all .eyes span {
  font-family: FontAwesome !important;
  color: #999999;
  font-size: 18px;
}
.doWhat .bottom .ul .li .content .info .all .eyes img {
  width: 20px;
  height: 20px;
  fill: #999999;
}
.doWhat .bottom .ul .li .content .info .all .eyes svg {
  width: 20px;
  height: 20px;
  fill: #999999;
}
.doWhat .bottom .ul .li .content .info .all .num {
  width: auto;
  display: inline-block;
  border-left: 1px solid #999999;
  margin: 0 5px;
  padding: 0 5px;
  color: #999999;
  line-height: normal;
}
.doWhat .bottom .ul .li:nth-child(4n+1) .content {
  margin: 0 0 0 0;
  width: 96%;
}
.doWhat .bottom .ul .li:nth-child(4n+2) .content {
  margin: 0 2.5% 0 1.5%;
  width: 96%;
}
.doWhat .bottom .ul .li:nth-child(4n+3) .content {
  margin: 0 1.5% 0 2.5%;
  width: 96%;
}
.doWhat .bottom .ul .li:nth-child(4n+4) .content {
  margin: 0 0 0 4%;
  width: 96%;
}
.doWhat .title:hover {
  color: #2b2b2b;
}
.doWhat .all:hover p.name {
  color: #2b2b2b !important;
}
.doWhat .all:hover p.num {
  color: #2b2b2b !important;
  border-left: 1px solid #2b2b2b;
}
.doWhat .all:hover .eyes img,
.doWhat .all:hover .eyes svg,
.doWhat .all:hover .eyes svg path {
  fill: #2b2b2b !important;
}
.weAreWho {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.weAreWho .bottom {
  margin: 20px 0 0 0;
  width: 100%;
  padding: 0;
}
.weAreWho .bottom div.video {
  width: 46%;
  vertical-align: top;
  position: relative;
  float: left;
}
.weAreWho .bottom div.video .videoContent {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.weAreWho .bottom div.video .videoContent .vimeo img {
  height: 428px;
}
.weAreWho .bottom div.video .videoContent .bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 1s;
}
.weAreWho .bottom div.video .videoContent img.play,
.weAreWho .bottom div.video .videoContent svg {
  position: absolute;
  left: 45%;
  top: 40%;
  width: 60px;
  fill: #FFFFFF;
  opacity: 1;
  transition: opacity 1s;
}
.weAreWho .bottom div.video .videoContent:hover .bg {
  opacity: 0;
}
.weAreWho .bottom div.video .videoContent:hover img.play,
.weAreWho .bottom div.video .videoContent:hover svg {
  opacity: 0;
}
.weAreWho .bottom div.desc {
  width: calc(54% - 250px);
  float: left;
  vertical-align: top;
  background-color: #f7f8f9;
  overflow: hidden;
}
.weAreWho .bottom div.desc .descContent {
  padding: 30px 0;
  height: 428px;
  width: 101.5%;
}
.weAreWho .bottom div.desc .descContent .desc_title {
  margin: 0;
  padding: 0;
}
.weAreWho .bottom div.desc .descContent .desc_title h1 {
  width: 90%;
  margin: 0 auto;
  font-size: 23px;
  font-weight: bolder;
  color: #2b2b2b;
}
.weAreWho .bottom div.desc .descContent .desc_title p.line {
  padding: 0;
  margin: 10px 0 0 5%;
  background-color: #2b2b2b;
}
.weAreWho .bottom div.desc .descContent .desc_title p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.weAreWho .bottom div.desc .descContent .desc_title:hover h1 {
  color: #c6000a;
}
.weAreWho .bottom div.desc .descContent .desc_title:hover p.line span.line_active {
  width: 100%;
}
.weAreWho .bottom div.desc .descContent div.infoes {
  width: 90%;
  margin: 20px auto 0 auto;
  max-height: 280px;
  overflow: hidden;
}
.weAreWho .bottom div.desc .descContent div.infoes p.info {
  font-size: 15px;
  line-height: 24px;
  text-indent: 20px;
  margin: 0 auto 20px auto;
  color: #666;
}
.weAreWho .bottom div.desc .descContent div.infoes p.info:hover {
  color: #2b2b2b;
}
.weAreWho .bottom div.desc .descContent div.moreView {
  margin: 20px 0 0 5%;
  text-align: left;
}
.weAreWho .bottom div.desc .descContent div.moreView img,
.weAreWho .bottom div.desc .descContent div.moreView svg {
  margin: 2px 15px 0 0;
}
.weAreWho .bottom div.model {
  width: 250px;
  vertical-align: top;
  height: 428px;
  float: right;
}
.weAreWho .bottom div.model .li {
  width: 100%;
  display: block;
  position: relative;
  height: 140px;
  margin-bottom: 3px;
  overflow: hidden;
}
.weAreWho .bottom div.model .li img.li_cover {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition-duration: 0.5s;
}
.weAreWho .bottom div.model .li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
}
.weAreWho .bottom div.model .li a .bg {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  transition: all .5s ease 0s;
  opacity: 1;
}
.weAreWho .bottom div.model .li a .bg img.svg,
.weAreWho .bottom div.model .li a .bg svg {
  position: absolute;
  left: 40%;
  top: 6%;
  fill: #ffffff;
  width: 60px;
  transition: all 1s ease 0s;
  opacity: 1;
}
.weAreWho .bottom div.model .li a .bg p.title {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 14%;
  transition: all 1s ease 0s;
  opacity: 1;
}
.weAreWho .bottom div.model .li:hover .bg {
  transition-duration: 0.5s;
  opacity: 0;
}
.weAreWho .bottom div.model .li:hover .bg img.svg,
.weAreWho .bottom div.model .li:hover .bg svg {
  opacity: 0;
  transform: translateY(100%);
}
.weAreWho .bottom div.model .li:hover .bg p.title {
  opacity: 0;
  transform: translateY(200%);
}
.weAreWho .bottom div.model .li:hover img.li_cover {
  transform: scale(1.1, 1.1);
  transition-duration: 0.5s;
}
.weAreWho .bottom div.model .li:last-child {
  margin-bottom: 0px;
}
.newsLast {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.newsLast .top {
  height: 40px;
}
.newsLast .top .left {
  width: 50%;
  display: inline-block;
  float: left;
}
.newsLast .top .left h1 {
  font-size: 23px;
  font-weight: bolder;
  margin-top: 8px;
  padding: 0;
}
.newsLast .top .left p.line {
  background-color: #2b2b2b;
  margin: 0;
}
.newsLast .top .left p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.newsLast .top .left:hover h1 {
  color: #c6000a;
}
.newsLast .top .left:hover p.line span.line_active {
  width: 100%;
}
.newsLast .top .right {
  width: 50%;
  display: inline-block;
  float: left;
  text-align: right;
  height: 40px;
  line-height: 40px;
}
.newsLast .top .right img {
  width: 20px;
  fill: #7d7d7d;
  height: 20px;
  margin: 10px 20px 0 0;
}
.newsLast .top .right svg {
  width: 20px;
  fill: #7d7d7d;
  height: 20px;
  margin: 10px 20px 0 0;
}
.newsLast .top .right span {
  font-size: 14px;
  vertical-align: top;
}
.newsLast .bottom {
  width: 100%;
  margin: 20px 0 0 0;
}
.newsLast .bottom table {
  width: 100%;
  table-layout: fixed;
}
.newsLast .bottom table tr {
  padding: 0;
  width: 100%;
}
.newsLast .bottom table tr td.left {
  width: 45.5%;
  height: 100%;
  margin: 0;
  background-color: #f7f8f9;
  vertical-align: top;
  overflow: hidden;
}
.newsLast .bottom table tr td.left .banner {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.newsLast .bottom table tr td.left .banner ul {
  overflow: hidden;
  height: 0;
  padding-bottom: 50%;
}
.newsLast .bottom table tr td.left .banner ul,
.newsLast .bottom table tr td.left .banner ol {
  padding: 0;
}
.newsLast .bottom table tr td.left .banner ul li,
.newsLast .bottom table tr td.left .banner ol li {
  list-style: none;
  float: left;
  position: relative;
}
.newsLast .bottom table tr td.left .banner ul li img,
.newsLast .bottom table tr td.left .banner ol li img {
  width: 100%;
}
.newsLast .bottom table tr td.left .banner ul li .info,
.newsLast .bottom table tr td.left .banner ol li .info {
  position: absolute;
  left: 0;
  bottom: -200px;
}
.newsLast .bottom table tr td.left .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 40%;
}
.newsLast .bottom table tr td.left .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.newsLast .bottom table tr td.left .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.newsLast .bottom table tr td.left .info {
  margin: 0 auto;
  width: 96%;
}
.newsLast .bottom table tr td.left .info .title {
  border-bottom: 1px solid #eeeeee;
  padding: 30px 0 30px 0;
}
.newsLast .bottom table tr td.left .info .title .dates {
  display: inline-block;
  width: 12%;
  border-right: 1px solid #2b2b2b;
  float: left;
}
.newsLast .bottom table tr td.left .info .title .dates .date {
  text-align: right;
  padding: 0 8px 0 0;
  font-weight: bolder;
  font-size: 16px;
  margin: 0;
}
.newsLast .bottom table tr td.left .info .title .dates .day {
  text-align: right;
  padding: 4px 8px 0 0;
  font-size: 12px;
  margin: 0;
}
.newsLast .bottom table tr td.left .info .title .names {
  display: inline-block;
  width: 73%;
  float: left;
}
.newsLast .bottom table tr td.left .info .title .names .name {
  color: #333;
  margin: 0;
  padding: 0 4.5rem 0 1.5rem;
  font-weight: bolder;
  font-size: 20px;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.newsLast .bottom table tr td.left .info .title .num {
  display: inline-block;
  width: 15%;
  vertical-align: middle;
  margin: 10px 0 0 0;
  float: left;
}
.newsLast .bottom table tr td.left .info .desc {
  padding: 20px 0 0 0;
}
.newsLast .bottom table tr td.left .info .desc p {
  padding: 0 20px;
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.newsLast .bottom table tr td.line {
  width: 0.5%;
  background-color: transparent;
}
.newsLast .bottom table tr td.right {
  width: 54%;
  vertical-align: top;
}
.newsLast .bottom table tr td.right .ul .li {
  width: 49.5%;
  display: inline-block;
  margin: 5px 0.5% 0 0;
  float: left;
}
.newsLast .bottom table tr td.right .ul .li .imgs {
  position: relative;
  width: 100%;
}
.newsLast .bottom table tr td.right .ul .li .imgs .img_cover {
  width: 100%;
  overflow: hidden;
}
.newsLast .bottom table tr td.right .ul .li .imgs .img_cover img {
  width: 100%;
  transform: scale(1, 1);
  transition-duration: 0.6s;
}
.newsLast .bottom table tr td.right .ul .li .imgs p.num {
  position: absolute;
  right: 6%;
  top: 6%;
  color: #ffffff;
  z-index: 100;
  text-align: right;
  font-size: 16px;
  transition: all 1s;
  opacity: 0;
}
.newsLast .bottom table tr td.right .ul .li .imgs div.img_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 1s;
  opacity: 0;
}
.newsLast .bottom table tr td.right .ul .li .imgs span {
  position: absolute;
  left: 45%;
  top: 45%;
  font-size: 30px;
  z-index: 100;
  color: #ffffff;
  transition: all 1s;
  opacity: 0;
}
.newsLast .bottom table tr td.right .ul .li .imgs img.svg,
.newsLast .bottom table tr td.right .ul .li .imgs svg {
  position: absolute;
  left: 45%;
  top: 40%;
  width: 30px;
  height: 30px;
  z-index: 100;
  transition: all 1s;
  opacity: 0;
}
.newsLast .bottom table tr td.right .ul .li .imgs img.svg path,
.newsLast .bottom table tr td.right .ul .li .imgs svg path {
  fill: #FFFFFF;
}
.newsLast .bottom table tr td.right .ul .li .infoes {
  background-color: #f7f8f9;
  height: 80px;
  padding: 10px 0;
}
.newsLast .bottom table tr td.right .ul .li .infoes .dates {
  display: inline-block;
  width: 20%;
  margin: 0;
  padding: 0;
  border-right: 2px solid #2b2b2b;
  height: 40px;
}
.newsLast .bottom table tr td.right .ul .li .infoes .dates p.date {
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
}
.newsLast .bottom table tr td.right .ul .li .infoes .dates p.day {
  margin: 5px 0 0 0;
  padding: 0 10px 0 0;
  text-align: right;
  font-size: 12px;
}
.newsLast .bottom table tr td.right .ul .li .infoes .names {
  display: inline-block;
  width: 78%;
  margin: 0;
  vertical-align: top;
}
.newsLast .bottom table tr td.right .ul .li .infoes .names p.name {
  color: #2b2b2b;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: bolder;
  font-size: 17px;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.newsLast .bottom table tr td.right .ul .li:hover .imgs .img_cover img {
  transform: scale(1.1, 1.1);
  transition-duration: 0.6s;
}
.newsLast .bottom table tr td.right .ul .li:hover .imgs p.num {
  opacity: 1;
}
.newsLast .bottom table tr td.right .ul .li:hover .imgs div.img_bg {
  opacity: 1;
}
.newsLast .bottom table tr td.right .ul .li:hover .imgs span {
  opacity: 1;
}
.newsLast .bottom table tr td.right .ul .li:nth-of-type(1),
.newsLast .bottom table tr td.right .ul .li:nth-of-type(2) {
  margin-top: 0;
}
.newsLast .bottom table tr p {
  color: #666666;
}
.newsLast .bottom table tr p:hover {
  color: #2b2b2b;
}
.exampleWriting {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.exampleWriting .top {
  height: 50px;
}
.exampleWriting .top .left {
  display: inline-block;
  float: left;
  width: 15%;
}
.exampleWriting .top .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 23px;
  font-weight: bolder;
}
.exampleWriting .top .left p.line {
  background-color: #2b2b2b;
  margin: 0;
}
.exampleWriting .top .left p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.exampleWriting .top .left:hover h2 {
  color: #c6000a;
}
.exampleWriting .top .left:hover p.line span.line_active {
  width: 100%;
}
.exampleWriting .top .right {
  display: inline-block;
  float: right;
  width: 85%;
}
.exampleWriting .top .right .ul {
  width: 100%;
  text-align: right;
  height: 50px;
}
.exampleWriting .top .right .ul .li {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 10px 0;
  border-right: 1px solid #2b2b2b;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
}
.exampleWriting .top .right .ul .li a {
  color: #333333;
}
.exampleWriting .top .right .ul .li a:hover {
  color: #c6000a;
}
.exampleWriting .bottom {
  width: 100%;
  margin: 15px 0 0 0;
}
.exampleWriting .bottom .ul {
  width: 100%;
  overflow: hidden;
}
.exampleWriting .bottom .ul .li {
  display: inline-block;
  width: 25%;
  float: left;
  margin: 0;
}
.exampleWriting .bottom .ul .li .content a {
  display: block;
  background-color: #e5e6e8;
  margin: 0;
  padding: 0;
}
.exampleWriting .bottom .ul .li .content a .img {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  transition: all 1s;
  overflow: hidden;
  position: relative;
}
.exampleWriting .bottom .ul .li .content a .img img.imgBg {
  width: 100%;
  transition: all 1s;
}
.exampleWriting .bottom .ul .li .content a .img span {
  position: absolute;
  font-size: 30px;
  left: 45%;
  top: 45%;
  opacity: 0;
  transition: all 1s;
  z-index: 100;
  display: inline-block;
  color: #ffffff;
}
.exampleWriting .bottom .ul .li .content a .img img.svg,
.exampleWriting .bottom .ul .li .content a .img svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 45%;
  top: 45%;
  opacity: 0;
  transition: all 1s;
  z-index: 100;
}
.exampleWriting .bottom .ul .li .content a .img img.svg path,
.exampleWriting .bottom .ul .li .content a .img svg path {
  fill: #ffffff;
}
.exampleWriting .bottom .ul .li .content a .img .img_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s;
  z-index: 10;
}
.exampleWriting .bottom .ul .li .content a .img .img_cover img {
  width: 100%;
}
.exampleWriting .bottom .ul .li .content a .img .img_cover2 {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s;
  z-index: 4;
}
.exampleWriting .bottom .ul .li .content a:hover .img img.imgBg {
  transform: scale(1.1, 1.1);
}
.exampleWriting .bottom .ul .li .content a:hover .img .img_cover {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.exampleWriting .bottom .ul .li .content a:hover .img span {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.exampleWriting .bottom .ul .li .content .info {
  background-color: #f7f8f9;
  margin: 0;
  padding: 0;
  display: block;
}
.exampleWriting .bottom .ul .li .content .info .title {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0 4px 0;
  font-size: 17px;
  font-weight: bold;
  color: #2b2b2b;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.exampleWriting .bottom .ul .li .content .info .title a {
  background: none;
}
.exampleWriting .bottom .ul .li .content .info p.line {
  background-color: #2b2b2b;
  width: 50px;
  margin: 10px 0;
  height: 3px;
}
.exampleWriting .bottom .ul .li .content .info .all {
  width: 90%;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}
.exampleWriting .bottom .ul .li .content .info .all .name {
  width: 60%;
  display: inline-block;
  color: #999999;
}
.exampleWriting .bottom .ul .li .content .info .all .eyes {
  width: auto;
  display: inline-block;
  float: right;
}
.exampleWriting .bottom .ul .li .content .info .all .eyes span {
  font-family: FontAwesome !important;
  color: #999999;
  font-size: 14px;
}
.exampleWriting .bottom .ul .li .content .info .all .eyes img {
  width: 20px;
  height: 20px;
  fill: #999999;
}
.exampleWriting .bottom .ul .li .content .info .all .eyes svg {
  width: 20px;
  height: 20px;
  fill: #999999;
}
.exampleWriting .bottom .ul .li .content .info .all .num {
  float: right;
  width: auto;
  display: inline-block;
  border-left: 1px solid #999999;
  padding: 0 10px;
  margin: 0 0 0 10px;
  color: #999999;
}
.exampleWriting .bottom .ul .li:nth-child(4n+1) .content {
  margin: 0 0 0 0;
  width: 96%;
}
.exampleWriting .bottom .ul .li:nth-child(4n+2) .content {
  margin: 0 2.5% 0 1.5%;
  width: 96%;
}
.exampleWriting .bottom .ul .li:nth-child(4n+3) .content {
  margin: 0 1.5% 0 2.5%;
  width: 96%;
}
.exampleWriting .bottom .ul .li:nth-child(4n+4) .content {
  margin: 0 0 0 4%;
  width: 96%;
}
.exampleWriting .title:hover {
  color: #2b2b2b;
}
.exampleWriting .all:hover p.name,
.exampleWriting .all:hover p.num {
  color: #2b2b2b !important;
}
.exampleWriting .all:hover .eyes img,
.exampleWriting .all:hover .eyes svg,
.exampleWriting .all:hover .eyes svg path {
  fill: #2b2b2b !important;
}
.teamSerive {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.teamSerive .top {
  height: 50px;
}
.teamSerive .top .left {
  width: 100%;
}
.teamSerive .top .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 23px;
  font-weight: bolder;
  text-align: center;
}
.teamSerive .top .left p.line {
  background-color: #2b2b2b;
  margin: 0 auto;
}
.teamSerive .top .left p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.teamSerive .top .left:hover h2 {
  color: #c6000a;
}
.teamSerive .top .left:hover p.line span.line_active {
  width: 100%;
}
.teamSerive .bottom {
  width: 100%;
  margin: 20px 0 0 0;
  background-color: transparent;
  position: relative;
}
.teamSerive .bottom .banner {
  width: 100%;
  position: relative;
  overflow: auto;
  text-align: center;
  height: auto;
}
.teamSerive .bottom .banner ul,
.teamSerive .bottom .banner ol {
  height: 548px !important;
  padding: 0;
}
.teamSerive .bottom .banner ul li,
.teamSerive .bottom .banner ol li {
  list-style: none;
  float: left;
}
.teamSerive .bottom .banner ul li .item,
.teamSerive .bottom .banner ol li .item {
  width: 20%;
  display: inline-block;
  float: left;
  transform: translateY(0);
  transition-duration: 0.5s;
}
.teamSerive .bottom .banner ul li .item:hover,
.teamSerive .bottom .banner ol li .item:hover {
  transform: translateY(-30px);
  transition-duration: 0.5s;
}
.teamSerive .bottom .banner ul li .item:hover p.worker,
.teamSerive .bottom .banner ol li .item:hover p.worker,
.teamSerive .bottom .banner ul li .item:hover p.desc,
.teamSerive .bottom .banner ol li .item:hover p.desc {
  color: #2b2b2b !important;
}
.teamSerive .bottom .banner ul li .item .content,
.teamSerive .bottom .banner ol li .item .content {
  width: 94%;
  background-color: #e5e6e8;
  padding: 60px 0;
}
.teamSerive .bottom .banner ul li .item .content .user_logo,
.teamSerive .bottom .banner ol li .item .content .user_logo {
  width: 62%;
  margin: 0 auto 30px auto;
  transition: margin-bottom 1s;
  overflow: hidden;
  border-radius: 50% 50%;
  position: relative;
  height: 0;
  padding-bottom: 62%;
}
.teamSerive .bottom .banner ul li .item .content .user_logo img,
.teamSerive .bottom .banner ol li .item .content .user_logo img {
  transform: scale(1, 1);
  transition-duration: 1s;
  height: auto;
  width: 100%;
}
.teamSerive .bottom .banner ul li .item .content .user_logo:hover,
.teamSerive .bottom .banner ol li .item .content .user_logo:hover {
  margin-bottom: 10px;
}
.teamSerive .bottom .banner ul li .item .content .user_logo:hover img,
.teamSerive .bottom .banner ol li .item .content .user_logo:hover img {
  transform: scale(1.1, 1.1);
  transition-duration: 1s;
}
.teamSerive .bottom .banner ul li .item .content p.job,
.teamSerive .bottom .banner ol li .item .content p.job {
  font-weight: bolder;
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.teamSerive .bottom .banner ul li .item .content p.worker,
.teamSerive .bottom .banner ol li .item .content p.worker {
  font-size: 16px;
  width: 90%;
  margin: 5px auto 0 auto;
  text-align: left;
  color: #333333;
}
.teamSerive .bottom .banner ul li .item .content p.desc,
.teamSerive .bottom .banner ol li .item .content p.desc {
  font-size: 15px;
  line-height: 23px;
  width: 90%;
  height: 180px;
  overflow: hidden;
  margin: 15px auto 0 auto;
  text-align: left;
  text-indent: 20px;
  color: #333333;
}
.teamSerive .bottom .banner ul li .item:nth-child(1) .content,
.teamSerive .bottom .banner ol li .item:nth-child(1) .content {
  margin: 0 0 0 0;
}
.teamSerive .bottom .banner ul li .item:nth-child(2) .content,
.teamSerive .bottom .banner ol li .item:nth-child(2) .content {
  margin: 0 0 0 0;
}
.teamSerive .bottom .banner ul li .item:nth-child(3) .content,
.teamSerive .bottom .banner ol li .item:nth-child(3) .content {
  margin: 0 auto;
}
.teamSerive .bottom .banner ul li .item:nth-child(4) .content,
.teamSerive .bottom .banner ol li .item:nth-child(4) .content {
  margin: 0 0 0 6%;
}
.teamSerive .bottom .banner ul li .item:nth-child(5) .content,
.teamSerive .bottom .banner ol li .item:nth-child(5) .content {
  margin: 0 0 0 6%;
}
.teamSerive .bottom .banner ul li img,
.teamSerive .bottom .banner ol li img {
  width: 100%;
}
.teamSerive .bottom .prev {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 46px;
  height: 55px;
  text-indent: -9999px;
  background: url("../images/img-sprite.png") no-repeat;
  background-position: -15px -35px;
  top: 38%;
  z-index: 2;
  cursor: pointer;
}
.teamSerive .bottom .next {
  position: absolute;
  right: 0%;
  display: inline-block;
  width: 46px;
  height: 55px;
  text-indent: -9999px;
  background: url("../images/img-sprite.png") no-repeat;
  background-position: -55px -35px;
  top: 38%;
  z-index: 2;
  cursor: pointer;
}
.productBase {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
  height: 150px;
  background-position: 0 0;
  background-size: 100% 100%;
}
.productBase .ul {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.3);
  height: 150px;
}
.productBase .ul .li {
  display: inline-block;
  width: 25%;
  float: left;
}
.productBase .ul .li .name {
  color: #FFFFFF;
  font-weight: bolder;
  text-align: center;
  margin: 0;
  padding: 25px 0 0 0;
}
.productBase .ul .li .name span.numShow {
  font-size: 40px;
}
.productBase .ul .li .name span.flg {
  font-size: 20px;
  vertical-align: top;
}
.productBase .ul .li .num {
  margin: 10px 0 0 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
}
.ourUser {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.ourUser .top {
  height: 50px;
}
.ourUser .top .left {
  width: 100%;
}
.ourUser .top .left h2 {
  margin: 0;
  padding: 0;
  height: 48px;
  line-height: 48px;
  font-size: 23px;
  font-weight: bolder;
  text-align: center;
}
.ourUser .top .left p.line {
  background-color: #2b2b2b;
  margin: 0 auto;
}
.ourUser .top .left p.line span.line_active {
  display: block;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 0.3s;
  background-color: #c6000a;
}
.ourUser .top .left:hover h2 {
  color: #c6000a;
}
.ourUser .top .left:hover p.line span.line_active {
  width: 100%;
}
.ourUser .bottom {
  margin: 20px 0 0 0;
}
.ourUser .bottom table {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #dbdbdb;
}
.ourUser .bottom table tr {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ourUser .bottom table tr td {
  background-color: #FFFFFF;
  border: 1px solid #dbdbdb;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  width: 12.5%;
}
.ourUser .bottom table tr td .img_cover {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
.ourUser .bottom table tr td .img_cover img {
  width: 100%;
  display: block;
  transition: all 1s;
  transition-duration: 1s;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray();
  margin: 0 auto;
  padding: 0 1%;
  opacity: 0.8;
}
.ourUser .bottom table tr td .balck_cover {
  background-color: transparent;
  transition: background-color 1s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ourUser .bottom table tr td:hover img {
  transform: scale(1.1, 1.1);
  transition-duration: 1s;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.ourUser .bottom table tr td:hover .balck_cover {
  background-color: rgba(0, 0, 0, 0.1);
}
.doBest {
  width: 95%;
  margin: 50px auto 0 auto;
  padding: 0;
  background-color: #f7f8f9;
}
.doBest .left {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 30px 0 20px 0;
}
.doBest .left .top {
  width: 90%;
  margin: 0 auto;
}
.doBest .left .top h1 {
  margin: 0 0 25px 0;
  font-size: 20px;
  padding: 0;
  font-weight: bold;
}
.doBest .left .top input {
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 5px 0;
}
.doBest .left .top div.name {
  display: inline-block;
  float: left;
  font-size: 16px;
  margin: 0;
  width: 33%;
}
.doBest .left .top div.name p.key {
  display: inline-block;
  float: left;
  padding: 5px 0;
  width: 40%;
}
.doBest .left .top div.name p.value {
  display: inline-block;
  float: left;
  width: 60%;
}
.doBest .left .top div.name p.value input {
  width: 90%;
}
.doBest .left .top div.concat {
  display: inline-block;
  float: left;
  width: 33%;
  margin: 0 0;
  font-size: 16px;
}
.doBest .left .top div.concat p.key {
  display: inline-block;
  float: left;
  width: 40%;
  padding: 5px 0;
}
.doBest .left .top div.concat p.value {
  display: inline-block;
  float: left;
  width: 60%;
}
.doBest .left .top div.concat p.value input {
  width: 90%;
}
.doBest .left .top div.Email {
  display: inline-block;
  float: left;
  width: 33%;
  font-size: 16px;
  margin: 0;
}
.doBest .left .top div.Email p.key {
  display: inline-block;
  float: left;
  width: 30%;
  padding: 5px 0;
}
.doBest .left .top div.Email p.value {
  display: inline-block;
  float: left;
  width: 48%;
}
.doBest .left .top div.Email p.value input {
  width: 90%;
}
.doBest .left .middle {
  width: 90%;
  margin: 10px auto 0 auto;
}
.doBest .left .middle p.title {
  font-size: 16px;
}
.doBest .left .middle textarea {
  width: 90%;
  height: 100px;
  border: 1px solid #d8d8d8;
}
.doBest .left .bottom {
  width: 82%;
  margin: 20px 0 0 5%;
  text-align: right;
}
.doBest .left .bottom .info {
  display: inline-block !important;
  width: 64%;
  float: left;
  text-align: left;
}
.doBest .left .bottom .info p.code {
  display: inline-block;
  width: auto;
  font-size: 16px;
}
.doBest .left .bottom .info p.input {
  display: inline-block;
  width: auto;
}
.doBest .left .bottom .info p.input input {
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 5px 0;
  width: 60px;
}
.doBest .left .bottom .info p.code_img {
  display: inline-block;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  width: 60px;
}
.doBest .left .bottom .info p.code_img img {
  width: 100%;
  height: 30px;
}
.doBest .left .bottom .info p.tip {
  display: inline-block;
  width: auto;
  font-size: 12px;
}
.doBest .left .bottom .button {
  display: inline-block;
  width: 36%;
  float: left;
}
.doBest .left .bottom .button button {
  font-size: 16px;
  padding: 5px 16px;
  margin: 0 5px;
  background-color: #FFFFFF;
  outline: none;
  color: #999999;
  border: 1px solid #dfe0e0;
}
.doBest .right {
  display: inline-block;
  float: right;
  width: 50%;
  padding: 20px 0;
}
.doBest .right .top {
  border-bottom: 1px solid #999999;
  width: 95%;
}
.doBest .right .top .list {
  display: inline-block;
  width: 65%;
  float: left;
}
.doBest .right .top .list .item {
  display: inline-block;
  width: auto;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.doBest .right .top .list .item p {
  border-right: 1px solid #2b2b2b;
  padding: 0 10px;
}
.doBest .right .top .list .item:last-child p {
  border-right: none;
}
.doBest .right .top .list .active {
  border-bottom: 1px solid #c6000a;
}
.doBest .right .top .logo {
  display: inline-block;
  width: 35%;
  float: right;
  text-align: right;
}
.doBest .right .top .logo svg {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 20px 0 0;
  fill: #b5b5b5;
}
.doBest .right .top .logo img {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 20px 0 0;
  fill: #b5b5b5;
}
.doBest .right .top .logo svg path {
  fill: #b5b5b5;
}
.doBest .right .top .logo a {
  padding: 0;
}
.doBest .right .top .logo span.bdsharebuttonboxitem:hover img,
.doBest .right .top .logo span.bdsharebuttonboxitem:hover svg {
  fill: #333333;
}
.doBest .right .top .logo span.bdsharebuttonboxitem:hover img path,
.doBest .right .top .logo span.bdsharebuttonboxitem:hover svg path {
  fill: #333333;
}
.doBest .right .address {
  margin: 30px 0 0 0;
}
.doBest .right .address .info {
  display: inline-block;
  width: 50%;
  float: left;
}
.doBest .right .address .info p.addrss_show {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 15px;
}
.doBest .right .address .codes {
  display: inline-block;
  width: 50%;
  float: right;
  text-align: right;
}
.doBest .right .address .codes svg {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 10% 0 0;
}
.doBest .right .address .codes img {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 10% 0 0;
}
.doBest .right .address .codes .tel_tip {
  margin: 10px 10% 0 0;
  font-size: 14px;
}
.doBest .right .address .codes .tel {
  margin: 5px 10% 0 0;
  font-size: 18px;
  font-weight: bolder;
}
.doBest button,
.doBest p,
.doBest h1 {
  color: #666;
}
.doBest button:hover,
.doBest p:hover,
.doBest h1:hover {
  color: #2b2b2b !important;
}
.footer {
  background-color: #2b2b2b;
  width: 100%;
  margin: 50px 0 0 0;
  padding: 0;
}
.footer .footer_content {
  width: 95%;
  margin: 0 auto;
  padding: 49px 0;
}
.footer .footer_content .left {
  display: inline-block;
  width: 15%;
  float: left;
}
.footer .footer_content .right {
  display: inline-block;
  width: 85%;
  float: right;
}
.footer .footer_content .right .top .ul {
  border-bottom: 1px solid #a8a8a8;
  padding: 0 0 15px 0;
}
.footer .footer_content .right .top .ul .li {
  display: inline-block;
  width: auto;
  float: left;
  padding: 0 20px;
  border-left: 2px solid #a8a8a8;
}
.footer .footer_content .right .top .ul .li a {
  font-size: 16px;
}
.footer .footer_content .right .top .ul .li:first-child {
  padding: 0 20px 0 0;
  border-left: none;
}
.footer .footer_content .right .middle {
  padding: 30px 0 10px 0;
}
.footer .footer_content .right .middle .item {
  display: inline-block;
  float: left;
}
.footer .footer_content .right .middle .item1 {
  width: 10%;
}
.footer .footer_content .right .middle .item1 .ul .li {
  margin: 10px 0;
}
.footer .footer_content .right .middle .item1 .ul .li a {
  font-size: 14px;
}
.footer .footer_content .right .middle .item2 {
  width: 14%;
}
.footer .footer_content .right .middle .item2 .ul .li {
  margin: 10px 0;
}
.footer .footer_content .right .middle .item2 .ul .li a {
  font-size: 14px;
}
.footer .footer_content .right .middle .item3 {
  width: 10%;
}
.footer .footer_content .right .middle .item3 .ul {
  width: 80%;
  margin: 0 0 0 20%;
}
.footer .footer_content .right .middle .item3 .ul .li {
  margin: 10px 0;
}
.footer .footer_content .right .middle .item3 .ul .li a {
  font-size: 14px;
}
.footer .footer_content .right .middle .item4 {
  width: 6%;
}
.footer .footer_content .right .middle .item4 .ul .li {
  margin: 10px 0;
}
.footer .footer_content .right .middle .item4 .ul .li a {
  font-size: 14px;
}
.footer .footer_content .right .middle .item5 {
  width: 14%;
}
.footer .footer_content .right .middle .item5 .ul .li {
  text-align: center;
}
.footer .footer_content .right .middle .item5 .ul .li img {
  display: inline-block;
  margin: 0 auto;
}
.footer .footer_content .right .middle .item5 .ul .li a {
  font-size: 17px;
  margin: 20px 0 0 0;
  display: block;
}
.footer .footer_content .right .middle .item6 {
  width: 20%;
}
.footer .footer_content .right .middle .item6 .item_news h1.title {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.footer .footer_content .right .middle .item6 .item_news .email_content {
  margin: 15px 0 0 0;
  border: 1px solid #a8a8a8;
  width: 80%;
  padding: 5px 0;
}
.footer .footer_content .right .middle .item6 .item_news .email_content p.name {
  font-size: 16px;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 65%;
  text-indent: 10px;
}
.footer .footer_content .right .middle .item6 .item_news .email_content p.name input {
  width: 90%;
  display: inline-block;
}
.footer .footer_content .right .middle .item6 .item_news .email_content p.value {
  font-size: 16px;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 30%;
  border-left: 1px solid #a8a8a8;
  text-align: center;
}
.footer .footer_content .right .middle .item6 .item_web {
  margin: 30px 0 0 0;
}
.footer .footer_content .right .middle .item6 .item_web h1.title {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.footer .footer_content .right .middle .item6 .item_web .email_content {
  margin: 15px 0 0 0;
  border: 1px solid #a8a8a8;
  width: 80%;
  padding: 0;
  height: 35px;
}
.footer .footer_content .right .middle .item6 .item_web .email_content div.select {
  width: 65%;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}
.footer .footer_content .right .middle .item6 .item_web .email_content div.select p.nameShow {
  text-align: center;
  height: 33px;
  line-height: 33px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.footer .footer_content .right .middle .item6 .item_web .email_content div.select div.options {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  left: 0;
  top: 35px;
  z-index: 100;
  width: 100%;
  border: 1px solid #a8a8a8;
  height: 100px;
  overflow-y: scroll;
}
.footer .footer_content .right .middle .item6 .item_web .email_content div.select div.options p.option {
  text-align: center;
  margin: 10px 0;
}
.footer .footer_content .right .middle .item6 .item_web .email_content p.option-chevron-down {
  font-size: 16px;
  margin: 0;
  display: inline-block;
  width: 30%;
  float: right;
  border-left: 1px solid #a8a8a8;
  text-align: center;
  height: 34px;
  padding: 8px 0;
}
.footer .footer_content .right .middle .item6 .item_web .email_content p.option-chevron-down img,
.footer .footer_content .right .middle .item6 .item_web .email_content p.option-chevron-down svg {
  width: 20px;
  height: 20px;
  fill: #a8a8a8;
  display: inline-block;
}
.footer .footer_content .right .middle .item7 {
  width: 26%;
}
.footer .footer_content .right .middle .item7 h1 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.footer .footer_content .right .middle .item7 .ul {
  margin: 10px 0 0 0;
}
.footer .footer_content .right .middle .item7 .ul .li {
  display: inline-block;
  float: left;
  width: auto;
  border: 1px solid #a8a8a8;
  margin: 10px 0 0 10px;
  padding: 2px 5px;
}
.footer .footer_content .right .middle .item7 .ul .li a {
  font-size: 14px;
}
.footer .bottom {
  background-color: #1c1c1c;
}
.footer .bottom p {
  color: #999;
  width: 83.5%;
  margin-left: 16.5%;
  font-size: 14px;
  padding: 20px 0;
}
.footer p,
.footer a,
.footer h1 {
  color: #bfbfbf;
}
.footer p:hover,
.footer a:hover,
.footer h1:hover {
  color: #FFFFFF;
}
.Totop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
}
.Totop a {
  display: inline-block;
  background-color: transparent;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.Totop img.svg,
.Totop svg {
  width: 50px;
  height: 50px;
}
.Totop:hover {
  fill: #ff0000;
}
.shareAction {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
.shareAction .shareActionContent {
  display: inline-block;
  width: auto;
  height: 36px;
}
.shareAction .shareActionContent p {
  display: inline-block;
  width: auto;
  text-align: left;
  height: 36px;
  line-height: 36px;
  margin: 0 6px;
  padding: 0 0 0 0;
}
.shareAction .shareActionContent p img,
.shareAction .shareActionContent p svg {
  height: 20px;
  width: 20px;
  fill: #939393;
  display: inline-block;
  vertical-align: middle;
}
.shareAction .shareActionContent p span {
  font-size: 12px;
  color: #939393;
  vertical-align: middle;
}
.shareAction .shareActionContent p:hover img,
.shareAction .shareActionContent p:hover svg {
  fill: #2b2b2b;
}
.shareAction .shareActionContent p:hover span {
  color: #2b2b2b;
}
.shareAction div.edit {
  display: inline-block;
  width: auto;
  text-align: left;
  background-color: #939393;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  margin: 0 0 0 20px;
}
.shareAction div.edit img,
.shareAction div.edit svg {
  height: 20px;
  width: 20px;
  display: inline-block;
  fill: #ffffff;
  vertical-align: top;
  margin-top: 8px;
}
.shareAction div.edit p.title {
  font-size: 16px;
  color: #ffffff;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
}
.shareAction div.edit p.title span.hline {
  height: 16px;
  width: 2px;
  background-color: #ffffff;
  display: inline-block;
}
.shareAction div.active {
  background-color: #c6000a !important;
}
div.imgBig {
  width: 95%;
  margin: 0 auto 0 auto;
}
div.imgBig img {
  width: 100%;
}
div.imgBig .bannerContent .banner {
  width: 100%;
  position: relative;
  text-align: center;
  height: 270px;
}
div.imgBig .bannerContent .banner ul,
div.imgBig .bannerContent .banner ol {
  padding: 0;
}
div.imgBig .bannerContent .banner ul li,
div.imgBig .bannerContent .banner ol li {
  list-style: none;
  float: left;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
div.imgBig .bannerContent .banner ul li img,
div.imgBig .bannerContent .banner ol li img {
  width: 100%;
  height: 150px;
}
div.imgBig .bannerContent .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 44%;
}
div.imgBig .bannerContent .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
div.imgBig .bannerContent .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
div.inContent {
  margin: 20px auto;
  width: 95%;
  padding: 0;
}
div.comment {
  width: 95%;
  background-color: #f7f8f9;
  margin: 20px auto 0 auto;
}
div.comment div.commentSubmit {
  padding: 15px 0;
}
div.comment div.commentSubmit p.title {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  font-size: 15px;
  color: #333333;
}
div.comment div.commentSubmit div.from {
  width: 80%;
  margin: 5px auto;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #e5e6e8;
}
div.comment div.commentSubmit div.from textarea {
  outline: none;
  border: none;
  height: 120px;
  width: 62%;
  font-size: 15px;
  padding: 10px 10px;
  display: inline-block;
  float: left;
}
div.comment div.commentSubmit div.from button {
  background-color: #f7f8f9;
  color: #a6a7a7;
  text-align: center;
  border: 1px solid #e5e6e8;
  font-size: 18px;
  vertical-align: top;
  padding: 15px 15px;
  border-radius: 5px;
  display: inline-block;
  float: right;
  margin: 30px 20px 0 0;
}
div.comment div.commentSubmit p.tip {
  width: 80%;
  margin: 5px auto 0 auto;
  padding: 0;
  font-size: 15px;
  color: #cccccc;
}
div.comment div.commentList {
  margin: 20px auto 0 auto;
  width: 80%;
}
div.comment div.commentList div.ul div.li {
  border-bottom: 1px solid #e5e6e8;
  padding: 15px 0 15px 0;
}
div.comment div.commentList div.ul div.li div.commentContent {
  padding-bottom: 10px;
}
div.comment div.commentList div.ul div.li div.commentContent div.userlogo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  text-align: right;
  border-radius: 50% 50%;
}
div.comment div.commentList div.ul div.li div.commentContent div.userlogo img {
  width: 100%;
  margin: 0;
  display: inline-block;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo {
  width: 90%;
  float: right;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo p.name {
  margin: 0;
  padding: 0 0 0 2rem;
  font-size: 18px;
  color: #666666;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo p.desc {
  font-size: 15px;
  color: #666666;
  padding: 0 0 0 2rem;
  margin: 5px 0 0 0;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action {
  padding: 0 0 0 2rem;
  margin: 8px 0 0 0;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action img.svg,
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action p.date {
  display: inline-block;
  width: auto;
  float: left;
  color: #333333;
  padding: 0 1rem;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action p.accusation {
  display: inline-block;
  width: auto;
  float: left;
  color: #333333;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action div.rightAction {
  width: auto;
  float: right;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action div.rightAction p.zan {
  width: auto;
  display: inline-block;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.action div.rightAction p.back {
  width: auto;
  display: inline-block;
  margin: 0 20px;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.backNews {
  background-color: #ffffff;
  width: 90%;
  margin: 5px auto 0 2rem;
  padding: 0;
  border: 1px solid #e5e6e8;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.backNews textarea {
  outline: none;
  border: none;
  height: 120px;
  width: 62%;
  font-size: 15px;
  padding: 10px 10px;
  display: inline-block;
  float: left;
}
div.comment div.commentList div.ul div.li div.commentContent div.commentInfo div.backNews button {
  background-color: #f7f8f9;
  color: #a6a7a7;
  text-align: center;
  border: 1px solid #e5e6e8;
  font-size: 18px;
  vertical-align: top;
  padding: 15px 15px;
  border-radius: 5px;
  display: inline-block;
  float: right;
  margin: 30px 20px 0 0;
}
div.comment div.commentList div.ul div.li div.ol {
  width: 88%;
  margin: 0 0 0 12%;
  background-color: #ffffff;
  position: relative;
}
div.comment div.commentList div.ul div.li div.ol svg,
div.comment div.commentList div.ul div.li div.ol img.svg,
div.comment div.commentList div.ul div.li div.ol svg.arrowTop,
div.comment div.commentList div.ul div.li div.ol img.arrowTop {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -21px;
  left: 8%;
  fill: #ffffff;
}
div.comment div.commentList div.ul div.li div.ol div.triangle_border_up {
  border-color: transparent transparent #ffffff;
}
div.comment div.commentList div.ul div.li div.ol div.triangle_border_up span {
  border-color: transparent transparent #ffffff;
}
div.comment div.commentList div.ul div.li div.ol div.li {
  width: 90%;
  margin: 0 auto;
}
div.comment div.commentList div.ul div.li div.ol div.li div.action img.svg,
div.comment div.commentList div.ul div.li div.ol div.li div.action svg {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0px;
  float: left;
}
div.comment div.commentList div.ul div.li div.ol div.li div.commentContent div.commentInfo p.name {
  padding-top: 10px;
}
div.comment div.commentList div.ul div.li div.ol div.li:last-child {
  border: none;
}
div.comment div.commentPage {
  margin-top: 20px;
}
div.comment div.commentPage nav.nav_pagination {
  text-align: center !important;
}
div.comment div.commentPage nav.nav_pagination li a {
  color: #999999;
  margin: 0 6px;
}
div.comment div.commentPage nav.nav_pagination li .active {
  border: 1px solid #c6000a !important;
  color: #ffffff !important;
  background-color: #c6000a !important;
}
div.comment div.commentPage nav.nav_pagination .Previous img.svg,
div.comment div.commentPage nav.nav_pagination .Next img.svg,
div.comment div.commentPage nav.nav_pagination .Previous svg,
div.comment div.commentPage nav.nav_pagination .Next svg {
  width: 15px;
  height: 15px;
  fill: #999999;
  display: inline-block;
}
div.comment p:hover {
  color: #2b2b2b !important;
}
td.rightQuickVisit {
  width: 20%;
  background-color: #f7f8f9;
  padding: 20px 0 40px 0;
  vertical-align: top;
}
td.rightQuickVisit p.title {
  width: 80%;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
td.rightQuickVisit p.title a {
  vertical-align: top;
}
td.rightQuickVisit p.title a img.svg,
td.rightQuickVisit p.title a svg {
  width: 20px;
  height: 20px;
  display: inline-block;
}
td.rightQuickVisit p.title a span {
  vertical-align: top;
  color: #333333;
  font-size: 15px;
}
td.rightQuickVisit div.model {
  width: 80%;
  margin: 15px auto 0 auto;
}
td.rightQuickVisit div.model .li {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
td.rightQuickVisit div.model .li img.li_cover {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition-duration: 0.5s;
}
td.rightQuickVisit div.model .li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
}
td.rightQuickVisit div.model .li a .bg {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  transition: all .5s ease 0s;
  opacity: 1;
}
td.rightQuickVisit div.model .li a .bg img.svg,
td.rightQuickVisit div.model .li a .bg svg {
  position: absolute;
  left: 35%;
  top: 28%;
  fill: #ffffff;
  width: 30%;
  height: 30%;
  transition: all 1s ease 0s;
  opacity: 1;
}
td.rightQuickVisit div.model .li a .bg p.title {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 64%;
  transition: all 1s ease 0s;
  opacity: 1;
}
td.rightQuickVisit div.model .li:hover .bg {
  transition-duration: 0.5s;
  opacity: 0;
}
td.rightQuickVisit div.model .li:hover img.svg,
td.rightQuickVisit div.model .li:hover svg {
  opacity: 0;
  transform: translateY(100%);
}
td.rightQuickVisit div.model .li:hover p.title {
  opacity: 0;
  transform: translateY(200%);
}
td.rightQuickVisit div.model .li:hover img.li_cover {
  transform: scale(1.1, 1.1);
  transition-duration: 0.5s;
}
td.rightQuickVisit div.model .li:last-child {
  margin-bottom: 0px;
}
div.moduleHead {
  height: 50px;
}
div.moduleHead .left {
  display: inline-block;
  float: left;
  width: 20%;
}
div.moduleHead .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  font-weight: bolder;
  color: #666666;
}
div.moduleHead .left h2 span.title2 {
  color: #7d7d7d;
  font-weight: normal;
}
div.moduleHead .left h2:hover span {
  color: #c6000a !important;
}
div.moduleHead .right {
  display: inline-block;
  float: right;
  width: 80%;
}
div.moduleHead .right .ul {
  width: 100%;
  text-align: right;
  height: 50px;
}
div.moduleHead .right .ul .li {
  display: inline-block;
  width: 120px;
  text-align: center;
  border-right: 1px solid #999999;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  position: relative;
}
div.moduleHead .right .ul .li .triangle_border_down {
  width: 0;
  height: 0;
  border-width: 3px 3px 0;
  border-style: solid;
  border-color: #333 transparent transparent !important;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  top: -4px;
  left: 3px;
}
div.moduleHead .right .ul .li .triangle_border_down span {
  display: block;
  width: 0;
  height: 0;
  border-width: 3px 3px 0;
  border-style: solid;
  border-color: #333 transparent transparent !important;
  position: absolute;
  top: -3px;
  left: -3px;
}
div.moduleHead .right .ul .li ul.sub-ul {
  position: absolute;
  left: 0;
  top: 20px;
  width: 120px;
  display: none;
  z-index: 20;
  text-align: center;
  padding: 30px 0 0 0;
  border-radius: 5px;
}
div.moduleHead .right .ul .li ul.sub-ul li {
  padding: 8px 0;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
div.moduleHead .right .ul .li ul.sub-ul li a {
  color: #2b2b2b;
  font-size: 15px;
}
div.moduleHead .right .ul .li ul.sub-ul li:hover a {
  color: #c6000a;
}
div.moduleHead .right .ul .li ul.sub-ul li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
div.moduleHead .right .ul .li ul.sub-ul li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
div.moduleHead .right .ul .li:hover a {
  color: #c6000a;
}
div.moduleHead .right .ul .li:hover ul.sub-ul {
  display: block;
}
div.moduleHead .right .ul .active a {
  color: #c6000a;
}
div.trafficGuide {
  background-color: #f7f8f9;
  padding: 0 0 25px 0;
}
div.trafficGuide h1 {
  padding: 25px 0 20px 0;
  margin: 0 auto;
  font-weight: bold;
  font-size: 20px;
  width: 90%;
}
div.trafficGuide div.content {
  width: 90%;
  margin: 0 auto;
}
div.trafficGuide div.content div.codes {
  width: 50%;
  display: inline-block;
  float: left;
}
div.trafficGuide div.content div.codes div.code {
  width: 30%;
  display: inline-block;
  float: left;
  text-align: center;
}
div.trafficGuide div.content div.codes div.code img {
  width: 100px;
  display: inline-block;
  margin: 0 auto;
}
div.trafficGuide div.content div.codes div.code p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
  color: #666666;
  font-size: 15px;
}
div.trafficGuide div.content div.ways {
  width: 50%;
  display: inline-block;
  float: right;
}
div.trafficGuide div.content div.ways div.way {
  width: 30%;
  display: inline-block;
  float: right;
  text-align: center;
  margin: 0 0 0 3%;
}
div.trafficGuide div.content div.ways div.way img {
  width: 150px;
  display: inline-block;
  margin: 0 auto;
}
div.trafficGuide div.content div.ways div.way p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
  color: #666666;
  font-size: 12px;
}
.banner {
  width: 100%;
  position: relative;
  text-align: center;
}
.banner ul,
.banner ol {
  padding: 0;
}
.banner ul li,
.banner ol li {
  list-style: none;
  float: left;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.banner ul li img,
.banner ol li img {
  width: 100%;
  height: auto;
}
.banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  width: 100%;
  padding: 0 0 0 44%;
}
.banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.last .col-md-12 .news-media .figure,
.last .col-lg-6 .news-media .figure,
.last .mb-3 .news-media .figure {
  height: 100%;
  width: 50%;
  float: left;
}
.last .col-md-12 .news-media .figure .news-mask-back,
.last .col-lg-6 .news-media .figure .news-mask-back,
.last .mb-3 .news-media .figure .news-mask-back {
  width: 100%;
}
.last .col-md-12 .news-media .figure img,
.last .col-lg-6 .news-media .figure img,
.last .mb-3 .news-media .figure img {
  height: auto !important;
}
.last .col-md-12 .news-media .news-media-body,
.last .col-lg-6 .news-media .news-media-body,
.last .mb-3 .news-media .news-media-body {
  width: 50%;
  float: right;
  padding-top: 25px !important;
}
div.spread {
  background-color: #f7f8f9;
  margin-bottom: 5px;
}
div.spread div.seeWithType {
  padding: 0.5rem 0 0.3rem 0;
}
div.spread div.seeWithType div.content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 0;
}
div.spread div.seeWithType div.content div.all {
  width: 40%;
}
div.spread div.seeWithType div.content div.all p {
  color: #2b2b2b;
  font-size: 1.2rem;
  font-weight: normal;
  text-indent: 2rem;
}
div.spread div.seeWithType div.content div.list {
  width: 60%;
  padding: 0 2rem 0 0;
}
div.spread div.seeWithType div.content div.list p.li {
  margin: 0;
  text-align: right;
  color: #999999;
  font-size: 1rem;
}
div.spread div.seeWithType div.content div.list p.li span {
  vertical-align: top;
}
div.spread div.seeWithType div.content div.list p.li img,
div.spread div.seeWithType div.content div.list p.li svg {
  width: 1rem;
  height: 1rem;
  fill: #999999;
}
div.spread div.seeWithType div.content div.listShow {
  display: none;
  width: 90%;
  margin: 0 auto;
}
div.spread div.seeWithType div.content div.listShow div.item {
  border-bottom: 1px solid #999999;
}
div.spread div.seeWithType div.content div.listShow div.item p {
  color: #666666;
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1rem;
  text-indent: 2rem;
}
.exampleList .bottom {
  margin: 0;
}
.exampleList .bottom .ul .li {
  margin-bottom: 25px;
}
.exampleList .bottom .ul .li .content {
  margin-bottom: 25px;
}
.exampleList .moreView {
  margin-top: 20px;
}
.exampleDetails {
  margin: 0 auto;
  padding: 0;
}
.exampleDetails div.info {
  background-color: #f7f8f9;
  padding: 40px 0 30px 0;
}
.exampleDetails div.info p.line {
  margin: 10px 0 0 10PX;
}
.exampleDetails div.info div.infoContent {
  width: 80%;
  margin: 0 auto;
}
.exampleDetails div.info div.infoContent h1 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-weight: bold;
  font-size: 18px;
}
.exampleDetails div.info div.infoContent h1 p.line {
  margin: 10px 0 0 0;
}
.exampleDetails div.info div.infoContent h1:hover {
  color: #c6000a;
}
.exampleDetails div.info div.infoContent h1:hover p.line {
  background-color: #c6000a;
}
.exampleDetails div.info div.infoContent p.tip {
  margin: 10px 0 25px 0;
  padding: 0;
  font-size: 15px;
  color: #999999;
}
.exampleDetails div.info div.infoContent p.tip:hover {
  color: #2b2b2b;
}
.exampleDetails div.info div.infoContent p.desc {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 15px;
  color: #333333;
  line-height: 21px;
}
.exampleDetails div.info div.infoContent p.desc:hover {
  color: #2b2b2b;
}
.exampleDetails div.info div.shareAction {
  width: 80%;
  margin: 30px auto 0 auto;
}
.exampleDetails div.doWhat {
  width: 100%;
  margin: 0 auto 0 auto;
}
.exampleDetails div.doWhat div.top div.left h2 span {
  font-weight: normal;
}
.exampleDetails div.doWhat div.top div.right {
  text-align: right;
  height: 50px;
  padding: 15px 0;
}
.exampleDetails div.doWhat div.top div.right img.svg,
.exampleDetails div.doWhat div.top div.right svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #999999;
}
.exampleDetails div.doWhat div.top div.right p.hline {
  display: inline-block;
  width: 2px;
  height: 20px;
  background-color: #333333;
  margin: 0;
  padding: 0;
}
.exampleDetails div.doWhat div.top div.right p.text {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 15px;
  vertical-align: top;
  color: #333333;
}
.exampleDetails div.doWhat div.bottom {
  margin-top: 0;
}
.mideaCenterList .bottom {
  margin: 0 0 0 0;
}
.mideaCenterList .bottom .ul .li {
  margin-bottom: 25px;
}
.mideaCenterList .bottom .ul .li .content {
  margin-bottom: 25px;
}
.mideaCenterList .bottom .ul .li .content .info .title {
  border-bottom: 1px solid #eeeeee;
}
.mideaCenterList .bottom .ul .li .content .info .title:hover {
  color: #7d7d7d;
}
.mideaCenterList .bottom .ul .li .content .info .all {
  padding: 10px 0 0 0;
}
.mideaCenterList .bottom .ul .li .content .info .all p {
  color: #999999;
  font-size: 14px;
  text-align: center;
}
.mideaCenterList .bottom .ul .li .content .info .all p img,
.mideaCenterList .bottom .ul .li .content .info .all p svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
  vertical-align: middle;
}
.mideaCenterList .bottom .ul .li .content .info .all p span.text {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline-block;
  float: left;
  width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.mideaCenterList .bottom .ul .li .content .info .all p.date {
  width: 50%;
  display: inline-block;
  float: left;
}
.mideaCenterList .bottom .ul .li .content .info .all p.date img,
.mideaCenterList .bottom .ul .li .content .info .all p.date svg {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.mideaCenterList .bottom .ul .li .content .info .all p.news {
  width: 25%;
  display: inline-block;
  float: left;
}
.mideaCenterList .bottom .ul .li .content .info .all p.eyes {
  width: 25%;
  display: inline-block;
  float: left;
}
.mideaCenterList .bottom .ul .li .content .info .all:hover p {
  color: #2b2b2b !important;
}
.mideaCenterList .bottom .ul .li .content .info .all:hover p img,
.mideaCenterList .bottom .ul .li .content .info .all:hover p svg,
.mideaCenterList .bottom .ul .li .content .info .all:hover p svg path {
  fill: #2b2b2b !important;
}
.mideaCenterList .moreView {
  margin: 0;
}
.mideaCenterVideos .videoInfo {
  margin: 30px auto;
  padding: 0;
}
.mideaCenterVideos .videoInfo .abstract {
  width: 100%;
}
.mideaCenterVideos .videoInfo .abstract table {
  width: 100%;
}
.mideaCenterVideos .videoInfo .abstract table tr {
  width: 100%;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left {
  width: 50%;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent img {
  width: 100%;
  transform: scale(1, 1);
  transition-duration: 1s;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent .img_cover {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 1s;
  z-index: 10;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent svg,
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent img.svg {
  opacity: 1;
  position: absolute;
  height: 50px;
  left: 40%;
  top: 40%;
  fill: #ffffff;
  z-index: 1000;
  transition: opacity 1s;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent:hover img {
  transform: scale(1, 1);
  transition-duration: 1s;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent:hover .img_cover {
  opacity: 0;
}
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent:hover svg,
.mideaCenterVideos .videoInfo .abstract table tr td.left .imgContent:hover img.svg {
  opacity: 0;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right {
  background-color: #e5e6e8;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles {
  width: 90%;
  margin: 0 auto;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.h2 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  display: inline-block;
  float: left;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.h2 span {
  display: block;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.h2 p.line {
  margin: 10px 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: block;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.date {
  display: inline-block;
  width: auto;
  float: right;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.date p.day {
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.titles div.date p.year {
  text-align: right;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #444444;
  font-weight: normal;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info {
  width: 90%;
  margin: 50px auto 0 auto;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info h1 {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info div.eyes_show {
  margin-top: 10px;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info div.eyes_show img.svg,
.mideaCenterVideos .videoInfo .abstract table tr td.right .info div.eyes_show svg {
  width: 20px;
  height: 20px;
  fill: #444444;
  display: inline-block;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info div.eyes_show span {
  vertical-align: top;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info p.desc {
  font-size: 15px;
  line-height: 20px;
  margin-top: 20px;
  color: #333333;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right .info p.desc:hover {
  color: #2b2b2b;
}
.mideaCenterVideos .videoInfo .abstract table tr td.right div.shareAction {
  text-align: left;
  width: 90%;
  margin: 25px auto 0 auto;
}
.mideaCenterVideos .videoList .moduleHead div.right {
  width: 100%;
}
.mideaCenterVideos .videoList .moduleHead div.right .ul {
  text-align: left;
}
.mideaCenterVideos .videoList .moduleHead div.right .ul div.li {
  border: none;
}
.mideaCenterVideos .videoList .moduleHead div.right .ul div.li:first-child {
  padding-left: 0;
}
.mideaCenterVideos .videoList .bottom {
  margin: 0 0 0 0;
}
.mideaCenterVideos .videoList .bottom .ul .li {
  margin-bottom: 25px;
}
.mideaCenterVideos .videoList .bottom .ul .li .content {
  margin-bottom: 25px;
}
.mideaCenterVideos .videoList .bottom .ul .li .content a .img .img_cover {
  opacity: 1;
}
.mideaCenterVideos .videoList .bottom .ul .li .content a .img svg,
.mideaCenterVideos .videoList .bottom .ul .li .content a .img img.svg {
  opacity: 1;
  width: 50px;
  height: 50px;
  left: 40%;
  top: 40%;
}
.mideaCenterVideos .videoList .bottom .ul .li .content a:hover .img img.imgBg {
  transform: rotateY(0) scale(1, 1);
}
.mideaCenterVideos .videoList .bottom .ul .li .content a:hover .img .img_cover {
  transform: rotateY(0) scale(1, 1);
  opacity: 0;
}
.mideaCenterVideos .videoList .bottom .ul .li .content a:hover .img .img_cover2 {
  transform: rotateY(0) scale(1, 1);
  opacity: 0;
}
.mideaCenterVideos .videoList .bottom .ul .li .content a:hover .img img.svg,
.mideaCenterVideos .videoList .bottom .ul .li .content a:hover .img svg {
  transform: rotateY(0) scale(1, 1);
  opacity: 0;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .title {
  border-bottom: 1px solid #eeeeee;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .title:hover {
  color: #7d7d7d;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all {
  padding: 10px 0 0 0;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p {
  color: #999999;
  font-size: 14px;
  text-align: center;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p img,
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
  vertical-align: middle;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p span.text {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline-block;
  float: left;
  width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p.date {
  width: 50%;
  display: inline-block;
  float: left;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p.date img,
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p.date svg {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p.news {
  width: 25%;
  display: inline-block;
  float: left;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all p.eyes {
  width: 25%;
  display: inline-block;
  float: left;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all:hover p {
  color: #2b2b2b !important;
}
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all:hover p img,
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all:hover p svg,
.mideaCenterVideos .videoList .bottom .ul .li .content .info .all:hover p svg path {
  fill: #2b2b2b !important;
}
.mideaCenterVideos .moreView {
  margin: 0;
}
.mideaCenterVideosDetails div.iframeContent {
  width: 100%;
}
.mideaCenterVideosDetails div.iframeContent .imgShow {
  width: 100%;
  background-color: #2b2b2b;
  position: relative;
}
.mideaCenterVideosDetails div.iframeContent .imgShow img.show {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.mideaCenterVideosDetails div.iframeContent .imgShow div.bg_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  transition: opacity 1s;
  opacity: 1;
}
.mideaCenterVideosDetails div.iframeContent .imgShow a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 10000;
}
.mideaCenterVideosDetails div.iframeContent .imgShow img.svg,
.mideaCenterVideosDetails div.iframeContent .imgShow svg {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 45%;
  top: 45%;
  fill: #ffffff;
  transition: opacity 1s;
  opacity: 1;
  z-index: 100;
}
.mideaCenterVideosDetails div.iframeContent .imgShow:hover img.svg,
.mideaCenterVideosDetails div.iframeContent .imgShow:hover svg {
  opacity: 0;
}
.mideaCenterVideosDetails div.iframeContent .imgShow:hover div.bg_cover {
  opacity: 0;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent {
  background-color: #e5e6e8;
  text-align: right;
  width: 100%;
  padding: 15px 0;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent h1 {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 18px;
  display: inline-block;
  width: auto;
  float: left;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div {
  display: inline-block;
  width: auto;
  margin: 0 0 0 15px;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div img.svg,
.mideaCenterVideosDetails div.iframeContent div.infoContent div svg {
  width: 40px;
  height: 40px;
  display: inline-block;
  fill: #7d7d7d;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div p {
  display: inline-block;
  width: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: top;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div p span {
  display: block;
  width: auto;
  vertical-align: top;
  font-size: 15px;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div.back {
  margin-right: 30px;
}
.mideaCenterVideosDetails div.iframeContent div.infoContent div.back span {
  padding-top: 10px;
}
.mideaCenterVideosDetails div.shareAction {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.mideaCenterPublish .publishInfo {
  margin: 30px auto;
  padding: 0;
}
.mideaCenterPublish .publishInfo .bookDetails {
  width: 100%;
  background-color: #e5e6e8;
  padding: 40px 0;
}
.mideaCenterPublish .publishInfo .bookDetails div.left {
  margin: 0 0 0 3%;
  float: left;
  width: 26%;
}
.mideaCenterPublish .publishInfo .bookDetails div.left img.book {
  width: 68%;
  margin: 0 auto 0 auto;
  display: block;
  position: relative;
  bottom: -10px;
  z-index: 10;
}
.mideaCenterPublish .publishInfo .bookDetails div.left img.bookcase {
  width: 100%;
  z-index: 1;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle {
  margin: 0 0 0 5%;
  padding: 60px 0 0 0;
  float: left;
  width: 30%;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle h1.title {
  margin: 0 auto;
  padding: 0 0 10px 0;
  color: #333333;
  font-size: 18px;
  width: 90%;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.bookInfo {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  border-top: 1px solid #dcdcdd;
  border-bottom: 1px solid #dcdcdd;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.bookInfo p {
  line-height: 25px;
  font-size: 13px;
  color: #333333;
  margin: 0;
  padding: 0;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.shareAction {
  text-align: left;
  width: 90%;
  margin: 10px auto 0 auto;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action {
  width: 90%;
  margin: 40px auto 0 auto;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action div.read {
  background-color: #f5f5f5;
  width: 60%;
  float: left;
  text-align: center;
  padding: 6px 0;
  border: 1px solid #dcdcdd;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action div.read p {
  display: inline-block;
  width: auto;
  margin: 0 10px;
  padding: 0;
  font-size: 16px;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action div.share {
  background-color: #f5f5f5;
  width: 30%;
  float: left;
  margin-left: 10%;
  text-align: center;
  padding: 6px 0;
  border: 1px solid #dcdcdd;
  font-size: 16px;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action p.tip {
  color: #333333;
  font-size: 16px;
  margin-top: 20px;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action div.form input {
  background-color: #f5f5f5;
  width: 60%;
  float: left;
  text-align: left;
  padding: 6px 0;
  border: 1px solid #dcdcdd;
  font-size: 16px;
}
.mideaCenterPublish .publishInfo .bookDetails div.midle div.action div.form button {
  background-color: #f5f5f5;
  width: 30%;
  float: left;
  margin-left: 10%;
  text-align: center;
  padding: 6px 0;
  border: 1px solid #dcdcdd;
  font-size: 16px;
}
.mideaCenterPublish .publishInfo .bookDetails div.right {
  margin: 0 0 0 2%;
  padding: 60px 0 0 0;
  float: left;
  width: 30%;
}
.mideaCenterPublish .publishInfo .bookDetails div.right h1 {
  margin: 0 auto;
  padding: 0 0 10px 0;
  color: #333333;
  font-size: 18px;
  width: 90%;
}
.mideaCenterPublish .publishInfo .bookDetails div.right p.desc {
  height: 216px;
  margin: 0 auto;
  width: 90%;
  font-size: 13px;
  line-height: 25px;
  color: #666666;
  text-indent: 2rem;
  border-top: 1px solid #dcdcdd;
  padding: 20px 0;
  overflow: hidden;
}
.mideaCenterPublish .publishInfo .bookDetails div.right div.codes {
  margin: 60px auto 0 auto;
  width: 90%;
}
.mideaCenterPublish .publishInfo .bookDetails div.right div.codes div.code {
  width: 20%;
  display: inline-block;
  float: left;
  margin-right: 4%;
}
.mideaCenterPublish .publishInfo .bookDetails div.right div.codes div.code img {
  width: 100%;
}
.mideaCenterPublish .publishInfo .bookDetails div.right div.codes div.code p {
  font-size: 14px;
  text-align: center;
  color: #666666;
  margin-top: 5px;
}
.mideaCenterPublish .publishList .moduleHead div.right {
  width: 100%;
}
.mideaCenterPublish .publishList .moduleHead div.right .ul {
  text-align: left;
}
.mideaCenterPublish .publishList .moduleHead div.right .ul div.li {
  border: none;
}
.mideaCenterPublish .publishList .moduleHead div.right .ul div.li:first-child {
  padding-left: 0;
}
.mideaCenterPublish .publishList .list {
  margin: 0 0 0 0;
}
.mideaCenterPublish .publishList .list .ul .li {
  margin-bottom: 25px;
  float: left;
  width: 20%;
}
.mideaCenterPublish .publishList .list .ul .li .content {
  background-color: #e5e6e8;
  width: 90%;
  margin: 0;
  padding: 40px 0 20px 0;
  position: relative;
}
.mideaCenterPublish .publishList .list .ul .li .content img.book {
  width: 68%;
  margin: 0 auto;
  display: block;
  position: relative;
  bottom: -5px;
  z-index: 10;
}
.mideaCenterPublish .publishList .list .ul .li .content img.bookcase {
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  transition: opacity 1s;
  padding: 30% 0 0 0;
  text-align: center;
  z-index: 1000;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info p {
  margin: 15px 0 0 0;
  padding: 0;
  color: #ffffff;
  text-align: center;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info p span {
  width: 100%;
  display: inline-block;
  float: left;
  font-size: 14px;
  line-height: 25px;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info p span.key {
  margin: 0 auto;
  text-align: left;
  padding: 0 20%;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info p span.value {
  text-align: left;
}
.mideaCenterPublish .publishList .list .ul .li .content div.info a {
  display: inline-block;
  width: auto;
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  margin: 10px auto;
  padding: 5px 20px;
}
.mideaCenterPublish .publishList .list .ul .li .content:hover div.info {
  opacity: 1;
}
.mideaCenterPublish .publishList .list .ul .li .desc {
  background-color: #f7f8f9;
  padding: 15px 0;
  width: 90%;
}
.mideaCenterPublish .publishList .list .ul .li .desc h1 {
  margin: 0 auto;
  padding: 0;
  font-size: 18px;
  color: #333333;
  width: 90%;
}
.mideaCenterPublish .publishList .list .ul .li .desc p {
  margin: 10px auto 0 auto;
  padding: 0;
  font-size: 12px;
  color: #999999;
  width: 90%;
}
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+1) .content,
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+1) .desc {
  margin-left: 0;
  margin-right: 0;
}
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+2) .content,
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+2) .desc {
  margin-left: 4%;
  margin-right: 6%;
}
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+3) .content,
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+3) .desc {
  margin-left: 6%;
  margin-right: 4%;
}
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+4) .content,
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+4) .desc {
  margin-left: 6%;
  margin-right: 4%;
}
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+5) .content,
.mideaCenterPublish .publishList .list .ul .li:nth-of-type(5n+5) .desc {
  margin-left: 10%;
  margin-right: 0;
}
.mideaCenterPublish .moreView {
  margin: 0;
}
.mideaCenterPublishDetails div.iframeContent {
  width: 100%;
  background-color: #e5e6e8;
}
.mideaCenterPublishDetails div.iframeContent iframe {
  width: 100%;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent {
  background-color: #e5e6e8;
  text-align: right;
  width: 100%;
  padding: 15px 0;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent h1 {
  margin: 0;
  padding: 10px 0 0 30px;
  font-size: 18px;
  display: inline-block;
  width: auto;
  float: left;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div {
  display: inline-block;
  width: auto;
  margin: 0 0 0 15px;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div img.svg,
.mideaCenterPublishDetails div.iframeContent div.infoContent div svg {
  width: 40px;
  height: 40px;
  display: inline-block;
  fill: #7d7d7d;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div p {
  display: inline-block;
  width: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: top;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div p span {
  display: block;
  width: auto;
  vertical-align: top;
  font-size: 15px;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div.back {
  margin-right: 30px;
}
.mideaCenterPublishDetails div.iframeContent div.infoContent div.back span {
  padding-top: 10px;
}
.mideaCenterPublishDetails div.shareAction {
  text-align: right;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.mideaCenterPublishDetails div.comment {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.mideaCenterImages .imagesInfo {
  margin: 30px auto;
  padding: 0;
}
.mideaCenterImages .imagesInfo .abstract {
  width: 100%;
}
.mideaCenterImages .imagesInfo .abstract table {
  width: 100%;
}
.mideaCenterImages .imagesInfo .abstract table tr {
  width: 100%;
}
.mideaCenterImages .imagesInfo .abstract table tr td.left {
  width: 50%;
  margin: 0;
  padding: 0;
}
.mideaCenterImages .imagesInfo .abstract table tr td.left img {
  width: 100% !important;
}
.mideaCenterImages .imagesInfo .abstract table tr td.left .glyphicon {
  font-family: "Glyphicons Halflings" !important;
  color: #ffffff;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right {
  background-color: #e5e6e8;
  margin: 0;
  padding: 0;
  width: 50%;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles {
  width: 90%;
  margin: 0 auto;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.h2 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  display: inline-block;
  float: left;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.h2 span {
  display: block;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.h2 p.line {
  margin: 10px 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: block;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.date {
  display: inline-block;
  width: auto;
  float: right;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.date p.day {
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.titles div.date p.year {
  text-align: right;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #444444;
  font-weight: normal;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info {
  width: 90%;
  margin: 50px auto 0 auto;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info h1 {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
  color: #2b2b2b;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info div.eyes_show {
  margin-top: 10px;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info div.eyes_show img.svg,
.mideaCenterImages .imagesInfo .abstract table tr td.right .info div.eyes_show svg {
  width: 20px;
  height: 20px;
  fill: #444444;
  display: inline-block;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info div.eyes_show span {
  vertical-align: top;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info p.desc {
  font-size: 15px;
  line-height: 20px;
  margin-top: 20px;
  color: #333333;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right .info p.desc:hover {
  color: #2b2b2b;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.shareAction {
  text-align: right;
  width: 90%;
  margin: 25px auto 0 auto;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.shareAction a.knowMOre {
  display: inline-block;
  border: 1px solid #666666;
  padding: 4px 10px;
  width: auto;
  float: left;
  vertical-align: bottom;
  font-size: 12px;
  margin-top: 5px;
}
.mideaCenterImages .imagesInfo .abstract table tr td.right div.shareAction a.knowMOre img.svg,
.mideaCenterImages .imagesInfo .abstract table tr td.right div.shareAction a.knowMOre svg {
  width: 10px;
  height: 10px;
  display: inline-block;
  fill: #999999;
}
.mideaCenterImages .imagesList .moduleHead div.right {
  width: 100%;
}
.mideaCenterImages .imagesList .moduleHead div.right .ul {
  text-align: left;
}
.mideaCenterImages .imagesList .moduleHead div.right .ul div.li {
  border: none;
}
.mideaCenterImages .imagesList .moduleHead div.right .ul div.li:first-child {
  padding-left: 0;
}
.mideaCenterImages .imagesList .bottom {
  margin: 0 0 0 0;
}
.mideaCenterImages .imagesList .bottom .ul .li {
  margin-bottom: 25px;
}
.mideaCenterImages .imagesList .bottom .ul .li .content {
  margin-bottom: 25px;
}
.mideaCenterImages .imagesList .bottom .ul .li .content a .img {
  overflow: hidden;
}
.mideaCenterImages .imagesList .bottom .ul .li .content a .img .img_cover {
  opacity: 0;
  padding-top: 30%;
}
.mideaCenterImages .imagesList .bottom .ul .li .content a .img .img_cover p.text {
  color: #ffffff;
  width: 60%;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
}
.mideaCenterImages .imagesList .bottom .ul .li .content a .img .img_cover p.line {
  background-color: #ffffff;
  height: 3px;
}
.mideaCenterImages .imagesList .bottom .ul .li .content a:hover .img img.imgBg {
  transform: rotateY(0) scale(1, 1);
}
.mideaCenterImages .imagesList .bottom .ul .li .content a:hover .img .img_cover {
  transform: rotateY(0) scale(1, 1);
  opacity: 1;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all {
  padding: 10px 0 0 0;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p {
  color: #999999;
  font-size: 14px;
  text-align: center;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p img,
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
  vertical-align: middle;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p span.text {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline-block;
  float: left;
  width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p.date {
  width: 75%;
  display: inline-block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all p.eyes {
  width: 25%;
  display: inline-block;
  float: left;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all:hover p {
  color: #2b2b2b !important;
}
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all:hover p img,
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all:hover p svg,
.mideaCenterImages .imagesList .bottom .ul .li .content .info .all:hover p svg path {
  fill: #2b2b2b !important;
}
.mideaCenterImages .moreView {
  margin: 0;
}
.mideaCenterImagesDetails {
  margin: 0 auto;
  padding: 0;
  background-color: #e5e6e8;
}
.mideaCenterImagesDetails .swiper-slide img {
  width: auto !important;
  margin: 0 auto;
  display: block;
}
.mideaCenterImagesDetails .photo-detail {
  width: 78.33% !important;
}
.mideaCenterImagesDetails .photo-detail #gallery .swiper-wrapper .swiper-slide img {
  width: 100% !important;
}
.mideaCenterImagesDetails .photo-detail #gallery .pic-prev {
  right: 68px;
}
.mideaCenterImagesDetails .photo-detail #gallery .pic-next {
  right: 45px;
}
.mideaCenterImagesDetails .photo-detail #gallery .pic-back {
  position: absolute;
  bottom: 17px;
  right: 0;
  margin: 0;
  cursor: pointer;
  z-index: 9;
}
.mideaCenterImagesDetails .photo-detail #gallery .pic-back svg,
.mideaCenterImagesDetails .photo-detail #gallery .pic-back img.svg {
  width: 15px;
  height: 15px;
  fill: #484848;
  margin-right: 3px;
}
.mideaCenterImagesDetails .photo-detail #gallery .pic-back span {
  font-size: 13px;
  color: #484848;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info {
  background-color: #f7f8f9;
  padding: 40px 0 30px 0;
  position: relative;
}
.mideaCenterImagesDetails div.info div.infoTop {
  width: 80%;
  margin: 0 auto;
}
.mideaCenterImagesDetails div.info div.infoTop h1.title {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  float: left;
  vertical-align: top;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mideaCenterImagesDetails div.info div.infoTop h1.title img.svg,
.mideaCenterImagesDetails div.info div.infoTop h1.title svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #999999;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info div.infoTop h1.title span {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info div.infoTop p.tip {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  float: right;
  text-align: right;
  vertical-align: top;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999999;
}
.mideaCenterImagesDetails div.info div.infoTop p.tip img.svg,
.mideaCenterImagesDetails div.info div.infoTop p.tip svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #999999;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info div.infoContent {
  width: 80%;
  margin: 0 auto;
}
.mideaCenterImagesDetails div.info div.infoContent img {
  width: 100%;
}
.mideaCenterImagesDetails div.info div.infoContent div {
  margin-top: 20px;
}
.mideaCenterImagesDetails div.info div.infoContent div p.date {
  height: 64px;
  display: inline-block;
  float: left;
  width: auto;
}
.mideaCenterImagesDetails div.info div.infoContent div p.date span.month {
  vertical-align: top;
  font-size: 20px;
  font-weight: bold;
  width: auto;
  margin-right: -20px;
}
.mideaCenterImagesDetails div.info div.infoContent div p.date span.slopingside {
  vertical-align: top;
  transform-origin: center center;
  background-color: #333333;
  width: 50px;
  height: 1px;
  transform: translateY(32px) rotate(-60deg) scale(1.5);
  display: inline-block;
}
.mideaCenterImagesDetails div.info div.infoContent div p.date span.day {
  width: auto;
  margin-top: 32px;
  margin-left: -20px;
  vertical-align: bottom;
  display: inline-block;
  font-size: 25px;
  font-weight: normal;
}
.mideaCenterImagesDetails div.info div.infoContent div p.name {
  vertical-align: top;
  font-size: 16px;
  width: auto;
  max-width: 70%;
  overflow: hidden;
  padding: 0 0 0 20px;
  margin: 0;
  float: left;
}
.mideaCenterImagesDetails div.info div.action {
  position: absolute;
  right: 10%;
  bottom: 50px;
  width: auto;
}
.mideaCenterImagesDetails div.info div.action div.actionpn {
  display: inline-block;
  width: auto;
  float: left;
}
.mideaCenterImagesDetails div.info div.action div.actionpn img.svg,
.mideaCenterImagesDetails div.info div.action div.actionpn svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info div.action div.actionpn p.hline {
  background-color: #333333;
  display: inline-block;
  width: 1px;
  height: 20px;
}
.mideaCenterImagesDetails div.info div.action div.actionpn p.text {
  display: inline-block;
  vertical-align: top;
}
.mideaCenterImagesDetails div.info div.action div.back {
  display: inline-block;
  width: auto;
  margin-left: 40px;
}
.mideaCenterImagesDetails div.info div.action div.back img.svg,
.mideaCenterImagesDetails div.info div.action div.back svg {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.mideaCenterImagesDetails div.info div.action div.back span {
  font-size: 16px;
  vertical-align: top;
}
.mideaCenterImagesDetails div.shareAction {
  width: 80%;
  margin: 30px auto 0 auto;
}
.mideaCenterImagesDetails .imgesBanner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000090;
}
.mideaCenterImagesDetails .imgesBanner img#closed {
  width: 40px;
  height: 40px;
  position: absolute;
  right: calc(20% + 0px);
  top: calc(5% + 30px);
  z-index: 100100090;
}
.mideaCenterImagesDetails .imgesBanner div.item {
  text-align: center;
}
.mideaCenterImagesDetails .imgesBanner div.item img {
  width: 60%;
  margin: 5% auto;
  display: inline-block;
}
.mideaCenterImagesDetails .imgesBanner .glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}
.join_Banner .banner {
  width: 100%;
  position: relative;
  text-align: center;
}
.join_Banner .banner ul,
.join_Banner .banner ol {
  padding: 0;
}
.join_Banner .banner ul li,
.join_Banner .banner ol li {
  list-style: none;
  float: left;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.join_Banner .banner ul li img,
.join_Banner .banner ol li img {
  width: 100%;
  min-height: 150px !important;
}
.join_Banner .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 44%;
}
.join_Banner .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.join_Banner .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.join_cultureTeam {
  margin: 20px auto;
  padding: 0;
}
.join_cultureTeam .bottom {
  width: 100%;
}
.join_cultureTeam .bottom table {
  width: 100%;
}
.join_cultureTeam .bottom table tr {
  width: 100%;
}
.join_cultureTeam .bottom table tr td.left {
  padding: 60px 0;
  background-color: #f7f8f9;
  width: 21%;
  vertical-align: top;
}
.join_cultureTeam .bottom table tr td.left .ul div.li {
  text-align: center;
  border-bottom: 1px solid #d8d9da;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  height: 50px;
  line-height: 50px;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent {
  width: 100%;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent img,
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 2px 0 0 0;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent .bgred {
  fill: #c6000a;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent .bggray {
  fill: #7f7f7f;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent p.text {
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 10px;
  padding: 0;
  border-bottom: 2px solid transparent;
  transition: border-bottom-width;
  vertical-align: top;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent p.active {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_cultureTeam .bottom table tr td.left .ul div.li a.liContent:hover p.text {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_cultureTeam .bottom table tr td.right {
  background-color: #e5e6e8;
  width: 79%;
  vertical-align: top;
}
.join_cultureTeam .bottom table tr td.right .info {
  margin: 0 auto;
  width: 86%;
  padding: 0 0 25px 0;
}
.join_cultureTeam .bottom table tr td.right .info h1 {
  margin: 20px 0;
  font-size: 20px;
  text-align: center;
  color: #333333;
  font-weight: bold;
}
.join_cultureTeam .bottom table tr td.right .info p.desc {
  width: 80%;
  font-size: 14px;
  line-height: 23px;
  color: #333333;
  text-indent: 2rem;
  margin: 10px auto;
}
.join_cultureTeam .comment {
  margin-left: 0px;
}
div.searchJobfrom {
  width: 80%;
  margin: 0 auto;
}
div.searchJobfrom table.searchJobTable {
  width: 100%;
}
div.searchJobfrom table.searchJobTable tr.title {
  width: 100%;
}
div.searchJobfrom table.searchJobTable tr.title td {
  width: 100%;
}
div.searchJobfrom table.searchJobTable tr.title td div.getJob {
  background-color: #ffffff;
  padding: 10px 20px;
  margin-bottom: 10px;
}
div.searchJobfrom table.searchJobTable tr.title td div.getJob input {
  color: #666666;
  font-size: 18px;
  width: 100%;
  padding: 0;
}
div.searchJobfrom table.searchJobTable tr.title td h2 {
  font-weight: bold;
  padding: 10px 10px;
  margin: 5px 0;
  color: #333333;
  font-size: 16px;
  background-color: #e5e6e8;
}
div.searchJobfrom table.searchJobTable tr.userInfo {
  width: 100%;
}
div.searchJobfrom table.searchJobTable tr.userInfo td > div {
  background-color: #ffffff;
  width: 95%;
  margin: 10px 0;
  padding: 10px 20px;
}
div.searchJobfrom table.searchJobTable tr.userInfo td > div input {
  color: #666666;
  font-size: 18px;
  width: 100%;
  padding: 0;
}
div.searchJobfrom table.searchJobTable tr.userInfo td > div span {
  color: #666666;
  font-size: 16px;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.name {
  width: 50%;
  display: inline-block;
  float: left;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.sex {
  float: left;
  width: 50%;
  padding: 10px 20px;
  background-color: transparent;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.sex input {
  width: auto;
  font-size: 16px;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.clear {
  margin: 0;
  padding: 0;
  height: 0;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.author p {
  width: auto;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action {
  display: inline-block;
  width: auto;
  float: right;
  margin: 0;
  padding: 0 20px 0 20px;
  position: relative;
  background-color: #4d4d4d;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action img {
  display: inline-block;
  width: 30px;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.code input {
  display: inline-block;
  width: 120px;
  float: left;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.code img {
  display: inline-block;
  width: 120px;
  height: 30px;
  float: left;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.code p {
  display: inline-block;
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
}
div.searchJobfrom table.searchJobTable tr.userInfo td div.birthday input {
  width: 50%;
}
div.searchJobfrom table.searchJobTable tr.userInfo td:first-child {
  text-align: left;
}
div.searchJobfrom table.searchJobTable tr.userInfo td:last-child > div {
  margin-left: 5%;
}
div.searchJobfrom table.searchJobTable tr.working {
  margin: 15px 0;
}
div.searchJobfrom table.searchJobTable tr.working div.worked {
  background-color: #ffffff;
  width: 100%;
  margin: 10px 0;
  padding: 10px 20px;
}
div.searchJobfrom table.searchJobTable tr.working div.worked textarea {
  outline: none;
  border: none;
  height: 60px;
  color: #666666;
  font-size: 16px;
  width: 100%;
  padding: 0;
}
div.searchJobfrom div.buttons {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
div.searchJobfrom div.buttons button {
  border: 2px solid #999999;
  color: #999999;
  padding: 5px 25px;
  margin: 15px 10px;
  font-size: 16px;
  display: inline-block;
}
.join_selfRecommended {
  margin: 20px auto;
  width: 95%;
  padding: 0;
}
.join_selfRecommended .bottom {
  width: 100%;
}
.join_selfRecommended .bottom table {
  width: 100%;
  table-layout: fixed;
}
.join_selfRecommended .bottom table tr {
  width: 100%;
}
.join_selfRecommended .bottom table tr td.left {
  padding: 60px 0;
  background-color: #e5e6e8;
  width: 21%;
  vertical-align: top;
}
.join_selfRecommended .bottom table tr td.left .ul div.li {
  text-align: center;
  border-bottom: 1px solid #d8d9da;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  height: 50px;
  line-height: 50px;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent {
  width: 100%;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent img,
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 2px 0 0 0;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent .bgred {
  fill: #c6000a;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent .bggray {
  fill: #7f7f7f;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent p.text {
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 10px;
  padding: 0;
  border-bottom: 2px solid transparent;
  transition: border-bottom-width;
  vertical-align: top;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent p.active {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_selfRecommended .bottom table tr td.left .ul div.li a.liContent:hover p.text {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_selfRecommended .bottom table tr td.right {
  background-color: #f7f8f9;
  width: 79%;
  vertical-align: top;
}
.join_selfRecommended .bottom table tr td.right .info {
  padding: 0 0 25px 0;
}
.join_selfRecommended .bottom table tr td.right .info h1 {
  margin: 30px 0;
  font-size: 20px;
  text-align: center;
  color: #333333;
  font-weight: bold;
}
.join_getJobInline {
  margin: 20px auto;
  width: 95%;
  padding: 0;
}
.join_getJobInline .bottom {
  width: 100%;
}
.join_getJobInline .bottom table {
  width: 100%;
}
.join_getJobInline .bottom table tr {
  width: 100%;
}
.join_getJobInline .bottom table tr td.left {
  padding: 60px 0;
  background-color: #f7f8f9;
  width: 21%;
  vertical-align: top;
}
.join_getJobInline .bottom table tr td.left .ul div.li {
  text-align: center;
  border-bottom: 1px solid #d8d9da;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  height: 50px;
  line-height: 50px;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent {
  width: 100%;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent img,
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 2px 0 0 0;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent .bgred {
  fill: #c6000a;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent .bggray {
  fill: #7f7f7f;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent p.text {
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 10px;
  padding: 0;
  border-bottom: 2px solid transparent;
  transition: border-bottom-width;
  vertical-align: top;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent p.active {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_getJobInline .bottom table tr td.left .ul div.li a.liContent:hover p.text {
  color: #c6000a;
  border-bottom: 2px solid #c6000a;
}
.join_getJobInline .bottom table tr td.right {
  background-color: #e5e6e8;
  width: 79%;
  vertical-align: top;
}
.join_getJobInline .bottom table tr td.right .info {
  padding: 30px 0 25px 0;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo {
  width: 90%;
  margin: 0 auto 0 auto;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr {
  width: 100%;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td {
  width: 100%;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc {
  width: 100%;
  background-color: transparent;
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #d8d9da;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p {
  margin: 0;
  padding: 0;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.jobp {
  display: inline-block;
  float: left;
  font-size: 14px;
  width: 14.2%;
  text-align: center;
  color: #333333;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_name {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_address {
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_num {
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_level {
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_exprence {
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_date {
  border-right: 1px solid #e0e1e2;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_deatils {
  border: 1px solid #848485;
  width: auto;
  float: right;
  padding: 1px 10px;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_deatils img.svg,
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.desc p.job_deatils svg {
  width: 15px;
  height: 15px;
  fill: #333333;
  padding: 4px 0 0 0;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils {
  background-color: #ffffff;
  margin-top: 20px;
  padding-bottom: 30px;
  border: 1px solid #e7e8e9;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils img.svg,
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils svg {
  fill: #ffffff;
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  left: 95%;
  top: -18px;
  z-index: 1000;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils p {
  margin: 5px auto;
  padding: 0;
  font-size: 15px;
  width: 90%;
  color: #333333;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action {
  margin: 25px auto 5px auto;
  width: 90%;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action p.toJog {
  border: 1px solid #c6000a;
  width: auto;
  display: inline-block;
  padding: 1px 10px;
  margin: 0;
  float: left;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action p.toJog span {
  color: #c6000a;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action p.toJog img.svg,
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action p.toJog svg {
  width: 15px;
  height: 15px;
  fill: #c6000a;
  padding: 4px 0 0 0;
  position: static;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction {
  float: right;
  width: auto;
  margin: 0;
  text-align: right;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent {
  margin: 0;
  padding: 0;
  height: auto;
  text-align: right;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.eyes {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.eyes img.svg,
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.eyes svg {
  width: 30px;
  height: 30px;
  fill: #999999;
  padding: 0px 0 0 0;
  position: static;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.share {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
}
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.share img.svg,
.join_getJobInline .bottom table tr td.right .info table.jobInfo tr td div.deatils div.action div.shareAction div.shareActionContent p.share svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  padding: 0px 0 0 0;
  position: static;
}
.join_getJobInline div.fromContent {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100000000;
}
.join_getJobInline div.fromContent div.searchJobfrom {
  background-color: #ffffff;
  width: 60%;
  padding: 0;
  position: absolute;
  left: 20%;
  top: 5%;
  height: 90%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.join_getJobInline div.fromContent div.searchJobfrom h1 {
  background-color: #2b2b2b;
  text-align: center;
  color: #c6000a;
  margin: 0 0 20px 0;
  padding: 15px 0;
  width: 100%;
  font-size: 18px;
  position: relative;
}
.join_getJobInline div.fromContent div.searchJobfrom h1 i {
  font-family: 'FontAwesome' !important;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 015px;
  font-size: 21px;
  padding: 0 20px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable {
  width: 80%;
  margin: 0 auto;
  table-layout: fixed;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title {
  width: 100%;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title td {
  width: 95%;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title td div.getJob {
  background-color: transparent;
  padding: 0 20px 10px 20px;
  margin-bottom: 10px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title td div.getJob p {
  color: #666666;
  font-size: 16px;
  width: 100%;
  padding: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title td div.getJob p span {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.title td h2 {
  font-weight: bold;
  margin: 0;
  padding: 10px 20px;
  color: #333333;
  font-size: 16px;
  background-color: #e5e6e8;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo {
  width: 100%;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td {
  width: 48%;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div {
  background-color: #f7f8f9;
  width: 95%;
  margin: 10px 0;
  padding: 10px 20px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div input {
  color: #666666;
  font-size: 16px;
  width: 100%;
  padding: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div span {
  color: #666666;
  font-size: 16px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.name {
  width: 50%;
  display: inline-block;
  float: left;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.sex {
  float: left;
  width: 50%;
  padding: 10px 20px;
  background-color: transparent;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.sex input {
  width: auto;
  font-size: 16px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.clear {
  margin: 0;
  padding: 0;
  height: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.author p {
  width: auto;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action {
  display: inline-block;
  width: auto;
  float: right;
  margin: 0;
  padding: 0 20px 0 20px;
  position: relative;
  background-color: #4d4d4d;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.author div.action img {
  display: inline-block;
  width: 30px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.code input {
  display: inline-block;
  width: 120px;
  float: left;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.code img {
  display: inline-block;
  width: 120px;
  height: 30px;
  float: left;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.code p {
  display: inline-block;
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td div.birthday input {
  width: 60% !important;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.userInfo td:last-child > div {
  margin-left: 5%;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.working {
  margin: 15px 0;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.working div.worked {
  background-color: #f7f8f9;
  width: 100%;
  margin: 10px 0;
  padding: 10px 20px;
}
.join_getJobInline div.fromContent div.searchJobfrom table.searchJobTable tr.working div.worked textarea {
  outline: none;
  border: none;
  height: 60px;
  color: #666666;
  font-size: 18px;
  width: 100%;
  padding: 0;
  background-color: transparent;
}
.join_getJobInline div.fromContent div.searchJobfrom div.buttons {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
.join_getJobInline div.fromContent div.searchJobfrom div.buttons button {
  border: 2px solid #999999;
  color: #999999;
  padding: 5px 25px;
  margin: 15px 10px;
  font-size: 18px;
  display: inline-block;
  background-color: #ffffff;
}
.carouselBanner {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000000000000;
  left: 0;
  top: 0;
  padding: 8% 0 0 0;
}
.carouselBanner .img-responsive,
.carouselBanner .thumbnail > img,
.carouselBanner .thumbnail a > img,
.carouselBanner .carousel-inner > .item > img,
.carouselBanner .carousel-inner > .item > a > img {
  margin: 0 auto;
}
.carouselBanner .carousel,
.carouselBanner .carousel-inner {
  overflow: auto;
  background-color: transparent !important;
}
.carouselBanner .glyphicon {
  font-family: "Glyphicons Halflings" !important;
  color: #ffffff;
}
.carouselBanner .carousel-caption {
  text-shadow: none;
  position: static;
  padding: 5px 0 0 0;
  width: 500px;
  margin: 0 auto;
}
.carouselBanner div::-webkit-scrollbar-button {
  background-color: transparent !important;
}
.carouselBanner div::-webkit-scrollbar-corner {
  background-color: transparent !important;
}
.carouselBanner div::-webkit-scrollbar-thumb {
  background-color: transparent !important;
}
.carouselBanner div::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.carouselBanner div::-webkit-scrollbar-track-piece {
  background-color: transparent !important;
}
.carouselBanner .carousel-control.left,
.carouselBanner .carousel-control.right {
  background-color: transparent !important;
  background-image: none !important;
}
.carouselBanner .closed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#carousel-example-generic a.carousel-control span {
  display: none;
}
#carousel-example-generic a.left {
  background: url(../images/prev.png) center center no-repeat;
}
#carousel-example-generic a.right {
  background: url(../images/next.png) center center no-repeat;
}
div.honorListDetails div.bottom {
  width: 100%;
}
div.honorListDetails div.bottom .container-fluid {
  margin-top: 0;
  padding: 0;
}
div.honorListDetails div.bottom .container-fluid #gallery {
  margin-top: 0 !important;
  padding: 0 !important;
}
.seriveList .bottom {
  margin: 0;
}
.seriveList .bottom .ul .li {
  margin-bottom: 25px;
}
.seriveList .bottom .ul .li .content {
  margin-bottom: 25px;
}
.seriveList .moreView {
  margin: 0;
}
.service_Details {
  margin: 0 auto;
  padding: 0;
}
.service_Details div.detailsBanner table {
  width: 100%;
}
.service_Details div.detailsBanner table tr {
  width: 100%;
}
.service_Details div.detailsBanner table tr td.left {
  height: 300px;
  width: 68%;
  background-color: #666666;
}
.service_Details div.detailsBanner table tr td.left .bannerContent .banner ul li img,
.service_Details div.detailsBanner table tr td.left .bannerContent .banner ol li img {
  width: 100%;
}
.service_Details div.detailsBanner table tr td.left .bannerContent .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 44%;
}
.service_Details div.detailsBanner table tr td.left .bannerContent .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.service_Details div.detailsBanner table tr td.left .bannerContent .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.service_Details div.detailsBanner table tr td.right {
  background-color: #e5e6e8;
  vertical-align: top;
  padding: 40px 0 20px 0;
  width: 32%;
}
.service_Details div.detailsBanner table tr td.right .info {
  width: 80%;
  margin: 0 auto;
}
.service_Details div.detailsBanner table tr td.right .info div.title p.name {
  font-size: 18px;
  color: #333333;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.service_Details div.detailsBanner table tr td.right .info div.title div.line {
  margin: 0 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: inline-block;
}
.service_Details div.detailsBanner table tr td.right .info div.title div.line div.lineIn {
  width: 0;
  height: 5px;
  background-color: transparent;
  transition: width 1s;
  margin: 0;
  padding: 0;
}
.service_Details div.detailsBanner table tr td.right .info div.title:hover p.name {
  color: #c6000a;
}
.service_Details div.detailsBanner table tr td.right .info div.title:hover div.line div.lineIn {
  width: 50px;
  background-color: #c6000a;
}
.service_Details div.detailsBanner table tr td.right .info p.name {
  color: #999999;
  margin: 10px 0 0 0;
  font-size: 15px;
}
.service_Details div.detailsBanner table tr td.right .info p.desc {
  color: #333333;
  margin: 20px 0 0 0;
  font-size: 15px;
  text-space: 2px;
  line-height: 25px;
}
.service_Details div.detailsBanner table tr td.right .info div.links {
  margin: 20px 0 0 0;
}
.service_Details div.detailsBanner table tr td.right .info div.links a {
  display: block;
}
.service_Details div.detailsBanner table tr td.right .info div.links a img.svg,
.service_Details div.detailsBanner table tr td.right .info div.links a svg {
  width: 80px;
  height: 30px;
  fill: #333333;
  display: inline-block;
}
.service_Details div.detailsBanner table tr td.right .info div.links a span {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #666666;
}
.service_Details div.detailsBanner table tr td.right .info div.links a span:hover {
  color: #2b2b2b !important;
}
.service_Details div.detailsBanner table tr td.right .info div.seeNum {
  text-align: right;
  margin: 15px 0 0 0;
}
.service_Details div.detailsBanner table tr td.right .info div.seeNum img.svg,
.service_Details div.detailsBanner table tr td.right .info div.seeNum svg {
  width: 20px;
  height: 20px;
  fill: #333333;
  display: inline-block;
}
.service_Details div.detailsBanner table tr td.right .info div.seeNum span {
  vertical-align: top;
  display: inline-block;
  color: #666666;
}
.service_Details div.detailsBanner table tr td.right .info div.seeNum span:hover {
  color: #2b2b2b !important;
}
.service_Details div.detailsBanner table tr td.right p:hover {
  color: #2b2b2b !important;
}
.service_Details div.cards {
  margin: 20px 0 0 0;
}
.service_Details div.cards div.ul div.card {
  display: inline-block;
  width: auto;
  margin: 0 20px 0 0;
}
.service_Details div.cards div.ul div.card p.text {
  padding: 5px 16px;
  margin: 0;
  font-size: 16px;
}
.service_Details div.cards div.ul div.card p.line {
  background-color: transparent;
  margin: 0;
  width: 100%;
  padding: 0;
  height: 1px;
}
.service_Details div.cards div.ul div.card p.active {
  background-color: #c6000a;
}
.service_Details div.cards div.cardShow {
  width: 100%;
  margin: 20px 0 0 0;
}
.service_Details div.cards div.cardShow div.cardDetails {
  background-color: #e5e6e8;
  width: 100%;
  margin: 0 auto;
  padding: 40px 10%;
}
.service_Details div.cards div.cardShow div.cardDetails img {
  max-width: 100%;
}
.service_Details div.doWhat {
  width: 100%;
  margin: 0 auto 0 auto;
}
.service_Details div.doWhat div.top div.left h2 span {
  font-weight: normal;
}
.service_Details div.doWhat div.top div.right {
  text-align: right;
  height: 50px;
  padding: 15px 0;
}
.service_Details div.doWhat div.top div.right img.svg,
.service_Details div.doWhat div.top div.right svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #999999;
}
.service_Details div.doWhat div.top div.right p.hline {
  display: inline-block;
  width: 2px;
  height: 20px;
  background-color: #333333;
  margin: 0;
  padding: 0;
}
.service_Details div.doWhat div.top div.right p.text {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 15px;
  vertical-align: top;
  color: #333333;
}
.service_Details div.doWhat div.bottom {
  margin-top: 0;
}
.serviceSupport_Cooperation {
  margin: 30px auto;
  padding: 0;
}
.serviceSupport_Cooperation .bottom {
  width: 100%;
}
.serviceSupport_Cooperation .bottom table {
  width: 100%;
}
.serviceSupport_Cooperation .bottom table tr {
  width: 100%;
}
.serviceSupport_Cooperation .bottom table tr td.left {
  width: 50%;
}
.serviceSupport_Cooperation .bottom table tr td.left .imgContent {
  overflow: hidden;
  width: 100%;
}
.serviceSupport_Cooperation .bottom table tr td.left .imgContent img {
  width: 100%;
  transform: scale(1, 1);
  transition-duration: 1s;
}
.serviceSupport_Cooperation .bottom table tr td.left .imgContent img:hover {
  transform: scale(1.1, 1.1);
  transition-duration: 1s;
}
.serviceSupport_Cooperation .bottom table tr td.right {
  background-color: #e5e6e8;
}
.serviceSupport_Cooperation .bottom table tr td.right .info {
  width: 80%;
  margin: 0 auto;
}
.serviceSupport_Cooperation .bottom table tr td.right .info div.title p.name {
  font-size: 18px;
  color: #333333;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.serviceSupport_Cooperation .bottom table tr td.right .info div.title div.line {
  margin: 0 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: inline-block;
}
.serviceSupport_Cooperation .bottom table tr td.right .info div.title div.line div.lineIn {
  width: 0;
  height: 5px;
  background-color: transparent;
  transition: width 1s;
  margin: 0;
  padding: 0;
}
.serviceSupport_Cooperation .bottom table tr td.right .info div.title:hover p.name {
  color: #c6000a;
}
.serviceSupport_Cooperation .bottom table tr td.right .info div.title:hover div.line div.lineIn {
  width: 50px;
  background-color: #c6000a;
}
.serviceSupport_Cooperation .bottom table tr td.right .info p.desc {
  text-indent: 2rem;
  font-size: 15px;
  line-height: 20px;
  margin-top: 20px;
  color: #333333;
}
.serviceSupport_Cooperation .bottom table tr td.right .info p.desc:hover {
  color: #2b2b2b;
}
.serviceSupport_Cooperation .bottom .selectCard {
  width: 100%;
  margin: 10px 0 0 0;
}
.serviceSupport_Cooperation .bottom .selectCard .ul .li {
  display: inline-block;
  width: auto;
  background-color: transparent;
  padding: 5px 15px;
}
.serviceSupport_Cooperation .bottom .selectCard .ul .li span {
  font-size: 15px;
  color: #333333;
}
.serviceSupport_Cooperation .bottom .selectCard .ul .active {
  background-color: #f7f8f9;
}
.serviceSupport_Cooperation .bottom .selectCard .ul .active span {
  color: #999999;
}
.serviceSupport_Cooperation .bottom .selectCard .cardShow {
  background-color: #f7f8f9;
  padding: 15px 0;
}
.serviceSupport_Cooperation .bottom .selectCard .cardShow p.desc {
  width: 90%;
  font-size: 14px;
  line-height: 20px;
  text-indent: 2rem;
  margin: 10px auto 0 auto;
  color: #333333;
}
.serviceSupport_Cooperation .bottom .selectCard .cardShow p.desc:hover {
  color: #2b2b2b;
}
.serviceSupport_Cooperation .comment {
  margin-left: 0;
}
.serviceSupport_MarketingNetwork {
  margin: 30px auto;
  padding: 0;
}
.serviceSupport_MarketingNetwork .bottom {
  width: 100%;
}
.serviceSupport_MarketingNetwork .bottom table {
  width: 100%;
}
.serviceSupport_MarketingNetwork .bottom table tr {
  width: 100%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.left {
  padding: 60px 0;
  background-color: #e5e6e8;
  width: 21%;
  vertical-align: top;
}
.serviceSupport_MarketingNetwork .bottom table tr td.left h1 {
  width: 80%;
  margin: 0 auto;
  font-size: 1.2rem;
}
.serviceSupport_MarketingNetwork .bottom table tr td.left p.line {
  margin: 10px 0 0 10%;
  background-color: #c6000a;
  height: 3px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.left p.desc {
  width: 80%;
  margin: 15px auto;
  font-size: 15px;
  text-indent: 2rem;
  line-height: 25px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right {
  background-color: #f7f8f9;
  width: 79%;
  vertical-align: top;
  padding: 40px 0;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .address {
  float: left;
  width: 60%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .address p.address_desc {
  padding: 0;
  width: 90%;
  color: #666666;
  font-size: 16px;
  margin: 8px 0 0 5%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .address p.address_desc:hover {
  color: #2b2b2b;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search {
  float: right;
  width: 40%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search h1 {
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search p.line {
  margin: 10px 0 0 0;
  background-color: #c6000a;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search div.formContent {
  margin: 20px 0 0 0;
  width: 90%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search div.formContent input {
  background-color: #FFFFFF;
  padding: 8px 10px;
  font-size: 16px;
  width: 75%;
  float: left;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .search div.formContent button {
  background-color: #c6000a;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 8px 10px;
  font-size: 16px;
  width: 25%;
  float: right;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map {
  margin: 20px auto 0 auto;
  width: 94%;
  border-top: 1px solid #666666;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop {
  padding: 20px 0 0 0;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapLogo {
  display: inline-block;
  padding: 0 20px 0 0;
  border-right: 1px solid #666666;
  vertical-align: top;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapLogo img,
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapLogo svg {
  width: 50px;
  height: 50px;
  fill: #c6000a;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapInfo {
  display: inline-block;
  padding: 0 0 0 20px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapInfo h1 {
  margin: 0;
  padding: 0;
  font-size: 23px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapTop .mapInfo p.searchInfo {
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 16px;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapUl {
  margin: 10px 0;
  float: left;
  width: 50%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapUl .mapLi {
  border-top: 1px solid #f7f8f9;
  padding: 20px 0;
  width: 100%;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapUl .mapLi .mapDesc {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .mapUl .mapLi .mapDesc:hover {
  color: #2b2b2b;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .map_area {
  width: 50%;
  float: right;
}
.serviceSupport_MarketingNetwork .bottom table tr td.right .map .map_area #l-map {
  width: 100%;
}
.serviceSupport_MarketingNetwork .comment {
  margin-left: 0;
}
.serviceSupport_Suggestion {
  margin: 30px auto;
  padding: 0;
}
.serviceSupport_Suggestion .moduleHead {
  height: 50px;
}
.serviceSupport_Suggestion .moduleHead .left {
  display: inline-block;
  float: left;
  width: 18%;
}
.serviceSupport_Suggestion .moduleHead .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  font-weight: bolder;
}
.serviceSupport_Suggestion .moduleHead .left h2 span.title2 {
  color: #7d7d7d;
  font-weight: normal;
}
.serviceSupport_Suggestion .moduleHead .left h2:hover span {
  color: #c6000a;
}
.serviceSupport_Suggestion .moduleHead .right {
  display: inline-block;
  float: right;
  width: 82%;
}
.serviceSupport_Suggestion .moduleHead .right .ul {
  width: 100%;
  text-align: right;
  height: 50px;
}
.serviceSupport_Suggestion .moduleHead .right .ul .li {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  margin: 10px 0;
  border-right: 1px solid #2b2b2b;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
}
.serviceSupport_Suggestion .moduleHead .right .ul .li a {
  color: #333333;
}
.serviceSupport_Suggestion .moduleHead .right .ul .li a:hover {
  color: #c6000a;
}
.serviceSupport_Suggestion .bottom {
  width: 100%;
}
.serviceSupport_Suggestion .bottom table {
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
  table-layout: fixed;
}
.serviceSupport_Suggestion .bottom table tr {
  width: 100%;
}
.serviceSupport_Suggestion .bottom table tr td.left {
  width: 50%;
  max-width: 50%;
  overflow: hidden;
}
.serviceSupport_Suggestion .bottom table tr td.left .bannerContent .banner ul li img,
.serviceSupport_Suggestion .bottom table tr td.left .bannerContent .banner ol li img {
  width: 100%;
}
.serviceSupport_Suggestion .bottom table tr td.left .bannerContent .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 44%;
}
.serviceSupport_Suggestion .bottom table tr td.left .bannerContent .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.serviceSupport_Suggestion .bottom table tr td.left .bannerContent .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.serviceSupport_Suggestion .bottom table tr td.right {
  background-color: #e5e6e8;
  vertical-align: bottom;
  padding: 0 0 20px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info {
  width: 90%;
  margin: 0 auto;
}
.serviceSupport_Suggestion .bottom table tr td.right .info div.title p.name {
  font-size: 18px;
  color: #333333;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info div.title div.line {
  margin: 0 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: inline-block;
}
.serviceSupport_Suggestion .bottom table tr td.right .info div.title div.line div.lineIn {
  width: 0;
  height: 5px;
  background-color: transparent;
  transition: width 1s;
  margin: 0;
  padding: 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info div.title:hover p.name {
  color: #c6000a;
}
.serviceSupport_Suggestion .bottom table tr td.right .info div.title:hover div.line div.lineIn {
  width: 50px;
  background-color: #c6000a;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form {
  padding: 0 0 10px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop {
  width: 100%;
  margin: 0 auto;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop h1 {
  padding: 10px 0;
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #f7f8f9;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop input {
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 5px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.name {
  display: inline-block;
  float: left;
  font-size: 15px;
  margin: 0;
  width: 33%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.name p.key {
  display: inline-block;
  float: left;
  padding: 5px 0;
  width: 50%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.name p.value {
  display: inline-block;
  float: left;
  width: 50%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.name p.value input {
  width: 90%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.concat {
  display: inline-block;
  float: left;
  width: 33%;
  margin: 0 0;
  font-size: 15px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.concat p.key {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 5px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.concat p.value {
  display: inline-block;
  float: left;
  width: 50%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.concat p.value input {
  width: 90%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.Email {
  display: inline-block;
  float: left;
  width: 33%;
  font-size: 15px;
  margin: 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.Email p.key {
  display: inline-block;
  float: left;
  width: 30%;
  padding: 5px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.Email p.value {
  display: inline-block;
  float: left;
  width: 50%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formtop div.Email p.value input {
  width: 90%;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .middle {
  width: 100%;
  margin: 10px auto 0 auto;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .middle p.title {
  font-size: 16px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .middle textarea {
  width: 90%;
  height: 80px;
  border: 1px solid #d8d8d8;
  padding: 5px 0;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom {
  width: 100%;
  margin: 10px 0 0 0;
  text-align: right;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info {
  display: inline-block;
  width: 65%;
  float: left;
  text-align: left;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.code {
  display: inline-block;
  width: auto;
  font-size: 16px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.input {
  display: inline-block;
  width: auto;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.input input {
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 5px 0;
  width: 60px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.code_img {
  display: inline-block;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  width: 60px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.code_img img {
  width: 100%;
  height: 30px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .info p.tip {
  display: inline-block;
  width: auto;
  font-size: 12px;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .button {
  display: inline-block;
  width: 26%;
  float: left;
}
.serviceSupport_Suggestion .bottom table tr td.right .info form .formbottom .button button {
  font-size: 16px;
  padding: 5px 5px;
  margin: 0 5px;
  background-color: #FFFFFF;
  outline: none;
  color: #999999;
  border: 1px solid #dfe0e0;
}
.serviceSupport_Suggestion .bottom table tr td.right p:hover {
  color: #2b2b2b !important;
}
.serviceSupport_FileDownload {
  margin: 30px auto;
  padding: 0;
}
.serviceSupport_FileDownload .bottom {
  width: 100%;
}
.serviceSupport_FileDownload .bottom table {
  width: 100%;
}
.serviceSupport_FileDownload .bottom table tr {
  width: 100%;
}
.serviceSupport_FileDownload .bottom table tr td.left {
  width: 21%;
  padding: 50px 0 30px 0;
  background-color: #e5e6e8;
  vertical-align: top;
}
.serviceSupport_FileDownload .bottom table tr td.left .titletop {
  padding: 0;
  font-size: 15px;
  width: 80%;
  margin: 0 auto;
  color: #333333;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select {
  margin: 15px auto 0 auto;
  border: 1px solid #a8a8a8;
  width: 80%;
  padding: 0;
  height: 30px;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select div.select {
  width: 65%;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select div.select p.nameShow {
  text-align: center;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select div.select div.options {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  left: 0;
  top: 35px;
  z-index: 100;
  width: 100%;
  border: 1px solid #a8a8a8;
  height: 100px;
  overflow-y: scroll;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select div.select div.options p.option {
  text-align: center;
  margin: 10px 0;
  color: #ffffff;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select p.option-chevron-down {
  font-size: 16px;
  margin: 0;
  display: inline-block;
  width: 30%;
  float: right;
  border-left: 1px solid #a8a8a8;
  text-align: center;
  height: 29px;
  padding: 4px 0;
}
.serviceSupport_FileDownload .bottom table tr td.left .file_select p.option-chevron-down img,
.serviceSupport_FileDownload .bottom table tr td.left .file_select p.option-chevron-down svg {
  width: 20px;
  height: 20px;
  fill: #a8a8a8;
  display: inline-block;
}
.serviceSupport_FileDownload .bottom table tr td.left .formSearch {
  border: 1px solid #a8a8a8;
  margin: 15px auto 0 auto;
  width: 80%;
  padding: 4px 10px;
}
.serviceSupport_FileDownload .bottom table tr td.left .formSearch input {
  display: inline-block;
  float: left;
  width: 70%;
}
.serviceSupport_FileDownload .bottom table tr td.left .formSearch img,
.serviceSupport_FileDownload .bottom table tr td.left .formSearch svg {
  width: 20px;
  height: 20px;
  fill: #a8a8a8;
  display: inline-block;
  float: right;
}
.serviceSupport_FileDownload .bottom table tr td.left .questions {
  margin: 35px auto 15px auto;
  width: 80%;
  color: #666666;
  font-size: 18px;
}
.serviceSupport_FileDownload .bottom table tr td.left .questions:hover {
  color: #2b2b2b;
}
.serviceSupport_FileDownload .bottom table tr td.left .question {
  margin: 5px auto 0 auto;
  width: 80%;
  font-size: 15px;
}
.serviceSupport_FileDownload .bottom table tr td.left .question a {
  color: #666666;
}
.serviceSupport_FileDownload .bottom table tr td.left .question a:hover {
  color: #2b2b2b;
}
.serviceSupport_FileDownload .bottom table tr td.left .more {
  margin: 15px auto 0 auto;
  width: 80%;
  font-size: 15px;
}
.serviceSupport_FileDownload .bottom table tr td.left .more a {
  color: #666666;
}
.serviceSupport_FileDownload .bottom table tr td.left .more a:hover {
  color: #2b2b2b;
}
.serviceSupport_FileDownload .bottom table tr td.right {
  background-color: #f0f1f2;
  vertical-align: top;
  padding: 30px 0 30px 0;
  width: 79%;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul {
  width: 90%;
  margin: 0 auto;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li {
  margin: 10px 0 0 0;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body {
  background-color: #4c4c4c;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head div.th,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.th {
  width: 10%;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 10px 0;
  color: #ffffff;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head div.td,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.td {
  width: 10%;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head div.td p,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.td p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 15px;
  color: #333333;
  line-height: 20px;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head div.updatetime,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.updatetime {
  width: 60%;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 10px 0;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head div.updatetime p,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.updatetime p {
  margin: 0;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .head {
  background-color: #4c4c4c;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body {
  background-color: #ffffff;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.download p {
  border: 1px solid #333333;
  display: inline-block;
  width: auto;
  margin: 8px auto;
  padding: 2px 6px;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.download p img,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body div.download p svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  fill: #2b2b2b;
  vertical-align: bottom;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .body p:hover {
  color: #2b2b2b !important;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils {
  background-color: #e5e6e8;
  padding: 20px 0;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils p.info {
  width: 90%;
  margin: 0 auto;
  color: #333333;
  font-size: 15px;
  text-indent: 2rem;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action {
  width: 90%;
  margin: 15px auto 0 auto;
  text-align: right;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action div.checkbox {
  display: inline-block;
  width: auto;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action div.startDownload {
  display: inline-block;
  width: auto;
  margin: 0 0 0 20px;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action div.startDownload a {
  color: #c6000a;
}
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action div.startDownload a svg,
.serviceSupport_FileDownload .bottom table tr td.right .ul .li .deatils div.action div.startDownload a img {
  width: 15px;
  height: 15px;
  fill: #c6000a;
}
.serviceSupport_AnswerQuestion {
  margin: 30px auto;
  padding: 0;
}
.serviceSupport_AnswerQuestion .bottom {
  width: 100%;
}
.serviceSupport_AnswerQuestion .bottom table {
  width: 100%;
}
.serviceSupport_AnswerQuestion .bottom table tr {
  width: 100%;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left {
  width: 21%;
  padding: 50px 0 30px 0;
  background-color: #e5e6e8;
  vertical-align: top;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left h3 {
  width: 80%;
  margin: 0 auto;
  color: #333333;
  padding: 5px 0 15px 0;
  font-size: 18px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .titletop {
  padding: 0;
  font-size: 15px;
  width: 80%;
  margin: 0 auto;
  color: #333333;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select {
  margin: 15px auto 0 auto;
  border: 1px solid #a8a8a8;
  width: 80%;
  padding: 0;
  height: 30px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select div.select {
  width: 65%;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select div.select p.nameShow {
  text-align: center;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select div.select div.options {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  left: 0;
  top: 35px;
  z-index: 100;
  width: 100%;
  border: 1px solid #a8a8a8;
  height: 100px;
  overflow-y: scroll;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select div.select div.options p.option {
  text-align: center;
  margin: 10px 0;
  color: #ffffff;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select p.option-chevron-down {
  font-size: 16px;
  margin: 0;
  display: inline-block;
  width: 30%;
  float: right;
  border-left: 1px solid #a8a8a8;
  text-align: center;
  height: 29px;
  padding: 4px 0;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select p.option-chevron-down img,
.serviceSupport_AnswerQuestion .bottom table tr td.left .file_select p.option-chevron-down svg {
  width: 20px;
  height: 20px;
  fill: #a8a8a8;
  display: inline-block;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .formSearch {
  border: 1px solid #a8a8a8;
  margin: 15px auto 0 auto;
  width: 80%;
  padding: 4px 10px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .formSearch input {
  display: inline-block;
  float: left;
  width: 70%;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .formSearch img,
.serviceSupport_AnswerQuestion .bottom table tr td.left .formSearch svg {
  width: 20px;
  height: 20px;
  fill: #a8a8a8;
  display: inline-block;
  float: right;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .questions {
  margin: 35px auto 15px auto;
  width: 80%;
  color: #666666;
  font-size: 18px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .questions:hover {
  color: #2b2b2b;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .question {
  margin: 5px auto 0 auto;
  width: 80%;
  font-size: 15px;
  text-indent: 2rem;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .question a {
  color: #666666;
}
.serviceSupport_AnswerQuestion .bottom table tr td.left .question a:hover {
  color: #2b2b2b;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right {
  background-color: #f0f1f2;
  vertical-align: top;
  padding: 30px 0 30px 0;
  width: 79%;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards {
  width: 90%;
  margin: 0 auto;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .card {
  display: inline-block;
  width: auto;
  margin: 0 20px 0 0;
  padding: 10px 18px;
  float: left;
  border: 1px solid #e5e6e8;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .card img,
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .card svg {
  width: 50px;
  height: 50px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .active {
  background-color: #666666;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .active img,
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .active svg {
  fill: #FFFFFF;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cards .active p.name {
  color: #FFFFFF;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li {
  margin-bottom: 15px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc {
  background-color: #ffffff;
  margin: 0;
  padding: 8px 0;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc img.svg,
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc svg {
  width: 15px;
  height: 15px;
  fill: #2b2b2b;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  margin: 3px 0 0 16px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc p {
  margin: 0;
  padding: 0;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc p.descShow {
  display: inline-block;
  width: auto;
  font-size: 15px;
  color: #333333;
  margin: 0 0 0 10px;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .desc p.add {
  display: inline-block;
  float: right;
  padding: 0 20px 0 0;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .deatils {
  background-color: #e5e6e8;
  margin: 0;
  padding: 10px 0;
}
.serviceSupport_AnswerQuestion .bottom table tr td.right .cardInfo .ul .li .deatils p {
  margin: 0 auto;
  padding: 0 0 10px 0;
  text-indent: 2rem;
  width: 86%;
  font-size: 14px;
  color: #333333;
}
.index_OurUser {
  margin: 30px auto;
  padding: 0;
}
.index_OurUser .ourUser {
  width: 100%;
  margin: 0 auto;
}
.index_OurUser .ourUser .bottom {
  margin: 0;
}
.index_OurUser .editContent {
  padding: 20px;
}
.index_OurAdvantage {
  margin: 30px auto;
  padding: 0;
}
.index_OurAdvantage .tabar {
  width: 95%;
  margin: 0 auto;
}
.index_OurAdvantage .tabar h1 {
  text-align: center;
  font-size: 25px;
  padding: 38px 0 0 0;
  font-weight: bold;
}
.index_OurAdvantage .tabar h6 {
  text-align: center;
  font-size: 15px;
  width: 90%;
  margin: 0 auto;
  padding: 0px 0 44px 0;
}
.index_OurAdvantage .tabar h1,
.index_OurAdvantage .tabar h6 {
  color: #7d7d7d;
}
.index_OurAdvantage .tabar h1:hover,
.index_OurAdvantage .tabar h6:hover {
  color: #2b2b2b;
}
.index_OurAdvantage .tabar .bottom {
  width: 100%;
}
.index_OurAdvantage .tabar .bottom .ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.index_OurAdvantage .tabar .bottom .ul .li:nth-child(2n+1) {
  background-color: #e5e6e8;
}
.index_OurAdvantage .tabar .bottom .ul .li:nth-child(2n+2) {
  background-color: #f7f8f9;
}
.index_OurAdvantage .tabar .bottom .ul .li {
  display: inline-block;
  width: 25%;
  margin: 0;
  padding: 25px 0;
  float: left;
  overflow: hidden;
}
.index_OurAdvantage .tabar .bottom .ul .li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: translateY(0px);
  transition-duration: 1s;
}
.index_OurAdvantage .tabar .bottom .ul .li a .img {
  margin: 0 auto;
  display: block;
  padding: 15px;
  width: 90px;
  height: 90px;
  border-radius: 50% 50%;
  background-color: #7d7d7d;
}
.index_OurAdvantage .tabar .bottom .ul .li a .img svg {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.index_OurAdvantage .tabar .bottom .ul .li a .img img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.index_OurAdvantage .tabar .bottom .ul .li a .img svg path {
  fill: #fff !important;
}
.index_OurAdvantage .tabar .bottom .ul .li a p.title {
  text-align: center;
  color: #7d7d7d;
  font-size: 18px;
  margin: 20px 0;
}
.index_OurAdvantage .tabar .bottom .ul .li a p.line {
  background-color: #7d7d7d;
  width: 50px;
  height: 5px;
  margin: 10px auto;
}
.index_OurAdvantage .tabar .bottom .ul .li a p.desc {
  color: #7d7d7d;
  text-align: left;
  margin: 10px auto;
  font-size: 14px;
  width: 80%;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover {
  background-color: transparent;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover a {
  transform: translateY(-20px);
  background-color: transparent;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover a svg path {
  fill: #ffffff !important;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover p.title {
  color: #7d7d7d;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover p.line {
  background-color: #7d7d7d;
}
.index_OurAdvantage .tabar .bottom .ul .li:hover p.desc {
  color: #7d7d7d;
}
.index_OurAdvantage .tabar .bottom .ul .active {
  background-color: #ffffff !important;
}
.ourAdvantageDetailes {
  background: #f7f8f9;
  margin-top: 5px;
}
.ourAdvantageDetailes .ourAdvantageDetaile {
  padding: 20px;
}
.ourAdvantageDetailes .ourAdvantageDetaile p {
  margin: 10px 0 10px 0;
}
.about_DevelopingEvents {
  margin: 30px auto;
  padding: 0;
}
.about_DevelopingEvents .mainInfo {
  width: 100%;
}
.about_DevelopingEvents .mainInfo table {
  width: 100%;
}
.about_DevelopingEvents .mainInfo table tr {
  width: 100%;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft h1 {
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft h2 {
  text-align: center;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 16px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft h3 {
  text-align: center;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 14px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl {
  width: 90%;
  margin: 50px auto 0 auto;
  padding: 0;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.historyLi {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth {
  text-align: right;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem {
  width: 50%;
  display: inline-block;
  position: relative;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem div.hline {
  position: absolute;
  left: 0;
  top: -20%;
  background-color: #2b2b2b;
  width: 5px;
  height: 120%;
  border-radius: 10px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem div.hline div.circle {
  width: 15px;
  height: 15px;
  background-color: #2b2b2b;
  border-radius: 50% 50%;
  position: absolute;
  top: 20%;
  left: -5px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem div.hline div.circle p.vline {
  width: 100px;
  height: 3px;
  background-color: #2b2b2b;
  position: absolute;
  top: 6px;
  left: 0px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem h1.date {
  margin: 10px 0 0 0;
  padding: 0 0 0 110px;
  text-align: left;
  font-weight: bold;
  text-indent: 0;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toRigth div.historyItem p.desc {
  text-indent: 0;
  margin: 0;
  padding: 15px 40px 15px 110px;
  text-align: left;
  color: #333333;
  font-size: 15px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft {
  text-align: left;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem {
  width: 50%;
  display: inline-block;
  position: relative;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem div.hline {
  position: absolute;
  top: -20%;
  width: 5px;
  height: 120%;
  border-radius: 10px;
  right: -5px;
  background-color: #2b2b2b;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem div.hline div.circle {
  width: 15px;
  height: 15px;
  background-color: #2b2b2b;
  border-radius: 50% 50%;
  position: absolute;
  top: 20%;
  left: -5px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem div.hline div.circle p.vline {
  width: 100px;
  height: 3px;
  background-color: #2b2b2b;
  position: absolute;
  top: 6px;
  left: -100px;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem h1.date {
  margin: 0;
  padding: 0 110px 0 0;
  text-align: right;
  font-weight: bold;
}
.about_DevelopingEvents .mainInfo table tr td.mainInfoLeft div.historyUl div.toLeft div.historyItem p.desc {
  margin: 0;
  padding: 15px 110px 15px 40px;
  text-align: right;
  color: #333333;
  font-size: 15px;
}
.about_DevelopingEvents .shareAction {
  text-align: center;
}
.about_CompanyProfile {
  margin: 30px auto;
  padding: 0;
}
.about_CompanyProfile .mainInfo {
  width: 100%;
}
.about_CompanyProfile .mainInfo table {
  width: 100%;
}
.about_CompanyProfile .mainInfo table tr {
  width: 100%;
}
.about_CompanyProfile .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.about_CompanyProfile .mainInfo table tr td.mainInfoLeft .editContent {
  width: 86%;
  margin: 0 auto;
}
.about_CompanyProfile .shareAction {
  text-align: center;
}
.about_CompanyProfileDetails {
  margin: 30px auto;
  padding: 0;
}
.about_CompanyProfileDetails .mainInfo {
  width: 100%;
}
.about_CompanyProfileDetails .mainInfo table {
  width: 100%;
}
.about_CompanyProfileDetails .mainInfo table tr {
  width: 100%;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content {
  width: 90%;
  margin: 0 auto;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.img {
  float: left;
  width: 45%;
  display: inline-block;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.img img {
  width: 100%;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.info {
  float: right;
  width: 50%;
  display: inline-block;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.info h1 {
  margin: 50px 0 0 0;
  width: 80%;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.info p.name {
  margin: 5px 0 0 0;
  width: 80%;
  padding: 0;
  font-size: 15px;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.info p.line {
  margin: 25px 0 0 0;
  background-color: #333333;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoLeft div.content div.info p.desc {
  margin: 15px 0 0 0;
  width: 80%;
  padding: 0;
  font-size: 15px;
  text-indent: 2rem;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight {
  width: 22%;
  background-color: #f7f8f9;
  padding: 20px 0 40px 0;
  vertical-align: top;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title {
  width: 86%;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  padding: 0;
  position: relative;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title a.team {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title a.team img.svg,
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title a.team svg {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title a.team span {
  vertical-align: top;
  color: #333333;
  font-size: 15px;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title img.svg,
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title svg {
  width: 40px;
  height: 50px;
  display: inline-block;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title .next {
  position: absolute;
  right: 0;
  top: -13px;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight p.title .pre {
  position: absolute;
  right: 45px;
  top: -13px;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul {
  width: 77%;
  margin: 0 auto;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li {
  background-color: #FFFFFF;
  margin: 15px 0 0 0;
  padding: 15px 0;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li div.img {
  float: left;
  display: inline-block;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li div.img img {
  margin: 0 0 0 10%;
  width: 100px;
  height: 100px;
  border-radius: 50% 50%;
  overflow: hidden;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li div.userInfo {
  width: 55%;
  float: left;
  display: inline-block;
  padding: 6% 0 0 0;
  margin-left: 18px;
  margin-right: 5px;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li div.userInfo h1 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}
.about_CompanyProfileDetails .mainInfo table tr td.mainInfoRight div.ul div.li div.userInfo p {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 15px;
}
.about_CompanyProfileDetails .shareAction {
  text-align: center;
}
.about_MaiYanTeam {
  margin: 30px auto;
  padding: 0;
}
.about_MaiYanTeam .mainInfo {
  width: 100%;
}
.about_MaiYanTeam .mainInfo table {
  width: 100%;
}
.about_MaiYanTeam .mainInfo table tr {
  width: 100%;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent {
  width: 96%;
  margin: 0 auto;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive {
  width: 95%;
  margin: 0px auto 0 auto;
  padding: 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom {
  width: 100%;
  margin: 20px 0 0 0;
  background-color: transparent;
  position: relative;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner {
  width: 100%;
  position: relative;
  overflow: auto;
  text-align: center;
  height: auto;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol {
  height: 548px !important;
  padding: 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li {
  list-style: none;
  float: left;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item {
  width: 25%;
  display: inline-block;
  float: left;
  transform: translateY(0);
  transition-duration: 0.5s;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:hover,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:hover {
  transform: translateY(-30px);
  transition-duration: 0.5s;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:hover p.worker,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:hover p.worker,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:hover p.desc,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:hover p.desc {
  color: #2b2b2b !important;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content {
  width: 94%;
  background-color: #ffffff;
  padding: 60px 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content .user_logo,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content .user_logo {
  width: 60%;
  margin: 0 auto 30px auto;
  transition: margin-bottom 1s;
  overflow: hidden;
  border-radius: 50% 50%;
  position: relative;
  height: 0;
  padding-bottom: 60%;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content .user_logo img,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content .user_logo img {
  transform: scale(1, 1);
  transition-duration: 1s;
  width: 100%;
  height: auto;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content .user_logo:hover,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content .user_logo:hover {
  margin-bottom: 10px;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content .user_logo:hover img,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content .user_logo:hover img {
  transform: scale(1.1, 1.1);
  transition-duration: 1s;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content p.job,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content p.job {
  font-weight: bolder;
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content p.worker,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content p.worker {
  font-size: 16px;
  width: 90%;
  margin: 5px auto 0 auto;
  text-align: left;
  color: #333333;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item .content p.desc,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item .content p.desc {
  font-size: 15px;
  line-height: 23px;
  width: 90%;
  margin: 15px auto 0 auto;
  text-align: left;
  text-indent: 20px;
  color: #333333;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:nth-child(1) .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:nth-child(1) .content {
  margin: 0 0 0 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:nth-child(2) .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:nth-child(2) .content {
  margin: 0 0 0 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:nth-child(3) .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:nth-child(3) .content {
  margin: 0 auto;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:nth-child(4) .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:nth-child(4) .content {
  margin: 0 0 0 6%;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li .item:nth-child(5) .content,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li .item:nth-child(5) .content {
  margin: 0 0 0 6%;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ul li img,
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol li img {
  width: 100%;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .arrows {
  width: 100%;
  text-align: center;
  height: 50px;
  margin: 20px auto 0;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .arrows .prev {
  position: static;
  display: inline-block;
  text-indent: -9999px;
  background: url(../svg/left6.svg) no-repeat;
  background-position: 0px 0px;
  background-size: 64% 64%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  top: 105%;
  left: 40%;
  z-index: 2;
  cursor: pointer;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .arrows .next {
  position: static;
  display: inline-block;
  text-indent: -9999px;
  background: url(../svg/right7.svg) no-repeat;
  background-position: 0px 0px;
  background-size: 64% 64%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  top: 105%;
  right: 40%;
  z-index: 2;
  cursor: pointer;
}
.about_MaiYanTeam .mainInfo table tr td.rightQuickVisit {
  width: 20%;
}
.about_MaiYanTeam .shareAction {
  text-align: center;
}
.answerQuestion_Details .bottom {
  margin: 0 0 0 0;
}
.answerQuestion_Details .bottom .ul .li .content {
  margin-bottom: 25px;
}
.answerQuestion_Details .bottom .ul .li .content .info .title {
  border-bottom: none;
}
.answerQuestion_Details .bottom .ul .li .content .info .title:hover {
  color: #7d7d7d;
}
.answerQuestion_Details .bottom .ul .li .content .info .all {
  padding: 10px auto 0 auto;
  background-color: transparent;
  width: 90%;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p {
  color: #999999;
  font-size: 14px;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p img,
.answerQuestion_Details .bottom .ul .li .content .info .all p svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p span.text {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline-block;
  float: left;
  width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p.name {
  text-align: left;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p.news {
  width: auto;
  display: inline-block;
  float: left;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p.eyes {
  width: auto;
  display: inline-block;
  float: right;
  text-align: right;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p.eyes img,
.answerQuestion_Details .bottom .ul .li .content .info .all p.eyes svg {
  float: right;
  display: inline-block;
}
.answerQuestion_Details .bottom .ul .li .content .info .all p.eyes span.text {
  width: auto;
  float: right;
  text-align: right;
}
.answerQuestion_Details .bottom .ul .li .content .info .all:hover p {
  color: #2b2b2b !important;
}
.answerQuestion_Details .bottom .ul .li .content .info .all:hover p img,
.answerQuestion_Details .bottom .ul .li .content .info .all:hover p svg,
.answerQuestion_Details .bottom .ul .li .content .info .all:hover p svg path {
  fill: #2b2b2b !important;
}
.answerQuestion_Details .moreView {
  margin: 0;
}
.answerQuestion_Details .doWhat .top {
  height: 50px;
}
.answerQuestion_Details .doWhat .top .left {
  display: inline-block;
  float: left;
  width: 15%;
}
.answerQuestion_Details .doWhat .top .left h2 {
  margin: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  font-weight: bolder;
  color: #2b2b2b;
}
.answerQuestion_Details .doWhat .top .left:hover h2 {
  color: #2b2b2b;
}
.answerQuestion_Details .doWhat .top .left:hover h2 span:hover {
  color: #c6000a;
}
.answerQuestion_List .bottom {
  margin: 0 0 0 0;
}
.answerQuestion_List .bottom .ul .li {
  margin-bottom: 25px;
}
.answerQuestion_List .bottom .ul .li .content {
  margin-bottom: 0;
}
.answerQuestion_List .bottom .ul .li .content .info div.num {
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
}
.answerQuestion_List .bottom .ul .li .content .info div.num p.numShow {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
}
.answerQuestion_List .bottom .ul .li .content .info div.num p.line {
  margin: 0;
  padding: 0;
  width: 30px;
}
.answerQuestion_List .bottom .ul .li .content .info div.title {
  border-bottom: none;
  width: 90%;
  margin: 0 auto 0 auto;
}
.answerQuestion_List .bottom .ul .li .content .info div.title p.line {
  margin: 0;
  padding: 0;
}
.answerQuestion_List .bottom .ul .li .content .info p.desc {
  height: 108px;
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 10px 0;
  color: #999999;
  font-size: 15px;
  line-height: 24px;
}
.answerQuestion_List .bottom .ul .li .content .info p.desc:hover {
  color: #2b2b2b;
}
.answerQuestion_List .bottom .ul .li .content .info div.all {
  padding: 15px 0 15px 0;
  background-color: #f0f1f2;
  width: 100%;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p {
  color: #999999;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p img,
.answerQuestion_List .bottom .ul .li .content .info div.all p svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p span.text {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline-block;
  float: left;
  width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p.name {
  text-align: left;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p.news {
  width: auto;
  display: inline-block;
  float: left;
  margin: 0 0 0 5%;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p.eyes {
  width: auto;
  display: inline-block;
  float: right;
  text-align: right;
  margin: 0 5% 0 0;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p.eyes img,
.answerQuestion_List .bottom .ul .li .content .info div.all p.eyes svg {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.answerQuestion_List .bottom .ul .li .content .info div.all p.eyes span.text {
  width: auto;
  float: none;
}
.answerQuestion_List .bottom .ul .li .content .info div.all:hover p {
  color: #2b2b2b !important;
}
.answerQuestion_List .bottom .ul .li .content .info div.all:hover p img,
.answerQuestion_List .bottom .ul .li .content .info div.all:hover p svg,
.answerQuestion_List .bottom .ul .li .content .info div.all:hover p svg path {
  fill: #2b2b2b !important;
}
.answerQuestion_List .moreView {
  margin: 0;
}
div.concat_concatUs div.map {
  background-color: #f7f7f7;
  width: 100%;
}
div.concat_concatUs div.doBest {
  width: 100%;
  margin-top: 15px;
  background: #FFFFFF;
}
div.concat_appointment div.appointment {
  background-color: #e5e6e8;
  margin-top: 0;
  padding: 40px 0;
}
div.concat_appointment div.appointment form {
  display: block;
  width: 90%;
  margin: 0 auto;
}
div.concat_appointment div.appointment form h1 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: bold;
}
div.concat_appointment div.appointment form h1 img.svg,
div.concat_appointment div.appointment form h1 svg {
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  fill: #999999;
}
div.concat_appointment div.appointment form table {
  width: 100%;
  margin-top: 20px;
}
div.concat_appointment div.appointment form table tr {
  width: 100%;
}
div.concat_appointment div.appointment form table tr input,
div.concat_appointment div.appointment form table tr textarea {
  font-size: 16px;
}
div.concat_appointment div.appointment form table tr p {
  font-size: 16px;
}
div.concat_appointment div.appointment form table tr p.title {
  background-color: #fff0f0;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 20px;
  float: left;
}
div.concat_appointment div.appointment form table tr p.style1 {
  background-color: #f3faff;
  width: 47.5%;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 20px;
  float: left;
}
div.concat_appointment div.appointment form table tr p.style2 {
  background-color: #f3faff;
  width: 47.5%;
  margin: 0 0 15px 5%;
  padding: 5px 0 5px 20px;
  float: left;
  color: #999999;
}
div.concat_appointment div.appointment form table tr p.style2 label {
  font-weight: normal;
  font-size: 18px;
}
div.concat_appointment div.appointment form table tr p.style3 {
  background-color: #f3faff;
  width: 100%;
  margin: 0 0 0 0;
  padding: 5px 0 5px 20px;
  float: left;
}
div.concat_appointment div.appointment form table tr p.style3 textarea {
  background-color: transparent;
  height: 80px;
  outline: none;
  border: none;
  width: 100%;
}
div.concat_appointment div.appointment form table tr p.style4 {
  background-color: #f3faff;
  width: 47.5%;
  margin: 0 0 15px 5%;
  padding: 5px 0 5px 20px;
  float: left;
  color: #999999;
}
div.concat_appointment div.appointment form table tr p.style4 input {
  width: 80px;
}
div.concat_appointment div.appointment form table tr p.style4 img {
  width: 100px;
  display: inline-block;
  height: 30px;
}
div.concat_appointment div.appointment form table tr td.left {
  width: 48.5%;
  vertical-align: top;
}
div.concat_appointment div.appointment form table tr td.vline {
  width: 3%;
}
div.concat_appointment div.appointment form table tr td.right {
  width: 48.5%;
  vertical-align: top;
}
div.concat_appointment div.appointment form div.buttons {
  text-align: center;
  margin-top: 30px;
}
div.concat_appointment div.appointment form div.buttons button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #333333;
  font-size: 18px;
  margin: 0 20px;
  border: none;
  outline: none;
  padding: 5px 30px;
}
.ziXun_XiangQing {
  margin: 30px auto;
  padding: 0;
}
.ziXun_XiangQing .mainInfo {
  width: 100%;
}
.ziXun_XiangQing .mainInfo table {
  width: 100%;
}
.ziXun_XiangQing .mainInfo table tr {
  width: 100%;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft h1 {
  text-align: center;
  margin: 15px auto 0 auto;
  padding: 0;
  font-size: 20px;
  width: 88%;
  font-weight: bold;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft h2 {
  text-align: center;
  margin: 15px auto 0 auto;
  padding: 0;
  font-size: 14px;
  width: 88%;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft p.line {
  background-color: #c6000a;
  margin: 30px auto 30px auto;
  width: 90px;
  height: 3px;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.info {
  width: 88%;
  padding: 0 0 50px 0;
  margin: 15px auto 0 auto;
  border-bottom: 1px solid #999999;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.info p.desc {
  text-indent: 2rem;
  color: #333333;
  font-size: 15px;
  line-height: 24px;
  margin: 15px 0 15px 0;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.info img {
  margin: 15px 0 15px 0;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.pre,
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.next {
  width: 88%;
  margin: 0 auto;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.pre img.svg,
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.next img.svg,
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.pre svg,
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.next svg {
  display: inline-block;
  width: 100px;
  height: 40px;
}
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.pre a,
.ziXun_XiangQing .mainInfo table tr td.mainInfoLeft div.next a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title {
  width: 80%;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title a.name {
  display: inline-block;
  float: left;
  width: 45%;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title a.name span {
  color: #333333;
  font-size: 18px;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title a.name p.line {
  margin: 5px 0 0 0;
  height: 3px;
  background-color: #4c4c4c;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title p.action {
  display: inline-block;
  width: 55%;
  float: right;
  vertical-align: top;
  padding: 2px 0 0 0;
  height: 20px;
  line-height: 20px;
  text-align: right;
  font-size: 14px;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title p.action a img.svg,
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.title p.action a svg {
  width: 16px;
  height: 16px;
  padding: 5px 0 0 0;
  fill: #666666;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model {
  margin-top: 25px;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li {
  position: static;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.imgContent {
  overflow: hidden;
  position: relative;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.imgContent p.title {
  position: relative;
  top: 10%;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.imgContent p.title .day {
  display: block;
  font-size: 16px;
  text-align: right;
  color: #FFFFFF;
  padding: 0;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.imgContent p.title .year {
  display: block;
  font-size: 12px;
  text-align: right;
  color: #FFFFFF;
  padding: 0;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li p.desc {
  width: 100%;
  font-size: 15px;
  height: 60px;
  line-height: 25px;
  color: #333333;
  padding: 5px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.num_eye {
  position: static;
  text-align: right;
  vertical-align: top;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.num_eye img.svg,
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.num_eye svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: static;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li div.num_eye span {
  display: inline-block;
  width: auto;
  height: 20px;
  vertical-align: top;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li p.line {
  margin: 0;
  background-color: #2b2b2b;
  padding: 0;
  height: 2px;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li:hover p.title {
  transform: translateY(1200%);
  transition-duration: 0.6s;
}
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li:hover img.svg,
.ziXun_XiangQing .mainInfo table tr td.rightQuickVisit div.model div.li:hover svg {
  transform: translateY(0%);
}
.ziXun_XiangQing .shareAction {
  text-align: center;
}
.ziXun_LaststNews {
  margin: 30px auto;
  padding: 0;
}
.ziXun_LaststNews .bottom {
  width: 100%;
}
.ziXun_LaststNews .bottom table {
  width: 100%;
}
.ziXun_LaststNews .bottom table tr {
  width: 100%;
}
.ziXun_LaststNews .bottom table tr td.left {
  width: 50%;
}
.ziXun_LaststNews .bottom table tr td.left .imgContent {
  overflow: hidden;
  width: 100%;
}
.ziXun_LaststNews .bottom table tr td.left .imgContent img {
  width: 100%;
  transform: scale(1, 1);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom table tr td.left .imgContent img:hover {
  transform: scale(1.1, 1.1);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom table tr td.right {
  background-color: #e5e6e8;
}
.ziXun_LaststNews .bottom table tr td.right div.titles {
  width: 90%;
  margin: 0 auto;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.h2 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  display: inline-block;
  float: left;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.h2 span {
  display: block;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.h2 p.line {
  margin: 10px 0 0 0;
  width: 50px;
  height: 5px;
  padding: 0;
  background-color: #333333;
  display: block;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.date {
  display: inline-block;
  width: auto;
  float: right;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.date p.day {
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.ziXun_LaststNews .bottom table tr td.right div.titles div.date p.year {
  text-align: right;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #444444;
  font-weight: normal;
}
.ziXun_LaststNews .bottom table tr td.right .info {
  width: 90%;
  margin: 20px auto 0 auto;
}
.ziXun_LaststNews .bottom table tr td.right .info h1 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
  color: #2b2b2b;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ziXun_LaststNews .bottom table tr td.right .info div.eyes_show {
  margin-top: 10px;
}
.ziXun_LaststNews .bottom table tr td.right .info div.eyes_show img.svg,
.ziXun_LaststNews .bottom table tr td.right .info div.eyes_show svg {
  width: 20px;
  height: 20px;
  fill: #444444;
  display: inline-block;
}
.ziXun_LaststNews .bottom table tr td.right .info div.eyes_show span {
  vertical-align: top;
}
.ziXun_LaststNews .bottom table tr td.right .info p.desc {
  font-size: 15px;
  line-height: 25px;
  margin-top: 10px;
  color: #333333;
}
.ziXun_LaststNews .bottom table tr td.right .info p.desc:hover {
  color: #2b2b2b;
}
.ziXun_LaststNews .bottom div.list {
  width: 100%;
  margin-top: 20px;
}
.ziXun_LaststNews .bottom div.list div.li {
  width: 48%;
  display: inline-block;
  float: left;
  margin: 20px 0 0 0;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg {
  width: 50%;
  float: left;
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 230px;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg img.logo {
  width: 100%;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg div.img_cover {
  background-color: rgba(0, 0, 0, 0.62);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  transform: translateY(0);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg div.date {
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  z-index: 100;
  transform: translateY(0);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg div.date p {
  margin: 0;
  padding: 0 20px 0 0;
  color: #ffffff;
  text-align: right;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg div.date p.day {
  font-size: 18px;
  font-weight: bold;
}
.ziXun_LaststNews .bottom div.list div.li div.listImg div.date p.year {
  font-size: 14px;
  margin: 2px 0 0 0;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo {
  width: 50%;
  float: left;
  display: inline-block;
  background-color: #f0f1f2;
  height: 230px;
  position: relative;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo h1 {
  margin: 0 auto;
  padding: 20px 0 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  font-size: 18px;
  font-weight: bold;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.eyes_show {
  width: 90%;
  margin: 10px auto 0 auto;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.eyes_show img.svg,
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.eyes_show svg {
  width: 20px;
  height: 20px;
  fill: #444444;
  display: inline-block;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.eyes_show span {
  vertical-align: top;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo p.desc {
  text-indent: 2rem;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  width: 90%;
  margin: 10px auto 0 auto;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo p.desc:hover {
  color: #2b2b2b;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.datail {
  text-align: right;
  width: 90%;
  position: absolute;
  bottom: 3px;
  left: 5%;
}
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.datail img.svg,
.ziXun_LaststNews .bottom div.list div.li div.listInfo div.datail svg {
  width: 20px;
  height: 20px;
  fill: #444444;
  display: inline-block;
}
.ziXun_LaststNews .bottom div.list div.li:hover div.listImg div.img_cover {
  transform: translateY(100%);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom div.list div.li:hover div.listImg div.date {
  transform: translateY(1000%);
  transition-duration: 1s;
}
.ziXun_LaststNews .bottom div.list div.li:nth-of-type(2n+1) {
  margin-left: 0%;
}
.ziXun_LaststNews .bottom div.list div.li:nth-of-type(2n+2) {
  margin-left: 4%;
}
.ziXun_LaststNews .bottom .news-media .figure {
  position: relative;
}
.ziXun_LaststNews div.shareAction {
  text-align: left;
  width: 90%;
  margin: 0 auto;
  padding-top: 25px;
}
div.loginPage {
  background-color: #f0f0f0;
  width: 100%;
  height: calc(100% - 80px);
}
div.loginPage div.content {
  background-image: url("../images/img52.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: calc(100% - 50px);
  width: 100%;
}
div.loginPage div.content div.ul {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 640px;
}
div.loginPage div.content div.ul div.resetPassword {
  width: 500px;
}
div.loginPage div.content div.ul div.resetPassword div.top {
  background-color: #c6000a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px 20px 15px 20px;
}
div.loginPage div.content div.ul div.resetPassword div.top img.svg,
div.loginPage div.content div.ul div.resetPassword div.top svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: middle;
}
div.loginPage div.content div.ul div.resetPassword div.top span {
  color: #ffffff;
  vertical-align: middle;
  font-size: 19px;
}
div.loginPage div.content div.ul div.resetPassword div.top img.closed2 {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  float: right;
}
div.loginPage div.content div.ul div.resetPassword div.from {
  background-color: rgba(65, 66, 68, 0.1);
  width: 100%;
  padding: 50px 0;
}
div.loginPage div.content div.ul div.resetPassword div.from div.input {
  background-color: #ffffff;
  width: 45%;
  margin: 20px auto;
  padding: 8px 8px;
}
div.loginPage div.content div.ul div.resetPassword div.from div.input img.svg,
div.loginPage div.content div.ul div.resetPassword div.from div.input svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  display: inline-block;
  float: left;
}
div.loginPage div.content div.ul div.resetPassword div.from div.input input {
  color: #999999;
  display: inline-block;
  float: left;
  width: 70%;
  padding: 0 0 0 5px;
}
div.loginPage div.content div.ul div.resetPassword div.from button {
  background-color: #c6000a;
  width: 45%;
  margin: 10px auto;
  padding: 8px 8px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  border: none;
  outline: none;
  display: block;
}
div.loginPage div.content div.ul div.resetPassword div.from p.as {
  text-align: right;
  width: 45%;
  margin: 5px auto;
  padding: 0;
}
div.loginPage div.content div.ul div.resetPassword div.from p.as a {
  color: #999999;
  font-size: 12px;
}
div.loginPage div.content div.ul div.resetPassword div.bottom {
  background-color: #f9fafb;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px 10px 20px;
}
div.loginPage div.content div.ul div.resetPassword div.bottom p {
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin: 0;
  padding: 0;
}
div.loginPage div.content div.ul form {
  width: 520px;
}
div.loginPage div.content div.ul form div.login {
  width: 100%;
}
div.loginPage div.content div.ul form div.login div.top {
  background-color: #c6000a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px 20px 15px 20px;
}
div.loginPage div.content div.ul form div.login div.top img.svg,
div.loginPage div.content div.ul form div.login div.top svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: middle;
  float: right;
}
div.loginPage div.content div.ul form div.login div.top span {
  color: #ffffff;
  vertical-align: middle;
  font-size: 19px;
}
div.loginPage div.content div.ul form div.login div.from {
  background-color: rgba(65, 66, 68, 0.1);
  width: 100%;
  padding: 50px 0;
}
div.loginPage div.content div.ul form div.login div.from h1 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}
div.loginPage div.content div.ul form div.login div.from p.line {
  background-color: #ffffff;
  height: 2px;
}
div.loginPage div.content div.ul form div.login div.from div.input {
  background-color: #ffffff;
  width: 45%;
  margin: 20px auto;
  padding: 8px 8px;
  border-radius: 4px;
}
div.loginPage div.content div.ul form div.login div.from div.input img.svg,
div.loginPage div.content div.ul form div.login div.from div.input svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  display: inline-block;
  float: left;
}
div.loginPage div.content div.ul form div.login div.from div.input input {
  color: #999999;
  display: inline-block;
  float: left;
  width: 70%;
  padding: 0 0 0 5px;
}
div.loginPage div.content div.ul form div.login div.from button {
  background-color: #c6000a;
  width: 45%;
  margin: 10px auto;
  padding: 8px 8px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  border: none;
  outline: none;
  display: block;
}
div.loginPage div.content div.ul form div.login div.from p.as {
  text-align: right;
  width: 45%;
  margin: 5px auto;
  padding: 0 0 15px 0;
  color: #FFFFFF;
}
div.loginPage div.content div.ul form div.login div.from p.as a {
  color: #FFFFFF;
  font-size: 12px;
}
div.loginPage div.content div.ul form div.login div.from p.tip {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #999999;
  height: auto;
  line-height: normal;
}
div.loginPage div.content div.ul form div.login div.bottom {
  background-color: #f9fafb;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px 10px 20px;
}
div.loginPage div.content div.ul form div.login div.bottom p {
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin: 0;
  padding: 0;
}
div.loginPage div.content div.ul div.register {
  width: 500px;
}
div.loginPage div.content div.ul div.register div.top {
  background-color: #c6000a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px 20px 15px 20px;
}
div.loginPage div.content div.ul div.register div.top img.svg,
div.loginPage div.content div.ul div.register div.top svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: middle;
}
div.loginPage div.content div.ul div.register div.top span {
  color: #ffffff;
  vertical-align: middle;
  font-size: 19px;
}
div.loginPage div.content div.ul div.register div.top img.closed2 {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  float: right;
}
div.loginPage div.content div.ul div.register div.from {
  background-color: rgba(65, 66, 68, 0.1);
  width: 100%;
  padding: 40px 0;
}
div.loginPage div.content div.ul div.register div.from div.input {
  background-color: #ffffff;
  width: 45%;
  margin: 20px auto;
  padding: 8px 8px;
}
div.loginPage div.content div.ul div.register div.from div.input img.svg,
div.loginPage div.content div.ul div.register div.from div.input svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  display: inline-block;
  float: left;
}
div.loginPage div.content div.ul div.register div.from div.input input {
  color: #999999;
  display: inline-block;
  float: left;
  width: 70%;
}
div.loginPage div.content div.ul div.register div.from div.codes {
  width: 45%;
  margin: 20px auto;
  padding: 0;
}
div.loginPage div.content div.ul div.register div.from div.codes div.code_input {
  margin: 0;
  width: 30%;
  background-color: #ffffff;
  float: left;
  display: inline-block;
  padding: 4px 8px;
}
div.loginPage div.content div.ul div.register div.from div.codes div.code_input img.svg,
div.loginPage div.content div.ul div.register div.from div.codes div.code_input svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  display: inline-block;
  float: left;
}
div.loginPage div.content div.ul div.register div.from div.codes div.code_input input {
  color: #999999;
  display: inline-block;
  float: left;
  width: 60%;
  padding: 0 0 0 5px;
}
div.loginPage div.content div.ul div.register div.from div.codes img.client {
  width: 60px;
  height: 26px;
  display: inline-block;
  float: left;
  margin: 0 20px;
}
div.loginPage div.content div.ul div.register div.from div.codes p.change {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
  color: #999999;
  float: left;
}
div.loginPage div.content div.ul div.register div.from button {
  background-color: #c6000a;
  width: 45%;
  margin: 10px auto;
  padding: 8px 8px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  border: none;
  outline: none;
  display: block;
}
div.loginPage div.content div.ul div.register div.from p.as {
  text-align: right;
  width: 45%;
  margin: 5px auto;
  padding: 0;
}
div.loginPage div.content div.ul div.register div.from p.as a {
  color: #999999;
  font-size: 12px;
}
div.loginPage div.content div.ul div.register div.bottom {
  background-color: #f9fafb;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px 6px 20px;
}
div.loginPage div.content div.ul div.register div.bottom p {
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin: 0;
  padding: 0;
}
div.loginPage p.tip {
  height: 40px;
  margin: 0;
  line-height: 40px;
  vertical-align: top;
  padding: 10px 50px;
}
div.loginPage p.tip img.svg,
div.loginPage p.tip svg {
  width: 20px;
  height: 20px;
  fill: #999999;
  display: inline-block;
  margin-top: 10px;
}
div.loginPage p.tip span {
  vertical-align: top;
}
div.searchInWeb {
  height: calc(100% - 160px);
  margin-top: 0;
  margin-bottom: 0;
}
div.searchInWeb div.top {
  width: 100%;
  background-color: #f5f5f5;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.searchInWeb div.top div.content {
  width: 50%;
  margin-top: -80px;
}
div.searchInWeb div.top div.content div.logo {
  width: 100%;
  text-align: center;
}
div.searchInWeb div.top div.content div.logo img {
  display: inline-block;
}
div.searchInWeb div.top div.content div.form {
  border: 1px solid #939393;
  width: 100%;
  margin-top: 20px;
}
div.searchInWeb div.top div.content div.form input {
  width: 85%;
  font-size: 15px;
  float: left;
  padding: 5px 0 5px 5px;
}
div.searchInWeb div.top div.content div.form button {
  background-color: #7f7f7f;
  color: #eeeeee;
  outline: none;
  width: 15%;
  text-align: center;
  height: 100%;
  float: left;
  padding: 5px 0;
  border: 1px solid #939393;
}
div.searchInWebBottom {
  margin: 0;
  padding: 0;
  height: 80px;
  min-height: auto !important;
}
div.searchInWebBottom div.botom {
  height: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.searchInWebBottom div.botom div.links {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.searchInWebBottom div.botom div.links div.li {
  display: inline-block;
  width: auto;
  padding: 0 5px;
}
div.searchInWebBottom div.botom div.links div.li a {
  color: #333333;
  font-size: 15px;
}
div.searchInWebBottom div.botom p.conpanyInfo {
  margin: 0;
  padding: 0;
  height: 40px;
  color: #333333;
  font-size: 15px;
  vertical-align: top;
}
div.searchInWebBottom div.botom p.conpanyInfo a {
  color: #333333;
  font-size: 15px;
}
div.searchInWebDetails {
  margin-top: 0;
  margin-bottom: 0;
}
div.searchInWebDetails div.top {
  width: 100%;
  min-height: 800px;
  background-color: #f5f5f5;
  position: relative;
}
div.searchInWebDetails div.top div.content {
  width: 100%;
  height: 100%;
}
div.searchInWebDetails div.top div.content div.left {
  background-color: #f7f8f9;
  width: 80%;
  height: auto;
  float: left;
}
div.searchInWebDetails div.top div.content div.left div.leftContent {
  width: 100%;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop {
  border-bottom: 1px solid #eeeeee;
  width: 90%;
  margin: 0 auto;
  padding: 60px 0 20px 0;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop img.searchlogo {
  width: 20%;
  float: left;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop div.form {
  width: 50%;
  float: left;
  margin: 10px 0 0 0;
  border: 1px solid #939393;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop div.form input {
  width: 80%;
  font-size: 15px;
  float: left;
  padding: 5px 0 5px 5px;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop div.form button {
  background-color: #7f7f7f;
  color: #eeeeee;
  outline: none;
  width: 20%;
  text-align: center;
  height: 100%;
  float: left;
  padding: 5px 0;
  border: 1px solid #939393;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchTop p.searchReault {
  width: 30%;
  float: left;
  text-align: right;
  color: #999999;
  margin: 15px 0 0 0;
  padding: 0;
  vertical-align: bottom;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList {
  width: 90%;
  margin: 0 auto;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li {
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.lilogo {
  float: left;
  width: 120px;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.lilogo img {
  width: 100px;
  height: 100px;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc {
  float: left;
  width: 80%;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc h1 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bolder;
  text-indent: 0;
  vertical-align: top;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc h1 span.c1 {
  color: #c6000a;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc h1 span.c2 {
  color: #333333;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc p.desc {
  margin: 10px 0;
  padding: 0;
  font-size: 15px;
  color: #333333;
  vertical-align: middle;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchList div.li div.searchDesc p.time {
  margin: 10px 0;
  padding: 0;
  font-size: 15px;
  color: #999999;
  vertical-align: bottom;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage {
  width: 100%;
  margin-top: 20px;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage div.ul {
  width: 100%;
  text-align: center;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage div.ul div.li {
  display: inline-block;
  background-color: #ffffff;
  border: #eeeeee 1px solid;
  margin: 2px 3px;
  padding: 2px 13px;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage div.ul div.li a {
  font-size: 14px;
  color: #666666;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage div.ul div.active {
  background-color: #c6000a !important;
}
div.searchInWebDetails div.top div.content div.left div.leftContent div.searchPage div.ul div.active a {
  color: #ffffff;
}
div.searchInWebDetails div.top div.content div.right {
  background-color: #e5e6e8;
  width: 20%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
div.searchInWebDetails div.top div.content div.right div {
  padding: 30px 0 0 0;
  width: 60%;
  margin: 0 auto;
}
div.searchInWebDetails div.top div.content div.right div p.title {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #999999;
  text-align: right;
}
div.searchInWebDetails div.top div.content div.right div p.item {
  margin: 5px 0;
  padding: 0;
  text-align: right;
}
div.searchInWebDetails div.top div.content div.right div p.item a {
  font-size: 14px;
  color: #333333;
}
div.searchInWebDetails div.top div.moreView {
  width: 80%;
  padding-bottom: 60px;
}
div.searchInWebDetailsBottom {
  margin: 0;
  padding: 0;
  height: 80px !important;
  min-height: auto !important;
}
div.searchInWebDetailsBottom div.botom {
  text-align: center;
  margin: 0;
  padding: 0;
}
div.searchInWebDetailsBottom div.botom div.links {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.searchInWebDetailsBottom div.botom div.links div.li {
  display: inline-block;
  width: auto;
  padding: 0 5px;
}
div.searchInWebDetailsBottom div.botom div.links div.li a {
  color: #333333;
  font-size: 15px;
}
div.searchInWebDetailsBottom div.botom p.conpanyInfo {
  margin: 0;
  padding: 0;
  height: 40px;
  color: #333333;
  font-size: 15px;
  vertical-align: top;
}
div.searchInWebDetailsBottom div.botom p.conpanyInfo a {
  color: #333333;
  font-size: 15px;
}
div.emailSahre {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #e5e6e8;
}
div.emailSahre div.logo {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  background-color: #FFFFFF;
}
div.emailSahre div.logo img {
  width: 158px;
  display: inline-block;
}
div.emailSahre div.imgShow {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
  background-color: #FFFFFF;
}
div.emailSahre div.imgShow img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
div.emailSahre div.imgShow h1 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
div.emailSahre div.imgShow h1 span {
  color: #a9a9a9;
  font-size: 15px;
}
div.emailSahre div.imgShow h2 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
div.emailSahre div.imgShow h2 span {
  color: #999999;
  font-size: 24px;
}
div.emailSahre div.email {
  width: 80%;
  margin: 10px auto;
  padding: 40px 0;
  background-color: #FFFFFF;
}
div.emailSahre div.email div.top {
  width: 90%;
  margin: 0 auto;
  display: block;
}
div.emailSahre div.email div.top div.left {
  width: 50%;
  float: left;
  border-left: 3px solid #9f9f9f;
}
div.emailSahre div.email div.top div.left h1 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  font-size: 15px;
}
div.emailSahre div.email div.top div.left h1 span {
  color: #a9a9a9;
  font-size: 15px;
}
div.emailSahre div.email div.top div.left h2 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  font-size: 24px;
}
div.emailSahre div.email div.top div.left h2 span {
  color: #999999;
  font-size: 24px;
}
div.emailSahre div.email div.top div.right {
  width: 50%;
  float: right;
}
div.emailSahre div.email div.top div.right img.svg,
div.emailSahre div.email div.top div.right svg {
  display: inline-block;
  float: left;
  fill: #e5e6e8;
  width: 50px;
  height: 50px;
  vertical-align: top;
}
div.emailSahre div.email div.top div.right div.content {
  display: inline-block;
  float: left;
  color: #e5e6e8;
  width: 87%;
}
div.emailSahre div.email div.top div.right div.content h1 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  font-size: 15px;
}
div.emailSahre div.email div.top div.right div.content h1 span {
  color: #e5e6e8;
  font-size: 15px;
}
div.emailSahre div.email div.top div.right div.content h2 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  font-size: 24px;
}
div.emailSahre div.email div.top div.right div.content h2 span {
  color: #e5e6e8;
  font-size: 24px;
}
div.emailSahre div.email div.middle {
  width: 90%;
  margin: 20px auto 0 auto;
  display: block;
}
div.emailSahre div.email div.middle img {
  width: 100%;
}
div.emailSahre div.email div.bottom {
  width: 90%;
  margin: 20px auto 0 auto;
  display: block;
}
div.emailSahre div.email div.bottom div.left {
  width: 80%;
  float: left;
}
div.emailSahre div.email div.bottom div.left h1 {
  padding: 0;
  margin: 0;
}
div.emailSahre div.email div.bottom div.left h1 span {
  color: #999999;
  font-size: 24px;
}
div.emailSahre div.email div.bottom div.left h2 {
  padding: 0;
  margin: 0;
}
div.emailSahre div.email div.bottom div.left h2 span {
  color: #a9a9a9;
  font-size: 15px;
}
div.emailSahre div.email div.bottom div.right {
  width: 20%;
  float: left;
  text-align: right;
}
div.emailSahre div.email div.bottom div.right button {
  background-color: #c6000a;
  color: #FFFFFF;
  font-size: 15px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 25px 15px;
  display: inline-block;
}
div.emailSahre div.care {
  width: 80%;
  margin: 10px auto;
  padding: 40px 0;
  background-color: #FFFFFF;
}
div.emailSahre div.care h1 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
div.emailSahre div.care h1 span {
  color: #999999;
  font-size: 28px;
}
div.emailSahre div.care h2 {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
div.emailSahre div.care h2 span {
  color: #a9a9a9;
  font-size: 15px;
}
div.emailSahre div.care div.ul {
  width: 90%;
  margin: 40px auto 0 auto;
}
div.emailSahre div.care div.ul div.item {
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 30px;
}
div.emailSahre div.care div.ul div.item img.svg,
div.emailSahre div.care div.ul div.item svg {
  width: 90px;
  height: 90px;
  display: inline-block;
  fill: #999999;
}
div.emailSahre div.care div.ul div.item p.name {
  color: #999999;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.emailSahre div.code {
  margin: 10px auto;
  padding: 40px 0;
}
div.emailSahre div.code img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
div.emailSahre div.code h1 {
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
  color: #999999;
  font-size: 18px;
}
div.emailSahre div.code h2 {
  margin: 30px 0 10px 0;
  padding: 0;
  text-align: center;
  color: #999999;
  font-size: 16px;
}
div.emailSahre div.code h2 a {
  color: #5eb2f3;
}
div.emailSahre div.code h3 {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #999999;
  font-size: 14px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo {
  width: 100%;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table {
  width: 100%;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr {
  width: 100%;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #f0f1f2;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul {
  width: 80%;
  margin: 0 auto;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li {
  border-bottom: 1px solid #333333;
  padding: 10px 0 5px 0;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.date {
  width: 10%;
  float: left;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.date h1 {
  text-indent: 10px;
  color: #c6000a;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: bolder;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.date h2 {
  line-height: 25px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  color: #666666;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.info {
  width: 90%;
  float: left;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.info p.title {
  margin: 0;
  padding: 0 0 5px 0;
  color: #2b2b2b;
  font-size: 16px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.info div.tip img.svg,
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.info div.tip svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  vertical-align: top;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.ul div.li div.info div.tip span {
  vertical-align: top;
  font-size: 13px;
  color: #333333;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation {
  text-align: center;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li a {
  margin: 0 3px;
  color: #999999;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li .active {
  color: #FFFFFF !important;
  background-color: #c6000a;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li a.Previous img.svg,
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li a.Next img.svg,
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li a.Previous svg,
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.mainInfoLeft div.pages .navigation li a.Next svg {
  width: 15px !important;
  height: 15px !important;
  fill: #999999;
  display: inline-block;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit {
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit h1 {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  font-size: 20px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit p.line {
  background-color: #c6000a;
  margin: 5px 0 0 10%;
  height: 2px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit h2 {
  margin: 40px auto 0 auto;
  width: 80%;
  font-size: 16px;
  padding: 0;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select {
  margin: 15px auto 0 auto;
  width: 80%;
  border: 1px solid #d8d8d8;
  position: relative;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.selectShow {
  padding: 3px 20px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.selectShow p {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  width: 80%;
  float: left;
  text-align: left;
  padding: 0 0 0 10%;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.selectShow img.svg,
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.selectShow svg {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.options {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  max-height: 160px;
  overflow-y: scroll;
  z-index: 1000000;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.select div.options div.option {
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.imgBook {
  margin: 50px auto 0 auto;
  width: 80%;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.imgBook img.book {
  width: 70%;
  display: block;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 1000;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit div.imgBook img.bookcase {
  width: 100%;
  display: block;
  margin: -5px auto 0 auto;
  position: relative;
  z-index: 10;
}
.touZiZheGuanXi_XinXiPiLu .mainInfo table tr td.rightQuickVisit p.tip {
  text-align: center;
  font-size: 15px;
  color: #999999;
  margin: 40px 0 0 0;
  padding: 0;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo {
  width: 100%;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table {
  width: 100%;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr {
  width: 100%;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #f0f1f2;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft div.ul {
  width: 80%;
  margin: 0 auto;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft div.ul div.li {
  border-bottom: 1px solid #333333;
  padding: 10px 0 6px 0;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft div.ul div.li div.title {
  width: 33%;
  float: left;
  text-align: left;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft div.ul div.li div.date {
  width: 33%;
  float: left;
  text-align: center;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.mainInfoLeft div.ul div.li div.icon {
  width: 33%;
  float: left;
  text-align: right;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit {
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit h1 {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  font-size: 20px;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit p.line {
  background-color: #c6000a;
  margin: 5px 0 0 10%;
  height: 2px;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit h2 {
  margin: 40px auto 0 auto;
  width: 80%;
  font-size: 16px;
  padding: 0;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select {
  margin: 15px auto 0 auto;
  width: 80%;
  border: 1px solid #d8d8d8;
  position: relative;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.selectShow {
  padding: 3px 20px;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.selectShow p {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  width: 80%;
  float: left;
  text-align: left;
  padding: 0 0 0 10%;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.selectShow img.svg,
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.selectShow svg {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.options {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  max-height: 160px;
  overflow-y: scroll;
  z-index: 1000000;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.select div.options div.option {
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.imgBook {
  margin: 50px auto 0 auto;
  width: 80%;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.imgBook img.book {
  width: 70%;
  display: block;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 1000;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit div.imgBook img.bookcase {
  width: 100%;
  display: block;
  margin: -5px auto 0 auto;
  position: relative;
  z-index: 10;
}
.touZiZheGuanXi_GongSiZhiLi .mainInfo table tr td.rightQuickVisit p.tip {
  text-align: center;
  font-size: 15px;
  color: #999999;
  margin: 40px 0 0 0;
  padding: 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo {
  width: 100%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table {
  width: 100%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr {
  width: 100%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft {
  width: 80%;
  background-color: #f0f1f2;
  padding: 40px 0 40px 0;
  vertical-align: middle;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.title {
  width: 700px;
  margin: 0 auto;
  padding: 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.title p.name {
  float: left;
  width: auto;
  color: #2b2b2b;
  margin: 0;
  padding: 0;
  font-size: 15px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.title p.code {
  float: right;
  width: auto;
  color: #2b2b2b;
  margin: 0;
  padding: 0;
  font-size: 15px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft p.line {
  background-color: #c6000a;
  margin-left: calc((100% - 700px) * 0.5) !important;
  margin-top: 0px;
  height: 2px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content {
  border: 1px solid #d8d8d8;
  width: 700px;
  margin: 20px auto 0 auto;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft {
  float: left;
  width: 40%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop {
  border-right: 1px solid #999999;
  padding: 10px 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop h1 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
  color: #b40810;
  font-size: 30px;
  font-weight: bolder;
  text-align: center;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop h2 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop h2 img {
  width: 30px;
  margin: 0 auto;
  display: block;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop h3 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentTop h3 span {
  display: inline-block;
  width: 100%;
  color: #b40810;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentMiddle {
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentMiddle p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentFooter {
  border-right: 1px solid #999999;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentLeft div.contentFooter p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentRight {
  float: right;
  width: 60%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.content div.contentRight p {
  margin: 10px auto;
  padding: 0 10px 0 10px;
  text-align: left;
  font-size: 14px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.tip {
  width: 700px;
  margin: 10px auto 0 auto;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.tip p {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.mainInfoLeft div.tip p img {
  width: 15px;
  display: inline-block;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit {
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: top;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit h1 {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  font-size: 20px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit p.line {
  background-color: #c6000a;
  margin: 5px 0 0 10%;
  height: 2px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit h2 {
  margin: 40px auto 0 auto;
  width: 80%;
  font-size: 16px;
  padding: 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select {
  margin: 15px auto 0 auto;
  width: 80%;
  border: 1px solid #d8d8d8;
  position: relative;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.selectShow {
  padding: 3px 20px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.selectShow p {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  width: 80%;
  float: left;
  text-align: left;
  padding: 0 0 0 10%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.selectShow img.svg,
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.selectShow svg {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.options {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  max-height: 160px;
  overflow-y: scroll;
  z-index: 1000000;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.select div.options div.option {
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.imgBook {
  margin: 50px auto 0 auto;
  width: 80%;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.imgBook img.book {
  width: 70%;
  display: block;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 1000;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit div.imgBook img.bookcase {
  width: 100%;
  display: block;
  margin: -5px auto 0 auto;
  position: relative;
  z-index: 10;
}
.touZiZheGuanXi_GuPiaoXinXi .mainInfo table tr td.rightQuickVisit p.tip {
  text-align: center;
  font-size: 15px;
  color: #999999;
  margin: 40px 0 0 0;
  padding: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo {
  width: 100%;
}
.touZiZheGuanXi_LieBiao .mainInfo table {
  width: 100%;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr {
  width: 100%;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft {
  background-color: #f0f1f2;
  padding: 0;
  vertical-align: middle;
  width: calc(100% - 750px) !important;
  overflow: hidden;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner {
  width: 100%;
  height: 289px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ul,
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ol {
  padding: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ul li,
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ol li {
  list-style: none;
  float: left;
  position: relative;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ul li img,
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ol li img {
  width: 100%;
  height: 289px;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ul li .info,
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner ol li .info {
  position: absolute;
  left: 0;
  bottom: -200px;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 0 0 40%;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.mainInfoLeft .banner .dots li.active {
  background: #fff;
  opacity: 1;
  display: inline-block;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit {
  width: 750px;
  background-color: #e5e6e8;
  padding: 40px 0 40px 0;
  vertical-align: middle;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.title {
  width: 650px;
  margin: 0 auto;
  padding: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.title p.name {
  float: left;
  width: auto;
  color: #2b2b2b;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.title p.code {
  float: right;
  width: auto;
  color: #2b2b2b;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit p.line {
  background-color: #c6000a;
  margin-left: calc((100% - 650px) * 0.5) !important;
  margin-top: 0px;
  height: 2px;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content {
  border: 1px solid #d8d8d8;
  width: 650px;
  margin: 20px auto 0 auto;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft {
  float: left;
  width: 40%;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop {
  border-right: 1px solid #d8d8d8;
  padding: 10px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop h1 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
  color: #b40810;
  font-size: 30px;
  font-weight: bolder;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop h2 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop h2 img {
  width: 30px;
  margin: 0 auto;
  display: block;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop h3 {
  width: 33%;
  margin: 0;
  padding: 0;
  float: left;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentTop h3 span {
  display: inline-block;
  width: 100%;
  color: #b40810;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentMiddle {
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentMiddle p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentFooter {
  border-right: 1px solid #999999;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentLeft div.contentFooter p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentRight {
  float: right;
  width: 60%;
}
.touZiZheGuanXi_LieBiao .mainInfo table tr td.rightQuickVisit div.content div.contentRight p {
  margin: 10px auto;
  padding: 0 10px 0 10px;
  text-align: left;
  font-size: 14px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList {
  margin-top: 40px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop {
  background-color: #e8e9ea;
  padding: 25px 20px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop h1.name {
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop h1.name p.title {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop h1.name p.line {
  background-color: #c6000a;
  height: 2px;
  margin: 8px 0 0 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop p.more {
  width: auto;
  float: right;
  font-size: 15px;
  margin-top: 5px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop p.more a {
  vertical-align: top;
  color: #999999;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop p.more img.svg,
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.infoListTop p.more svg {
  width: 16px;
  height: 16px;
  fill: #999999;
  vertical-align: top;
  padding-top: 5px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo {
  width: 32%;
  float: left;
  background-color: #f0f1f2;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul {
  padding: 20px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #999999;
  padding: 20px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.date {
  width: 30%;
  float: left;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.date h1 {
  margin: 0;
  padding: 0;
  color: #c6000a;
  font-size: 30px;
  font-weight: bolder;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.date h2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  text-align: center;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.info {
  width: 70%;
  float: left;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.info p.title {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.info div.tip {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.info div.tip img.svg,
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getInfo div.ul div.li div.info div.tip svg {
  width: 15px;
  height: 15px;
  display: inline-block;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company {
  width: 32%;
  float: left;
  margin: 0 2%;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul {
  background-color: #f0f1f2;
  padding: 20px 0 10px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #999999;
  padding: 15px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li div {
  margin: 0;
  padding-top: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li div.title {
  float: left;
  width: 50%;
  font-size: 15px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li div.date {
  float: left;
  width: 40%;
  font-size: 14px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li div.icon {
  float: left;
  width: 10%;
  font-size: 15px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.company div.ul div.li div.icon img {
  width: 15px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney {
  width: 32%;
  float: left;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul {
  background-color: #f0f1f2;
  padding: 20px 0 10px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #999999;
  padding: 15px 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li div {
  margin: 0;
  padding-top: 0;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li div.title {
  float: left;
  width: 50%;
  font-size: 15px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li div.date {
  float: left;
  width: 40%;
  font-size: 14px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li div.icon {
  float: left;
  width: 10%;
  font-size: 15px;
}
.touZiZheGuanXi_LieBiao .mainInfo div.infoList div.getMoney div.ul div.li div.icon img {
  width: 15px;
}
.inContent {
  min-height: 400px;
}
.inContent .tabar {
  width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  div.join_getJobInline div.searchJobfrom {
    width: 900px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 1080px) {
  .index-banner,
  .tabar,
  .doWhat,
  .weAreWho,
  .newsLast,
  .exampleWriting,
  .teamSerive,
  .productBase,
  .ourUser,
  .doBest,
  .footer .footer_content {
    width: 100% !important;
  }
  .nav div.logo {
    margin-left: 0;
    line-height: 80px;
  }
  .nav div.logo img {
    height: 50px;
  }
  .nav .nav_item .nav_item_ul .nav_item_li {
    padding: 0 4px !important;
  }
  div.imgBig {
    width: 100% !important;
  }
  .nav div.nav_item .catalogue {
    width: 100% !important;
    left: 0 !important;
  }
  .nav div.nav_item .catalogue .catalogueContent {
    width: 90% !important;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl {
    width: 100% !important;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl .catalogueList {
    width: 11% !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1130px) {
  .nav .nav_item .nav_item_ul .nav_item_li {
    padding: 0 4px !important;
  }
  .nav div.logo {
    margin-left: 1.5%;
    line-height: 80px;
  }
  .nav div.logo img {
    height: 50px;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl {
    width: 90% !important;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl .catalogueList {
    width: 12% !important;
  }
}
@media screen and (min-width: 1130px) and (max-width: 1350px) {
  .nav .nav_item .nav_item_ul .nav_item_li {
    padding: 0 4px !important;
  }
  .nav div.logo {
    margin-left: 2%;
    line-height: 80px;
  }
  .nav div.logo img {
    height: 50px;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl {
    width: 96% !important;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueUl .catalogueList {
    width: 11% !important;
  }
}
@media screen and (min-width: 1350px) {
  .nav .nav_item .nav_item_ul .nav_item_li {
    padding: 0 8px !important;
  }
  .doBest .right .top .list .item p {
    padding: 0 20px;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueList {
    width: 135px !important;
  }
}
@media screen and (min-width: 1600px) {
  .nav .nav_item .nav_item_ul .nav_item_li {
    padding: 0 16px !important;
  }
  .doBest .right .top .list .item p {
    padding: 0 20px;
  }
  .nav div.nav_item .catalogue .catalogueContent .catalogueList {
    width: 135px !important;
  }
}
.page-container {
  width: 80%;
  margin: 0 auto;
}
.page-container i {
  font-family: FontAwesome !important;
}
#gallery .swiper-slide {
  overflow: hidden;
}
.site-map {
  width: 100%;
  background: #e5e6e8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  padding: 30px 55px;
  margin-bottom: 5px;
}
.site-title-en {
  font-size: 20px;
  color: #444444;
  font-weight: bold;
  margin-bottom: 10px;
}
.site-title-cn {
  font-size: 15px;
  color: #2b2b2b;
  font-weight: bold;
  margin-bottom: 10px;
}
.site-hr {
  width: 60px;
  height: 2px;
  background: #2b2b2b;
  margin-bottom: 20px;
}
.site-list {
  color: #666666;
  font-size: 15px;
  margin-left: -20px;
}
.site-list li {
  margin-bottom: 25px;
}
.site-list li a {
  font-size: 12px;
  color: #666;
  border-right: 1px solid #989898;
  padding: 0 6px;
}
.site-list-title {
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.site-list-a {
  float: left;
  padding-left: 14px;
  line-height: 25px;
}
.site-list-a a:last-child {
  border-right: none;
}
.site-intro {
  width: 100%;
  height: 85px;
  background: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #aaaaaa;
  font-size: 15px;
  padding: 20px 50px;
}
.site-intro img {
  vertical-align: text-bottom;
  margin-right: 5px;
}
.serviceSupport_Cooperation .banner,
.serviceSupport_Suggestion .banner {
  height: auto !important;
}
.about_MaiYanTeam .mainInfo table tr td.mainInfoLeft .editContent .teamSerive .bottom .banner ol {
  height: 20px !important;
}