@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;}
.mr02{ margin-right:2px}
.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:#a37e12; 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:1000px; margin:0 auto;}
.dy{ padding:15px; border:1px solid #b85c09; 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:1000px; height:63px; margin-top:30px;}
.tit h2{ font-size:36px; color:#fff; line-height:63px; text-align:center}

.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}


.transform{ width:820px;}
.info{ display:none}
.info dl{ width:100%}
.info dl dt{width:460px; height:500px;}
.info dl dt img{ display:block; vertical-align:top; margin-bottom:2px; float:left;}
.info dl dd{width:320px; position:relative}
.info dl dd h3{ width:318px; height:88px; border:1px dotted #d28139; text-align:center; font-size:20px; color:#d28139; margin-top:30px}
.info dl dd h3 b{ line-height:78px; display:block}
.info dl dd h3 i{ display:inline-block; background:url(images/bg02.png) no-repeat 0 0; width:32px; height:16px;}
.info dl dd p{ padding:10px; height:330px; background:#f4f1e9; font-size:14px; line-height:30px; text-indent:30px; margin-top:30px; overflow:hidden}
.info dl dd p a{ color:#d28139}
.info dl dd em{ display:block; position:absolute; bottom:0; right:0; background:url(images/bg02.png) no-repeat 0 -16px; width:22px; height:22px;}
.change{ width:135px; height:500px; background:url(images/bg03.jpg) no-repeat;}
.change ul{ margin-top:30px;}
.change ul li{ margin-bottom:18px; float:left; width:133px; height:106px; padding-top:27px; border:1px solid #e5e5e5; text-align:center; font-size:24px; font-weight:bold; line-height:30px; color:#9f5411}
.change ul li i,.change ul li.on i{ background:url(images/bg06.png) no-repeat; width:50px; height:50px; display:inline-block;}
.change ul li i.i01{ background-position:0 0}
.change ul li i.i02{ background-position:0 -50px}
.change ul li i.i03{ background-position:0 -100px}

.change ul li.on{ width:135px; height:108px; background:#d28139; color:#fff;}
.change ul li.on i.i01{ background-position:-50px 0}
.change ul li.on i.i02{ background-position:-50px -50px}
.change ul li.on i.i03{ background-position:-50px -100px}


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


.content1{width:998px; background:#FFF; margin:10px auto 20px auto; border:1px solid #e5e5e5; padding-bottom:10px;}
.content1  h3{ color:#9f5411; font-size:30px; font-family:Microsoft YaHei;  margin:0; padding-bottom:15px; border-bottom:2px solid #9f5411; width:970px; margin-left:10px}
.content1  h3.top{ margin-top:10px}
.gd a{ float:right; margin-top:-30px; color:#9f5411; 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;}