@charset "utf-8";
/*Scroll*/

::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; }

* {
   margin: 0;
   padding: 0;
   font-family: "microsoft yahei";
   color: #000;
   font-size: 14px;
   list-style: none;
}

/* img {
   display: block;
} */

ul {
   list-style: none;
}

a {
   text-decoration: none;
   cursor: pointer;
   outline: none;
   color: #333;
}

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

body {
   color: #f5f5f5;
   background: #f4f4f4;
   cursor: default;
}

/* .container {
   margin: 0 auto;
   width: 1220px;
} */

/* .block {
   padding: 20px 0;
} */

/* logo */

.header {
   background: #fff;
}

header .logo {
   height: 100px;
   margin-top: 30px;
}

header .hotline {
   font-size: 24px;
   color: #273e64;
   margin-top: 25px;
   /* font-weight: bold; */
}

header .hotline span {
   font-size: 24px;
   color: #ff6709;
   /* font-weight: unset; */
}

header .hotline {
   background: url(../img/tel.png) center left no-repeat;
   font-size: 20px;
   padding: 20px 0 15px 40px;
   display: table-cell;
   float: right;
}

/* 导航栏 */

.head {
   position: relative;
   width: 100%;
   background: #273e64;
   border-bottom: 1px solid #ccc;
   height: 48px;
   z-index: 9999
}

.head .navbox {
   width: 1200px;
   margin: 0 auto;
}

.head .nav {
   display: block;
   float: left;
   width: calc(100%)
}

.head .nav .nav_pc {
   width: 100%;
}

.head .nav ul li {
   width: 14.258%!important;
   float: left;
   position: relative;
   border-right: 1px solid #cccccc;
   box-sizing: border-box;
   z-index: 999;
}

.head .nav ul li:first-child {
   border-left: 1px solid #cccccc;
}

.head .nav ul li .f_a {
   line-height: 48px;
   display: block;
   text-align: center;
   font-size: 16px;
   color: #fff;
}

.head .nav ul li:hover .f_a {
   background-color: #e36c2b;
   color: #fff;
   transition: all .3s
}

.head .nav ul li .s_navbox {
   display: none;
   position: absolute;
   left: 0;
   width: 100%;
   background: #fff;
   background-color: #273e64;
   z-index: 9999;
   box-sizing: border-box
}

.head .nav ul li .s_navbox .s_a a {
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   display: block;
   text-align: center;
   padding: 10px 0;
   border-top: 1px solid #fff;
}

.head .nav ul li .s_navbox .s_a a:hover {
   background-color: #e36c2b;
   color: #fff;
}

.m_nav {
   display: none
}

.headrg .m_menuimg {
   display: none
}

.active {
   background-color: #e36c2b
}

.activ2 {
   background-color: #e36c2b
}

/* swiper */

.swiper-container {
   width: 100%;
   margin-bottom: 30px;
}

.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}

.swiper-slide img {
   max-width: 100%;
}

/* 公司实力 */

.introduce {
   text-align: center;
}

.introduce .title h1 {
   padding: 15px 0;
   font-weight: bold;
   color: #1b7cea;
   margin-bottom: 20px;
}

.introduce-pic {
   margin: 25px 0;
   padding: 25px 0;
   border: 4px solid #fff;
}

.introduce-pic img {
   margin: 20px 70px;
}

.introduce-pic div {
   text-align: center;
   font-size: 22px;
   border-left: 1px solid #ccc;
}

.introduce-pic>div:first-child {
   border-left: unset;
}

/* 产品展示 */

.product-title {
   text-align: center;
}

.product-title h1 {
   padding: 15px 0;
   font-weight: bold;
   color: #1b7cea;
   margin-bottom: 20px;
}

.category h2 small {
   color: #cccccc;
   margin-right: 20px;
}

.category h2 ul {
   margin-left: 350px;
   margin-top: -25px;
}

.category h2 ul li {
   display: inline-block;
   font-size: 18px;
   background: #1b7cea;
   padding: 5px 15px;
   color: #fff;
   margin: 0 5px;
}

.category h2 li:hover {
   background: #e36c2b;
}

main .product {
   display: block;
   overflow: hidden;
}

.product .pic {
   margin: 40px 0;
   display: inline-block;
   width: 100%;
}

.product .pic ul li {
   border: 7px solid #fff;
   text-align: center;
   margin: 10px 0;
}

