@charset "UTF-8";
/* reset */
html, body, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100px;
  color: #000;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption, th {
  text-align: left;
  font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
  border: 0;
}

[hidefocus], summary {
  outline: 0;
}

sup, sub {
  font-size: 83%;
}

q:before, q:after {
  content: none;
}

textarea {
  overflow: auto;
  resize: none;
}

label, summary {
  cursor: default;
}

a, button {
  cursor: pointer;
}

del, ins, u, s, a, a:hover {
  text-decoration: none;
}

table tr td {
  border: 1px solid transparent;
  padding: 5px 5px;
}

body {
  font-size: 14px;
  letter-spacing: 1px;
  color: #5a5a5a;
  background: transparent;
}

li {
  list-style: none;
}

a {
  color: #5a5a5a;
  text-decoration: none;
}

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

[class*=uk-width] {
  box-sizing: border-box;
  width: 100%;
}

.uk-width-1-1 {
  width: 100%;
}

.uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 {
  width: 50%;
}

.uk-width-1-3, .uk-width-2-6 {
  width: 33.333%;
}

.uk-width-2-3, .uk-width-4-6 {
  width: 66.666%;
}

.uk-width-1-4 {
  width: 25%;
}

.uk-width-3-4 {
  width: 75%;
}

.uk-width-1-5, .uk-width-2-10 {
  width: 20%;
}

.uk-width-2-5, .uk-width-4-10 {
  width: 40%;
}

.uk-width-3-5, .uk-width-6-10 {
  width: 60%;
}

.uk-width-4-5, .uk-width-8-10 {
  width: 80%;
}

.uk-width-1-6 {
  width: 16.666%;
}

.uk-width-5-6 {
  width: 83.333%;
}

.uk-width-1-7 {
  width: 14.1%;
}

.uk-width-6-7 {
  width: 85.71%;
}

.uk-width-1-8 {
  width: 12.5%;
}

.uk-width-7-8 {
  width: 87.5%;
}

.uk-width-1-10 {
  width: 10%;
}

.uk-width-3-10 {
  width: 30%;
}

.uk-width-7-10 {
  width: 70%;
}

.uk-width-9-10 {
  width: 90%;
}

@media (min-width: 960px) {
  .uk-width-large-1-1 {
    width: 100%;
  }
  .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 {
    width: 50%;
  }
  .uk-width-large-1-3, .uk-width-large-2-6 {
    width: 33.333%;
  }
  .uk-width-large-2-3, .uk-width-large-4-6 {
    width: 66.666%;
  }
  .uk-width-large-1-4 {
    width: 25%;
  }
  .uk-width-large-3-4 {
    width: 75%;
  }
  .uk-width-large-1-5, .uk-width-large-2-10 {
    width: 20%;
  }
  .uk-width-large-2-5, .uk-width-large-4-10 {
    width: 40%;
  }
  .uk-width-large-3-5, .uk-width-large-6-10 {
    width: 60%;
  }
  .uk-width-large-4-5, .uk-width-large-8-10 {
    width: 80%;
  }
  .uk-width-large-1-6 {
    width: 16.666%;
  }
  .uk-width-large-5-6 {
    width: 83.333%;
  }
  .uk-width-large-1-7 {
    width: 14.28%;
  }
  .uk-width-large-6-7 {
    width: 85.71%;
  }
  .uk-width-large-3-7 {
    width: 42.85%;
  }
  .uk-width-large-4-7 {
    width: 57.14%;
  }
  .uk-width-large-1-8 {
    width: 12.5%;
  }
  .uk-width-large-7-8 {
    width: 87.5%;
  }
  .uk-width-large-1-10 {
    width: 10%;
  }
  .uk-width-large-3-10 {
    width: 30%;
  }
  .uk-width-large-7-10 {
    width: 70%;
  }
  .uk-width-large-9-10 {
    width: 90%;
  }
}

.f-fl {
  float: left;
}

.f-fr {
  float: right;
}

.f-textl {
  text-align: left;
}

.f-textr {
  text-align: right;
}

.f-textc {
  text-align: center;
}

.f-clear {
  clear: both;
}

.f-fwder {
  font-weight: bolder;
}

.f-fwnor {
  font-weight: normal;
}

.f-fff {
  color: #fff;
}

