@charset "UTF-8";
/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "微软雅黑";
  font-size: 16px; }

body {
  scrollbar-arrow-color: #fff;
  /*上下按钮上三角箭头的颜色*/
  scrollbar-face-color: #000;
  /*滚动条凸出部分的颜色*/
  scrollbar-highlight-color: #000;
  /*滚动条空白部分的颜色*/
  scrollbar-shadow-color: #000;
  /*滚动条阴影的颜色*/
  scrollbar-track-color: #0152d2;
  /*滚动条背景颜色*/
  scrollbar-base-color: black;
  /*滚动条的基本颜色*/
  Cursor: url(mouse.cur);
  /*自定义个性鼠标*/
  /*以上2项适用与：body、div、textarea、iframe*/ }

::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 10px; }

::-webkit-scrollbar-button {
  /* 滚动条两端的按钮 */
  width: 10px;
  background-color: #fff; }

::-webkit-scrollbar:horizontal {
  height: 10px; }

::-webkit-scrollbar-track {
  /* 外层轨道 */
  border-radius: 10px; }

::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分 */
  background-color: #000;
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  /* 滑块 */
  width: 10px;
  border-radius: 5px;
  background: #0152d2; }

::-webkit-scrollbar-corner {
  /* 边角 */
  width: 10px;
  background-color: red; }

::-webkit-scrollbar-thumb:hover {
  /* 鼠标移入滑块 */
  background: red; }

@media screen and (max-width: 900px) {
  body {
    font-size: 14px; } }

::selection {
  background: #4ba700;
  color: #fff; }

::-moz-selection {
  background: #4ba700;
  color: #fff; }

::-webkit-selection {
  background: #4ba700;
  color: #fff; }

#showdata {
  display: none; }

body {
  overflow-x: hidden; }

img {
  border: 0; }

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both; }

.clearfix {
  zoom: 1; }

em, i {
  font-style: normal; }

a {
  font-size: 16px;
  transition: all .3s; }

a:hover {
  text-decoration: none;
  color: #e51e01; }

.w1300 {
  max-width: 1300px;
  margin: 0 auto; }

.w1200 {
  max-width: 1200px;
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.h30 {
  height: 30px; }

.h60 {
  height: 60px; }

.f14 {
  font-size: 14px; }

.f18 {
  font-size: 18px; }

.db {
  display: block; }

.dib {
  display: inline-block; }

/*公共*/
header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  margin: auto; }
  header .logoImg {
    margin: 5px 0 5px 10px; }
    header .logoImg a {
      display: block;
      float: left; }

.top_tel {
  padding: 25px 20px 0 0; }

.qh_nav {
  z-index: 9999; }
  .qh_nav ul {
    width: 800px; }
  .qh_nav li {
    float: left;
    line-height: 93px;
    height: 93px; }
    .qh_nav li a {
      color: #000;
      display: block;
      width: 114px;
      text-align: center;
      height: 93px;
      box-sizing: border-box;
      position: relative; }
      .qh_nav li a:before {
        position: absolute;
        width: 100%;
        left: 0;
        top: 2px;
        height: 4px;
        transition: all .3s;
        visibility: hidden;
        opacity: 0;
        width: 0%;
        background: #b3d055;
        content: ""; }
      .qh_nav li a:hover {
        color: #0d8c00; }
        .qh_nav li a:hover:before {
          position: absolute;
          width: 100%;
          left: 0;
          top: 0px;
          height: 4px;
          transition: all .3s;
          visibility: visible;
          opacity: 1;
          width: 100%;
          background: #b3d055; }
    .qh_nav li .act {
      color: #0f9301;
      font-weight: bold; }
      .qh_nav li .act:before {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0px;
        height: 4px;
        transition: all .3s;
        visibility: visible;
        opacity: 1;
        width: 100%;
        background: #b3d055;
        content: ""; }
  .qh_nav .qh_nav1 ul {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0px;
    top: 76px;
    padding: 20px 2%;
    box-sizing: border-box;
    overflow: hidden;
    transition: .5s;
    text-align: center;
    height: 260px; }
    .qh_nav .qh_nav1 ul:before {
      position: absolute;
      content: "";
      width: 100%;
      left: 0;
      top: -30px;
      height: 8px; }
    .qh_nav .qh_nav1 ul a {
      width: 10.6%;
      color: #fff;
      margin: 20px 0.5% 0 0;
      display: inline-block;
      height: 250px; }
      .qh_nav .qh_nav1 ul a:before {
        display: none; }
      .qh_nav .qh_nav1 ul a span {
        color: #fff;
        text-align: center;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all .3s;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .qh_nav .qh_nav1 ul a img {
        width: 100%;
        display: block; }
      .qh_nav .qh_nav1 ul a:hover {
        background: none; }
        .qh_nav .qh_nav1 ul a:hover span {
          color: #fff;
          background: linear-gradient(45deg, #1574cd, #60b62b); }
        .qh_nav .qh_nav1 ul a:hover:before {
          display: none; }
  .qh_nav .qh_nav1:hover ul {
    visibility: visible;
    opacity: 1;
    top: 96px; }

.lanrenzhijia .tab a.on {
  background: #feb400;
  color: #fff;
  text-decoration: none; }

.lanrenzhijia {
  width: 1400px;
  margin: 30px auto; }
  .lanrenzhijia .tab {
    overflow: hidden;
    background: #143a7f;
    display: flex;
    text-align: center; }
    .lanrenzhijia .tab a {
      color: #fff;
      flex: 1;
      padding: 20px 0; }
      .lanrenzhijia .tab a img {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border-radius: 50%;
        margin-bottom: 10px; }
      .lanrenzhijia .tab a span {
        color: #fff; }
      .lanrenzhijia .tab a:hover {
        background: #feb400;
        color: #fff;
        text-decoration: none; }
  .lanrenzhijia .content3 {
    padding: 20px 0;
    overflow: hidden;
    height: 550px; }
    .lanrenzhijia .content3 li {
      background: #e1e0e0;
      position: relative; }
      .lanrenzhijia .content3 li a {
        position: absolute;
        display: block;
        width: 100%; }
        .lanrenzhijia .content3 li a:nth-of-type(1) {
          top: 0;
          width: 50%; }
        .lanrenzhijia .content3 li a:nth-of-type(2) {
          left: 52%;
          top: 0;
          width: 23%; }
        .lanrenzhijia .content3 li a:nth-of-type(3) {
          left: 77%;
          top: 0;
          width: 23%; }
        .lanrenzhijia .content3 li a:nth-of-type(4) {
          left: 52%;
          top: 280px;
          width: 23%; }
        .lanrenzhijia .content3 li a:nth-of-type(5) {
          left: 77%;
          top: 280px;
          width: 23%; }
        .lanrenzhijia .content3 li a img {
          width: 100%;
          left: 0;
          top: 0;
          display: block; }
        .lanrenzhijia .content3 li a ol {
          display: block;
          width: 100%;
          background: #000;
          text-align: center;
          height: 30px;
          line-height: 30px;
          width: 100%;
          color: #fff; }
    .lanrenzhijia .content3 li {
      display: none; }

/*左右滚动*/
.syal {
  overflow: hidden;
  width: 100%;
  margin:50px auto 0px auto;
  background: #e3e3e3;
  padding: 30px 0; }
  .syal .sl {
    width: 96%;
    margin: 0 auto; }
  .syal li {
    float: left;
    margin-right: 20px;
    width:220px; }
    .syal li a {
      display: block;
      box-sizing: border-box;
      overflow: hidden; }
      .syal li a img {
        display: block;
        width: 97.5%;
        border: 5px solid #fff;
        transition: all .3s; }
      .syal li a ol {
        color: #000;
        text-align: center;
        font-size: 18px;
        padding: 20px 0; }
      .syal li a:hover img {
        border: 5px solid #feb400; }
      .syal li a:hover ol {
        background: #feb400;
        color: #fff; }

.syal2 h2 {
  text-align: center; margin-top:35px;}
.syal2 .more2 {
  width: 190px;
  margin: 40px auto; }
  .syal2 .more2 a {
    background: #4ea300;
    display: block;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    transition: all .3s; }
    .syal2 .more2 a:hover {
      background: #feb400;
      }

#focus_Box {
  position: relative;
  width: 1180px;
  height: 440px;
  margin:30px auto 0 auto;
  padding-top: 20px; }
  #focus_Box ul {
    position: relative;
    height: 440px; }
  #focus_Box li {
    z-index: 0;
    position: absolute;
    width: 0px;
    height: 0px;
    top: 146px;
    cursor: pointer;
    left: 377px;
    overflow: hidden;
    border-radius: 20px; }
    #focus_Box li img {
      width: 100%;
      height: 100%;
      vertical-align: top;
      transition: .5s;
      border-radius: 10px; }
    #focus_Box li:hover img {
      transform: scale(1.05, 1.05); }
    #focus_Box li:hover p {
      background: #4ea300;
      color: #fff;
      font-size: 20px; }
    #focus_Box li p {
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #333;
      background: #f0f0f0;
      text-align: center;
      font-size: 18px;
      transition: all .3s; }
  #focus_Box .prev {
    background: url(../images/btnl.png) no-repeat;
    left: -90px;
    top: 290px; }
    #focus_Box .prev:hover {
      left: -110px;
      opacity: 1; }
  #focus_Box .next {
    background: url(../images/btnr.png) no-repeat;
    right: -90px;
    top: 290px; }
    #focus_Box .next:hover {
      right: -110px;
      opacity: 1; }
  #focus_Box a.imgs-scroll-btn {
    display: block;
    position: absolute;
    z-index: 110;
    top: 7px;
    right: 15px;
    width: 51px;
    height: 23px;
    overflow: hidden;
    background: url(../images/share-btn.png) no-repeat;
    text-indent: -999px; }

