@charset "utf-8";


body{
  overflow-x: hidden;
  font-family: "微软雅黑";
}
ul li {
  list-style: none;
}
*{
  box-sizing: border-box;
  text-decoration: none !important;
  margin: 0px;
  padding: 0px;
}
a{
  color: #777;
  cursor: pointer !important;
}


input:focus, button:focus{
  outline: none;
}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}


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

.Mobile-fluid{position:fixed; left:0; bottom:0; background-color: rgba(0,0,0,0.6);width:100%; border-top:3px solid #024f9f;}
.Mobile-fluid ul {width:100%; overflow:hidden; padding:5px 0; }
.Mobile-fluid ul li{ float:left; width:33.333333%; text-align:center; margin:0 auto;}
.Mobile-fluid ul li a{color: #FFF; font-size: 26px;}

.header-top{
  background: #525252;
  height: 40px;
  width: 100%;
}
.header-top .container{
  height: 40px;
}
.header-top .left, .right{
  height: 100%;
}
.header-top .left{
  float: left;
}
.header-top .right{
  float: right;
}
.header-top .left p, .header-top .right p{
  display: inline-block;
  height: 100%;
  line-height: 40px;
  color: #fff;  
}
.header-top .right p a{
  margin-left: 15px;
  color: #fff;
}
.header-top .right p a:hover{
  color: #f60;
}
.header-top .right p a:hover i{
  color: #f60;
}

header{
  height: 135px;
  width: 1200px;
  margin: 0 auto;
  background: white;
  padding: 0 15px;
}
header .left{
  float: left;
}
header .left a{
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 999;
  float: left;
}
header .left .title{
  float: left;
}
header .left .title h1{
  font-size: 25px;
}
header .left .title p{
  font-size: 16px;
}
header .right{
  float: right;
}
header .right p{
  margin-top: 15px;
  font-size: 16px;
  color: #0e7823;
  line-height: 26px;
}
header .right p i{
  font-size: 20px;
}
header .right span{
  margin-top: 15px;
  font-size: 26px;
  color: #0e7823;
  line-height: 26px;
}


nav{
  background: #2892d0;
}
nav .navbar-brand{
  display: none;
}
.navbar{
  border: none;
  margin-bottom:0;
}
.nav > li > a{
  padding: 0px;
}
nav .menu{
  width: 1200px;
  margin: 0 auto;
  height: 50px;
}
nav .menu li{
  width: 165px;
  height: 50px;
  float: left;
  background:url('../images/nav-bg.png') right center no-repeat;
}
nav .menu li:nth-last-child(1){
  background: none;
}
nav .menu .active>a{
  color: #fff;
  background-color: #f60;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f60;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f60;
 }
nav .menu li>a{
  display: block;
  line-height: 50px;
  color: #fff;
  width: 100%;
  text-align: center;
}
nav .menu li.active>a{
  background-color: #f60;
}
nav .menu li.active .menu2:before{
    display: block;
}
nav .menu li .menu2{
  padding-top: 15px;
}
nav .menu .menu2 a{
  display: block;
  height: 35px;
  line-height: 35px;
  color: #333;
  font-size: 13px;
  text-align: center;
}
nav .menu .menu2 a:hover{
  background: #f60;
  color: #fff;
}


.dropdown-menu{
  border:none;
  box-shadow: none;
  background:#fff;
  min-width: 165px;
  margin: 0;
  padding: 0;
}
.carousel-inner .item{
  height: 550px;
  background: url('../images/banner1.jpg') no-repeat top center;
}
.carousel-inner .item:nth-child(2){
  background: url('../images/banner2.jpg') no-repeat top center;
}
.carousel-inner .item:nth-child(3){
  background: url('../images/banner3.jpg') no-repeat top center;
}
.carousel-control.right , .carousel-control.left{
  background-image: none;
}
.carousel-indicators .active{
  background: #f60;
}


.section{
  padding-top: 40px;
  padding-bottom: 10px;
}
.section .section-box{
  margin: 30px auto;
}
.section .top h1{
  margin: 0;
}
.section .top p {
  line-height:30px;
}
.section .top img{
  display: block;
  margin: 0 auto;
  max-width:100%;
}
.section a.more{
  width: 140px;
  height: 40px;
  color: #333;
  border: 1px #999 solid;
  text-align:center;
  line-height: 40px;
  font-size: 14px;
  display: block;
  margin: 0 auto;
  background: none;
  transition:all .3s;
}
.section a.more:hover{
  background: #024f9f;
  border-color:#024f9f;
  color: #fff;
}



.section1{
  background:url('../images/aboutbg.jpg') no-repeat;
}
.section1 .row{
  margin: 20px 0; 
}
.section1 h1{
  color:#fff;
}
.section1 p{
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  text-indent: 2em;
}
.section1 a.more{
  float:left;
  background: #024f9f;
  border-color:#024f9f;
  color: #fff;
}




.section2{
  background: #f8f8f8;
}
.section2 .pro{
  position: relative;
  width: 100%;
  min-height: 230px;
  border: 1px #ccc solid;
  background:#fff;
  overflow:hidden;
  cursor:pointer;
}
.section2 .pro::after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0);
  transition:all .5s;
}
.section2 .pro:hover::after{
  background:rgba(0, 0, 0, 0.7);
}
.section2 .col-md-3{
  padding: 0 8px;
}
.section2 .pro img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition:all .5s;
}
.section2 .pro i{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width:60px;
  height:30px;
  line-height:30px;
  font-style:normal;
  font-size: 14px;
  color:#fff;
  text-align:center;
  transition:all .5s;
  z-index:10;
  opacity:0;
}