.f-000 {
  color: #000;
}

.f-red {
  color: #a30808;
}

.f-blue {
  color: #191c61;
}

.f-orange {
  color: #d34b00;
}

.f-yellow {
  color: #ead032;
}

.f-green {
  color: #067f7a;
}

.f-gary {
  color: #9b9b9b;
}

.f-gary2 {
  color: #999999;
}

.f-qiaokl {
  color: #140000;
}

.f-block {
  display: block;
}

.f-inlineb {
  display: inline-block;
}

.f-overf {
  overflow: hidden;
}

.f-overf1 {
  overflow: hidden;
}

.f-overf2:after, .f-overf2:before {
  display: table;
  content: " ";
}

.f-overf2:after {
  clear: both;
}

.f-capital {
  text-transform: uppercase;
}

.f-capitalized {
  text-transform: capitalize;
}

.f-lineh {
  line-height: 200%;
}

.f-mg {
  margin: 0 auto;
}

.f-w1200 {
  max-width: 1260px;
  margin: 0 auto;
}

.f-w1300 {
  max-width: 1400px;
  margin: 0 auto;
}

.f-w1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.f-space {
  margin-left: -25px;
  overflow: hidden;
}

.f-space > * {
  padding-left: 25px !important;
}

.f-h1, h1 {
  font-size: 36px;
}

.f-h2, h2 {
  font-size: 30px;
}

.f-h3, h3 {
  font-size: 24px;
}

.f-h4, h4 {
  font-size: 18px;
}

.f-h5, h5 {
  font-size: 15px;
}

.f-h6, h6 {
  font-size: 12px;
}

.f-h16 {
  font-size: 16px;
}

.f-row2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.f-overf {
  overflow: hidden;
}

.f-space {
  margin-left: -25px;
  overflow: hidden;
}

.f-space > * {
  padding-left: 25px !important;
}

.f-space2 {
  margin-left: -10px;
  overflow: hidden;
}

.f-space2 > * {
  padding-left: 10px !important;
}

.f-space3 {
  height: 100%;
  display: flex;
  align-items: CENTER;
  margin-left: -10px;
}

.f-space3 > * {
  padding-left: 10px !important;
}

img {
  max-width: 100%;
  height: auto !important;
}

small {
  font-size: 1em;
}

/*color scss*/
/*uikit*/
em {
  color: #a30808;
}

dt {
  font-weight: normal;
}

/*sitemap*/
.w-940 {
  max-width: 945px;
  margin: 0 auto;
}

.map-head-top {
  background: #191c61;
  margin: 5% auto 3%;
  padding: .15rem;
  border: 1px solid #eaeaea;
}

.map-powerby a {
  display: none;
}

.linkbox {
  margin-bottom: 3%;
  border-bottom: 1px solid #eeeeee;
}

.linkbox h3 {
  font-size: 1.15em;
  font-weight: bolder;
}

.linkbox h3 a {
  color: #191c61;
}

.linkbox ul {
  overflow: hidden;
}

.linkbox li {
  float: left;
  padding: .15rem;
}

/*header*/
.head-top {
  line-height: 30px;
  padding: .5% 0;
  background: #333333;
  display: none;
}

.head-top .right .cont {
  text-align: right;
  height: 100%;
}

.head-top a:hover {
  color: #191c61;
}

.head-top .right {
  line-height: 30px;
}

.ban-nav {
  position: relative;
}

.ban-nav .top-nav {
  background: rgba(255, 255, 255, 0.65);
  position: absolute;
  left: 50%;
  z-index: 5;
  margin-left: -50%;
  width: 100%;
  border-top: 3px solid #191c61;
}

.head-nav .home {
  border-left: 0 solid transparent !important;
}

.head-nav .m-nav {
  overflow: hidden;
  display: block;
}

.head-nav .m-nav-item a {
  text-decoration: none;
  line-height: 45px;
  display: block;
  padding: 19% 0;
}

.head-nav .m-nav-item:hover a {
  color: #191c61;
  text-decoration: none;
}

.head-nav .m-nav-item ul {
  display: none;
  position: absolute;
  z-index: 1;
  border-top: 0px;
  width: 172px;
}

.head-nav .m-nav-item li {
  background: rgba(255, 255, 255, 0.65);
}

