@charset "UTF-8";
html, body {
  font-family: "Microsoft YaHei UI", "Helvetica Neue", Helvetica, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul, li {
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: normal; }

.container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative; }

.auto-height, #index-recoment-product ul, #index-intro, #index-news .news-list, #product-detail .content-box, #product-detail .content-box .nav, #about .detail, #contact .container, #dzdg .seven-year ul, #dzdg .dzlc ul, #dzdg .shili ul li, #fuwu ul, #fuwu .shouhou, #zhichi .ys-1, #zhichi .ys-2, #zhichi .fuwu ul, #zhichi .faqs ul, #news-detail .content-box, #news-detail .content-box .right {
  height: auto;
  overflow: hidden; }

a {
  color: #646464;
  display: inline-block;
  text-decoration: none; }

img {
  font-size: 0;
  vertical-align: top; }

.bg-gray {
  background-color: #f5f5f5; }

ul {
  list-style: none; }
  ul li {
    display: inline-block; }

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

.icon-intro {
  margin-top: 20px;
  color: #d8d8d8; }
  .icon-intro .date {
    font-size: 18px; }
  .icon-intro .hits {
    float: right; }

.nowarp, #index-recoment-product ul li h5, #index-recoment-product ul li p, #index-news .left .box .des, #index-news ul.right li .des, #index-news ul.right li h4, #news-detail .content-box .right .recoment li h5, #news-detail .content-box .right .recoment li p {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word; }

.read-more {
  padding: 10px 45px;
  background-color: #FF740A;
  color: #FFF;
  display: inline-block;
  margin-top: 20px; }

.pager-banner {
  text-align: center; }
  .pager-banner img {
    width: 100%; }

.page-nav li {
  padding: 20px 30px;
  border-bottom: 2px solid #FFF; }
  .page-nav li:hover, .page-nav li.on {
    background-color: #F5F5F5;
    color: #18427C;
    border-bottom: 2px solid #18427C; }
    .page-nav li:hover a, .page-nav li.on a {
      color: #18427C; }

#page-banner img, #bottom-contact img {
  max-width: 100%;
  width: 100%; }

#pager {
  clear: both;
  text-align: right;
  margin-top: 30px;
  width: 90%;
  padding: 40px 5%; }

.clearfix {
  clear: both; }

.header {
  height: auto;
  overflow: hidden; }
  .header .header-top {
    background-color: #18427C;
    color: #FFF;
    height: 50px; }
    .header .header-top p {
      display: inline-block; }
      .header .header-top p.welcome {
        line-height: 50px; }
      .header .header-top p.right-contact {
        padding: 15px 30px;
        background-color: #FF740A;
        float: right; }
        .header .header-top p.right-contact .rexian {
          font-size: 12px;
          margin-right: 15px; }
        .header .header-top p.right-contact .phone {
          font-size: 18px;
          font-weight: bolder;
          float: right; }
  .header .header-center {
    padding: 30px 0 0 0;
    height: auto;
    overflow: hidden; }
    .header .header-center .logo {
      float: left; }
      .header .header-center .logo img, .header .header-center .logo .info {
        display: inline-block; }
      .header .header-center .logo img {
        margin-right: 15px; }
      .header .header-center .logo .info {
        margin-top: 5px; }
      .header .header-center .logo h3 {
        font-weight: bolder;
        color: #242426;
        letter-spacing: 5px;
        padding-bottom: 5px; }
    .header .header-center .menu {
      float: right;
      width: 65%;
      text-align: right;
      margin-top: 30px; }
      .header .header-center .menu li {
        margin-left: 3%;
        padding-bottom: 50px;
        border-bottom: 5px solid transparent; }
        .header .header-center .menu li:hover {
          border-bottom: 5px solid #FF740A; }

#footer {
  padding-top: 30px;
  background-color: #F5F5F5;
  position: relative; }
  #footer .container {
    padding: 80px 0;
    height: auto;
    overflow: hidden; }
  #footer .bottom {
    background-color: #1E1E1E; }
  #footer h5 {
    font-size: 18px;
    font-weight: bolder;
    color: #242426;
    padding-bottom: 25px; }
  #footer p {
    line-height: 1.8;
    color: #646464; }
  #footer .footer-menu, #footer .ulink, #footer .contact {
    display: inline-block;
    float: left; }
  #footer .contact span:nth-child(2) {
    margin-left: 15px; }
  #footer .phone {
    margin-top: 30px; }
    #footer .phone span {
      color: #a2a2a2;
      margin-bottom: 5px;
      display: block; }
    #footer .phone h6 {
      color: #FF740A;
      font-size: 32px;
      font-weight: bolder; }
  #footer .right-wechat {
    float: right; }
    #footer .right-wechat img {
      width: 160px; }
    #footer .right-wechat .center {
      text-align: center; }
  #footer .footer-menu, #footer .ulink {
    width: 20%; }
    #footer .footer-menu li, #footer .ulink li {
      width: 38.5%;
      display: inline-block;
      float: left;
      margin-bottom: 10px; }
      #footer .footer-menu li a, #footer .ulink li a {
        font-size: 14px; }
  #footer .bottom {
    text-align: left;
    padding: 10px 0;
    line-height: 1; }
    #footer .bottom .container {
      padding: 0; }

