html, body { box-sizing:content-box;}

body { font-size:14px; font-family:'microsoft yahei',Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB',Simsun,sans-self; -webkit-tap-highlight-color:rgba(0,0,0,0);}

body, select, input, textarea { color:#333;}

:focus { outline:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#89b929;}
a:visited,a:active { color:#333;}

::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none;}
::selection { background:#fcd700; color:#fff; text-shadow:none;} 

ins { background-color:#fcd700; color:#000; text-decoration:none;}
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}

input { -webkit-appearance:none; border-radius:0px;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

img { vertical-align: bottom;}


.overflow { overflow:hidden; width:100%; height:100%;}

.text-center { text-align:center;}
.text-right { text-align: right;}

.row { width:1200px; margin:auto; position:relative;}
.min-width { min-width:1200px; margin:auto;}
.col-l { float: left;}
.col-r { float: right;}

.logo { text-align: center; background: #1b1b1b;}

.menu { height: 40px; line-height: 40px; border-top: #6f6442 solid 1px; background: #1b1b1b; font-size: 0px;}
.menu li { display: inline-block; font-size: 14px; width: 20%; position: relative;}
.menu li a { color: #aa975d; display: block; position: relative; text-align: center;}

.menu li ul { position: absolute; top: 40px; z-index: -1; opacity: 0; width: 100%; background: #FFF; border: #adb5a3 solid 1px; transition: all 1s;}
.menu li li { display: block; width: 100%; background: #FFF;}
.menu li li a { padding: 5px 0px; text-align: center; transition: all .2s;}
.menu li li a:hover { background: #aa975d; color: #FFF;}

.menu li:hover ul { opacity: 1; z-index: 10000;}

.banner { min-width: 1200px; width: 100%; height: 521px; position: relative;}
.banner .slide { height: 521px; width: 100%; position: absolute;}
.banner .slide li { height: 521px; background-position: center; background-size:cover;}

.banner .prev,.banner .next { position: absolute; z-index: 1000; top: 50%; margin-top: -40px; cursor: pointer;}
.banner .prev { left: 50%; margin-left: -600px;}
.banner .next { right: 50%; margin-right: -600px;}

.banner .pager { text-align: center; width: 100%; position: absolute; bottom: 20px; z-index: 1000;}
.banner .pager li { display: inline; padding: 5px; border-radius: 100px; background:#FFF; font-size: 0px; margin: 0px 5px; transition: all .2s; cursor: pointer;}
.banner .pager li.on { padding: 7px; background: #b9a465;}

.about { height: 623px; background: url(skin/house-bg.jpg) center no-repeat; padding-top: 50px; background-size: cover;}
.about .row { width: 641px; height: 500px; background: #FFF; padding: 40px;}

.about .name { text-align: center; font-size: 30px;}
.about .name::after { content: ''; width: 36px; height: 2px; font-size: 0px; background: #b9a465; margin: auto; margin-top: 10px; display: block;}
.about .html { text-align: justify; line-height: 24px; padding-top: 40px;}

.intro { padding: 60px 0px; background:url(skin/intro-bg.jpg);}
.intro .show { float: left;}
.intro .info { padding-left: 380px;}
.intro .info .name { font-size: 30px; padding-bottom: 20px;}
.intro .info .html { text-align: justify; line-height: 30px;}

.futrue { padding: 60px 0px; background: #f4f4f4;}
.futrue .show { float: right;}
.futrue .info { width: 650px; float: left;}
.futrue .info .name { font-size: 30px; padding-bottom: 20px;}
.futrue .info .html { text-align: justify; line-height: 30px;}

.evni { padding: 60px 0px;}
.evni .show { float: left;}
.evni .info { padding-left: 400px;}
.evni .info .name { padding-bottom: 20px;}
.evni .info .name span { font-size: 36px; color: #b9a465;}
.evni .info .name a { float: right; font-size: 12px; color: #b9a465; padding-top: 30px;}
.evni .info .html { text-align: justify; line-height: 30px; padding-bottom: 20px;}

.foot { background: #1b1b1b; padding: 40px 0px; color: #FFF;}

.foot .col-l { width: 1000px;}
.foot .col-l .item {padding: 5px 0px 5px 30px; line-height: 24px;}
.foot .col-l .item:first-child p:last-child { border-bottom: #7c7c7c dashed 1px; padding-bottom: 10px;}
.foot .col-r { width: 136px;}
.foot .col-r span { display: block; padding-top: 10px; text-align: center;}

.foot .icon-01 { background: url(skin/foot-icon-01.jpg) left 8px no-repeat;}
.foot .icon-02 { background: url(skin/foot-icon-02.jpg) left center no-repeat;}
.foot .icon-03 { background: url(skin/foot-icon-03.jpg) left center no-repeat;}
.foot .icon-04 { background: url(skin/foot-icon-04.jpg) left center no-repeat;}

.part-01 { padding: 60px 0px; background: url(skin/intro-bg.jpg);}
.part-01 .name { text-align: center; font-size: 30px;}
.part-01 .name::after { content: ''; width: 36px; height: 2px; font-size: 0px; background: #575757; margin: auto; margin-top: 10px; display: block;}
.part-01 .html { padding-right: 270px; text-align: justify; padding-top: 40px; line-height: 30px;}
.part-01 .show { border: #d3d3d3 solid 1px; border-top: 0px; position: absolute; right: 0px; top: -60px;}

.part-02 { padding: 60px 0px;}
.part-02 .name { text-align: center; font-size: 30px; padding-bottom: 40px;}
.part-02 .show { padding-bottom: 20px;}
.part-02 .html { text-align: justify; line-height: 30px;}

.part-03 { background: url(skin/part-03-bg.jpg) center no-repeat; background-size: 100% 100%; padding: 60px 0px;}
.part-03 .name { color: #FFF; text-align: center; font-size: 30px; padding-bottom: 40px;}
.part-03 .name::after { content: ''; width: 36px; height: 2px; font-size: 0px; background: #FFF; margin: auto; margin-top: 10px; display: block;}
.part-03 .html { padding: 30px; background: rgba(255,255,255,.8); line-height: 30px;}
.part-03 .more { text-align: right; font-size: 12px; padding-top: 10px;}

.part-04 { background: url(skin/part-04-bg.jpg) center no-repeat; background-size:100% 100%; padding: 60px 0px;}
.part-04 .name { color: #333; text-align: center; font-size: 30px; padding-bottom: 40px;}
.part-04 .name::after { content: ''; width: 36px; height: 2px; font-size: 0px; background: #FFF; margin: auto; margin-top: 10px; display: block;}

.part-04 .swiper-container { width: 691px; margin: auto;}
.part-04 .swiper-slide {background: #FFF;}
.part-04 .swiper-container .name { font-size: 24px; text-align: left; color: #b9a465; padding: 20px;}
.part-04 .swiper-container .name::after{ display: none;}
.part-04 .swiper-container .html { padding: 20px; padding-top: 0px; line-height: 30px; text-align: justify;}

.part-04 .swiper-button-prev { left: 200px; background: url(skin/part-04-prev.png) center no-repeat;}
.part-04 .swiper-button-next { right: 200px; background: url(skin/part-04-next.png) center no-repeat;}

.body { padding: 60px 0px;}
.body .name { color: #333; text-align: center; font-size: 30px; padding-bottom: 40px;}
.body .name::after { content: ''; width: 36px; height: 2px; font-size: 0px; background: #333; margin: auto; margin-top: 10px; display: block;}
.body .menu { background: none; border: 0px; font-size: 14px; text-align: center;}
.body .menu a { padding: 5px 20px; border-radius: 100px;}
.body .menu a.on { background: #b9a465; color: #FFF;}

.img-list { padding-top: 40px;}
.img-list li { float: left; width: 266px; padding-left: 30px;}
.img-list li img { display: block; border:#c2c2c2 solid 1px;}
.img-list li span { display: block; text-align: center; padding: 20px 0px;}

.txt-list { padding-top: 40px;}
.txt-list .item { height: 138px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #dadada dashed 1px;}
.txt-list .item .show { float: left;}
.txt-list .item .info { padding-left: 200px;}
.txt-list .item .name { font-size: 18px; text-align: left; padding-bottom: 10px;}
.txt-list .item .name::after { display: none;}
.txt-list .item .text { line-height: 24px; color: #8b8b8b; padding-bottom: 10px; height: 48px;}
.txt-list .time { line-height: 50px; background: url(skin/time-icon.jpg) left center no-repeat; padding-left: 30px;}
.txt-list .time strong { float: right; font-weight: normal; font-size: 12px; color: #b9a465;}
.txt-list .time span { color: #b9a465;}

.cont .name { font-size: 24px;}
.cont .name::after { display: none;}
.cont .time { text-align: center; color: #949494; padding-bottom: 20px; border-bottom: #dadada dashed 1px; margin-bottom: 20px;}
.cont .html { color: #8b8b8b; text-align: justify; line-height: 30px;}

.contact { background: url(skin/intro-bg.jpg);}

.col-04 { padding-top: 40px;}
.col-04 .item { width: 25%; float: left; text-align: center;}
.col-04 .item .name { padding: 20px 0px; color: #b9a465; text-align: center; font-size: 24px;}
.col-04 .item .name::after { display: none;}
.col-04 .item .html { color: #8b8b8b; line-height: 30px;}

.pager { height:65px; line-height:35px; padding-top:10px; text-align:center;}
	.pager a { margin:0px 5px; background:#fff; color:#333; padding:3px 10px; border:#CCC solid 1px; border-radius:3px;}
    .pager span { color:#FFF; background:#c6aa66; border:#c6aa66 solid 1px; margin:0px 5px; padding:3px 10px; border-radius:3px;}
