@charset "utf-8";
/* CSS Document */
.home_banner{ position:relative; background-color:#f5f5f5; height:300px}
.home_banner .owl-carousel .owl-item .item{ background:no-repeat center center; height:300px;}
.home_banner .owl-carousel .owl-item img.wapimg{ display:none}
.home_banner .owl-carousel .owl-dots{ position:absolute; width:100%; bottom:5%;}
.subject_name{ position:absolute; width:100%; height:100%; z-index:100}
.subject_name .auto{ height:100%}
.subject_name span{ display:table; width:100%; height:100%;}
.subject_name b{ font-weight:normal; display:table-cell; vertical-align:middle; color:#fff; font-size:40px; line-height:40px;}

.boxshadow{box-shadow: 0 0 10px 1px #e1e1e1;}
.ind_name{ line-height:26px; padding:20px 0; font-size:20px; color:#078999;}
.ind_name b{ padding-left:26px; background:no-repeat left}
.ind_name a{ display:inline-block; padding:0px 12px; float:right; color:#999999; font-size:12px; border-radius:0 100px 100px 0; border:solid 1px #e5e5e5;}
.ind_name a:hover{ color:#fff; border-color:#078999; background-color:#078999}
.ind_floor_1{ background-color:#fff; position:relative; min-height:400px;}
.ind_floor_1 .info{ float:right; width:52%; background-color:#fff; padding:0 3%}
.ind_floor_1 .info .ind_name{ border-bottom:solid 1px #dcdcdc; margin-bottom:20px;}
.ind_floor_1 .info .ind_name b{ padding-left:6px; background-image:url(../images/ind_icon1.png)}
.ind_floor_1 .info .txt{}
.ind_floor_1 .info .txt a{ color:#078999}
.ind_floor_1 .info .other{ padding-top:20px;}
.ind_floor_1 .info .other a{ display:inline-block; text-align:center; margin-right:50px;}
.ind_floor_1 .info .other a i{ width:90px; height:90px; display:block; border-radius:100px; background:no-repeat center center}
.ind_floor_1 .info .other a span{ display:block; padding-top:10px;}
.ind_floor_1 .info .other a.n3{ margin-right:0}
.ind_floor_1 .info .other a.n1 i{ border:solid 1px #1badbf; background-image:url(../images/i1.png)}
.ind_floor_1 .info .other a.n2 i{ border:solid 1px #078999; background-image:url(../images/i2.png)}
.ind_floor_1 .info .other a.n3 i{ border:solid 1px #0b7169; background-image:url(../images/i3.png)}
.ind_floor_1 .pic{ width:46.512%; position:absolute; height:100%; background:no-repeat center center/cover}
.ind_floor_1 .pic img{ display:none;}
.ind_floor_2{ margin:4% 0;}
.ind_floor_2 .ind_name{ float:left; padding-top:10px}
.ind_floor_2 .ind_name b{background-image:url(../images/ind_icon2.png)}
.ind_floor_2 .visit_query{ float:right; line-height:44px;}
.ind_floor_2 .visit_query .h3,
.ind_floor_2 .visit_query .box,
.ind_floor_2 .visit_query .button_search{ float:left;}
.ind_floor_2 .visit_query .h3{ font-size:18px; color:#444444; padding-right:5px;}
.ind_floor_2 .visit_query .box{ padding-right:5px}
.ind_floor_2 .visit_query .text{ padding:0px 10px; width:148px; height:44px; line-height:44px; background-color:#fff; border:solid 1px #e5e5e5;}
.ind_floor_2 .visit_query .btn{ background-color:#078999; color:#fff; width:105px; height:44px; border-radius:4px;}
.ind_floor_2 .list{ padding-top:2%;}
/* .ind_floor_2 .list .item{ float:left; width:24.25%; margin-right:1%; padding:1.5%; background-color:#fff;} */
.ind_floor_2 .list .owl-nav{display: block;}
.ind_floor_2 .list .owl-nav button{position: absolute; top: 50%; transform: translate(0,-50%); font-size: 36px; line-height: 54px;}
.ind_floor_2 .list .owl-nav button:hover{color: #777; background: none;}
.ind_floor_2 .list .owl-nav button.owl-prev{right: 100%;margin-right: 10px;}
.ind_floor_2 .list .owl-nav button.owl-next{left: 100%;margin-left: 10px;}
.ind_floor_2 .list .item{ float:left; width:100%; margin-right:1%; padding:15px; background-color:#fff;}
.ind_floor_2 .list .item#n4{ margin-right:0}
.ind_floor_2 .list .item .pic{ float:left; width:33.226%;}
.ind_floor_2 .list .item .pic img{ background:no-repeat center top/100%;}
.ind_floor_2 .list .item .txt{ float:right; width:60%;}
.ind_floor_2 .list .item .txt h3{ font-size:14px;}
.ind_floor_2 .list .item .txt h3 a{ color:#000000}
.ind_floor_2 .list .item .txt h3 a:hover{ color:#078999}
.ind_floor_2 .list .item .txt h4{ color:#999999}
.ind_floor_2 .list .item .box2 { margin-top:14px;  border-top:solid 1px #e5e5e5}
.ind_floor_2 .list .item .box2 .good{ margin:10px 0; height:40px; line-height:20px;}
.ind_floor_2 .list .item .box2 .hours{ color:#078999; height:34px;}
.ind_floor_2 .list .item .more{ text-align:center; line-height:30px; max-width:165px; margin:auto;}
.ind_floor_2 .list .item .more a{ color:#fff; display:block; width:100%; border-radius:100px; background-color:#078999}
/*.ind_floor_2 .list .item#n2 .more a{ background-color:#1badbf}
.ind_floor_2 .list .item#n3 .more a{ background-color:#078999}
.ind_floor_2 .list .item#n4 .more a{ background-color:#0b7169}*/
.ind_floor_2 .list .item .more a:hover{ background-color:#f17959!important}


.ind_floor_3{ margin:4% 0;}
.ind_floor_3 .box_left{ float:left; width:37%}
.ind_floor_3 .box_left .ind_name b{background-image:url(../images/ind_icon3.png)}
.ind_floor_3 .box_left .item{ position:relative;}
.ind_floor_3 .box_left .item .pic img{ background:no-repeat center center/cover}
.ind_floor_3 .box_left .item h4{ line-height:45px; padding-left:20px; padding-right:80px;  color:#fff; position:absolute; width:100%; bottom:0; background-color:rgba(7,137,153,0.8)}
.ind_floor_3 .owl-dots{ position:absolute; right:10px; bottom:10px;}
.ind_floor_3 .owl-theme .owl-dots .owl-dot span{ margin:0 3px; width:6px; height:6px; background:#fff; opacity:0.5}
.ind_floor_3 .owl-theme .owl-dots .owl-dot.active span{ opacity:1}
.ind_floor_3 .box_right { float:right; width:61.3%; height:384px;}
.ind_floor_3 .box_right .ind_name b{background-image:url(../images/ind_icon4.png)}
.ind_floor_3 .box_right .list{ padding:2.5% 4%; background-color:#fff;}
.ind_floor_3 .box_right .list ul li{ line-height:39px; border-bottom:solid 1px #e5e5e5; padding-left:15px; background:url(../images/li_icon.png) no-repeat left}
.ind_floor_3 .box_right .list ul li time{ float:right; font-size:12px; padding-left:10px;}
.ind_floor_3 .box_right .list ul li:last-child{ border-bottom:none}
.ind_floor_4{ margin:3% 0;position:relative;    min-height: 320px;}
.ind_floor_4 .box_left{ width:49.2%; padding:10px 26px 26px 26px; background-color:#fff;}
.ind_floor_4 .box_left .ind_name b{background-image:url(../images/ind_icon5.png)}
.ind_floor_4 .box_left .item{ text-align:center}
.ind_floor_4 .box_left .item img{ background:no-repeat center center/cover; padding-bottom:35%;}
.ind_floor_4 .box_left .item h4{ line-height:30px;}
.ind_floor_4 .box_left  .owl-nav{ position:absolute; right:0; top:-60px;}
.ind_floor_4 .box_left  .owl-nav button{ font-size:20px; width:30px; line-height:24px; border:solid 1px #cccccc;}
.ind_floor_4 .box_left  .owl-nav .owl-prev{ border-radius:100px 0 0 100px}
.ind_floor_4 .box_left  .owl-nav .owl-next{ border-radius:0 100px 100px 0}
.ind_floor_4 .box_right{ width:49.2%; height:100%; position:absolute; right:0; top:0; background-color:#000}
.ind_floor_4 .box_right .pic{ height:100%; background:no-repeat center center; background-size:cover}
.ind_floor_4 .box_right h2{ font-size:30px; display:table; width:100%; height:100%; text-align:center}
.ind_floor_4 .box_right h2 span{ display:table-cell; vertical-align:middle}
.ind_floor_4 .box_right h2 a{ position:relative; display:inline-block; padding:10px 10px; color:#fff; border-top:solid 1px rgba(255,255,255,0.5); border-bottom:solid 1px rgba(255,255,255,0.5)}
.ind_floor_4 .box_right h2 a:before,
.ind_floor_4 .box_right h2 a:after{ position:absolute; left:5%; content:''; width:90%; height:1px; display:block; background-color:rgba(255,255,255,0.5)}
.ind_floor_4 .box_right h2 a:before{ top:2px;}
.ind_floor_4 .box_right h2 a:after{ bottom:2px;}

@media (max-width:960px){
.ind_floor_1 .info{ float:none; width:100%;}
.ind_floor_1 .pic{ padding:3%; position:relative; width:100%; background:none!important}
.ind_floor_1 .pic img{ display:block; width:100%}
.ind_floor_2 .ind_name{ float:none;}
.ind_floor_2 .visit_query{ float:none; width:100%; background-color:#fff; border:solid 1px #e5e5e5; padding:2%}
.ind_floor_2 .visit_query .h3{ float:none;}
/* .ind_floor_2 .list .item{ width:48%; margin:1%;} */
.ind_floor_3 .box_left,
.ind_floor_3 .box_right{ float:none; width:100%}
.ind_floor_4 .box_left{ float:none; width:100%}
.ind_floor_4 .box_right{ position:relative; width:100%; height:300px}
}
@media (max-width:768px){
.ind_floor_2 .visit_query .box,
.ind_floor_2 .visit_query .button_search{ padding:5px 0; float:none;}
.ind_floor_2 .visit_query .text{ width:100%;}
.ind_floor_2 .visit_query .button_search{ text-align:center}
.ind_floor_2 .visit_query .btn{ width:80%;}

}
@media (max-width:640px){
.home_banner{ height:auto}
.home_banner .owl-carousel .owl-item .item{ height:auto; background:none!important}
.home_banner .owl-carousel .owl-item .item img.wapimg{ display:block}	
.subject_name b{ font-size:20px; line-height:20px;}
.ind_floor_1 .info .other a{ margin-right:10px;}
.ind_floor_1 .info .other a i{ width:60px; height:60px; background-size:30px}
}