.head-nav .m-nav-item ul li a {
  text-decoration: none;
  width: 172px;
  text-align: center;
  padding: 5% 0;
  display: block;
}

.head-nav .m-nav-item ul li a:hover {
  color: #fff;
  text-decoration: none;
  background: #191c61;
}

.head-nav .cat {
  border-left: 1px solid #ddd;
}

.head-nav .tel {
  padding-left: 4%;
}

.head-nav .right .tel {
  background: url(../img/topphone.png) left center no-repeat;
  padding-left: 15%;
}

.banner .uk-dotnav {
  bottom: 5%;
}

.banner .tel {
  position: absolute;
  right: 3%;
  bottom: 40%;
}

.banner .tel .two {
  margin: 3% 0 5%;
}

.banner .tel .more {
  background: #191c61;
  padding: 1.5% 0;
  width: 20%;
  margin-top: 3%;
}

.pc-search form {
  position: relative;
}

.pc-search .search-keyword {
  height: 33px;
  padding: 0 3%;
  color: #929191;
  width: 265px;
  border: 1px solid #ccc;
  background: #fff;
}

.pc-search .search-submit {
  position: absolute;
  right: 0;
  top: 3%;
  border: 1px solid transparent;
  height: 33px;
  width: 44px;
  background: #d34b00;
}

.pc-search input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  -webkit-appearance: none;
  outline: none;
  border: none;
}

.pm-search .search-keyword {
  padding: 3% 2%;
  width: 90%;
  border: 1px solid #434343;
}

.pm-search .search {
  position: relative;
}

.pm-search .search-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3% 5%;
  background: #191c61;
  border: 1px solid #191c61;
  box-sizing: border-box;
}

.pm-nav .li {
  padding-bottom: 5%;
}

.pm-nav .pm-headnav-sub ul {
  padding: 0 0 0 5%;
}

.pm-nav .li1 {
  background: transparent !important;
  padding-bottom: 3%;
}

.f-f15 {
  font-size: 15px;
}

.f-f16 {
  font-size: 16px;
}

.index-ab {
  padding: 3% 0;
}

.index-ab .left .icon {
  background: #191c61;
  padding: 20% 0;
}

.index-ab .left .tit {
  margin-bottom: 5%;
}

.index-ab .left .main {
  margin-bottom: 8%;
}

.index-ab .right .tit1 {
  padding: 7% 0;
}

.index-ab .right .tit2 {
  padding: 8% 0;
}

.index-adv .left, .index-adv .middle, .index-adv .right {
  padding: 10% 0;
}

.index-adv .left {
  background: #1a284e;
}

.index-adv .middle {
  background: #20315f;
}

.index-adv .right {
  background: #24376b;
}

.index-adv .desc {
  width: 60%;
  color: #cbcaca;
}

.index-adv .person {
  margin: 6% 0 3%;
}

.pro-sub .sub2 {
  padding-top: 2%;
}

.pro-sub .sub2 .cont {
  background: #eee;
  padding: 2.5% 5%;
  margin: 2% 0;
  transition: all .5s ease-out;
}

.pro-sub .sub2 dt:hover .cont {
  background: #191c61;
}

.pro-sub .sub2 dt:hover a {
  color: #fff;
}

.index-pro {
  padding: 3% 0 0;
}

.index-pro .top .big {
  padding: 1% 0;
}

.index-pro .top .small {
  padding: 1% 0 5%;
}

/*内页*/
.public-pro .cont {
  position: relative;
}

.public-pro .cont:hover .words {
  overflow: visible;
  transform: rotate(0deg);
}

.public-pro .cont:hover .words a {
  color: #fff;
}

.public-pro .li {
  padding-bottom: 1.8%;
}

.public-pro .words {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #ffffff;
  transform-origin: right bottom;
  transform: rotate(90deg);
  transition: all 0.35s;
}

.public-pro .words div {
  padding: 3%;
}

.public-pro .words .tit {
  padding-top: 10%;
}

/*内页*/
/*瀑布流*/
#gallery-wrapper {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 2% auto;
}

#gallery-wrapper .tit {
  margin: 3% 0;
}

