@charset "utf-8";
/* CSS Document */
@import url("basic.css");
.pic{width:1080px;margin:30px auto;overflow:hidden}
.mask1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black.6.png) repeat;
}
.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ddd.png) repeat;
}
.cl{ clear:both}
.title{ text-align:center; padding-bottom:10px}
.title .tline{ border:1px solid #3a2826; height:28px; width:400px; margin:0px auto; margin-top:20px; }
.title .tname{ display: inline-block; padding:0px 20px; background:#faf1ea; margin-top:-12px; font-size:22px; font-weight:bold; color:#3a2826}

.anli a{ display:block; width:255px; margin-right:20px; height:206px; position:relative; float:left; margin-bottom:20px;}
.anli a:nth-child(4n){ margin-right:0px;}
.anli a img{ width:100%; height:170px;}
.anli a div{ width:100%; position:absolute; font-size:14px; bottom:0px; left:0px; background:#c6bbb7; text-align:center; color:#3a2826; line-height:36px;}

.pic h2{ font:24px/48px "microsoft yahei"; text-align:center; margin:0px auto 25px;z-index:999; position:relative; color:#000;background: url(../images/products_h2.png) center top no-repeat; width:284px; height:48px;}
.pic p{ width:1080px; margin:auto; line-height:24px; text-align:center; margin-bottom:30px; color:#333; font-size:14px;}
.pic1{ width:210px; float:left;}
.pic1 h3{ width:210px; height:58px; line-height:58px; text-align:center; background-color:#3a2826; font:24px/58px  "microsoft yahei"; color:#ae9c82}
.pic1 ul{ width:208px; border:1px solid #d3d3d3; padding-top:10px;}
.pic1 ul li{background: url(../images/listdt.jpg) no-repeat;width: 177px;height: 25px;line-height: 25px;margin-left: 16px; margin-bottom:10px;}
.pic1 ul li span{ text-align:center; width:100%; display:block}
.pic1 ul li a:link {COLOR: #522915;TEXT-DECORATION: none;}
.pic1 ul li a:visited {COLOR: #522915;TEXT-DECORATION: none;}
.pic1 ul li a:hover {COLOR: #cc2222; text-decoration:underline}

.act_con { width:830px; position:relative;margin:auto; float:right}
.act_wrp { width:860px; margin:auto;overflow:hidden;}
.act_wrp li { float:left; display:inline; width:180px; height:260px; margin-right:25px;}
.act_wrp img {margin-top:expression(102-this.height/2);max-height:204px; max-width:191px;}
.act_wrp li p{width:191px; height:204px; overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.act_wrp li span{width:191px;line-height:36px; height:36px; background-color:#c6bbb7; color:#532e13; text-align:center; display:block; font-size:12px;}


.youshibg{ background:url(../images/ysbg.jpg) repeat; width:100%; height:1056px;}
.youshibg .youshi{ width:1080px; background:url(../images/youshibgbg.jpg) no-repeat; height:1056px; margin:0 auto; position:relative;}
.youshi .yst1{position: absolute;font-size: 26px;color: #542e12;left: 320px;top: 46px;}

.youshi .yst1 span{ font-size:52px; font-weight:bold; color:#e6c50e;}



.youshi .ys1{

	position: absolute;

	width: 508px;

	height: 193px;

	left: 10px;

	top: 225px;

}

.ys1t1{

	position: absolute;

	font-size: 24px;

	color: #522915;

	font-weight: bold;

	left: 56px;

	top: 29px;

}

.ys1t2{

	position: absolute;

	color: #9f9f9f;

	font-size: 12px;

	left: 55px;

	top: 62px;

}

.ys1con{

	position: absolute;

	line-height: 26px;

	left: 9px;

	top: 95px;

	width: 493px;

	height: 60px; font-size:14px;

}

.ys1con span{ font-size:14px; font-weight:bold;color:#522915;}

.youshi .ys2{

	 height: 193px;

    left: 29px;

    position: absolute;

    top: 415px;

    width: 508px;

}

.youshi .ys3{

	height: 193px;

	left: 605px;

	position: absolute;

	top: 631px;

	width: 508px;

}



.youshi .ys4{

	height: 226px;

	left: 608px;

	position: absolute;

	top: 801px;

	width: 499px;

}

.youshi .yspic1{

	left: 591px;

	position: absolute;

	top: 224px;



}

.youshi .yspic2{

	left: 21px;

	position: absolute;

	top: 627px;



}



.wrapper{ width:1080px; margin:auto;display:block; overflow:hidden; position:relative; z-index:998}


.wrapper1{ width:100%; max-width:1920px;min-width:1150px; height:350px; margin:auto;display:block; overflow:hidden; position:relative; z-index:998;background:#3a2826 url(../images/about_bg.jpg) center bottom fixed;}

.about{ width:1080px; margin:40px auto 25px; position:relative; z-index:998}
.about h2{ font:24px/48px "microsoft yahei"; text-align:center; margin:auto;z-index:998; position:relative; color:#dec49f;background: url(../images/about_h2.png) center top no-repeat; width:284px; height:48px;}
.about ul{ margin:20px auto; width:1000px;}
.about li{ line-height:30px; font-size:14px; color:#ae9c82; text-align:center}
.about .more{ margin:auto; width:192px; height:50px}
.about .more a{display: inline-block;width: 188px;font-size: 14px;text-align: left;border: 2px solid #bf9d78;line-height: 46px;color: #130a0b;height: 46px; background:#bf9d78 url(../images/sj_white.png) 90% center no-repeat;}
.about .more a span{ padding-left:20px;}
.about .more a:hover{display: inline-block;width: 188px;font-size: 14px;text-align: left;border: 2px solid #bf9d78;line-height: 46px;color: #130a0b;height: 46px; background:#bf9d78 url(../images/sj_white.png) 90% center no-repeat;}

.gg1bg{ background:url(../images/gg1bg.jpg) center no-repeat; width:100%; height:216px; margin-top:15px;}

.gg1bg .gg1{ width:1080px; height:159px; margin:0 auto;color:#fff; position:relative;}

.gg1bg .gg1 .gg1t{

	font-size: 14px;

	color: #bf9d78;

	left: 765px;

	position: absolute;

	top: 70px;

}

.gg1bg .gg1 .gg1t span{ font-size:28px; font-family:Impact;color:#e4bb75;}

.gg1bg .gg1 .gg1_an{

	left: 821px;

	position: absolute;

	top: 120px;

}

.diary_left{ width:385px; float:right}
.diary_left ul{height: auto;font:12px/35px "Microsoft YaHei", Arial, Helvetica, sans-serif}
#fader{position:relative;overflow:hidden;height:300px;width:385px; overflow:hidden}
#fader li{position:absolute;left:0;top:15px;}
.fader-nav{display:inline-block;margin-right:10px;color:#fff;padding:2px 6px;background:#093500;font-family:Tahoma;font-size:12px;cursor:pointer;}
.fader-cur-nav{display:inline-block;margin-right:10px;color:#fff;padding:2px 6px;background:#255f0c;font-family:Tahoma;font-size:12px;cursor:pointer;}


.news{ width:1080px; margin:30px auto 30px; position:relative; }
.news h2{ width:348px; height:54px; background:#3a2826; color:#ae9c82; font:20px/54px "Microsoft YaHei";}
.news h2 span{ padding-left:10px;}
.news h2 a{ float:right; margin-right:10px;/* background:url(../images/news_li.jpg) center center no-repeat;*/ width:16px; height:54px;}
.tag1{ float:left; width:348px; height:258px; border:1px solid #c6bbb7; display:block; overflow:hidden}
.tag2{ float:left; margin-left:15px; width:348px; height:258px; border:1px solid #c6bbb7; display:block; overflow:hidden}
.tag3{ float:right; width:348px; height:258px; border:1px solid #c6bbb7; display:block; overflow:hidden}
.news ul{ width:100%;}
.news ul li{ height:40px; line-height:40px; border-bottom:1px dashed #dedede; width:100%;color:#333;font-size:14px; overflow:hidden}
.news ul li span{ padding-left:38px; padding-right:10px; background:url(../images/news_li.jpg) 10px 2px no-repeat; width:300px;}
.news ul li a:link {COLOR: #333;TEXT-DECORATION: none;}
.news ul li a:visited {COLOR: #333;TEXT-DECORATION: none;}
.news ul li a:hover {COLOR: #cc2222; text-decoration:underline}

.index_banner{height: 165px;
    background: url(../images/index_banner.jpg) no-repeat center top;
    overflow: hidden;
    text-align: center;
    font-family: "Microsoft YaHei"; width:100%; max-width:1920px; min-width:1080px; margin:auto}
.index_banner p{ width:300px; height: 38px; font-size:16px;line-height: 16px;font-family: "Microsoft YaHei";color: #3365ad; background: #fff; margin:114px auto 0;  overflow: hidden;}
.index_banner p strong{ float: left; line-height: 38px;  padding-left: 10px;}
.index_banner p em{float: left;font-size: 30px;font-family:Arial;font-weight: normal; line-height: 38px; margin: 0 10px;}
.index_banner p span{ float: right; width: 94px;height: 38px;background: #ffd012;font-size: 14px;  line-height: 38px;display: inline-block; vertical-align: top;}
.index_banner p span a{color: #222;}
.index_banner a{ width:1080px; margin:auto; height:227px; display:block}

#contact{ width:100%;max-width:1920px;min-width:1080px; margin:auto; height:420px;display:block; overflow:hidden; position:relative; z-index:999;background:#2f2f2f url(../images/blue.jpg) center center  no-repeat fixed;}
.contact{}
.wrap {
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
}.l {
    float: left;
}.r {
    float: right;
}
.index_bottom{ height: 164px; width: 100%; max-width:1920px; min-width:1080px; margin:auto; padding-top: 70px; }
.index_bottom .link{ background: url('../images/index_bottom_item.png') no-repeat center; width: 69.66%;}
.index_bottom .link li{ float:left; color: #fff;width: 29.33%; padding-left: 4%; cursor: pointer;  }
.index_bottom .link li a{color:#fff;}
.index_bottom .link li a h4{opacity:0.8;}
.index_bottom .link li a .desc{opacity:0.8;}
.index_bottom .link li a:hover h4{opacity:1;}
.index_bottom .link li a:hover .desc{opacity:1;}
.index_bottom .link li i{ display: inline-block; float: left; margin-right: 15px;  width: 40px; height: 40px; background: url('../images/index_bottom_ico.png') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
  }
.index_bottom .link li:hover i{ -webkit-transform: rotateY(180deg);
 transform: rotateY(180deg);}
.index_bottom .link li .ic2{ background-position: -40px 0;}
.index_bottom .link li .ic3{ background-position: -80px 0;}
.index_bottom .link ul{ padding: 3% 0%; overflow: hidden; }
.index_bottom .t{ font-size: 50px; font-family: 'Impact'; line-height: 1; color: #000; text-transform: uppercase; }
.index_bottom .p{ font-size: 32px; color: #000;}
.index_bottom .link li h4{ font-size: 16px; font-weight: normal; }


.index_fou{width:100%; padding:4% 0 4%; background:url(../images/index_fou_img.jpg) center center no-repeat;}
.index_f{ width:1080px; margin:auto}
.indexf_last{ width:100%; text-align:center;}

.indexf_last li{ width:160px; height:125px; display:inline-block; text-align:center; background:#7b5e44; margin-right:60px;border-radius:10px;vertical-align: middle;}

.indexf_last li .img{min-width: 80px;width: 50%;margin: 0 auto;display: block;}

/*.indexf_last img{ width:50%; margin-top:2%;}*/

.indexf_span{ font-size:18px; font-family:"微软雅黑"; color:#fff; line-height:20px;}

.indexf_span span{ font-size:14px; font-family:"微软雅黑"; color:#fff;}