/*基础css*/
*{ margin:0; padding:0;}
body{color: #000;font-size: 12px;background-color: #fff; background-image:url(../img/bj.jpg); background-repeat:repeat;font-family: "\5FAE\8F6F\96C5\9ED1";}
a{color:#fff;text-decoration: none;}
.box{ width:100%; margin:0 auto; overflow:visible;}

.frm_l{ width: 215px; }

.frm_r{ width: 770px; }
/*wap css 图片排列*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.55556rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.55556rem 1.11111rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 35.61111em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {

      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 56.94444em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
	  
/* 图片边框cssImage Thumbnails */
.th {border: solid 4px #FFFFFF;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);display: inline-block;line-height: 0;max-width: 100%;transition: all 200ms ease-out; }
.th:hover, .th:focus {box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
.th.radius {border-radius: 3px; }

/*分页样式css*/
.pages{ color:#333;}
#Pages a{color:#333;}
.pages {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pages > a {
  display: inline;
}
.pages > a,
.pages > span {
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.pages > li:first-child > a,
.pages > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pages > li:last-child > a,
.pages > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pages > a:hover,
.pages > span:hover,
.pages > a:focus,
.pages > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pages > .active > a,
.pages > .active > span,
.pages > .active > a:hover,
.pages > .active > span:hover,
.pages > .active > a:focus,
.pages > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pages > .disabled > span,
.pages > .disabled > span:hover,
.pages > .disabled > span:focus,
.pages > .disabled > a,
.pages > .disabled > a:hover,
.pages > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

#Pages p {color:#000;}

/*动画样式*/
/*ani-view fade-in-left fadeInLeft*/
/*ani-view fade-in-down fadeInDown*/
/*ani-view fade-in-right fadeInRight*/
/*  css animation  */

.trans{

    -webkit-transition: all .5s ease;

    -moz-transition:all .5s ease;

    -o-transition:all .5s ease;

    -ms-transition:all .5s ease;

    transition:all .5s ease;

}

/* page animation  */

.ani-view {

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    -o-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:forwards;

    -moz-animation-fill-mode:forwards;

    -o-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}

@-webkit-keyframes fadeInDown {

    0% {

        opacity:0;

        -webkit-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown {

    0% {

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown {

    0% {

        opacity:0;

        -o-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown {

    0% {

        opacity:0;

        transform:translateY(20px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}

.ani-view.fade-in-down{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.fadeInDown {

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown;



}
@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-o-keyframes fadeInLeft {

    0% {

    opacity:0;

    -o-transform:translateX(-100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInLeft {

    0% {

    opacity:0;

    transform:translateX(-100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-left{
    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(-100px);

    -moz-transform:translateX(-100px);

    -o-transform:translateX(-100px);

    transform:translateX(-100px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}

@-webkit-keyframes fadeInRight {

    0% {

    opacity:0;

    -webkit-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInRight {

    0% {

    opacity:0;

    -moz-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -moz-transform:translateX(0)

    }

}

@-ms-keyframes fadeInRight {

    0% {

    opacity:0;

    -ms-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -ms-transform:translateX(0)

    }

}

@-o-keyframes fadeInRight {

    0% {

    opacity:0;

    -o-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInRight {

    0% {

    opacity:0;

    transform:translateX(100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-right{

    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(100px);

    -moz-transform:translateX(100px);

    -o-transform:translateX(100px);

    transform:translateX(100px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInRight {

    -webkit-animation-name:fadeInRight;

    -moz-animation-name:fadeInRight;

    -o-animation-name:fadeInRight;

    animation-name:fadeInRight;

}
/* 全屏banner幻灯css */
.slideBox{ position:absolute; left:0; top:0; width:100%;  height:100%;  min-width:1000px;}
.slideBox .hd{ width:100%;height:97px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:10;}
.slideBox .hd ul{ overflow:hidden; zoom:1; width:70px; margin:0 auto; margin-top:45px;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:14px; text-align:center; cursor:pointer; padding:3px; background-color:#fff;border-radius:100%;}
.slideBox .hd ul li.on{ background-color:#D59608; border-radius:100%;}
.slideBox .hd ul li img{ width:130px; height:90px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{ height:100% !important; width:100% !important;  }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:100% !important; width:100% !important; }
.slideBox .bd img{ width:100%; height:639px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:42px; height:106px; background:url(../img/icons.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;cursor:pointer;}
.slideBox .next{ left:auto; right:3%; background-position:-5px -125px;  }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }	

/*公司介绍图片幻灯*/
/* 本例子css */
		.slideBox_pic{ width:500px; height:500px;}
		.slideBox_pic .hd{ height:59px; width:112px; position:absolute; left:-56px; bottom:100px; z-index:1; }
		.slideBox_pic .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox_pic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox_pic .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox_pic .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox_pic .bd li{ zoom:1; vertical-align:middle; }
		.slideBox_pic .bd img{ width:500px; height:500px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox_pic .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:56px; height:59px; background:url(../img/left.png); filter:alpha(opacity=100);opacity:1;   }
		.slideBox_pic .next{ position:absolute; left:56px; top:50%; margin-top:-25px; display:block; width:56px; height:59px; background:url(../img/left.png); background-repeat:no-repeat; background-position:right top; filter:alpha(opacity=100);opacity:1;   }
		.slideBox_pic .prev:hover,
		.slideBox_pic .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
		.slideBox_pic .prevStop{ display:none;  }
		.slideBox_pic .nextStop{ display:none;  }

/*产品滚动样式*/
#goods{ width:100%;overflow:hidden}
#goods .cp_bg{width:1185px;float:left; display:inline; overflow:hidden; margin:0px; margin-left:8px;}
#goods #cmo1 img{ width:230px;max-width:inherit;}
#goods #cmo1 h5{ font-size:12px; height:16px; line-height:16px; margin-top:5px; overflow:hidden}
#goods #cmo1 td{ height:170px; overflow:hidden;}
#goods #cmo1 a{ color:#333333}
#goods #cmo1 .font{ background-image:url(../img/p_bj.jpg); line-height:28px; background-repeat:no-repeat; background-position:center; margin:5px 0px 0px 0px;}
#goods #cmo1 .font a{ color:#333; font-size:14px; font-weight:bold;}
/*顶部css*/
#header{ width:100%; height:55px; position:relative; overflow:hidden;background-color:#1a1819}
.menu{float:right;height:77px;}
#menu{float:right; position: relative; height:55px; text-align:center; overflow:hidden;}
#menu a{ font-size:14px; color:#bf9f65; line-height:55px; padding:18px 20px;}
#menu a:hover{color:#fff; height:55px}
#menu #l{ width:248px; height:1px;}
#logo{ width:229px; height:55px; float:left;}
.search{ background-image:url(../img/look.png); background-position:center; background-repeat:no-repeat; background-color:#c7906b; width:83px; height:77px; float:left; overflow:hidden; position:relative;}
.search_input{width:303px;height:77px;background:#bb825b;position:absolute;right:-303px;}
.search_btn{margin:0px 18px;width:34px;height:77px;border:none;background:url(../img/look.png) no-repeat center center;cursor:pointer; float:right;}
.search_txt{margin:27px 20px;;width:180px;height:23px;color:#fff;background:#bb825b;border:none;}
.bt{ width: 100%;position:relative; margin: 65px 0 47px 0;text-align: center;color: #670303;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left;}
.banner{ width:100%; float:left; position:relative; height:898px;}
.i_goods_cat{ width:1200px; margin:0 auto;}
.i_goods_cat li{ height:144px; position:relative; }
.i_goods_cat li:hover{background-color:rgba(199, 144, 107, 0.69);}
.i_goods_cat_icon{ float:left; width:100%; height:140px;-webkit-transition:0.4s linear;transition:0.4s ease-in; position:relative;}
.i_goods_cat_icon:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icon_pic_1{ background-image:url(../img/goods_cat_icon.png); background-repeat:no-repeat; background-position:left center; width:45px; height:40px; margin:0 auto; position:absolute; top:50%; margin-top:-20px;left:50%; margin-left:-22.5px;}
.icon_pic_2{ background-image:url(../img/goods_cat_icon.png); background-repeat:no-repeat; background-position:left -47px center; width:40px; height:40px;margin:0 auto;position:absolute;top:50%; margin-top:-20px;left:50%; margin-left:-20px;}
.icon_pic_3{ background-image:url(../img/goods_cat_icon.png); background-repeat:no-repeat; background-position:left -89px center; width:44px; height:40px;margin:0 auto;position:absolute;top:50%; margin-top:-20px;left:50%; margin-left:-22px;}
.icon_pic_4{ background-image:url(../img/goods_cat_icon.png); background-repeat:no-repeat; background-position:right -45px center; width:42px; height:40px;margin:0 auto;position:absolute;top:50%; margin-top:-20px;left:50%; margin-left:-21px;}
.icon_pic_5{ background-image:url(../img/goods_cat_icon.png); background-repeat:no-repeat; background-position:right center; width:45px; height:40px;margin:0 auto;position:absolute;top:50%; margin-top:-20px;left:50%; margin-left:-22.5px;}
.i_goods_cat_title{ float:left; width:100%; height:32px;text-align:center; color:#FFF; line-height:32px; position:absolute; bottom:15px; left:0px;}


.i_about{ width:1250px; margin:0 auto; position:relative; margin-bottom:50px;}
.i_about_content{ width:600px; float:left; margin-top:80px; margin-left:30px}
.i_about_t{ width:100%; text-align:center; line-height:130px;float:left; background-image:url(../img/about_t_bj.png); background-repeat:no-repeat; background-position:center bottom; color:#c7906b; font-size:18px; height:113px;}
.i_about_txt{ float:left; width:100%; margin-top:35px; }
.i_about_pic{ width:293px; height:577px; background-image:url(../img/about_pic.jpg); background-repeat:no-repeat; background-position:center bottom; float:left; }
.i_about_app{ width:273px; height:577px; background-image:url(../img/about_app.png); background-repeat:no-repeat; background-position:center bottom; float:right; }
#indexAbout{line-height:25px; font-size:14px; color:#be9c6c}
.video{ width:430px; float:left; background:url(../img/c7_img4.png) no-repeat right center; padding-bottom:23px; padding-right:50px;}
.about_head{ width:100%; float:left; border-bottom:#c1c1c1 solid 1px; height:43px; margin-bottom:30px;}
.about_head strong{ font-size:22px; color:#704f4c; height:43px; border-bottom:#8b706e solid 1px; margin-bottom:-1px; float:left; margin-right:10px;}
.about_head img{ float:left; margin-top:8px;}
.about_content{ width:710px; float:right; margin-right:13px;}
.about_pic{ float:left; width:300px; height:197px;}.about_pic img{width:300px; height:197px;}
.about_right{width:400px;float: right;color: #3f0e00;line-height: 24px;}
.about_head span a{ float:right; background:url(../img/c6_img2_06.jpg); width:80px; line-height:20px; color:#fff; padding-left:5px; margin-top:10px;}

.ys{ width:1200px; margin:0 auto;}
.zs{ width:1000px; margin:0 auto;}
.ys_t{ width:100%; float:left; text-align:center; background:url(../img/c4_head.png) no-repeat center top; color:#4b1f14; font-size:20px; margin-top:25px; height:180px; line-height:100px;}
.ys_t strong{ font-size:30px;}
.ys_t span{color: #ff7607;}
.ys_left{ width:700px; float:left; margin-top:60px; color:#57483a; font-size:14px;}
.ys_right{ width:620px; float:right; color:#57483a; font-size:14px; margin-bottom:75px;margin-top: 32px;}
.ys_left dt,.ys_right dt{ width:100%; float:left; margin-bottom:18px; color:#4b1f14;line-height:25px; margin-left:70px;}
.ys_left dt strong,.ys_right dt strong{ font-size:18px;}
.ys_left dt span,.ys_right dt span{ color:#ff7607; font-size:50px; float:left; margin-right:3px;}
.ys_left dd,.ys_right dd{ margin:10px 0px; line-height:25px; float:left; width:100%; background-image:url(../img/ys_sdot.png); background-repeat:no-repeat; background-position:left center; padding-left:25px}
.ys_left_img, .ys_right_img{ float:left;}
.ys_right_img{ margin-top:100px;}
.m_goods{ position: relative; margin:0 auto; width:1250px;}
.m_goods li{ float:left; background-image:url(../img/yuan.png); width:107px; height:107px; margin-right:20px; text-align:center; line-height:97px; color:#000}
.m_goods li a{ color:#600;} .m_goods li a:hover{ color: #F60}
.m_goods li:nth-of-type(10) {margin-right:0px;}
/*首页新闻样式*/
.i_news{ width:1250px; margin:0px auto;}
.i_news_t{ width:100%; height:32px; float:left; border-bottom:1px solid #e3e3e3; color:#1a1819; font-size:14px}
.i_news_t strong{color: rgb(76, 35, 31);float:left;
width: 94px;
    height: 32px;
    margin-bottom: -2px;
    text-align: center;
    font-size: 14px;
}
.i_news_t span{ color:#fecd66; font-size:18px;}
.i_news_txt{float:left;width:100%; margin-top:80px; margin-bottom:100px;}
.i_n{ width:100%; float:left;}


.i_n li{ padding-bottom:5px; margin-top:5px; border:1px solid #dcddde; float:left; width:33.3%;position:relative; border-right:none; height:310px; margin-top:25px;}
.i_n li:last-child{border-right:1px solid #dcddde;}
.i_n li span{ float:right;}
.i_contact{ float:left; width:400px; background-color:rgba(81, 44, 41, 0.87);padding:25px 15px; }
.i_contact_t{ width:250px; float:left; color:#cdb58b; font-size:18px; margin-bottom:13px;}
.i_contact dt{width: 100%;
    float: left;
    margin-bottom: 5px;
    border: #593532 solid 1px;
    border-radius: 5px;
    background: #3e1814;
    height: 32px;
    line-height: 32px;
    color:#E1E1E1;
    padding-left: 10px;}
/*内页中间样式*/
.main_n{ width:100%; float:left;height:auto; padding-top:50px; padding-bottom:50px;margin-top: -22px;}	
.nav_n{ width:100%; float: left; font-size:14px; line-height:40px; text-align:center; margin-top:35px; position:relative; z-index:10}
.nav_n #goodsCat{ float:left; width:100%; text-align:center;}
#goodsCat a,#menu1 a,#newscate a{     cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #CA9144;
    background: #1a1819;
    font-size: 14px;
    color: #D6B35F; padding:0 10px;}

#menu1 .select,#goodsCat .select ,#newscate .select{
background: #CA9144;
border: 1px solid #CA9144;
color: #fff;
}

.content_title{ width:100%; background-image:url(../img/list_19.jpg); background-repeat:no-repeat; background-position:center; height:35px; margin:25px 0 10px 0px; padding-bottom:10px; text-align:center; line-height:35px; font-size:16px; border-bottom:1px #e2ad2c dashed;}
/*底部样式*/
.contact_i{ width:100%; height:173px;}
	.contact_i_content{ width:1150px;height:173px; margin:0 auto; padding-top:15px;}
	.contact_i_left{
	float:left;
	width:250px;
	background-image:url(../img/logos.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:173px;
	margin-right:25px; margin-top:-15px;
}
	.contact_i_line{ float:left; width:2px; height:173px; background-image:url(../img/shadow2.jpg); background-repeat:no-repeat; background-position:center;}
	.contact_i_center{
	float: left;
	width: 600px;
	height: 173px;
}
	   .contact_i_center span{ float:left;}
	   .contact_i_center span dd{ font-size:15px; color:#966135; font-weight:bold;}
	   .contact_i_center span dt{ font-size:14px; line-height:22px;color:#DAB96B}
	   .contact_i_center span dt a{color: #333333;}
	.contact_i_right{
	float: right;
	width: 220px;
	margin-top:5px;
	height: 148px;
}
	.app{
	float:left;
	width:100%;
	position: relative;
}
	.app span{
	position:absolute;
	right:0px;
	bottom:0px;
	color: #FFFFFF;
}

.i_product,.i_server{ width:1250px; margin:0 auto; padding-bottom:80px;}
.i_product_t,.i_server_t{ width:100%; text-align:center; line-height:30px; margin-top:80px; float:left; background-image:url(../img/lbts.png); background-repeat:no-repeat; background-position:center bottom; color:#fff; font-size:16px; height:90px; float:left;}
.i_product_t span{ color:#fecd66}
.i_product_txt{ margin-top:40px; float:left; width:100%;}
.i_server_t{ color:#1a1819}
.i_server_t span{ color:#fecd66}
.i_server_pic{ width:100%; background-image:url(../img/i_service_pic.jpg); height:337px;float:left; background-repeat:no-repeat; background-position:center}
.i_server_txt{ width:100%; float:left; text-align:center; margin:30px 0px;}
.i_server_txt li{ width:33.33%; float:left; text-align:left; padding-left:170px; background-position:left 100px center; background-repeat:no-repeat; border-right:#ccc dotted 1px; height:110px;}
.i_server_txt li:last-child{border-right:none;}
.i_server_txt span{ color:#7a7a7a; font-size:14px; margin-top:30px; float:left;}
.i_server_txt span font{color:#1a1819; font-size:19px}


.ps{ width:227px; height:32px; background-color:rgba(0,0,0,0.5); color:#C93; text-align:center; position:absolute; bottom: 17px;left: 9px; line-height:32px;}

/*内页新闻样式*/
.txtlist li{ padding-bottom:25px; margin-top:25px; border-bottom:1px dashed #595959; float:left; width:100%;}
.txtlist li .news_pic{ float:left; width:200px; height:150px; margin-top:0px; background-image:none;}
.txtlist li .news_pic img{ width:100%;padding:5px; height:150px;}
.txtlist li .news_txt{ float:right; width:75%;}
.txtlist li .l_summary {color: #000;}
.txtlist li .l_more a{color: #000}
.txtlist li h5 a{ color:#900;}

.t{ background-image:url(../img/c1_img.png); background-repeat:no-repeat; background-position:right top; font-size:24px; font-weight:bold; height:65px; line-height:80px;padding: 25px 0 10px;}
.g4_content{ float:left; width:100%;}
.g4{ width:1100px;overflow:hidden; position:relative; margin:0 auto;}
.g4 .hd{ height:44px; overflow:hidden; position:relative; z-index:1; width:100%; float:left}
.g4 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.g4 .hd ul li{ float:left; height:44px; line-height:14px; text-align:center; background-image:url(../img/c1_no_03.jpg); background-repeat:no-repeat; background-position:center; cursor:pointer; font-size:16px; font-weight:bold; line-height:44px; color:#f5d4b3}
.g4 .hd ul li.on{ background-image:url(../img/c1_on_03.jpg); background-repeat:no-repeat; background-position:center;color:#fff; }
.g4 .bd{ position:relative; height:467px; z-index:0; float:left; margin-top:45px; width:100%; margin-bottom:45px}
.g4 .bd li{ zoom:1; vertical-align:middle; }
.g4 .bd img{display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.g4 .prev,
.g4 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.g4 .next{ left:auto; right:3%; background-position:8px 5px; }
.g4 .prev:hover,
.g4 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.g4 .prevStop{ display:none;  }
.g4 .nextStop{ display:none;  }

.g4_pic{ float:left;}
.g4_txt{ float:right; width:52%; margin-top:25px}
.g4_txt_head{ width:100%; float:left;color:#727272; font-size:14px; line-height:20px; font-weight:bold}
.g4_txt_head strong{color:#2a8100; font-size:40px; font-family:Impact; float:left; margin-top:5px; }
.g4_txt_head span{ font-size:42px;color:#2a8100; float:left; margin-right:10px; height:30px; font-weight:normal}
.g4_txt_head b{color:#2a8100; font-size:20px; float:left; width:460px;}

.g4_txt_2{float:left; border-bottom:#c2ad97 dashed 1px; margin-bottom:18px; padding-bottom:18px; color:#424242; font-size:18px; font-weight:bold; margin-top:30px; width:100%;}
.g4_txt_1s,.g4_txt_2s{ width:100%; float:left;border-bottom:#c2ad97 dashed 1px; margin-bottom:8px; padding-bottom:8px; color:#5c5c5c; line-height:22px;; font-size:14px}
.g4_txt_1s strong,.g4_txt_2s strong{ font-size:14px; color:#ff7607; margin-bottom:15px;}

.g4_txt_2s span{ float:left; color:#ff7607; margin:0 10px 12px 0; font-size:25px;}

/* 产品展示css */
.multipleColumn{ overflow:hidden; position:relative; width:1070px;}
.multipleColumn .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1070px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; margin-right:49px;}
.multipleColumn .bd ul li:nth-of-type(4n){margin-right:0px;}
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:220px; height:220px; display:block;  padding:2px; border:1px solid #ccc; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px; padding:10px 0px; color:#333}

.main_body{ width:1200px; margin:0 auto; border-top:1px solid #ebecec;}
.bottom{width:1220px;margin:auto;height:113px;margin-top:43px; margin-bottom:80px;}
.bottom span{display:block;float:left;}
.bottom span ul{margin-bottom:70px;}
.bottom span ul li{float:left;padding-left:20px;padding-right:20px;}
.bottom span ul li a{color:#e9e9e9;font-family:"Microsoft YaHei";text-decoration:none;font-size:15px;}
.bottom span p{font-size:13px;color:#9c9c9c;line-height:23px;font-family:"Microsoft YaHei";}
.bottom span a{text-decoration:none;color:#27606d;}
.bottom .phone{margin-left:40px;}
.bottom .phone ul li a{margin:0;}
.bottom .phone ul{margin-bottom:35px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}	
.bottom_navBar{ position:fixed; z-index:20;  background:#1a1819; color:#fff; line-height:56px; bottom:0px; left:0px; width:100%; height:56px}	
.bottom_nav{ width:980px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }	
.bottom_nav a{ color:#fff;  }	
.bottom_nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px;  }	
.bottom_nav .m{ float:left; padding:0 10px 0px 30px;}	
.bottom_nav .s{ float:left; width:19px; text-align:center; color:#eee; line-height:56px;display: table;table-layout: fixed; height:56px;}	
.bottom_nav .s span{display: table-cell;vertical-align: middle;}
.bottom_nav h3 a{  display:block; padding:0 20px;  }	
.bottom_nav .on{  background:#080708;  }	
.bottom_nav .sub{ display:none;  width:100%;  position:absolute; left:0; top:-122px; height:122px; line-height:26px; padding:7px 0;  background:#080708; text-align:center}
.bottom_nav #m3 .sub{ padding-top:45px;}
.bottom_nav #m3 .sub a{ padding:15px 80px; color:#FECD66; font-size:18px; background-image:url(../img/s.png); background-repeat:no-repeat; background-position:center;}
.pztx{ color:#FECD66; font-size:18px; font-weight:bold; width:50%; margin:0 auto; line-height:32px; padding-top:20px;}
.bottom_nav .sub .i_server_txt{ width:1200px; text-align:center; margin:0 auto; float:none}
.bottom_nav .sub .i_server_txt li{ width:33.33%; float:left; text-align:left; padding-left:170px; background-position:left 100px center; background-repeat:no-repeat; border-right:#ccc dotted 1px; height:110px;}
.bottom_nav .sub .i_server_txt span font{color:#FECD66; font-size:19px}
.bottom_nav .sub .fwdz{ width:800px; margin:0 auto; position:relative;}
.bottom_nav .sub .fwdz dt{ float:left; width:33.3%; font-size:16px; text-align:left; color:#fecd66; margin-top:15px;}
.bottom_nav .sub .fwdz dt span{color:#cecece; font-size:12px}
.bottom_nav .sub .fwdz dt img{ position:absolute; right:0px; top:3px;}
/*bottom style*/
.adress{ line-height:25px;font-family: "\5FAE\8F6F\96C5\9ED1";color:#cecece}
.tel{ font-size:14px; color:#cecece; padding-top:25px;}
.bq{ font-size:12px; line-height:25px;font-family: "\5FAE\8F6F\96C5\9ED1";color:#cecece}

.p_g{ width:1200px; margin:0 auto;}
.p_g li{ position:relative; width:25%; float:left; height:300px; margin-bottom:15px}
.p_g li img{ width:100%; height:300px;}
.p_g li .goods_layout{ position: absolute; left:0px; top:0px; z-index:1; cursor:pointer; width:100%; height:100%;filter:alpha(opacity=0);opacity:0; background-color:rgba(0,51,51,0.5);}
.p_g li .goods_layout:hover{filter:alpha(opacity=1);opacity:1; }
.p_g li .goods_layout .dt{ width:180px; height:32px;position:absolute; left:50%; top:50%; background-color:rgba(100%,100%,100%,1); margin-left:-90px; margin-top:-16px; text-align:center; line-height:32px; color:#183C43; font-size:18px; font-weight:bold;border-radius:15px}
.p_g li .goods_layout .more{ width:35px; height:35px;position:absolute; left:50%; top:50.1%; background-color:rgba(100%,100%,100%,0.5); border-radius:100%;margin-left:-17px; color:#183C43; line-height:50px; text-align:center; font-size:24px;}
.flash{ position:relative; text-align:center;}
.flash_content{
	width: 630px; height:230px;    margin-left: -315px;
    margin-top: -165px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	display: none;
	background-color:rgba(0, 0, 0, 0.5);
	padding: 15px;
}
.flash_content:before{ content:""; width:calc(100% - 30px); height:calc(100% - 30px); overflow:hidden; background-color:#fff; position:absolute;}
.close{
	position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background-image:url(../fancybox/fancybox_sprite.png); background-repeat:no-repeat; background-position:center top; z-index:100;
  }
.flash_content .flash_contact{ color:#000; font-size:14px; line-height:32px;width:calc(100% - 40px); height:calc(100% - 40px); position:relative; z-index:20; margin:0 auto;}