.top {
  position: relative;
  margin-bottom: 50px; }
  .top .title {
    display: inline-block;
    max-width: 30%;
    font-size: 36px;
    color: #242426;
    letter-spacing: 10px; }
    .top .title h5 {
      font-weight: bolder; }
    .top .title .en {
      display: block;
      font-size: 16px;
      letter-spacing: 0;
      color: #d8d8d8; }
  .top ul {
    float: right;
    width: 60%;
    text-align: right; }
    .top ul li {
      margin-left: 10%;
      text-align: right;
      display: inline-block; }
      .top ul li:hover a {
        color: #FF740A; }
      .top ul li a {
        color: #242426;
        font-size: 20px;
        font-weight: bolder; }

.time {
  font-weight: bold;
  font-size: 22px; }
  .time .year {
    font-size: 14px;
    font-weight: normal; }

.pager {
  text-align: center;
  padding: 40px 0; }

.toggle-menu {
  position: absolute;
  right: 10px;
  top: 1rem; }
  .toggle-menu .iconfont {
    font-size: 1.8rem;
    color: #18427C; }

/*所有主流浏览器都支持 :after 伪元素。*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.big-title {
  font-size: 34px;
  font-weight: bolder;
  color: #242426; }
  .big-title span {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    color: #d8d8d8;
    font-weight: normal;
    margin-top: 5px; }

.mobile-show {
  display: none; }

.transition, #fixed .phone:hover {
  transition: all .2s ease; }

#fixed {
  position: fixed;
  right: 5px;
  bottom: 100px;
  text-align: right;
  width: 80px;
  z-index: 99999; }
  #fixed ul {
    position: relative; }
    #fixed ul li {
      text-align: center;
      list-style: none;
      background-color: #FF740A;
      margin-bottom: 1px;
      padding: 10px;
      color: #FFF;
      border: 2px solid #FF740A;
      width: 52px; }
      #fixed ul li a {
        color: #FFF;
        font-size: 12px; }
      #fixed ul li .iconfont {
        display: block;
        font-size: 24px;
        margin-bottom: 5px; }
      #fixed ul li p {
        color: #FFF; }
        #fixed ul li p.number {
          display: none; }
      #fixed ul li i, #fixed ul li span {
        color: #FFF; }
  #fixed .phone:hover {
    width: 230px;
    background-color: #FFF;
    margin-left: -180px;
    text-align: left;
    cursor: pointer; }
    #fixed .phone:hover a {
      width: 230px;
      display: block; }
    #fixed .phone:hover span {
      color: #666; }
    #fixed .phone:hover p {
      display: inline-block;
      color: #FFF; }
      #fixed .phone:hover p.icon {
        border-right: 1px solid #EEE;
        padding: 0 20px;
        margin-right: 10px;
        text-align: center; }
      #fixed .phone:hover p.number {
        margin-top: 15px;
        font-size: 16px;
        margin-right: 10px;
        float: right;
        font-weight: bolder;
        color: #FF740A; }
      #fixed .phone:hover p .iconfont {
        color: #FF740A; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #fixed {
    bottom: -1px;
    width: 100%;
    right: 0; }
    #fixed ul {
      display: flex; }
      #fixed ul li {
        flex: 1; }
    #fixed .phone:hover {
      background-color: #c8192d;
      margin-bottom: 1px;
      padding: 10px;
      color: #FFF;
      width: auto;
      margin-left: 0;
      text-align: center; }
      #fixed .phone:hover p.number {
        display: none; }
      #fixed .phone:hover p.icon {
        padding: 0;
        margin-right: 0;
        border: 0; }
      #fixed .phone:hover a {
        width: auto; }
      #fixed .phone:hover p .iconfont, #fixed .phone:hover p span {
        color: #FFF; }

  #page-search {
    display: none; }

  p {
    font-size: 14px; }

  .container {
    min-width: 90%;
    max-width: 100%;
    width: 94%;
    margin: 0 3%; }

  img {
    max-width: 100%; }

  .header .header-top {
    display: none; }
  .header .header-center {
    padding: 10px 0; }
    .header .header-center .logo img {
      margin-right: 5px;
      height: 50px; }
    .header .header-center .logo .info h3 {
      font-size: 14px;
      letter-spacing: 0; }
    .header .header-center .logo .info p {
      font-size: 12px; }
    .header .header-center .menu {
      visibility: hidden;
      position: fixed;
      left: 0;
      width: 45%;
      background-color: #FF740A;
      padding-top: 30px;
      top: 0;
      height: 100%;
      margin-top: 0 !important;
      z-index: 999; }
      .header .header-center .menu a {
        color: #FFF; }
      .header .header-center .menu li {
        border-bottom: 1px dashed #ff913d;
        width: 100%;
        display: block;
        text-align: center;
        padding: 20px 0 !important;
        margin: 0 !important; }
      .header .header-center .menu.on {
        visibility: visible; }
      .header .header-center .menu .search {
        height: auto;
        overflow: hidden; }
        .header .header-center .menu .search input {
          width: 100px;
          padding: 5px;
          border: none;
          display: inline-block; }
        .header .header-center .menu .search button {
          display: inline-block;
          border: none;
          padding: 5px;
          background-color: #18427C;
          color: #FFF; }

  .mobile-show {
    display: block; }

  .mobile-hide {
    display: none; }

  .top .title {
    width: 100%;
    max-width: 100%;
    text-align: center; }
  .top ul.right-nav {
    width: 100%;
    margin-top: 20px;
    text-align: center; }
    .top ul.right-nav li {
      margin: 0 10px; }
    .top ul.right-nav a {
      font-size: 14px; }

  #footer .container {
    padding: 25px 0; }
  #footer .footer-menu {
    width: 100%;
    margin-bottom: 25px; }
    #footer .footer-menu li {
      width: 25%; }
  #footer .ulink {
    display: none; }
  #footer .contact p span:nth-child(2) {
    display: none; }
  #footer .phone {
    display: none; }
  #footer .right-wechat {
    width: 100%;
    text-align: center;
    margin-top: 15px; }
    #footer .right-wechat h5 {
      padding-bottom: 5px; } }
#dingzhi img {
  max-width: 100%; }

#page-search {
  padding: 20px 0;
  background-color: #FFF; }
  #page-search .left, #page-search form {
    display: inline-block; }
  #page-search h5 {
    color: #FF740A;
    font-size: 16px;
    font-weight: bolder; }
    #page-search h5 span {
      color: #d8d8d8; }
  #page-search p {
    margin-top: 15px; }
    #page-search p a {
      font-size: 14px;
      margin-right: 15px; }
  #page-search form {
    float: right; }
    #page-search form input {
      padding: 10px;
      border-radius: 15px;
      width: 300px;
      border: none;
      font-size: 14px;
      background-color: #F5F5F5; }
      #page-search form input:focus {
        border: none; }
    #page-search form button {
      border: none;
      background-color: transparent;
      margin-left: -40px; }

#index-recoment-product, #product-list {
  background-color: #F5F5F5;
  padding: 60px 0; }
  #index-recoment-product h4, #product-list h4 {
    text-align: center; }

#index-recoment-product ul {
  margin-top: 30px;
  background-color: #FFF;
  height: 380px; }
  #index-recoment-product ul li {
    width: 19%;
    margin: 0.5%;
    margin-bottom: 100px;
    float: left;
    overflow: hidden; }
    #index-recoment-product ul li a {
      display: block; }
    #index-recoment-product ul li img {
      width: 100%;
      border: 1px solid #f5f5f5; }
    #index-recoment-product ul li h5, #index-recoment-product ul li p {
      text-align: center;
      padding: 15px 5px 5px 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #index-recoment-product ul li h5 {
      font-size: 15px; }
    #index-recoment-product ul li p {
      font-size: 12px;
      color: #646464; }
#index-recoment-product .fk-read-more {
  padding: 5px 15px;
  background-color: #FF740A;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #FFF;
  font-size: 42px; }

#index-intro {
  position: relative;
  border-top: 1px solid #EEE;
  margin-top: 60px;
  height: 600px; }
  #index-intro .left {
    width: 45%;
    display: inline-block;
    padding: 30px 5% 0 0; }
    #index-intro .left .big-title {
      margin: 40px 0 20px 0; }
    #index-intro .left p {
      margin-bottom: 20px;
      color: #646464;
      line-height: 1.6; }
  #index-intro .img-cover {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    float: right; }
    #index-intro .img-cover img {
      height: 100%; }

#youshi {
  padding: 40px 0; }
  #youshi h5, #youshi .des {
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: bolder;
    text-align: center; }
  #youshi .yellow {
    color: #FF740A; }
  #youshi .en {
    color: #d8d8d8;
    text-align: center;
    display: block;
    text-transform: uppercase; }
  #youshi h5 {
    color: #18427C; }
  #youshi .box {
    text-align: center;
    position: relative; }
    #youshi .box img {
      padding: 30px 0; }
    #youshi .box p {
      position: absolute;
      text-align: left;
      width: 270px; }
      #youshi .box p span {
        font-size: 14px;
        display: block; }
        #youshi .box p span:first-child {
          font-weight: bolder;
          font-size: 20px;
          margin-bottom: 15px; }
        #youshi .box p span:nth-child(2) {
          color: #646464;
          line-height: 1.7; }
      #youshi .box p.item-1 {
        top: 80px; }
      #youshi .box p.item-2 {
        top: 80px;
        right: 0; }
      #youshi .box p.item-3 {
        bottom: 60px; }
      #youshi .box p.item-4 {
        bottom: 60px;
        right: 0; }

#shili {
  height: auto;
  overflow: hidden; }
  #shili .four-reason {
    width: 40%;
    float: left;
    background-color: #FF740A;
    color: #FFF; }
    #shili .four-reason ol {
      list-style: none;
      float: right;
      padding: 30px 0;
      margin-right: 30px; }
      #shili .four-reason ol li {
        height: auto;
        overflow: hidden;
        margin-bottom: 30px; }
        #shili .four-reason ol li .num, #shili .four-reason ol li .right {
          display: inline-block;
          float: left; }
        #shili .four-reason ol li .num {
          font-size: 36px;
          font-weight: bolder;
          margin-right: 15px; }
        #shili .four-reason ol li .right h6 {
          font-size: 18px;
          font-weight: bolder; }
        #shili .four-reason ol li .right p {
          margin-top: 10px;
          font-size: 14px; }
          #shili .four-reason ol li .right p span {
            margin-top: 10px;
            display: block;
            margin-left: 20px; }
  #shili .right-slider {
    height: 526px;
    overflow: hidden;
    width: 60%;
    float: right; }
    #shili .right-slider img {
      height: 526px; }

.bg-number {
  background-color: #18427C;
  padding: 80px 0;
  margin-bottom: 40px; }
  .bg-number ul {
    display: flex; }
    .bg-number ul li {
      color: #FFF;
      flex: 1;
      text-align: center; }
      .bg-number ul li h6 {
        color: #FF740A;
        font-weight: bolder;
        font-size: 48px;
        margin-bottom: 15px; }
      .bg-number ul li sup {
        font-weight: normal;
        font-size: 30px;
        margin-left: 10px; }

#index-service .top {
  margin-bottom: 0;
  height: auto;
  overflow: hidden; }
  #index-service .top .text {
    padding: 120px 0;
    display: inline-block;
    width: 45%; }
    #index-service .top .text h5, #index-service .top .text p {
      font-size: 36px;
      font-weight: bolder;
      margin-bottom: 15px; }
    #index-service .top .text h5 {
      color: #18427C; }
    #index-service .top .text p {
      color: #242426; }
      #index-service .top .text p .yellow {
        color: #FF740A; }
    #index-service .top .text .en {
      font-size: 24px;
      color: #d8d8d8; }
  #index-service .top img {
    float: right; }
#index-service ul {
  display: flex; }
  #index-service ul li {
    padding: 30px 20px;
    flex: 1;
    border: 1px solid #EEE;
    text-align: center; }
    #index-service ul li:nth-child(2n), #index-service ul li:nth-child(3n) {
      border-left: none; }
    #index-service ul li:hover {
      background-color: #FF740A;
      cursor: pointer; }
      #index-service ul li:hover *, #index-service ul li:hover .iconfont {
        color: #FFF; }
    #index-service ul li .iconfont {
      font-size: 68px;
      font-weight: bolder;
      color: #18427C; }
    #index-service ul li h6 {
      font-size: 20px;
      color: #242426;
      margin: 15px 0;
      font-weight: bolder; }
    #index-service ul li p {
      color: #646464;
      line-height: 1.6; }

#index-news .left {
  border: 1px solid #EEE;
  width: 50%;
  float: left;
  height: 440px;
  overflow: hidden;
  position: relative; }
  #index-news .left .img-cover {
    width: 100%;
    display: block;
    height: 100%; }
    #index-news .left .img-cover img {
      width: 100%;
      height: 100%; }
  #index-news .left .mask, #index-news .left .box {
    visibility: hidden; }
  #index-news .left:hover .mask, #index-news .left:hover .box {
    visibility: visible; }
  #index-news .left .mask {
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 440px;
    position: absolute;
    top: 0; }
  #index-news .left .box {
    color: #FFF;
    position: absolute;
    top: 300px;
    width: 90%;
    padding: 25px 5%;
    overflow: hidden; }
    #index-news .left .box h4 {
      font-weight: bolder;
      font-size: 16px;
      padding-bottom: 10px; }
    #index-news .left .box .des {
      margin: 5px 0;
      border-bottom: 1px solid #FFF;
      padding-bottom: 10px;
      overflow: hidden; }
#index-news ul.right {
  width: 48%;
  display: inline-block;
  float: right; }
  #index-news ul.right li {
    display: block;
    margin-bottom: 25px; }
    #index-news ul.right li a {
      display: block; }
    #index-news ul.right li .des {
      padding: 10px 0;
      border-bottom: 1px solid #d8d8d8;
      -webkit-line-clamp: 2;
      white-space: nowrap;
      height: 30px; }
    #index-news ul.right li h4 {
      font-weight: bolder;
      color: #242426; }
    #index-news ul.right li img {
      width: 170px;
      height: 130px; }
    #index-news ul.right li .right {
      width: 385px;
      float: right; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #index-service ul, .bg-number ul {
    height: auto;
    overflow: hidden;
    display: block; }
    #index-service ul li, .bg-number ul li {
      margin-top: 7%;
      width: 50%;
      float: left;
      box-sizing: border-box; }

  #index-service ul li {
    width: 50%;
    padding: 2%;
    border: none; }
    #index-service ul li h6 {
      font-size: 14px; }

  .bg-number {
    padding: 30px 0; }
    .bg-number p {
      font-size: 12px; }

  #index-service .top .text {
    width: 100%;
    padding: 20px 0;
    text-align: center; }
    #index-service .top .text p {
      font-size: 22px; }

  #shili .right-slider {
    display: none; }
  #shili .four-reason {
    width: 100%; }
    #shili .four-reason ol {
      width: 96%;
      margin: 0 2%; }
      #shili .four-reason ol .right {
        width: 80%; }

  #index-intro {
    height: auto; }
    #index-intro .left, #index-intro .right, #index-intro .intro, #index-intro .img-cover {
      position: relative;
      height: auto !important;
      width: 100%; }
    #index-intro .read-more {
      display: none; }
    #index-intro .img-cover img {
      height: auto;
      margin-bottom: 10px; }

  #index-news .news-list .left {
    display: none; }
  #index-news .news-list .right {
    width: 100%; }
    #index-news .news-list .right li {
      height: auto;
      overflow: hidden; }
    #index-news .news-list .right img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    #index-news .news-list .right .right {
      width: 100%; }

  #index-recoment-product .container {
    width: 98%;
    margin: 1%; }
  #index-recoment-product ul {
    height: auto; }
    #index-recoment-product ul li {
      width: 49%;
      display: block;
      position: relative;
      margin-bottom: 30px; }
      #index-recoment-product ul li h5 {
        overflow: hidden; }
      #index-recoment-product ul li a {
        display: block; }
      #index-recoment-product ul li img {
        width: 100%; } }
#product-list #product-container {
  background-color: #FFF;
  height: auto;
  overflow: hidden; }
#product-list .bottom-contact {
  padding: 20px;
  position: absolute;
  bottom: 0; }
  #product-list .bottom-contact p {
    font-size: 26px;
    font-weight: bolder;
    margin: 10px 0;
    color: #FF740A; }
  #product-list .bottom-contact a {
    padding: 10px 20px;
    background-color: #FF740A;
    color: #FFF; }
#product-list h3 {
  color: #FFF;
  background-color: #18427C;
  padding: 20px; }
#product-list .left-nav {
  width: 240px;
  float: left; }
#product-list .product-nav {
  min-height: 800px; }
  #product-list .product-nav .level-1 {
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
    display: block; }
    #product-list .product-nav .level-1 .iconfont {
      color: #d8d8d8; }
    #product-list .product-nav .level-1:hover > span, #product-list .product-nav .level-1.on > span {
      background-color: #FF740A; }
      #product-list .product-nav .level-1:hover > span a, #product-list .product-nav .level-1.on > span a {
        color: #FFF;
        font-weight: bolder; }
      #product-list .product-nav .level-1:hover > span .iconfont, #product-list .product-nav .level-1.on > span .iconfont {
        color: #FFF; }
    #product-list .product-nav .level-1:hover .level-2, #product-list .product-nav .level-1.on .level-2 {
      display: block; }
    #product-list .product-nav .level-1 > span {
      padding: 20px;
      display: block; }
    #product-list .product-nav .level-1 .iconfont {
      float: right; }
  #product-list .product-nav .level-2 {
    display: none; }
    #product-list .product-nav .level-2 li {
      display: block; }
    #product-list .product-nav .level-2 span {
      padding: 15px 20px;
      display: block;
      font-size: 14px; }
#product-list .right-list {
  width: 960px;
  border-left: 1px solid #EEE;
  box-sizing: border-box;
  float: right;
  text-align: center; }
  #product-list .right-list img {
    width: 100%;
    border: 1px solid #EEE;
    box-sizing: border-box;
    border-left: none; }
  #product-list .right-list .top {
    height: auto;
    overflow: hidden; }
    #product-list .right-list .top a {
      display: block;
      width: 50%;
      float: left; }
  #product-list .right-list h5 {
    font-size: 14px;
    padding: 10px 5px; }
  #product-list .right-list p {
    font-size: 12px;
    color: #a9a9a9; }
  #product-list .right-list ul li {
    margin-bottom: 30px;
    width: 25%;
    float: left;
    height: auto;
    overflow: hidden; }
    #product-list .right-list ul li a {
      display: block;
      text-align: center; }

#product-detail {
  background-color: #F5F5F5; }
  #product-detail .top-box, #product-detail .content-box {
    background-color: #FFF; }
  #product-detail .top-box {
    margin-bottom: 40px;
    height: auto;
    overflow: hidden; }
  #product-detail .intro {
    width: 55%;
    float: right; }
    #product-detail .intro ul li {
      border: 1px solid #EEE; }
      #product-detail .intro ul li img {
        width: 80px;
        height: 80px; }
    #product-detail .intro h1 {
      font-size: 20px;
      margin-top: 50px;
      margin-bottom: 30px; }
    #product-detail .intro p {
      color: #646464;
      font-size: 14px;
      margin: 20px 0; }
    #product-detail .intro .actions a {
      padding: 10px 25px;
      margin-right: 15px;
      background-color: #FF740A;
      color: #FFF; }
  #product-detail .show-box {
    width: 40%;
    float: left;
    border-right: 1px solid #EEE; }
    #product-detail .show-box img {
      width: 100%; }
  #product-detail .content-box .left {
    float: left;
    border-right: 1px solid #EEE; }
  #product-detail .content-box .nav a, #product-detail .content-box .right-recoment h4 {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #EEE; }
  #product-detail .content-box #content {
    width: 799px;
    padding: 20px 50px;
    font-size: 14px;
    line-height: 1.6; }
    #product-detail .content-box #content table {
      border-spacing: 0 !important;
      border-color: #EEE; }
    #product-detail .content-box #content .big-title {
      text-align: center; }
    #product-detail .content-box #content .options {
      margin: 30px 0; }
    #product-detail .content-box #content .group {
      margin-top: 50px; }
      #product-detail .content-box #content .group h6 {
        font-size: 24px;
        font-weight: bold;
        color: #FF740A;
        margin-bottom: 30px; }
      #product-detail .content-box #content .group .dt {
        white-space: pre-wrap;
        /* css-3 */
        white-space: -moz-pre-wrap;
        /* Mozilla, since 1999 */
        white-space: -pre-wrap;
        /* Opera 4-6 */
        white-space: -o-pre-wrap;
        /* Opera 7 */
        background-color: #F5F5F5;
        color: #646464;
        padding: 10px; }
  #product-detail .content-box .nav {
    margin-bottom: 40px; }
  #product-detail .content-box .nav a {
    width: 50%;
    float: left;
    border-right: 1px solid #EEE;
    color: #242426;
    box-sizing: border-box; }
    #product-detail .content-box .nav a:last-child {
      border-right: none; }
  #product-detail .content-box .right-recoment {
    float: right;
    width: 300px;
    text-align: center; }
    #product-detail .content-box .right-recoment img {
      width: 100%;
      border: 1px solid #EEE;
      border-left: none; }
    #product-detail .content-box .right-recoment ul li {
      padding-bottom: 50px; }
      #product-detail .content-box .right-recoment ul li h5 {
        margin: 10px;
        font-size: 14px;
        font-weight: bold; }
      #product-detail .content-box .right-recoment ul li p {
        font-size: 12px;
        color: #646464; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #product-list {
    padding: 10px 0; }
    #product-list #product-container {
      background-color: transparent; }
    #product-list .left-nav {
      width: 100%; }
    #product-list .product-nav {
      height: auto;
      min-height: auto; }
    #product-list .bottom-contact {
      display: none; }
    #product-list .right-list {
      width: auto;
      border: none;
      padding-top: 30px; }
      #product-list .right-list ul {
        padding: 5% 0; }
        #product-list .right-list ul li {
          width: 50%; }
      #product-list .right-list h5 {
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden; }

  #product-detail .show-box, #product-detail .intro {
    width: 90%;
    padding: 5%;
    float: none; }
  #product-detail .content-box .left {
    width: 100%; }
  #product-detail .content-box #content {
    width: 96%;
    padding: 2%; }
    #product-detail .content-box #content img {
      max-width: 100%; }
  #product-detail .content-box .right-recoment {
    width: 100%; }
    #product-detail .content-box .right-recoment ul {
      height: auto;
      overflow: hidden;
      margin: 0;
      padding: 5% 0; }
      #product-detail .content-box .right-recoment ul li {
        width: 48%;
        margin: 30px 1%;
        float: left;
        overflow: hidden; }
        #product-detail .content-box .right-recoment ul li a {
          display: block; }
        #product-detail .content-box .right-recoment ul li img {
          max-width: 100%; }
    #product-detail .content-box .right-recoment h5 {
      display: -webkit-box;
      font-weight: normal;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-align: left;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 5px 0;
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden; } }
.now-position {
  background-color: #F5F5F5;
  padding: 40px 0;
  text-align: right;
  font-size: 14px; }