.section2 .pro:hover img{
  transform:scale(1.1);
}
.section2 .pro:hover i{
  opacity:1;
  animation:rollIn .5s;
}
.section2 p{
  line-height: 45px;
   width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}





.section3 .top img{
  display:block;
  margin: 0 auto;
}
.section3 .row img{
  display:block;
  margin: 0 auto;
}
.section3 .row p{
  padding-left:80px;
  color:#333;
}
.section3 .row p i{
  color:#f60;
}

.ad img{
  max-width:100%;
}


.section5 .top h1, .section5 .top p{
  color:#fff;
  margin-bottom:0;
}
.section5{
  padding-top:25px;
  background: #169adb;
}
.section5 a.more{
  border:1px #fff solid !important;
  color:#fff;
}
.section5 a.more:hover{
  background:#f60;
  border:1px #f60 solid;
}



 .Box .content {
  width: 100%;margin: 0 auto;
} 
.Box .Box_con {
  position: relative;
  overflow: hidden;
}
.Box .Box_con .conbox {
  position: relative;
  overflow: hidden;
}
.Box .Box_con .conbox ul {
  position: relative;
}
.Box .Box_con .conbox ul li {
  float: left;
  width:250px;
  margin-left: 20px;
}
.Box .Box_con .conbox ul li>div{
  width:250px;
  height: 160px;
  border:1px #fff solid;
  background:#fff;
 }
.Box .Box_con .conbox ul li>div:hover{
  border:1px solid red;
}
 .Box .Box_con .conbox ul li:first-child {
  margin-left: 0;
} 
.Box .Box_con .conbox ul li img {
  display: inline-block;
  max-width: 99%;
  max-height: 99%;
  position: relative; 
  top: 50%;left:50%; 
  transform: translate(-50%, -50%);
  }
.Box .Box_con .conbox ul li p{
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color:#fff;
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  }




