@charset "UTF-8";
body {
  background-color: #fbfbfb;
  padding-top: 110px; }

.iani {
  animation: ibg 1.2s ease;
  -webkit-animation: ibg 1.2s ease;
  z-index: 19 !important; }

@keyframes ibg {
  0% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transform: scale(1.1); }
  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes ibg {
  0% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transform: scale(1.1); }
  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: scale(1); } }
.bottom_navigator {
  display: none; }

.container_big {
  margin: auto 110px;
  position: relative; }

.container_1400 {
  width: 1400px;
  margin: 0 auto;
  position: relative; }

.main {
  position: relative; }

.main_con {
  padding-left: 5%;
  float: right;
  width: 100%; }

.container_head {
  margin-left: 110px;
  margin-right: 110px; }

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #dcdcdc;
  background: white;
  /*The Fallback color,这里也可以使用一张图片来代替*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .header .m_nav_btn {
    position: absolute;
    top: 10px;
    right: 5px;
    padding: 10px;
    display: none;
    cursor: pointer; }
    .header .m_nav_btn .box {
      display: block;
      width: 22px;
      height: 20px;
      position: relative; }
    .header .m_nav_btn .line {
      display: block;
      width: 100%;
      height: 2px;
      background-color: #333;
      position: absolute;
      left: 0; }
    .header .m_nav_btn .line1 {
      width: 12px;
      top: 2px; }
    .header .m_nav_btn .line2 {
      width: 20px;
      top: 8px; }
    .header .m_nav_btn .line3 {
      width: 16px;
      top: 15px; }
  .header .logo_box {
    position: relative;
    margin: 20px 0; }
    .header .logo_box img {
      height: 70px; }
  .header .head_tools {
    height: 50px; }
    .header .head_tools .search_btn {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      line-height: 30px;
      height: 30px;
      width: 30px;
      border: none;
      background: #fff;
      text-align: center;
      cursor: pointer; }
    .header .head_tools .iconfont {
      font-size: 20px;
      color: #709ac5; }
  .header .url_box {
    display: inline-block;
    vertical-align: bottom;
    height: 32px;
    line-height: 30px;
    font-size: 0;
    margin-right: 5px; }
    .header .url_box a {
      font-size: 14px;
      color: #555; }
      .header .url_box a:hover {
        color: #5d98d7; }
    .header .url_box span {
      font-size: 14px;
      color: #666; }
    .header .url_box .login_a {
      color: #555;
      padding: 0 14px 0 13px; }
      .header .url_box .login_a:hover {
        color: #5d98d7; }
    .header .url_box .line {
      background: url("/Public/Images/home/phpcms/zh-cn/line.png") no-repeat right; }
    .header .url_box .a_user {
      text-decoration: underline; }
  .header .search_box {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 16px;
    height: 32px;
    overflow: hidden;
    text-decoration: none;
    color: #7d7d7e;
    line-height: 32px;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .header .search_box .search_box_input {
      position: relative;
      width: 30px;
      height: 32px;
      white-space: nowrap;
      text-align: right;
      overflow: hidden;
      border: 1px solid transparent;
      transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .header .search_box .search_box_input input {
      display: inline-block;
      background: none;
      border: 0;
      height: 30px;
      line-height: 22px;
      float: left;
      padding: 5px 10px;
      width: 100%;
      font-size: 12px;
      font-family: Noto_Light; }
    .header .search_box .search_btn {
      z-index: 2;
      display: inline-block; }
    .header .search_box.on .search_box_input {
      width: 240px;
      border: 1px solid #bfbfbf;
      border-radius: 20px; }
    .header .search_box.on .show_btn {
      display: none; }
  .header .search_box.open {
    width: 170px; }
    .header .search_box.open input {
      display: block; }
  .header .nav_normal > li .dropdown_menu {
    background: #555; }
    .header .nav_normal > li .dropdown_menu a {
      display: block;
      padding: 12px 0 13px 0;
      margin: 0 10px;
      color: #eee;
      font-size: 12px;
      text-align: center;
      font-family: Noto_Light;
      border-bottom: 1px dashed #ccc; }
      .header .nav_normal > li .dropdown_menu a.on, .header .nav_normal > li .dropdown_menu a:hover {
        color: #fff; }
      .header .nav_normal > li .dropdown_menu a:last-child {
        border-bottom: none; }

.drop_tile .sub_list1 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .drop_tile .sub_list1 .a {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    margin: 27px 0;
    text-align: center;
    border-left: 1px solid #e9e9e9; }
    .drop_tile .sub_list1 .a:first-child {
      border-left: none; }
    .drop_tile .sub_list1 .a h3 {
      font-size: 14px;
      color: #555; }
    .drop_tile .sub_list1 .a:hover .img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .drop_tile .sub_list1 .a:hover h3 {
      font-size: 14px;
      color: #5d98d7; }
.drop_tile .sub_list2 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .drop_tile .sub_list2 .a {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    padding: 0 10px 10px;
    margin: 27px 0;
    text-align: center;
    border-left: 1px solid #e9e9e9; }
    .drop_tile .sub_list2 .a .img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      padding-top: 67%;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      margin-bottom: 5%; }
    .drop_tile .sub_list2 .a h3 {
      font-size: 14px;
      color: #555; }
    .drop_tile .sub_list2 .a:hover .img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .drop_tile .sub_list2 .a:hover h3 {
      font-size: 14px;
      color: #5d98d7; }
    .drop_tile .sub_list2 .a:first-child {
      border: none; }

/*mouse 动画*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(30px); }
  60% {
    -webkit-transform: translateY(15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(18px); }
  60% {
    transform: translateY(15px); } }
.index_banner {
  position: relative; }
  .index_banner .banner_con_box {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 690px;
    padding: 45px;
    margin-left: -345px;
    margin-top: -220px;
    background: rgba(75, 75, 75, 0.3);
    z-index: 100; }
  .index_banner .banner_con {
    height: 260px;
    background: url("/Public/Images/home/phpcms/zh-cn/line_box.png") no-repeat center; }
  .index_banner .banner_con h3 {
    padding-top: 25px;
    line-height: 1.5;
    font-size: 72px;
    text-align: center;
    font-family: Noto_Light;
    color: #fff; }
  .index_banner .banner_con p {
    line-height: 1.5;
    font-size: 48px;
    text-align: center;
    font-family: Noto_Light;
    color: #fff; }
  .index_banner .banner_con .more {
    display: block;
    position: absolute;
    bottom: 37px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff; }
  .index_banner .banner_con .mouse {
    position: absolute;
    bottom: -80px;
    left: 50%;
    height: 44px;
    width: 22px;
    margin-left: -11px;
    z-index: 99;
    background: url("/Public/Images/home/phpcms/zh-cn/mouse.png") no-repeat center; }
  .index_banner .banner_con .mouse {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 3s; }
  .index_banner .banner_item {
    display: block;
    padding-top: 42.3%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .index_banner .slick-active .banner_item .h3 {
    -webkit-animation: fadeInUp 0.3s both 1s;
    animation: fadeInUp 1s both 1s; }
  .index_banner .slick-active .banner_item .p {
    -webkit-animation: fadeInUp 0.5s both 1.5s;
    animation: fadeInUp 1s both 1.5s; }
  .index_banner .slick-active .banner_item .line1 {
    -webkit-animation: fadeInUp 0.7s both 1.5s;
    animation: fadeInUp 1s both 1.5s; }
  .index_banner .slick-arrow .iconfont {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
  .index_banner .slick-prev {
    background: transparent;
    border: 1px solid #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    left: 5%;
    top: 50%;
    border-radius: 50%;
    margin-top: -22px; }
  .index_banner .slick-prev:after {
    display: none; }
  .index_banner .slick-next {
    background: transparent;
    border: 1px solid #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    right: 5%;
    top: 50%;
    border-radius: 50%;
    margin-top: -22px; }
  .index_banner .slick-next:after {
    display: none; }
  .index_banner .slick-dots li {
    border: 1px solid #fff;
    background: transparent; }
    .index_banner .slick-dots li a {
      display: block;
      width: 6px;
      height: 6px;
      background: transparent;
      margin: 3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .index_banner .slick-dots li.slick-active a {
    background: #fff; }

@keyframes translate_move {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px); }
  50% {
    transform: translate(20px, 0px);
    -webkit-transform: translate(20px, 0px);
    -moz-transform: translate(20px, 0px);
    -o-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px); }
  100% {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px); } }
.footer {
  background: #333333;
  font-size: 14px; }
  .footer a {
    color: #999; }
    .footer a:hover {
      color: #5d98d7; }
  .footer .top {
    padding-top: 40px;
    padding-bottom: 35px; }
  .footer .foot_logo {
    float: left; }
    .footer .foot_logo img {
      height: 60px; }
  .footer .foot_url {
    margin-right: 200px; }
    .footer .foot_url .row {
      margin: 0; }
    .footer .foot_url .col_lg_4 {
      padding: 0; }
    .footer .foot_url h4 {
      color: #fff;
      font-size: 16px;
      margin-bottom: 15px; }
      .footer .foot_url h4 a {
        color: #fff;
        font-size: 16px; }
        .footer .foot_url h4 a:hover {
          color: #5d98d7; }
    .footer .foot_url ul {
      color: #999999;
      font-size: 14px;
      line-height: 2; }
      .footer .foot_url ul a {
        color: #999999;
        font-size: 14px;
        line-height: 2; }
        .footer .foot_url ul a:hover {
          color: #5d98d7; }
  .footer .code_img {
    float: right;
    width: 150px;
    text-align: center; }
    .footer .code_img img {
      width: 100%; }
    .footer .code_img p {
      color: #999999;
      font-size: 14px;
      margin-top: 10px; }
  .footer .bdsharebuttonbox {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden; }
    .footer .bdsharebuttonbox a {
      display: inline-block;
      margin-left: 10px;
      margin-right: 0;
      font-size: 28px;
      color: #999; }
      .footer .bdsharebuttonbox a:hover {
        color: #5d98d7; }
  .footer .bottom {
    padding: 20px 0;
    color: #999;
    background: #2f2f2f;
    border-top: 1px solid #3a3a3a;
    line-height: 30px; }

.bd_weixin_popup {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

.banner_in {
  position: relative;
  padding-top: 20.83333%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .banner_in h2 {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    left: 0;
    text-align: center;
    line-height: 24px;
    font-size: 24px;
    color: #f5f5f5;
    font-family: Noto_Light;
    letter-spacing: 2px;
    font-weight: normal; }

.tit {
  font-size: 32px;
  color: #363636;
  font-family: Noto_Light;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px; }
  .tit a {
    display: inline-block;
    color: #222; }
    .tit a p {
      font-size: 18px; }

.index {
  background: #ececec;
  overflow: hidden; }

.index_row {
  margin-top: 28px; }

.index_row1 .row {
  margin: 0; }
.index_row1 .col_lg_1_5 {
  padding-left: 3px;
  padding-right: 3px; }
.index_row1 a {
  display: block;
  background: #fff;
  padding: 30px 0 20px;
  text-align: center; }
  .index_row1 a .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 67%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .index_row1 a h3 {
    font-size: 22px;
    color: #333;
    margin-top: 5%; }
  .index_row1 a p {
    font-size: 16px;
    color: #777;
    margin-top: 2%; }
  .index_row1 a .line {
    display: block;
    width: 26px;
    height: 1px;
    background: #bcbcbc;
    margin: 20px auto; }
  .index_row1 a:hover {
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 1; }
    .index_row1 a:hover .img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }

.index_row2 {
  position: relative;
  background: #fff; }
  .index_row2 .row {
    margin: 0; }
  .index_row2 .img {
    padding-top: 32%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .index_row2 .txt {
    position: absolute;
    top: 70px;
    left: 110px; }
    .index_row2 .txt .tit {
      color: #fff;
      text-align: left;
      margin-bottom: 20px; }
    .index_row2 .txt p {
      color: #fff;
      font-size: 15px;
      line-height: 1.5em;
      margin-bottom: 5px;
      margin-top: 0; }
    .index_row2 .txt a {
      display: block;
      width: 125px;
      text-align: center;
      color: #fff;
      line-height: 37px;
      margin-top: 25px;
      border: 1px solid #fff; }
      .index_row2 .txt a span {
        display: inline-block;
        vertical-align: middle; }
      .index_row2 .txt a .iconfont {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        margin-left: 5px;
        font-size: 20px; }
  .index_row2 .tit {
    margin-top: 5%;
    margin-bottom: 30px; }
  .index_row2 .index_slick_box {
    margin: 0 10%;
    overflow: hidden;
    padding-bottom: 60px;
    margin-top: 8%; }
  .index_row2 .index_slick {
    position: relative;
    left: -26%;
    margin-right: -24%; }
    .index_row2 .index_slick .col_lg_12 {
      padding-left: 15px;
      padding-right: 15px; }
    .index_row2 .index_slick a {
      display: block; }
    .index_row2 .index_slick .img {
      padding-top: 65.6%; }
    .index_row2 .index_slick:hover .slick-arrow {
      opacity: 100;
      filter: alpha(opacity=100); }
    .index_row2 .index_slick .slick-arrow {
      opacity: 0;
      filter: alpha(opacity=0); }
    .index_row2 .index_slick .slick-arrow .iconfont {
      font-size: 23px;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      line-height: 50px;
      text-align: center; }
    .index_row2 .index_slick .slick-prev {
      background: #aeadad;
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: #fff;
      left: 29%;
      top: 50%;
      border-radius: 50%;
      margin-top: -25px; }
      .index_row2 .index_slick .slick-prev:hover {
        background: #5d98d7; }
    .index_row2 .index_slick .slick-prev:after {
      display: none; }
    .index_row2 .index_slick .slick-next {
      background: #aeadad;
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: #fff;
      right: 25px;
      top: 50%;
      border-radius: 50%;
      margin-top: -25px; }
      .index_row2 .index_slick .slick-next:hover {
        background: #5d98d7; }
    .index_row2 .index_slick .slick-next:after {
      display: none; }
    .index_row2 .index_slick .slick-dots {
      bottom: -30px;
      width: 76%;
      right: 0; }
    .index_row2 .index_slick .slick-dots li {
      background: #c3c2c2;
      height: 10px;
      width: 10px; }
      .index_row2 .index_slick .slick-dots li a {
        display: block;
        width: 6px;
        height: 6px;
        background: transparent;
        margin: 3px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    .index_row2 .index_slick .slick-dots li.slick-active {
      background: #5d98d7; }

.index_row3 {
  background: #fff; }
  .index_row3 .row {
    margin: 0; }
  .index_row3 .col_lg_8 {
    padding: 0;
    border-left: 1px solid #e1e1e1; }
    .index_row3 .col_lg_8:first-child {
      border-left: none; }
  .index_row3 .a {
    position: relative;
    display: block; }
    .index_row3 .a .img {
      padding-top: 51%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .index_row3 .a .dis {
      padding: 6% 5%;
      overflow: hidden; }
    .index_row3 .a h3 {
      font-size: 22px;
      color: #333;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .index_row3 .a p {
      font-size: 16px;
      color: #777;
      margin-top: 2%;
      line-height: 1.8em;
      height: 3.6em;
      overflow: hidden; }
    .index_row3 .a:hover .img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .index_row3 .a:hover h3 {
      color: #5d98d7; }
    .index_row3 .a:hover .iconfont {
      color: #fff;
      background: #5d98d7;
      border-color: #5d98d7; }
    .index_row3 .a .iconfont {
      margin-top: 5%;
      display: block;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      color: #808080;
      border-radius: 50%;
      border: 1px solid #ccc; }
  .index_row3 .title {
    margin-top: 23%;
    margin-left: 110px; }
    .index_row3 .title h3 {
      font-size: 60px;
      color: #333; }
      .index_row3 .title h3 small {
        font-size: 36px;
        display: block; }
    .index_row3 .title p {
      margin-top: 5%; }
    .index_row3 .title .iconfont {
      margin-top: 9%; }

#video_pop {
  display: none;
  height: 540px; }

#video_pop .video_box {
  height: 540px; }

.crumbs {
  height: 50px;
  line-height: 50px;
  background: #fff; }
  .crumbs a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #333;
    font-family: Noto_Light; }
    .crumbs a.on, .crumbs a:hover {
      color: #000; }
  .crumbs span {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial; }

.m_Crumbs {
  position: relative;
  display: none; }
  .m_Crumbs h2 {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: #f7f7f7 url("/Public/Images/home/phpcms/zh-cn/m_Crumbs.png") no-repeat 95%;
    font-weight: normal; }
  .m_Crumbs ul {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #f3f3f3;
    padding-right: 0;
    z-index: 99; }
    .m_Crumbs ul li {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #ffffff; }
      .m_Crumbs ul li a {
        display: block;
        line-height: 40px;
        color: #999;
        width: 100%; }
      .m_Crumbs ul li.active a {
        color: #5d98d7; }

.main {
  padding: 50px 0 80px; }

.tit_in {
  font-size: 36px;
  font-weight: normal;
  color: #333;
  margin-bottom: 35px; }
  .tit_in .line {
    width: 25px;
    height: 2px;
    margin: 30px auto 0;
    background: #2780be; }

.body_wrap {
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
  opacity: 0; }

.body_wrap.left, .header.left {
  transform: translateX(-66%); }

.m_sub_menu.show {
  right: 0;
  transition: all 0.44s ease 0s; }

.m_sub_menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.64s ease 0s; }
  .m_sub_menu .top_box {
    text-align: right;
    line-height: 60px;
    height: 60px;
    background-color: #333; }
    .m_sub_menu .top_box .stt {
      display: inline-block;
      font-size: 14px;
      color: #666;
      margin-left: 8.2%;
      font-family: "Base-font";
      float: left; }
      .m_sub_menu .top_box .stt a {
        color: #666;
        font-size: 14px; }
    .m_sub_menu .top_box .close {
      display: inline-block;
      width: 17px;
      height: 17px;
      background: url(/Public/Images/home/phpcms/zh-cn/ico_37.png) no-repeat center;
      margin-right: 7.8%;
      margin-top: 22px; }
  .m_sub_menu .list_wrap {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto; }
    .m_sub_menu .list_wrap ul {
      width: 100%; }
    .m_sub_menu .list_wrap li {
      width: 100%;
      border-bottom: 1px solid #f2f2f2; }
      .m_sub_menu .list_wrap li .col_box {
        display: block;
        line-height: 50px;
        padding: 0 7.8% 0 8.2%; }
    .m_sub_menu .list_wrap .tit {
      font-size: 16px;
      color: #666; }
    .m_sub_menu .list_wrap .has_nav .point {
      display: block; }
    .m_sub_menu .list_wrap .point {
      display: none;
      float: right;
      width: 8px;
      height: 12px;
      background: url(/Public/Images/home/phpcms/zh-cn/ico_38.png) no-repeat center;
      margin-top: 19px; }
  .m_sub_menu .bot-link {
    width: 84%;
    padding: 0 7.8% 0 8.2%;
    margin-top: 30px; }
    .m_sub_menu .bot-link a {
      display: inline-block;
      width: 36px;
      height: 50px;
      margin-right: 20px;
      float: left; }
  .m_sub_menu .sec_sub_list {
    position: absolute;
    right: -100%;
    top: 50px;
    bottom: 0;
    background: #fff;
    width: 100%; }
    .m_sub_menu .sec_sub_list .return_fir {
      display: block;
      padding: 0 7.8% 0 8.2%;
      line-height: 50px;
      background-color: #333; }
      .m_sub_menu .sec_sub_list .return_fir p {
        padding-left: 18px;
        color: #fff;
        font-size: 18px;
        background: url(/Public/Images/home/phpcms/zh-cn/ico_42.png) no-repeat left center; }
    .m_sub_menu .sec_sub_list .boxs {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      overflow: auto;
      transition: all 0.4s ease 0s;
      background-color: #fff; }
    .m_sub_menu .sec_sub_list .boxs.show {
      left: -100%; }
    .m_sub_menu .sec_sub_list ul, .m_sub_menu .sec_sub_list li {
      width: 100%; }
    .m_sub_menu .sec_sub_list li {
      border-bottom: 1px solid #f2f2f2; }
      .m_sub_menu .sec_sub_list li a {
        line-height: 50px;
        display: block;
        width: 100%;
        padding: 0 7.8% 0 8.2%;
        font-size: 16px;
        color: #666; }
    .m_sub_menu .sec_sub_list .bot-link {
      margin-top: 14px; }

.pr_ser .pr_row1 .txt {
  width: 80%;
  margin: auto; }
.pr_ser .pr_row {
  padding: 50px 0 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }
.pr_ser .vertical_middle {
  position: absolute;
  top: 45%; }
.pr_ser .right {
  right: 0; }
  .pr_ser .right .txt {
    margin-left: 20px;
    margin-right: 0; }
.pr_ser .txt {
  margin-right: 20px;
  font-size: 15px;
  line-height: 2em;
  color: #666; }
  .pr_ser .txt h3 {
    font-size: 36px;
    color: #333;
    margin-bottom: 25px; }
  .pr_ser .txt p {
    font-size: 15px;
    line-height: 2em;
    color: #666;
    margin-bottom: 15px; }
  .pr_ser .txt.white {
    color: #fff; }
    .pr_ser .txt.white p {
      color: #fff; }
    .pr_ser .txt.white h3 {
      color: #fff; }
  .pr_ser .txt table {
    width: 100%; }
    .pr_ser .txt table td {
      vertical-align: top; }

.main_row {
  position: relative;
  padding: 40px 0;
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .main_row .mod_point {
    position: absolute;
    top: -100px; }
  .main_row.color {
    background: #f7f7f7; }

.about .txt {
  font-size: 15px;
  line-height: 2em;
  color: #666; }
  .about .txt p {
    font-size: 15px;
    line-height: 2em;
    color: #666;
    margin-bottom: 1em; }
  .about .txt h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 0.5em; }

.main_row1 .row {
  margin-left: -35px;
  margin-right: -35px; }
.main_row1 .col_lg_12 {
  padding-left: 35px;
  padding-right: 35px; }

.main_row2 img {
  display: block;
  margin-bottom: 5px; }
.main_row2 .dis {
  padding-left: 65px;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-position: left top; }
  .main_row2 .dis h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px; }
  .main_row2 .dis p {
    font-size: 15px;
    line-height: 2em;
    color: #666;
    margin-bottom: 0; }
.main_row2 .dis1 {
  background-image: url(/Public/Images/home/phpcms/zh-cn/icon_honest.png); }
  .main_row2 .dis1 h3 {
    color: #d5a208; }
.main_row2 .dis2 {
  background-image: url(/Public/Images/home/phpcms/zh-cn/icon_happy.png); }
  .main_row2 .dis2 h3 {
    color: #d55008; }
.main_row2 .dis3 {
  background-image: url(/Public/Images/home/phpcms/zh-cn/icon_sh.png); }
  .main_row2 .dis3 h3 {
    color: #08a7d5; }

.main_row3 .bg_wave {
  background: url(/Public/Images/home/phpcms/zh-cn/bg_bolang.png) repeat-x bottom;
  margin-bottom: -20px; }
.main_row3 .slick_box {
  margin-top: 40px;
  border-bottom: 1px solid #c2c2c2; }
.main_row3 .develop_img {
  margin-top: 20px; }
.main_row3 .develop_slick {
  margin: 0 70px; }
  .main_row3 .develop_slick > .slick_fix {
    display: none; }
  .main_row3 .develop_slick .slick-arrow .iconfont {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    line-height: 34px; }
  .main_row3 .develop_slick .slick-prev {
    background: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #a3a3a3;
    left: -80px;
    top: auto;
    bottom: 3px;
    border-radius: 50%;
    border: 1px solid #b2b1b1; }
    .main_row3 .develop_slick .slick-prev:hover {
      border-color: #5d98d7;
      color: #5d98d7; }
  .main_row3 .develop_slick .slick-prev:after {
    display: none; }
  .main_row3 .develop_slick .slick-next {
    background: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #a3a3a3;
    right: -80px;
    top: auto;
    bottom: 3px;
    border-radius: 50%;
    border: 1px solid #b2b1b1; }
    .main_row3 .develop_slick .slick-next:hover {
      border-color: #5d98d7;
      color: #5d98d7; }
  .main_row3 .develop_slick .slick-next:after {
    display: none; }
  .main_row3 .develop_slick .item {
    transition-delay: 0.2s;
    transition-duration: 0.2s;
    text-align: center;
    position: relative;
    height: 140px;
    margin-bottom: 20px; }
    .main_row3 .develop_slick .item .year {
      font-size: 48px;
      font-family: Impact;
      color: #e4961a;
      line-height: 1; }
    .main_row3 .develop_slick .item p {
      font-size: 15px;
      color: #666;
      margin-top: 10px; }
    .main_row3 .develop_slick .item em {
      position: absolute;
      width: 14px;
      height: 14px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #e4961a;
      bottom: -7px;
      left: 50%;
      margin-left: -7px;
      background: #fff; }

.main_row4 {
  padding: 60px 0 80px; }

#certify {
  position: relative;
  width: 1300px;
  margin: 0 auto; }
  #certify .swiper-container {
    padding-bottom: 40px; }
  #certify .swiper-slide {
    width: 310px; }
  #certify .swiper-slide img {
    display: block;
    width: 100%; }
  #certify .swiper-pagination {
    width: 100%;
    bottom: 20px; }
  #certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1; }
  #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff; }
  #certify .dis_p {
    display: none;
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 15px; }
  #certify .swiper-slide-active .dis_p {
    display: block; }
  #certify .slick-arrow .iconfont {
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    line-height: 40px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    color: #666666;
    text-align: center; }
  #certify .slick-prev {
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    left: -60px;
    top: 50%;
    border-radius: 50%;
    margin-top: -35px; }
  #certify .slick-prev:after {
    display: none; }
  #certify .slick-next {
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    right: -60px;
    top: 50%;
    border-radius: 50%;
    margin-top: -35px; }
  #certify .slick-next:after {
    display: none; }

.product {
  padding: 40px 0;
  background: url(/Public/Images/home/phpcms/zh-cn/pro_bg.png) repeat; }
  .product .product_left {
    width: 110px;
    float: left; }
    .product .product_left h3 {
      font-size: 16px;
      color: #000;
      padding-bottom: 10px;
      margin-bottom: 5px;
      border-bottom: 1px dashed #979797; }
  .product .pronav_list {
    margin-bottom: 20px; }
    .product .pronav_list a {
      display: block;
      height: 30px;
      line-height: 30px; }
      .product .pronav_list a .point {
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
        font-family: Arial;
        font-size: 29px; }
      .product .pronav_list a .name {
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
        font-family: Noto_Light;
        color: #777; }
      .product .pronav_list a i {
        float: right; }
      .product .pronav_list a .icon_woods {
        width: 16px;
        background: url(/Public/Images/home/phpcms/zh-cn/icon_woods.png) no-repeat center/16px; }
      .product .pronav_list a:hover .name {
        color: #000; }
  .product .history_list {
    margin-top: 15px; }
    .product .history_list a {
      display: block;
      margin-bottom: 15px; }
    .product .history_list .img {
      padding-top: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fff; }
  .product .product_right {
    margin-left: 190px; }
  .product .shera_link {
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    -webkit-animation: fadeOutUp 0.3s both 0.1s;
    animation: fadeOutUp 0.3s both 0.1s; }
    .product .shera_link a {
      display: inline-block;
      margin-left: 0;
      margin: 0 8px;
      font-size: 26px;
      color: #fff;
      opacity: 0.7; }
      .product .shera_link a:hover {
        opacity: 1; }
  .product .product_list .img {
    position: relative;
    padding-top: 110%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff; }
  .product .product_list .a {
    display: block;
    padding: 15px; }
  .product .product_list .item {
    margin-bottom: 55px; }
    .product .product_list .item .txt {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      padding: 25px;
      background: transparent;
      /*The Fallback color,这里也可以使用一张图片来代替*/
      background: rgba(0, 0, 0, 0.5);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000)";
      /*Filter for IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00000000, endColorstr=#00000000);
      /*Filter for older IEs */
      visibility: hidden;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .product .product_list .item em {
      width: 40px;
      text-align: center;
      display: block;
      margin: 15% auto 15px;
      color: #fff;
      padding-bottom: 10px;
      border-bottom: 1px dashed #fff;
      -webkit-animation: fadeOutUp 0.3s both 0.1s;
      animation: fadeOutUp 0.3s both 0.1s; }
      .product .product_list .item em .iconfont {
        font-size: 26px; }
    .product .product_list .item .b {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20%;
      left: 0;
      -webkit-animation: fadeOutRight 0.3s both 0.1s;
      animation: fadeOutRight 0.3s both 0.1s; }
      .product .product_list .item .b .more_link {
        display: inline-block;
        padding: 1px 10px;
        line-height: 0.8;
        color: #fff;
        font-size: 12px;
        border-left: 1px solid rgba(255, 255, 255, 0.5); }
      .product .product_list .item .b span {
        display: inline-block;
        vertical-align: middle;
        font-family: Noto_Light; }
      .product .product_list .item .b .pots {
        font-size: 20px; }
      .product .product_list .item .b .icon {
        font-family: 宋体; }
    .product .product_list .item .a {
      display: block;
      padding: 15px; }
      .product .product_list .item .a:hover h4 {
        color: #000; }
    .product .product_list .item h4 {
      font-weight: normal;
      font-size: 16px;
      margin-bottom: 8px;
      font-family: Noto_Light;
      color: #333;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .product .product_list .item .dis {
      font-size: 12px;
      line-height: 1.8;
      font-family: Noto_Light;
      color: #777;
      height: 42px;
      overflow: hidden; }
    .product .product_list .item:hover .txt {
      visibility: visible;
      background: black;
      /*The Fallback color,这里也可以使用一张图片来代替*/
      background: rgba(0, 0, 0, 0.7);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#B2000000,endColorstr=#B2000000)";
      /*Filter for IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#B2000000, endColorstr=#B2000000);
      /*Filter for older IEs */
      /*
      .0（00） .1（19） .05（0C） .15（26）
      .2（33） .3（4C） .25（3F） .35（59）
      .4（66） .5（7F） .45（72） .55（8C）
      .6（99） .7（B2） .65（A5） .75（BF）
      .8（CC） .9（E5） .85（D8） .95（F2）
      */ }
    .product .product_list .item:hover em {
      -webkit-animation: fadeInUp 0.3s both 0.1s;
      animation: fadeInUp 0.3s both 0.1s; }
    .product .product_list .item:hover .shera_link {
      -webkit-animation: fadeInUp 0.3s both 0.2s;
      animation: fadeInUp 0.3s both 0.2s; }
    .product .product_list .item:hover .b {
      -webkit-animation: fadeInLeft 0.3s both 0.1s;
      animation: fadeInLeft 0.3s both 0.1s; }

.product_detail {
  background: url(/Public/Images/home/phpcms/zh-cn/pro_bg.png) repeat; }
  .product_detail .crumbs {
    background: transparent;
    height: 78px;
    line-height: 78px; }
  .product_detail .top .product_slick1 {
    margin-right: 20px; }
    .product_detail .top .product_slick1 > .slick_fix {
      display: none; }
    .product_detail .top .product_slick1 > .slick_fix:first-child {
      display: block; }
    .product_detail .top .product_slick1 .img {
      padding-top: 76%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fff; }
    .product_detail .top .product_slick1 .slick-dots {
      position: static;
      margin-top: 35px; }
    .product_detail .top .product_slick1 .slick-dots li {
      width: 10px;
      height: 10px;
      background-color: #39393a;
      border: 2px solid #fff; }
    .product_detail .top .product_slick1 .slick-dots li.slick-active {
      background: #fff;
      border: 2px solid #39393a; }
  .product_detail .top .left {
    width: 750px;
    float: left; }
  .product_detail .top .right {
    margin-left: 800px; }
    .product_detail .top .right .txt h3 {
      font-weight: normal;
      font-size: 24px;
      margin-bottom: 10px;
      font-family: Noto_Light;
      color: #222; }
    .product_detail .top .right .txt p {
      font-size: 14px;
      line-height: 1.8;
      font-family: Noto_Light;
      color: #555; }
  .product_detail .top .pro_btn_box {
    background: #333;
    display: inline-block;
    padding: 10px 0;
    font-size: 0;
    margin-top: 80px; }
    .product_detail .top .pro_btn_box .pro_btn {
      position: relative;
      width: 60px;
      text-align: center;
      display: inline-block; }
      .product_detail .top .pro_btn_box .pro_btn:first-child {
        border-right: 1px solid #fff; }
      .product_detail .top .pro_btn_box .pro_btn > .iconfont {
        font-size: 26px;
        color: #fff; }
    .product_detail .top .pro_btn_box .shera_link {
      left: 0;
      top: 100%;
      padding: 15px 0;
      position: absolute;
      text-align: center;
      white-space: nowrap;
      visibility: hidden;
      font-size: 0;
      -webkit-animation: fadeOutRight 0.3s both 0.1s;
      animation: fadeOutRight 0.3s both 0.1s; }
      .product_detail .top .pro_btn_box .shera_link a {
        display: inline-block;
        margin-right: 10px;
        font-size: 26px;
        color: #333;
        opacity: 0.8; }
        .product_detail .top .pro_btn_box .shera_link a:hover {
          opacity: 1; }
    .product_detail .top .pro_btn_box .shera_box:hover .shera_link {
      visibility: visible;
      -webkit-animation: fadeInRight 0.2s both 0.1s;
      animation: fadeInRight 0.2s both 0.1s; }
  .product_detail .con {
    padding-top: 30px;
    padding-bottom: 60px;
    margin-top: 40px;
    border-top: 1px dashed #d0d0d0; }
    .product_detail .con h3 {
      font-size: 20px;
      color: #000;
      margin-bottom: 20px;
      font-family: Noto_Light; }
    .product_detail .con .img_box img {
      display: block;
      width: 100%;
      opacity: 0; }

.news .news_detail .news_head {
  text-align: left; }
.news .news_detail .news_head h3 {
  font-size: 28px;
  color: #333;
  font-weight: normal;
  margin-bottom: 25px;
  padding-top: 20px; }
.news .news_detail .news_head h3 small {
  font-size: 20px;
  color: #333;
  font-weight: normal; }
.news .news_detail .news_head p {
  text-align: left; }
.news .news_detail .news_head .news_info {
  padding: 18px 25px;
  background: #f1f1f1; }
  .news .news_detail .news_head .news_info .iconfont {
    margin-right: 5px; }
.news .news_detail .news_head .news_info span {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-right: 20px; }
.news .news_detail .news_con {
  padding-top: 25px;
  margin-bottom: 30px; }
.news .news_detail .news_con p {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 15px; }
.news .news_detail .news_con p.p_img {
  text-indent: 0 !important;
  text-align: center; }
.news .news_detail .news_con p.p_img img {
  height: auto; }
.news .news_detail .news_con img {
  display: block;
  margin: 25px auto; }
.news .news_foot {
  margin-top: 50px;
  padding: 18px 25px;
  background: #f1f1f1;
  position: relative; }
  .news .news_foot .back a {
    position: absolute;
    top: 50%;
    right: 40px;
    font-size: 14px;
    display: block;
    padding: 0 30px;
    line-height: 43px;
    text-align: center;
    color: #5d98d7;
    border: 1px solid #5d98d7;
    border-radius: 4px;
    margin-top: -22px; }
    .news .news_foot .back a:hover {
      color: #fff;
      background: #5d98d7; }
  .news .news_foot .link_list {
    margin-right: 150px; }
  .news .news_foot .link_list li,
  .news .news_foot .link_list li a {
    font-size: 14px;
    color: #666;
    line-height: 2; }
  .news .news_foot .link_list li a:hover {
    color: #5d98d7; }
.news .btn_box {
  margin: 20px 0 60px;
  text-align: center; }
  .news .btn_box a {
    display: inline-block;
    width: 250px;
    line-height: 60px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15); }
    .news .btn_box a:hover {
      -webkit-box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25);
      box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25); }

.news_list {
  padding: 10px 0; }
  .news_list .item {
    display: block;
    background: #fff;
    margin-bottom: 40px; }
    .news_list .item:hover {
      -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      /* IE 9 */
      -moz-transform: translateY(-3px);
      /* Firefox */
      -webkit-transform: translateY(-3px);
      /* Safari 和 Chrome */
      -o-transform: translateY(-3px);
      /* Opera */ }
      .news_list .item:hover .right h4 {
        color: #0074b1; }
      .news_list .item:hover .right em {
        color: #fff;
        background: #0074b1; }
  .news_list .left {
    width: 370px;
    float: left; }
    .news_list .left .img {
      padding-top: 210px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .news_list .right {
    margin-left: 420px;
    position: relative; }
    .news_list .right h4 {
      font-size: 20px;
      color: #333;
      margin-bottom: 15px;
      font-weight: normal;
      padding-top: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .news_list .right .txt {
      font-size: 17px;
      line-height: 1.8em;
      color: #666;
      max-height: 3.6em;
      overflow: hidden; }
    .news_list .right em {
      display: inline-block;
      padding: 9px 25px 10px;
      font-size: 15px;
      color: #5d98d7;
      border: 1px solid #5d98d7;
      margin-top: 20px;
      border-radius: 3px; }
      .news_list .right em .iconfont {
        font-size: 12px;
        margin-left: 5px; }

.contact {
  background-color: #fff; }
  .contact h4 {
    font-size: 16px;
    color: #5d98d7;
    line-height: 2.1em; }
  .contact p {
    font-size: 16px;
    color: #666;
    line-height: 2.1em; }
    .contact p i.iconfont {
      font-size: 18px;
      margin-right: 8px;
      vertical-align: middle; }
    .contact p span {
      font-size: 24px;
      color: #ce0837; }
  .contact .left_mar {
    border-left: 1px solid #ccc;
    height: 100px;
    text-indent: 40px; }
  .contact #map {
    height: 420px;
    margin-bottom: 55px;
    border: 3px solid #d5d4d4; }
  .contact .form_box {
    margin: 0 auto; }
    .contact .form_box .inp_control {
      height: 44px;
      color: #555;
      font-size: 14px;
      border-radius: 0;
      padding-left: 15px;
      background: transparent; }
    .contact .form_box .inp {
      margin-top: 5px; }
      .contact .form_box .inp .tips {
        line-height: 44px; }
    .contact .form_box .inp_up .inp_control {
      height: 42px; }
    .contact .form_box .inp_up .tips {
      right: 180px;
      line-height: 44px; }
    .contact .form_box textarea.inp_control {
      height: 240px;
      color: #555;
      font-size: 14px;
      font-family: "思源黑体", "微软雅黑", "Arial";
      resize: none; }
    .contact .form_box .btn {
      background: #5d98d7;
      color: #fff;
      font-size: 14px;
      height: 45px;
      width: 150px;
      border-radius: 0; }
      .contact .form_box .btn:hover {
        background: #e06130; }
    .contact .form_box .yzm_img {
      height: 44px;
      width: auto;
      border-radius: 4px; }
    .contact .form_box .yz_box {
      margin-top: 20px; }
    .contact .form_box .btn {
      margin-top: 10px; }

.main_row5 .txt p {
  font-size: 16px;
  line-height: 1.7em; }
.main_row5 .txt h4 {
  font-size: 16px;
  color: #5d98d7;
  margin-bottom: 5px;
  font-weight: bold; }
.main_row5 .left {
  min-height: 240px;
  padding-right: 4%; }
.main_row5 .center {
  min-height: 240px;
  padding-left: 4%;
  padding-right: 4%;
  border-left: 1px solid #cfcece; }
.main_row5 .right {
  min-height: 240px;
  padding-left: 4%;
  border-left: 1px solid #cfcece;
  text-align: right; }

.lab {
  padding-bottom: 40px;
  background: #f7f7f7; }
  .lab .main_row {
    padding: 0; }
    .lab .main_row .container_1400 {
      border-top: 1px solid #e6e6e6;
      padding: 40px 0; }
  .lab .txt_h {
    color: #116ebc;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 30px; }
    .lab .txt_h p {
      color: #116ebc; }
  .lab .txt {
    font-size: 15px;
    line-height: 2em;
    color: #666; }
    .lab .txt h3 {
      font-size: 28px;
      color: #333;
      margin-bottom: 25px;
      margin-top: 20px; }
    .lab .txt .line {
      display: block;
      width: 25px;
      height: 2px;
      background: #5d98d7;
      margin-top: 25px; }
    .lab .txt p {
      font-size: 15px;
      line-height: 2em;
      color: #666;
      margin-bottom: 15px; }

.search_result .btn_box {
  margin: 20px 0 60px;
  text-align: center; }
  .search_result .btn_box a {
    display: inline-block;
    width: 250px;
    line-height: 60px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.15); }
    .search_result .btn_box a:hover {
      -webkit-box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25);
      box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.25); }
.search_result .search_bd {
  padding: 30px 20px;
  background: #e0e0e0; }
  .search_result .search_bd .inp_control {
    height: 48px;
    border: 1px solid #cdcdcd;
    border-radius: 0; }
  .search_result .search_bd .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 46px;
    padding: 0;
    background: #ededed;
    border-radius: 0;
    border-left: 1px solid #cdcdcd;
    color: #292929; }
    .search_result .search_bd .btn .iconfont {
      font-size: 20px; }
    .search_result .search_bd .btn:hover {
      background: #E7E7E7; }

.login_pop {
  width: 330px;
  margin: 30px auto 50px; }
  .login_pop .inp_control {
    height: 42px;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding-left: 30px; }
  .login_pop .inp {
    margin-bottom: 15px; }
    .login_pop .inp .iconfont {
      position: absolute;
      top: 0;
      left: 5px;
      font-size: 20px;
      line-height: 42px;
      color: #41404e; }
  .login_pop .btn {
    width: 100%; }
  .login_pop .row {
    margin: 0 -4px; }
  .login_pop .col_lg_12 {
    padding: 0 4px; }
  .login_pop .btn {
    height: 42px;
    padding: 10px 25px;
    font-weight: normal;
    margin-top: 10px; }
  .login_pop .btn_login {
    background: #ff6700; }
    .login_pop .btn_login:hover {
      background: #E56200; }
  .login_pop .btn_sign {
    background: #b0b0b0; }
    .login_pop .btn_sign:hover {
      background: #A4A4A4;
      color: #fff; }
  .login_pop .yzm {
    height: 42px;
    display: inline-block;
    vertical-align: middle; }
  .login_pop .fresh {
    line-height: 42px;
    color: #666;
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle; }
    .login_pop .fresh:hover {
      color: #5d98d7; }
    .login_pop .fresh .iconfont {
      font-size: 20px; }

.login-layer .layui-layer-setwin {
  right: 36px;
  top: 36px; }

.sign_page {
  padding: 4% 0 6%; }
  .sign_page .sign_list {
    width: 500px;
    margin: auto; }
  .sign_page .sign_list .left {
    float: left;
    width: 85px;
    line-height: 45px;
    text-align: right;
    color: #555;
    font-size: 14px; }
  .sign_page .sign_list .inp_form {
    margin-left: 100px;
    width: 360px;
    position: relative; }
  .sign_page .sign_list .inp_form .inp_control {
    height: 45px;
    background: transparent;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 15px;
    border-color: #d7d5d5; }
  .sign_page .sign_list .inp_form .inp_yam {
    width: 60%; }
  .sign_page .sign_list .inp_form .inp_yam {
    width: 62%; }
  .sign_page .sign_list .inp_form .btn_yam {
    position: absolute;
    right: 0;
    top: 0;
    width: 36%;
    padding: 1px 0px;
    height: 45px;
    outline: none;
    background: transparent;
    color: #999999; }
    .sign_page .sign_list .inp_form .btn_yam .yzm {
      height: 42px;
      display: inline-block;
      vertical-align: middle; }
    .sign_page .sign_list .inp_form .btn_yam .fresh {
      line-height: 42px;
      color: #666;
      margin-left: 3px;
      display: inline-block;
      vertical-align: middle; }
      .sign_page .sign_list .inp_form .btn_yam .fresh:hover {
        color: #5d98d7; }
      .sign_page .sign_list .inp_form .btn_yam .fresh .iconfont {
        font-size: 20px; }
  .sign_page .sign_list .inp_form .btn_sub {
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    font-size: 15px;
    height: 45px;
    background: #329bdd; }

.personal_center {
  padding: 50px 0 80px;
  background: #f5f5f5;
  position: relative; }
  .personal_center .personal_left {
    width: 260px;
    height: 650px;
    float: left;
    padding-top: 40px;
    overflow: hidden;
    background: #ffffff;
    text-align: center; }
    .personal_center .personal_left .per_list > li {
      margin-bottom: 25px; }
    .personal_center .personal_left .per_list h3 {
      font-size: 16px;
      line-height: 45px;
      color: #333;
      text-align: left;
      font-weight: normal;
      text-indent: 45px; }
      .personal_center .personal_left .per_list h3 .iconfont {
        font-size: 32px;
        vertical-align: middle;
        margin-right: 10px; }
    .personal_center .personal_left .per_list li > a {
      display: block;
      line-height: 35px;
      text-indent: 45px;
      text-align: left;
      font-size: 16px;
      color: #757575; }
      .personal_center .personal_left .per_list li > a span {
        display: inline-block;
        text-indent: 0px; }
    .personal_center .personal_left .per_list li a:hover,
    .personal_center .personal_left .per_list li a.on {
      color: #ff6700; }
    .personal_center .personal_left .sub_list > li a {
      text-indent: 45px;
      font-size: 14px; }
  .personal_center .personal_right {
    margin-left: 280px;
    min-height: 650px;
    padding: 45px 50px;
    overflow: hidden;
    background-color: #fff; }
    .personal_center .personal_right .tit_in {
      text-align: left;
      margin-bottom: 25px;
      position: relative; }
    .personal_center .personal_right .btn_fix {
      float: right;
      background-color: #5d98d7;
      width: 144px;
      height: 44px;
      padding: 8px;
      border-radius: 4px;
      font-size: 18px; }
    .personal_center .personal_right .table_box {
      margin-top: 30px; }
      .personal_center .personal_right .table_box .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px; }
        .personal_center .personal_right .table_box .table .btn_type {
          color: #5d98d7;
          background: #edecec;
          font-size: 12px;
          padding: 4px 0 3px;
          width: 80px;
          margin-right: 10px;
          border-radius: 4px; }
      .personal_center .personal_right .table_box .table thead tr th,
      .personal_center .personal_right .table_box .table tbody tr th,
      .personal_center .personal_right .table_box .table thead tr td,
      .personal_center .personal_right .table_box .table tbody tr td {
        padding: 20px 10px;
        line-height: 1.42857143;
        vertical-align: middle;
        font-size: 16px;
        text-align: center; }
      .personal_center .personal_right .table_box .table tbody tr {
        border-bottom: 1px solid #e5e4e4; }
      .personal_center .personal_right .table_box .table tbody tr td {
        color: #555; }
        .personal_center .personal_right .table_box .table tbody tr td.done {
          color: #999; }
        .personal_center .personal_right .table_box .table tbody tr td.no_done {
          color: #5d98d7; }
        .personal_center .personal_right .table_box .table tbody tr td.checking, .personal_center .personal_right .table_box .table tbody tr td a, .personal_center .personal_right .table_box .table tbody tr td.name {
          color: #b5b5b4; }
        .personal_center .personal_right .table_box .table tbody tr td a:hover {
          color: #5d98d7; }
      .personal_center .personal_right .table_box .table thead tr {
        border: none;
        color: #999; }
      .personal_center .personal_right .table_box .table thead tr th {
        background: #f0efef;
        font-weight: normal; }
  .personal_center .tit_in {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px; }
  .personal_center .per_img {
    display: block;
    float: left;
    margin-left: 40px;
    margin-top: 5%;
    height: 130px;
    width: 130px;
    overflow: hidden; }
    .personal_center .per_img .img_box {
      border: 1px solid #b5b3b3;
      border-radius: 50%; }
    .personal_center .per_img img {
      display: block;
      width: 90%;
      border-radius: 50%;
      margin: 5%; }
    .personal_center .per_img .per_name {
      font-size: 14px;
      font-weight: normal;
      margin: 20px 0; }
  .personal_center .info_list {
    padding-top: 10px;
    margin-left: 300px;
    color: #333;
    font-size: 15px;
    line-height: 35px; }
    .personal_center .info_list .name {
      display: inline-block;
      vertical-align: middle; }
    .personal_center .info_list .item {
      margin-bottom: 10px; }
      .personal_center .info_list .item .inp {
        display: inline-block;
        vertical-align: middle;
        width: 300px;
        margin-bottom: 0; }
      .personal_center .info_list .item .inp_control {
        height: 35px;
        border-radius: 0;
        border-color: #d0cfcf; }
      .personal_center .info_list .item .upload_btn {
        background-color: #e3e3e3;
        width: 80px;
        height: 43px;
        padding: 4px;
        border-radius: 4px;
        font-size: 16px;
        margin-top: 0; }
      .personal_center .info_list .item .upload_file {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 36px;
        opacity: 0;
        font-size: 0; }
      .personal_center .info_list .item .sub_btn {
        width: 180px;
        height: 40px;
        margin-top: 10px;
        border-radius: 0;
        font-size: 16px;
        background-color: #ff6700; }
    .personal_center .info_list .edit {
      font-size: 14px;
      margin-left: 15px;
      color: #ff6700; }
      .personal_center .info_list .edit .iconfont {
        color: #ff6700; }

.product_list {
  border-bottom: 1px dashed #c2c2c2;
  padding-bottom: 20px; }
  .product_list .row {
    font-size: 0; }
  .product_list .col_lg_12 {
    padding: 0 5px;
    display: inline-block;
    vertical-align: top; }
  .product_list .item {
    display: block;
    margin-bottom: 40px; }
    .product_list .item .left {
      float: left;
      width: 56%;
      overflow: hidden; }
    .product_list .item .img {
      padding-top: 67.857%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #f9f9f9; }
    .product_list .item .right {
      margin-left: 61%; }
    .product_list .item .name {
      font-size: 16px;
      color: #333;
      line-height: 2;
      margin-top: 5px; }
    .product_list .item p {
      font-size: 14px;
      color: #666;
      line-height: 2; }
      .product_list .item p span {
        color: #ff0000; }
    .product_list .item .a {
      display: inline-block;
      text-align: center;
      width: 120px;
      height: 40px;
      line-height: 40px;
      font-size: 15px;
      background: #ff6700;
      color: #fff;
      margin-top: 20%;
      cursor: pointer; }
      .product_list .item .a:hover {
        background: #D06F2C; }

.mode_link {
  position: absolute;
  top: -100px; }

.checkbox_item {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  background: url(/Public/Images/home/phpcms/zh-cn/select.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .checkbox_item.sm {
    height: 18px;
    width: 18px;
    background-size: 18px; }
  .checkbox_item.checked {
    background-image: url(/Public/Images/home/phpcms/zh-cn/selected.png); }
  .checkbox_item input {
    cursor: pointer;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }

.cart_table {
  margin-top: 25px;
  border: 1px solid #efefef; }
  .cart_table table {
    width: 100%;
    text-align: center; }
  .cart_table .sep_row {
    border: none; }
    .cart_table .sep_row td {
      border: none;
      padding: 10px 0; }
  .cart_table th {
    padding: 17px 0 15px 0;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    text-align: center; }
  .cart_table tbody tr {
    border-top: 1px solid #d2d2d2; }
  .cart_table td {
    padding: 15px 0;
    color: #333;
    vertical-align: middle; }
  .cart_table td.td_pro {
    width: 400px; }
    .cart_table td.td_pro .pro_box {
      width: 360px;
      margin: auto; }
      .cart_table td.td_pro .pro_box .del {
        display: none;
        float: right;
        margin: 0 5px;
        padding: 4px;
        line-height: 1;
        margin-top: -8px; }
    .cart_table td.td_pro .pro_box .left {
      width: 150px;
      overflow: hidden;
      float: left; }
    .cart_table td.td_pro .pro_box .img {
      padding-top: 67.857%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .cart_table td.td_pro .pro_box .right {
      margin-left: 165px;
      line-height: 100px;
      text-align: left; }
  .cart_table .td_check {
    width: 75px;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px; }
    .cart_table .td_check span {
      margin-left: 3px; }
  .cart_table .td_info {
    width: 600px; }
  .cart_table .goods_info {
    margin: 0 10px; }
    .cart_table .goods_info .g_img {
      width: 180px;
      float: left; }
    .cart_table .goods_info .img {
      display: block;
      height: 100px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .cart_table .goods_info .g_dis {
      margin-left: 195px;
      margin-right: 40px;
      text-align: left; }
      .cart_table .goods_info .g_dis .goods_name {
        color: #666;
        line-height: 1.5;
        max-height: 54px;
        min-height: 36px;
        margin-bottom: 10px;
        display: block;
        overflow: hidden; }
        .cart_table .goods_info .g_dis .goods_name:hover {
          color: #e46c0a; }
      .cart_table .goods_info .g_dis .goods_type {
        color: #999;
        line-height: 1.5; }
      .cart_table .goods_info .g_dis .goods_price .num {
        float: right; }
  .cart_table .count_box {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 1px solid #e3e3e3; }
    .cart_table .count_box .count_btn {
      display: block;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 18px;
      color: #666;
      float: left;
      font-family: Arial; }
      .cart_table .count_box .count_btn:hover {
        background: #e3e3e3; }
    .cart_table .count_box .count_inp {
      height: 40px;
      width: 40px;
      margin: 0 1px;
      float: left;
      border: none;
      text-align: center;
      color: #666; }
  .cart_table .count_name {
    vertical-align: inherit; }
  .cart_table .price_all {
    color: #e46c0a; }
  .cart_table .td_operate a {
    color: #555; }
    .cart_table .td_operate a:hover {
      color: #e46c0a; }
  .cart_table .tr_bottom {
    padding: 17px 0 15px 0;
    font-weight: normal;
    font-size: 14px;
    color: #333; }
    .cart_table .tr_bottom .op_link {
      font-size: 14px;
      color: #666;
      margin: 0 10px;
      line-height: 70px; }
      .cart_table .tr_bottom .op_link:hover {
        color: #e46c0a; }
    .cart_table .tr_bottom .td_all {
      vertical-align: middle;
      text-align: right;
      padding-right: 20px; }
      .cart_table .tr_bottom .td_all a {
        display: inline-block;
        line-height: 50px;
        width: 155px;
        text-align: center;
        background: #ff6700;
        color: #fff;
        font-size: 18px; }
      .cart_table .tr_bottom .td_all a:hover {
        background: #f85824; }
      .cart_table .tr_bottom .td_all span {
        margin-right: 10px;
        font-size: 14px;
        color: #ff6700;
        line-height: 50px; }
      .cart_table .tr_bottom .td_all span b {
        font-size: 28px;
        font-weight: bold; }
      .cart_table .tr_bottom .td_all .check_bottom {
        display: none;
        padding-left: 8px; }
        .cart_table .tr_bottom .td_all .check_bottom span {
          color: #999; }
  .cart_table .add_box {
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .cart_table .add_box span {
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle; }
    .cart_table .add_box .cart_num {
      font-size: 16px;
      color: #333;
      margin-right: 15px; }
    .cart_table .add_box .cart_price {
      font-size: 14px;
      color: #666; }
    .cart_table .add_box .totle_price {
      color: #e46c0a;
      font-size: 30px;
      margin-right: 10px; }
    .cart_table .add_box .add_btn {
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      height: 70px;
      width: 160px;
      line-height: 70px;
      font-size: 24px;
      text-align: center;
      background: #e46c0a;
      color: #fff; }
      .cart_table .add_box .add_btn:hover {
        background: #e46c0a; }
  .cart_table .m_num {
    display: none; }

.no_data {
  padding: 150px 0 250px 0;
  font-size: 28px;
  text-align: center;
  color: #999; }

.loader {
  padding: 5% 0;
  width: 100%;
  text-align: center; }

.loading_flash {
  background-color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 1px solid #000;
  border-bottom-color: transparent;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
  position: fixed;
  left: 50%;
  margin-left: -18px;
  top: 50%;
  margin-top: -18px;
  z-index: 99999; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  65% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1); } }
.personal_center_m {
  text-align: center;
  margin: 20px 2% 80px 2%;
  background: #fff;
  padding: 35px 10px;
  border-radius: 3px; }
  .personal_center_m .per_img {
    display: inline-block;
    height: 95px;
    width: 95px;
    border-radius: 50%;
    overflow: hidden; }
    .personal_center_m .per_img img {
      width: 100%; }
  .personal_center_m .per_name {
    font-size: 14px;
    color: #555;
    font-weight: normal;
    margin: 20px 0; }
  .personal_center_m .per_list li {
    margin-bottom: 10px; }
  .personal_center_m .per_list li h3 {
    text-align: left;
    font-size: 18px;
    line-height: 2.5;
    background: #eee; }
    .personal_center_m .per_list li h3 a {
      display: block; }
    .personal_center_m .per_list li h3 span {
      display: block;
      padding-right: 15px;
      padding-left: 15px; }
  .personal_center_m .per_list li > a {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 2.5;
    text-align: left;
    font-size: 15px;
    color: #666; }
    .personal_center_m .per_list li > a .iconfont {
      font-size: 24px;
      vertical-align: middle;
      margin-right: 8px;
      color: #5d98d7; }
    .personal_center_m .per_list li > a span {
      display: inline-block;
      vertical-align: middle; }
  .personal_center_m dl {
    border-top: 1px solid #e6e6e6; }
    .personal_center_m dl a {
      text-align: center;
      display: block;
      padding: 20% 0; }
      .personal_center_m dl a .iconfont {
        font-size: 30px;
        color: #5d98d7;
        margin-bottom: 5px;
        display: inline-block; }
      .personal_center_m dl a p {
        font-size: 12px;
        color: #999; }

/*# sourceMappingURL=kgu.css.map */