#bottom-contact, #dingzhi, .contact-banner {
  text-align: center;
  display: block;
  margin: 0 auto; }

.top-nav {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px; }
  .top-nav li {
    margin: 20px; }
    .top-nav li a {
      font-weight: bolder;
      color: #242426;
      font-size: 16px; }
    .top-nav li:hover a, .top-nav li.on a {
      color: #FF740A; }

#about .big-title {
  padding: 50px 0; }
#about .detail {
  margin-top: 10px; }
  #about .detail .left, #about .detail .right {
    width: 50%;
    float: left; }
  #about .detail .left p {
    padding: 0 20px 0 0;
    margin-bottom: 20px;
    line-height: 1.6;
    color: #646464; }
#about ul.sl {
  display: flex;
  margin: 30px 0; }
  #about ul.sl li {
    flex: 1;
    text-align: center;
    padding: 30px 0;
    border: 1px solid #EEE; }
    #about ul.sl li span {
      display: block;
      margin-bottom: 10px;
      color: #646464; }
      #about ul.sl li span.num {
        font-weight: bolder;
        color: #242426;
        font-size: 36px; }
    #about ul.sl li:hover .num {
      color: #FF740A; }

#wenhua {
  background: url("../images/about-us/bg-wenhua.jpg") center center no-repeat;
  height: 600px; }
  #wenhua .big-title {
    color: #FFF;
    text-align: center;
    padding: 50px 0 30px 0; }
  #wenhua ul {
    display: flex; }
    #wenhua ul li {
      flex: 1;
      text-align: center;
      color: #FFF; }
      #wenhua ul li h6 {
        border-top: 1px solid #ffb13f;
        display: inline-block;
        padding: 60px 60px 0 60px;
        font-size: 18px;
        font-weight: bolder;
        margin-bottom: 10px; }

