@charset "UTF-8";
.public-top-1{height:29px;background-color: #f6f6f6;border-top:#dbdcdd solid 1px;}
.public-top-1 .top-box{width:1200px;margin:0 auto;position:relative;}
.public-top-1 .top-box .slogan{float:left;line-height:29px;font-size:16px;font-weight:bold;color:#24acac;padding-right:33px;}
.public-top-1 .top-box .top-link{float:left;line-height: 29px;font-size: 14px;color:#000;position:relative;padding-left:18px;}
.public-top-1 .top-box .top-link i{width:13px;height:13px;/*background:url(ioc_02.png) no-repeat;*/display:block;position:absolute;left:0;top:50%;margin-top:-6px;}
.public-top-1 .login-info{position:absolute;right:0;top:0;}
.public-top-1 .login-info a{line-height:29px;font-size:14px;color:#000;position:relative;padding-left:21px;margin-right:20px;}
.public-top-1 .login-info a i{/*background:url(ioc_03.png) no-repeat;*/display:block;position:absolute;left:0;top:50%;}
.public-top-1 .login-info a i.ioc1{width:14px;height:19px;background-position:0 0;margin-top:-9px;}
.public-top-1 .login-info a i.ioc2{width:18px;height:18px;background-position:-18px 0;margin-top:-9px;}
.public-top-1 .login-info a i.ioc3{width:17px;height:17px;background-position:-39px 0;margin-top:-8px;}
.public-top-1 .login-info a em{width:80px;height:0px;position:absolute;left:50%;margin-left:-30px;top:29px;z-index:1;display:block;overflow:hidden;transition:all .3s;}
.public-top-1 .login-info a em img{width:80px;height:80px;}
.public-top-1 .login-info a:hover{color:#33b0b0;}
.public-top-1 .login-info a:hover em{height:80px;}

.public-header-1{position: relative;}
.header-info{width:1200px;margin:0 auto;}
.header-wrap{height:108px;border-bottom:#d2d2d2 solid 1px;position:relative;}
.header-wrap a.logo{width:659px;display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header-wrap a.logo img{width:100%;}
.header-wrap span{line-height:28px;font-size:18px;color:#767676;display:block;padding-left:15px;border-left:#d7d7d7 solid 1px;position:absolute;left:438px;top:50%;transform:translateY(-50%);}
.header-wrap a.tel{width:340px;height:46px;background:url(../images/index/tel1.png) no-repeat;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.header-wap{display:none;}
.header-nav{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:23px 50px 16px;}
.header-nav a{line-height:30px;font-size:18px;color:#333;border-bottom:transparent solid 2px;}
.header-nav a:hover{color:#21bbbd;border-bottom-color:#21bbbd;}

.header-drop{position:absolute; top:180px; left: 0; width: 100%; height: 300px;  display:block;z-index: 1;}
.header-drop-wrap{width: 1200px; height: 300px; margin: 0 auto;}
.header-drop-list{/*! float: right; */width: 726px; height: 300px; position: relative;}
.header-drop-list ul{float: left; width: 100px; /*! height:280px; */position: absolute;border-top:#169ca7 solid 2px;background-color:#fff;display:none;padding:10px 0 15px;}
.header-drop-list ul.active{display:block;}
.header-drop-list li{height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;color: #fff;}
.header-drop-list li a{  color: #454545;font-size: 14px;line-height:28px; transition:all .3s;white-space: nowrap;display:block;}  
.header-drop-list ul.active li a{color: #454545;}
.header-drop-list ul.active li a:hover{background-color:#169ca7;color:#fff;}
.header-drop-list ul.ul1{left:37px;}
.header-drop-list ul.ul2{left:247px;}
.header-drop-list ul.ul3{left:442px;}
.header-drop-list ul.ul4{left:655px;}
.header-drop-list ul.ul5{left:858px;}
.header-drop-list ul.ul6{left:1067px;padding:0;}
.header-drop-list ul.ul6 li,.header-drop-list ul.ul6 li img{width:100px;height:100px;}
/* .header-drop-list ul:nth-child(3){left:442px;} */

.activityBg{background-color:#fbfbfb;padding-top:40px;}
.activity{padding-bottom:66px;overflow:hidden;}
.activityTab{text-align:center;border-bottom:#ededed solid 2px;margin:0 90px 79px;position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.activityTab span{line-height:58px;font-size:26px;color:#333;display:inline-block;padding:0 25px;}
.activityTab span i{width:1px;height:24px;background-color:#ccc;display:block;position:absolute;left:25%;top:50%;transform:translateY(-50%);}
.activityTab span:nth-child(2) i{left:50%;}
.activityTab span:nth-child(3) i{left:75%;}
.activityTab span.active{color:#12abc5;border-bottom:#12abc5 solid 3px;}
.activityCon{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.activityCon span{float:left;display:block;margin-bottom:22px;}
.activityCon span,.activitySilder span img{width:387px;height:233px;}

.activityMap{overflow:hidden;position: relative;border: 1px solid #bfbfbf;}
.activityMap #map{float:left;width:583px;}
.activityMap #map,.activityMap #map img{width:583px;height:422px;}
.activityMap #mapWap{display:none;}
.activityNav{float: right;width:550px;}
.activityNav img{display:none;}
.activityNav .tab{padding-top:20px;}
.activityNav .tab span{float:left;width:114px;text-align:center;line-height:42px;font-size:24px;color:#000;border:1px solid #0f5e63;display:block;overflow:hidden;position:relative;padding-left:82px;margin:0 50px 13px 0;}
.activityNav .tab span i{width: 82px;height: 42px;display:block;background:/* url(path_02.png) no-repeat */#0f5e63;position:absolute;left:0;top:0;}
.activityNav .tab span i.ioc1{background-position:0 0;}
.activityNav .tab span i.ioc2{background-position:0 -55px;}
.activityNav .tab span i.ioc3{background-position:0 -110px;}
.activityNav .tab span i.ioc4{background-position:0 -165px;}
.activityNav .tab span i.ioc5{background-position:0 -220px;}
.activityNav .tab span.active{border-color: #0f5e63;background-color: #169ca7;color: #fff;}
.activityMapTab{width:617px;height:185px;position:absolute;right: 0;bottom: 0;background-color: #fff;}
.activityMapTab dl{overflow:hidden;}
.activityMapTab dt{display:none;}
.activityMapTab dt,.activityMapTab dt img{width:424px;height:222px;}
.activityMapTab dd{}
.activityMapTab dd p{font-size: 16px;color: #666;padding: 15px 15px 0;}
.projectBar{display:none;}
/* 底部快速预约 */
.appFastBooking{display: none;}
.new-header{display:none;}
@media only screen and (max-width: 750px){
	.public-top-1{display:none;}
	.public-header-1{display:none;}
	.new-header{padding-top:.32rem;background-color:#fff;display:block;}
	.new-header .logo{padding-bottom:.3rem;}
	.new-header .logo img{width:6rem;height:auto;margin:0 auto;}
	.header-nav{height:.54rem;line-height:.54rem;font-size:.24rem;color:#fff;background-color:#1e9a99;margin-bottom:0;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 .2rem;}
	.header-nav a{height:.54rem;line-height:.54rem;font-size:.24rem;color:#fff;display:inline-block;margin:0;position:relative;}
	.header-nav a:hover{color:#fff;}
	.header-nav i{color:#efd7bd;}
	.header-nav i:last-child{display:none;}
	
	.projectBar{background-color:#fff;border-bottom:#d6d6d6 solid .03rem;overflow:hidden;display:block;}
	.projectBar a{float:left;width:25%;text-align:center;line-height:.8rem;font-size:.28rem;color:#4e5050;display:block;}
	.projectBar em{border-right:#d6d6d6 solid .03rem;border-bottom:#d6d6d6 solid .03rem;display:block;}
	.projectBar a:nth-child(4n) em{border-right:0;}
	.projectBar a:nth-last-child(1) em,.projectBar a:nth-last-child(2) em,.projectBar a:nth-last-child(3) em,.projectBar a:nth-last-child(4) em{border-bottom:0;}
	/* 底部快速预约 */
	.appFastBooking{padding:.4rem .3rem 0; background-color:#f3f7f6; display: block;}
	.appFastBooking .appFrom{background-color: #fff;border-radius: .12rem;}
}