.section-news{
  background: #f8f8f8;
}
.section-news .news-title span{
  float: left;
  padding-left: 10px;
  border-left: 4px solid #024f9f;
}
.section-news .news-title a{
  float: right;
}
.section-news ul{
  margin-top: 15px;
}
.section-news ul li{
  height: 35px;
  border-bottom: 1px #ccc dashed;
}
.section-news ul li a{
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  height:35px;
  width:75%;
  float:left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-news ul li a i{
  font-size:12px;
}
.section-news ul li time{
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  float:right;
  color: #777;
}
.section-newsul li a i{
  font-size: 10px;
  color:#1474d0 ;
}

.ad{
  height: 180px;
  background:url('../images/ad.jpg') no-repeat top center; 
}





footer{
  background: #333;
  margin-top: 25px;
}
/* 友情链接 */
footer .box-link{
  border-bottom: 1px #4b5054 solid;
  margin-bottom:25px;
}
footer .box-link li h2{
  display:inline-block;
  margin:0;
  color:#fff;
  text-align: left;
  font-size:16px;
  line-height: 35px;
}
footer .link li{
  float: left;
} 
footer .link li a{
  display: inline-block;
  width: 100%;
  padding-left:15px;
  text-align: center;
  line-height: 35px;
}
footer .link li a:after{
  content: '/';
  line-height: 35px;
  margin-left:15px;
  color: #999;
} 
footer .link li a{
  float: left;
  color: #ccc;
  line-height: 40px;
  font-size: 14px;
}
footer .link li a:hover{
  color:#024f9f;
}

footer .container{
  padding: 15px 0;
}

footer .box{
  background: #fff;
  width: 130px;
}
footer .box p{
  text-align: center;
  line-height: 30px;
  margin-bottom: 0;
}
footer .box img{
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
footer .box span{
  text-align: center;
  line-height: 30px;
  display: block;
  background: #cacaca;
}
footer .nav-bottom li{
  width: 25%;
  float: left;
}
footer .nav-bottom li h1{
  margin: 0;
}
footer .nav-bottom li h1 a{
  display: block;
  text-align: left;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
}
footer .nav-bottom li a{
  display: block;
  text-align: left;
  line-height: 25px;
  color: #ccc;
  font-size: 14px;
}
footer .cont{
  color:#fff ;
  line-height: 27px;
}

.bottom {
  padding: 20px;
  border-top: 1px #777 solid;
  background: #282828;
  padding-bottom: 70px;
}
.bottom p{
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 0;
}




    /* 固定侧边栏 */
  .footer-fixed{
      position: fixed;
      right: 15px;
      bottom: 200px;
      z-index: 999;
  }
  .footer-fixed #show i{
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/close_im.png') center center no-repeat;
    position: absolute;
    top: -10px;
    right: 10px;
    cursor: pointer;
  }
  .footer-fixed #show{
    display: none;
    background: #F9FAFB;
      border: 1px solid #dddddd;
      border-radius: 10px;
      background: #F9FAFB;
      width: 110px;
      padding-top: 15px;
  }
  .footer-fixed #show .qq-img{
    width: 70px;
    height: 75px;
    border-radius: 50%;
    border: 3px #fff solid;
    margin: 0 auto;
    overflow: hidden;
    background: url('../images/qq.png') top center;
    box-shadow: 0px 4px 5px #ccc; 
    transition: all .3s;
  }
  .footer-fixed #show .qq-img:hover{
    animation: swing 1s;
  }
  .footer-fixed #show a{
    text-align: center;
    display: block;
    color: #0484cd;
    line-height: 40px;
    border-bottom: 1px #ccc solid;
  }
  .footer-fixed #show .tel{
    border-bottom: 1px #ccc solid;
  }
  .footer-fixed #show .tel p{
    text-align: center;
    color: black;
    line-height: 25px;
    font-weight: bold ;
    margin-bottom: 0;
  }
  .footer-fixed #show .tel span{
    text-align: center;
    color: black;
    display: block;
    line-height: 25px;
    font-weight: bold;
    color: #f60;
    font-size: 13px;
  }
  .footer-fixed #show .bot div{
    
  }
  .footer-fixed #show .bot .wx-img{
    width: 50%;
    height: 45px;
    float: left;
    border-right: 1px #ccc solid;
    position: relative;
    background: url('../images/weixing-icon.png') center center no-repeat;
  }
  .footer-fixed #show .bot .back-img{
    width: 50%;
    float: right;
    height: 45px;
    cursor: pointer;
    background: url('../images/toTop-icon.png') center center no-repeat;
  }
  .footer-fixed #show .bot .wx-img:hover #wx-show{
    transform: scale(1);
  }
  .footer-fixed #wx-show{
    width: 110px;
    position: absolute;
    right: 63px;
    bottom: 0;
    padding: 10px;
    border: 1px #ccc solid;
    border-radius: 10px;
    transition: all .2s;
    transform: scale(0);
    background: #fff;
  }
  .footer-fixed #wx-show:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 20px;
    right: -14px;
    border-style:solid;
    border-color: transparent transparent transparent #fff;
    border-width: 8px;
  }
  .footer-fixed #wx-show p:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 20px;
    right: -16px;
    border-style:solid;
    border-color: transparent transparent transparent #ccc;
    border-width: 8px;
  }
  .footer-fixed #wx-show p{
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
  }




