@charset "gb2312";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-size:12px;color:#333;font-family:Microsoft YaHei; background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
a { color:#333; text-decoration:none}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
img{ border:none;}
ol,ul,li {list-style:none;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr{float:right;}
.mr10{ margin-right:10px;}
.ml10{ margin-left:10px}
.mt35{ margin-top:35px;}
.ml180{ margin-left:180px}
.ml90{ margin-left:90px;}
.w353{ width:353px;}
.w623{ width:623px;}


/*top*/
.top1{ background:url(images/top1.jpg) no-repeat top center; height:100px;}
.top2{ background:url(images/top2.jpg) no-repeat top center; height:100px;}
.top3{ background:url(images/top3.jpg) no-repeat top center; height:100px;}
.top4{ background:url(images/top4.jpg) no-repeat top center; height:100px}
.top5{ background:url(images/top5.jpg) no-repeat top center; height:100px}
.top6{ background:url(images/top6.jpg) no-repeat top center; height:100px}
.top7{ background:url(images/top7.jpg) no-repeat top center; height:100px}
.top8{ background:url(images/top8.jpg) no-repeat top center; height:160px}

.topbox{ width:1000px; margin:0 auto; position:relative}
.backtobox{ position:absolute; top:8px; right:60px}
.backto{ position:relative; height:20px; font-size:12px; color:#fff; text-indent:5px; line-height:20px; cursor:pointer; width:79px;}
.backto b{ font-size:14px; color:#fff;}
.backto ul{ background:#c83c3c; width:90px; position:absolute; top:20px; left:0; height:190px; overflow:auto}
.backto ul li a{height:20px; line-height:24px;text-decoration:none; color:#fff}
.backto li:hover{ background:#FFF; color:#F00;}
.backto li:hover a {color:#003278;}


.person{ position:absolute; top:470px; left:0}
.person ul li{ float:left; width:186px; height:308px; background:url(images/bg01.jpg) repeat-x; padding:4px; position:relative; margin-left:52px; cursor:pointer}
.person ul li p{ width:186px; padding:10px 0; position:absolute; bottom:4px; left:4px; background:url(images/blackbg.png) repeat; text-align:center; color:#fff; font-size:16px;}
.person ul li p b{ display:block; font-size:18px;}

.mainbox{ width:990px; padding:0 5px; margin:0 auto;}
.dy{ padding:15px; border:1px solid #ba1212; margin-top:40px; position:relative}
.dy em{ display:block; background:url(images/dybg.png) no-repeat; width:101px; height:29px; position:absolute; top:-15px; left:45%;}
.dy p{ font-size:16px; line-height:32px; text-indent:35px}

.tit{ background:url(images/tit.jpg) no-repeat; width:990px; height:64px; margin-top:30px;}
.tit h2{ font-size:32px; color:#fff; line-height:64px; text-indent:30px}

.page{ padding:15px 0; height:76px;}
.page .fl{ width:143px; height:76px;}
.page .fl img{ width:135px; height:68px; border:4px solid #c2a357}
.page .fr{ width:800px}
.page .fr p{ float:left; margin-right:20px; line-height:26px; color:#2b2b2b; font-size:16px}

.con{ border:1px dotted #bebebe; height:550px; margin-top:15px; position:relative; }
.con i{ display:block; width:212px; height:351px; position:absolute;}
.con i.i1{ background:url(images/bg02.gif) no-repeat;top:-1px; left:-1px;}
.con i.i2{ background:url(images/bg03.gif) no-repeat;bottom:-1px; right:-1px;}
.con i.i3{ background:url(images/bg04.gif) no-repeat;bottom:-1px; left:-1px;}
.con i.i4{ background:url(images/bg05.gif) no-repeat;top:-1px; right:-1px;}
.con ul{ width:100%; padding-top:50px; float:left}
.con ul.u01{ background:url(images/ulbg1.png) no-repeat 80px 150px}
.con ul.u02{ background:url(images/ulbg2.png) no-repeat 0 110px}
.con ul.u03{ background:url(images/ulbg3.png) no-repeat 80px 90px}
.con ul.u04{ background:url(images/ulbg4.png) no-repeat 0 110px}
.con ul li{ background:url(images/bg06.png) no-repeat; width:166px; height:144px; float:left; font-size:0; margin-top:15px; color:#fff; position:relative; z-index:10}
.con ul li.li01{ background-position:0 0;}
.con ul li.li02{ background-position:0 -144px;}
.con ul li.li03{ background-position:0 -288px;}
.con ul li.li01.on{ background-position:-166px 0}
.con ul li.li02.on{ background-position:-166px -144px}
.con ul li.li03.on{ background-position:-166px -288px}

.info{ width:603px;height:510px; padding:10px; margin:10px 0; position:relative; display:none}
.info span{ display:block; position:absolute; width:43px; height:43px; background:url(images/bg07.png) no-repeat}
.info span.lt{ background-position:0 0; top:0; left:0}
.info span.rb{ background-position:0 -43px; right:0; bottom:0}
.info dl{ background:#f9f9f9; padding:20px 10px;}
.info dl dt{ font-size:20px; font-weight:bold; color:#900a0a; line-height:40px; background:url(images/bg08.png) no-repeat left center; text-indent:20px}
/*.info dl dt i{ display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; position:inherit; float:left; margin-right:10px;}
*/.info dl dd p{ font-size:12px; line-height:24px; text-indent:25px; height:75px;}
.info dl dd p a{ color:#c83c3c}
.pic{ width:100%; height:350px; position:relative}
.pic img{ position:absolute; top:0; left:0; z-index:10}
.pic span.picbg{ display:block; background:url(images/bg09.jpg) repeat; width:580px; height:340px;position:absolute; right:0; bottom:0}
.shop{ width:100%; height:350px;}
.shop img{ display:block; float:left; margin-right:3px; margin-bottom:3px}



.backtop{position: fixed;left: 510px; top:200px;margin-left:50%; width:128px; height:auto; border:2px solid #900a0a; padding:10px 10px 5px 10px;}
.backtop a{ display:block; float:left; width:100%; margin-bottom:5px; text-align:center; font-size:16px; line-height:34px; height:34px; background:#d2c4aa; color:#fff;}
.backtop a:hover{ background:#900a0a}
.backtop img{ display:block; margin:0 auto}
.backtop img.img01{ margin-top:-21px; margin-bottom:11px}
.backtop img.img02{ margin-bottom:-11px}






.content1{width:989px; background:#FFF; margin:10px auto 20px auto; border:1px dotted #bebebe; padding-bottom:10px;}
.content1  h3{ color:#900a0a; font-size:30px; font-family:Microsoft YaHei;  margin:0; padding-bottom:15px; border-bottom:2px solid #900a0a; width:970px; margin-left:10px}
.content1  h3.top{ margin-top:10px}
.gd a{ float:right; margin-top:-30px; color:#900a0a; font-size:14px; font-weight:700; margin-right:10px}
.sildeCont{width:980px; height:170px; background:#FFF; padding:15px 0; margin:0 auto; font-size:12px; text-align:center; overflow:hidden }
.sildeCont .ulCont{width:970px; margin:0 auto; overflow:hidden;_zoom:1; }
.sildeCont .ulCont ul{overflow:hidden;_zoom:1; float:left; width:100%;}
.sildeCont .ulCont li{float:left;_display:inline-block; margin-right:10px; }
.sildeCont .ulCont li img{width:197px; height:149px;}
.sildeCont .ulCont a{display:block; border:1px solid #d7d8d6; width:197px; height:183px; text-decoration:none;}
.sildeCont .ulCont span{display:block; height:34px; line-height:34px; text-align:center; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.sildeCont .ulWrap{width:500%;overflow:hidden;_zoom:1;}