@charset "gb2312";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea{margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"΢ÈíÑźÚ",Arial, Helvetica, sans-serif; font-size:12px; color:#644114;}
ol, ul ,li{list-style: none;}
img{border: 0;margin:0; padding:0;font-size:0px;}
body {color:#644114;text-align:left; font-size:12px;background:url(../images/bj01.jpg);}
a,em{ text-decoration:none; font-style:normal;}
a{ color:#595959;}
a:hover{text-decoration:none;color: #F30;}
a.detail{ color:#eb0000; }
a.detail:hover{ color:#d20000;}
.warpper{ width:1264px; margin:0 auto; overflow:hidden; }
.warpper01{ width:1264px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mwarpper{ width:1264px; margin:0 auto; overflow:hidden;background:url(../images/bj02.jpg);margin-bottom:62px;box-shadow: 10px 10px 30px 10px #bca466; padding-bottom:50px;}
.mwarpper1{ width:1264px; margin:0 auto; overflow:hidden;background:url(../images/bj02.jpg);box-shadow: 10px 10px 30px 10px #bca466; padding-bottom:50px;}

.logo{ height:108px; background-color:#745129;}
.daohang{background:url(../images/top02.jpg) no-repeat; height:48px;background-size: 100% 48px;}
.daohang dd{ height:48px; line-height:48px; font-size:19px; font-family: "Microsoft YaHei UI";color:#f8dc9e; float:left; width:110px;letter-spacing:3px; background:url(../images/top03.png) no-repeat left center;position:relative;z-index:9999; padding-left:22px;}
.daohang dd a{color:#f8dc9e;}
.daohang dd:nth-child(1){ margin-left:100px; background:no-repeat; width:72px;}
.sub-nav{ background-color:#8d6b3e; padding:10px 1px 8px 1px; width:130px;top:46px; left:0px;position:absolute;display:none; z-index:9999;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}
.sub-nav li{ width:130px; margin:0px;float:none; height:40px; line-height:40px; font-size:18px; text-align:center;}
.sub-nav li.on{ background-color:#854f23;-webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s;}
.sub-nav li.on a,.sub-nav li.on a:hover{color:#ffffff;}
.sub-nav a,.sub-nav a:hover{ color:#ffffff;text-decoration: none;}
.banner{ width:100%; height:513px; clear:both; position:relative;}
.viewport-shadow {width:100%; height:513px; overflow:hidden;}
.viewport, .box, .slide {width:100%;height:513px; margin:0px auto; text-align:center;}
.viewport, .box a{ display:block; width:100%; height:513px;}
.viewport {overflow: hidden;}
.controls {overflow: hidden; text-align:center; width:100%; left:0; height:25px; position:absolute; bottom:12px;}
.goto-slide {display: inline-block;overflow:hidden;width:16px; height:16px; margin:5px 5px 0px 5px;cursor:pointer; background:#d29469;border-radius:16px; font-size:1px; text-indent:20px;}
.goto-slide.on { background:#ae7852;}

#page{ margin-top:16px; font-size:16px;}
#page span{ border:1px solid #644114; padding:2px 6px;background-color:#b67203;color:#fff;}
#page a {margin:0px 5px; color:#fff;border:1px solid #644114; padding:2px 6px;background-color:#9e7f48;}

.index1{ position:relative;}
.index11{ padding-top:35px; position:relative; z-index:100;}
.index11 dd{ float:left; width:77px; margin-left:18px;position:relative;filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5}
.index11 dd:nth-child(1){ margin-left:166px;}
.index11 dd.on{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1}
.index12{ margin-top:20px;}
.index121{ width:1093px; margin:0px auto;}
.index122{ text-align:center;}
.index13{ position:absolute; top:80px; text-align:center; left:0px; width:100%; z-index:1;}
.index14{ width:1225px; height:493px; background:url(../images/index04.jpg) no-repeat; margin:16px auto 0px auto;}
.index141{margin:92px 0px 0px 52px; width:472px;}
.index142{ width:620px; margin:92px 0px 0px 45px;}
.index142 p,.index142 div{ text-indent:36px; font-size:18px; line-height:180%; color:#f3e3c2;}
.index142 p a,.index142 div a{color:#f3e3c2;}
.index15{ text-align:center;}
.index16{ height:246px; background:url(../images/index08.jpg) repeat-x top; width:1225px; margin:0px auto; border-left:3px solid #cbb26f;border-bottom:2px solid #cbb26f; overflow:hidden;}
.index161{ width:1186px; margin:25px auto 0px auto;}
.index161 dd{ width:298px; text-align:center;}
.index161 dd img{ width:276px; height:195px;}

.index2{ position:relative;}
.index21{ position:absolute; top:50px; text-align:center; width:100%; left:0;}
.index22{ margin:25px auto; width:1245px;}
.index22 dd{ float:left;}
.index22 dd:hover{animation-name:test; animation-duration:1.6s;}
.index23{ text-align:center;}
.index24{ width:1165px; margin:20px auto 0px auto;}
.index241{ width:405px; margin-top:110px;}
.index242{ width:760px;}

.index3{ position:relative;}
.index31{ position:absolute; top:50px; text-align:center; width:100%; left:0;}
.index32{ margin:30px auto;}

.index4{ position:relative;}
.index41{ width:1177px; margin:20px auto 30px auto;}
.index41 dd{ float:left; width:283px; margin-left:15px; margin-bottom:10px;}
.index41 dd:nth-child(4n+1){ margin-left:0px;}
.index41 dd img{ width:283px; height:260px;}

.index5{ position:relative;}
.index51{ width:1070px; margin:0px auto; margin-top:36px;}
.index5111{ margin-left:12px;}
.index5112{ margin-top:20px;}
.index5112 dt{ width:281px; float:left;}
.index5112 dd{ width:273px; float:left; margin-left:32px;}
.index5113{ margin-top:20px;}
.index5113 dt{ width:273px; float:left;}
.index5113 dd{ width:266px; float:left; margin-left:82px;}
.index52{ width:1070px; margin:0px auto; margin-top:20px;}
.index5221{ width:249px; margin-top:48px; margin-left:12px;}
.index5222{ width:754px;}
.index5222 dd{ float:left;}
.index53{ width:1120px; margin:0px auto; margin-top:20px;}

.index611{ width:263px; margin-left:80px;}
.index612{ width:536px; margin-top:63px; margin-left:76px;}
.index6121 { font-size:30px;}
.index6121 span{ font-size:23px;color:#a0713a;}
.index6122 dl{margin-top:22px;}
.index6122 dt{ float:left; width:132px; text-align:center; height:36px; line-height:36px; font-size:24px;}
.index6122 dd{ width:352px; float:left;}
.index6122 dd input{ width:100%; border:1px solid #b9a487; background-color:#e8ce92; height:34px; line-height:34px; padding:0px 5px; font-size:18px;}
.index6122 dd textarea{ width:100%; border:1px solid #b9a487; background-color:#e8ce92; height:140px; line-height:28px;padding:5px;font-size:18px;}
.index6123{ width:100%; margin-top:38px; text-align:center;}

.bottom1{ background-color:#e6cb8c; height:50px; border-top:3px solid #443724;}
.bottom1 dd{ float:left; line-height:50px; font-family:"Microsoft YaHei UI"; font-size:20px;}
.bottom1 dd a{color:#644114; padding:0px 25px;letter-spacing:3px;}
.bottom1 dd:nth-child(1){ margin-left:110px; background:no-repeat;}
.bottom2{ background-color:#b47620;}
.bottom21{ padding:30px 12px; width:262px;}
.bottom22{ width:336px; padding-left:66px; padding-top:36px;}
.bottom22 dt{ font-size:30px; font-family:"Microsoft YaHei UI";}
.bottom22 dd{ line-height:180%; font-size:20px;}
.bottom22 dd p,.bottom22 dd div,.bottom22 dd td{ font-size:20px;}
.bottom23{ width:336px; padding-left:36px; padding-top:36px;}
.bottom23 dt{ font-size:30px; font-family:"Microsoft YaHei UI";}
.bottom23 dd{ line-height:180%; font-size:20px;}
.bottom23 dd p,.bottom22 dd div,.bottom22 dd td{ font-size:20px;}
.bottom23 a{color:#644114;}
.bottom24{ padding:16px 16px 0px 0px;}
.bottom3{ background-color:#443724;}
.bottom31{ font-size:16px; font-family:"Microsoft YaHei UI"; color:#e6cb8c; line-height:42px; margin-left:50px;}
@media(max-width:1264px) {
.bottom1,.bottom2,.bottom3,.daohang,.banner{ width:1264px;}
}

@-webkit-keyframes test {0%{transform: translate(0px, 0px);}10%{transform: translate(0px, -6px);}20%{transform: translate(0px, 7px);}30%{transform: translate(0px, -4px);}40%{transform: translate(0px, 5px);}50%{transform: translate(0px, -1px);}60%{transform: translate(0px, 1px);}70%{transform: translate(0px, -0.2px);}80%{transform: translate(0px, 0.2px);}90%{transform: translate(0px,-1px;)}100%{transform: translate(0px,0;)}}
@keyframes test{0%{transform: translate(0px, 0px);}10%{transform: translate(0px, -6px);}20%{transform: translate(0px, 7px);}30%{transform: translate(0px, -4px);}40%{transform: translate(0px, 5px);}50%{transform: translate(0px, -1px);}60%{transform: translate(0px, 1px);}70%{transform: translate(0px, -0.2px);}80%{transform: translate(0px, 0.2px);}90%{transform: translate(0px,-1px;)}100%{transform: translate(0px,0;)}}
@-moz-keyframes test {0%{transform: translate(0px, 0px);}10%{transform: translate(0px, -6px);}20%{transform: translate(0px, 7px);}30%{transform: translate(0px, -4px);}40%{transform: translate(0px, 5px);}50%{transform: translate(0px, -1px);}60%{transform: translate(0px, 1px);}70%{transform: translate(0px, -0.2px);}80%{transform: translate(0px, 0.2px);}90%{transform: translate(0px,-1px;)}100%{transform: translate(0px,0;)}}
@-ms-keyframes test{0%{transform: translate(0px, 0px);}10%{transform: translate(0px, -6px);}20%{transform: translate(0px, 7px);}30%{transform: translate(0px, -4px);}40%{transform: translate(0px, 5px);}50%{transform: translate(0px, -1px);}60%{transform: translate(0px, 1px);}70%{transform: translate(0px, -0.2px);}80%{transform: translate(0px, 0.2px);}90%{transform: translate(0px,-1px;)}100%{transform: translate(0px,0;)}}

.artGroup.slide {overflow: hidden;}
.artGroup.slide .detail {bottom: -260px;}
.artGroup.flip {-webkit-perspective: 800px;perspective: 800px;}
.artGroup.flip .artwork{-webkit-transition: -webkit-transform 1s ease;transition: transform 1s ease;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.artGroup.flip .detail, .artGroup.flip .theFlip {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.artGroup.flip img, .artGroup.flip .detail {-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.artGroup .detail {display: block;width: 100%;height: 100%;position: absolute; background-color:#cbb26f;}
.artGroup {display: block;width: 283px;height: 260px;position: relative;}
.artwork {display: block;width: 100%;height: 100%;}
.artGroup img {width: 100%;height: 100%;position: absolute;display: block;}
.anli{ margin:15px; }
.anli1{font-size:24px; margin-bottom:12px;}
.anli a{color:#644114;}
.anli2,.anli2 div,.anli2 p,.anli2 td,.anli2 dd,.anli2 li{ font-size:18px; line-height:160%;}

.lm1{ width:1236px; height:66px; background:url(../images/lm01.png) no-repeat; margin:36px auto;}
.lm11{ line-height:60px; width:300px; padding-left:45px; font-size:24px; color:#f2e4c3;}
.lm12{ width:800px;padding-right:58px; text-align:right; font-size:18px; color:#f2e4c3; line-height:60px;}
.lm12 a{color:#f2e4c3; padding:0px 5px;}
.minnr{ width:1160px; margin:0px auto;}
.gywm1{ background:url(../images/lm02.png) no-repeat top 117px right; min-height:700px;}
.gywm2{ margin-top:30px; text-align:center;}
.conter,.conter td,.conter dd,.conter li,.conter p,.conter div{ font-size:18px; color:#61451f; line-height:180%;}
.ppys{ width:1009px; margin:0px auto;}
.ppys1{background:#FFF; margin-bottom:25px;border:2px solid #e0c985; padding:2px;}
.ppys1 img{ width:100%; display:block;}
.ppys dd{ width:320px;background:#FFF; margin-top:15px; float:left; margin-left:12px;border:2px solid #e0c985; padding:2px; overflow:hidden;}
.ppys dd:nth-child(3n+1){ margin-left:0px;}
.ppys dd img{width:100%; display:block; height:208px;}
.team_list img{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.team_list img:hover{opacity: 1;-webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(1.2,1.2);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms;}
.ppry{ padding:20px 0px;}
.ppry11{ text-align:center;}
.ppry2{ width:514px; margin:0px auto; background:url(../images/ppry02.png) repeat-y top center;}
.ppry21{ width:224px;margin-top:36px;}
.ppry21 img{ width:220px; height:154px; display:block;}
.ppry21:nth-child(2){ margin-top:70px;}

.minnr{ width:1200px; margin:0px auto;}
.minleft{ width:896px; float:left;}
.newlist {width: 896px;margin-top: 40px;}
.newlist ul li {width: 894px;height: 195px;border: 1px solid #9e7f49;margin-bottom: 19px;}
.newlist ul li dl {padding: 0;display: table;margin-top: 21px;margin-right: 16px;margin-bottom: 21px;margin-left: 17px;}
.newlist ul li:hover {background: #cda96b;opacity: 0.8;}
.newlist ul li a{color: #62451b;}
.newlist ul li:hover a {color: #62451b;}
.newlist ul li:hover p{color: #62451b;}
.newlist ul li:hover em{color: #62451b;}
.newlist ul li dl dt {float: left;padding: 0;margin: 0;width: 240px;height: 150px;}
.newlist ul li dl dt img {width: 240px;height: 150px;border: 1px solid #dddddd;}
.newlist ul li dl dd {margin: 0;padding: 0;margin-left: 34px;width: 582px;position: relative;float: left;}
.newlist ul li dl dd h3 {color: #62451b;font-size: 20px;line-height: 24px;width: 478px;font-weight: 600;}
.newlist ul li dl dd h3 a {font-size: 20px;color: #62451b;}
.newlist ul li dl dd p {color: #62451b;font-size: 16px;height:84px; line-height:28px;width: 478px;margin-top: 6px;overflow: hidden;text-align: justify}
.newlist ul li dl dd p a {color: #62451b;font-size: 16px;}
.newlist ul li dl dd h4 {font-size: 16px; margin-top:12px;}
.newlist ul li dl dd h4 a {color: #62451b;}
.newlist ul li dl dd h4 em {color: #62451b;font-style: normal;padding-right: 40px;}
.newlist ul li dl dd span {position: absolute;right: 0;top: 0;width: 80px;color: #62451b;font-size: 20px;line-height: 60px;}
.newlist ul li dl dd span i {font-style: normal;font-size: 68px;line-height: 70px;width: 60px;border-bottom: 1px solid #62451b;}
.newlist ul li:hover span {color: #62451b;}
.minright{ width:280px; float:right; padding-top:28px;}
.tc-box{padding:5px 10px;margin: 10px 0;font-weight: normal;}
.headtitle{height:42px; line-height:35px;border-bottom: 1px solid #d1bf97; margin-bottom:8px;}
.headtitle span{ font-size:28px; font-weight:bold; color:#62451b;border-bottom: 1px solid #9e7f48; display:block; height:41px; width:120px;}
.ranking ul.unstyled li{padding: 5px 0;height: 36px;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #f0f0f0; font-size:16px; color:#9e7f48;}
.ranking ul.unstyled li a{transition:.5s;color:#62451b;}
.ranking ul.unstyled li i{transition: .5s;}
.ranking ul.unstyled li:hover a{color: #fc9b0b;}
.ranking ul.unstyled li:hover i{background: #bd9f6d;}
.ranking ul.unstyled li i{margin-right: 5px;}
.ranking li i{display: inline-block;width: 26px;height: 26px;line-height: 26px;margin-right: 15px;font-style: normal;color: #FFF;text-align: center;vertical-align: middle;background-color: #bd9f6d;}
.ranking li.top3 i{background: #9e7f48;}
.posts{ margin-top:20px;}
.posts .dl-horizontal a {}
.posts .dl-horizontal {margin-bottom: 15px;overflow: hidden;}
.posts .dl-horizontal dt {width: 88px; height:65px;float: left;}
.posts .dl-horizontal dt .img-wraper {display:block;padding: 1px;border: solid 1px #62451b;}
.posts .dl-horizontal dt img {width:100%;height: 100%; display:block;}
.posts .dl-horizontal dd {margin-left: 100px; height:60px; overflow:hidden;}
.posts .dl-horizontal dd p {margin: 0;}
.posts .dl-horizontal dd a {font-size: 16px;line-height:30px;color:#62451b;transition:.5s;}
.posts .dl-horizontal dd a:hover {text-decoration: none;color: #fc9b0b;}
.posts .dl-horizontal:hover dt img,.posts .dl-horizontal:hover dd a {color:#62451b;border-color: #FC9B0B !important;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.newshow1{ font-size:26px; font-weight:bold; padding:20px 0px;}
.newshow2{ font-size:18px; font-weight:bold;}
.newshow2 span{ padding-right:28px;}
.newshow3{ background-color:#bd9f6d; padding:15px 25px; margin-top:20px; }
.newshow31{ width:728px; font-size:16px; line-height:25px; height:100px;overflow:hidden; text-indent:32px;}
.newshow32{ width:97px;}
.newshow4{ margin:30px; font-size:18px;}
.newshow4,.newshow4 p,.newshow4 td,.newshow4 div,.newshow4 li,.newshow4 ul,.newshow4 dd{ font-size:18px; line-height:180%;}
.newshow4 p{ margin-bottom:10px;}
.newshowpic{ margin-top:20px;}
.newshowpic img{ display:block; border:2px solid #62451b; margin:0px auto; padding:3px;}
.newshow5{ width:830px; margin:50px auto 0px auto;}
.newshow51{ width:92px; height:36px; line-height:36px; background-color:#b67203; font-size:18px; text-align:center;color:#FFF;}
.newshow52{ width:92px; height:36px; line-height:36px; background-color:#9e7f48; font-size:18px; text-align:center;color:#FFF;}
.newshow5 a{ color:#FFF;}