/*基础css*/
html,body{position: relative;height: 100%; background-color:#dfd8d2}
*{ margin:0; padding:0;outline: none}
body{color: #000;font-size: 12px;font-family: "\5FAE\8F6F\96C5\9ED1";}
a{color:#fff;text-decoration: none;}
.box{ width:100%;float:left}
h2 span, h3 span, h4 span, h5 span{ display: block; }
.l_ginfo{text-align: center;color: #333}
.l_ginfo a{color: #333}
.frm_l{ width: 215px; }
.frm_r{ width: 770px; }
.left{ float:left;}
.right{ float:right;}
.mq{ width:1200px; margin:0 auto; position:relative;}
/*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;

}

.header{ line-height:32px; height:32px; font-size:14px;}
.logo{ float:left; margin-top:20px;}
.logo_title{ float:left;margin-top: 50px;margin-left: 30px;width: 280px;}
.logo_tel{ float:right; line-height:32px; font-size:24px; padding-left:45px; background-image:url(../img/tel_01.png); background-repeat:no-repeat; background-position:left top; background-size:40px auto; margin-top:25px;}
#nav span{ float:left; display:inline-block}
#nav a{display:inline-block;float:left;line-height:45px;height:45px;padding: 0px 24px;font-size: 16px;}

.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_btn{ padding:8px 0; width:50px;height:32px;border:none;background:url(../img/look.png) no-repeat center center;cursor:pointer; float:right; background-color:#000; color:#fff; border-radius:0 25px 25px 0;}
.search_txt{width:180px;height:32px;color:#fff;background:#bb825b;border:none; line-height:32px; padding:8px; border-radius:25px 0 0 25px}
.bt{ width: 100%;position:relative; margin: 65px 0 47px 0;text-align: center;color: #670303;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left;}

/* banner幻灯css */
.slideBox{ width:100%; height:650px; overflow:hidden; position:relative;}
.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:100%;margin-top:45px; text-align:center;}
.slideBox .hd ul span{  margin-right:2px;  width:20px; height:20px; line-height:14px; text-align:center; cursor:pointer; padding:3px; background-color:#fff;border-radius:100%; display:inline-block;}
.slideBox .hd ul span.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 li{ zoom:1; vertical-align:middle; }
.slideBox .bd li img{height: 100%}

.goods_cat_left{ float:left; width:250px;background-color:#900; padding-bottom:1000px; margin-bottom:-1000px;}
.goods_cat_left h1{ text-align:center; width:100%; float:left; color:#FFF; margin-top:15px; margin-bottom:15px;}
.goods_cat_left ul{ width:100%; float:left; padding:0px 15px}
.goods_cat_left li{ width:100%; float:left; text-align:center; background-color:#dfd8d2; height:32px; line-height:32px; border-radius:15px; margin-bottom:8px}
.goods_cat_left li a{ color:#900}
.goods_cat_right{ float:right; width:calc(100% - 270px)}

.choose{text-align:center; position:relative; z-index:0; height:547px; background:url(../img/Icon_1.png) left bottom no-repeat;}
.choose h1{width:100%; height:150px; background:url(../img/wenhao.png) 17px 44px no-repeat; float:left}
.choose h2{width:214px; font-weight:normal; text-align:left; height:186px; position:absolute; z-index:1; left:283px; top:156px; background:url(../img/went_01.png) left top no-repeat;}
.choose h2 p{ color:#FFF; font-size:18px; line-height:24px; margin-top:70px;}
.choose h2 p label{margin-left:100px;}
.choose h2 p span{margin-left:40px;}
.choose h3{width:215px; height:186px; font-weight:normal; text-align:left; position:absolute; z-index:1; left:453px; top:253px; background:url(../img/went_02.png) left top no-repeat;}
.choose h3 p{ color:#FFF; font-size:18px; line-height:24px; margin-top:70px;}
.choose h3 p label{margin-left:100px;}
.choose h3 p span{margin-left:40px;}
.choose h4{width:214px; line-height:186px; vertical-align:middle; font-weight:normal; font-size:18px; color:#FFF; height:186px; position:absolute; z-index:1; left:623px; top:156px; background:url(../img/went_03.png) left top no-repeat;}
.choose h5{width:215px; font-weight:normal; text-align:left; height:186px; position:absolute; z-index:1; left:790px; top:257px; background:url(../img/went_04.png) left top no-repeat;}
.choose h5 p{ color:#FFF; font-size:18px; line-height:24px; margin-top:70px;}
.choose h5 p label{margin-left:100px;}
.choose h5 p span{margin-left:60px;}
.choose h6{width:215px; height:186px; line-height:186px; vertical-align:middle; font-weight:normal; font-size:18px; color:#FFF; position:absolute; z-index:1; left:958px; top:153px; background:url(../img/went_05.png) left top no-repeat;}
.choose ul{width:1200px; line-height:68px; color:#FFF; text-align:left;  vertical-align:middle; height:68px; position:absolute; z-index:2; left:0px; top:479px;}
.choose ul li.cho_tit{width:414px; height:68px; text-indent:160px; font-size:36px;}
.choose ul li.cho_cen{width:700px; height:68px; font-size:30px;}

.indItem{ position:relative;}
.indItem .item .num{ width:103px; height:96px; background-color:#000; float:left; line-height:96px; text-align:center; font-size:70px; color:#fff}
.indItem .item:nth-of-type(1n+1){width:434px; position: relative; height:200px; background:url(../yf_img/A.png) left top no-repeat; z-index:3; float:left; margin-top:35px}
.indItem .item:nth-of-type(1n+1) p{width:100%; float:left; margin-top:20px; text-align:left;}
.indItem .item:nth-of-type(1n+1) h2{width:330px; float:right; text-align:left; height:96px; }
.indItem .item:nth-of-type(1n+1) h2 p{width:330px; float:left; text-indent:11px; color:#000;  font-size:30px; margin-top:10px;}
.indItem .item:nth-of-type(1n+1) h2 span{width:330px; float:left; text-indent:11px; color:#000;  font-size:18px; padding:10px 0px;}

.indItem .item:nth-of-type(2n){width:450px; position: relative; height:200px; background:url(../yf_img/b.png) left top no-repeat; z-index:3; float:right;margin-top:35px}
.indItem .item:nth-of-type(2n) p{width:450px; float:left; margin-top:20px; text-align:left;}
.indItem .item:nth-of-type(2n) h2{width:calc(100% - 103px); float:right; text-align:left; height:96px; }
.indItem .item:nth-of-type(2n) h2 p{width:100%; float:left; text-indent:11px; color:#000;  font-size:30px; margin-top:10px;}
.indItem .item:nth-of-type(2n) h2 span{width:335px; float:left; text-indent:11px; color:#000;  font-size:18px; padding:10px 0px;}

.indItem .item:nth-of-type(1)::before{ content:""; position:absolute; left:95%; width:321px; background-image:url(../img/cho_pic1.png); background-repeat:no-repeat; background-position:center; height:197px; top:0px; }
.indItem .item:nth-of-type(3)::before{ content:""; position:absolute; left:95%; width:321px; background-image:url(../img/cho_pic2.png); background-repeat:no-repeat; background-position:center; height:197px; top:0px; background-size:100% 100% }
.indItem .item:nth-of-type(5)::before{ content:""; position:absolute; left:95%; width:321px; background-image:url(../img/cho_pic3.png); background-repeat:no-repeat; background-position:center; height:197px; top:0px; background-size:100% 100%}

.indliuc{ position:relative}
.indliuc h2{width:100%; height:94px; background:url(../img/lc_tit.png) center top no-repeat; margin-top:53px; float:left;}
.indliuc ul{width:100%; text-align:center; float:left; margin-top:50px}
.indliuc ul li{width:120px; height:180px; float:left; margin-right:55px}
.indliuc ul li p{width:100%; height:60px; line-height:60px; margin-top:120px; border:none; background-image:none; vertical-align:middle; color:#FFF; font-size:18px; float:left; text-align:center}
.indliuc ul li:nth-of-type(1){background:url(../img/lc_pic1.png) center top no-repeat;}
.indliuc ul li:nth-of-type(2){background:url(../img/lc_pic2.png) center top no-repeat;}
.indliuc ul li:nth-of-type(3){background:url(../img/lc_pic3.png) center top no-repeat;}
.indliuc ul li:nth-of-type(4){background:url(../img/lc_pic4.png) center top no-repeat;}
.indliuc ul li:nth-of-type(5){background:url(../img/lc_pic5.png) center top no-repeat;}
.indliuc ul li:nth-of-type(6){background:url(../img/lc_pic6.png) center top no-repeat;}
.indliuc ul li:nth-of-type(7){background:url(../img/lc_pic7.png) center top no-repeat; margin-right:0px;}

.picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden; width:100%; float:left}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:left; overflow:hidden; zoom:1; margin-top:10px; zoom:1; width:100%;}
.picScroll-left .hd ul span{ float:left; overflow:hidden; margin-right:15px; cursor:pointer; background-color:#900; color:#fff; display:inline-block; padding:18px 40px; font-size:18px}
.picScroll-left .hd ul span.on{ background-color:#5b3a19}
.picScroll-left .bd{ padding:25px 0px; float:left;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.dgnbox{ width:1200px; float:left}
.dgnbox_left{ width:588px; float:left;}
.dgnbox_left .dgnbox_pic{ padding-bottom:55px;width:100%; position:relative; float:left; margin-left:0px}
.dgnbox_left .dgnbox_pic::before{ content:""; width:100%; height:55px; bottom:0px; left:0px; background-image:url(../img/design_bg2.png); position:absolute; background-repeat:no-repeat; background-size:100% auto;}
.dgnbox_left .dgnbox_pic a img{ width:100%; height:465px; float:left}	
.dgnbox_right{ width:calc(100% - 588px);float:right;}
.dgnbox_right .dgnbox_pic{width: 280px;display: block; float:left; padding-bottom:26px; position:relative; margin-bottom:15px; margin-left:25px}	
.dgnbox_right .dgnbox_pic::before{ content:""; width:100%; height:26px; bottom:0px; left:0px;background-image:url(../img/design_bg.png); position:absolute;background-repeat:no-repeat; background-size:100% auto;}
.dgnbox_right .dgnbox_pic a img{ width:280px; height:212px; float:left}	

/* 本例子css */
.caseScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.caseScroll-left .hd{ overflow:hidden;}
.caseScroll-left .prev{ display:block;  width:30px; height:27px; float:right;  margin-top:120px;  overflow:hidden;
	 cursor:pointer; background:url(../img/right.png) no-repeat;}
.caseScroll-left .next{ display:block;  width:30px; height:27px; float:left; margin-top:120px;  overflow:hidden;
	 cursor:pointer; background:url(../img/left.png) no-repeat;}
.caseScroll-left .hd .prevStop{ background-position:-60px 0; }
.caseScroll-left .hd .nextStop{ background-position:-60px -50px; }
.caseScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.caseScroll-left .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; }
.caseScroll-left .hd ul li.on{ background-position:0 0; }
.caseScroll-left .bd{ padding:10px 0;   }
.caseScroll-left .bd ul{ overflow:hidden; zoom:1; }
.caseScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.caseScroll-left .bd ul li .pic{ text-align:center; position:relative;}
.caseScroll-left .bd ul li .pic img{ width:358px; height:234px; display:block;}
.caseScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.caseScroll-left .bd ul li .title{ line-height:24px; text-align:center; width:100%; position:absolute; bottom:25px; left:0px;}
.caseScroll-left .bd ul li .title span{display:inline-block; padding:5px 15px; background-color:#900; color:#fff; border-radius:25px;}

.about{ background-color:#dfd8d2; border:1px #333333 solid; }
.about:after{ content:""; position:absolute; width:100%; height:100%; background-image:url(../img/about_bg.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; left:15px; top:15px; visibility:visible; z-index:-1}
.about_left{ width:520px; float:left;}
.about_pic{ margin-top:-50px; margin-left:-45px}
.about-link{ width:100%; float:left; margin:35px 0; margin-bottom:45px;}
.about-link a img{ display: block; margin: 0 auto 23px auto; }
.about-link a{ display: inline-block; width: 159px; font-size: 14px; color: #000; text-align:center }
.about-link a i{ display: block; font-size: 12px; color: #999; }

.about_right{ width:520px; float:left; margin-left:85px}
.about_title{ float:left; display:inline-block; font-size:35px; margin-top:50px}
.about_right .about_logo{ width:125px; height:125px; float:right; margin-top:-65px; margin-right:0px; text-align:center; background-image: url(../img/about_logo.png); background-repeat:no-repeat; background-size:auto 100%; border:5px solid rgba(153, 153, 153, 0.32); border-radius:100%; background-position:center; background-color:#dfd8d2}
.about_right #about{ width:100%; float: left; font-size:14px; line-height:32px; margin-top:50px}
.about_right a{ display:inline-block; width: 200px;height: 44px;border: 1px solid #999;line-height: 44px;position: relative; color:#666; font-size:16px; text-align:center; float:left; margin-top:25px;}
.about_right a:after{ content: ""; position: absolute; bottom: -5px; right: -5px; width: 200px; height: 44px; border: 1px solid #999; transition: all .3s; }
		
.news_left{ width:780px; float:left}
.news_right{ width:calc(100% - 850px); float:right}

/* 本例子css */
.slideBox_goods{ width:100%; overflow:hidden; position:relative; float:left }
.slideBox_goods .hd{ height:164px; overflow:hidden; float:left; width:100%; background-color:#81502d}
.slideBox_goods .hd ul{ overflow:hidden; zoom:1; float:left; width:100%; text-align:center}
.slideBox_goods .hd ul a{ display:inline-block;}

.slideBox_goods .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_goods .bd li{ zoom:1; vertical-align:middle; }
.slideBox_goods .bd img{ width:100%; height:420px; display:block;  }

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

.agent_title{ text-align:center; margin-top:25px}
.agent_title p:nth-of-type(1){ font-size:16px; padding:50px 0 5px 0}
.agent_title p:nth-of-type(2){ padding-bottom:80px; font-weight:bolder}
.agent_title p{ font-size:36px; padding:25px 0px}
.agent_content li{ width:calc(100% / 6 - 2px); float: left; margin-right:2px; background-color:rgba(0, 0, 0, 0.19);}
.agent_content li .span:nth-of-type(1){text-align: center;text-transform: uppercase;font-size: 17px;padding-top: 44px; color:#31302e; background-image:url(../img/yindex_52.png); background-repeat:no-repeat; display:inline-block; width:100%; float:left; margin-top:50px; background-position:center top}
.agent_content li .span:nth-of-type(2){text-align: center;text-transform: uppercase;font-size: 17px;padding-top: 20px; color:#31302e;width:100%; float:left;}
.agent_content li .span:nth-of-type(3){text-align: center;text-transform: uppercase;font-size: 17px;padding-top: 15px; color:#31302e;width:100%; float:left; margin-bottom:50px; position:relative; padding-bottom:25px;}
.agent_content li .span:nth-of-type(3)::before{ content:""; position:absolute; width:138px; height:2px; background-color:#31302e; left:50%; margin-left:-69px; bottom:0px;}
.agent_content li:hover{ background-color:rgba(121, 5, 5, 0.85)}
.agent_content li:hover .span{ color:#fff}
.agent_content li:nth-of-type(6){ margin-right:0px;}
.agent_content li:nth-of-type(1) .span:nth-of-type(1){background-image:url(../img/yindex_52.png)}
.agent_content li:nth-of-type(2) .span:nth-of-type(1){background-image:url(../img/yindex_54.png)}
.agent_content li:nth-of-type(3) .span:nth-of-type(1){background-image:url(../img/yindex_56.png)}
.agent_content li:nth-of-type(4) .span:nth-of-type(1){background-image:url(../img/yindex_58.png)}
.agent_content li:nth-of-type(5) .span:nth-of-type(1){background-image:url(../img/yindex_60.png)}
.agent_content li:nth-of-type(6) .span:nth-of-type(1){background-image:url(../img/yindex_62.png)}
.agent_content li:nth-of-type(1):hover .span:nth-of-type(1){background-image:url(../img/yindex_53.png)}
.agent_content li:nth-of-type(2):hover .span:nth-of-type(1){background-image:url(../img/yindex_55.png)}
.agent_content li:nth-of-type(3):hover .span:nth-of-type(1){background-image:url(../img/yindex_57.png)}
.agent_content li:nth-of-type(4):hover .span:nth-of-type(1){background-image:url(../img/yindex_59.png)}
.agent_content li:nth-of-type(5):hover .span:nth-of-type(1){background-image:url(../img/yindex_61.png)}
.agent_content li:nth-of-type(6):hover .span:nth-of-type(1){background-image:url(../img/yindex_63.png)}
.agent_content li:hover .span:nth-of-type(3)::before{ content:""; position:absolute; width:138px; height:2px; background-color:#b19277; left:50%; margin-left:-69px; bottom:0px;}

.culture { position:relative;margin-bottom:50px; margin:0 auto; width:1200px;}
.a1{ background-image:url(../img/ban_ab1.png); background-repeat:repeat; background-position:top center; height:706px; text-align:center; padding-top:150px; overflow:visible; position:relative}
.a1 span{ position:absolute;left:50%; margin-left:-48px; bottom:-50px;}
.t1{ font-size:30px; text-align:center; color:#cfaf74; margin-top:100px;}
.t2{ font-size:30px; text-align:center; color:#000; margin-top:15px;}
.a2{ text-align:center; margin:25px 0px;}
.culture_txt{ font-size:14px; color:#666; line-height:32px; text-align:center}
.culture_list{ background-image:url(../img/ab1-2.png); background-repeat:no-repeat; background-position:center; height:439px;overflow:visible; position:relative}
.abs_a1{ position:absolute;top: 120px;left: 38px;width: 160px; display:block; text-align:center; font-size:14px}
.abs_a2{ position:absolute; top: 207px;left: 344px;width: 160px;display:block;text-align:center; font-size:14px}
.abs_a3{ position:absolute; top: 190px;right: 337px;width: 160px;display:block;text-align:center; font-size:14px}
.abs_a4{ position:absolute; top: 98px;right: 38px;width: 160px;display:block;text-align:center; font-size:14px}
.culture_warp a{ color:#333;}
.culture_warp a span {width: 140px;height: 140px;background: url(../img/abicon.png) left top no-repeat;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s; display:inline-block}
.culture_list .s1{ display:inline-block; position:absolute; width:240px; height:50px; background-color:#cfae69; border-radius:30px; text-align:center; line-height:50px; font-size:24px; left:50%; top:80px; margin-left:-120px;}
.culture_warp a.abs_a2 span { background-position: -150px 0;}
.culture_warp a.abs_a3 span { background-position: -300px 0;}
.culture_warp a.abs_a4 span { background-position: -450px 0;}
.culture_warp a.abs_a1:hover span{background-position: 0 -150px;}
.culture_warp a.abs_a2:hover span{background-position: -150px -150px;}
.culture_warp a.abs_a3:hover span{background-position: -300px -150px;}
.culture_warp a.abs_a4:hover span{background-position: -450px -150px;}

/*大事记start*/
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:420px; background: url(../img/labout_88.jpg) no-repeat center top; padding-top:170px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;}
.parHd  ul{width:100%;text-align:center; height:74px; float:left;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;position:absolute;background: url(../img/labout_98.png) repeat-x center top; height:74px;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:20px;font-size:16px;color:#000;margin:0 30px;position:relative; margin-top:33px;}
.parHd li:after{content:'';background:url(../img/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parHd li.act:after{content:''; display:none}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:192px;height:74px;display:block;position:absolute;top:164px; background-position:center}
.sPrev{left:0;background: url(../img/labout_101.png) no-repeat;}
.sNext{right:0;background: url(../img/labout_100.png) no-repeat;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../img/cat.png) no-repeat;position:absolute;top:-12px;left:12px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.lmain3 .limg{ width: 133px; height: 133px; background: url(../img/labout_102.png) no-repeat; position: absolute; left: 530px; top: 84px; z-index:100}
.lmain3{ width: 100%; background: url(../img/labout_50.jpg) no-repeat center top; margin-top: 48px; padding-top: 69px; float:left; position:relative}
.lmain3 .ltitles{ font-size: 22px; color: #000; text-align: center; line-height: 52px; background:none}

.agent_left{ width:479px;}
.agent_right{ width:calc(100% - 500px)}
.left_title{ text-align:left; float: left; width:100%;}
.right_title{ text-align:center; float:left; width:100%;}
.left_pic_list{ float:left; margin-bottom:15px;}
.right_list{ width:100%; float:left; text-align:center; font-size:18px; line-height:64px; height:64px;}
.right_list:nth-of-type(1){ background-image:url(../img/yjoin_13.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.right_list:nth-of-type(2){ background-image:url(../img/yjoin_14.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.right_list:nth-of-type(3){ background-image:url(../img/yjoin_15.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.right_list:nth-of-type(4){ background-image:url(../img/yjoin_16.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.right_list:nth-of-type(5){ background-image:url(../img/yjoin_17.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.right_list:nth-of-type(6){ background-image:url(../img/yjoin_18.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}

.fc .title{ margin-top:70px; margin-bottom:50px;}
.fc ul li{ width: 275px; height: 273px; background: url(../img/yjoin_48.png) no-repeat; float: left; margin-right:33px; position: relative; color: #fff; transition: all ease-in-out .8s}
.fc ul li:nth-of-type(4){margin-right:0px; }
.fc ul li div{ font-weight: bold; text-align: center; font-size: 26px; line-height: 30px; padding-top: 90px; margin-bottom: 5px;}
.fc ul li p{ font-size: 12px; width: 215px; margin: 0 auto; letter-spacing:1px;}
.fc ul li:hover{ background: url(../img/yjoin_49.png) no-repeat; color: #610000;}

.as .title{ margin-top:70px; margin-bottom:50px;}

.px_left{ float:left; width:600px;}
.px_left_img{ margin: 5px 0 0 4px; float: left; overflow: hidden;}
.px_left_img img{ transform: scale(1,1); transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995); -webkit-transform: scale(1,1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);}
.px_left_img img:hover{transform: scale(1.05,1.05); transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);-webkit-transform: scale(1.05,1.05); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);}

.qs{ padding:50px 0px; display:flex}
.qs_left{ float:left;}
.qs_right{ float:right}

.px_right{ width: 591px; height: 414px; background: url(../img/yjoin_76.jpg) no-repeat; float: right; position: relative;}
.px_right .px_right_txt{ text-align: center; font-size: 18px; color: #fff; line-height: 28px; width: 296px; height: 133px; }
.px_right .px_right_txt strong{ font-family: "微软雅黑"; font-size: 24px;}
.px_right .px_right_txt:nth-of-type(1){ position: absolute; left: 2px; top: 2px;padding-top: 73px;}
.px_right .px_right_txt:nth-of-type(2){ position: absolute; right: 2px; top: 2px;padding-top: 73px;}
.px_right .px_right_txt:nth-of-type(3){ position: absolute; left: 2px; bottom: 2px;}
.px_right .px_right_txt:nth-of-type(4){ position: absolute; right: 2px; bottom: 2px;}
.px_right .px_right_txt:nth-of-type(5){ position: absolute; left: 231px; top: 141px; width: 134px; height: 92px; padding-top: 42px;}

.fx{ padding-bottom:50px}
.fx .title{ margin-top:70px; margin-bottom:50px; text-align:center}
.fx .box{ text-align:center}
.fx .box:nth-of-type(2){ position:absolute; left:0px; width:100%; height:233px; top:344px;}

.footer_sub{ float:left; padding:50px 0;}
.footer_sub dl{ float:left; padding-right:50px}
.footer_sub dl dd{ font-size:18px; color:#fff}
.footer_sub dl dt{ font-size:14px; line-height:32px;}

.g_cats{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center}
.g_cats li{display: inline-block;text-align: center;width: 134px;height: 40px;margin:0 15px;position: relative;overflow: hidden}
.g_cats li a,
.g_cats li span{text-decoration: none;color: #fff;width: 100%;height: 100%;line-height: 40px;font-size: 18px;display: inline-block;text-align: center;margin: 0;transition: .3s all}
.g_cats li:hover span{transform:translateY(-40px)}
.g_cats li:nth-of-type(1),.g_cats li:nth-of-type(5){background: url(../img/bannerNav1_3.png) center no-repeat;}
.g_cats li:nth-of-type(2),.g_cats li:nth-of-type(6){background: url(../img/bannerNav2_3.png) center no-repeat;}
.g_cats li:nth-of-type(3),.g_cats li:nth-of-type(7){background: url(../img/bannerNav3_3.png) center no-repeat;}
.g_cats li:nth-of-type(4),.g_cats li:nth-of-type(8){background: url(../img/bannerNav4_3.png) center no-repeat;}


.ab_box::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#fff;opacity: .6;display: inline-block;visibility: visible}

.centerBox{width: 1200px;margin: 0 auto}
.in_supBoxTitle{width: 100%; height: 76px; margin-top: -38px; text-align: center; line-height: 40px; font-size: 14px; color: #636363; position: absolute; top:50%; left: 0; z-index:2;transition: all .5s ease-in-out}
.in_supBoxTitle h3{ font-size: 18px;}
.in_supportCon{width: 100%; height: 620px; position: relative;}

.in_supportBox1{width: 235px; height: 269px; background: url(../img/i_36.png) no-repeat; position: absolute; left: 143px; bottom:167px;transition: all .5s ease-in-out}
.in_supBox1Line{width: 243px; height: 76px; position: absolute; left: -7px; top: 0; z-index:2;}
.in_supBox1Line img{width: 243px; height: 76px;}
.in_supBox1Pic{width: 235px; height: 269px; position: absolute; top: 0; left: 0; z-index:1; }
.in_supBox1Pic img{width: 235px; height: 269px; }
.in_supportBox2{width: 169px; height: 193px; position: absolute; left: 376px; bottom: 321px; background: url(../img/i_37.png) no-repeat; z-index:2;}
.in_supBox2Line{width: 175px; height: 148px; position: absolute; left: -5px; top: 0; z-index:2;}
.in_supBox2Line img{width: 175px; height: 148px;}
.in_supBox2Pic{width: 169px; height: 193px; position: absolute; top: 0; left: 0; z-index:1;}
.in_supBox2Pic img{width: 169px; height: 193px;}
.in_supportBox3{width: 250px; height: 289px; position: absolute; left: 422px; bottom: 83px; background: url(../img/i_38.png) no-repeat; z-index:1;}
.in_supBox3Line{width: 88px; height: 55px; position: absolute; left: 124px; top: -1px; z-index:2;}
.in_supBox3Line img{width: 88px; height: 55px; }
.in_supBox3Pic{width: 250px; height: 289px; position: absolute; top: 0; left: 0; z-index:1;}
.in_supBox3Pic img{width: 250px; height: 289px;}
.in_supportBox4{width: 166px; height: 192px; position: absolute; left: 635px; bottom: 268px; background: url(../img/i_39.png) no-repeat; z-index:1;}
.in_supBox4Line{width: 88px; height: 145px; position: absolute; left: -7px; top: 0; z-index:2;}
.in_supBox4Line img{width: 88px; height: 145px; }
.in_supBox4Pic{width: 166px; height: 192px; position: absolute; top: 0; left: 0; z-index:1;}
.in_supBox4Pic img{width: 166px; height: 192px;}
.in_supportBox5{width: 167px; height: 189px; position: absolute; left: 717px; bottom: 411px; background: url(../img/i_40.png) no-repeat; z-index:2;}
.in_supBox5Line{width: 179px; height: 148px; position: absolute; left: -8px; top: 0; z-index:2;}
.in_supBox5Line img{width: 179px; height: 148px;}
.in_supBox5Pic{width: 167px; height: 189px; position: absolute; top: 0; left: 0; z-index:1;}
.in_supBox5Pic img{width: 167px; height: 189px;}
.in_supportBox6{width: 250px; height: 289px; position: absolute; left: 882px; bottom: 246px; background: url(../img/i_41.png) no-repeat; z-index:1;}
.in_supBox6Line{width: 244px; height: 289px; position: absolute; left: 6px; top: 0; z-index:2;}
.in_supBox6Line img{width: 244px; height: 289px;}
.in_supBox6Pic{width: 250px; height: 289px; position: absolute; top: 0; left: 0; z-index:1;}
.in_supBox6Pic img{width: 250px; height: 289px;}
.in_supportBox{transition: all 1s ease-in-out}
.in_supBoxPic{transition: all 1s ease-in-out;opacity: 0}
.in_supportBox:hover{background: transparent;cursor: pointer}
.in_supportBox:hover .in_supBoxPic{opacity: 1}
.in_supportBox:hover h3{color: #fff;}
.in_supportBox:hover .in_supBoxTitle{color: #fff;}
/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .in_arrow{width: 45px; height: 80px; position: absolute; top: 50%; z-index: 9; margin-top: -40px; opacity:0;transition: 0.5s all ease-in-out}
.slideBox .arrow-left{left: 0px; background: url(../img/in_arrowH.png) no-repeat;}
.slideBox .arrow-right{right: 0px; background: url(../img/in_arrowH.png) no-repeat -45px 0;}
.slideBox:hover .arrow-left{left: 200px; background: url(../img/in_arrow.png) no-repeat;}
.slideBox:hover .arrow-right{right: 200px; background: url(../img/in_arrow.png) no-repeat -45px 0;}
.slideBox .arrow-left:hover{background: url(../img/in_arrowH.png) no-repeat;}
.slideBox .arrow-right:hover{background: url(../img/in_arrowH.png) no-repeat -45px 0;}
.slideBox:hover .in_arrow{opacity: 1}
/*about*/
.left_about{float:left;text-align:center;display: inline-block;position: relative}
.left_about:after{content: '.';width: 300px;height: 428px;position: absolute;left: 0px;top: 0px;border:solid 4px #F9D179;z-index: 1}
#iAbout{width: 100%;margin: 0 auto;margin-bottom: 30px;background:url(_USER/img/p_bg1.png) top right no-repeat,url(_USER/img/p_bg2.png) bottom right no-repeat;padding-right:50px;margin-top:50px;padding-left: 20px;position: relative;z-index: 10}
.abtext{text-indent:2em;float:right;width:600px;text-align: justify;padding: 30px;color: #333;font-size: 14px;background: rgba(255,255,255,.8);height: 400px;margin: 10px 0}
.abtext p{text-indent: 2em;line-height: 30px;text-align: justify}
.abtext p a{display: inline-block;padding: 5px 20px;background-color: #333;}
.abtext p a:hover{background-color: #494949}
/* 产品
.picScroll-left{ width:1200px;overflow:hidden; position:relative;margin: 0 auto ;z-index: 5 }
.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; text-align: center}
.picScroll-left .hd ul span{ width:12px; height:12px; overflow:hidden; margin-right:5px;cursor:pointer;background: #c9c9c9;border-radius: 100%;display: inline-block}
.picScroll-left .hd ul span.on{ background: #333; }
.picScroll-left .bd{ padding:10px; width: 1200px!important;overflow: hidden  }
.picScroll-left .bd ul{ overflow:hidden;width: 1200px;}
.picScroll-left .bd ul li{ margin:0 8px; float:left;display:inline-block; overflow:hidden; text-align:center;width: 280px!important;  }
.picScroll-left .bd ul li .pic{ text-align:center;display: inline-block;width: 100%}
.picScroll-left .bd ul li .pic a{display: inline-block;width: 100%}
.picScroll-left .bd ul li .pic img{ width:100%; display:inline-block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{line-height: 50px;font-size: 16px;text-align: center;}
 */
.img_i0{width: 221px; height: 230px; position: absolute; left:10%; bottom: 20%;}
.img_i2{width: 141px; height: 213px; position: absolute; top:0px; left: 0px;}
.img_i1{width: 144px; height: 46px; position: absolute; top:200px; right: 0px;}
.i_title{width: 100%;text-align: center;overflow: hidden;padding: 90px 0 60px 0}
.i_title span{display: inline-block;font-size: 24px;color: #333333;height: 40px;line-height: 40px;}

/*公司介绍图片幻灯*/
/* 本例子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:1200px; height:77px; margin:0 auto; background-image:url(../img/head_bg1_02.jpg); background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden; margin-top:50px;}
.top_tel{ width:230px; float:right; background:url(../img/phone.png) no-repeat left; padding-left:35px; color:#ecce86; font-weight:bold; font-size:27px; line-height:22px; height:50px; margin-top:40px}
.top_tel strong{ width:195px; float:left; font-size:14px; margin-left:15px; margin-top:3px;}
.menu{float:left; background-color:#332c2b; height:77px;}
#menu{ width:1250px; margin:0 auto;margin-bottom:8px; margin-top:45px;}
#menu li{
	line-height:31px;
	width:115px;
	font-size:14px;
	float:left;
} 
#menu #logo{ position:relative; width:305px; height:1px;}
#menu .logo{ position:absolute; width:300px; top:-50px; left:-40px;}
#menu .first{ width:115px;}                
#menu  li a{ color:#e4c67b;  width:115px;line-height:25px;display:block; text-align:center; font: 12px "Times New Roman", Times, serif;  text-transform: uppercase;}
#menu  li a span{ font-size:14px; font-weight:bold; line-height:25px;}
#menu  li a font{ color:rgba(189, 168, 108,0.5); font-size:9px;-webkit-text-size-adjust:none}
#menu .first a{ width:115px;background-image: url(../img/n_meun_li.png);
	background-repeat: no-repeat;
	background-position: center} 
#menu  li a:hover{
	color:#FFFFFF;
	background-image: url(../img/cur.png);
	background-repeat: no-repeat;
	background-position: center;
}
#menu .sa{ width:1px; height:50px; background-image:url(../img/line.png); background-repeat:no-repeat; background-position:center;}
#menu .last{border-right:none}
#menu  li#logo_t{ width:208px;}


.goodscat_img{ width:270px; height:200px; margin:0 auto; border:1px #CCCCCC solid; margin-top:15px;}
.goodscat_img img{ max-height:100%; width:100%;}

.i_about{ width:1250px; margin:0 auto; position:relative; margin-bottom:80px;}
.i_about_content{ width:600px; float:left; margin-top:80px; margin-left:30px}
.i_about_t{ width:100%; text-align:center; line-height:156px;float:left;  color:#c7906b;  height:156px; margin-top:50px; margin-bottom:30px;}
.i_about_txt{ float:right; width:calc(100% - 580px);}
.i_about_pic{ width:530px; float:left; }
#indexAbout{line-height:25px; font-size:14px; color:#be9c6c}
.about_more{ width:100%; float:left; text-align:right; margin-top:25px;}

.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: 38px;}
.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:1200px; margin:0 auto;}
.i_news_t{ width:100%; float:left; text-align:center; margin-top:50px; margin-bottom:30px;}
.i_news_pic{ float:left;}
.i_news_t strong{color: rgb(76, 35, 31);font-weight: bold;background: url(../img/c8_bg3.png) 50% 100% no-repeat; float:left;
width: 94px;
    height: 32px;
    margin-bottom: -2px;
    text-align: center;
    font-size: 18px;
}
.i_news_t span a{ float:right; background:url(../img/c6_img2_06.jpg); width:80px; line-height:20px; color:#fff; padding-left:5px; margin-top:5px;}
.i_news_txt{float:right;width:calc(100% - 500px);}
.i_n{ width:100%; float:left; margin-top:-10px;}
.i_n li{margin-top:5px; float:left; width:100%;background-color:#26150d; height:32px;}
.i_n li a{ float:left; line-height:32px; color:#bdad98;}
.i_n li:hover{ background-color:#bdad98;color:#26150d}
.i_n li:hover>a,.i_n li:hover>span, .i_n li:hover>font{color:#26150d}
.i_n li span{ float:right;color:#bdad98; line-height:32px; margin-right:10px;}
.i_n li font{ float:left;color:#bdad98; line-height:32px; margin-right:10px; margin-left:10px; margin-right:10px;}

.i_case_t{ width:100%; float:left; text-align:center; margin:50px 0 30px 0;}

.server{ width:1200px; margin:0 auto; background-image:url(../img/server_line.png); background-repeat:no-repeat; background-position:center top;}
.server_t{ width:100%; float:left; text-align:center; margin:50px 0 30px 0;}
.server_l{ width:500px; float:left; margin-top:110px}
.server_r{ width:500px; float:right; margin-top:30px;}
.server_l li,.server_r li{ width:100%; float:left; height:95px; margin-bottom:65px;}
.server_r li{ padding-left:100px;}
.server_ts{ width:100%; float:left; font-size:14px; margin-top:10px;}
.server_cs{ width:100%; float:left; line-height:25px;}
.server_l li:nth-of-type(1){ background-image:url(../img/server1.png); background-repeat:no-repeat; background-position:right center}
.server_l li:nth-of-type(2){ background-image:url(../img/server2.png); background-repeat:no-repeat; background-position:right center}
.server_r li:nth-of-type(1){ background-image:url(../img/server3.png); background-repeat:no-repeat; background-position:left center}
.server_r li:nth-of-type(2){ background-image:url(../img/server4.png); background-repeat:no-repeat; background-position:left center}
.server_r li:nth-of-type(3){ background-image:url(../img/server5.png); background-repeat:no-repeat; background-position:left center}

/*内页中间样式*/
.main_n{ width:100%; float:left;height:auto;}
.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;}
.min_nva{ text-align:center; padding:35px 0}
#goodsCat1 a,#menu1 a,#newscate a,#goodsCat a,.min_nva a{
    display: inline-block;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    color: #714d33;
    margin-bottom: 10px; margin-right:20px;
	position:relative; z-index:1;transition:color .6s ease;
	-moz-transition:color .6s ease;
	-webkit-transition:color .6s ease; 
	-o-transition:color .6s ease;
}
.min_nva a::before{ content:""; position:absolute; width:51px; height:51px; left:0px; top:0px; background-color:#900;border-radius: 25px; z-index:-1;
transition:width .6s ease;
	-moz-transition:width .6s ease;
	-webkit-transition:width .6s ease; 
	-o-transition:width .6s ease;}
.min_nva a:hover::before,.min_nva a.select::before{ content:""; position:absolute; width:100%; height:51px; left:0px; top:0px; background-color:#900;border-radius: 25px;}
.min_nva a:hover b,.min_nva a.select b{ color:#fff;}
.min_nva{ margin-bottom:10px;}
.min_nva i{display: inline-block;border-radius: 100%;background-color: #900;width: 50px;height: 50px;padding: 8px; float:left; margin-right:10px;}
.min_nva b{ padding-right:15px}


#menu1 .select i,#goodsCat1 .select i,#newscate .select i,#goodsCat .select i{
    /*background-color: #FE6700;*/
    background-color: rgba(254, 103, 0, 0.74)
}


.i_product{ width:1250px; margin:0 auto; padding-bottom:80px;}
.i_product_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:#e6cb98; font-size:28px; height:90px;}
.i_product_txt{ margin-top:40px; float:left; width:100%;}


.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:220px; 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:#F60;}
.notice a{color: #F60}
/*bottom style*/
.adress{ line-height:25px; padding:5px 15px; font-family: "\5FAE\8F6F\96C5\9ED1";color:#E4CDAD}
.tel{ font-size:24px; padding:15px; color:#E4CDAD}
.bq{ font-size:12px; line-height:25px;font-family: "\5FAE\8F6F\96C5\9ED1";color:#E4CDAD}

.profile{ margin-top:25px;}
.profile_title{ float:left}
.profile_title { min-height:72px; width:505px; border-bottom:1px solid #ccc; padding:0 0 20px 35px; margin:0 0 25px 0; background:url(../img/short_title_kuang.png) no-repeat left top; margin-right:80px; }
.profile_title p { font-size:24px; color:#1f1f1f; text-transform:uppercase; line-height:22px; padding-top:15px; }
.profile_title span { display:block; font-size:22px; color:#c5a36e; margin-left:45px; }
.profile_con_pic{ float: right; margin-left:25px; position: relative; z-index:0; margin-top:50px; margin-right:50px}
.profile_con{ float: left; font-size:14px; line-height:25px; width:505px;}
.profile_con_pic::before{ content:""; position:absolute; width:266px; height:400px; right:-50px; top:-50px; border:8px solid #cfb787; z-index:-1}

.culture { position:relative; height:425px; margin:100px 0; margin-bottom:50px }
.culture_pic { float:left; margin-top:25px; position:relative; z-index:0;}
.culture_pic::before{ content:""; position:absolute; width:290px; height:420px; right:-112px; top:-20px; border:6px solid #cfb787; z-index:-1}
.culture_pic ul li { float:left; margin-right:30px; }
.culture_con { float:right; height:100%; background:url(../img/qiyewenhua_kuag.png) no-repeat left top; position:relative}
.culture_title { min-height:72px; width:315px; border-bottom:1px solid #ccc; padding:0 0 20px 35px; margin:0 0 60px 170px; background:url(../img/short_title_kuang.png) no-repeat left top; }
.culture_title p { font-size:24px; color:#1f1f1f; text-transform:uppercase; line-height:22px; padding-top:15px; }
.culture_title span { display:block; font-size:22px; color:#c5a36e; margin-left:45px; }

ul.culture_list li { line-height:26px; margin-bottom:15px; font-size:14px; color:#333; }
ul.culture_list li span { color:#c5a36e; }
ul.culture_icon_list { width:420px; position:absolute; right:0; bottom:0; }
ul.culture_icon_list li { width:33.3%; float:left; padding:90px 0 0; }
ul.culture_icon_list li p { text-align:center; font-size:16px; color:#c5a36e; }

.topic_title { width:580px; height:70px; border:1px solid #c5a36e; text-align:center; margin:60px auto 20px; }
.topic_title p { line-height:70px; color:#000; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.topic_title b { line-height:70px; color:#000; font-size:26px; display:block; }
.topic_title span { display:inline-block; background:#dfd8d2; padding:0 15px; line-height:24px; color:#c5a36e; margin-top:-12px; font-size:22px; }
.topic_title font { display:inline-block; background:#fff; padding:0 15px; line-height:24px; color:#c5a36e; margin-top:-12px; font-size:18px; }
.topic_title_desc { color:#333; font-size:14px; line-height:26px; text-align:center; margin-bottom:25px; }
.flag { height:35px; width:165px; margin:0 auto; text-align:center; font-size:16px; color:#fff; overflow:hidden; line-height:40px; background:url(../img/flag.png) no-repeat center; }
.develop_list { position:relative;margin:20px auto; }
.develop_list .bd { overflow:hidden; height:100%; position:relative }

.develop_list li { line-height:26px; padding-left:38px; font-size:16px; background:url(../img/de_circle.png) no-repeat left top; }
.develop_list li::before{ content:""; width:1px; height:100%; position:absolute; border-left:1px #d1b58b dashed; left:18px; top:0px;}
.develop_list .dev_time { width:60px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#d1b58b; }
.develop_list .dev_keyword { width:60px; float:left; text-align:center; color:#d1b58b; }
.develop_list .dev_con { float:left; width:950px; position:relative; }
.develop_list .dev_con .dev_tit { color:#d1b58b; }
.develop_list .dev_con .dev_desc { color:#4b4b4b; line-height:24px; font-size:14px; }
.develop_list a.prev { width:38px; height:20px; display:block; position:absolute; left:0; top:-20px; background:url(../img/detop.png) no-repeat center; }
.develop_list a.next { width:38px; height:20px; display:block; position:absolute; left:0; bottom:-20px; background:url(../img/debot.png) no-repeat center; }



.main_body{width: 100%;height: 100%;float:left}
.telbar{ margin-top:10px;color:#ababab; font:12px/1 'arial'; text-transform: uppercase; text-align: center;}
.telbar font{ color: #ce9a80;font:14px/1 'arial';}
.store_t{ text-align: center; width: 100%; float:left; margin:35px 0; margin-bottom:25px;}
.store li img{ width:100%; height:228px;}
.store li .title{ background-color:#fff; width:100%; float:left; height:32px; line-height:32px; text-align: center; color: #614c39;font: 14px/32px 'microsoft Yahei';}
.store .more{text-align:center; clear:both; width: 100%;  display:block; float:left; margin-top:25px; margin-bottom:35px;}

.l_img{ height:306px; text-align:center; overflow:hidden; position:relative; width:100%; display:table; float:left;}
.l_img a{ display: table-cell;vertical-align:middle;}
/*.l_img img{ max-height:306px;max-width: 306px;}*/

.contact{ width:1000px; margin:0 auto; position:relative; text-align:center; height:150px; padding-top:25px;}
.bottom_logo{ position:absolute; left:0px; top:20px; width:150px; height:auto;}
.app{ position:absolute;right:0px; top:15px; width:120px; height:auto;}
.member{ color:transparent}
.member:hover{color:#714f23 }

.cls{clear: both;display: block}

.in_contactBg{width: 100%; padding: 10px 0; overflow: hidden;}
.in_contact{line-height: 22px; font-size: 14px; color:#fff; overflow: hidden; position: relative; margin-top:50px}
.in_contact p{ line-height:32px;}
.in_contact .in_contactTitle{margin-bottom: 8px; font-weight: bold; font-size: 18px;}
.in_contact .in_contactl{width: 50%; min-width:430px; float: left; }
.in_contact .in_contactm{width: 50%;  float: left; }
.in_contact .in_contactr .in_contactTitle{text-align:center;}
.in_contact .in_contactr a{width:25%; display:inline-block; text-align:center;}
.in_contact .in_contactPhone{margin-bottom: 13px; padding-top: 4px; font-size: 24px;}
.erweima{width: 100px; height: 100px; position: absolute; top: 0px; right:24px;}
.erweima img{width:90%;}
.tableTitle{width:62px;}
.linkBox{display:inline-block;}

.z_title{padding: 35px 0 10px 90px; font-weight: normal; font-size: 30px; color: #131311; border-bottom: 1px solid #e6e6e6; background: url(../img/z_title.png) no-repeat 30px 27px;}

.slideBoxs p{ text-align:center}

.jd a{ color:#fff;}

.parclass span{ display:inline-block; height:51px;}
.subclass a{ border:1px #900 solid; padding:2px 15px; border-radius:25px}
.subclass a::before{ display:none}
.subclass a.select{color:#fff; background-color:#900}
.subclass a:hover{color:#fff;background-color:#900}

.d_img{ display:none}