@charset "UTF-8";
@font-face {
  font-family: telFont;
  src: url("../font/时尚中黑简体.TTF"); }
.wrap {
  width: 1206px;
  position: relative;
  left: 50%;
  margin-left: -603px; }

.karma-logo {
  float: left;
  line-height: 125px; }

.karma-nav {
  float: right; }
  .karma-nav .karma-lan {
    float: right;
    margin-top: 26px;
    margin-bottom: 10px;
    line-height: 26px; }
    .karma-nav .karma-lan select {
      float: right;
      height: 26px;
      color: #959595;
      outline: none; }
    .karma-nav .karma-lan span {
      display: inline-block;
      float: right; }
  .karma-nav .karma-menu {
    float: right;
    clear: both;
    border-top: 1px solid #dcdcdc; }
    .karma-nav .karma-menu li {
      float: left;
      text-align: center;
      margin-left: 34px; }
      .karma-nav .karma-menu li a {
        display: inline-block;
        padding: 2px 6px;
        font: 500 16px/63px "Microsoft YaHei";
        color: #323232; }
        .karma-nav .karma-menu li a:hover {
          border-top: 2px solid #072981;
          padding-top: 0; }
    .karma-nav .karma-menu .karma-search {
      float: left;
      line-height: 67px; }

.banner {
  width: 1920px;
  height: 697px;
  position: relative;
  left: 50%;
  margin-left: -960px; }
  .banner li {
    float: left;
    position: relative;
    width: 1920px;
    height: 697px; }
  .banner .btn {
    height: 46px;
    position: absolute;
    left: 50%;
    width: 940px;
    margin-left: -470px;
    bottom: 150px;
    text-align: right; }
    .banner .btn a {
      display: block;
      width: 57px;
      height: 112px;
      position: absolute; }
      .banner .btn a.pre {
        background: url("../images/next.png") no-repeat center center;
        right: -88px;
        top: -60px; }
      .banner .btn a.next {
        background: url("../images/prev.png") no-repeat center center;
        left: -88px;
        top: -60px; }

.kn_banner {
  width: 99999px; }

.wrap1 {
  width: 1206px;
  height: 319px;
  position: relative;
  top: 0px;
  margin-top: -260px;
  left: 50%;
  margin-left: -603px;
  background: url(../images/bj_i_main.png) no-repeat left top; }

.cuttle {
  height: 299px;
  position: relative; }

.contiant {
  height: 299px;
  width: 930px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  overflow: hidden; }

#fold {
  background: url(../images/bj_i_main2.png) no-repeat left top;
  z-index: 8; }
  #fold .fold_box {
    width: 900px; }
  #fold .cuttlebtn1 {
    display: block;
    width: 44px;
    height: 34px;
    background: url("../images/fanye.png") no-repeat;
    position: absolute;
    left: 4px;
    bottom: 264px;
    color: #000; }
    #fold .cuttlebtn1:link {
      color: #000; }
    #fold .cuttlebtn1:visited {
      color: #000; }
    #fold .cuttlebtn1:hover {
      color: #000; }
    #fold .cuttlebtn1:active {
      color: #000; }