#fengcai, #zhengshu {
  margin-top: 40px;
  padding: 50px 0; }
  #fengcai .big-title, #zhengshu .big-title {
    text-align: center;
    margin-bottom: 30px; }
  #fengcai .swiper-slide, #zhengshu .swiper-slide {
    height: 700px;
    text-align: center; }
    #fengcai .swiper-slide img, #zhengshu .swiper-slide img {
      max-width: 100%; }

#zhengshu .swiper-slide {
  height: auto; }
#zhengshu #zhengshu-container {
  overflow: hidden; }

#contact {
  padding: 60px 0 0 0; }
  #contact .left, #contact form {
    width: 50%;
    float: left; }
  #contact .big-title {
    margin-bottom: 50px; }
  #contact .left .bottom-contact {
    margin: 50px 0; }
    #contact .left .bottom-contact .notice {
      margin-bottom: 5px;
      color: #646464;
      padding-bottom: 10px;
      display: block; }
    #contact .left .bottom-contact p {
      font-size: 26px;
      color: #FF740A;
      font-weight: bolder; }
  #contact .left p {
    color: #646464;
    margin-bottom: 15px; }
    #contact .left p.wechat {
      width: 155px;
      text-align: center; }
      #contact .left p.wechat img {
        width: 155px; }
      #contact .left p.wechat span {
        display: block; }
  #contact form input {
    display: block;
    padding: 10px 2.5%;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 95%;
    border: 1px solid #DDD; }
  #contact form textarea {
    display: block;
    padding: 10px 2.5%;
    box-sizing: border-box;
    width: 95%;
    border: 1px solid #DDD; }
  #contact form button {
    margin: 30px auto;
    background-color: #FF740A;
    color: #FFF;
    padding: 10px 15px;
    border: none; }
  #contact #map iframe {
    width: 100%;
    height: 600px;
    margin-top: 60px; }