#focus_Box .prev, #focus_Box .next {
  display: block;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 51px;
  height: 101px;
  top: 131px;
  transition: 0.5s;
  opacity: 0.6; }

/*产品上下滚动*/
.sycp {
  overflow: hidden; }
  .sycp h2 {
    margin:40px auto 0px auto;
    font-size: 38px;
    line-height: 30px;
    text-align: center; }
    .sycp h2 b {
      color: #191919;
      margin: 15px auto;
      display: block;
      position: relative;
      width: 878px; }
      .sycp h2 b ::before {
        position: absolute;
        right: 120px;
        top: 20px;
        width: 100px;
        height: 1px;
        content: "";
        background: silver; }
      .sycp h2 b ::after {
        position: absolute;
        left: 120px;
        top: 20px;
        width: 100px;
        height: 1px;
        content: "";
        background: silver; }
    .sycp h2 i {
      color: #0152d2; }
    .sycp h2 em {
      display: block;
      font-size: 18px;
      margin-top: 5px;
      font-weight: normal; }

.sycp_fl ul {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  transition: .5s;
  text-align: center;
  position: relative; }
  .sycp_fl ul::before {
    position: absolute;
    content: "";
    bottom: 10px;
    left: 0;
    height: 1px;
    background: #ebebeb;
    width: 100%; }
  .sycp_fl ul a {
    color: #000;
    margin: 0px 1% 0 0;
    display: inline-block;
    border-radius: 50%; }
    .sycp_fl ul a span {
      color: #000;
      text-align: center;
      display: block;
      transition: all .3s;
      font-size: 18px;
      padding-bottom: 30px;
      position: relative; }
      .sycp_fl ul a span::before {
        position: absolute;
        content: "";
        bottom: -0px;
        left: 45%;
        height: 20px;
        width: 20px;
        background: #0152d2;
        border-radius: 50%;
        transition: all .3s; }
    .sycp_fl ul a img {
      width: 128px;
      height: 128px;
      display: block;
      border-radius: 50%;
      margin-bottom: 20px; }
    .sycp_fl ul a:hover {
      background: none;
      transform: translateY(-10px); }
      .sycp_fl ul a:hover span {
        color: #0152d2;
        border-radius: 50px; }
        .sycp_fl ul a:hover span::before {
          background: #65a454; }

.anliroll {
  height: 800px;
  width: 96%;
  margin: 0 auto;
  overflow: hidden; }
  .anliroll li {
    float: left;
    width: 23.2558139535%;
    background: #fff;
    margin: 2% 0 0 1.4%; }
    .anliroll li a {
      display: block;
      overflow: hidden;
      position: relative; }
      .anliroll li a h4 {
        overflow: hidden; }
      .anliroll li a img {
        width: 100%;
        display: block;
        transition: all .5s; }
      .anliroll li a ol {
        line-height: 35px;
        color: #555;
        width: 100%;
        transition: all .3s;
        font-size: 20px;
        border-bottom: 1px solid #e1dfdf;
        padding: 10px 10px;
        box-sizing: border-box; }
        .anliroll li a ol a {
          color: #555;
          font-size: 20px; }
        .anliroll li a ol b {
          display: block;
          background: url(../images/sj.png) left no-repeat;
          background-size: 30px 30px;
          padding-left: 35px; }
      .anliroll li a span {
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: 6%;
        border: 1px solid #dcdcdc;
        border-radius: 999px;
        padding: 10px 20px; }
      .anliroll li a:hover {
        color: #fff; }
        .anliroll li a:hover img {
          transform: scaleX(1.2) scaleY(1.2); }
        .anliroll li a:hover ol {
          background: linear-gradient(45deg, #1574cd, #60b62b);
          color: #fff;
          padding-left: 25px; }
        .anliroll li a:hover span {
          background: #fff;
          color: #000;
          border: 1px solid #1574cd; }

.synews {
  overflow: hidden;
  margin-top:0px;}
  .synews h2 {
    margin:22px auto 0px auto;
    font-size: 38px;
    line-height: 30px;
    text-align: center; }
    .synews h2 b {
      color: #191919;
      margin: 15px auto;
      display: block;
      position: relative;
      width: 878px; }
      .synews h2 b ::before {
        position: absolute;
        right: 120px;
        top: 20px;
        width: 100px;
        height: 1px;
        content: "";
        background: silver; }
      .synews h2 b ::after {
        position: absolute;
        left: 120px;
        top: 20px;
        width: 100px;
        height: 1px;
        content: "";
        background: silver; }
    .synews h2 i {
      color: #0152d2; }
    .synews h2 em {
      display: block;
      font-size: 18px;
      margin-top: 5px;
      font-weight: normal; }
  .synews dl {
    overflow: hidden;
    margin: 30px auto 50px auto; }
    .synews dl dt a {
      background: #eeeeee;
      display: block;
      position: relative;
      width: 32.5%;
      float: left;
      margin-right: 1%; }
      .synews dl dt a:last-child {
        margin-right: 0; }
      .synews dl dt a em {
        position: absolute;
        width: 92px;
        height: 92px;
        display: block;
        background: #cd0000;
        top: 0;
        left: 0;
        text-align: center;
        color: #fff;
        font-size: 28px;
        padding-top: 15px; }
        .synews dl dt a em u {
          display: block;
          text-decoration: none;
          text-align: center;
          color: #fff;
          font-size: 16px; }
      .synews dl dt a img {
        width: 100%;
        height: 302px; }
      .synews dl dt a .l_news {
        padding: 14px 20px;
        box-sizing: border-box; }
        .synews dl dt a .l_news h5 {
          font-size: 18px;
          margin-bottom: 5px; }
        .synews dl dt a .l_news span {
          line-height: 200%;
          display: block; }
        .synews dl dt a .l_news i {
          font-size: 16px;
          color: #000;
          width: 150px;
          height: 40px;
          line-height: 40px;
          display: block;
          text-align: center;
          margin-top: 20px;
          transition: all .6s;
          border: 1px solid #ccc; }
      .synews dl dt a:hover {
        background: #cd0000; }
        .synews dl dt a:hover h5, .synews dl dt a:hover span {
          color: #fff; }
        .synews dl dt a:hover em {
          background: #fc8f20; }
        .synews dl dt a:hover .l_news i {
          width: 300px;
          color: #fff; }

#footer {
  background: #333;
  width: 100%;
  padding: 60px 0 0 0;
  position: relative;
  height:380px;
  box-sizing: border-box; }
  #footer .f1 {
    width: 363px; }
    #footer .f1 h3 {
      font-size: 26px;
      color: #fff;
      margin-bottom: 15px; }
    #footer .f1 h4 {
      color: #fff;
      margin-bottom: 10px;
      font-size: 16px;
      background: url(../images/1_28.jpg) left top no-repeat;
      padding-left: 60px; }
      #footer .f1 h4 strong {
        color: #fff;
        font-size: 33px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        display: block; }
    #footer .f1 p {
      color: #fff;
      line-height: 160%; }
    #footer .f1 a {
      display: block;
      border: 1px solid #fff;
      text-align: center;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fff;
      width: 80%;
      margin-top: 10px; }
  #footer .f2 {
    width: 154px;
    margin-left: 40px; }
    #footer .f2 img {
      padding-right: 30px;
      border-right: 1px solid #ccc; }
  #footer .f3 {
    width: 350px;
    margin-left: 80px;
    color: #fff; }
    #footer .f3 a {
      display: block;
      float: left;
      color: #fff;
      margin: 0 30px 10px 0; }
  #footer .f4 {
    width: 200px; }
    #footer .f4 img {
      display: block; }
    #footer .f4 em {
      text-align: center;
      display: block;
      margin: 20px auto;
      color: #fff; }
  #footer .f5 {
    position: absolute;
    right: 0;
    top: 250px;
    color: #fff; }
    #footer .f5 a {
      color: #fff; }