.white-panel {
  position: absolute;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*瀑布流*/
.index-tel {
  background: url("../img/index-tel-bg.jpg") center no-repeat;
  height: 335px;
}

.index-tel .main {
  padding: 1% 0;
}

.index-tel .tel {
  padding-top: 2%;
}

.index-tel li {
  padding-bottom: 1.5%;
}

.index-tel li:nth-child(1) {
  padding-left: 5%;
}

.index-tel li:nth-child(2) {
  padding-left: 10%;
}

.index-tel li:nth-child(3) {
  padding-left: 15%;
}

.index-tel .more {
  background: #d34b00;
  padding: 1% 0;
  width: 12%;
  margin-top: 2%;
}

.inner-hotpro {
  padding-bottom: 0 !important;
}

.index-btit > span:nth-child(1) {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
}

.index-btit > span:nth-child(2) {
  font-size: 22px;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
}

.index-btit > span:nth-child(3) {
  line-height: 24px;
}

.index-hotpro {
  padding: 3% 0;
  background: #a30808;
}

.index-hotpro .index-btit {
  padding-bottom: 3%;
}

.index-hotpro #marquee1_1 a {
  color: #fff;
}

/* marqueeleft */
.marqueeleft {
  overflow: hidden;
}

.marqueeleft ul {
  float: left;
}

.marqueeleft li {
  float: left;
  margin: 0 5px;
  display: inline;
  width: 250px;
  overflow: hidden;
}

.marqueeleft li .pic {
  display: block;
  overflow: hidden;
}

.marqueeleft li .txt {
  text-align: center;
  height: 23px;
  line-height: 23px;
  padding-top: 3%;
}

.index-news {
  padding: 3% 0;
}

.index-news .tit {
  padding: 5% 0 3%;
}

.index-news .main {
  padding: 3% 0 0;
}

.index-news time {
  padding-bottom: 3%;
}

.index-news .right {
  background: #eee;
  padding: 8% 5%;
}

.index-news .right ul {
  padding-top: 8%;
}

.index-news .right li {
  padding-bottom: 4%;
}

.index-news .logo {
  margin-bottom: 5%;
}

.list-news .time-cont {
  background: #191c61;
  padding: 10% 0;
}

.list-news .li {
  padding-bottom: 3.3%;
}

.list-news .li:hover .time-cont {
  background: #d34b00;
  color: #fff;
}

.index-link {
  padding: 2% 0 2%;
}

.index-link .tit {
  background: url("../img/link.png") left no-repeat;
  height: 32px;
  line-height: 32px;
  font-size: 1.1em;
  padding-left: 2%;
}

.index-link .cont {
  padding-top: 2%;
}

footer {
  background: url("../img/footer-bg.jpg") center no-repeat fixed;
  height: 500px;
  color: #fff;
  padding: 3% 0;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #a30808;
}

footer .to-top {
  position: fixed;
  right: 3%;
  bottom: 25%;
}

footer .pm-footfix {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #191c61;
  display: none;
}

footer .pm-footfix .cont {
  padding: 3% 0;
}

footer .pro-sub {
  border-bottom: 1px solid #808080;
  padding-bottom: 1%;
  margin: 0 auto 0;
}

footer .boot {
  padding-top: 1.5%;
}

footer .tel {
  padding-top: 1.5%;
}

footer .logo {
  margin-bottom: 1.5%;
}

footer .jishu {
  padding-top: 2%;
}

footer .power {
  padding-top: 1%;
}

.foot-fixed {
  position: fixed;
  padding: 1.5% 0;
  background: #140000;
  left: 0;
  bottom: 0;
  width: 100%;
}

.dede_pages ul {
  float: left;
  margin-bottom: 5%;
  padding: 12px 0px 12px 16px;
}

.dede_pages ul li {
  float: left;
  line-height: 17px;
  margin-right: 6px;
  border: 1px solid #E9E9E9;
}

.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
  background-color: #F8F8F8;
  padding: 2px 4px 2px;
  font-weight: bold;
}

.dede_pages ul li a {
  float: left;
  padding: 2px 4px 2px;
  color: #555;
  display: block;
}

.crumb {
  padding: .8% 0;
  border-bottom: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.8);
}

.public-map {
  margin-top: 3%;
}

.public-map .my-map {
  margin: 0 auto;
  width: 100%;
  height: 600px;
}

