*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body{
	font-size: 16px;
	min-width: 1200px;
	position: relative;
	font-family: "微软雅黑";
}
li{
	list-style: none;
}
img{
	border: none;
}
a{
	text-decoration: none;
}
.center{
	width: 1200px;
	margin: 0 auto;
}
.clearfix:before,.clearfix:after {
	content: "";
	display: block;
   	clear: both;
 }
.clearfix {
	zoom: 1;
}
.cur{
	background-color: #02696b;
}
.nav-active:before{
	content: "";
	position: absolute;
	width: 87px;
	height: 2px;
	background-color: #fff;
	top: 71px;
	left: 50%;
    margin-left: -43.5px;
}
/*顶部nav*/
.header{
	width: 100%;
	height: 86px;
	position: fixed;
	z-index: 99999;
	top: 0;
}
.logo{
	width: 188px;
	height: 86px;
	background-color: #02696b;
	text-align: center;
	border-radius: 0 0 10px 10px;
	float: left;
}
.logo img{
	margin-top: 26px;
}
.nav{
	height: 86px;
	float: left;
	margin-left: 34px;
}
.nav ul{
	height: 100%;
	line-height: 86px;
}
.nav ul li{
	float: left;
	position: relative;
}
.nav ul li a{
	color: #fff;
	font-family: '苹方';
	padding: 30px;
}
.cn-zn {
	margin-top: 28.5px;
	float: right;
}
.flag{
	display: inline-block;
    width: 25px;
    height: 25px;
}
.flag img{
	display: block;
	width: 100%;
	height: 100%;
}  
.zn{
	margin-right: 20px;
}
/*banner*/
.banner{
	width: 100%;
	position: relative;
}
.bannerimg{
	display: block;
	width: 100%;
	height: 100%;
}
.bannerdiv{
	position: absolute;
    top: 0;
    height: 100%;
    width: 1200px;
    left: 50%;
    margin-left: -600px
}
.textone,.texttwo{
	position: absolute;
}
.textone{
	top: 0;
	left: 0;
}
.texttwo{
	top: 0;
	left: 0;
}
/*项目介绍*/
.project-introduction{
	padding-top: 60px;
}
.title{
	position: relative;
}
.title::before{
	content: '';
	position: absolute;
	width: 80px;
	height: 3px;
	background-color: #02696b;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
.title-p{
	margin: 0 auto;
	width: 135px;
	height: 156px;
	border: 1px solid rgba(63,95,104,.15);
	text-align: center;
	padding-top: 113px;
	position: relative;
}
/*.title-pen{
	padding-top: 100px;
}*/
.title-pen .title-en{
	top: 100px;
}
.title-en{
	font-family: 'myriad pro';
	font-size: 36px;
	font-weight: bold;
	color: #02696b;
	position: absolute;
	top: 65px;
	left: 50%;
    transform: translate(-50%);
}
.title-cn{
	font-size: 20px;
	color: #02696b;
	font-family: '苹方';
}
.introduction-content{
	text-align: center;
	margin-top: 57px;
}
.intro-content{
	width: 823px;
	margin: 0 auto;
	color: #666;
	font-size: 14px;
	line-height: 25px;
    margin-top: 30px;
}
.map{
	position: relative;
}
.map-location{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.ltaly{
	position: absolute;
    top: 233px;
    left: 159px;
    display: none;
}
.shuzhou{
	top: 313px;
    position: absolute;
    left: 350px;
    display: none;
}
.beijing{
	position: absolute;
    top: 262px;
    left: 419px;
    display: none;
}
.silicon-valley{
	position: absolute;
    right: 271px;
    top: 257px;
    display: none;
}
.shanghai{
	position: absolute;
    top: 325px;
    left: 452px;
    display: none;
}
.map>img{
	display: block;
	width: 100%;
	height: 100%;
}
/*区位交通*/
.location-traffic{
	width: 100%;
	background: url(/uploads/image/limg/plane.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	height: 750px;
	padding-top: 60px;
	position: relative;
}
.location-traffic .title-p{
	border: 1px solid rgba(255,255,255,.3);
}
.location-title::before{
	background-color: #fff;
}
.location-title p{
	color: #fff;
}
.step{
	width: 823px;
    margin: 0 auto;
    margin-top: 22px;
}

.step ul li{
	float: left;
    width: 113px;
    height: 113px;
    text-align: center;
    margin-right: 101px;
    color: #fff;
    position: relative;
    cursor: pointer;
    font-family: '苹方';
}
.step ul li:before{
	content: '';
	position: absolute;
	width: 200px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.4);
	top:50%;
	margin-top: -0.5px;
	right: -150px;
}
.last-step{
	margin-right: 0 !important;
}
.step-mt{
	margin-top: 21px;
}
.step-active{
	background:  no-repeat;
	background-size: cover;
}
.last-step:before{
	display: none;
}
.step-active:before{
	content: "";
	width: 150px !important;
}
.traffic-content{
	width: 823px;
	margin: 0 auto;
	color: #666;
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-top: 36px;
	line-height: 25px;
}
.bycar{
	text-align: left;
}
.bycar p{
	display: block;
	margin-top: 10px;
}
.five{
	margin-left: 90px;
    font-size: 24px;
    margin-right: 20px;
}
.ten{
	margin-left: 230px;
    font-size: 24px;
    margin-right: 20px;
}
.twelve{
	margin-left: 80px;
    font-size: 24px;
    margin-right: 20px;
}
.eighteen{
	margin-left: 170px;
}
.eighteen span{
	margin-left: 274px;
	font-size: 24px;
	margin-right: 20px;
}
.bymetro p span{
	font-size: 24px;
}
.bybus p span{
	font-size: 24px;
}
.bycar,.bybus,.bymetro{
	display: none;
}
.bycar i,.bybus i,.bymetro i{
	font-size: 24px;
	font-style: normal;
}
.traffic-distance{
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}
.distance-left{
	float: left;
	text-align: center;
	color: #fff;
	line-height: 25px;
	width: 50%;
	padding-left: 200px;
}
.distance-right{
	float: right;
	text-align: center;
	color: #fff;
	line-height: 25px;
	width: 50%;
	padding-right: 200px;
}
.distance-left span,.distance-right span{
	font-size: 30px;
}
.see-location{
	width: 414px;
	text-align: center;
	margin: 0 auto;
	margin-top: 53px;
}
.see-location span{
	padding: 19px 47px;
	color: #fff;
	background-color: #ff7800;
	border-radius: 10px 10px;
	cursor: pointer;
}
.see-location span img{
	vertical-align: middle;
	margin-right: 14px;
}
.see-location span i{
	vertical-align: middle;
	font-style: normal;
}
.mask-map{
	position: absolute;
    top: 141px;
    left: 50%;
    margin-left: -408px;
    display: none;
    z-index: 1;
}
.close{
	position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
/*创意书谷*/

.originality{
	    min-height: 699px;
    background: url(/uploads/image/limg/originality-bjthree.jpg) no-repeat;
    padding-top: 99px;
    background-size: 100% 699px;
    position: top center;
    position: relative;
}
.originality:before{
	content: '';
	width: 100%;
	height: 699px;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 0;
	z-index: 0;
}
.ori-left{
	width: 300px;
	height: 300px;
	-webkit-writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
	float: left;
	position: relative;
	z-index: 1;
	padding-top: 30px;
}
.ori-p{
	margin-left: 97px;
	margin-right: 40px;

}
.originality .title:before{
	background: #fff;
}
.ori-title{
	background-color: #02696b;
	padding: 15px 8px;
	border-radius: 0 10px 0 10px;
	color: #fff;
	font-family: '苹方';
}
.design-concept .title-p{
	border: 1px solid rgba(255,255,255,.3);
}
.design{
	margin-left: 4px;
}

.num{
	position: absolute;
    padding: 9px 10px;
    border-radius: 50%;
    text-align: center;
	top: 40px;
	left: -22px;
	background-color: #fff;
	color: #02696b;
    z-index: 1;
}
.num2{
	font-size: 12px;
    position: absolute;
    bottom: -200px;
    left: 40px;
    right: 40px;
}
.three-center{
	overflow: hidden;
}
.ori-en span{
	font-size: 30px;
}
.ori-center{
	width: 600px;
	height: 300px;
	float: left;
	/*overflow: hidden;*/
	position: relative;
	z-index: 1;
}
.ori-right .bx-viewport{
	height: 200px !important;
}
.ori-centerright{
	width: 900px;
    height: 300px;
    float: left;
    position: relative;
}
.marquee-img{
	    width: 600px;
    height: 300px;
    float: left;
}
.marquee-info{
	width: 300px;
    height: 300px;
    float: left;
    background-color: #02696b;
    position: relative;
    padding: 46px 31px 30px 38px;
}
.ori-right{
	float: left;
	width: 300px;
	height: 300px;
	background-color: #02696b;
	position: relative;
	padding: 46px 31px 30px 38px;
}
.bx-wrapper .bx-pager{
	text-align: right;
    right:-280px;
    bottom:30px;
}
.ori-center .bx-viewport{
    overflow:auto;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: transparent;
	border: 1px solid #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #fff;
}
.oriright-title{
	/*width: 112px;*/
	font-size: 18px;
	color: #fff;
	text-align:justify;
	 text-justify:inter-ideograph;
	 font-family: '苹方';
}
.oriright-content{
	font-size: 12px;
	color: #7fc4c5;
	 margin-top: 30px;
}
.design-concept {
	width: 300px;
	height: 300px;
	background-color: #fe7900;
	position: relative;
	float: left;
	padding-top:44px;
}
.design-concept .title-en,.design-concept .title-cn{
	color: #fff;
}
.oricentet-left{
	width: 300px;
	float: left;
	height: 100%;
	-webkit-writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.oricentet-right{
	width: 300px;
	height: 300px;
	background-color: #fff;
	float: left;
	padding: 46px 31px 30px 38px;
	position: relative;
	z-index: 11;
}
.oricentet-right p:first-child{
	display: inline-block;
	padding: 9px 10px;
	border-radius: 50%;
	border: 1px solid #666;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 40px;
	background-color: #fff;
}
.oricentet-right p:nth-child(2){
	position: absolute;
	top: 108px;
	left: 40px;
    font-family: "苹方";
    font-size: 18px;
}
.hovered{
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.oricentet-right p:last-child{
	width: 40px;
	height: 4px;
	background-color: #02696b;
	position: absolute;
	bottom: 38px;
}
.oricentet-left{
	height: 300px;
	writing-mode: horizontal-tb;    /* 默认值 */
	writing-mode: vertical-rl;
	writing-mode: vertical-lr;
	background-color: transparent;
}
/*提供服务*/
.severice{
	padding-top: 60px;
}
.severice-content{
	width: 891px;
	margin: 0 auto;
	color: #666;
	line-height: 25px;
	text-align: center;
	margin-top: 36px;
	font-size: 14px;
}
.sever-hover:before{
	content: '';
	 width: 100%;
	 background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0.1));
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.img-severice{
	margin-top: 40px;
}
.img-severice>div{
	width: 33.33%;
	float: left;
	position: relative;
	overflow: hidden;
}
.severice-contented{
	position: absolute;
    width: 100%;
    background: rgba(2,105,107,.9);
    bottom: 0;
    padding: 29px 46px 29px 38px;
    color: #fff;
    display: none;
}
.severice-contented span{
	font-size: 20px;
    font-family: "苹方";
}
.severice-contented p{
	margin-top: 23px;
	font-size: 14px;
	color: #7fc4c5;
	text-align: left;
}
.severice-title{
	position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translate(-50%,50%);
    color: #fff;
    font-family: '苹方';
    z-index: 1;
}

.img-severice>div img{
	display: block;
	width: 100%;
	height: 100%;
}
.img-sever>div{
	width: 50%;
	float: left;
	position: relative;
}
.img-sever>div img{
	display: block;
	width: 100%;
	height: 100%;
}
/*租赁信息*/
.paraments{
	padding-top: 60px;
}
.paraments-content{
	width: 1200px;
	margin: 0 auto;
	margin-top: 69px;
	min-height: 108px;
}
.paraments-content li{
	width: 20%;
	float: left;
	text-align: center;
	display: none;
	position: relative;
}
.paraments-content li:before{
	content: '';
	width: 1px;
	height: 97px;
	position: absolute;
	top: 5px;
	right: 0;
	background: #ececec;
}
.paraments-content li p:nth-child(2){
	margin-top: 28px;
	font-size: 22px;
	font-family: 'myriad pro ';
}
.paraments-content li p:last-child{
	color: #333333;
	font-size: 12px;
	font-family: 'myriad pro ';
}

.paraments-center{
	margin-bottom: 123px;
}
.plan img{
	display: block;
    width: 100%;
    height: 100%;
}
.one-f,.six-f{
	font-size: 20px;
	text-align: center;
	position: absolute;
	text-align: center;
}
.one-f{
	right: 620px;
}
.six-f{
	right: 190px;
}
/*foot*/
.foot{
  /* height: 160px; */
  padding:30px 0;
	background-color: #02696b;
	line-height: 57px;
	color: #fff;
	font-family: '苹方';
}
.foot img{
	vertical-align: middle;
}
.phone{
	margin-left: 50px;
}
.telphone{
    font-size: 24px;
}
.phone img{
	margin-right: 11px;
}
.position{
	margin-left: 50px;
}
.position img{
	margin-right: 14px;
}
.wechat{
	float: right;
	margin-top: 61.5px;
}
.footcenter{
	position: relative;
}
.footcenter .jieshao {
  margin-left:65px;
  line-height: 40px;
  margin-top: 20px;
}
.erweima{
	width: 183px;
    /* height: 215px; */
    background: #d6ebeb;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 1;
    top: -172px;
    text-align: center;
    padding: 10px 17px;
    display: none;
}
.erweima img{
	width: 149px;
    height: 149px;
    display: block;
}
.erweima span{
	font-size: 14px;
    color: #333;
    margin-top: 14px;
    display: block;
}
.erweima:before{
	content: "";
    position: absolute;
    right: 10%;
    bottom: -5px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #d6ebeb;
    border-bottom: 10px solid transparent;
    z-index: 0;
}
/*返回顶部*/
.go-top{
	position: absolute;
    bottom: 345px;
    right: 78px;
    cursor: pointer
}
/*遮罩*/
.mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	display: none;
	z-index: 0;
}