@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: 16px;
   list-style: none;
}

/* img {
   display: block;
} */

ul {
   list-style: none;
}

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

table{
   width: 100%;
}

a:hover {
   text-decoration: none;
}

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

/* header */

.logo img {
   display: inline;
   margin-top: -60px;
}

.logo h1 {
   display: inline-block;
   font-weight: bold;
   margin: 50px 0 40px 0;
}

.logo h1 small {
   color: #000;
   font-size: 18px;
   font-weight: bold;
}

.hotline p {
   margin-left: 15px;
   font-size: 18px;
   margin-top: 60px;
   background: url(../img/hotline.png) no-repeat;
   padding-left: 35px;
}

.sousuo {
   width: 465px;
   height: 30px;
   float: right;
   border: 1px #e6e6e6 solid;
   border-radius: 900px;
   overflow: hidden;
}

.sousuo .keyword {
   width: 425px;
   border: 0;
   height: 30px;
   line-height: 30px;
   outline: none;
   padding: 0 15px 0 20px;
   float: left;
}

.sousuo .tijiao {
   width: 30px;
   height: 28px;
   background: url(../img/search.png) center no-repeat;
   float: left;
   border: 0;
   outline: none;
   content: '';
}

/* 主菜单 */

.head {
   position: relative;
   width: 100%;
   background: #3aaaf8;
   border-bottom: 1px solid #ddd;
   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 {
   float: left;
   position: relative;
   border-right: 1px solid #cccccc;
   box-sizing: border-box;
   z-index: 999;
   width: 12.5% !important;
}

.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: #cf1322;
   color: #fff;
   transition: all .3s
}

.head .nav ul li .s_navbox {
   display: none;
   position: absolute;
   left: 0;
   width: 100%;
   background: #fff;
   background-color: #00a2ff;
   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: #cf1322;
   color: #fff;
}

.m_nav {
   display: none
}

.headrg .m_menuimg {
   display: none
}

.active {
   background-color: #cf1322
}

.activ2 {
   background-color: #cf1322
}

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

/* 产品展示 */

.product-title {
   text-align: center;
   margin-top: 60px;
   margin-bottom: 60px;
}

.product-title img {
   display: inline;
}

.product-head {
   width: 100%;
   text-align: center;
}

.product-head li {
   padding: 10px 50px;
   border: 1px solid #ccc;
   border-radius: 20px;
   background: #fff;
   display: inline-block;
   margin: 0 10px 20px;
   cursor: pointer;
}

.product-head li:hover {
   background: #ccc;
   border-color: #ccc;
}

.product-head .on {
   background: #06f;
   border-color: #06f;
   color: #fff;
}

.product-body {
   padding-top: 50px;
}

.product-body>ul {
   overflow: hidden;
}

.product-body li {
   float: left;
   width: 50%;
}

.product-body .product-box {
   margin: 5px;
   padding: 10px;
   overflow: hidden;
}

.product-body .product-box .product-thumb {
   width: 240px;
   height: 240px;
   overflow: hidden;
   float: left;
   margin-right: 20px;
   text-align: center;
   border: 1px solid #ccc;
   padding: 1px;
}

.product-body .product-box .product-thumb img {
   height: 100%;
   display: inline-block;
}

.product-body .product-box .product-summary h2 {
   margin-bottom: 40px;
   font-size: 26px;
   font-weight: bold;
}

.product-body .product-box .product-summary p {
   font-size: 16px;
   line-height: 180%;
   color: #666;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.more {
   width: 190px;
   height: 48px;
   margin: 60px 0 0 -95px;
   background: #FFF;
   border: 1px #e6e6e6 solid;
   text-align: center;
   line-height: 48px;
   border-radius: 500px;
   display: inline-block;
   left: 50%;
   position: relative;
}

.more a {
   font-size: 18px;
}

/* 案例 */

#swiper2 .swiper-wrapper .swiper-slide {
   text-align: center;
}

