@charset "gb2312";
/* CSS Document */

html{width:100%;height:auto;overflow-x:hidden;background-color:#fff;}

body{color:#333;font-family:'Î¢ÈíÑÅºÚ' Arial, Helvetica, sans-serif;font-size:14px;position:absolute;width:100%;height:auto;overflow:hidden;padding:0 auto;clear:both; min-width:1200px;}
h1,h2,h3,h4,h5{ font-weight:normal;}
p{color:#333;}
a{ color:#333;text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}



/*.hc-fir{ width:100%; height:auto; -moz-box-shadow:0px 1px 3px #ccc;-webkit-box-shadow:0px 1px 3px #ccc;box-shadow:0px 1px 3px #ccc;z-index:100}*/

.hc_top{ width:1000px; margin:0 auto 0 -490px; position:absolute; top:0; z-index:9999; left:50%; }


.hc_heacn{ width:210px; background:rgba(0,0,0,0.5); height:600px; overflow:hidden;}
.hc-logo{ width:210px;height:102px; overflow:hidden; background:#211400;}
.hc-logo a{ display:block;}
.hc-logo img{ width:210px; height:102px; }



.hc-sider{width:210px; border:0px solid red;  }
.hc-sider ul{ width:210px; margin:0 auto; border:0px solid red; text-align:right;}
.hc-sider ul li{width:210px; height:46px; border-bottom:1px solid #33230f;}
.hc-sider ul li a{height:46px; padding:0 10px;line-height:46px;display:block;text-align:center; font-size:16px; color:#fff;}
.hc-sider ul li a:hover{color:#fff; background:#855b2b;}

.hc_lxtb{ width:190px; border:0px solid red; margin:50px auto 0; padding:0 10px;}
.hc_lxtb a{ display:inline-block; margin-left:20px; text-align:center; width:36px; height:36px; /*overflow:hidden;*/}
.hc_lxtb .hc_qq{ background:url(../img/qq_hover-1.png) center center no-repeat; }
.hc_lxtb .hc_wx{ background: url(../img/wechat_hover-1.png) center center no-repeat; position:relative}
.hc_lxtb .hc_wb{ background: url(../img/wechat_hover-1.png) center center no-repeat;  position:relative}
.hc_lxtb .hc_wx img{ display:none}
.hc_lxtb .hc_wx:hover img{ display:block; position:absolute; left:-20px; width:70px; top:36px}

.hc_lxtb .hc_qq:hover{ background:url(../img/qq_hover.png) center center no-repeat; }
.hc_lxtb .hc_wx:hover{ background: url(../img/wechat_hover.png) center center no-repeat; }
.hc_lxtb .hc_wb:hover{ background: url(../img/wechat_hover.png) center center no-repeat; }
.hc_lxtb .hc_wb img{ display:none}
.hc_lxtb .hc_wb:hover img{ display:block; position:absolute; left:-20px; width:70px; top:36px}


.lj-banner{ width:100%; margin:auto; overflow:hidden;height:600px;position:relative;z-index:9}
.lj-dv_5 .lj-d1{ width:1920px; height:600px;overflow:hidden; display:block; position:absolute; left:50%; text-align:center; /*top:0px;*/margin-left:-960px;}
.lj-dv_5 .lj-d2{ width:100%; margin:auto;  height:20px; overflow:hidden; clear:both;position:absolute;z-index:100; left:0; bottom:0px; text-align:center; }
.lj-dv_5 .lj-d2 table{ margin:auto; height:30px; }
.lj-dv_5 .lj-d2 table td{ padding:0px 5px 0px 5px;}
.lj-dv_5 .lj-d2 table div{width:10px; height:10px;border-radius:5px; overflow:hidden; cursor:pointer; background:#fff; }
.lj-dv_5 .lj-d2 table div.nuw{ background:#7a030d; }




.hc_sec{ width:100%; margin:0 auto 20px; height:auto; overflow:hidden; }



.hc_fwxm{  width:100%; margin:auto; }
.hc_tit{ width:1000px; margin:0 auto; padding:30px 0;}
.hc_tit h3{ width:1000px; font-size:28px; line-height:36px; font-family:"Î¢ÈíÑÅºÚ"; text-align:center; color:#472e09; padding-top:10px; background:url(../img/tu-1.png) center bottom no-repeat; font-weight:normal; height:60px;}
.hc_tit p{ color:#472e09; font-size:14px; line-height:36px; text-align:center; width:1000px; font-family:"Î¢ÈíÑÅºÚ";}

.hc_tub{width:1000px; margin:20px auto 50px; }
.hc_tub ul{ width:1000px; overflow:hidden; position:relative; }
.hc_tub ul li{ float:left; margin-left:30px; width:140px; height:190px; overflow:hidden;}
.hc_tub ul li:first-child{ margin-left:0;}
.hc_tub ul li a{ display:block;}
.hc_tub ul li a .hc_bg{  width:140px; height:140px;  z-index:9999; position:absolute; top:0;  overflow:hidden;}
.hc_tub ul li a .hc_bg img{ width:140px; height:140px; }
.hc_tub ul li a .hc_img{  width:140px; height:140px; z-index:990; position:absolute; top:0;  overflow:hidden;}
.hc_tub ul li a .hc_img img{ width:140px; height: auto; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.hc_tub ul li a:hover .hc_img img{transform:scale(1.2);-webkit-transform:scale(1.2);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2,M22=1.2);transition: .3s transform;}

.hc_tub ul li h5{ font-size:18px; text-align:center; line-height:50px; color:#333; margin-top:140px;}
.hc_tub ul li a:hover h5{ color:#855b2b;}



.hc_fg{width:100%; margin:auto; background:url(../img/cp_bg.png) center center no-repeat; }

.hc_fg .hc_tit h3{ color:#f8e8d1;} 
.hc_fg .hc_tit p{ color:#f8e8d1;} 

.hc_fgshow{ width:1000px; margin:auto;margin:10px auto;  padding-bottom:50px; overflow:hidden;}
.hc_fgshow ul{ width:1000px; overflow:hidden; }
.hc_fgshow ul li{ float:left; margin-right:9px; width:324px; height: auto;position:relative; margin-bottom:12px;}
.hc_fgshow ul li a{ display:block;}
.hc_fgshow ul li .hc_fgs{ width:324px; height:220px; overflow:hidden;}
.hc_fgshow ul li a img{ height:220px; width:324px;}
.hc_fgshow ul li.hc_zh{ margin-right:0px;}
.hc_fgshow ul li a p{ font-size:16px; color:#f8e8d1; line-height:220px; text-align:center; position:absolute;top:0; width:324px; height:220px; overflow:hidden; display:none; background: url(../img/xs.png) center center no-repeat;}
.hc_fgshow ul li a:hover p{  display:block; }

.hc_more{ width:150px; margin:0 auto; padding-bottom:50px;}
.hc_more a{ display:block; width:150px; height:40px; border:1px solid #b18b5c; border-radius:20px; text-align:center; line-height:40px; color:#b18b5c; font-size:14px;}
.hc_more a:hover{ background:#b18b5c; color:#fff; }

.hc_ys{ width:100%; margin:0 auto; background:#efefef; padding-bottom:50px;}
.hc_ysbz{  width:1000px; overflow:hidden; margin:0 auto; }
.hc_ysbz ul{ width:1000px; overflow:hidden; }
.hc_ysbz ul li{ float:left; margin-right:10px;margin-left:10px; width:230px; height:320px;position:relative;  overflow:hidden; border-radius:8px; background:#d6b991;}
.hc_ysbz ul li a{ display:block;}
.hc_ysbz ul li.hc_zh{ margin-right:0px;}
.hc_ysbz ul li a h2{ text-align:center; font-size:50px; height:80px; width:100%; overflow:hidden; line-height:80px; color:#fff;}
.hc_ysbz ul li a .hc_ysz{ width:100%; height:148px; background:url(../img/ys_bg.png) center center no-repeat; overflow:hidden; z-index:999;position:absolute; top:80px;}
.hc_ysbz ul li a .hc_ysz p{ color:#666; font-size:12px; line-height:24px; height:50px; width:194px;  overflow:hidden; margin:0px auto;}
.hc_ysbz ul li a .hc_ysz h3{ font-size:22px; line-height:60px; width:194px; margin:0px auto; border-bottom:1px solid #d6b991; text-align:center;  color:#d6b991; padding-top:10px;}
.hc_ysbz ul li a .hc_yimg{ width:100%; height:120px; overflow:hidden; margin-top:130px; }
.hc_ysbz ul li a .hc_yimg img{ width:234px;}



.hc_cas{  width:100%; height:720px; background:#f4ece4; padding-bottom:50px; }
.hc_cl{ width:1000px; margin:10px auto;}
.hc_cl ul li{ overflow:hidden; width:320px; height:260px; float:left; margin-left:20px; margin-bottom:20px; position:relative;}
.hc_cl ul li.hc_di{  margin-left:0px;}
.hc_cl ul li a{ display:block;}
.hc_cl ul li a img{ width:320px; height:260px;  position: absolute; top: 0; left: 0; border: 0;}
.hc_cl ul li .mask{width:320px; height:40px;  position: absolute; bottom:-40px;  color:#fff;  overflow:hidden; background: url(../images/tu12.png) repeat; /*display:none;*/}
.hc_cl ul li .mask p{ font-size:14px; height:40px; color:#fff; text-align:center; line-height:40px;  overflow:hidden;}
.hc_cl ul li a:hover{ display:block; }



.hc_news{  width:100%; margin:auto;background:#fff;}

.hc_co{ width:1000px; margin:10px auto; padding-bottom:50px;}

.hc_new_r{ width:1000px; overflow:hidden; position:relative; margin:auto;}
.hc_new_r ul{ width:1000px; overflow:hidden; }
.hc_new_r ul li{ width:500px; float:left; overflow:hidden; margin-bottom:20px; height:76px; overflow:hidden;}
.hc_new_r ul li a{ display:block;}
.hc_new_r ul li .hc_rq{ width:76px; height:76px; background:#dddddd; font-size:24px; text-align: center; line-height:30px; color:#333; padding-top:10px; }
.hc_new_r ul li .hc_rq{ width:60px; height:60px; padding:10px;}
.hc_new_r ul li .hc_rq span{ font-size:12px;}
.hc_new_r ul li .hc_nr{ width:320px; margin-left:20px;}
.hc_new_r ul li .hc_nr p{ width:320px; height:40px; overflow:hidden; font-size:12px; color:#999; line-height:20px; }
.hc_new_r ul li .hc_nr h5{ font-size:16px; color:#333; line-height:36px; height:36px; overflow:hidden;}
.hc_new_r ul li a:hover .hc_rq{ background:#d6b991; color:#333;}



.footer{ width:100%; margin:auto; margin-top:40px; background: #2e2a27; padding:50px 0;}


.hc_bott{width:1000px;  margin:0 auto 30px;; overflow:hidden; height:15px;  overflow: hidden; }
.hc_bott a{ display:block; float:left; font-size:14px;  height:15px; line-height:15px; text-align:center; padding:0 20px; color:#fff; border-right:1px dashed #fff;}
.hc_bott a:hover{ color:#ddd;}

.hc_wen_db{ width:1000px;  margin:0 auto; height:150px; }
.hc_wen_db .hc_logo{ width:130px; margin:20px 0 0 120px; }
.hc_wen_db .hc_logo a{ display:block;}
.hc_wen_db .hc_logo a img{ width:130px; height:130px;}
.hc_wen_db p{ float:left; text-align:left; font-size:14px; margin-top:20px; line-height:26px;color:#cccccc; border-left:1px solid #fff; margin-left:50px; padding-left:50px; height:130px;}


/*-------- second --------------*/



/*product*/
img{ vertical-align:top;}
.clear{clear:both;}
.hc_nba{ position:relative; height:350px; margin:0 auto; width:100%; overflow:hidden;}
.hc_nba ul{ position:absolute; left:0; height:350px; width:8000px; }
.hc_nba ul li{ float:left; width:1920px; height:350px; margin-left:-200px; }

.hc_ner{ width:1000px; margin:0 auto;}
.hc_loca{ /*height:60px;*/  }
.left_nav ul li {float:left;padding-left:5px;padding-right:5px;}
.left_nav ul{width:780px;margin:10px auto;} 
.left_nav ul li a{display:block;width:120px;height:40px;text-align:center;line-height:40px;background:#F5ECE5;color: #60442e;}
.left_nav ul li:hover a{color: #fff;background:#60442e;}
.active {color: #fff !important;background:#60442e !important;}
.nav_hover{color: #fff !important;background: #855b2b !important;}


.hc_loca p{ line-height:60px; margin-left:10px; width:1000px; margin:0 auto; border-bottom:1px dashed #e8e8e8;}

  
.hc_lmle{width:248px; border:1px solid #dfdfdf; background:#fff}
.hc_lmle .hc_bt h5{ height:60px; width:100%; text-align:center; line-height:60px; color:#fff; font-size:18px; margin:0 auto; background:#a0241d;}
.hc_lmle ul li{ line-height:40px; border-bottom: 1px solid #efefef; background:#f7f7f7;}
.hc_lmle ul li a{ font-size:14px; width:100%; height:40px; display:block; text-align:center;}
.hc_lmle ul li a:hover{ color:#fff; background:#f8c300  right no-repeat;width:100%;}

.lj_inlx{ width:248px; border:1px solid #dfdfdf; margin-top:10px; overflow:hidden;}
.lj_inlx h5{height:60px; width:100%; text-align:center; line-height:60px; color:#fff; font-size:18px; margin:0 auto; background:#a0241d;}
.lj_inlx_co{ margin:15px; padding-bottom:20px;}
.lj_inlx_co p{ line-height:32px; font-size:12px; }

.hc_con{ min-height:480px; width:1000px; border:0px solid red; margin:auto;}
ul.lj-pictu{ overflow:hidden; padding:10px;}
ul.lj-pictu li{ width:316px; float:left; margin:0 5px 12px 5px;}
ul.lj-pictu li a{ border:1px solid #e3e3e3;display:block;}
ul.lj-pictu li img{ width:306px; height:200px; margin:5px;}
ul.lj-pictu li p{ width:316x; margin-left:5px; height:40px; line-height:40px; font-size:14px; overflow:hidden; text-align:center; color:#333;}
ul.lj-pictu li a:hover{ border:1px solid #d6b991;  }
ul.lj-pictu li a:hover p{ color:#996c33;}


.hc_page{  width:1000px; margin:10px auto 35px; overflow:hidden;}
.hc_page ul{ text-align: center; margin:0 auto; width:400px;}
.hc_page ul li{  height:20px; border:0; margin-left:5px; margin-right:0; margin-top:0; text-align:center; line-height:20px; float:left; border:1px solid #e5e5e5;}
.hc_page ul li a{ height:20px; display:block; color:#999;padding:0 8px; }
.hc_page ul li a:hover{ color:#333; background:#d6b991;}
.hc_page ul li a.hc_on{  color:#333; background:#d6b991; }



/*about*/
.lj_con{  min-height:480px; width:980px; height:100%; margin:0 10px;}
.lj_con p{ line-height:30px; font-size:12px; }
.lj_con h4{color:#996c33;  font-size:18px;  font-weight:normal; text-align:center; margin-top:20px;}
.lj_con h3{text-align:center; width:980px; font-weight:normal;border-top:1px solid #dfdfdf; padding:5px 0; margin:15px auto; line-height:28px; font-size:12px; color:#999;}

/*news*/
ul.lj-bgt{width:960px; margin-top:10px; margin:0 auto; padding:0 20px; }
ul.lj-bgt li{ width:960px; height:100px; padding-top:8px; border-bottom:1px dashed #e5e5e5; margin:10px auto; }
ul.lj-bgt li a{  display:block; }
ul.lj-bgt li .hc_rq{ width:76px; height:76px; background:#dddddd; font-size:24px; text-align: center; line-height:30px; color:#333; padding-top:10px; }
ul.lj-bgt li .hc_rq{ width:60px; height:60px; padding:10px;}
ul.lj-bgt li .hc_rq span{ font-size:12px;}
ul.lj-bgt li .hc_nr{ width:800px; margin-left:20px;}
ul.lj-bgt li .hc_nr p{ width:800px; height:40px; overflow:hidden; font-size:12px; color:#999; line-height:20px; }
ul.lj-bgt li .hc_nr h5{ font-size:16px; color:#333; line-height:36px; height:36px; overflow:hidden;}
ul.lj-bgt li a:hover .hc_rq{ background:#d6b991; color:#333;}
.hc_cl ul li:nth-child(1){margin-left: 0px;}
.hc_cl ul li:nth-child(4){margin-left: 0px;}