.f6 {
  background: #1a1a1a;
  text-align: center;
  color: #fff; height:44px;}
  .f6 p {
    color: #fff; line-height:44px;
    text-align: center; }

.jjfa {
  display: flex;
  width: 100%;
  height: 470px; }
  .jjfa a {
    flex: 1;
    position: relative;
    display: block; }
    .jjfa a img {
      width: 100%;
      position: absolute; }
    .jjfa a b {
      position: absolute;
      left: 0;
      right: 0;
      display: block;
      margin: auto;
      width: 50%;
      text-align: center;
      top: 30%;
      font-size: 24px;
      color: #fff;
      border: 1px solid #fff;
      padding: 10px 0; }
    .jjfa a:hover {
      margin: 30px 0;
      background: #000; }
      .jjfa a:hover img {
        opacity: 0.45; }
    .jjfa a .fan {
      position: absolute;
      top: 45%;
      text-align: center;
      left: 0;
      right: 0;
      margin: auto;
      width: 200px;
      color: #fff; }
      .jjfa a .fan span {
        display: block;
        color: #fff;
        text-align: center;
        line-height: 200%; }

/*地图*/
#dituContent {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #f3f1ec;
  color: black;
  text-align: left;
  height: 400px; }

.zs_fl {
  text-align: center; }
  .zs_fl li {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 30px;
    background: #f00018;
    color: #fff;
    margin: 0 5px 5px 0;
    transition: all .3s; }
    .zs_fl li a {
      display: block;
      color: #fff; }
    .zs_fl li:hover {
      background: linear-gradient(#60b62b, #1574cd); }




.gs_wz {
  margin-top: 20px;
  line-height: 200%; }

.gs_wz p {
  line-height: 160%;
  margin-bottom: 15px; }

.chr-top {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 18px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .chr-top h3 {
    font-size: 24px;
    color: #000; }
    .chr-top h3 span {
      float: right;
      color: #6e6e6e;
      margin-top: 10px;
      font-size: 14px;
      font-weight: normal; }
      .chr-top h3 span i {
        color: #000; }
      .chr-top h3 span a {
        color: #6e6e6e; }
    .chr-top h3 span a:hover {
      color: #000; }
    .chr-top h3 u {
      text-transform: uppercase;
      font-size: 16px;
      font-style: normal;
      text-decoration: none; }

.nmain_r1 {
  width: 95%;
  margin: 0 auto; }

.synews {
  overflow: hidden;
  padding-bottom: 50px; }

.picFocus {
  width: 1300px;
  margin: 0 auto; }

.picFocus .fl {
  width: 49%; }

.sygsjj {
  background: url(../images/1_08.jpg) top center no-repeat;
  height: 711px; margin-top:45px;}
  .sygsjj dl dt {
    float: right;
    width: 46%; }
    .sygsjj dl dt h3 {
      color: #fff;
      font-size: 38px;
      padding-top: 120px;
      position: relative; }
      .sygsjj dl dt h3::before {
        position: absolute;
        bottom: -10px;
        left: 0;
        content: "";
        width: 100px;
        height: 3px;
        background: #fff; }
      .sygsjj dl dt h3 em {
        display: block;
        color: #fff;
        font-size: 30px;
        font-weight: normal; }
    .sygsjj dl dt ul {
      display: flex; }
      .sygsjj dl dt ul li {
        flex: 1;
        border-right: 1px solid rgba(255, 255, 255, 0.432);
        padding-right: 6%;
        margin-right: 60px; }
        .sygsjj dl dt ul li span {
          color: #fff;
          font-size: 53px;
          font-weight: bold;
          font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
          text-align: center; }
        .sygsjj dl dt ul li p {
          color: #fff;
          font-size: 16px; }
  .sygsjj dl dd {
    float: left;
    width: 40%;
    position: relative; }
  .sygsjj .gs_con {
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
    color: #fff;
    line-height: 200%; }
    .sygsjj .gs_con p {
      color: #fff;
      line-height: 200%; }
    .sygsjj .gs_con a {
      width: 220px;
      background: #ff0000;
      color: #fff;
      height: 60px;
      line-height: 60px;
      text-align: center;
      display: block;
      float: right;
      border-radius: 30px;
      margin-top: 20px; }
      .sygsjj .gs_con a:hover {
        background: #60b62b; }

@media (max-width: 1505px) {
  .top_tel {
    display: none; } }

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