@charset "utf-8";
/* CSS Document */
#banner { }
.owl-theme .owl-controls { margin: 0; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 46px; height: 46px; display: block; margin-top: -23px; border-radius: 100%; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: 0; background: url('../testimg/icon-left.png') no-repeat center center; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: 0; background: url('../testimg/icon-right.png') no-repeat center center; }
#banner .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 10%; opacity: 1; filter: alpha(opacity=100); }
#banner .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 10%; opacity: 1; filter: alpha(opacity=100); }
#banner .owl-theme .owl-controls .owl-dots { position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; }
#banner .owl-theme .owl-controls .owl-dots .owl-dot span { border: 2px solid #fff; background: none; width: 12px; height: 12px; }
#banner .owl-theme .owl-controls .owl-dots .active span { background: #fff; border: 2px solid #fff; }

.Home-left { float: left; width: 31%; }
.Home-right { float: right; width: 65%; }
.Home-Title { padding-bottom: 15px; }
.Home-Title h3 { line-height: 20px; font-size: 16px; color: #3f3f3f; }
.Home-Title .cn { font-weight: 600; margin-right: 10px; }
.Home-Title .en { font-size: 16px; color: #b5a373; font-weight: 100; display: inline-block; text-transform: uppercase; }
.Home1 { background: #f8f5ed; padding-top: 20px; }
.Home2 { background: #eedfc2; padding-top: 30px; }
.Home2 .Home-Title .en { color: #776f61; }

/******新闻tab切换******/
.News-Tit { border-bottom: 3px solid #eae1cb; }
.News-Tit li { float: left; margin-right: 20px; }
.News-Tit li a { font-size: 16px; color: #000; line-height: 20px; padding-bottom: 15px; display: block; position: relative; }
.News-Tit li .line { position: absolute; left: 50%; width: 0; height: 3px; bottom: -3px; background: #ad281b; display: block; }
.News-Tit li.cur a, .News-Tit li:hover a { color: #ad281b; }
.News-Tit li.cur .line, .News-Tit li:hover .line { left: 0; width: 100%; }
.Host-news { padding: 20px 0; border-bottom: 1px solid #eae1cb; margin-bottom: 5px; }
.Host-news .pic { float: left; width: 33%; overflow: hidden; }
.Host-news .pic img { width: 100%; }
.Host-news .Intro { float: right; width: 64%; }
.Host-news .Intro .Host-date { font-size: 14px; color: #55595d; line-height: 30px; display: block; }
.Host-news .Intro p { font-size: 14px; color: #383131; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; }
.Host-news:hover .Intro p { color: #c00b0e; }
.Host-news:hover .Intro .Host-date { color: #c00b0e; }
.Host-news:hover .pic img { transform: scale(1.1); }
.News-main { padding-bottom: 20px; }
.News-Tab li .news-date { font-size: 12px; color: #55595d; line-height: 26px; margin-right: 10px; }
.News-Tab li h3 { font-size: 12px; color: #3b3b3b; line-height: 26px; font-weight: 500; white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden; height: 26px; }
.News-Tab li:hover h3 { color: #c00b0e; }
.News-Tab { display: none; }
.News-Tab.cur { display: block; }

/******服务领域******/
.Service { background: #fef7e8; }
.Service li { float: left; width: 20%; }
.Service .Item { padding: 20px; text-align: center; height: 230px; border-right: 1px solid #f8f5ed; position: relative; z-index: 8; overflow: hidden; }
.Service .Item .pic { margin: 25px auto; height: 60px; width: 60px; overflow: hidden; position: relative; }
.Service .Item .pic img { position: absolute; top: 0; left: 0; transition: all 0.3s linear; }
.Service .Item h3 { margin: 20px 0 15px 0; font-size: 14px; color: #000000; line-height: 20px; transition: all 0.3s linear; }
.Service .Item h3 .en { font-size: 15px; color: #b5a373; line-height: 20px; display: block; text-transform: uppercase; margin-top: 5px; transition: all 0.3s linear; }
.Service .Item .bg { background: #c00b0e; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: block; z-index: -1; }
.Service .Item .line { position: absolute; left: 0; bottom: 0; height: 5px; width: 0; background: #9e070a; }
.Service .Item:hover .pic img { top: -60px; transition-delay: 0.3s; }
.Service .Item:hover h3 { color: #fff; transition-delay: 0.3s; }
.Service .Item:hover h3 .en { color: #f7b86b; transition-delay: 0.3s; }
.Service .Item:hover .bg { top: 0; }
.Service .Item:hover .line { width: 100%; z-index: 2; }

/******服务领域******/
.AboutUs { }
.About p { font-size: 14px; color: #56482d; line-height: 22px; margin-bottom: 10px; text-align: justify; }
.About .pic img { width: 100%; }

/******物业项目******/
.Project { background: #fff; padding: 10px 25px; box-shadow: 0 -2px 20px 1px #999; }
.Projectlist { margin: 0 -10px; }
.Projectlist li { }
.Projectlist .Item { margin: 10px; position: relative; }
.Projectlist .Item .pic { overflow: hidden; }
.Projectlist .Item .pic img { width: 100%; }
.Projectlist .Item .Hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../testimg/jectbg.png'); text-align: center; padding: 20px; opacity: 0; filter: alpha(opacity=0); }
.Projectlist .Item .Hover h3 { position: absolute; left: 0; width: 100%; top: 50%; margin-top: -32px; }
.Projectlist .Item .Hover span { color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; display: block; }
.Projectlist .Item .Hover .iconfont { background: #fff; width: 35px; height: 35px; border-radius: 100%; color: #c00b0e; font-size: 26px; line-height: 35px; text-align: center; margin: 10px auto; }
.Projectlist .Item:hover .Hover { opacity: 1; filter: alpha(opacity=100); }
.Projectlist .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 20px; height: 30px; margin-top: -15px; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
.Projectlist .owl-theme .owl-controls .owl-nav .owl-prev { left: -20px; background: url('../images/icon_left.png') no-repeat center center; }
.Projectlist .owl-theme .owl-controls .owl-nav .owl-next { right: -20px; background: url('../images/icon_right.png') no-repeat center center; }
.Projectlist .owl-theme:hover .owl-controls .owl-nav [class*=owl-] { opacity: 1; filter: alpha(opacity=100); }

@media (min-width: 1200px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 768px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 1025px) {
    .Home-Title { padding-bottom: 10px; }
    .Home-left { float: none; width: 100%; }
    .Home-right { float: none; width: 100%; }
    .News-Tit li a { padding-bottom: 10px; }
    .AboutUs { margin-bottom: 20px; }
    #Project { margin-bottom: 20px; }
}

@media (max-width: 768px) {
}

@media (max-width: 640px) {
    #banner .owl-theme .owl-controls .owl-nav [class*=owl-] { display: none; }
    .Service li { width: auto; float: none; }
    .Service .Item { padding: 10px; height: 200px; }
    .Project { padding: 0px 15px; }
    .Host-news { padding: 15px 0; }
}

@media (max-width: 520px) {
    .Service .Item .pic { margin: 15px auto; }
    .Service .Item { height: 180px; }
}

@media (max-width: 420px) {
    .Service .Item { height: 160px; }
    .Service .Item .pic { margin-top: 5px; }
    .Host-news { padding: 10px 0; }
}