.contact-banner {
  text-align: center; }
  .contact-banner img {
    max-width: 100%; }

#dzdg {
  background-color: #F5F5F5;
  padding-top: 80px; }
  #dzdg .seven-year .bg-blue {
    background-color: #18427C;
    text-align: center;
    padding: 20px 0; }
  #dzdg .seven-year ul {
    background-color: #FFF;
    display: block; }
    #dzdg .seven-year ul li {
      width: 33.3%;
      float: left;
      text-align: center;
      margin-bottom: 30px; }
      #dzdg .seven-year ul li span {
        margin: 15px 5px;
        display: block; }
  #dzdg .dzlc {
    background-color: #FF740A;
    color: #FFF;
    padding: 60px 0; }
    #dzdg .dzlc .big-title {
      margin-bottom: 30px;
      text-align: center;
      color: #FFF; }
      #dzdg .dzlc .big-title * {
        color: #FFF; }
    #dzdg .dzlc ul {
      margin: 60px 0;
      display: block; }
      #dzdg .dzlc ul li {
        width: 30%;
        margin-right: 5%;
        float: left;
        position: relative; }
        #dzdg .dzlc ul li:last-child {
          margin-right: 0; }
        #dzdg .dzlc ul li img {
          width: 100%; }
        #dzdg .dzlc ul li h6 {
          font-size: 24px;
          font-weight: bolder;
          margin: 20px 0; }
        #dzdg .dzlc ul li span {
          font-size: 14px;
          display: block;
          text-align: left;
          margin-bottom: 5px; }
  #dzdg .shili {
    background-color: #FFF;
    padding: 80px 0 0 0; }
    #dzdg .shili .big-title {
      text-align: center;
      margin-bottom: 60px; }
    #dzdg .shili ul {
      border-top: 1px solid #EEE; }
      #dzdg .shili ul li {
        background-color: #FFF;
        display: block; }
        #dzdg .shili ul li.item-2 {
          background-color: #18427C; }
          #dzdg .shili ul li.item-2 * {
            color: #FFF; }
          #dzdg .shili ul li.item-2 .sub {
            color: #FFF; }
        #dzdg .shili ul li.item-1 h4, #dzdg .shili ul li.item-1 p, #dzdg .shili ul li .item-2 h4, #dzdg .shili ul li .item-2 p {
          padding-left: 15%; }
        #dzdg .shili ul li.item-3 {
          padding-bottom: 50px; }
          #dzdg .shili ul li.item-3 img {
            margin-top: 20px; }
        #dzdg .shili ul li .left, #dzdg .shili ul li .right {
          width: 50%;
          float: left; }
        #dzdg .shili ul li div h4 {
          margin-top: 10%;
          font-size: 32px;
          font-weight: bolder;
          color: #FF740A; }
        #dzdg .shili ul li div .sub {
          color: #242426;
          margin: 15px 0 30px 0;
          font-size: 20px;
          font-weight: bolder; }
        #dzdg .shili ul li div span {
          display: block;
          margin-bottom: 10px;
          font-size: 15px;
          color: #646464; }