#swiper2 img {
   display: inline-block;
}

/* 关于我们 */

.container-fluid {
   background: #edeef0;
   height: 570px;
   margin-top: 100px;
}

.about-content p {
   text-indent: 2em;
   font-size: 16px;
   margin: 0 0 18px 0;
   line-height: 200%;
}

.detail {
   width: 190px;
   height: 48px;
   margin: 30px 0 0 -285px;
   background: #FFF;
   border: 1px #e6e6e6 solid;
   text-align: center;
   line-height: 48px;
   display: inline-block;
   left: 50%;
   position: relative;
   border-radius: 500px;
}

.detail a {
   font-size: 18px;
}

/* 联系我们 */

.contact-out {
   height: 400px;
   margin-bottom: 80px;
   box-shadow: 0px 0px 8px #ddd;
}

.contact-out .contact {
   background: #04699f;
   height: 400px;
   padding: 40px;
   color: #fff;
}

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

.contact-out .contact h3 {
   margin-top: 90px;
   padding-left: 68px;
   background: url(../img/server.png) no-repeat;
   line-height: 135%;
}

.contact-out .contact h3 small {
   color: #fff;
}

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

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

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

.contact-out .contact-right h2 {
   margin-bottom: 60px;
   color: #fd8a03;
}

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

/* 最新动态 */

.news-bg {
   background: url(../img/news-bg.png)no-repeat;
   height: 821px;
   background-size: cover;
}

.news-list li {
   width: 100%;
   display: inline-block;
   margin-bottom: 20px;
}

.news-list .date {
   width: 80px;
   height: 80px;
   float: left;
   text-align: center;
   background-color: #cccccc;
   padding-top: 13px;
}

.news-list .date p {
   font-size: 25px;
   margin-bottom: 5px;
}

.news-list .word {
   width: 950px;
   float: left;
   margin-left: 30px;
   font-size: 14px;
   position: relative;
   color: #8f8f8f;
}