/* ---------------------------内页------------------------------- */
.top-nav{
  background: #fcfcfc;
  height: 50px;
  box-shadow: 0 0 3px #888;
}
.top-nav span{
  float: left;
  line-height: 25px;
  font-size: 18px;
  border-left: 5px #024f9f solid;
  text-indent: 15px;
  margin-top: 13px;
}
.top-nav .breadcrumb{
  padding:0 15px;
  float: right;
  background:none;
  display: inline-block;
  line-height: 50px;
  font-size: 13px;
}

.inside{
  width: 100%;
  border-top: 1px #ccc solid;
  padding-top: 30px;
}

/* ---leftpage---*/

.leftPage{
  border: 1px #ccc solid;
}
.leftPage .top{
  width: 100%;
  height: 50px;
  background: #fcfcfc;
  box-shadow: 0 1px 3px #ccc;
}
.leftPage .top span{
  box-sizing: content-box;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 50px;
  color: #024f9f;
  font-size: 18px;
  text-indent: 20px;
}

.leftPage ul{
  padding: 2px;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 0;
}
.leftPage ul li{
  width: 100%;
  margin-bottom: 2px;
  position: relative;
}
.leftPage ul li a{
  display: block;
  width: 100%;
  height: 35px;
  color: #777;
  background: #ddd;
  text-align: left;
  text-indent: 15px;
  line-height: 35px;
  font-size: 13px;
  transition: all .3s;
}
.leftPage ul li a i{
  margin-right: 8px;
  color: #009ed5;
}
.leftPage ul li:hover a{
  background: #024f9f;
  color: #fff;
  text-indent: 10px;
}

.leftPage .leftPage-bottom {

  background:#024f9f;
}
.leftPage .leftPage-bottom h3{
  padding-left: 15px;
  color: #fff;
  font-size: 20px;
  text-align: left;
}
.leftPage .leftPage-bottom p{
  padding-left: 15px;
  text-align: left;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding-bottom: 10px;
  background: #024f9f;
}