#fuwu {
  padding: 60px 0 0 0; }
  #fuwu .big-title {
    text-align: center;
    margin-bottom: 50px; }
  #fuwu h4 {
    font-size: 30px;
    color: #242426;
    margin-bottom: 20px;
    font-weight: bolder; }
  #fuwu ul {
    display: block; }
    #fuwu ul li {
      position: relative;
      width: 50%;
      float: left;
      margin: 30px 0;
      margin-bottom: 40px; }
      #fuwu ul li h5 {
        font-weight: bolder;
        color: #242426;
        font-size: 20px; }
      #fuwu ul li p {
        color: #646464;
        font-size: 14px;
        margin: 10px 0;
        line-height: 1.6;
        height: 3;
        overflow: hidden; }
      #fuwu ul li img {
        width: 230px;
        height: 170px; }
      #fuwu ul li a {
        background-color: #FF740A;
        color: #FFF;
        font-size: 14px;
        padding: 10px 25px; }
      #fuwu ul li .right {
        width: 50%;
        float: right;
        margin-right: 5%; }
  #fuwu .biaozhun {
    background-color: #FF740A;
    padding: 30px 0; }
    #fuwu .biaozhun h4 {
      text-align: center;
      color: #FFF;
      padding: 40px 0 0 0; }
    #fuwu .biaozhun ul {
      display: flex; }
      #fuwu .biaozhun ul li {
        flex: 1;
        text-align: center; }
        #fuwu .biaozhun ul li h6 {
          font-size: 20px;
          font-weight: bolder;
          margin: 15px 0;
          color: #FFF; }
        #fuwu .biaozhun ul li img {
          width: auto;
          height: auto; }
        #fuwu .biaozhun ul li p {
          color: #FFF;
          line-height: 1.6;
          font-size: 14px;
          margin: 0 20px;
          height: 80px; }
        #fuwu .biaozhun ul li a {
          background-color: #FFF;
          padding: 10px 15px;
          color: #FF740A; }
  #fuwu .shouhou .left {
    width: 50%;
    float: left; }
    #fuwu .shouhou .left p {
      color: #646464;
      padding-right: 50px;
      line-height: 1.6; }
      #fuwu .shouhou .left p.yellow {
        color: #FF740A;
        font-size: 18px;
        font-weight: bolder;
        margin: 20px 0 10px 0; }
  #fuwu .shouhou img {
    float: right;
    width: 50%; }
  #fuwu .shouqian, #fuwu .shouzhong, #fuwu .shouhou {
    padding-top: 40px;
    margin-bottom: 60px;
    border-top: 1px solid #EEE; }

#zhichi .big {
  text-align: center;
  padding: 50px; }
  #zhichi .big h4, #zhichi .big .sub {
    font-size: 32px;
    font-weight: bolder;
    margin-bottom: 10px; }
  #zhichi .big h4 {
    color: #18427C; }
  #zhichi .big .yellow {
    color: #FF740A; }
#zhichi .ys-1 {
  margin-bottom: 40px; }
  #zhichi .ys-1 h5, #zhichi .ys-1 p, #zhichi .ys-1 a {
    margin-left: 10% !important; }