.news-list .word .title {
   display: inline;
   font-size: 18px;
   margin-top: 8px;
   margin-bottom: 18px;
   font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.news-list .word .summary{
   font-size: 16px;
   margin-top: 28px;
   color: #666;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.news-list .news-detail {
   float: right;
   margin-top: 53px;
}
.news-list .news-detail a{
   color: #00a2ff;
}

.more-news{
   width: 190px;
   height: 48px;
   margin: 25px 0 0 -95px;
   background: #FFF;
   border: 1px #e6e6e6 solid;
   text-align: center;
   line-height: 48px;
   border-radius: 500px;
   display: inline-block;
   left: 50%;
   position: relative;
}
.more-news a{
   font-size: 18px;
}

footer{
   text-align: center;
   margin-top: 100px;
   height: 150px;
}
footer hr{
   margin-bottom: 60px;
}


/* ******************************************* */
/* 新闻栏目 */
.nei_cont{ width:1300px; margin:30px auto 50px auto;}
.nei_cont::after{display:block; content:""; clear:both;}

.nei_cont .left {width:227px; float:left;}
.nei_cont .left .left_nav{ width:227px; float:left; background:#0362af; color:#ffffff; margin-bottom:18px;}
.nei_cont .left .left_nav .title{ width:93%; margin:0px auto 0px auto; text-align:center; font-size:24px; padding:15px 0px 10px 0px; margin-bottom:0px; }
.nei_cont .left .left_nav .title p{ font-family:Arial; font-size:13px; text-transform:uppercase; margin-top:2px;}
.nei_cont .left .left_nav .title img{ width:174px;}

.nei_cont .left .left_nav .left_cont{ width:92%; margin:0 auto 13px auto; background:#FFF; padding:5px 0 5px 0;}
.nei_cont .left .left_nav .left_cont .left_dh{ width:93%; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center; margin:0 auto 0 auto; border-bottom:1px #CCCCCC dotted}
.nei_cont .left .left_nav .left_cont .left_dh a{display:block;}
.nei_cont .left .left_nav .left_cont .left_dh a:hover{ color:#FFF; background:#025aa2;}

.nei_cont .left .lianxi{ width:227px; float:left;}
.nei_cont .left .lianxi .pic{width:227px; font-size:25px; /*height:59px; background:url(../images/nei_13.jpg) center no-repeat;*/ margin-bottom:10px; color:#0362af; border-bottom:1px #ececec solid; padding-bottom:15px;}
.nei_cont .left .lianxi .pic span{ font-size:13px; color:#333333; text-transform:uppercase; }
.nei_cont .left .lianxi .lianxi_cont{width:227px;}
.nei_cont .left .lianxi .lianxi_cont p{ font-size:14px; margin-top:9px; line-height:20px;}

.nei_cont .right{ width:1027px; float:right;  }

.nei_cont .right .nei_tilte{width:100%; border-bottom:1px #CCCCCC solid; margin:0px 0px 18px 0px; height:45px; line-height:45px;   }
.nei_cont .right .nei_tilte span{ font-size:18px; border-bottom:1px #000099 solid; padding-bottom:10px}
.nei_cont .right .nei_tilte p{ float:right;font-size:13px; color:#b8b8b8;}
.word_style{ font-size:15px; line-height:34px;}
.word_style img{ max-width:98%;}

.nei_cont .right .titles{ line-height:15px; border-bottom:1px #dfdfdf solid; text-align:center; margin-bottom:19px; margin-top:30px;}
.nei_cont .right .titles h3{line-height:30px;}
.nei_cont .right .titles p{ color:#999999; font-size:13px; margin-top:10px; margin-bottom:20px;}

.news_xiangguan{ width:100%; border-top:1px #b3b3b3 dotted; margin-top:33px; overflow:auto; padding-top:20px; }
.news_xiangguan .lie_box{ width:99%; line-height:20px;  margin:0 auto 13px auto;}
.news_xiangguan .lie_box a{ color:#333333;}
.news_xiangguan .lie_box a:hover{ color:#2979d3;}

.list_news{ width:100%; margin-top:30px; border-bottom:1px #CCC dotted; padding-bottom:15px;}
.list_news::after{ display:block; content:""; clear:both;}
.list_news p{ padding:0; margin:0;}
.list_news .pic{ width:200Px; height:150px; float:left; margin-right:20px;}
.list_news .pic img{width:200Px; height:150px;}
.list_news .biaoti{ font-size:20px; line-height:30px; margin-bottom:10px;}
.list_news .riqi{ color:#999999; font-size:12px; margin-top:10px;}
.list_news span{ line-height:22px; font-size:14px;}
.list_news:nth-child(1){ margin-top:40px;}

/* 产品栏目 */

.product_list{ width:484px; height:215px; margin-top:32px; float:left; overflow:hidden;}
.product_list:after{ display:block; content:""; clear:both;}
.product_list:after{ display:block; content:""; clear:both;}
.product_list:nth-child(even){ float:right; }
.product_list:nth-child(1),.product_list:nth-child(2){margin-top:0;}

.product_list .pic{ width:220px; height:194px; margin-top:4px; float:left; background:#fff;}
.product_list .pic tr td {border: 1px solid #ccc;}
.product_list .pic img{width:90%; }
.product_list .word{ width:240px; float:right; }
.product_list .word .biaoti{height:66px; margin-top: 15px;}
.product_list .word .biaoti a{ font-size:22px; line-height:32px; margin-top:2px; margin-bottom:10px;}
.product_list .word .canshu{   
   font-size: 16px;
   line-height: 180%;
   color: #666;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;}
/*小于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%
   }
}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;margin-bottom: 1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#3366cc;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#3366cc;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*移动端导航*/

@media screen and (max-width: 768px) and (min-width: 0px) {
   .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 #ddd;
      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: 30px;
      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;
   }
}

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

  } */