/* ---rightPage---*/
.rightPage{
  box-shadow: 0px 1px 2px #ccc;
  border: 1px solid #ccc;
}
.rightPage .top{
  width: 100%;
  background: #e8e8e8;
}
.rightPage .top .pageTitle{
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 50px;
  margin: 0;
}
.rightPage .top p{
  float: right;
  margin-right: 10px;
  font-size: 14px;
  text-align: right;
  color: #777;
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.rightPage .content{
  width: 100%;
  min-height: 500px;
  padding: 10px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.rightPage .content .news-page img{
  width: 100%;
}
.rightPage .content .news_title{
  margin: 5px 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}
.rightPage .content .news_info{
  text-align: center;
    color: #999;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    margin: 10px 0;
    padding: 5px 0;
    font-size: 14px;
}






/* ----------------上一条新闻-------- */
.page_pre{
  margin-top: 30px;
  color: black;
  font-size: 14px;
}
.page_pre a, .page_after a{
  font-size: 13px;
  color: #777;
  line-height: 28px;
}
.page_pre a:hover, .page_after a:hover{
  color: red;
}

/*------------分页样式---------*/
.List_page{
  display: block;
  margin:25px 0px;
  float: right;
}
.List_page a, .List_page span{
    cursor: pointer;
    border-color: #337ab7;
    float: left;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 3px;
}
.List_page span{
  background: #ddd;
}
.List_page a:hover, .List_page span:hover{
  color: #009ed4;
}

.List_page a:nth-child(1):hover, .List_page a:nth-last-child(1):hover{
  color: #666;
}
/*------------分页样式---------*/




/* -----------------------新闻------------- */
.inside .List .news{
  height: 45px;
  border-bottom: 1px #CCCCCC dashed;
}
.inside .List .news img{
  margin: 0 8px;
  margin-top: -3px;
}
.inside .List .news a{
  display: inline-block;
  width: 65%;
  color: #666;
  font-size: 13px;
  line-height: 45px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.inside .List .news a i{
  font-size: 12px;
}
.inside .List .news:hover a{
  color: red;
}
.inside .List .news span{
  color: #666;
  font-size: 13px;
  float: right;
  line-height: 45px;
}


/* -----------------------产品------------ */
.inside .pros{
  width: 100%;
}
.inside .pros li{
  border: 1px #ccc solid;
  position: relative;
  overflow: hidden;
  height: 220px;
}
.inside .pros li:hover{
  border:1px solid red;
}
.inside .pros li img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.inside .pros p{
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: black;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inside .col-md-4{
  margin-bottom: 15px;
}
.inside-pro .col-md-4 {
    padding: 0 6px;
}
/* -------------案例------------------ */
.inside-case .col-md-4{
  padding: 0 6px;
  
}
.inside #div3 img{
  max-width: 100%;
}

/* 百度地图 */
.baiduMap{
  width: 100%;
  height: 300px;
  border: 1px #ccc solid;
}




@media only screen and (min-width: 100px) and (max-width: 640px) {
  .footer-fixed{
      right: 0;
  }
  .header-top{
    display: none;
  }
  header{
    display: none;
  }
  nav{
    background: #fff;
  }
  nav .menu {
    width: 100%;
    height: auto;
    background: #4da4d8;
  }
  nav .menu li{
    width: 100%;
    float: none;
  }
  nav .navbar-brand{
    display: block;
  }
  nav .navbar-brand img{
    height: 45px;
  }
  .navbar-brand{
    padding: 3px 15px;
  }
  .navbar {
      border: 1px solid transparent; 
  }
  .col-xs-3, .col-xs-4 , .col-xs-12{
    margin-bottom: 15px;
  }
  .carousel .carousel-inner .item{
    height: 130px;
    background-size: 100% 100%;
  }
  textarea{
    width: 80%;
  }
  #div3 img{
    max-width: 100%;
  }
  .container{
    padding: 0;
  }
  .section{
    padding:0 10px;
  }
  .section .section-box .top i{
    left: -50px;
  }
  nav .menu .menu2{
    background:#fff;
  }
  nav .menu .menu2 a{
    background:#fff;
    margin-bottom:1px;
  }

  footer{
    padding-top: 0;
  }
  .bottom{
    margin-top: 0;
  }
  .inside{
    padding-top: 0;
  }
  .rightPage .top .pageTitle{
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
  }
   nav .menu li:hover a span:nth-of-type(1){
      top: -45px;
   }
   nav .menu li:hover a span:nth-of-type(2){
      top: 0;
   }
   .row{
      margin-right: 0;
      margin-left: 0;
   }
   .col-xs-12, .col-md-9{
      padding-right: 0px;
      padding-left: 0px;
   }
  .navbar-toggle .icon-bar{
    background: #2f8abf;
    transform-origin: center left;
    transition: all .5s;
  }
  .section h1{
    font-size:30px;
  }
  .section1{
    padding-top:25px;
    background:none;
  }
  .section1 h1{
    color:#333;
    font-size:30px;
  }
  .section1 p{
    line-height: 30px;
    color: #333;
  }
  .section1 a.more{
    float:none;
    margin: 0 auto;
  }
  .section2{
    padding:0;
  }
  .section2 .pro{
    min-height:175px;
  }
  .section3 .top i{
    top: 25px;
  }
  .section3 .cont{
    padding: 10px;
  }
  .section3 .cont>p{
    margin-bottom: 15px;
  }
  footer .link{
    width:100%;
  }
  .rightPage .content{
    padding:5px 0;
  }
  .rightPage .cont-text{
    padding: 10px;
  }
  .inside-pro .col-md-4 {
      padding: 0 2px;
  }
  nav .menu li{
    height:auto;
  }
  nav .menu li .menu2{
    padding-top:0;
    width:100%;
  }
  .section3 .row img{
    max-width:100%;
  }
  .section3 .row p{
    padding-left:0;
  }



}