body { font: 16px "microsoft yahei", heiti; background: url(../images/bkg.jpg) center 0 repeat-y #fff; }
a { color: #333; }
a.amore { color: #ed2515; font: 14px "microsoft yahei", heiti; float: right; }
a:hover { color: #da0322; }
ul, li, ol, ul { list-style: none; margin: 0; padding: 0; }
.row { margin-bottom: 20px; font-family: "microsoft yahei", heiti; }
.commom_margin_top { margin-top: 40px }
.commom_margin_bottom { margin-bottom: 40px }
/*****************************************************************************
 *@my.css
  *(本项目特有)
*****************************************************************************/
/*.topbkg{border-bottom:10px solid #b9b5aa}*/
.vidbkg { width:100%; height:880px; position:relative; background-image:url(../images/videoposter.jpg); background-size:cover }
#videobox { width: 100%; height: 100%; z-index: -9999; object-fit: cover; }
#videobox-m { display:none; }
.maintt { position:absolute; top:50%; left:50%; width:1170px; height:750px; margin-left:-575px; margin-top:-375px }
.maintt img { position:absolute }
.topbkg { background: url(../images/topbkg2.jpg) top center no-repeat; height: 880px; }
.topbkg-m { display: none }
.bkged { background: #e3e5d5; padding: 40px 0 }
.topfix { background: url(../images/bkg.jpg) center 0 no-repeat; }
.daoyu { width: 100%; padding: 20px 0; color:#806c59; }
.ddy { padding:20px 30px; margin-top:20px; background: #d7dbd1; color:#333; border-radius:40px 0 40px 0; }
#authormore { display: none }
.box1 p { line-height: 32px; text-indent: 32px }
.pinfo { /* background-color:rgba(200, 200, 200, .2); */ height: auto; padding-bottom: 20px; }
.pinfo h2 { font-size: 28px; text-align: center; margin-bottom: 20px;/*color:#930;border-top:1px solid #ccb88f;padding-top:20px*/ }
.pinfo h2 span { display: block; font-size: 14px; color: #b0b0b0; font-weight: normal; margin-top: 20px }
.pinfo p { line-height: 30px; text-indent: 32px }
.pinfo button { display: block; margin: 20px auto }
.cprt { color: #aaa; font-size: 16px; text-indent: 0!important; }
.author { background-image: url(../images/author.jpg); background-position: center; background-size: cover; height: 400px; border-radius: 800px; }
.daoyutt img { display: block; margin: 30px auto; }
.daoyutts img { display: block; margin: 30px auto; }
.tt { font-size: 22px; color: #930; line-height: 48px; margin: 40px 0; border-left: 12px solid #930; padding-left: 12px; text-indent: 0!important; }
.bias p { text-indent: 32px }
.zpzs { background-color: rgba(255, 255, 255, .2); padding: 15px 15px 0 15px; }
.zpzsbox {/*background-image:url(../images/zpzsbkg.jpg); background-position:center; background-size:cover;*/ padding: 0 }
pic-1 p { text-indent: 0 }
.hotimg { height:640px!important }
b { display: block; font-size: 20px; margin: 30px 0 10px 0 }
p i { font-style: normal; background: #faf7ed; padding: 0 5px; margin: 0 5px; color: #807759; font-size: 18px }
.imgshow .row { margin-bottom: 10px; margin-left: -5px; margin-right: -5px; }
.imgshow .row>div { padding-right: 5px; padding-left: 5px; }
.imgbox { background-size: cover; background-position: center; height: 300px }
.vidimg, .vidimg img { position:relative; width:100%; height:auto; }
.vidimg { margin-bottom:5px }
.vidimg video { width:100%; cursor: pointer; }
.videozone .col-sm-4 img { width: 100%; border: 0 }
.videobox { position: relative; }
.videobox a { text-decoration: none; }
.videobox .playico { background: url(../images/playico.png) 0 0 no-repeat; width: 64px!important; height: 64px!important; border: 0!important; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px }
.slick-dots { bottom: -50px }
.left1, .right1 { height: 360px }
.left2, .right2 { height: 260px }
.h-img { height:360px }
.v-img { height:480px }
.talk { padding-top: 20px; border-top: 1px solid #e0e0e0; margin-top: 20px; margin-bottom: 40px; text-align: left }
.talk p { text-align: left }
.thumbnail a:hover { text-decoration: none }
.thumbnail h3 { font-size: 16px; line-height: 22px; margin:0; text-align:center }
.thumbnail p { display:none; font-size: 14px; color: #808080 }
.moreworks { margin: 40px 0; }
.moreworks h2 { font-size: 26px; text-align: center; color:#e6e2d1; margin: 60px auto; background:#4ba75e; width:180px; padding:20px; border-radius:40px 0 40px 0 }
.editors { font-size:14px; line-height:28px; margin:20px 0; color:#83c066; margin-top:20px; }
.editors span { margin:0 10px }
.item-slider { position:relative; z-index:1; margin-top:40px }
.item-slider .item-slider-one.row { /*margin-left:-20px; margin-right:-20px*/ }
.item-slider .item-slider-one.row>.col { margin:0 20px }
.item-slider .item-slider-one .slider-img { width: 96%; height: 480px; background-size: cover; background-position: center; }
.daoyutt {display:block;}
.daoyutts {display:none;}
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .item-slider-one .slider-img {
height:500px
}
}
@media(max-width:767px) {
.item-slider .item-slider-one .slider-img {
height:360px
}
}
@media(max-width:575px) {
.item-slider .item-slider-one .slider-img {
height:260px
}
}
@media(max-width:767px) {
.item-slider .rooms-content-wrap {
margin-bottom:100px
}
}
.item-slider .rooms-content-wrap .room-content-box { background-color:rgba(11, 98, 115, 1); color:#d4d4d4; font-size:14px; padding:0 20px 20px; position:relative; z-index:2; width:33%; margin-top:-480px; height:400px }
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .rooms-content-wrap .room-content-box {
margin-top:-445px
}
}
@media(max-width:767px) {
.item-slider .rooms-content-wrap .room-content-box {
margin-top:-100px;
padding:50px 30px
}
}
@media(max-width:575px) {
.item-slider .rooms-content-wrap .room-content-box {
margin-top:-50px;
padding:50px 30px
}
}
.item-slider .rooms-content-wrap .room-content-box .slider-count { position:absolute; right:10px; font-size:14px; font-weight:700; top:10px; color:#4c4c4c; z-index:3; letter-spacing:2px }
.item-slider .rooms-content-wrap .room-content-box .slider-count .current { color:#14697f }
}
.item-slider .rooms-content-wrap .room-content-box h3 { font-size:26px; color:#fff; margin-bottom:20px }
.item-slider .rooms-content-wrap .room-content-box h3, .item-slider .rooms-content-wrap .room-content-box h3 a { color:#fff }
.item-slider .rooms-content-wrap .room-content-box .room-content-slider { padding-bottom:20px }
.item-slider .rooms-content-wrap .room-content-box .room-content-slider .single-content { overflow:hidden }
.item-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots { position:absolute; left:0; bottom:0 }
.item-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li { display:inline-block; cursor:pointer }
.item-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li button { font-size:0; border:0; background:#434343; width:16px; height:4px; margin:0 5px; -webkit-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.item-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li.slick-active button { width:26px; background-color:#14697f }
.item-slider .single-rooms-box { position:relative; margin-bottom:130px; margin-top:25px }
.item-slider .single-rooms-box .room-img { overflow:hidden; width:100%; height:500px }
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .single-rooms-box .room-img {
height:420px
}
}
@media(max-width:767px) {
.item-slider .single-rooms-box .room-img {
height:350px
}
}
.item-slider .single-rooms-box .room-img .img { height:100%; width:100%; background-size:cover; background-position:center; -webkit-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.item-slider .single-rooms-box:hover .img { -webkit-transform:scale(1.1); transform:scale(1.1) }
.item-slider .single-rooms-box .icons { background-color:#fff; padding:15px; position:absolute; top:-25px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-box-shadow:0 8px 16px 0 rgba(138, 138, 138, 0.04); box-shadow:0 8px 16px 0 rgba(138, 138, 138, 0.04); visibility:visible; opacity:0; -webkit-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
width:-webkit-max-content; width:-moz-max-content; width:max-content }
.item-slider .single-rooms-box .icons li { display:inline-block; margin:0 10px; color:#222 }
@media(max-width:575px) {
.item-slider .single-rooms-box .icons li {
margin:0 5px
}
}
.item-slider .single-rooms-box .room-desc { position:absolute; left:40px; right:40px; bottom:-115px; background-color:#fff; padding:40px; -webkit-box-shadow:0 8px 16px 0 rgba(138, 138, 138, 0.04); box-shadow:0 8px 16px 0 rgba(138, 138, 138, 0.04); font-size:14px; visibility:visible; opacity:0; -webkit-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .single-rooms-box .room-desc {
left:20px;
right:20px;
padding:30px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .single-rooms-box .room-desc {
left:20px;
right:20px;
padding:30px
}
}
@media(max-width:767px) {
.item-slider .single-rooms-box .room-desc {
left:10px;
right:10px;
padding:25px
}
}
.item-slider .single-rooms-box .room-desc h3 { font-size:36px; margin-bottom:10px; letter-spacing:-1px }
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .single-rooms-box .room-desc h3 {
font-size:32px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .single-rooms-box .room-desc h3 {
font-size:28px
}
}
@media(max-width:767px) {
.item-slider .single-rooms-box .room-desc h3 {
font-size:26px
}
}
.item-slider .single-rooms-box .room-desc .price { text-align:right; font-size:40px; color:#14697f }
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .single-rooms-box .room-desc .price {
font-size:32px
}
}
@media(max-width:767px) {
.item-slider .single-rooms-box .room-desc .price {
font-size:28px
}
}
@media(max-width:575px) {
.item-slider .single-rooms-box .room-desc .price {
text-align:left;
margin-top:10px
}
}
.item-slider .single-rooms-box .room-desc .price span { font-size:16px }
.item-slider .slick-current .single-rooms-box .room-desc, .item-slider .slick-current .single-rooms-box .icons { visibility:visible; opacity:1 }
.item-slider .slick-arrow { height:80px; width:80px; text-align:center; line-height:80px; font-size:20px; color:#eb8722; background:#fff; cursor:pointer; -webkit-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
position:absolute; top:40%; z-index:2; left:22%; -webkit-transform:translateY(-50%); transform:translateY(-50%) }
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .slick-arrow {
left:10%
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .slick-arrow {
left:5%
}
}
@media(max-width:767px) {
.daoyutts {display:block;}
.daoyutt {display:none;}
.item-slider .slick-arrow {
left:2%;
width:50px;
height:50px;
line-height:50px;
font-size:15px
}
}
.item-slider .slick-arrow.next-arrow { margin-left:20px; left:auto; right:22% }
@media only screen and (min-width:992px) and (max-width:1199px) {
.item-slider .slick-arrow.next-arrow {
left:auto;
right:10%
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.item-slider .slick-arrow.next-arrow {
left:auto;
right:5%
}
}
@media(max-width:767px) {
.item-slider .slick-arrow.next-arrow {
left:auto;
right:2%
}
}
.item-slider .slick-arrow:hover, .item-slider .slick-arrow.next-arrow { background-color:#14697f; color:#fff; -webkit-box-shadow:0 14px 24px 0 rgba(190, 173, 142, 0.3); box-shadow:0 14px 24px 0 rgba(190, 173, 142, 0.3) }


 /*移动端优化，在小于768像素的屏幕里,这里的样式才生效*/

@media (max-width: 1169px) {
.top-nav {
display: none;
}
.topbkg {
display: none
}
.topbkg-m {
display: block;
}
.topbkg-m img, .thumbnail img {
width: 100%;
height: auto!important;
}
.vidbkg {
height:32vh;
background-image:url(../images/topbkg-m1.jpg);
}
.maintt {
position:absolute;
top:50%;
left:50%;
width:100%;
height:32vh;
margin-left:-50%;
margin-top:-16vh
}
.vol26, .yylj, .smgl {
width:100%;
height:32vh;
}
#videobox {
display:none
}
 .daoyutt img {
max-width: 100%;
height: 48px;
margin-bottom: 20px;
}
 .daoyutts img {
max-width: 100%;
height: 48px;
margin-bottom: 20px;
}
.commom_margin_top {
margin-top: 20px
}
.pinfo h2 {
margin: 10px 0
}
p.talk {
margin-bottom: 0
}
.author {
width: 22rem;
height: 22rem!important;
margin: 0 auto
}
.zpzsbox {
padding: 0
}
.wqhg .row {
margin-bottom: 0
}
.imgbox {
margin-bottom: 10px
}
.bkged {
padding: 20px 0
}
 .pinfo {
margin: 0;
padding: 0
}
.bias {
padding: 15px
}
.slick-dots {
display: none!important
}
.wqhg {
margin-top: 30px
}
.zpzsbox {
min-height: auto;
}
.zpzs {
background: none;
padding: 0;
margin-top: 0
}
.moreworks h2 {
font-size: 18px;
text-align: center;/*color:#bf4343;*/
margin: 2px auto;
background:#4ba75e;
color:#fff;
width:120px;
padding:10px;
border-radius:20px 0 20px 0
}
.hide_on_mobile {
display: none
}
.videozone .col-sm-4 {
margin-bottom: 10px
}
.topfix {
background: none
}
.slick-dots {
display:none!important
}
 .imgshow .row {
margin-bottom: 0;
}
.box1 p {
line-height:30px
}
.daoyutt img {
margin:10px auto;
}
.daoyutts img {
margin:10px auto;
}
.imgbox {
max-height:300px;
}
.col-xs-6 {
padding:0 5px
}
.editors {
display:flex;
flex-direction:column
}
}