@charset "utf-8";
/*页头重定义*/
#logo{ top:30px;}
#logo a{ left:50%; margin-left:-205px; position:absolute; top:0; text-align:center;}
#head{ margin-top:15px;}
#headL,#headR{ border-bottom:#dedede 1px solid;}

#menu{margin-top:60px}
#nav{margin:0 auto; height:98px;}
#nav li{ padding-top:14px;}
#menuShadow{ display:none;}
#SubMenu_bg{ top:256px; width:1200px; left:50%; margin-left:-600px;}

#box{ border-bottom:#e8e1d4 1px solid;}
/* banner */
#banner{ position:relative; height:600px; overflow:hidden; text-align:center; margin-top:20px; background:url(../images/loading.gif) center center no-repeat #000;}
.Slideshow{ position:relative;width:1600px; height:600px; overflow:hidden;text-align:center; left:50%; margin-left:-800px;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:1600px; height:600px; overflow:hidden; display:none; *display:expression(this.previousSibling==null?'block':'none');}
.Slideshow li:first-child{ display:block;}
#control{position:absolute; z-index:88; top:0; left:auto; right:50px; width:200px; text-align:center; line-height:0; overflow:hidden;}
#controlBtns{ margin:0; padding:0;}
#controlBtns a{ display:inline-block; width:20px; height:6px; line-height:0; font-size:0; background:#fff; cursor:hand; cursor:pointer; margin:4px 0 0 1%;}
#controlBtns a:first-child{ margin-left:0;}
#controlBtns a.active{ background:#facd8a;}

/*图标*/
#indexIcons{ background:url(../images/border.png) left top no-repeat;}
#indexIcons a{ display:inline-block; width:25%; height:144px; float:left; overflow:hidden; background:url(../images/border.png) right top no-repeat;}
#indexIcons a img{ margin:32px 0 0 0;}

/*热门产品*/
#hotPro{ position:relative; background:#232323; float:left; width:600px; height:600px; overflow:hidden; border-left:#f1eadc 1px solid;border-top:#f1eadc 1px solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#proBtn{ position:absolute; left:auto; right:0; top:0; z-index:10;}
#prevPro,#nextPro{ display:inline-block; width:32px; height:32px; background:url(../images/icos.png) -160px -40px no-repeat; cursor:hand; cursor:pointer; margin:0 2px 0 0;}
#prevPro:hover{ background-position:-160px -72px;}
#nextPro{ background-position:-200px -40px;}#nextPro:hover{ background-position:-200px -72px;}
#hot_pro{ position:relative; width:100%; height:100%;}
#hot_pro li{ display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
#hot_pro li a{ display:block; width:100%; height:100%; text-align:center;}
#hot_pro li a img{ max-width:100%; max-height:100%;}

/*热点活动*/
#hotEvents{ position:relative; width:300px; height:300px; float:right; text-align:center;}
#hotEvents img{ max-width:100%; max-height:100%;}
#hotEvents p{ margin:0; padding:0; position:absolute; left:0; bottom:0; top:auto; height:30px; line-height:30px; background:url(../images/tran.png); width:100%; text-align:left; overflow:hidden; padding:0 8px; color:#ebdfc8; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*新闻动态*/
#indexNews{ position:relative; width:300px; height:300px; float:right; background:#232323; color:#9e988b; padding:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#indexNews a{ color:#eee4d0;}#indexNews a:hover{ color:#fff;}
#indexNews dl{ position:absolute; display:none; width:80%; z-index:1; left:10%; top:10%;}
#indexNews dt{ font-size:12px; line-height:20px; margin:0; padding:0;}
#indexNews dt b{ font-size:40px; line-height:40px; font-weight:normal;}
#indexNews dd a{ display:block; width:100%; margin-top:8px;}
#indexNews dd a b{ display:inline-block; width:100%; height:30px; line-height:30px; font-size:15px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#indexNews dd a span{ font-size:12px; color:#9e988b; line-height:22px; height:88px; overflow:hidden; display:inline-block; width:100%;}
#indexNews dd a:hover span{ color:#ccc;}

#newsBtn{ position:absolute; z-index:10; left:auto; top:33px; right:30px;}
#prevNews,#nextNews,.more{ display:inline-block; width:32px; height:32px; background:url(../images/icos.png) left -40px no-repeat; margin-left:8px; cursor:hand; cursor:pointer;}
#prevNews:hover{ background-position:left -72px;}
#nextNews{ background-position:-40px -40px;}#nextNews:hover{ background-position:-40px -72px;}
.more{background-position:-80px -40px;}.more:hover{ background-position:-80px -72px;}

/*企业追溯*/
#indexAbout{ width:360px; height:450px; float:left; background:#232323;}
#indexAbout img{ max-width:100%; max-height:100%;}
/*视频*/
#indexVideo{ width:600px; height:450px; background:#232323; float:left;}
#indexVideo video{ width:100%; height:100%; object-fit: fill;}

/*大标题*/
.indexTit{ display:inline-block; background-image:url(../images/indexTit.png); background-repeat:no-repeat;}
.indexTit a{ display:inline-block; width:100%; height:100%;}
#indexTit1{ width:200px; height:175px; background-position:left top;}
#indexTit2{ width:200px; height:175px; background-position:left -175px; position:absolute; top:0; left:50px; z-index:10;}
#indexTit3{ width:300px; height:300px; background-position:-200px top; position:relative;  float:right;}
#indexTit4{ width:300px; height:300px; background-position:-500px top; position:relative; float:right;}
#indexTit5{ width:240px; height:450px; background-position:-820px top; position:relative; float:left;}
/*三角形*/
.tri1,.tri2{ position:absolute; z-index:10; left:-11px; top:35%; display:inline-block; width:11px; height:21px; background:url(../images/indexTit.png) -210px -310px;}
.tri2{ left:auto; right:-11px; background-position:-230px -310px;}