.public-map .my-map .icon {
  background: url(http://www.jieke280.com/static/default/img/marker.png) no-repeat;
}

.public-map .my-map .icon-cir {
  height: 31px;
  width: 28px;
}

.public-map .my-map .icon-cir-red {
  background-position: -11px -5px;
}

.public-map .amap-container {
  height: 100%;
}

.inner .catname {
  padding: 1% 0 3%;
}

.inner .index-pro {
  padding: 3% 0 5%;
}

.inner .index-pro .big-tit {
  padding: 2% 0 7%;
}

.inner .index-pro .top .small {
  padding: 5% 0 8%;
}

.inner .index-pro .pro-sub .sub2 {
  padding: 5% 0;
}

.inner .index-pro .public-pro .tit {
  padding: 2% 0;
}

.show .time {
  padding: 1% 0 3%;
}

.show table tr td {
  border: 1px solid #000;
  padding: 5px 10px;
}

.show-video {
  padding-bottom: 5%;
}

.show-video iframe {
  max-width: 100% !important;
  height: 400px;
  width: 50%;
}

.show-video .kw {
  padding-top: 3%;
}

.show-next {
  padding-top: 3%;
}

.inner-search {
  margin-top: 3%;
}

.inner-search .desc {
  margin: 1% 0;
}

.inner-search .li {
  margin-bottom: 3%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2%;
}

.drawer {
  display: none;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .f-h1, h1 {
    font-size: 26px;
  }
  .f-h2, h2 {
    font-size: 22px;
  }
  .f-h3, h3 {
    font-size: 18px;
  }
  .f-h4, h4 {
    font-size: 16px;
  }
  .f-h5, h5 {
    font-size: 14px;
  }
  .f-h6, h6 {
    font-size: 12px;
  }
  .top-nav {
    position: static !important;
    left: auto !important;
    margin-left: auto !important;
    padding: 1% 0 0;
  }
  .top-nav .tel {
    display: none;
  }
  .top-nav .logo {
    text-align: center;
    padding: 1% 0 3%;
  }
  .top-nav .f-space3 {
    display: block !important;
    margin-left: 0;
    overflow: hidden;
  }
  .top-nav .m-nav {
    display: none;
  }
  .drawer {
    display: block;
  }
  .drawer .icon {
    padding: 1% 3%;
  }
  .drawer .hit-drawer {
    background: #191c61;
  }
  .drawer .pm-sub {
    margin-top: 25%;
  }
  .drawer .pm-sub .li {
    margin-bottom: 5%;
  }
  .drawer .pm-sub .sub {
    margin-left: 5%;
  }
  .drawer .pc-search .search-keyword {
    width: 229px;
  }
  .banner .tel {
    display: none;
  }
  .index-ab {
    padding: 3% .15rem;
  }
  .index-ab .right .tit1 {
    padding: 5% 0 0;
  }
  .index-ab .right .tit2 {
    padding: 5% 0;
  }
  .index-tel {
    height: auto;
  }
  .index-tel .main {
    padding: 3% .15rem;
  }
  .index-tel .more {
    width: 25%;
  }
  .index-pro {
    padding: 3% .15rem 0;
  }
  .index-adv {
    display: none;
  }
  .index-news {
    padding: 43% .15rem 5%;
  }
  .index-news .tit {
    padding: 3% 0 1%;
  }
  .index-news .time {
    padding-bottom: 1%;
  }
  .index-news .l-left img {
    display: none;
  }
  .list-news {
    padding-top: 3%;
  }
  .list-news .time-cont {
    display: none;
  }
  .list-news .li {
    padding-bottom: 1%;
  }
  .index-link {
    padding: 2% .15rem 2%;
  }
  footer {
    padding: 8% .15rem 20%;
    height: auto;
  }
  footer .pm-footfix {
    display: block;
  }
  footer .eq {
    padding-top: 5%;
  }
  footer .eq img {
    width: 40%;
  }
  footer .pc-search {
    display: none;
  }
  .crumb {
    padding: .8% .15rem;
  }
  .inner .index-pro {
    padding: 3% 0.15rem 5% !important;
  }
  .inner .dede_pages {
    padding-top: 30%;
  }
  .inner .show, .inner .show-video, .inner .kw, .inner .show-next {
    padding: 3% .15rem;
  }
}