#zhichi .ys-2 h5, #zhichi .ys-2 p, #zhichi .ys-2 a {
  margin-left: 5% !important; }
#zhichi .ys-1 .left, #zhichi .ys-1 .right, #zhichi .ys-2 .left, #zhichi .ys-2 .right {
  width: 50%;
  float: left; }
  #zhichi .ys-1 .left h5, #zhichi .ys-1 .right h5, #zhichi .ys-2 .left h5, #zhichi .ys-2 .right h5 {
    font-size: 20px;
    font-weight: bolder;
    margin: 40px 0 30px 0; }
  #zhichi .ys-1 .left p, #zhichi .ys-1 .right p, #zhichi .ys-2 .left p, #zhichi .ys-2 .right p {
    margin-bottom: 10px;
    color: #646464;
    font-size: 14px;
    line-height: 1.6;
    position: relative; }
  #zhichi .ys-1 .left .num, #zhichi .ys-1 .left b, #zhichi .ys-1 .right .num, #zhichi .ys-1 .right b, #zhichi .ys-2 .left .num, #zhichi .ys-2 .left b, #zhichi .ys-2 .right .num, #zhichi .ys-2 .right b {
    color: #FF740A; }
  #zhichi .ys-1 .left b, #zhichi .ys-1 .right b, #zhichi .ys-2 .left b, #zhichi .ys-2 .right b {
    margin-left: -15px;
    position: absolute; }
  #zhichi .ys-1 .left a, #zhichi .ys-1 .right a, #zhichi .ys-2 .left a, #zhichi .ys-2 .right a {
    background-color: #FF740A;
    padding: 10px 15px;
    margin-top: 30px;
    color: #FFF; }
#zhichi .fuwu {
  margin-bottom: 40px;
  background: url("../images/zhichi/bg.jpg") center center no-repeat;
  height: 810px; }
  #zhichi .fuwu .big {
    padding-top: 100px; }
    #zhichi .fuwu .big h4 {
      color: #FFF; }
  #zhichi .fuwu * {
    color: #FFF; }
  #zhichi .fuwu ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 5% 0; }
    #zhichi .fuwu ul li h6 {
      font-size: 20px;
      font-weight: bolder;
      margin: 15px 0;
      padding-top: 40px;
      clear: both; }
    #zhichi .fuwu ul li p {
      font-size: 14px;
      line-height: 1.6;
      margin: 20px;
      height: 80px; }
    #zhichi .fuwu ul li .iconfont {
      font-size: 62px;
      padding: 40px;
      background-color: #FFF;
      border-radius: 100%;
      margin-bottom: 20px;
      color: #242426; }
    #zhichi .fuwu ul li a {
      background-color: #FF740A;
      color: #FFF;
      padding: 10px 15px;
      margin: 0 auto;
      display: inline-block; }
#zhichi .faqs {
  padding: 40px 0; }
  #zhichi .faqs .big-title {
    text-align: center;
    margin-bottom: 5%; }
  #zhichi .faqs ul li {
    width: 45%;
    margin-right: 5%;
    border: 1px solid #EEE;
    box-sizing: border-box;
    margin-bottom: 30px;
    float: left; }
    #zhichi .faqs ul li:hover {
      box-shadow: 1px 1px 3px #DDD;
      cursor: pointer; }
    #zhichi .faqs ul li p {
      font-size: 14px;
      line-height: 1.6;
      height: 80px;
      color: #646464; }
    #zhichi .faqs ul li h3 {
      border-bottom: 1px solid #EEE;
      font-size: 18px; }
    #zhichi .faqs ul li h3, #zhichi .faqs ul li p {
      padding: 20px 10px; }

.dux-page a {
  padding: 5px 10px;
  background-color: #FFF;
  display: inline-block;
  font-size: 14px; }
  .dux-page a.active-page {
    background-color: #FF740A;
    color: #FFF; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .now-position {
    text-align: left;
    padding: 20px 0; }

  .top-nav li {
    padding: 0 10px;
    margin: 0; }

  #about .detail .left {
    width: 100%; }
    #about .detail .left p {
      padding-right: 0; }
  #about ul.sl {
    height: auto;
    overflow: hidden;
    display: block; }
    #about ul.sl li {
      width: 50%;
      float: left;
      border: none; }

  #wenhua ul {
    display: block; }
    #wenhua ul li {
      width: 100%; }
      #wenhua ul li h6 {
        margin-bottom: 20px; }

  #contact .left, #contact form {
    width: 96%;
    padding: 2%; }

  #dzdg .seven-year .bg-blue img {
    width: 70%; }
  #dzdg .seven-year ul li {
    width: 50%; }
  #dzdg .dzlc {
    padding-bottom: 0; }
    #dzdg .dzlc ul {
      display: block; }
      #dzdg .dzlc ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 30px; }
        #dzdg .dzlc ul li span {
          display: inline-block; }
  #dzdg .shili ul li .left, #dzdg .shili ul li .right {
    width: 100%; }
  #dzdg .shili ul li.item-1 h4, #dzdg .shili ul li.item-1 p {
    padding-left: 0; }
  #dzdg .shili ul li.item-2 {
    padding-bottom: 30px; }

  #fuwu .shouqian ul li, #fuwu .shouzhong ul li {
    width: 100%; }
    #fuwu .shouqian ul li img, #fuwu .shouzhong ul li img {
      width: 35%;
      height: auto; }
    #fuwu .shouqian ul li .right, #fuwu .shouzhong ul li .right {
      width: 60%;
      padding: 0 0 0 4%;
      margin-right: 0; }
  #fuwu .shouhou .left, #fuwu .shouhou .right {
    width: 100%; }
  #fuwu .shouhou img {
    margin-top: 20px; }
  #fuwu .biaozhun ul {
    display: block; }
    #fuwu .biaozhun ul li {
      width: 50%; }
      #fuwu .biaozhun ul li img {
        width: 60%; }
      #fuwu .biaozhun ul li p {
        margin: 0 5px;
        height: 100px; }
      #fuwu .biaozhun ul li h6 {
        font-size: 14px; }

  #zhichi .big {
    padding: 40px 15px; }
  #zhichi .ys-1 .left, #zhichi .ys-1 .right, #zhichi .ys-2 .left, #zhichi .ys-2 .right {
    width: 100%; }
    #zhichi .ys-1 .left h5, #zhichi .ys-1 .right h5, #zhichi .ys-2 .left h5, #zhichi .ys-2 .right h5 {
      padding-left: 0;
      margin-left: 0 !important; }
  #zhichi .ys-2 .right {
    margin: 30px 0; }
  #zhichi .fuwu {
    background: #2058A3;
    height: auto;
    overflow: hidden; }
    #zhichi .fuwu ul {
      display: block; }
      #zhichi .fuwu ul li {
        width: 50%;
        padding: 60px 0; }
        #zhichi .fuwu ul li p {
          margin: 10px 0; }
        #zhichi .fuwu ul li h6 {
          font-size: 16px; }
        #zhichi .fuwu ul li .iconfont {
          font-size: 22px; }
  #zhichi .faqs ul li {
    width: 100%; }
    #zhichi .faqs ul li p {
      height: auto; } }