.cuttlebtn2 {
  width: 44px;
  height: 34px;
  position: absolute;
  background: url("../images/fanye.png") no-repeat;
  display: none;
  left: 4px;
  bottom: 264px;
  color: #000;
  z-index: 9; }
  .cuttlebtn2:link {
    color: #000; }
  .cuttlebtn2:visited {
    color: #000; }
  .cuttlebtn2:hover {
    color: #000; }
  .cuttlebtn2:active {
    color: #000; }

.i_about {
  width: 340px;
  float: left;
  margin-left: 60px;
  margin-top: 20px; }

.i_news {
  width: 472px;
  float: right;
  margin-top: 20px; }

.karma_title {
  border-bottom: 1px solid #c9c9c9; }
  .karma_title h2 {
    font: 600 20px/40px "Microsoft YaHei";
    color: #fb8f13;
    display: inline-block; }
  .karma_title a {
    display: inline-block;
    float: right;
    line-height: 40px; }

.text {
  margin-top: 24px;
  font: 500 14px/28px "Microsoft YaHei";
  color: #323232; }
  .text .news_img {
    float: left; }
  .text .news_con {
    float: left;
    width: 235px;
    margin-left: 20px; }
    .text .news_con li {
      border-bottom: 1px dashed #e5e5e5; }
      .text .news_con li span {
        display: block;
        font: 500 12px/24px "Microsoft YaHei";
        color: #939393; }
      .text .news_con li a {
        font: 500 14px/24px "Microsoft YaHei";
        color: #323232; }

.adv {
  background: #eeeeee;
  margin-top: 14px; }
  .adv li {
    float: left;
    text-align: center;
    width: 85px;
    height: 80px;
    background: url("../images/adv_bg.png") no-repeat right; }
    .adv li:last-child {
      background: none; }
    .adv li img {
      margin-top: 16px; }
    .adv li span {
      display: block;
      margin-top: 10px;
      color: #4270b3; }

.karma_contact {
  float: right;
  margin-top: -234px;
  margin-right: 24px; }
  .karma_contact .contact_top {
    border-bottom: 1px dashed #cdcdcd; }
    .karma_contact .contact_top span {
      font: 500 18px/36px "Microsoft YaHei";
      color: #5a5a5a; }
    .karma_contact .contact_top p {
      font: 500 24px/32px "telFont";
      color: #fca001; }
  .karma_contact .contact_code {
    margin-top: 10px; }
    .karma_contact .contact_code p {
      color: #323232; }
  .karma_contact .contact_address {
    font: 500 13px/24px "Microsoft YaHei";
    color: #323232;
    background: url("../images/address_ico.png") no-repeat left 5px;
    padding-left: 22px; }

.karma_footer {
  line-height: 40px;
  background-color: #001c58;
  margin-top: 40px;
  color: #fff; }
  .karma_footer .karma_copyright {
    float: left; }
  .karma_footer .powered {
    float: right; }
  .karma_footer a {
    color: #fff; }

/*内页*/
#container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 10px; }

.right {
  width: 960px;
  float: right;
  padding-bottom: 10px; }

.n_banner {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
  .n_banner img {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px; }

.left .box h3 {
  padding-left: 15px;
  font-weight: bold;
  font-family: "微软雅黑";
  background: #001c58;
  font-size: 14px;
  font: 500 16px/55px "Microsoft YaHei";
  color: #fff; }

.sort li a {
  color: #666;
  display: block;
  line-height: 44px;
  font-family: "微软雅黑";
  border-bottom: 1px solid #dddddd;
  padding-left: 25px;
  background: #dddddd; 
    font-size: 14px;
}
.sort li:hover a {
  color: #1e16ff; }

.new1 li {
  border-bottom: 1px solid #dddddd;
  padding-left: 13px; }

.sitemp {
  line-height: 31px;
  height: 31px;
  overflow: hidden;
  padding-right: 10px; }
  .sitemp h2 {
    width: 340px;
    float: left;
    text-align: left;
    text-indent: 15px;
    font: 500 16px/32px "Microsoft YaHei";
    color: #001c58; }

.product_list li a.img img {
  width: 279px;
  height: 182px; }

.product_detail .img {
  width: 288px;
  height: 188px;
  float: left;
  padding: 2px;
  border: 1px solid #e0e1dc; }
.product_detail .small {
  width: 288px;
  height: 188px; }

#relate_p .img img {
  width: 160px;
  height: 104px; }

.case_list li a.img img {
  width: 279px;
  height: 199px; }

.product_cate {
  background: #edf1fc;
  padding: 48px 0;
  width: 100%;
  z-index: 999999; }
  .product_cate li {
    float: left;
    text-align: center;
    width: 25%; }
    .product_cate li h2 {
      font: 500 20px/40px "Microsoft YaHei";
      color: #323232; }
    .product_cate li .cate-img {
      width: 110px;
      height: 110px;
      overflow: hidden;
      margin: 0 auto;
      position: relative; }
      .product_cate li .cate-img img {
        position: absolute;
        top: 0;
        left: 0;
        transition: all .2s; }
    .product_cate li:hover .cate-img img {
      top: -130px; }
    .product_cate li:hover h2 {
      color: #ff8f03; }

.cate-title {
  margin-bottom: 80px;
  border-bottom: 1px solid #dcdcdc; }
  .cate-title h2 {
    font: 600 30px/60px "Microsoft YaHei";
    color: #ff8f03;
    display: inline-block;
    margin-right: 10px; }
    .cate-title h2:after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 22px;
      background: #009944;
      margin-top: 10px;
      margin-left: 10px; 
    }
  .cate-title span {
    font: 500 19px/38px "Microsoft YaHei";
    color: rgba(0, 0, 60, 0.6); 
    text-transform:uppercase ;}

.cate1 {
  background: url("../images/cate1.png") no-repeat center;
  padding-bottom: 84px;
  margin-top: 68px; 
position: relative;}

.cate1-con {
  margin-top: 60px; }
  .cate1-con li {
    float: left;
    position: relative;
    text-align: center;
    margin-left: 10px; }
    .cate1-con li:nth-child(odd) h3 {
      position: absolute;
      top: -8px;
      left: 35%; }
    .cate1-con li:nth-child(odd) img {
      margin-top: 21px; }
    .cate1-con li h3 {
      font: 500 14px/28px "Microsoft YaHei";
      color: #ff8f03; }
  .cate1-con .cate1-case {
    margin-top: 100px; }

.cate2 {
  background: url("../images/cate2.png") no-repeat;
  padding: 44px 0;
  position: relative; }
  .cate2 .cate2-con .cate2-left {
    float: left;
    width: 536px; }
    .cate2 .cate2-con .cate2-left .cate2-left-top {
      font: 500 14px/28px "Microsoft YaHei";
      color: #323232; }
    .cate2 .cate2-con .cate2-left .cate2-left-bottom {
      font: 500 14px/28px "Microsoft YaHei";
      color: #323232; }
      .cate2 .cate2-con .cate2-left .cate2-left-bottom .bottom1 {
        padding-left: 40px;
        background: url("../images/cate01.png") no-repeat left top; }
      .cate2 .cate2-con .cate2-left .cate2-left-bottom .bottom2 {
        padding-left: 40px;
        background: url("../images/cate02.png") no-repeat left top; }
  .cate2 .cate2-con .cate2-right {
    float: right;
    width: 550px;
    font: 500 14px/28px "Microsoft YaHei";
    color: rgba(50, 50, 50, 0.8); }

.cate3 {
  background: url("../images/cate3.png") no-repeat center;
  padding: 55px 0 88px; 
position: relative;}
  .cate3 .cate3-left {
    float: left;
    width: 50%; }
    .cate3 .cate3-left img {
      max-width: 100%;
      border: 1px solid #ccc;
      box-shadow: 0 4px 12px 0px; }
  .cate3 .cate3-right {
    float: left;
    margin-top: 50px;
    width: 48%;
    background: url("../images/cate3_text.png") no-repeat center;
    font: 500 14px/28px "Microsoft YaHei";
    padding: 117px 0; }
    .cate3 .cate3-right p {
      padding: 0 60px; }

.cate4 {
  background: #edf1fc;
  padding-top: 50px;
  box-shadow: 0px 10px 20px 0px; 
position: relative;}
  .cate4 .cate4-img {
    float: left;
    width: 634px; }
    .cate4 .cate4-img img {
      max-width: 100%; }
  .cate4 .cate4-text {
    float: right;
    width: 518px;
    margin-top: 100px;
    font: 500 14px/28px "Microsoft YaHei"; }
    .cate4 .cate4-text .text-top {
      color: rgba(50, 50, 50, 0.8); }
    .cate4 .cate4-text .text-bottom {
      color: #323232; }
      .cate4 .cate4-text .text-bottom p:first-child {
        color: #ff8f03;
        font: 500 20px/40px "Microsoft YaHei"; }
/*# sourceMappingURL=karma.css.map */