@charset "utf-8";
/* CSS Document */
.ind_banner{ position: relative; margin-bottom:20px;}
.ind_banner li a{ display:block; }
.ind_banner li a .phoneimg{ display: none;}
.ind_banner .owl-dots{display: none;margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;}
.ind_banner .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;}
.ind_banner .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); }
.ind_banner .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); }
.ind_banner .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;}
.ind_banner .owl-nav .owl-prev{ left: 5%; background-position: 0 0;}
.ind_banner .owl-nav .owl-next{ right: 5%; background-position: -50px 0;}
.ind_banner .owl-nav .owl-prev:hover{ background-position: 0 -50px;}
.ind_banner .owl-nav .owl-next:hover{ background-position: -50px -50px;}
@media(max-width:1200px){
.ind_banner li a .pcimg{ display: none;}
.ind_banner li a .phoneimg{ display: block;}
.ind_banner .owl-dots>div{ margin: 0 3px;}
}

.ind_title{ padding:0px 20px; background-image: linear-gradient(to bottom, #a43749 0%, #7f1929 100%); height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold;}
.ind_title .more{ float:right; font-size:12px; font-weight:normal;}
.ind_title a{ color:#fff;}

.ind_fl{ float:left; width:32%;}
.ind_mid{ float:left; width:32%;}
.ind_fr{ float:right; width:32%;}
.ind_box{border:1px solid #e7e7e7; height:310px}



.ind_list{ padding:0 20px}
.ind_list ul li{ position: relative; line-height: 42px; padding-right: 16%;}
.ind_list ul li+li { border-top: 1px dashed #e5e5e5;}
.ind_list ul li a{ display: block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; font-size:14px; color: #666;}
.ind_list ul li a i{ font-size: 10px; color:#bf8c94; font-style: normal; padding-right: 10px;}
.ind_list ul li a:hover{color: #7f1929;}
.ind_list ul li time{ position: absolute; right: 0; top:0; color: #999; font-size:14px;}



.ind_photo{ width:66%; height:auto}
.ind_photo li{ position: relative;}
.ind_photo .pic{ display: block;}
.ind_photo .owl-dots{ position: absolute; left: 5%; bottom: 3%;}
.ind_photo .owl-dots >div{ display: inline-block; width: 10px; height: 10px; margin-left: 6px;}
.ind_photo .owl-dots >div span{ display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.ind_photo .owl-dots >div.active span{ background-color: #7f1929;}
@media only screen and (min-width:1200px) and (max-width:767px) {
.ind_photo .pic{ background: none !important;}
}
@media only screen and (min-width:768px) and (max-width:1999px) {
.ind_photo .pic{ background-repeat: no-repeat; background-position: center center; background-size: cover; height: 460px; width: 100%;}
.ind_photo .pic img{ display: none;}
}

.ind_floor_1 .photo{ height:auto; margin-bottom:13px;}
.ind_floor_1 .photo .pic{ padding:5px;}
.ind_floor_1 .photo img{ width:100%}

.ind_floor_2 .about{ padding:0 20px; color: #666; font-size: 14px; line-height: 24px; height:240px; overflow:hidden}
.ind_floor_2 .about p{}

.ind_floor_3 .ind_fl .list{ padding:0 20px;}
.ind_floor_3 .ind_fl .list li{ padding: 12px 0 12px 15px; position:relative; }
.ind_floor_3 .ind_fl .list li+li { border-top: 1px dashed #e5e5e5;}
.ind_floor_3 .ind_fl .list li:before{ position: absolute; left: 0; top:20%; content: "▶"; color: #e6e6e6; }
.ind_floor_3 .ind_fl .list h4{ margin: 0; font-weight: normal; font-size: 14px; margin-bottom: 5px;}
.ind_floor_3 .ind_fl .list h4 a{ color: #666;}
.ind_floor_3 .ind_fl .list h4 a:hover{ color: #7f1929;}
.ind_floor_3 .ind_fl .list p{ font-size:12px; color:#999; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}

.ind_menu{ text-align:center;}
.ind_menu ul li{ width:30%; padding:4% 0; display:inline-block; overflow:hidden; text-align: center;} 
.ind_menu ul li .pic img{ border-radius: 50%; border:1px solid #c08e96; transition: all .5s ease-in-out;}
.ind_menu ul li:hover .pic img{ transform: rotateY(180deg);}
.ind_menu ul li h4{ text-align: center; margin:5px 0 0; font-size: 14px;}
.ind_menu ul li h4 a{ color: #666;}
.ind_menu ul li:hover h4 a{ color: #7f1929;}

.ind_floor_4 .ind_fl .ind_list ul li{ padding-right:0}

@media(min-width:1024px){
.ind_mid{ margin:0 1.5%;}

.ind_floor_1,
.ind_floor_2,
.ind_floor_3{ padding-bottom:20px;}
.ind_floor_2 .about{ height:262px; overflow:hidden}
}
@media(max-width:1025px){
.ind_fl{ float:left; width:49%;}
.ind_mid{ float:right; width:49%;}
.ind_fr{ float:none; width:100%; clear:both}
.ind_floor_1 .ind_photo{ width:100%; float:none;}
.ind_floor_1 .photo{ margin-top:13px;}
.ind_floor_2 .ind_fl,
.ind_floor_2 .ind_mid,
.ind_floor_3 .ind_fl,
.ind_floor_3 .ind_mid,
.ind_floor_4 .ind_fl,
.ind_floor_4 .ind_mid{ margin-top:13px; margin-bottom:13px;}
.ind_floor_3 .ind_fr{ height:auto}
.ind_menu ul li{ width:18%}
}
@media(max-width:640px){
.ind_fl,
.ind_mid,
.ind_fr{ float:none; width:100%; clear:both}
.ind_box{ height:auto}
.ind_menu ul li{ width:30%}
}