#news-list {
  background-color: #F5F5F5; }
  #news-list .list li {
    width: 31%;
    margin-right: 2.8%;
    float: left;
    background-color: #FFF;
    margin-bottom: 40px; }
    #news-list .list li:nth-child(3n) {
      margin-right: 0; }
    #news-list .list li a {
      display: block;
      position: relative; }
    #news-list .list li img {
      width: 100%;
      height: 250px; }
    #news-list .list li h3 {
      padding: 15px 10px;
      font-size: 16px;
      font-weight: bolder;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    #news-list .list li p {
      font-size: 14px;
      color: #646464;
      padding: 0 10px;
      height: 65px;
      line-height: 1.6;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
      #news-list .list li p.icon-intro {
        color: #d8d8d8; }

#news-detail {
  background-color: #F5F5F5;
  padding: 60px 0; }
  #news-detail .container {
    background-color: #FFF; }
  #news-detail .content-box h1 {
    font-size: 22px;
    padding: 30px 0 10px 30px; }
  #news-detail .content-box .sub {
    color: #646464;
    padding: 20px 0 10px 30px;
    border-bottom: 1px solid #EEE;
    font-size: 14px; }
  #news-detail .content-box .left {
    width: 800px;
    float: left;
    padding: 30px; }
  #news-detail .content-box .right {
    margin-right: 30px;
    width: 270px;
    float: right;
    margin-top: -100px;
    right: 0;
    top: 0; }
    #news-detail .content-box .right .recoment {
      text-align: center; }
      #news-detail .content-box .right .recoment h4 {
        color: #FF740A;
        text-align: left;
        font-size: 24px;
        font-weight: bolder;
        margin-bottom: 50px;
        padding: 30px 0; }
      #news-detail .content-box .right .recoment li {
        display: block;
        text-align: left;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #EEE; }
        #news-detail .content-box .right .recoment li a {
          display: block; }
        #news-detail .content-box .right .recoment li img {
          width: 100%;
          display: none; }
        #news-detail .content-box .right .recoment li:hover img, #news-detail .content-box .right .recoment li:first-child img {
          display: block; }
        #news-detail .content-box .right .recoment li:hover h4, #news-detail .content-box .right .recoment li:first-child h4 {
          color: #FF740A; }
        #news-detail .content-box .right .recoment li h5 {
          font-size: 15px;
          font-weight: bolder;
          color: #242426;
          padding: 10px 0; }
        #news-detail .content-box .right .recoment li p {
          color: #646464;
          font-size: 12px;
          line-height: 1.6;
          -webkit-line-clamp: 2; }
    #news-detail .content-box .right .right-contact {
      margin-bottom: 30px; }
      #news-detail .content-box .right .right-contact .list {
        border: 1px solid #EEE;
        padding: 20px 20px 0 20px; }
        #news-detail .content-box .right .right-contact .list .group {
          border-bottom: 1px solid #EEE;
          margin-bottom: 30px;
          padding-bottom: 10px; }
          #news-detail .content-box .right .right-contact .list .group:last-child {
            margin-bottom: 0;
            border-bottom: none; }
          #news-detail .content-box .right .right-contact .list .group:nth-child(2) {
            margin-bottom: 10px; }
        #news-detail .content-box .right .right-contact .list h6 {
          font-weight: bold;
          color: #18427C;
          font-size: 14px;
          margin-bottom: 15px; }
        #news-detail .content-box .right .right-contact .list p {
          font-size: 14px;
          color: #646464;
          margin-bottom: 10px; }
  #news-detail #content {
    line-height: 1.6;
    font-size: 14px;
    color: #646464; }
    #news-detail #content img {
      max-width: 100%; }
  #news-detail .related {
    margin-top: 40px; }
    #news-detail .related a {
      display: inline-block;
      width: 48%;
      padding: 25px 1%;
      background-color: #F5F5F5;
      float: left; }
      #news-detail .related a .iconfont {
        margin-right: 20px; }
      #news-detail .related a:first-child {
        border-right: 1px solid #DDD;
        box-sizing: border-box; }
      #news-detail .related a .icon-right {
        float: right; }
      #news-detail .related a span {
        font-size: 14px;
        width: 80%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #news-detail .related a .icon-right {
        margin-right: 0; }
      #news-detail .related a:hover {
        color: #FFF;
        background-color: #FF740A; }
  #news-detail .related-recoment .big-title {
    text-align: center; }
  #news-detail .related-recoment ul {
    background-color: #FFF; }
  #news-detail .related-recoment .container {
    background-color: transparent; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #news-list .list li {
    width: 99%;
    margin: 0.5%; }
    #news-list .list li img {
      height: auto; }
    #news-list .list li p {
      height: 2.5rem;
      overflow: hidden; }

  #news-detail {
    padding: 10px 0; }
    #news-detail .content-box h1, #news-detail .content-box .sub, #news-detail .content-box .left {
      padding: 10px 2%; }
    #news-detail .content-box h1 {
      font-size: 18px; }
    #news-detail .content-box .left {
      width: 96%; }
    #news-detail .content-box .related a {
      width: 97%;
      display: block;
      padding: 15px 1.5%;
      margin-bottom: 20px; }
      #news-detail .content-box .related a span {
        width: 80%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #news-detail .content-box .related a:first-child {
        box-sizing: content-box; }
    #news-detail .content-box .right {
      width: 100%;
      margin-right: 0;
      position: relative;
      margin-top: 0; }
      #news-detail .content-box .right .recoment {
        padding: 10px; }
        #news-detail .content-box .right .recoment h4 {
          text-align: center; }
      #news-detail .content-box .right .right-contact {
        display: none; } }
.swiper-container {
  text-align: center; }
  .swiper-container img {
    width: 100%; }

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