@charset "utf-8";
/*base*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font-size:12px;font-family:\5b8b\4f53}
h1,h2,h3,h4,h5,h6{font-size:100%}
html,body{height:100%}
b,strong{font-weight:bold}
input{vertical-align:middle}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clearfix:before, .clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.none{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}


body { background:#000; color:#fff; font-family:宋体; margin:0px }
.yx-con { }
.yx-item { width:970px; margin:0 auto; overflow:hidden; position: relative; }
.n1 {  background:url(../images/i_02.jpg) no-repeat center; }
.n2 {  background:url(../images/i_03.jpg) no-repeat center; }
.n3 { }
.n4 {  background:url(../images/i_05.jpg) no-repeat center; overflow:hidden }
.n1 .yx-item { height:240px; background:url(../images/i_02.jpg) no-repeat center; }
.n2 .yx-item { height:245px; background:url(../images/i_03.jpg) no-repeat center; }
.n3 .yx-item { height:65px;  }
.n4 .yx-item { height:910px; margin-bottom:18px }
#footer { text-align:center; padding:20px 0 30px; color:#fff; font-size:12px; line-height:20px }



.yx-li { position:absolute; z-index:9999;width:970px; left:50%; margin-left:-485px;overflow:hidden;}
.yx-li  li{ float:left; width:144px; margin-left:50px;  height:65px; cursor: pointer; display:inline}


.yx-tab{ display:none}
.yx-tab-on{ display:block}


.nn1{background:url(../images/nn1.jpg) no-repeat center;}
.pp1{ background:#9d4900}
.nn2{background:url(../images/nn2.jpg) no-repeat center;}
.pp2{ background:#77425d}
.nn3{background:url(../images/nn3.jpg) no-repeat center;}
.pp3{ background:#5e671f}
.nn4{background:url(../images/nn4.jpg) no-repeat center;}
.pp4{ background:#67331f}
.nn5{background:url(../images/nn5.jpg) no-repeat center;}
.pp5{ background:#1f672f}

.yy1{ margin:36px 10px 0; border:1px solid #cdb890; overflow:hidden}
.yy1-l{ width:466px; height:320px; background:#cdb890; float:left; position:relative; overflow:hidden}
.pp1 .yy1-l  .san{ position:absolute; top:-20px; right:0px; width:0px; height:0px; overflow:hidden; border:20px solid #cdb890; border-right:20px solid #9d4900}
.pp2 .yy1-l  .san{ position:absolute; top:-20px; right:0px; width:0px; height:0px; overflow:hidden; border:20px solid #cdb890; border-right:20px solid #77425d}
.pp3 .yy1-l  .san{ position:absolute; top:-20px; right:0px; width:0px; height:0px; overflow:hidden; border:20px solid #cdb890; border-right:20px solid #5e671f}
.pp4 .yy1-l  .san{ position:absolute; top:-20px; right:0px; width:0px; height:0px; overflow:hidden; border:20px solid #cdb890; border-right:20px solid #67331f}
.pp5 .yy1-l  .san{ position:absolute; top:-20px; right:0px; width:0px; height:0px; overflow:hidden; border:20px solid #cdb890; border-right:20px solid #1f672f}
.yy1-l h3{ font:20px/40px 微软雅黑; color:#1f672f; padding-left:10px; height:40px}
.yy1-l h3 span{ font:12px/40px 微软雅黑; color:#1f672f}

.yy1-l .hd{ width:450px; height:270px;  margin-left:8px; position:relative}
.yy1-l .hd li{ width:450px; height:270px; position:absolute; left:0px; top:0px; display:none}
.yy1-l .hd li.on{ display:block}
.yy1-l .hd .yuan{ position:absolute; left:210px; bottom:15px; width:100px}
.yy1-l .hd .yuan a{ width:12px; height:12px; display:block; background:#c09e5b; overflow:hidden; float:left; margin-right:10px; border-radius:100%}
.yy1-l .hd .yuan a.on{ background:#decca9}

.yy1-r{ width:466px; height:320px;float:right; color:#cdb890}
.yy1-r h2{ font:24px/60px 宋体}
.yy1-r p{ font:12px/22px 宋体}

.yy2{ margin:10px 10px 0; border:1px solid #cdb890; overflow:hidden; padding:10px;color:#cdb890}
.yy2 h3{ font:20px/45px 微软雅黑}
.yy2-hts{ overflow:hidden}
.yy2-ht{ width:455px; float:left; position:relative; padding-bottom:30px;}
.yy2-ht-r{ float:right}
.yy2-ht .imgs{ overflow:hidden; margin-bottom:10px}
.yy2-ht .imgs img{ width:223px; height:144px}
.yy2-ht .tt{ padding-right:100px; position:relative; padding-left:50px;}
.yy2-ht .tt1{ background:url(../images/b_03.png) no-repeat}
.yy2-ht .tt2{ background:url(../images/b_05.png) no-repeat}
.yy2-ht .tt h5 a{ color:#cdb890; text-decoration:none}
.yy2-ht .tt h5 a:hover{ text-decoration: underline}
.yy2-ht .tt p{ font:12px/20px 宋体}
.yy2-ht .tt .xx{ width:97px; height:28px; background:#cdb890; color:#1f6758; display:block; text-align:center; font:14px/28px 微软雅黑; text-decoration:none; position:absolute; right:0px ; top:0px}

.yy2-list { list-style:none; padding:0px; overflow:hidden; font:12px/18px 宋体}
.yy2-list li{  border-top:1px solid #cdb890; padding:10px 0; padding-left:90px}
.yy2-list li.l1{ background:url(../images/b_10.png) no-repeat 0px 10px}
.yy2-list li.l2{ background:url(../images/b_13.png) no-repeat 0px 10px}
.yy2-ht .more{width:97px; height:28px; background:#cdb890; color:#1f6758; display:block; text-align:center; font:14px/28px 微软雅黑; text-decoration:none; position:absolute; right:0px ; bottom:5px}