/* Generated by less 2.5.1 */
@charset "utf-8";
/*

*/
*{padding: 0; margin: 0;}
body{font-size:12px; font-family:"Microsoft YaHei", arial, helvetica,sans-serif;color: #333; margin: 0;}
li,
ul{list-style-type: none;}
img,
li,
ul{padding: 0; margin: 0;}
img{border: none;}
a{color: #333; text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
.clear{clear: both;}
img{border: 0;}
input,
textarea{outline: 0; border: 0;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,b,em{font-weight: normal; font-style: normal;}
.fl{float: left;}
.fr{float: right;}


.among{width: 1180px !important;margin: 0 auto;position: relative;z-index: 99;}



/* bg */
.bg{background: url(../images/bg.png) repeat-y;}

/* search */
.search{padding-top: 20px;height: 93px;border-bottom: 1px solid #e7ceb1;}
.search .search1{float:right;width:355px;height:46px;line-height:27px;display:inline;background:url(../images/f.png) no-repeat center center;z-index: 94;}
.search .search1 .text{height:46px;border:none;padding-left: 42px;float:left;background:none;line-height: 46px;color:#e7ceb1;font-size: 14px;font-family: "Microsoft YaHei";z-index: 95;width: 228px;}
.search .search1 .submit{width:127px;height:46px;font-size:12px;cursor:pointer;float:right;background:none;z-index: 96;}

.search .search-wz{width:620px;height: 18px;padding-top: 14px;}
.search .search-wz .search-wz-nav{padding-left: 24px;}
.search .search-wz .search-wz-nav a{color: #e7ceb1;font-size: 14px;line-height: 18px;height: 18px;}
.search .search-wz .search-wz-nav span{color: #e7ceb1;font-size: 14px;line-height: 18px;height: 18px;}

/* tit */

.tit{margin:50px 0;background: url(../images/t.png) no-repeat center;height: 157px;}
.tit .t-t{text-align: center;padding-top: 44px;}
.tit .t-t h3 a{font-size: 30px;color: #e7ceb1;text-align: center;}
.tit .t-t h2 a{font-size: 30px;color: #e7ceb1;text-align: center;}
.tit .t-b{font-family: arial;font-size: 12px;color: #e7ceb1;text-align: center;text-transform : uppercase;padding-top: 4px;}


/* js */

.js .js-nav ul li{float:left;background: url(../images/js-ta.png) no-repeat;height: 598px;width: 357px;margin:0 10px;}
.js .js-nav ul li .js-sz{background: url(../images/js-x.png) no-repeat center center;text-align: center;width: 356px;height: 58px;padding-top: 24px;}
.js .js-nav ul li .js-sz span{font-size: 28px;color: #e7ceb1;}
.js .js-nav ul li img{padding-left: 14px;padding-top: 6px;}
.js .js-nav ul li h4{font-size: 20px;font-weight: bold;color: #e7ceb1;width: 300px;padding: 5px 23px;}
.js .js-nav ul li h5{font-size: 14px;color: #e7ceb1;width: 300px;padding: 3px 23px;}



/* product */

.product .pro-nav .p-l{background: url(../images/pro.png) no-repeat;width: 290px;height: 749px;}
.product .pro-nav .p-r{background: url(../images/pro-2.png) no-repeat;width: 880px;height: 749px;margin-left: 10px;}
.product .pro-nav .p-l .p-d{
 background-color: #281f1e;
 width: 228px;
 height: 30px;
 margin-top: 15px;
 line-height: 30px;
 -moz-border-radius: 10px;      /* Gecko browsers */
 -webkit-border-radius: 10px;   /* Webkit browsers */
 border-radius:10px;            /* W3C syntax */
 text-align: center;
 }

.product .pro-nav .p-l .p-wz{margin-top: 90px;display: block;margin-left: 30px;}
.product .pro-nav .p-l .p-d a{font-size: 18px;color: #fffbbd;text-align: center;}
.product .pro-nav .p-l .p-wz ul li{background: url(../images/pro-3.png) no-repeat center left 15px;width: 220px;height: 40px;line-height:40px;border-bottom: 1px dashed #682f1b;margin: 0 4px;}
.product .pro-nav .p-l .p-wz ul li:hover a{color: #281f1e;}
.product .pro-nav .p-l .p-wz ul li a{font-size:16px;color: #682f1b;padding-left: 32px;font-weight: bold;}




.product .pro-nav .p-r .pro-lb{margin:20px 14px;}
.product .pro-nav .p-r .pro-lb .hd ul li{float: left;background: url(../images/pro-4.png) no-repeat bottom;width: 125px;height: 40px;}

.product .pro-nav .p-r .pro-lb .hd ul li a{font-size: 18px;color: #fffbbd;text-align: center;display: block;}

.product .pro-nav .p-r .pro-lb .hd .on a{color: #ad6b21;text-align: center;display: block;}

.product .pro-nav .p-r .pro-lb .bd{padding-top: 10px;}

.product .pro-nav .p-r .pro-lb .bd ul li{float: left;width: 274px;height: 218px;background-color: #fffbbd;margin: 5px; overflow: hidden;}


.product .pro-nav .p-r .pro-lb .bd ul li img{width: 264px;height: 182px;padding-left: 5px;padding-top: 5px;}

.product .pro-nav .p-r .pro-lb .bd ul li a:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}
.product .pro-nav .p-r .pro-lb .bd ul li span{width: 274px;height:26px;line-height:26px;font-size: 14px;color: #281f1e;text-align: center;display: block;}


/* b2 */
.b2{height: 300px;width: 100%;background: url(../images/b-2.jpg) no-repeat center center;margin-top: 45px;}
.b-img{padding-top: 10px;width: 566px;}
.b2 .b-wz{padding-left: 70px;}
.b2 .b-wz h4{font-size: 24px;font-weight:bold;color: #682f1b;padding-top: 40px;}
.b2 .b-wz h5{font-size: 18px;color: #682f1b;padding-top: 17px;}
.b2 .b-wz .b-wz-3{font-size: 24px;font-weight:bold;color: #281f1e;padding-top: 20px;}
.b2 .b-wz .b-wz-3 span{font-size: 24px;font-weight:bold;color: #682f1b;}
.b2 .b-wz .b2-dz{font-size: 18px;color: #682f1b;padding-top: 30px;height: 48px;}
.b2 .b-wz .b2-dz a{height: 48px;}
.b2 .b-wz .b2-dz span{height: 48px;line-height: 48px;padding-left: 10px;}




/* zc */


.zc .zc-nav{margin-top: 60px;height: 150px;margin-bottom: 40px;}
.zc .zc-nav .bd ul li{float: left;margin: 0 10px;}
.zc .zc-nav .bd ul li img{width: 266px;height: 142px;border:2px solid #f7efb3;}
.zc .zc-nav .bd ul li img:hover{border:2px solid #888;}
.zc .zc-nav .hd .arrow{position: absolute;top: 20px;width: 100%;}
.zc .zc-nav .hd .arrow .prev{display: block;
    width: 47px;
    height: 114px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/prev.png) no-repeat;
    left: -50px;
    position: absolute;
    z-index: 99;}

.zc .zc-nav .hd .arrow .next{display: block;
    width: 47px;
    height: 114px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/next.png) no-repeat;
    right: -50px;
    position: absolute;
    z-index: 99;}


/* ys */
.ys-1{background: url(../images/ys-1.jpg) no-repeat center center;height: 528px;}
.ys-2{background: url(../images/ys-2.jpg) no-repeat center center;height: 423px;}
.ys-3{background: url(../images/ys-3.jpg) no-repeat center center;height: 422px;}
.ys-4{background: url(../images/ys-4.jpg) no-repeat center center;height: 860px;}
.ys-1 .tit{padding: 30px 0 10px 0;background: url(../images/t-2.png) no-repeat center;height: 157px;}
.ys-1 .tit .t-t{text-align: center;padding-top: 44px;}
.ys-1 .tit .t-t h3 a{font-size: 30px;color: #682f1b;text-align: center;}
.ys-1 .tit .t-b{font-family: arial;font-size: 12px;color: #682f1b;text-align: center;text-transform : uppercase;padding-top: 4px;}

.ys-1 .ys-1-wz{width: 650px;height: 260px;line-height: 42px;text-align: center;display: block;padding-left: 260px;}
.ys-1 .ys-1-wz span{font-size:30px;font-weight:bold;color: #fdf9c1;text-align: center;display: block;}
.ys-1 .ys-1-wz h5{font-size:20px;color: #682f1b;text-align: center;display: block;line-height: 36px;padding-top: 43px;}

.ys-wz{padding-top: 120px;padding-left: 25px;width: 259px;}
.ys-wz h4{font-size:30px;font-weight:bold;color: #fdf9c1;display: block;width: 249px;overflow: hidden;}
.ys-wz h5{font-size:14px;color: #fffbbd;display: block;width: 259px;overflow: hidden;padding-top: 5px;}
.ys-2 .ys-2-t{width: 660px;padding-top: 183px;padding-left: 159px;}
.ys-t-1{background: url(../images/ys-k.png) no-repeat;width: 305px;height: 209px;overflow: hidden;}
.ys-t-1 a img{width: 277px;height: 181px;padding-top: 14px;padding-left: 15px;}
.ys-t-2 a img{width: 277px;height: 181px;padding-top: 14px;padding-left: 15px;}
.ys-t-2{background: url(../images/ys-k.png) no-repeat;width: 305px;height: 209px;overflow: hidden;margin-left: 45px;}
.ys-3-wz{top: -30px;padding-left: 479px;position: absolute;}
.ys-3-t{padding-left: 20px;padding-top: 163px;width: 305px;}
.ys-3-t2{padding-left: 20px;padding-top: 10px;position: absolute;right: 10px;top: 100px;}

.ys-4-t{width: 305px;position: absolute;top: 288px;left: 450px;}
.ys-4-wz2{right: 8px;position: absolute;top: 300px;}

/* b3 */

.b3{height: 300px;width: 100%;background: url(../images/b-3.jpg) no-repeat center center;margin-top: 45px;}

.b3 .b3-l{width: 660px;height: 108px;margin-top: 75px;}
.b3 .b3-l  .b3-l-wz{padding-top: 5px;}
.b3 .b3-l  .b3-l-wz span{padding-top:12px;font-size: 18px;color: #682f1b;margin-right: 90px;}

.b3 .b3-r{width: 450px;}
.b3 .b3-r p{margin-top:10px;}
.b3 .b3-r .b3-r-wz{font-size: 24px;font-weight:bold;color: #682f1b;text-align: center;margin-top: 20px;}
.login {
  position: relative;
  margin: 20px auto;
  width: 450px;
  padding-right: 32px;
  font-weight: 300;
  color: #a8a7a8;
}
.login p {
  margin: 0 0 10px;
}

input, button, label {
font-size: 14px;
  font-weight: 300;
  box-sizing: border-box;
  color: #682f1b;
}

input[type=text], input[type=password] {
  padding: 0 10px;
  width: 350px;
  height: 36px;
  color: #bbb;
  text-shadow: 1px 1px 1px black;
  border: 1px solid #682f1b;
  border-radius: 5px;
}
input[type=text]:focus, input[type=password]:focus {
  color: white;
  background: rgba(0, 0, 0, 0.1);
  outline: 0;
}

label {
  float: left;
  width: 100px;
  line-height: 40px;
  padding-right: 10px;
  font-weight: 100;
  text-align: right;
  letter-spacing: 1px;
}

.forgot-password {
  padding-left: 100px;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
}


.login-button {
  position: relative;
  z-index: 2;
  width: 188px;
  height: 48px;
  background: url(../images/dz.png) no-repeat 0 0;
  border:none;
  margin-left: 140px;
}



/* al */

.al-nav .al-lb .hd{background:url(../images/al-hd.png) no-repeat center center;width: 1180px;height: 99px;}
.al-nav .al-lb .hd ul li{float: left;width: 393px;text-align: center;height: 99px;line-height: 99px;}

.al-nav .al-lb .hd ul li a{font-size:24px;color: #682f1b;}
.al-nav .al-lb .hd  .on a{font-size:24px;color: #9c4728;}
.al-nav .al-lb .hd{margin-bottom: 48px;}

.al-nav .al-lb .bd ul li .al-1{background-color: #e8dda6;width: 600px;height: 344px;position: relative;overflow:hidden;}
.al-nav .al-lb .bd ul li .al-1 img{width: 588px;height: 332px;padding: 6px;z-index: 94;}
.al-nav .al-lb .bd ul li .al-1 span{font-size: 18px;background: url(../images/al-t.png) repeat-x;position: absolute;bottom: 6px;width: 588px;text-align: center;z-index: 95;padding-left: 6px;color: #682f1b;height: 32px;line-height: 32px;font-weight: bold;}
.al-nav .al-lb .bd ul li .al-1:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}

.al-nav .al-lb .bd ul li .al-2,.al-nav .al-lb .bd ul li .al-3{float:left;background-color: #e8dda6;position: relative;width: 265px;margin-left: 17px;height: 344px;overflow:hidden;}
.al-nav .al-lb .bd ul li .al-2 img,.al-nav .al-lb .bd ul li .al-3 img{width: 253px;height: 332px;margin: 6px;z-index: 94;}
.al-nav .al-lb .bd ul li .al-2 span,.al-nav .al-lb .bd ul li .al-3 span{font-size: 18px;background: url(../images/al-t.png) repeat-x;position: absolute;bottom: 6px;width: 253px;text-align: center;z-index: 95;padding-left: 6px;color: #682f1b;height: 32px;line-height: 32px;font-weight: bold;}
.al-nav .al-lb .bd ul li .al-2:hover img,.al-nav .al-lb .bd ul li .al-3:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}
.al-nav .al-lb .bd ul li .al-4,.al-nav .al-lb .bd ul li .al-5,.al-nav .al-lb .bd ul li .al-6{overflow:hidden;float: left;width: 380px;height: 332px;background-color: #e8dda6;position: relative;margin-right: 12px;margin-top: 13px;}
.al-nav .al-lb .bd ul li .al-4 img,.al-nav .al-lb .bd ul li .al-5 img,.al-nav .al-lb .bd ul li .al-6 img{width: 368px;height: 320px;margin: 6px;}
.al-nav .al-lb .bd ul li .al-4:hover img,.al-nav .al-lb .bd ul li .al-5:hover img,.al-nav .al-lb .bd ul li .al-6:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}

.al-nav .al-lb .bd ul li .al-4 span,.al-nav .al-lb .bd ul li .al-5 span,.al-nav .al-lb .bd ul li .al-6 span{font-size: 18px;background: url(../images/al-t.png) repeat-x;position: absolute;bottom: 6px;width: 368px;text-align: center;z-index: 95;padding-left: 6px;color: #682f1b;height: 32px;font-weight: bold;line-height: 32px;}


/* fw */
.fw .fw-nav{background: url(../images/fw.png) no-repeat center top;height: 110px;}
.fw .fw-nav ul li{float: left;width: 80px;margin-right: 10px;}
.fw .fw-nav ul li h4{background-color: #e8dda6;width: 80px;height: 80px;border-radius: 50%;font-size: 42px;color: #682f1b;text-align: center;line-height: 80px;}
.fw .fw-nav ul li h5{color: #e8dda6;font-size: 14px;text-align: center;width: 80px;margin-top: 5px;}
.fw .fw-nav ul li:hover h4{background-color: #682f1b;color: #e8dda6;width: 80px;height: 80px;border-radius: 50%;cursor:pointer;}

/* gy */

.gy .gy-nav ul li{float:left;width: 575px;height: 219px;background:url(../images/gy.png) no-repeat center center;margin-top: 10px;margin-right: 10px;}
.gy .gy-nav ul li .gy-l img{width: 168px;height: 183px;border: 5px solid #682f1b;}
.gy .gy-nav ul li .gy-l:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}
.gy .gy-nav ul li .gy-l{padding: 10px;}
.gy .gy-nav ul li .gy-r{margin: 10px;border-right: 1px solid #682f1b;width: 334px;height: 200px;padding-right: 10px;}

.gy .gy-nav ul li .gy-r .gy-r-t{font-size: 16px;font-weight:bold;border-bottom: 1px solid #682f1b;height: 30px;}
.gy .gy-nav ul li .gy-r .gy-r-t a{color: #682f1b;}

.gy .gy-nav ul li .gy-r .gy-r-c a{color: #682f1b;padding-top: 10px;font-size: 14px;height:96px;display: block;overflow: hidden;text-overflow: ellipsis;}
.gy .gy-nav ul li .gy-r .gy-r-b a{background-color: #682f1b;width: 102px;height: 26px;line-height: 26px;font-size: 12px;color: #e8dda6;text-align: center;display: block;margin-top: 15px;}


/* about */

.ab-nav{}
.ab-t{background:url(../images/ab.png) no-repeat;height: 422px;padding: 15px;}
.ab-t .ab-l img{width: 600px;height: 381px;}
.ab-t .ab-r {width: 550px;height: 381px;overflow: hidden;}
.ab-t .ab-r .ab-r-1{font-size: 28px;color: #9b7553;}
.ab-t .ab-r .ab-r-2 a{font-size: 16px;font-weight:bold;color: #682f1b;width: 510px;display: block;border-bottom: 1px solid #682f1b;height: 30px;}
.ab-t .ab-r .ab-r-3 a{text-indent: 2em;font-size: 14px;color: #682f1b;width: 510px;display: block;line-height: 28px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;height: 240px;}

.ab-t .ab-r .ab-r-4 a{background-color: #682f1b;width: 102px;height: 26px;line-height: 26px;font-size: 12px;color: #e8dda6;text-align: center;display: block;margin-top: 15px;}
.ab-b .hd{padding: 0 220px;border-bottom: 1px solid #e8dda6;height: 110px;}
.ab-b .hd ul li {width: 159px;height: 52px;margin: 35px;float: left;}
.ab-b .hd ul .on{background: url(../images/ab-nav.png) no-repeat;width: 159px;height: 52px;}
.ab-b .hd ul li a{font-size: 20px;font-weight:bold;color: #e8dda6;width: 159px;height: 52px;line-height:52px;text-align: center;display: block;}

.ab-nav .ab-b .bd ul li{width: 275px;height: 220px;float: left;margin: 10px 20px 10px 0;overflow:hidden;}
.ab-nav .ab-b .bd ul li a span{background-color:#e8dda6;color:#682f1b;font-size:16px;width: 275px;height: 30px;line-height: 30px;text-align: center;display: block;margin-top: 5px;}
.ab-nav .ab-b .bd ul li a img{width: 267px;height: 179px;border:4px solid #e8dda6;}
.ab-nav .ab-b .bd ul li a:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}

/* b4 */
.b4{height: 300px;width: 100%;background: url(../images/b-4.jpg) no-repeat center center;margin-top: 45px;overflow: hidden;}
.b4 .b4-img{margin-top: 39px;width: 723px;}
.b4 .b4-wz{width: 450px;margin-top: 37px;margin-left: 7px;}
.b4 .b4-wz h4{font-size: 24px;font-weight: bold;color: #682f1b;margin-top: 20px;}
.b4 .b4-wz h5{font-size: 18px;line-height:30px;color: #682f1b;margin-top: 20px;}
.b4 .b4-wz span{font-size: 18px;line-height: 48px;color: #682f1b;padding-left: 20px;}

.b4 .b4-dz{height: 48px;line-height: 48px;margin-top: 20px;}


/* news */

.news .bd ul li{width: 560px;height: 248px;background: url(../images/news.png) no-repeat;padding-top: 14px;padding-left: 15px;padding-right: 15px;float: left;}
.news-l {}
.news-l img{width: 240px;height: 218px;border:1px solid #682f1b;}
.news-r{width: 304px;margin-left: 10px;position: relative;}
.news-r .news-r-t a{width: 304px;color: #682f1b;font-size: 16px;font-weight: bold;display: block;overflow: hidden;
    text-overflow: ellipsis;}
.news-r .news-c a{
    width: 304px;
    color: #682f1b;
    font-size: 14px;
    display: block;
    overflow: hidden;
    margin-top: 6px;
    text-overflow: ellipsis;
    height: 113px;
    }

.news-r .news-sj a{
    width: 304px;
    color: #682f1b;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    position: absolute;
    left: 220px;
    }


.news-r .news-r-b a{
    background-color: #682f1b;
    width: 102px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #e8dda6;
    text-align: center;
    display: block;
    margin-top: 32px;
    }

.news-r .news-r-b{position:absolute;right: 0;}
.news-r .news-sj{position:absolute;bottom: 4px;}

/* link */
    .link ul li{float: left;margin-bottom: 20px;}
    .link ul li a{display: block;color: #e8dda6;margin-right: 10px;}
    .link h2 {background: url(../images/ab-nav.png) no-repeat;width: 159px;height: 52px;line-height: 52px;display: block;margin-top: 20px;padding-bottom: 20px;color: #e8dda6;text-align: center;}


