@charset "UTF-8";
.w1760{min-width:1200px;}
/* 1、青岛产业基地 */
.qingdao-w{margin-top:.75rem;overflow:hidden;}
.qingdao-w .qingdao-yinhao{height:2.75rem;background:url(../images/lvuyinhao.png) no-repeat;background-size:2.85rem;padding-left:3.5rem;position:relative;z-index:1;}
.qingdao-w .qingdao-title{font-size:.75rem;font-weight:bold;text-align:center;}
.qingdao-w .qingdao-yinhao .qingdao-con{width:50%;font-size:.4rem;overflow:hidden;}
.qingdao-w .cyjj-w{height:13.4rem;background:url(../images/icon17.jpg) no-repeat;margin-top:.65rem;padding-top:.65rem;overflow:hidden;background-size:100% 13.4rem;}
.qingdao-w .cyjj-w .cyjj-con{margin-left:32%;overflow:hidden;padding-right:1rem;}
.qingdao-w .cyjj-w .cyjj-con .cyjj-tit{font-size:.7rem;font-weight:bold;}
.qingdao-w .cyjj-w .cyjj-con .cyjj-des{font-size:.4rem;margin-top:.35rem;text-overflow:ellipsis;/* white-space:nowrap; */}
.qingdao-w .cyjj-w .cyjj-con .cyjj-shuzi{margin-top:.4rem;}
.qingdao-w .cyjj-w .cyjj-con .cyjj-shuzi .nums{font-size:.85rem;font-family:'DIN 2014 Narrow';font-weight:400;line-height:1;}
.qingdao-w .cyjj-w .cyjj-con .cyjj-shuzi .tits{font-size:.4rem;}
/* 2、青岛基地服务体系 */
.qingdao-w .fuwu-w{position:relative;top:-2rem;}
.qingdao-w .fuwu-w .fw-tab{width:50%;position:relative;left:20%;}
.qingdao-w .fuwu-w .fw-tab li{width:4rem;display:inline-block;margin-right:.45rem;height:1.2rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);border-radius: 30px;}
.qingdao-w .fuwu-w .fw-tab li.cur{background:#D04642;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);}
/* 四大服务体系 */
.tab-box{position:relative;z-index:1;overflow:hidden;}
.tab-box .fw-tit{font-size:.75rem;text-align:center;font-weight:bold;}
.tab-box .tab-w{margin-top:30px;text-align:center;}
.tab-box .tab-w ul li{width:3.5rem;display:inline-block;margin-right:.45rem;background:#fff;height:1.2rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);border-radius: 30px;
	font-size:.45rem;text-align:center;line-height:1.2rem;cursor:pointer;font-weight:400;}
.tab-box .tab-w ul li.action{background:#a3c482;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);color:#fff;}
.tab-box .box-w{width:100%;height:15rem;margin-top:1rem;background:url(../images/icon16.jpg) no-repeat;background-size:contain;color:#fff;}
.tab-box .box-w .item-w{display: none; padding: 0px;}
.tab-box .box-w .item-w:first-child{display: block;}
/* 户型图 */
.tab-hx{position:relative;z-index:1;overflow:hidden;}
.tab-hx .fw-tit{font-size:.75rem;text-align:center;font-weight:bold;}
.tab-hx .tab-hx-w{float:right;margin-top:30px;}
.tab-hx .tab-hx-w ul li{width:3.5rem;display:inline-block;margin-right:.45rem;background:#fff;height:1.2rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);border-radius: 30px;
	font-size:.45rem;text-align:center;line-height:1.2rem;cursor:pointer;font-weight:400;}
.tab-hx .tab-hx-w ul li.action{background:#febc46;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);color:#fff;}
.tab-hx .box-hx-w{margin-top:1rem;}
.tab-hx .box-hx-w .item-hx-w{display: none; padding: 15px;}
.tab-hx .box-hx-w .item-hx-w:first-child{display: block;}
/* 配套 */
.tab-peit{background:url(../images/lvuyinhao.png) no-repeat;position:relative;z-index:1;overflow:hidden;}
.tab-peit .fw-tit{font-size:1.2rem;line-height:1.4rem;padding-left:5.5rem;}
.tab-peit .tab-peit-w{float:right;margin-top:30px;}
.tab-peit .tab-peit-w ul li{width:4rem;display:inline-block;margin-right:.45rem;background:#fff;height:1.4rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);border-radius: 30px;
	font-size:.5rem;text-align:center;line-height:1.4rem;cursor:pointer;font-weight:400;}
.tab-peit .tab-peit-w ul li:nth-child(2n){width:5rem;}
.tab-peit .tab-peit-w ul li.action{background:#D04642;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);color:#fff;}
.tab-peit .box-peit-w{margin-top:.75rem;}
.tab-peit .box-peit-w .item-peit-w{display: none; padding: 15px;}
.tab-peit .box-peit-w .item-peit-w:first-child{display: block;}
/* 政策 */
.tab-zc{position:relative;z-index:1;overflow:hidden;}
.tab-zc .fw-tit{font-size:.75rem;text-align:center;font-weight:bold;}
.tab-zc .tab-zc-w{float:right;margin-top:30px;}
.tab-zc .tab-zc-w ul li{width:4rem;display:inline-block;margin-right:.45rem;background:#fff;height:1.4rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);border-radius: 30px;
	font-size:.5rem;text-align:center;line-height:1.4rem;cursor:pointer;font-weight:400;}
.tab-zc .tab-zc-w ul li:nth-child(2n){width:5rem;}
.tab-zc .tab-zc-w ul li.action{background:#D04642;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);color:#fff;}
.tab-zc .box-zc-w{margin-top:.75rem;}
.tab-zc .box-zc-w .item-zc-w{display: none; padding: 15px;}
.tab-zc .box-zc-w .item-zc-w:first-child{display: block;}

/* 三大产业 */
.sdcy{padding:3rem 1.2rem 0 1.2rem;}
.sdcy li{width:28%;height:14.5rem;float:left;margin-right:8%;position:relative;overflow:hidden;}
.sdcy li:last-child{margin-right:0;}
.sdcy li .img{position:absolute;z-index:1;}
.sdcy li .touming{width:100%;height:100%;position:absolute;z-index:2;background:rgba(255, 255, 255, 0);cursor:pointer;}
.sdcy li .touming .sdcy-zi{transition: 0.3s;position:relative;bottom:-5rem;padding:1.5rem .6rem 0 .55rem;}
.sdcy li .touming .sdcy-icon{text-align:center;margin-top:1.65rem;}
.sdcy li .touming .sdcy-icon img{width:2.5rem;height:2.5rem;}
.sdcy li .touming .sdcy-tit{font-size:.45rem;color:#fff;font-weight: 400;}
.sdcy li .touming .sdcy-shuzi{font-family: Gilmer Bold;font-weight: 400;color: rgba(229, 229, 229, 0);-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;
	font-size:2.5rem;}
.sdcy li .touming .sdcy-line{width:1rem;height:2px;background:#fff;}
.sdcy li .touming .sdcy-con{opacity:0;font-size:.37rem;line-height:.75rem;}
.sdcy li a{color:#fff;}
.sdcy li:hover .touming .sdcy-zi{bottom:0rem;}
.sdcy li:hover .touming .sdcy-zi .sdcy-con{transition: 0.6s;opacity:1;}
.sdcy li:hover a{color:#fff;}
/* 三大平台 */
.sdpt{padding:3rem 1.2rem 0 1.2rem;}
.sdpt li{width:29.34%;background:url(../images/sdpt-1.jpg) no-repeat;float:left;margin-right:5.9%;position:relative;text-align:center;color:#fff;overflow:hidden;}
.sdpt li:nth-child(2n){background:url(../images/sdpt-2.jpg) no-repeat;}
.sdpt li:last-child{background:url(../images/sdpt-3.jpg) no-repeat;margin-right:0;}
.sdpt li .sdpt-tit{font-size:.55rem;font-weight:400;margin-top:3rem;text-overflow:ellipsis;white-space:nowrap;}
.sdpt li .sdpt-line{width:1rem;height:3px;background:#fff;margin:0 auto;}
.sdpt li .sdpt-shuzi{font-family: Gilmer Bold;font-weight: 400;color: rgba(229, 229, 229, 0);-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;
	font-size:3.5rem;position:relative;bottom:-1rem;}
/* 四维驱动 */
.swqd-w .swiper-b{padding-top:3rem;color:#fff;}
.swqd-w .swiper-b .box{padding:0 2rem 0 2.3rem;position:relative;zoom:1;}
.swqd-w .swiper-b .swiper-container{position:static}
.swqd-w .swiper-b .swiper-slide{height:14.5rem;background:url(../images/swqd-1.jpg) no-repeat;position:relative;text-align:center;}
.swqd-w .swiper-b .swiper-slide:nth-child(2n){background:url(../images/swqd-2.jpg) no-repeat;}
.swqd-w .swiper-b .swiper-slide:nth-child(3n){background:url(../images/swqd-3.jpg) no-repeat;}
.swqd-w .swiper-b .swiper-slide:last-child{background:url(../images/swqd-4.jpg) no-repeat;}
.swqd-w .swiper-b .swqd-tit{font-size:.55rem;font-weight:400;margin:3rem 0 .45rem 0;text-overflow:ellipsis;white-space:nowrap;}
.swqd-w .swiper-b .swqd-line{width:1rem;height:3px;background:#fff;margin:0 auto;}
.swqd-w .swiper-b .swqd-shuzi{font-family: Gilmer Bold;font-weight: 400;color: rgba(229, 229, 229, 0);-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;
	font-size:3.5rem;position:relative;bottom:-1rem;}
.swqd-w .swiper-b .swiper-button-next{width:1.2rem;height:1.2rem;top:10rem;background:url(../images/R.png) no-repeat center center;background-size:contain}
.swqd-w .swiper-b .swiper-button-next:hover{background:url(../images/R.png) no-repeat center center;background-size:contain}
.swqd-w .swiper-b .swiper-button-prev{width:1.2rem;height:1.2rem;top:10rem;background:url(../images/L.png) no-repeat center center;background-size:contain}
.swqd-w .swiper-b .swiper-button-prev:hover{background:url(../images/L.png) no-repeat center center;background-size:contain}
/* 八项服务 */
.bxfw{padding:3rem 1.2rem 0 1rem;}
.bxfw-box{height:14.5rem;position:relative;}
.bxfw-box li{width:23.75%;height:6rem;float:left;margin-right:1.5%;border:1px solid #ccc;margin-bottom:.55rem;background:#fff;color:#333;cursor:pointer;}
.bxfw-box li .bxfw-con{width:90%;margin:0 auto;}
.bxfw-box li:nth-child(4n){margin-right:0;}
.bxfw-box li .bxfw-shuzi{margin:0;font-family: 'Gilmer Bold';font-weight: 400;color:rgba(201, 41, 36, 0);-webkit-text-stroke: 1px #A3C381;
text-stroke: 1px #A3C381;font-size:1.5rem;}
.bxfw-box li .bxfw-tit{font-size:.45rem;margin-top:-.5rem;}
.bxfw-box li .bxfw-tit-con{font-size:.35rem;line-height:.5rem;}
.bxfw-box li .bxfw-line{width:100%;height:1px;background:#ccc;}
.bxfw-box li:hover{background:url(../images/qdfw-01.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(2n){background:url(../images/qdfw-02.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(3n){background:url(../images/qdfw-03.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(4n){background:url(../images/qdfw-04.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(5n){background:url(../images/qdfw-05.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(6n){background:url(../images/qdfw-06.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(7n){background:url(../images/qdfw-07.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover:nth-child(8n){background:url(../images/qdfw-08.jpg) no-repeat;background-size:100% 6rem;border:1px solid #ccc;color:#fff;}
.bxfw-box li:hover .bxfw-shuzi{color:#fff;color:rgba(255, 255, 255, 1);-webkit-text-stroke: 1px #fff;text-stroke: 1px #fff;}
.bxfw-box li:hover .bxfw-line{background:#fff;}
/* 3、青岛基地·业态户型 */
.huxing-w{width:100%;overflow:hidden;}
.huxing-w .waimianhz{width:22.5rem;height:auto;}
.huxing-w img{padding-top:0px;}
.huxing-w .flipster{margin: 0 auto;width: 100%;position: relative;}

/* 4、青岛基地·配套设施 */
.peitao-con{margin-left:22%;padding:.5rem .45rem 0 0;}
.peitao-con li{width:40%;float:left;margin-right:2%;font-size:.4rem;}
.peitao-con li:nth-child(2n){margin-right:0;}
.peitao-con li:last-child{width:100%;}

/* 5、入住企业 */
.ruzhu-w{margin-top:1rem;}
.ruzhu-w ul{overflow:hidden;}
.ruzhu-w li{width:17%;float:left;margin-right:2%;height:3rem;line-height:3rem;box-shadow: 0px 5px 20px 0px rgba(25, 104, 174, 0.1);
border-radius:10px;margin-bottom:35px;background:#fff;cursor:pointer;padding:.25rem;text-align:center;}
.ruzhu-w li span{display:block;overflow:hidden;position:relative;}
.ruzhu-w li span img{width:80%;display:block;transition:1s;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
.ruzhu-w li:nth-child(5n){margin-right:0;}
.ruzhu-w li li:hover span>img{transform:scale(1.08)}

/* 周边区域 */
.zhoubian-w{margin-top:1rem;overflow:hidden;}
.zhoubian-w .zhoubian-con{width:100%;box-shadow: 0px 5px 20px 0px rgba(25,104,174,0.1);}
.zhoubian-w .zhoubian-con img{border-radius:10px;}
/* 服务团队 */
.fwtd-w .swiper-d{padding-top:1.1rem}
.fwtd-w .swiper-d .box-d{padding:0 1rem;position:relative}
.fwtd-w .swiper-d .swiper-container{position:static}
.fwtd-w .swiper-d .swiper-slide{height:11.75rem;background:#fff;border-radius:10px;overflow:hidden}
.fwtd-w .swiper-d .swiper-slide img{transition:all .3s ease 0s}
.fwtd-w .swiper-d .swiper-slide:hover img{transform:scale(1.05)}
.fwtd-w .swiper-d .swiper-slide .fwtd-con{padding:.35rem;overflow:hidden;}
.fwtd-w .swiper-d .swiper-slide .fwtd-con .fwtd-name{font-size:.45rem;font-family:'PingFang SC';font-weight:600;}
.fwtd-w .swiper-d .swiper-slide .fwtd-con .fwtd-des{font-size:.35rem;line-height:.55rem;font-weight:400;}
.fwtd-w .swiper-d .swiper-button-next{width:1.2rem;height:1.2rem;background:url(../images/R.png) no-repeat center center;background-size:contain}
.fwtd-w .swiper-d .swiper-button-next:hover{background:url(../images/R.png) no-repeat center center;background-size:contain}
.fwtd-w .swiper-d .swiper-button-prev{width:1.2rem;height:1.2rem;background:url(../images/L.png) no-repeat center center;background-size:contain}
.fwtd-w .swiper-d .swiper-button-prev:hover{background:url(../images/L.png) no-repeat center center;background-size:contain}
/* 服务政策 */
/* 人才政策 */
.fuwu-w{width:100%;height:10rem;padding-top:1.1rem;background:url(../images/qdryzc.png) no-repeat;background-size:100%;padding:4.5rem 1rem 2rem;}
.fuwu-w li{width:15%;float:left;margin-right:1%;height:10.5rem;background:url(../images/qdzcmr.png) no-repeat;background-size:contain;}
.fuwu-w li:hover{background:url(../images/qdzcxzlv.png) no-repeat;color:#fff;cursor:pointer;background-size:contain;}
.fuwu-w li .fuwu-con{width:80%;margin:.6rem auto;}
.fuwu-w li .fuwu-tit{font-weight:bold;font-size:.45rem;margin-top:.2rem;}
.fuwu-w li .fuwu-shuzi{font-weight:400;font-size:1.2rem;font-family:'DIN2014Narrow-Regular';line-height:1.1;}
.fuwu-w li .fuwu-des{font-size:.4rem;}
.fuwu-w li .fuwu-des .yuand{width:5px;font-size:1rem;position:relative;bottom:.65rem;}
.fuwu-w li:last-child{margin-right:0%;}