.eng-type { padding-top: 26px; }
.eng-type > ul { font-size: 0; }
.eng-type > ul > li { display: inline-block; width: 33.33%; line-height: 16px; font-size: 16px; color: #333; text-align: center; vertical-align: top; margin-bottom: 20px }
.eng-type > ul > li a { display: block; transition: .3s; }
.eng-type-rect { margin-top: 15px; opacity: 0; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
.eng-type > ul > li:hover .eng-type-rect, .eng-type > ul > li.cur .eng-type-rect { opacity: 1; }
.eng-type > ul > li:hover a, .eng-type > ul > li.cur a { color: #00653C; }
.room-list { padding-top: 50px; border-top: 1px solid #cacaca; margin-top: -7px; min-height: 579px; }
.room-list > ul { font-size: 0; opacity: 0; -o-transition: .2s; -moz-transition: .2s; transition: .2s; }
.room-list > ul > li { display: inline-block; /*margin-right: 29px;*/
width: 33.33%; margin-bottom: 50px; vertical-align: top; text-align: center; }
.room-list > ul > li > a { display: block; width: 100%; height: 100%; }
.room-one { /*width: 514px;*/
width: 96.375%; display: inline-block; }
.room-one-img { position: relative; display: inline-block; /*width: 514px;*/
	/*height: 398px;*/
width: 100%; overflow: hidden; }
.room-one-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
.room-list > ul > li:hover .room-one-img span { opacity: .3; }
.room-one-img-img { position: relative; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /*width: 100%;*/
	/*width: auto;*/
height: 100%; }
.room-one-desc i { position: absolute; z-index: -1; left: 0; top: -100%; width: 20.1%; height: 100%; background: #00693e; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
.room-list > ul > li:hover .room-one-desc i { top: 0; }
.room-one-desc .col-go-2 { left: 20%; -o-transition: .3s .1s; -moz-transition: .3s .1s; transition: .3s .1s; }
.room-one-desc .col-go-3 { left: 40%; -o-transition: .3s .2s; -moz-transition: .3s .2s; transition: .3s .2s; }
.room-one-desc .col-go-4 { left: 60%; -o-transition: .3s .3s; -moz-transition: .3s .3s; transition: .3s .3s; }
.room-one-desc .col-go-5 { left: 80%; -o-transition: .3s .4s; -moz-transition: .3s .4s; transition: .3s .4s; }
.room-one-img-more { position: absolute; top: 40%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 24px; color: #fff; opacity: 0; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
.room-list > ul > li:hover .room-one-img-more { top: 35%; opacity: 1; }
.room-share-down { position: absolute; bottom: -5%; width: 100%; color: #fff; font-size: 0; opacity: 0; -o-transition: .5s .15s; -moz-transition: .5s .15s; transition: .5s .15s; }
.room-list > ul > li:hover .room-share-down { bottom: 0; opacity: 1; }
.room-share-down img { margin-top: -3px; margin-right: 20px; }
.room-share, .room-down { display: inline-block; width: 50%; line-height: 80px; vertical-align: top; font-size: 16px; color: #fff; }
.room-share img, .room-down img { -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
.room-share:hover img, .room-down:hover img { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.share-down-line-I, .share-down-line-II { position: absolute; background: #fff; opacity: .41; }
.share-down-line-I { width: 100%; height: 1px; }
.share-down-line-II { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; }
.room-one-desc { position: relative; padding-top: 18px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.room-one-desc h3 { margin-bottom: 15px; line-height: 18px; font-size: 18px; color: #333; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
.room-one-desc p { line-height: 14px; font-size: 14px; color: #333; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
.room-list > ul > li:hover .room-one-desc h3, .room-list > ul > li:hover .room-one-desc p { color: #fff; }
@media (max-width: 1200px) {
.room-share,  .room-down { line-height: 70px; font-size: 16px; }
.room-one-img-more { font-size: 20px; }
.eng-type { padding-top: 20px; position:relative; z-index:99; }
.eng-type-rect { margin-top: 10px; }
}
 @media (max-width: 1200px) {
}
@media (max-width: 62em) {
.room-list > ul > li { width: 50%; margin-bottom: 30px; }
.room-one-desc h3 { margin-bottom: 10px; line-height: 16px; font-size: 16px; }
.room-one-desc { padding-top: 10px; height: 60px; }
.room-share-down img { margin-top: -3px; margin-right: 10px; }
.room-share, .room-down { line-height: 50px; font-size: 14px; }
.room-share img,  .room-down img { width: 18px; }
.room-one-img-more { font-size: 18px; }
.room-list { padding-top: 40px; }
}
@media (max-width: 48em) {
.room-list > ul > li { margin-bottom: 20px; }
}
@media (max-width: 34em) {
.room-list { padding-top: 30px; }
.room-list > ul > li { width: 100%; margin-bottom: 26px; }
.eng-type > ul > li { line-height: 14px; font-size: 14px; }
}