.product .pic ul li .product-pic {
   display: flex;
   justify-content: center;
   margin-top: 10px;
   height: 200px;
}

.product .pic ul li .product-name {
   margin: 20px 0;
}

.product .pic ul li .product-name p {
   font-size: 18px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.product .pic ul li .product-name a {
   font-size: 14px;
   color: #ff7622;
   padding: 3px 8px;
   border: 1px solid #ff7622;
   border-radius: 15px;
}

.product .pic ul li .product-name a:hover {
   color: #fff;
   background: #ff7622;
}

.product .btn-more {
   border-bottom: 1px solid #ccc;
   text-align: center;
   margin-bottom: 80px;
}

.product .btn-more .btn-default {
   top: 24px;
   position: relative;
   border-radius: 25px;
   font-size: 18px;
   padding: 10px 25px;
}

/* 关于公司 */

.about {
   background: #fff;
   width: 65%;
}

.about img {
   margin-top: 15px;
}

.about .about-content h3 {
   font-weight: bold;
}

.about .about-content p {
   font-size: 16px;
}

.about .about-content a {
   color: #35b6f8;
   font-size: 16px;
}

.news {
   padding-bottom: 14px;
}

.news .newest h4 {
   float: left;
   font-weight: bold;
}

.news .newest a {
   float: right;
   font-size: 18px;
   margin-top: 10px;
}

.news .newest {
   height: 50px;
   border-bottom: 1px solid #ccc;
}

.news .news-img {
   margin-top: 20px;
   margin-left: 10px;
}

.news .news-img .news-title {
   border-bottom: 1px dotted #ccc;
}

.news .news-img .news-title p {
   color: #666;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
}

.news .news-img .news-title a {
   color: #1b7cea;
}

.news .news-list ul li {
   color: #1b7cea;
   line-height: 270%;
}

.news .news-list ul li a {
   color: #000;
   font-size: 16px;
}

.contact-out {
   width: 65%;
   height: 320px;
   margin-bottom: 80px;
   background: #fff;
   margin-top: 30px;
   padding: 0;
}

.contact-out .contact {
   background: url(../img/contact.png) no-repeat left top;
   background-size: 200px 320px;
   height: 320px;
   padding: 10px 20px;
   color: #fff;
}

.contact-out .contact p {
   font-size: 20px;
   color: #fff;
}

.contact-out .contact hr {
   margin-top: 0;
   width: 30%;
}

.contact-out .contact-right {
   padding-left: 20px;
   background: url(../img/contact-pic.png) no-repeat right bottom;
   background-size: 50%;
   height: 320px;
}

.contact-out .contact-right h3 {
   color: #777;
}

.contact-out .contact-right h2 {
   margin-bottom: 30px;
   color: #1f8fed;
}

.contact-out .contact-right h2 small {
   font-size: 16px;
}

footer {
   background: #333;
   text-align: center;
   margin-top: 30px;
   position: fixed;
   left: 0px;
   bottom: 0px;
   width: 100%;
   z-index: 9999;
}

footer p {
   color: #fff;
   line-height: 200%;
   margin: 0;
   display: inline;
}

footer p a {
   color: #fff;
}

/* 产品列表 */

.subslide {
   background: url(../img/banner.jpg) no-repeat center;
   background-size: 100% 250%;
   margin-bottom: 30px;
   padding: 50px 0;
   height: 150px;
}

main .position {
   padding: 5px 10px;
   background: #fff;
   font-size: 14px;
   text-align: right;
}

aside dl dt {
   font-size: 24px;
   padding: 15px 20px;
   background: #e36c2b;
   color: #fff;
   margin-bottom: 10px;
}

aside dl dd {
   line-height: 240%;
   padding: 0 20px;
   border-bottom: solid 1px #ccc;
}

aside dl dd a {
   font-size: 16px;
}

aside .contact-info h2 {
   background: #036;
   color: #fff;
   font-size: 18px;
   line-height: 160%;
   padding: 20px;
}

aside .contact-info ul li {
   line-height: 180%;
   font-size: 14px;
}

/* 新闻 */

main .a-list li {
   margin-top: 10px;
   margin-bottom: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   border-bottom: solid 1px #ccc;
}

main .a-list .date {
   width: 65px;
   height: 65px;
   background: #999;
   color: #fff;
   border-radius: 5px;
   text-align: center;
   font-size: 34px;
   line-height: 110%;
   float: left;
   margin-right: 15px;
   padding: 5px;
}

main .a-list .date small {
   font-size: 12px;
   display: block;
   line-height: 100%;
}

main .a-list h2 {
   font-size: 20px;
   font-weight: bold;
   margin: 0;
   line-height: 180%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

main .a-list h3 {
   font-size: 16px;
   color: #999;
   margin: 0;
   line-height: 180%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

/* 内容 */

.middle-list {
   margin-bottom: 100px;
}

.content {
   margin-bottom: 100px;
}

.content p img {
   max-width: 100%;
}

/* main .content h1, main .content h5 {
   text-align: center;
   line-height: 140%;
} */

/*小于1600大于1200稍微调整下字体*/

@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a {
      font-size: 14px
   }
   .nav ul li .s_navbox .s_a a {
      font-size: 12px
   }
   .foot_top ul {
      margin-left: 60px
   }
   .nav ul li .s_navbox .s_a {
      width: 100%
   }
}

/*移动端导航*/

@media screen and (max-width: 768px) {
   body {
      background: #fff;
   }
   header {
      margin-top: 30px;
   }
   header .logo {
      height: 50px;
   }
   header .logo img {
      max-width: 100%;
   }
   .msgNum {
      display: none;
   }
   .head {
      display: none
   }
   .m_img {
      display: block;
      height: 44px;
      background: #fff;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 9999;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
   }
   .m_img .headlf {
      padding-top: 2px;
      padding-left: 5px;
      float: left;
   }
   .m_img .headlf .m_logo {
      height: 40px;
      display: block
   }
   .m_img .headrg {
      padding-right: 5%;
      padding-top: 14px;
      float: right;
   }
   .m_img .headrg a .m_menuimg {
      height: 16px;
      /* vertical-align: top;  */
      display: block
   }
   .m_nav {
      display: block;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 0px;
      overflow: hidden;
      z-index: 10000
   }
   .m_nav .closecover {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #0b0d19;
      filter: alpha(opacity=0);
      opacity: 0;
      left: 0px;
      top: 0px;
      z-index: 1
   }
   .m_nav .closeicon {
      position: absolute;
      width: 20%;
      left: 0;
      top: 5%;
      z-index: 100;
      text-align: center;
      filter: alpha(opacity=0);
      opacity: 0
   }
   .m_nav .m_navList {
      position: absolute;
      width: 80%;
      right: 0px;
      top: 0px;
      background: #0b0d19;
      height: 100%;
      z-index: 100;
      right: -80%;
      overflow-y: scroll;
   }
   .m_nav .m_navList ul {
      padding-left: 5%;
      padding-right: 5%
   }
   .m_nav .m_navList ul li {
      border-bottom: 1px solid #232530
   }
   .m_nav .m_navList ul li a {
      display: block;
      height: 45px;
      color: #fff;
      line-height: 45px;
      padding-left: 5%;
      font-size: 16px
   }
   .m_nav .m_navList ul li .m_f_a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%
   }
   .m_nav .m_navList ul li .m_f_a a {
      flex: 1;
   }
   .m_nav .m_navList ul li .m_f_a i {
      width: 40px;
      height: 35px;
      box-sizing: border-box;
      padding: 0 5px;
      display: block;
   }
   .icon {
      background: url(../img/plus.png) 100% no-repeat;
      background-position: 50% 50%;
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
   }
   .m_nav .m_navList ul li .m_s_nav {
      display: none;
      width: 100%;
   }
   .m_nav .m_navList ul li .m_s_nav a {
      display: block;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding-left: 10%;
      overflow: hidden;
      white-space: nowrap;
      width: 90%;
      text-overflow: ellipsis;
   }
   .introduce .title h1 {
      margin: 0;
   }
   .introduce-pic {
      border: none;
      margin: 0;
   }
   .introduce-pic img {
      margin: 0;
   }
   .introduce-pic div {
      font-size: 14px;
      border: unset;
   }
   .about {
      width: 100%;
   }
   .contact-out {
      width: 100%;
      margin-bottom: 40px;
   }
   .contact-out .contact-right {
      background: unset;
   }
   aside {
      margin-top: 100px;
   }
   aside .contact-info{
      margin-bottom: 100px;
   }
   footer p,a{
      font-size: 12px;
   }
   footer p{
      display: block;
   }
   .product .pic ul li .product-pic {
      height: 150px;
   }
}

/* @media screen and (max-width: 768px){

  } */