@charset "utf-8";
/* CSS Document */
body{ padding:0;}
.zz-top{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; z-index:15;}
.zz-top .t-logo{}
.zz-top .T-nav{ margin:0;}
.zz-top .T-nav li > a{ color:#fff; line-height:88px;}
.zz-top .T-nav li a:before{ bottom:0;}
.textlc{ color:#fff; font-size:20px; border-left:1px solid #fff; padding-left:15px; margin-left:15px; margin-top:35px;}
.zz-top .T-nav li .thr{ background:rgba(0,0,0,0.8); top:88px;}
.zz-top .T-nav li .thr a{ color:#fff;}


.zz-vonca{ background:#404a51; color:rgba(255,255,255,0.4);}


.oaerubn{ padding-bottom:3%;}
.luecbnna{ padding:40px 0;}
.luecbnna .d1{ font-size:24px; font-weight:bold;}
.luecbnna .d2{ color:#999; text-transform:uppercase;}

.mefua01{ width:66%;}
.mefua02{ width:32%;}
.olfapel a{ display:block; position:relative; overflow:hidden;}
.olfapel a .pic img{ width:100%; height:382px; object-fit:cover; transition:all 0.5s ease;}
.olfapel a .tit{ position:absolute; left:0; bottom:0; left:0; width:100%; padding:15px 20px; color:#fff; z-index:2; background:url(../images/tm.png) repeat-x center center; background-size:auto 100%;}
.olfapel a .tit .d1{ font-size:16px; line-height:25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.olfapel a .tit .d2{ line-height:25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.dloitea li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.dloitea li:nth-child(3n){ margin-right:0;}
.dloitea li a{ display:block; position:relative; overflow:hidden;}
.dloitea li a .pic img{ width:100%; height:430px; object-fit:cover; transition:all 0.5s ease;}
.dloitea li a .tit{ position:absolute; left:0; bottom:0; left:0; width:100%; padding:15px 20px; color:#fff; z-index:2; background:url(../images/tm.png) repeat-x center center; background-size:auto 100%; transition:all 0.5s ease;}
.dloitea li a .tit .d1{ font-size:16px; line-height:25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dloitea li a .tit .d2{ line-height:25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.opbelam{ padding:2% 0;}
.opbelam .pic{ width:45%;}
.opbelam .con{ color:#666; line-height:2; width:50%;}

.infceub li{ margin-bottom:3%; background:#f4f4f4;}
.infceub li a{ display:block; color:#333; transition:all 0.5s ease;}
.infceub li a .pic{ overflow:hidden; width:65%;}
.infceub li:nth-child(2n) a .pic{ float:right;}
.infceub li a .pic img{ width:100%; height:382px; object-fit:cover;}
.infceub li a .con{ width:35%; padding:0 4%;}
.infceub li a .con .olbrbeb{ height:382px; display:table; width:100%;}
.infceub li a .con .olbrbeb .d1{ font-size:28px;}
.infceub li a .con .olbrbeb .d2{ margin-top:30px; line-height:22px;}
.infceub li a .con .olbrbeb .d3{ margin-top:30px;}
.infceub li a .con .olbrbeb .d3 span{ border:1px solid #ddd; padding:0 45px 0 18px; line-height:40px; display:inline-block; border-radius:20px; color:#2b9bde; background:url(../images/ra01.png) no-repeat 80px center; transition:all 0.5s ease;}

.lbeamne li{ width:33.33%; text-align:center; padding:4%; text-align:center; float:left;}
.lbeamne li .tit{ font-size:18px; margin:20px 0;}
.lbeamne li .con{ color:#666; line-height:1.6;}

#map{ height:500px; margin-top:4%;}

.lbunaemcc span{ display:inline-block; color:#fff; font-weight:bold; font-size:32px; padding:0 40px; line-height:60px; background:#c4c4c4; margin:0 20px; border-top-left-radius:25px; cursor:pointer;}
.lbunaemcc span.cur{ background:#00a4e3;}

.laebunm li{ float:left; width:15%; margin-right:2%; margin-bottom:2%; background:#f6f6f6; padding:10px;}
.laebunm li:nth-child(6n){ margin-right:0;}
.laebunm li img{ width:100%; height:100px;object-fit: scale-down; }


@media (min-width: 1201px){
.olfapel a:hover .pic img,.dloitea li a:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}
.infceub li a:hover{ background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.15); transition:all 0.5s ease;}
.infceub li a:hover .con .laebun .d3 span{color:#fff; background:#2b9bde url(../images/ra02.png) no-repeat 80px center; transition:all 0.5s ease;}
.dloitea li a:hover .tit{ background:rgba(0,0,0,0.8); transition:all 0.5s ease;}


}




@media (max-width: 1200px){
.olfapel a .pic img,.dloitea li a .pic img{ height:280px;}
.t-logo{ padding:10px 0;}
.t-logo img{ height:30px;}
.textlc{ display:none;}
.zz-top .mob-nav span,.zz-top .mob-nav:before,.zz-top .mob-nav:after{ background:#fff;}
.T-nav{ background:rgba(0,0,0,0.8);}
.zz-top .T-nav li a{ color:#fff !important; line-height:50px;}
.zz-top .T-nav li .thr{ position:relative; top:0;}
#map{ height:300px;}
}

@media (max-width: 780px){
.mefua01{ width:100%; margin-bottom:15px;}
.mefua02{ width:100%;}
.olfapel a .pic img,.dloitea li a .pic img{ height: auto;}
.dloitea li{ width:100%; margin-bottom:15px;}
.luecbnna{ padding:25px 0;}
.luecbnna .d1{ font-size:20px;}
.opbelam .pic{ width:100%;}
.opbelam .con{ width:100%; margin-top:3%;}
.infceub li a .pic{ width:100%;}
.infceub li a .pic img{ height:45vw;}
.infceub li a .con{ width:100%; padding:0;}
.infceub li a .con .olbrbeb{ height:auto; display:block; padding:4%;}
.infceub li a .con .olbrbeb .d1{ font-size:20px;}
.infceub li a .con .olbrbeb .d2,.infceub li a .con .olbrbeb .d3{ margin-top:15px;}
#map{ height:45vw;}
.lbunaemcc span{ line-height:45px; padding:0 40px; font-size:22px; margin:0 5px;}
.laebunm li{ width:32%;}
.laebunm li:nth-child(3n){ margin-right:0;}

}