@charset "utf-8";
/* CSS Document */
/* css reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
body {color:#666; font-size:12px;text-align:center;}
.banner,.content{text-align:left;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;}
ol,ul {list-style:none;}
input,select{ font-size:12px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{ outline:none; color:#333; text-decoration:none;}
a:hover{ color:red;  text-decoration:underline;}
/* clear float & float */
.cl{clear:both; }
.clearfix{ *zoom:1;}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fl{float:left;}.fr{float:right;}

/* public */
.headerInner,.indexWrapInner,.indexWrapInner .banner{ width:980px; margin:0 auto;}
/* sprites */
.logo,.nav ul li a.selected,.nav ul li a:hover,.iAbout .title,.iNews .title,.iContact,.iNews .title a.more,.indexWrapInner .banner .prev,.indexWrapInner .banner .next{ background:url(../images/sprites.png) no-repeat;}

/* header */
.header{ background:#790100 url(../images/header.png) no-repeat center top; height:150px;}
.headerInner{background:url(../images/header.png) no-repeat center top;  height:150px; position:relative;}

/* logo */
.logo{ width:292px; height:102px; overflow:hidden; position:absolute; left:0; top:25px;}
.logo a{ width:292px; height:102px; display:inline-block;}

/* nav */
.nav{ position:absolute; width:710px; top:40px; right:-83px; height:109px;}
.nav ul li{ float:left; position:relative; margin-left:-91px;}
.nav ul li a{ color:#fff; text-decoration:none; font:bold 14px/108px simsun; text-align:center; width:231px; height:109px; display:inline-block;}
.nav ul li a.selected,.nav ul li a:hover{ color:#fec712; background-position:left -112px;}

/* language */
.language{ float:right; height:40px; color:#f0e9e3;}
.language a{ line-height:40px; color:#f0e9e3; margin:0 3px;}
.language a:hover{ color:#fec712;}

/*  */
.indexWrap{ background:url(../images/body_bg.png) center; overflow:hidden;}
.indexWrapInner{background:#ded6cf;}

/* index banner */
.indexWrapInner .banner{ background:#fff; position:relative;}
.indexWrapInner .banner .bg{ z-index:10; position:absolute; left:0; top:0; height:410px; width:980px; background:url(../images/banner.png) no-repeat left top;}
.indexWrapInner .banner .prev,.indexWrapInner .banner .next{ position:absolute; left:10px; top:190px; background-position:-314px -190px; z-index:1000; display:block; width:16px; height:24px;}
.indexWrapInner .banner .next { left:50px; background-position:right -190px;}
.indexWrapInner .banner img{ display:block;}

#inner { width: 980px; margin: 0 auto; height:410px;}
.hot-event {position: relative; }
.hot-event .switch-tab { position:absolute; z-index:9999; left:350px; top:330px; text-align: center; padding: 10px 0; }
.hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
.hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; }
.hot-event .event-item { height: 310px; width: 980px; position: absolute; left: 0; top: 0; }
.hot-event .event-item a{display:block; width:980px; height:400px; left:0; top:0; position:absolute; z-index:300;}
.hot-event .event-item .banner { display: block; }
.hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }


/* main */
.indexWrapInner .main { padding:10px 20px;}
.indexWrapBtm{ height:60px; background:url(../images/home_body_btm_bg.png) no-repeat center top; padding-bottom:20px;}

/* index about */
.iAbout{ width:298px;float:left;}
.iAbout .title{ background-position:left -231px; padding-right:40px;  height:45px;}
.iAbout .title h2{ padding-left:15px; color:#fff; font:bold 14px/45px simsun;}
.iAbout .info{ padding:10px 40px 10px 10px; color:#333333; line-height:20px; overflow:hidden;}
.iAbout .info a{ color:#b80508;}

/* index news */
.iNews{ width:374px; position:relative; margin-left:-12px; float:left;}
.iNews .title{ background-position:left -286px; height:45px;}
.iNews .title h2{ float:left; padding-left:45px; color:#fff; font:bold 14px/45px simsun;}
.iNews .title a.more{ float:right; margin-top:20px; margin-right:35px; background-position: right -151px; width:36px; height:5px; overflow:hidden; display:block;}
.iNews .info{  padding:10px 0 10px 0;}
.iNews .info ul li{ float:left; width:334px; padding-right:40px; height:28px; overflow:hidden; line-height:28px;}
.iNews .info ul li i{ padding-right:4px; font-family:simsun; display:inline-block; float:left;}
.iNews .info ul li a{ white-space:normal; display:inline-block; float:left;width:240px;}
.iNews .info ul li em{ display:inline-block; float:right;}

/* index contact */
.iContact{ padding-top:7px; width:280px; height:211px; position:relative; margin-top:-7px; float:left; background-position: left -334px;}
.iContact .title h2{ padding-left:50px; color:#fff; font:bold 14px/45px simsun;}
.iContact .info{ line-height:24px; padding:20px 20px 0; overflow:hidden; color:#fff; }
.iContact .info dl dt{ font:bold 12px/30px simsun;}

/* index product */
.iProduct{ height:170px; background:url(../images/iProduct.png) repeat-x center -180px; margin-top:10px; float:left; width:940px; overflow:hidden;}
.iProduct .left,.iProduct .right{ display:inline; float:left; width:59px; height:170px; background:url(../images/iProduct.png) no-repeat left top;}
.iProduct .right{ float:right; background-position:left bottom;}
.iProduct .wrap{overflow:hidden; float:left; width:822px; height:170px; position:relative;}
.iProduct .wrap ul{position:absolute; left:0; top:0; padding-top:14px;}
.iProduct .wrap ul li{ text-align:center; float:left; width:120px; padding-right:20px; }
.iProduct .wrap ul li .pic{ width:118px; height:118px; border:1px solid #8a7272; display:block; line-height:117px; #font-size:100px; text-align:center; overflow:hidden;}
.iProduct .wrap ul li .pic:hover{ border:1px solid #b80508;}
.iProduct .wrap ul li .pic img{ vertical-align:middle;}
.iProduct .wrap ul li .name{  height:30px; line-height:30px; display:block; }

#banner{ background:url(../images/body_bg.png) center center;}
#banner #ifocus { POSITION: relative; WIDTH:980px; HEIGHT:280px; margin:0 auto; }
#banner #ifocus_pic { POSITION: relative; WIDTH: 980px; DISPLAY: inline; FLOAT: left; HEIGHT: 280px; OVERFLOW: hidden }
#banner #ifocus_piclist { Z-INDEX: 1; POSITION: absolute }
#banner #ifocus_piclist LI { WIDTH: 980px; HEIGHT: 280px; OVERFLOW: hidden }
#banner #ifocus_piclist IMG { WIDTH: 980px; HEIGHT: 280px }
#banner #ifocus_btn { Z-INDEX: 3; POSITION: absolute; PADDING-LEFT: 3px; BOTTOM: 2px; HEIGHT: auto; right: 0px; _bottom: 2px }
UNKNOWN { BOTTOM: 5px }
#banner #ifocus_btn LI { FILTER: alpha(opacity=50); PADDING-BOTTOM: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 7px; WIDTH: auto; PADDING-RIGHT: 7px; DISPLAY: block; FLOAT:left; HEIGHT: auto; CURSOR: pointer; PADDING-TOP: 0px; opacity: 0.5; -moz-opacity: 0.5 }
#banner #ifocus_btn IMG { BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; WIDTH: 78px; HEIGHT: 33px; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid }
#banner #ifocus_btn .current { TEXT-ALIGN: left; FILTER: alpha(opacity=100); MARGIN-TOP: 0px; DISPLAY: block; FLOAT: left; opacity: 1; -moz-opacity: 1 }
#banner #ifocus_btn .current IMG { BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 78px; HEIGHT: 37px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid }
#banner #ifocus_opdiv { Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 980px; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 45px; LEFT: 0px; opacity: 0.5; -moz-opacity: 0.5; _height: 45px }
#banner #ifocus_tx { Z-INDEX: 3; POSITION: absolute; BOTTOM: 8px; COLOR: #fff; LEFT: 8px }
#banner #ifocus_tx .normal { DISPLAY: none }

.content{ width:960px; padding:10px; margin:0 auto; overflow:hidden; background:#ded6cf;}

/* sidebar */
.sidebar { overflow:hidden; width:230px; float:left; background:#f8f8f0;  margin-bottom:-9999px; padding-bottom:9999px;}
.sidebar .title{ background:#b01022; height:30px; padding:0 10px;}
.sidebar .title h2{ color:#333; color:#fff; font:bold 14px/30px "微软雅黑",heisun,simsun;}

.category .list,.contact .info{ background:#f8f8f0; padding:10px;}
.category .list ul li{ padding:0 3px; font-family:simsun; overflow:hidden; border-bottom:1px dashed #cecfbd;}
.category .list ul li a{ display:inline-block; padding-left:3px; background:url(../images/sub-nav-bg.png) no-repeat center bottom; font:bold 12px/30px simsun;}
.category .list ul li a:hover,.category .list ul li a.selected{ background-position: left top;text-decoration:none;}
.category .list ul li ul{ padding:10px 10px; border-top:1px dashed #cecfbd;}
.category .list ul li ul li{ border-bottom:none;}
.category .list ul li ul li a{ font:normal 12px/24px simsun;}

.contact .info{ color:#333;}
.contact .info dl dt{ font:bold 14px/22px simsun; margin-bottom:6px;}
.contact .info dl dd{ line-height:22px; font-family:arial;}

/* main */
.content .main{ width:720px;  overflow:hidden; float:right; background:#f8f8f0; margin-bottom:-9999px; padding-bottom:9999px;zoom:1}
.content .main .title{ padding:0 10px; height:30px; overflow:hidden; background:#8d553e; }
.content .main .title h2{ float:left; height:30px; font:bold 14px/30px "微软雅黑",heisun,simsun; color:#fff;} 
.content .main .title .crumb{ color:#fff; font-family:simsun; float:right; line-height:30px;}
.content .main .title .crumb a{ color:#fff;}
.content .main .list{ background:#f8f8f0; padding:20px; overflow:hidden;}

.about{  padding:20px; line-height:24px;}
.about p{ margin-bottom:15px; text-indent:2em;}

.product{ width:700px;}
.product ul{ width:800px; }
.product ul li{ width:120px; float:left; padding-right:20px; padding-bottom:10px;height:160px}
.product ul li a{margin-top:5px;display: block;}
.product ul li .pic{ background:#FFF; overflow:hidden; width:118px; height:118px; border:1px solid #eaeaea; display:block; text-align:center; line-height:117px; #font-size:100px;margin:0}
.product ul li .pic:hover{ border-color:#b80508;}
.product ul li .pic img{ vertical-align:middle;height:118px;}
.product .name{ text-align:center; display:block; height:30px; line-height:30px; overflow:hidden; white-space:nowrap;}

.product_detail{ overflow:hidden;}
.product_detail .pic{ width:230px; height:230px; overflow:hidden; text-align:center; border:1px solid #dcdcdc; float:left;}
.product_detail .pic span{ width:230px; height:230px; display:block; overflow:hidden; line-height:230px;  #font-size:230px; text-align:center;}
.product_detail .pic span img{  overflow:hidden; max-width:230px; max-height:230px; vertical-align:middle;}
.product_detail .info{ width:440px; text-align:left; padding-left:20px; float:left;}
.product_detail .info h1{ border-bottom:1px dashed #dcdcdc; margin-bottom:8px; text-align:left; line-height:1.5; font:bold 16px/30px simhei,simsun,arial;}
.product_detail .info p{ text-align:left; color:#333; padding:4px 0;}
.product_detail .info p span{ color:#666; padding-right:5px;}
.detail_tab{ ba height:29px; overflow:hidden; font:bold 12px/29px Segoe UI Light,Segoe UI,arial; border-bottom:1px solid #eee; padding:0 10px; margin-top:20px;}
.detail_info{ padding:10px; overflow:hidden;}

.news ul{ overflow:hidden;}
.news ul li{ width:100%; border-bottom:1px dashed #ededed; float:left; overflow:hidden; height:30px; line-height:30px;}
.news ul li i{ font-family:simsun; float:left; display:block; color:#999;}
.news ul li span{float:left;}
.news ul li em{ float:right; font-family:arial; color:#999; }
.news-detail{ overflow:hidden; padding:30px 10px;}
.news-detail h1{ font:bold 22px/30px  "Microsoft YaHei UI", "微软雅黑", "黑体", simsun, arial; text-align:center;}
.news-detail .tit{ text-align:center; padding:15px 0; color:#666; border-bottom:1px dashed #dcdcdc;}
.news-detail .info{ overflow:hidden; padding:10px;}
.news-detail .info p{ text-indent:2em; line-height:2em; color:#666; margin-bottom:15px;}

.message{ padding:10px 0;}
.message p{ margin:10px; text-indent:2em; line-height:22px;}
.message p em{ color:red;}
.message dl{ width:70%; margin:0 auto;overflow:hidden;*zoom:1;}
.message dl dt{ padding:5px 0; text-align:right; float:left; width:100px; line-height:22px;}
.message dl dt em{ color:red; margin-right:5px;}
.message dl dd{padding:5px 0; text-align:left; line-height:28px;width:400px;float:left}
.message dl dd .inputtxt{ width:60%; line-height:22px; border:1px solid #dcdcdc; height:22px;float:left}
.message dl dd .text{float:left}
.message dl dd textarea{ width:75%; height:120px; border:1px solid #dcdcdc;float:left}
.message dl dd .but{ cursor:pointer; background:#8d553e; color:#fff; font-weight:bold; margin-right:10px; width:64px; height:28px; border:0;}

.contactDetail{ line-height:24px;}
.contactDetail ul{ width:60%; margin:20px auto; background:url(../images/cont_bg.gif) no-repeat left 3px; }


/* footer */
.footer{ padding:10px; line-height:2; font-family:arial; overflow:hidden; text-align:center; color:#fff; background:#900918;}
.footer a{ color:#fff; margin:0 5px;}

.page{ text-align:center; overflow:hidden; padding:20px;}
.page a{ vertical-align:top; font:normal 12px/16px  Tahoma,\5b8b\4f53,Geneva, sans-serif; cursor:pointer; display:inline-block; background:#fff; border:1px solid #dcdcdc; padding:2px 8px 0px 8px; margin:0 2px; height:19px; overflow:hidden; }
.page span.click,.page a:hover{vertical-align:top; font:normal 12px/16px  Tahoma,\5b8b\4f53,Geneva, sans-serif; display:inline-block; background:#8d553e; color:#fff; padding:2px 8px 0px 8px; margin:0 2px; height:19px; overflow:hidden; text-decoration:none; border:1px solid #8d553e;  }
.page em{vertical-align:top; line-height:20px; display:inline-block; padding:0 5px;}
.page span{ padding-left:10px;}
.page span .text{ width:40px; border:1px solid #dcdcdc; height:21px; line-height:21px; margin:0 6px; vertical-align:top;}
.page form{ display:inline; }
.page .but{ cursor:pointer;  background:#8d553e; color:#fff; width:46px; height:22px; line-height:22px; border:0; margin-left:6px; }