header{ padding: 10px 0 0; }

.topbar { text-align: right; }
.topbar a{ display: inline-block; color: #666; font-size: 12px; margin-left: 15px; }

.hotline{ margin-top: 6px; width: 230px; }
.hotline span{ display: block; font-size: 12px; }
.hotline i{ font-size: 22px; font-weight: bold; font-family: "宋体"; color: #15315e; font-style: normal; }

nav { border-bottom: #15315e 3px solid; margin-top: 15px; }
nav > ul{ margin: 0; padding: 0; }
nav > ul > li{ display: inline-block; list-style: none; }
nav > ul > li > a{ font-size: 16px; color: #333; display: block; padding: 5px 0; text-align: center; }
nav > ul > li:hover > a{ background-color: #15315e; color: #fff; text-decoration: none; }
nav h6{ margin-top: 5px; margin-bottom: 0; }
nav h6 a{ color: #666; transition: all 0.4s;}
nav h6 a:hover{ text-decoration: none; color: #000; }

.index-about{ background-color: #15315e;  padding: 80px 0;}

.index-cases h5 a{ display: block; background-color: rgba(0,0,0,0.87); color: #fff; font-size: 14px; }
.index-cases .uk-overlay{ background-color: rgba(21,49,94,.7);  padding: 10px 20px; color: #fff;}

.news-box{ border-bottom: #ddd 1px dashed; margin-bottom: 20px; }
.news-box h5{ margin-bottom: 5px; }
.news-box h5 a { font-size: 14px; color: #333; }
.news-box p{ font-size: 12px; color: #666; margin-top: 0; }

footer{ background-color: #15315e;  }
footer address{ color: #fff; text-align: center; font-size: 14px; padding: 10px 0; margin-bottom: 0; background-color: #506585 }
footer address i{ display: inline-block; margin-left: 30px; }
.footnav{ text-align: center; border-bottom: #364c70 1px solid; }
.footnav a{ display: inline-block; color: #f9f9f9; font-size: 12px; padding: 15px 15px; }

.copyright{ padding: 35px 0; }
.copyright p{ margin:0; text-align: center; font-size: 14px; color: #ddd;}

.product-sort,.product-sort ul{ margin: 0; padding: 0; }
.product-sort li{ list-style: none; }
.product-sort > li > span{ background-color: #15315e; display: block; padding: 5px 20px; color: #fff; }
.product-sort ul{ margin: 10px 0; display: none; }
.product-sort ul li{ line-height: 26px; }
.product-sort ul li a{ display: block; background:url(../images/cate_middle.gif) left center no-repeat; padding-left: 20px; font-size: 12px; color: #555; }
.product-sort ul li a:hover,.product-sort ul li.ii-active a{ text-decoration: none; color: #666; background-color: #d5d4d4; }

.pro-list p{ font-size: 12px; margin-top: 5px; margin-bottom: 0; }
.pro-list h5 a,.pro-list h6 a{ color: #444; }

.pages a{ display: inline-block; margin: 0 5px; padding:0 8px; color: #333;}
.pages .page-num-current{ background-color: #f8f8f8; color: #333; }
.product-sort > li > span{ cursor: pointer; }


.mobile-nav{ background-color: rgba(255,255,255,.9); padding: 10px 0; width: 100%; position: relative; z-index: 200; }
.mobile-nav button{ border:none; background: none; color: #333; outline: none; transform: translateY(3px); }
.toggle-btn i{ display: block; height: 2px; width: 28px; background-color: #333; margin-bottom: 7px; transition: all 0.5s; }
.toggle-btn i:last-child{ margin-bottom: 0; }
.toggle-btn.active i:first-child{ transform:translateY(9px) rotate(45deg); }
.toggle-btn.active i:last-child{ transform:translateY(-9px) rotate(-45deg); }
.toggle-btn.active i:nth-child(2){ transform: translateX(-40px); opacity: 0; }
.mobile-nav-box { padding: 40px; display: none; background-color: #fff; text-align: center; margin-top: 10px;}
.mobile-nav-box a{ color: #333; }
.mobile-nav-box > ul > li{
  opacity: 0;
  border-bottom: #dedede 1px solid;
  transition: all 0.5s;
  -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 400ms ease,-webkit-transform 400ms ease;
    transition: opacity 400ms ease,-webkit-transform 400ms ease;
    -o-transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease,-webkit-transform 400ms ease;
    }
.mobile-nav-box.active > ul > li{ transform: translateY(0); opacity: 1; }
.mobile-nav-box > ul > li > a{ font-size: 16px; }