@charset "utf-8";

* {box-sizing: border-box;margin:0;padding:0;}

body {margin: 0;padding: 0;font-size: 14px;font-family:'微软雅黑','黑体';background-color:#ffffff ;color: #333333;  }

html,body,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{font-size: inherit;margin:0;padding:0}

ul,ol,dl{list-style-type:none;margin: 0;padding: 0;}

address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}

input,button{overflow: visible;vertical-align:middle;outline:none}

/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/

sub,sup{vertical-align:baseline}

table{border-collapse:collapse;border-spacing:0}

textarea { resize:none} 

input[type="submit"],input[type="button"]{ cursor:pointer;}

img{border:0;vertical-align:middle;}

a img,img{-ms-interpolation-mode:bicubic}

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

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

body,th,td,button,input,select,textarea{  font-family:"微软雅黑", Arial; font-size:14px;}

.clear{clear:both;}

ul,ol,li,dl,dt,dd{list-style:none; padding:0; margin:0;}

.fl { float:left;}

.fr { float:right;}

body{background: #fff;}

.mt-5,.my-5 { margin-top: 50px !important; }

.mt-3,.my-3 { margin-top: 30px !important; }

.mt-2,.my-2 { margin-top: 15px !important; }

.mt-1,.my-1 { margin-top: 5px !important; }

.pt-5,.py-5 { padding-top: 50px !important; }

.pt-3,.py-3 { padding-top: 30px !important; }

.pt-2,.py-2 { padding-top: 20px !important; }

.pt-1,.py-1 { padding-top: 10px !important; }

.mb-4,.my-4 { margin-bottom: 40px !important; }

.mb-3,.my-3 { margin-bottom: 30px !important; }

.mb-2,.my-2 { margin-bottom: 15px !important; }

.mb-1,.my-1 { margin-bottom: 5px !important; }

.pb-5,.py-5 { padding-bottom: 50px !important; }

.pb-3,.py-3 { padding-bottom: 30px !important; }

.pb-2,.py-2 { padding-bottom: 20px !important; }

.pb-1,.py-1 { padding-bottom: 10px !important; }

.clearfix { *zoom: 1;}

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

.section { padding: 50px 0; }

.img-box img { width: 100%; transition: all 0.3s; }

.zoom-box { overflow: hidden; }

.zoom-box:hover img { transform:scale(1.2); }

.btn { border-radius: 60px; }

.btn-more { border: 1px solid #ccc; color: #666; background: #fff; padding: 10px 30px; border-radius: 50px; font-size: 16px; transition: 0.3s; }

.btn-more:hover{border:1px solid #0055A4;background-color:#0055A4;color:#fff;}

.section-header { padding-bottom: 40px; text-align: center; }

.section-header h3 { position: relative; font-weight: 700; margin-top: 0; margin-bottom: 15px; display: inline-block; padding-left: 90px; padding-right: 90px; color: #0071c1; font-size: 32px; }

.section-header h3:before { position: absolute; content: " "; width: 66px; height: 2px; background-color: #0071c1; left: 0px; top: 50%; }

.section-header h3:after { position: absolute; content: " "; width: 66px; height: 2px; background-color: #0071c1; right: 0px; top: 50%; }

.section-header p { color: #333; font-size: 24px; }

.section-header h3 span { position: absolute; border-left: 2px solid #85C923; height: 100%; transform: skew(-25deg, 0); left: -15px; }

.section-header h3 span:before { position: absolute; content: " "; border-left: 2px solid #85C923; height: 100%; left: -10px; }

.section-header h3 span:after { position: absolute; content: " "; border-left: 2px solid #85C923; height: 100%; left: -18px; }

.section-header h3 i { position: absolute; border-left: 2px solid #85C923; height: 100%; transform: skew(-25deg, 0); right: -15px; }

.section-header h3 i:before { position: absolute; content: " "; border-left: 2px solid #85C923; height: 100%; right: -8px; }

.section-header h3 i:after { position: absolute; content: " "; border-left: 2px solid #85C923; height: 100%; right: -16px; }

/* transition合集 */

.navbar-brand img,.sublogo h4,.sublogo p,.navbar ul.nav > li > a, .row-special li, .product-item h4, .product-item .bgcover, .news-itembox { transition: all .36s ease; }



/*头部导航开始*/

header { z-index: 100; transition: height .36s ease; width: 100%; }

header.mini { box-shadow: 0 0 10px rgba(0,0,0,.1); height: 66px;}

.navbar-box { width: 100%; }

.navbar-header { background: #FFF; }

.navbar { margin-bottom: 0; }

.navbar-brand { padding-top: 5px; }

.navbar-brand img { height: 66px; }

.navbar .container-fluid { padding: 0; }

.navbar-default { background: transparent; border-width: 0; }

.navbar a { font-size: 16px; }

.navbar-toggle { margin-top: 15px; }

.sublogo { float: left; border-left: 2px solid #fff; margin-top: 26px; padding-left: 15px; color: #004EA2; font-weight: bold; text-shadow: 0.1rem 0rem 0.2rem #fff, -0.1rem 0rem 0.2rem #fff, 0rem 0.1rem 0.2rem #fff, 0rem -0.1rem 0.2rem #fff; }

.sublogo h4 { margin-bottom: 5px; margin-top: 0; letter-spacing: 3.2px; font-weight: bold; }

.sublogo h4 i { letter-spacing: 0; margin-right: 3px; }

.sublogo p { font-size: 17px; letter-spacing: 1px; margin-bottom: 0; }

.tel { padding-left: 68px; margin-top: 26px; padding-top: 3px; color: #000; background: url(../images/tel.jpg) no-repeat 0 center;font-size: 16px; color: #fff;}

.top_tel span {color:red ;font-family: Impact;font-size:28px; letter-spacing: 3px; display: block; font-weight: bold;}

header.mini .subtel { margin-top:12px; }

header.mini .subtel p { font-size: 16px; }

.dropdown-menu>li>a { padding-top: 10px; padding-bottom: 10px; }

.navbar-fixed { position: fixed; top: 0; width: 100%; z-index: 99; }

.top-content { 

  margin-left: 30px;

  color: #E50012;

  text-shadow: 0.1rem 0rem 0.2rem #fff, -0.1rem 0rem 0.2rem #fff, 0rem 0.1rem 0.2rem #fff, 0rem -0.1rem 0.2rem #fff;

  font-size: 22px;

  font-weight: bold;

  margin-top: 30px; 

  float: left;

}



/* 底部 */

.section-aquamarine {

  position: relative;

  color: white;

  background-image: url(../images/waterbg.png);

  background-size: cover;

  background-position: center; 

}

.section-aquamarine:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    content: ' ';

    /*background: linear-gradient(to bottom right, rgba(102, 188, 87, 0.9) 0%, rgba(43, 136, 66, 0.9) 100%);*/

    background: #68BD58

}

.zoom-box {

  overflow: hidden;

}

.zoom-box:hover img { width: 100%; transition: all 0.3s; }

.img-box { overflow: hidden; }

/* 返回顶部 */

.gototop_backToTop { position: fixed;width:50px;height:50px;z-index:99999; bottom: 20px; right: 20px; display: table; text-align: center; background-color: #ccc; border-radius: 4px; }

.gototop_backToTop i { height: 50px; display: table-cell; vertical-align: middle; font-size: 25px; }

.gototop_backToTop:hover{-webkit-transition:0.5s;transition:0.5s; background-color: #85C923; color: #fff;}



/*页尾*/

.col-flink { line-height: 24px;}

.col-flink a {margin-right: 6px;}

.row-fnav { background-color: #015DB2; padding: 10px 0; margin-top: 20px;}

.footer { background-color:#C8E0F9;}

.footer .breadcrumb { text-align: center; margin-bottom: 0; background-color: transparent;}

.footer .breadcrumb a { color: #ddd;}

.footer .breadcrumb a:hover { color: #fff;}

.row-tbg { height:88px; margin-bottom:30px; background:#fff url(../images/bbg_water.png) center no-repeat;}

/*分页*/

.pagination>li>a.current, .pagination>li>span.current, .pagination>li>a.current:hover, .pagination>li>span.current:hover, .pagination>li>a.current:focus, .pagination>li>span.current:focus {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #428bca;

    border-color: #428bca;

}



/* 底部菜单 */

.footer-menu {

  background: #303030;

  /*width: 100%;*/

  position: fixed;

  z-index: 999;

  bottom: 0;

  left: 0;

  right: 0;

  display: block;

  line-height: 45px;

  height: 4rem;

  padding-top: .3rem;

}

.footer-menu a {

  -webkit-box-flex: 1;

  display: -webkit-box;

  color: #fff;

  display:inline-block; 

  width:23.5%;

  height: 4rem;

  text-align:center;

}

.footer-menu a i {

  color: #fff;

  display: block;

  height: 2rem;

  font-size: 1.8rem;

  line-height: 2rem;

}

.footer-menu a p{

  color: #fff;

  display: block;

  height: 2rem;

  line-height: normal;

}

.footer-menu .on i,.footer-menu .on p{

  color: #00BDF1;

}



@media (min-width: 1200px) {

  .container {

      width: 1360px;

  }

}



@media (min-width: 768px) {

  .section-advantage .container { width: 94%; }

  /* 宽度合集 */

  .section-search.container, .section-special .container, .section-industry .container, .section-custom .container, .section-product .container, .section-aboutus .container, .section-news .container, footer .container { width: 1360px; }

  .navbar-collapse { padding-right: 0; box-shadow: 0 0px 5px #fff; background: #fff; }

  /* .navbar-nav { float: right; } */

  .navbar-header { width: 100%; float: none; height: 98px; }

  .navbar ul.nav > li > a { padding: 0 17px; line-height: 66px; }

  header.mini .navbar ul.nav > li > a { line-height: 66px; }

  .navbar ul.nav > li > a:hover { background-color: #039fdc; }

  .navbar-default .navbar-nav > .active > a:before { position: absolute; content: " "; border-bottom: 3px solid #004EA2; bottom: 0; left: -1px; right: -1px; }

  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #00a6e3; }

  /* .sitecontent { padding-top: 80px; } */





  .news-listbox li a { padding: 8px; display: inline-block; transition: all .2s ease }

  .news-listbox li a:hover { color: #fff; background-color: #85C923; }

  .news-listbox li a:hover .news-date { border-color: #fff; background-color: #fff; color: #85C923; }

  .news-listbox li a:hover .news-info p { color: #fff; }

}



@media (min-width: 992px) {

  .navbar-fixed .navbar-header { display: none; }

}



@media (max-width: 768px) {

  .navbar-header { height: 66px; position: fixed; top: 0; width: 100%; z-index: 999; }

  header .sublogo, header .top_tel { display: none; }

  .navbar-brand { padding-left: 0; }

  .navbar-brand img { height: 50px; }

  .navbar-default .navbar-toggle { border-color: #fff; z-index: 999; }

  .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

  .footer-logo { text-align: center; padding-bottom: 15px; }

  .footer .ewm { text-align: center; }

  .row-product-cate { display: none; }

  .gototop_backToTop { bottom: 80px; }

  .navbar-toggle i { font-size: 24px; }

  .navbar-toggle .btnclose { display: none; }

  .side-right .navbar-toggle .btnclose { display: block; }

  .side-right .navbar-toggle .btnopen { display: none; }

  .level-process { display: none; }

  .top-content {

    float: inherit;

    font-size: 12px;

    display: inline-block;

    width: 60%;

    margin-left: 0;

    margin-top: 0;

  }.page-banner{display:none}

}